@logicplanes/kaeso-ui 0.1.0

package/dist/chunks/tag-BsmQ1xPj.js

@@ -0,0 +1,87 @@
+"use client";
+import { t as e } from "./cn-CidVUKMm.js";
+import { i as t } from "./context-BELWW79w.js";
+import { t as n } from "./icon-CeNQtobn.js";
+import { r } from "./tooltip-CDu00nzg.js";
+import { t as i } from "./use-truncated-DmQoePvG.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 { Cancel01Icon as u } from "@hugeicons/core-free-icons";
+//#region src/components/tag/tag.tsx
+var d = {
+	"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"
+}, f = {
+	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" }
+	}
+}, p = {
+	size: "md",
+	variant: "raised"
+}, m = /* @__PURE__ */ a(function({ children: a, size: d = "md", variant: p = "raised", icon: m, onRemove: h, removeLabel: g, onClick: _, pressed: v, invalid: y, className: b, "data-force": x, ...S }, C) {
+	let w = t(), T = !!_, E = T && !!h, D = o(null), O = i(D) && typeof a == "string", k = /* @__PURE__ */ c("span", {
+		ref: D,
+		className: "min-w-0 truncate",
+		...O && !T ? { tabIndex: 0 } : {},
+		children: a
+	}), A = /* @__PURE__ */ l(s, { children: [m && /* @__PURE__ */ c(n, {
+		icon: m,
+		size: "xs",
+		className: "text-fg-secondary"
+	}), O ? /* @__PURE__ */ c(r, {
+		content: a,
+		shape: "multiline",
+		children: k
+	}) : k] }), j = x ? { "data-force": x } : {}, M = {
+		type: "button",
+		onClick: _,
+		...v === void 0 ? {} : { "aria-pressed": v }
+	};
+	return /* @__PURE__ */ l(T && !E ? "button" : "span", {
+		ref: C,
+		...T && !E ? M : {},
+		...j,
+		className: e("inline-flex max-w-full shrink-0 items-center rounded-pill font-medium whitespace-nowrap transition-control", f.size[d].classes, f.variant[p].classes, m && (d === "md" ? "pl-8" : "pl-6"), h && "pr-2", T && !E && "relative cursor-pointer focus-ring tap-target", E && "pl-0", T && (p === "soft" ? "hover:bg-fill-3 active:bg-fill-3" : "hover:bg-fill-1 active:bg-fill-2"), T && p === "outline" && "hover:text-fg", y && "ring-invalid text-danger-text", b),
+		...S,
+		children: [E ? /* @__PURE__ */ c("button", {
+			...M,
+			...j,
+			className: e("relative inline-flex h-full min-w-0 cursor-pointer items-center rounded-pill focus-ring tap-target", d === "md" ? "gap-6" : "gap-4", m ? d === "md" ? "pl-8" : "pl-6" : d === "md" ? "pl-10" : "pl-8"),
+			children: A
+		}) : A, h && /* @__PURE__ */ c("button", {
+			type: "button",
+			"aria-label": g ?? (typeof a == "string" && a.trim() ? w("tag.removeNamed", "Remove {label}", { label: a.trimEnd() }) : w("tag.remove", "Remove")),
+			onClick: (e) => {
+				e.stopPropagation(), h(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", d === "md" ? "size-24" : "size-20"),
+			children: /* @__PURE__ */ c(n, {
+				icon: u,
+				size: "xs"
+			})
+		})]
+	});
+});
+process.env.NODE_ENV !== "production" && (m.displayName = "Tag");
+var h = m;
+//#endregion
+export { m as a, d as i, f as n, h as r, p as t };
+
+//# sourceMappingURL=tag-BsmQ1xPj.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tag-BsmQ1xPj.js","names":["_Fragment","__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","content","icon","Tooltip","forced","press","pressed","size","variant","invalid","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 { 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;\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 content = (\n    <>\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        KAESO_TAG_VARIANTS.variant[variant].classes,\n        icon && (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        clickable && (variant === \"soft\" ? \"hover:bg-fill-3 active:bg-fill-3\" : \"hover:bg-fill-1 active:bg-fill-2\"),\n        clickable && variant === \"outline\" && \"hover:text-fg\",\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 ? (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":";;;;;;;;;;AASA,IAAaO,IAAU;CACrB,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,QAAQ;CACR,MAAM;CACN,SAAS;AACX,GAGaC,IAAqB;CAChC,MAAM;EACJ,IAAI,EAAE,SAAS,8BAA8B;EAC7C,IAAI,EAAE,SAAS,+BAA+B;CAChD;CACA,SAAS;EACP,QAAQ,EAAE,SAAS,mCAAmC;EACtD,SAAS,EAAE,SAAS,+CAA+C;EACnE,MAAM,EAAE,SAAS,oBAAoB;CACvC;AACF,GACaC,IAA6B;CAAE,MAAM;CAAM,SAAS;AAAS,GAe7DC,IAAsB,kBAAkC,SACnE,EAAE,aAAU,UAAO,MAAM,aAAU,UAAU,SAAM,aAAU,gBAAa,YAAS,YAAS,YAAS,cAAW,cAAcC,GAAO,GAAGC,KACxI,GACA;CACA,IAAMC,IAAIV,EAAU,GACdW,IAAY,CAAC,CAACC,GACdC,IAAQF,KAAa,CAAC,CAACG,GACvBC,IAAWC,EAAwB,IAAI,GAEvCC,IADYf,EAAaa,CACnB,KAAa,OAAOG,KAAa,UACvCC,IACJ,kBAAC,QAAD;EAAM,KAAKJ;EAAU,WAAU;EAAmB,GAAKE,KAAO,CAACN,IAAY,EAAE,UAAU,EAAE,IAAI,CAAC;EAC3F;CACG,CAAA,GAEFS,IACJ,kBAAAvB,GAAA,EAAA,UAAA,CACGwB,KAAQ,kBAACpB,GAAD;EAAY;EAAM,MAAK;EAAK,WAAU;CAAqB,CAAA,GACnEgB,IACC,kBAACK,GAAD;EAAS,SAASJ;EAAU,OAAM;EAC/B,UAAAC;CACM,CAAA,IAETA,CAEF,EAAA,CAAA,GAEEI,IAASf,IAAQ,EAAE,cAAcA,EAAM,IAAI,CAAC,GAC5CgB,IAAQ;EACZ,MAAM;EACN;EACA,GAAIC,MAAY,KAAA,IAA0C,CAAC,IAA/B,EAAE,gBAAgBA,EAAQ;CACxD;CAEA,OACE,kBAFYd,KAAa,CAACE,IAAQ,WAAW,QAE7C;EACO;EACL,GAAKF,KAAa,CAACE,IAAQW,IAAQ,CAAC;EACpC,GAAID;EACJ,WAAWxB,EACT,8GACAM,EAAmB,KAAKqB,EAAK,CAAC,SAC9BrB,EAAmB,QAAQsB,EAAQ,CAAC,SACpCN,MAASK,MAAS,OAAO,SAAS,SAClCZ,KAAY,QACZH,KAAa,CAACE,KAAS,iDACvBA,KAAS,QACTF,MAAcgB,MAAY,SAAS,qCAAqC,qCACxEhB,KAAagB,MAAY,aAAa,iBACtCC,KAAW,iCACXC,CACF;EACA,GAAIpB;EAjBN,UAAA,CAmBGI,IACC,kBAAC,UAAD;GACE,GAAIW;GACJ,GAAID;GACJ,WAAWxB,EACT,sGACA2B,MAAS,OAAO,UAAU,SAC1BL,IAAQK,MAAS,OAAO,SAAS,SAAUA,MAAS,OAAO,UAAU,MACvE;GAEC,UAAAN;EACK,CAAA,IAERA,GAEDN,KACC,kBAAC,UAAD;GACE,MAAK;GACL,cACEgB,MACC,OAAOZ,KAAa,YAAYA,EAAS,KAAK,IAC3CR,EAAE,mBAAmB,kBAAkB,EAAE,OAAOQ,EAAS,QAAQ,EAAE,CAAC,IACpER,EAAE,cAAc,QAAQ;GAE9B,UAAU,MAAM;IAEd,AADA,EAAE,gBAAgB,GAClBI,EAAS,CAAC;GACZ;GACA,WAAWf,EACT,kKACA2B,MAAS,OAAO,YAAY,SAC9B;GAEA,UAAA,kBAACzB,GAAD;IAAM,MAAMH;IAAqB,MAAK;GAAM,CAAA;EACtC,CAAA,CAEN;;AAEV,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAI,cAAc;AAE7D,IAAakC,IAAOzB"}

package/dist/chunks/text-BPglS3vq.js

@@ -0,0 +1,63 @@
+"use client";
+import { t as e } from "./cn-CidVUKMm.js";
+import { r as t } from "./tooltip-CDu00nzg.js";
+import { t as n } from "./use-truncated-DmQoePvG.js";
+import { forwardRef as r, useRef as i } from "react";
+import { jsx as a } from "react/jsx-runtime";
+//#region src/components/text/text.tsx
+var o = {
+	variant: {
+		micro: { classes: "text-micro font-medium" },
+		caption: { classes: "text-caption font-medium" },
+		small: { classes: "text-small" },
+		body: { classes: "text-body" },
+		"body-lg": { classes: "text-body-lg font-medium" },
+		"title-sm": { classes: "text-title-sm font-semibold" },
+		title: { classes: "text-title font-semibold" },
+		"title-lg": { classes: "text-title-lg font-semibold" },
+		display: { classes: "text-display font-semibold" },
+		metric: { classes: "text-metric font-semibold tabular" }
+	},
+	tone: {
+		default: { classes: "text-fg" },
+		secondary: { classes: "text-fg-secondary" },
+		tertiary: { classes: "text-fg-tertiary" },
+		danger: { classes: "text-danger-text" },
+		success: { classes: "text-success-text" },
+		warning: { classes: "text-warning-text" },
+		info: { classes: "text-info-text" },
+		inherit: { classes: "text-inherit" }
+	},
+	weight: {
+		regular: { classes: "font-regular" },
+		medium: { classes: "font-medium" },
+		semibold: { classes: "font-semibold" }
+	}
+}, s = {
+	variant: "body",
+	tone: "default"
+};
+function c(...e) {
+	return (t) => {
+		for (let n of e) typeof n == "function" ? n(t) : n && typeof n == "object" && (n.current = t);
+	};
+}
+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, {
+		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 } : {},
+		...g,
+		children: h
+	});
+	return f && b && typeof h == "string" ? /* @__PURE__ */ a(t, {
+		content: h,
+		shape: "multiline",
+		children: x
+	}) : x;
+});
+process.env.NODE_ENV !== "production" && (l.displayName = "Text");
+//#endregion
+export { o as n, l as r, s as t };
+
+//# sourceMappingURL=text-BPglS3vq.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"text-BPglS3vq.js","names":["cn","Tooltip","useTruncated","KAESO_TEXT_VARIANTS","KAESO_TEXT_DEFAULT_VARIANTS","mergeRefs","refs","r","value","Text","props","Comp","as","inner","useRef","isTruncated","truncate","el","ref","variant","tone","weight","mono","tabular","className","children"],"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 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        className,\n      )}\n      {...(truncate && isTruncated ? { tabIndex: 0 } : {})}\n      {...props}\n    >\n      {children}\n    </Comp>\n  );\n  if (truncate && isTruncated && typeof children === \"string\") {\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,IACJ,kBAACN,GAAD;EACE,KAAKN,EAAUa,GAAKL,CAAK;EACzB,WAAWb,EACTG,EAAoB,QAAQgB,EAAQ,CAAC,SACrChB,EAAoB,KAAKiB,EAAK,CAAC,SAC/BC,KAAUlB,EAAoB,OAAOkB,EAAO,CAAC,SAC7CC,KAAQ,QACRA,KAAQH,MAAY,UAAU,cAC9BI,KAAW,WACXP,KAAY,0BACZQ,CACF;EACA,GAAKR,KAAYD,IAAc,EAAE,UAAU,EAAE,IAAI,CAAC;EAClD,GAAIL;EAEH;CACG,CAAA;CASR,OAPIM,KAAYD,KAAe,OAAOU,KAAa,WAE/C,kBAACxB,GAAD;EAAS,SAASwB;EAAU,OAAM;EAC/B,UAAAR;CACM,CAAA,IAGNA;AACT,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAK,cAAc"}

package/dist/chunks/textarea-Bvk7N2bh.js

@@ -0,0 +1,156 @@
+"use client";
+import { t as e } from "./cn-CidVUKMm.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-d8V94bvZ.js";
+import { n as s } from "./input-group-DQqEPFj_.js";
+import { t as c } from "./input-Biakz6GB.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";
+//#region src/components/input/decimal.ts
+function y(e) {
+	let t = /^(-)?(\d*)(?:\.(\d*))?$/.exec(e.trim());
+	return t ? {
+		neg: t[1] === "-",
+		int: (t[2] || "0").replace(/^0+(?=\d)/, ""),
+		frac: t[3] ?? ""
+	} : {
+		neg: !1,
+		int: "0",
+		frac: ""
+	};
+}
+function b(e) {
+	return /^-?\d*(?:\.\d*)?$/.test(e.trim());
+}
+function x(e, t) {
+	let n = y(e || "0"), r = y(t || "0"), i = Math.max(n.frac.length, r.frac.length), a = (e) => BigInt((e.neg ? "-" : "") + e.int + e.frac.padEnd(i, "0")), o = a(n) + a(r), s = o < 0n, c = (s ? -o : o).toString().padStart(i + 1, "0"), l = c.slice(0, c.length - i) || "0", u = i ? c.slice(-i) : "";
+	return `${s ? "-" : ""}${l}${u ? `.${u}` : ""}`;
+}
+function S(e, t) {
+	let n = x(e, t.startsWith("-") ? t.slice(1) : `-${t}`);
+	return n.startsWith("-") && /[1-9]/.test(n) ? -1 : +!!/[1-9]/.test(n);
+}
+var C = {
+	group: ",",
+	decimal: "."
+};
+function w(e) {
+	if (e === "en") return C;
+	let t = new Intl.NumberFormat(e).formatToParts(1234.5);
+	return {
+		group: t.find((e) => e.type === "group")?.value ?? ",",
+		decimal: t.find((e) => e.type === "decimal")?.value ?? "."
+	};
+}
+function T(e, t = C) {
+	let n = y(e);
+	return !b(e) || e.trim() === "" ? e : `${n.neg ? "-" : ""}${n.int.replace(/\B(?=(\d{3})+(?!\d))/g, t.group)}${e.includes(".") ? `${t.decimal}${n.frac}` : ""}`;
+}
+function E(e, t = C) {
+	return t.decimal === "." ? e : e.replace(".", t.decimal);
+}
+function D(e, t = C) {
+	let n = t.group === "." ? e : e.split(t.group).join("");
+	return t.decimal === "." ? n : n.split(t.decimal).join(".");
+}
+//#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, align: y = "end", onBlur: C, onFocus: O, onKeyDown: k, className: A, disabled: j, readOnly: M, ...N }, P) {
+	let F = n(), I = r(), L = f(() => w(I), [I]), [R, z] = m(i), [B, V] = m(!1), H = t !== void 0, U = H ? t : R, W = (e) => {
+		H || z(e), a?.(e);
+	}, G = (e) => e === "" || e === "-" ? e : u !== void 0 && S(e, u) < 0 ? u : d !== void 0 && S(e, d) > 0 ? d : e, K = (e) => W(G(x(U || "0", e === 1 ? l : `-${l}`))), q = B ? E(U, L) : T(U, L), J = !j && !M, Y = !p && /* @__PURE__ */ g("span", {
+		className: e("flex shrink-0 items-center opacity-0 transition-control", J ? "group-hover/num:opacity-100 coarse:opacity-100 group-focus-within/num:opacity-100" : "invisible"),
+		...J ? {} : { "aria-hidden": !0 },
+		children: [/* @__PURE__ */ h(s.Button, {
+			icon: v,
+			"aria-label": F("numberInput.decrease", "Decrease"),
+			onClick: () => K(-1),
+			disabled: !J
+		}), /* @__PURE__ */ h(s.Button, {
+			icon: _,
+			"aria-label": F("numberInput.increase", "Increase"),
+			onClick: () => K(1),
+			disabled: !J
+		})]
+	});
+	return /* @__PURE__ */ h(c, {
+		ref: P,
+		type: "text",
+		inputMode: "decimal",
+		autoComplete: "off",
+		spellCheck: !1,
+		value: q,
+		disabled: j,
+		readOnly: M,
+		className: e("group/num", A),
+		suffix: o,
+		trailing: Y || void 0,
+		onChange: (e) => {
+			let t = D(e.target.value, L);
+			b(t) && W(t);
+		},
+		onFocus: (e) => {
+			V(!0), O?.(e);
+		},
+		onBlur: (e) => {
+			V(!1), U !== G(U) && W(G(U)), C?.(e);
+		},
+		onKeyDown: (e) => {
+			e.key === "ArrowUp" ? (e.preventDefault(), K(1)) : e.key === "ArrowDown" && (e.preventDefault(), K(-1)), k?.(e);
+		},
+		align: y,
+		...N
+	});
+});
+process.env.NODE_ENV !== "production" && (A.displayName = "NumberInput");
+//#endregion
+//#region src/components/input/textarea.tsx
+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;
+	t("Textarea", S);
+	let D = i(), O = a(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]);
+	d(A, [A, E.value]);
+	let M = /* @__PURE__ */ h("textarea", {
+		ref: (e) => {
+			k.current = e, typeof r == "function" ? r(e) : r && (r.current = e);
+		},
+		rows: l,
+		disabled: w,
+		required: b,
+		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),
+		...C ? { id: C } : {},
+		...O.controlProps,
+		...f || v ? { "aria-invalid": !0 } : {},
+		...E
+	});
+	return D ? M : o({
+		label: g,
+		description: _,
+		error: v,
+		optional: y,
+		required: b,
+		layout: x,
+		id: O.wrapId ?? C,
+		disabled: w,
+		className: S
+	}, M);
+});
+process.env.NODE_ENV !== "production" && (F.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 };
+
+//# sourceMappingURL=textarea-Bvk7N2bh.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"textarea-Bvk7N2bh.js","names":["__icon_MinusSignIcon","__icon_Add01Icon","cn","warnStylingClassName","useUiText","useField","useFieldControl","withField","InputGroup","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","live","disabled","readOnly","stepper","hideStepper","MinusSignIcon","Add01Icon","className","unit","onFocus","onBlur","onKeyDown","KAESO_TEXTAREA_VARIANTS","KAESO_TEXTAREA_DEFAULT_VARIANTS","LINE","PAD","Textarea","rest","field","fc","useRef","grow","useCallback","el","resize","maxRows","control","ref","onChange","mono","label","description","error","id","invalid"],"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 { InputGroup } from \"./input-group.js\";\nimport { MinusSignIcon as __icon_MinusSignIcon, Add01Icon as __icon_Add01Icon } 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-right\" },\n    start: { classes: \"text-left\" },\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  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    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 = focused ? localizeDecimal(raw, seps) : groupDecimal(raw, seps);\n  const live = !disabled && !readOnly;\n  const stepper = !hideStepper && (\n    <span\n      className={cn(\n        \"flex shrink-0 items-center opacity-0 transition-control\",\n        live ? \"group-hover/num:opacity-100 coarse:opacity-100 group-focus-within/num:opacity-100\" : \"invisible\",\n      )}\n      {...(live ? {} : { \"aria-hidden\": true })}\n    >\n      <InputGroup.Button icon={__icon_MinusSignIcon} aria-label={t(\"numberInput.decrease\", \"Decrease\")} onClick={() => stepBy(-1)} disabled={!live} />\n      <InputGroup.Button icon={__icon_Add01Icon} aria-label={t(\"numberInput.increase\", \"Increase\")} onClick={() => stepBy(1)} disabled={!live} />\n    </span>\n  );\n  return (\n    <Input\n      ref={ref}\n      type=\"text\"\n      inputMode=\"decimal\"\n      autoComplete=\"off\"\n      spellCheck={false}\n      value={display}\n      disabled={disabled}\n      readOnly={readOnly}\n      className={cn(\"group/num\", className)}\n      suffix={unit}\n      trailing={stepper || undefined}\n      onChange={(e: ChangeEvent<HTMLInputElement>) => {\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\nconst LINE = 20;\nconst PAD = 20;\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    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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"}

package/dist/chunks/theme-provider-mgUaQK7L.js

@@ -0,0 +1,69 @@
+"use client";
+import { createContext as e, useCallback as t, useContext as n, useEffect as r, useMemo as i, useState as a } from "react";
+import { jsx as o } from "react/jsx-runtime";
+//#region src/theme/theme-provider.tsx
+var s = "kaeso:theme", c = "if(!window.__kModality){window.__kModality=1;document.addEventListener(\"pointerdown\",function(){d.setAttribute(\"data-k-pointer\",\"\")},true);document.addEventListener(\"keydown\",function(e){if(!e.metaKey&&!e.ctrlKey&&!e.altKey){d.removeAttribute(\"data-k-pointer\")}},true)}";
+function l() {
+	if (typeof document > "u") return;
+	let e = window;
+	if (e.__kModality) return;
+	e.__kModality = 1;
+	let t = document.documentElement;
+	document.addEventListener("pointerdown", () => t.setAttribute("data-k-pointer", ""), !0), document.addEventListener("keydown", (e) => {
+		!e.metaKey && !e.ctrlKey && !e.altKey && t.removeAttribute("data-k-pointer");
+	}, !0);
+}
+var u = `(function(){var d=document.documentElement;try{var t=localStorage.getItem("${s}");if(t==="light"||t==="dark"){d.setAttribute("data-theme",t)}}catch(e){}${c}})();`, d = /* @__PURE__ */ e(null);
+function f(e) {
+	try {
+		let t = localStorage.getItem(s);
+		return t === "light" || t === "dark" ? t : e;
+	} catch {
+		return e;
+	}
+}
+function p() {
+	return typeof window > "u" || !window.matchMedia ? "light" : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+}
+function m({ children: e, defaultTheme: n = "system", target: c }) {
+	let [u, m] = a(null), [h, g] = a("light"), _ = u ?? n;
+	r(() => {
+		l(), m(f(n)), g(p());
+		let e = window.matchMedia?.("(prefers-color-scheme: dark)"), t = () => g(e.matches ? "dark" : "light");
+		return e?.addEventListener("change", t), () => e?.removeEventListener("change", t);
+	}, [n]), r(() => {
+		if (u === null) return;
+		let e = c ? c() : document.documentElement;
+		u === "system" ? e.removeAttribute("data-theme") : e.setAttribute("data-theme", u);
+	}, [u, c]);
+	let v = t((e) => {
+		m(e);
+		try {
+			e === "system" ? localStorage.removeItem(s) : localStorage.setItem(s, e);
+		} catch {}
+	}, []), y = i(() => ({
+		theme: _,
+		resolvedTheme: _ === "system" ? h : _,
+		setTheme: v
+	}), [
+		_,
+		h,
+		v
+	]);
+	return /* @__PURE__ */ o(d.Provider, {
+		value: y,
+		children: e
+	});
+}
+process.env.NODE_ENV !== "production" && (m.displayName = "ThemeProvider");
+function h() {
+	return n(d) || {
+		theme: "system",
+		resolvedTheme: "light",
+		setTheme: () => void 0
+	};
+}
+//#endregion
+export { h as a, u as i, m as n, l as r, s as t };
+
+//# sourceMappingURL=theme-provider-mgUaQK7L.js.map

package/dist/chunks/theme-provider-mgUaQK7L.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-provider-mgUaQK7L.js","names":["THEME_STORAGE_KEY","modalitySource","installFocusModality","w","d","themeScript","ThemeContext","readStored","v","fallback","systemTheme","ThemeProvider","chosen","setThemeState","useState","system","setSystem","theme","defaultTheme","useEffect","mq","onChange","el","target","setTheme","useCallback","next","value","useMemo","useTheme","useContext"],"sources":["../../src/theme/theme-provider.tsx"],"sourcesContent":["import { createContext, useCallback, useContext, useEffect, useMemo, useState, type ReactNode } from \"react\";\n\nexport type ThemePreference = \"system\" | \"light\" | \"dark\";\nexport type ResolvedTheme = \"light\" | \"dark\";\n\nexport const THEME_STORAGE_KEY = \"kaeso:theme\";\n\nconst modalitySource = `if(!window.__kModality){window.__kModality=1;document.addEventListener(\"pointerdown\",function(){d.setAttribute(\"data-k-pointer\",\"\")},true);document.addEventListener(\"keydown\",function(e){if(!e.metaKey&&!e.ctrlKey&&!e.altKey){d.removeAttribute(\"data-k-pointer\")}},true)}`;\n\nexport function installFocusModality(): void {\n  if (typeof document === \"undefined\") return;\n  const w = window as unknown as { __kModality?: number };\n  if (w.__kModality) return;\n  w.__kModality = 1;\n  const d = document.documentElement;\n  document.addEventListener(\"pointerdown\", () => d.setAttribute(\"data-k-pointer\", \"\"), true);\n  document.addEventListener(\n    \"keydown\",\n    (e) => {\n      if (!e.metaKey && !e.ctrlKey && !e.altKey) d.removeAttribute(\"data-k-pointer\");\n    },\n    true,\n  );\n}\n\nexport const themeScript = `(function(){var d=document.documentElement;try{var t=localStorage.getItem(\"${THEME_STORAGE_KEY}\");if(t===\"light\"||t===\"dark\"){d.setAttribute(\"data-theme\",t)}}catch(e){}${modalitySource}})();`;\n\ninterface ThemeContextValue {\n  theme: ThemePreference;\n  resolvedTheme: ResolvedTheme;\n  setTheme: (theme: ThemePreference) => void;\n}\n\nconst ThemeContext = /* @__PURE__ */ createContext<ThemeContextValue | null>(null);\n\nfunction readStored(fallback: ThemePreference): ThemePreference {\n  try {\n    const v = localStorage.getItem(THEME_STORAGE_KEY);\n    return v === \"light\" || v === \"dark\" ? v : fallback;\n  } catch {\n    return fallback;\n  }\n}\n\nfunction systemTheme(): ResolvedTheme {\n  if (typeof window === \"undefined\" || !window.matchMedia) return \"light\";\n  return window.matchMedia(\"(prefers-color-scheme: dark)\").matches ? \"dark\" : \"light\";\n}\n\nexport interface ThemeProviderProps {\n  children: ReactNode;\n  defaultTheme?: ThemePreference | undefined;\n  target?: (() => HTMLElement) | undefined;\n}\n\nexport function ThemeProvider({ children, defaultTheme = \"system\", target }: ThemeProviderProps) {\n  const [chosen, setThemeState] = useState<ThemePreference | null>(null);\n  const [system, setSystem] = useState<ResolvedTheme>(\"light\");\n  const theme = chosen ?? defaultTheme;\n\n  useEffect(() => {\n    installFocusModality();\n    setThemeState(readStored(defaultTheme));\n    setSystem(systemTheme());\n    const mq = window.matchMedia?.(\"(prefers-color-scheme: dark)\");\n    const onChange = () => setSystem(mq.matches ? \"dark\" : \"light\");\n    mq?.addEventListener(\"change\", onChange);\n    return () => mq?.removeEventListener(\"change\", onChange);\n  }, [defaultTheme]);\n\n  useEffect(() => {\n    if (chosen === null) return;\n    const el = target ? target() : document.documentElement;\n    if (chosen === \"system\") el.removeAttribute(\"data-theme\");\n    else el.setAttribute(\"data-theme\", chosen);\n  }, [chosen, target]);\n\n  const setTheme = useCallback((next: ThemePreference) => {\n    setThemeState(next);\n    try {\n      if (next === \"system\") localStorage.removeItem(THEME_STORAGE_KEY);\n      else localStorage.setItem(THEME_STORAGE_KEY, next);\n    } catch {}\n  }, []);\n\n  const value = useMemo<ThemeContextValue>(() => ({ theme, resolvedTheme: theme === \"system\" ? system : theme, setTheme }), [theme, system, setTheme]);\n  return <ThemeContext.Provider value={value}>{children}</ThemeContext.Provider>;\n}\nif (process.env.NODE_ENV !== \"production\") ThemeProvider.displayName = \"ThemeProvider\";\n\nexport function useTheme(): ThemeContextValue {\n  const ctx = useContext(ThemeContext);\n  if (!ctx) {\n    return { theme: \"system\", resolvedTheme: \"light\", setTheme: () => undefined };\n  }\n  return ctx;\n}\n"],"mappings":";;;;AAKA,IAAaA,IAAoB,eAE3BC,IAAiB;AAEvB,SAAgBC,IAA6B;CAC3C,IAAI,OAAO,WAAa,KAAa;CACrC,IAAMC,IAAI;CACV,IAAIA,EAAE,aAAa;CACnB,EAAE,cAAc;CAChB,IAAMC,IAAI,SAAS;CAEnB,AADA,SAAS,iBAAiB,qBAAqBA,EAAE,aAAa,kBAAkB,EAAE,GAAG,EAAI,GACzF,SAAS,iBACP,YACC,MAAM;EACL,AAAI,CAAC,EAAE,WAAW,CAAC,EAAE,WAAW,CAAC,EAAE,UAAQA,EAAE,gBAAgB,gBAAgB;CAC/E,GACA,EACF;AACF;AAEA,IAAaC,IAAc,8EAA8EL,EAAkB,2EAA2EC,EAAe,QAQ/MK,IAA+B,kBAAwC,IAAI;AAEjF,SAASC,EAAW,GAA4C;CAC9D,IAAI;EACF,IAAMC,IAAI,aAAa,QAAQR,CAAiB;EAChD,OAAOQ,MAAM,WAAWA,MAAM,SAASA,IAAIC;CAC7C,QAAQ;EACN,OAAOA;CACT;AACF;AAEA,SAASC,IAA6B;CAEpC,OADI,OAAO,SAAW,OAAe,CAAC,OAAO,aAAmB,UACzD,OAAO,WAAW,8BAA8B,CAAC,CAAC,UAAU,SAAS;AAC9E;AAQA,SAAgBC,EAAc,EAAE,aAAU,kBAAe,UAAU,aAA8B;CAC/F,IAAM,CAACC,GAAQC,KAAiBC,EAAiC,IAAI,GAC/D,CAACC,GAAQC,KAAaF,EAAwB,OAAO,GACrDG,IAAQL,KAAUM;CAYxB,AAVAC,QAAgB;EAGd,AAFAjB,EAAqB,GACrBW,EAAcN,EAAWW,CAAY,CAAC,GACtCF,EAAUN,EAAY,CAAC;EACvB,IAAMU,IAAK,OAAO,aAAa,8BAA8B,GACvDC,UAAiBL,EAAUI,EAAG,UAAU,SAAS,OAAO;EAE9D,OADAA,GAAI,iBAAiB,UAAUC,CAAQ,SAC1BD,GAAI,oBAAoB,UAAUC,CAAQ;CACzD,GAAG,CAACH,CAAY,CAAC,GAEjBC,QAAgB;EACd,IAAIP,MAAW,MAAM;EACrB,IAAMU,IAAKC,IAASA,EAAO,IAAI,SAAS;EACxC,AAAIX,MAAW,WAAUU,EAAG,gBAAgB,YAAY,IACnDA,EAAG,aAAa,cAAcV,CAAM;CAC3C,GAAG,CAACA,GAAQW,CAAM,CAAC;CAEnB,IAAMC,IAAWC,GAAa,MAA0B;EACtD,EAAcC,CAAI;EAClB,IAAI;GACF,AAAIA,MAAS,WAAU,aAAa,WAAW1B,CAAiB,IAC3D,aAAa,QAAQA,GAAmB0B,CAAI;EACnD,QAAQ,CAAC;CACX,GAAG,CAAC,CAAC,GAECC,IAAQC,SAAkC;EAAE;EAAO,eAAeX,MAAU,WAAWF,IAASE;EAAO;CAAS,IAAI;EAACA;EAAOF;EAAQS;CAAQ,CAAC;CACnJ,OAAO,kBAAClB,EAAa,UAAd;EAA8B;EAAQ;CAAgC,CAAA;AAC/E;AACA,QAAA,IAAA,aAA6B,iBAAc,EAAc,cAAc;AAEvE,SAAgBuB,IAA8B;CAK5C,OAJYC,EAAWxB,CAClB,KACI;EAAE,OAAO;EAAU,eAAe;EAAS,gBAAgB,KAAA;CAAU;AAGhF"}

package/dist/chunks/tone-CWpsHPb6.js

@@ -0,0 +1,11 @@
+//#region src/utils/tone.ts
+var e = {
+	success: "text-success-text",
+	warning: "text-warning-text",
+	danger: "text-danger-text",
+	info: "text-info-text"
+};
+//#endregion
+export { e as t };
+
+//# sourceMappingURL=tone-CWpsHPb6.js.map

package/dist/chunks/tone-CWpsHPb6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tone-CWpsHPb6.js","names":["STATUS_TONE_TEXT"],"sources":["../../src/utils/tone.ts"],"sourcesContent":["export type StatusTone = \"success\" | \"warning\" | \"danger\" | \"info\";\n\nexport const STATUS_TONE_TEXT: Record<StatusTone, string> = {\n  success: \"text-success-text\",\n  warning: \"text-warning-text\",\n  danger: \"text-danger-text\",\n  info: \"text-info-text\",\n};\n"],"mappings":";AAEA,IAAaA,IAA+C;CAC1D,SAAS;CACT,SAAS;CACT,QAAQ;CACR,MAAM;AACR"}

package/dist/chunks/toolbar-Dw3uxpsE.js

@@ -0,0 +1,36 @@
+"use client";
+import { t as e } from "./cn-CidVUKMm.js";
+import { n as t } from "./inset-BLMdxX4I.js";
+import { t as n } from "./arrow-focus-BcySmwwU.js";
+import { forwardRef as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/components/toolbar/toolbar.tsx
+var a = { size: {
+	md: { classes: "min-h-48 gap-8 px-24 py-6" },
+	inset: { classes: "min-h-48 gap-8 px-0 py-6" }
+} }, o = { size: "md" }, s = /* @__PURE__ */ r(function({ size: r, className: o, onKeyDown: s, ...c }, l) {
+	let u = t(), d = r ?? (u ? "inset" : "md");
+	return /* @__PURE__ */ i("div", {
+		ref: l,
+		role: "toolbar",
+		"aria-orientation": "horizontal",
+		className: e("flex shrink-0 flex-wrap items-center", a.size[d].classes, o),
+		onKeyDown: (e) => {
+			s?.(e), n(e);
+		},
+		...c
+	});
+});
+process.env.NODE_ENV !== "production" && (s.displayName = "Toolbar");
+function c() {
+	return /* @__PURE__ */ i("span", {
+		"aria-hidden": !0,
+		className: "flex-1"
+	});
+}
+process.env.NODE_ENV !== "production" && (c.displayName = "Toolbar.Spacer");
+var l = /* @__PURE__ */ Object.assign(s, { Spacer: c });
+//#endregion
+export { a as n, l as r, o as t };
+
+//# sourceMappingURL=toolbar-Dw3uxpsE.js.map

package/dist/chunks/toolbar-Dw3uxpsE.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar-Dw3uxpsE.js","names":["cn","useInset","arrowFocus","KAESO_TOOLBAR_VARIANTS","KAESO_TOOLBAR_DEFAULT_VARIANTS","Root","sizeProp","props","inset","size","className","onKeyDown","Spacer","Toolbar"],"sources":["../../src/components/toolbar/toolbar.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes, type KeyboardEvent } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { useInset } from \"../../utils/inset.js\";\nimport { arrowFocus } from \"../../utils/arrow-focus.js\";\n\nexport const KAESO_TOOLBAR_VARIANTS = {\n  size: {\n    md: { classes: \"min-h-48 gap-8 px-24 py-6\" },\n    inset: { classes: \"min-h-48 gap-8 px-0 py-6\" },\n  },\n} as const;\nexport const KAESO_TOOLBAR_DEFAULT_VARIANTS = { size: \"md\" } as const;\n\nexport interface ToolbarProps extends HTMLAttributes<HTMLDivElement> {\n  size?: keyof typeof KAESO_TOOLBAR_VARIANTS.size | undefined;\n  \"aria-label\": string;\n}\n\nconst Root = /* @__PURE__ */ forwardRef<HTMLDivElement, ToolbarProps>(function Toolbar({ size: sizeProp, className, onKeyDown, ...props }, ref) {\n  const inset = useInset();\n  const size = sizeProp ?? (inset ? \"inset\" : \"md\");\n  return (\n    <div\n      ref={ref}\n      role=\"toolbar\"\n      aria-orientation=\"horizontal\"\n      className={cn(\"flex shrink-0 flex-wrap items-center\", KAESO_TOOLBAR_VARIANTS.size[size].classes, className)}\n      onKeyDown={(e: KeyboardEvent<HTMLDivElement>) => {\n        onKeyDown?.(e);\n        arrowFocus(e);\n      }}\n      {...props}\n    />\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Root.displayName = \"Toolbar\";\n\nfunction Spacer() {\n  return <span aria-hidden className=\"flex-1\" />;\n}\nif (process.env.NODE_ENV !== \"production\") Spacer.displayName = \"Toolbar.Spacer\";\n\nexport const Toolbar = /* @__PURE__ */ Object.assign(Root, { Spacer });\n"],"mappings":";;;;;;;AAKA,IAAaG,IAAyB,EACpC,MAAM;CACJ,IAAI,EAAE,SAAS,4BAA4B;CAC3C,OAAO,EAAE,SAAS,2BAA2B;AAC/C,EACF,GACaC,IAAiC,EAAE,MAAM,KAAK,GAOrDC,IAAuB,kBAAyC,SAAiB,EAAE,MAAMC,GAAU,cAAW,cAAW,GAAGC,KAAS,GAAK;CAC9I,IAAMC,IAAQP,EAAS,GACjBQ,IAAOH,MAAaE,IAAQ,UAAU;CAC5C,OACE,kBAAC,OAAD;EACO;EACL,MAAK;EACL,oBAAiB;EACjB,WAAWR,EAAG,wCAAwCG,EAAuB,KAAKM,EAAK,CAAC,SAASC,CAAS;EAC1G,YAAY,MAAqC;GAE/C,AADAC,IAAY,CAAC,GACbT,EAAW,CAAC;EACd;EACA,GAAIK;CACL,CAAA;AAEL,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAK,cAAc;AAE9D,SAASK,IAAS;CAChB,OAAO,kBAAC,QAAD;EAAM,eAAA;EAAY,WAAU;CAAU,CAAA;AAC/C;AACA,QAAA,IAAA,aAA6B,iBAAc,EAAO,cAAc;AAEhE,IAAaC,IAA0B,uBAAO,OAAOR,GAAM,EAAE,UAAO,CAAC"}