npm - singularity-components - Versions diffs - 0.1.195 → 0.1.197 - Mend

singularity-components 0.1.195 → 0.1.197

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (166) hide show

package/dist/components/primitives/forms/select.js CHANGED Viewed

@@ -19,7 +19,7 @@ function SelectTrigger({
       "data-slot": "select-trigger",
       "data-size": size,
       className: cn(
-        "sg:flex sg:h-10 sg:w-full sg:items-center sg:justify-between sg:rounded-md sg:border sg:border-input sg:bg-background sg:px-3 sg:py-2 sg:text-sm sg:ring-offset-background sg:placeholder:text-muted-foreground sg:focus:outline-none sg:focus:ring-2 sg:focus:ring-ring sg:focus:ring-offset-2 sg:disabled:cursor-not-allowed sg:disabled:opacity-50 sg:[&>span]:line-clamp-1",
+        "sg:flex sg:h-10 sg:w-full sg:items-center sg:justify-between sg:rounded-md sg:border sg:border-input sg:bg-background sg:px-3 sg:py-2 sg:text-sm sg:ring-offset-background sg:placeholder:text-muted-foreground sg:focus-visible:outline-none sg:focus-visible:ring-2 sg:focus-visible:ring-ring sg:focus-visible:ring-offset-2 sg:disabled:cursor-not-allowed sg:disabled:opacity-50 sg:[&>span]:line-clamp-1",
         className
       ),
       ...props,
@@ -36,9 +36,9 @@ function SelectContent({
   children,
   side = "bottom",
   sideOffset = 4,
-  align = "center",
+  align = "start",
   alignOffset = 0,
-  alignItemWithTrigger = true,
+  alignItemWithTrigger = false,
   ...props
 }) {
   return /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsx(
@@ -56,13 +56,13 @@ function SelectContent({
           "data-slot": "select-content",
           "data-align-trigger": alignItemWithTrigger,
           className: cn(
-            "sg: sg: sg:relative sg:isolate sg:z-50 sg:max-h-(--available-height) sg:w-(--anchor-width) sg:min-w-36 sg:origin-(--transform-origin) sg:overflow-x-hidden sg:overflow-y-auto sg:rounded-2xl sg:bg-popover sg:text-popover-foreground sg:shadow-2xl sg:ring-1 sg:ring-foreground/5 sg:duration-100 sg:data-[align-trigger=true]:animate-none sg:data-[side=bottom]:slide-in-from-top-2 sg:data-[side=inline-end]:slide-in-from-left-2 sg:data-[side=inline-start]:slide-in-from-right-2 sg:data-[side=left]:slide-in-from-right-2 sg:data-[side=right]:slide-in-from-left-2 sg:data-[side=top]:slide-in-from-bottom-2 sg:data-open:animate-in sg:data-open:fade-in-0 sg:data-open:zoom-in-95 sg:data-closed:animate-out sg:data-closed:fade-out-0 sg:data-closed:zoom-out-95",
+            "sg:relative sg:isolate sg:z-50 sg:w-(--anchor-width) sg:min-w-36 sg:origin-(--transform-origin) sg:overflow-hidden sg:rounded-md sg:border sg:border-border sg:bg-popover sg:p-1 sg:text-popover-foreground sg:shadow-md sg:duration-100 sg:data-[align-trigger=true]:animate-none sg:data-[side=bottom]:slide-in-from-top-2 sg:data-[side=inline-end]:slide-in-from-left-2 sg:data-[side=inline-start]:slide-in-from-right-2 sg:data-[side=left]:slide-in-from-right-2 sg:data-[side=right]:slide-in-from-left-2 sg:data-[side=top]:slide-in-from-bottom-2 sg:data-open:animate-in sg:data-open:fade-in-0 sg:data-open:zoom-in-95 sg:data-closed:animate-out sg:data-closed:fade-out-0 sg:data-closed:zoom-out-95",
             className
           ),
           ...props,
           children: [
             /* @__PURE__ */ jsx(SelectScrollUpButton, {}),
-            /* @__PURE__ */ jsx(SelectPrimitive.List, { children }),
+            /* @__PURE__ */ jsx(SelectPrimitive.List, { className: "sg:max-h-(--available-height) sg:scroll-py-1 sg:overflow-y-auto sg:overflow-x-hidden", children }),
             /* @__PURE__ */ jsx(SelectScrollDownButton, {})
           ]
         }
@@ -79,7 +79,7 @@ function SelectLabel({
     {
       "data-slot": "select-label",
       className: cn(
-        "sg:py-1.5 sg:pl-8 sg:pr-2 sg:text-md sg:font-semibold",
+        "sg:px-2 sg:py-1.5 sg:text-xs sg:font-semibold sg:text-muted-foreground",
         className
       ),
       ...props
@@ -96,7 +96,7 @@ function SelectItem({
     {
       "data-slot": "select-item",
       className: cn(
-        "sg:relative sg:flex sg:w-full sg:cursor-default sg:select-none sg:items-center sg:rounded-sm sg:py-1.5 sg:pl-8 sg:pr-2 sg:text-sm sg:outline-none sg:data-disabled:pointer-events-none sg:data-disabled:opacity-50 sg:focus:bg-accent sg:focus:text-accent-foreground",
+        "sg:relative sg:flex sg:w-full sg:cursor-default sg:select-none sg:items-center sg:rounded-sm sg:py-1.5 sg:pl-8 sg:pr-2 sg:text-sm sg:outline-none sg:transition-colors sg:scroll-my-0.5 sg:data-disabled:pointer-events-none sg:data-disabled:opacity-50 sg:data-highlighted:bg-accent sg:data-highlighted:text-accent-foreground sg:data-selected:font-medium sg:focus-visible:ring-2 sg:focus-visible:ring-inset sg:focus-visible:ring-ring sg:focus-visible:ring-offset-0",
         className
       ),
       ...props,
@@ -115,7 +115,7 @@ function SelectSeparator({
     SelectPrimitive.Separator,
     {
       "data-slot": "select-separator",
-      className: cn("sg:-mx-1 sg:my-1 sg:h-px sg:bg-muted", className),
+      className: cn("sg:-mx-1 sg:my-1 sg:h-px sg:bg-border", className),
       ...props
     }
   );
@@ -129,11 +129,11 @@ function SelectScrollUpButton({
     {
       "data-slot": "select-scroll-up-button",
       className: cn(
-        "sg:flex sg:cursor-default sg:items-center sg:justify-center sg:py-1",
+        "sg:z-1 sg:flex sg:cursor-default sg:items-center sg:justify-center sg:rounded-sm sg:bg-popover sg:py-1 sg:text-muted-foreground sg:focus-visible:outline-none sg:focus-visible:ring-2 sg:focus-visible:ring-inset sg:focus-visible:ring-ring sg:focus-visible:ring-offset-0",
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx(Icon, { icon: "ChevronUp" })
+      children: /* @__PURE__ */ jsx(Icon, { icon: "ChevronUp", className: "sg:size-4" })
     }
   );
 }
@@ -146,11 +146,11 @@ function SelectScrollDownButton({
     {
       "data-slot": "select-scroll-down-button",
       className: cn(
-        "sg:flex sg:cursor-default sg:items-center sg:justify-center sg:py-1",
+        "sg:z-1 sg:flex sg:cursor-default sg:items-center sg:justify-center sg:rounded-sm sg:bg-popover sg:py-1 sg:text-muted-foreground sg:focus-visible:outline-none sg:focus-visible:ring-2 sg:focus-visible:ring-inset sg:focus-visible:ring-ring sg:focus-visible:ring-offset-0",
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx(Icon, { icon: "ChevronDown" })
+      children: /* @__PURE__ */ jsx(Icon, { icon: "ChevronDown", className: "sg:size-4" })
     }
   );
 }

package/dist/components/primitives/forms/select.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/primitives/forms/select.tsx"],"sourcesContent":["\"use client\";\r\nimport * as React from \"react\";\r\nimport { Select as SelectPrimitive } from \"@base-ui/react\";\r\nimport { cn } from \"../../../utils/index\";\r\nimport { Icon } from \"../icon/icon\";\r\n\r\nconst Select = SelectPrimitive.Root;\r\nconst SelectGroup = SelectPrimitive.Group;\r\nconst SelectValue = SelectPrimitive.Value;\r\n\r\nfunction SelectTrigger({\r\n className,\r\n size = \"default\",\r\n children,\r\n ...props\r\n}: SelectPrimitive.Trigger.Props & {\r\n size?: \"sm\" \| \"default\";\r\n}) {\r\n return (\r\n <SelectPrimitive.Trigger\r\n data-slot=\"select-trigger\"\r\n data-size={size}\r\n className={cn(\r\n \"sg:flex sg:h-10 sg:w-full sg:items-center sg:justify-between sg:rounded-md sg:border sg:border-input sg:bg-background sg:px-3 sg:py-2 sg:text-sm sg:ring-offset-background sg:placeholder:text-muted-foreground sg:focus:outline-none sg:focus:ring-2 sg:focus:ring-ring sg:focus:ring-offset-2 sg:disabled:cursor-not-allowed sg:disabled:opacity-50 sg:[&>span]:line-clamp-1\",\r\n className,\r\n )}\r\n {...props}\r\n >\r\n {children}\r\n <SelectPrimitive.Icon render={<Icon icon=\"ChevronDown\" />} />\r\n </SelectPrimitive.Trigger>\r\n );\r\n}\r\nSelectTrigger.displayName = SelectPrimitive.Trigger.displayName;\r\n\r\nfunction SelectContent({\r\n className,\r\n children,\r\n side = \"bottom\",\r\n sideOffset = 4,\r\n align = \"~~center~~\",\r\n alignOffset = 0,\r\n alignItemWithTrigger = ~~true~~,\r\n ...props\r\n}: SelectPrimitive.Popup.Props &\r\n Pick<\r\n SelectPrimitive.Positioner.Props,\r\n \"align\" \| \"alignOffset\" \| \"side\" \| \"sideOffset\" \| \"alignItemWithTrigger\"\r\n >) {\r\n return (\r\n <SelectPrimitive.Portal>\r\n <SelectPrimitive.Positioner\r\n side={side}\r\n sideOffset={sideOffset}\r\n align={align}\r\n alignOffset={alignOffset}\r\n alignItemWithTrigger={alignItemWithTrigger}\r\n className=\"sg:isolate sg:z-50\"\r\n >\r\n <SelectPrimitive.Popup\r\n data-slot=\"select-content\"\r\n data-align-trigger={alignItemWithTrigger}\r\n className={cn(\r\n \"sg: ~~sg: sg:~~relative sg:isolate sg:z-50 sg:~~max-h-(--available-height) sg:~~w-(--anchor-width) sg:min-w-36 sg:origin-(--transform-origin) sg:overflow-x-hidden sg:~~overflow~~-~~y-auto~~ sg:~~rounded-2xl~~ sg:bg-~~popover~~ sg:~~text~~-popover~~-foreground~~ sg:~~shadow~~-~~2xl~~ sg:~~ring~~-1 sg:~~ring~~-~~foreground/5~~ sg:duration-100 sg:data-[align-trigger=true]:animate-none sg:data-[side=bottom]:slide-in-from-top-2 sg:data-[side=inline-end]:slide-in-from-left-2 sg:data-[side=inline-start]:slide-in-from-right-2 sg:data-[side=left]:slide-in-from-right-2 sg:data-[side=right]:slide-in-from-left-2 sg:data-[side=top]:slide-in-from-bottom-2 sg:data-open:animate-in sg:data-open:fade-in-0 sg:data-open:zoom-in-95 sg:data-closed:animate-out sg:data-closed:fade-out-0 sg:data-closed:zoom-out-95\",\r\n className,\r\n )}\r\n {...props}\r\n >\r\n <SelectScrollUpButton />\r\n <SelectPrimitive.List>{children}</SelectPrimitive.List>\r\n <SelectScrollDownButton />\r\n </SelectPrimitive.Popup>\r\n </SelectPrimitive.Positioner>\r\n </SelectPrimitive.Portal>\r\n );\r\n}\r\n\r\nfunction SelectLabel({\r\n className,\r\n ...props\r\n}: SelectPrimitive.GroupLabel.Props) {\r\n return (\r\n <SelectPrimitive.GroupLabel\r\n data-slot=\"select-label\"\r\n className={cn(\r\n \"sg:py-1.5 sg:pl-8 sg:pr-2 sg:text-~~md sg:font~~-~~semibold~~\",\r\n className,\r\n )}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\nfunction SelectItem({\r\n className,\r\n children,\r\n ...props\r\n}: SelectPrimitive.Item.Props) {\r\n return (\r\n <SelectPrimitive.Item\r\n data-slot=\"select-item\"\r\n className={cn(\r\n \"sg:relative sg:flex sg:w-full sg:cursor-default sg:select-none sg:items-center sg:rounded-sm sg:py-1.5 sg:pl-8 sg:pr-2 sg:text-sm sg:outline-none sg:data-disabled:pointer-events-none sg:data-disabled:opacity-50 sg:~~focus~~:bg-accent sg:~~focus~~:text-accent-foreground\",\r\n className,\r\n )}\r\n {...props}\r\n >\r\n <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\r\n\r\n <span className=\"sg:absolute sg:left-2 sg:flex sg:h-3.5 sg:w-3.5 sg:items-center sg:justify-center\">\r\n <SelectPrimitive.ItemIndicator>\r\n <Icon icon=\"Check\" />\r\n </SelectPrimitive.ItemIndicator>\r\n </span>\r\n </SelectPrimitive.Item>\r\n );\r\n}\r\n\r\nfunction SelectSeparator({\r\n className,\r\n ...props\r\n}: SelectPrimitive.Separator.Props) {\r\n return (\r\n <SelectPrimitive.Separator\r\n data-slot=\"select-separator\"\r\n className={cn(\"sg:-mx-1 sg:my-1 sg:h-px sg:bg-~~muted~~\", className)}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\nfunction SelectScrollUpButton({\r\n className,\r\n ...props\r\n}: React.ComponentProps<typeof SelectPrimitive.ScrollUpArrow>) {\r\n return (\r\n <SelectPrimitive.ScrollUpArrow\r\n data-slot=\"select-scroll-up-button\"\r\n className={cn(\r\n \"sg:flex sg:cursor-default sg:items-center sg:justify-center sg:py-1\",\r\n className,\r\n )}\r\n {...props}\r\n >\r\n <Icon icon=\"ChevronUp\" />\r\n </SelectPrimitive.ScrollUpArrow>\r\n );\r\n}\r\n\r\nfunction SelectScrollDownButton({\r\n className,\r\n ...props\r\n}: React.ComponentProps<typeof SelectPrimitive.ScrollDownArrow>) {\r\n return (\r\n <SelectPrimitive.ScrollDownArrow\r\n data-slot=\"select-scroll-down-button\"\r\n className={cn(\r\n \"sg:flex sg:cursor-default sg:items-center sg:justify-center sg:py-1\",\r\n className,\r\n )}\r\n {...props}\r\n >\r\n <Icon icon=\"ChevronDown\" />\r\n </SelectPrimitive.ScrollDownArrow>\r\n );\r\n}\r\n\r\nexport {\r\n Select,\r\n SelectContent,\r\n SelectGroup,\r\n SelectItem,\r\n SelectLabel,\r\n SelectScrollDownButton,\r\n SelectScrollUpButton,\r\n SelectSeparator,\r\n SelectTrigger,\r\n SelectValue,\r\n};\r\n"],"mappings":";AAmBI,SAUgC,KAVhC;AAlBJ,YAAY,WAAW;AACvB,SAAS,UAAU,uBAAuB;AAC1C,SAAS,UAAU;AACnB,SAAS,YAAY;AAErB,MAAM,SAAS,gBAAgB;AAC/B,MAAM,cAAc,gBAAgB;AACpC,MAAM,cAAc,gBAAgB;AAEpC,SAAS,cAAc;AAAA,EACrB;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA,GAAG;AACL,GAEG;AACD,SACE;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,aAAW;AAAA,MACX,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,QACD,oBAAC,gBAAgB,MAAhB,EAAqB,QAAQ,oBAAC,QAAK,MAAK,eAAc,GAAI;AAAA;AAAA;AAAA,EAC7D;AAEJ;AACA,cAAc,cAAc,gBAAgB,QAAQ;AAEpD,SAAS,cAAc;AAAA,EACrB;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,uBAAuB;AAAA,EACvB,GAAG;AACL,GAIK;AACH,SACE,oBAAC,gBAAgB,QAAhB,EACC;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAU;AAAA,MAEV;AAAA,QAAC,gBAAgB;AAAA,QAAhB;AAAA,UACC,aAAU;AAAA,UACV,sBAAoB;AAAA,UACpB,WAAW;AAAA,YACT;AAAA,YACA;AAAA,UACF;AAAA,UACC,GAAG;AAAA,UAEJ;AAAA,gCAAC,wBAAqB;AAAA,YACtB,oBAAC,gBAAgB,MAAhB,~~EAAsB~~,~~UAAS~~;AAAA,~~YAChC~~,oBAAC,0BAAuB;AAAA;AAAA;AAAA,MAC1B;AAAA;AAAA,EACF,GACF;AAEJ;AAEA,SAAS,YAAY;AAAA,EACnB;AAAA,EACA,GAAG;AACL,GAAqC;AACnC,SACE;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,WAAW;AAAA,EAClB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA+B;AAC7B,SACE;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA,4BAAC,gBAAgB,UAAhB,EAA0B,UAAS;AAAA,QAEpC,oBAAC,UAAK,WAAU,qFACd,8BAAC,gBAAgB,eAAhB,EACC,8BAAC,QAAK,MAAK,SAAQ,GACrB,GACF;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,SAAS,gBAAgB;AAAA,EACvB;AAAA,EACA,GAAG;AACL,GAAoC;AAClC,SACE;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,~~wCAAwC~~,SAAS;AAAA,~~MAC9D~~,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,qBAAqB;AAAA,EAC5B;AAAA,EACA,GAAG;AACL,GAA+D;AAC7D,SACE;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEJ,8BAAC,QAAK,MAAK,aAAY;AAAA;AAAA,~~EACzB~~;AAEJ;AAEA,SAAS,uBAAuB;AAAA,EAC9B;AAAA,EACA,GAAG;AACL,GAAiE;AAC/D,SACE;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEJ,8BAAC,QAAK,MAAK,eAAc;AAAA;AAAA,~~EAC3B~~;AAEJ;","names":[]}
1	+ {"version":3,"sources":["../../../../src/components/primitives/forms/select.tsx"],"sourcesContent":["\"use client\";\r\nimport * as React from \"react\";\r\nimport { Select as SelectPrimitive } from \"@base-ui/react\";\r\nimport { cn } from \"../../../utils/index\";\r\nimport { Icon } from \"../icon/icon\";\r\n\r\nconst Select = SelectPrimitive.Root;\r\nconst SelectGroup = SelectPrimitive.Group;\r\nconst SelectValue = SelectPrimitive.Value;\r\n\r\nfunction SelectTrigger({\r\n className,\r\n size = \"default\",\r\n children,\r\n ...props\r\n}: SelectPrimitive.Trigger.Props & {\r\n size?: \"sm\" \| \"default\";\r\n}) {\r\n return (\r\n <SelectPrimitive.Trigger\r\n data-slot=\"select-trigger\"\r\n data-size={size}\r\n className={cn(\r\n \"sg:flex sg:h-10 sg:w-full sg:items-center sg:justify-between sg:rounded-md sg:border sg:border-input sg:bg-background sg:px-3 sg:py-2 sg:text-sm sg:ring-offset-background sg:placeholder:text-muted-foreground sg:focus-visible:outline-none sg:focus-visible:ring-2 sg:focus-visible:ring-ring sg:focus-visible:ring-offset-2 sg:disabled:cursor-not-allowed sg:disabled:opacity-50 sg:[&>span]:line-clamp-1\",\r\n className,\r\n )}\r\n {...props}\r\n >\r\n {children}\r\n <SelectPrimitive.Icon render={<Icon icon=\"ChevronDown\" />} />\r\n </SelectPrimitive.Trigger>\r\n );\r\n}\r\nSelectTrigger.displayName = SelectPrimitive.Trigger.displayName;\r\n\r\nfunction SelectContent({\r\n className,\r\n children,\r\n side = \"bottom\",\r\n sideOffset = 4,\r\n align = \"start\",\r\n alignOffset = 0,\r\n alignItemWithTrigger = false,\r\n ...props\r\n}: SelectPrimitive.Popup.Props &\r\n Pick<\r\n SelectPrimitive.Positioner.Props,\r\n \"align\" \| \"alignOffset\" \| \"side\" \| \"sideOffset\" \| \"alignItemWithTrigger\"\r\n >) {\r\n return (\r\n <SelectPrimitive.Portal>\r\n <SelectPrimitive.Positioner\r\n side={side}\r\n sideOffset={sideOffset}\r\n align={align}\r\n alignOffset={alignOffset}\r\n alignItemWithTrigger={alignItemWithTrigger}\r\n className=\"sg:isolate sg:z-50\"\r\n >\r\n <SelectPrimitive.Popup\r\n data-slot=\"select-content\"\r\n data-align-trigger={alignItemWithTrigger}\r\n className={cn(\r\n \"sg:relative sg:isolate sg:z-50 sg:w-(--anchor-width) sg:min-w-36 sg:origin-(--transform-origin) sg:overflow-hidden sg:rounded-md sg:border sg:border-border sg:bg-popover sg:p-1 sg:text-popover-foreground sg:shadow-md sg:duration-100 sg:data-[align-trigger=true]:animate-none sg:data-[side=bottom]:slide-in-from-top-2 sg:data-[side=inline-end]:slide-in-from-left-2 sg:data-[side=inline-start]:slide-in-from-right-2 sg:data-[side=left]:slide-in-from-right-2 sg:data-[side=right]:slide-in-from-left-2 sg:data-[side=top]:slide-in-from-bottom-2 sg:data-open:animate-in sg:data-open:fade-in-0 sg:data-open:zoom-in-95 sg:data-closed:animate-out sg:data-closed:fade-out-0 sg:data-closed:zoom-out-95\",\r\n className,\r\n )}\r\n {...props}\r\n >\r\n <SelectScrollUpButton />\r\n <SelectPrimitive.List className=\"sg:max-h-(--available-height) sg:scroll-py-1 sg:overflow-y-auto sg:overflow-x-hidden\">\r\n {children}\r\n </SelectPrimitive.List>\r\n <SelectScrollDownButton />\r\n </SelectPrimitive.Popup>\r\n </SelectPrimitive.Positioner>\r\n </SelectPrimitive.Portal>\r\n );\r\n}\r\n\r\nfunction SelectLabel({\r\n className,\r\n ...props\r\n}: SelectPrimitive.GroupLabel.Props) {\r\n return (\r\n <SelectPrimitive.GroupLabel\r\n data-slot=\"select-label\"\r\n className={cn(\r\n \"sg:px-2 sg:py-1.5 sg:text-xs sg:font-semibold sg:text-muted-foreground\",\r\n className,\r\n )}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\nfunction SelectItem({\r\n className,\r\n children,\r\n ...props\r\n}: SelectPrimitive.Item.Props) {\r\n return (\r\n <SelectPrimitive.Item\r\n data-slot=\"select-item\"\r\n className={cn(\r\n \"sg:relative sg:flex sg:w-full sg:cursor-default sg:select-none sg:items-center sg:rounded-sm sg:py-1.5 sg:pl-8 sg:pr-2 sg:text-sm sg:outline-none sg:transition-colors sg:scroll-my-0.5 sg:data-disabled:pointer-events-none sg:data-disabled:opacity-50 sg:data-highlighted:bg-accent sg:data-highlighted:text-accent-foreground sg:data-selected:font-medium sg:focus-visible:ring-2 sg:focus-visible:ring-inset sg:focus-visible:ring-ring sg:focus-visible:ring-offset-0\",\r\n className,\r\n )}\r\n {...props}\r\n >\r\n <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\r\n\r\n <span className=\"sg:absolute sg:left-2 sg:flex sg:h-3.5 sg:w-3.5 sg:items-center sg:justify-center\">\r\n <SelectPrimitive.ItemIndicator>\r\n <Icon icon=\"Check\" />\r\n </SelectPrimitive.ItemIndicator>\r\n </span>\r\n </SelectPrimitive.Item>\r\n );\r\n}\r\n\r\nfunction SelectSeparator({\r\n className,\r\n ...props\r\n}: SelectPrimitive.Separator.Props) {\r\n return (\r\n <SelectPrimitive.Separator\r\n data-slot=\"select-separator\"\r\n className={cn(\"sg:-mx-1 sg:my-1 sg:h-px sg:bg-border\", className)}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\nfunction SelectScrollUpButton({\r\n className,\r\n ...props\r\n}: React.ComponentProps<typeof SelectPrimitive.ScrollUpArrow>) {\r\n return (\r\n <SelectPrimitive.ScrollUpArrow\r\n data-slot=\"select-scroll-up-button\"\r\n className={cn(\r\n \"sg:z-1 sg:flex sg:cursor-default sg:items-center sg:justify-center sg:rounded-sm sg:bg-popover sg:py-1 sg:text-muted-foreground sg:focus-visible:outline-none sg:focus-visible:ring-2 sg:focus-visible:ring-inset sg:focus-visible:ring-ring sg:focus-visible:ring-offset-0\",\r\n className,\r\n )}\r\n {...props}\r\n >\r\n <Icon icon=\"ChevronUp\" className=\"sg:size-4\" />\r\n </SelectPrimitive.ScrollUpArrow>\r\n );\r\n}\r\n\r\nfunction SelectScrollDownButton({\r\n className,\r\n ...props\r\n}: React.ComponentProps<typeof SelectPrimitive.ScrollDownArrow>) {\r\n return (\r\n <SelectPrimitive.ScrollDownArrow\r\n data-slot=\"select-scroll-down-button\"\r\n className={cn(\r\n \"sg:z-1 sg:flex sg:cursor-default sg:items-center sg:justify-center sg:rounded-sm sg:bg-popover sg:py-1 sg:text-muted-foreground sg:focus-visible:outline-none sg:focus-visible:ring-2 sg:focus-visible:ring-inset sg:focus-visible:ring-ring sg:focus-visible:ring-offset-0\",\r\n className,\r\n )}\r\n {...props}\r\n >\r\n <Icon icon=\"ChevronDown\" className=\"sg:size-4\" />\r\n </SelectPrimitive.ScrollDownArrow>\r\n );\r\n}\r\n\r\nexport {\r\n Select,\r\n SelectContent,\r\n SelectGroup,\r\n SelectItem,\r\n SelectLabel,\r\n SelectScrollDownButton,\r\n SelectScrollUpButton,\r\n SelectSeparator,\r\n SelectTrigger,\r\n SelectValue,\r\n};\r\n"],"mappings":";AAmBI,SAUgC,KAVhC;AAlBJ,YAAY,WAAW;AACvB,SAAS,UAAU,uBAAuB;AAC1C,SAAS,UAAU;AACnB,SAAS,YAAY;AAErB,MAAM,SAAS,gBAAgB;AAC/B,MAAM,cAAc,gBAAgB;AACpC,MAAM,cAAc,gBAAgB;AAEpC,SAAS,cAAc;AAAA,EACrB;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA,GAAG;AACL,GAEG;AACD,SACE;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,aAAW;AAAA,MACX,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,QACD,oBAAC,gBAAgB,MAAhB,EAAqB,QAAQ,oBAAC,QAAK,MAAK,eAAc,GAAI;AAAA;AAAA;AAAA,EAC7D;AAEJ;AACA,cAAc,cAAc,gBAAgB,QAAQ;AAEpD,SAAS,cAAc;AAAA,EACrB;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,uBAAuB;AAAA,EACvB,GAAG;AACL,GAIK;AACH,SACE,oBAAC,gBAAgB,QAAhB,EACC;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAU;AAAA,MAEV;AAAA,QAAC,gBAAgB;AAAA,QAAhB;AAAA,UACC,aAAU;AAAA,UACV,sBAAoB;AAAA,UACpB,WAAW;AAAA,YACT;AAAA,YACA;AAAA,UACF;AAAA,UACC,GAAG;AAAA,UAEJ;AAAA,gCAAC,wBAAqB;AAAA,YACtB,oBAAC,gBAAgB,MAAhB,EAAqB,WAAU,wFAC7B,UACH;AAAA,YACA,oBAAC,0BAAuB;AAAA;AAAA;AAAA,MAC1B;AAAA;AAAA,EACF,GACF;AAEJ;AAEA,SAAS,YAAY;AAAA,EACnB;AAAA,EACA,GAAG;AACL,GAAqC;AACnC,SACE;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,WAAW;AAAA,EAClB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA+B;AAC7B,SACE;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA,4BAAC,gBAAgB,UAAhB,EAA0B,UAAS;AAAA,QAEpC,oBAAC,UAAK,WAAU,qFACd,8BAAC,gBAAgB,eAAhB,EACC,8BAAC,QAAK,MAAK,SAAQ,GACrB,GACF;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,SAAS,gBAAgB;AAAA,EACvB;AAAA,EACA,GAAG;AACL,GAAoC;AAClC,SACE;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,yCAAyC,SAAS;AAAA,MAC/D,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,qBAAqB;AAAA,EAC5B;AAAA,EACA,GAAG;AACL,GAA+D;AAC7D,SACE;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEJ,8BAAC,QAAK,MAAK,aAAY,WAAU,aAAY;AAAA;AAAA,EAC/C;AAEJ;AAEA,SAAS,uBAAuB;AAAA,EAC9B;AAAA,EACA,GAAG;AACL,GAAiE;AAC/D,SACE;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEJ,8BAAC,QAAK,MAAK,eAAc,WAAU,aAAY;AAAA;AAAA,EACjD;AAEJ;","names":[]}

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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":[]}
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 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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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":[]}
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/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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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":[]}
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-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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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":[]}
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 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 CHANGED Viewed

@@ -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/form/form.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import * as React from 'react';
-declare function Form(): React.JSX.Element;
+declare function CheckoutForm(): React.JSX.Element;
-export { Form as default };
+export { CheckoutForm as default };