singularity-components 0.1.140 → 0.1.193

package/dist/components/primitives/icon/icon.js

@@ -2,43 +2,44 @@ import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { cva } from "class-variance-authority";
 import { icons } from "lucide-react";
-import { cn } from "../../../utils";
+import { cn } from "../../../utils/index.js";
 const iconVariants = {
   size: {
-    sm: "",
-    md: "",
-    lg: ""
+    xs: "sg:size-4",
+    sm: "sg:size-8",
+    default: "sg:size-9",
+    lg: "sg:size-10",
+    xl: "sg:size-12",
+    xxl: "sg:size-16"
   },
   color: {
     default: "",
     foreground: "sg:text-foreground",
     primary: "sg:text-primary",
+    "primary-foreground": "sg:text-primary-foreground",
     secondary: "sg:text-secondary",
+    "secondary-foreground": "sg:text-secondary-foreground",
     muted: "sg:text-muted",
-    destructive: "sg:text-destructive"
+    "muted-foreground": "sg:text-muted-foreground",
+    destructive: "sg:text-destructive",
+    "destructive-foreground": "sg:text-destructive-foreground"
   }
 };
 const iconVariantsProps = cva("", {
   variants: iconVariants,
   defaultVariants: {
-    size: "md",
+    size: "default",
     color: "default"
   }
 });
 function Icon({ className, size, color, icon, spin, ...props }) {
   const LucideIcon = icons[icon];
-  let iconSize = 20;
-  if (size == "sm") {
-    iconSize = 16;
-  } else if (size == "lg") {
-    iconSize = 32;
-  }
   return /* @__PURE__ */ jsx(
     LucideIcon,
     {
-      size: iconSize,
       className: cn(
-        iconVariantsProps({ color, className }),
+        iconVariantsProps({ color, size }),
+        className,
         spin && "sg:animate-spin"
       ),
       ...props

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/primitives/icon/icon.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport { cva, type VariantProps } from \"class-variance-authority\";\r\nimport { icons, type LucideIcon } from \"lucide-react\";\r\nimport { cn } from \"../../../utils\";\r\n\r\nconst iconVariants = {\r\n  size: {\r\n    sm: \"\",\r\n    md: \"\",\r\n    lg: \"\",\r\n  },\r\n  color: {\r\n    default: \"\",\r\n    foreground: \"sg:text-foreground\",\r\n    primary: \"sg:text-primary\",\r\n    secondary: \"sg:text-secondary\",\r\n    muted: \"sg:text-muted\",\r\n    destructive: \"sg:text-destructive\",\r\n  },\r\n};\r\n\r\nconst iconVariantsProps = cva(\"\", {\r\n  variants: iconVariants,\r\n  defaultVariants: {\r\n    size: \"md\",\r\n    color: \"default\",\r\n  },\r\n});\r\n\r\ntype Props = Omit<React.ComponentProps<LucideIcon>, \"size\"> &\r\n  VariantProps<typeof iconVariantsProps> & {\r\n    icon: keyof typeof icons;\r\n    spin?: boolean;\r\n  };\r\n\r\nfunction Icon({ className, size, color, icon, spin, ...props }: Props) {\r\n  const LucideIcon = icons[icon];\r\n\r\n  let iconSize = 20;\r\n  if (size == \"sm\") {\r\n    iconSize = 16;\r\n  } else if (size == \"lg\") {\r\n    iconSize = 32;\r\n  }\r\n\r\n  return (\r\n    <LucideIcon\r\n      size={iconSize}\r\n      className={cn(\r\n        iconVariantsProps({ color, className }),\r\n        spin && \"sg:animate-spin\",\r\n      )}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nexport { Icon, iconVariantsProps, iconVariants };\r\n"],"mappings":"AA8CI;AA9CJ,YAAY,WAAW;AACvB,SAAS,WAA8B;AACvC,SAAS,aAA8B;AACvC,SAAS,UAAU;AAEnB,MAAM,eAAe;AAAA,EACnB,MAAM;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EACN;AAAA,EACA,OAAO;AAAA,IACL,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,WAAW;AAAA,IACX,OAAO;AAAA,IACP,aAAa;AAAA,EACf;AACF;AAEA,MAAM,oBAAoB,IAAI,IAAI;AAAA,EAChC,UAAU;AAAA,EACV,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AACF,CAAC;AAQD,SAAS,KAAK,EAAE,WAAW,MAAM,OAAO,MAAM,MAAM,GAAG,MAAM,GAAU;AACrE,QAAM,aAAa,MAAM,IAAI;AAE7B,MAAI,WAAW;AACf,MAAI,QAAQ,MAAM;AAChB,eAAW;AAAA,EACb,WAAW,QAAQ,MAAM;AACvB,eAAW;AAAA,EACb;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM;AAAA,MACN,WAAW;AAAA,QACT,kBAAkB,EAAE,OAAO,UAAU,CAAC;AAAA,QACtC,QAAQ;AAAA,MACV;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../src/components/primitives/icon/icon.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport { cva, type VariantProps } from \"class-variance-authority\";\r\nimport { icons, type LucideIcon } from \"lucide-react\";\r\nimport { cn } from \"../../../utils/index\";\r\n\r\nconst iconVariants = {\r\n  size: {\r\n    xs: \"sg:size-4\",\r\n    sm: \"sg:size-8\",\r\n    default: \"sg:size-9\",\r\n    lg: \"sg:size-10\",\r\n    xl: \"sg:size-12\",\r\n    xxl: \"sg:size-16\",\r\n  },\r\n  color: {\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    destructive: \"sg:text-destructive\",\r\n    \"destructive-foreground\": \"sg:text-destructive-foreground\",\r\n  },\r\n};\r\n\r\nconst iconVariantsProps = cva(\"\", {\r\n  variants: iconVariants,\r\n  defaultVariants: {\r\n    size: \"default\",\r\n    color: \"default\",\r\n  },\r\n});\r\n\r\ntype Props = Omit<React.ComponentProps<LucideIcon>, \"size\"> &\r\n  VariantProps<typeof iconVariantsProps> & {\r\n    icon: keyof typeof icons;\r\n    spin?: boolean;\r\n  };\r\n\r\nfunction Icon({ className, size, color, icon, spin, ...props }: Props) {\r\n  const LucideIcon = icons[icon];\r\n\r\n  return (\r\n    <LucideIcon\r\n      className={cn(\r\n        iconVariantsProps({ color, size }),\r\n        className,\r\n        spin && \"sg:animate-spin\",\r\n      )}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nexport { Icon, iconVariantsProps, iconVariants };\r\n"],"mappings":"AA8CI;AA9CJ,YAAY,WAAW;AACvB,SAAS,WAA8B;AACvC,SAAS,aAA8B;AACvC,SAAS,UAAU;AAEnB,MAAM,eAAe;AAAA,EACnB,MAAM;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,SAAS;AAAA,IACT,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,KAAK;AAAA,EACP;AAAA,EACA,OAAO;AAAA,IACL,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,sBAAsB;AAAA,IACtB,WAAW;AAAA,IACX,wBAAwB;AAAA,IACxB,OAAO;AAAA,IACP,oBAAoB;AAAA,IACpB,aAAa;AAAA,IACb,0BAA0B;AAAA,EAC5B;AACF;AAEA,MAAM,oBAAoB,IAAI,IAAI;AAAA,EAChC,UAAU;AAAA,EACV,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AACF,CAAC;AAQD,SAAS,KAAK,EAAE,WAAW,MAAM,OAAO,MAAM,MAAM,GAAG,MAAM,GAAU;AACrE,QAAM,aAAa,MAAM,IAAI;AAE7B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT,kBAAkB,EAAE,OAAO,KAAK,CAAC;AAAA,QACjC;AAAA,QACA,QAAQ;AAAA,MACV;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}

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

@@ -1,21 +1,35 @@
 export { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from './accordion/accordion.js';
 export { Alert, AlertAction, AlertDescription, AlertTitle, alertVariants } from './alert/alert.js';
-export { Badge, badgeVariants } from './badge/badge.js';
+export { Badge, badgeVariants, badgeVariantsProps } from './badge/badge.js';
 export { Badges, BadgesProps } from './badge/badges.js';
-export { Button, buttonVariants, buttonVariantsProps } from './button/button.js';
+export { 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 { 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 } 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';
@@ -24,8 +38,12 @@ import 'class-variance-authority';
 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 '@radix-ui/react-dialog';
 import './text/internal/text-element.js';
 import '../../lib/types.js';
 import '../providers/ImageContext.js';
-import '../providers/LinkContext.js';

package/dist/components/primitives/index.js

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

@@ -0,0 +1,42 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { BaseLinkProps } from '../../providers/LinkContext.js';
+import { VariantProps } from 'class-variance-authority';
+import { icons } from 'lucide-react';
+import 'react';
+
+declare const linkVariants: {
+    variant: {
+        default: string;
+        "no-decoration": string;
+        footer: string;
+        logo: string;
+        "nav-mobile": string;
+        "nav-mobile-active": string;
+        "nav-desktop": string;
+        "nav-desktop-active": string;
+    };
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        base: string;
+        lg: string;
+        xl: string;
+        "2xl": string;
+        "3xl": string;
+        "4xl": string;
+        "5xl": string;
+    };
+};
+declare const linkVariantsProps: (props?: ({
+    variant?: "footer" | "default" | "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> & {
+    iconStart?: keyof typeof icons;
+    iconEnd?: keyof typeof icons;
+};
+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

@@ -0,0 +1,83 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import {} from "singularity-components/components/providers/LinkContext";
+import { cva } from "class-variance-authority";
+import { textElementSize } from "../text/internal/text-element.js";
+import { icons } from "lucide-react";
+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: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
+};
+const linkVariantsProps = cva("sg:inline-flex sg:items-center sg:gap-1", {
+  variants: linkVariants,
+  defaultVariants: {
+    variant: "default",
+    size: "base"
+  }
+});
+const iconSizeMap = {
+  xs: "sg:size-3",
+  sm: "sg:size-3.5",
+  md: "sg:size-4",
+  base: "sg:size-4",
+  lg: "sg:size-5",
+  xl: "sg:size-5",
+  "2xl": "sg:size-6",
+  "3xl": "sg:size-7",
+  "4xl": "sg:size-8",
+  "5xl": "sg:size-9"
+};
+const Link = ({
+  className,
+  variant,
+  size,
+  iconStart,
+  iconEnd,
+  ...props
+}) => {
+  const LucideIconStart = iconStart && icons[iconStart];
+  const LucideIconEnd = iconEnd && icons[iconEnd];
+  const iconSize = iconSizeMap[size ?? "base"];
+  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,
+        LucideIconEnd && /* @__PURE__ */ jsx(
+          LucideIconEnd,
+          {
+            className: cn(iconSize, "sg:shrink-0"),
+            "data-icon": "inline-end"
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  Link,
+  linkVariants
+};
+//# sourceMappingURL=link.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/primitives/link/link.tsx"],"sourcesContent":["\"use client\";\r\nimport { type BaseLinkProps } from \"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 };