singularity-components 0.1.151 → 0.1.193

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

@@ -2,22 +2,34 @@ export { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from './
 export { Alert, AlertAction, AlertDescription, AlertTitle, alertVariants } from './alert/alert.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 { Button, buttonVariants, buttonVariantsProps } from './buttons/button.js';
+export { IconButton, buttonIconVariants, iconButtonVariantsProps } from './buttons/icon-button.js';
+export { LinkButton } from './buttons/link-button.js';
+export { Collapsible, CollapsibleContent, CollapsibleTrigger } from './collapsible/collapsible.js';
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from './dropdown-menu/dropdown-menu.js';
+export { Checkbox } from './forms/checkbox.js';
+export { Input } from './forms/input.js';
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from './forms/select.js';
+export { Textarea } from './forms/textarea.js';
 export { Icon, iconVariants, iconVariantsProps } from './icon/icon.js';
+export { Label } from './label/label.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 { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger } from './sheet/sheet.js';
 export { Skeleton } from './skeleton/skeleton.js';
+export { Toaster } from './sonner/sonner.js';
 export { Spinner } from './spinner/spinner.js';
 export { Stack, StackProps, stackVariants } from './stack/stack.js';
+export { Heading, HeadingProps, headingVariants, headingVariantsProps } from './text/heading.js';
+export { TextCode, TextCodeProps, textCodeVariants, textCodeVariantsProps } from './text/text-code.js';
 export { TextDiv } from './text/text-div.js';
-export { TextHeading, TextHeadingProps, textHeadingVariants, textHeadingVariantsProps } from './text/text-heading.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';
-export { UiLink } from './ui-link.js';
+export { Text, textVariants, textVariantsProps } from './text/text.js';
+export { UiImage } from './ui-image/ui-image.js';
+export { UiLink } from './ui-link/ui-link.js';
+export { toast } from 'sonner';
 import 'react/jsx-runtime';
 import '@base-ui/react/accordion';
 import 'class-variance-authority/types';
@@ -27,7 +39,11 @@ import '@base-ui/react/use-render';
 import '@base-ui/react/button';
 import 'lucide-react';
 import '../providers/LinkContext.js';
+import '@radix-ui/react-collapsible';
+import '@radix-ui/react-dropdown-menu';
+import '@base-ui/react';
 import '@base-ui/react/separator';
-import '../../lib/types.js';
+import '@radix-ui/react-dialog';
 import './text/internal/text-element.js';
+import '../../lib/types.js';
 import '../providers/ImageContext.js';

package/dist/components/primitives/index.js

@@ -1,21 +1,32 @@
-export * from "./accordion/accordion";
-export * from "./alert/alert";
-export * from "./badge/badge";
-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";
-export * from "./stack/stack";
-export * from "./text/text-div";
-export * from "./text/text-heading";
-export * from "./text/text-paragraph";
-export * from "./text/text-span";
-export * from "./text/text-time";
-export * from "./ui-image";
-export * from "./ui-link";
+export * from "./accordion/accordion.js";
+export * from "./alert/alert.js";
+export * from "./badge/badge.js";
+export * from "./badge/badges.js";
+export * from "./buttons/button.js";
+export * from "./buttons/icon-button.js";
+export * from "./buttons/link-button.js";
+export * from "./collapsible/collapsible.js";
+export * from "./dropdown-menu/dropdown-menu.js";
+export * from "./forms/checkbox.js";
+export * from "./forms/input.js";
+export * from "./forms/select.js";
+export * from "./forms/textarea.js";
+export * from "./icon/icon.js";
+export * from "./label/label.js";
+export * from "./layout/layout.js";
+export * from "./link/link.js";
+export * from "./separator/separator.js";
+export * from "./sheet/sheet.js";
+export * from "./skeleton/skeleton.js";
+export * from "./sonner/sonner.js";
+export * from "./spinner/spinner.js";
+export * from "./stack/stack.js";
+export * from "./text/heading.js";
+export * from "./text/text-code.js";
+export * from "./text/text-div.js";
+export * from "./text/text-span.js";
+export * from "./text/text-time.js";
+export * from "./text/text.js";
+export * from "./ui-image/ui-image.js";
+export * from "./ui-link/ui-link.js";
 //# sourceMappingURL=index.js.map

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 \"./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":[]}
+{"version":3,"sources":["../../../src/components/primitives/index.ts"],"sourcesContent":["/**\n * Primitives index\n *\n * Please keep exports sorted alphabetically by path!\n */\n\nexport * from \"./accordion/accordion\";\nexport * from \"./alert/alert\";\nexport * from \"./badge/badge\";\nexport * from \"./badge/badges\";\nexport * from \"./buttons/button\";\nexport * from \"./buttons/icon-button\";\nexport * from \"./buttons/link-button\";\nexport * from \"./collapsible/collapsible\";\nexport * from \"./dropdown-menu/dropdown-menu\";\nexport * from \"./forms/checkbox\";\nexport * from \"./forms/input\";\nexport * from \"./forms/select\";\nexport * from \"./forms/textarea\";\nexport * from \"./icon/icon\";\nexport * from \"./label/label\";\nexport * from \"./layout/layout\";\nexport * from \"./link/link\";\nexport * from \"./separator/separator\";\nexport * from \"./sheet/sheet\";\nexport * from \"./skeleton/skeleton\";\nexport * from \"./sonner/sonner\";\nexport * from \"./spinner/spinner\";\nexport * from \"./stack/stack\";\n// export * from \"./table/table\";\nexport * from \"./text/heading\";\nexport * from \"./text/text-code\";\nexport * from \"./text/text-div\";\nexport * from \"./text/text-span\";\nexport * from \"./text/text-time\";\nexport * from \"./text/text\";\nexport * from \"./ui-image/ui-image\";\nexport * from \"./ui-link/ui-link\";\n"],"mappings":"AAMA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,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;AACd,cAAc;","names":[]}

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

@@ -0,0 +1,6 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+declare function Label({ className, ...props }: React.ComponentProps<"label">): react_jsx_runtime.JSX.Element;
+
+export { Label };

package/dist/components/primitives/label/label.js

@@ -0,0 +1,22 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../../../utils/index.js";
+function Label({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "label",
+    {
+      "data-slot": "label",
+      className: cn(
+        // "sg:flex sg:items-center sg:gap-2  sg:select-none sg:group-data-[disabled=true]:pointer-events-none sg:group-data-[disabled=true]:opacity-50 sg:peer-disabled:cursor-not-allowed sg:peer-disabled:opacity-50",
+        "sg:text-sm sg:font-medium sg:leading-none sg:peer-disabled:cursor-not-allowed sg:peer-disabled:opacity-70",
+        className
+      ),
+      ...props
+    }
+  );
+}
+export {
+  Label
+};
+//# sourceMappingURL=label.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/primitives/label/label.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"../../../utils/index\";\n\nfunction Label({ className, ...props }: React.ComponentProps<\"label\">) {\n  return (\n    <label\n      data-slot=\"label\"\n      className={cn(\n        // \"sg:flex sg:items-center sg:gap-2  sg:select-none sg:group-data-[disabled=true]:pointer-events-none sg:group-data-[disabled=true]:opacity-50 sg:peer-disabled:cursor-not-allowed sg:peer-disabled:opacity-50\",\n        \"sg:text-sm sg:font-medium sg:leading-none sg:peer-disabled:cursor-not-allowed sg:peer-disabled:opacity-70\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Label };\n"],"mappings":";AAOI;AALJ,YAAY,WAAW;AACvB,SAAS,UAAU;AAEnB,SAAS,MAAM,EAAE,WAAW,GAAG,MAAM,GAAkC;AACrE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA;AAAA,QAET;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}

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

@@ -5,9 +5,11 @@ import { VariantProps } from 'class-variance-authority';
 
 declare const layoutVariants: {
     type: {
+        container: string;
         full: string;
         wide: string;
         col: string;
+        narrow: string;
     };
     cols: {
         "100": string;
@@ -30,9 +32,9 @@ declare const layoutVariants: {
     };
 };
 declare const layoutVariantsProps: (props?: ({
-    type?: "col" | "full" | "wide" | null | undefined;
+    type?: "col" | "container" | "full" | "wide" | "narrow" | 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" | "gradient-masks-and-opacity" | "gradient-primary-primarymuted-secondary" | null | undefined;
+    bgColor?: "primary" | "secondary" | "muted" | "accent" | "transparent" | "background" | "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";
@@ -49,7 +51,8 @@ type colProp = {
     hideDiv?: boolean;
     className?: string;
     as?: "div" | "section" | "article" | "main" | "header" | "footer";
+    centerContent?: boolean;
 };
-declare function Col({ children, hideDiv, className, as: Component }: colProp): react_jsx_runtime.JSX.Element;
+declare function Col({ children, hideDiv, className, as: Component, centerContent, }: colProp): react_jsx_runtime.JSX.Element;
 
 export { Layout, type LayoutProps, layoutVariants, layoutVariantsProps };

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

@@ -1,14 +1,14 @@
 import { Fragment, jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { cva } from "class-variance-authority";
-import { cn } from "../../../utils";
+import { cn } from "../../../utils/index.js";
 const bgColors = {
   transparent: "sg:bg-transparent",
-  background: "sg:bg-background",
-  primary: "sg:bg-primary",
-  secondary: "sg:bg-secondary",
-  muted: "sg:bg-muted",
-  accent: "sg:bg-accent",
+  background: "sg:bg-background sg:text-foreground",
+  primary: "sg:bg-primary sg:text-primary-foreground",
+  secondary: "sg:bg-secondary sg:text-secondary-foreground",
+  muted: "sg:bg-muted sg:text-muted-foreground",
+  accent: "sg:bg-accent sg:text-accent-foreground",
   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)]",
   "gradient-masks-and-opacity": "bg-brand-mask",
@@ -17,9 +17,11 @@ const bgColors = {
 };
 const layoutVariants = {
   type: {
-    full: "sg:w-full",
-    wide: "sg:w-full sg:px-4",
-    col: "sg:mx-auto sg:max-w-[768px] sg:px-4 sg:md:px-0"
+    container: "sg:w-full",
+    full: "sg:w-full sg:px-4",
+    wide: "sg:mx-auto sg:max-w-[1024px] sg:px-4 sg:min-[1056px]:px-0",
+    col: "sg:mx-auto sg:max-w-[768px] sg:px-4 sg:min-[800px]:px-0",
+    narrow: "sg:mx-auto sg:max-w-[410px] sg:px-4 sg:min-[442px]:px-0"
   },
   cols: {
     "100": "",
@@ -81,8 +83,23 @@ function Layout({
     }
   );
 }
-function Col({ children, hideDiv, className, as: Component = "div" }) {
-  return hideDiv ? /* @__PURE__ */ jsx(Fragment, { children }) : /* @__PURE__ */ jsx(Component, { className, children });
+function Col({
+  children,
+  hideDiv,
+  className,
+  as: Component = "div",
+  centerContent
+}) {
+  return hideDiv ? /* @__PURE__ */ jsx(Fragment, { children }) : /* @__PURE__ */ jsx(
+    Component,
+    {
+      className: cn(
+        centerContent && "sg:flex sg:flex-col sg:items-center sg:justify-center",
+        className
+      ),
+      children
+    }
+  );
 }
 Layout.Col1 = Col;
 Layout.Col2 = 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  \"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":[]}
+{"version":3,"sources":["../../../../src/components/primitives/layout/layout.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport { cva, type VariantProps } from \"class-variance-authority\";\r\nimport { cn } from \"../../../utils/index\";\r\n\r\nconst bgColors = {\r\n  transparent: \"sg:bg-transparent\",\r\n  background: \"sg:bg-background sg:text-foreground\",\r\n  primary: \"sg:bg-primary sg:text-primary-foreground\",\r\n  secondary: \"sg:bg-secondary sg:text-secondary-foreground\",\r\n  muted: \"sg:bg-muted sg:text-muted-foreground\",\r\n  accent: \"sg:bg-accent sg:text-accent-foreground\",\r\n  gradient1:\r\n    \"sg:bg-[linear-gradient(135deg,var(--sg-primary)_0%,var(--sg-destructive)_50%,var(--sg-primary-dark)_100%)]\",\r\n  gradient2:\r\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)]\",\r\n  \"gradient-masks-and-opacity\": \"bg-brand-mask\", //brand class defined in main.css\r\n  \"gradient-primary-primarymuted-secondary\":\r\n    \"sg:bg-[linear-gradient(135deg,var(--sg-primary)_0%,var(--sg-primary-muted)_50%,var(--sg-secondary)_100%)]\",\r\n};\r\n\r\nconst layoutVariants = {\r\n  type: {\r\n    container: \"sg:w-full\",\r\n    full: \"sg:w-full sg:px-4\",\r\n    wide: \"sg:mx-auto sg:max-w-[1024px] sg:px-4 sg:min-[1056px]:px-0\",\r\n    col: \"sg:mx-auto sg:max-w-[768px] sg:px-4 sg:min-[800px]:px-0\",\r\n    narrow: \"sg:mx-auto sg:max-w-[410px] sg:px-4 sg:min-[442px]:px-0\",\r\n  },\r\n  cols: {\r\n    \"100\": \"\",\r\n    \"66-33\": \"sg:md:grid-cols-[2fr_1fr] sg:gap-4\",\r\n    \"50-50\": \"sg:md:grid-cols-2 sg:gap-4\",\r\n    \"33-33-33\": \"sg:md:grid-cols-3 sg:gap-4\",\r\n    \"25-25-25-25\": \"sg:md:grid-cols-4 sg:gap-4\",\r\n  },\r\n  bgColor: bgColors,\r\n};\r\n\r\nconst layoutVariantsProps = cva(\"sg:grid sg:grid-cols-1\", {\r\n  variants: layoutVariants,\r\n  defaultVariants: {\r\n    type: \"col\",\r\n    cols: \"100\",\r\n  },\r\n});\r\n\r\nexport interface LayoutProps\r\n  extends\r\n    React.HTMLAttributes<HTMLElement>,\r\n    VariantProps<typeof layoutVariantsProps> {\r\n  as?: \"div\" | \"section\" | \"article\" | \"main\" | \"header\" | \"footer\";\r\n}\r\n\r\nfunction Layout({\r\n  children,\r\n  className,\r\n  type,\r\n  cols,\r\n  bgColor,\r\n  as: Component = \"div\",\r\n  ...props\r\n}: React.PropsWithChildren<LayoutProps>) {\r\n  const allowedInLayout = (\r\n    content: React.ReactElement<any, string | React.JSXElementConstructor<any>>,\r\n  ): boolean => {\r\n    if (content.type === Layout.Col1) {\r\n      return true;\r\n    } else if (\r\n      content.type === Layout.Col2 &&\r\n      (cols === \"66-33\" ||\r\n        cols === \"50-50\" ||\r\n        cols === \"33-33-33\" ||\r\n        cols === \"25-25-25-25\")\r\n    ) {\r\n      return true;\r\n    } else if (\r\n      content.type === Layout.Col3 &&\r\n      (cols === \"33-33-33\" || cols === \"25-25-25-25\")\r\n    ) {\r\n      return true;\r\n    } else if (content.type === Layout.Col4 && cols === \"25-25-25-25\") {\r\n      return true;\r\n    }\r\n\r\n    console.error(\r\n      \"Content not allowed in column for variant\",\r\n      cols,\r\n      content.type,\r\n    );\r\n    return false;\r\n  };\r\n\r\n  const renderColumn = (\r\n    content: React.ReactElement<any, string | React.JSXElementConstructor<any>>,\r\n  ) => {\r\n    if (!allowedInLayout(content)) {\r\n      return;\r\n    }\r\n    return content;\r\n  };\r\n\r\n  return (\r\n    <Component\r\n      {...props}\r\n      className={cn(bgColors[bgColor ?? \"transparent\"], className)}\r\n    >\r\n      <div className={cn(layoutVariantsProps({ type, cols }))}>\r\n        {React.Children.map(children, (child) =>\r\n          React.isValidElement(child) ? renderColumn(child) : <></>,\r\n        )}\r\n      </div>\r\n    </Component>\r\n  );\r\n}\r\n\r\ntype colProp = {\r\n  children?: React.ReactNode;\r\n  hideDiv?: boolean;\r\n  className?: string;\r\n  as?: \"div\" | \"section\" | \"article\" | \"main\" | \"header\" | \"footer\";\r\n  centerContent?: boolean;\r\n};\r\n\r\nfunction Col({\r\n  children,\r\n  hideDiv,\r\n  className,\r\n  as: Component = \"div\",\r\n  centerContent,\r\n}: colProp) {\r\n  return hideDiv ? (\r\n    <>{children}</>\r\n  ) : (\r\n    <Component\r\n      className={cn(\r\n        centerContent &&\r\n          \"sg:flex sg:flex-col sg:items-center sg:justify-center\",\r\n        className,\r\n      )}\r\n    >\r\n      {children}\r\n    </Component>\r\n  );\r\n}\r\n\r\nLayout.Col1 = Col;\r\nLayout.Col2 = Col;\r\nLayout.Col3 = Col;\r\nLayout.Col4 = Col;\r\n\r\nexport { Layout, layoutVariantsProps, layoutVariants };\r\n"],"mappings":"AA4G8D;AA5G9D,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,WAAW;AAAA,IACX,MAAM;AAAA,IACN,MAAM;AAAA,IACN,KAAK;AAAA,IACL,QAAQ;AAAA,EACV;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;AAUA,SAAS,IAAI;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA,IAAI,YAAY;AAAA,EAChB;AACF,GAAY;AACV,SAAO,UACL,gCAAG,UAAS,IAEZ;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT,iBACE;AAAA,QACF;AAAA,MACF;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;AAEA,OAAO,OAAO;AACd,OAAO,OAAO;AACd,OAAO,OAAO;AACd,OAAO,OAAO;","names":[]}

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

@@ -8,8 +8,13 @@ import 'react';
 declare const linkVariants: {
     variant: {
         default: string;
-        card: string;
+        "no-decoration": string;
         footer: string;
+        logo: string;
+        "nav-mobile": string;
+        "nav-mobile-active": string;
+        "nav-desktop": string;
+        "nav-desktop-active": string;
     };
     size: {
         xs: string;
@@ -25,12 +30,13 @@ declare const linkVariants: {
     };
 };
 declare const linkVariantsProps: (props?: ({
-    variant?: "footer" | "default" | "card" | null | undefined;
-    size?: "base" | "sm" | "lg" | "xs" | "md" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | null | undefined;
+    variant?: "footer" | "default" | "no-decoration" | "logo" | "nav-mobile" | "nav-mobile-active" | "nav-desktop" | "nav-desktop-active" | null | undefined;
+    size?: "base" | "sm" | "xs" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type Props = BaseLinkProps & VariantProps<typeof linkVariantsProps> & {
-    icon?: keyof typeof icons;
+    iconStart?: keyof typeof icons;
+    iconEnd?: keyof typeof icons;
 };
-declare const Link: ({ className, variant, size, icon, ...props }: Props) => react_jsx_runtime.JSX.Element;
+declare const Link: ({ className, variant, size, iconStart, iconEnd, ...props }: Props) => react_jsx_runtime.JSX.Element;
 
 export { Link, linkVariants };

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

@@ -1,16 +1,23 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import {} from "../../providers/LinkContext";
+import {} from "singularity-components/components/providers/LinkContext";
 import { cva } from "class-variance-authority";
-import { textElementSize } from "../text/internal/text-element";
-import { UiLink } from "../ui-link";
+import { textElementSize } from "../text/internal/text-element.js";
 import { icons } from "lucide-react";
-import { cn } from "../../../utils";
+import { cn } from "../../../utils/index.js";
+import { UiLink } from "../ui-link/ui-link.js";
+const navMobileBase = "sg:px-3 sg:py-3 sg:rounded-md sg:text-base sg:font-medium sg:transition-colors sg:hover:text-primary";
+const navDesktopBase = "sg:px-3 sg:py-2 sg:rounded-md sg:text-sm sg:font-medium sg:transition-colors sg:hover:text-primary";
 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"
+    default: "sg:text-primary sg:hover:underline sg:underline-offset-2 sg:decoration-primary/40 sg:hover:decoration-primary sg:font-medium",
+    "no-decoration": "",
+    footer: "sg:text-muted-foreground sg:hover:underline sg:underline-offset-4 sg:hover:text-primary sg:transition-colors",
+    logo: "sg:text-2xl sg:font-bold sg:text-primary sg:hover:no-underline",
+    "nav-mobile": `${navMobileBase} sg:text-muted-foreground`,
+    "nav-mobile-active": `${navMobileBase} sg:text-primary sg:bg-accent`,
+    "nav-desktop": `${navDesktopBase} sg:text-muted-foreground`,
+    "nav-desktop-active": `${navDesktopBase} sg:text-primary sg:bg-accent`
   },
   size: textElementSize
 };
@@ -33,18 +40,38 @@ const iconSizeMap = {
   "4xl": "sg:size-8",
   "5xl": "sg:size-9"
 };
-const Link = ({ className, variant, size, icon, ...props }) => {
-  const LucideIcon = icon && icons[icon];
+const Link = ({
+  className,
+  variant,
+  size,
+  iconStart,
+  iconEnd,
+  ...props
+}) => {
+  const LucideIconStart = iconStart && icons[iconStart];
+  const LucideIconEnd = iconEnd && icons[iconEnd];
   const iconSize = iconSizeMap[size ?? "base"];
-  console.log(iconSize);
   return /* @__PURE__ */ jsxs(
     UiLink,
     {
       className: cn(linkVariantsProps({ variant, size }), className),
       ...props,
       children: [
+        LucideIconStart && /* @__PURE__ */ jsx(
+          LucideIconStart,
+          {
+            className: cn(iconSize, "sg:shrink-0"),
+            "data-icon": "inline-start"
+          }
+        ),
         props.children,
-        LucideIcon && /* @__PURE__ */ jsx(LucideIcon, { className: cn(iconSize), "data-icon": "inline-end" })
+        LucideIconEnd && /* @__PURE__ */ jsx(
+          LucideIconEnd,
+          {
+            className: cn(iconSize, "sg:shrink-0"),
+            "data-icon": "inline-end"
+          }
+        )
       ]
     }
   );

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

@@ -1 +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":[]}
+{"version":3,"sources":["../../../../src/components/primitives/link/link.tsx"],"sourcesContent":["\"use client\";\r\nimport { type BaseLinkProps } from \"singularity-components/components/providers/LinkContext\";\r\nimport { cva, type VariantProps } from \"class-variance-authority\";\r\nimport { textElementSize } from \"../text/internal/text-element\";\r\nimport { icons } from \"lucide-react\";\r\nimport { cn } from \"../../../utils/index\";\r\nimport { UiLink } from \"../ui-link/ui-link\";\r\n\r\nconst navMobileBase =\r\n  \"sg:px-3 sg:py-3 sg:rounded-md sg:text-base sg:font-medium sg:transition-colors sg:hover:text-primary\";\r\nconst navDesktopBase =\r\n  \"sg:px-3 sg:py-2 sg:rounded-md sg:text-sm sg:font-medium sg:transition-colors sg:hover:text-primary\";\r\n\r\nconst linkVariants = {\r\n  variant: {\r\n    default:\r\n      \"sg:text-primary sg:hover:underline sg:underline-offset-2 sg:decoration-primary/40 sg:hover:decoration-primary sg:font-medium\",\r\n    \"no-decoration\": \"\",\r\n    footer:\r\n      \"sg:text-muted-foreground sg:hover:underline sg:underline-offset-4 sg:hover:text-primary sg:transition-colors\",\r\n    logo: \"sg:text-2xl sg:font-bold sg:text-primary sg:hover:no-underline\",\r\n    \"nav-mobile\": `${navMobileBase} sg:text-muted-foreground`,\r\n    \"nav-mobile-active\": `${navMobileBase} sg:text-primary sg:bg-accent`,\r\n    \"nav-desktop\": `${navDesktopBase} sg:text-muted-foreground`,\r\n    \"nav-desktop-active\": `${navDesktopBase} sg:text-primary sg:bg-accent`,\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    iconStart?: keyof typeof icons;\r\n    iconEnd?: keyof typeof icons;\r\n  };\r\n\r\nconst Link = ({\r\n  className,\r\n  variant,\r\n  size,\r\n  iconStart,\r\n  iconEnd,\r\n  ...props\r\n}: Props) => {\r\n  const LucideIconStart = iconStart && icons[iconStart];\r\n  const LucideIconEnd = iconEnd && icons[iconEnd];\r\n  const iconSize = iconSizeMap[size ?? \"base\"];\r\n  return (\r\n    <UiLink\r\n      className={cn(linkVariantsProps({ variant, size }), className)}\r\n      {...props}\r\n    >\r\n      {LucideIconStart && (\r\n        <LucideIconStart\r\n          className={cn(iconSize, \"sg:shrink-0\")}\r\n          data-icon=\"inline-start\"\r\n        />\r\n      )}\r\n      {props.children}\r\n      {LucideIconEnd && (\r\n        <LucideIconEnd\r\n          className={cn(iconSize, \"sg:shrink-0\")}\r\n          data-icon=\"inline-end\"\r\n        />\r\n      )}\r\n    </UiLink>\r\n  );\r\n};\r\n\r\nexport { Link, linkVariants };\r\n"],"mappings":";AAoEI,SAKI,KALJ;AAnEJ,eAAmC;AACnC,SAAS,WAA8B;AACvC,SAAS,uBAAuB;AAChC,SAAS,aAAa;AACtB,SAAS,UAAU;AACnB,SAAS,cAAc;AAEvB,MAAM,gBACJ;AACF,MAAM,iBACJ;AAEF,MAAM,eAAe;AAAA,EACnB,SAAS;AAAA,IACP,SACE;AAAA,IACF,iBAAiB;AAAA,IACjB,QACE;AAAA,IACF,MAAM;AAAA,IACN,cAAc,GAAG,aAAa;AAAA,IAC9B,qBAAqB,GAAG,aAAa;AAAA,IACrC,eAAe,GAAG,cAAc;AAAA,IAChC,sBAAsB,GAAG,cAAc;AAAA,EACzC;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;AAQA,MAAM,OAAO,CAAC;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAa;AACX,QAAM,kBAAkB,aAAa,MAAM,SAAS;AACpD,QAAM,gBAAgB,WAAW,MAAM,OAAO;AAC9C,QAAM,WAAW,YAAY,QAAQ,MAAM;AAC3C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,kBAAkB,EAAE,SAAS,KAAK,CAAC,GAAG,SAAS;AAAA,MAC5D,GAAG;AAAA,MAEH;AAAA,2BACC;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,GAAG,UAAU,aAAa;AAAA,YACrC,aAAU;AAAA;AAAA,QACZ;AAAA,QAED,MAAM;AAAA,QACN,iBACC;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,GAAG,UAAU,aAAa;AAAA,YACrC,aAAU;AAAA;AAAA,QACZ;AAAA;AAAA;AAAA,EAEJ;AAEJ;","names":[]}

package/dist/components/primitives/separator/separator.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import { Separator as SeparatorPrimitive } from "@base-ui/react/separator";
-import { cn } from "../../../utils";
+import { cn } from "../../../utils/index.js";
 function Separator({
   className,
   orientation = "horizontal",

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/primitives/separator/separator.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { Separator as SeparatorPrimitive } from \"@base-ui/react/separator\";\r\nimport { cn } from \"../../../utils\";\r\n\r\nfunction Separator({\r\n  className,\r\n  orientation = \"horizontal\",\r\n  ...props\r\n}: SeparatorPrimitive.Props) {\r\n  return (\r\n    <SeparatorPrimitive\r\n      data-slot=\"separator\"\r\n      orientation={orientation}\r\n      className={cn(\r\n        \"sg:bg-border sg:shrink-0 sg:data-[orientation=horizontal]:h-px sg:data-[orientation=horizontal]:w-full sg:data-[orientation=vertical]:w-px sg:data-[orientation=vertical]:self-stretch\",\r\n        className,\r\n      )}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nexport { Separator };\r\n"],"mappings":";AAWI;AATJ,SAAS,aAAa,0BAA0B;AAChD,SAAS,UAAU;AAEnB,SAAS,UAAU;AAAA,EACjB;AAAA,EACA,cAAc;AAAA,EACd,GAAG;AACL,GAA6B;AAC3B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../src/components/primitives/separator/separator.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { Separator as SeparatorPrimitive } from \"@base-ui/react/separator\";\r\nimport { cn } from \"../../../utils/index\";\r\n\r\nfunction Separator({\r\n  className,\r\n  orientation = \"horizontal\",\r\n  ...props\r\n}: SeparatorPrimitive.Props) {\r\n  return (\r\n    <SeparatorPrimitive\r\n      data-slot=\"separator\"\r\n      orientation={orientation}\r\n      className={cn(\r\n        \"sg:bg-border sg:shrink-0 sg:data-[orientation=horizontal]:h-px sg:data-[orientation=horizontal]:w-full sg:data-[orientation=vertical]:w-px sg:data-[orientation=vertical]:self-stretch\",\r\n        className,\r\n      )}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nexport { Separator };\r\n"],"mappings":";AAWI;AATJ,SAAS,aAAa,0BAA0B;AAChD,SAAS,UAAU;AAEnB,SAAS,UAAU;AAAA,EACjB;AAAA,EACA,cAAc;AAAA,EACd,GAAG;AACL,GAA6B;AAC3B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}

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

@@ -0,0 +1,29 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import * as SheetPrimitive from '@radix-ui/react-dialog';
+import { VariantProps } from 'class-variance-authority';
+
+declare const Sheet: React.FC<SheetPrimitive.DialogProps>;
+declare const SheetTrigger: React.ForwardRefExoticComponent<SheetPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const SheetClose: React.ForwardRefExoticComponent<SheetPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+declare const SheetPortal: React.FC<SheetPrimitive.DialogPortalProps>;
+declare const SheetOverlay: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const sheetVariants: (props?: ({
+    side?: "top" | "right" | "bottom" | "left" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {
+}
+declare const SheetContent: React.ForwardRefExoticComponent<SheetContentProps & React.RefAttributes<HTMLDivElement>>;
+declare const SheetHeader: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const SheetFooter: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const SheetTitle: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const SheetDescription: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+
+export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger };

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":[]}