fix(build): card, title

.gitignore

@@ -1 +1,2 @@
+dist
 node_modules

src/components/card/Card.tsx

@@ -3,7 +3,7 @@ import { cn } from "../../utils/cn";
 
 export interface CardProps extends React.HTMLAttributes<HTMLDivElement> {}
 
-export const Card = React.forwardRef<HTMLDivElement, CardProps>(
+const Card = React.forwardRef<HTMLDivElement, CardProps>(
   ({ className, ...props }, ref) => (
     <div
       ref={ref}

src/components/typography/Title.tsx

@@ -5,9 +5,18 @@ export interface TitleProps extends React.HTMLAttributes<HTMLHeadingElement> {
   level?: 1 | 2 | 3 | 4 | 5 | 6;
 }
 
+const HeadingComponents = {
+  1: 'h1',
+  2: 'h2',
+  3: 'h3',
+  4: 'h4',
+  5: 'h5',
+  6: 'h6'
+} as const;
+
 export const Title = React.forwardRef<HTMLHeadingElement, TitleProps>(
   ({ className, level = 1, children, ...props }, ref) => {
-    const Component = `h${level}` as keyof JSX.IntrinsicElements;
+    const Component = HeadingComponents[level as keyof typeof HeadingComponents];
 
     const styles = {
       1: "text-3xl font-bold tracking-tight",
@@ -16,16 +25,16 @@ export const Title = React.forwardRef<HTMLHeadingElement, TitleProps>(
       4: "text-lg font-semibold tracking-tight",
       5: "text-base font-semibold tracking-tight",
       6: "text-sm font-semibold tracking-tight",
-    };
+    } as const;
 
-    return (
-      <Component
-        ref={ref}
-        className={cn(styles[level], className)}
-        {...props}
-      >
-        {children}
-      </Component>
+    return React.createElement(
+      Component,
+      {
+        ref,
+        className: cn(styles[level], className),
+        ...props
+      },
+      children
     );
   }
 );