@skybin-tech/nebula-ui 0.0.28 → 0.0.30

package/dist/primitives/sheet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sheet.js","names":[],"sources":["../../src/primitives/sheet.tsx"],"sourcesContent":["import * as React from \"react\"\nimport * as SheetPrimitive from \"@radix-ui/react-dialog\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { X } from \"lucide-react\"\n\nimport { cn } from \"@/utils/index\"\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      \"fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 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  \"fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500\",\n  {\n    variants: {\n      side: {\n        top: \"inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top\",\n        bottom:\n          \"inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom\",\n        left: \"inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm\",\n        right:\n          \"inset-y-0 right-0 h-full w-3/4  border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm\",\n      },\n    },\n    defaultVariants: {\n      side: \"right\",\n    },\n  }\n)\n\ninterface SheetContentProps\n  extends 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      {children}\n      <SheetPrimitive.Close className=\"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary\">\n        <X className=\"h-4 w-4\" />\n        <span className=\"sr-only\">Close</span>\n      </SheetPrimitive.Close>\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      \"flex flex-col space-y-2 text-center 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      \"flex flex-col-reverse sm:flex-row sm:justify-end 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(\"text-lg font-semibold 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(\"text-sm 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":";;;;;;;;AAOA,IAAM,QAAQ,eAAe;AAE7B,IAAM,eAAe,eAAe;AAEpC,IAAM,aAAa,eAAe;AAElC,IAAM,cAAc,eAAe;AAEnC,IAAM,eAAe,MAAM,YAGxB,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAAC,eAAe,SAAhB;CACE,WAAW,GACT,2JACA,SACF;CACA,GAAI;CACC;AACN,CAAA,CACF;AACD,aAAa,cAAc,eAAe,QAAQ;AAElD,IAAM,gBAAgB,IACpB,oMACA;CACE,UAAU,EACR,MAAM;EACJ,KAAK;EACL,QACE;EACF,MAAM;EACN,OACE;CACJ,EACF;CACA,iBAAiB,EACf,MAAM,QACR;AACF,CACF;AAMA,IAAM,eAAe,MAAM,YAGxB,EAAE,OAAO,SAAS,WAAW,UAAU,GAAG,SAAS,QACpD,qBAAC,aAAD,EAAA,UAAA,CACE,oBAAC,cAAD,CAAe,CAAA,GACf,qBAAC,eAAe,SAAhB;CACO;CACL,WAAW,GAAG,cAAc,EAAE,KAAK,CAAC,GAAG,SAAS;CAChD,GAAI;CAHN,UAAA,CAKG,UACD,qBAAC,eAAe,OAAhB;EAAsB,WAAU;EAAhC,UAAA,CACE,oBAAC,GAAD,EAAG,WAAU,UAAW,CAAA,GACxB,oBAAC,QAAD;GAAM,WAAU;GAAU,UAAA;EAAW,CAAA,CACjB;CACA,CAAA,CAAA;AACb,CAAA,CAAA,EAAA,CAAA,CACd;AACD,aAAa,cAAc,eAAe,QAAQ;AAElD,IAAM,eAAe,EACnB,WACA,GAAG,YAEH,oBAAC,OAAD;CACE,WAAW,GACT,oDACA,SACF;CACA,GAAI;AACL,CAAA;AAEH,YAAY,cAAc;AAE1B,IAAM,eAAe,EACnB,WACA,GAAG,YAEH,oBAAC,OAAD;CACE,WAAW,GACT,iEACA,SACF;CACA,GAAI;AACL,CAAA;AAEH,YAAY,cAAc;AAE1B,IAAM,aAAa,MAAM,YAGtB,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAAC,eAAe,OAAhB;CACO;CACL,WAAW,GAAG,yCAAyC,SAAS;CAChE,GAAI;AACL,CAAA,CACF;AACD,WAAW,cAAc,eAAe,MAAM;AAE9C,IAAM,mBAAmB,MAAM,YAG5B,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAAC,eAAe,aAAhB;CACO;CACL,WAAW,GAAG,iCAAiC,SAAS;CACxD,GAAI;AACL,CAAA,CACF;AACD,iBAAiB,cAAc,eAAe,YAAY"}

package/dist/primitives/slider.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+import * as SliderPrimitive from "@radix-ui/react-slider";
+declare const Slider: React.ForwardRefExoticComponent<Omit<SliderPrimitive.SliderProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export { Slider };
+//# sourceMappingURL=slider.d.ts.map

package/dist/primitives/slider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../src/primitives/slider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAIzD,QAAA,MAAM,MAAM,yJAiBV,CAAA;AAGF,OAAO,EAAE,MAAM,EAAE,CAAA"}

package/dist/primitives/slider.js

@@ -0,0 +1,20 @@
+"use client";
+import { cn } from "../utils/cn.js";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as SliderPrimitive from "@radix-ui/react-slider";
+//#region src/primitives/slider.tsx
+var Slider = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs(SliderPrimitive.Root, {
+	ref,
+	className: cn("relative flex w-full touch-none select-none items-center", className),
+	...props,
+	children: [/* @__PURE__ */ jsx(SliderPrimitive.Track, {
+		className: "relative h-2 w-full grow overflow-hidden rounded-full bg-secondary",
+		children: /* @__PURE__ */ jsx(SliderPrimitive.Range, { className: "absolute h-full bg-primary" })
+	}), /* @__PURE__ */ jsx(SliderPrimitive.Thumb, { className: "block h-5 w-5 rounded-full border-2 border-primary bg-background ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50" })]
+}));
+Slider.displayName = SliderPrimitive.Root.displayName;
+//#endregion
+export { Slider };
+
+//# sourceMappingURL=slider.js.map

package/dist/primitives/slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.js","names":[],"sources":["../../src/primitives/slider.tsx"],"sourcesContent":["import * as React from \"react\"\nimport * as SliderPrimitive from \"@radix-ui/react-slider\"\n\nimport { cn } from \"@/utils/index\"\n\nconst Slider = React.forwardRef<\n  React.ElementRef<typeof SliderPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof SliderPrimitive.Root>\n>(({ className, ...props }, ref) => (\n  <SliderPrimitive.Root\n    ref={ref}\n    className={cn(\n      \"relative flex w-full touch-none select-none items-center\",\n      className\n    )}\n    {...props}\n  >\n    <SliderPrimitive.Track className=\"relative h-2 w-full grow overflow-hidden rounded-full bg-secondary\">\n      <SliderPrimitive.Range className=\"absolute h-full bg-primary\" />\n    </SliderPrimitive.Track>\n    <SliderPrimitive.Thumb className=\"block h-5 w-5 rounded-full border-2 border-primary bg-background ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50\" />\n  </SliderPrimitive.Root>\n))\nSlider.displayName = SliderPrimitive.Root.displayName\n\nexport { Slider }\n"],"mappings":";;;;;;AAKA,IAAM,SAAS,MAAM,YAGlB,EAAE,WAAW,GAAG,SAAS,QAC1B,qBAAC,gBAAgB,MAAjB;CACO;CACL,WAAW,GACT,4DACA,SACF;CACA,GAAI;CANN,UAAA,CAQE,oBAAC,gBAAgB,OAAjB;EAAuB,WAAU;EAC/B,UAAA,oBAAC,gBAAgB,OAAjB,EAAuB,WAAU,6BAA8B,CAAA;CAC1C,CAAA,GACvB,oBAAC,gBAAgB,OAAjB,EAAuB,WAAU,iQAAkQ,CAAA,CAC/Q;AACvB,CAAA,CAAA;AACD,OAAO,cAAc,gBAAgB,KAAK"}

package/dist/primitives/sonner.js.map

@@ -1 +1 @@
-{"version":3,"file":"sonner.js","names":[],"sources":["../../src/primitives/sonner.tsx"],"sourcesContent":["import { Toaster as Sonner, type ToasterProps } from \"sonner\"\n\nfunction Toaster({ ...props }: ToasterProps) {\n  return (\n    <Sonner\n      className=\"toaster group\"\n      toastOptions={{\n        classNames: {\n          toast: \"group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg\",\n          description: \"group-[.toast]:text-muted-foreground\",\n          actionButton: \"group-[.toast]:bg-primary group-[.toast]:text-primary-foreground\",\n          cancelButton: \"group-[.toast]:bg-muted group-[.toast]:text-muted-foreground\",\n        },\n      }}\n      {...props}\n    />\n  )\n}\n\nexport { Toaster }\n"],"mappings":";;;;AAEA,SAAS,UAAQ,EAAE,GAAG,SAAuB;CAC3C,OACE,oBAAC,SAAD;EACE,WAAU;EACV,cAAc,EACZ,YAAY;GACV,OAAO;GACP,aAAa;GACb,cAAc;GACd,cAAc;EAChB,EACF;EACA,GAAI;CACL,CAAA;AAEL"}
+{"version":3,"file":"sonner.js","names":[],"sources":["../../src/primitives/sonner.tsx"],"sourcesContent":["import { Toaster as Sonner, type ToasterProps } from \"sonner\"\r\n\r\nfunction Toaster({ ...props }: ToasterProps) {\r\n  return (\r\n    <Sonner\r\n      className=\"toaster group\"\r\n      toastOptions={{\r\n        classNames: {\r\n          toast: \"group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg\",\r\n          description: \"group-[.toast]:text-muted-foreground\",\r\n          actionButton: \"group-[.toast]:bg-primary group-[.toast]:text-primary-foreground\",\r\n          cancelButton: \"group-[.toast]:bg-muted group-[.toast]:text-muted-foreground\",\r\n        },\r\n      }}\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\nexport { Toaster }\r\n"],"mappings":";;;;AAEA,SAAS,UAAQ,EAAE,GAAG,SAAuB;CAC3C,OACE,oBAAC,SAAD;EACE,WAAU;EACV,cAAc,EACZ,YAAY;GACV,OAAO;GACP,aAAa;GACb,cAAc;GACd,cAAc;EAChB,EACF;EACA,GAAI;CACL,CAAA;AAEL"}

package/dist/primitives/switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"switch.js","names":[],"sources":["../../src/primitives/switch.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as SwitchPrimitives from \"@radix-ui/react-switch\"\n\nimport { cn } from \"@/utils\"\n\nconst Switch = React.forwardRef<\n  React.ElementRef<typeof SwitchPrimitives.Root>,\n  React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root>\n>(({ className, ...props }, ref) => (\n  <SwitchPrimitives.Root\n    className={cn(\n      \"peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input\",\n      className\n    )}\n    {...props}\n    ref={ref}\n  >\n    <SwitchPrimitives.Thumb\n      className={cn(\n        \"pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0\"\n      )}\n    />\n  </SwitchPrimitives.Root>\n))\nSwitch.displayName = SwitchPrimitives.Root.displayName\n\nexport { Switch }\n"],"mappings":";;;;;;;AAOA,IAAM,SAAS,MAAM,YAGlB,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAAC,iBAAiB,MAAlB;CACE,WAAW,GACT,sXACA,SACF;CACA,GAAI;CACC;WAEL,oBAAC,iBAAiB,OAAlB,EACE,WAAW,GACT,4KACF,EACD,CAAA;AACoB,CAAA,CACxB;AACD,OAAO,cAAc,iBAAiB,KAAK"}
+{"version":3,"file":"switch.js","names":[],"sources":["../../src/primitives/switch.tsx"],"sourcesContent":["\"use client\"\r\n\r\nimport * as React from \"react\"\r\nimport * as SwitchPrimitives from \"@radix-ui/react-switch\"\r\n\r\nimport { cn } from \"@/utils\"\r\n\r\nconst Switch = React.forwardRef<\r\n  React.ElementRef<typeof SwitchPrimitives.Root>,\r\n  React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root>\r\n>(({ className, ...props }, ref) => (\r\n  <SwitchPrimitives.Root\r\n    className={cn(\r\n      \"peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input\",\r\n      className\r\n    )}\r\n    {...props}\r\n    ref={ref}\r\n  >\r\n    <SwitchPrimitives.Thumb\r\n      className={cn(\r\n        \"pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0\"\r\n      )}\r\n    />\r\n  </SwitchPrimitives.Root>\r\n))\r\nSwitch.displayName = SwitchPrimitives.Root.displayName\r\n\r\nexport { Switch }\r\n"],"mappings":";;;;;;;AAOA,IAAM,SAAS,MAAM,YAGlB,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAAC,iBAAiB,MAAlB;CACE,WAAW,GACT,sXACA,SACF;CACA,GAAI;CACC;CAEL,UAAA,oBAAC,iBAAiB,OAAlB,EACE,WAAW,GACT,4KACF,EACD,CAAA;AACoB,CAAA,CACxB;AACD,OAAO,cAAc,iBAAiB,KAAK"}

package/dist/primitives/table.js.map

@@ -1 +1 @@
-{"version":3,"file":"table.js","names":[],"sources":["../../src/primitives/table.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { cn } from \"@/utils/cn\"\n\nconst Table = React.forwardRef<HTMLTableElement, React.HTMLAttributes<HTMLTableElement>>(\n  ({ className, ...props }, ref) => (\n    <div className=\"relative w-full overflow-auto\">\n      <table ref={ref} className={cn(\"w-full caption-bottom text-sm\", className)} {...props} />\n    </div>\n  )\n)\nTable.displayName = \"Table\"\n\nconst TableHeader = React.forwardRef<HTMLTableSectionElement, React.HTMLAttributes<HTMLTableSectionElement>>(\n  ({ className, ...props }, ref) => (\n    <thead ref={ref} className={cn(\"[&_tr]:border-b\", className)} {...props} />\n  )\n)\nTableHeader.displayName = \"TableHeader\"\n\nconst TableBody = React.forwardRef<HTMLTableSectionElement, React.HTMLAttributes<HTMLTableSectionElement>>(\n  ({ className, ...props }, ref) => (\n    <tbody ref={ref} className={cn(\"[&_tr:last-child]:border-0\", className)} {...props} />\n  )\n)\nTableBody.displayName = \"TableBody\"\n\nconst TableFooter = React.forwardRef<HTMLTableSectionElement, React.HTMLAttributes<HTMLTableSectionElement>>(\n  ({ className, ...props }, ref) => (\n    <tfoot ref={ref} className={cn(\"border-t bg-muted/50 font-medium [&>tr]:last:border-b-0\", className)} {...props} />\n  )\n)\nTableFooter.displayName = \"TableFooter\"\n\nconst TableRow = React.forwardRef<HTMLTableRowElement, React.HTMLAttributes<HTMLTableRowElement>>(\n  ({ className, ...props }, ref) => (\n    <tr\n      ref={ref}\n      className={cn(\"border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted\", className)}\n      {...props}\n    />\n  )\n)\nTableRow.displayName = \"TableRow\"\n\nconst TableHead = React.forwardRef<HTMLTableCellElement, React.ThHTMLAttributes<HTMLTableCellElement>>(\n  ({ className, ...props }, ref) => (\n    <th\n      ref={ref}\n      className={cn(\"h-12 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0\", className)}\n      {...props}\n    />\n  )\n)\nTableHead.displayName = \"TableHead\"\n\nconst TableCell = React.forwardRef<HTMLTableCellElement, React.TdHTMLAttributes<HTMLTableCellElement>>(\n  ({ className, ...props }, ref) => (\n    <td ref={ref} className={cn(\"p-4 align-middle [&:has([role=checkbox])]:pr-0\", className)} {...props} />\n  )\n)\nTableCell.displayName = \"TableCell\"\n\nconst TableCaption = React.forwardRef<HTMLTableCaptionElement, React.HTMLAttributes<HTMLTableCaptionElement>>(\n  ({ className, ...props }, ref) => (\n    <caption ref={ref} className={cn(\"mt-4 text-sm text-muted-foreground\", className)} {...props} />\n  )\n)\nTableCaption.displayName = \"TableCaption\"\n\nexport { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption }\n"],"mappings":";;;;;AAGA,IAAM,QAAQ,MAAM,YACjB,EAAE,WAAW,GAAG,SAAS,QACxB,oBAAC,OAAD;CAAK,WAAU;WACb,oBAAC,SAAD;EAAY;EAAK,WAAW,GAAG,iCAAiC,SAAS;EAAG,GAAI;CAAQ,CAAA;AACrF,CAAA,CAET;AACA,MAAM,cAAc;AAEpB,IAAM,cAAc,MAAM,YACvB,EAAE,WAAW,GAAG,SAAS,QACxB,oBAAC,SAAD;CAAY;CAAK,WAAW,GAAG,mBAAmB,SAAS;CAAG,GAAI;AAAQ,CAAA,CAE9E;AACA,YAAY,cAAc;AAE1B,IAAM,YAAY,MAAM,YACrB,EAAE,WAAW,GAAG,SAAS,QACxB,oBAAC,SAAD;CAAY;CAAK,WAAW,GAAG,8BAA8B,SAAS;CAAG,GAAI;AAAQ,CAAA,CAEzF;AACA,UAAU,cAAc;AAExB,IAAM,cAAc,MAAM,YACvB,EAAE,WAAW,GAAG,SAAS,QACxB,oBAAC,SAAD;CAAY;CAAK,WAAW,GAAG,2DAA2D,SAAS;CAAG,GAAI;AAAQ,CAAA,CAEtH;AACA,YAAY,cAAc;AAE1B,IAAM,WAAW,MAAM,YACpB,EAAE,WAAW,GAAG,SAAS,QACxB,oBAAC,MAAD;CACO;CACL,WAAW,GAAG,+EAA+E,SAAS;CACtG,GAAI;AACL,CAAA,CAEL;AACA,SAAS,cAAc;AAEvB,IAAM,YAAY,MAAM,YACrB,EAAE,WAAW,GAAG,SAAS,QACxB,oBAAC,MAAD;CACO;CACL,WAAW,GAAG,oGAAoG,SAAS;CAC3H,GAAI;AACL,CAAA,CAEL;AACA,UAAU,cAAc;AAExB,IAAM,YAAY,MAAM,YACrB,EAAE,WAAW,GAAG,SAAS,QACxB,oBAAC,MAAD;CAAS;CAAK,WAAW,GAAG,kDAAkD,SAAS;CAAG,GAAI;AAAQ,CAAA,CAE1G;AACA,UAAU,cAAc;AAExB,IAAM,eAAe,MAAM,YACxB,EAAE,WAAW,GAAG,SAAS,QACxB,oBAAC,WAAD;CAAc;CAAK,WAAW,GAAG,sCAAsC,SAAS;CAAG,GAAI;AAAQ,CAAA,CAEnG;AACA,aAAa,cAAc"}
+{"version":3,"file":"table.js","names":[],"sources":["../../src/primitives/table.tsx"],"sourcesContent":["import * as React from \"react\"\r\nimport { cn } from \"@/utils/cn\"\r\n\r\nconst Table = React.forwardRef<HTMLTableElement, React.HTMLAttributes<HTMLTableElement>>(\r\n  ({ className, ...props }, ref) => (\r\n    <div className=\"relative w-full overflow-auto\">\r\n      <table ref={ref} className={cn(\"w-full caption-bottom text-sm\", className)} {...props} />\r\n    </div>\r\n  )\r\n)\r\nTable.displayName = \"Table\"\r\n\r\nconst TableHeader = React.forwardRef<HTMLTableSectionElement, React.HTMLAttributes<HTMLTableSectionElement>>(\r\n  ({ className, ...props }, ref) => (\r\n    <thead ref={ref} className={cn(\"[&_tr]:border-b\", className)} {...props} />\r\n  )\r\n)\r\nTableHeader.displayName = \"TableHeader\"\r\n\r\nconst TableBody = React.forwardRef<HTMLTableSectionElement, React.HTMLAttributes<HTMLTableSectionElement>>(\r\n  ({ className, ...props }, ref) => (\r\n    <tbody ref={ref} className={cn(\"[&_tr:last-child]:border-0\", className)} {...props} />\r\n  )\r\n)\r\nTableBody.displayName = \"TableBody\"\r\n\r\nconst TableFooter = React.forwardRef<HTMLTableSectionElement, React.HTMLAttributes<HTMLTableSectionElement>>(\r\n  ({ className, ...props }, ref) => (\r\n    <tfoot ref={ref} className={cn(\"border-t bg-muted/50 font-medium [&>tr]:last:border-b-0\", className)} {...props} />\r\n  )\r\n)\r\nTableFooter.displayName = \"TableFooter\"\r\n\r\nconst TableRow = React.forwardRef<HTMLTableRowElement, React.HTMLAttributes<HTMLTableRowElement>>(\r\n  ({ className, ...props }, ref) => (\r\n    <tr\r\n      ref={ref}\r\n      className={cn(\"border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted\", className)}\r\n      {...props}\r\n    />\r\n  )\r\n)\r\nTableRow.displayName = \"TableRow\"\r\n\r\nconst TableHead = React.forwardRef<HTMLTableCellElement, React.ThHTMLAttributes<HTMLTableCellElement>>(\r\n  ({ className, ...props }, ref) => (\r\n    <th\r\n      ref={ref}\r\n      className={cn(\"h-12 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0\", className)}\r\n      {...props}\r\n    />\r\n  )\r\n)\r\nTableHead.displayName = \"TableHead\"\r\n\r\nconst TableCell = React.forwardRef<HTMLTableCellElement, React.TdHTMLAttributes<HTMLTableCellElement>>(\r\n  ({ className, ...props }, ref) => (\r\n    <td ref={ref} className={cn(\"p-4 align-middle [&:has([role=checkbox])]:pr-0\", className)} {...props} />\r\n  )\r\n)\r\nTableCell.displayName = \"TableCell\"\r\n\r\nconst TableCaption = React.forwardRef<HTMLTableCaptionElement, React.HTMLAttributes<HTMLTableCaptionElement>>(\r\n  ({ className, ...props }, ref) => (\r\n    <caption ref={ref} className={cn(\"mt-4 text-sm text-muted-foreground\", className)} {...props} />\r\n  )\r\n)\r\nTableCaption.displayName = \"TableCaption\"\r\n\r\nexport { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption }\r\n"],"mappings":";;;;;AAGA,IAAM,QAAQ,MAAM,YACjB,EAAE,WAAW,GAAG,SAAS,QACxB,oBAAC,OAAD;CAAK,WAAU;CACb,UAAA,oBAAC,SAAD;EAAY;EAAK,WAAW,GAAG,iCAAiC,SAAS;EAAG,GAAI;CAAQ,CAAA;AACrF,CAAA,CAET;AACA,MAAM,cAAc;AAEpB,IAAM,cAAc,MAAM,YACvB,EAAE,WAAW,GAAG,SAAS,QACxB,oBAAC,SAAD;CAAY;CAAK,WAAW,GAAG,mBAAmB,SAAS;CAAG,GAAI;AAAQ,CAAA,CAE9E;AACA,YAAY,cAAc;AAE1B,IAAM,YAAY,MAAM,YACrB,EAAE,WAAW,GAAG,SAAS,QACxB,oBAAC,SAAD;CAAY;CAAK,WAAW,GAAG,8BAA8B,SAAS;CAAG,GAAI;AAAQ,CAAA,CAEzF;AACA,UAAU,cAAc;AAExB,IAAM,cAAc,MAAM,YACvB,EAAE,WAAW,GAAG,SAAS,QACxB,oBAAC,SAAD;CAAY;CAAK,WAAW,GAAG,2DAA2D,SAAS;CAAG,GAAI;AAAQ,CAAA,CAEtH;AACA,YAAY,cAAc;AAE1B,IAAM,WAAW,MAAM,YACpB,EAAE,WAAW,GAAG,SAAS,QACxB,oBAAC,MAAD;CACO;CACL,WAAW,GAAG,+EAA+E,SAAS;CACtG,GAAI;AACL,CAAA,CAEL;AACA,SAAS,cAAc;AAEvB,IAAM,YAAY,MAAM,YACrB,EAAE,WAAW,GAAG,SAAS,QACxB,oBAAC,MAAD;CACO;CACL,WAAW,GAAG,oGAAoG,SAAS;CAC3H,GAAI;AACL,CAAA,CAEL;AACA,UAAU,cAAc;AAExB,IAAM,YAAY,MAAM,YACrB,EAAE,WAAW,GAAG,SAAS,QACxB,oBAAC,MAAD;CAAS;CAAK,WAAW,GAAG,kDAAkD,SAAS;CAAG,GAAI;AAAQ,CAAA,CAE1G;AACA,UAAU,cAAc;AAExB,IAAM,eAAe,MAAM,YACxB,EAAE,WAAW,GAAG,SAAS,QACxB,oBAAC,WAAD;CAAc;CAAK,WAAW,GAAG,sCAAsC,SAAS;CAAG,GAAI;AAAQ,CAAA,CAEnG;AACA,aAAa,cAAc"}

package/dist/primitives/tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.js","names":[],"sources":["../../src/primitives/tabs.tsx"],"sourcesContent":["import * as React from \"react\"\nimport * as TabsPrimitive from \"@radix-ui/react-tabs\"\n\nimport { cn } from \"@/utils/index\"\n\nconst Tabs = TabsPrimitive.Root\n\nconst TabsList = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.List>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>\n>(({ className, ...props }, ref) => (\n  <TabsPrimitive.List\n    ref={ref}\n    className={cn(\n      \"inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground\",\n      className\n    )}\n    {...props}\n  />\n))\nTabsList.displayName = TabsPrimitive.List.displayName\n\nconst TabsTrigger = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>\n>(({ className, ...props }, ref) => (\n  <TabsPrimitive.Trigger\n    ref={ref}\n    className={cn(\n      \"inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm\",\n      className\n    )}\n    {...props}\n  />\n))\nTabsTrigger.displayName = TabsPrimitive.Trigger.displayName\n\nconst TabsContent = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>\n>(({ className, ...props }, ref) => (\n  <TabsPrimitive.Content\n    ref={ref}\n    className={cn(\n      \"mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\",\n      className\n    )}\n    {...props}\n  />\n))\nTabsContent.displayName = TabsPrimitive.Content.displayName\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent }\n"],"mappings":";;;;;;AAKA,IAAM,OAAO,cAAc;AAE3B,IAAM,WAAW,MAAM,YAGpB,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAAC,cAAc,MAAf;CACO;CACL,WAAW,GACT,8FACA,SACF;CACA,GAAI;AACL,CAAA,CACF;AACD,SAAS,cAAc,cAAc,KAAK;AAE1C,IAAM,cAAc,MAAM,YAGvB,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAAC,cAAc,SAAf;CACO;CACL,WAAW,GACT,uYACA,SACF;CACA,GAAI;AACL,CAAA,CACF;AACD,YAAY,cAAc,cAAc,QAAQ;AAEhD,IAAM,cAAc,MAAM,YAGvB,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAAC,cAAc,SAAf;CACO;CACL,WAAW,GACT,mIACA,SACF;CACA,GAAI;AACL,CAAA,CACF;AACD,YAAY,cAAc,cAAc,QAAQ"}
+{"version":3,"file":"tabs.js","names":[],"sources":["../../src/primitives/tabs.tsx"],"sourcesContent":["import * as React from \"react\"\r\nimport * as TabsPrimitive from \"@radix-ui/react-tabs\"\r\n\r\nimport { cn } from \"@/utils/index\"\r\n\r\nconst Tabs = TabsPrimitive.Root\r\n\r\nconst TabsList = React.forwardRef<\r\n  React.ElementRef<typeof TabsPrimitive.List>,\r\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>\r\n>(({ className, ...props }, ref) => (\r\n  <TabsPrimitive.List\r\n    ref={ref}\r\n    className={cn(\r\n      \"inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground\",\r\n      className\r\n    )}\r\n    {...props}\r\n  />\r\n))\r\nTabsList.displayName = TabsPrimitive.List.displayName\r\n\r\nconst TabsTrigger = React.forwardRef<\r\n  React.ElementRef<typeof TabsPrimitive.Trigger>,\r\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>\r\n>(({ className, ...props }, ref) => (\r\n  <TabsPrimitive.Trigger\r\n    ref={ref}\r\n    className={cn(\r\n      \"inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm\",\r\n      className\r\n    )}\r\n    {...props}\r\n  />\r\n))\r\nTabsTrigger.displayName = TabsPrimitive.Trigger.displayName\r\n\r\nconst TabsContent = React.forwardRef<\r\n  React.ElementRef<typeof TabsPrimitive.Content>,\r\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>\r\n>(({ className, ...props }, ref) => (\r\n  <TabsPrimitive.Content\r\n    ref={ref}\r\n    className={cn(\r\n      \"mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\",\r\n      className\r\n    )}\r\n    {...props}\r\n  />\r\n))\r\nTabsContent.displayName = TabsPrimitive.Content.displayName\r\n\r\nexport { Tabs, TabsList, TabsTrigger, TabsContent }\r\n"],"mappings":";;;;;;AAKA,IAAM,OAAO,cAAc;AAE3B,IAAM,WAAW,MAAM,YAGpB,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAAC,cAAc,MAAf;CACO;CACL,WAAW,GACT,8FACA,SACF;CACA,GAAI;AACL,CAAA,CACF;AACD,SAAS,cAAc,cAAc,KAAK;AAE1C,IAAM,cAAc,MAAM,YAGvB,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAAC,cAAc,SAAf;CACO;CACL,WAAW,GACT,uYACA,SACF;CACA,GAAI;AACL,CAAA,CACF;AACD,YAAY,cAAc,cAAc,QAAQ;AAEhD,IAAM,cAAc,MAAM,YAGvB,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAAC,cAAc,SAAf;CACO;CACL,WAAW,GACT,mIACA,SACF;CACA,GAAI;AACL,CAAA,CACF;AACD,YAAY,cAAc,cAAc,QAAQ"}

package/dist/primitives/textarea.js

@@ -5,7 +5,7 @@ import { jsx } from "react/jsx-runtime";
 //#region src/primitives/textarea.tsx
 var Textarea = React.forwardRef(({ className, ...props }, ref) => {
 	return /* @__PURE__ */ jsx("textarea", {
-		className: cn("flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", className),
+		className: cn("flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background placeholder:text-muted-foreground focus:placeholder:opacity-0 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", className),
 		ref,
 		...props
 	});

package/dist/primitives/textarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"textarea.js","names":[],"sources":["../../src/primitives/textarea.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"@/utils\"\n\nconst Textarea = React.forwardRef<\n  HTMLTextAreaElement,\n  React.ComponentProps<\"textarea\">\n>(({ className, ...props }, ref) => {\n  return (\n    <textarea\n      className={cn(\n        \"flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm\",\n        className\n      )}\n      ref={ref}\n      {...props}\n    />\n  )\n})\nTextarea.displayName = \"Textarea\"\n\nexport { Textarea }\n"],"mappings":";;;;;AAIA,IAAM,WAAW,MAAM,YAGpB,EAAE,WAAW,GAAG,SAAS,QAAQ;CAClC,OACE,oBAAC,YAAD;EACE,WAAW,GACT,qTACA,SACF;EACK;EACL,GAAI;CACL,CAAA;AAEL,CAAC;AACD,SAAS,cAAc"}
+{"version":3,"file":"textarea.js","names":[],"sources":["../../src/primitives/textarea.tsx"],"sourcesContent":["import * as React from \"react\"\r\n\r\nimport { cn } from \"@/utils\"\r\n\r\nconst Textarea = React.forwardRef<\r\n  HTMLTextAreaElement,\r\n  React.ComponentProps<\"textarea\">\r\n>(({ className, ...props }, ref) => {\r\n  return (\r\n    <textarea\r\n      className={cn(\r\n        \"flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background placeholder:text-muted-foreground focus:placeholder:opacity-0 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm\",\r\n        className\r\n      )}\r\n      ref={ref}\r\n      {...props}\r\n    />\r\n  )\r\n})\r\nTextarea.displayName = \"Textarea\"\r\n\r\nexport { Textarea }\r\n"],"mappings":";;;;;AAIA,IAAM,WAAW,MAAM,YAGpB,EAAE,WAAW,GAAG,SAAS,QAAQ;CAClC,OACE,oBAAC,YAAD;EACE,WAAW,GACT,iVACA,SACF;EACK;EACL,GAAI;CACL,CAAA;AAEL,CAAC;AACD,SAAS,cAAc"}

package/dist/primitives/textbox.js

@@ -6,7 +6,7 @@ import { jsx } from "react/jsx-runtime";
 var TextBoxPrimitive = React.forwardRef(({ className, type, ...props }, ref) => {
 	return /* @__PURE__ */ jsx("input", {
 		type,
-		className: cn("flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", className),
+		className: cn("flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus:placeholder:opacity-0 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", className),
 		ref,
 		...props
 	});

package/dist/primitives/textbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"textbox.js","names":[],"sources":["../../src/primitives/textbox.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"@/utils\"\n\nconst TextBoxPrimitive = React.forwardRef<HTMLInputElement, React.ComponentProps<\"input\">>(\n  ({ className, type, ...props }, ref) => {\n    return (\n      <input\n        type={type}\n        className={cn(\n          \"flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm\",\n          className\n        )}\n        ref={ref}\n        {...props}\n      />\n    )\n  }\n)\nTextBoxPrimitive.displayName = \"TextBoxPrimitive\"\n\nexport { TextBoxPrimitive }\n"],"mappings":";;;;;AAIA,IAAM,mBAAmB,MAAM,YAC5B,EAAE,WAAW,MAAM,GAAG,SAAS,QAAQ;CACtC,OACE,oBAAC,SAAD;EACQ;EACN,WAAW,GACT,kYACA,SACF;EACK;EACL,GAAI;CACL,CAAA;AAEL,CACF;AACA,iBAAiB,cAAc"}
+{"version":3,"file":"textbox.js","names":[],"sources":["../../src/primitives/textbox.tsx"],"sourcesContent":["import * as React from \"react\"\r\n\r\nimport { cn } from \"@/utils\"\r\n\r\nconst TextBoxPrimitive = React.forwardRef<HTMLInputElement, React.ComponentProps<\"input\">>(\r\n  ({ className, type, ...props }, ref) => {\r\n    return (\r\n      <input\r\n        type={type}\r\n        className={cn(\r\n          \"flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus:placeholder:opacity-0 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm\",\r\n          className\r\n        )}\r\n        ref={ref}\r\n        {...props}\r\n      />\r\n    )\r\n  }\r\n)\r\nTextBoxPrimitive.displayName = \"TextBoxPrimitive\"\r\n\r\nexport { TextBoxPrimitive }\r\n"],"mappings":";;;;;AAIA,IAAM,mBAAmB,MAAM,YAC5B,EAAE,WAAW,MAAM,GAAG,SAAS,QAAQ;CACtC,OACE,oBAAC,SAAD;EACQ;EACN,WAAW,GACT,8ZACA,SACF;EACK;EACL,GAAI;CACL,CAAA;AAEL,CACF;AACA,iBAAiB,cAAc"}

package/dist/primitives/toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"toast.js","names":[],"sources":["../../src/primitives/toast.tsx"],"sourcesContent":["import * as React from \"react\"\nimport * as ToastPrimitives from \"@radix-ui/react-toast\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { X } from \"lucide-react\"\nimport { cn } from \"@/utils/cn\"\n\nconst ToastProvider = ToastPrimitives.Provider\n\nconst ToastViewport = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Viewport>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Viewport>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Viewport\n    ref={ref}\n    className={cn(\n      \"fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]\",\n      className\n    )}\n    {...props}\n  />\n))\nToastViewport.displayName = ToastPrimitives.Viewport.displayName\n\nconst toastVariants = cva(\n  \"group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border p-6 pr-8 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full\",\n  {\n    variants: {\n      variant: {\n        default: \"border bg-background text-foreground\",\n        destructive: \"destructive group border-destructive bg-destructive text-destructive-foreground\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nconst Toast = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Root>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Root> &\n    VariantProps<typeof toastVariants>\n>(({ className, variant, ...props }, ref) => (\n  <ToastPrimitives.Root\n    ref={ref}\n    className={cn(toastVariants({ variant }), className)}\n    {...props}\n  />\n))\nToast.displayName = ToastPrimitives.Root.displayName\n\nconst ToastAction = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Action>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Action>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Action\n    ref={ref}\n    className={cn(\n      \"inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium ring-offset-background transition-colors hover:bg-secondary focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive\",\n      className\n    )}\n    {...props}\n  />\n))\nToastAction.displayName = ToastPrimitives.Action.displayName\n\nconst ToastClose = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Close>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Close>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Close\n    ref={ref}\n    className={cn(\n      \"absolute right-2 top-2 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-2 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600\",\n      className\n    )}\n    toast-close=\"\"\n    {...props}\n  >\n    <X className=\"h-4 w-4\" />\n  </ToastPrimitives.Close>\n))\nToastClose.displayName = ToastPrimitives.Close.displayName\n\nconst ToastTitle = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Title>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Title>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Title\n    ref={ref}\n    className={cn(\"text-sm font-semibold\", className)}\n    {...props}\n  />\n))\nToastTitle.displayName = ToastPrimitives.Title.displayName\n\nconst ToastDescription = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Description>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Description>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Description\n    ref={ref}\n    className={cn(\"text-sm opacity-90\", className)}\n    {...props}\n  />\n))\nToastDescription.displayName = ToastPrimitives.Description.displayName\n\ntype ToastProps = React.ComponentPropsWithoutRef<typeof Toast>\ntype ToastActionElement = React.ReactElement<typeof ToastAction>\n\nexport {\n  type ToastProps,\n  type ToastActionElement,\n  ToastProvider,\n  ToastViewport,\n  Toast,\n  ToastTitle,\n  ToastDescription,\n  ToastClose,\n  ToastAction,\n}\n"],"mappings":";;;;;;;;AAMA,IAAM,gBAAgB,gBAAgB;AAEtC,IAAM,gBAAgB,MAAM,YAGzB,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAAC,gBAAgB,UAAjB;CACO;CACL,WAAW,GACT,qIACA,SACF;CACA,GAAI;AACL,CAAA,CACF;AACD,cAAc,cAAc,gBAAgB,SAAS;AAErD,IAAM,gBAAgB,IACpB,6lBACA;CACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,aAAa;CACf,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CACF;AAEA,IAAM,QAAQ,MAAM,YAIjB,EAAE,WAAW,SAAS,GAAG,SAAS,QACnC,oBAAC,gBAAgB,MAAjB;CACO;CACL,WAAW,GAAG,cAAc,EAAE,QAAQ,CAAC,GAAG,SAAS;CACnD,GAAI;AACL,CAAA,CACF;AACD,MAAM,cAAc,gBAAgB,KAAK;AAEzC,IAAM,cAAc,MAAM,YAGvB,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAAC,gBAAgB,QAAjB;CACO;CACL,WAAW,GACT,sgBACA,SACF;CACA,GAAI;AACL,CAAA,CACF;AACD,YAAY,cAAc,gBAAgB,OAAO;AAEjD,IAAM,aAAa,MAAM,YAGtB,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAAC,gBAAgB,OAAjB;CACO;CACL,WAAW,GACT,yVACA,SACF;CACA,eAAY;CACZ,GAAI;WAEJ,oBAAC,GAAD,EAAG,WAAU,UAAW,CAAA;AACH,CAAA,CACxB;AACD,WAAW,cAAc,gBAAgB,MAAM;AAE/C,IAAM,aAAa,MAAM,YAGtB,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAAC,gBAAgB,OAAjB;CACO;CACL,WAAW,GAAG,yBAAyB,SAAS;CAChD,GAAI;AACL,CAAA,CACF;AACD,WAAW,cAAc,gBAAgB,MAAM;AAE/C,IAAM,mBAAmB,MAAM,YAG5B,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAAC,gBAAgB,aAAjB;CACO;CACL,WAAW,GAAG,sBAAsB,SAAS;CAC7C,GAAI;AACL,CAAA,CACF;AACD,iBAAiB,cAAc,gBAAgB,YAAY"}
+{"version":3,"file":"toast.js","names":[],"sources":["../../src/primitives/toast.tsx"],"sourcesContent":["import * as React from \"react\"\r\nimport * as ToastPrimitives from \"@radix-ui/react-toast\"\r\nimport { cva, type VariantProps } from \"class-variance-authority\"\r\nimport { X } from \"lucide-react\"\r\nimport { cn } from \"@/utils/cn\"\r\n\r\nconst ToastProvider = ToastPrimitives.Provider\r\n\r\nconst ToastViewport = React.forwardRef<\r\n  React.ElementRef<typeof ToastPrimitives.Viewport>,\r\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Viewport>\r\n>(({ className, ...props }, ref) => (\r\n  <ToastPrimitives.Viewport\r\n    ref={ref}\r\n    className={cn(\r\n      \"fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]\",\r\n      className\r\n    )}\r\n    {...props}\r\n  />\r\n))\r\nToastViewport.displayName = ToastPrimitives.Viewport.displayName\r\n\r\nconst toastVariants = cva(\r\n  \"group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border p-6 pr-8 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full\",\r\n  {\r\n    variants: {\r\n      variant: {\r\n        default: \"border bg-background text-foreground\",\r\n        destructive: \"destructive group border-destructive bg-destructive text-destructive-foreground\",\r\n      },\r\n    },\r\n    defaultVariants: {\r\n      variant: \"default\",\r\n    },\r\n  }\r\n)\r\n\r\nconst Toast = React.forwardRef<\r\n  React.ElementRef<typeof ToastPrimitives.Root>,\r\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Root> &\r\n    VariantProps<typeof toastVariants>\r\n>(({ className, variant, ...props }, ref) => (\r\n  <ToastPrimitives.Root\r\n    ref={ref}\r\n    className={cn(toastVariants({ variant }), className)}\r\n    {...props}\r\n  />\r\n))\r\nToast.displayName = ToastPrimitives.Root.displayName\r\n\r\nconst ToastAction = React.forwardRef<\r\n  React.ElementRef<typeof ToastPrimitives.Action>,\r\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Action>\r\n>(({ className, ...props }, ref) => (\r\n  <ToastPrimitives.Action\r\n    ref={ref}\r\n    className={cn(\r\n      \"inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium ring-offset-background transition-colors hover:bg-secondary focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive\",\r\n      className\r\n    )}\r\n    {...props}\r\n  />\r\n))\r\nToastAction.displayName = ToastPrimitives.Action.displayName\r\n\r\nconst ToastClose = React.forwardRef<\r\n  React.ElementRef<typeof ToastPrimitives.Close>,\r\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Close>\r\n>(({ className, ...props }, ref) => (\r\n  <ToastPrimitives.Close\r\n    ref={ref}\r\n    className={cn(\r\n      \"absolute right-2 top-2 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-2 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600\",\r\n      className\r\n    )}\r\n    toast-close=\"\"\r\n    {...props}\r\n  >\r\n    <X className=\"h-4 w-4\" />\r\n  </ToastPrimitives.Close>\r\n))\r\nToastClose.displayName = ToastPrimitives.Close.displayName\r\n\r\nconst ToastTitle = React.forwardRef<\r\n  React.ElementRef<typeof ToastPrimitives.Title>,\r\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Title>\r\n>(({ className, ...props }, ref) => (\r\n  <ToastPrimitives.Title\r\n    ref={ref}\r\n    className={cn(\"text-sm font-semibold\", className)}\r\n    {...props}\r\n  />\r\n))\r\nToastTitle.displayName = ToastPrimitives.Title.displayName\r\n\r\nconst ToastDescription = React.forwardRef<\r\n  React.ElementRef<typeof ToastPrimitives.Description>,\r\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Description>\r\n>(({ className, ...props }, ref) => (\r\n  <ToastPrimitives.Description\r\n    ref={ref}\r\n    className={cn(\"text-sm opacity-90\", className)}\r\n    {...props}\r\n  />\r\n))\r\nToastDescription.displayName = ToastPrimitives.Description.displayName\r\n\r\ntype ToastProps = React.ComponentPropsWithoutRef<typeof Toast>\r\ntype ToastActionElement = React.ReactElement<typeof ToastAction>\r\n\r\nexport {\r\n  type ToastProps,\r\n  type ToastActionElement,\r\n  ToastProvider,\r\n  ToastViewport,\r\n  Toast,\r\n  ToastTitle,\r\n  ToastDescription,\r\n  ToastClose,\r\n  ToastAction,\r\n}\r\n"],"mappings":";;;;;;;;AAMA,IAAM,gBAAgB,gBAAgB;AAEtC,IAAM,gBAAgB,MAAM,YAGzB,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAAC,gBAAgB,UAAjB;CACO;CACL,WAAW,GACT,qIACA,SACF;CACA,GAAI;AACL,CAAA,CACF;AACD,cAAc,cAAc,gBAAgB,SAAS;AAErD,IAAM,gBAAgB,IACpB,6lBACA;CACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,aAAa;CACf,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CACF;AAEA,IAAM,QAAQ,MAAM,YAIjB,EAAE,WAAW,SAAS,GAAG,SAAS,QACnC,oBAAC,gBAAgB,MAAjB;CACO;CACL,WAAW,GAAG,cAAc,EAAE,QAAQ,CAAC,GAAG,SAAS;CACnD,GAAI;AACL,CAAA,CACF;AACD,MAAM,cAAc,gBAAgB,KAAK;AAEzC,IAAM,cAAc,MAAM,YAGvB,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAAC,gBAAgB,QAAjB;CACO;CACL,WAAW,GACT,sgBACA,SACF;CACA,GAAI;AACL,CAAA,CACF;AACD,YAAY,cAAc,gBAAgB,OAAO;AAEjD,IAAM,aAAa,MAAM,YAGtB,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAAC,gBAAgB,OAAjB;CACO;CACL,WAAW,GACT,yVACA,SACF;CACA,eAAY;CACZ,GAAI;CAEJ,UAAA,oBAAC,GAAD,EAAG,WAAU,UAAW,CAAA;AACH,CAAA,CACxB;AACD,WAAW,cAAc,gBAAgB,MAAM;AAE/C,IAAM,aAAa,MAAM,YAGtB,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAAC,gBAAgB,OAAjB;CACO;CACL,WAAW,GAAG,yBAAyB,SAAS;CAChD,GAAI;AACL,CAAA,CACF;AACD,WAAW,cAAc,gBAAgB,MAAM;AAE/C,IAAM,mBAAmB,MAAM,YAG5B,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAAC,gBAAgB,aAAjB;CACO;CACL,WAAW,GAAG,sBAAsB,SAAS;CAC7C,GAAI;AACL,CAAA,CACF;AACD,iBAAiB,cAAc,gBAAgB,YAAY"}

package/dist/primitives/toggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"toggle.js","names":[],"sources":["../../src/primitives/toggle.tsx"],"sourcesContent":["import * as React from \"react\"\nimport * as TogglePrimitive from \"@radix-ui/react-toggle\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { cn } from \"@/utils/cn\"\n\nconst toggleVariants = cva(\n  \"inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium ring-offset-background transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-transparent\",\n        outline: \"border border-input bg-transparent hover:bg-accent hover:text-accent-foreground\",\n      },\n      size: {\n        default: \"h-10 px-3 min-w-10\",\n        sm: \"h-9 px-2.5 min-w-9\",\n        lg: \"h-11 px-5 min-w-11\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nconst Toggle = React.forwardRef<\n  React.ElementRef<typeof TogglePrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root> &\n    VariantProps<typeof toggleVariants>\n>(({ className, variant, size, ...props }, ref) => (\n  <TogglePrimitive.Root\n    ref={ref}\n    className={cn(toggleVariants({ variant, size, className }))}\n    {...props}\n  />\n))\nToggle.displayName = TogglePrimitive.Root.displayName\n\nexport { Toggle, toggleVariants }\n"],"mappings":";;;;;;;AAKA,IAAM,iBAAiB,IACrB,sbACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,SAAS;EACX;EACA,MAAM;GACJ,SAAS;GACT,IAAI;GACJ,IAAI;EACN;CACF;CACA,iBAAiB;EACf,SAAS;EACT,MAAM;CACR;AACF,CACF;AAEA,IAAM,SAAS,MAAM,YAIlB,EAAE,WAAW,SAAS,MAAM,GAAG,SAAS,QACzC,oBAAC,gBAAgB,MAAjB;CACO;CACL,WAAW,GAAG,eAAe;EAAE;EAAS;EAAM;CAAU,CAAC,CAAC;CAC1D,GAAI;AACL,CAAA,CACF;AACD,OAAO,cAAc,gBAAgB,KAAK"}
+{"version":3,"file":"toggle.js","names":[],"sources":["../../src/primitives/toggle.tsx"],"sourcesContent":["import * as React from \"react\"\r\nimport * as TogglePrimitive from \"@radix-ui/react-toggle\"\r\nimport { cva, type VariantProps } from \"class-variance-authority\"\r\nimport { cn } from \"@/utils/cn\"\r\n\r\nconst toggleVariants = cva(\r\n  \"inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium ring-offset-background transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0\",\r\n  {\r\n    variants: {\r\n      variant: {\r\n        default: \"bg-transparent\",\r\n        outline: \"border border-input bg-transparent hover:bg-accent hover:text-accent-foreground\",\r\n      },\r\n      size: {\r\n        default: \"h-10 px-3 min-w-10\",\r\n        sm: \"h-9 px-2.5 min-w-9\",\r\n        lg: \"h-11 px-5 min-w-11\",\r\n      },\r\n    },\r\n    defaultVariants: {\r\n      variant: \"default\",\r\n      size: \"default\",\r\n    },\r\n  }\r\n)\r\n\r\nconst Toggle = React.forwardRef<\r\n  React.ElementRef<typeof TogglePrimitive.Root>,\r\n  React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root> &\r\n    VariantProps<typeof toggleVariants>\r\n>(({ className, variant, size, ...props }, ref) => (\r\n  <TogglePrimitive.Root\r\n    ref={ref}\r\n    className={cn(toggleVariants({ variant, size, className }))}\r\n    {...props}\r\n  />\r\n))\r\nToggle.displayName = TogglePrimitive.Root.displayName\r\n\r\nexport { Toggle, toggleVariants }\r\n"],"mappings":";;;;;;;AAKA,IAAM,iBAAiB,IACrB,sbACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,SAAS;EACX;EACA,MAAM;GACJ,SAAS;GACT,IAAI;GACJ,IAAI;EACN;CACF;CACA,iBAAiB;EACf,SAAS;EACT,MAAM;CACR;AACF,CACF;AAEA,IAAM,SAAS,MAAM,YAIlB,EAAE,WAAW,SAAS,MAAM,GAAG,SAAS,QACzC,oBAAC,gBAAgB,MAAjB;CACO;CACL,WAAW,GAAG,eAAe;EAAE;EAAS;EAAM;CAAU,CAAC,CAAC;CAC1D,GAAI;AACL,CAAA,CACF;AACD,OAAO,cAAc,gBAAgB,KAAK"}

package/package.json

@@ -1,11 +1,12 @@
 {
   "name": "@skybin-tech/nebula-ui",
-  "version": "0.0.28",
+  "version": "0.0.30",
   "type": "module",
   "author": "Anwar <anwar@skybin.io>",
   "description": "Reusable React component library with form validation using shadcn/ui patterns, react-hook-form, and Zod",
   "files": [
-    "dist"
+    "dist",
+    "src/styles"
   ],
   "main": "./dist/cjs/index.cjs",
   "module": "./dist/index.js",
@@ -72,6 +73,7 @@
       }
     },
     "./package.json": "./package.json",
+    "./styles.css": "./src/styles/index.css",
     "./components/Card": {
       "import": {
         "types": "./dist/components/Card/index.d.ts",
@@ -281,6 +283,96 @@
         "types": "./dist/components/Switch/index.d.ts",
         "default": "./dist/cjs/components/Switch/index.cjs"
       }
+    },
+    "./components/Alert": {
+      "import": {
+        "types": "./dist/components/Alert/index.d.ts",
+        "default": "./dist/components/Alert/index.js"
+      },
+      "require": {
+        "types": "./dist/components/Alert/index.d.ts",
+        "default": "./dist/cjs/components/Alert/index.cjs"
+      }
+    },
+    "./components/Tabs": {
+      "import": {
+        "types": "./dist/components/Tabs/index.d.ts",
+        "default": "./dist/components/Tabs/index.js"
+      },
+      "require": {
+        "types": "./dist/components/Tabs/index.d.ts",
+        "default": "./dist/cjs/components/Tabs/index.cjs"
+      }
+    },
+    "./components/Input": {
+      "import": {
+        "types": "./dist/components/Input/index.d.ts",
+        "default": "./dist/components/Input/index.js"
+      },
+      "require": {
+        "types": "./dist/components/Input/index.d.ts",
+        "default": "./dist/cjs/components/Input/index.cjs"
+      }
+    },
+    "./components/Sheet": {
+      "import": {
+        "types": "./dist/components/Sheet/index.d.ts",
+        "default": "./dist/components/Sheet/index.js"
+      },
+      "require": {
+        "types": "./dist/components/Sheet/index.d.ts",
+        "default": "./dist/cjs/components/Sheet/index.cjs"
+      }
+    },
+    "./components/AlertDialog": {
+      "import": {
+        "types": "./dist/components/AlertDialog/index.d.ts",
+        "default": "./dist/components/AlertDialog/index.js"
+      },
+      "require": {
+        "types": "./dist/components/AlertDialog/index.d.ts",
+        "default": "./dist/cjs/components/AlertDialog/index.cjs"
+      }
+    },
+    "./components/Progress": {
+      "import": {
+        "types": "./dist/components/Progress/index.d.ts",
+        "default": "./dist/components/Progress/index.js"
+      },
+      "require": {
+        "types": "./dist/components/Progress/index.d.ts",
+        "default": "./dist/cjs/components/Progress/index.cjs"
+      }
+    },
+    "./components/InputOTP": {
+      "import": {
+        "types": "./dist/components/InputOTP/index.d.ts",
+        "default": "./dist/components/InputOTP/index.js"
+      },
+      "require": {
+        "types": "./dist/components/InputOTP/index.d.ts",
+        "default": "./dist/cjs/components/InputOTP/index.cjs"
+      }
+    },
+    "./components/Slider": {
+      "import": {
+        "types": "./dist/components/Slider/index.d.ts",
+        "default": "./dist/components/Slider/index.js"
+      },
+      "require": {
+        "types": "./dist/components/Slider/index.d.ts",
+        "default": "./dist/cjs/components/Slider/index.cjs"
+      }
+    },
+    "./components/Breadcrumb": {
+      "import": {
+        "types": "./dist/components/Breadcrumb/index.d.ts",
+        "default": "./dist/components/Breadcrumb/index.js"
+      },
+      "require": {
+        "types": "./dist/components/Breadcrumb/index.d.ts",
+        "default": "./dist/cjs/components/Breadcrumb/index.cjs"
+      }
     }
   },
   "typesVersions": {
@@ -362,34 +454,58 @@
       ],
       "components/Switch": [
         "./dist/components/Switch/index.d.ts"
+      ],
+      "components/Slider": [
+        "./dist/components/Slider/index.d.ts"
+      ],
+      "components/Breadcrumb": [
+        "./dist/components/Breadcrumb/index.d.ts"
       ]
     }
   },
   "sideEffects": [
     "**/*.css"
   ],
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc -b && vite build",
+    "build:lib": "vite build",
+    "lint": "eslint .",
+    "test": "vitest run --project unit",
+    "test:coverage": "vitest run --project unit --coverage",
+    "preview": "vite preview",
+    "prepublishOnly": "npm run build:lib",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "deploy": "npm publish --access public"
+  },
   "peerDependencies": {
     "@hookform/resolvers": "^5.0.0",
+    "@radix-ui/react-accordion": ">=1.0.0",
+    "@radix-ui/react-alert-dialog": ">=1.0.0",
     "@radix-ui/react-avatar": ">=1.0.0",
     "@radix-ui/react-checkbox": ">=1.0.0",
     "@radix-ui/react-dialog": ">=1.0.0",
     "@radix-ui/react-dropdown-menu": ">=2.1.16",
     "@radix-ui/react-label": ">=2.0.0",
     "@radix-ui/react-popover": ">=1.0.0",
+    "@radix-ui/react-progress": ">=1.0.0",
     "@radix-ui/react-radio-group": ">=1.0.0",
     "@radix-ui/react-scroll-area": ">=1.0.0",
     "@radix-ui/react-select": ">=2.0.0",
     "@radix-ui/react-separator": ">=1.0.0",
+    "@radix-ui/react-slider": ">=1.0.0",
     "@radix-ui/react-slot": ">=1.0.0",
     "@radix-ui/react-switch": ">=1.0.0",
+    "@radix-ui/react-tabs": ">=1.0.0",
     "@radix-ui/react-toast": ">=1.0.0",
     "@radix-ui/react-toggle": ">=1.0.0",
     "@radix-ui/react-tooltip": ">=1.0.0",
-    "@radix-ui/react-accordion": ">=1.0.0",
     "class-variance-authority": ">=0.7.0",
     "clsx": ">=2.0.0",
     "cmdk": ">=1.0.0",
     "date-fns": ">=3.0.0",
+    "input-otp": ">=1.0.0",
     "lucide-react": ">=0.400.0",
     "react": "^18.0.0 || ^19.0.0",
     "react-day-picker": ">=8.0.0",
@@ -412,58 +528,63 @@
     }
   },
   "devDependencies": {
-    "@eslint/js": "^9.39.4",
-    "@hookform/resolvers": "^5.4.0",
-    "@radix-ui/react-accordion": "^1.2.16",
-    "@radix-ui/react-avatar": "^1.2.2",
-    "@radix-ui/react-checkbox": "^1.3.7",
-    "@radix-ui/react-dialog": "^1.1.19",
-    "@radix-ui/react-dropdown-menu": "2.1.20",
-    "@radix-ui/react-label": "^2.1.11",
-    "@radix-ui/react-popover": "^1.1.19",
-    "@radix-ui/react-radio-group": "^1.4.3",
-    "@radix-ui/react-scroll-area": "^1.2.14",
-    "@radix-ui/react-select": "^2.3.3",
-    "@radix-ui/react-separator": "^1.1.11",
-    "@radix-ui/react-slot": "^1.3.0",
-    "@radix-ui/react-switch": "^1.3.3",
-    "@radix-ui/react-toast": "^1.2.19",
-    "@radix-ui/react-toggle": "^1.1.14",
-    "@radix-ui/react-tooltip": "^1.2.12",
-    "@storybook/addon-a11y": "^10.5.0",
-    "@storybook/addon-docs": "^10.5.0",
-    "@storybook/addon-onboarding": "^10.5.0",
-    "@storybook/addon-vitest": "^10.5.0",
-    "@storybook/react-vite": "^10.5.0",
-    "@tailwindcss/vite": "^4.3.2",
-    "@types/node": "^26.1.1",
-    "@types/react": "^19.2.17",
-    "@types/react-dom": "^19.2.3",
-    "@vitejs/plugin-react-swc": "^4.3.1",
+    "@eslint/js": "^10.0.1",
+    "@hookform/resolvers": "^5.7.1",
+    "@radix-ui/react-accordion": "^1.2.20",
+    "@radix-ui/react-alert-dialog": "^1.1.23",
+    "@radix-ui/react-avatar": "^1.2.6",
+    "@radix-ui/react-checkbox": "^1.3.11",
+    "@radix-ui/react-dialog": "^1.1.23",
+    "@radix-ui/react-dropdown-menu": "2.1.24",
+    "@radix-ui/react-label": "^2.1.15",
+    "@radix-ui/react-popover": "^1.1.23",
+    "@radix-ui/react-progress": "^1.1.16",
+    "@radix-ui/react-radio-group": "^1.4.7",
+    "@radix-ui/react-scroll-area": "^1.2.18",
+    "@radix-ui/react-select": "^2.3.7",
+    "@radix-ui/react-separator": "^1.1.15",
+    "@radix-ui/react-slider": "^1.4.7",
+    "@radix-ui/react-slot": "^1.3.3",
+    "@radix-ui/react-switch": "^1.3.7",
+    "@radix-ui/react-tabs": "^1.1.21",
+    "@radix-ui/react-toast": "^1.2.23",
+    "@radix-ui/react-toggle": "^1.1.18",
+    "@radix-ui/react-tooltip": "^1.2.16",
+    "@storybook/addon-a11y": "^10.5.7",
+    "@storybook/addon-docs": "^10.5.7",
+    "@storybook/addon-onboarding": "^10.5.7",
+    "@storybook/addon-vitest": "^10.5.7",
+    "@storybook/react-vite": "^10.5.7",
+    "@tailwindcss/vite": "^4.3.3",
+    "@types/node": "^26.2.0",
+    "@types/react": "^19.2.18",
+    "@types/react-dom": "^19.2.4",
+    "@vitejs/plugin-react-swc": "^4.3.3",
     "@vitest/browser-playwright": "4.1.10",
     "@vitest/coverage-v8": "4.1.10",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "cmdk": "^1.1.1",
     "date-fns": "^4.4.0",
-    "eslint": "^10.7.0",
+    "eslint": "^10.8.1",
     "eslint-plugin-react-hooks": "^7.1.1",
-    "eslint-plugin-react-refresh": "^0.5.3",
-    "eslint-plugin-storybook": "^10.5.0",
-    "globals": "^17.7.0",
-    "lucide-react": "^1.24.0",
-    "react": "^19.2.7",
+    "eslint-plugin-react-refresh": "^0.5.4",
+    "eslint-plugin-storybook": "^10.5.7",
+    "globals": "^17.11.0",
+    "input-otp": "^1.4.2",
+    "lucide-react": "^1.31.0",
+    "react": "^19.2.8",
     "react-day-picker": "^10.0.1",
-    "react-dom": "^19.2.7",
-    "react-hook-form": "^7.81.0",
-    "sonner": "^2.0.7",
-    "storybook": "^10.5.0",
+    "react-dom": "^19.2.8",
+    "react-hook-form": "^7.85.0",
+    "sonner": "^2.0.8",
+    "storybook": "^10.5.7",
     "tailwind-merge": "^3.6.0",
-    "tailwindcss": "^4.3.2",
+    "tailwindcss": "^4.3.3",
     "typescript": "~5.9.3",
-    "typescript-eslint": "^8.63.0",
-    "vite": "^8.1.4",
-    "vite-plugin-checker": "^0.14.4",
+    "typescript-eslint": "^8.67.0",
+    "vite": "^8.2.1",
+    "vite-plugin-checker": "^0.14.5",
     "vite-plugin-dts": "^5.0.3",
     "vite-plugin-eslint2": "^5.3.0",
     "vite-tsconfig-paths": "^6.1.1",
@@ -486,18 +607,5 @@
     "typescript",
     "tailwindcss"
   ],
-  "license": "MIT",
-  "dependencies": {
-    "@radix-ui/react-tabs": "^1.1.17"
-  },
-  "scripts": {
-    "dev": "vite",
-    "build": "tsc -b && vite build",
-    "build:lib": "vite build",
-    "lint": "eslint .",
-    "preview": "vite preview",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "deploy": "npm publish --access public"
-  }
-}
+  "license": "MIT"
+}

package/src/styles/index.css

@@ -0,0 +1,107 @@
+@import "tailwindcss";
+
+@theme inline {
+  --color-background: hsl(var(--background));
+  --color-foreground: hsl(var(--foreground));
+  --color-card: hsl(var(--card));
+  --color-card-foreground: hsl(var(--card-foreground));
+  --color-popover: hsl(var(--popover));
+  --color-popover-foreground: hsl(var(--popover-foreground));
+  --color-primary: hsl(var(--primary));
+  --color-primary-foreground: hsl(var(--primary-foreground));
+  --color-secondary: hsl(var(--secondary));
+  --color-secondary-foreground: hsl(var(--secondary-foreground));
+  --color-muted: hsl(var(--muted));
+  --color-muted-foreground: hsl(var(--muted-foreground));
+  --color-accent: hsl(var(--accent));
+  --color-accent-foreground: hsl(var(--accent-foreground));
+  --color-destructive: hsl(var(--destructive));
+  --color-destructive-foreground: hsl(var(--destructive-foreground));
+  --color-border: hsl(var(--border));
+  --color-input: hsl(var(--input));
+  --color-ring: hsl(var(--ring));
+  --radius-sm: calc(var(--radius) - 4px);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-lg: var(--radius);
+}
+
+:root {
+  --background: 0 0% 100%;
+  --foreground: 222.2 84% 4.9%;
+  --card: 0 0% 100%;
+  --card-foreground: 222.2 84% 4.9%;
+  --popover: 0 0% 100%;
+  --popover-foreground: 222.2 84% 4.9%;
+  --primary: 222.2 47.4% 11.2%;
+  --primary-foreground: 210 40% 98%;
+  --secondary: 210 40% 96.1%;
+  --secondary-foreground: 222.2 47.4% 11.2%;
+  --muted: 210 40% 96.1%;
+  --muted-foreground: 215.4 16.3% 46.9%;
+  --accent: 210 40% 96.1%;
+  --accent-foreground: 222.2 47.4% 11.2%;
+  --destructive: 0 84.2% 60.2%;
+  --destructive-foreground: 210 40% 98%;
+  --border: 214.3 31.8% 91.4%;
+  --input: 214.3 31.8% 91.4%;
+  --ring: 222.2 84% 4.9%;
+  --radius: 0.5rem;
+
+  --form-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+  --form-border-radius: 6px;
+  --form-transition: all 0.2s ease-in-out;
+  --form-primary: #1890ff;
+  --form-primary-hover: #40a9ff;
+  --form-error: #ff4d4f;
+  --form-success: #52c41a;
+  --form-warning: #faad14;
+  --form-border: #d9d9d9;
+  --form-border-hover: #40a9ff;
+  --form-text: rgba(0, 0, 0, 0.85);
+  --form-text-secondary: rgba(0, 0, 0, 0.45);
+  --form-bg: #ffffff;
+  --form-bg-disabled: #f5f5f5;
+}
+
+.dark {
+  --background: 222.2 84% 4.9%;
+  --foreground: 210 40% 98%;
+  --card: 222.2 84% 4.9%;
+  --card-foreground: 210 40% 98%;
+  --popover: 222.2 84% 4.9%;
+  --popover-foreground: 210 40% 98%;
+  --primary: 210 40% 98%;
+  --primary-foreground: 222.2 47.4% 11.2%;
+  --secondary: 217.2 32.6% 17.5%;
+  --secondary-foreground: 210 40% 98%;
+  --muted: 217.2 32.6% 17.5%;
+  --muted-foreground: 215 20.2% 65.1%;
+  --accent: 217.2 32.6% 17.5%;
+  --accent-foreground: 210 40% 98%;
+  --destructive: 0 62.8% 30.6%;
+  --destructive-foreground: 210 40% 98%;
+  --border: 217.2 32.6% 17.5%;
+  --input: 217.2 32.6% 17.5%;
+  --ring: 212.7 26.8% 83.9%;
+
+  --form-primary: #177ddc;
+  --form-primary-hover: #3c9ae8;
+  --form-error: #a61d24;
+  --form-success: #49aa19;
+  --form-warning: #d89614;
+  --form-border: #434343;
+  --form-border-hover: #3c9ae8;
+  --form-text: rgba(255, 255, 255, 0.85);
+  --form-text-secondary: rgba(255, 255, 255, 0.45);
+  --form-bg: #141414;
+  --form-bg-disabled: #262626;
+}
+
+* {
+  border-color: hsl(var(--border));
+}
+
+body {
+  background-color: hsl(var(--background));
+  color: hsl(var(--foreground));
+}