ics-ui-kit 0.1.0-alpha.1 → 0.1.0-alpha.10

package/dist/Button-Ci6L6TcD.js

@@ -0,0 +1,57 @@
+var g = Object.defineProperty, j = Object.defineProperties;
+var k = Object.getOwnPropertyDescriptors;
+var a = Object.getOwnPropertySymbols;
+var l = Object.prototype.hasOwnProperty, f = Object.prototype.propertyIsEnumerable;
+var m = (s, t, e) => t in s ? g(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e, p = (s, t) => {
+  for (var e in t || (t = {}))
+    l.call(t, e) && m(s, e, t[e]);
+  if (a)
+    for (var e of a(t))
+      f.call(t, e) && m(s, e, t[e]);
+  return s;
+}, d = (s, t) => j(s, k(t));
+var x = (s, t) => {
+  var e = {};
+  for (var o in s)
+    l.call(s, o) && t.indexOf(o) < 0 && (e[o] = s[o]);
+  if (s != null && a)
+    for (var o of a(s))
+      t.indexOf(o) < 0 && f.call(s, o) && (e[o] = s[o]);
+  return e;
+};
+import { jsx as c, jsxs as v } from "react/jsx-runtime";
+import y from "react";
+import { c as I } from "./index-CR-odn5-.js";
+import { B as R } from "./ButtonBase-DX47-5Yc.js";
+const V = I({
+  slots: {
+    container: "flex items-center justify-center gap-2",
+    icon: "h-4 w-4 stroke-[1.5px]"
+  },
+  variants: {
+    size: {
+      xs: { icon: "h-3 w-3 stroke-[1px]" },
+      sm: { icon: "h-3.5 w-3.5 stroke-[1.25px]" },
+      md: {},
+      lg: {},
+      xl: { container: "gap-3" }
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+}), D = y.forwardRef(
+  (_, B) => {
+    var i = _, { startIcon: s, endIcon: t, size: e, children: o, iconClassName: r, containerClassName: u } = i, h = x(i, ["startIcon", "endIcon", "size", "children", "iconClassName", "containerClassName"]);
+    const n = V({ size: e }), N = s && /* @__PURE__ */ c(s, { className: n.icon({ className: r }) }), w = t && /* @__PURE__ */ c(t, { className: n.icon({ className: r }) });
+    return /* @__PURE__ */ c(R, d(p({}, h), { size: e, ref: B, children: /* @__PURE__ */ v("div", { className: n.container({ className: u }), children: [
+      N,
+      o,
+      w
+    ] }) }));
+  }
+);
+export {
+  D as B
+};
+//# sourceMappingURL=Button-Ci6L6TcD.js.map

package/dist/Button-Ci6L6TcD.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button-Ci6L6TcD.js","sources":["../src/components/button/button/Button.tsx"],"sourcesContent":["import React, { PropsWithChildren } from \"react\";\nimport { tv } from \"tailwind-variants\";\nimport { ButtonBase, ButtonBaseProps } from \"../button-base/ButtonBase\";\n\nconst buttonVariants = tv({\n\tslots: {\n\t\tcontainer: \"flex items-center justify-center gap-2\",\n\t\ticon: \"h-4 w-4 stroke-[1.5px]\"\n\t},\n\tvariants: {\n\t\tsize: {\n\t\t\txs: { icon: \"h-3 w-3 stroke-[1px]\" },\n\t\t\tsm: { icon: \"h-3.5 w-3.5 stroke-[1.25px]\" },\n\t\t\tmd: {},\n\t\t\tlg: {},\n\t\t\txl: { container: \"gap-3\" }\n\t\t}\n\t},\n\tdefaultVariants: {\n\t\tsize: \"md\"\n\t}\n});\n\nexport type ButtonProps = PropsWithChildren<\n\tButtonBaseProps & {\n\t\tstartIcon?: React.ElementType;\n\t\tendIcon?: React.ElementType;\n\t\tcontainerClassName?: string;\n\t\ticonClassName?: string;\n\t}\n>;\n\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n\t({ startIcon: StartIcon, endIcon: EndIcon, size, children, iconClassName, containerClassName, ...props }, ref) => {\n\t\tconst styles = buttonVariants({ size });\n\n\t\tconst startIconEl = StartIcon && <StartIcon className={styles.icon({ className: iconClassName })} />;\n\t\tconst endIconEl = EndIcon && <EndIcon className={styles.icon({ className: iconClassName })} />;\n\n\t\treturn (\n\t\t\t<ButtonBase {...props} size={size} ref={ref}>\n\t\t\t\t<div className={styles.container({ className: containerClassName })}>\n\t\t\t\t\t{startIconEl}\n\t\t\t\t\t{children}\n\t\t\t\t\t{endIconEl}\n\t\t\t\t</div>\n\t\t\t</ButtonBase>\n\t\t);\n\t}\n);\n"],"names":["buttonVariants","tv","Button","React","_a","ref","_b","StartIcon","EndIcon","size","children","iconClassName","containerClassName","props","__objRest","styles","startIconEl","jsx","endIconEl","ButtonBase","__spreadProps","__spreadValues","jsxs"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAIA,MAAMA,IAAiBC,EAAG;AAAA,EACzB,OAAO;AAAA,IACN,WAAW;AAAA,IACX,MAAM;AAAA,EACP;AAAA,EACA,UAAU;AAAA,IACT,MAAM;AAAA,MACL,IAAI,EAAE,MAAM,uBAAuB;AAAA,MACnC,IAAI,EAAE,MAAM,8BAA8B;AAAA,MAC1C,IAAI,CAAC;AAAA,MACL,IAAI,CAAC;AAAA,MACL,IAAI,EAAE,WAAW,QAAQ;AAAA,IAAA;AAAA,EAE3B;AAAA,EACA,iBAAiB;AAAA,IAChB,MAAM;AAAA,EAAA;AAER,CAAC,GAWYC,IAASC,EAAM;AAAA,EAC3B,CAACC,GAAyGC,MAAQ;AAAjH,QAAAC,IAAAF,GAAE,aAAWG,GAAW,SAASC,GAAS,MAAAC,GAAM,UAAAC,GAAU,eAAAC,GAAe,oBAAAC,MAAzEN,GAAgGO,IAAAC,EAAhGR,GAAgG,CAA9F,aAAsB,WAAkB,QAAM,YAAU,iBAAe;AACzE,UAAMS,IAASf,EAAe,EAAE,MAAAS,GAAM,GAEhCO,IAAcT,KAAa,gBAAAU,EAACV,GAAU,EAAA,WAAWQ,EAAO,KAAK,EAAE,WAAWJ,EAAc,CAAC,EAAG,CAAA,GAC5FO,IAAYV,KAAW,gBAAAS,EAACT,GAAQ,EAAA,WAAWO,EAAO,KAAK,EAAE,WAAWJ,EAAc,CAAC,EAAG,CAAA;AAE5F,WACE,gBAAAM,EAAAE,GAAAC,EAAAC,EAAA,IAAeR,IAAf,EAAsB,MAAAJ,GAAY,KAAAJ,GAClC,UAAA,gBAAAiB,EAAC,OAAI,EAAA,WAAWP,EAAO,UAAU,EAAE,WAAWH,EAAA,CAAoB,GAChE,UAAA;AAAA,MAAAI;AAAA,MACAN;AAAA,MACAQ;AAAA,IAAA,EAAA,CACF,EACD,EAAA;AAAA,EAAA;AAGH;"}

package/dist/ButtonBase-DX47-5Yc.js

@@ -0,0 +1,184 @@
+var p = Object.defineProperty, x = Object.defineProperties;
+var f = Object.getOwnPropertyDescriptors;
+var e = Object.getOwnPropertySymbols;
+var i = Object.prototype.hasOwnProperty, u = Object.prototype.propertyIsEnumerable;
+var n = (s, t, r) => t in s ? p(s, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : s[t] = r, g = (s, t) => {
+  for (var r in t || (t = {}))
+    i.call(t, r) && n(s, r, t[r]);
+  if (e)
+    for (var r of e(t))
+      u.call(t, r) && n(s, r, t[r]);
+  return s;
+}, c = (s, t) => x(s, f(t));
+var b = (s, t) => {
+  var r = {};
+  for (var a in s)
+    i.call(s, a) && t.indexOf(a) < 0 && (r[a] = s[a]);
+  if (s != null && e)
+    for (var a of e(s))
+      t.indexOf(a) < 0 && u.call(s, a) && (r[a] = s[a]);
+  return r;
+};
+import { jsx as m } from "react/jsx-runtime";
+import { c as y } from "./index-CR-odn5-.js";
+import { S as w } from "./index-DPws5oAn.js";
+import k from "react";
+const B = y({
+  base: "inline-flex shrink-0 cursor-pointer select-none items-center justify-center rounded-md font-medium text-primary-fg transition-all focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary disabled:pointer-events-none disabled:opacity-50",
+  variants: {
+    variant: {
+      primary: "bg-primary-accent text-primary-bg shadow-base hover:bg-primary-accent-hover",
+      secondary: "bg-secondary-bg-hover hover:bg-primary-bg-hover",
+      outline: "border border-solid border-secondary-border bg-secondary-bg shadow-sm hover:border-primary-border hover:bg-secondary-bg-hover",
+      ghost: "bg-transparent hover:bg-secondary-bg-hover",
+      link: "bg-transparent text-muted underline hover:text-primary-fg",
+      text: "bg-transparent text-muted hover:text-primary-fg"
+    },
+    status: {
+      default: "",
+      info: "text-status-info",
+      success: "text-status-success",
+      warning: "text-status-warning",
+      error: "text-status-error"
+    },
+    size: {
+      xs: "h-7 gap-2 px-2 py-1.5 text-xs",
+      sm: "h-8 gap-2 px-3 py-2 text-xs",
+      md: "h-9 gap-2 px-4 py-2 text-sm",
+      lg: "h-10 gap-2 px-6 py-2 text-sm",
+      xl: "h-11 gap-3 px-8 py-3 text-base"
+    }
+  },
+  defaultVariants: {
+    variant: "primary",
+    size: "md",
+    status: "default",
+    state: "default",
+    iconOnly: !1
+  },
+  compoundVariants: [
+    /*
+     * Statuses
+     */
+    // Primary
+    {
+      variant: "primary",
+      status: ["info", "success", "warning", "error"],
+      class: "text-white hover:text-white"
+    },
+    {
+      variant: "primary",
+      status: "info",
+      class: "bg-status-info hover:bg-status-info-hover"
+    },
+    {
+      variant: "primary",
+      status: "success",
+      class: "bg-status-success hover:bg-status-success-hover"
+    },
+    {
+      variant: "primary",
+      status: "warning",
+      class: "bg-status-warning hover:bg-status-warning-hover"
+    },
+    {
+      variant: "primary",
+      status: "error",
+      class: "bg-status-error hover:bg-status-error-hover"
+    },
+    // Secondary
+    {
+      variant: "secondary",
+      status: "info",
+      class: "bg-status-info-bg hover:bg-status-info-bg-hover"
+    },
+    {
+      variant: "secondary",
+      status: "success",
+      class: "bg-status-success-bg hover:bg-status-success-bg-hover"
+    },
+    {
+      variant: "secondary",
+      status: "warning",
+      class: "bg-status-warning-bg hover:bg-status-warning-bg-hover"
+    },
+    {
+      variant: "secondary",
+      status: "error",
+      class: "bg-status-error-bg hover:bg-status-error-bg-hover"
+    },
+    // Outline
+    {
+      variant: "outline",
+      status: "info",
+      class: "border-status-info-border hover:border-status-info-border hover:bg-status-info-bg"
+    },
+    {
+      variant: "outline",
+      status: "success",
+      class: "border-status-success-border hover:border-status-success-border hover:bg-status-success-bg"
+    },
+    {
+      variant: "outline",
+      status: "warning",
+      class: "border-status-warning-border hover:border-status-warning-border hover:bg-status-warning-bg"
+    },
+    {
+      variant: "outline",
+      status: "error",
+      class: "border-status-error-border hover:border-status-error-border hover:bg-status-error-bg"
+    },
+    // Ghost
+    {
+      variant: "ghost",
+      status: "info",
+      class: "text-status-info hover:bg-status-info-bg"
+    },
+    {
+      variant: "ghost",
+      status: "success",
+      class: "text-status-success hover:bg-status-success-bg"
+    },
+    {
+      variant: "ghost",
+      status: "warning",
+      class: "text-status-warning hover:bg-status-warning-bg"
+    },
+    {
+      variant: "ghost",
+      status: "error",
+      class: "text-status-error hover:bg-status-error-bg"
+    },
+    // Text & Link
+    {
+      variant: ["text", "link"],
+      status: "info",
+      class: "text-status-info/70 hover:text-status-info"
+    },
+    {
+      variant: ["text", "link"],
+      status: "success",
+      class: "text-status-success/70 hover:text-status-success"
+    },
+    {
+      variant: ["text", "link"],
+      status: "warning",
+      class: "text-status-warning/70 hover:text-status-warning"
+    },
+    {
+      variant: ["text", "link"],
+      status: "error",
+      class: "text-status-error/70 hover:text-status-error"
+    }
+  ]
+}), V = k.forwardRef(
+  (j, d) => {
+    var o = j, { variant: s, size: t, children: r, status: a, className: v, asChild: h = !1 } = o, l = b(o, ["variant", "size", "children", "status", "className", "asChild"]);
+    return /* @__PURE__ */ m(h ? w : "button", c(g({ className: B({ variant: s, size: t, status: a, className: v }), ref: d }, l), { children: r }));
+  }
+);
+V.displayName = "ButtonBase";
+export {
+  V as B
+};
+//# sourceMappingURL=ButtonBase-DX47-5Yc.js.map

package/dist/ButtonBase-DX47-5Yc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonBase-DX47-5Yc.js","sources":["../src/components/button/button-base/ButtonBase.tsx"],"sourcesContent":["import { PropsWithChildren } from \"react\";\nimport { tv, VariantProps } from \"tailwind-variants\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport React from \"react\";\n\nconst buttonBaseVariants = tv({\n\tbase: \"inline-flex shrink-0 cursor-pointer select-none items-center justify-center rounded-md font-medium text-primary-fg transition-all focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary disabled:pointer-events-none disabled:opacity-50\",\n\tvariants: {\n\t\tvariant: {\n\t\t\tprimary: \"bg-primary-accent text-primary-bg shadow-base hover:bg-primary-accent-hover\",\n\t\t\tsecondary: \"bg-secondary-bg-hover hover:bg-primary-bg-hover\",\n\t\t\toutline:\n\t\t\t\t\"border border-solid border-secondary-border bg-secondary-bg shadow-sm hover:border-primary-border hover:bg-secondary-bg-hover\",\n\t\t\tghost: \"bg-transparent hover:bg-secondary-bg-hover\",\n\t\t\tlink: \"bg-transparent text-muted underline hover:text-primary-fg\",\n\t\t\ttext: \"bg-transparent text-muted hover:text-primary-fg\"\n\t\t},\n\t\tstatus: {\n\t\t\tdefault: \"\",\n\t\t\tinfo: \"text-status-info\",\n\t\t\tsuccess: \"text-status-success\",\n\t\t\twarning: \"text-status-warning\",\n\t\t\terror: \"text-status-error\"\n\t\t},\n\t\tsize: {\n\t\t\txs: \"h-7 gap-2 px-2 py-1.5 text-xs\",\n\t\t\tsm: \"h-8 gap-2 px-3 py-2 text-xs\",\n\t\t\tmd: \"h-9 gap-2 px-4 py-2 text-sm\",\n\t\t\tlg: \"h-10 gap-2 px-6 py-2 text-sm\",\n\t\t\txl: \"h-11 gap-3 px-8 py-3 text-base\"\n\t\t}\n\t},\n\tdefaultVariants: {\n\t\tvariant: \"primary\",\n\t\tsize: \"md\",\n\t\tstatus: \"default\",\n\t\tstate: \"default\",\n\t\ticonOnly: false\n\t},\n\tcompoundVariants: [\n\t\t/*\n\t\t * Statuses\n\t\t */\n\t\t// Primary\n\t\t{\n\t\t\tvariant: \"primary\",\n\t\t\tstatus: [\"info\", \"success\", \"warning\", \"error\"],\n\t\t\tclass: \"text-white hover:text-white\"\n\t\t},\n\t\t{\n\t\t\tvariant: \"primary\",\n\t\t\tstatus: \"info\",\n\t\t\tclass: \"bg-status-info hover:bg-status-info-hover\"\n\t\t},\n\t\t{\n\t\t\tvariant: \"primary\",\n\t\t\tstatus: \"success\",\n\t\t\tclass: \"bg-status-success hover:bg-status-success-hover\"\n\t\t},\n\t\t{\n\t\t\tvariant: \"primary\",\n\t\t\tstatus: \"warning\",\n\t\t\tclass: \"bg-status-warning hover:bg-status-warning-hover\"\n\t\t},\n\t\t{\n\t\t\tvariant: \"primary\",\n\t\t\tstatus: \"error\",\n\t\t\tclass: \"bg-status-error hover:bg-status-error-hover\"\n\t\t},\n\t\t// Secondary\n\t\t{\n\t\t\tvariant: \"secondary\",\n\t\t\tstatus: \"info\",\n\t\t\tclass: \"bg-status-info-bg hover:bg-status-info-bg-hover\"\n\t\t},\n\t\t{\n\t\t\tvariant: \"secondary\",\n\t\t\tstatus: \"success\",\n\t\t\tclass: \"bg-status-success-bg hover:bg-status-success-bg-hover\"\n\t\t},\n\t\t{\n\t\t\tvariant: \"secondary\",\n\t\t\tstatus: \"warning\",\n\t\t\tclass: \"bg-status-warning-bg hover:bg-status-warning-bg-hover\"\n\t\t},\n\t\t{\n\t\t\tvariant: \"secondary\",\n\t\t\tstatus: \"error\",\n\t\t\tclass: \"bg-status-error-bg hover:bg-status-error-bg-hover\"\n\t\t},\n\t\t// Outline\n\t\t{\n\t\t\tvariant: \"outline\",\n\t\t\tstatus: \"info\",\n\t\t\tclass: \"border-status-info-border hover:border-status-info-border hover:bg-status-info-bg\"\n\t\t},\n\t\t{\n\t\t\tvariant: \"outline\",\n\t\t\tstatus: \"success\",\n\t\t\tclass: \"border-status-success-border hover:border-status-success-border hover:bg-status-success-bg\"\n\t\t},\n\t\t{\n\t\t\tvariant: \"outline\",\n\t\t\tstatus: \"warning\",\n\t\t\tclass: \"border-status-warning-border hover:border-status-warning-border hover:bg-status-warning-bg\"\n\t\t},\n\t\t{\n\t\t\tvariant: \"outline\",\n\t\t\tstatus: \"error\",\n\t\t\tclass: \"border-status-error-border hover:border-status-error-border hover:bg-status-error-bg\"\n\t\t},\n\t\t// Ghost\n\t\t{\n\t\t\tvariant: \"ghost\",\n\t\t\tstatus: \"info\",\n\t\t\tclass: \"text-status-info hover:bg-status-info-bg\"\n\t\t},\n\t\t{\n\t\t\tvariant: \"ghost\",\n\t\t\tstatus: \"success\",\n\t\t\tclass: \"text-status-success hover:bg-status-success-bg\"\n\t\t},\n\t\t{\n\t\t\tvariant: \"ghost\",\n\t\t\tstatus: \"warning\",\n\t\t\tclass: \"text-status-warning hover:bg-status-warning-bg\"\n\t\t},\n\t\t{\n\t\t\tvariant: \"ghost\",\n\t\t\tstatus: \"error\",\n\t\t\tclass: \"text-status-error hover:bg-status-error-bg\"\n\t\t},\n\t\t// Text & Link\n\t\t{\n\t\t\tvariant: [\"text\", \"link\"],\n\t\t\tstatus: \"info\",\n\t\t\tclass: \"text-status-info/70 hover:text-status-info\"\n\t\t},\n\t\t{\n\t\t\tvariant: [\"text\", \"link\"],\n\t\t\tstatus: \"success\",\n\t\t\tclass: \"text-status-success/70 hover:text-status-success\"\n\t\t},\n\t\t{\n\t\t\tvariant: [\"text\", \"link\"],\n\t\t\tstatus: \"warning\",\n\t\t\tclass: \"text-status-warning/70 hover:text-status-warning\"\n\t\t},\n\t\t{\n\t\t\tvariant: [\"text\", \"link\"],\n\t\t\tstatus: \"error\",\n\t\t\tclass: \"text-status-error/70 hover:text-status-error\"\n\t\t}\n\t]\n});\n\nexport type ButtonBaseProps = React.ButtonHTMLAttributes<HTMLButtonElement> &\n\tVariantProps<typeof buttonBaseVariants> & {\n\t\tasChild?: boolean;\n\t};\n\nexport const ButtonBase = React.forwardRef<HTMLButtonElement, PropsWithChildren<ButtonBaseProps>>(\n\t({ variant, size, children, status, className, asChild = false, ...props }, ref) => {\n\t\tconst Comp = asChild ? Slot : \"button\";\n\t\treturn (\n\t\t\t<Comp className={buttonBaseVariants({ variant, size, status, className })} ref={ref} {...props}>\n\t\t\t\t{children}\n\t\t\t</Comp>\n\t\t);\n\t}\n);\n\nButtonBase.displayName = \"ButtonBase\";\n"],"names":["buttonBaseVariants","tv","ButtonBase","React","_a","ref","_b","variant","size","children","status","className","asChild","props","__objRest","jsx","Slot","__spreadProps","__spreadValues"],"mappings":"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"}

package/dist/CheckboxField-B0RpWxab.js

@@ -0,0 +1,256 @@
+var W = Object.defineProperty, X = Object.defineProperties;
+var $ = Object.getOwnPropertyDescriptors;
+var E = Object.getOwnPropertySymbols;
+var _ = Object.prototype.hasOwnProperty, M = Object.prototype.propertyIsEnumerable;
+var F = (e, a, t) => a in e ? W(e, a, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[a] = t, u = (e, a) => {
+  for (var t in a || (a = {}))
+    _.call(a, t) && F(e, t, a[t]);
+  if (E)
+    for (var t of E(a))
+      M.call(a, t) && F(e, t, a[t]);
+  return e;
+}, y = (e, a) => X(e, $(a));
+var w = (e, a) => {
+  var t = {};
+  for (var r in e)
+    _.call(e, r) && a.indexOf(r) < 0 && (t[r] = e[r]);
+  if (e != null && E)
+    for (var r of E(e))
+      a.indexOf(r) < 0 && M.call(e, r) && (t[r] = e[r]);
+  return t;
+};
+import { jsxs as S, jsx as c } from "react/jsx-runtime";
+import * as m from "react";
+import V, { useId as G } from "react";
+import { u as J } from "./index-DPws5oAn.js";
+import { u as Q, c as U, a as L, e as Y } from "./index-DxJy7d1v.js";
+import { u as Z } from "./index-BZPx6jYI.js";
+import { P as ee } from "./index-BPT2U8_U.js";
+import { P as j } from "./index-pysSAa5G.js";
+import { c as O } from "./index-CR-odn5-.js";
+import { c as te } from "./createLucideIcon-DgrNxRV5.js";
+import { C as ae } from "./check-C-TqZgvb.js";
+import { F as re } from "./FieldLabel--NVcQQhJ.js";
+import { D as oe } from "./Description-ZE34bSch.js";
+/**
+ * @license lucide-react v0.460.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const se = te("Minus", [["path", { d: "M5 12h14", key: "1ays0h" }]]);
+var I = "Checkbox", [ce, Ee] = U(I), [ne, ie] = ce(I), A = m.forwardRef(
+  (e, a) => {
+    const D = e, {
+      __scopeCheckbox: t,
+      name: r,
+      checked: s,
+      defaultChecked: o,
+      required: l,
+      disabled: n,
+      value: x = "on",
+      onCheckedChange: g,
+      form: v
+    } = D, h = w(D, [
+      "__scopeCheckbox",
+      "name",
+      "checked",
+      "defaultChecked",
+      "required",
+      "disabled",
+      "value",
+      "onCheckedChange",
+      "form"
+    ]), [i, N] = m.useState(null), C = J(a, (d) => N(d)), f = m.useRef(!1), P = i ? v || !!i.closest("form") : !0, [p = !1, k] = Q({
+      prop: s,
+      defaultProp: o,
+      onChange: g
+    }), T = m.useRef(p);
+    return m.useEffect(() => {
+      const d = i == null ? void 0 : i.form;
+      if (d) {
+        const R = () => k(T.current);
+        return d.addEventListener("reset", R), () => d.removeEventListener("reset", R);
+      }
+    }, [i, k]), /* @__PURE__ */ S(ne, { scope: t, state: p, disabled: n, children: [
+      /* @__PURE__ */ c(
+        j.button,
+        y(u({
+          type: "button",
+          role: "checkbox",
+          "aria-checked": b(p) ? "mixed" : p,
+          "aria-required": l,
+          "data-state": K(p),
+          "data-disabled": n ? "" : void 0,
+          disabled: n,
+          value: x
+        }, h), {
+          ref: C,
+          onKeyDown: L(e.onKeyDown, (d) => {
+            d.key === "Enter" && d.preventDefault();
+          }),
+          onClick: L(e.onClick, (d) => {
+            k((R) => b(R) ? !0 : !R), P && (f.current = d.isPropagationStopped(), f.current || d.stopPropagation());
+          })
+        })
+      ),
+      P && /* @__PURE__ */ c(
+        de,
+        {
+          control: i,
+          bubbles: !f.current,
+          name: r,
+          value: x,
+          checked: p,
+          required: l,
+          disabled: n,
+          form: v,
+          style: { transform: "translateX(-100%)" },
+          defaultChecked: b(o) ? !1 : o
+        }
+      )
+    ] });
+  }
+);
+A.displayName = I;
+var B = "CheckboxIndicator", H = m.forwardRef(
+  (e, a) => {
+    const l = e, { __scopeCheckbox: t, forceMount: r } = l, s = w(l, ["__scopeCheckbox", "forceMount"]), o = ie(B, t);
+    return /* @__PURE__ */ c(ee, { present: r || b(o.state) || o.state === !0, children: /* @__PURE__ */ c(
+      j.span,
+      y(u({
+        "data-state": K(o.state),
+        "data-disabled": o.disabled ? "" : void 0
+      }, s), {
+        ref: a,
+        style: u({ pointerEvents: "none" }, e.style)
+      })
+    ) });
+  }
+);
+H.displayName = B;
+var de = (e) => {
+  const v = e, { control: a, checked: t, bubbles: r = !0, defaultChecked: s } = v, o = w(v, ["control", "checked", "bubbles", "defaultChecked"]), l = m.useRef(null), n = Z(t), x = Y(a);
+  m.useEffect(() => {
+    const h = l.current, i = window.HTMLInputElement.prototype, C = Object.getOwnPropertyDescriptor(i, "checked").set;
+    if (n !== t && C) {
+      const f = new Event("click", { bubbles: r });
+      h.indeterminate = b(t), C.call(h, b(t) ? !1 : t), h.dispatchEvent(f);
+    }
+  }, [n, t, r]);
+  const g = m.useRef(b(t) ? !1 : t);
+  return /* @__PURE__ */ c(
+    "input",
+    y(u({
+      type: "checkbox",
+      "aria-hidden": !0,
+      defaultChecked: s != null ? s : g.current
+    }, o), {
+      tabIndex: -1,
+      ref: l,
+      style: y(u(u({}, e.style), x), {
+        position: "absolute",
+        pointerEvents: "none",
+        opacity: 0,
+        margin: 0
+      })
+    })
+  );
+};
+function b(e) {
+  return e === "indeterminate";
+}
+function K(e) {
+  return b(e) ? "indeterminate" : e ? "checked" : "unchecked";
+}
+var q = A, le = H;
+const me = O({
+  slots: {
+    root: [
+      "peer h-4 w-4 shrink-0 rounded-sm border border-primary-border shadow-sm",
+      "flex items-center justify-center",
+      "hover:border-muted hover:shadow-base",
+      "focus-visible:border-secondary-border focus-visible:shadow-focus focus-visible:outline-none",
+      "disabled:cursor-not-allowed disabled:border-secondary-border disabled:bg-primary-bg disabled:shadow-sm",
+      "data-[state=checked]:border-primary-accent data-[state=checked]:bg-primary-accent data-[state=checked]:text-primary-bg",
+      "data-[state=checked]:hover:border-primary-accent-hover data-[state=checked]:hover:bg-primary-accent-hover data-[state=checked]:hover:shadow-base",
+      "data-[state=checked]:focus-visible:shadow-focus",
+      "data-[state=checked]:disabled:border-primary-accent data-[state=checked]:disabled:bg-primary-accent data-[state=checked]:disabled:opacity-50 data-[state=checked]:disabled:shadow-sm",
+      "data-[state=indeterminate]:border-primary-accent data-[state=indeterminate]:bg-primary-accent data-[state=indeterminate]:text-primary-bg",
+      "data-[state=indeterminate]:hover:border-primary-accent-hover data-[state=indeterminate]:hover:bg-primary-accent-hover data-[state=indeterminate]:hover:shadow-base",
+      "data-[state=indeterminate]:focus-visible:shadow-focus",
+      "data-[state=indeterminate]:disabled:border-primary-accent data-[state=indeterminate]:disabled:bg-primary-accent data-[state=indeterminate]:disabled:opacity-50 data-[state=indeterminate]:disabled:shadow-sm"
+    ],
+    icon: "h-4 w-4"
+  }
+}), z = m.forwardRef(
+  (r, t) => {
+    var s = r, { className: e } = s, a = w(s, ["className"]);
+    const o = me();
+    return /* @__PURE__ */ c(q, y(u({ ref: t, className: o.root({ class: e }) }, a), { children: /* @__PURE__ */ c(le, { children: a.checked === "indeterminate" ? /* @__PURE__ */ c(se, { className: o.icon() }) : /* @__PURE__ */ c(ae, { className: o.icon() }) }) }));
+  }
+);
+z.displayName = q.displayName;
+const ue = O({
+  slots: {
+    container: "flex cursor-pointer items-center space-x-2",
+    textContainer: "flex flex-col gap-1",
+    labelWrapper: "flex h-4 items-center",
+    label: "cursor-pointer",
+    description: ""
+  },
+  variants: {
+    outline: {
+      true: {
+        container: "rounded-lg p-3 px-4 outline outline-1 outline-secondary-border"
+      }
+    },
+    alignment: {
+      left: {},
+      right: {
+        container: "flex-row-reverse space-x-reverse"
+      }
+    },
+    disabled: {
+      true: {
+        container: "cursor-default",
+        textContainer: "opacity-50",
+        label: "cursor-default text-primary-fg",
+        description: "text-muted"
+      }
+    },
+    error: {
+      true: {
+        label: "text-status-error"
+      }
+    },
+    withDescription: { true: { container: "items-start" } }
+  },
+  defaultVariants: {
+    alignment: "left"
+  }
+}), he = V.forwardRef(
+  (v, g) => {
+    var h = v, { className: e, id: a, label: t, alignment: r, disabled: s, error: o, outline: l, description: n } = h, x = w(h, ["className", "id", "label", "alignment", "disabled", "error", "outline", "description"]);
+    const {
+      container: i,
+      textContainer: N,
+      label: C,
+      labelWrapper: f,
+      description: P
+    } = ue({ alignment: r, disabled: s, error: o, outline: l, withDescription: !!n }), p = G(), k = a || `checkbox-${p}`;
+    return /* @__PURE__ */ S("label", { htmlFor: k, className: i({ class: e }), children: [
+      /* @__PURE__ */ c(z, y(u({ disabled: s, id: k }, x), { ref: g })),
+      (t || n) && /* @__PURE__ */ S("div", { className: N(), children: [
+        t && /* @__PURE__ */ c("div", { className: f(), children: /* @__PURE__ */ c(re, { htmlFor: k, className: C(), children: t }) }),
+        n && /* @__PURE__ */ c(oe, { className: P(), children: n })
+      ] })
+    ] });
+  }
+);
+he.displayName = "CheckboxField";
+export {
+  z as C,
+  he as a
+};
+//# sourceMappingURL=CheckboxField-B0RpWxab.js.map

package/dist/CheckboxField-B0RpWxab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxField-B0RpWxab.js","sources":["../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/minus.js","../node_modules/.pnpm/@radix-ui+react-checkbox@1.1.4_@types+react-dom@18.3.6_@types+react@18.3.20__@types+react@18._rm2fqdm2eqnz3vbbme2gakkul4/node_modules/@radix-ui/react-checkbox/dist/index.mjs","../src/components/checkbox/Checkbox.tsx","../src/components/checkbox/checkbox-field/CheckboxField.tsx"],"sourcesContent":["/**\n * @license lucide-react v0.460.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst Minus = createLucideIcon(\"Minus\", [[\"path\", { d: \"M5 12h14\", key: \"1ays0h\" }]]);\n\nexport { Minus as default };\n//# sourceMappingURL=minus.js.map\n","\"use client\";\n\n// packages/react/checkbox/src/checkbox.tsx\nimport * as React from \"react\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport { createContextScope } from \"@radix-ui/react-context\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { usePrevious } from \"@radix-ui/react-use-previous\";\nimport { useSize } from \"@radix-ui/react-use-size\";\nimport { Presence } from \"@radix-ui/react-presence\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nvar CHECKBOX_NAME = \"Checkbox\";\nvar [createCheckboxContext, createCheckboxScope] = createContextScope(CHECKBOX_NAME);\nvar [CheckboxProvider, useCheckboxContext] = createCheckboxContext(CHECKBOX_NAME);\nvar Checkbox = React.forwardRef(\n  (props, forwardedRef) => {\n    const {\n      __scopeCheckbox,\n      name,\n      checked: checkedProp,\n      defaultChecked,\n      required,\n      disabled,\n      value = \"on\",\n      onCheckedChange,\n      form,\n      ...checkboxProps\n    } = props;\n    const [button, setButton] = React.useState(null);\n    const composedRefs = useComposedRefs(forwardedRef, (node) => setButton(node));\n    const hasConsumerStoppedPropagationRef = React.useRef(false);\n    const isFormControl = button ? form || !!button.closest(\"form\") : true;\n    const [checked = false, setChecked] = useControllableState({\n      prop: checkedProp,\n      defaultProp: defaultChecked,\n      onChange: onCheckedChange\n    });\n    const initialCheckedStateRef = React.useRef(checked);\n    React.useEffect(() => {\n      const form2 = button?.form;\n      if (form2) {\n        const reset = () => setChecked(initialCheckedStateRef.current);\n        form2.addEventListener(\"reset\", reset);\n        return () => form2.removeEventListener(\"reset\", reset);\n      }\n    }, [button, setChecked]);\n    return /* @__PURE__ */ jsxs(CheckboxProvider, { scope: __scopeCheckbox, state: checked, disabled, children: [\n      /* @__PURE__ */ jsx(\n        Primitive.button,\n        {\n          type: \"button\",\n          role: \"checkbox\",\n          \"aria-checked\": isIndeterminate(checked) ? \"mixed\" : checked,\n          \"aria-required\": required,\n          \"data-state\": getState(checked),\n          \"data-disabled\": disabled ? \"\" : void 0,\n          disabled,\n          value,\n          ...checkboxProps,\n          ref: composedRefs,\n          onKeyDown: composeEventHandlers(props.onKeyDown, (event) => {\n            if (event.key === \"Enter\") event.preventDefault();\n          }),\n          onClick: composeEventHandlers(props.onClick, (event) => {\n            setChecked((prevChecked) => isIndeterminate(prevChecked) ? true : !prevChecked);\n            if (isFormControl) {\n              hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();\n              if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();\n            }\n          })\n        }\n      ),\n      isFormControl && /* @__PURE__ */ jsx(\n        BubbleInput,\n        {\n          control: button,\n          bubbles: !hasConsumerStoppedPropagationRef.current,\n          name,\n          value,\n          checked,\n          required,\n          disabled,\n          form,\n          style: { transform: \"translateX(-100%)\" },\n          defaultChecked: isIndeterminate(defaultChecked) ? false : defaultChecked\n        }\n      )\n    ] });\n  }\n);\nCheckbox.displayName = CHECKBOX_NAME;\nvar INDICATOR_NAME = \"CheckboxIndicator\";\nvar CheckboxIndicator = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeCheckbox, forceMount, ...indicatorProps } = props;\n    const context = useCheckboxContext(INDICATOR_NAME, __scopeCheckbox);\n    return /* @__PURE__ */ jsx(Presence, { present: forceMount || isIndeterminate(context.state) || context.state === true, children: /* @__PURE__ */ jsx(\n      Primitive.span,\n      {\n        \"data-state\": getState(context.state),\n        \"data-disabled\": context.disabled ? \"\" : void 0,\n        ...indicatorProps,\n        ref: forwardedRef,\n        style: { pointerEvents: \"none\", ...props.style }\n      }\n    ) });\n  }\n);\nCheckboxIndicator.displayName = INDICATOR_NAME;\nvar BubbleInput = (props) => {\n  const { control, checked, bubbles = true, defaultChecked, ...inputProps } = props;\n  const ref = React.useRef(null);\n  const prevChecked = usePrevious(checked);\n  const controlSize = useSize(control);\n  React.useEffect(() => {\n    const input = ref.current;\n    const inputProto = window.HTMLInputElement.prototype;\n    const descriptor = Object.getOwnPropertyDescriptor(inputProto, \"checked\");\n    const setChecked = descriptor.set;\n    if (prevChecked !== checked && setChecked) {\n      const event = new Event(\"click\", { bubbles });\n      input.indeterminate = isIndeterminate(checked);\n      setChecked.call(input, isIndeterminate(checked) ? false : checked);\n      input.dispatchEvent(event);\n    }\n  }, [prevChecked, checked, bubbles]);\n  const defaultCheckedRef = React.useRef(isIndeterminate(checked) ? false : checked);\n  return /* @__PURE__ */ jsx(\n    \"input\",\n    {\n      type: \"checkbox\",\n      \"aria-hidden\": true,\n      defaultChecked: defaultChecked ?? defaultCheckedRef.current,\n      ...inputProps,\n      tabIndex: -1,\n      ref,\n      style: {\n        ...props.style,\n        ...controlSize,\n        position: \"absolute\",\n        pointerEvents: \"none\",\n        opacity: 0,\n        margin: 0\n      }\n    }\n  );\n};\nfunction isIndeterminate(checked) {\n  return checked === \"indeterminate\";\n}\nfunction getState(checked) {\n  return isIndeterminate(checked) ? \"indeterminate\" : checked ? \"checked\" : \"unchecked\";\n}\nvar Root = Checkbox;\nvar Indicator = CheckboxIndicator;\nexport {\n  Checkbox,\n  CheckboxIndicator,\n  Indicator,\n  Root,\n  createCheckboxScope\n};\n//# sourceMappingURL=index.mjs.map\n","import * as CheckboxPrimitive from \"@radix-ui/react-checkbox\";\nimport { Check, Minus } from \"lucide-react\";\nimport * as React from \"react\";\nimport { tv } from \"tailwind-variants\";\n\nconst checkboxStyles = tv({\n\tslots: {\n\t\troot: [\n\t\t\t\"peer h-4 w-4 shrink-0 rounded-sm border border-primary-border shadow-sm\",\n\t\t\t\"flex items-center justify-center\",\n\t\t\t\"hover:border-muted hover:shadow-base\",\n\t\t\t\"focus-visible:border-secondary-border focus-visible:shadow-focus focus-visible:outline-none\",\n\t\t\t\"disabled:cursor-not-allowed disabled:border-secondary-border disabled:bg-primary-bg disabled:shadow-sm\",\n\t\t\t\"data-[state=checked]:border-primary-accent data-[state=checked]:bg-primary-accent data-[state=checked]:text-primary-bg\",\n\t\t\t\"data-[state=checked]:hover:border-primary-accent-hover data-[state=checked]:hover:bg-primary-accent-hover data-[state=checked]:hover:shadow-base\",\n\t\t\t\"data-[state=checked]:focus-visible:shadow-focus\",\n\t\t\t\"data-[state=checked]:disabled:border-primary-accent data-[state=checked]:disabled:bg-primary-accent data-[state=checked]:disabled:opacity-50 data-[state=checked]:disabled:shadow-sm\",\n\t\t\t\"data-[state=indeterminate]:border-primary-accent data-[state=indeterminate]:bg-primary-accent data-[state=indeterminate]:text-primary-bg\",\n\t\t\t\"data-[state=indeterminate]:hover:border-primary-accent-hover data-[state=indeterminate]:hover:bg-primary-accent-hover data-[state=indeterminate]:hover:shadow-base\",\n\t\t\t\"data-[state=indeterminate]:focus-visible:shadow-focus\",\n\t\t\t\"data-[state=indeterminate]:disabled:border-primary-accent data-[state=indeterminate]:disabled:bg-primary-accent data-[state=indeterminate]:disabled:opacity-50 data-[state=indeterminate]:disabled:shadow-sm\"\n\t\t],\n\t\ticon: \"h-4 w-4\"\n\t}\n});\n\nexport type CheckboxProps = React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>;\n\nconst Checkbox = React.forwardRef<React.ElementRef<typeof CheckboxPrimitive.Root>, CheckboxProps>(\n\t({ className, ...props }, ref) => {\n\t\tconst styles = checkboxStyles();\n\t\treturn (\n\t\t\t<CheckboxPrimitive.Root ref={ref} className={styles.root({ class: className })} {...props}>\n\t\t\t\t<CheckboxPrimitive.Indicator>\n\t\t\t\t\t{props.checked === \"indeterminate\" ? (\n\t\t\t\t\t\t<Minus className={styles.icon()} />\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<Check className={styles.icon()} />\n\t\t\t\t\t)}\n\t\t\t\t</CheckboxPrimitive.Indicator>\n\t\t\t</CheckboxPrimitive.Root>\n\t\t);\n\t}\n);\n\nCheckbox.displayName = CheckboxPrimitive.Root.displayName;\n\nexport { Checkbox };\n","import * as CheckboxPrimitive from \"@radix-ui/react-checkbox\";\nimport { Checkbox, CheckboxProps } from \"../Checkbox\";\nimport { tv, VariantProps } from \"tailwind-variants\";\nimport React, { useId } from \"react\";\nimport { FieldLabel } from \"@/components/label\";\nimport { Description } from \"@/components/description\";\n\nconst checkboxFieldStyles = tv({\n\tslots: {\n\t\tcontainer: \"flex cursor-pointer items-center space-x-2\",\n\t\ttextContainer: \"flex flex-col gap-1\",\n\t\tlabelWrapper: \"flex h-4 items-center\",\n\t\tlabel: \"cursor-pointer\",\n\t\tdescription: \"\"\n\t},\n\tvariants: {\n\t\toutline: {\n\t\t\ttrue: {\n\t\t\t\tcontainer: \"rounded-lg p-3 px-4 outline outline-1 outline-secondary-border\"\n\t\t\t}\n\t\t},\n\t\talignment: {\n\t\t\tleft: {},\n\t\t\tright: {\n\t\t\t\tcontainer: \"flex-row-reverse space-x-reverse\"\n\t\t\t}\n\t\t},\n\t\tdisabled: {\n\t\t\ttrue: {\n\t\t\t\tcontainer: \"cursor-default\",\n\t\t\t\ttextContainer: \"opacity-50\",\n\t\t\t\tlabel: \"cursor-default text-primary-fg\",\n\t\t\t\tdescription: \"text-muted\"\n\t\t\t}\n\t\t},\n\t\terror: {\n\t\t\ttrue: {\n\t\t\t\tlabel: \"text-status-error\"\n\t\t\t}\n\t\t},\n\t\twithDescription: { true: { container: \"items-start\" } }\n\t},\n\tdefaultVariants: {\n\t\talignment: \"left\"\n\t}\n});\n\nexport type CheckboxFieldProps = CheckboxProps &\n\tOmit<VariantProps<typeof checkboxFieldStyles>, \"withDescription\"> & {\n\t\tlabel?: string;\n\t\tdescription?: string;\n\t};\n\nconst CheckboxField = React.forwardRef<React.ElementRef<typeof CheckboxPrimitive.Root>, CheckboxFieldProps>(\n\t({ className, id, label, alignment, disabled, error, outline, description, ...props }, ref) => {\n\t\tconst {\n\t\t\tcontainer,\n\t\t\ttextContainer,\n\t\t\tlabel: labelStyles,\n\t\t\tlabelWrapper,\n\t\t\tdescription: descriptionStyles\n\t\t} = checkboxFieldStyles({ alignment, disabled, error, outline, withDescription: !!description });\n\n\t\tconst generatedId = useId();\n\t\tconst checkboxId = id || `checkbox-${generatedId}`;\n\n\t\treturn (\n\t\t\t<label htmlFor={checkboxId} className={container({ class: className })}>\n\t\t\t\t<Checkbox disabled={disabled} id={checkboxId} {...props} ref={ref} />\n\t\t\t\t{(label || description) && (\n\t\t\t\t\t<div className={textContainer()}>\n\t\t\t\t\t\t{label && (\n\t\t\t\t\t\t\t<div className={labelWrapper()}>\n\t\t\t\t\t\t\t\t<FieldLabel htmlFor={checkboxId} className={labelStyles()}>\n\t\t\t\t\t\t\t\t\t{label}\n\t\t\t\t\t\t\t\t</FieldLabel>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{description && <Description className={descriptionStyles()}>{description}</Description>}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</label>\n\t\t);\n\t}\n);\n\nCheckboxField.displayName = \"CheckboxField\";\n\nexport { CheckboxField };\n"],"names":["Minus","createLucideIcon","CHECKBOX_NAME","createCheckboxContext","createCheckboxScope","createContextScope","CheckboxProvider","useCheckboxContext","Checkbox","React","props","forwardedRef","_a","__scopeCheckbox","name","checkedProp","defaultChecked","required","disabled","value","onCheckedChange","form","checkboxProps","__objRest","button","setButton","composedRefs","useComposedRefs","node","hasConsumerStoppedPropagationRef","isFormControl","checked","setChecked","useControllableState","initialCheckedStateRef","form2","reset","jsxs","jsx","Primitive","__spreadProps","__spreadValues","isIndeterminate","getState","composeEventHandlers","event","prevChecked","BubbleInput","INDICATOR_NAME","CheckboxIndicator","forceMount","indicatorProps","context","Presence","control","bubbles","inputProps","ref","usePrevious","controlSize","useSize","input","inputProto","defaultCheckedRef","Root","Indicator","checkboxStyles","tv","_b","className","styles","CheckboxPrimitive.Root","CheckboxPrimitive.Indicator","Check","checkboxFieldStyles","CheckboxField","id","label","alignment","error","outline","description","container","textContainer","labelStyles","labelWrapper","descriptionStyles","generatedId","useId","checkboxId","FieldLabel","Description"],"mappings":"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","x_google_ignoreList":[0,1]}

package/dist/Description-ZE34bSch.js

@@ -0,0 +1,37 @@
+var n = Object.defineProperty, l = Object.defineProperties;
+var x = Object.getOwnPropertyDescriptors;
+var o = Object.getOwnPropertySymbols;
+var c = Object.prototype.hasOwnProperty, m = Object.prototype.propertyIsEnumerable;
+var i = (t, e, s) => e in t ? n(t, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[e] = s, p = (t, e) => {
+  for (var s in e || (e = {}))
+    c.call(e, s) && i(t, s, e[s]);
+  if (o)
+    for (var s of o(e))
+      m.call(e, s) && i(t, s, e[s]);
+  return t;
+}, d = (t, e) => l(t, x(e));
+var f = (t, e) => {
+  var s = {};
+  for (var r in t)
+    c.call(t, r) && e.indexOf(r) < 0 && (s[r] = t[r]);
+  if (t != null && o)
+    for (var r of o(t))
+      e.indexOf(r) < 0 && m.call(t, r) && (s[r] = t[r]);
+  return s;
+};
+import { jsx as u } from "react/jsx-runtime";
+import D from "react";
+import { c as y } from "./index-CR-odn5-.js";
+const N = y({
+  base: "text-sm text-muted"
+}), R = D.forwardRef(
+  (_, r) => {
+    var a = _, { className: t, children: e } = a, s = f(a, ["className", "children"]);
+    return /* @__PURE__ */ u("div", d(p({ ref: r, className: N({ class: t }) }, s), { children: e }));
+  }
+);
+R.displayName = "Description";
+export {
+  R as D
+};
+//# sourceMappingURL=Description-ZE34bSch.js.map

package/dist/Description-ZE34bSch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Description-ZE34bSch.js","sources":["../src/components/description/Description.tsx"],"sourcesContent":["import React from \"react\";\nimport { tv } from \"tailwind-variants\";\n\nconst descriptionStyles = tv({\n\tbase: \"text-sm text-muted\"\n});\n\ntype DescriptionProps = React.HTMLAttributes<HTMLDivElement> & React.PropsWithChildren;\n\nexport const Description = React.forwardRef<HTMLDivElement, DescriptionProps>(\n\t({ className, children, ...props }, ref) => {\n\t\treturn (\n\t\t\t<div ref={ref} className={descriptionStyles({ class: className })} {...props}>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t);\n\t}\n);\n\nDescription.displayName = \"Description\";\n"],"names":["descriptionStyles","tv","Description","React","_a","ref","_b","className","children","props","__objRest","jsx","__spreadProps","__spreadValues"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAGA,MAAMA,IAAoBC,EAAG;AAAA,EAC5B,MAAM;AACP,CAAC,GAIYC,IAAcC,EAAM;AAAA,EAChC,CAACC,GAAmCC,MAAQ;AAA3C,QAAAC,IAAAF,GAAE,aAAAG,GAAW,UAAAC,MAAbF,GAA0BG,IAAAC,EAA1BJ,GAA0B,CAAxB,aAAW;AACb,WACE,gBAAAK,EAAA,OAAAC,EAAAC,EAAA,EAAI,KAAAR,GAAU,WAAWL,EAAkB,EAAE,OAAOO,EAAA,CAAW,KAAOE,IAAtE,EACC,UAAAD,EACF,EAAA;AAAA,EAAA;AAGH;AAEAN,EAAY,cAAc;"}

package/dist/Divider-D3NvaU8c.js

@@ -0,0 +1,46 @@
+var m = Object.defineProperty;
+var e = Object.getOwnPropertySymbols;
+var n = Object.prototype.hasOwnProperty, d = Object.prototype.propertyIsEnumerable;
+var s = (r, t, o) => t in r ? m(r, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : r[t] = o, l = (r, t) => {
+  for (var o in t || (t = {}))
+    n.call(t, o) && s(r, o, t[o]);
+  if (e)
+    for (var o of e(t))
+      d.call(t, o) && s(r, o, t[o]);
+  return r;
+};
+var c = (r, t) => {
+  var o = {};
+  for (var a in r)
+    n.call(r, a) && t.indexOf(a) < 0 && (o[a] = r[a]);
+  if (r != null && e)
+    for (var a of e(r))
+      t.indexOf(a) < 0 && d.call(r, a) && (o[a] = r[a]);
+  return o;
+};
+import { jsx as u } from "react/jsx-runtime";
+import b from "react";
+import { c as p } from "./index-CR-odn5-.js";
+const v = p({
+  variants: {
+    orientation: {
+      horizontal: "h-px w-full bg-secondary-border",
+      vertical: "h-full w-px bg-secondary-border"
+    },
+    status: {
+      error: "bg-status-error-border"
+    }
+  },
+  defaultVariants: {
+    orientation: "horizontal"
+  }
+}), z = b.forwardRef(
+  (h, f) => {
+    var i = h, { className: r, status: t, orientation: o } = i, a = c(i, ["className", "status", "orientation"]);
+    return /* @__PURE__ */ u("div", l({ className: v({ orientation: o, className: r, status: t }), ref: f }, a));
+  }
+);
+export {
+  z as D
+};
+//# sourceMappingURL=Divider-D3NvaU8c.js.map