brd-ui-kit 0.1.57 → 0.1.59

package/dist/components-ui-progress-progress.js

@@ -0,0 +1,49 @@
+import { jsxs as p, jsx as t } from "react/jsx-runtime";
+import * as a from "@radix-ui/react-progress";
+import "react";
+import { cn as s } from "./lib-utils.js";
+import { getTypographyClassName as u } from "./components-ui-typography-typography.styles.js";
+const g = ({ className: i, value: n = 0, max: e = 100, ref: m, ...c }) => {
+  const l = Math.min(e, Math.max(0, Number(n))), r = l / e * 100, o = r >= 100, d = `${Math.round(r)}%`;
+  return /* @__PURE__ */ p("div", { className: "flex items-center gap-1", children: [
+    /* @__PURE__ */ t(
+      a.Root,
+      {
+        ref: m,
+        value: l,
+        max: e,
+        className: s(
+          "bg-primary-inverse-bg/20 relative h-1.5 w-full overflow-hidden rounded-full",
+          i
+        ),
+        ...c,
+        children: /* @__PURE__ */ t(
+          a.Indicator,
+          {
+            className: s(
+              "h-full w-full flex-1 rounded-xl transition-all",
+              o ? "bg-success-text" : "bg-primary-inverse-bg"
+            ),
+            style: { transform: `translateX(-${e - r}%)` }
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ t(
+      "p",
+      {
+        className: s(
+          "text-center",
+          u("body-xs-regular"),
+          o ? "text-success-text" : "text-primary-text"
+        ),
+        children: d
+      }
+    )
+  ] });
+};
+g.displayName = a.Root.displayName;
+export {
+  g as Progress
+};
+//# sourceMappingURL=components-ui-progress-progress.js.map

package/dist/components-ui-progress-progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components-ui-progress-progress.js","sources":["../src/components/ui/progress/progress.tsx"],"sourcesContent":["import * as ProgressPrimitive from \"@radix-ui/react-progress\";\nimport * as React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\nimport { getTypographyClassName } from \"../typography\";\n\ntype ProgressRef = React.ComponentRef<typeof ProgressPrimitive.Root>;\ntype ProgressProps = React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root> & {\n  ref?: React.Ref<ProgressRef>;\n};\n\nconst Progress = ({ className, value = 0, max = 100, ref, ...props }: ProgressProps) => {\n  const clampedValue = Math.min(max, Math.max(0, Number(value)));\n  const percentage = (clampedValue / max) * 100;\n  const isCompleted = percentage >= 100;\n  const displayedPercentage = `${Math.round(percentage)}%`;\n\n  return (\n    <div className=\"flex items-center gap-1\">\n      <ProgressPrimitive.Root\n        ref={ref}\n        value={clampedValue}\n        max={max}\n        className={cn(\n          \"bg-primary-inverse-bg/20 relative h-1.5 w-full overflow-hidden rounded-full\",\n          className,\n        )}\n        {...props}\n      >\n        <ProgressPrimitive.Indicator\n          className={cn(\n            \"h-full w-full flex-1 rounded-xl transition-all\",\n            isCompleted ? \"bg-success-text\" : \"bg-primary-inverse-bg\",\n          )}\n          style={{ transform: `translateX(-${max - percentage}%)` }}\n        />\n      </ProgressPrimitive.Root>\n      <p\n        className={cn(\n          \"text-center\",\n          getTypographyClassName(\"body-xs-regular\"),\n          isCompleted ? \"text-success-text\" : \"text-primary-text\",\n        )}\n      >\n        {displayedPercentage}\n      </p>\n    </div>\n  );\n};\nProgress.displayName = ProgressPrimitive.Root.displayName;\n\nexport { Progress };\n"],"names":["Progress","className","value","max","ref","props","clampedValue","percentage","isCompleted","displayedPercentage","jsxs","jsx","ProgressPrimitive","cn","getTypographyClassName"],"mappings":";;;;;AAWA,MAAMA,IAAW,CAAC,EAAE,WAAAC,GAAW,OAAAC,IAAQ,GAAG,KAAAC,IAAM,KAAK,KAAAC,GAAK,GAAGC,QAA2B;AACtF,QAAMC,IAAe,KAAK,IAAIH,GAAK,KAAK,IAAI,GAAG,OAAOD,CAAK,CAAC,CAAC,GACvDK,IAAcD,IAAeH,IAAO,KACpCK,IAAcD,KAAc,KAC5BE,IAAsB,GAAG,KAAK,MAAMF,CAAU,CAAC;AAErD,SACE,gBAAAG,EAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC,EAAkB;AAAA,MAAlB;AAAA,QACC,KAAAR;AAAA,QACA,OAAOE;AAAA,QACP,KAAAH;AAAA,QACA,WAAWU;AAAA,UACT;AAAA,UACAZ;AAAA,QAAA;AAAA,QAED,GAAGI;AAAA,QAEJ,UAAA,gBAAAM;AAAA,UAACC,EAAkB;AAAA,UAAlB;AAAA,YACC,WAAWC;AAAA,cACT;AAAA,cACAL,IAAc,oBAAoB;AAAA,YAAA;AAAA,YAEpC,OAAO,EAAE,WAAW,eAAeL,IAAMI,CAAU,KAAA;AAAA,UAAK;AAAA,QAAA;AAAA,MAC1D;AAAA,IAAA;AAAA,IAEF,gBAAAI;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWE;AAAA,UACT;AAAA,UACAC,EAAuB,iBAAiB;AAAA,UACxCN,IAAc,sBAAsB;AAAA,QAAA;AAAA,QAGrC,UAAAC;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GACF;AAEJ;AACAT,EAAS,cAAcY,EAAkB,KAAK;"}

package/dist/components-ui-progress.js

@@ -0,0 +1,5 @@
+import { Progress as e } from "./components-ui-progress-progress.js";
+export {
+  e as Progress
+};
+//# sourceMappingURL=components-ui-progress.js.map

package/dist/components-ui-progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components-ui-progress.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components-ui-radio-group-radio-group.js

@@ -0,0 +1,29 @@
+import { jsx as o } from "react/jsx-runtime";
+import * as a from "@radix-ui/react-radio-group";
+import "react";
+import { cn as r } from "./lib-utils.js";
+import { radioGroupRootClassNames as e, radioGroupIndicatorDotClassNames as t, radioGroupIndicatorClassNames as p, radioGroupItemClassNames as d } from "./components-ui-radio-group-radio-group.styles.js";
+const l = ({ className: s, ref: m, ...i }) => /* @__PURE__ */ o(
+  a.Root,
+  {
+    className: r(e, s),
+    ...i,
+    ref: m
+  }
+);
+l.displayName = a.Root.displayName;
+const c = ({ className: s, ref: m, ...i }) => /* @__PURE__ */ o(
+  a.Item,
+  {
+    ref: m,
+    className: r(d, s),
+    ...i,
+    children: /* @__PURE__ */ o(a.Indicator, { className: r(p), children: /* @__PURE__ */ o("span", { className: r(t) }) })
+  }
+);
+c.displayName = a.Item.displayName;
+export {
+  l as RadioGroup,
+  c as RadioGroupItem
+};
+//# sourceMappingURL=components-ui-radio-group-radio-group.js.map

package/dist/components-ui-radio-group-radio-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components-ui-radio-group-radio-group.js","sources":["../src/components/ui/radio-group/radio-group.tsx"],"sourcesContent":["import * as RadioGroupPrimitive from \"@radix-ui/react-radio-group\";\nimport * as React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\nimport {\n  radioGroupIndicatorClassNames,\n  radioGroupIndicatorDotClassNames,\n  radioGroupItemClassNames,\n  radioGroupRootClassNames,\n} from \"./radio-group.styles\";\n\ntype RadioGroupRef = React.ComponentRef<typeof RadioGroupPrimitive.Root>;\ntype RadioGroupProps = React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root> & {\n  ref?: React.Ref<RadioGroupRef>;\n};\n\ntype RadioGroupItemRef = React.ComponentRef<typeof RadioGroupPrimitive.Item>;\ntype RadioGroupItemProps = React.ComponentPropsWithoutRef<\n  typeof RadioGroupPrimitive.Item\n> & {\n  ref?: React.Ref<RadioGroupItemRef>;\n};\n\nconst RadioGroup = ({ className, ref, ...props }: RadioGroupProps) => {\n  return (\n    <RadioGroupPrimitive.Root\n      className={cn(radioGroupRootClassNames, className)}\n      {...props}\n      ref={ref}\n    />\n  );\n};\nRadioGroup.displayName = RadioGroupPrimitive.Root.displayName;\n\nconst RadioGroupItem = ({ className, ref, ...props }: RadioGroupItemProps) => {\n  return (\n    <RadioGroupPrimitive.Item\n      ref={ref}\n      className={cn(radioGroupItemClassNames, className)}\n      {...props}\n    >\n      <RadioGroupPrimitive.Indicator className={cn(radioGroupIndicatorClassNames)}>\n        <span className={cn(radioGroupIndicatorDotClassNames)} />\n      </RadioGroupPrimitive.Indicator>\n    </RadioGroupPrimitive.Item>\n  );\n};\n\nRadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;\n\nexport { RadioGroup, RadioGroupItem };\n"],"names":["RadioGroup","className","ref","props","jsx","RadioGroupPrimitive","cn","radioGroupRootClassNames","RadioGroupItem","radioGroupItemClassNames","radioGroupIndicatorClassNames","radioGroupIndicatorDotClassNames"],"mappings":";;;;;AAuBA,MAAMA,IAAa,CAAC,EAAE,WAAAC,GAAW,KAAAC,GAAK,GAAGC,QAErC,gBAAAC;AAAA,EAACC,EAAoB;AAAA,EAApB;AAAA,IACC,WAAWC,EAAGC,GAA0BN,CAAS;AAAA,IAChD,GAAGE;AAAA,IACJ,KAAAD;AAAA,EAAA;AAAA;AAINF,EAAW,cAAcK,EAAoB,KAAK;AAElD,MAAMG,IAAiB,CAAC,EAAE,WAAAP,GAAW,KAAAC,GAAK,GAAGC,QAEzC,gBAAAC;AAAA,EAACC,EAAoB;AAAA,EAApB;AAAA,IACC,KAAAH;AAAA,IACA,WAAWI,EAAGG,GAA0BR,CAAS;AAAA,IAChD,GAAGE;AAAA,IAEJ,UAAA,gBAAAC,EAACC,EAAoB,WAApB,EAA8B,WAAWC,EAAGI,CAA6B,GACxE,UAAA,gBAAAN,EAAC,QAAA,EAAK,WAAWE,EAAGK,CAAgC,GAAG,EAAA,CACzD;AAAA,EAAA;AAAA;AAKNH,EAAe,cAAcH,EAAoB,KAAK;"}

package/dist/components-ui-radio-group-radio-group.styles.js

@@ -0,0 +1,23 @@
+const e = ["grid gap-2"], r = [
+  "group size-5 cursor-pointer place-content-center rounded-full border transition-colors duration-200",
+  "border-inp-hover-border bg-primary-bg",
+  "data-[state=checked]:border-primary-text",
+  "enabled:hover:border-inp-hover-border enabled:hover:bg-tertiary-bg",
+  "enabled:hover:data-[state=checked]:border-inp-hover-border enabled:hover:data-[state=checked]:bg-tertiary-bg",
+  "disabled:cursor-not-allowed disabled:border-disabled-border disabled:bg-disabled-bg",
+  "disabled:data-[state=checked]:border-disabled-border disabled:data-[state=checked]:bg-disabled-bg",
+  "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-inp-focus-border"
+], o = [
+  "flex items-center justify-center"
+], d = [
+  "size-2.5 rounded-full bg-primary-text transition-colors duration-200",
+  "group-hover:bg-secondary-text",
+  "group-disabled:bg-disabled-text"
+];
+export {
+  o as radioGroupIndicatorClassNames,
+  d as radioGroupIndicatorDotClassNames,
+  r as radioGroupItemClassNames,
+  e as radioGroupRootClassNames
+};
+//# sourceMappingURL=components-ui-radio-group-radio-group.styles.js.map

package/dist/components-ui-radio-group-radio-group.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components-ui-radio-group-radio-group.styles.js","sources":["../src/components/ui/radio-group/radio-group.styles.ts"],"sourcesContent":["export const radioGroupRootClassNames = [\"grid gap-2\"] as const;\n\nexport const radioGroupItemClassNames = [\n  \"group size-5 cursor-pointer place-content-center rounded-full border transition-colors duration-200\",\n  \"border-inp-hover-border bg-primary-bg\",\n  \"data-[state=checked]:border-primary-text\",\n  \"enabled:hover:border-inp-hover-border enabled:hover:bg-tertiary-bg\",\n  \"enabled:hover:data-[state=checked]:border-inp-hover-border enabled:hover:data-[state=checked]:bg-tertiary-bg\",\n  \"disabled:cursor-not-allowed disabled:border-disabled-border disabled:bg-disabled-bg\",\n  \"disabled:data-[state=checked]:border-disabled-border disabled:data-[state=checked]:bg-disabled-bg\",\n  \"focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-inp-focus-border\",\n] as const;\n\nexport const radioGroupIndicatorClassNames = [\n  \"flex items-center justify-center\",\n] as const;\n\nexport const radioGroupIndicatorDotClassNames = [\n  \"size-2.5 rounded-full bg-primary-text transition-colors duration-200\",\n  \"group-hover:bg-secondary-text\",\n  \"group-disabled:bg-disabled-text\",\n] as const;\n"],"names":["radioGroupRootClassNames","radioGroupItemClassNames","radioGroupIndicatorClassNames","radioGroupIndicatorDotClassNames"],"mappings":"AAAO,MAAMA,IAA2B,CAAC,YAAY,GAExCC,IAA2B;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAEaC,IAAgC;AAAA,EAC3C;AACF,GAEaC,IAAmC;AAAA,EAC9C;AAAA,EACA;AAAA,EACA;AACF;"}

package/dist/components-ui-radio-group.js

@@ -0,0 +1,6 @@
+import { RadioGroup as p, RadioGroupItem as a } from "./components-ui-radio-group-radio-group.js";
+export {
+  p as RadioGroup,
+  a as RadioGroupItem
+};
+//# sourceMappingURL=components-ui-radio-group.js.map

package/dist/components-ui-radio-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components-ui-radio-group.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components-ui-select-select.js

@@ -0,0 +1,194 @@
+import { jsx as e, jsxs as m } from "react/jsx-runtime";
+import "react";
+import "@radix-ui/react-accessible-icon";
+import "@radix-ui/react-accordion";
+import "@radix-ui/react-alert-dialog";
+import "@radix-ui/react-aspect-ratio";
+import "@radix-ui/react-avatar";
+import "@radix-ui/react-checkbox";
+import "@radix-ui/react-collapsible";
+import "@radix-ui/react-context-menu";
+import "@radix-ui/react-dialog";
+import "@radix-ui/react-direction";
+import "@radix-ui/react-dropdown-menu";
+import "@radix-ui/react-form";
+import "@radix-ui/react-hover-card";
+import "@radix-ui/react-label";
+import "@radix-ui/react-menubar";
+import "@radix-ui/react-navigation-menu";
+import "@radix-ui/react-one-time-password-field";
+import "@radix-ui/react-password-toggle-field";
+import "@radix-ui/react-popover";
+import "@radix-ui/react-portal";
+import "@radix-ui/react-progress";
+import "@radix-ui/react-radio-group";
+import "@radix-ui/react-scroll-area";
+import * as o from "@radix-ui/react-select";
+import "@radix-ui/react-separator";
+import "@radix-ui/react-slider";
+import "@radix-ui/react-slot";
+import "@radix-ui/react-switch";
+import "@radix-ui/react-tabs";
+import "@radix-ui/react-toast";
+import "@radix-ui/react-toggle";
+import "@radix-ui/react-toggle-group";
+import "@radix-ui/react-toolbar";
+import "@radix-ui/react-tooltip";
+import "@radix-ui/react-visually-hidden";
+import { cn as a } from "./lib-utils.js";
+import { Icon as p } from "./components-ui-icon-icon.js";
+import { selectItemIndicatorClassName as u, selectIconClassName as d, selectGroupClassName as N, selectTriggerClassName as S, selectViewportClassName as f, selectContentClassName as C, selectLabelClassName as g, selectItemClassName as I, selectSeparatorClassName as h, selectScrollButtonClassName as c } from "./components-ui-select-select.styles.js";
+function ct({ ...t }) {
+  return /* @__PURE__ */ e(
+    o.Root,
+    {
+      "data-slot": "select",
+      ...t
+    }
+  );
+}
+function it({ className: t, ...r }) {
+  return /* @__PURE__ */ e(
+    o.Group,
+    {
+      "data-slot": "select-group",
+      className: a(N, t),
+      ...r
+    }
+  );
+}
+function nt({ ...t }) {
+  return /* @__PURE__ */ e(
+    o.Value,
+    {
+      "data-slot": "select-value",
+      ...t
+    }
+  );
+}
+function pt({
+  className: t,
+  size: r = "default",
+  children: l,
+  ...s
+}) {
+  return /* @__PURE__ */ m(
+    o.Trigger,
+    {
+      "data-slot": "select-trigger",
+      "data-size": r,
+      className: a(S, t),
+      ...s,
+      children: [
+        l,
+        /* @__PURE__ */ e(o.Icon, { asChild: !0, children: /* @__PURE__ */ e(
+          p,
+          {
+            className: d,
+            type: "chevron"
+          }
+        ) })
+      ]
+    }
+  );
+}
+function ut({
+  className: t,
+  children: r,
+  position: l = "popper",
+  align: s = "center",
+  sideOffset: i = 10,
+  ...n
+}) {
+  return /* @__PURE__ */ e(o.Portal, { children: /* @__PURE__ */ m(
+    o.Content,
+    {
+      "data-slot": "select-content",
+      "data-align-trigger": l === "item-aligned",
+      className: a(C, l === "popper" && "", t),
+      position: l,
+      align: s,
+      sideOffset: i,
+      ...n,
+      children: [
+        /* @__PURE__ */ e(b, {}),
+        /* @__PURE__ */ e(
+          o.Viewport,
+          {
+            "data-position": l,
+            className: a(f, l === "popper" && ""),
+            children: r
+          }
+        ),
+        /* @__PURE__ */ e(w, {})
+      ]
+    }
+  ) });
+}
+function dt({ className: t, ...r }) {
+  return /* @__PURE__ */ e(
+    o.Label,
+    {
+      "data-slot": "select-label",
+      className: a(g, t),
+      ...r
+    }
+  );
+}
+function Nt({ className: t, children: r, ...l }) {
+  return /* @__PURE__ */ m(
+    o.Item,
+    {
+      "data-slot": "select-item",
+      className: a(I, t),
+      ...l,
+      children: [
+        /* @__PURE__ */ e("span", { className: u, children: /* @__PURE__ */ e(o.ItemIndicator, {}) }),
+        /* @__PURE__ */ e(o.ItemText, { children: r })
+      ]
+    }
+  );
+}
+function St({ className: t, ...r }) {
+  return /* @__PURE__ */ e(
+    o.Separator,
+    {
+      "data-slot": "select-separator",
+      className: a(h, t),
+      ...r
+    }
+  );
+}
+function b({ className: t, ...r }) {
+  return /* @__PURE__ */ e(
+    o.ScrollUpButton,
+    {
+      "data-slot": "select-scroll-up-button",
+      className: a(c, t),
+      ...r
+    }
+  );
+}
+function w({ className: t, ...r }) {
+  return /* @__PURE__ */ e(
+    o.ScrollDownButton,
+    {
+      "data-slot": "select-scroll-down-button",
+      className: a(c, t),
+      ...r
+    }
+  );
+}
+export {
+  ct as Select,
+  ut as SelectContent,
+  it as SelectGroup,
+  Nt as SelectItem,
+  dt as SelectLabel,
+  w as SelectScrollDownButton,
+  b as SelectScrollUpButton,
+  St as SelectSeparator,
+  pt as SelectTrigger,
+  nt as SelectValue
+};
+//# sourceMappingURL=components-ui-select-select.js.map

package/dist/components-ui-select-select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components-ui-select-select.js","sources":["../src/components/ui/select/select.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Select as SelectPrimitive } from \"radix-ui\";\n\nimport { cn } from \"@/lib/utils\";\n// import { ChevronDownIcon, CheckIcon, ChevronUpIcon } from \"lucide-react\";\nimport { Icon } from \"../icon\";\nimport {\n  selectContentClassName,\n  selectGroupClassName,\n  selectIconClassName,\n  selectItemClassName,\n  selectItemIndicatorClassName,\n  selectLabelClassName,\n  selectScrollButtonClassName,\n  selectSeparatorClassName,\n  selectTriggerClassName,\n  selectViewportClassName,\n} from \"./select.styles\";\n\ntype SelectProps = React.ComponentProps<typeof SelectPrimitive.Root>;\ntype SelectGroupProps = React.ComponentProps<typeof SelectPrimitive.Group>;\ntype SelectValueProps = React.ComponentProps<typeof SelectPrimitive.Value>;\ntype SelectTriggerProps = React.ComponentProps<typeof SelectPrimitive.Trigger> & {\n  size?: \"sm\" | \"default\";\n};\ntype SelectContentProps = React.ComponentProps<typeof SelectPrimitive.Content>;\ntype SelectLabelProps = React.ComponentProps<typeof SelectPrimitive.Label>;\ntype SelectItemProps = React.ComponentProps<typeof SelectPrimitive.Item>;\ntype SelectSeparatorProps = React.ComponentProps<typeof SelectPrimitive.Separator>;\ntype SelectScrollUpButtonProps = React.ComponentProps<\n  typeof SelectPrimitive.ScrollUpButton\n>;\ntype SelectScrollDownButtonProps = React.ComponentProps<\n  typeof SelectPrimitive.ScrollDownButton\n>;\n\nfunction Select({ ...props }: SelectProps) {\n  return (\n    <SelectPrimitive.Root\n      data-slot=\"select\"\n      {...props}\n    />\n  );\n}\n\nfunction SelectGroup({ className, ...props }: SelectGroupProps) {\n  return (\n    <SelectPrimitive.Group\n      data-slot=\"select-group\"\n      className={cn(selectGroupClassName, className)}\n      {...props}\n    />\n  );\n}\n\nfunction SelectValue({ ...props }: SelectValueProps) {\n  return (\n    <SelectPrimitive.Value\n      data-slot=\"select-value\"\n      {...props}\n    />\n  );\n}\n\nfunction SelectTrigger({\n  className,\n  size = \"default\",\n  children,\n  ...props\n}: SelectTriggerProps) {\n  return (\n    <SelectPrimitive.Trigger\n      data-slot=\"select-trigger\"\n      data-size={size}\n      className={cn(selectTriggerClassName, className)}\n      {...props}\n    >\n      {children}\n      <SelectPrimitive.Icon asChild>\n        <Icon\n          className={selectIconClassName}\n          type=\"chevron\"\n        />\n      </SelectPrimitive.Icon>\n    </SelectPrimitive.Trigger>\n  );\n}\n\nfunction SelectContent({\n  className,\n  children,\n  position = \"popper\",\n  align = \"center\",\n  sideOffset = 10,\n  ...props\n}: SelectContentProps) {\n  return (\n    <SelectPrimitive.Portal>\n      <SelectPrimitive.Content\n        data-slot=\"select-content\"\n        data-align-trigger={position === \"item-aligned\"}\n        className={cn(selectContentClassName, position === \"popper\" && \"\", className)}\n        position={position}\n        align={align}\n        sideOffset={sideOffset}\n        {...props}\n      >\n        <SelectScrollUpButton />\n        <SelectPrimitive.Viewport\n          data-position={position}\n          className={cn(selectViewportClassName, position === \"popper\" && \"\")}\n        >\n          {children}\n        </SelectPrimitive.Viewport>\n        <SelectScrollDownButton />\n      </SelectPrimitive.Content>\n    </SelectPrimitive.Portal>\n  );\n}\n\nfunction SelectLabel({ className, ...props }: SelectLabelProps) {\n  return (\n    <SelectPrimitive.Label\n      data-slot=\"select-label\"\n      className={cn(selectLabelClassName, className)}\n      {...props}\n    />\n  );\n}\n\nfunction SelectItem({ className, children, ...props }: SelectItemProps) {\n  return (\n    <SelectPrimitive.Item\n      data-slot=\"select-item\"\n      className={cn(selectItemClassName, className)}\n      {...props}\n    >\n      <span className={selectItemIndicatorClassName}>\n        <SelectPrimitive.ItemIndicator>\n          {/* <CheckIcon className=\"text-primary-text pointer-events-none size-4\" /> */}\n        </SelectPrimitive.ItemIndicator>\n      </span>\n      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n    </SelectPrimitive.Item>\n  );\n}\n\nfunction SelectSeparator({ className, ...props }: SelectSeparatorProps) {\n  return (\n    <SelectPrimitive.Separator\n      data-slot=\"select-separator\"\n      className={cn(selectSeparatorClassName, className)}\n      {...props}\n    />\n  );\n}\n\nfunction SelectScrollUpButton({ className, ...props }: SelectScrollUpButtonProps) {\n  return (\n    <SelectPrimitive.ScrollUpButton\n      data-slot=\"select-scroll-up-button\"\n      className={cn(selectScrollButtonClassName, className)}\n      {...props}\n    >\n      {/* <ChevronUpIcon /> */}\n    </SelectPrimitive.ScrollUpButton>\n  );\n}\n\nfunction SelectScrollDownButton({ className, ...props }: SelectScrollDownButtonProps) {\n  return (\n    <SelectPrimitive.ScrollDownButton\n      data-slot=\"select-scroll-down-button\"\n      className={cn(selectScrollButtonClassName, className)}\n      {...props}\n    >\n      {/* <ChevronDownIcon /> */}\n    </SelectPrimitive.ScrollDownButton>\n  );\n}\n\nexport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue,\n  type SelectContentProps,\n  type SelectGroupProps,\n  type SelectItemProps,\n  type SelectLabelProps,\n  type SelectProps,\n  type SelectScrollDownButtonProps,\n  type SelectScrollUpButtonProps,\n  type SelectSeparatorProps,\n  type SelectTriggerProps,\n  type SelectValueProps,\n};\n"],"names":["Select","props","jsx","SelectPrimitive","SelectGroup","className","cn","selectGroupClassName","SelectValue","SelectTrigger","size","children","jsxs","selectTriggerClassName","Icon","selectIconClassName","SelectContent","position","align","sideOffset","selectContentClassName","SelectScrollUpButton","selectViewportClassName","SelectScrollDownButton","SelectLabel","selectLabelClassName","SelectItem","selectItemClassName","selectItemIndicatorClassName","SelectSeparator","selectSeparatorClassName","selectScrollButtonClassName"],"mappings":"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"}

package/dist/components-ui-select-select.styles.js

@@ -0,0 +1,43 @@
+const e = "flex flex-col gap-1", t = `border-inp-default-border bg-primary-bg text-primary-text
+hover:border-inp-hover-border focus-visible:border-inp-focus-border
+data-placeholder:text-placeholder-text aria-invalid:border-error-text
+aria-valid:border-success-text disabled:border-inp-disabled-border
+disabled:bg-disabled-bg disabled:text-disabled-text
+[&[data-disabled]_svg]:text-disabled-text relative flex w-full items-center
+justify-between gap-2 rounded-xl border px-3 py-2.5 text-sm whitespace-nowrap
+transition-colors outline-none select-none focus-visible:ring-0
+disabled:pointer-events-none data-[size=default]:h-10 data-[size=sm]:h-8
+*:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex
+*:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5
+[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`, a = "text-primary-text pointer-events-none size-4", s = `border-inp-focus-border bg-primary-bg text-primary-text
+data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2
+data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2
+data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95
+data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 relative
+z-50 max-h-63 w-(--radix-select-trigger-width)
+min-w-(--radix-select-trigger-width)
+origin-(--radix-select-content-transform-origin) overflow-x-hidden
+overflow-y-auto rounded-xl border shadow-[0px_4px_12px_0px_rgba(0,0,0,0.1)]
+duration-100 data-[align-trigger=true]:animate-none`, r = `data-[position=popper]:h-(--radix-select-trigger-height)
+data-[position=popper]:w-full
+data-[position=popper]:min-w-(--radix-select-trigger-width)`, i = "text-secondary-text px-4 py-2 text-xs", o = `text-primary-text data-highlighted:bg-primary-hover-bg
+data-[state=checked]:bg-primary-hover-bg data-disabled:text-disabled-text relative
+flex w-full cursor-pointer items-center gap-2 px-4 py-2 pr-9 text-sm
+outline-none select-none data-disabled:pointer-events-none
+[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`, n = `pointer-events-none absolute right-3 flex size-4
+items-center justify-center`, d = "bg-delicate-border pointer-events-none  my-1 h-px", l = `text-secondary-text bg-primary-bg z-10 flex
+cursor-default items-center justify-center py-1
+[&_svg:not([class*='size-'])]:size-4`;
+export {
+  s as selectContentClassName,
+  e as selectGroupClassName,
+  a as selectIconClassName,
+  o as selectItemClassName,
+  n as selectItemIndicatorClassName,
+  i as selectLabelClassName,
+  l as selectScrollButtonClassName,
+  d as selectSeparatorClassName,
+  t as selectTriggerClassName,
+  r as selectViewportClassName
+};
+//# sourceMappingURL=components-ui-select-select.styles.js.map

package/dist/components-ui-select-select.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components-ui-select-select.styles.js","sources":["../src/components/ui/select/select.styles.ts"],"sourcesContent":["export const selectGroupClassName = \"flex flex-col gap-1\";\n\nexport const selectTriggerClassName = `border-inp-default-border bg-primary-bg text-primary-text\nhover:border-inp-hover-border focus-visible:border-inp-focus-border\ndata-placeholder:text-placeholder-text aria-invalid:border-error-text\naria-valid:border-success-text disabled:border-inp-disabled-border\ndisabled:bg-disabled-bg disabled:text-disabled-text\n[&[data-disabled]_svg]:text-disabled-text relative flex w-full items-center\njustify-between gap-2 rounded-xl border px-3 py-2.5 text-sm whitespace-nowrap\ntransition-colors outline-none select-none focus-visible:ring-0\ndisabled:pointer-events-none data-[size=default]:h-10 data-[size=sm]:h-8\n*:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex\n*:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5\n[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`;\n\nexport const selectIconClassName = \"text-primary-text pointer-events-none size-4\";\n\nexport const selectContentClassName = `border-inp-focus-border bg-primary-bg text-primary-text\ndata-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2\ndata-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\ndata-open:animate-in data-open:fade-in-0 data-open:zoom-in-95\ndata-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 relative\nz-50 max-h-63 w-(--radix-select-trigger-width)\nmin-w-(--radix-select-trigger-width)\norigin-(--radix-select-content-transform-origin) overflow-x-hidden\noverflow-y-auto rounded-xl border shadow-[0px_4px_12px_0px_rgba(0,0,0,0.1)]\nduration-100 data-[align-trigger=true]:animate-none`;\n\nexport const selectViewportClassName = `data-[position=popper]:h-(--radix-select-trigger-height)\ndata-[position=popper]:w-full\ndata-[position=popper]:min-w-(--radix-select-trigger-width)`;\n\nexport const selectLabelClassName = \"text-secondary-text px-4 py-2 text-xs\";\n\nexport const selectItemClassName = `text-primary-text data-highlighted:bg-primary-hover-bg\ndata-[state=checked]:bg-primary-hover-bg data-disabled:text-disabled-text relative\nflex w-full cursor-pointer items-center gap-2 px-4 py-2 pr-9 text-sm\noutline-none select-none data-disabled:pointer-events-none\n[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`;\n\nexport const selectItemIndicatorClassName = `pointer-events-none absolute right-3 flex size-4\nitems-center justify-center`;\n\nexport const selectSeparatorClassName =\n  \"bg-delicate-border pointer-events-none  my-1 h-px\";\n\nexport const selectScrollButtonClassName = `text-secondary-text bg-primary-bg z-10 flex\ncursor-default items-center justify-center py-1\n[&_svg:not([class*='size-'])]:size-4`;\n"],"names":["selectGroupClassName","selectTriggerClassName","selectIconClassName","selectContentClassName","selectViewportClassName","selectLabelClassName","selectItemClassName","selectItemIndicatorClassName","selectSeparatorClassName","selectScrollButtonClassName"],"mappings":"AAAO,MAAMA,IAAuB,uBAEvBC,IAAyB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oFAazBC,IAAsB,gDAEtBC,IAAyB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sDAWzBC,IAA0B;AAAA;AAAA,8DAI1BC,IAAuB,yCAEvBC,IAAsB;AAAA;AAAA;AAAA;AAAA,oFAMtBC,IAA+B;AAAA,8BAG/BC,IACX,qDAEWC,IAA8B;AAAA;AAAA;"}

package/dist/components-ui-select.js

@@ -0,0 +1,14 @@
+import { Select as l, SelectContent as S, SelectGroup as c, SelectItem as o, SelectLabel as r, SelectScrollDownButton as n, SelectScrollUpButton as a, SelectSeparator as p, SelectTrigger as u, SelectValue as g } from "./components-ui-select-select.js";
+export {
+  l as Select,
+  S as SelectContent,
+  c as SelectGroup,
+  o as SelectItem,
+  r as SelectLabel,
+  n as SelectScrollDownButton,
+  a as SelectScrollUpButton,
+  p as SelectSeparator,
+  u as SelectTrigger,
+  g as SelectValue
+};
+//# sourceMappingURL=components-ui-select.js.map

package/dist/components-ui-select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components-ui-select.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components-ui-separator-separator.js

@@ -0,0 +1,29 @@
+import { jsx as p } from "react/jsx-runtime";
+import * as r from "@radix-ui/react-separator";
+import "react";
+import { cn as e } from "./lib-utils.js";
+const l = ({
+  className: a,
+  orientation: o = "horizontal",
+  decorative: t = !0,
+  ref: i,
+  ...m
+}) => /* @__PURE__ */ p(
+  r.Root,
+  {
+    ref: i,
+    decorative: t,
+    orientation: o,
+    className: e(
+      "bg-delicate-border shrink-0",
+      o === "horizontal" ? "h-px w-full" : "h-full w-px",
+      a
+    ),
+    ...m
+  }
+);
+l.displayName = r.Root.displayName;
+export {
+  l as Separator
+};
+//# sourceMappingURL=components-ui-separator-separator.js.map

package/dist/components-ui-separator-separator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components-ui-separator-separator.js","sources":["../src/components/ui/separator/separator.tsx"],"sourcesContent":["import * as SeparatorPrimitive from \"@radix-ui/react-separator\";\nimport * as React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\ntype SeparatorRef = React.ComponentRef<typeof SeparatorPrimitive.Root>;\ntype SeparatorProps = React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root> & {\n  ref?: React.Ref<SeparatorRef>;\n};\n\nconst Separator = ({\n  className,\n  orientation = \"horizontal\",\n  decorative = true,\n  ref,\n  ...props\n}: SeparatorProps) => (\n  <SeparatorPrimitive.Root\n    ref={ref}\n    decorative={decorative}\n    orientation={orientation}\n    className={cn(\n      \"bg-delicate-border shrink-0\",\n      orientation === \"horizontal\" ? \"h-px w-full\" : \"h-full w-px\",\n      className,\n    )}\n    {...props}\n  />\n);\nSeparator.displayName = SeparatorPrimitive.Root.displayName;\n\nexport { Separator };\n"],"names":["Separator","className","orientation","decorative","ref","props","jsx","SeparatorPrimitive","cn"],"mappings":";;;;AAUA,MAAMA,IAAY,CAAC;AAAA,EACjB,WAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,YAAAC,IAAa;AAAA,EACb,KAAAC;AAAA,EACA,GAAGC;AACL,MACE,gBAAAC;AAAA,EAACC,EAAmB;AAAA,EAAnB;AAAA,IACC,KAAAH;AAAA,IACA,YAAAD;AAAA,IACA,aAAAD;AAAA,IACA,WAAWM;AAAA,MACT;AAAA,MACAN,MAAgB,eAAe,gBAAgB;AAAA,MAC/CD;AAAA,IAAA;AAAA,IAED,GAAGI;AAAA,EAAA;AACN;AAEFL,EAAU,cAAcO,EAAmB,KAAK;"}

package/dist/components-ui-separator.js

@@ -0,0 +1,5 @@
+import { Separator as a } from "./components-ui-separator-separator.js";
+export {
+  a as Separator
+};
+//# sourceMappingURL=components-ui-separator.js.map

package/dist/components-ui-separator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components-ui-separator.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components-ui-sonner-sonner.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),i=require("next-themes"),l=require("sonner"),o=require("./components-ui-icon-icon.cjs"),a=require("./lib-utils.cjs"),t=require("./components-ui-sonner-sonner.styles.cjs"),m=({className:n,...c})=>{const{theme:r="system"}=i.useTheme(),e="size-4";return s.jsx(l.Toaster,{theme:r,className:t.toasterClassName,icons:{success:s.jsx(o.Icon,{type:"circle-check",className:e}),info:s.jsx(o.Icon,{type:"info",className:e}),warning:s.jsx(o.Icon,{type:"triangle-alert",className:e}),error:s.jsx(o.Icon,{type:"octagon",className:e}),loading:s.jsx(o.Icon,{type:"loader",className:a.cn(e,"animate-spin")}),close:s.jsx(o.Icon,{type:"close",className:e})},toastOptions:{unstyled:!0,classNames:{toast:a.cn(t.toastBaseClassNames,n),loading:t.toastLoadingClassNames,loader:t.toastLoaderClassNames}},...c})};exports.Toaster=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),t=require("./index-DGxwh2Ms.cjs"),o=require("./components-ui-icon-icon.cjs"),n=require("./lib-utils.cjs"),a=require("./components-ui-sonner-sonner.styles.cjs"),l=({className:c,...r})=>{const{theme:i="system"}=t.z(),e="size-4";return s.jsx(t.Toaster,{theme:i,className:a.toasterClassName,icons:{success:s.jsx(o.Icon,{type:"circle-check",className:e}),info:s.jsx(o.Icon,{type:"info",className:e}),warning:s.jsx(o.Icon,{type:"triangle-alert",className:e}),error:s.jsx(o.Icon,{type:"octagon",className:e}),loading:s.jsx(o.Icon,{type:"loader",className:n.cn(e,"animate-spin")}),close:s.jsx(o.Icon,{type:"close",className:e})},toastOptions:{unstyled:!0,classNames:{toast:n.cn(a.toastBaseClassNames,c),loading:a.toastLoadingClassNames,loader:a.toastLoaderClassNames}},...r})};exports.Toaster=l;
 //# sourceMappingURL=components-ui-sonner-sonner.cjs.map

package/dist/components-ui-sonner-sonner.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"components-ui-sonner-sonner.cjs","sources":["../src/components/ui/sonner/sonner.tsx"],"sourcesContent":["import { useTheme } from \"next-themes\";\nimport { Toaster as Sonner, type ToasterProps } from \"sonner\";\nimport { Icon } from \"../icon\";\nimport { cn } from \"@/lib/utils\";\nimport {\n  toasterClassName,\n  toastBaseClassNames,\n  toastLoadingClassNames,\n  toastLoaderClassNames,\n} from \"./sonner.styles\";\n\nconst Toaster = ({ className, ...props }: ToasterProps) => {\n  const { theme = \"system\" } = useTheme();\n  const iconClassName = \"size-4\";\n\n  return (\n    <Sonner\n      theme={theme as ToasterProps[\"theme\"]}\n      className={toasterClassName}\n      icons={{\n        success: (\n          <Icon\n            type=\"circle-check\"\n            className={iconClassName}\n          />\n        ),\n        info: (\n          <Icon\n            type=\"info\"\n            className={iconClassName}\n          />\n        ),\n        warning: (\n          <Icon\n            type=\"triangle-alert\"\n            className={iconClassName}\n          />\n        ),\n        error: (\n          <Icon\n            type=\"octagon\"\n            className={iconClassName}\n          />\n        ),\n        loading: (\n          <Icon\n            type=\"loader\"\n            className={cn(iconClassName, \"animate-spin\")}\n          />\n        ),\n        close: (\n          <Icon\n            type=\"close\"\n            className={iconClassName}\n          />\n        ),\n      }}\n      toastOptions={{\n        unstyled: true,\n        classNames: {\n          toast: cn(toastBaseClassNames, className),\n          loading: toastLoadingClassNames,\n          loader: toastLoaderClassNames,\n        },\n      }}\n      {...props}\n    />\n  );\n};\n\nexport { Toaster };\n"],"names":["Toaster","className","props","theme","useTheme","iconClassName","jsx","Sonner","toasterClassName","Icon","cn","toastBaseClassNames","toastLoadingClassNames","toastLoaderClassNames"],"mappings":"gSAWMA,EAAU,CAAC,CAAE,UAAAC,EAAW,GAAGC,KAA0B,CACzD,KAAM,CAAE,MAAAC,EAAQ,QAAA,EAAaC,WAAA,EACvBC,EAAgB,SAEtB,OACEC,EAAAA,IAACC,EAAAA,QAAA,CACC,MAAAJ,EACA,UAAWK,EAAAA,iBACX,MAAO,CACL,QACEF,EAAAA,IAACG,EAAAA,KAAA,CACC,KAAK,eACL,UAAWJ,CAAA,CAAA,EAGf,KACEC,EAAAA,IAACG,EAAAA,KAAA,CACC,KAAK,OACL,UAAWJ,CAAA,CAAA,EAGf,QACEC,EAAAA,IAACG,EAAAA,KAAA,CACC,KAAK,iBACL,UAAWJ,CAAA,CAAA,EAGf,MACEC,EAAAA,IAACG,EAAAA,KAAA,CACC,KAAK,UACL,UAAWJ,CAAA,CAAA,EAGf,QACEC,EAAAA,IAACG,EAAAA,KAAA,CACC,KAAK,SACL,UAAWC,EAAAA,GAAGL,EAAe,cAAc,CAAA,CAAA,EAG/C,MACEC,EAAAA,IAACG,EAAAA,KAAA,CACC,KAAK,QACL,UAAWJ,CAAA,CAAA,CACb,EAGJ,aAAc,CACZ,SAAU,GACV,WAAY,CACV,MAAOK,EAAAA,GAAGC,EAAAA,oBAAqBV,CAAS,EACxC,QAASW,EAAAA,uBACT,OAAQC,EAAAA,qBAAA,CACV,EAED,GAAGX,CAAA,CAAA,CAGV"}
+{"version":3,"file":"components-ui-sonner-sonner.cjs","sources":["../src/components/ui/sonner/sonner.tsx"],"sourcesContent":["import { useTheme } from \"next-themes\";\nimport { Toaster as Sonner, type ToasterProps } from \"sonner\";\nimport { Icon } from \"../icon\";\nimport { cn } from \"@/lib/utils\";\nimport {\n  toasterClassName,\n  toastBaseClassNames,\n  toastLoadingClassNames,\n  toastLoaderClassNames,\n} from \"./sonner.styles\";\n\nconst Toaster = ({ className, ...props }: ToasterProps) => {\n  const { theme = \"system\" } = useTheme();\n  const iconClassName = \"size-4\";\n\n  return (\n    <Sonner\n      theme={theme as ToasterProps[\"theme\"]}\n      className={toasterClassName}\n      icons={{\n        success: (\n          <Icon\n            type=\"circle-check\"\n            className={iconClassName}\n          />\n        ),\n        info: (\n          <Icon\n            type=\"info\"\n            className={iconClassName}\n          />\n        ),\n        warning: (\n          <Icon\n            type=\"triangle-alert\"\n            className={iconClassName}\n          />\n        ),\n        error: (\n          <Icon\n            type=\"octagon\"\n            className={iconClassName}\n          />\n        ),\n        loading: (\n          <Icon\n            type=\"loader\"\n            className={cn(iconClassName, \"animate-spin\")}\n          />\n        ),\n        close: (\n          <Icon\n            type=\"close\"\n            className={iconClassName}\n          />\n        ),\n      }}\n      toastOptions={{\n        unstyled: true,\n        classNames: {\n          toast: cn(toastBaseClassNames, className),\n          loading: toastLoadingClassNames,\n          loader: toastLoaderClassNames,\n        },\n      }}\n      {...props}\n    />\n  );\n};\n\nexport { Toaster };\n"],"names":["Toaster","className","props","theme","useTheme","iconClassName","jsx","Sonner","toasterClassName","Icon","cn","toastBaseClassNames","toastLoadingClassNames","toastLoaderClassNames"],"mappings":"qRAWMA,EAAU,CAAC,CAAE,UAAAC,EAAW,GAAGC,KAA0B,CACzD,KAAM,CAAE,MAAAC,EAAQ,QAAA,EAAaC,IAAA,EACvBC,EAAgB,SAEtB,OACEC,EAAAA,IAACC,EAAAA,QAAA,CACC,MAAAJ,EACA,UAAWK,EAAAA,iBACX,MAAO,CACL,QACEF,EAAAA,IAACG,EAAAA,KAAA,CACC,KAAK,eACL,UAAWJ,CAAA,CAAA,EAGf,KACEC,EAAAA,IAACG,EAAAA,KAAA,CACC,KAAK,OACL,UAAWJ,CAAA,CAAA,EAGf,QACEC,EAAAA,IAACG,EAAAA,KAAA,CACC,KAAK,iBACL,UAAWJ,CAAA,CAAA,EAGf,MACEC,EAAAA,IAACG,EAAAA,KAAA,CACC,KAAK,UACL,UAAWJ,CAAA,CAAA,EAGf,QACEC,EAAAA,IAACG,EAAAA,KAAA,CACC,KAAK,SACL,UAAWC,EAAAA,GAAGL,EAAe,cAAc,CAAA,CAAA,EAG/C,MACEC,EAAAA,IAACG,EAAAA,KAAA,CACC,KAAK,QACL,UAAWJ,CAAA,CAAA,CACb,EAGJ,aAAc,CACZ,SAAU,GACV,WAAY,CACV,MAAOK,EAAAA,GAAGC,EAAAA,oBAAqBV,CAAS,EACxC,QAASW,EAAAA,uBACT,OAAQC,EAAAA,qBAAA,CACV,EAED,GAAGX,CAAA,CAAA,CAGV"}

package/dist/components-ui-sonner-sonner.js

@@ -0,0 +1,72 @@
+import { jsx as s } from "react/jsx-runtime";
+import { z as c, T as l } from "./index-C4iHL8Gs.js";
+import { Icon as e } from "./components-ui-icon-icon.js";
+import { cn as o } from "./lib-utils.js";
+import { toastLoaderClassNames as n, toastLoadingClassNames as i, toasterClassName as p, toastBaseClassNames as N } from "./components-ui-sonner-sonner.styles.js";
+const u = ({ className: t, ...r }) => {
+  const { theme: m = "system" } = c(), a = "size-4";
+  return /* @__PURE__ */ s(
+    l,
+    {
+      theme: m,
+      className: p,
+      icons: {
+        success: /* @__PURE__ */ s(
+          e,
+          {
+            type: "circle-check",
+            className: a
+          }
+        ),
+        info: /* @__PURE__ */ s(
+          e,
+          {
+            type: "info",
+            className: a
+          }
+        ),
+        warning: /* @__PURE__ */ s(
+          e,
+          {
+            type: "triangle-alert",
+            className: a
+          }
+        ),
+        error: /* @__PURE__ */ s(
+          e,
+          {
+            type: "octagon",
+            className: a
+          }
+        ),
+        loading: /* @__PURE__ */ s(
+          e,
+          {
+            type: "loader",
+            className: o(a, "animate-spin")
+          }
+        ),
+        close: /* @__PURE__ */ s(
+          e,
+          {
+            type: "close",
+            className: a
+          }
+        )
+      },
+      toastOptions: {
+        unstyled: !0,
+        classNames: {
+          toast: o(N, t),
+          loading: i,
+          loader: n
+        }
+      },
+      ...r
+    }
+  );
+};
+export {
+  u as Toaster
+};
+//# sourceMappingURL=components-ui-sonner-sonner.js.map

package/dist/components-ui-sonner-sonner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components-ui-sonner-sonner.js","sources":["../src/components/ui/sonner/sonner.tsx"],"sourcesContent":["import { useTheme } from \"next-themes\";\nimport { Toaster as Sonner, type ToasterProps } from \"sonner\";\nimport { Icon } from \"../icon\";\nimport { cn } from \"@/lib/utils\";\nimport {\n  toasterClassName,\n  toastBaseClassNames,\n  toastLoadingClassNames,\n  toastLoaderClassNames,\n} from \"./sonner.styles\";\n\nconst Toaster = ({ className, ...props }: ToasterProps) => {\n  const { theme = \"system\" } = useTheme();\n  const iconClassName = \"size-4\";\n\n  return (\n    <Sonner\n      theme={theme as ToasterProps[\"theme\"]}\n      className={toasterClassName}\n      icons={{\n        success: (\n          <Icon\n            type=\"circle-check\"\n            className={iconClassName}\n          />\n        ),\n        info: (\n          <Icon\n            type=\"info\"\n            className={iconClassName}\n          />\n        ),\n        warning: (\n          <Icon\n            type=\"triangle-alert\"\n            className={iconClassName}\n          />\n        ),\n        error: (\n          <Icon\n            type=\"octagon\"\n            className={iconClassName}\n          />\n        ),\n        loading: (\n          <Icon\n            type=\"loader\"\n            className={cn(iconClassName, \"animate-spin\")}\n          />\n        ),\n        close: (\n          <Icon\n            type=\"close\"\n            className={iconClassName}\n          />\n        ),\n      }}\n      toastOptions={{\n        unstyled: true,\n        classNames: {\n          toast: cn(toastBaseClassNames, className),\n          loading: toastLoadingClassNames,\n          loader: toastLoaderClassNames,\n        },\n      }}\n      {...props}\n    />\n  );\n};\n\nexport { Toaster };\n"],"names":["Toaster","className","props","theme","useTheme","iconClassName","jsx","Sonner","toasterClassName","Icon","cn","toastBaseClassNames","toastLoadingClassNames","toastLoaderClassNames"],"mappings":";;;;;AAWA,MAAMA,IAAU,CAAC,EAAE,WAAAC,GAAW,GAAGC,QAA0B;AACzD,QAAM,EAAE,OAAAC,IAAQ,SAAA,IAAaC,EAAA,GACvBC,IAAgB;AAEtB,SACE,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,OAAAJ;AAAA,MACA,WAAWK;AAAA,MACX,OAAO;AAAA,QACL,SACE,gBAAAF;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,WAAWJ;AAAA,UAAA;AAAA,QAAA;AAAA,QAGf,MACE,gBAAAC;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,WAAWJ;AAAA,UAAA;AAAA,QAAA;AAAA,QAGf,SACE,gBAAAC;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,WAAWJ;AAAA,UAAA;AAAA,QAAA;AAAA,QAGf,OACE,gBAAAC;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,WAAWJ;AAAA,UAAA;AAAA,QAAA;AAAA,QAGf,SACE,gBAAAC;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,WAAWC,EAAGL,GAAe,cAAc;AAAA,UAAA;AAAA,QAAA;AAAA,QAG/C,OACE,gBAAAC;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,WAAWJ;AAAA,UAAA;AAAA,QAAA;AAAA,MACb;AAAA,MAGJ,cAAc;AAAA,QACZ,UAAU;AAAA,QACV,YAAY;AAAA,UACV,OAAOK,EAAGC,GAAqBV,CAAS;AAAA,UACxC,SAASW;AAAA,UACT,QAAQC;AAAA,QAAA;AAAA,MACV;AAAA,MAED,GAAGX;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/components-ui-sonner-sonner.styles.js

@@ -0,0 +1,42 @@
+const e = `
+  toaster group
+`, t = `
+  z-50 flex w-full items-center gap-3 border border-default-border bg-primary-bg p-4 rounded-xl
+  text-sm text-popover-foreground shadow-[0px_4px_18px_0px_rgba(0,0,0,0.15)]
+  [&_[data-icon]]:flex [&_[data-icon]]:size-4 [&_[data-icon]]:shrink-0
+  [&_[data-icon]]:items-center [&_[data-icon]]:justify-center
+
+  data-[type=success]:border-green-500
+  data-[type=success]:bg-green-50
+  data-[type=success]:text-green-700
+  data-[type=success]:[&_[data-description]]:text-green-700
+
+  data-[type=error]:border-red-500
+  data-[type=error]:bg-red-50
+  data-[type=error]:text-red-700
+  data-[type=error]:[&_[data-description]]:text-red-700
+
+  data-[type=warning]:border-yellow-500
+  data-[type=warning]:bg-orange-50
+  data-[type=warning]:text-yellow-700
+  data-[type=warning]:[&_[data-description]]:text-yellow-700
+
+  data-[type=info]:border-blue-500
+  data-[type=info]:bg-blue-50
+  data-[type=info]:text-blue-700
+  data-[type=info]:[&_[data-description]]:text-blue-700
+`, a = `
+  [&_[data-icon]]:order-first
+`, r = `
+  [&.sonner-loader]:!top-auto
+  [&.sonner-loader]:!left-auto
+  [&.sonner-loader]:!transform-none
+  [&.sonner-loader]:!shrink-0
+`;
+export {
+  t as toastBaseClassNames,
+  r as toastLoaderClassNames,
+  a as toastLoadingClassNames,
+  e as toasterClassName
+};
+//# sourceMappingURL=components-ui-sonner-sonner.styles.js.map

package/dist/components-ui-sonner-sonner.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components-ui-sonner-sonner.styles.js","sources":["../src/components/ui/sonner/sonner.styles.ts"],"sourcesContent":["export const toasterClassName = `\n  toaster group\n`\n\nexport const toastBaseClassNames = `\n  z-50 flex w-full items-center gap-3 border border-default-border bg-primary-bg p-4 rounded-xl\n  text-sm text-popover-foreground shadow-[0px_4px_18px_0px_rgba(0,0,0,0.15)]\n  [&_[data-icon]]:flex [&_[data-icon]]:size-4 [&_[data-icon]]:shrink-0\n  [&_[data-icon]]:items-center [&_[data-icon]]:justify-center\n\n  data-[type=success]:border-green-500\n  data-[type=success]:bg-green-50\n  data-[type=success]:text-green-700\n  data-[type=success]:[&_[data-description]]:text-green-700\n\n  data-[type=error]:border-red-500\n  data-[type=error]:bg-red-50\n  data-[type=error]:text-red-700\n  data-[type=error]:[&_[data-description]]:text-red-700\n\n  data-[type=warning]:border-yellow-500\n  data-[type=warning]:bg-orange-50\n  data-[type=warning]:text-yellow-700\n  data-[type=warning]:[&_[data-description]]:text-yellow-700\n\n  data-[type=info]:border-blue-500\n  data-[type=info]:bg-blue-50\n  data-[type=info]:text-blue-700\n  data-[type=info]:[&_[data-description]]:text-blue-700\n`\n\nexport const toastLoadingClassNames = `\n  [&_[data-icon]]:order-first\n`\n\nexport const toastLoaderClassNames = `\n  [&.sonner-loader]:!top-auto\n  [&.sonner-loader]:!left-auto\n  [&.sonner-loader]:!transform-none\n  [&.sonner-loader]:!shrink-0\n`\n"],"names":["toasterClassName","toastBaseClassNames","toastLoadingClassNames","toastLoaderClassNames"],"mappings":"AAAO,MAAMA,IAAmB;AAAA;AAAA,GAInBC,IAAsB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA2BtBC,IAAyB;AAAA;AAAA,GAIzBC,IAAwB;AAAA;AAAA;AAAA;AAAA;AAAA;"}