@logicplanes/kaeso-ui 0.4.3 → 0.4.5

package/dist/chunks/table-CTK5E0J7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-CTK5E0J7.js","names":["cn","useUiText","observeResize","useScrollFadeX","STATUS_TONE_TEXT","KAESO_TABLE_VARIANTS","KAESO_TABLE_DEFAULT_VARIANTS","DensityContext","LAST","Root","props","t","scroller","useRef","overflows","setOverflows","useState","useLayoutEffect","el","measure","density","className","Head","Body","Row","HeaderCell","useContext","wrap","align","Cell","tone","Table"],"sources":["../../src/components/table/table.tsx"],"sourcesContent":["import {\n  createContext,\n  forwardRef,\n  useContext,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type TdHTMLAttributes,\n  type ThHTMLAttributes,\n} from \"react\";\nimport { useScrollFadeX } from \"../../hooks/use-scroll-fade.js\";\nimport { observeResize } from \"../../utils/observe-resize.js\";\nimport { cn } from \"../../utils/cn.js\";\nimport { useUiText } from \"../../i18n/context.js\";\nimport { STATUS_TONE_TEXT, type StatusTone } from \"../../utils/tone.js\";\n\nexport const KAESO_TABLE_VARIANTS = {\n  align: {\n    start: { classes: \"text-left\" },\n    end: { classes: \"text-right tabular\" },\n  },\n  density: {\n    default: { classes: \"px-12\" },\n    compact: { classes: \"px-8\" },\n  },\n} as const;\nexport const KAESO_TABLE_DEFAULT_VARIANTS = { align: \"start\", density: \"default\" } as const;\n\ntype Density = keyof typeof KAESO_TABLE_VARIANTS.density;\nconst DensityContext = /* @__PURE__ */ createContext<Density>(\"default\");\n\nconst LAST = { start: \"last:pr-2\", end: \"last:pr-0\" } as const;\n\nexport interface TableProps extends HTMLAttributes<HTMLTableElement> {\n  density?: Density | undefined;\n}\nconst Root = /* @__PURE__ */ forwardRef<HTMLTableElement, TableProps>(function Table({ density = \"default\", className, ...props }, ref) {\n  const t = useUiText();\n  const scroller = useRef<HTMLDivElement | null>(null);\n  const [overflows, setOverflows] = useState(false);\n  useScrollFadeX(scroller, \"table\");\n  useLayoutEffect(() => {\n    const el = scroller.current;\n    if (!el) return;\n    const measure = () => setOverflows(el.scrollWidth > el.clientWidth + 1);\n    measure();\n    return observeResize([el, ...(el.firstElementChild ? [el.firstElementChild] : [])], measure);\n  }, []);\n  return (\n    <DensityContext.Provider value={density}>\n      <div\n        ref={scroller}\n        {...(overflows ? { tabIndex: 0, role: \"group\", \"aria-label\": t(\"table.scrolls\", \"Table, scrolls sideways\") } : {})}\n        className=\"min-w-0 overflow-x-auto scrollbar-quiet scroll-fade-x focus-ring-inset\"\n      >\n        <table ref={ref} className={cn(\"w-full border-collapse text-body\", className)} {...props} />\n      </div>\n    </DensityContext.Provider>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Root.displayName = \"Table\";\nconst Head = /* @__PURE__ */ forwardRef<HTMLTableSectionElement, HTMLAttributes<HTMLTableSectionElement>>(function TableHead(props, ref) {\n  return <thead ref={ref} {...props} />;\n});\nif (process.env.NODE_ENV !== \"production\") Head.displayName = \"Table.Head\";\nconst Body = /* @__PURE__ */ forwardRef<HTMLTableSectionElement, HTMLAttributes<HTMLTableSectionElement>>(function TableBody(props, ref) {\n  return <tbody ref={ref} {...props} />;\n});\nif (process.env.NODE_ENV !== \"production\") Body.displayName = \"Table.Body\";\nconst Row = /* @__PURE__ */ forwardRef<HTMLTableRowElement, HTMLAttributes<HTMLTableRowElement>>(function TableRow({ className, ...props }, ref) {\n  return <tr ref={ref} className={cn(\"hairline-b last:shadow-none\", className)} {...props} />;\n});\nif (process.env.NODE_ENV !== \"production\") Row.displayName = \"Table.Row\";\nconst HeaderCell = /* @__PURE__ */ forwardRef<\n  HTMLTableCellElement,\n  Omit<ThHTMLAttributes<HTMLTableCellElement>, \"align\"> & { align?: \"start\" | \"end\" | undefined; wrap?: boolean | undefined }\n>(function TableHeaderCell({ align = \"start\", wrap = false, className, ...props }, ref) {\n  const density = useContext(DensityContext);\n  return (\n    <th\n      ref={ref}\n      scope=\"col\"\n      className={cn(\n        \"h-36 text-caption font-medium text-fg-secondary hairline-b-strong first:pl-0\",\n        KAESO_TABLE_VARIANTS.density[density].classes,\n        wrap ? \"py-8 align-bottom text-balance\" : \"whitespace-nowrap\",\n        LAST[align],\n        KAESO_TABLE_VARIANTS.align[align].classes,\n        className,\n      )}\n      {...props}\n    />\n  );\n});\nif (process.env.NODE_ENV !== \"production\") HeaderCell.displayName = \"Table.HeaderCell\";\nexport interface TableCellProps extends Omit<TdHTMLAttributes<HTMLTableCellElement>, \"align\"> {\n  align?: \"start\" | \"end\" | undefined;\n  tone?: StatusTone | undefined;\n}\nconst Cell = /* @__PURE__ */ forwardRef<HTMLTableCellElement, TableCellProps>(function TableCell({ align = \"start\", tone, className, ...props }, ref) {\n  const density = useContext(DensityContext);\n  return (\n    <td\n      ref={ref}\n      className={cn(\n        \"h-40 py-10 align-middle text-fg first:pl-0\",\n        KAESO_TABLE_VARIANTS.density[density].classes,\n        LAST[align],\n        KAESO_TABLE_VARIANTS.align[align].classes,\n        tone && STATUS_TONE_TEXT[tone],\n        className,\n      )}\n      {...props}\n    />\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Cell.displayName = \"Table.Cell\";\n\nexport const Table = /* @__PURE__ */ Object.assign(Root, { Head, Body, Row, HeaderCell, Cell });\n"],"mappings":";;;;;;;;;AAiBA,IAAaK,IAAuB;CAClC,OAAO;EACL,OAAO,EAAE,SAAS,YAAY;EAC9B,KAAK,EAAE,SAAS,qBAAqB;CACvC;CACA,SAAS;EACP,SAAS,EAAE,SAAS,QAAQ;EAC5B,SAAS,EAAE,SAAS,OAAO;CAC7B;AACF,GACaC,IAA+B;CAAE,OAAO;CAAS,SAAS;AAAU,GAG3EC,IAAiC,kBAAuB,SAAS,GAEjEC,IAAO;CAAE,OAAO;CAAa,KAAK;AAAY,GAK9CC,IAAuB,kBAAyC,SAAe,EAAE,aAAU,WAAW,cAAW,GAAGC,KAAS,GAAK;CACtI,IAAMC,IAAIV,EAAU,GACdW,IAAWC,EAA8B,IAAI,GAC7C,CAACC,GAAWC,KAAgBC,EAAS,EAAK;CAShD,OARAb,EAAeS,GAAU,OAAO,GAChCK,QAAsB;EACpB,IAAMC,IAAKN,EAAS;EACpB,IAAI,CAACM,GAAI;EACT,IAAMC,UAAgBJ,EAAaG,EAAG,cAAcA,EAAG,cAAc,CAAC;EAEtE,OADAC,EAAQ,GACDjB,EAAc,CAACgB,GAAI,GAAIA,EAAG,oBAAoB,CAACA,EAAG,iBAAiB,IAAI,CAAC,CAAE,GAAGC,CAAO;CAC7F,GAAG,CAAC,CAAC,GAEH,kBAACZ,EAAe,UAAhB;EAAyB,OAAOa;EAC9B,UAAA,kBAAC,OAAD;GACE,KAAKR;GACL,GAAKE,IAAY;IAAE,UAAU;IAAG,MAAM;IAAS,cAAcH,EAAE,iBAAiB,yBAAyB;GAAE,IAAI,CAAC;GAChH,WAAU;GAEV,UAAA,kBAAC,SAAD;IAAY;IAAK,WAAWX,EAAG,oCAAoCqB,CAAS;IAAG,GAAIX;GAAQ,CAAA;EACxF,CAAA;CACkB,CAAA;AAE7B,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAK,cAAc;AAC9D,IAAMY,IAAuB,kBAA6E,SAAmB,GAAO,GAAK;CACvI,OAAO,kBAAC,SAAD;EAAY;EAAK,GAAIZ;CAAQ,CAAA;AACtC,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAK,cAAc;AAC9D,IAAMa,IAAuB,kBAA6E,SAAmB,GAAO,GAAK;CACvI,OAAO,kBAAC,SAAD;EAAY;EAAK,GAAIb;CAAQ,CAAA;AACtC,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAK,cAAc;AAC9D,IAAMc,IAAsB,kBAAqE,SAAkB,EAAE,cAAW,GAAGd,KAAS,GAAK;CAC/I,OAAO,kBAAC,MAAD;EAAS;EAAK,WAAWV,EAAG,+BAA+BqB,CAAS;EAAG,GAAIX;CAAQ,CAAA;AAC5F,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAI,cAAc;AAC7D,IAAMe,IAA6B,kBAGjC,SAAyB,EAAE,WAAQ,SAAS,UAAO,IAAO,cAAW,GAAGf,KAAS,GAAK;CACtF,IAAMU,IAAUM,EAAWnB,CAAc;CACzC,OACE,kBAAC,MAAD;EACO;EACL,OAAM;EACN,WAAWP,EACT,gFACAK,EAAqB,QAAQe,EAAQ,CAAC,SACtCO,IAAO,mCAAmC,qBAC1CnB,EAAKoB,IACLvB,EAAqB,MAAMuB,EAAM,CAAC,SAClCP,CACF;EACA,GAAIX;CACL,CAAA;AAEL,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAW,cAAc;AAKpE,IAAMmB,IAAuB,kBAAiD,SAAmB,EAAE,WAAQ,SAAS,SAAM,cAAW,GAAGnB,KAAS,GAAK;CACpJ,IAAMU,IAAUM,EAAWnB,CAAc;CACzC,OACE,kBAAC,MAAD;EACO;EACL,WAAWP,EACT,8CACAK,EAAqB,QAAQe,EAAQ,CAAC,SACtCZ,EAAKoB,IACLvB,EAAqB,MAAMuB,EAAM,CAAC,SAClCE,KAAQ1B,EAAiB0B,IACzBT,CACF;EACA,GAAIX;CACL,CAAA;AAEL,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAK,cAAc;AAE9D,IAAaqB,IAAwB,uBAAO,OAAOtB,GAAM;CAAE;CAAM;CAAM;CAAK;CAAY;AAAK,CAAC"}

package/dist/chunks/tag-BGr6lTSV.js

@@ -0,0 +1,100 @@
+"use client";
+import { t as e } from "./cn-BjnOAUrA.js";
+import { i as t } from "./context-BELWW79w.js";
+import { t as n } from "./icon-CBzOwqrX.js";
+import { r } from "./tooltip-Tkm-urbi.js";
+import { t as i } from "./use-truncated-CW0hByYt.js";
+import { forwardRef as a, useRef as o } from "react";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+import { AlertCircleIcon as u, Cancel01Icon as d } from "@hugeicons/core-free-icons";
+//#region src/components/tag/tag.tsx
+var f = {
+	"viz-1": "bg-viz-1",
+	"viz-2": "bg-viz-2",
+	"viz-3": "bg-viz-3",
+	"viz-4": "bg-viz-4",
+	"viz-5": "bg-viz-5",
+	"viz-6": "bg-viz-6",
+	"viz-7": "bg-viz-7",
+	"viz-8": "bg-viz-8",
+	success: "bg-success",
+	warning: "bg-warning",
+	danger: "bg-danger",
+	info: "bg-info",
+	neutral: "bg-fg-tertiary"
+}, p = {
+	size: {
+		md: { classes: "h-28 px-10 gap-6 text-small" },
+		sm: { classes: "h-24 px-8 gap-4 text-caption" }
+	},
+	variant: {
+		raised: { classes: "bg-raised shadow-control text-fg" },
+		outline: { classes: "bg-transparent shadow-ring text-fg-secondary" },
+		soft: { classes: "bg-fill-2 text-fg" }
+	}
+}, m = {
+	size: "md",
+	variant: "raised"
+}, h = /* @__PURE__ */ a(function({ children: a, size: f = "md", variant: m = "raised", icon: h, onRemove: g, removeLabel: _, onClick: v, pressed: y, invalid: b, className: x, "data-force": S, ...C }, w) {
+	let T = t(), E = !!v, D = E && !!g, O = o(null), k = i(O) && typeof a == "string", A = /* @__PURE__ */ c("span", {
+		ref: O,
+		className: "min-w-0 truncate",
+		...k && !E ? { tabIndex: 0 } : {},
+		children: a
+	}), j = y ? "soft" : m, M = /* @__PURE__ */ l(s, { children: [
+		b && /* @__PURE__ */ c(n, {
+			icon: u,
+			size: "xs",
+			label: T("tag.invalid", "Not accepted"),
+			className: "text-danger-text"
+		}),
+		h && /* @__PURE__ */ c(n, {
+			icon: h,
+			size: "xs",
+			className: "text-fg-secondary"
+		}),
+		k ? /* @__PURE__ */ c(r, {
+			content: a,
+			shape: "multiline",
+			children: A
+		}) : A
+	] }), N = S ? { "data-force": S } : {}, P = {
+		type: "button",
+		onClick: v,
+		...y === void 0 ? {} : { "aria-pressed": y }
+	};
+	return /* @__PURE__ */ l(E && !D ? "button" : "span", {
+		ref: w,
+		...E && !D ? P : {},
+		...N,
+		className: e("inline-flex max-w-full shrink-0 items-center rounded-pill font-medium whitespace-nowrap transition-control", p.size[f].classes, E ? {
+			raised: "material-secondary",
+			outline: "material-ghost shadow-ring text-fg-secondary hover:text-fg active:text-fg",
+			soft: "material-soft bg-fill-2 hover:bg-fill-3"
+		}[j] : p.variant[j].classes, j !== "raised" && "forced-colors:outline forced-colors:-outline-offset-1", (h || b) && (f === "md" ? "pl-8" : "pl-6"), g && "pr-2", E && !D && "relative cursor-pointer focus-ring tap-target", D && "pl-0", b && "ring-invalid text-danger-text", x),
+		...C,
+		children: [D ? /* @__PURE__ */ c("button", {
+			...P,
+			...N,
+			className: e("relative inline-flex h-full min-w-0 cursor-pointer items-center rounded-pill focus-ring tap-target", f === "md" ? "gap-6" : "gap-4", h || b ? f === "md" ? "pl-8" : "pl-6" : f === "md" ? "pl-10" : "pl-8"),
+			children: M
+		}) : M, g && /* @__PURE__ */ c("button", {
+			type: "button",
+			"aria-label": _ ?? (typeof a == "string" && a.trim() ? T("tag.removeNamed", "Remove {label}", { label: a.trimEnd() }) : T("tag.remove", "Remove")),
+			onClick: (e) => {
+				e.stopPropagation(), g(e);
+			},
+			className: e("relative inline-flex shrink-0 items-center justify-center rounded-pill text-fg-tertiary transition-control focus-ring tap-target hover:bg-fill-2 hover:text-fg", f === "md" ? "size-24" : "size-20"),
+			children: /* @__PURE__ */ c(n, {
+				icon: d,
+				size: "xs"
+			})
+		})]
+	});
+});
+process.env.NODE_ENV !== "production" && (h.displayName = "Tag");
+var g = h;
+//#endregion
+export { h as a, f as i, p as n, g as r, m as t };
+
+//# sourceMappingURL=tag-BGr6lTSV.js.map

package/dist/chunks/tag-BGr6lTSV.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag-BGr6lTSV.js","names":["_Fragment","__icon_AlertCircleIcon","__icon_Cancel01Icon","cn","useUiText","Icon","useTruncated","Fragment$1","TAG_DOT","KAESO_TAG_VARIANTS","KAESO_TAG_DEFAULT_VARIANTS","Tag","force","props","t","clickable","onClick","split","onRemove","labelRef","useRef","tip","children","label","look","pressed","variant","content","invalid","AlertCircleIcon","icon","Tooltip","forced","press","size","className","removeLabel","Cancel01Icon","Pill"],"sources":["../../src/components/tag/tag.tsx"],"sourcesContent":["import type * as React from \"react\";\nimport { forwardRef, useRef, type HTMLAttributes, type MouseEvent, type ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { useTruncated } from \"../../hooks/use-truncated.js\";\nimport { Tooltip } from \"../tooltip/tooltip.js\";\nimport { Icon, type IconData } from \"../icon/icon.js\";\nimport { AlertCircleIcon as __icon_AlertCircleIcon, Cancel01Icon as __icon_Cancel01Icon } from \"@hugeicons/core-free-icons\";\nimport { useUiText } from \"../../i18n/context.js\";\n\nexport const TAG_DOT = {\n  \"viz-1\": \"bg-viz-1\",\n  \"viz-2\": \"bg-viz-2\",\n  \"viz-3\": \"bg-viz-3\",\n  \"viz-4\": \"bg-viz-4\",\n  \"viz-5\": \"bg-viz-5\",\n  \"viz-6\": \"bg-viz-6\",\n  \"viz-7\": \"bg-viz-7\",\n  \"viz-8\": \"bg-viz-8\",\n  success: \"bg-success\",\n  warning: \"bg-warning\",\n  danger: \"bg-danger\",\n  info: \"bg-info\",\n  neutral: \"bg-fg-tertiary\",\n} as const;\nexport type TagDot = keyof typeof TAG_DOT;\n\nexport const KAESO_TAG_VARIANTS = {\n  size: {\n    md: { classes: \"h-28 px-10 gap-6 text-small\" },\n    sm: { classes: \"h-24 px-8 gap-4 text-caption\" },\n  },\n  variant: {\n    raised: { classes: \"bg-raised shadow-control text-fg\" },\n    outline: { classes: \"bg-transparent shadow-ring text-fg-secondary\" },\n    soft: { classes: \"bg-fill-2 text-fg\" },\n  },\n} as const;\n\nexport const KAESO_TAG_DEFAULT_VARIANTS = { size: \"md\", variant: \"raised\" } as const;\n\nexport interface TagProps extends Omit<HTMLAttributes<HTMLElement>, \"children\"> {\n  children: ReactNode;\n  size?: keyof typeof KAESO_TAG_VARIANTS.size | undefined;\n  variant?: keyof typeof KAESO_TAG_VARIANTS.variant | undefined;\n  icon?: IconData | undefined;\n  onRemove?: ((e: MouseEvent<HTMLButtonElement>) => void) | undefined;\n  removeLabel?: string | undefined;\n  onClick?: ((e: MouseEvent<HTMLElement>) => void) | undefined;\n  pressed?: boolean | undefined;\n  invalid?: boolean | undefined;\n  \"data-force\"?: string | undefined;\n}\n\nexport const Tag = /* @__PURE__ */ forwardRef<HTMLElement, TagProps>(function Tag(\n  { children, size = \"md\", variant = \"raised\", icon, onRemove, removeLabel, onClick, pressed, invalid, className, \"data-force\": force, ...props },\n  ref,\n) {\n  const t = useUiText();\n  const clickable = !!onClick;\n  const split = clickable && !!onRemove;\n  const labelRef = useRef<HTMLSpanElement>(null);\n  const truncated = useTruncated(labelRef);\n  const tip = truncated && typeof children === \"string\";\n  const label = (\n    <span ref={labelRef} className=\"min-w-0 truncate\" {...(tip && !clickable ? { tabIndex: 0 } : {})}>\n      {children}\n    </span>\n  );\n  const look = pressed ? \"soft\" : variant;\n  const content = (\n    <>\n      {invalid && <Icon icon={__icon_AlertCircleIcon} size=\"xs\" label={t(\"tag.invalid\", \"Not accepted\")} className=\"text-danger-text\" />}\n      {icon && <Icon icon={icon} size=\"xs\" className=\"text-fg-secondary\" />}\n      {tip ? (\n        <Tooltip content={children} shape=\"multiline\">\n          {label}\n        </Tooltip>\n      ) : (\n        label\n      )}\n    </>\n  );\n  const forced = force ? { \"data-force\": force } : {};\n  const press = {\n    type: \"button\" as const,\n    onClick,\n    ...(pressed !== undefined ? { \"aria-pressed\": pressed } : {}),\n  };\n  const Comp = (clickable && !split ? \"button\" : \"span\") as \"span\";\n  return (\n    <Comp\n      ref={ref as React.Ref<HTMLSpanElement>}\n      {...(clickable && !split ? press : {})}\n      {...forced}\n      className={cn(\n        \"inline-flex max-w-full shrink-0 items-center rounded-pill font-medium whitespace-nowrap transition-control\",\n        KAESO_TAG_VARIANTS.size[size].classes,\n        clickable\n          ? {\n              raised: \"material-secondary\",\n              outline: \"material-ghost shadow-ring text-fg-secondary hover:text-fg active:text-fg\",\n              soft: \"material-soft bg-fill-2 hover:bg-fill-3\",\n            }[look]\n          : KAESO_TAG_VARIANTS.variant[look].classes,\n        look !== \"raised\" && \"forced-colors:outline forced-colors:-outline-offset-1\",\n        (icon || invalid) && (size === \"md\" ? \"pl-8\" : \"pl-6\"),\n        onRemove && \"pr-2\",\n        clickable && !split && \"relative cursor-pointer focus-ring tap-target\",\n        split && \"pl-0\",\n        invalid && \"ring-invalid text-danger-text\",\n        className,\n      )}\n      {...props}\n    >\n      {split ? (\n        <button\n          {...press}\n          {...forced}\n          className={cn(\n            \"relative inline-flex h-full min-w-0 cursor-pointer items-center rounded-pill focus-ring tap-target\",\n            size === \"md\" ? \"gap-6\" : \"gap-4\",\n            icon || invalid ? (size === \"md\" ? \"pl-8\" : \"pl-6\") : size === \"md\" ? \"pl-10\" : \"pl-8\",\n          )}\n        >\n          {content}\n        </button>\n      ) : (\n        content\n      )}\n      {onRemove && (\n        <button\n          type=\"button\"\n          aria-label={\n            removeLabel ??\n            (typeof children === \"string\" && children.trim()\n              ? t(\"tag.removeNamed\", \"Remove {label}\", { label: children.trimEnd() })\n              : t(\"tag.remove\", \"Remove\"))\n          }\n          onClick={(e) => {\n            e.stopPropagation();\n            onRemove(e);\n          }}\n          className={cn(\n            \"relative inline-flex shrink-0 items-center justify-center rounded-pill text-fg-tertiary transition-control focus-ring tap-target hover:bg-fill-2 hover:text-fg\",\n            size === \"md\" ? \"size-24\" : \"size-20\",\n          )}\n        >\n          <Icon icon={__icon_Cancel01Icon} size=\"xs\" />\n        </button>\n      )}\n    </Comp>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Tag.displayName = \"Tag\";\n\nexport const Pill = Tag;\n"],"mappings":"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"}

package/dist/chunks/{text-CIXH8rmT.js → text-DkKdTVUf.js}

@@ -1,6 +1,6 @@
 "use client";
-import { t as e } from "./cn-Dj6sRgkF.js";
-import { r as t } from "./tooltip-OcwO0VUT.js";
+import { t as e } from "./cn-BjnOAUrA.js";
+import { r as t } from "./tooltip-Tkm-urbi.js";
 import { t as n } from "./use-truncated-CW0hByYt.js";
 import { forwardRef as r, useRef as i } from "react";
 import { jsx as a } from "react/jsx-runtime";
@@ -43,21 +43,21 @@ function c(...e) {
 	};
 }
 var l = /* @__PURE__ */ r(function({ variant: r = "body", tone: s = "default", weight: l, mono: u, tabular: d, truncate: f, as: p, className: m, children: h, ...g }, _) {
-	let v = p ?? "span", y = i(null), b = n(y, !!f), x = /* @__PURE__ */ a(v, {
+	let v = p ?? "span", y = i(null), b = n(y, !!f), x = !!f && b && typeof h == "string", S = /* @__PURE__ */ a(v, {
 		ref: c(_, y),
-		className: e(o.variant[r].classes, o.tone[s].classes, l && o.weight[l].classes, u && "mono", u && r === "body" && "text-small", d && "tabular", f && "block min-w-0 truncate", m),
-		...f && b ? { tabIndex: 0 } : {},
+		className: e(o.variant[r].classes, o.tone[s].classes, l && o.weight[l].classes, u && "mono", u && r === "body" && "text-small", d && "tabular", f && "block min-w-0 truncate", x && "rounded-code focus-ring", m),
+		...x ? { tabIndex: 0 } : {},
 		...g,
 		children: h
 	});
-	return f && b && typeof h == "string" ? /* @__PURE__ */ a(t, {
+	return x ? /* @__PURE__ */ a(t, {
 		content: h,
 		shape: "multiline",
-		children: x
-	}) : x;
+		children: S
+	}) : S;
 });
 process.env.NODE_ENV !== "production" && (l.displayName = "Text");
 //#endregion
 export { o as n, l as r, s as t };
 
-//# sourceMappingURL=text-CIXH8rmT.js.map
+//# sourceMappingURL=text-DkKdTVUf.js.map

package/dist/chunks/text-DkKdTVUf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-DkKdTVUf.js","names":["cn","Tooltip","useTruncated","KAESO_TEXT_VARIANTS","KAESO_TEXT_DEFAULT_VARIANTS","mergeRefs","refs","r","value","Text","props","Comp","as","inner","useRef","isTruncated","truncate","tip","children","el","ref","variant","tone","weight","mono","tabular","className"],"sources":["../../src/components/text/text.tsx"],"sourcesContent":["import { forwardRef, useRef, type ElementType, type HTMLAttributes, type ReactNode, type Ref } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { useTruncated } from \"../../hooks/use-truncated.js\";\nimport { Tooltip } from \"../tooltip/tooltip.js\";\n\nexport const KAESO_TEXT_VARIANTS = {\n  variant: {\n    micro: { classes: \"text-micro font-medium\" },\n    caption: { classes: \"text-caption font-medium\" },\n    small: { classes: \"text-small\" },\n    body: { classes: \"text-body\" },\n    \"body-lg\": { classes: \"text-body-lg font-medium\" },\n    \"title-sm\": { classes: \"text-title-sm font-semibold\" },\n    title: { classes: \"text-title font-semibold\" },\n    \"title-lg\": { classes: \"text-title-lg font-semibold\" },\n    display: { classes: \"text-display font-semibold\" },\n    metric: { classes: \"text-metric font-semibold tabular\" },\n  },\n  tone: {\n    default: { classes: \"text-fg\" },\n    secondary: { classes: \"text-fg-secondary\" },\n    tertiary: { classes: \"text-fg-tertiary\" },\n    danger: { classes: \"text-danger-text\" },\n    success: { classes: \"text-success-text\" },\n    warning: { classes: \"text-warning-text\" },\n    info: { classes: \"text-info-text\" },\n    inherit: { classes: \"text-inherit\" },\n  },\n  weight: {\n    regular: { classes: \"font-regular\" },\n    medium: { classes: \"font-medium\" },\n    semibold: { classes: \"font-semibold\" },\n  },\n} as const;\nexport const KAESO_TEXT_DEFAULT_VARIANTS = { variant: \"body\", tone: \"default\" } as const;\n\nexport type TextVariant = keyof typeof KAESO_TEXT_VARIANTS.variant;\nexport type TextTone = keyof typeof KAESO_TEXT_VARIANTS.tone;\nexport type TextWeight = keyof typeof KAESO_TEXT_VARIANTS.weight;\n\nexport interface TextProps extends HTMLAttributes<HTMLElement> {\n  variant?: TextVariant | undefined;\n  tone?: TextTone | undefined;\n  weight?: TextWeight | undefined;\n  mono?: boolean | undefined;\n  tabular?: boolean | undefined;\n  truncate?: boolean | undefined;\n  as?: ElementType | undefined;\n  children?: ReactNode | undefined;\n}\n\nfunction mergeRefs<T>(...refs: (Ref<T> | undefined)[]) {\n  return (value: T | null) => {\n    for (const r of refs) {\n      if (typeof r === \"function\") r(value);\n      else if (r && typeof r === \"object\") (r as { current: T | null }).current = value;\n    }\n  };\n}\n\nexport const Text = /* @__PURE__ */ forwardRef<HTMLElement, TextProps>(function Text(\n  { variant = \"body\", tone = \"default\", weight, mono, tabular, truncate, as, className, children, ...props },\n  ref,\n) {\n  const Comp = (as ?? \"span\") as ElementType;\n  const inner = useRef<HTMLElement>(null);\n  const isTruncated = useTruncated(inner, !!truncate);\n  const tip = !!truncate && isTruncated && typeof children === \"string\";\n  const el = (\n    <Comp\n      ref={mergeRefs(ref, inner)}\n      className={cn(\n        KAESO_TEXT_VARIANTS.variant[variant].classes,\n        KAESO_TEXT_VARIANTS.tone[tone].classes,\n        weight && KAESO_TEXT_VARIANTS.weight[weight].classes,\n        mono && \"mono\",\n        mono && variant === \"body\" && \"text-small\",\n        tabular && \"tabular\",\n        truncate && \"block min-w-0 truncate\",\n        tip && \"rounded-code focus-ring\",\n        className,\n      )}\n      {...(tip ? { tabIndex: 0 } : {})}\n      {...props}\n    >\n      {children}\n    </Comp>\n  );\n  if (tip) {\n    return (\n      <Tooltip content={children} shape=\"multiline\">\n        {el}\n      </Tooltip>\n    );\n  }\n  return el;\n});\nif (process.env.NODE_ENV !== \"production\") Text.displayName = \"Text\";\n"],"mappings":";;;;;;;AAKA,IAAaG,IAAsB;CACjC,SAAS;EACP,OAAO,EAAE,SAAS,yBAAyB;EAC3C,SAAS,EAAE,SAAS,2BAA2B;EAC/C,OAAO,EAAE,SAAS,aAAa;EAC/B,MAAM,EAAE,SAAS,YAAY;EAC7B,WAAW,EAAE,SAAS,2BAA2B;EACjD,YAAY,EAAE,SAAS,8BAA8B;EACrD,OAAO,EAAE,SAAS,2BAA2B;EAC7C,YAAY,EAAE,SAAS,8BAA8B;EACrD,SAAS,EAAE,SAAS,6BAA6B;EACjD,QAAQ,EAAE,SAAS,oCAAoC;CACzD;CACA,MAAM;EACJ,SAAS,EAAE,SAAS,UAAU;EAC9B,WAAW,EAAE,SAAS,oBAAoB;EAC1C,UAAU,EAAE,SAAS,mBAAmB;EACxC,QAAQ,EAAE,SAAS,mBAAmB;EACtC,SAAS,EAAE,SAAS,oBAAoB;EACxC,SAAS,EAAE,SAAS,oBAAoB;EACxC,MAAM,EAAE,SAAS,iBAAiB;EAClC,SAAS,EAAE,SAAS,eAAe;CACrC;CACA,QAAQ;EACN,SAAS,EAAE,SAAS,eAAe;EACnC,QAAQ,EAAE,SAAS,cAAc;EACjC,UAAU,EAAE,SAAS,gBAAgB;CACvC;AACF,GACaC,IAA8B;CAAE,SAAS;CAAQ,MAAM;AAAU;AAiB9E,SAASC,EAAa,GAAGC,GAA8B;CACrD,QAAQ,MAAoB;EAC1B,KAAK,IAAMC,KAAKD,GACd,AAAI,OAAOC,KAAM,aAAYA,EAAEC,CAAK,IAC3BD,KAAK,OAAOA,KAAM,aAAU,EAA6B,UAAUC;CAEhF;AACF;AAEA,IAAaC,IAAuB,kBAAmC,SACrE,EAAE,aAAU,QAAQ,UAAO,WAAW,WAAQ,SAAM,YAAS,aAAU,OAAI,cAAW,aAAU,GAAGC,KACnG,GACA;CACA,IAAMC,IAAQC,KAAM,QACdC,IAAQC,EAAoB,IAAI,GAChCC,IAAcb,EAAaW,GAAO,CAAC,CAACG,CAAQ,GAC5CC,IAAM,CAAC,CAACD,KAAYD,KAAe,OAAOG,KAAa,UACvDC,IACJ,kBAACR,GAAD;EACE,KAAKN,EAAUe,GAAKP,CAAK;EACzB,WAAWb,EACTG,EAAoB,QAAQkB,EAAQ,CAAC,SACrClB,EAAoB,KAAKmB,EAAK,CAAC,SAC/BC,KAAUpB,EAAoB,OAAOoB,EAAO,CAAC,SAC7CC,KAAQ,QACRA,KAAQH,MAAY,UAAU,cAC9BI,KAAW,WACXT,KAAY,0BACZC,KAAO,2BACPS,CACF;EACA,GAAKT,IAAM,EAAE,UAAU,EAAE,IAAI,CAAC;EAC9B,GAAIP;EAEH;CACG,CAAA;CASR,OAPIO,IAEA,kBAAChB,GAAD;EAAS,SAASiB;EAAU,OAAM;EAC/B,UAAAC;CACM,CAAA,IAGNA;AACT,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAK,cAAc"}

package/dist/chunks/{textarea--4FRL3Pb.js → textarea-CO0HP6fK.js}

@@ -1,10 +1,10 @@
 "use client";
-import { t as e } from "./cn-Dj6sRgkF.js";
+import { t as e } from "./cn-BjnOAUrA.js";
 import { i as t } from "./dev-CR1p7gCm.js";
 import { i as n, r } from "./context-BELWW79w.js";
-import { a as i, o as a, s as o } from "./field-TviMvYa2.js";
-import { n as s } from "./input-group-DQ_4DoXg.js";
-import { t as c } from "./input-2VJuj_M4.js";
+import { n as i } from "./button-IblhXUyZ.js";
+import { a, o, s } from "./field-D7m-yl-D.js";
+import { t as c } from "./input-Bo5-UZg2.js";
 import { forwardRef as l, useCallback as u, useLayoutEffect as d, useMemo as f, useRef as p, useState as m } from "react";
 import { jsx as h, jsxs as g } from "react/jsx-runtime";
 import { Add01Icon as _, MinusSignIcon as v } from "@hugeicons/core-free-icons";
@@ -58,38 +58,47 @@ function D(e, t = C) {
 //#endregion
 //#region src/components/input/number-input.tsx
 var O = { align: {
-	end: { classes: "text-right" },
-	start: { classes: "text-left" }
-} }, k = { align: "end" }, A = /* @__PURE__ */ l(function({ value: t, defaultValue: i = "", onValueChange: a, unit: o, step: l = "1", min: u, max: d, hideStepper: p, integer: y, align: C = "end", onBlur: O, onFocus: k, onKeyDown: A, className: j, disabled: M, readOnly: N, ...P }, F) {
-	let I = n(), L = r(), R = f(() => w(L), [L]), [z, B] = m(i), [V, H] = m(!1), U = t !== void 0, W = U ? t : z, G = (e) => {
-		U || B(e), a?.(e);
-	}, K = (e) => e === "" || e === "-" ? e : u !== void 0 && S(e, u) < 0 ? u : d !== void 0 && S(e, d) > 0 ? d : e, q = (e) => G(K(x(W || "0", e === 1 ? l : `-${l}`))), J = y ? W : V ? E(W, R) : T(W, R), Y = !M && !N, X = !p && /* @__PURE__ */ g("span", {
-		className: e("flex shrink-0 items-center opacity-0 transition-control", Y ? "group-hover/num:opacity-100 coarse:opacity-100 group-focus-within/num:opacity-100" : "invisible"),
+	end: { classes: "text-end" },
+	start: { classes: "text-start" }
+} }, k = { align: "end" }, A = /* @__PURE__ */ l(function({ value: t, defaultValue: a = "", onValueChange: o, unit: s, step: l = "1", min: u, max: d, hideStepper: p, integer: y, align: C = "end", onBlur: O, onFocus: k, onKeyDown: A, className: j, disabled: M, readOnly: N, ...P }, F) {
+	let I = n(), L = r(), R = f(() => w(L), [L]), [z, B] = m(a), [V, H] = m(!1), U = t !== void 0, W = U ? t : z, G = (e) => {
+		U || B(e), o?.(e);
+	}, K = (e) => e === "" || e === "-" ? e : u !== void 0 && S(e, u) < 0 ? u : d !== void 0 && S(e, d) > 0 ? d : e, q = (e) => G(K(x(W || "0", e === 1 ? l : `-${l}`))), J = y ? W : V ? E(W, R) : T(W, R), Y = !M && !N, X = P.size === "xl" ? "md" : P.size === "sm" ? "xs" : "sm", Z = (e) => {
+		let t = e === 1 ? d : u;
+		return t !== void 0 && b(W) && W !== "" && W !== "-" && S(W, t) * e >= 0;
+	}, Q = (e) => /* @__PURE__ */ h(i, {
+		shape: "circle",
+		variant: "quiet",
+		size: X,
+		tabIndex: -1,
+		icon: e === 1 ? _ : v,
+		"aria-label": e === 1 ? I("numberInput.increase", "Increase") : I("numberInput.decrease", "Decrease"),
+		onClick: () => q(e),
+		disabled: !Y || Z(e)
+	}), ee = !p && /* @__PURE__ */ g("span", {
+		className: e("flex shrink-0 items-center", !Y && "invisible"),
 		...Y ? {} : { "aria-hidden": !0 },
-		children: [/* @__PURE__ */ h(s.Button, {
-			icon: v,
-			"aria-label": I("numberInput.decrease", "Decrease"),
-			onClick: () => q(-1),
-			disabled: !Y
-		}), /* @__PURE__ */ h(s.Button, {
-			icon: _,
-			"aria-label": I("numberInput.increase", "Increase"),
-			onClick: () => q(1),
-			disabled: !Y
-		})]
-	});
+		children: [Q(-1), Q(1)]
+	}), $ = W !== "" && W !== "-" ? Number(W) : void 0;
 	return /* @__PURE__ */ h(c, {
 		ref: F,
 		type: "text",
+		role: "spinbutton",
+		...$ !== void 0 && Number.isFinite($) ? {
+			"aria-valuenow": $,
+			"aria-valuetext": s ? `${J} ${s}` : J
+		} : {},
+		...u === void 0 ? {} : { "aria-valuemin": Number(u) },
+		...d === void 0 ? {} : { "aria-valuemax": Number(d) },
 		inputMode: y ? "numeric" : "decimal",
 		autoComplete: "off",
 		spellCheck: !1,
 		value: J,
 		disabled: M,
 		readOnly: N,
-		className: e("group/num", j),
-		suffix: o,
-		trailing: X || void 0,
+		className: j,
+		suffix: s,
+		trailing: ee || void 0,
 		onChange: (e) => {
 			if (y) {
 				/^-?\d*$/.test(e.target.value) && G(e.target.value);
@@ -117,13 +126,15 @@ process.env.NODE_ENV !== "production" && (A.displayName = "NumberInput");
 var j = { resize: {
 	auto: { classes: "resize-none" },
 	vertical: { classes: "resize-y" }
-} }, M = { resize: "auto" }, N = 20, P = 20, F = /* @__PURE__ */ l(function(n, r) {
-	let { resize: s = "auto", maxRows: c = 8, rows: l = 3, invalid: f, mono: m, label: g, description: _, error: v, optional: y, required: b, layout: x, className: S, id: C, disabled: w, onChange: T, ...E } = n;
+} }, M = { resize: "auto" }, N = /* @__PURE__ */ l(function(n, r) {
+	let { resize: i = "auto", maxRows: c = 8, rows: l = 3, invalid: f, mono: m, label: g, description: _, error: v, optional: y, required: b, layout: x, className: S, id: C, disabled: w, onChange: T, ...E } = n;
 	t("Textarea", S);
-	let D = i(), O = a(n), k = p(null), A = u(() => {
+	let D = a(), O = o(n), k = p(null), A = u(() => {
 		let e = k.current;
-		e && s === "auto" && (e.style.height = "auto", e.style.height = `${Math.min(e.scrollHeight, c * N + P)}px`);
-	}, [c, s]);
+		if (!e || i !== "auto") return;
+		let t = getComputedStyle(e), n = parseFloat(t.lineHeight) || 20, r = (parseFloat(t.paddingTop) || 0) + (parseFloat(t.paddingBottom) || 0);
+		e.style.height = "auto", e.style.height = `${Math.min(e.scrollHeight, c * n + r)}px`;
+	}, [c, i]);
 	d(A, [A, E.value]);
 	let M = /* @__PURE__ */ h("textarea", {
 		ref: (e) => {
@@ -135,13 +146,13 @@ var j = { resize: {
 		onChange: (e) => {
 			A(), T?.(e);
 		},
-		className: e("block w-full min-w-0 rounded-textarea px-16 py-10 text-body text-fg material-field transition-control outline-none placeholder:text-fg-tertiary scrollbar-quiet", "disabled:cursor-not-allowed", m && "mono text-small", j.resize[s].classes, !(g || _ || v) && S),
+		className: e("block w-full min-w-0 rounded-textarea px-16 py-10 text-body text-fg material-field transition-control outline-none placeholder:text-fg-tertiary scrollbar-quiet", "disabled:cursor-not-allowed", m && "mono text-small", j.resize[i].classes, !(g || _ || v) && S),
 		...C ? { id: C } : {},
 		...O.controlProps,
 		...f || v ? { "aria-invalid": !0 } : {},
 		...E
 	});
-	return D ? M : o({
+	return D ? M : s({
 		label: g,
 		description: _,
 		error: v,
@@ -153,8 +164,8 @@ var j = { resize: {
 		className: S
 	}, M);
 });
-process.env.NODE_ENV !== "production" && (F.displayName = "Textarea");
+process.env.NODE_ENV !== "production" && (N.displayName = "Textarea");
 //#endregion
-export { O as a, S as c, k as i, T as l, j as n, A as o, F as r, x as s, M as t };
+export { O as a, S as c, k as i, T as l, j as n, A as o, N as r, x as s, M as t };
 
-//# sourceMappingURL=textarea--4FRL3Pb.js.map
+//# sourceMappingURL=textarea-CO0HP6fK.js.map

package/dist/chunks/textarea-CO0HP6fK.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea-CO0HP6fK.js","names":["__icon_Add01Icon","__icon_MinusSignIcon","cn","warnStylingClassName","useUiText","Button","Input","split","m","v","isDecimal","addDecimal","x","a","y","b","scale","toBig","p","sum","neg","digits","int","frac","compareDecimal","d","ENGLISH","decimalSeparators","locale","parts","groupDecimal","seps","localizeDecimal","ungroup","out","KAESO_NUMBER_INPUT_VARIANTS","KAESO_NUMBER_INPUT_DEFAULT_VARIANTS","NumberInput","props","t","useLocale","useMemo","inner","setInner","useState","defaultValue","focused","setFocused","controlled","value","raw","set","onValueChange","clamp","min","max","stepBy","dir","step","display","integer","live","disabled","readOnly","buttonSize","atLimit","limit","stepButton","Add01Icon","MinusSignIcon","stepper","hideStepper","numeric","unit","onFocus","onBlur","onKeyDown","KAESO_TEXTAREA_VARIANTS","KAESO_TEXTAREA_DEFAULT_VARIANTS","Textarea","rest","className","field","useField","fc","useFieldControl","useRef","grow","useCallback","el","resize","style","line","pad","maxRows","control","ref","onChange","mono","label","description","error","id","invalid","withField"],"sources":["../../src/components/input/decimal.ts","../../src/components/input/number-input.tsx","../../src/components/input/textarea.tsx"],"sourcesContent":["function split(v: string): { neg: boolean; int: string; frac: string } {\n  const m = /^(-)?(\\d*)(?:\\.(\\d*))?$/.exec(v.trim());\n  if (!m) return { neg: false, int: \"0\", frac: \"\" };\n  return { neg: m[1] === \"-\", int: (m[2] || \"0\").replace(/^0+(?=\\d)/, \"\"), frac: m[3] ?? \"\" };\n}\n\nexport function isDecimal(v: string): boolean {\n  return /^-?\\d*(?:\\.\\d*)?$/.test(v.trim());\n}\n\nexport function addDecimal(a: string, b: string): string {\n  const x = split(a || \"0\");\n  const y = split(b || \"0\");\n  const scale = Math.max(x.frac.length, y.frac.length);\n  const toBig = (p: { neg: boolean; int: string; frac: string }) => BigInt((p.neg ? \"-\" : \"\") + p.int + p.frac.padEnd(scale, \"0\"));\n  const sum = toBig(x) + toBig(y);\n  const neg = sum < 0n;\n  const digits = (neg ? -sum : sum).toString().padStart(scale + 1, \"0\");\n  const int = digits.slice(0, digits.length - scale) || \"0\";\n  const frac = scale ? digits.slice(-scale) : \"\";\n  return `${neg ? \"-\" : \"\"}${int}${frac ? `.${frac}` : \"\"}`;\n}\n\nexport function compareDecimal(a: string, b: string): number {\n  const d = addDecimal(a, b.startsWith(\"-\") ? b.slice(1) : `-${b}`);\n  if (d.startsWith(\"-\") && /[1-9]/.test(d)) return -1;\n  return /[1-9]/.test(d) ? 1 : 0;\n}\n\nexport interface DecimalSeparators {\n  group: string;\n  decimal: string;\n}\n\nconst ENGLISH: DecimalSeparators = { group: \",\", decimal: \".\" };\n\nexport function decimalSeparators(locale: string): DecimalSeparators {\n  if (locale === \"en\") return ENGLISH;\n  const parts = new Intl.NumberFormat(locale).formatToParts(1234.5);\n  return { group: parts.find((p) => p.type === \"group\")?.value ?? \",\", decimal: parts.find((p) => p.type === \"decimal\")?.value ?? \".\" };\n}\n\nexport function groupDecimal(v: string, seps: DecimalSeparators = ENGLISH): string {\n  const p = split(v);\n  if (!isDecimal(v) || v.trim() === \"\") return v;\n  return `${p.neg ? \"-\" : \"\"}${p.int.replace(/\\B(?=(\\d{3})+(?!\\d))/g, seps.group)}${v.includes(\".\") ? `${seps.decimal}${p.frac}` : \"\"}`;\n}\n\nexport function localizeDecimal(v: string, seps: DecimalSeparators = ENGLISH): string {\n  return seps.decimal === \".\" ? v : v.replace(\".\", seps.decimal);\n}\n\nexport function ungroup(v: string, seps: DecimalSeparators = ENGLISH): string {\n  const out = seps.group === \".\" ? v : v.split(seps.group).join(\"\");\n  return seps.decimal === \".\" ? out : out.split(seps.decimal).join(\".\");\n}\n","import { forwardRef, useMemo, useState, type ChangeEvent, type FocusEvent, type KeyboardEvent } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { Input, type InputProps } from \"./input.js\";\nimport { Button } from \"../button/button.js\";\nimport { Add01Icon as __icon_Add01Icon, MinusSignIcon as __icon_MinusSignIcon } from \"@hugeicons/core-free-icons\";\nimport { addDecimal, compareDecimal, decimalSeparators, groupDecimal, isDecimal, localizeDecimal, ungroup } from \"./decimal.js\";\nimport { useLocale, useUiText } from \"../../i18n/context.js\";\n\nexport const KAESO_NUMBER_INPUT_VARIANTS = {\n  align: {\n    end: { classes: \"text-end\" },\n    start: { classes: \"text-start\" },\n  },\n} as const;\nexport const KAESO_NUMBER_INPUT_DEFAULT_VARIANTS = { align: \"end\" } as const;\n\nexport interface NumberInputProps extends Omit<InputProps, \"type\" | \"value\" | \"defaultValue\" | \"onChange\" | \"min\" | \"max\" | \"step\"> {\n  value?: string | undefined;\n  defaultValue?: string | undefined;\n  onValueChange?: ((value: string) => void) | undefined;\n  unit?: string | undefined;\n  step?: string | undefined;\n  min?: string | undefined;\n  max?: string | undefined;\n  hideStepper?: boolean | undefined;\n  integer?: boolean | undefined;\n  align?: keyof typeof KAESO_NUMBER_INPUT_VARIANTS.align | undefined;\n}\n\nexport const NumberInput = /* @__PURE__ */ forwardRef<HTMLInputElement, NumberInputProps>(function NumberInput(\n  {\n    value,\n    defaultValue = \"\",\n    onValueChange,\n    unit,\n    step = \"1\",\n    min,\n    max,\n    hideStepper,\n    integer,\n    align = \"end\",\n    onBlur,\n    onFocus,\n    onKeyDown,\n    className,\n    disabled,\n    readOnly,\n    ...props\n  },\n  ref,\n) {\n  const t = useUiText();\n  const locale = useLocale();\n  const seps = useMemo(() => decimalSeparators(locale), [locale]);\n  const [inner, setInner] = useState(defaultValue);\n  const [focused, setFocused] = useState(false);\n  const controlled = value !== undefined;\n  const raw = controlled ? value : inner;\n  const set = (v: string) => {\n    if (!controlled) setInner(v);\n    onValueChange?.(v);\n  };\n  const clamp = (v: string) => {\n    if (v === \"\" || v === \"-\") return v;\n    if (min !== undefined && compareDecimal(v, min) < 0) return min;\n    if (max !== undefined && compareDecimal(v, max) > 0) return max;\n    return v;\n  };\n  const stepBy = (dir: 1 | -1) => set(clamp(addDecimal(raw || \"0\", dir === 1 ? step : `-${step}`)));\n  const display = integer ? raw : focused ? localizeDecimal(raw, seps) : groupDecimal(raw, seps);\n  const live = !disabled && !readOnly;\n  const buttonSize = props.size === \"xl\" ? \"md\" : props.size === \"sm\" ? \"xs\" : \"sm\";\n  const atLimit = (dir: 1 | -1) => {\n    const limit = dir === 1 ? max : min;\n    return limit !== undefined && isDecimal(raw) && raw !== \"\" && raw !== \"-\" && compareDecimal(raw, limit) * dir >= 0;\n  };\n  const stepButton = (dir: 1 | -1) => (\n    <Button\n      shape=\"circle\"\n      variant=\"quiet\"\n      size={buttonSize}\n      tabIndex={-1}\n      icon={dir === 1 ? __icon_Add01Icon : __icon_MinusSignIcon}\n      aria-label={dir === 1 ? t(\"numberInput.increase\", \"Increase\") : t(\"numberInput.decrease\", \"Decrease\")}\n      onClick={() => stepBy(dir)}\n      disabled={!live || atLimit(dir)}\n    />\n  );\n  const stepper = !hideStepper && (\n    <span className={cn(\"flex shrink-0 items-center\", !live && \"invisible\")} {...(live ? {} : { \"aria-hidden\": true })}>\n      {stepButton(-1)}\n      {stepButton(1)}\n    </span>\n  );\n  const numeric = raw !== \"\" && raw !== \"-\" ? Number(raw) : undefined;\n  return (\n    <Input\n      ref={ref}\n      type=\"text\"\n      role=\"spinbutton\"\n      {...(numeric !== undefined && Number.isFinite(numeric) ? { \"aria-valuenow\": numeric, \"aria-valuetext\": unit ? `${display} ${unit}` : display } : {})}\n      {...(min !== undefined ? { \"aria-valuemin\": Number(min) } : {})}\n      {...(max !== undefined ? { \"aria-valuemax\": Number(max) } : {})}\n      inputMode={integer ? \"numeric\" : \"decimal\"}\n      autoComplete=\"off\"\n      spellCheck={false}\n      value={display}\n      disabled={disabled}\n      readOnly={readOnly}\n      className={className}\n      suffix={unit}\n      trailing={stepper || undefined}\n      onChange={(e: ChangeEvent<HTMLInputElement>) => {\n        if (integer) {\n          if (/^-?\\d*$/.test(e.target.value)) set(e.target.value);\n          return;\n        }\n        const v = ungroup(e.target.value, seps);\n        if (isDecimal(v)) set(v);\n      }}\n      onFocus={(e: FocusEvent<HTMLInputElement>) => {\n        setFocused(true);\n        onFocus?.(e);\n      }}\n      onBlur={(e: FocusEvent<HTMLInputElement>) => {\n        setFocused(false);\n        if (raw !== clamp(raw)) set(clamp(raw));\n        onBlur?.(e);\n      }}\n      onKeyDown={(e: KeyboardEvent<HTMLInputElement>) => {\n        if (e.key === \"ArrowUp\") {\n          e.preventDefault();\n          stepBy(1);\n        } else if (e.key === \"ArrowDown\") {\n          e.preventDefault();\n          stepBy(-1);\n        }\n        onKeyDown?.(e);\n      }}\n      align={align}\n      {...props}\n    />\n  );\n});\nif (process.env.NODE_ENV !== \"production\") NumberInput.displayName = \"NumberInput\";\n","import { forwardRef, useCallback, useLayoutEffect, useRef, type TextareaHTMLAttributes } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { warnStylingClassName } from \"../../utils/dev.js\";\nimport { useField, useFieldControl, withField, type FieldWrapProps } from \"../field/field.js\";\n\nexport const KAESO_TEXTAREA_VARIANTS = {\n  resize: {\n    auto: { classes: \"resize-none\" },\n    vertical: { classes: \"resize-y\" },\n  },\n} as const;\nexport const KAESO_TEXTAREA_DEFAULT_VARIANTS = { resize: \"auto\" } as const;\n\nexport interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement>, FieldWrapProps {\n  resize?: keyof typeof KAESO_TEXTAREA_VARIANTS.resize | undefined;\n  maxRows?: number | undefined;\n  invalid?: boolean | undefined;\n  mono?: boolean | undefined;\n  \"data-force\"?: string | undefined;\n}\n\nexport const Textarea = /* @__PURE__ */ forwardRef<HTMLTextAreaElement, TextareaProps>(function Textarea(props, ref) {\n  const {\n    resize = \"auto\",\n    maxRows = 8,\n    rows = 3,\n    invalid,\n    mono,\n    label,\n    description,\n    error,\n    optional,\n    required,\n    layout,\n    className,\n    id,\n    disabled,\n    onChange,\n    ...rest\n  } = props;\n  warnStylingClassName(\"Textarea\", className);\n  const field = useField();\n  const fc = useFieldControl(props);\n  const inner = useRef<HTMLTextAreaElement | null>(null);\n  const grow = useCallback(() => {\n    const el = inner.current;\n    if (!el || resize !== \"auto\") return;\n    const style = getComputedStyle(el);\n    const line = parseFloat(style.lineHeight) || 20;\n    const pad = (parseFloat(style.paddingTop) || 0) + (parseFloat(style.paddingBottom) || 0);\n    el.style.height = \"auto\";\n    el.style.height = `${Math.min(el.scrollHeight, maxRows * line + pad)}px`;\n  }, [maxRows, resize]);\n  useLayoutEffect(grow, [grow, rest.value]);\n  const control = (\n    <textarea\n      ref={(el) => {\n        inner.current = el;\n        if (typeof ref === \"function\") ref(el);\n        else if (ref) ref.current = el;\n      }}\n      rows={rows}\n      disabled={disabled}\n      required={required}\n      onChange={(e) => {\n        grow();\n        onChange?.(e);\n      }}\n      className={cn(\n        \"block w-full min-w-0 rounded-textarea px-16 py-10 text-body text-fg material-field transition-control outline-none placeholder:text-fg-tertiary scrollbar-quiet\",\n        \"disabled:cursor-not-allowed\",\n        mono && \"mono text-small\",\n        KAESO_TEXTAREA_VARIANTS.resize[resize].classes,\n        !(label || description || error) && className,\n      )}\n      {...(id ? { id } : {})}\n      {...fc.controlProps}\n      {...(invalid || error ? { \"aria-invalid\": true } : {})}\n      {...rest}\n    />\n  );\n  if (field) return control;\n  return withField({ label, description, error, optional, required, layout, id: fc.wrapId ?? id, disabled, className }, control);\n});\nif (process.env.NODE_ENV !== \"production\") Textarea.displayName = \"Textarea\";\n"],"mappings":"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"}