singularity-components 0.1.195 → 0.1.196

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

@@ -23,11 +23,12 @@ declare const iconVariants: {
         "muted-foreground": string;
         destructive: string;
         "destructive-foreground": string;
+        error: string;
     };
 };
 declare const iconVariantsProps: (props?: ({
-    size?: "default" | "sm" | "xs" | "lg" | "xl" | "xxl" | null | undefined;
-    color?: "default" | "foreground" | "primary" | "primary-foreground" | "secondary" | "secondary-foreground" | "muted" | "muted-foreground" | "destructive" | "destructive-foreground" | null | undefined;
+    size?: "default" | "xs" | "sm" | "lg" | "xl" | "xxl" | null | undefined;
+    color?: "default" | "secondary" | "destructive" | "foreground" | "primary" | "primary-foreground" | "secondary-foreground" | "muted" | "muted-foreground" | "destructive-foreground" | "error" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type Props = Omit<React.ComponentProps<LucideIcon>, "size"> & VariantProps<typeof iconVariantsProps> & {
     icon: keyof typeof icons;

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

@@ -22,7 +22,8 @@ const iconVariants = {
     muted: "sg:text-muted",
     "muted-foreground": "sg:text-muted-foreground",
     destructive: "sg:text-destructive",
-    "destructive-foreground": "sg:text-destructive-foreground"
+    "destructive-foreground": "sg:text-destructive-foreground",
+    error: "sg:text-error"
   }
 };
 const iconVariantsProps = cva("", {

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/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":[]}
+{"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    error: \"sg:text-error\",\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":"AA+CI;AA/CJ,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,IAC1B,OAAO;AAAA,EACT;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

@@ -8,6 +8,9 @@ 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 { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle } from './forms/field.js';
+export { Form, FormActions } from './forms/form.js';
+export { FormControl } from './forms/form-control.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';
@@ -41,6 +44,7 @@ import '../providers/LinkContext.js';
 import '@radix-ui/react-collapsible';
 import '@radix-ui/react-dropdown-menu';
 import '@base-ui/react';
+import '../../lib/forms/field-props.js';
 import '@base-ui/react/separator';
 import '@radix-ui/react-dialog';
 import './text/internal/text-element.js';

package/dist/components/primitives/index.js

@@ -8,6 +8,9 @@ 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/field.js";
+export * from "./forms/form.js";
+export * from "./forms/form-control.js";
 export * from "./forms/input.js";
 export * from "./forms/select.js";
 export * from "./forms/textarea.js";

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

@@ -1 +1 @@
-{"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":[]}
+{"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/field\";\nexport * from \"./forms/form\";\nexport * from \"./forms/form-control\";\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;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/layout/layout.d.ts

@@ -33,7 +33,7 @@ declare const layoutVariants: {
 declare const layoutVariantsProps: (props?: ({
     type?: "col" | "container" | "full" | "wide" | "narrow" | null | undefined;
     cols?: "100" | "66-33" | "50-50" | "33-33-33" | "25-25-25-25" | null | undefined;
-    bgColor?: "primary" | "secondary" | "muted" | "accent" | "transparent" | "background" | "gradient1" | "gradient2" | "gradient-masks-and-opacity" | "gradient-primary-primarymuted-secondary" | null | undefined;
+    bgColor?: "secondary" | "primary" | "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> {
     /** Semantic HTML element for the outer wrapper. Defaults to `div`. */

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

@@ -29,8 +29,8 @@ declare const linkVariants: {
     };
 };
 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;
+    variant?: "default" | "footer" | "no-decoration" | "logo" | "nav-mobile" | "nav-mobile-active" | "nav-desktop" | "nav-desktop-active" | null | undefined;
+    size?: "base" | "xs" | "sm" | "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;

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

@@ -46,7 +46,7 @@ const SheetContent = React.forwardRef(({ side = "right", className, children, ..
       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__ */ 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-visible:outline-none sg:focus-visible:ring-2 sg:focus-visible:ring-ring sg:focus-visible: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" })
         ] }),

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

@@ -1 +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":[]}
+{"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-visible:outline-none sg:focus-visible:ring-2 sg:focus-visible:ring-ring sg:focus-visible: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,sTAC9B;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/stack/stack.d.ts

@@ -48,8 +48,8 @@ declare const stackVariants: (props?: ({
     gap?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | null | undefined;
     direction?: "row" | "column" | null | undefined;
     wrap?: "default" | "wrap" | "nowrap" | null | undefined;
-    alignItems?: "center" | "default" | "end" | "start" | null | undefined;
-    justifyContent?: "center" | "default" | "end" | "start" | null | undefined;
+    alignItems?: "default" | "center" | "end" | "start" | null | undefined;
+    justifyContent?: "default" | "center" | "end" | "start" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface StackProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof stackVariants> {
     /** Merge props onto the child via Radix Slot instead of rendering a wrapper div. */

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

@@ -15,6 +15,9 @@ declare const textElementForeground: {
     "accent-foreground": string;
     card: string;
     "card-foreground": string;
+    destructive: string;
+    "destructive-foreground": string;
+    error: string;
     "primary-light-to-dark": string;
     "primary-dark-to-light": string;
     "multi-color": string;
@@ -57,6 +60,9 @@ declare const textElementVariants: {
         "accent-foreground": string;
         card: string;
         "card-foreground": string;
+        destructive: string;
+        "destructive-foreground": string;
+        error: string;
         "primary-light-to-dark": string;
         "primary-dark-to-light": string;
         "multi-color": string;
@@ -69,8 +75,8 @@ declare const textElementVariants: {
     };
 };
 declare const textElementVariantsProps: (props?: ({
-    size?: "base" | "sm" | "xs" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | null | undefined;
-    foreground?: "default" | "card" | "foreground" | "primary" | "primary-foreground" | "secondary" | "secondary-foreground" | "muted" | "muted-foreground" | "accent" | "accent-foreground" | "card-foreground" | "primary-light-to-dark" | "primary-dark-to-light" | "multi-color" | null | undefined;
+    size?: "base" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | null | undefined;
+    foreground?: "default" | "secondary" | "destructive" | "foreground" | "primary" | "primary-foreground" | "secondary-foreground" | "muted" | "muted-foreground" | "accent" | "accent-foreground" | "card" | "card-foreground" | "destructive-foreground" | "error" | "primary-light-to-dark" | "primary-dark-to-light" | "multi-color" | null | undefined;
     fontweight?: "bold" | "normal" | "medium" | "semibold" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface TextElementProps extends React__default.HTMLAttributes<HTMLElement>, VariantProps<typeof textElementVariantsProps> {

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

@@ -15,6 +15,9 @@ const textElementForeground = {
   "accent-foreground": "sg:text-accent-foreground",
   card: "sg:text-card",
   "card-foreground": "sg:text-card-foreground",
+  destructive: "sg:text-destructive",
+  "destructive-foreground": "sg:text-destructive-foreground",
+  error: "sg:text-error",
   "primary-light-to-dark": "sg:bg-gradient-to-r sg:from-primary-light sg:to-primary-dark sg:bg-clip-text sg:text-transparent",
   "primary-dark-to-light": "sg:bg-gradient-to-r sg:from-primary-dark sg:to-primary-light sg:bg-clip-text sg:text-transparent",
   "multi-color": "sg:bg-gradient-to-r sg:from-primary sg:via-destructive sg:to-primary-dark sg:bg-clip-text sg:text-transparent"

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

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

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

@@ -17,7 +17,7 @@ declare const textCodeVariants: {
     };
 };
 declare const textCodeVariantsProps: (props?: ({
-    size?: "base" | "sm" | "xs" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | null | undefined;
+    size?: "base" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface TextCodeProps extends React.HTMLAttributes<HTMLElement>, VariantProps<typeof textCodeVariantsProps> {
 }

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

@@ -1,4 +1,5 @@
 export { Container } from './container/container.js';
 export { Footer } from './footer/footer.js';
+export { LoadingScreen } from './loading-screen/loading-screen.js';
 export { Header, HeaderProps, NavLink } from './navigation/header.js';
 import 'react';

package/dist/components/templates/index.js

@@ -1,5 +1,6 @@
 export * from "./container/container.js";
 export * from "./footer/footer.js";
 export * from "./hero/hero.js";
+export * from "./loading-screen/loading-screen.js";
 export * from "./navigation/index.js";
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/templates/index.ts"],"sourcesContent":["/**\n * Templates index\n *\n * Please keep exports sorted alphabetically by path!\n */\n\nexport * from \"./container/container\";\nexport * from \"./footer/footer\";\nexport * from \"./hero/hero\";\nexport * from \"./navigation/index\";\n"],"mappings":"AAMA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}
+{"version":3,"sources":["../../../src/components/templates/index.ts"],"sourcesContent":["/**\n * Templates index\n *\n * Please keep exports sorted alphabetically by path!\n */\n\nexport * from \"./container/container\";\nexport * from \"./footer/footer\";\nexport * from \"./hero/hero\";\nexport * from \"./loading-screen/loading-screen\";\nexport * from \"./navigation/index\";\n"],"mappings":"AAMA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}

package/dist/components/templates/loading-screen/loading-screen.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+
+type Props = {
+    brand?: string;
+    message?: string;
+};
+/** Full-screen branded loading overlay. */
+declare function LoadingScreen({ brand, message, }: Props): React.JSX.Element;
+
+export { LoadingScreen };

package/dist/components/templates/loading-screen/loading-screen.js

@@ -0,0 +1,39 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { motion } from "framer-motion";
+import { Heading, Text } from "../../primitives/index.js";
+function LoadingScreen({
+  brand = "filion.",
+  message = "Loading\u2026"
+}) {
+  const [name, accent] = brand.includes(".") ? [brand.replace(".", ""), "."] : [brand, ""];
+  return /* @__PURE__ */ jsx("div", { className: "sg:fixed sg:inset-0 sg:z-[100] sg:flex sg:flex-col sg:items-center sg:justify-center sg:bg-background", children: /* @__PURE__ */ jsxs(
+    motion.div,
+    {
+      initial: { opacity: 0, scale: 0.9 },
+      animate: { opacity: 1, scale: 1 },
+      transition: { duration: 0.3 },
+      className: "sg:text-center",
+      children: [
+        /* @__PURE__ */ jsxs(Heading, { variant: "h3", className: "sg:text-primary", children: [
+          name,
+          accent && /* @__PURE__ */ jsx("span", { className: "sg:text-secondary", children: accent })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "sg:mt-6 sg:flex sg:items-center sg:justify-center sg:gap-1.5", children: [0, 1, 2].map((i) => /* @__PURE__ */ jsx(
+          motion.div,
+          {
+            className: "sg:h-2 sg:w-2 sg:rounded-full sg:bg-primary",
+            animate: { opacity: [0.3, 1, 0.3], scale: [0.8, 1.2, 0.8] },
+            transition: { duration: 1, repeat: Infinity, delay: i * 0.2 }
+          },
+          i
+        )) }),
+        /* @__PURE__ */ jsx(Text, { size: "sm", foreground: "muted-foreground", className: "sg:mt-4", children: message })
+      ]
+    }
+  ) });
+}
+export {
+  LoadingScreen
+};
+//# sourceMappingURL=loading-screen.js.map

package/dist/components/templates/loading-screen/loading-screen.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/templates/loading-screen/loading-screen.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { motion } from \"framer-motion\";\r\nimport { Heading, Text } from \"../../primitives/index\";\r\n\r\ntype Props = {\r\n\tbrand?: string;\r\n\tmessage?: string;\r\n};\r\n\r\n/** Full-screen branded loading overlay. */\r\nexport function LoadingScreen({\r\n\tbrand = \"filion.\",\r\n\tmessage = \"Loading…\",\r\n}: Props) {\r\n\tconst [name, accent] = brand.includes(\".\")\r\n\t\t? [brand.replace(\".\", \"\"), \".\"]\r\n\t\t: [brand, \"\"];\r\n\r\n\treturn (\r\n\t\t<div className=\"sg:fixed sg:inset-0 sg:z-[100] sg:flex sg:flex-col sg:items-center sg:justify-center sg:bg-background\">\r\n\t\t\t<motion.div\r\n\t\t\t\tinitial={{ opacity: 0, scale: 0.9 }}\r\n\t\t\t\tanimate={{ opacity: 1, scale: 1 }}\r\n\t\t\t\ttransition={{ duration: 0.3 }}\r\n\t\t\t\tclassName=\"sg:text-center\"\r\n\t\t\t>\r\n\t\t\t\t<Heading variant=\"h3\" className=\"sg:text-primary\">\r\n\t\t\t\t\t{name}\r\n\t\t\t\t\t{accent && (\r\n\t\t\t\t\t\t<span className=\"sg:text-secondary\">{accent}</span>\r\n\t\t\t\t\t)}\r\n\t\t\t\t</Heading>\r\n\t\t\t\t<div className=\"sg:mt-6 sg:flex sg:items-center sg:justify-center sg:gap-1.5\">\r\n\t\t\t\t\t{[0, 1, 2].map((i) => (\r\n\t\t\t\t\t\t<motion.div\r\n\t\t\t\t\t\t\tkey={i}\r\n\t\t\t\t\t\t\tclassName=\"sg:h-2 sg:w-2 sg:rounded-full sg:bg-primary\"\r\n\t\t\t\t\t\t\tanimate={{ opacity: [0.3, 1, 0.3], scale: [0.8, 1.2, 0.8] }}\r\n\t\t\t\t\t\t\ttransition={{ duration: 1, repeat: Infinity, delay: i * 0.2 }}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t))}\r\n\t\t\t\t</div>\r\n\t\t\t\t<Text size=\"sm\" foreground=\"muted-foreground\" className=\"sg:mt-4\">\r\n\t\t\t\t\t{message}\r\n\t\t\t\t</Text>\r\n\t\t\t</motion.div>\r\n\t\t</div>\r\n\t);\r\n}\r\n"],"mappings":";AA2BI,SAGE,KAHF;AAzBJ,SAAS,cAAc;AACvB,SAAS,SAAS,YAAY;AAQvB,SAAS,cAAc;AAAA,EAC7B,QAAQ;AAAA,EACR,UAAU;AACX,GAAU;AACT,QAAM,CAAC,MAAM,MAAM,IAAI,MAAM,SAAS,GAAG,IACtC,CAAC,MAAM,QAAQ,KAAK,EAAE,GAAG,GAAG,IAC5B,CAAC,OAAO,EAAE;AAEb,SACC,oBAAC,SAAI,WAAU,yGACd;AAAA,IAAC,OAAO;AAAA,IAAP;AAAA,MACA,SAAS,EAAE,SAAS,GAAG,OAAO,IAAI;AAAA,MAClC,SAAS,EAAE,SAAS,GAAG,OAAO,EAAE;AAAA,MAChC,YAAY,EAAE,UAAU,IAAI;AAAA,MAC5B,WAAU;AAAA,MAEV;AAAA,6BAAC,WAAQ,SAAQ,MAAK,WAAU,mBAC9B;AAAA;AAAA,UACA,UACA,oBAAC,UAAK,WAAU,qBAAqB,kBAAO;AAAA,WAE9C;AAAA,QACA,oBAAC,SAAI,WAAU,gEACb,WAAC,GAAG,GAAG,CAAC,EAAE,IAAI,CAAC,MACf;AAAA,UAAC,OAAO;AAAA,UAAP;AAAA,YAEA,WAAU;AAAA,YACV,SAAS,EAAE,SAAS,CAAC,KAAK,GAAG,GAAG,GAAG,OAAO,CAAC,KAAK,KAAK,GAAG,EAAE;AAAA,YAC1D,YAAY,EAAE,UAAU,GAAG,QAAQ,UAAU,OAAO,IAAI,IAAI;AAAA;AAAA,UAHvD;AAAA,QAIN,CACA,GACF;AAAA,QACA,oBAAC,QAAK,MAAK,MAAK,YAAW,oBAAmB,WAAU,WACtD,mBACF;AAAA;AAAA;AAAA,EACD,GACD;AAEF;","names":[]}

package/dist/css/variables.css

@@ -35,6 +35,7 @@
   --sg-accent-foreground: var(--sg-charcoal);
   --sg-destructive: var(--sg-crimson);
   --sg-destructive-foreground: var(--sg-cream);
+  --sg-error: var(--sg-crimson);
   --sg-border: var(--sg-silver);
   --sg-input: var(--sg-silver);
   --sg-ring: var(--sg-terracotta);
@@ -65,6 +66,7 @@
   --sg-accent-foreground: var(--sg-cloud);
   --sg-destructive: var(--sg-crimson-light);
   --sg-destructive-foreground: var(--sg-cream);
+  --sg-error: var(--sg-crimson-light);
   --sg-border: var(--sg-slate);
   --sg-input: var(--sg-slate);
   --sg-ring: var(--sg-terracotta-light);

package/dist/css/variables.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/css/variables.css"],"sourcesContent":[":root {\n  /* Neutrals */\n  --sg-black: oklch(0.25 0 0);\n  --sg-charcoal: oklch(0.35 0.01 60);\n  --sg-ash: oklch(0.44 0 0);\n  --sg-silver: oklch(0.78 0.01 60);\n  --sg-fog: oklch(0.92 0.005 240);\n  --sg-cream: oklch(0.97 0.01 80);\n  --sg-white: oklch(0.99 0.005 80);\n  --sg-pure-white: oklch(1 0 0);\n\n  /* Brand colors */\n  --sg-terracotta: oklch(0.52 0.15 35);\n  --sg-terracotta-light: oklch(0.65 0.16 35);\n  --sg-amber: oklch(0.72 0.15 75);\n  --sg-amber-dark: oklch(0.45 0.08 75);\n  --sg-sand: oklch(0.93 0.03 80);\n\n  /* Feedback */\n  --sg-crimson: oklch(0.55 0.22 25);\n  --sg-crimson-light: oklch(0.6 0.2 25);\n\n  /* Dark mode neutrals */\n  --sg-night: oklch(0.22 0.01 60);\n  --sg-onyx: oklch(0.28 0 0);\n  --sg-slate: oklch(0.43 0 0);\n  --sg-dove: oklch(0.82 0.01 60);\n  --sg-cloud: oklch(0.88 0.01 60);\n\n  /* ── Semantic mapping – Light mode ── */\n  --sg-background: var(--sg-cream);\n  --sg-foreground: var(--sg-black);\n\n  --sg-card: var(--sg-pure-white);\n  --sg-card-foreground: var(--sg-black);\n\n  --sg-popover: var(--sg-pure-white);\n  --sg-popover-foreground: var(--sg-black);\n\n  --sg-primary: var(--sg-terracotta);\n  --sg-primary-foreground: var(--sg-cream);\n\n  --sg-secondary: var(--sg-amber);\n  --sg-secondary-foreground: var(--sg-black);\n\n  --sg-muted: var(--sg-fog);\n  --sg-muted-foreground: var(--sg-ash);\n\n  --sg-accent: var(--sg-sand);\n  --sg-accent-foreground: var(--sg-charcoal);\n\n  --sg-destructive: var(--sg-crimson);\n  --sg-destructive-foreground: var(--sg-cream);\n\n  --sg-border: var(--sg-silver);\n  --sg-input: var(--sg-silver);\n  --sg-ring: var(--sg-terracotta);\n\n  --sg-radius: 0.5rem;\n\n  --sg-sidebar-background: var(--sg-cream);\n  --sg-sidebar-foreground: var(--sg-black);\n  --sg-sidebar-primary: var(--sg-terracotta);\n  --sg-sidebar-primary-foreground: var(--sg-cream);\n  --sg-sidebar-accent: var(--sg-fog);\n  --sg-sidebar-accent-foreground: var(--sg-charcoal);\n  --sg-sidebar-border: var(--sg-silver);\n  --sg-sidebar-ring: var(--sg-terracotta);\n}\n\n.dark {\n  --sg-background: var(--sg-charcoal);\n  --sg-foreground: var(--sg-cloud);\n\n  --sg-card: var(--sg-night);\n  --sg-card-foreground: var(--sg-cloud);\n\n  --sg-popover: var(--sg-night);\n  --sg-popover-foreground: var(--sg-cloud);\n\n  --sg-primary: var(--sg-terracotta-light);\n  --sg-primary-foreground: var(--sg-night);\n\n  --sg-secondary: var(--sg-amber);\n  --sg-secondary-foreground: var(--sg-night);\n\n  --sg-muted: var(--sg-slate);\n  --sg-muted-foreground: var(--sg-dove);\n\n  --sg-accent: var(--sg-onyx);\n  --sg-accent-foreground: var(--sg-cloud);\n\n  --sg-destructive: var(--sg-crimson-light);\n  --sg-destructive-foreground: var(--sg-cream);\n\n  --sg-border: var(--sg-slate);\n  --sg-input: var(--sg-slate);\n  --sg-ring: var(--sg-terracotta-light);\n\n  --sg-sidebar-background: var(--sg-night);\n  --sg-sidebar-foreground: var(--sg-cloud);\n  --sg-sidebar-primary: var(--sg-terracotta-light);\n  --sg-sidebar-primary-foreground: var(--sg-night);\n  --sg-sidebar-accent: var(--sg-onyx);\n  --sg-sidebar-accent-foreground: var(--sg-cloud);\n  --sg-sidebar-border: var(--sg-slate);\n  --sg-sidebar-ring: var(--sg-terracotta-light);\n}\n"],"mappings":"AAAA;AAEE,cAAY,MAAM,KAAK,EAAE;AACzB,iBAAe,MAAM,KAAK,KAAK;AAC/B,YAAU,MAAM,KAAK,EAAE;AACvB,eAAa,MAAM,KAAK,KAAK;AAC7B,YAAU,MAAM,KAAK,MAAM;AAC3B,cAAY,MAAM,KAAK,KAAK;AAC5B,cAAY,MAAM,KAAK,MAAM;AAC7B,mBAAiB,MAAM,EAAE,EAAE;AAG3B,mBAAiB,MAAM,KAAK,KAAK;AACjC,yBAAuB,MAAM,KAAK,KAAK;AACvC,cAAY,MAAM,KAAK,KAAK;AAC5B,mBAAiB,MAAM,KAAK,KAAK;AACjC,aAAW,MAAM,KAAK,KAAK;AAG3B,gBAAc,MAAM,KAAK,KAAK;AAC9B,sBAAoB,MAAM,IAAI,IAAI;AAGlC,cAAY,MAAM,KAAK,KAAK;AAC5B,aAAW,MAAM,KAAK,EAAE;AACxB,cAAY,MAAM,KAAK,EAAE;AACzB,aAAW,MAAM,KAAK,KAAK;AAC3B,cAAY,MAAM,KAAK,KAAK;AAG5B,mBAAiB,IAAI;AACrB,mBAAiB,IAAI;AAErB,aAAW,IAAI;AACf,wBAAsB,IAAI;AAE1B,gBAAc,IAAI;AAClB,2BAAyB,IAAI;AAE7B,gBAAc,IAAI;AAClB,2BAAyB,IAAI;AAE7B,kBAAgB,IAAI;AACpB,6BAA2B,IAAI;AAE/B,cAAY,IAAI;AAChB,yBAAuB,IAAI;AAE3B,eAAa,IAAI;AACjB,0BAAwB,IAAI;AAE5B,oBAAkB,IAAI;AACtB,+BAA6B,IAAI;AAEjC,eAAa,IAAI;AACjB,cAAY,IAAI;AAChB,aAAW,IAAI;AAEf,eAAa;AAEb,2BAAyB,IAAI;AAC7B,2BAAyB,IAAI;AAC7B,wBAAsB,IAAI;AAC1B,mCAAiC,IAAI;AACrC,uBAAqB,IAAI;AACzB,kCAAgC,IAAI;AACpC,uBAAqB,IAAI;AACzB,qBAAmB,IAAI;AACzB;AAEA,CAAC;AACC,mBAAiB,IAAI;AACrB,mBAAiB,IAAI;AAErB,aAAW,IAAI;AACf,wBAAsB,IAAI;AAE1B,gBAAc,IAAI;AAClB,2BAAyB,IAAI;AAE7B,gBAAc,IAAI;AAClB,2BAAyB,IAAI;AAE7B,kBAAgB,IAAI;AACpB,6BAA2B,IAAI;AAE/B,cAAY,IAAI;AAChB,yBAAuB,IAAI;AAE3B,eAAa,IAAI;AACjB,0BAAwB,IAAI;AAE5B,oBAAkB,IAAI;AACtB,+BAA6B,IAAI;AAEjC,eAAa,IAAI;AACjB,cAAY,IAAI;AAChB,aAAW,IAAI;AAEf,2BAAyB,IAAI;AAC7B,2BAAyB,IAAI;AAC7B,wBAAsB,IAAI;AAC1B,mCAAiC,IAAI;AACrC,uBAAqB,IAAI;AACzB,kCAAgC,IAAI;AACpC,uBAAqB,IAAI;AACzB,qBAAmB,IAAI;AACzB;","names":[]}
+{"version":3,"sources":["../../src/css/variables.css"],"sourcesContent":[":root {\n  /* Neutrals */\n  --sg-black: oklch(0.25 0 0);\n  --sg-charcoal: oklch(0.35 0.01 60);\n  --sg-ash: oklch(0.44 0 0);\n  --sg-silver: oklch(0.78 0.01 60);\n  --sg-fog: oklch(0.92 0.005 240);\n  --sg-cream: oklch(0.97 0.01 80);\n  --sg-white: oklch(0.99 0.005 80);\n  --sg-pure-white: oklch(1 0 0);\n\n  /* Brand colors */\n  --sg-terracotta: oklch(0.52 0.15 35);\n  --sg-terracotta-light: oklch(0.65 0.16 35);\n  --sg-amber: oklch(0.72 0.15 75);\n  --sg-amber-dark: oklch(0.45 0.08 75);\n  --sg-sand: oklch(0.93 0.03 80);\n\n  /* Feedback */\n  --sg-crimson: oklch(0.55 0.22 25);\n  --sg-crimson-light: oklch(0.6 0.2 25);\n\n  /* Dark mode neutrals */\n  --sg-night: oklch(0.22 0.01 60);\n  --sg-onyx: oklch(0.28 0 0);\n  --sg-slate: oklch(0.43 0 0);\n  --sg-dove: oklch(0.82 0.01 60);\n  --sg-cloud: oklch(0.88 0.01 60);\n\n  /* ── Semantic mapping – Light mode ── */\n  --sg-background: var(--sg-cream);\n  --sg-foreground: var(--sg-black);\n\n  --sg-card: var(--sg-pure-white);\n  --sg-card-foreground: var(--sg-black);\n\n  --sg-popover: var(--sg-pure-white);\n  --sg-popover-foreground: var(--sg-black);\n\n  --sg-primary: var(--sg-terracotta);\n  --sg-primary-foreground: var(--sg-cream);\n\n  --sg-secondary: var(--sg-amber);\n  --sg-secondary-foreground: var(--sg-black);\n\n  --sg-muted: var(--sg-fog);\n  --sg-muted-foreground: var(--sg-ash);\n\n  --sg-accent: var(--sg-sand);\n  --sg-accent-foreground: var(--sg-charcoal);\n\n  --sg-destructive: var(--sg-crimson);\n  --sg-destructive-foreground: var(--sg-cream);\n  --sg-error: var(--sg-crimson);\n\n  --sg-border: var(--sg-silver);\n  --sg-input: var(--sg-silver);\n  --sg-ring: var(--sg-terracotta);\n\n  --sg-radius: 0.5rem;\n\n  --sg-sidebar-background: var(--sg-cream);\n  --sg-sidebar-foreground: var(--sg-black);\n  --sg-sidebar-primary: var(--sg-terracotta);\n  --sg-sidebar-primary-foreground: var(--sg-cream);\n  --sg-sidebar-accent: var(--sg-fog);\n  --sg-sidebar-accent-foreground: var(--sg-charcoal);\n  --sg-sidebar-border: var(--sg-silver);\n  --sg-sidebar-ring: var(--sg-terracotta);\n}\n\n.dark {\n  --sg-background: var(--sg-charcoal);\n  --sg-foreground: var(--sg-cloud);\n\n  --sg-card: var(--sg-night);\n  --sg-card-foreground: var(--sg-cloud);\n\n  --sg-popover: var(--sg-night);\n  --sg-popover-foreground: var(--sg-cloud);\n\n  --sg-primary: var(--sg-terracotta-light);\n  --sg-primary-foreground: var(--sg-night);\n\n  --sg-secondary: var(--sg-amber);\n  --sg-secondary-foreground: var(--sg-night);\n\n  --sg-muted: var(--sg-slate);\n  --sg-muted-foreground: var(--sg-dove);\n\n  --sg-accent: var(--sg-onyx);\n  --sg-accent-foreground: var(--sg-cloud);\n\n  --sg-destructive: var(--sg-crimson-light);\n  --sg-destructive-foreground: var(--sg-cream);\n  --sg-error: var(--sg-crimson-light);\n\n  --sg-border: var(--sg-slate);\n  --sg-input: var(--sg-slate);\n  --sg-ring: var(--sg-terracotta-light);\n\n  --sg-sidebar-background: var(--sg-night);\n  --sg-sidebar-foreground: var(--sg-cloud);\n  --sg-sidebar-primary: var(--sg-terracotta-light);\n  --sg-sidebar-primary-foreground: var(--sg-night);\n  --sg-sidebar-accent: var(--sg-onyx);\n  --sg-sidebar-accent-foreground: var(--sg-cloud);\n  --sg-sidebar-border: var(--sg-slate);\n  --sg-sidebar-ring: var(--sg-terracotta-light);\n}\n"],"mappings":"AAAA;AAEE,cAAY,MAAM,KAAK,EAAE;AACzB,iBAAe,MAAM,KAAK,KAAK;AAC/B,YAAU,MAAM,KAAK,EAAE;AACvB,eAAa,MAAM,KAAK,KAAK;AAC7B,YAAU,MAAM,KAAK,MAAM;AAC3B,cAAY,MAAM,KAAK,KAAK;AAC5B,cAAY,MAAM,KAAK,MAAM;AAC7B,mBAAiB,MAAM,EAAE,EAAE;AAG3B,mBAAiB,MAAM,KAAK,KAAK;AACjC,yBAAuB,MAAM,KAAK,KAAK;AACvC,cAAY,MAAM,KAAK,KAAK;AAC5B,mBAAiB,MAAM,KAAK,KAAK;AACjC,aAAW,MAAM,KAAK,KAAK;AAG3B,gBAAc,MAAM,KAAK,KAAK;AAC9B,sBAAoB,MAAM,IAAI,IAAI;AAGlC,cAAY,MAAM,KAAK,KAAK;AAC5B,aAAW,MAAM,KAAK,EAAE;AACxB,cAAY,MAAM,KAAK,EAAE;AACzB,aAAW,MAAM,KAAK,KAAK;AAC3B,cAAY,MAAM,KAAK,KAAK;AAG5B,mBAAiB,IAAI;AACrB,mBAAiB,IAAI;AAErB,aAAW,IAAI;AACf,wBAAsB,IAAI;AAE1B,gBAAc,IAAI;AAClB,2BAAyB,IAAI;AAE7B,gBAAc,IAAI;AAClB,2BAAyB,IAAI;AAE7B,kBAAgB,IAAI;AACpB,6BAA2B,IAAI;AAE/B,cAAY,IAAI;AAChB,yBAAuB,IAAI;AAE3B,eAAa,IAAI;AACjB,0BAAwB,IAAI;AAE5B,oBAAkB,IAAI;AACtB,+BAA6B,IAAI;AACjC,cAAY,IAAI;AAEhB,eAAa,IAAI;AACjB,cAAY,IAAI;AAChB,aAAW,IAAI;AAEf,eAAa;AAEb,2BAAyB,IAAI;AAC7B,2BAAyB,IAAI;AAC7B,wBAAsB,IAAI;AAC1B,mCAAiC,IAAI;AACrC,uBAAqB,IAAI;AACzB,kCAAgC,IAAI;AACpC,uBAAqB,IAAI;AACzB,qBAAmB,IAAI;AACzB;AAEA,CAAC;AACC,mBAAiB,IAAI;AACrB,mBAAiB,IAAI;AAErB,aAAW,IAAI;AACf,wBAAsB,IAAI;AAE1B,gBAAc,IAAI;AAClB,2BAAyB,IAAI;AAE7B,gBAAc,IAAI;AAClB,2BAAyB,IAAI;AAE7B,kBAAgB,IAAI;AACpB,6BAA2B,IAAI;AAE/B,cAAY,IAAI;AAChB,yBAAuB,IAAI;AAE3B,eAAa,IAAI;AACjB,0BAAwB,IAAI;AAE5B,oBAAkB,IAAI;AACtB,+BAA6B,IAAI;AACjC,cAAY,IAAI;AAEhB,eAAa,IAAI;AACjB,cAAY,IAAI;AAChB,aAAW,IAAI;AAEf,2BAAyB,IAAI;AAC7B,2BAAyB,IAAI;AAC7B,wBAAsB,IAAI;AAC1B,mCAAiC,IAAI;AACrC,uBAAqB,IAAI;AACzB,kCAAgC,IAAI;AACpC,uBAAqB,IAAI;AACzB,qBAAmB,IAAI;AACzB;","names":[]}

package/dist/data/posts.d.ts

@@ -1,5 +1,6 @@
 interface BlogPost {
     id: number;
+    slug: string;
     title: string;
     excerpt: string;
     content: string;
@@ -9,6 +10,10 @@ interface BlogPost {
     author: string;
     featured?: boolean;
     categories: string[];
+    gallery?: {
+        src: string;
+        alt?: string;
+    }[];
 }
 interface Comment {
     id: string;

package/dist/data/posts.js

@@ -1,6 +1,7 @@
 const posts = [
   {
     id: 1,
+    slug: "the-art-of-slow-living",
     title: "The Art of Slow Living",
     excerpt: "In a world that never stops moving, there's a quiet revolution happening \u2014 one that asks us to pause, breathe, and savor.",
     content: `In a world that never stops moving, there's a quiet revolution happening \u2014 one that asks us to pause, breathe, and savor the moments that make up our days.
@@ -23,10 +24,20 @@ The beauty of slow living is that it doesn't require a complete lifestyle overha
     originalImage: "https://images.unsplash.com/photo-1506744038136-46273834b3fb?w=800&h=500&fit=crop",
     date: "2026-02-01",
     author: "Elena Marsh",
-    categories: ["Mindfulness"]
+    categories: ["Mindfulness"],
+    featured: true,
+    gallery: [
+      { src: "https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=800&h=600&fit=crop", alt: "Mountain lake at dawn" },
+      { src: "https://images.unsplash.com/photo-1470071459604-3b5ec3a7fe05?w=800&h=600&fit=crop", alt: "Foggy forest path" },
+      { src: "https://images.unsplash.com/photo-1441974231531-c6227db76b6e?w=800&h=600&fit=crop", alt: "Sunlit woodland" },
+      { src: "https://images.unsplash.com/photo-1465146344425-f00d5f5c8f07?w=800&h=600&fit=crop", alt: "Wildflowers in a field" },
+      { src: "https://images.unsplash.com/photo-1501854140801-50d01698950b?w=800&h=600&fit=crop", alt: "Aerial view of green hills" },
+      { src: "https://images.unsplash.com/photo-1472214103451-9374bd1c798e?w=800&h=600&fit=crop", alt: "Valley at sunset" }
+    ]
   },
   {
     id: 2,
+    slug: "designing-with-intention",
     title: "Designing with Intention",
     excerpt: "Good design isn't decoration \u2014 it's communication. Every color, typeface, and pixel should earn its place.",
     content: `Good design isn't decoration \u2014 it's communication. Every color, typeface, and pixel should earn its place on the page.
@@ -50,10 +61,12 @@ The beauty of slow living is that it doesn't require a complete lifestyle overha
     originalImage: "https://images.unsplash.com/photo-1558618666-fcd25c85f82e?w=800&h=500&fit=crop",
     date: "2026-01-28",
     author: "Elena Marsh",
-    categories: ["Design"]
+    categories: ["Design"],
+    featured: true
   },
   {
     id: 3,
+    slug: "morning-rituals-around-the-world",
     title: "Morning Rituals Around the World",
     excerpt: "From Japanese tea ceremonies to Scandinavian fika, how different cultures start their day reveals what they value most.",
     content: `From Japanese tea ceremonies to Scandinavian fika, how different cultures start their day reveals what they value most.
@@ -79,10 +92,18 @@ These rituals remind us that how we begin our day shapes everything that follows
     originalImage: "https://images.unsplash.com/photo-1495474472287-4d71bcdd2085?w=800&h=500&fit=crop",
     date: "2026-01-20",
     author: "Elena Marsh",
-    categories: ["Culture"]
+    categories: ["Culture"],
+    featured: true,
+    gallery: [
+      { src: "https://images.unsplash.com/photo-1545569341-9eb8b30979d9?w=800&h=600&fit=crop", alt: "Japanese temple garden" },
+      { src: "https://images.unsplash.com/photo-1493976040374-85c8e12f0c0e?w=800&h=600&fit=crop", alt: "Traditional tea ceremony" },
+      { src: "https://images.unsplash.com/photo-1504754524776-8f4f37790ca0?w=800&h=600&fit=crop", alt: "Breakfast spread" },
+      { src: "https://images.unsplash.com/photo-1514933651103-005eec06c04b?w=800&h=600&fit=crop", alt: "Italian espresso bar" }
+    ]
   },
   {
     id: 4,
+    slug: "the-beauty-of-imperfection",
     title: "The Beauty of Imperfection",
     excerpt: "Wabi-sabi teaches us to find beauty in the worn, the weathered, and the wonderfully imperfect.",
     content: `Wabi-sabi teaches us to find beauty in the worn, the weathered, and the wonderfully imperfect.
@@ -104,10 +125,16 @@ The cracked pot, the faded photograph, the well-worn book \u2014 these carry sto
     originalImage: "https://images.unsplash.com/photo-1493106819501-66d381c466f3?w=800&h=500&fit=crop",
     date: "2026-01-15",
     author: "Elena Marsh",
-    categories: ["Philosophy"]
+    categories: ["Philosophy"],
+    gallery: [
+      { src: "https://images.unsplash.com/photo-1528297506728-9533d2ac3fa4?w=800&h=600&fit=crop", alt: "Handmade ceramic bowl" },
+      { src: "https://images.unsplash.com/photo-1565193566173-7a0ee3dbe261?w=800&h=600&fit=crop", alt: "Cracked pottery with gold" },
+      { src: "https://images.unsplash.com/photo-1493106641515-6b5631de4bb9?w=800&h=600&fit=crop", alt: "Worn wooden texture" }
+    ]
   },
   {
     id: 5,
+    slug: "building-a-reading-habit",
     title: "Building a Reading Habit",
     excerpt: "Reading more doesn't require willpower \u2014 it requires environment design and a bit of curiosity.",
     content: `Reading more doesn't require willpower \u2014 it requires environment design and a bit of curiosity.
@@ -137,6 +164,7 @@ The goal isn't to read more books. It's to enjoy reading again.`,
   },
   {
     id: 6,
+    slug: "color-in-everyday-life",
     title: "Color in Everyday Life",
     excerpt: "We rarely notice it, but color shapes our moods, decisions, and memories more than we realize.",
     content: `We rarely notice it, but color shapes our moods, decisions, and memories more than we realize.
@@ -164,6 +192,7 @@ Notice the colors around you today. The golden light of morning. The deep green
   },
   {
     id: 7,
+    slug: "the-power-of-walking",
     title: "The Power of Walking",
     excerpt: "A daily walk is the most underrated tool for creativity, clarity, and calm.",
     content: `Walking is humanity's oldest form of movement \u2014 and still one of its most powerful. Great thinkers from Aristotle to Steve Jobs were known for their walking meetings and strolls.
@@ -183,6 +212,7 @@ You don't need a trail or a destination. A 20-minute loop around your neighborho
   },
   {
     id: 8,
+    slug: "minimalism-beyond-aesthetics",
     title: "Minimalism Beyond Aesthetics",
     excerpt: "True minimalism isn't about owning less \u2014 it's about making room for what matters.",
     content: `Minimalism has been reduced to white walls and empty shelves. But the philosophy runs much deeper than aesthetics.
@@ -202,6 +232,7 @@ Our phones hold more clutter than our homes. Audit your apps, notifications, and
   },
   {
     id: 9,
+    slug: "the-lost-art-of-letter-writing",
     title: "The Lost Art of Letter Writing",
     excerpt: "In an age of instant messaging, a handwritten letter carries a weight that no text can match.",
     content: `There's something irreplaceable about receiving a handwritten letter. The texture of the paper, the imperfections of the handwriting, the knowledge that someone sat down and gave you their time.
@@ -221,6 +252,7 @@ Buy a simple set of stationery. Write to someone you care about. It doesn't need
   },
   {
     id: 10,
+    slug: "cooking-as-meditation",
     title: "Cooking as Meditation",
     excerpt: "The kitchen can be your sanctuary \u2014 if you let the process matter more than the result.",
     content: `We often think of cooking as a chore \u2014 something to get through before we can eat. But approached differently, it becomes a meditative practice.
@@ -240,6 +272,7 @@ Start with a recipe you love. Prep all your ingredients before you begin. Put on
   },
   {
     id: 11,
+    slug: "digital-detox-weekend",
     title: "The Digital Detox Weekend",
     excerpt: "48 hours without screens sounds terrifying \u2014 until you try it and realize how much you've been missing.",
     content: `A digital detox weekend isn't about hating technology. It's about remembering what life feels like without constant input.