singularity-components 0.1.140 → 0.1.193

package/dist/components/primitives/sheet/sheet.js

@@ -0,0 +1,117 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import * as SheetPrimitive from "@radix-ui/react-dialog";
+import { cva } from "class-variance-authority";
+import { icons } from "lucide-react";
+import { cn } from "singularity-components/utils";
+const Sheet = SheetPrimitive.Root;
+const SheetTrigger = SheetPrimitive.Trigger;
+const SheetClose = SheetPrimitive.Close;
+const SheetPortal = SheetPrimitive.Portal;
+const SheetOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SheetPrimitive.Overlay,
+  {
+    className: cn(
+      "sg:fixed sg:inset-0 sg:z-50 sg:bg-black/80 sg:data-[state=open]:animate-in sg:data-[state=closed]:animate-out sg:data-[state=closed]:fade-out-0 sg:data-[state=open]:fade-in-0",
+      className
+    ),
+    ...props,
+    ref
+  }
+));
+SheetOverlay.displayName = SheetPrimitive.Overlay.displayName;
+const sheetVariants = cva(
+  "sg:fixed sg:z-50 sg:gap-4 sg:bg-background sg:p-6 sg:shadow-lg sg:transition sg:ease-in-out sg:data-[state=open]:animate-in sg:data-[state=closed]:animate-out sg:data-[state=closed]:duration-300 sg:data-[state=open]:duration-500",
+  {
+    variants: {
+      side: {
+        top: "sg:inset-x-0 sg:top-0 sg:border-b sg:data-[state=closed]:slide-out-to-top sg:data-[state=open]:slide-in-from-top",
+        bottom: "sg:inset-x-0 sg:bottom-0 sg:border-t sg:data-[state=closed]:slide-out-to-bottom sg:data-[state=open]:slide-in-from-bottom",
+        left: "sg:inset-y-0 sg:left-0 sg:h-full sg:w-3/4 sg:border-r sg:data-[state=closed]:slide-out-to-left sg:data-[state=open]:slide-in-from-left sg:sm:max-w-sm",
+        right: "sg:inset-y-0 sg:right-0 sg:h-full sg:w-3/4 sg:border-l sg:data-[state=closed]:slide-out-to-right sg:data-[state=open]:slide-in-from-right sg:sm:max-w-sm"
+      }
+    },
+    defaultVariants: {
+      side: "right"
+    }
+  }
+);
+const SheetContent = React.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs(SheetPortal, { children: [
+  /* @__PURE__ */ jsx(SheetOverlay, {}),
+  /* @__PURE__ */ jsxs(
+    SheetPrimitive.Content,
+    {
+      ref,
+      className: cn(sheetVariants({ side }), className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs(SheetPrimitive.Close, { className: "sg:absolute sg:right-4 sg:top-4 sg:rounded-sm sg:opacity-70 sg:ring-offset-background sg:transition-opacity sg:hover:opacity-100 sg:focus:outline-none sg:focus:ring-2 sg:focus:ring-ring sg:focus:ring-offset-2 sg:disabled:pointer-events-none sg:data-[state=open]:bg-secondary", children: [
+          /* @__PURE__ */ jsx(icons.X, { className: "sg:h-4 sg:w-4" }),
+          /* @__PURE__ */ jsx("span", { className: "sg:sr-only", children: "Close" })
+        ] }),
+        children
+      ]
+    }
+  )
+] }));
+SheetContent.displayName = SheetPrimitive.Content.displayName;
+const SheetHeader = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: cn(
+      "sg:flex sg:flex-col sg:space-y-2 sg:text-center sg:sm:text-left",
+      className
+    ),
+    ...props
+  }
+);
+SheetHeader.displayName = "SheetHeader";
+const SheetFooter = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: cn(
+      "sg:flex sg:flex-col-reverse sg:sm:flex-row sg:sm:justify-end sg:sm:space-x-2",
+      className
+    ),
+    ...props
+  }
+);
+SheetFooter.displayName = "SheetFooter";
+const SheetTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SheetPrimitive.Title,
+  {
+    ref,
+    className: cn("sg:text-lg sg:font-semibold sg:text-foreground", className),
+    ...props
+  }
+));
+SheetTitle.displayName = SheetPrimitive.Title.displayName;
+const SheetDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SheetPrimitive.Description,
+  {
+    ref,
+    className: cn("sg:text-sm sg:text-muted-foreground", className),
+    ...props
+  }
+));
+SheetDescription.displayName = SheetPrimitive.Description.displayName;
+export {
+  Sheet,
+  SheetClose,
+  SheetContent,
+  SheetDescription,
+  SheetFooter,
+  SheetHeader,
+  SheetOverlay,
+  SheetPortal,
+  SheetTitle,
+  SheetTrigger
+};
+//# sourceMappingURL=sheet.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/primitives/sheet/sheet.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as SheetPrimitive from \"@radix-ui/react-dialog\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { icons } from \"lucide-react\";\n\nimport { cn } from \"singularity-components/utils\";\n\nconst Sheet = SheetPrimitive.Root;\n\nconst SheetTrigger = SheetPrimitive.Trigger;\n\nconst SheetClose = SheetPrimitive.Close;\n\nconst SheetPortal = SheetPrimitive.Portal;\n\nconst SheetOverlay = React.forwardRef<\n  React.ElementRef<typeof SheetPrimitive.Overlay>,\n  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n  <SheetPrimitive.Overlay\n    className={cn(\n      \"sg:fixed sg:inset-0 sg:z-50 sg:bg-black/80 sg:data-[state=open]:animate-in sg:data-[state=closed]:animate-out sg:data-[state=closed]:fade-out-0 sg:data-[state=open]:fade-in-0\",\n      className,\n    )}\n    {...props}\n    ref={ref}\n  />\n));\nSheetOverlay.displayName = SheetPrimitive.Overlay.displayName;\n\nconst sheetVariants = cva(\n  \"sg:fixed sg:z-50 sg:gap-4 sg:bg-background sg:p-6 sg:shadow-lg sg:transition sg:ease-in-out sg:data-[state=open]:animate-in sg:data-[state=closed]:animate-out sg:data-[state=closed]:duration-300 sg:data-[state=open]:duration-500\",\n  {\n    variants: {\n      side: {\n        top: \"sg:inset-x-0 sg:top-0 sg:border-b sg:data-[state=closed]:slide-out-to-top sg:data-[state=open]:slide-in-from-top\",\n        bottom:\n          \"sg:inset-x-0 sg:bottom-0 sg:border-t sg:data-[state=closed]:slide-out-to-bottom sg:data-[state=open]:slide-in-from-bottom\",\n        left: \"sg:inset-y-0 sg:left-0 sg:h-full sg:w-3/4 sg:border-r sg:data-[state=closed]:slide-out-to-left sg:data-[state=open]:slide-in-from-left sg:sm:max-w-sm\",\n        right:\n          \"sg:inset-y-0 sg:right-0 sg:h-full sg:w-3/4 sg:border-l sg:data-[state=closed]:slide-out-to-right sg:data-[state=open]:slide-in-from-right sg:sm:max-w-sm\",\n      },\n    },\n    defaultVariants: {\n      side: \"right\",\n    },\n  },\n);\n\ninterface SheetContentProps\n  extends\n    React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>,\n    VariantProps<typeof sheetVariants> {}\n\nconst SheetContent = React.forwardRef<\n  React.ElementRef<typeof SheetPrimitive.Content>,\n  SheetContentProps\n>(({ side = \"right\", className, children, ...props }, ref) => (\n  <SheetPortal>\n    <SheetOverlay />\n    <SheetPrimitive.Content\n      ref={ref}\n      className={cn(sheetVariants({ side }), className)}\n      {...props}\n    >\n      <SheetPrimitive.Close className=\"sg:absolute sg:right-4 sg:top-4 sg:rounded-sm sg:opacity-70 sg:ring-offset-background sg:transition-opacity sg:hover:opacity-100 sg:focus:outline-none sg:focus:ring-2 sg:focus:ring-ring sg:focus:ring-offset-2 sg:disabled:pointer-events-none sg:data-[state=open]:bg-secondary\">\n        <icons.X className=\"sg:h-4 sg:w-4\" />\n        <span className=\"sg:sr-only\">Close</span>\n      </SheetPrimitive.Close>\n      {children}\n    </SheetPrimitive.Content>\n  </SheetPortal>\n));\nSheetContent.displayName = SheetPrimitive.Content.displayName;\n\nconst SheetHeader = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\n      \"sg:flex sg:flex-col sg:space-y-2 sg:text-center sg:sm:text-left\",\n      className,\n    )}\n    {...props}\n  />\n);\nSheetHeader.displayName = \"SheetHeader\";\n\nconst SheetFooter = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\n      \"sg:flex sg:flex-col-reverse sg:sm:flex-row sg:sm:justify-end sg:sm:space-x-2\",\n      className,\n    )}\n    {...props}\n  />\n);\nSheetFooter.displayName = \"SheetFooter\";\n\nconst SheetTitle = React.forwardRef<\n  React.ElementRef<typeof SheetPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <SheetPrimitive.Title\n    ref={ref}\n    className={cn(\"sg:text-lg sg:font-semibold sg:text-foreground\", className)}\n    {...props}\n  />\n));\nSheetTitle.displayName = SheetPrimitive.Title.displayName;\n\nconst SheetDescription = React.forwardRef<\n  React.ElementRef<typeof SheetPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <SheetPrimitive.Description\n    ref={ref}\n    className={cn(\"sg:text-sm sg:text-muted-foreground\", className)}\n    {...props}\n  />\n));\nSheetDescription.displayName = SheetPrimitive.Description.displayName;\n\nexport {\n  Sheet,\n  SheetPortal,\n  SheetOverlay,\n  SheetTrigger,\n  SheetClose,\n  SheetContent,\n  SheetHeader,\n  SheetFooter,\n  SheetTitle,\n  SheetDescription,\n};\n"],"mappings":";AAqBE,cA8CI,YA9CJ;AAnBF,YAAY,WAAW;AACvB,YAAY,oBAAoB;AAChC,SAAS,WAA8B;AACvC,SAAS,aAAa;AAEtB,SAAS,UAAU;AAEnB,MAAM,QAAQ,eAAe;AAE7B,MAAM,eAAe,eAAe;AAEpC,MAAM,aAAa,eAAe;AAElC,MAAM,cAAc,eAAe;AAEnC,MAAM,eAAe,MAAM,WAGzB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC,eAAe;AAAA,EAAf;AAAA,IACC,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA,IACJ;AAAA;AACF,CACD;AACD,aAAa,cAAc,eAAe,QAAQ;AAElD,MAAM,gBAAgB;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,KAAK;AAAA,QACL,QACE;AAAA,QACF,MAAM;AAAA,QACN,OACE;AAAA,MACJ;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAOA,MAAM,eAAe,MAAM,WAGzB,CAAC,EAAE,OAAO,SAAS,WAAW,UAAU,GAAG,MAAM,GAAG,QACpD,qBAAC,eACC;AAAA,sBAAC,gBAAa;AAAA,EACd;AAAA,IAAC,eAAe;AAAA,IAAf;AAAA,MACC;AAAA,MACA,WAAW,GAAG,cAAc,EAAE,KAAK,CAAC,GAAG,SAAS;AAAA,MAC/C,GAAG;AAAA,MAEJ;AAAA,6BAAC,eAAe,OAAf,EAAqB,WAAU,sRAC9B;AAAA,8BAAC,MAAM,GAAN,EAAQ,WAAU,iBAAgB;AAAA,UACnC,oBAAC,UAAK,WAAU,cAAa,mBAAK;AAAA,WACpC;AAAA,QACC;AAAA;AAAA;AAAA,EACH;AAAA,GACF,CACD;AACD,aAAa,cAAc,eAAe,QAAQ;AAElD,MAAM,cAAc,CAAC;AAAA,EACnB;AAAA,EACA,GAAG;AACL,MACE;AAAA,EAAC;AAAA;AAAA,IACC,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN;AAEF,YAAY,cAAc;AAE1B,MAAM,cAAc,CAAC;AAAA,EACnB;AAAA,EACA,GAAG;AACL,MACE;AAAA,EAAC;AAAA;AAAA,IACC,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN;AAEF,YAAY,cAAc;AAE1B,MAAM,aAAa,MAAM,WAGvB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC,eAAe;AAAA,EAAf;AAAA,IACC;AAAA,IACA,WAAW,GAAG,kDAAkD,SAAS;AAAA,IACxE,GAAG;AAAA;AACN,CACD;AACD,WAAW,cAAc,eAAe,MAAM;AAE9C,MAAM,mBAAmB,MAAM,WAG7B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC,eAAe;AAAA,EAAf;AAAA,IACC;AAAA,IACA,WAAW,GAAG,uCAAuC,SAAS;AAAA,IAC7D,GAAG;AAAA;AACN,CACD;AACD,iBAAiB,cAAc,eAAe,YAAY;","names":[]}

package/dist/components/primitives/skeleton/skeleton.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { cn } from "../../../utils";
+import { cn } from "../../../utils/index.js";
 function Skeleton({ className, ...props }) {
   return /* @__PURE__ */ jsx(
     "div",

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/primitives/skeleton/skeleton.tsx"],"sourcesContent":["import { cn } from \"../../../utils\";\n\nfunction Skeleton({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"skeleton\"\n      className={cn(\"sg:bg-accent sg:animate-pulse sg:rounded-md\", className)}\n      {...props}\n    />\n  );\n}\n\nexport { Skeleton };\n"],"mappings":"AAII;AAJJ,SAAS,UAAU;AAEnB,SAAS,SAAS,EAAE,WAAW,GAAG,MAAM,GAAgC;AACtE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,+CAA+C,SAAS;AAAA,MACrE,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../src/components/primitives/skeleton/skeleton.tsx"],"sourcesContent":["import { cn } from \"../../../utils/index\";\n\nfunction Skeleton({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"skeleton\"\n      className={cn(\"sg:bg-accent sg:animate-pulse sg:rounded-md\", className)}\n      {...props}\n    />\n  );\n}\n\nexport { Skeleton };\n"],"mappings":"AAII;AAJJ,SAAS,UAAU;AAEnB,SAAS,SAAS,EAAE,WAAW,GAAG,MAAM,GAAgC;AACtE,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/sonner/sonner.d.ts

@@ -0,0 +1,7 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ToasterProps } from 'sonner';
+export { toast } from 'sonner';
+
+declare const Toaster: ({ ...props }: ToasterProps) => react_jsx_runtime.JSX.Element;
+
+export { Toaster };

package/dist/components/primitives/sonner/sonner.js

@@ -0,0 +1,42 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { Toaster as Sonner, toast } from "sonner";
+import {
+  CircleCheckIcon,
+  InfoIcon,
+  TriangleAlertIcon,
+  OctagonXIcon,
+  Loader2Icon
+} from "lucide-react";
+import { useTheme } from "../../providers/theme-provider.js";
+const Toaster = ({ ...props }) => {
+  const { theme } = useTheme();
+  return /* @__PURE__ */ jsx(
+    Sonner,
+    {
+      theme,
+      className: "sg:toaster sg:group",
+      icons: {
+        success: /* @__PURE__ */ jsx(CircleCheckIcon, { className: "sg:size-4" }),
+        info: /* @__PURE__ */ jsx(InfoIcon, { className: "sg:size-4" }),
+        warning: /* @__PURE__ */ jsx(TriangleAlertIcon, { className: "sg:size-4" }),
+        error: /* @__PURE__ */ jsx(OctagonXIcon, { className: "sg:size-4" }),
+        loading: /* @__PURE__ */ jsx(Loader2Icon, { className: "sg:size-4 sg:animate-spin" })
+      },
+      toastOptions: {
+        classNames: {
+          toast: "sg:group sg:toast sg:group-[.toaster]:bg-background sg:group-[.toaster]:text-foreground sg:group-[.toaster]:border-border sg:group-[.toaster]:shadow-lg",
+          description: "sg:group-[.toast]:text-muted-foreground",
+          actionButton: "sg:group-[.toast]:bg-primary sg:group-[.toast]:text-primary-foreground",
+          cancelButton: "sg:group-[.toast]:bg-muted sg:group-[.toast]:text-muted-foreground"
+        }
+      },
+      ...props
+    }
+  );
+};
+export {
+  Toaster,
+  toast
+};
+//# sourceMappingURL=sonner.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/primitives/sonner/sonner.tsx"],"sourcesContent":["\"use client\";\nimport { Toaster as Sonner, toast, type ToasterProps } from \"sonner\";\nimport {\n  CircleCheckIcon,\n  InfoIcon,\n  TriangleAlertIcon,\n  OctagonXIcon,\n  Loader2Icon,\n} from \"lucide-react\";\nimport { useTheme } from \"../../providers/theme-provider\";\n\nconst Toaster = ({ ...props }: ToasterProps) => {\n  const { theme } = useTheme();\n\n  return (\n    <Sonner\n      theme={theme}\n      className=\"sg:toaster sg:group\"\n      icons={{\n        success: <CircleCheckIcon className=\"sg:size-4\" />,\n        info: <InfoIcon className=\"sg:size-4\" />,\n        warning: <TriangleAlertIcon className=\"sg:size-4\" />,\n        error: <OctagonXIcon className=\"sg:size-4\" />,\n        loading: <Loader2Icon className=\"sg:size-4 sg:animate-spin\" />,\n      }}\n      toastOptions={{\n        classNames: {\n          toast:\n            \"sg:group sg:toast sg:group-[.toaster]:bg-background sg:group-[.toaster]:text-foreground sg:group-[.toaster]:border-border sg:group-[.toaster]:shadow-lg\",\n          description: \"sg:group-[.toast]:text-muted-foreground\",\n          actionButton:\n            \"sg:group-[.toast]:bg-primary sg:group-[.toast]:text-primary-foreground\",\n          cancelButton:\n            \"sg:group-[.toast]:bg-muted sg:group-[.toast]:text-muted-foreground\",\n        },\n      }}\n      {...props}\n    />\n  );\n};\n\nexport { Toaster, toast };\n"],"mappings":";AAmBiB;AAlBjB,SAAS,WAAW,QAAQ,aAAgC;AAC5D;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,gBAAgB;AAEzB,MAAM,UAAU,CAAC,EAAE,GAAG,MAAM,MAAoB;AAC9C,QAAM,EAAE,MAAM,IAAI,SAAS;AAE3B,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAU;AAAA,MACV,OAAO;AAAA,QACL,SAAS,oBAAC,mBAAgB,WAAU,aAAY;AAAA,QAChD,MAAM,oBAAC,YAAS,WAAU,aAAY;AAAA,QACtC,SAAS,oBAAC,qBAAkB,WAAU,aAAY;AAAA,QAClD,OAAO,oBAAC,gBAAa,WAAU,aAAY;AAAA,QAC3C,SAAS,oBAAC,eAAY,WAAU,6BAA4B;AAAA,MAC9D;AAAA,MACA,cAAc;AAAA,QACZ,YAAY;AAAA,UACV,OACE;AAAA,UACF,aAAa;AAAA,UACb,cACE;AAAA,UACF,cACE;AAAA,QACJ;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}

package/dist/components/primitives/sonner/use-toast.d.ts

@@ -0,0 +1,24 @@
+import { ExternalToast } from 'sonner';
+
+type ToastId = string | number;
+type Toast = {
+    (message: string, opts?: ExternalToast): ToastId;
+    message: (message: string, opts?: ExternalToast) => ToastId;
+    success: (message: string, opts?: ExternalToast) => ToastId;
+    error: (message: string, opts?: ExternalToast) => ToastId;
+    warning: (message: string, opts?: ExternalToast) => ToastId;
+    info: (message: string, opts?: ExternalToast) => ToastId;
+    promise: <T>(promise: Promise<T>, opts?: ExternalToast & {
+        loading?: string;
+        success?: string;
+        error?: string;
+    }) => ToastId;
+    dismiss: (id?: ToastId) => void;
+};
+declare const toast: Toast;
+declare function useToast(): {
+    toast: Toast;
+    dismiss: (id?: ToastId) => void;
+};
+
+export { toast, useToast };

package/dist/components/primitives/sonner/use-toast.js

@@ -0,0 +1,21 @@
+import { toast as sonnerToast } from "sonner";
+const toastFn = (message, opts) => sonnerToast(message, opts);
+toastFn.message = (message, opts) => sonnerToast(message, opts);
+toastFn.success = (message, opts) => sonnerToast.success(message, opts);
+toastFn.error = (message, opts) => sonnerToast.error(message, opts);
+toastFn.warning = (message, opts) => sonnerToast.warning(message, opts);
+toastFn.info = (message, opts) => sonnerToast.info(message, opts);
+toastFn.promise = (promise, opts) => sonnerToast.promise(promise, opts);
+toastFn.dismiss = (id) => sonnerToast.dismiss(id);
+const toast = toastFn;
+function useToast() {
+  return {
+    toast,
+    dismiss: (id) => sonnerToast.dismiss(id)
+  };
+}
+export {
+  toast,
+  useToast
+};
+//# sourceMappingURL=use-toast.js.map

package/dist/components/primitives/sonner/use-toast.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/primitives/sonner/use-toast.ts"],"sourcesContent":["import { toast as sonnerToast, type ExternalToast } from \"sonner\";\n\ntype ToastId = string | number;\n\ntype Toast = {\n  (message: string, opts?: ExternalToast): ToastId;\n  message: (message: string, opts?: ExternalToast) => ToastId;\n  success: (message: string, opts?: ExternalToast) => ToastId;\n  error: (message: string, opts?: ExternalToast) => ToastId;\n  warning: (message: string, opts?: ExternalToast) => ToastId;\n  info: (message: string, opts?: ExternalToast) => ToastId;\n  promise: <T>(\n    promise: Promise<T>,\n    opts?: ExternalToast & {\n      loading?: string;\n      success?: string;\n      error?: string;\n    },\n  ) => ToastId;\n  dismiss: (id?: ToastId) => void;\n};\n\nconst toastFn = (message: string, opts?: ExternalToast): ToastId =>\n  sonnerToast(message, opts) as ToastId;\n\ntoastFn.message = (message: string, opts?: ExternalToast): ToastId =>\n  sonnerToast(message, opts) as ToastId;\ntoastFn.success = (message: string, opts?: ExternalToast): ToastId =>\n  sonnerToast.success(message, opts) as ToastId;\ntoastFn.error = (message: string, opts?: ExternalToast): ToastId =>\n  sonnerToast.error(message, opts) as ToastId;\ntoastFn.warning = (message: string, opts?: ExternalToast): ToastId =>\n  sonnerToast.warning(message, opts) as ToastId;\ntoastFn.info = (message: string, opts?: ExternalToast): ToastId =>\n  sonnerToast.info(message, opts) as ToastId;\ntoastFn.promise = <T>(\n  promise: Promise<T>,\n  opts?: ExternalToast & {\n    loading?: string;\n    success?: string;\n    error?: string;\n  },\n): ToastId => sonnerToast.promise(promise, opts) as ToastId;\ntoastFn.dismiss = (id?: ToastId): string | number => sonnerToast.dismiss(id);\n\nexport const toast = toastFn as Toast;\n\nexport function useToast(): {\n  toast: Toast;\n  dismiss: (id?: ToastId) => void;\n} {\n  return {\n    toast,\n    dismiss: (id?: ToastId): string | number => sonnerToast.dismiss(id),\n  };\n}\n"],"mappings":"AAAA,SAAS,SAAS,mBAAuC;AAsBzD,MAAM,UAAU,CAAC,SAAiB,SAChC,YAAY,SAAS,IAAI;AAE3B,QAAQ,UAAU,CAAC,SAAiB,SAClC,YAAY,SAAS,IAAI;AAC3B,QAAQ,UAAU,CAAC,SAAiB,SAClC,YAAY,QAAQ,SAAS,IAAI;AACnC,QAAQ,QAAQ,CAAC,SAAiB,SAChC,YAAY,MAAM,SAAS,IAAI;AACjC,QAAQ,UAAU,CAAC,SAAiB,SAClC,YAAY,QAAQ,SAAS,IAAI;AACnC,QAAQ,OAAO,CAAC,SAAiB,SAC/B,YAAY,KAAK,SAAS,IAAI;AAChC,QAAQ,UAAU,CAChB,SACA,SAKY,YAAY,QAAQ,SAAS,IAAI;AAC/C,QAAQ,UAAU,CAAC,OAAkC,YAAY,QAAQ,EAAE;AAEpE,MAAM,QAAQ;AAEd,SAAS,WAGd;AACA,SAAO;AAAA,IACL;AAAA,IACA,SAAS,CAAC,OAAkC,YAAY,QAAQ,EAAE;AAAA,EACpE;AACF;","names":[]}

package/dist/components/primitives/spinner/spinner.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { cn } from "../../../utils";
+import { cn } from "../../../utils/index.js";
 import { Loader2Icon } from "lucide-react";
 function Spinner({ className, ...props }) {
   return /* @__PURE__ */ jsx(

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/primitives/spinner/spinner.tsx"],"sourcesContent":["import { cn } from \"../../../utils\";\r\nimport { Loader2Icon } from \"lucide-react\";\r\n\r\n// TODO: Can be added to stuff, like button and badge. See https://ui.shadcn.com/docs/components/base/spinner\r\n\r\nfunction Spinner({ className, ...props }: React.ComponentProps<\"svg\">) {\r\n  return (\r\n    <Loader2Icon\r\n      role=\"status\"\r\n      aria-label=\"Loading\"\r\n      className={cn(\"sg:size-4 sg:animate-spin\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nexport { Spinner };\r\n"],"mappings":"AAOI;AAPJ,SAAS,UAAU;AACnB,SAAS,mBAAmB;AAI5B,SAAS,QAAQ,EAAE,WAAW,GAAG,MAAM,GAAgC;AACrE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAW;AAAA,MACX,WAAW,GAAG,6BAA6B,SAAS;AAAA,MACnD,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../src/components/primitives/spinner/spinner.tsx"],"sourcesContent":["import { cn } from \"../../../utils/index\";\r\nimport { Loader2Icon } from \"lucide-react\";\r\n\r\n// TODO: Can be added to stuff, like button and badge. See https://ui.shadcn.com/docs/components/base/spinner\r\n\r\nfunction Spinner({ className, ...props }: React.ComponentProps<\"svg\">) {\r\n  return (\r\n    <Loader2Icon\r\n      role=\"status\"\r\n      aria-label=\"Loading\"\r\n      className={cn(\"sg:size-4 sg:animate-spin\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nexport { Spinner };\r\n"],"mappings":"AAOI;AAPJ,SAAS,UAAU;AACnB,SAAS,mBAAmB;AAI5B,SAAS,QAAQ,EAAE,WAAW,GAAG,MAAM,GAAgC;AACrE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAW;AAAA,MACX,WAAW,GAAG,6BAA6B,SAAS;AAAA,MACnD,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}

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

@@ -3,7 +3,11 @@ 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;
+    wrap?: "default" | "wrap" | "nowrap" | null | undefined;
+    alignItems?: "center" | "default" | "end" | "start" | null | undefined;
+    justifyContent?: "center" | "default" | "end" | "start" | 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

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
 import * as React from "react";
-import { cn } from "../../../utils";
+import { cn } from "../../../utils/index.js";
 const stackVariants = cva("sg:flex sg:flex-col", {
   variants: {
     gap: {
@@ -16,20 +16,61 @@ 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"
+    },
+    wrap: {
+      default: "",
+      wrap: "sg:flex-wrap",
+      nowrap: "sg:flex-nowrap"
+    },
+    alignItems: {
+      default: "",
+      start: "sg:items-start",
+      center: "sg:items-center",
+      end: "sg:items-end"
+    },
+    justifyContent: {
+      default: "",
+      start: "sg:justify-start",
+      center: "sg:justify-center",
+      end: "sg:justify-end"
     }
   },
   defaultVariants: {
-    gap: 0
+    gap: 0,
+    direction: "column",
+    wrap: "default"
   }
 });
 const Stack = React.forwardRef(
-  ({ className, gap, asChild = false, ...props }, ref) => {
+  ({
+    className,
+    gap,
+    direction,
+    wrap,
+    alignItems,
+    justifyContent,
+    asChild = false,
+    ...props
+  }, ref) => {
     const Comp = asChild ? Slot : "div";
     return /* @__PURE__ */ jsx(
       Comp,
       {
-        className: cn(stackVariants({ gap }), className),
+        className: cn(
+          stackVariants({ gap, direction, wrap, alignItems, justifyContent }),
+          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/index\";\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    wrap: {\r\n      default: \"\",\r\n      wrap: \"sg:flex-wrap\",\r\n      nowrap: \"sg:flex-nowrap\",\r\n    },\r\n    alignItems: {\r\n      default: \"\",\r\n      start: \"sg:items-start\",\r\n      center: \"sg:items-center\",\r\n      end: \"sg:items-end\",\r\n    },\r\n    justifyContent: {\r\n      default: \"\",\r\n      start: \"sg:justify-start\",\r\n      center: \"sg:justify-center\",\r\n      end: \"sg:justify-end\",\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    gap: 0,\r\n    direction: \"column\",\r\n    wrap: \"default\",\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  (\r\n    {\r\n      className,\r\n      gap,\r\n      direction,\r\n      wrap,\r\n      alignItems,\r\n      justifyContent,\r\n      asChild = false,\r\n      ...props\r\n    },\r\n    ref,\r\n  ) => {\r\n    const Comp = asChild ? Slot : \"div\";\r\n    return (\r\n      <Comp\r\n        className={cn(\r\n          stackVariants({ gap, direction, wrap, alignItems, justifyContent }),\r\n          className,\r\n        )}\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":"AA8EM;AA9EN,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,IACA,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,MAAM;AAAA,MACN,QAAQ;AAAA,IACV;AAAA,IACA,YAAY;AAAA,MACV,SAAS;AAAA,MACT,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,KAAK;AAAA,IACP;AAAA,IACA,gBAAgB;AAAA,MACd,SAAS;AAAA,MACT,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,KAAK;AAAA,IACP;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,KAAK;AAAA,IACL,WAAW;AAAA,IACX,MAAM;AAAA,EACR;AACF,CAAC;AASD,MAAM,QAAQ,MAAM;AAAA,EAClB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,GAAG;AAAA,EACL,GACA,QACG;AACH,UAAM,OAAO,UAAU,OAAO;AAC9B,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,UACT,cAAc,EAAE,KAAK,WAAW,MAAM,YAAY,eAAe,CAAC;AAAA,UAClE;AAAA,QACF;AAAA,QACA;AAAA,QACC,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AACA,MAAM,cAAc;","names":[]}

package/dist/components/primitives/text/{text-heading.d.ts → heading.d.ts}

@@ -4,7 +4,7 @@ import { VariantProps } from 'class-variance-authority';
 import { textElementVariantsProps } from './internal/text-element.js';
 import 'react';
 
-declare const textHeadingVariants: {
+declare const headingVariants: {
     variant: {
         h1: string;
         h2: string;
@@ -14,13 +14,13 @@ declare const textHeadingVariants: {
         h6: string;
     };
 };
-declare const textHeadingVariantsProps: (props?: ({
+declare const headingVariantsProps: (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> {
+interface HeadingProps extends React.HTMLAttributes<HTMLHeadingElement>, VariantProps<typeof headingVariantsProps> {
     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;
+declare const Heading: ({ children, as, variant, foreground, className, ...props }: HeadingProps) => react_jsx_runtime.JSX.Element;
 
-export { TextHeading, type TextHeadingProps, textHeadingVariants, textHeadingVariantsProps };
+export { Heading, type HeadingProps, headingVariants, headingVariantsProps };

package/dist/components/primitives/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.js";
+import { cn } from "../../../utils/index.js";
+const headingVariants = {
+  variant: {
+    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 headingVariantsProps = cva("sg:font-display", {
+  variants: headingVariants,
+  defaultVariants: {
+    variant: "h2"
+  }
+});
+const Heading = ({
+  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 }),
+        headingVariantsProps({ variant }),
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+};
+export {
+  Heading,
+  headingVariants,
+  headingVariantsProps
+};
+//# sourceMappingURL=heading.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/primitives/text/heading.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\r\nimport { textElementVariantsProps } from \"./internal/text-element\";\r\nimport { cn } from \"../../../utils/index\";\r\n\r\nexport const headingVariants = {\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 headingVariantsProps = cva(\"sg:font-display\", {\r\n  variants: headingVariants,\r\n  defaultVariants: {\r\n    variant: \"h2\",\r\n  },\r\n});\r\n\r\nexport interface HeadingProps\r\n  extends\r\n    React.HTMLAttributes<HTMLHeadingElement>,\r\n    VariantProps<typeof headingVariantsProps> {\r\n  as?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\r\n  foreground?: VariantProps<typeof textElementVariantsProps>[\"foreground\"];\r\n}\r\n\r\nexport const Heading = ({\r\n  children,\r\n  as,\r\n  variant,\r\n  foreground,\r\n  className,\r\n  ...props\r\n}: HeadingProps) => {\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        headingVariantsProps({ 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,kBAAkB;AAAA,EAC7B,SAAS;AAAA,IACP,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EACN;AACF;AAEO,MAAM,uBAAuB,IAAI,mBAAmB;AAAA,EACzD,UAAU;AAAA,EACV,iBAAiB;AAAA,IACf,SAAS;AAAA,EACX;AACF,CAAC;AAUM,MAAM,UAAU,CAAC;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAoB;AAClB,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,qBAAqB,EAAE,QAAQ,CAAC;AAAA,QAChC;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;","names":[]}

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

@@ -7,13 +7,31 @@ 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;
+    card: string;
+    "card-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 +42,22 @@ 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;
+        card: string;
+        "card-foreground": string;
         "primary-light-to-dark": string;
         "primary-dark-to-light": string;
         "multi-color": string;
@@ -44,13 +70,13 @@ 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" | "xs" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | null | undefined;
+    foreground?: "default" | "card" | "foreground" | "primary" | "primary-foreground" | "secondary" | "secondary-foreground" | "muted" | "muted-foreground" | "accent" | "accent-foreground" | "card-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> {
-    as?: "p" | "div" | "span" | "time";
+    as?: "p" | "div" | "span" | "time" | "code";
 }
 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

@@ -1,29 +1,38 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { cva } from "class-variance-authority";
-import { cn } from "../../../../utils";
+import { cn } from "../../../../utils/index.js";
 const textElementForeground = {
-  default: "sg:text-foreground",
+  default: "",
   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",
+  card: "sg:text-card",
+  "card-foreground": "sg:text-card-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 +78,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/index\";\r\n\r\nexport const textElementForeground = {\r\n  default: \"\",\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  card: \"sg:text-card\",\r\n  \"card-foreground\": \"sg:text-card-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\" | \"code\";\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":"AA6EI;AA7EJ,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,EACrB,MAAM;AAAA,EACN,mBAAmB;AAAA,EAEnB,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":[]}