@logicplanes/kaeso-ui 0.1.0 → 0.2.1

package/dist/components/flow.js

@@ -2,26 +2,27 @@
 import { t as e } from "../chunks/cn-CidVUKMm.js";
 import { i as t } from "../chunks/context-BELWW79w.js";
 import { t as n } from "../chunks/icon-CeNQtobn.js";
-import { forwardRef as r, useLayoutEffect as i, useRef as a, useState as o } from "react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { t as r } from "../chunks/observe-resize-DhxhmoyB.js";
+import { forwardRef as i, useLayoutEffect as a, useRef as o, useState as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region src/components/flow/flow.tsx
-var l = { node: {
+var u = { node: {
 	pill: { classes: "h-36 rounded-pill px-14" },
 	box: { classes: "min-h-56 rounded-well px-16 py-10" }
-} }, u = { node: "pill" }, d = /* @__PURE__ */ r(function({ columns: r, edges: u, node: d = "pill", animated: f = !1, className: p, "aria-label": m }, h) {
-	let g = t(), [_, v = ""] = g("flow.connection", "{from} to {to}").split("{from}"), [y, b = ""] = v.split("{to}"), x = new Map(r.flat().map((e) => [e.id, e.label])), S = u.filter(([e, t]) => x.has(e) && x.has(t)), C = a(null), [w, T] = o([]), [E, D] = o({
+} }, d = { node: "pill" }, f = /* @__PURE__ */ i(function({ columns: i, edges: d, node: f = "pill", animated: p = !1, className: m, "aria-label": h }, g) {
+	let _ = t(), [v, y = ""] = _("flow.connection", "{from} to {to}").split("{from}"), [b, x = ""] = y.split("{to}"), S = new Map(i.flat().map((e) => [e.id, e.label])), C = d.filter(([e, t]) => S.has(e) && S.has(t)), w = o(null), [T, E] = s([]), [D, O] = s({
 		w: 0,
 		h: 0
 	});
-	return i(() => {
-		let e = C.current;
+	return a(() => {
+		let e = w.current;
 		if (!e) return;
 		let t = () => {
 			let t = e.getBoundingClientRect(), n = (t) => e.querySelector(`[data-flow-node="${t}"]`)?.getBoundingClientRect();
-			D({
+			O({
 				w: Math.round(t.width),
 				h: Math.round(t.height)
-			}), T(u.flatMap(([e, r]) => {
+			}), E(d.flatMap(([e, r]) => {
 				let i = n(e), a = n(r);
 				if (!i || !a) return [];
 				let o = Math.round(i.right - t.left), s = Math.round(i.top + i.height / 2 - t.top) + .5, c = Math.round(a.left - t.left), l = Math.round(a.top + a.height / 2 - t.top) + .5, u = Math.round((o + c) / 2), d = Math.min(12, Math.abs(l - s) / 2, (c - o) / 4);
@@ -37,53 +38,53 @@ var l = { node: {
 			}));
 		};
 		t();
-		let n = typeof ResizeObserver < "u" ? new ResizeObserver(t) : null;
-		return n?.observe(e), document.fonts?.ready.then(t), () => n?.disconnect();
-	}, [r, u]), /* @__PURE__ */ c("div", {
+		let n = r([e], t);
+		return document.fonts?.ready.then(t), n;
+	}, [i, d]), /* @__PURE__ */ l("div", {
 		ref: (e) => {
-			C.current = e, typeof h == "function" ? h(e) : h && (h.current = e);
+			w.current = e, typeof g == "function" ? g(e) : g && (g.current = e);
 		},
 		role: "figure",
-		"aria-label": m ?? g("flow.label", "Flow diagram"),
-		className: e("relative -m-4 inline-flex max-w-full-bleed-4 items-center gap-64 overflow-x-auto p-4 scrollbar-quiet", p),
+		"aria-label": h ?? _("flow.label", "Flow diagram"),
+		className: e("relative -m-4 inline-flex max-w-full-bleed-4 items-center gap-64 overflow-x-auto p-4 scrollbar-quiet", m),
 		children: [
-			/* @__PURE__ */ s("svg", {
+			/* @__PURE__ */ c("svg", {
 				"aria-hidden": !0,
 				className: "pointer-events-none absolute inset-0 overflow-visible",
-				width: E.w,
-				height: E.h,
-				children: w.map((e) => /* @__PURE__ */ c("g", { children: [/* @__PURE__ */ s("path", {
+				width: D.w,
+				height: D.h,
+				children: T.map((e) => /* @__PURE__ */ l("g", { children: [/* @__PURE__ */ c("path", {
 					d: e.d,
 					fill: "none",
 					stroke: "var(--k-line-strong)",
 					strokeWidth: 1.5,
 					strokeLinecap: "round",
 					strokeLinejoin: "round"
-				}), f && /* @__PURE__ */ s("circle", {
+				}), p && /* @__PURE__ */ c("circle", {
 					r: 2.5,
 					fill: "var(--k-text-secondary)",
-					children: /* @__PURE__ */ s("animateMotion", {
+					children: /* @__PURE__ */ c("animateMotion", {
 						dur: "2.4s",
 						repeatCount: "indefinite",
 						path: e.d
 					})
 				})] }, e.key))
 			}),
-			r.map((t, r) => /* @__PURE__ */ s("div", {
+			i.map((t, r) => /* @__PURE__ */ c("div", {
 				className: "relative flex shrink-0 flex-col items-start gap-16",
-				children: t.map((t) => /* @__PURE__ */ c("div", {
+				children: t.map((t) => /* @__PURE__ */ l("div", {
 					"data-flow-node": t.id,
-					className: e("inline-flex items-center gap-8 bg-raised text-body font-medium text-fg", l.node[d].classes, t.emphasis ? "ring-step" : "shadow-control"),
+					className: e("inline-flex items-center gap-8 bg-raised text-body font-medium text-fg", u.node[f].classes, t.emphasis ? "ring-step" : "shadow-control"),
 					children: [
 						t.leading,
-						t.icon && /* @__PURE__ */ s(n, {
+						t.icon && /* @__PURE__ */ c(n, {
 							icon: t.icon,
 							size: "sm",
 							className: "text-fg-secondary"
 						}),
-						/* @__PURE__ */ c("span", {
+						/* @__PURE__ */ l("span", {
 							className: "flex flex-col whitespace-nowrap",
-							children: [/* @__PURE__ */ s("span", { children: t.label }), t.description && d === "box" && /* @__PURE__ */ s("span", {
+							children: [/* @__PURE__ */ c("span", { children: t.label }), t.description && f === "box" && /* @__PURE__ */ c("span", {
 								className: "text-small font-regular text-fg-secondary",
 								children: t.description
 							})]
@@ -91,21 +92,21 @@ var l = { node: {
 					]
 				}, t.id))
 			}, r)),
-			S.length > 0 && /* @__PURE__ */ s("ul", {
+			C.length > 0 && /* @__PURE__ */ c("ul", {
 				className: "sr-only",
-				children: S.map(([e, t]) => /* @__PURE__ */ c("li", { children: [
-					_,
-					x.get(e),
-					y,
-					x.get(t),
-					b
+				children: C.map(([e, t]) => /* @__PURE__ */ l("li", { children: [
+					v,
+					S.get(e),
+					b,
+					S.get(t),
+					x
 				] }, `${e}-${t}`))
 			})
 		]
 	});
 });
-process.env.NODE_ENV !== "production" && (d.displayName = "Flow");
+process.env.NODE_ENV !== "production" && (f.displayName = "Flow");
 //#endregion
-export { d as Flow, u as KAESO_FLOW_DEFAULT_VARIANTS, l as KAESO_FLOW_VARIANTS };
+export { f as Flow, d as KAESO_FLOW_DEFAULT_VARIANTS, u as KAESO_FLOW_VARIANTS };
 
 //# sourceMappingURL=flow.js.map

package/dist/components/flow.js.map

@@ -1 +1 @@
-{"version":3,"file":"flow.js","names":["cn","useUiText","Icon","KAESO_FLOW_VARIANTS","KAESO_FLOW_DEFAULT_VARIANTS","Flow","ariaLabel","t","beforeFrom","fromRest","beforeTo","afterTo","labels","columns","n","connections","edges","a","b","root","useRef","paths","setPaths","useState","size","setSize","useLayoutEffect","el","measure","box","pos","id","p","q","x1","y1","x2","y2","mx","r","dir","ro","ref","className","animated","col","node","ci"],"sources":["../../src/components/flow/flow.tsx"],"sourcesContent":["import { forwardRef, useLayoutEffect, useRef, useState, type ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { Icon, type IconData } from \"../icon/icon.js\";\nimport { useUiText } from \"../../i18n/context.js\";\n\nexport const KAESO_FLOW_VARIANTS = {\n  node: {\n    pill: { classes: \"h-36 rounded-pill px-14\" },\n    box: { classes: \"min-h-56 rounded-well px-16 py-10\" },\n  },\n} as const;\nexport const KAESO_FLOW_DEFAULT_VARIANTS = { node: \"pill\" } as const;\n\nexport interface FlowNode {\n  id: string;\n  label: ReactNode;\n  description?: ReactNode | undefined;\n  icon?: IconData | undefined;\n  leading?: ReactNode | undefined;\n  emphasis?: boolean | undefined;\n}\n\nexport interface FlowProps {\n  columns: FlowNode[][];\n  edges: [string, string][];\n  node?: keyof typeof KAESO_FLOW_VARIANTS.node | undefined;\n  animated?: boolean | undefined;\n  \"aria-label\"?: string | undefined;\n  className?: string | undefined;\n}\n\ninterface Path {\n  d: string;\n  key: string;\n}\n\nexport const Flow = /* @__PURE__ */ forwardRef<HTMLDivElement, FlowProps>(function Flow(\n  { columns, edges, node = \"pill\", animated = false, className, \"aria-label\": ariaLabel },\n  ref,\n) {\n  const t = useUiText();\n  const [beforeFrom, fromRest = \"\"] = t(\"flow.connection\", \"{from} to {to}\").split(\"{from}\");\n  const [beforeTo, afterTo = \"\"] = fromRest.split(\"{to}\");\n  const labels = new Map(columns.flat().map((n) => [n.id, n.label]));\n  const connections = edges.filter(([a, b]) => labels.has(a) && labels.has(b));\n  const root = useRef<HTMLDivElement | null>(null);\n  const [paths, setPaths] = useState<Path[]>([]);\n  const [size, setSize] = useState({ w: 0, h: 0 });\n  useLayoutEffect(() => {\n    const el = root.current;\n    if (!el) return;\n    const measure = () => {\n      const box = el.getBoundingClientRect();\n      const pos = (id: string) => el.querySelector<HTMLElement>(`[data-flow-node=\"${id}\"]`)?.getBoundingClientRect();\n      setSize({ w: Math.round(box.width), h: Math.round(box.height) });\n      setPaths(\n        edges.flatMap(([a, b]) => {\n          const p = pos(a);\n          const q = pos(b);\n          if (!p || !q) return [];\n          const x1 = Math.round(p.right - box.left);\n          const y1 = Math.round(p.top + p.height / 2 - box.top) + 0.5;\n          const x2 = Math.round(q.left - box.left);\n          const y2 = Math.round(q.top + q.height / 2 - box.top) + 0.5;\n          const mx = Math.round((x1 + x2) / 2);\n          const r = Math.min(12, Math.abs(y2 - y1) / 2, (x2 - x1) / 4);\n          if (Math.abs(y2 - y1) < 1) return [{ key: `${a}-${b}`, d: `M${x1} ${y1}H${x2}` }];\n          const dir = y2 > y1 ? 1 : -1;\n          return [{ key: `${a}-${b}`, d: `M${x1} ${y1}H${mx - r}Q${mx} ${y1} ${mx} ${y1 + dir * r}V${y2 - dir * r}Q${mx} ${y2} ${mx + r} ${y2}H${x2}` }];\n        }),\n      );\n    };\n    measure();\n    const ro = typeof ResizeObserver !== \"undefined\" ? new ResizeObserver(measure) : null;\n    ro?.observe(el);\n    document.fonts?.ready.then(measure);\n    return () => ro?.disconnect();\n  }, [columns, edges]);\n  return (\n    <div\n      ref={(e) => {\n        root.current = e;\n        if (typeof ref === \"function\") ref(e);\n        else if (ref) ref.current = e;\n      }}\n      role=\"figure\"\n      aria-label={ariaLabel ?? t(\"flow.label\", \"Flow diagram\")}\n      className={cn(\"relative -m-4 inline-flex max-w-full-bleed-4 items-center gap-64 overflow-x-auto p-4 scrollbar-quiet\", className)}\n    >\n      <svg aria-hidden className=\"pointer-events-none absolute inset-0 overflow-visible\" width={size.w} height={size.h}>\n        {paths.map((p) => (\n          <g key={p.key}>\n            <path d={p.d} fill=\"none\" stroke=\"var(--k-line-strong)\" strokeWidth={1.5} strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n            {animated && (\n              <circle r={2.5} fill=\"var(--k-text-secondary)\">\n                <animateMotion dur=\"2.4s\" repeatCount=\"indefinite\" path={p.d} />\n              </circle>\n            )}\n          </g>\n        ))}\n      </svg>\n      {columns.map((col, ci) => (\n        <div key={ci} className=\"relative flex shrink-0 flex-col items-start gap-16\">\n          {col.map((n) => (\n            <div\n              key={n.id}\n              data-flow-node={n.id}\n              className={cn(\n                \"inline-flex items-center gap-8 bg-raised text-body font-medium text-fg\",\n                KAESO_FLOW_VARIANTS.node[node].classes,\n                n.emphasis ? \"ring-step\" : \"shadow-control\",\n              )}\n            >\n              {n.leading}\n              {n.icon && <Icon icon={n.icon} size=\"sm\" className=\"text-fg-secondary\" />}\n              <span className=\"flex flex-col whitespace-nowrap\">\n                <span>{n.label}</span>\n                {n.description && node === \"box\" && <span className=\"text-small font-regular text-fg-secondary\">{n.description}</span>}\n              </span>\n            </div>\n          ))}\n        </div>\n      ))}\n      {connections.length > 0 && (\n        <ul className=\"sr-only\">\n          {connections.map(([a, b]) => (\n            <li key={`${a}-${b}`}>\n              {beforeFrom}\n              {labels.get(a)}\n              {beforeTo}\n              {labels.get(b)}\n              {afterTo}\n            </li>\n          ))}\n        </ul>\n      )}\n    </div>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Flow.displayName = \"Flow\";\n"],"mappings":"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"}
+{"version":3,"file":"flow.js","names":["cn","useUiText","Icon","observeResize","KAESO_FLOW_VARIANTS","KAESO_FLOW_DEFAULT_VARIANTS","Flow","ariaLabel","t","beforeFrom","fromRest","beforeTo","afterTo","labels","columns","n","connections","edges","a","b","root","useRef","paths","setPaths","useState","size","setSize","useLayoutEffect","el","measure","box","pos","id","p","q","x1","y1","x2","y2","mx","r","dir","stop","ref","className","animated","col","node","ci"],"sources":["../../src/components/flow/flow.tsx"],"sourcesContent":["import { forwardRef, useLayoutEffect, useRef, useState, type ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { observeResize } from \"../../utils/observe-resize.js\";\nimport { Icon, type IconData } from \"../icon/icon.js\";\nimport { useUiText } from \"../../i18n/context.js\";\n\nexport const KAESO_FLOW_VARIANTS = {\n  node: {\n    pill: { classes: \"h-36 rounded-pill px-14\" },\n    box: { classes: \"min-h-56 rounded-well px-16 py-10\" },\n  },\n} as const;\nexport const KAESO_FLOW_DEFAULT_VARIANTS = { node: \"pill\" } as const;\n\nexport interface FlowNode {\n  id: string;\n  label: ReactNode;\n  description?: ReactNode | undefined;\n  icon?: IconData | undefined;\n  leading?: ReactNode | undefined;\n  emphasis?: boolean | undefined;\n}\n\nexport interface FlowProps {\n  columns: FlowNode[][];\n  edges: [string, string][];\n  node?: keyof typeof KAESO_FLOW_VARIANTS.node | undefined;\n  animated?: boolean | undefined;\n  \"aria-label\"?: string | undefined;\n  className?: string | undefined;\n}\n\ninterface Path {\n  d: string;\n  key: string;\n}\n\nexport const Flow = /* @__PURE__ */ forwardRef<HTMLDivElement, FlowProps>(function Flow(\n  { columns, edges, node = \"pill\", animated = false, className, \"aria-label\": ariaLabel },\n  ref,\n) {\n  const t = useUiText();\n  const [beforeFrom, fromRest = \"\"] = t(\"flow.connection\", \"{from} to {to}\").split(\"{from}\");\n  const [beforeTo, afterTo = \"\"] = fromRest.split(\"{to}\");\n  const labels = new Map(columns.flat().map((n) => [n.id, n.label]));\n  const connections = edges.filter(([a, b]) => labels.has(a) && labels.has(b));\n  const root = useRef<HTMLDivElement | null>(null);\n  const [paths, setPaths] = useState<Path[]>([]);\n  const [size, setSize] = useState({ w: 0, h: 0 });\n  useLayoutEffect(() => {\n    const el = root.current;\n    if (!el) return;\n    const measure = () => {\n      const box = el.getBoundingClientRect();\n      const pos = (id: string) => el.querySelector<HTMLElement>(`[data-flow-node=\"${id}\"]`)?.getBoundingClientRect();\n      setSize({ w: Math.round(box.width), h: Math.round(box.height) });\n      setPaths(\n        edges.flatMap(([a, b]) => {\n          const p = pos(a);\n          const q = pos(b);\n          if (!p || !q) return [];\n          const x1 = Math.round(p.right - box.left);\n          const y1 = Math.round(p.top + p.height / 2 - box.top) + 0.5;\n          const x2 = Math.round(q.left - box.left);\n          const y2 = Math.round(q.top + q.height / 2 - box.top) + 0.5;\n          const mx = Math.round((x1 + x2) / 2);\n          const r = Math.min(12, Math.abs(y2 - y1) / 2, (x2 - x1) / 4);\n          if (Math.abs(y2 - y1) < 1) return [{ key: `${a}-${b}`, d: `M${x1} ${y1}H${x2}` }];\n          const dir = y2 > y1 ? 1 : -1;\n          return [{ key: `${a}-${b}`, d: `M${x1} ${y1}H${mx - r}Q${mx} ${y1} ${mx} ${y1 + dir * r}V${y2 - dir * r}Q${mx} ${y2} ${mx + r} ${y2}H${x2}` }];\n        }),\n      );\n    };\n    measure();\n    const stop = observeResize([el], measure);\n    document.fonts?.ready.then(measure);\n    return stop;\n  }, [columns, edges]);\n  return (\n    <div\n      ref={(e) => {\n        root.current = e;\n        if (typeof ref === \"function\") ref(e);\n        else if (ref) ref.current = e;\n      }}\n      role=\"figure\"\n      aria-label={ariaLabel ?? t(\"flow.label\", \"Flow diagram\")}\n      className={cn(\"relative -m-4 inline-flex max-w-full-bleed-4 items-center gap-64 overflow-x-auto p-4 scrollbar-quiet\", className)}\n    >\n      <svg aria-hidden className=\"pointer-events-none absolute inset-0 overflow-visible\" width={size.w} height={size.h}>\n        {paths.map((p) => (\n          <g key={p.key}>\n            <path d={p.d} fill=\"none\" stroke=\"var(--k-line-strong)\" strokeWidth={1.5} strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n            {animated && (\n              <circle r={2.5} fill=\"var(--k-text-secondary)\">\n                <animateMotion dur=\"2.4s\" repeatCount=\"indefinite\" path={p.d} />\n              </circle>\n            )}\n          </g>\n        ))}\n      </svg>\n      {columns.map((col, ci) => (\n        <div key={ci} className=\"relative flex shrink-0 flex-col items-start gap-16\">\n          {col.map((n) => (\n            <div\n              key={n.id}\n              data-flow-node={n.id}\n              className={cn(\n                \"inline-flex items-center gap-8 bg-raised text-body font-medium text-fg\",\n                KAESO_FLOW_VARIANTS.node[node].classes,\n                n.emphasis ? \"ring-step\" : \"shadow-control\",\n              )}\n            >\n              {n.leading}\n              {n.icon && <Icon icon={n.icon} size=\"sm\" className=\"text-fg-secondary\" />}\n              <span className=\"flex flex-col whitespace-nowrap\">\n                <span>{n.label}</span>\n                {n.description && node === \"box\" && <span className=\"text-small font-regular text-fg-secondary\">{n.description}</span>}\n              </span>\n            </div>\n          ))}\n        </div>\n      ))}\n      {connections.length > 0 && (\n        <ul className=\"sr-only\">\n          {connections.map(([a, b]) => (\n            <li key={`${a}-${b}`}>\n              {beforeFrom}\n              {labels.get(a)}\n              {beforeTo}\n              {labels.get(b)}\n              {afterTo}\n            </li>\n          ))}\n        </ul>\n      )}\n    </div>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Flow.displayName = \"Flow\";\n"],"mappings":"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"}

package/dist/components/icon-button.js

@@ -1,2 +1,2 @@
 "use client";
-export { t as IconButton, n as KAESO_ICON_BUTTON_DEFAULT_VARIANTS, r as KAESO_ICON_BUTTON_VARIANTS } from "../chunks/icon-button-Bw67oKtx.js";
+export { t as IconButton, n as KAESO_ICON_BUTTON_DEFAULT_VARIANTS, r as KAESO_ICON_BUTTON_VARIANTS } from "../chunks/icon-button-_x1RUphC.js";

package/dist/components/icon.js

@@ -1,4 +1,4 @@
 "use client";
 import { n as e, r as t, t as n } from "../chunks/icon-CeNQtobn.js";
-import { t as r } from "../chunks/icon-Bha63LaN.js";
+import { t as r } from "../chunks/icon-CBzvyEqC.js";
 export { n as Icon, e as KAESO_ICON_DEFAULT_VARIANTS, t as KAESO_ICON_VARIANTS, r as icons };

package/dist/components/input.js

@@ -1,12 +1,12 @@
 "use client";
 import { t as e } from "../chunks/cn-CidVUKMm.js";
 import { i as t } from "../chunks/context-BELWW79w.js";
-import { r as n } from "../chunks/tooltip-CDu00nzg.js";
+import { r as n } from "../chunks/tooltip-DEbCCsru.js";
 import { a as r, o as i, s as a } from "../chunks/field-d8V94bvZ.js";
-import { a as o, i as s, n as c, r as l, t as u } from "../chunks/input-group-DQqEPFj_.js";
-import { i as d, n as f, r as p, t as m } from "../chunks/input-Biakz6GB.js";
-import { a as h, c as g, i as _, l as v, n as y, o as b, r as x, s as S, t as C } from "../chunks/textarea-Bvk7N2bh.js";
-import { a as w } from "../chunks/tag-BsmQ1xPj.js";
+import { a as o, i as s, n as c, r as l, t as u } from "../chunks/input-group-CYA1MEoZ.js";
+import { i as d, n as f, r as p, t as m } from "../chunks/input-CNTfI6YE.js";
+import { a as h, c as g, i as _, l as v, n as y, o as b, r as x, s as S, t as C } from "../chunks/textarea-Cj8iR82R.js";
+import { a as w } from "../chunks/tag-Dg89uYpV.js";
 import { forwardRef as T, useId as E, useRef as D, useState as O } from "react";
 import { jsx as k, jsxs as A } from "react/jsx-runtime";
 import { ViewIcon as j, ViewOffSlashIcon as M } from "@hugeicons/core-free-icons";

package/dist/components/kaeso/conversation.js

@@ -2,7 +2,7 @@
 import { t as e } from "../../chunks/cn-CidVUKMm.js";
 import { i as t } from "../../chunks/context-BELWW79w.js";
 import { t as n } from "../../chunks/icon-CeNQtobn.js";
-import { t as r } from "../../chunks/banner-BiziJuBZ.js";
+import { t as r } from "../../chunks/banner-DxGBPQ7p.js";
 import { t as i } from "../../chunks/json-view-B6KHIWzh.js";
 import { t as a } from "../../chunks/badge-Dkyhs0_j.js";
 import { n as o } from "../../chunks/collapsible-Cw_1aem5.js";
@@ -11,7 +11,7 @@ import { Suspense as c, forwardRef as l, lazy as u } from "react";
 import { jsx as d, jsxs as f } from "react/jsx-runtime";
 import { Image01Icon as p, Pdf01Icon as m, ToolsIcon as h } from "@hugeicons/core-free-icons";
 //#region src/components/kaeso/conversation.tsx
-var g = /* @__PURE__ */ u(() => import("../../chunks/markdown-C-iJsYnd.js").then((e) => e.o).then((e) => ({ default: e.Markdown }))), _ = { density: {
+var g = /* @__PURE__ */ u(() => import("../../chunks/markdown-5NyaHHfN.js").then((e) => e.o).then((e) => ({ default: e.Markdown }))), _ = { density: {
 	default: { classes: "gap-24" },
 	compact: { classes: "gap-16" }
 } }, v = { density: "default" };

package/dist/components/kaeso/identity.js

@@ -1,2 +1,2 @@
 "use client";
-export { t as KAESO_IDENTITY_DEFAULT_VARIANTS, n as KAESO_IDENTITY_VARIANTS, r as KeyDisplay, i as ModelLabel, a as ProviderBadge, o as ProviderCard, s as RequestTimeline, c as StatusCode, l as providerName } from "../../chunks/identity-DQinp-Ep.js";
+export { t as KAESO_IDENTITY_DEFAULT_VARIANTS, n as KAESO_IDENTITY_VARIANTS, r as KeyDisplay, i as ModelLabel, a as ProviderBadge, o as ProviderCard, s as RequestTimeline, c as StatusCode, l as providerName } from "../../chunks/identity-BtZC_d_Q.js";

package/dist/components/kaeso/moments.js

@@ -2,10 +2,10 @@
 import { t as e } from "../../chunks/cn-CidVUKMm.js";
 import { i as t } from "../../chunks/context-BELWW79w.js";
 import { t as n } from "../../chunks/icon-CeNQtobn.js";
-import { n as r } from "../../chunks/button-BHKAE6ui.js";
+import { n as r } from "../../chunks/button-DQvoOxVQ.js";
 import { t as i } from "../../chunks/use-copy-Dm2ncvMX.js";
-import { t as a } from "../../chunks/copy-button-mAzHjYXq.js";
-import { t as o } from "../../chunks/code-block-BbK6E4Eo.js";
+import { t as a } from "../../chunks/copy-button-DXxn-YYZ.js";
+import { t as o } from "../../chunks/code-block-DxtladFW.js";
 import { forwardRef as s } from "react";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
 import { Alert02Icon as u, Copy01Icon as d, Tick02Icon as f } from "@hugeicons/core-free-icons";

package/dist/components/kaeso/rights.js

@@ -1,2 +1,2 @@
 "use client";
-export { t as KAESO_RIGHTS_MATRIX_DEFAULT_VARIANTS, n as KAESO_RIGHTS_MATRIX_VARIANTS, r as RightsMatrix } from "../../chunks/rights-CXo7zEf6.js";
+export { t as KAESO_RIGHTS_MATRIX_DEFAULT_VARIANTS, n as KAESO_RIGHTS_MATRIX_VARIANTS, r as RightsMatrix } from "../../chunks/rights-BbiJ0AJB.js";

package/dist/components/kaeso/usage.js

@@ -5,7 +5,7 @@ import { formatNumber as n, formatTokens as r } from "../../format.js";
 import { t as i } from "../../chunks/icon-CeNQtobn.js";
 import { a } from "../../chunks/meter-DWhyzFGQ.js";
 import { t as o } from "../../chunks/badge-Dkyhs0_j.js";
-import { C as s, c, l } from "../../chunks/core-Bgefcs3z.js";
+import { C as s, c, l } from "../../chunks/core-K960A4OT.js";
 import { forwardRef as u } from "react";
 import { jsx as d, jsxs as f } from "react/jsx-runtime";
 import { Layers01Icon as p, LeftToRightListBulletIcon as m, Wallet01Icon as h } from "@hugeicons/core-free-icons";

package/dist/components/kaeso.js

@@ -1,15 +1,15 @@
 "use client";
 import { t as e } from "../chunks/cn-CidVUKMm.js";
 import { i as t } from "../chunks/context-BELWW79w.js";
-import { r as n } from "../chunks/tooltip-CDu00nzg.js";
+import { r as n } from "../chunks/tooltip-DEbCCsru.js";
 import { a as r } from "../chunks/radio-CUxbLCvD.js";
-import { r as i } from "../chunks/select-Ca3HGsN1.js";
+import { r as i } from "../chunks/select-Bc4kRiSG.js";
 import { t as a } from "../chunks/badge-Dkyhs0_j.js";
-import { a as o, c as s, i as c, l, n as u, o as d, r as f, s as p, t as m } from "../chunks/identity-DQinp-Ep.js";
+import { a as o, c as s, i as c, l, n as u, o as d, r as f, s as p, t as m } from "../chunks/identity-BtZC_d_Q.js";
 import { EnvironmentSnippet as h, KAESO_MOMENTS_DEFAULT_VARIANTS as g, KAESO_MOMENTS_VARIANTS as _, SecretReveal as v, sdkSnippets as y } from "./kaeso/moments.js";
 import { KAESO_USAGE_DEFAULT_VARIANTS as b, KAESO_USAGE_VARIANTS as x, LimitMeter as S, UsageBreakdown as C } from "./kaeso/usage.js";
 import { ConversationView as w, KAESO_CONVERSATION_DEFAULT_VARIANTS as T, KAESO_CONVERSATION_VARIANTS as E } from "./kaeso/conversation.js";
-import { a as D, i as O, n as k, r as A, t as j } from "../chunks/rights-CXo7zEf6.js";
+import { a as D, i as O, n as k, r as A, t as j } from "../chunks/rights-BbiJ0AJB.js";
 import { Fragment as M, forwardRef as N, useId as P } from "react";
 import { jsx as F, jsxs as I } from "react/jsx-runtime";
 import { RadioGroup as L } from "@base-ui/react/radio-group";

package/dist/components/key-value.js

@@ -1,8 +1,8 @@
 "use client";
 import { t as e } from "../chunks/cn-CidVUKMm.js";
-import { r as t } from "../chunks/tooltip-CDu00nzg.js";
-import { t as n } from "../chunks/use-truncated-DmQoePvG.js";
-import { n as r } from "../chunks/copy-button-mAzHjYXq.js";
+import { r as t } from "../chunks/tooltip-DEbCCsru.js";
+import { t as n } from "../chunks/use-truncated-CW0hByYt.js";
+import { n as r } from "../chunks/copy-button-DXxn-YYZ.js";
 import { forwardRef as i, useRef as a } from "react";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region src/components/key-value/key-value.tsx

package/dist/components/link.js

@@ -1,2 +1,2 @@
 "use client";
-export { t as KAESO_LINK_DEFAULT_VARIANTS, n as KAESO_LINK_VARIANTS, r as Link } from "../chunks/link-tTapNTpM.js";
+export { t as KAESO_LINK_DEFAULT_VARIANTS, n as KAESO_LINK_VARIANTS, r as Link } from "../chunks/link-vz9aV8WX.js";

package/dist/components/list.js

@@ -1,2 +1,2 @@
 "use client";
-export { t as GroupHeader, n as KAESO_LIST_DEFAULT_VARIANTS, r as KAESO_LIST_VARIANTS, i as List, a as ListRow, o as SelectionAction, s as SelectionBar } from "../chunks/list-CN8pO8lv.js";
+export { t as GroupHeader, n as KAESO_LIST_DEFAULT_VARIANTS, r as KAESO_LIST_VARIANTS, i as List, a as ListRow, o as SelectionAction, s as SelectionBar } from "../chunks/list-CzaiyNja.js";

package/dist/components/logo.js

@@ -1,2 +1,102 @@
 "use client";
-export { t as KAESO_LOGO_DEFAULT_VARIANTS, n as KAESO_LOGO_VARIANTS, r as Logo } from "../chunks/logo-VmXYhIJL.js";
+import { t as e } from "../chunks/cn-CidVUKMm.js";
+import { a as t, i as n, n as r, r as i, t as a } from "../chunks/nav-wordmark-DLkItdvo.js";
+import { forwardRef as o } from "react";
+import { jsx as s } from "react/jsx-runtime";
+//#region src/components/logo/logo.tsx
+var c = {
+	markSize: {
+		sm: { classes: "h-20" },
+		md: { classes: "h-24" },
+		lg: { classes: "h-32" },
+		xl: { classes: "h-48" }
+	},
+	lockupSize: {
+		sm: { classes: "h-28" },
+		md: { classes: "h-32" },
+		lg: { classes: "h-40" }
+	}
+}, l = {
+	markSize: "md",
+	lockupSize: "sm"
+};
+function u(t, n, r, i) {
+	let a = /* @__PURE__ */ o(function({ title: t = r, decorative: a, sizeClass: o, className: c, ...l }, u) {
+		return /* @__PURE__ */ s("svg", {
+			ref: u,
+			viewBox: n.viewBox,
+			fill: "currentColor",
+			xmlns: "http://www.w3.org/2000/svg",
+			className: e("block w-auto shrink-0", i, o, c),
+			...a ? {
+				"aria-hidden": !0,
+				focusable: !1
+			} : {
+				role: "img",
+				"aria-label": t
+			},
+			...l,
+			children: n.paths.map((e) => /* @__PURE__ */ s("path", { d: e }, e))
+		});
+	});
+	return a.displayName = t, a;
+}
+var d = /* @__PURE__ */ u("Logo.Mark", i, "Kaeso", ""), f = /* @__PURE__ */ u("Logo.Icon", n, "Kaeso", ""), p = /* @__PURE__ */ u("Logo.Lockup", r, "Kaeso", ""), m = /* @__PURE__ */ u("Logo.Wordmark", t, "Kaeso", ""), h = /* @__PURE__ */ o(function({ size: e = "md", ...t }, n) {
+	return /* @__PURE__ */ s(d, {
+		ref: n,
+		sizeClass: c.markSize[e].classes,
+		...t
+	});
+});
+process.env.NODE_ENV !== "production" && (h.displayName = "Logo.Mark");
+var g = /* @__PURE__ */ o(function({ size: e = "md", ...t }, n) {
+	return /* @__PURE__ */ s(f, {
+		ref: n,
+		sizeClass: c.markSize[e].classes,
+		...t
+	});
+});
+process.env.NODE_ENV !== "production" && (g.displayName = "Logo.Icon");
+var _ = /* @__PURE__ */ o(function({ size: e = "sm", ...t }, n) {
+	return /* @__PURE__ */ s(p, {
+		ref: n,
+		sizeClass: c.lockupSize[e].classes,
+		...t
+	});
+});
+process.env.NODE_ENV !== "production" && (_.displayName = "Logo.Lockup");
+var v = /* @__PURE__ */ o(function({ size: e = "sm", title: t = "Kaeso", decorative: n, className: r, style: i, ...o }, l) {
+	return e === "nav" ? /* @__PURE__ */ s(a, {
+		ref: l,
+		title: t,
+		...n ? { decorative: n } : {},
+		...r ? { className: r } : {},
+		...i ? { style: i } : {},
+		...o
+	}) : /* @__PURE__ */ s(m, {
+		ref: l,
+		sizeClass: e === "sm" ? "h-24" : c.lockupSize[e].classes,
+		title: t,
+		...n ? { decorative: n } : {},
+		...r ? { className: r } : {},
+		...i ? { style: i } : {},
+		...o
+	});
+});
+process.env.NODE_ENV !== "production" && (v.displayName = "Logo.Wordmark");
+var y = /* @__PURE__ */ Object.assign(/* @__PURE__ */ o(function(e, t) {
+	return /* @__PURE__ */ s(_, {
+		ref: t,
+		...e
+	});
+}), {
+	Mark: h,
+	Icon: g,
+	Lockup: _,
+	Wordmark: v
+});
+process.env.NODE_ENV !== "production" && (y.displayName = "Logo");
+//#endregion
+export { l as KAESO_LOGO_DEFAULT_VARIANTS, c as KAESO_LOGO_VARIANTS, y as Logo };
+
+//# sourceMappingURL=logo.js.map

package/dist/components/logo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"logo.js","names":["geometry.mark","geometry.markIcon","geometry.lockup","geometry.wordmark","cn","wordmark","markIcon","lockup","mark","NavWordmark","KAESO_LOGO_VARIANTS","KAESO_LOGO_DEFAULT_VARIANTS","makeSvg","C","defaultTitle","props","g","base","sizeClass","className","decorative","title","d","name","MarkSvg","IconSvg","LockupSvg","WordmarkSvg","Mark","size","IconMark","Lockup","Wordmark","style","Logo"],"sources":["../../src/components/logo/logo.tsx"],"sourcesContent":["import { forwardRef, type SVGAttributes } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport * as geometry from \"./paths.js\";\nimport { NavWordmark } from \"./nav-wordmark.js\";\n\nexport const KAESO_LOGO_VARIANTS = {\n  markSize: {\n    sm: { classes: \"h-20\" },\n    md: { classes: \"h-24\" },\n    lg: { classes: \"h-32\" },\n    xl: { classes: \"h-48\" },\n  },\n  lockupSize: {\n    sm: { classes: \"h-28\" },\n    md: { classes: \"h-32\" },\n    lg: { classes: \"h-40\" },\n  },\n} as const;\nexport const KAESO_LOGO_DEFAULT_VARIANTS = { markSize: \"md\", lockupSize: \"sm\" } as const;\n\ntype Geometry = { readonly viewBox: string; readonly paths: readonly string[] };\ninterface BaseLogoProps extends Omit<SVGAttributes<SVGSVGElement>, \"children\"> {\n  title?: string | undefined;\n  decorative?: boolean | undefined;\n}\n\nfunction makeSvg(name: string, g: Geometry, defaultTitle: string, base: string) {\n  const C = /* @__PURE__ */ forwardRef<SVGSVGElement, BaseLogoProps & { sizeClass: string }>(function LogoSvg(\n    { title = defaultTitle, decorative, sizeClass, className, ...props },\n    ref,\n  ) {\n    return (\n      <svg\n        ref={ref}\n        viewBox={g.viewBox}\n        fill=\"currentColor\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        className={cn(\"block w-auto shrink-0\", base, sizeClass, className)}\n        {...(decorative ? { \"aria-hidden\": true, focusable: false } : { role: \"img\", \"aria-label\": title })}\n        {...props}\n      >\n        {g.paths.map((d) => (\n          <path key={d} d={d} />\n        ))}\n      </svg>\n    );\n  });\n  C.displayName = name;\n  return C;\n}\n\nconst MarkSvg = /* @__PURE__ */ makeSvg(\"Logo.Mark\", geometry.mark, \"Kaeso\", \"\");\nconst IconSvg = /* @__PURE__ */ makeSvg(\"Logo.Icon\", geometry.markIcon, \"Kaeso\", \"\");\nconst LockupSvg = /* @__PURE__ */ makeSvg(\"Logo.Lockup\", geometry.lockup, \"Kaeso\", \"\");\nconst WordmarkSvg = /* @__PURE__ */ makeSvg(\"Logo.Wordmark\", geometry.wordmark, \"Kaeso\", \"\");\n\nexport interface LogoMarkProps extends BaseLogoProps {\n  size?: keyof typeof KAESO_LOGO_VARIANTS.markSize | undefined;\n}\nexport interface LogoLockupProps extends BaseLogoProps {\n  size?: keyof typeof KAESO_LOGO_VARIANTS.lockupSize | undefined;\n}\n\nconst Mark = /* @__PURE__ */ forwardRef<SVGSVGElement, LogoMarkProps>(function Mark({ size = \"md\", ...props }, ref) {\n  return <MarkSvg ref={ref} sizeClass={KAESO_LOGO_VARIANTS.markSize[size].classes} {...props} />;\n});\nif (process.env.NODE_ENV !== \"production\") Mark.displayName = \"Logo.Mark\";\n\nconst IconMark = /* @__PURE__ */ forwardRef<SVGSVGElement, LogoMarkProps>(function IconMark({ size = \"md\", ...props }, ref) {\n  return <IconSvg ref={ref} sizeClass={KAESO_LOGO_VARIANTS.markSize[size].classes} {...props} />;\n});\nif (process.env.NODE_ENV !== \"production\") IconMark.displayName = \"Logo.Icon\";\n\nconst Lockup = /* @__PURE__ */ forwardRef<SVGSVGElement, LogoLockupProps>(function Lockup({ size = \"sm\", ...props }, ref) {\n  return <LockupSvg ref={ref} sizeClass={KAESO_LOGO_VARIANTS.lockupSize[size].classes} {...props} />;\n});\nif (process.env.NODE_ENV !== \"production\") Lockup.displayName = \"Logo.Lockup\";\n\nexport interface LogoWordmarkProps extends BaseLogoProps {\n  size?: keyof typeof KAESO_LOGO_VARIANTS.lockupSize | \"nav\" | undefined;\n}\n\nconst Wordmark = /* @__PURE__ */ forwardRef<SVGSVGElement, LogoWordmarkProps>(function Wordmark({ size = \"sm\", title = \"Kaeso\", decorative, className, style, ...props }, ref) {\n  if (size === \"nav\") {\n    return (\n      <NavWordmark\n        ref={ref}\n        title={title}\n        {...(decorative ? { decorative } : {})}\n        {...(className ? { className } : {})}\n        {...(style ? { style } : {})}\n        {...props}\n      />\n    );\n  }\n  return (\n    <WordmarkSvg\n      ref={ref}\n      sizeClass={size === \"sm\" ? \"h-24\" : KAESO_LOGO_VARIANTS.lockupSize[size].classes}\n      title={title}\n      {...(decorative ? { decorative } : {})}\n      {...(className ? { className } : {})}\n      {...(style ? { style } : {})}\n      {...props}\n    />\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Wordmark.displayName = \"Logo.Wordmark\";\n\nexport const Logo = /* @__PURE__ */ Object.assign(\n  /* @__PURE__ */ forwardRef<SVGSVGElement, LogoLockupProps>(function Logo(props, ref) {\n    return <Lockup ref={ref} {...props} />;\n  }),\n  { Mark, Icon: IconMark, Lockup, Wordmark },\n);\nif (process.env.NODE_ENV !== \"production\") Logo.displayName = \"Logo\";\n"],"mappings":"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"}

package/dist/components/markdown.js

@@ -1,4 +1,4 @@
 "use client";
 import { t as e } from "../chunks/safe-href-G5DBNVwm.js";
-import { a as t, i as n, n as r, r as i, s as a, t as o } from "../chunks/markdown-C-iJsYnd.js";
+import { a as t, i as n, n as r, r as i, s as a, t as o } from "../chunks/markdown-5NyaHHfN.js";
 export { o as KAESO_MARKDOWN_DEFAULT_VARIANTS, r as KAESO_MARKDOWN_VARIANTS, i as Markdown, n as lexMarkdown, t as markdownCodeLang, a as previewMarkdown, e as safeHref };

package/dist/components/menu.js

@@ -1,4 +1,4 @@
 "use client";
 import { c as e } from "../chunks/styles-Btvg2DCf.js";
-import { a as t, i as n, n as r, r as i, t as a } from "../chunks/menu-OURWt_hD.js";
+import { a as t, i as n, n as r, r as i, t as a } from "../chunks/menu-DyVPwgfF.js";
 export { a as ContextMenu, r as KAESO_MENU_DEFAULT_VARIANTS, i as KAESO_MENU_VARIANTS, n as Menu, t as Menubar, e as menuStyles };

package/dist/components/page-header.js

@@ -1,2 +1,2 @@
 "use client";
-export { t as KAESO_PAGE_HEADER_DEFAULT_VARIANTS, n as KAESO_PAGE_HEADER_VARIANTS, r as PageHeader } from "../chunks/page-header-BIRswR73.js";
+export { t as KAESO_PAGE_HEADER_DEFAULT_VARIANTS, n as KAESO_PAGE_HEADER_VARIANTS, r as PageHeader } from "../chunks/page-header-CEPZzhRp.js";

package/dist/components/pagination.js

@@ -1,2 +1,2 @@
 "use client";
-export { t as KAESO_PAGINATION_DEFAULT_VARIANTS, n as KAESO_PAGINATION_VARIANTS, r as Pagination } from "../chunks/pagination-DYdLm18-.js";
+export { t as KAESO_PAGINATION_DEFAULT_VARIANTS, n as KAESO_PAGINATION_VARIANTS, r as Pagination } from "../chunks/pagination-CCMxQ5pH.js";

package/dist/components/playground.js

@@ -4,16 +4,16 @@ import { t } from "../chunks/use-controllable-B5Fd12Bx.js";
 import { i as n } from "../chunks/context-BELWW79w.js";
 import { formatDuration as r, formatNumber as i, formatUSD as a } from "../format.js";
 import { t as o } from "../chunks/icon-CeNQtobn.js";
-import { t as s } from "../chunks/use-truncated-DmQoePvG.js";
-import { n as c } from "../chunks/button-BHKAE6ui.js";
-import { t as l } from "../chunks/icon-button-Bw67oKtx.js";
-import { o as u, r as d } from "../chunks/textarea-Bvk7N2bh.js";
+import { t as s } from "../chunks/use-truncated-CW0hByYt.js";
+import { n as c } from "../chunks/button-DQvoOxVQ.js";
+import { t as l } from "../chunks/icon-button-_x1RUphC.js";
+import { o as u, r as d } from "../chunks/textarea-Cj8iR82R.js";
 import { r as f } from "../chunks/slider-DbhjJ3ML.js";
-import { r as p } from "../chunks/segmented-CDTx2n29.js";
-import { n as m, r as h } from "../chunks/select-Ca3HGsN1.js";
+import { r as p } from "../chunks/segmented-MrinfDL8.js";
+import { n as m, r as h } from "../chunks/select-Bc4kRiSG.js";
 import { i as g } from "../chunks/popover-BE7VO-a4.js";
-import { i as _, l as v } from "../chunks/identity-DQinp-Ep.js";
-import { r as y } from "../chunks/markdown-C-iJsYnd.js";
+import { i as _, l as v } from "../chunks/identity-BtZC_d_Q.js";
+import { r as y } from "../chunks/markdown-5NyaHHfN.js";
 import { Children as b, createContext as x, forwardRef as S, isValidElement as C, useCallback as w, useContext as T, useEffect as E, useId as D, useLayoutEffect as O, useRef as k, useState as A, useSyncExternalStore as j } from "react";
 import { Fragment as M, jsx as N, jsxs as P } from "react/jsx-runtime";
 import { Add01Icon as F, ArrowLeft01Icon as I, ArrowRight01Icon as L, Cancel01Icon as R, SlidersHorizontalIcon as z } from "@hugeicons/core-free-icons";

package/dist/components/scroll-area.js

@@ -2,34 +2,41 @@
 import { t as e } from "../chunks/cn-CidVUKMm.js";
 import { forwardRef as t } from "react";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { ScrollArea as i } from "@base-ui/react/scroll-area";
+import { CSPProvider as i } from "@base-ui/react/csp-provider";
+import { ScrollArea as a } from "@base-ui/react/scroll-area";
 //#region src/components/scroll-area/scroll-area.tsx
-var a = { orientation: {
-	vertical: { classes: "scroll-fade-y" },
-	horizontal: { classes: "scroll-fade-x" },
-	both: { classes: "" }
-} }, o = { orientation: "vertical" }, s = ({ orientation: t }) => /* @__PURE__ */ n(i.Scrollbar, {
+var o = { orientation: {
+	vertical: { classes: "scroll-axis-y scroll-fade-y" },
+	horizontal: { classes: "scroll-axis-x scroll-fade-x" },
+	both: { classes: "scroll-axis-both" }
+} }, s = { orientation: "vertical" }, c = ({ orientation: t }) => /* @__PURE__ */ n(a.Scrollbar, {
 	orientation: t,
 	className: e("flex touch-none p-2 opacity-0 select-none transition-control data-hovering:opacity-100 data-scrolling:opacity-100", t === "vertical" ? "w-10" : "h-10 flex-col"),
-	children: /* @__PURE__ */ n(i.Thumb, { className: "flex-1 rounded-pill bg-line-strong" })
-}), c = /* @__PURE__ */ t(function({ children: t, orientation: o = "vertical", className: c, viewportClassName: l, ...u }, d) {
-	return /* @__PURE__ */ r(i.Root, {
-		ref: d,
-		className: e("relative min-h-0 overflow-hidden", c),
-		children: [
-			/* @__PURE__ */ n(i.Viewport, {
-				className: e("size-full overscroll-contain focus-ring-inset", a.orientation[o].classes, l),
-				...u,
-				children: t
-			}),
-			o !== "horizontal" && /* @__PURE__ */ n(s, { orientation: "vertical" }),
-			o !== "vertical" && /* @__PURE__ */ n(s, { orientation: "horizontal" }),
-			o === "both" && /* @__PURE__ */ n(i.Corner, {})
-		]
+	children: /* @__PURE__ */ n(a.Thumb, { className: "flex-1 rounded-pill bg-line-strong" })
+}), l = /* @__PURE__ */ t(function({ children: t, orientation: s = "vertical", className: l, viewportClassName: u, "aria-label": d }, f) {
+	return /* @__PURE__ */ n(i, {
+		disableStyleElements: !0,
+		children: /* @__PURE__ */ r(a.Root, {
+			ref: f,
+			className: e("relative min-h-0 overflow-hidden", l),
+			children: [
+				/* @__PURE__ */ n(a.Viewport, {
+					className: e("size-full focus-ring-inset", o.orientation[s].classes, u),
+					...d ? {
+						role: "region",
+						"aria-label": d
+					} : {},
+					children: t
+				}),
+				s !== "horizontal" && /* @__PURE__ */ n(c, { orientation: "vertical" }),
+				s !== "vertical" && /* @__PURE__ */ n(c, { orientation: "horizontal" }),
+				s === "both" && /* @__PURE__ */ n(a.Corner, {})
+			]
+		})
 	});
 });
-process.env.NODE_ENV !== "production" && (c.displayName = "ScrollArea");
+process.env.NODE_ENV !== "production" && (l.displayName = "ScrollArea");
 //#endregion
-export { o as KAESO_SCROLL_AREA_DEFAULT_VARIANTS, a as KAESO_SCROLL_AREA_VARIANTS, c as ScrollArea };
+export { s as KAESO_SCROLL_AREA_DEFAULT_VARIANTS, o as KAESO_SCROLL_AREA_VARIANTS, l as ScrollArea };
 
 //# sourceMappingURL=scroll-area.js.map

package/dist/components/scroll-area.js.map

@@ -1 +1 @@
-{"version":3,"file":"scroll-area.js","names":["BaseScrollArea","cn","ScrollArea$1","KAESO_SCROLL_AREA_VARIANTS","KAESO_SCROLL_AREA_DEFAULT_VARIANTS","Bar","orientation","ScrollArea","props","className","viewportClassName"],"sources":["../../src/components/scroll-area/scroll-area.tsx"],"sourcesContent":["import { forwardRef, type ReactNode } from \"react\";\nimport { ScrollArea as BaseScrollArea } from \"@base-ui/react/scroll-area\";\nimport { cn } from \"../../utils/cn.js\";\n\nexport const KAESO_SCROLL_AREA_VARIANTS = {\n  orientation: {\n    vertical: { classes: \"scroll-fade-y\" },\n    horizontal: { classes: \"scroll-fade-x\" },\n    both: { classes: \"\" },\n  },\n} as const;\nexport const KAESO_SCROLL_AREA_DEFAULT_VARIANTS = { orientation: \"vertical\" } as const;\n\nexport interface ScrollAreaProps {\n  children: ReactNode;\n  orientation?: keyof typeof KAESO_SCROLL_AREA_VARIANTS.orientation | undefined;\n  className?: string | undefined;\n  viewportClassName?: string | undefined;\n  \"aria-label\"?: string | undefined;\n}\n\nconst Bar = ({ orientation }: { orientation: \"vertical\" | \"horizontal\" }) => (\n  <BaseScrollArea.Scrollbar\n    orientation={orientation}\n    className={cn(\n      \"flex touch-none p-2 opacity-0 select-none transition-control data-hovering:opacity-100 data-scrolling:opacity-100\",\n      orientation === \"vertical\" ? \"w-10\" : \"h-10 flex-col\",\n    )}\n  >\n    <BaseScrollArea.Thumb className=\"flex-1 rounded-pill bg-line-strong\" />\n  </BaseScrollArea.Scrollbar>\n);\n\nexport const ScrollArea = /* @__PURE__ */ forwardRef<HTMLDivElement, ScrollAreaProps>(function ScrollArea(\n  { children, orientation = \"vertical\", className, viewportClassName, ...props },\n  ref,\n) {\n  return (\n    <BaseScrollArea.Root ref={ref} className={cn(\"relative min-h-0 overflow-hidden\", className)}>\n      <BaseScrollArea.Viewport\n        className={cn(\"size-full overscroll-contain focus-ring-inset\", KAESO_SCROLL_AREA_VARIANTS.orientation[orientation].classes, viewportClassName)}\n        {...props}\n      >\n        {children}\n      </BaseScrollArea.Viewport>\n      {orientation !== \"horizontal\" && <Bar orientation=\"vertical\" />}\n      {orientation !== \"vertical\" && <Bar orientation=\"horizontal\" />}\n      {orientation === \"both\" && <BaseScrollArea.Corner />}\n    </BaseScrollArea.Root>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") ScrollArea.displayName = \"ScrollArea\";\n"],"mappings":";;;;;;AAIA,IAAaG,IAA6B,EACxC,aAAa;CACX,UAAU,EAAE,SAAS,gBAAgB;CACrC,YAAY,EAAE,SAAS,gBAAgB;CACvC,MAAM,EAAE,SAAS,GAAG;AACtB,EACF,GACaC,IAAqC,EAAE,aAAa,WAAW,GAUtEC,KAAO,EAAE,qBACb,kBAACL,EAAe,WAAhB;CACe;CACb,WAAWC,EACT,qHACAK,MAAgB,aAAa,SAAS,eACxC;CAEA,UAAA,kBAACN,EAAe,OAAhB,EAAsB,WAAU,qCAAsC,CAAA;AAC9C,CAAA,GAGfO,IAA6B,kBAA4C,SACpF,EAAE,aAAU,iBAAc,YAAY,cAAW,sBAAmB,GAAGC,KACvE,GACA;CACA,OACE,kBAACR,EAAe,MAAhB;EAA0B;EAAK,WAAWC,EAAG,oCAAoCQ,CAAS;EAA1F,UAAA;GACE,kBAACT,EAAe,UAAhB;IACE,WAAWC,EAAG,iDAAiDE,EAA2B,YAAYG,EAAY,CAAC,SAASI,CAAiB;IAC7I,GAAIF;IAEH;GACsB,CAAA;GACxBF,MAAgB,gBAAgB,kBAACD,GAAD,EAAK,aAAY,WAAY,CAAA;GAC7DC,MAAgB,cAAc,kBAACD,GAAD,EAAK,aAAY,aAAc,CAAA;GAC7DC,MAAgB,UAAU,kBAACN,EAAe,QAAhB,CAAwB,CAAA;EAChC;;AAEzB,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAW,cAAc"}
+{"version":3,"file":"scroll-area.js","names":["BaseScrollArea","cn","ScrollArea$1","KAESO_SCROLL_AREA_VARIANTS","KAESO_SCROLL_AREA_DEFAULT_VARIANTS","Bar","orientation","ScrollArea","label","CSPProvider","className","viewportClassName"],"sources":["../../src/components/scroll-area/scroll-area.tsx"],"sourcesContent":["import { forwardRef, type ReactNode } from \"react\";\nimport { CSPProvider } from \"@base-ui/react/csp-provider\";\nimport { ScrollArea as BaseScrollArea } from \"@base-ui/react/scroll-area\";\nimport { cn } from \"../../utils/cn.js\";\n\nexport const KAESO_SCROLL_AREA_VARIANTS = {\n  orientation: {\n    vertical: { classes: \"scroll-axis-y scroll-fade-y\" },\n    horizontal: { classes: \"scroll-axis-x scroll-fade-x\" },\n    both: { classes: \"scroll-axis-both\" },\n  },\n} as const;\nexport const KAESO_SCROLL_AREA_DEFAULT_VARIANTS = { orientation: \"vertical\" } as const;\n\nexport interface ScrollAreaProps {\n  children: ReactNode;\n  orientation?: keyof typeof KAESO_SCROLL_AREA_VARIANTS.orientation | undefined;\n  className?: string | undefined;\n  viewportClassName?: string | undefined;\n  \"aria-label\"?: string | undefined;\n}\n\nconst Bar = ({ orientation }: { orientation: \"vertical\" | \"horizontal\" }) => (\n  <BaseScrollArea.Scrollbar\n    orientation={orientation}\n    className={cn(\n      \"flex touch-none p-2 opacity-0 select-none transition-control data-hovering:opacity-100 data-scrolling:opacity-100\",\n      orientation === \"vertical\" ? \"w-10\" : \"h-10 flex-col\",\n    )}\n  >\n    <BaseScrollArea.Thumb className=\"flex-1 rounded-pill bg-line-strong\" />\n  </BaseScrollArea.Scrollbar>\n);\n\nexport const ScrollArea = /* @__PURE__ */ forwardRef<HTMLDivElement, ScrollAreaProps>(function ScrollArea(\n  { children, orientation = \"vertical\", className, viewportClassName, \"aria-label\": label },\n  ref,\n) {\n  return (\n    <CSPProvider disableStyleElements>\n      <BaseScrollArea.Root ref={ref} className={cn(\"relative min-h-0 overflow-hidden\", className)}>\n        <BaseScrollArea.Viewport\n          className={cn(\"size-full focus-ring-inset\", KAESO_SCROLL_AREA_VARIANTS.orientation[orientation].classes, viewportClassName)}\n          {...(label ? { role: \"region\", \"aria-label\": label } : {})}\n        >\n          {children}\n        </BaseScrollArea.Viewport>\n        {orientation !== \"horizontal\" && <Bar orientation=\"vertical\" />}\n        {orientation !== \"vertical\" && <Bar orientation=\"horizontal\" />}\n        {orientation === \"both\" && <BaseScrollArea.Corner />}\n      </BaseScrollArea.Root>\n    </CSPProvider>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") ScrollArea.displayName = \"ScrollArea\";\n"],"mappings":";;;;;;;AAKA,IAAaG,IAA6B,EACxC,aAAa;CACX,UAAU,EAAE,SAAS,8BAA8B;CACnD,YAAY,EAAE,SAAS,8BAA8B;CACrD,MAAM,EAAE,SAAS,mBAAmB;AACtC,EACF,GACaC,IAAqC,EAAE,aAAa,WAAW,GAUtEC,KAAO,EAAE,qBACb,kBAACL,EAAe,WAAhB;CACe;CACb,WAAWC,EACT,qHACAK,MAAgB,aAAa,SAAS,eACxC;CAEA,UAAA,kBAACN,EAAe,OAAhB,EAAsB,WAAU,qCAAsC,CAAA;AAC9C,CAAA,GAGfO,IAA6B,kBAA4C,SACpF,EAAE,aAAU,iBAAc,YAAY,cAAW,sBAAmB,cAAcC,KAClF,GACA;CACA,OACE,kBAACC,GAAD;EAAa,sBAAA;EACX,UAAA,kBAACT,EAAe,MAAhB;GAA0B;GAAK,WAAWC,EAAG,oCAAoCS,CAAS;GAA1F,UAAA;IACE,kBAACV,EAAe,UAAhB;KACE,WAAWC,EAAG,8BAA8BE,EAA2B,YAAYG,EAAY,CAAC,SAASK,CAAiB;KAC1H,GAAKH,IAAQ;MAAE,MAAM;MAAU,cAAcA;KAAM,IAAI,CAAC;KAEvD;IACsB,CAAA;IACxBF,MAAgB,gBAAgB,kBAACD,GAAD,EAAK,aAAY,WAAY,CAAA;IAC7DC,MAAgB,cAAc,kBAACD,GAAD,EAAK,aAAY,aAAc,CAAA;IAC7DC,MAAgB,UAAU,kBAACN,EAAe,QAAhB,CAAwB,CAAA;GAChC;;CACV,CAAA;AAEjB,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAW,cAAc"}

package/dist/components/section.js

@@ -1,2 +1,2 @@
 "use client";
-export { t as AuthLayout, n as KAESO_SECTION_DEFAULT_VARIANTS, r as KAESO_SECTION_VARIANTS, i as Section, a as SplitView } from "../chunks/section-XStLtXKa.js";
+export { t as AuthLayout, n as KAESO_SECTION_DEFAULT_VARIANTS, r as KAESO_SECTION_VARIANTS, i as Section, a as SplitView } from "../chunks/section-DzOLLN1p.js";

package/dist/components/segmented.js

@@ -1,2 +1,2 @@
 "use client";
-export { t as KAESO_SEGMENTED_DEFAULT_VARIANTS, n as KAESO_SEGMENTED_VARIANTS, r as Segmented } from "../chunks/segmented-CDTx2n29.js";
+export { t as KAESO_SEGMENTED_DEFAULT_VARIANTS, n as KAESO_SEGMENTED_VARIANTS, r as Segmented } from "../chunks/segmented-MrinfDL8.js";

package/dist/components/select.js

@@ -1,2 +1,2 @@
 "use client";
-export { t as KAESO_SELECT_DEFAULT_VARIANTS, n as KAESO_SELECT_VARIANTS, r as Select } from "../chunks/select-Ca3HGsN1.js";
+export { t as KAESO_SELECT_DEFAULT_VARIANTS, n as KAESO_SELECT_VARIANTS, r as Select } from "../chunks/select-Bc4kRiSG.js";