@cloudflare/kumo 1.1.0 → 1.3.0

package/dist/index.js

@@ -1,125 +1,272 @@
 "use client";
-import { B as r } from "./badge-Dc99vsfo.js";
-import { B as e, a as t } from "./banner-4fkH6Sbt.js";
-import { B as i, L as m, R as A, b as n } from "./button-E2-hZMZE.js";
-import { D as f } from "./date-range-picker-CbKEQ9pi.js";
-import { C as _ } from "./checkbox-BexIU_lZ.js";
-import { C as L } from "./clipboard-text-BFHWMjmr.js";
-import { C as R, a as S } from "./code-T2wPDiM0.js";
-import { C as D } from "./combobox-Dld0kS0U.js";
-import { D as M, e as U, d as N, a as E, c as O, b as d } from "./dialog-B1TaN0oR.js";
-import { D as C } from "./dropdown-D0rhYKeG.js";
-import { C as P } from "./collapsible-OBNkTO48.js";
-import { F as B, a as c, K as F, f as k } from "./field-V3J0Ql_V.js";
-import { b as v, K as h, L as y, a as w, l as j } from "./label-87HQArUG.js";
-import { I as z, i as H } from "./input-Dqvc2AB_.js";
-import { I as Q } from "./input-area-B9qajxvZ.js";
-import { I as X } from "./input-group-Bl6tgD5-.js";
-import { L as Z } from "./layer-card-C8j5Hkkj.js";
-import { L as aa } from "./loader-DHGMYlC6.js";
-import { S as ra } from "./skeleton-line-CtpS1u1J.js";
-import { M as ea, u as ta } from "./menubar-DLwLRFB1.js";
-import { M as ia } from "./meter-DKUuvXxS.js";
-import { P as Aa } from "./pagination-C4HQqodz.js";
-import { S as Ta } from "./select-B5Vb3zou.js";
-import { S as xa } from "./surface-BIC6CXiz.js";
-import { S as Ia } from "./switch-D4duMhJ0.js";
-import { T as la } from "./tabs-lQup-IbT.js";
-import { T as Sa } from "./table-KuvHGpL8.js";
-import { T as Da } from "./text-BEhqwMfe.js";
-import { T as Ma } from "./toast-8YyyQuqZ.js";
-import { T as Na, a as Ea } from "./tooltip-DJWsDTWJ.js";
-import { a as da, K as ua, P as Ca } from "./popover-DhdIqrP7.js";
-import { a as Pa, K as ga, S as Ba } from "./sensitive-input-D5HCV04N.js";
-import { b as Fa, K as ka, R as Ga, a as va } from "./radio-BVAG7hNp.js";
-import { C as ya, a as wa, K as ja } from "./command-palette-BgQ680BG.js";
-import { a as za, K as Ha, L as Ja, l as Qa } from "./link-6TIZ4JIw.js";
-import { B as Xa } from "./breadcrumbs-B5SY2CWj.js";
-import { E as Za } from "./empty-DzCqjea-.js";
-import { G as ao, a as oo, c as ro, K as so, b as eo, g as to } from "./grid-DKajRHh8.js";
-import { c as io, s as mo } from "./cn-Bhsu1vx2.js";
-import { L as no, u as To } from "./link-provider-DPBGo-0n.js";
-import { i as xo } from "./vendor-base-ui-DWIDNgE1.js";
+import { B as J } from "./badge-Dc99vsfo.js";
+import { B as S } from "./banner-4fkH6Sbt.js";
+import { a as Y } from "./banner-4fkH6Sbt.js";
+import { B as n } from "./button-Bh96oxRL.js";
+import { L as aa, R as ea, b as oa } from "./button-Bh96oxRL.js";
+import { D as ta } from "./date-range-picker-CbKEQ9pi.js";
+import { C as ia } from "./checkbox-C1LPq8eL.js";
+import { C as na } from "./clipboard-text-CJSI9X2m.js";
+import { C as pa, a as fa } from "./code-T2wPDiM0.js";
+import { C as ca } from "./combobox-CWxn5aHA.js";
+import { a as N, D as U, c as V, e as A } from "./dialog-x9n9wI13.js";
+import { d as ua, b as Ta } from "./dialog-x9n9wI13.js";
+import { D as _a } from "./dropdown-BAyk1knz.js";
+import { C as ba } from "./collapsible-OBNkTO48.js";
+import { F as ha, a as Ra, K as La, f as Ea } from "./field-B7ORz5ej.js";
+import { b as Na, K as Ua, L as Va, a as ga, l as Da } from "./label-B4FY8MX_.js";
+import { I as g } from "./input-D6YgDfDG.js";
+import { i as Ma } from "./input-D6YgDfDG.js";
+import { I as ka } from "./input-area-DN_Ncliw.js";
+import { I as ya } from "./input-group-BXzBwH4p.js";
+import { L as Ba } from "./layer-card-C8j5Hkkj.js";
+import { L as wa } from "./loader-DHGMYlC6.js";
+import { S as Ga } from "./skeleton-line-CtpS1u1J.js";
+import { M as $a, u as qa } from "./menubar-CzimiryS.js";
+import { M as Xa } from "./meter-BrJnHJ3Q.js";
+import { P as Ja } from "./pagination-D0x9KQSk.js";
+import { S as Ya } from "./select-D4rKQAax.js";
+import { S as ae } from "./surface-BIC6CXiz.js";
+import { S as oe } from "./switch-z7FE1nQE.js";
+import { T as te } from "./tabs-DAEeuQLd.js";
+import { T as ie } from "./table-Sd2Etb1N.js";
+import { T as ne } from "./text-BEhqwMfe.js";
+import { T as pe, u as fe } from "./toast-B8ebpHaU.js";
+import { T as ce, a as xe } from "./tooltip-C4DRhJi1.js";
+import { g as Te, K as Ae, P as _e } from "./popover-CtKDH8Yc.js";
+import { a as be, K as Ce, S as he } from "./sensitive-input-DYvAmxkN.js";
+import { b as Le, K as Ee, R as Se, a as Ne } from "./radio-CYejLANA.js";
+import { C as Ve, a as ge, K as De } from "./command-palette-BxmGYxBv.js";
+import { a as Me, K as Oe, L as ke, l as ve } from "./link-CcuZKqob.js";
+import { B as Pe } from "./breadcrumbs-DyKi7BcP.js";
+import { E as Fe } from "./empty-D03cbzRS.js";
+import { G as ze, a as Ge, c as je, K as $e, b as qe, g as We } from "./grid-DKajRHh8.js";
+import { c as D } from "./cn-Bhsu1vx2.js";
+import { s as He } from "./cn-Bhsu1vx2.js";
+import { L as Qe, u as Ye } from "./link-provider-DPBGo-0n.js";
+import { jsx as a, jsxs as e } from "react/jsx-runtime";
+import { useState as _, useEffect as K, useCallback as m } from "react";
+import { XIcon as M, WarningCircleIcon as O, CheckIcon as k, CopyIcon as v } from "@phosphor-icons/react";
+import { i as ao } from "./vendor-base-ui-kX0wjdav.js";
+const W = {
+  size: {
+    sm: {
+      classes: "",
+      description: "Small dialog for simple delete confirmations"
+    },
+    base: {
+      classes: "",
+      description: "Default delete confirmation dialog size"
+    }
+  }
+}, y = {
+  size: "base"
+};
+function P({
+  open: s,
+  onOpenChange: I,
+  resourceType: p,
+  resourceName: o,
+  onDelete: f,
+  isDeleting: r = !1,
+  caseSensitive: d = !0,
+  deleteButtonText: b,
+  size: C = y.size,
+  errorMessage: c,
+  className: h
+}) {
+  const [x, u] = _(""), [R, i] = _(!1);
+  K(() => {
+    s || (u(""), i(!1));
+  }, [s]);
+  const T = m(
+    (t) => d ? t : t.toLowerCase(),
+    [d]
+  ), l = T(x) === T(o), L = m(async () => {
+    !l || r || await f();
+  }, [l, r, f]), E = m(async () => {
+    await navigator.clipboard.writeText(o), i(!0), setTimeout(() => i(!1), 1500);
+  }, [o]);
+  return /* @__PURE__ */ a(N, { open: s, onOpenChange: I, children: /* @__PURE__ */ e(U, { size: C, className: D("p-0", h), children: [
+    /* @__PURE__ */ e("div", { className: "flex items-center justify-between border-b border-kumo-line px-6 py-4", children: [
+      /* @__PURE__ */ e(V, { className: "text-lg font-semibold", children: [
+        "Delete ",
+        o
+      ] }),
+      /* @__PURE__ */ a(A, { children: /* @__PURE__ */ a(
+        n,
+        {
+          variant: "ghost",
+          shape: "square",
+          size: "sm",
+          "aria-label": "Close",
+          disabled: r,
+          children: /* @__PURE__ */ a(M, { size: 18 })
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "flex flex-col p-6 gap-4", children: [
+      /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: [
+        c && /* @__PURE__ */ a(S, { icon: /* @__PURE__ */ a(O, {}), variant: "error", children: c }),
+        /* @__PURE__ */ e("p", { className: "text-base text-kumo-subtle max-w-prose text-pretty", children: [
+          "This action cannot be undone. This will permanently delete the",
+          " ",
+          /* @__PURE__ */ a("span", { className: "font-medium text-kumo-default", children: o }),
+          " ",
+          p.toLowerCase(),
+          "."
+        ] })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ a("div", { className: "flex items-center gap-1.5 text-base", children: /* @__PURE__ */ e("span", { children: [
+          "Type",
+          " ",
+          /* @__PURE__ */ e(
+            "button",
+            {
+              className: "font-mono text-sm inline font-semibold bg-kumo-tint hover:bg-kumo-fill rounded-md px-2 py-1 group hover:cursor-pointer",
+              onClick: E,
+              "aria-label": `Copy ${o} to clipboard`,
+              children: [
+                o,
+                R ? /* @__PURE__ */ a(
+                  k,
+                  {
+                    size: 12,
+                    weight: "bold",
+                    className: "inline ml-1.5"
+                  }
+                ) : /* @__PURE__ */ a(
+                  v,
+                  {
+                    size: 12,
+                    weight: "bold",
+                    className: "inline text-kumo-subtle group-hover:text-kumo-default ml-1.5"
+                  }
+                )
+              ]
+            }
+          ),
+          " ",
+          "to confirm:"
+        ] }) }),
+        /* @__PURE__ */ a(
+          g,
+          {
+            placeholder: o,
+            value: x,
+            onChange: (t) => u(t.target.value),
+            disabled: r,
+            autoComplete: "off",
+            autoCorrect: "off",
+            autoCapitalize: "off",
+            spellCheck: !1,
+            "aria-label": `Type ${o} to confirm deletion`,
+            className: "w-full"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "flex justify-end gap-3 border-t border-kumo-line px-6 py-4", children: [
+      /* @__PURE__ */ a(A, { children: /* @__PURE__ */ a(n, { variant: "secondary", disabled: r, children: "Cancel" }) }),
+      /* @__PURE__ */ a(
+        n,
+        {
+          variant: "destructive",
+          onClick: L,
+          disabled: !l || r,
+          loading: r,
+          children: b || `Delete ${p}`
+        }
+      )
+    ] })
+  ] }) });
+}
+P.displayName = "DeleteResource";
 export {
-  r as Badge,
-  e as Banner,
-  t as BannerVariant,
-  Xa as Breadcrumbs,
-  i as Button,
-  _ as Checkbox,
-  L as ClipboardText,
-  R as Code,
-  S as CodeBlock,
-  P as Collapsible,
-  D as Combobox,
-  ya as CommandPalette,
-  f as DateRangePicker,
-  M as Dialog,
-  U as DialogClose,
-  N as DialogDescription,
-  E as DialogRoot,
-  O as DialogTitle,
-  d as DialogTrigger,
-  C as DropdownMenu,
-  Za as Empty,
-  B as Field,
-  ao as Grid,
-  oo as GridItem,
-  z as Input,
-  Q as InputArea,
-  X as InputGroup,
-  wa as KUMO_COMMAND_PALETTE_DEFAULT_VARIANTS,
-  ja as KUMO_COMMAND_PALETTE_VARIANTS,
-  c as KUMO_FIELD_DEFAULT_VARIANTS,
-  F as KUMO_FIELD_VARIANTS,
-  ro as KUMO_GRID_DEFAULT_VARIANTS,
-  so as KUMO_GRID_VARIANTS,
-  v as KUMO_LABEL_DEFAULT_VARIANTS,
-  h as KUMO_LABEL_VARIANTS,
-  za as KUMO_LINK_DEFAULT_VARIANTS,
-  Ha as KUMO_LINK_VARIANTS,
-  da as KUMO_POPOVER_DEFAULT_VARIANTS,
-  ua as KUMO_POPOVER_VARIANTS,
-  Fa as KUMO_RADIO_DEFAULT_VARIANTS,
-  ka as KUMO_RADIO_VARIANTS,
-  Pa as KUMO_SENSITIVE_INPUT_DEFAULT_VARIANTS,
-  ga as KUMO_SENSITIVE_INPUT_VARIANTS,
-  y as Label,
-  Z as LayerCard,
-  Ja as Link,
-  m as LinkButton,
-  no as LinkProvider,
-  aa as Loader,
-  ea as MenuBar,
-  ia as Meter,
-  Aa as Pagination,
-  Ca as Popover,
-  Ga as Radio,
-  va as RadioGroup,
-  A as RefreshButton,
-  Ta as Select,
-  Ba as SensitiveInput,
-  ra as SkeletonLine,
-  xa as Surface,
-  Ia as Switch,
-  Sa as Table,
-  la as Tabs,
-  Da as Text,
-  xo as Toast,
-  Ma as Toasty,
-  Na as Tooltip,
-  Ea as TooltipProvider,
-  n as buttonVariants,
-  io as cn,
-  k as fieldVariants,
-  eo as gridItemVariants,
-  to as gridVariants,
-  H as inputVariants,
-  w as labelContentVariants,
-  j as labelVariants,
-  Qa as linkVariants,
-  mo as safeRandomId,
-  To as useLinkComponent,
-  ta as useMenuNavigation
+  J as Badge,
+  S as Banner,
+  Y as BannerVariant,
+  Pe as Breadcrumbs,
+  n as Button,
+  ia as Checkbox,
+  na as ClipboardText,
+  pa as Code,
+  fa as CodeBlock,
+  ba as Collapsible,
+  ca as Combobox,
+  Ve as CommandPalette,
+  ta as DateRangePicker,
+  P as DeleteResource,
+  U as Dialog,
+  A as DialogClose,
+  ua as DialogDescription,
+  N as DialogRoot,
+  V as DialogTitle,
+  Ta as DialogTrigger,
+  _a as DropdownMenu,
+  Fe as Empty,
+  ha as Field,
+  ze as Grid,
+  Ge as GridItem,
+  g as Input,
+  ka as InputArea,
+  ya as InputGroup,
+  ge as KUMO_COMMAND_PALETTE_DEFAULT_VARIANTS,
+  De as KUMO_COMMAND_PALETTE_VARIANTS,
+  y as KUMO_DELETE_RESOURCE_DEFAULT_VARIANTS,
+  W as KUMO_DELETE_RESOURCE_VARIANTS,
+  Ra as KUMO_FIELD_DEFAULT_VARIANTS,
+  La as KUMO_FIELD_VARIANTS,
+  je as KUMO_GRID_DEFAULT_VARIANTS,
+  $e as KUMO_GRID_VARIANTS,
+  Na as KUMO_LABEL_DEFAULT_VARIANTS,
+  Ua as KUMO_LABEL_VARIANTS,
+  Me as KUMO_LINK_DEFAULT_VARIANTS,
+  Oe as KUMO_LINK_VARIANTS,
+  Te as KUMO_POPOVER_DEFAULT_VARIANTS,
+  Ae as KUMO_POPOVER_VARIANTS,
+  Le as KUMO_RADIO_DEFAULT_VARIANTS,
+  Ee as KUMO_RADIO_VARIANTS,
+  be as KUMO_SENSITIVE_INPUT_DEFAULT_VARIANTS,
+  Ce as KUMO_SENSITIVE_INPUT_VARIANTS,
+  Va as Label,
+  Ba as LayerCard,
+  ke as Link,
+  aa as LinkButton,
+  Qe as LinkProvider,
+  wa as Loader,
+  $a as MenuBar,
+  Xa as Meter,
+  Ja as Pagination,
+  _e as Popover,
+  Se as Radio,
+  Ne as RadioGroup,
+  ea as RefreshButton,
+  Ya as Select,
+  he as SensitiveInput,
+  Ga as SkeletonLine,
+  ae as Surface,
+  oe as Switch,
+  ie as Table,
+  te as Tabs,
+  ne as Text,
+  ao as Toast,
+  pe as Toasty,
+  ce as Tooltip,
+  xe as TooltipProvider,
+  oa as buttonVariants,
+  D as cn,
+  Ea as fieldVariants,
+  qe as gridItemVariants,
+  We as gridVariants,
+  Ma as inputVariants,
+  ga as labelContentVariants,
+  Da as labelVariants,
+  ve as linkVariants,
+  He as safeRandomId,
+  fe as useKumoToastManager,
+  Ye as useLinkComponent,
+  qa as useMenuNavigation
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../src/blocks/delete-resource/delete-resource.tsx"],"sourcesContent":["import { useState, useCallback, useEffect } from \"react\";\nimport {\n  Dialog,\n  DialogRoot,\n  DialogTitle,\n  DialogClose,\n} from \"../../components/dialog\";\nimport { Input } from \"../../components/input\";\nimport { Button } from \"../../components/button\";\nimport { cn } from \"../../utils/cn\";\nimport {\n  CheckIcon,\n  CopyIcon,\n  WarningCircleIcon,\n  XIcon,\n} from \"@phosphor-icons/react\";\nimport { Banner } from \"../../components/banner\";\n\nexport const KUMO_DELETE_RESOURCE_VARIANTS = {\n  size: {\n    sm: {\n      classes: \"\",\n      description: \"Small dialog for simple delete confirmations\",\n    },\n    base: {\n      classes: \"\",\n      description: \"Default delete confirmation dialog size\",\n    },\n  },\n} as const;\n\nexport const KUMO_DELETE_RESOURCE_DEFAULT_VARIANTS = {\n  size: \"base\",\n} as const;\n\nexport type KumoDeleteResourceSize =\n  keyof typeof KUMO_DELETE_RESOURCE_VARIANTS.size;\n\nexport interface KumoDeleteResourceVariantsProps {\n  size?: KumoDeleteResourceSize;\n}\n\nexport interface DeleteResourceProps extends KumoDeleteResourceVariantsProps {\n  /** Whether the dialog is open */\n  open: boolean;\n  /** Callback when open state changes */\n  onOpenChange: (open: boolean) => void;\n  /** The type of resource being deleted (e.g., \"Zone\", \"Worker\", \"KV Namespace\") */\n  resourceType: string;\n  /** The name of the specific resource being deleted */\n  resourceName: string;\n  /** Callback when delete is confirmed */\n  onDelete: () => void | Promise<void>;\n  /** Whether the delete action is in progress */\n  isDeleting?: boolean;\n  /** Whether the confirmation input should be case-sensitive (default: true) */\n  caseSensitive?: boolean;\n  /** Custom delete button text (defaults to \"Delete {resourceType}\") */\n  deleteButtonText?: string;\n  /** Additional className for the dialog */\n  className?: string;\n  /** Error message to display if the delete action fails */\n  errorMessage?: string;\n}\n\nexport function DeleteResource({\n  open,\n  onOpenChange,\n  resourceType,\n  resourceName,\n  onDelete,\n  isDeleting = false,\n  caseSensitive = true,\n  deleteButtonText,\n  size = KUMO_DELETE_RESOURCE_DEFAULT_VARIANTS.size,\n  errorMessage,\n  className,\n}: DeleteResourceProps) {\n  const [confirmationInput, setConfirmationInput] = useState(\"\");\n  const [copied, setCopied] = useState(false);\n\n  useEffect(() => {\n    if (!open) {\n      setConfirmationInput(\"\");\n      setCopied(false);\n    }\n  }, [open]);\n\n  const normalizeForComparison = useCallback(\n    (str: string) => (caseSensitive ? str : str.toLowerCase()),\n    [caseSensitive],\n  );\n\n  const isConfirmed =\n    normalizeForComparison(confirmationInput) ===\n    normalizeForComparison(resourceName);\n\n  const handleDelete = useCallback(async () => {\n    if (!isConfirmed || isDeleting) return;\n    await onDelete();\n  }, [isConfirmed, isDeleting, onDelete]);\n\n  const handleCopy = useCallback(async () => {\n    await navigator.clipboard.writeText(resourceName);\n    setCopied(true);\n    setTimeout(() => setCopied(false), 1500);\n  }, [resourceName]);\n\n  return (\n    <DialogRoot open={open} onOpenChange={onOpenChange}>\n      <Dialog size={size} className={cn(\"p-0\", className)}>\n        <div className=\"flex items-center justify-between border-b border-kumo-line px-6 py-4\">\n          <DialogTitle className=\"text-lg font-semibold\">\n            Delete {resourceName}\n          </DialogTitle>\n          <DialogClose>\n            <Button\n              variant=\"ghost\"\n              shape=\"square\"\n              size=\"sm\"\n              aria-label=\"Close\"\n              disabled={isDeleting}\n            >\n              <XIcon size={18} />\n            </Button>\n          </DialogClose>\n        </div>\n\n        <div className=\"flex flex-col p-6 gap-4\">\n          <div className=\"flex flex-col gap-2\">\n            {errorMessage && (\n              <Banner icon={<WarningCircleIcon />} variant=\"error\">\n                {errorMessage}\n              </Banner>\n            )}\n            <p className=\"text-base text-kumo-subtle max-w-prose text-pretty\">\n              This action cannot be undone. This will permanently delete the{\" \"}\n              <span className=\"font-medium text-kumo-default\">\n                {resourceName}\n              </span>{\" \"}\n              {resourceType.toLowerCase()}.\n            </p>\n          </div>\n\n          <div className=\"flex flex-col gap-2\">\n            <div className=\"flex items-center gap-1.5 text-base\">\n              <span>\n                Type{\" \"}\n                <button\n                  className=\"font-mono text-sm inline font-semibold bg-kumo-tint hover:bg-kumo-fill rounded-md px-2 py-1 group hover:cursor-pointer\"\n                  onClick={handleCopy}\n                  aria-label={`Copy ${resourceName} to clipboard`}\n                >\n                  {resourceName}\n\n                  {copied ? (\n                    <CheckIcon\n                      size={12}\n                      weight=\"bold\"\n                      className=\"inline ml-1.5\"\n                    />\n                  ) : (\n                    <CopyIcon\n                      size={12}\n                      weight=\"bold\"\n                      className=\"inline text-kumo-subtle group-hover:text-kumo-default ml-1.5\"\n                    />\n                  )}\n                </button>{\" \"}\n                to confirm:\n              </span>\n            </div>\n            <Input\n              placeholder={resourceName}\n              value={confirmationInput}\n              onChange={(e) => setConfirmationInput(e.target.value)}\n              disabled={isDeleting}\n              autoComplete=\"off\"\n              autoCorrect=\"off\"\n              autoCapitalize=\"off\"\n              spellCheck={false}\n              aria-label={`Type ${resourceName} to confirm deletion`}\n              className=\"w-full\"\n            />\n          </div>\n        </div>\n\n        <div className=\"flex justify-end gap-3 border-t border-kumo-line px-6 py-4\">\n          <DialogClose>\n            <Button variant=\"secondary\" disabled={isDeleting}>\n              Cancel\n            </Button>\n          </DialogClose>\n          <Button\n            variant=\"destructive\"\n            onClick={handleDelete}\n            disabled={!isConfirmed || isDeleting}\n            loading={isDeleting}\n          >\n            {deleteButtonText || `Delete ${resourceType}`}\n          </Button>\n        </div>\n      </Dialog>\n    </DialogRoot>\n  );\n}\n\nDeleteResource.displayName = \"DeleteResource\";\n"],"names":["KUMO_DELETE_RESOURCE_VARIANTS","KUMO_DELETE_RESOURCE_DEFAULT_VARIANTS","DeleteResource","open","onOpenChange","resourceType","resourceName","onDelete","isDeleting","caseSensitive","deleteButtonText","size","errorMessage","className","confirmationInput","setConfirmationInput","useState","copied","setCopied","useEffect","normalizeForComparison","useCallback","str","isConfirmed","handleDelete","handleCopy","jsx","DialogRoot","jsxs","Dialog","cn","DialogTitle","DialogClose","Button","XIcon","Banner","WarningCircleIcon","CheckIcon","CopyIcon","Input","e"],"mappings":"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"}

package/dist/{input-Dqvc2AB_.js → input-D6YgDfDG.js}

@@ -2,8 +2,8 @@
 import { jsx as l } from "react/jsx-runtime";
 import { c as p } from "./cn-Bhsu1vx2.js";
 import { forwardRef as I } from "react";
-import { F as k } from "./field-V3J0Ql_V.js";
-import { I as v } from "./vendor-base-ui-DWIDNgE1.js";
+import { F as k } from "./field-B7ORz5ej.js";
+import { I as v } from "./vendor-base-ui-kX0wjdav.js";
 const u = {
   size: {
     xs: {
@@ -106,4 +106,4 @@ export {
   u as K,
   N as i
 };
-//# sourceMappingURL=input-Dqvc2AB_.js.map
+//# sourceMappingURL=input-D6YgDfDG.js.map

package/dist/{input-Dqvc2AB_.js.map → input-D6YgDfDG.js.map}

@@ -1 +1 @@
-{"version":3,"file":"input-Dqvc2AB_.js","sources":["../src/components/input/input.tsx"],"sourcesContent":["import { cn } from \"../../utils/cn\";\nimport {\n  forwardRef,\n  type ComponentPropsWithoutRef,\n  type ReactNode,\n} from \"react\";\nimport { Input as BaseInput } from \"@base-ui/react/input\";\nimport { Field, type FieldErrorMatch } from \"../field/field\";\n\nexport const KUMO_INPUT_VARIANTS = {\n  size: {\n    xs: {\n      classes: \"h-5 gap-1 rounded-sm px-1.5 text-xs\",\n      description: \"Extra small input for compact UIs\",\n    },\n    sm: {\n      classes: \"h-6.5 gap-1 rounded-md px-2 text-xs\",\n      description: \"Small input for secondary fields\",\n    },\n    base: {\n      classes: \"h-9 gap-1.5 rounded-lg px-3 text-base\",\n      description: \"Default input size\",\n    },\n    lg: {\n      classes: \"h-10 gap-2 rounded-lg px-4 text-base\",\n      description: \"Large input for prominent fields\",\n    },\n  },\n  variant: {\n    default: {\n      classes: \"focus:ring-kumo-ring\",\n      description: \"Default input appearance\",\n    },\n    error: {\n      classes: \"!ring-kumo-danger focus:ring-kumo-danger\",\n      description: \"Error state for validation failures\",\n    },\n  },\n} as const;\n\nexport const KUMO_INPUT_DEFAULT_VARIANTS = {\n  size: \"base\",\n  variant: \"default\",\n} as const;\n\nexport const KUMO_INPUT_STYLING = {\n  dimensions: {\n    xs: { height: 20, paddingX: 6, fontSize: 12, borderRadius: 2, width: 160 },\n    sm: { height: 26, paddingX: 8, fontSize: 12, borderRadius: 6, width: 200 },\n    base: {\n      height: 36,\n      paddingX: 12,\n      fontSize: 16,\n      borderRadius: 8,\n      width: 280,\n    },\n    lg: { height: 40, paddingX: 16, fontSize: 16, borderRadius: 8, width: 320 },\n  },\n  baseTokens: {\n    background: \"color-secondary\",\n    text: \"text-color-surface\",\n    placeholder: \"text-color-muted\",\n    ring: \"color-border\",\n  },\n  stateTokens: {\n    focus: { ring: \"color-active\" },\n    error: { ring: \"color-error\" },\n    disabled: { opacity: 0.5, text: \"text-color-muted\" },\n  },\n} as const;\n\n// Derived types from KUMO_INPUT_VARIANTS\nexport type KumoInputSize = keyof typeof KUMO_INPUT_VARIANTS.size;\nexport type KumoInputVariant = keyof typeof KUMO_INPUT_VARIANTS.variant;\n\nexport interface KumoInputVariantsProps {\n  size?: KumoInputSize;\n  variant?: KumoInputVariant;\n  parentFocusIndicator?: boolean;\n  focusIndicator?: boolean;\n}\n\n// Omit native `size` attribute (number) to avoid conflict with our custom `size` variant\ntype BaseInputProps = Omit<ComponentPropsWithoutRef<typeof BaseInput>, \"size\">;\n\nexport function inputVariants({\n  variant = KUMO_INPUT_DEFAULT_VARIANTS.variant,\n  size = KUMO_INPUT_DEFAULT_VARIANTS.size,\n  parentFocusIndicator = false,\n  focusIndicator = false,\n}: KumoInputVariantsProps = {}) {\n  return cn(\n    // Base styles\n    \"border-0 bg-kumo-control text-kumo-default ring ring-kumo-line\",\n    // Disabled state and placeholder styles\n    \"outline-none placeholder:text-kumo-subtle disabled:text-kumo-subtle\",\n    // Apply size styles from KUMO_INPUT_VARIANTS\n    KUMO_INPUT_VARIANTS.size[size].classes,\n    // Apply variant styles from KUMO_INPUT_VARIANTS\n    KUMO_INPUT_VARIANTS.variant[variant].classes,\n    // Focus state handling\n    parentFocusIndicator && \"[&:has(:focus-within)]:ring-kumo-ring\",\n    focusIndicator && \"focus:ring-kumo-ring\",\n  );\n}\n\nexport const Input = forwardRef<HTMLInputElement, InputProps>((props, ref) => {\n  const {\n    className,\n    size = \"base\",\n    variant = \"default\",\n    label,\n    labelTooltip,\n    description,\n    error,\n    ...inputProps\n  } = props;\n\n  // Extract required from inputProps to pass to Field for label decoration\n  const { required } = inputProps;\n\n  // A11y enforcement: warn in dev if no accessible name provided\n  if (process.env.NODE_ENV !== \"production\") {\n    const hasLabel = Boolean(label);\n    const hasPlaceholderAndAriaLabel = Boolean(\n      inputProps.placeholder && inputProps[\"aria-label\"],\n    );\n    const hasAriaLabelledBy = Boolean(inputProps[\"aria-labelledby\"]);\n\n    if (!hasLabel && !hasPlaceholderAndAriaLabel && !hasAriaLabelledBy) {\n      console.warn(\n        \"[Kumo Input]: Input must have an accessible name. Provide either:\\n\" +\n          \"  - label prop: <Input label='Email' />\\n\" +\n          \"  - placeholder + aria-label: <Input placeholder='Email' aria-label='Email address' />\\n\" +\n          \"  - aria-labelledby for custom label association\",\n      );\n    }\n  }\n\n  const input = (\n    <BaseInput\n      ref={ref}\n      className={cn(\n        inputVariants({ size, variant, focusIndicator: true }),\n        className,\n      )}\n      {...inputProps}\n    />\n  );\n\n  // Render with Field wrapper if label is provided\n  if (label) {\n    return (\n      <Field\n        label={label}\n        required={required}\n        labelTooltip={labelTooltip}\n        description={description}\n        error={\n          error\n            ? typeof error === \"string\"\n              ? { message: error, match: true }\n              : error\n            : undefined\n        }\n      >\n        {input}\n      </Field>\n    );\n  }\n\n  // Render bare input without Field wrapper\n  return input;\n});\n\nInput.displayName = \"Input\";\n\n/**\n * Input component props with accessibility guidance.\n *\n * **Accessible Name Required:** Input should have one of:\n * 1. `label` prop (recommended) - enables Field wrapper with label/description/error\n * 2. `placeholder` + `aria-label` - for bare inputs with visual placeholder\n * 3. `aria-labelledby` - for custom label association\n *\n * Missing accessible names will trigger console warnings in development.\n *\n * @example\n * // Recommended: Built-in Field wrapper\n * <Input label=\"Email\" placeholder=\"you@example.com\" />\n *\n * @example\n * // Bare input with placeholder and aria-label\n * <Input placeholder=\"Search...\" aria-label=\"Search products\" />\n *\n * @example\n * // Custom label association\n * <label id=\"email-label\">Email</label>\n * <Input aria-labelledby=\"email-label\" />\n *\n * @example\n * // With description and error\n * <Input\n *   label=\"Password\"\n *   description=\"Must be at least 8 characters\"\n *   error=\"Password is too short\"\n *   variant=\"error\"\n * />\n */\nexport type InputProps = Pick<KumoInputVariantsProps, \"size\" | \"variant\"> &\n  BaseInputProps & {\n    /** Label content for the input (enables Field wrapper) - can be a string or any React node */\n    label?: ReactNode;\n    /** Tooltip content to display next to the label via an info icon */\n    labelTooltip?: ReactNode;\n    /** Helper text displayed below the input */\n    description?: ReactNode;\n    /** Error message or validation error object */\n    error?: string | { message: ReactNode; match: FieldErrorMatch };\n  };\n"],"names":["KUMO_INPUT_VARIANTS","KUMO_INPUT_DEFAULT_VARIANTS","inputVariants","variant","size","parentFocusIndicator","focusIndicator","cn","Input","forwardRef","props","ref","className","label","labelTooltip","description","error","inputProps","required","hasLabel","hasPlaceholderAndAriaLabel","hasAriaLabelledBy","input","jsx","BaseInput","Field"],"mappings":";;;;;;AASO,MAAMA,IAAsB;AAAA,EACjC,MAAM;AAAA,IACJ,IAAI;AAAA,MACF,SAAS;AAAA,MACT,aAAa;AAAA,IAAA;AAAA,IAEf,IAAI;AAAA,MACF,SAAS;AAAA,MACT,aAAa;AAAA,IAAA;AAAA,IAEf,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,aAAa;AAAA,IAAA;AAAA,IAEf,IAAI;AAAA,MACF,SAAS;AAAA,MACT,aAAa;AAAA,IAAA;AAAA,EACf;AAAA,EAEF,SAAS;AAAA,IACP,SAAS;AAAA,MACP,SAAS;AAAA,MACT,aAAa;AAAA,IAAA;AAAA,IAEf,OAAO;AAAA,MACL,SAAS;AAAA,MACT,aAAa;AAAA,IAAA;AAAA,EACf;AAEJ,GAEaC,IAA8B;AAAA,EACzC,MAAM;AAAA,EACN,SAAS;AACX;AA0CO,SAASC,EAAc;AAAA,EAC5B,SAAAC,IAAUF,EAA4B;AAAA,EACtC,MAAAG,IAAOH,EAA4B;AAAA,EACnC,sBAAAI,IAAuB;AAAA,EACvB,gBAAAC,IAAiB;AACnB,IAA4B,IAAI;AAC9B,SAAOC;AAAA;AAAA,IAEL;AAAA;AAAA,IAEA;AAAA;AAAA,IAEAP,EAAoB,KAAKI,CAAI,EAAE;AAAA;AAAA,IAE/BJ,EAAoB,QAAQG,CAAO,EAAE;AAAA;AAAA,IAErCE,KAAwB;AAAA,IACxBC,KAAkB;AAAA,EAAA;AAEtB;AAEO,MAAME,IAAQC,EAAyC,CAACC,GAAOC,MAAQ;AAC5E,QAAM;AAAA,IACJ,WAAAC;AAAA,IACA,MAAAR,IAAO;AAAA,IACP,SAAAD,IAAU;AAAA,IACV,OAAAU;AAAA,IACA,cAAAC;AAAA,IACA,aAAAC;AAAA,IACA,OAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDP,GAGE,EAAE,UAAAQ,MAAaD;AAGrB,MAAI,QAAQ,IAAI,aAAa,cAAc;AACzC,UAAME,IAAW,EAAQN,GACnBO,IAA6B,GACjCH,EAAW,eAAeA,EAAW,YAAY,IAE7CI,IAAoB,EAAQJ,EAAW,iBAAiB;AAE9D,IAAI,CAACE,KAAY,CAACC,KAA8B,CAACC,KAC/C,QAAQ;AAAA,MACN;AAAA;AAAA;AAAA;AAAA,IAAA;AAAA,EAMN;AAEA,QAAMC,IACJ,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,KAAAb;AAAA,MACA,WAAWJ;AAAA,QACTL,EAAc,EAAE,MAAAE,GAAM,SAAAD,GAAS,gBAAgB,IAAM;AAAA,QACrDS;AAAA,MAAA;AAAA,MAED,GAAGK;AAAA,IAAA;AAAA,EAAA;AAKR,SAAIJ,IAEA,gBAAAU;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,OAAAZ;AAAA,MACA,UAAAK;AAAA,MACA,cAAAJ;AAAA,MACA,aAAAC;AAAA,MACA,OACEC,IACI,OAAOA,KAAU,WACf,EAAE,SAASA,GAAO,OAAO,GAAA,IACzBA,IACF;AAAA,MAGL,UAAAM;AAAA,IAAA;AAAA,EAAA,IAMAA;AACT,CAAC;AAEDd,EAAM,cAAc;"}
+{"version":3,"file":"input-D6YgDfDG.js","sources":["../src/components/input/input.tsx"],"sourcesContent":["import { cn } from \"../../utils/cn\";\nimport {\n  forwardRef,\n  type ComponentPropsWithoutRef,\n  type ReactNode,\n} from \"react\";\nimport { Input as BaseInput } from \"@base-ui/react/input\";\nimport { Field, type FieldErrorMatch } from \"../field/field\";\n\nexport const KUMO_INPUT_VARIANTS = {\n  size: {\n    xs: {\n      classes: \"h-5 gap-1 rounded-sm px-1.5 text-xs\",\n      description: \"Extra small input for compact UIs\",\n    },\n    sm: {\n      classes: \"h-6.5 gap-1 rounded-md px-2 text-xs\",\n      description: \"Small input for secondary fields\",\n    },\n    base: {\n      classes: \"h-9 gap-1.5 rounded-lg px-3 text-base\",\n      description: \"Default input size\",\n    },\n    lg: {\n      classes: \"h-10 gap-2 rounded-lg px-4 text-base\",\n      description: \"Large input for prominent fields\",\n    },\n  },\n  variant: {\n    default: {\n      classes: \"focus:ring-kumo-ring\",\n      description: \"Default input appearance\",\n    },\n    error: {\n      classes: \"!ring-kumo-danger focus:ring-kumo-danger\",\n      description: \"Error state for validation failures\",\n    },\n  },\n} as const;\n\nexport const KUMO_INPUT_DEFAULT_VARIANTS = {\n  size: \"base\",\n  variant: \"default\",\n} as const;\n\nexport const KUMO_INPUT_STYLING = {\n  dimensions: {\n    xs: { height: 20, paddingX: 6, fontSize: 12, borderRadius: 2, width: 160 },\n    sm: { height: 26, paddingX: 8, fontSize: 12, borderRadius: 6, width: 200 },\n    base: {\n      height: 36,\n      paddingX: 12,\n      fontSize: 16,\n      borderRadius: 8,\n      width: 280,\n    },\n    lg: { height: 40, paddingX: 16, fontSize: 16, borderRadius: 8, width: 320 },\n  },\n  baseTokens: {\n    background: \"color-secondary\",\n    text: \"text-color-surface\",\n    placeholder: \"text-color-muted\",\n    ring: \"color-border\",\n  },\n  stateTokens: {\n    focus: { ring: \"color-active\" },\n    error: { ring: \"color-error\" },\n    disabled: { opacity: 0.5, text: \"text-color-muted\" },\n  },\n} as const;\n\n// Derived types from KUMO_INPUT_VARIANTS\nexport type KumoInputSize = keyof typeof KUMO_INPUT_VARIANTS.size;\nexport type KumoInputVariant = keyof typeof KUMO_INPUT_VARIANTS.variant;\n\nexport interface KumoInputVariantsProps {\n  size?: KumoInputSize;\n  variant?: KumoInputVariant;\n  parentFocusIndicator?: boolean;\n  focusIndicator?: boolean;\n}\n\n// Omit native `size` attribute (number) to avoid conflict with our custom `size` variant\ntype BaseInputProps = Omit<ComponentPropsWithoutRef<typeof BaseInput>, \"size\">;\n\nexport function inputVariants({\n  variant = KUMO_INPUT_DEFAULT_VARIANTS.variant,\n  size = KUMO_INPUT_DEFAULT_VARIANTS.size,\n  parentFocusIndicator = false,\n  focusIndicator = false,\n}: KumoInputVariantsProps = {}) {\n  return cn(\n    // Base styles\n    \"border-0 bg-kumo-control text-kumo-default ring ring-kumo-line\",\n    // Disabled state and placeholder styles\n    \"outline-none placeholder:text-kumo-subtle disabled:text-kumo-subtle\",\n    // Apply size styles from KUMO_INPUT_VARIANTS\n    KUMO_INPUT_VARIANTS.size[size].classes,\n    // Apply variant styles from KUMO_INPUT_VARIANTS\n    KUMO_INPUT_VARIANTS.variant[variant].classes,\n    // Focus state handling\n    parentFocusIndicator && \"[&:has(:focus-within)]:ring-kumo-ring\",\n    focusIndicator && \"focus:ring-kumo-ring\",\n  );\n}\n\nexport const Input = forwardRef<HTMLInputElement, InputProps>((props, ref) => {\n  const {\n    className,\n    size = \"base\",\n    variant = \"default\",\n    label,\n    labelTooltip,\n    description,\n    error,\n    ...inputProps\n  } = props;\n\n  // Extract required from inputProps to pass to Field for label decoration\n  const { required } = inputProps;\n\n  // A11y enforcement: warn in dev if no accessible name provided\n  if (process.env.NODE_ENV !== \"production\") {\n    const hasLabel = Boolean(label);\n    const hasPlaceholderAndAriaLabel = Boolean(\n      inputProps.placeholder && inputProps[\"aria-label\"],\n    );\n    const hasAriaLabelledBy = Boolean(inputProps[\"aria-labelledby\"]);\n\n    if (!hasLabel && !hasPlaceholderAndAriaLabel && !hasAriaLabelledBy) {\n      console.warn(\n        \"[Kumo Input]: Input must have an accessible name. Provide either:\\n\" +\n          \"  - label prop: <Input label='Email' />\\n\" +\n          \"  - placeholder + aria-label: <Input placeholder='Email' aria-label='Email address' />\\n\" +\n          \"  - aria-labelledby for custom label association\",\n      );\n    }\n  }\n\n  const input = (\n    <BaseInput\n      ref={ref}\n      className={cn(\n        inputVariants({ size, variant, focusIndicator: true }),\n        className,\n      )}\n      {...inputProps}\n    />\n  );\n\n  // Render with Field wrapper if label is provided\n  if (label) {\n    return (\n      <Field\n        label={label}\n        required={required}\n        labelTooltip={labelTooltip}\n        description={description}\n        error={\n          error\n            ? typeof error === \"string\"\n              ? { message: error, match: true }\n              : error\n            : undefined\n        }\n      >\n        {input}\n      </Field>\n    );\n  }\n\n  // Render bare input without Field wrapper\n  return input;\n});\n\nInput.displayName = \"Input\";\n\n/**\n * Input component props with accessibility guidance.\n *\n * **Accessible Name Required:** Input should have one of:\n * 1. `label` prop (recommended) - enables Field wrapper with label/description/error\n * 2. `placeholder` + `aria-label` - for bare inputs with visual placeholder\n * 3. `aria-labelledby` - for custom label association\n *\n * Missing accessible names will trigger console warnings in development.\n *\n * @example\n * // Recommended: Built-in Field wrapper\n * <Input label=\"Email\" placeholder=\"you@example.com\" />\n *\n * @example\n * // Bare input with placeholder and aria-label\n * <Input placeholder=\"Search...\" aria-label=\"Search products\" />\n *\n * @example\n * // Custom label association\n * <label id=\"email-label\">Email</label>\n * <Input aria-labelledby=\"email-label\" />\n *\n * @example\n * // With description and error\n * <Input\n *   label=\"Password\"\n *   description=\"Must be at least 8 characters\"\n *   error=\"Password is too short\"\n *   variant=\"error\"\n * />\n */\nexport type InputProps = Pick<KumoInputVariantsProps, \"size\" | \"variant\"> &\n  BaseInputProps & {\n    /** Label content for the input (enables Field wrapper) - can be a string or any React node */\n    label?: ReactNode;\n    /** Tooltip content to display next to the label via an info icon */\n    labelTooltip?: ReactNode;\n    /** Helper text displayed below the input */\n    description?: ReactNode;\n    /** Error message or validation error object */\n    error?: string | { message: ReactNode; match: FieldErrorMatch };\n  };\n"],"names":["KUMO_INPUT_VARIANTS","KUMO_INPUT_DEFAULT_VARIANTS","inputVariants","variant","size","parentFocusIndicator","focusIndicator","cn","Input","forwardRef","props","ref","className","label","labelTooltip","description","error","inputProps","required","hasLabel","hasPlaceholderAndAriaLabel","hasAriaLabelledBy","input","jsx","BaseInput","Field"],"mappings":";;;;;;AASO,MAAMA,IAAsB;AAAA,EACjC,MAAM;AAAA,IACJ,IAAI;AAAA,MACF,SAAS;AAAA,MACT,aAAa;AAAA,IAAA;AAAA,IAEf,IAAI;AAAA,MACF,SAAS;AAAA,MACT,aAAa;AAAA,IAAA;AAAA,IAEf,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,aAAa;AAAA,IAAA;AAAA,IAEf,IAAI;AAAA,MACF,SAAS;AAAA,MACT,aAAa;AAAA,IAAA;AAAA,EACf;AAAA,EAEF,SAAS;AAAA,IACP,SAAS;AAAA,MACP,SAAS;AAAA,MACT,aAAa;AAAA,IAAA;AAAA,IAEf,OAAO;AAAA,MACL,SAAS;AAAA,MACT,aAAa;AAAA,IAAA;AAAA,EACf;AAEJ,GAEaC,IAA8B;AAAA,EACzC,MAAM;AAAA,EACN,SAAS;AACX;AA0CO,SAASC,EAAc;AAAA,EAC5B,SAAAC,IAAUF,EAA4B;AAAA,EACtC,MAAAG,IAAOH,EAA4B;AAAA,EACnC,sBAAAI,IAAuB;AAAA,EACvB,gBAAAC,IAAiB;AACnB,IAA4B,IAAI;AAC9B,SAAOC;AAAA;AAAA,IAEL;AAAA;AAAA,IAEA;AAAA;AAAA,IAEAP,EAAoB,KAAKI,CAAI,EAAE;AAAA;AAAA,IAE/BJ,EAAoB,QAAQG,CAAO,EAAE;AAAA;AAAA,IAErCE,KAAwB;AAAA,IACxBC,KAAkB;AAAA,EAAA;AAEtB;AAEO,MAAME,IAAQC,EAAyC,CAACC,GAAOC,MAAQ;AAC5E,QAAM;AAAA,IACJ,WAAAC;AAAA,IACA,MAAAR,IAAO;AAAA,IACP,SAAAD,IAAU;AAAA,IACV,OAAAU;AAAA,IACA,cAAAC;AAAA,IACA,aAAAC;AAAA,IACA,OAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDP,GAGE,EAAE,UAAAQ,MAAaD;AAGrB,MAAI,QAAQ,IAAI,aAAa,cAAc;AACzC,UAAME,IAAW,EAAQN,GACnBO,IAA6B,GACjCH,EAAW,eAAeA,EAAW,YAAY,IAE7CI,IAAoB,EAAQJ,EAAW,iBAAiB;AAE9D,IAAI,CAACE,KAAY,CAACC,KAA8B,CAACC,KAC/C,QAAQ;AAAA,MACN;AAAA;AAAA;AAAA;AAAA,IAAA;AAAA,EAMN;AAEA,QAAMC,IACJ,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,KAAAb;AAAA,MACA,WAAWJ;AAAA,QACTL,EAAc,EAAE,MAAAE,GAAM,SAAAD,GAAS,gBAAgB,IAAM;AAAA,QACrDS;AAAA,MAAA;AAAA,MAED,GAAGK;AAAA,IAAA;AAAA,EAAA;AAKR,SAAIJ,IAEA,gBAAAU;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,OAAAZ;AAAA,MACA,UAAAK;AAAA,MACA,cAAAJ;AAAA,MACA,aAAAC;AAAA,MACA,OACEC,IACI,OAAOA,KAAU,WACf,EAAE,SAASA,GAAO,OAAO,GAAA,IACzBA,IACF;AAAA,MAGL,UAAAM;AAAA,IAAA;AAAA,EAAA,IAMAA;AACT,CAAC;AAEDd,EAAM,cAAc;"}

package/dist/{input-area-B9qajxvZ.js → input-area-DN_Ncliw.js}

@@ -1,16 +1,16 @@
 "use client";
 import { jsx as i } from "react/jsx-runtime";
-import { i as C } from "./input-Dqvc2AB_.js";
+import { i as C } from "./input-D6YgDfDG.js";
 import { c as b } from "./cn-Bhsu1vx2.js";
 import * as x from "react";
 import { useCallback as I } from "react";
-import { F as y } from "./field-V3J0Ql_V.js";
+import { F as y } from "./field-B7ORz5ej.js";
 const N = x.forwardRef(
-  (c, l) => {
+  (l, m) => {
     const {
-      className: m,
+      className: p,
       onValueChange: r,
-      size: p = "base",
+      size: c = "base",
       variant: u = "default",
       onChange: e,
       label: t,
@@ -18,7 +18,7 @@ const N = x.forwardRef(
       description: d,
       error: a,
       ...o
-    } = c, { required: h } = o, g = I(
+    } = l, { required: h } = o, g = I(
       (n) => {
         e?.(n), r?.(n.target.value);
       },
@@ -26,12 +26,12 @@ const N = x.forwardRef(
     ), s = /* @__PURE__ */ i(
       "textarea",
       {
-        ref: l,
+        ref: m,
         className: b(
-          C({ size: p, variant: u, focusIndicator: !0 }),
+          C({ size: c, variant: u, focusIndicator: !0 }),
           "h-auto py-2",
           // Input variant always come with size, but it does not apply for textarea
-          m
+          p
         ),
         onChange: g,
         ...o
@@ -54,4 +54,4 @@ N.displayName = "InputArea";
 export {
   N as I
 };
-//# sourceMappingURL=input-area-B9qajxvZ.js.map
+//# sourceMappingURL=input-area-DN_Ncliw.js.map

package/dist/{input-area-B9qajxvZ.js.map → input-area-DN_Ncliw.js.map}

@@ -1 +1 @@
-{"version":3,"file":"input-area-B9qajxvZ.js","sources":["../src/components/input/input-area.tsx"],"sourcesContent":["import { inputVariants } from \"./input\";\nimport { cn } from \"../../utils/cn\";\nimport { useCallback, type ReactNode } from \"react\";\nimport * as React from \"react\";\nimport { Field as KumoField, type FieldErrorMatch } from \"../field/field\";\n\nexport const InputArea = React.forwardRef<HTMLTextAreaElement, InputAreaProps>(\n  (props, ref) => {\n    const {\n      className,\n      onValueChange,\n      size = \"base\",\n      variant = \"default\",\n      onChange,\n      label,\n      labelTooltip,\n      description,\n      error,\n      ...inputProps\n    } = props;\n\n    // Extract required from inputProps to pass to Field for label decoration\n    const { required } = inputProps;\n    const handleChange = useCallback(\n      (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n        onChange?.(event);\n        onValueChange?.(event.target.value);\n      },\n      [onChange, onValueChange],\n    );\n\n    const textarea = (\n      <textarea\n        ref={ref}\n        className={cn(\n          inputVariants({ size, variant, focusIndicator: true }),\n          \"h-auto py-2\", // Input variant always come with size, but it does not apply for textarea\n          className,\n        )}\n        onChange={handleChange}\n        {...inputProps}\n      />\n    );\n\n    // Render with Field wrapper if label is provided\n    if (label) {\n      return (\n        <KumoField\n          label={label}\n          required={required}\n          labelTooltip={labelTooltip}\n          description={description}\n          error={\n            error\n              ? typeof error === \"string\"\n                ? { message: error, match: true }\n                : error\n              : undefined\n          }\n        >\n          {textarea}\n        </KumoField>\n      );\n    }\n\n    // Render bare textarea without Field wrapper\n    return textarea;\n  },\n);\n\nInputArea.displayName = \"InputArea\";\n\n/**\n * InputArea component props\n * @property {ReactNode} [label] - Label content for the textarea (enables Field wrapper)\n * @property {ReactNode} [description] - Helper text displayed below the textarea\n * @property {string | { message: ReactNode, match: FieldErrorMatch }} [error] - Error message or validation error object\n */\nexport type InputAreaProps = {\n  onValueChange?: (value: string) => void;\n  variant?: \"default\" | \"error\";\n  size?: \"xs\" | \"sm\" | \"base\" | \"lg\";\n  // Then other custom props\n  children?: React.ReactNode;\n  className?: string;\n  /** Label content for the textarea (enables Field wrapper) - can be a string or any React node */\n  label?: ReactNode;\n  /** Tooltip content to display next to the label via an info icon */\n  labelTooltip?: ReactNode;\n  /** Helper text displayed below the textarea */\n  description?: ReactNode;\n  /** Error message or validation error object */\n  error?: string | { message: ReactNode; match: FieldErrorMatch };\n\n  // Finally, spread the native input props (least important)\n} & Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, \"size\">;\n"],"names":["InputArea","React","props","ref","className","onValueChange","size","variant","onChange","label","labelTooltip","description","error","inputProps","required","handleChange","useCallback","event","textarea","jsx","cn","inputVariants","KumoField"],"mappings":";;;;;;;AAMO,MAAMA,IAAYC,EAAM;AAAA,EAC7B,CAACC,GAAOC,MAAQ;AACd,UAAM;AAAA,MACJ,WAAAC;AAAA,MACA,eAAAC;AAAA,MACA,MAAAC,IAAO;AAAA,MACP,SAAAC,IAAU;AAAA,MACV,UAAAC;AAAA,MACA,OAAAC;AAAA,MACA,cAAAC;AAAA,MACA,aAAAC;AAAA,MACA,OAAAC;AAAA,MACA,GAAGC;AAAA,IAAA,IACDX,GAGE,EAAE,UAAAY,MAAaD,GACfE,IAAeC;AAAA,MACnB,CAACC,MAAkD;AACjD,QAAAT,IAAWS,CAAK,GAChBZ,IAAgBY,EAAM,OAAO,KAAK;AAAA,MACpC;AAAA,MACA,CAACT,GAAUH,CAAa;AAAA,IAAA,GAGpBa,IACJ,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAhB;AAAA,QACA,WAAWiB;AAAA,UACTC,EAAc,EAAE,MAAAf,GAAM,SAAAC,GAAS,gBAAgB,IAAM;AAAA,UACrD;AAAA;AAAA,UACAH;AAAA,QAAA;AAAA,QAEF,UAAUW;AAAA,QACT,GAAGF;AAAA,MAAA;AAAA,IAAA;AAKR,WAAIJ,IAEA,gBAAAU;AAAA,MAACG;AAAAA,MAAA;AAAA,QACC,OAAAb;AAAA,QACA,UAAAK;AAAA,QACA,cAAAJ;AAAA,QACA,aAAAC;AAAA,QACA,OACEC,IACI,OAAOA,KAAU,WACf,EAAE,SAASA,GAAO,OAAO,GAAA,IACzBA,IACF;AAAA,QAGL,UAAAM;AAAA,MAAA;AAAA,IAAA,IAMAA;AAAA,EACT;AACF;AAEAlB,EAAU,cAAc;"}
+{"version":3,"file":"input-area-DN_Ncliw.js","sources":["../src/components/input/input-area.tsx"],"sourcesContent":["import { inputVariants } from \"./input\";\nimport { cn } from \"../../utils/cn\";\nimport { useCallback, type ReactNode } from \"react\";\nimport * as React from \"react\";\nimport { Field as KumoField, type FieldErrorMatch } from \"../field/field\";\n\nexport const InputArea = React.forwardRef<HTMLTextAreaElement, InputAreaProps>(\n  (props, ref) => {\n    const {\n      className,\n      onValueChange,\n      size = \"base\",\n      variant = \"default\",\n      onChange,\n      label,\n      labelTooltip,\n      description,\n      error,\n      ...inputProps\n    } = props;\n\n    // Extract required from inputProps to pass to Field for label decoration\n    const { required } = inputProps;\n    const handleChange = useCallback(\n      (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n        onChange?.(event);\n        onValueChange?.(event.target.value);\n      },\n      [onChange, onValueChange],\n    );\n\n    const textarea = (\n      <textarea\n        ref={ref}\n        className={cn(\n          inputVariants({ size, variant, focusIndicator: true }),\n          \"h-auto py-2\", // Input variant always come with size, but it does not apply for textarea\n          className,\n        )}\n        onChange={handleChange}\n        {...inputProps}\n      />\n    );\n\n    // Render with Field wrapper if label is provided\n    if (label) {\n      return (\n        <KumoField\n          label={label}\n          required={required}\n          labelTooltip={labelTooltip}\n          description={description}\n          error={\n            error\n              ? typeof error === \"string\"\n                ? { message: error, match: true }\n                : error\n              : undefined\n          }\n        >\n          {textarea}\n        </KumoField>\n      );\n    }\n\n    // Render bare textarea without Field wrapper\n    return textarea;\n  },\n);\n\nInputArea.displayName = \"InputArea\";\n\n/**\n * InputArea component props\n * @property {ReactNode} [label] - Label content for the textarea (enables Field wrapper)\n * @property {ReactNode} [description] - Helper text displayed below the textarea\n * @property {string | { message: ReactNode, match: FieldErrorMatch }} [error] - Error message or validation error object\n */\nexport type InputAreaProps = {\n  onValueChange?: (value: string) => void;\n  variant?: \"default\" | \"error\";\n  size?: \"xs\" | \"sm\" | \"base\" | \"lg\";\n  // Then other custom props\n  children?: React.ReactNode;\n  className?: string;\n  /** Label content for the textarea (enables Field wrapper) - can be a string or any React node */\n  label?: ReactNode;\n  /** Tooltip content to display next to the label via an info icon */\n  labelTooltip?: ReactNode;\n  /** Helper text displayed below the textarea */\n  description?: ReactNode;\n  /** Error message or validation error object */\n  error?: string | { message: ReactNode; match: FieldErrorMatch };\n\n  // Finally, spread the native input props (least important)\n} & Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, \"size\">;\n"],"names":["InputArea","React","props","ref","className","onValueChange","size","variant","onChange","label","labelTooltip","description","error","inputProps","required","handleChange","useCallback","event","textarea","jsx","cn","inputVariants","KumoField"],"mappings":";;;;;;;AAMO,MAAMA,IAAYC,EAAM;AAAA,EAC7B,CAACC,GAAOC,MAAQ;AACd,UAAM;AAAA,MACJ,WAAAC;AAAA,MACA,eAAAC;AAAA,MACA,MAAAC,IAAO;AAAA,MACP,SAAAC,IAAU;AAAA,MACV,UAAAC;AAAA,MACA,OAAAC;AAAA,MACA,cAAAC;AAAA,MACA,aAAAC;AAAA,MACA,OAAAC;AAAA,MACA,GAAGC;AAAA,IAAA,IACDX,GAGE,EAAE,UAAAY,MAAaD,GACfE,IAAeC;AAAA,MACnB,CAACC,MAAkD;AACjD,QAAAT,IAAWS,CAAK,GAChBZ,IAAgBY,EAAM,OAAO,KAAK;AAAA,MACpC;AAAA,MACA,CAACT,GAAUH,CAAa;AAAA,IAAA,GAGpBa,IACJ,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAhB;AAAA,QACA,WAAWiB;AAAA,UACTC,EAAc,EAAE,MAAAf,GAAM,SAAAC,GAAS,gBAAgB,IAAM;AAAA,UACrD;AAAA;AAAA,UACAH;AAAA,QAAA;AAAA,QAEF,UAAUW;AAAA,QACT,GAAGF;AAAA,MAAA;AAAA,IAAA;AAKR,WAAIJ,IAEA,gBAAAU;AAAA,MAACG;AAAAA,MAAA;AAAA,QACC,OAAAb;AAAA,QACA,UAAAK;AAAA,QACA,cAAAJ;AAAA,QACA,aAAAC;AAAA,QACA,OACEC,IACI,OAAOA,KAAU,WACf,EAAE,SAASA,GAAO,OAAO,GAAA,IACzBA,IACF;AAAA,QAGL,UAAAM;AAAA,MAAA;AAAA,IAAA,IAMAA;AAAA,EACT;AACF;AAEAlB,EAAU,cAAc;"}