@kaanolin/react 1.1.2

package/dist/Input-BpWJLED2.js

@@ -0,0 +1,223 @@
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import * as g from "react";
+import { c as r } from "./cx-CMoRfr5S.js";
+import { cva as t } from "class-variance-authority";
+import { r as S, a as I, l as w, h as k } from "./form-field.styles-Bt9srSak.js";
+import { H as z } from "./icons-BFvETcdo.js";
+const L = t(
+  [
+    "flex",
+    "w-full",
+    "rounded-lg",
+    "border",
+    "border-border-primary",
+    "bg-bg-primary",
+    "text-text-primary",
+    "font-body",
+    "shadow-xs",
+    "outline-none",
+    "transition-colors",
+    "placeholder:text-text-placeholder",
+    "focus:ring-4"
+  ],
+  {
+    variants: {
+      size: {
+        small: ["text-sm", "py-2", "px-3", "h-10"],
+        medium: ["text-md", "py-2.5", "px-3.5", "h-11"],
+        large: ["text-lg", "py-3", "px-4", "h-12"]
+      },
+      variant: {
+        default: ["focus:border-brand-300", "focus:ring-focus-ring/24"],
+        error: [
+          "border-border-error_subtle",
+          "focus:border-border-error",
+          "focus:ring-focus-ring-error/24"
+        ],
+        success: [
+          "border-border-brand",
+          "focus:border-border-brand_alt",
+          "focus:ring-focus-ring/24"
+        ]
+      },
+      disabled: {
+        false: null,
+        true: [
+          "bg-bg-disabled",
+          "border-border-disabled",
+          "text-text-disabled",
+          "cursor-not-allowed",
+          "pointer-events-none",
+          "shadow-none",
+          "focus:ring-0"
+        ]
+      }
+    },
+    defaultVariants: {
+      size: "medium",
+      variant: "default",
+      disabled: !1
+    }
+  }
+), V = t(["relative", "flex", "items-center", "w-full"]), j = t(
+  ["pointer-events-none", "absolute", "size-5", "text-fg-quaternary"],
+  {
+    variants: {
+      size: {
+        small: ["left-3"],
+        medium: ["left-3.5"],
+        large: ["left-4"]
+      },
+      disabled: {
+        false: null,
+        true: ["text-fg-disabled"]
+      }
+    },
+    defaultVariants: { size: "medium", disabled: !1 }
+  }
+), q = t(
+  ["pointer-events-none", "absolute", "size-4", "text-fg-error-secondary"],
+  {
+    variants: {
+      size: {
+        small: ["right-3"],
+        medium: ["right-3.5"],
+        large: ["right-4"]
+      }
+    },
+    defaultVariants: { size: "medium" }
+  }
+), C = t(
+  [
+    "pointer-events-none",
+    "absolute",
+    "inset-y-0.5",
+    "right-0.5",
+    "z-10",
+    "flex",
+    "items-center",
+    "rounded-r-[inherit]",
+    "bg-gradient-to-r",
+    "from-transparent",
+    "to-bg-primary",
+    "to-40%",
+    "pl-8"
+  ],
+  {
+    variants: {
+      size: {
+        small: ["pr-2"],
+        medium: ["pr-2.5"],
+        large: ["pr-3"]
+      }
+    },
+    defaultVariants: { size: "medium" }
+  }
+), W = t([
+  "pointer-events-none",
+  "rounded",
+  "px-1",
+  "py-px",
+  "text-xs",
+  "font-medium",
+  "text-text-quaternary",
+  "ring-1",
+  "ring-border-secondary",
+  "select-none",
+  "ring-inset"
+]), B = g.forwardRef(
+  ({
+    className: l,
+    size: a,
+    variant: o,
+    disabled: d = !1,
+    label: f,
+    helperText: c,
+    id: x,
+    icon: u,
+    tooltip: m,
+    shortcut: s,
+    isRequired: b,
+    hideRequiredIndicator: h,
+    ...y
+  }, v) => {
+    const i = x || g.useId(), p = o === "error", N = r(
+      !!u && (a === "small" ? "pl-10" : a === "large" ? "pl-12" : "pl-11"),
+      (p || s) && (a === "small" ? "pr-10" : a === "large" ? "pr-12" : "pr-11")
+    );
+    return /* @__PURE__ */ n("div", { className: "flex w-full flex-col items-start gap-1.5", children: [
+      f && /* @__PURE__ */ n("label", { htmlFor: i, className: r(w()), children: [
+        f,
+        b && !h && /* @__PURE__ */ e("span", { className: r(S()), children: "*" }),
+        m && /* @__PURE__ */ e(
+          "span",
+          {
+            className: r(I()),
+            title: m,
+            role: "img",
+            "aria-label": m,
+            children: /* @__PURE__ */ e(z, {})
+          }
+        )
+      ] }),
+      /* @__PURE__ */ n("div", { className: r(V()), children: [
+        u && /* @__PURE__ */ e(
+          u,
+          {
+            "aria-hidden": "true",
+            className: r(j({ size: a, disabled: !!d }))
+          }
+        ),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            id: i,
+            className: r(
+              L({ size: a, variant: o, disabled: !!d }),
+              N,
+              l
+            ),
+            ref: v,
+            disabled: !!d,
+            required: b || void 0,
+            "aria-invalid": p || void 0,
+            "aria-describedby": c ? `${i}-helper` : void 0,
+            ...y
+          }
+        ),
+        p && /* @__PURE__ */ e(H, { className: r(q({ size: a })), "aria-hidden": "true" }),
+        s && /* @__PURE__ */ e("div", { className: r(C({ size: a })), children: /* @__PURE__ */ e("span", { className: r(W()), "aria-hidden": "true", children: typeof s == "string" ? s : "⌘K" }) })
+      ] }),
+      c && /* @__PURE__ */ e("p", { id: `${i}-helper`, className: r(k({ variant: o })), children: c })
+    ] });
+  }
+);
+B.displayName = "Input";
+const H = (l) => /* @__PURE__ */ n(
+  "svg",
+  {
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "1.5",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    ...l,
+    children: [
+      /* @__PURE__ */ e("circle", { cx: "8", cy: "8", r: "6.25" }),
+      /* @__PURE__ */ e("line", { x1: "8", y1: "5.5", x2: "8", y2: "5.51", strokeWidth: "2" }),
+      /* @__PURE__ */ e("line", { x1: "8", y1: "7.5", x2: "8", y2: "10.5" })
+    ]
+  }
+);
+export {
+  B as I,
+  W as a,
+  C as b,
+  L as c,
+  q as d,
+  V as e,
+  j as i
+};

package/dist/Input-CstnV1U8.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),O=require("react"),t=require("./cx-C5SviAs-.cjs"),a=require("class-variance-authority"),c=require("./form-field.styles-BHdf4QA5.cjs"),V=require("./icons-jGx5qsVM.cjs");function W(s){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const n in s)if(n!=="default"){const i=Object.getOwnPropertyDescriptor(s,n);Object.defineProperty(r,n,i.get?i:{enumerable:!0,get:()=>s[n]})}}return r.default=s,Object.freeze(r)}const b=W(O),g=a.cva(["flex","w-full","rounded-lg","border","border-border-primary","bg-bg-primary","text-text-primary","font-body","shadow-xs","outline-none","transition-colors","placeholder:text-text-placeholder","focus:ring-4"],{variants:{size:{small:["text-sm","py-2","px-3","h-10"],medium:["text-md","py-2.5","px-3.5","h-11"],large:["text-lg","py-3","px-4","h-12"]},variant:{default:["focus:border-brand-300","focus:ring-focus-ring/24"],error:["border-border-error_subtle","focus:border-border-error","focus:ring-focus-ring-error/24"],success:["border-border-brand","focus:border-border-brand_alt","focus:ring-focus-ring/24"]},disabled:{false:null,true:["bg-bg-disabled","border-border-disabled","text-text-disabled","cursor-not-allowed","pointer-events-none","shadow-none","focus:ring-0"]}},defaultVariants:{size:"medium",variant:"default",disabled:!1}}),y=a.cva(["relative","flex","items-center","w-full"]),h=a.cva(["pointer-events-none","absolute","size-5","text-fg-quaternary"],{variants:{size:{small:["left-3"],medium:["left-3.5"],large:["left-4"]},disabled:{false:null,true:["text-fg-disabled"]}},defaultVariants:{size:"medium",disabled:!1}}),v=a.cva(["pointer-events-none","absolute","size-4","text-fg-error-secondary"],{variants:{size:{small:["right-3"],medium:["right-3.5"],large:["right-4"]}},defaultVariants:{size:"medium"}}),j=a.cva(["pointer-events-none","absolute","inset-y-0.5","right-0.5","z-10","flex","items-center","rounded-r-[inherit]","bg-gradient-to-r","from-transparent","to-bg-primary","to-40%","pl-8"],{variants:{size:{small:["pr-2"],medium:["pr-2.5"],large:["pr-3"]}},defaultVariants:{size:"medium"}}),S=a.cva(["pointer-events-none","rounded","px-1","py-px","text-xs","font-medium","text-text-quaternary","ring-1","ring-border-secondary","select-none","ring-inset"]),N=b.forwardRef(({className:s,size:r,variant:n,disabled:i=!1,label:f,helperText:d,id:I,icon:u,tooltip:p,shortcut:l,isRequired:m,hideRequiredIndicator:w,...q},k)=>{const o=I||b.useId(),x=n==="error",_=!!u,z=t.cx(_&&(r==="small"?"pl-10":r==="large"?"pl-12":"pl-11"),(x||l)&&(r==="small"?"pr-10":r==="large"?"pr-12":"pr-11"));return e.jsxs("div",{className:"flex w-full flex-col items-start gap-1.5",children:[f&&e.jsxs("label",{htmlFor:o,className:t.cx(c.labelStyles()),children:[f,m&&!w&&e.jsx("span",{className:t.cx(c.requiredIndicatorStyles()),children:"*"}),p&&e.jsx("span",{className:t.cx(c.labelTooltipStyles()),title:p,role:"img","aria-label":p,children:e.jsx(V.HelpCircleIcon,{})})]}),e.jsxs("div",{className:t.cx(y()),children:[u&&e.jsx(u,{"aria-hidden":"true",className:t.cx(h({size:r,disabled:!!i}))}),e.jsx("input",{id:o,className:t.cx(g({size:r,variant:n,disabled:!!i}),z,s),ref:k,disabled:!!i,required:m||void 0,"aria-invalid":x||void 0,"aria-describedby":d?`${o}-helper`:void 0,...q}),x&&e.jsx(B,{className:t.cx(v({size:r})),"aria-hidden":"true"}),l&&e.jsx("div",{className:t.cx(j({size:r})),children:e.jsx("span",{className:t.cx(S()),"aria-hidden":"true",children:typeof l=="string"?l:"⌘K"})})]}),d&&e.jsx("p",{id:`${o}-helper`,className:t.cx(c.helperTextStyles({variant:n})),children:d})]})});N.displayName="Input";const B=s=>e.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",...s,children:[e.jsx("circle",{cx:"8",cy:"8",r:"6.25"}),e.jsx("line",{x1:"8",y1:"5.5",x2:"8",y2:"5.51",strokeWidth:"2"}),e.jsx("line",{x1:"8",y1:"7.5",x2:"8",y2:"10.5"})]});exports.Input=N;exports.inputIconStyles=h;exports.inputShortcutBadgeStyles=S;exports.inputShortcutStyles=j;exports.inputStyles=g;exports.inputTrailingIconStyles=v;exports.inputWrapperStyles=y;

package/dist/InputGroup-SVC5Ep6J.js

@@ -0,0 +1,97 @@
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import * as p from "react";
+import { c as r } from "./cx-CMoRfr5S.js";
+import { r as N, l as I, h as w } from "./form-field.styles-Bt9srSak.js";
+import { cva as c } from "class-variance-authority";
+const S = c([
+  "relative",
+  "flex",
+  "w-full",
+  "flex-row",
+  "items-stretch",
+  "rounded-lg"
+]), P = c(
+  [
+    "flex",
+    "items-center",
+    "text-text-tertiary",
+    "bg-bg-secondary_subtle",
+    "border",
+    "border-border-primary"
+  ],
+  {
+    variants: {
+      position: {
+        leading: ["rounded-l-lg", "-mr-px"],
+        trailing: ["rounded-r-lg", "-ml-px"]
+      },
+      size: {
+        small: ["px-3", "py-2", "text-sm"],
+        medium: ["px-3.5", "py-2.5", "text-md"],
+        large: ["px-4", "py-3", "text-lg"]
+      },
+      disabled: {
+        false: null,
+        true: ["text-text-disabled", "bg-bg-disabled"]
+      }
+    },
+    defaultVariants: { position: "leading", size: "medium", disabled: !1 }
+  }
+), m = p.forwardRef(
+  ({ className: d, position: s, size: l, disabled: a, children: t, ...i }, o) => /* @__PURE__ */ e(
+    "span",
+    {
+      ref: o,
+      className: r(P({ position: s, size: l, disabled: a }), d),
+      ...i,
+      children: t
+    }
+  )
+);
+m.displayName = "InputPrefix";
+const u = ({
+  size: d = "medium",
+  prefix: s,
+  leadingAddon: l,
+  trailingAddon: a,
+  label: t,
+  hint: i,
+  isRequired: o,
+  isInvalid: x,
+  disabled: f,
+  className: b,
+  children: g
+}) => {
+  const h = p.useId(), y = !!(l || s), v = !!a;
+  return /* @__PURE__ */ n("div", { className: r("flex w-full flex-col items-start gap-1.5", b), children: [
+    t && /* @__PURE__ */ n("label", { htmlFor: h, className: r(I()), children: [
+      t,
+      o && /* @__PURE__ */ e("span", { className: r(N()), children: "*" })
+    ] }),
+    /* @__PURE__ */ n("div", { className: r(S()), children: [
+      l && /* @__PURE__ */ e("div", { children: l }),
+      s && /* @__PURE__ */ e(m, { position: "leading", size: d, disabled: !!f, children: s }),
+      /* @__PURE__ */ e(
+        "div",
+        {
+          className: r(
+            "relative flex w-full",
+            y && "[&>*]:rounded-l-none",
+            v && "[&>*]:rounded-r-none"
+          ),
+          children: g
+        }
+      ),
+      a && /* @__PURE__ */ e("div", { children: a })
+    ] }),
+    i && /* @__PURE__ */ e("p", { className: r(w({ variant: x ? "error" : "default" })), children: i })
+  ] });
+};
+u.Prefix = m;
+u.displayName = "InputGroup";
+export {
+  u as I,
+  m as a,
+  P as b,
+  S as i
+};

package/dist/InputGroup-whgNDsHd.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("react/jsx-runtime"),I=require("react"),a=require("./cx-C5SviAs-.cjs"),o=require("./form-field.styles-BHdf4QA5.cjs"),p=require("class-variance-authority");function S(r){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const e in r)if(e!=="default"){const l=Object.getOwnPropertyDescriptor(r,e);Object.defineProperty(s,e,l.get?l:{enumerable:!0,get:()=>r[e]})}}return s.default=r,Object.freeze(s)}const x=S(I),m=p.cva(["relative","flex","w-full","flex-row","items-stretch","rounded-lg"]),f=p.cva(["flex","items-center","text-text-tertiary","bg-bg-secondary_subtle","border","border-border-primary"],{variants:{position:{leading:["rounded-l-lg","-mr-px"],trailing:["rounded-r-lg","-ml-px"]},size:{small:["px-3","py-2","text-sm"],medium:["px-3.5","py-2.5","text-md"],large:["px-4","py-3","text-lg"]},disabled:{false:null,true:["text-text-disabled","bg-bg-disabled"]}},defaultVariants:{position:"leading",size:"medium",disabled:!1}}),c=x.forwardRef(({className:r,position:s,size:e,disabled:l,children:i,...n},u)=>t.jsx("span",{ref:u,className:a.cx(f({position:s,size:e,disabled:l}),r),...n,children:i}));c.displayName="InputPrefix";const d=({size:r="medium",prefix:s,leadingAddon:e,trailingAddon:l,label:i,hint:n,isRequired:u,isInvalid:b,disabled:y,className:g,children:j})=>{const h=x.useId(),v=!!(e||s),N=!!l;return t.jsxs("div",{className:a.cx("flex w-full flex-col items-start gap-1.5",g),children:[i&&t.jsxs("label",{htmlFor:h,className:a.cx(o.labelStyles()),children:[i,u&&t.jsx("span",{className:a.cx(o.requiredIndicatorStyles()),children:"*"})]}),t.jsxs("div",{className:a.cx(m()),children:[e&&t.jsx("div",{children:e}),s&&t.jsx(c,{position:"leading",size:r,disabled:!!y,children:s}),t.jsx("div",{className:a.cx("relative flex w-full",v&&"[&>*]:rounded-l-none",N&&"[&>*]:rounded-r-none"),children:j}),l&&t.jsx("div",{children:l})]}),n&&t.jsx("p",{className:a.cx(o.helperTextStyles({variant:b?"error":"default"})),children:n})]})};d.Prefix=c;d.displayName="InputGroup";exports.InputGroup=d;exports.InputPrefix=c;exports.inputGroupWrapperStyles=m;exports.inputPrefixStyles=f;

package/dist/Modal-DAyvQW7Z.js

@@ -0,0 +1,260 @@
+import { jsxs as c, Fragment as y, jsx as o } from "react/jsx-runtime";
+import * as l from "react";
+import { c as s } from "./cx-CMoRfr5S.js";
+import { cva as t } from "class-variance-authority";
+const u = t([
+  "fixed",
+  "inset-0",
+  "z-50",
+  "bg-bg-overlay/70",
+  "backdrop-blur-sm"
+]), b = t(
+  [
+    "fixed",
+    "z-50",
+    "flex",
+    "flex-col",
+    "bg-bg-primary",
+    "border",
+    "border-border-secondary",
+    "shadow-xl",
+    "rounded-xl",
+    "w-full",
+    "max-h-[85vh]",
+    "top-1/2",
+    "left-1/2",
+    "-translate-x-1/2",
+    "-translate-y-1/2",
+    "outline-none",
+    "overflow-hidden"
+  ],
+  {
+    variants: {
+      size: {
+        sm: ["max-w-sm"],
+        md: ["max-w-lg"],
+        lg: ["max-w-2xl"]
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+), x = t([
+  "flex",
+  "items-start",
+  "justify-between",
+  "gap-4",
+  "px-6",
+  "pt-6"
+]), p = t(
+  [
+    "shrink-0",
+    "inline-flex",
+    "items-center",
+    "justify-center",
+    "rounded-full",
+    "border"
+  ],
+  {
+    variants: {
+      variant: {
+        brand: [
+          "bg-brand-50",
+          "border-brand-100",
+          "text-brand-600"
+        ],
+        success: [
+          "bg-success-50",
+          "border-success-100",
+          "text-success-600"
+        ],
+        error: [
+          "bg-error-50",
+          "border-error-100",
+          "text-error-600"
+        ],
+        warning: [
+          "bg-warning-50",
+          "border-warning-100",
+          "text-warning-600"
+        ],
+        gray: [
+          "bg-gray-50",
+          "border-gray-100",
+          "text-gray-600"
+        ]
+      },
+      size: {
+        sm: ["size-10", "p-2"],
+        md: ["size-12", "p-3"]
+      }
+    },
+    defaultVariants: {
+      variant: "brand",
+      size: "md"
+    }
+  }
+), g = t([
+  "text-lg",
+  "font-semibold",
+  "leading-tight",
+  "text-text-primary"
+]), v = t([
+  "text-sm",
+  "text-text-tertiary",
+  "mt-1"
+]), w = t([
+  "flex-1",
+  "overflow-y-auto",
+  "px-6",
+  "py-5"
+]), h = t([
+  "flex",
+  "items-center",
+  "gap-3",
+  "px-6",
+  "pb-6"
+]), N = t([
+  "border-t",
+  "border-border-secondary",
+  "w-full"
+]), M = t([
+  "inline-flex",
+  "items-center",
+  "justify-center",
+  "shrink-0",
+  "rounded-lg",
+  "size-9",
+  "p-2",
+  "text-fg-quaternary",
+  "cursor-pointer",
+  "transition-colors",
+  "outline-none",
+  "hover:bg-bg-primary_hover",
+  "hover:text-fg-secondary",
+  "focus-visible:ring-4",
+  "focus-visible:ring-gray-100/80"
+]), k = ({
+  open: e,
+  onOpenChange: a,
+  size: r,
+  className: d,
+  children: i,
+  closeOnOverlayClick: n = !0
+}) => (l.useEffect(() => {
+  if (!e) return;
+  const m = (f) => {
+    f.key === "Escape" && a(!1);
+  };
+  return document.addEventListener("keydown", m), document.body.style.overflow = "hidden", () => {
+    document.removeEventListener("keydown", m), document.body.style.overflow = "";
+  };
+}, [e, a]), e ? /* @__PURE__ */ c(y, { children: [
+  /* @__PURE__ */ o(
+    "div",
+    {
+      className: s(u()),
+      onClick: n ? () => a(!1) : void 0,
+      "aria-hidden": "true",
+      "data-testid": "modal-overlay"
+    }
+  ),
+  /* @__PURE__ */ o(
+    "div",
+    {
+      role: "dialog",
+      "aria-modal": "true",
+      className: s(b({ size: r }), d),
+      children: i
+    }
+  )
+] }) : null);
+k.displayName = "Modal";
+const S = l.forwardRef(
+  ({ className: e, children: a, onClose: r, icon: d, ...i }, n) => /* @__PURE__ */ c("div", { ref: n, className: s(x(), e), ...i, children: [
+    d && /* @__PURE__ */ o("div", { className: "shrink-0", children: d }),
+    /* @__PURE__ */ o("div", { className: "flex min-w-0 flex-1 flex-col", children: a }),
+    r && /* @__PURE__ */ o(
+      "button",
+      {
+        type: "button",
+        className: s(M()),
+        onClick: r,
+        "aria-label": "Close",
+        children: /* @__PURE__ */ o(F, {})
+      }
+    )
+  ] })
+);
+S.displayName = "ModalHeader";
+const z = l.forwardRef(
+  ({ className: e, variant: a, size: r, children: d, ...i }, n) => /* @__PURE__ */ o(
+    "div",
+    {
+      ref: n,
+      className: s(p({ variant: a, size: r }), e),
+      ...i,
+      children: d
+    }
+  )
+);
+z.displayName = "ModalIcon";
+const R = l.forwardRef(
+  ({ className: e, children: a, ...r }, d) => /* @__PURE__ */ o("h2", { ref: d, className: s(g(), e), ...r, children: a })
+);
+R.displayName = "ModalTitle";
+const j = l.forwardRef(
+  ({ className: e, ...a }, r) => /* @__PURE__ */ o("p", { ref: r, className: s(v(), e), ...a })
+);
+j.displayName = "ModalDescription";
+const D = l.forwardRef(
+  ({ className: e, ...a }, r) => /* @__PURE__ */ o("div", { ref: r, className: s(w(), e), ...a })
+);
+D.displayName = "ModalBody";
+const B = l.forwardRef(
+  ({ className: e, ...a }, r) => /* @__PURE__ */ o("div", { ref: r, className: s(h(), e), ...a })
+);
+B.displayName = "ModalFooter";
+const E = l.forwardRef(
+  ({ className: e, ...a }, r) => /* @__PURE__ */ o("hr", { ref: r, className: s(N(), e), ...a })
+);
+E.displayName = "ModalDivider";
+const F = () => /* @__PURE__ */ c(
+  "svg",
+  {
+    width: "20",
+    height: "20",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    "aria-hidden": "true",
+    children: [
+      /* @__PURE__ */ o("path", { d: "M18 6 6 18" }),
+      /* @__PURE__ */ o("path", { d: "m6 6 12 12" })
+    ]
+  }
+);
+export {
+  k as M,
+  D as a,
+  j as b,
+  E as c,
+  B as d,
+  S as e,
+  z as f,
+  R as g,
+  M as h,
+  v as i,
+  N as j,
+  h as k,
+  x as l,
+  w as m,
+  p as n,
+  b as o,
+  g as p,
+  u as q
+};

package/dist/Modal-DQLhEOJ2.cjs

@@ -0,0 +1 @@
+"use strict";const a=require("react/jsx-runtime"),B=require("react"),s=require("./cx-C5SviAs-.cjs"),l=require("class-variance-authority");function F(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const d=F(B),m=l.cva(["fixed","inset-0","z-50","bg-bg-overlay/70","backdrop-blur-sm"]),y=l.cva(["fixed","z-50","flex","flex-col","bg-bg-primary","border","border-border-secondary","shadow-xl","rounded-xl","w-full","max-h-[85vh]","top-1/2","left-1/2","-translate-x-1/2","-translate-y-1/2","outline-none","overflow-hidden"],{variants:{size:{sm:["max-w-sm"],md:["max-w-lg"],lg:["max-w-2xl"]}},defaultVariants:{size:"md"}}),x=l.cva(["flex","items-start","justify-between","gap-4","px-6","pt-6"]),f=l.cva(["shrink-0","inline-flex","items-center","justify-center","rounded-full","border"],{variants:{variant:{brand:["bg-brand-50","border-brand-100","text-brand-600"],success:["bg-success-50","border-success-100","text-success-600"],error:["bg-error-50","border-error-100","text-error-600"],warning:["bg-warning-50","border-warning-100","text-warning-600"],gray:["bg-gray-50","border-gray-100","text-gray-600"]},size:{sm:["size-10","p-2"],md:["size-12","p-3"]}},defaultVariants:{variant:"brand",size:"md"}}),u=l.cva(["text-lg","font-semibold","leading-tight","text-text-primary"]),v=l.cva(["text-sm","text-text-tertiary","mt-1"]),b=l.cva(["flex-1","overflow-y-auto","px-6","py-5"]),g=l.cva(["flex","items-center","gap-3","px-6","pb-6"]),p=l.cva(["border-t","border-border-secondary","w-full"]),w=l.cva(["inline-flex","items-center","justify-center","shrink-0","rounded-lg","size-9","p-2","text-fg-quaternary","cursor-pointer","transition-colors","outline-none","hover:bg-bg-primary_hover","hover:text-fg-secondary","focus-visible:ring-4","focus-visible:ring-gray-100/80"]),h=({open:e,onOpenChange:t,size:r,className:o,children:i,closeOnOverlayClick:n=!0})=>(d.useEffect(()=>{if(!e)return;const c=R=>{R.key==="Escape"&&t(!1)};return document.addEventListener("keydown",c),document.body.style.overflow="hidden",()=>{document.removeEventListener("keydown",c),document.body.style.overflow=""}},[e,t]),e?a.jsxs(a.Fragment,{children:[a.jsx("div",{className:s.cx(m()),onClick:n?()=>t(!1):void 0,"aria-hidden":"true","data-testid":"modal-overlay"}),a.jsx("div",{role:"dialog","aria-modal":"true",className:s.cx(y({size:r}),o),children:i})]}):null);h.displayName="Modal";const j=d.forwardRef(({className:e,children:t,onClose:r,icon:o,...i},n)=>a.jsxs("div",{ref:n,className:s.cx(x(),e),...i,children:[o&&a.jsx("div",{className:"shrink-0",children:o}),a.jsx("div",{className:"flex min-w-0 flex-1 flex-col",children:t}),r&&a.jsx("button",{type:"button",className:s.cx(w()),onClick:r,"aria-label":"Close",children:a.jsx(I,{})})]}));j.displayName="ModalHeader";const M=d.forwardRef(({className:e,variant:t,size:r,children:o,...i},n)=>a.jsx("div",{ref:n,className:s.cx(f({variant:t,size:r}),e),...i,children:o}));M.displayName="ModalIcon";const S=d.forwardRef(({className:e,children:t,...r},o)=>a.jsx("h2",{ref:o,className:s.cx(u(),e),...r,children:t}));S.displayName="ModalTitle";const N=d.forwardRef(({className:e,...t},r)=>a.jsx("p",{ref:r,className:s.cx(v(),e),...t}));N.displayName="ModalDescription";const k=d.forwardRef(({className:e,...t},r)=>a.jsx("div",{ref:r,className:s.cx(b(),e),...t}));k.displayName="ModalBody";const D=d.forwardRef(({className:e,...t},r)=>a.jsx("div",{ref:r,className:s.cx(g(),e),...t}));D.displayName="ModalFooter";const z=d.forwardRef(({className:e,...t},r)=>a.jsx("hr",{ref:r,className:s.cx(p(),e),...t}));z.displayName="ModalDivider";const I=()=>a.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:[a.jsx("path",{d:"M18 6 6 18"}),a.jsx("path",{d:"m6 6 12 12"})]});exports.Modal=h;exports.ModalBody=k;exports.ModalDescription=N;exports.ModalDivider=z;exports.ModalFooter=D;exports.ModalHeader=j;exports.ModalIcon=M;exports.ModalTitle=S;exports.modalBodyStyles=b;exports.modalCloseButtonStyles=w;exports.modalDescriptionStyles=v;exports.modalDividerStyles=p;exports.modalFooterStyles=g;exports.modalHeaderStyles=x;exports.modalIconStyles=f;exports.modalStyles=y;exports.modalTitleStyles=u;exports.overlayStyles=m;

package/dist/Select-1U2YyMRi.cjs

@@ -0,0 +1 @@
+"use strict";const s=require("react/jsx-runtime"),pe=require("react"),c=require("./cx-C5SviAs-.cjs"),v=require("class-variance-authority"),L=require("./form-field.styles-BHdf4QA5.cjs"),me=require("./icons-jGx5qsVM.cjs");function ye(t){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const o in t)if(o!=="default"){const b=Object.getOwnPropertyDescriptor(t,o);Object.defineProperty(a,o,b.get?b:{enumerable:!0,get:()=>t[o]})}}return a.default=t,Object.freeze(a)}const r=ye(pe),W=v.cva(["flex","w-full","items-center","justify-between","gap-2","rounded-lg","border","border-border-primary","bg-bg-primary","text-text-primary","font-body","shadow-xs","outline-none","transition-colors","cursor-pointer","focus:ring-4"],{variants:{size:{small:["text-sm","py-2","px-3","h-10"],medium:["text-md","py-2.5","px-3.5","h-11"],large:["text-lg","py-3","px-4","h-12"]},variant:{default:["focus:border-brand-300","focus:ring-focus-ring/24"],error:["border-border-error_subtle","focus:border-border-error","focus:ring-focus-ring-error/24"],success:["border-border-brand","focus:border-border-brand_alt","focus:ring-focus-ring/24"]},disabled:{false:null,true:["bg-bg-disabled","border-border-disabled","text-text-disabled","cursor-not-allowed","pointer-events-none","shadow-none","focus:ring-0"]},open:{false:null,true:["ring-4","ring-focus-ring/24","border-brand-300"]}},compoundVariants:[{open:!0,variant:"error",class:["ring-focus-ring-error/24","border-border-error"]},{open:!0,variant:"success",class:["ring-focus-ring/24","border-border-brand_alt"]}],defaultVariants:{size:"medium",variant:"default",disabled:!1,open:!1}}),F=v.cva(["size-5","shrink-0","text-fg-quaternary","transition-transform","duration-200"],{variants:{open:{false:null,true:["rotate-180"]},disabled:{false:null,true:["text-fg-disabled"]}},defaultVariants:{open:!1,disabled:!1}}),U=v.cva(["absolute","z-50","mt-1","w-full","bg-bg-primary","border","border-border-secondary","rounded-lg","shadow-lg","overflow-hidden","py-1"]),J=v.cva(["max-h-60","overflow-y-auto"]),Q=v.cva(["flex","items-center","justify-between","w-full","px-3.5","py-2.5","text-sm","text-text-primary","cursor-pointer","transition-colors","outline-none"],{variants:{highlighted:{false:null,true:["bg-bg-primary_hover"]},selected:{false:null,true:null},disabled:{false:null,true:["text-text-disabled","cursor-not-allowed","pointer-events-none"]}},defaultVariants:{highlighted:!1,selected:!1,disabled:!1}}),X=v.cva(["px-3.5","py-2","text-xs","font-medium","text-text-tertiary","select-none"]),Y=v.cva(["border-t","border-border-secondary","my-1"]),Z=r.createContext(null);function he(){const t=r.useContext(Z);if(!t)throw new Error("Select sub-components must be used within <Select>");return t}const O=r.forwardRef(({value:t,defaultValue:a,onValueChange:o,placeholder:b="Select...",label:S,helperText:x,tooltip:d,isRequired:w,hideRequiredIndicator:q,className:D,id:E,children:se,onOpenChange:p,size:le,variant:T,disabled:j=!1},ne)=>{const m=E||r.useId(),z=`${m}-listbox`,[l,G]=r.useState(!1),[oe,ae]=r.useState(a),[i,y]=r.useState(null),[,ce]=r.useReducer(e=>e+1,0),u=t!==void 0?t:oe,V=r.useRef(null),_=r.useRef(null),R=r.useRef(new Map),ie=r.useRef(0),$=r.useRef(""),K=r.useRef(void 0),k=r.useCallback(()=>Array.from(R.current.values()).filter(e=>!e.disabled).sort((e,n)=>e.index-n.index),[]),de=r.useCallback(()=>{if(!u)return null;const e=R.current.get(u);return(e==null?void 0:e.label)??null},[u]),h=r.useCallback(()=>{G(!1),y(null),p==null||p(!1)},[p]),I=r.useCallback(()=>{j||(G(!0),p==null||p(!0))},[j,p]);r.useEffect(()=>{if(!l)return;const e=k();e.length!==0&&(u&&e.some(n=>n.value===u)?y(u):y(e[0].value))},[l,u,k]);const C=r.useCallback(e=>{var n;t===void 0&&ae(e),o==null||o(e),h(),(n=V.current)==null||n.focus()},[t,o,h]),A=r.useCallback((e,n,f)=>{const g=ie.current++;return R.current.set(e,{value:e,label:n,disabled:f,index:g}),ce(),g},[]),H=r.useCallback(e=>{R.current.delete(e)},[]);r.useEffect(()=>{if(!l||!i||!_.current)return;const e=_.current.querySelector(`[data-value="${CSS.escape(i)}"]`);e&&typeof e.scrollIntoView=="function"&&e.scrollIntoView({block:"nearest"})},[l,i]);const B=r.useCallback(e=>{clearTimeout(K.current),$.current+=e.toLowerCase();const f=k().find(g=>g.label.toLowerCase().startsWith($.current));f&&y(f.value),K.current=setTimeout(()=>{$.current=""},500)},[k]),M=r.useCallback(e=>{var g;const n=k(),f=n.findIndex(N=>N.value===i);switch(e.key){case"ArrowDown":{if(e.preventDefault(),!l){I();return}const N=f<n.length-1?f+1:0;y(n[N].value);break}case"ArrowUp":{if(e.preventDefault(),!l){I();return}const N=f>0?f-1:n.length-1;y(n[N].value);break}case"Enter":case" ":{if(e.preventDefault(),!l){I();return}i&&C(i);break}case"Escape":{e.preventDefault(),h(),(g=V.current)==null||g.focus();break}case"Tab":{h();break}case"Home":{e.preventDefault(),l&&n.length&&y(n[0].value);break}case"End":{e.preventDefault(),l&&n.length&&y(n[n.length-1].value);break}default:e.key.length===1&&!e.ctrlKey&&!e.metaKey&&l&&(e.preventDefault(),B(e.key))}},[l,i,k,I,h,C,B]),ue=()=>{l?h():I()},P=de(),fe=!!P,be=T==="error",xe=r.useMemo(()=>({selectId:m,selectedValue:u,highlightedValue:i,onSelect:C,registerItem:A,unregisterItem:H}),[m,u,i,C,A,H]);return s.jsxs("div",{ref:ne,className:"flex w-full flex-col items-start gap-1.5",children:[S&&s.jsxs("label",{htmlFor:m,className:c.cx(L.labelStyles()),children:[S,w&&!q&&s.jsx("span",{className:c.cx(L.requiredIndicatorStyles()),children:"*"}),d&&s.jsx("span",{className:c.cx(L.labelTooltipStyles()),title:d,role:"img","aria-label":d,children:s.jsx(me.HelpCircleIcon,{})})]}),s.jsxs("div",{className:"relative w-full",children:[s.jsxs("button",{ref:V,type:"button",id:m,role:"combobox","aria-haspopup":"listbox","aria-expanded":l,"aria-controls":l?z:void 0,"aria-describedby":x?`${m}-helper`:void 0,"aria-required":w||void 0,"aria-invalid":be||void 0,disabled:!!j,onClick:ue,onKeyDown:M,className:c.cx(W({size:le,variant:T,disabled:!!j,open:l}),D),children:[s.jsx("span",{className:c.cx("truncate text-left",!fe&&"text-text-placeholder"),children:P??b}),s.jsx(ge,{className:c.cx(F({open:l,disabled:!!j}))})]}),l&&s.jsx("div",{className:"fixed inset-0 z-40",onClick:h,"aria-hidden":"true","data-testid":"select-overlay"}),s.jsx(Z.Provider,{value:xe,children:s.jsx("ul",{ref:_,id:z,role:"listbox","aria-activedescendant":l&&i?`${m}-option-${i}`:void 0,tabIndex:-1,onKeyDown:M,className:c.cx(U(),!l&&"hidden"),"aria-hidden":!l||void 0,children:s.jsx("div",{className:c.cx(J()),children:se})})})]}),x&&s.jsx("p",{id:`${m}-helper`,className:c.cx(L.helperTextStyles({variant:T})),children:x})]})});O.displayName="Select";const ee=r.forwardRef(({value:t,disabled:a=!1,children:o,className:b,...S},x)=>{const d=he(),w=d.selectedValue===t,q=d.highlightedValue===t,D=typeof o=="string"?o:typeof o=="number"?String(o):t;r.useEffect(()=>(d.registerItem(t,D,a),()=>d.unregisterItem(t)),[t,D,a]);const E=()=>{a||d.onSelect(t)};return s.jsxs("li",{ref:x,id:`${d.selectId}-option-${t}`,role:"option","aria-selected":w,"aria-disabled":a||void 0,"data-value":t,onClick:E,className:c.cx(Q({highlighted:q,selected:w,disabled:a}),b),...S,children:[s.jsx("span",{className:"truncate",children:o}),w&&s.jsx(ve,{className:"size-5 shrink-0 text-brand-600","aria-hidden":"true"})]})});ee.displayName="SelectItem";const te=r.forwardRef(({label:t,children:a,className:o,...b},S)=>{const x=r.useId();return s.jsxs("div",{ref:S,role:"group","aria-labelledby":x,...b,children:[s.jsx("div",{id:x,className:c.cx(X(),o),children:t}),a]})});te.displayName="SelectGroup";const re=r.forwardRef(({className:t,...a},o)=>s.jsx("hr",{ref:o,className:c.cx(Y(),t),"aria-hidden":"true",...a}));re.displayName="SelectSeparator";function ge(t){return s.jsx("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",...t,children:s.jsx("polyline",{points:"6 9 12 15 18 9"})})}function ve(t){return s.jsx("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",...t,children:s.jsx("polyline",{points:"20 6 9 17 4 12"})})}exports.Select=O;exports.SelectGroup=te;exports.SelectItem=ee;exports.SelectSeparator=re;exports.selectChevronStyles=F;exports.selectDropdownInnerStyles=J;exports.selectDropdownStyles=U;exports.selectGroupLabelStyles=X;exports.selectItemStyles=Q;exports.selectSeparatorStyles=Y;exports.selectTriggerStyles=W;