singularity-components 0.1.106 → 0.1.127

package/dist/components/primitives/table/table.js

@@ -0,0 +1,117 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../../../utils";
+function Table({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "table-container",
+      className: "sg:relative sg:w-full sg:overflow-x-auto",
+      children: /* @__PURE__ */ jsx(
+        "table",
+        {
+          "data-slot": "table",
+          className: cn("sg:w-full sg:caption-bottom sg:text-sm", className),
+          ...props
+        }
+      )
+    }
+  );
+}
+function TableHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "thead",
+    {
+      "data-slot": "table-header",
+      className: cn("sg:[&_tr]:border-b", className),
+      ...props
+    }
+  );
+}
+function TableBody({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "tbody",
+    {
+      "data-slot": "table-body",
+      className: cn("sg:[&_tr:last-child]:border-0", className),
+      ...props
+    }
+  );
+}
+function TableFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "tfoot",
+    {
+      "data-slot": "table-footer",
+      className: cn(
+        "sg:bg-muted/50 sg:border-t sg:font-medium sg:[&>tr]:last:border-b-0",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TableRow({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "tr",
+    {
+      "data-slot": "table-row",
+      className: cn(
+        "sg:hover:bg-muted/50 sg:data-[state=selected]:bg-muted sg:border-b sg:transition-colors",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TableHead({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "th",
+    {
+      "data-slot": "table-head",
+      className: cn(
+        "sg:text-foreground sg:h-10 sg:px-2 sg:text-left sg:align-middle sg:font-medium sg:whitespace-nowrap sg:[&:has([role=checkbox])]:pr-0 sg:[&>[role=checkbox]]:translate-y-[2px]",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TableCell({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "td",
+    {
+      "data-slot": "table-cell",
+      className: cn(
+        "sg:p-2 sg:align-middle sg:whitespace-nowrap sg:[&:has([role=checkbox])]:pr-0 sg:[&>[role=checkbox]]:translate-y-[2px]",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TableCaption({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "caption",
+    {
+      "data-slot": "table-caption",
+      className: cn("sg:text-muted-foreground sg:mt-4 sg:text-sm", className),
+      ...props
+    }
+  );
+}
+export {
+  Table,
+  TableBody,
+  TableCaption,
+  TableCell,
+  TableFooter,
+  TableHead,
+  TableHeader,
+  TableRow
+};
+//# sourceMappingURL=table.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/primitives/table/table.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"../../../utils\";\n\nfunction Table({ className, ...props }: React.ComponentProps<\"table\">) {\n  return (\n    <div\n      data-slot=\"table-container\"\n      className=\"sg:relative sg:w-full sg:overflow-x-auto\"\n    >\n      <table\n        data-slot=\"table\"\n        className={cn(\"sg:w-full sg:caption-bottom sg:text-sm\", className)}\n        {...props}\n      />\n    </div>\n  );\n}\n\nfunction TableHeader({ className, ...props }: React.ComponentProps<\"thead\">) {\n  return (\n    <thead\n      data-slot=\"table-header\"\n      className={cn(\"sg:[&_tr]:border-b\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction TableBody({ className, ...props }: React.ComponentProps<\"tbody\">) {\n  return (\n    <tbody\n      data-slot=\"table-body\"\n      className={cn(\"sg:[&_tr:last-child]:border-0\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction TableFooter({ className, ...props }: React.ComponentProps<\"tfoot\">) {\n  return (\n    <tfoot\n      data-slot=\"table-footer\"\n      className={cn(\n        \"sg:bg-muted/50 sg:border-t sg:font-medium sg:[&>tr]:last:border-b-0\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction TableRow({ className, ...props }: React.ComponentProps<\"tr\">) {\n  return (\n    <tr\n      data-slot=\"table-row\"\n      className={cn(\n        \"sg:hover:bg-muted/50 sg:data-[state=selected]:bg-muted sg:border-b sg:transition-colors\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction TableHead({ className, ...props }: React.ComponentProps<\"th\">) {\n  return (\n    <th\n      data-slot=\"table-head\"\n      className={cn(\n        \"sg:text-foreground sg:h-10 sg:px-2 sg:text-left sg:align-middle sg:font-medium sg:whitespace-nowrap sg:[&:has([role=checkbox])]:pr-0 sg:[&>[role=checkbox]]:translate-y-[2px]\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction TableCell({ className, ...props }: React.ComponentProps<\"td\">) {\n  return (\n    <td\n      data-slot=\"table-cell\"\n      className={cn(\n        \"sg:p-2 sg:align-middle sg:whitespace-nowrap sg:[&:has([role=checkbox])]:pr-0 sg:[&>[role=checkbox]]:translate-y-[2px]\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction TableCaption({\n  className,\n  ...props\n}: React.ComponentProps<\"caption\">) {\n  return (\n    <caption\n      data-slot=\"table-caption\"\n      className={cn(\"sg:text-muted-foreground sg:mt-4 sg:text-sm\", className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Table,\n  TableHeader,\n  TableBody,\n  TableFooter,\n  TableHead,\n  TableRow,\n  TableCell,\n  TableCaption,\n};\n"],"mappings":";AAWM;AATN,YAAY,WAAW;AACvB,SAAS,UAAU;AAEnB,SAAS,MAAM,EAAE,WAAW,GAAG,MAAM,GAAkC;AACrE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAU;AAAA,MAEV;AAAA,QAAC;AAAA;AAAA,UACC,aAAU;AAAA,UACV,WAAW,GAAG,0CAA0C,SAAS;AAAA,UAChE,GAAG;AAAA;AAAA,MACN;AAAA;AAAA,EACF;AAEJ;AAEA,SAAS,YAAY,EAAE,WAAW,GAAG,MAAM,GAAkC;AAC3E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,sBAAsB,SAAS;AAAA,MAC5C,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,UAAU,EAAE,WAAW,GAAG,MAAM,GAAkC;AACzE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,iCAAiC,SAAS;AAAA,MACvD,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,YAAY,EAAE,WAAW,GAAG,MAAM,GAAkC;AAC3E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,SAAS,EAAE,WAAW,GAAG,MAAM,GAA+B;AACrE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,UAAU,EAAE,WAAW,GAAG,MAAM,GAA+B;AACtE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,UAAU,EAAE,WAAW,GAAG,MAAM,GAA+B;AACtE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,aAAa;AAAA,EACpB;AAAA,EACA,GAAG;AACL,GAAoC;AAClC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,+CAA+C,SAAS;AAAA,MACrE,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}

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

@@ -0,0 +1,62 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import React__default from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const textElementForeground: {
+    default: string;
+    muted: string;
+    black: string;
+    white: string;
+    gray: string;
+    primary: string;
+    secondary: string;
+    pink: string;
+    orange: string;
+    "primary-to-pink": string;
+    "pink-to-orange": string;
+    "multi-color": string;
+};
+declare const textElementVariants: {
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        base: string;
+        lg: string;
+        xl: string;
+        "2xl": string;
+        "3xl": string;
+    };
+    foreground: {
+        default: string;
+        muted: string;
+        black: string;
+        white: string;
+        gray: string;
+        primary: string;
+        secondary: string;
+        pink: string;
+        orange: string;
+        "primary-to-pink": string;
+        "pink-to-orange": string;
+        "multi-color": string;
+    };
+    fontweight: {
+        normal: string;
+        medium: string;
+        semibold: string;
+        bold: string;
+    };
+};
+declare const textElementVariantsProps: (props?: ({
+    size?: "base" | "sm" | "lg" | "md" | "xs" | "xl" | "2xl" | "3xl" | null | undefined;
+    foreground?: "default" | "secondary" | "black" | "white" | "gray" | "primary" | "orange" | "pink" | "muted" | "primary-to-pink" | "pink-to-orange" | "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> {
+    as?: "p" | "div" | "span" | "time";
+}
+declare const TextElement: ({ as, children, size, foreground, fontweight, className, ...props }: TextElementProps) => react_jsx_runtime.JSX.Element;
+
+export { TextElement, type TextElementProps, textElementForeground, textElementVariants, textElementVariantsProps };

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

@@ -0,0 +1,78 @@
+import { jsx } from "react/jsx-runtime";
+import React from "react";
+import { cva } from "class-variance-authority";
+import { cn } from "../../../../utils";
+const textElementForeground = {
+  default: "sg:text-foreground",
+  muted: "sg:text-muted-foreground",
+  black: "sg:text-black",
+  white: "sg:text-white",
+  gray: "sg:text-gray",
+  primary: "sg:text-primary",
+  secondary: "sg:text-secondary",
+  pink: "sg:text-pink",
+  orange: "sg:text-orange",
+  "primary-to-pink": "sg:bg-gradient-to-r sg:from-[hsl(var(--sg-primary))] sg:to-[hsl(var(--sg-pink))] sg:bg-clip-text sg:text-transparent",
+  "pink-to-orange": "sg:bg-gradient-to-r sg:from-[hsl(var(--sg-pink))] sg:to-[hsl(var(--sg-orange))] sg:bg-clip-text sg:text-transparent",
+  "multi-color": "sg:bg-gradient-to-r sg:from-[hsl(var(--sg-blue))] sg:via-[hsl(var(--sg-pink))] sg:to-[hsl(var(--sg-orange))] sg:bg-clip-text sg:text-transparent"
+};
+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"
+  },
+  foreground: textElementForeground,
+  fontweight: {
+    normal: "sg:font-normal",
+    medium: "sg:font-medium",
+    semibold: "sg:font-semibold",
+    bold: "sg:font-bold"
+  }
+};
+const textElementVariantsProps = cva("", {
+  variants: textElementVariants,
+  defaultVariants: {
+    size: "base",
+    foreground: "default",
+    fontweight: "normal"
+  }
+});
+const TextElement = ({
+  as = "div",
+  children,
+  size,
+  foreground,
+  fontweight,
+  className,
+  ...props
+}) => {
+  const Component = as;
+  return /* @__PURE__ */ jsx(
+    Component,
+    {
+      className: cn(
+        textElementVariantsProps({
+          size,
+          foreground,
+          fontweight
+        }),
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+};
+export {
+  TextElement,
+  textElementForeground,
+  textElementVariants,
+  textElementVariantsProps
+};
+//# sourceMappingURL=text-element.js.map

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

@@ -0,0 +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  muted: \"sg:text-muted-foreground\",\r\n  black: \"sg:text-black\",\r\n  white: \"sg:text-white\",\r\n  gray: \"sg:text-gray\",\r\n  primary: \"sg:text-primary\",\r\n  secondary: \"sg:text-secondary\",\r\n  pink: \"sg:text-pink\",\r\n  orange: \"sg:text-orange\",\r\n  \"primary-to-pink\":\r\n    \"sg:bg-gradient-to-r sg:from-[hsl(var(--sg-primary))] sg:to-[hsl(var(--sg-pink))] sg:bg-clip-text sg:text-transparent\",\r\n  \"pink-to-orange\":\r\n    \"sg:bg-gradient-to-r sg:from-[hsl(var(--sg-pink))] sg:to-[hsl(var(--sg-orange))] sg:bg-clip-text sg:text-transparent\",\r\n  \"multi-color\":\r\n    \"sg:bg-gradient-to-r sg:from-[hsl(var(--sg-blue))] sg:via-[hsl(var(--sg-pink))] sg:to-[hsl(var(--sg-orange))] 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 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":"AAoEI;AApEJ,OAAO,WAAW;AAClB,SAAS,WAA8B;AACvC,SAAS,UAAU;AAEZ,MAAM,wBAAwB;AAAA,EACnC,SAAS;AAAA,EACT,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,MAAM;AAAA,EACN,SAAS;AAAA,EACT,WAAW;AAAA,EACX,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,mBACE;AAAA,EACF,kBACE;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;AAQM,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

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { TextElementProps } from './internal/text-element.js';
+import { OmitClassProperty } from '../../../lib/types.js';
+import 'class-variance-authority/types';
+import 'react';
+import 'class-variance-authority';
+
+declare const TextDiv: ({ children, size, foreground, fontweight, className, ...props }: OmitClassProperty<TextElementProps, "as">) => react_jsx_runtime.JSX.Element;
+
+export { TextDiv };

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

@@ -0,0 +1,35 @@
+import { jsx } from "react/jsx-runtime";
+import { cn } from "../../../utils";
+import {
+  TextElement,
+  textElementVariantsProps
+} from "./internal/text-element";
+const TextDiv = ({
+  children,
+  size,
+  foreground,
+  fontweight,
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    TextElement,
+    {
+      as: "div",
+      className: cn(
+        textElementVariantsProps({
+          size,
+          foreground,
+          fontweight
+        }),
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+};
+export {
+  TextDiv
+};
+//# sourceMappingURL=text-div.js.map

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

@@ -0,0 +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":[]}

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

@@ -0,0 +1,32 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { OmitClassProperty } from '../../../lib/types.js';
+import { TextElementProps } from './internal/text-element.js';
+import { StoryObj } from '@storybook/react-vite';
+import 'class-variance-authority/types';
+import 'react';
+import 'class-variance-authority';
+
+declare const meta: {
+    component: ({ children, size, foreground, fontweight, className, ...props }: OmitClassProperty<TextElementProps, "as">) => react_jsx_runtime.JSX.Element;
+    title: string;
+    argTypes: {
+        fontweight: {
+            options: string[];
+        };
+        foreground: {
+            options: string[];
+        };
+        size: {
+            options: string[];
+        };
+    };
+};
+
+type Story = StoryObj<typeof meta>;
+declare const sm: Story;
+declare const md: Story;
+declare const base: Story;
+declare const lg: Story;
+declare const lg_gradient: Story;
+
+export { base, meta as default, lg, lg_gradient, md, sm };

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

@@ -0,0 +1,59 @@
+import { TextDiv } from "./text-div";
+import { textElementVariants } from "./internal/text-element";
+const meta = {
+  component: TextDiv,
+  title: "Text Div",
+  argTypes: {
+    fontweight: {
+      options: Object.keys(textElementVariants.fontweight)
+    },
+    foreground: {
+      options: Object.keys(textElementVariants.foreground)
+    },
+    size: {
+      options: Object.keys(textElementVariants.size)
+    }
+  }
+};
+var text_div_stories_default = meta;
+const sm = {
+  args: {
+    size: "sm",
+    children: "sm"
+  }
+};
+const md = {
+  args: {
+    size: "md",
+    children: "md"
+  }
+};
+const base = {
+  args: {
+    size: "base",
+    children: "base"
+  }
+};
+const lg = {
+  args: {
+    size: "lg",
+    children: "lg"
+  }
+};
+const lg_gradient = {
+  args: {
+    size: "lg",
+    children: "lg_pink-to-orange",
+    foreground: "pink-to-orange",
+    fontweight: "bold"
+  }
+};
+export {
+  base,
+  text_div_stories_default as default,
+  lg,
+  lg_gradient,
+  md,
+  sm
+};
+//# sourceMappingURL=text-div.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/primitives/text/text-div.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport { TextDiv } from \"./text-div\";\nimport { textElementVariants } from \"./internal/text-element\";\n\nconst meta = {\n  component: TextDiv,\n  title: \"Text Div\",\n  argTypes: {\n    fontweight: {\n      options: Object.keys(textElementVariants.fontweight),\n    },\n    foreground: {\n      options: Object.keys(textElementVariants.foreground),\n    },\n    size: {\n      options: Object.keys(textElementVariants.size),\n    },\n  },\n} satisfies Meta<typeof TextDiv>;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const sm: Story = {\n  args: {\n    size: \"sm\",\n    children: \"sm\",\n  },\n};\n\nexport const md: Story = {\n  args: {\n    size: \"md\",\n    children: \"md\",\n  },\n};\n\nexport const base: Story = {\n  args: {\n    size: \"base\",\n    children: \"base\",\n  },\n};\n\nexport const lg: Story = {\n  args: {\n    size: \"lg\",\n    children: \"lg\",\n  },\n};\n\nexport const lg_gradient: Story = {\n  args: {\n    size: \"lg\",\n    children: \"lg_pink-to-orange\",\n    foreground: \"pink-to-orange\",\n    fontweight: \"bold\",\n  },\n};\n"],"mappings":"AACA,SAAS,eAAe;AACxB,SAAS,2BAA2B;AAEpC,MAAM,OAAO;AAAA,EACX,WAAW;AAAA,EACX,OAAO;AAAA,EACP,UAAU;AAAA,IACR,YAAY;AAAA,MACV,SAAS,OAAO,KAAK,oBAAoB,UAAU;AAAA,IACrD;AAAA,IACA,YAAY;AAAA,MACV,SAAS,OAAO,KAAK,oBAAoB,UAAU;AAAA,IACrD;AAAA,IACA,MAAM;AAAA,MACJ,SAAS,OAAO,KAAK,oBAAoB,IAAI;AAAA,IAC/C;AAAA,EACF;AACF;AACA,IAAO,2BAAQ;AAIR,MAAM,KAAY;AAAA,EACvB,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,UAAU;AAAA,EACZ;AACF;AAEO,MAAM,KAAY;AAAA,EACvB,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,UAAU;AAAA,EACZ;AACF;AAEO,MAAM,OAAc;AAAA,EACzB,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,UAAU;AAAA,EACZ;AACF;AAEO,MAAM,KAAY;AAAA,EACvB,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,UAAU;AAAA,EACZ;AACF;AAEO,MAAM,cAAqB;AAAA,EAChC,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,YAAY;AAAA,EACd;AACF;","names":[]}

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

@@ -0,0 +1,26 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+import { textElementVariantsProps } from './internal/text-element.js';
+import 'react';
+
+declare const textHeadingVariants: {
+    variant: {
+        h1: string;
+        h2: string;
+        h3: string;
+        h4: string;
+        h5: string;
+        h6: string;
+    };
+};
+declare const textHeadingVariantsProps: (props?: ({
+    variant?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface TextHeadingProps extends React.HTMLAttributes<HTMLHeadingElement>, VariantProps<typeof textHeadingVariantsProps> {
+    as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+    foreground?: VariantProps<typeof textElementVariantsProps>["foreground"];
+}
+declare const TextHeading: ({ children, as, variant, foreground, className, ...props }: TextHeadingProps) => react_jsx_runtime.JSX.Element;
+
+export { TextHeading, type TextHeadingProps, textHeadingVariants, textHeadingVariantsProps };

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

@@ -0,0 +1,53 @@
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+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"
+  }
+};
+const textHeadingVariantsProps = cva("", {
+  variants: textHeadingVariants,
+  defaultVariants: {
+    variant: "h2"
+  }
+});
+const TextHeading = ({
+  children,
+  as,
+  variant,
+  foreground,
+  className,
+  ...props
+}) => {
+  if (!as && variant) {
+    as = variant;
+  } else if (!as) {
+    as = "h2";
+  }
+  const Component = as;
+  return /* @__PURE__ */ jsx(
+    Component,
+    {
+      className: cn(
+        textElementVariantsProps({ foreground }),
+        textHeadingVariantsProps({ variant }),
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+};
+export {
+  TextHeading,
+  textHeadingVariants,
+  textHeadingVariantsProps
+};
+//# sourceMappingURL=text-heading.js.map

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

@@ -0,0 +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":[]}

package/dist/components/primitives/text/text-heading.stories.d.ts

@@ -0,0 +1,27 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { TextHeadingProps } from './text-heading.js';
+import { StoryObj } from '@storybook/react-vite';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
+import './internal/text-element.js';
+import 'react';
+
+declare const meta: {
+    component: ({ children, as, variant, foreground, className, ...props }: TextHeadingProps) => react_jsx_runtime.JSX.Element;
+    title: string;
+    argTypes: {
+        foreground: {
+            options: string[];
+        };
+        variant: {
+            options: string[];
+        };
+    };
+};
+type Story = StoryObj<typeof meta>;
+declare const h1: Story;
+declare const h2: Story;
+declare const h3: Story;
+declare const h4: Story;
+
+export { meta as default, h1, h2, h3, h4 };

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

@@ -0,0 +1,47 @@
+import { TextHeading, textHeadingVariants } from "./text-heading";
+import { textElementForeground } from "./internal/text-element";
+const meta = {
+  component: TextHeading,
+  title: "Text Heading",
+  argTypes: {
+    foreground: {
+      options: Object.keys(textElementForeground)
+    },
+    variant: {
+      options: Object.keys(textHeadingVariants.variant)
+    }
+  }
+};
+const h1 = {
+  args: {
+    variant: "h1",
+    children: "h1",
+    as: "h1"
+  }
+};
+const h2 = {
+  args: {
+    children: "h2"
+  }
+};
+const h3 = {
+  args: {
+    variant: "h3",
+    children: "h3"
+  }
+};
+const h4 = {
+  args: {
+    variant: "h4",
+    children: "h4"
+  }
+};
+var text_heading_stories_default = meta;
+export {
+  text_heading_stories_default as default,
+  h1,
+  h2,
+  h3,
+  h4
+};
+//# sourceMappingURL=text-heading.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/primitives/text/text-heading.stories.ts"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport { TextHeading, textHeadingVariants } from \"./text-heading\";\nimport { textElementForeground } from \"./internal/text-element\";\n\nconst meta = {\n  component: TextHeading,\n  title: \"Text Heading\",\n  argTypes: {\n    foreground: {\n      options: Object.keys(textElementForeground),\n    },\n    variant: {\n      options: Object.keys(textHeadingVariants.variant),\n    },\n  },\n} satisfies Meta<typeof TextHeading>;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const h1: Story = {\n  args: {\n    variant: \"h1\",\n    children: \"h1\",\n    as: \"h1\",\n  },\n};\n\nexport const h2: Story = {\n  args: {\n    children: \"h2\",\n  },\n};\n\nexport const h3: Story = {\n  args: {\n    variant: \"h3\",\n    children: \"h3\",\n  },\n};\n\nexport const h4: Story = {\n  args: {\n    variant: \"h4\",\n    children: \"h4\",\n  },\n};\n\nexport default meta;\n"],"mappings":"AACA,SAAS,aAAa,2BAA2B;AACjD,SAAS,6BAA6B;AAEtC,MAAM,OAAO;AAAA,EACX,WAAW;AAAA,EACX,OAAO;AAAA,EACP,UAAU;AAAA,IACR,YAAY;AAAA,MACV,SAAS,OAAO,KAAK,qBAAqB;AAAA,IAC5C;AAAA,IACA,SAAS;AAAA,MACP,SAAS,OAAO,KAAK,oBAAoB,OAAO;AAAA,IAClD;AAAA,EACF;AACF;AAIO,MAAM,KAAY;AAAA,EACvB,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,UAAU;AAAA,IACV,IAAI;AAAA,EACN;AACF;AAEO,MAAM,KAAY;AAAA,EACvB,MAAM;AAAA,IACJ,UAAU;AAAA,EACZ;AACF;AAEO,MAAM,KAAY;AAAA,EACvB,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,UAAU;AAAA,EACZ;AACF;AAEO,MAAM,KAAY;AAAA,EACvB,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,UAAU;AAAA,EACZ;AACF;AAEA,IAAO,+BAAQ;","names":[]}

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

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+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 TextParagraph: ({ children, size, foreground, fontweight, className, ...props }: OmitClassProperty<TextElementProps, "as">) => react_jsx_runtime.JSX.Element;
+
+export { TextParagraph };

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

@@ -0,0 +1,35 @@
+import { jsx } from "react/jsx-runtime";
+import { cn } from "../../../utils";
+import {
+  TextElement,
+  textElementVariantsProps
+} from "./internal/text-element";
+const TextParagraph = ({
+  children,
+  size,
+  foreground,
+  fontweight,
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    TextElement,
+    {
+      as: "p",
+      className: cn(
+        textElementVariantsProps({
+          size,
+          foreground,
+          fontweight
+        }),
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+};
+export {
+  TextParagraph
+};
+//# sourceMappingURL=text-paragraph.js.map

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

@@ -0,0 +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":[]}

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

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+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 TextSpan: ({ children, size, foreground, fontweight, className, ...props }: OmitClassProperty<TextElementProps, "as">) => react_jsx_runtime.JSX.Element;
+
+export { TextSpan };