singularity-components 0.1.140 → 0.1.151

package/dist/components/primitives/index.d.ts

@@ -1,17 +1,19 @@
 export { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from './accordion/accordion.js';
 export { Alert, AlertAction, AlertDescription, AlertTitle, alertVariants } from './alert/alert.js';
-export { Badge, badgeVariants } from './badge/badge.js';
+export { Badge, badgeVariants, badgeVariantsProps } from './badge/badge.js';
 export { Badges, BadgesProps } from './badge/badges.js';
 export { Button, buttonVariants, buttonVariantsProps } from './button/button.js';
 export { Icon, iconVariants, iconVariantsProps } from './icon/icon.js';
 export { Layout, LayoutProps, layoutVariants, layoutVariantsProps } from './layout/layout.js';
+export { Link, linkVariants } from './link/link.js';
+export { LinkButton } from './link/link-button.js';
 export { Separator } from './separator/separator.js';
 export { Skeleton } from './skeleton/skeleton.js';
 export { Spinner } from './spinner/spinner.js';
 export { Stack, StackProps, stackVariants } from './stack/stack.js';
 export { TextDiv } from './text/text-div.js';
 export { TextHeading, TextHeadingProps, textHeadingVariants, textHeadingVariantsProps } from './text/text-heading.js';
-export { TextParagraph } from './text/text-paragraph.js';
+export { TextParagraph, textParagraphVariants, textParagraphVariantsProps } from './text/text-paragraph.js';
 export { TextSpan } from './text/text-span.js';
 export { TextTime } from './text/text-time.js';
 export { UiImage } from './ui-image.js';
@@ -24,8 +26,8 @@ import 'class-variance-authority';
 import '@base-ui/react/use-render';
 import '@base-ui/react/button';
 import 'lucide-react';
+import '../providers/LinkContext.js';
 import '@base-ui/react/separator';
-import './text/internal/text-element.js';
 import '../../lib/types.js';
+import './text/internal/text-element.js';
 import '../providers/ImageContext.js';
-import '../providers/LinkContext.js';

package/dist/components/primitives/index.js

@@ -5,6 +5,8 @@ export * from "./badge/badges";
 export * from "./button/button";
 export * from "./icon/icon";
 export * from "./layout/layout";
+export * from "./link/link";
+export * from "./link/link-button";
 export * from "./separator/separator";
 export * from "./skeleton/skeleton";
 export * from "./spinner/spinner";

package/dist/components/primitives/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/primitives/index.ts"],"sourcesContent":["export * from \"./accordion/accordion\";\r\nexport * from \"./alert/alert\";\r\nexport * from \"./badge/badge\";\r\nexport * from \"./badge/badges\";\r\nexport * from \"./button/button\";\r\nexport * from \"./icon/icon\";\r\n// export * from \"./input/input\";\r\nexport * from \"./layout/layout\";\r\nexport * from \"./separator/separator\";\r\nexport * from \"./skeleton/skeleton\";\r\nexport * from \"./spinner/spinner\";\r\nexport * from \"./stack/stack\";\r\n// export * from \"./table/table\";\r\nexport * from \"./text/text-div\";\r\nexport * from \"./text/text-heading\";\r\nexport * from \"./text/text-paragraph\";\r\nexport * from \"./text/text-span\";\r\nexport * from \"./text/text-time\";\r\nexport * from \"./ui-image\";\r\nexport * from \"./ui-link\";\r\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}
+{"version":3,"sources":["../../../src/components/primitives/index.ts"],"sourcesContent":["export * from \"./accordion/accordion\";\r\nexport * from \"./alert/alert\";\r\nexport * from \"./badge/badge\";\r\nexport * from \"./badge/badges\";\r\nexport * from \"./button/button\";\r\nexport * from \"./icon/icon\";\r\n// export * from \"./input/input\";\r\nexport * from \"./layout/layout\";\r\nexport * from \"./link/link\";\r\nexport * from \"./link/link-button\";\r\nexport * from \"./separator/separator\";\r\nexport * from \"./skeleton/skeleton\";\r\nexport * from \"./spinner/spinner\";\r\nexport * from \"./stack/stack\";\r\n// export * from \"./table/table\";\r\nexport * from \"./text/text-div\";\r\nexport * from \"./text/text-heading\";\r\nexport * from \"./text/text-paragraph\";\r\nexport * from \"./text/text-span\";\r\nexport * from \"./text/text-time\";\r\nexport * from \"./ui-image\";\r\nexport * from \"./ui-link\";\r\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}

package/dist/components/primitives/layout/layout.d.ts

@@ -25,13 +25,14 @@ declare const layoutVariants: {
         accent: string;
         gradient1: string;
         gradient2: string;
-        "masks-and-opacity": string;
+        "gradient-masks-and-opacity": string;
+        "gradient-primary-primarymuted-secondary": string;
     };
 };
 declare const layoutVariantsProps: (props?: ({
     type?: "col" | "full" | "wide" | null | undefined;
     cols?: "100" | "66-33" | "50-50" | "33-33-33" | "25-25-25-25" | null | undefined;
-    bgColor?: "secondary" | "primary" | "muted" | "transparent" | "background" | "accent" | "gradient1" | "gradient2" | "masks-and-opacity" | null | undefined;
+    bgColor?: "secondary" | "primary" | "muted" | "transparent" | "background" | "accent" | "gradient1" | "gradient2" | "gradient-masks-and-opacity" | "gradient-primary-primarymuted-secondary" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface LayoutProps extends React.HTMLAttributes<HTMLElement>, VariantProps<typeof layoutVariantsProps> {
     as?: "div" | "section" | "article" | "main" | "header" | "footer";

package/dist/components/primitives/layout/layout.js

@@ -11,8 +11,9 @@ const bgColors = {
   accent: "sg:bg-accent",
   gradient1: "sg:bg-[linear-gradient(135deg,var(--sg-primary)_0%,var(--sg-destructive)_50%,var(--sg-primary-dark)_100%)]",
   gradient2: "sg:bg-[radial-gradient(1200px_300px_at_10%_-20%,var(--sg-primary-20),transparent),radial-gradient(800px_200px_at_90%_-20%,var(--sg-primary-10),transparent)]",
-  "masks-and-opacity": "bg-brand-mask"
+  "gradient-masks-and-opacity": "bg-brand-mask",
   //brand class defined in main.css
+  "gradient-primary-primarymuted-secondary": "sg:bg-[linear-gradient(135deg,var(--sg-primary)_0%,var(--sg-primary-muted)_50%,var(--sg-secondary)_100%)]"
 };
 const layoutVariants = {
   type: {
@@ -22,14 +23,14 @@ const layoutVariants = {
   },
   cols: {
     "100": "",
-    "66-33": "sg:md:grid-cols-[2fr_1fr]",
-    "50-50": "sg:md:grid-cols-2",
-    "33-33-33": "sg:md:grid-cols-3",
-    "25-25-25-25": "sg:md:grid-cols-4"
+    "66-33": "sg:md:grid-cols-[2fr_1fr] sg:gap-4",
+    "50-50": "sg:md:grid-cols-2 sg:gap-4",
+    "33-33-33": "sg:md:grid-cols-3 sg:gap-4",
+    "25-25-25-25": "sg:md:grid-cols-4 sg:gap-4"
   },
   bgColor: bgColors
 };
-const layoutVariantsProps = cva("sg:grid sg:grid-cols-1 sg:gap-4", {
+const layoutVariantsProps = cva("sg:grid sg:grid-cols-1", {
   variants: layoutVariants,
   defaultVariants: {
     type: "col",

package/dist/components/primitives/layout/layout.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/primitives/layout/layout.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"../../../utils\";\n\nconst bgColors = {\n  transparent: \"sg:bg-transparent\",\n  background: \"sg:bg-background\",\n  primary: \"sg:bg-primary\",\n  secondary: \"sg:bg-secondary\",\n  muted: \"sg:bg-muted\",\n  accent: \"sg:bg-accent\",\n  gradient1:\n    \"sg:bg-[linear-gradient(135deg,var(--sg-primary)_0%,var(--sg-destructive)_50%,var(--sg-primary-dark)_100%)]\",\n  gradient2:\n    \"sg:bg-[radial-gradient(1200px_300px_at_10%_-20%,var(--sg-primary-20),transparent),radial-gradient(800px_200px_at_90%_-20%,var(--sg-primary-10),transparent)]\",\n  \"masks-and-opacity\": \"bg-brand-mask\", //brand class defined in main.css\n};\n\nconst layoutVariants = {\n  type: {\n    full: \"sg:w-full\",\n    wide: \"sg:w-full sg:px-4\",\n    col: \"sg:mx-auto sg:max-w-[768px] sg:px-4 sg:md:px-0\",\n  },\n  cols: {\n    \"100\": \"\",\n    \"66-33\": \"sg:md:grid-cols-[2fr_1fr]\",\n    \"50-50\": \"sg:md:grid-cols-2\",\n    \"33-33-33\": \"sg:md:grid-cols-3\",\n    \"25-25-25-25\": \"sg:md:grid-cols-4\",\n  },\n  bgColor: bgColors,\n};\n\nconst layoutVariantsProps = cva(\"sg:grid sg:grid-cols-1 sg:gap-4\", {\n  variants: layoutVariants,\n  defaultVariants: {\n    type: \"col\",\n    cols: \"100\",\n  },\n});\n\nexport interface LayoutProps\n  extends\n    React.HTMLAttributes<HTMLElement>,\n    VariantProps<typeof layoutVariantsProps> {\n  as?: \"div\" | \"section\" | \"article\" | \"main\" | \"header\" | \"footer\";\n}\n\nfunction Layout({\n  children,\n  className,\n  type,\n  cols,\n  bgColor,\n  as: Component = \"div\",\n  ...props\n}: React.PropsWithChildren<LayoutProps>) {\n  const allowedInLayout = (\n    content: React.ReactElement<any, string | React.JSXElementConstructor<any>>,\n  ): boolean => {\n    if (content.type === Layout.Col1) {\n      return true;\n    } else if (\n      content.type === Layout.Col2 &&\n      (cols === \"66-33\" ||\n        cols === \"50-50\" ||\n        cols === \"33-33-33\" ||\n        cols === \"25-25-25-25\")\n    ) {\n      return true;\n    } else if (\n      content.type === Layout.Col3 &&\n      (cols === \"33-33-33\" || cols === \"25-25-25-25\")\n    ) {\n      return true;\n    } else if (content.type === Layout.Col4 && cols === \"25-25-25-25\") {\n      return true;\n    }\n\n    console.error(\n      \"Content not allowed in column for variant\",\n      cols,\n      content.type,\n    );\n    return false;\n  };\n\n  const renderColumn = (\n    content: React.ReactElement<any, string | React.JSXElementConstructor<any>>,\n  ) => {\n    if (!allowedInLayout(content)) {\n      return;\n    }\n    return content;\n  };\n\n  return (\n    <Component\n      {...props}\n      className={cn(bgColors[bgColor ?? \"transparent\"], className)}\n    >\n      <div className={cn(layoutVariantsProps({ type, cols }))}>\n        {React.Children.map(children, (child) =>\n          React.isValidElement(child) ? renderColumn(child) : <></>,\n        )}\n      </div>\n    </Component>\n  );\n}\n\ntype colProp = {\n  children?: React.ReactNode;\n  hideDiv?: boolean;\n  className?: string;\n  as?: \"div\" | \"section\" | \"article\" | \"main\" | \"header\" | \"footer\";\n};\n\nfunction Col({ children, hideDiv, className, as: Component = \"div\" }: colProp) {\n  return hideDiv ? (\n    <>{children}</>\n  ) : (\n    <Component className={className}>{children}</Component>\n  );\n}\n\nLayout.Col1 = Col;\nLayout.Col2 = Col;\nLayout.Col3 = Col;\nLayout.Col4 = Col;\n\nexport { Layout, layoutVariantsProps, layoutVariants };\n"],"mappings":"AAwG8D;AAxG9D,YAAY,WAAW;AACvB,SAAS,WAA8B;AACvC,SAAS,UAAU;AAEnB,MAAM,WAAW;AAAA,EACf,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,WAAW;AAAA,EACX,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,WACE;AAAA,EACF,WACE;AAAA,EACF,qBAAqB;AAAA;AACvB;AAEA,MAAM,iBAAiB;AAAA,EACrB,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AAAA,EACA,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,SAAS;AAAA,IACT,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,eAAe;AAAA,EACjB;AAAA,EACA,SAAS;AACX;AAEA,MAAM,sBAAsB,IAAI,mCAAmC;AAAA,EACjE,UAAU;AAAA,EACV,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AACF,CAAC;AASD,SAAS,OAAO;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,IAAI,YAAY;AAAA,EAChB,GAAG;AACL,GAAyC;AACvC,QAAM,kBAAkB,CACtB,YACY;AACZ,QAAI,QAAQ,SAAS,OAAO,MAAM;AAChC,aAAO;AAAA,IACT,WACE,QAAQ,SAAS,OAAO,SACvB,SAAS,WACR,SAAS,WACT,SAAS,cACT,SAAS,gBACX;AACA,aAAO;AAAA,IACT,WACE,QAAQ,SAAS,OAAO,SACvB,SAAS,cAAc,SAAS,gBACjC;AACA,aAAO;AAAA,IACT,WAAW,QAAQ,SAAS,OAAO,QAAQ,SAAS,eAAe;AACjE,aAAO;AAAA,IACT;AAEA,YAAQ;AAAA,MACN;AAAA,MACA;AAAA,MACA,QAAQ;AAAA,IACV;AACA,WAAO;AAAA,EACT;AAEA,QAAM,eAAe,CACnB,YACG;AACH,QAAI,CAAC,gBAAgB,OAAO,GAAG;AAC7B;AAAA,IACF;AACA,WAAO;AAAA,EACT;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,SAAS,WAAW,aAAa,GAAG,SAAS;AAAA,MAE3D,8BAAC,SAAI,WAAW,GAAG,oBAAoB,EAAE,MAAM,KAAK,CAAC,CAAC,GACnD,gBAAM,SAAS;AAAA,QAAI;AAAA,QAAU,CAAC,UAC7B,MAAM,eAAe,KAAK,IAAI,aAAa,KAAK,IAAI,gCAAE;AAAA,MACxD,GACF;AAAA;AAAA,EACF;AAEJ;AASA,SAAS,IAAI,EAAE,UAAU,SAAS,WAAW,IAAI,YAAY,MAAM,GAAY;AAC7E,SAAO,UACL,gCAAG,UAAS,IAEZ,oBAAC,aAAU,WAAuB,UAAS;AAE/C;AAEA,OAAO,OAAO;AACd,OAAO,OAAO;AACd,OAAO,OAAO;AACd,OAAO,OAAO;","names":[]}
+{"version":3,"sources":["../../../../src/components/primitives/layout/layout.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"../../../utils\";\n\nconst bgColors = {\n  transparent: \"sg:bg-transparent\",\n  background: \"sg:bg-background\",\n  primary: \"sg:bg-primary\",\n  secondary: \"sg:bg-secondary\",\n  muted: \"sg:bg-muted\",\n  accent: \"sg:bg-accent\",\n  gradient1:\n    \"sg:bg-[linear-gradient(135deg,var(--sg-primary)_0%,var(--sg-destructive)_50%,var(--sg-primary-dark)_100%)]\",\n  gradient2:\n    \"sg:bg-[radial-gradient(1200px_300px_at_10%_-20%,var(--sg-primary-20),transparent),radial-gradient(800px_200px_at_90%_-20%,var(--sg-primary-10),transparent)]\",\n  \"gradient-masks-and-opacity\": \"bg-brand-mask\", //brand class defined in main.css\n  \"gradient-primary-primarymuted-secondary\":\n    \"sg:bg-[linear-gradient(135deg,var(--sg-primary)_0%,var(--sg-primary-muted)_50%,var(--sg-secondary)_100%)]\",\n};\n\nconst layoutVariants = {\n  type: {\n    full: \"sg:w-full\",\n    wide: \"sg:w-full sg:px-4\",\n    col: \"sg:mx-auto sg:max-w-[768px] sg:px-4 sg:md:px-0\",\n  },\n  cols: {\n    \"100\": \"\",\n    \"66-33\": \"sg:md:grid-cols-[2fr_1fr] sg:gap-4\",\n    \"50-50\": \"sg:md:grid-cols-2 sg:gap-4\",\n    \"33-33-33\": \"sg:md:grid-cols-3 sg:gap-4\",\n    \"25-25-25-25\": \"sg:md:grid-cols-4 sg:gap-4\",\n  },\n  bgColor: bgColors,\n};\n\nconst layoutVariantsProps = cva(\"sg:grid sg:grid-cols-1\", {\n  variants: layoutVariants,\n  defaultVariants: {\n    type: \"col\",\n    cols: \"100\",\n  },\n});\n\nexport interface LayoutProps\n  extends\n    React.HTMLAttributes<HTMLElement>,\n    VariantProps<typeof layoutVariantsProps> {\n  as?: \"div\" | \"section\" | \"article\" | \"main\" | \"header\" | \"footer\";\n}\n\nfunction Layout({\n  children,\n  className,\n  type,\n  cols,\n  bgColor,\n  as: Component = \"div\",\n  ...props\n}: React.PropsWithChildren<LayoutProps>) {\n  const allowedInLayout = (\n    content: React.ReactElement<any, string | React.JSXElementConstructor<any>>,\n  ): boolean => {\n    if (content.type === Layout.Col1) {\n      return true;\n    } else if (\n      content.type === Layout.Col2 &&\n      (cols === \"66-33\" ||\n        cols === \"50-50\" ||\n        cols === \"33-33-33\" ||\n        cols === \"25-25-25-25\")\n    ) {\n      return true;\n    } else if (\n      content.type === Layout.Col3 &&\n      (cols === \"33-33-33\" || cols === \"25-25-25-25\")\n    ) {\n      return true;\n    } else if (content.type === Layout.Col4 && cols === \"25-25-25-25\") {\n      return true;\n    }\n\n    console.error(\n      \"Content not allowed in column for variant\",\n      cols,\n      content.type,\n    );\n    return false;\n  };\n\n  const renderColumn = (\n    content: React.ReactElement<any, string | React.JSXElementConstructor<any>>,\n  ) => {\n    if (!allowedInLayout(content)) {\n      return;\n    }\n    return content;\n  };\n\n  return (\n    <Component\n      {...props}\n      className={cn(bgColors[bgColor ?? \"transparent\"], className)}\n    >\n      <div className={cn(layoutVariantsProps({ type, cols }))}>\n        {React.Children.map(children, (child) =>\n          React.isValidElement(child) ? renderColumn(child) : <></>,\n        )}\n      </div>\n    </Component>\n  );\n}\n\ntype colProp = {\n  children?: React.ReactNode;\n  hideDiv?: boolean;\n  className?: string;\n  as?: \"div\" | \"section\" | \"article\" | \"main\" | \"header\" | \"footer\";\n};\n\nfunction Col({ children, hideDiv, className, as: Component = \"div\" }: colProp) {\n  return hideDiv ? (\n    <>{children}</>\n  ) : (\n    <Component className={className}>{children}</Component>\n  );\n}\n\nLayout.Col1 = Col;\nLayout.Col2 = Col;\nLayout.Col3 = Col;\nLayout.Col4 = Col;\n\nexport { Layout, layoutVariantsProps, layoutVariants };\n"],"mappings":"AA0G8D;AA1G9D,YAAY,WAAW;AACvB,SAAS,WAA8B;AACvC,SAAS,UAAU;AAEnB,MAAM,WAAW;AAAA,EACf,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,WAAW;AAAA,EACX,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,WACE;AAAA,EACF,WACE;AAAA,EACF,8BAA8B;AAAA;AAAA,EAC9B,2CACE;AACJ;AAEA,MAAM,iBAAiB;AAAA,EACrB,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AAAA,EACA,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,SAAS;AAAA,IACT,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,eAAe;AAAA,EACjB;AAAA,EACA,SAAS;AACX;AAEA,MAAM,sBAAsB,IAAI,0BAA0B;AAAA,EACxD,UAAU;AAAA,EACV,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AACF,CAAC;AASD,SAAS,OAAO;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,IAAI,YAAY;AAAA,EAChB,GAAG;AACL,GAAyC;AACvC,QAAM,kBAAkB,CACtB,YACY;AACZ,QAAI,QAAQ,SAAS,OAAO,MAAM;AAChC,aAAO;AAAA,IACT,WACE,QAAQ,SAAS,OAAO,SACvB,SAAS,WACR,SAAS,WACT,SAAS,cACT,SAAS,gBACX;AACA,aAAO;AAAA,IACT,WACE,QAAQ,SAAS,OAAO,SACvB,SAAS,cAAc,SAAS,gBACjC;AACA,aAAO;AAAA,IACT,WAAW,QAAQ,SAAS,OAAO,QAAQ,SAAS,eAAe;AACjE,aAAO;AAAA,IACT;AAEA,YAAQ;AAAA,MACN;AAAA,MACA;AAAA,MACA,QAAQ;AAAA,IACV;AACA,WAAO;AAAA,EACT;AAEA,QAAM,eAAe,CACnB,YACG;AACH,QAAI,CAAC,gBAAgB,OAAO,GAAG;AAC7B;AAAA,IACF;AACA,WAAO;AAAA,EACT;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,SAAS,WAAW,aAAa,GAAG,SAAS;AAAA,MAE3D,8BAAC,SAAI,WAAW,GAAG,oBAAoB,EAAE,MAAM,KAAK,CAAC,CAAC,GACnD,gBAAM,SAAS;AAAA,QAAI;AAAA,QAAU,CAAC,UAC7B,MAAM,eAAe,KAAK,IAAI,aAAa,KAAK,IAAI,gCAAE;AAAA,MACxD,GACF;AAAA;AAAA,EACF;AAEJ;AASA,SAAS,IAAI,EAAE,UAAU,SAAS,WAAW,IAAI,YAAY,MAAM,GAAY;AAC7E,SAAO,UACL,gCAAG,UAAS,IAEZ,oBAAC,aAAU,WAAuB,UAAS;AAE/C;AAEA,OAAO,OAAO;AACd,OAAO,OAAO;AACd,OAAO,OAAO;AACd,OAAO,OAAO;","names":[]}

package/dist/components/primitives/link/link-button.d.ts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { BaseLinkProps } from '../../providers/LinkContext.js';
+import { VariantProps } from 'class-variance-authority';
+import { buttonVariantsProps } from '../button/button.js';
+import 'react';
+import 'class-variance-authority/types';
+import '@base-ui/react/button';
+import 'lucide-react';
+
+type Props = BaseLinkProps & VariantProps<typeof buttonVariantsProps>;
+declare const LinkButton: ({ className, variant, size, ...props }: Props) => react_jsx_runtime.JSX.Element;
+
+export { LinkButton };

package/dist/components/primitives/link/link-button.js

@@ -0,0 +1,21 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import {} from "../../providers/LinkContext";
+import {} from "class-variance-authority";
+import { buttonVariantsProps } from "../button/button";
+import { UiLink } from "../ui-link";
+import { cn } from "../../../utils";
+const LinkButton = ({ className, variant, size, ...props }) => {
+  return /* @__PURE__ */ jsx(
+    UiLink,
+    {
+      className: cn(buttonVariantsProps({ variant, size }), className),
+      ...props,
+      children: props.children
+    }
+  );
+};
+export {
+  LinkButton
+};
+//# sourceMappingURL=link-button.js.map

package/dist/components/primitives/link/link-button.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/primitives/link/link-button.tsx"],"sourcesContent":["\"use client\";\r\nimport { type BaseLinkProps } from \"../../providers/LinkContext\";\r\nimport { type VariantProps } from \"class-variance-authority\";\r\nimport { buttonVariantsProps } from \"../button/button\";\r\nimport { UiLink } from \"../ui-link\";\r\nimport { cn } from \"../../../utils\";\r\n\r\ntype Props = BaseLinkProps & VariantProps<typeof buttonVariantsProps>;\r\n\r\nexport const LinkButton = ({ className, variant, size, ...props }: Props) => {\r\n  return (\r\n    <UiLink\r\n      className={cn(buttonVariantsProps({ variant, size }), className)}\r\n      {...props}\r\n    >\r\n      {props.children}\r\n    </UiLink>\r\n  );\r\n};\r\n"],"mappings":";AAWI;AAVJ,eAAmC;AACnC,eAAkC;AAClC,SAAS,2BAA2B;AACpC,SAAS,cAAc;AACvB,SAAS,UAAU;AAIZ,MAAM,aAAa,CAAC,EAAE,WAAW,SAAS,MAAM,GAAG,MAAM,MAAa;AAC3E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,oBAAoB,EAAE,SAAS,KAAK,CAAC,GAAG,SAAS;AAAA,MAC9D,GAAG;AAAA,MAEH,gBAAM;AAAA;AAAA,EACT;AAEJ;","names":[]}

package/dist/components/primitives/link/link.d.ts

@@ -0,0 +1,36 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { BaseLinkProps } from '../../providers/LinkContext.js';
+import { VariantProps } from 'class-variance-authority';
+import { icons } from 'lucide-react';
+import 'react';
+
+declare const linkVariants: {
+    variant: {
+        default: string;
+        card: string;
+        footer: string;
+    };
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        base: string;
+        lg: string;
+        xl: string;
+        "2xl": string;
+        "3xl": string;
+        "4xl": string;
+        "5xl": string;
+    };
+};
+declare const linkVariantsProps: (props?: ({
+    variant?: "footer" | "default" | "card" | null | undefined;
+    size?: "base" | "sm" | "lg" | "xs" | "md" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type Props = BaseLinkProps & VariantProps<typeof linkVariantsProps> & {
+    icon?: keyof typeof icons;
+};
+declare const Link: ({ className, variant, size, icon, ...props }: Props) => react_jsx_runtime.JSX.Element;
+
+export { Link, linkVariants };

package/dist/components/primitives/link/link.js

@@ -0,0 +1,56 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import {} from "../../providers/LinkContext";
+import { cva } from "class-variance-authority";
+import { textElementSize } from "../text/internal/text-element";
+import { UiLink } from "../ui-link";
+import { icons } from "lucide-react";
+import { cn } from "../../../utils";
+const linkVariants = {
+  variant: {
+    default: "sg:text-primary sg:underline sg:underline-offset-2 sg:decoration-primary/40 sg:hover:decoration-primary sg:font-medium",
+    card: "",
+    footer: "sg:text-muted-foreground sg:underline sg:underline-offset-4 sg:hover:text-primary sg:transition-colors"
+  },
+  size: textElementSize
+};
+const linkVariantsProps = cva("sg:inline-flex sg:items-center sg:gap-1", {
+  variants: linkVariants,
+  defaultVariants: {
+    variant: "default",
+    size: "base"
+  }
+});
+const iconSizeMap = {
+  xs: "sg:size-3",
+  sm: "sg:size-3.5",
+  md: "sg:size-4",
+  base: "sg:size-4",
+  lg: "sg:size-5",
+  xl: "sg:size-5",
+  "2xl": "sg:size-6",
+  "3xl": "sg:size-7",
+  "4xl": "sg:size-8",
+  "5xl": "sg:size-9"
+};
+const Link = ({ className, variant, size, icon, ...props }) => {
+  const LucideIcon = icon && icons[icon];
+  const iconSize = iconSizeMap[size ?? "base"];
+  console.log(iconSize);
+  return /* @__PURE__ */ jsxs(
+    UiLink,
+    {
+      className: cn(linkVariantsProps({ variant, size }), className),
+      ...props,
+      children: [
+        props.children,
+        LucideIcon && /* @__PURE__ */ jsx(LucideIcon, { className: cn(iconSize), "data-icon": "inline-end" })
+      ]
+    }
+  );
+};
+export {
+  Link,
+  linkVariants
+};
+//# sourceMappingURL=link.js.map

package/dist/components/primitives/link/link.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/primitives/link/link.tsx"],"sourcesContent":["\"use client\";\r\nimport { type BaseLinkProps } from \"../../providers/LinkContext\";\r\nimport { cva, type VariantProps } from \"class-variance-authority\";\r\nimport { textElementSize } from \"../text/internal/text-element\";\r\nimport { UiLink } from \"../ui-link\";\r\nimport { icons } from \"lucide-react\";\r\nimport { cn } from \"../../../utils\";\r\n\r\nconst linkVariants = {\r\n  variant: {\r\n    default:\r\n      \"sg:text-primary sg:underline sg:underline-offset-2 sg:decoration-primary/40 sg:hover:decoration-primary sg:font-medium\",\r\n    card: \"\",\r\n    footer:\r\n      \"sg:text-muted-foreground sg:underline sg:underline-offset-4 sg:hover:text-primary sg:transition-colors\",\r\n  },\r\n  size: textElementSize,\r\n};\r\n\r\nconst linkVariantsProps = cva(\"sg:inline-flex sg:items-center sg:gap-1\", {\r\n  variants: linkVariants,\r\n  defaultVariants: {\r\n    variant: \"default\",\r\n    size: \"base\",\r\n  },\r\n});\r\n\r\nconst iconSizeMap: Record<string, string> = {\r\n  xs: \"sg:size-3\",\r\n  sm: \"sg:size-3.5\",\r\n  md: \"sg:size-4\",\r\n  base: \"sg:size-4\",\r\n  lg: \"sg:size-5\",\r\n  xl: \"sg:size-5\",\r\n  \"2xl\": \"sg:size-6\",\r\n  \"3xl\": \"sg:size-7\",\r\n  \"4xl\": \"sg:size-8\",\r\n  \"5xl\": \"sg:size-9\",\r\n};\r\n\r\ntype Props = BaseLinkProps &\r\n  VariantProps<typeof linkVariantsProps> & {\r\n    icon?: keyof typeof icons;\r\n  };\r\n\r\nconst Link = ({ className, variant, size, icon, ...props }: Props) => {\r\n  const LucideIcon = icon && icons[icon];\r\n  const iconSize = iconSizeMap[size ?? \"base\"];\r\n  console.log(iconSize);\r\n  return (\r\n    <UiLink\r\n      className={cn(linkVariantsProps({ variant, size }), className)}\r\n      {...props}\r\n    >\r\n      {props.children}\r\n      {LucideIcon && (\r\n        <LucideIcon className={cn(iconSize)} data-icon=\"inline-end\" />\r\n      )}\r\n    </UiLink>\r\n  );\r\n};\r\n\r\nexport { Link, linkVariants };\r\n"],"mappings":";AAkDI,SAMI,KANJ;AAjDJ,eAAmC;AACnC,SAAS,WAA8B;AACvC,SAAS,uBAAuB;AAChC,SAAS,cAAc;AACvB,SAAS,aAAa;AACtB,SAAS,UAAU;AAEnB,MAAM,eAAe;AAAA,EACnB,SAAS;AAAA,IACP,SACE;AAAA,IACF,MAAM;AAAA,IACN,QACE;AAAA,EACJ;AAAA,EACA,MAAM;AACR;AAEA,MAAM,oBAAoB,IAAI,2CAA2C;AAAA,EACvE,UAAU;AAAA,EACV,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,MAAM;AAAA,EACR;AACF,CAAC;AAED,MAAM,cAAsC;AAAA,EAC1C,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AACT;AAOA,MAAM,OAAO,CAAC,EAAE,WAAW,SAAS,MAAM,MAAM,GAAG,MAAM,MAAa;AACpE,QAAM,aAAa,QAAQ,MAAM,IAAI;AACrC,QAAM,WAAW,YAAY,QAAQ,MAAM;AAC3C,UAAQ,IAAI,QAAQ;AACpB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,kBAAkB,EAAE,SAAS,KAAK,CAAC,GAAG,SAAS;AAAA,MAC5D,GAAG;AAAA,MAEH;AAAA,cAAM;AAAA,QACN,cACC,oBAAC,cAAW,WAAW,GAAG,QAAQ,GAAG,aAAU,cAAa;AAAA;AAAA;AAAA,EAEhE;AAEJ;","names":[]}

package/dist/components/primitives/stack/stack.d.ts

@@ -3,7 +3,8 @@ import { VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 
 declare const stackVariants: (props?: ({
-    gap?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | null | undefined;
+    gap?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | null | undefined;
+    direction?: "row" | "column" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface StackProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof stackVariants> {
     asChild?: boolean;

package/dist/components/primitives/stack/stack.js

@@ -16,20 +16,31 @@ const stackVariants = cva("sg:flex sg:flex-col", {
       7: "sg:gap-7",
       8: "sg:gap-8",
       9: "sg:gap-9",
-      10: "sg:gap-10"
+      10: "sg:gap-10",
+      11: "sg:gap-11",
+      12: "sg:gap-12",
+      13: "sg:gap-13",
+      14: "sg:gap-14",
+      15: "sg:gap-15",
+      16: "sg:gap-16"
+    },
+    direction: {
+      column: "sg:flex-col",
+      row: "sg:flex-row"
     }
   },
   defaultVariants: {
-    gap: 0
+    gap: 0,
+    direction: "column"
   }
 });
 const Stack = React.forwardRef(
-  ({ className, gap, asChild = false, ...props }, ref) => {
+  ({ className, gap, direction, asChild = false, ...props }, ref) => {
     const Comp = asChild ? Slot : "div";
     return /* @__PURE__ */ jsx(
       Comp,
       {
-        className: cn(stackVariants({ gap }), className),
+        className: cn(stackVariants({ gap, direction }), className),
         ref,
         ...props
       }

package/dist/components/primitives/stack/stack.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/primitives/stack/stack.tsx"],"sourcesContent":["import { Slot } from \"@radix-ui/react-slot\";\r\nimport { cva, type VariantProps } from \"class-variance-authority\";\r\nimport * as React from \"react\";\r\nimport { cn } from \"../../../utils\";\r\n\r\nconst stackVariants = cva(\"sg:flex sg:flex-col\", {\r\n  variants: {\r\n    gap: {\r\n      0: \"\",\r\n      1: \"sg:gap-1\",\r\n      2: \"sg:gap-2\",\r\n      3: \"sg:gap-3\",\r\n      4: \"sg:gap-4\",\r\n      5: \"sg:gap-5\",\r\n      6: \"sg:gap-6\",\r\n      7: \"sg:gap-7\",\r\n      8: \"sg:gap-8\",\r\n      9: \"sg:gap-9\",\r\n      10: \"sg:gap-10\",\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    gap: 0,\r\n  },\r\n});\r\n\r\nexport interface StackProps\r\n  extends\r\n    React.HTMLAttributes<HTMLDivElement>,\r\n    VariantProps<typeof stackVariants> {\r\n  asChild?: boolean;\r\n}\r\n\r\nconst Stack = React.forwardRef<HTMLDivElement, StackProps>(\r\n  ({ className, gap, asChild = false, ...props }, ref) => {\r\n    const Comp = asChild ? Slot : \"div\";\r\n    return (\r\n      <Comp\r\n        className={cn(stackVariants({ gap }), className)}\r\n        ref={ref}\r\n        {...props}\r\n      />\r\n    );\r\n  },\r\n);\r\nStack.displayName = \"Stack\";\r\n\r\nexport { Stack, stackVariants };\r\n"],"mappings":"AAqCM;AArCN,SAAS,YAAY;AACrB,SAAS,WAA8B;AACvC,YAAY,WAAW;AACvB,SAAS,UAAU;AAEnB,MAAM,gBAAgB,IAAI,uBAAuB;AAAA,EAC/C,UAAU;AAAA,IACR,KAAK;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,IAAI;AAAA,IACN;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,KAAK;AAAA,EACP;AACF,CAAC;AASD,MAAM,QAAQ,MAAM;AAAA,EAClB,CAAC,EAAE,WAAW,KAAK,UAAU,OAAO,GAAG,MAAM,GAAG,QAAQ;AACtD,UAAM,OAAO,UAAU,OAAO;AAC9B,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,GAAG,cAAc,EAAE,IAAI,CAAC,GAAG,SAAS;AAAA,QAC/C;AAAA,QACC,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AACA,MAAM,cAAc;","names":[]}
+{"version":3,"sources":["../../../../src/components/primitives/stack/stack.tsx"],"sourcesContent":["import { Slot } from \"@radix-ui/react-slot\";\r\nimport { cva, type VariantProps } from \"class-variance-authority\";\r\nimport * as React from \"react\";\r\nimport { cn } from \"../../../utils\";\r\n\r\nconst stackVariants = cva(\"sg:flex sg:flex-col\", {\r\n  variants: {\r\n    gap: {\r\n      0: \"\",\r\n      1: \"sg:gap-1\",\r\n      2: \"sg:gap-2\",\r\n      3: \"sg:gap-3\",\r\n      4: \"sg:gap-4\",\r\n      5: \"sg:gap-5\",\r\n      6: \"sg:gap-6\",\r\n      7: \"sg:gap-7\",\r\n      8: \"sg:gap-8\",\r\n      9: \"sg:gap-9\",\r\n      10: \"sg:gap-10\",\r\n      11: \"sg:gap-11\",\r\n      12: \"sg:gap-12\",\r\n      13: \"sg:gap-13\",\r\n      14: \"sg:gap-14\",\r\n      15: \"sg:gap-15\",\r\n      16: \"sg:gap-16\",\r\n    },\r\n    direction: {\r\n      column: \"sg:flex-col\",\r\n      row: \"sg:flex-row\",\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    gap: 0,\r\n    direction: \"column\",\r\n  },\r\n});\r\n\r\nexport interface StackProps\r\n  extends\r\n    React.HTMLAttributes<HTMLDivElement>,\r\n    VariantProps<typeof stackVariants> {\r\n  asChild?: boolean;\r\n}\r\n\r\nconst Stack = React.forwardRef<HTMLDivElement, StackProps>(\r\n  ({ className, gap, direction, asChild = false, ...props }, ref) => {\r\n    const Comp = asChild ? Slot : \"div\";\r\n    return (\r\n      <Comp\r\n        className={cn(stackVariants({ gap, direction }), className)}\r\n        ref={ref}\r\n        {...props}\r\n      />\r\n    );\r\n  },\r\n);\r\nStack.displayName = \"Stack\";\r\n\r\nexport { Stack, stackVariants };\r\n"],"mappings":"AAgDM;AAhDN,SAAS,YAAY;AACrB,SAAS,WAA8B;AACvC,YAAY,WAAW;AACvB,SAAS,UAAU;AAEnB,MAAM,gBAAgB,IAAI,uBAAuB;AAAA,EAC/C,UAAU;AAAA,IACR,KAAK;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,IACA,WAAW;AAAA,MACT,QAAQ;AAAA,MACR,KAAK;AAAA,IACP;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,KAAK;AAAA,IACL,WAAW;AAAA,EACb;AACF,CAAC;AASD,MAAM,QAAQ,MAAM;AAAA,EAClB,CAAC,EAAE,WAAW,KAAK,WAAW,UAAU,OAAO,GAAG,MAAM,GAAG,QAAQ;AACjE,UAAM,OAAO,UAAU,OAAO;AAC9B,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,GAAG,cAAc,EAAE,KAAK,UAAU,CAAC,GAAG,SAAS;AAAA,QAC1D;AAAA,QACC,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AACA,MAAM,cAAc;","names":[]}

package/dist/components/primitives/text/internal/text-element.d.ts

@@ -7,13 +7,29 @@ declare const textElementForeground: {
     default: string;
     foreground: string;
     primary: string;
+    "primary-foreground": string;
     secondary: string;
+    "secondary-foreground": string;
     muted: string;
+    "muted-foreground": string;
     accent: string;
+    "accent-foreground": string;
     "primary-light-to-dark": string;
     "primary-dark-to-light": string;
     "multi-color": string;
 };
+declare const textElementSize: {
+    xs: string;
+    sm: string;
+    md: string;
+    base: string;
+    lg: string;
+    xl: string;
+    "2xl": string;
+    "3xl": string;
+    "4xl": string;
+    "5xl": string;
+};
 declare const textElementVariants: {
     size: {
         xs: string;
@@ -24,14 +40,20 @@ declare const textElementVariants: {
         xl: string;
         "2xl": string;
         "3xl": string;
+        "4xl": string;
+        "5xl": string;
     };
     foreground: {
         default: string;
         foreground: string;
         primary: string;
+        "primary-foreground": string;
         secondary: string;
+        "secondary-foreground": string;
         muted: string;
+        "muted-foreground": string;
         accent: string;
+        "accent-foreground": string;
         "primary-light-to-dark": string;
         "primary-dark-to-light": string;
         "multi-color": string;
@@ -44,8 +66,8 @@ declare const textElementVariants: {
     };
 };
 declare const textElementVariantsProps: (props?: ({
-    size?: "base" | "xs" | "sm" | "lg" | "md" | "xl" | "2xl" | "3xl" | null | undefined;
-    foreground?: "default" | "secondary" | "foreground" | "primary" | "muted" | "accent" | "primary-light-to-dark" | "primary-dark-to-light" | "multi-color" | null | undefined;
+    size?: "base" | "sm" | "lg" | "xs" | "md" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | null | undefined;
+    foreground?: "default" | "secondary" | "foreground" | "primary" | "muted" | "accent" | "primary-foreground" | "secondary-foreground" | "muted-foreground" | "accent-foreground" | "primary-light-to-dark" | "primary-dark-to-light" | "multi-color" | null | undefined;
     fontweight?: "bold" | "normal" | "medium" | "semibold" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface TextElementProps extends React__default.HTMLAttributes<HTMLElement>, VariantProps<typeof textElementVariantsProps> {
@@ -53,4 +75,4 @@ interface TextElementProps extends React__default.HTMLAttributes<HTMLElement>, V
 }
 declare const TextElement: ({ as, children, size, foreground, fontweight, className, ...props }: TextElementProps) => react_jsx_runtime.JSX.Element;
 
-export { TextElement, type TextElementProps, textElementForeground, textElementVariants, textElementVariantsProps };
+export { TextElement, type TextElementProps, textElementForeground, textElementSize, textElementVariants, textElementVariantsProps };

package/dist/components/primitives/text/internal/text-element.js

@@ -6,24 +6,31 @@ const textElementForeground = {
   default: "sg:text-foreground",
   foreground: "sg:text-foreground",
   primary: "sg:text-primary",
+  "primary-foreground": "sg:text-primary-foreground",
   secondary: "sg:text-secondary",
-  muted: "sg:text-muted-foreground",
-  accent: "sg:text-accent-foreground",
+  "secondary-foreground": "sg:text-secondary-foreground",
+  muted: "sg:text-muted",
+  "muted-foreground": "sg:text-muted-foreground",
+  accent: "sg:text-accent",
+  "accent-foreground": "sg:text-accent-foreground",
   "primary-light-to-dark": "sg:bg-gradient-to-r sg:from-primary-light sg:to-primary-dark sg:bg-clip-text sg:text-transparent",
   "primary-dark-to-light": "sg:bg-gradient-to-r sg:from-primary-dark sg:to-primary-light sg:bg-clip-text sg:text-transparent",
   "multi-color": "sg:bg-gradient-to-r sg:from-primary sg:via-destructive sg:to-primary-dark sg:bg-clip-text sg:text-transparent"
 };
+const textElementSize = {
+  xs: "sg:text-xs",
+  sm: "sg:text-sm",
+  md: "sg:text-md",
+  base: "sg:text-base",
+  lg: "sg:text-lg",
+  xl: "sg:text-xl",
+  "2xl": "sg:text-2xl",
+  "3xl": "sg:text-3xl",
+  "4xl": "sg:text-4xl",
+  "5xl": "sg:text-5xl"
+};
 const textElementVariants = {
-  size: {
-    xs: "sg:text-xs",
-    sm: "sg:text-sm",
-    md: "sg:text-md",
-    base: "sg:text-base",
-    lg: "sg:text-lg",
-    xl: "sg:text-xl",
-    "2xl": "sg:text-2xl",
-    "3xl": "sg:text-3xl"
-  },
+  size: textElementSize,
   foreground: textElementForeground,
   fontweight: {
     normal: "sg:font-normal",
@@ -69,6 +76,7 @@ const TextElement = ({
 export {
   TextElement,
   textElementForeground,
+  textElementSize,
   textElementVariants,
   textElementVariantsProps
 };

package/dist/components/primitives/text/internal/text-element.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/primitives/text/internal/text-element.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { cva, type VariantProps } from \"class-variance-authority\";\r\nimport { cn } from \"../../../../utils\";\r\n\r\nexport const textElementForeground = {\r\n  default: \"sg:text-foreground\",\r\n  foreground: \"sg:text-foreground\",\r\n  primary: \"sg:text-primary\",\r\n  secondary: \"sg:text-secondary\",\r\n  muted: \"sg:text-muted-foreground\",\r\n  accent: \"sg:text-accent-foreground\",\r\n\r\n  \"primary-light-to-dark\":\r\n    \"sg:bg-gradient-to-r sg:from-primary-light sg:to-primary-dark sg:bg-clip-text sg:text-transparent\",\r\n  \"primary-dark-to-light\":\r\n    \"sg:bg-gradient-to-r sg:from-primary-dark sg:to-primary-light sg:bg-clip-text sg:text-transparent\",\r\n  \"multi-color\":\r\n    \"sg:bg-gradient-to-r sg:from-primary sg:via-destructive sg:to-primary-dark sg:bg-clip-text sg:text-transparent\",\r\n};\r\n\r\nexport const textElementVariants = {\r\n  size: {\r\n    xs: \"sg:text-xs\",\r\n    sm: \"sg:text-sm\",\r\n    md: \"sg:text-md\",\r\n    base: \"sg:text-base\",\r\n    lg: \"sg:text-lg\",\r\n    xl: \"sg:text-xl\",\r\n    \"2xl\": \"sg:text-2xl\",\r\n    \"3xl\": \"sg:text-3xl\",\r\n  },\r\n  foreground: textElementForeground,\r\n  fontweight: {\r\n    normal: \"sg:font-normal\",\r\n    medium: \"sg:font-medium\",\r\n    semibold: \"sg:font-semibold\",\r\n    bold: \"sg:font-bold\",\r\n  },\r\n};\r\n\r\nexport const textElementVariantsProps = cva(\"\", {\r\n  variants: textElementVariants,\r\n  defaultVariants: {\r\n    size: \"base\",\r\n    foreground: \"default\",\r\n    fontweight: \"normal\",\r\n  },\r\n});\r\n\r\nexport interface TextElementProps\r\n  extends\r\n    React.HTMLAttributes<HTMLElement>,\r\n    VariantProps<typeof textElementVariantsProps> {\r\n  as?: \"p\" | \"div\" | \"span\" | \"time\";\r\n}\r\n\r\nexport const TextElement = ({\r\n  as = \"div\",\r\n  children,\r\n  size,\r\n  foreground,\r\n  fontweight,\r\n  className,\r\n  ...props\r\n}: TextElementProps) => {\r\n  const Component = as;\r\n  return (\r\n    <Component\r\n      className={cn(\r\n        textElementVariantsProps({\r\n          size,\r\n          foreground,\r\n          fontweight,\r\n        }),\r\n        className,\r\n      )}\r\n      {...props}\r\n    >\r\n      {children}\r\n    </Component>\r\n  );\r\n};\r\n"],"mappings":"AAmEI;AAnEJ,OAAO,WAAW;AAClB,SAAS,WAA8B;AACvC,SAAS,UAAU;AAEZ,MAAM,wBAAwB;AAAA,EACnC,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,WAAW;AAAA,EACX,OAAO;AAAA,EACP,QAAQ;AAAA,EAER,yBACE;AAAA,EACF,yBACE;AAAA,EACF,eACE;AACJ;AAEO,MAAM,sBAAsB;AAAA,EACjC,MAAM;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AAAA,EACA,YAAY;AAAA,EACZ,YAAY;AAAA,IACV,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,MAAM;AAAA,EACR;AACF;AAEO,MAAM,2BAA2B,IAAI,IAAI;AAAA,EAC9C,UAAU;AAAA,EACV,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,YAAY;AAAA,EACd;AACF,CAAC;AASM,MAAM,cAAc,CAAC;AAAA,EAC1B,KAAK;AAAA,EACL;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAwB;AACtB,QAAM,YAAY;AAClB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT,yBAAyB;AAAA,UACvB;AAAA,UACA;AAAA,UACA;AAAA,QACF,CAAC;AAAA,QACD;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../../src/components/primitives/text/internal/text-element.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { cva, type VariantProps } from \"class-variance-authority\";\r\nimport { cn } from \"../../../../utils\";\r\n\r\nexport const textElementForeground = {\r\n  default: \"sg:text-foreground\",\r\n  foreground: \"sg:text-foreground\",\r\n  primary: \"sg:text-primary\",\r\n  \"primary-foreground\": \"sg:text-primary-foreground\",\r\n  secondary: \"sg:text-secondary\",\r\n  \"secondary-foreground\": \"sg:text-secondary-foreground\",\r\n  muted: \"sg:text-muted\",\r\n  \"muted-foreground\": \"sg:text-muted-foreground\",\r\n  accent: \"sg:text-accent\",\r\n  \"accent-foreground\": \"sg:text-accent-foreground\",\r\n\r\n  \"primary-light-to-dark\":\r\n    \"sg:bg-gradient-to-r sg:from-primary-light sg:to-primary-dark sg:bg-clip-text sg:text-transparent\",\r\n  \"primary-dark-to-light\":\r\n    \"sg:bg-gradient-to-r sg:from-primary-dark sg:to-primary-light sg:bg-clip-text sg:text-transparent\",\r\n  \"multi-color\":\r\n    \"sg:bg-gradient-to-r sg:from-primary sg:via-destructive sg:to-primary-dark sg:bg-clip-text sg:text-transparent\",\r\n};\r\n\r\nexport const textElementSize = {\r\n  xs: \"sg:text-xs\",\r\n  sm: \"sg:text-sm\",\r\n  md: \"sg:text-md\",\r\n  base: \"sg:text-base\",\r\n  lg: \"sg:text-lg\",\r\n  xl: \"sg:text-xl\",\r\n  \"2xl\": \"sg:text-2xl\",\r\n  \"3xl\": \"sg:text-3xl\",\r\n  \"4xl\": \"sg:text-4xl\",\r\n  \"5xl\": \"sg:text-5xl\",\r\n};\r\n\r\nexport const textElementVariants = {\r\n  size: textElementSize,\r\n  foreground: textElementForeground,\r\n  fontweight: {\r\n    normal: \"sg:font-normal\",\r\n    medium: \"sg:font-medium\",\r\n    semibold: \"sg:font-semibold\",\r\n    bold: \"sg:font-bold\",\r\n  },\r\n};\r\n\r\nexport const textElementVariantsProps = cva(\"\", {\r\n  variants: textElementVariants,\r\n  defaultVariants: {\r\n    size: \"base\",\r\n    foreground: \"default\",\r\n    fontweight: \"normal\",\r\n  },\r\n});\r\n\r\nexport interface TextElementProps\r\n  extends\r\n    React.HTMLAttributes<HTMLElement>,\r\n    VariantProps<typeof textElementVariantsProps> {\r\n  as?: \"p\" | \"div\" | \"span\" | \"time\";\r\n}\r\n\r\nexport const TextElement = ({\r\n  as = \"div\",\r\n  children,\r\n  size,\r\n  foreground,\r\n  fontweight,\r\n  className,\r\n  ...props\r\n}: TextElementProps) => {\r\n  const Component = as;\r\n  return (\r\n    <Component\r\n      className={cn(\r\n        textElementVariantsProps({\r\n          size,\r\n          foreground,\r\n          fontweight,\r\n        }),\r\n        className,\r\n      )}\r\n      {...props}\r\n    >\r\n      {children}\r\n    </Component>\r\n  );\r\n};\r\n"],"mappings":"AA2EI;AA3EJ,OAAO,WAAW;AAClB,SAAS,WAA8B;AACvC,SAAS,UAAU;AAEZ,MAAM,wBAAwB;AAAA,EACnC,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,sBAAsB;AAAA,EACtB,WAAW;AAAA,EACX,wBAAwB;AAAA,EACxB,OAAO;AAAA,EACP,oBAAoB;AAAA,EACpB,QAAQ;AAAA,EACR,qBAAqB;AAAA,EAErB,yBACE;AAAA,EACF,yBACE;AAAA,EACF,eACE;AACJ;AAEO,MAAM,kBAAkB;AAAA,EAC7B,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AACT;AAEO,MAAM,sBAAsB;AAAA,EACjC,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,YAAY;AAAA,IACV,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,MAAM;AAAA,EACR;AACF;AAEO,MAAM,2BAA2B,IAAI,IAAI;AAAA,EAC9C,UAAU;AAAA,EACV,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,YAAY;AAAA,EACd;AACF,CAAC;AASM,MAAM,cAAc,CAAC;AAAA,EAC1B,KAAK;AAAA,EACL;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAwB;AACtB,QAAM,YAAY;AAClB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT,yBAAyB;AAAA,UACvB;AAAA,UACA;AAAA,UACA;AAAA,QACF,CAAC;AAAA,QACD;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/components/primitives/text/text-div.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { TextElementProps } from './internal/text-element.js';
 import { OmitClassProperty } from '../../../lib/types.js';
+import { TextElementProps } from './internal/text-element.js';
 import 'class-variance-authority/types';
 import 'react';
 import 'class-variance-authority';

package/dist/components/primitives/text/text-div.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/primitives/text/text-div.tsx"],"sourcesContent":["import { cn } from \"../../../utils\";\nimport {\n  TextElement,\n  textElementVariantsProps,\n  type TextElementProps,\n} from \"./internal/text-element\";\nimport type { OmitClassProperty } from \"@/lib/types\";\n\nexport const TextDiv = ({\n  children,\n  size,\n  foreground,\n  fontweight,\n  className,\n  ...props\n}: OmitClassProperty<TextElementProps, \"as\">) => {\n  return (\n    <TextElement\n      as=\"div\"\n      className={cn(\n        textElementVariantsProps({\n          size,\n          foreground,\n          fontweight,\n        }),\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </TextElement>\n  );\n};\n"],"mappings":"AAiBI;AAjBJ,SAAS,UAAU;AACnB;AAAA,EACE;AAAA,EACA;AAAA,OAEK;AAGA,MAAM,UAAU,CAAC;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAiD;AAC/C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH,WAAW;AAAA,QACT,yBAAyB;AAAA,UACvB;AAAA,UACA;AAAA,UACA;AAAA,QACF,CAAC;AAAA,QACD;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../src/components/primitives/text/text-div.tsx"],"sourcesContent":["import type { OmitClassProperty } from \"../../../lib/types\";\nimport { cn } from \"../../../utils\";\nimport {\n  TextElement,\n  textElementVariantsProps,\n  type TextElementProps,\n} from \"./internal/text-element\";\n\nexport const TextDiv = ({\n  children,\n  size,\n  foreground,\n  fontweight,\n  className,\n  ...props\n}: OmitClassProperty<TextElementProps, \"as\">) => {\n  return (\n    <TextElement\n      as=\"div\"\n      className={cn(\n        textElementVariantsProps({\n          size,\n          foreground,\n          fontweight,\n        }),\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </TextElement>\n  );\n};\n"],"mappings":"AAiBI;AAhBJ,SAAS,UAAU;AACnB;AAAA,EACE;AAAA,EACA;AAAA,OAEK;AAEA,MAAM,UAAU,CAAC;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAiD;AAC/C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH,WAAW;AAAA,QACT,yBAAyB;AAAA,UACvB;AAAA,UACA;AAAA,UACA;AAAA,QACF,CAAC;AAAA,QACD;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/components/primitives/text/text-heading.js

@@ -4,15 +4,15 @@ import { textElementVariantsProps } from "./internal/text-element";
 import { cn } from "../../../utils";
 const textHeadingVariants = {
   variant: {
-    h1: "sg:text-3xl sg:md:text-4xl sg:lg:text-5xl sg:font-bold sg:tracking-tight",
-    h2: "sg:text-xl sg:font-semibold sg:tracking-tight sg:transition-colors sg:first:mt-0 sg:lg:text-3xl",
-    h3: "sg:text-xl sg:font-semibold sg:tracking-tight sg:lg:text-2xl",
-    h4: "sg:text-lg sg:font-semibold sg:tracking-tight",
-    h5: "sg:text-md sg:font-semibold sg:tracking-tight",
-    h6: "sg:text-md sg:tracking-tight"
+    h1: "sg:text-4xl sg:md:text-5xl sg:font-bold sg:tracking-tight sg:leading-tight",
+    h2: "sg:text-3xl sg:md:text-4xl sg:font-semibold sg:tracking-tight sg:leading-snug",
+    h3: "sg:text-2xl sg:md:text-3xl sg:font-semibold sg:leading-snug",
+    h4: "sg:text-xl sg:md:text-2xl sg:font-medium sg:leading-normal",
+    h5: "sg:text-lg sg:md:text-xl sg:font-medium sg:leading-normal",
+    h6: "sg:text-md sg:md:text-lg sg:font-medium sg:leading-normal"
   }
 };
-const textHeadingVariantsProps = cva("", {
+const textHeadingVariantsProps = cva("sg:font-display", {
   variants: textHeadingVariants,
   defaultVariants: {
     variant: "h2"

package/dist/components/primitives/text/text-heading.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/primitives/text/text-heading.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\r\nimport { textElementVariantsProps } from \"./internal/text-element\";\r\nimport { cn } from \"../../../utils\";\r\n\r\nexport const textHeadingVariants = {\r\n  variant: {\r\n    h1: \"sg:text-3xl sg:md:text-4xl sg:lg:text-5xl sg:font-bold sg:tracking-tight\",\r\n    h2: \"sg:text-xl sg:font-semibold sg:tracking-tight sg:transition-colors sg:first:mt-0 sg:lg:text-3xl\",\r\n    h3: \"sg:text-xl sg:font-semibold sg:tracking-tight sg:lg:text-2xl\",\r\n    h4: \"sg:text-lg sg:font-semibold sg:tracking-tight\",\r\n    h5: \"sg:text-md sg:font-semibold sg:tracking-tight\",\r\n    h6: \"sg:text-md sg:tracking-tight\",\r\n  },\r\n};\r\n\r\nexport const textHeadingVariantsProps = cva(\"\", {\r\n  variants: textHeadingVariants,\r\n  defaultVariants: {\r\n    variant: \"h2\",\r\n  },\r\n});\r\n\r\nexport interface TextHeadingProps\r\n  extends React.HTMLAttributes<HTMLHeadingElement>,\r\n    VariantProps<typeof textHeadingVariantsProps> {\r\n  as?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\r\n  foreground?: VariantProps<typeof textElementVariantsProps>[\"foreground\"];\r\n}\r\n\r\nexport const TextHeading = ({\r\n  children,\r\n  as,\r\n  variant,\r\n  foreground,\r\n  className,\r\n  ...props\r\n}: TextHeadingProps) => {\r\n  if (!as && variant) {\r\n    as = variant;\r\n  } else if (!as) {\r\n    as = \"h2\";\r\n  }\r\n  const Component = as;\r\n\r\n  return (\r\n    <Component\r\n      className={cn(\r\n        textElementVariantsProps({ foreground }),\r\n        textHeadingVariantsProps({ variant }),\r\n        className\r\n      )}\r\n      {...props}\r\n    >\r\n      {children}\r\n    </Component>\r\n  );\r\n};\r\n"],"mappings":"AA6CI;AA7CJ,SAAS,WAA8B;AACvC,SAAS,gCAAgC;AACzC,SAAS,UAAU;AAEZ,MAAM,sBAAsB;AAAA,EACjC,SAAS;AAAA,IACP,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EACN;AACF;AAEO,MAAM,2BAA2B,IAAI,IAAI;AAAA,EAC9C,UAAU;AAAA,EACV,iBAAiB;AAAA,IACf,SAAS;AAAA,EACX;AACF,CAAC;AASM,MAAM,cAAc,CAAC;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAwB;AACtB,MAAI,CAAC,MAAM,SAAS;AAClB,SAAK;AAAA,EACP,WAAW,CAAC,IAAI;AACd,SAAK;AAAA,EACP;AACA,QAAM,YAAY;AAElB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT,yBAAyB,EAAE,WAAW,CAAC;AAAA,QACvC,yBAAyB,EAAE,QAAQ,CAAC;AAAA,QACpC;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../src/components/primitives/text/text-heading.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\r\nimport { textElementVariantsProps } from \"./internal/text-element\";\r\nimport { cn } from \"../../../utils\";\r\n\r\nexport const textHeadingVariants = {\r\n  variant: {\r\n    h1: \"sg:text-4xl sg:md:text-5xl sg:font-bold sg:tracking-tight sg:leading-tight\",\r\n    h2: \"sg:text-3xl sg:md:text-4xl sg:font-semibold sg:tracking-tight sg:leading-snug\",\r\n    h3: \"sg:text-2xl sg:md:text-3xl sg:font-semibold sg:leading-snug\",\r\n    h4: \"sg:text-xl sg:md:text-2xl sg:font-medium sg:leading-normal\",\r\n    h5: \"sg:text-lg sg:md:text-xl sg:font-medium sg:leading-normal\",\r\n    h6: \"sg:text-md sg:md:text-lg sg:font-medium sg:leading-normal\",\r\n  },\r\n};\r\n\r\nexport const textHeadingVariantsProps = cva(\"sg:font-display\", {\r\n  variants: textHeadingVariants,\r\n  defaultVariants: {\r\n    variant: \"h2\",\r\n  },\r\n});\r\n\r\nexport interface TextHeadingProps\r\n  extends\r\n    React.HTMLAttributes<HTMLHeadingElement>,\r\n    VariantProps<typeof textHeadingVariantsProps> {\r\n  as?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\r\n  foreground?: VariantProps<typeof textElementVariantsProps>[\"foreground\"];\r\n}\r\n\r\nexport const TextHeading = ({\r\n  children,\r\n  as,\r\n  variant,\r\n  foreground,\r\n  className,\r\n  ...props\r\n}: TextHeadingProps) => {\r\n  if (!as && variant) {\r\n    as = variant;\r\n  } else if (!as) {\r\n    as = \"h2\";\r\n  }\r\n  const Component = as;\r\n\r\n  return (\r\n    <Component\r\n      className={cn(\r\n        textElementVariantsProps({ foreground }),\r\n        textHeadingVariantsProps({ variant }),\r\n        className,\r\n      )}\r\n      {...props}\r\n    >\r\n      {children}\r\n    </Component>\r\n  );\r\n};\r\n"],"mappings":"AA8CI;AA9CJ,SAAS,WAA8B;AACvC,SAAS,gCAAgC;AACzC,SAAS,UAAU;AAEZ,MAAM,sBAAsB;AAAA,EACjC,SAAS;AAAA,IACP,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EACN;AACF;AAEO,MAAM,2BAA2B,IAAI,mBAAmB;AAAA,EAC7D,UAAU;AAAA,EACV,iBAAiB;AAAA,IACf,SAAS;AAAA,EACX;AACF,CAAC;AAUM,MAAM,cAAc,CAAC;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAwB;AACtB,MAAI,CAAC,MAAM,SAAS;AAClB,SAAK;AAAA,EACP,WAAW,CAAC,IAAI;AACd,SAAK;AAAA,EACP;AACA,QAAM,YAAY;AAElB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT,yBAAyB,EAAE,WAAW,CAAC;AAAA,QACvC,yBAAyB,EAAE,QAAQ,CAAC;AAAA,QACpC;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/components/primitives/text/text-paragraph.d.ts

@@ -1,10 +1,16 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
 import { OmitClassProperty } from '../../../lib/types.js';
 import { TextElementProps } from './internal/text-element.js';
-import 'class-variance-authority/types';
 import 'react';
 import 'class-variance-authority';
 
+declare const textParagraphVariants: {
+    variant: {};
+};
+declare const textParagraphVariantsProps: (props?: ({
+    variant?: null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const TextParagraph: ({ children, size, foreground, fontweight, className, ...props }: OmitClassProperty<TextElementProps, "as">) => react_jsx_runtime.JSX.Element;
 
-export { TextParagraph };
+export { TextParagraph, textParagraphVariants, textParagraphVariantsProps };

package/dist/components/primitives/text/text-paragraph.js

@@ -4,6 +4,14 @@ import {
   TextElement,
   textElementVariantsProps
 } from "./internal/text-element";
+import { cva } from "class-variance-authority";
+const textParagraphVariants = {
+  variant: {}
+};
+const textParagraphVariantsProps = cva("sg:leading-relaxed", {
+  variants: textParagraphVariants,
+  defaultVariants: {}
+});
 const TextParagraph = ({
   children,
   size,
@@ -22,6 +30,7 @@ const TextParagraph = ({
           foreground,
           fontweight
         }),
+        textParagraphVariantsProps({}),
         className
       ),
       ...props,
@@ -30,6 +39,8 @@ const TextParagraph = ({
   );
 };
 export {
-  TextParagraph
+  TextParagraph,
+  textParagraphVariants,
+  textParagraphVariantsProps
 };
 //# sourceMappingURL=text-paragraph.js.map

package/dist/components/primitives/text/text-paragraph.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/primitives/text/text-paragraph.tsx"],"sourcesContent":["import type { OmitClassProperty } from \"@/lib/types\";\nimport { cn } from \"../../../utils\";\nimport {\n  type TextElementProps,\n  TextElement,\n  textElementVariantsProps,\n} from \"./internal/text-element\";\n\nexport const TextParagraph = ({\n  children,\n  size,\n  foreground,\n  fontweight,\n  className,\n  ...props\n}: OmitClassProperty<TextElementProps, \"as\">) => {\n  return (\n    <TextElement\n      as=\"p\"\n      className={cn(\n        textElementVariantsProps({\n          size,\n          foreground,\n          fontweight,\n        }),\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </TextElement>\n  );\n};\n"],"mappings":"AAiBI;AAhBJ,SAAS,UAAU;AACnB;AAAA,EAEE;AAAA,EACA;AAAA,OACK;AAEA,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAiD;AAC/C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH,WAAW;AAAA,QACT,yBAAyB;AAAA,UACvB;AAAA,UACA;AAAA,UACA;AAAA,QACF,CAAC;AAAA,QACD;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../src/components/primitives/text/text-paragraph.tsx"],"sourcesContent":["import type { OmitClassProperty } from \"../../../lib/types\";\nimport { cn } from \"../../../utils\";\nimport {\n  type TextElementProps,\n  TextElement,\n  textElementVariantsProps,\n} from \"./internal/text-element\";\nimport { cva } from \"class-variance-authority\";\n\nexport const textParagraphVariants = {\n  variant: {},\n};\n\nexport const textParagraphVariantsProps = cva(\"sg:leading-relaxed\", {\n  variants: textParagraphVariants,\n  defaultVariants: {},\n});\n\nexport const TextParagraph = ({\n  children,\n  size,\n  foreground,\n  fontweight,\n  className,\n  ...props\n}: OmitClassProperty<TextElementProps, \"as\">) => {\n  return (\n    <TextElement\n      as=\"p\"\n      className={cn(\n        textElementVariantsProps({\n          size,\n          foreground,\n          fontweight,\n        }),\n        textParagraphVariantsProps({}),\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </TextElement>\n  );\n};\n"],"mappings":"AA2BI;AA1BJ,SAAS,UAAU;AACnB;AAAA,EAEE;AAAA,EACA;AAAA,OACK;AACP,SAAS,WAAW;AAEb,MAAM,wBAAwB;AAAA,EACnC,SAAS,CAAC;AACZ;AAEO,MAAM,6BAA6B,IAAI,sBAAsB;AAAA,EAClE,UAAU;AAAA,EACV,iBAAiB,CAAC;AACpB,CAAC;AAEM,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAiD;AAC/C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH,WAAW;AAAA,QACT,yBAAyB;AAAA,UACvB;AAAA,UACA;AAAA,UACA;AAAA,QACF,CAAC;AAAA,QACD,2BAA2B,CAAC,CAAC;AAAA,QAC7B;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/components/primitives/text/text-span.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/primitives/text/text-span.tsx"],"sourcesContent":["import type { OmitClassProperty } from \"@/lib/types\";\nimport { cn } from \"../../../utils\";\nimport {\n  type TextElementProps,\n  TextElement,\n  textElementVariantsProps,\n} from \"./internal/text-element\";\n\nexport const TextSpan = ({\n  children,\n  size,\n  foreground,\n  fontweight,\n  className,\n  ...props\n}: OmitClassProperty<TextElementProps, \"as\">) => {\n  return (\n    <TextElement\n      as=\"span\"\n      className={cn(\n        textElementVariantsProps({\n          size,\n          foreground,\n          fontweight,\n        }),\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </TextElement>\n  );\n};\n"],"mappings":"AAiBI;AAhBJ,SAAS,UAAU;AACnB;AAAA,EAEE;AAAA,EACA;AAAA,OACK;AAEA,MAAM,WAAW,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAiD;AAC/C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH,WAAW;AAAA,QACT,yBAAyB;AAAA,UACvB;AAAA,UACA;AAAA,UACA;AAAA,QACF,CAAC;AAAA,QACD;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../src/components/primitives/text/text-span.tsx"],"sourcesContent":["import type { OmitClassProperty } from \"../../../lib/types\";\nimport { cn } from \"../../../utils\";\nimport {\n  type TextElementProps,\n  TextElement,\n  textElementVariantsProps,\n} from \"./internal/text-element\";\n\nexport const TextSpan = ({\n  children,\n  size,\n  foreground,\n  fontweight,\n  className,\n  ...props\n}: OmitClassProperty<TextElementProps, \"as\">) => {\n  return (\n    <TextElement\n      as=\"span\"\n      className={cn(\n        textElementVariantsProps({\n          size,\n          foreground,\n          fontweight,\n        }),\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </TextElement>\n  );\n};\n"],"mappings":"AAiBI;AAhBJ,SAAS,UAAU;AACnB;AAAA,EAEE;AAAA,EACA;AAAA,OACK;AAEA,MAAM,WAAW,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAiD;AAC/C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH,WAAW;AAAA,QACT,yBAAyB;AAAA,UACvB;AAAA,UACA;AAAA,UACA;AAAA,QACF,CAAC;AAAA,QACD;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;","names":[]}