@logicplanes/kaeso-ui 0.4.0 → 0.4.2

package/dist/components/playground.js

@@ -1,24 +1,24 @@
 "use client";
-import { t as e } from "../chunks/cn-DUDmdLpZ.js";
+import { t as e } from "../chunks/cn-Dj6sRgkF.js";
 import { t } from "../chunks/use-controllable-B5Fd12Bx.js";
 import { i as n, r } from "../chunks/context-BELWW79w.js";
 import { formatContext as i, formatDuration as a, formatNumber as o, formatUSD as s } from "../format.js";
-import { t as c } from "../chunks/icon-BqujXDUc.js";
+import { t as c } from "../chunks/icon-D7ja-_Yk.js";
 import { t as l } from "../chunks/use-truncated-CW0hByYt.js";
-import { n as u } from "../chunks/button-h2IFCER2.js";
-import { t as d } from "../chunks/icon-button-DmKFxQbP.js";
-import { a as f, o as p, s as m } from "../chunks/field-BZriODU7.js";
-import { o as h, r as g } from "../chunks/textarea-jOiTkfMf.js";
-import { r as _ } from "../chunks/slider-Ds-tqY-1.js";
-import { r as v } from "../chunks/switch-Cq1OfeBr.js";
-import { r as y } from "../chunks/segmented-DxjnIuww.js";
-import { n as b, r as x } from "../chunks/select-Bbv2f5F8.js";
-import { i as S } from "../chunks/popover-bjxg020P.js";
-import { r as C } from "../chunks/combobox-B9ttar4C.js";
-import { a as ee, t as w } from "../chunks/command-list-DZMVrXWD.js";
-import { i as T, r as E } from "../chunks/picker-popover-B5YdOxNm.js";
-import { a as D, o as O, t as k, u as A } from "../chunks/identity-Chj7fW89.js";
-import { r as j } from "../chunks/markdown-DBVNULWg.js";
+import { n as u } from "../chunks/button-Dzu7_csE.js";
+import { t as d } from "../chunks/icon-button-CPYR21Sz.js";
+import { a as f, o as p, s as m } from "../chunks/field-TviMvYa2.js";
+import { o as h, r as g } from "../chunks/textarea-CT2S2JVM.js";
+import { r as _ } from "../chunks/slider-Ci83PGtj.js";
+import { r as v } from "../chunks/switch-b-VkStWj.js";
+import { r as y } from "../chunks/segmented-C97zvDR1.js";
+import { n as b, r as x } from "../chunks/select-x4XVsdCI.js";
+import { i as S } from "../chunks/popover-CFMwaeIP.js";
+import { r as C } from "../chunks/combobox-BARyrpXH.js";
+import { a as ee, t as w } from "../chunks/command-list-0RR4DpUe.js";
+import { i as T, r as E } from "../chunks/picker-popover-DShea4b8.js";
+import { a as D, o as O, t as k, u as A } from "../chunks/identity-DPuTkMsa.js";
+import { r as j } from "../chunks/markdown-BEgwZFlu.js";
 import { Children as M, createContext as te, forwardRef as N, isValidElement as ne, useCallback as P, useContext as re, useEffect as F, useId as ie, useLayoutEffect as I, useMemo as L, useRef as R, useState as z, useSyncExternalStore as ae } from "react";
 import { Fragment as oe, jsx as B, jsxs as V } from "react/jsx-runtime";
 import { Add01Icon as se, ArrowLeft01Icon as ce, ArrowRight01Icon as H, Cancel01Icon as U, SlidersHorizontalIcon as W } from "@hugeicons/core-free-icons";

package/dist/components/popover.js

@@ -1,7 +1,7 @@
 "use client";
-import { t as e } from "../chunks/cn-DUDmdLpZ.js";
+import { t as e } from "../chunks/cn-Dj6sRgkF.js";
 import { n as t, r as n } from "../chunks/portal-context-BBbzDKmY.js";
-import { i as r, n as i, r as a, t as o } from "../chunks/popover-bjxg020P.js";
+import { i as r, n as i, r as a, t as o } from "../chunks/popover-CFMwaeIP.js";
 import { forwardRef as s } from "react";
 import { jsx as c } from "react/jsx-runtime";
 import { PreviewCard as l } from "@base-ui/react/preview-card";

package/dist/components/qr-code.js

@@ -1,5 +1,5 @@
 "use client";
-import { t as e } from "../chunks/cn-DUDmdLpZ.js";
+import { t as e } from "../chunks/cn-Dj6sRgkF.js";
 import { forwardRef as t, useMemo as n } from "react";
 import { jsx as r } from "react/jsx-runtime";
 import { encode as i } from "uqr";
@@ -24,7 +24,7 @@ var a = { size: {
 		role: "img",
 		"aria-label": o,
 		shapeRendering: "crispEdges",
-		className: e("block rounded-well bg-scan text-on-scan shadow-ring", a.size[s].classes, c),
+		className: e("block shrink-0 rounded-well bg-scan text-on-scan shadow-ring", a.size[s].classes, c),
 		children: /* @__PURE__ */ r("path", {
 			d: u,
 			fill: "currentColor"

package/dist/components/qr-code.js.map

@@ -1 +1 @@
-{"version":3,"file":"qr-code.js","names":["cn","KAESO_QR_CODE_VARIANTS","KAESO_QR_CODE_DEFAULT_VARIANTS","QRCode","useMemo","encode","value","d","data","row","dark","x","y","extent","label","size","className","path"],"sources":["../../src/components/qr-code/qr-code.tsx"],"sourcesContent":["import { forwardRef, useMemo } from \"react\";\nimport { encode } from \"uqr\";\nimport { cn } from \"../../utils/cn.js\";\n\nexport const KAESO_QR_CODE_VARIANTS = {\n  size: {\n    md: { classes: \"size-160\" },\n    lg: { classes: \"size-200\" },\n  },\n} as const;\nexport const KAESO_QR_CODE_DEFAULT_VARIANTS = { size: \"md\" } as const;\n\nexport interface QRCodeProps {\n  value: string;\n  label: string;\n  size?: keyof typeof KAESO_QR_CODE_VARIANTS.size | undefined;\n  className?: string | undefined;\n}\n\nexport const QRCode = /* @__PURE__ */ forwardRef<SVGSVGElement, QRCodeProps>(function QRCode({ value, label, size = \"md\", className }, ref) {\n  const { path, extent } = useMemo(() => {\n    const { data, size: n } = encode(value, { ecc: \"M\", border: 2 });\n    let d = \"\";\n    data.forEach((row, y) => row.forEach((dark, x) => dark && (d += `M${x} ${y}h1v1h-1z`)));\n    return { path: d, extent: n };\n  }, [value]);\n  return (\n    <svg\n      ref={ref}\n      viewBox={`0 0 ${extent} ${extent}`}\n      role=\"img\"\n      aria-label={label}\n      shapeRendering=\"crispEdges\"\n      className={cn(\"block rounded-well bg-scan text-on-scan shadow-ring\", KAESO_QR_CODE_VARIANTS.size[size].classes, className)}\n    >\n      <path d={path} fill=\"currentColor\" />\n    </svg>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") QRCode.displayName = \"QRCode\";\n"],"mappings":";;;;;;AAIA,IAAaC,IAAyB,EACpC,MAAM;CACJ,IAAI,EAAE,SAAS,WAAW;CAC1B,IAAI,EAAE,SAAS,WAAW;AAC5B,EACF,GACaC,IAAiC,EAAE,MAAM,KAAK,GAS9CC,IAAyB,kBAAuC,SAAgB,EAAE,UAAO,UAAO,UAAO,MAAM,gBAAa,GAAK;CAC1I,IAAM,EAAE,SAAM,cAAWC,QAAc;EACrC,IAAM,EAAE,SAAM,MAAM,MAAMC,EAAOC,GAAO;GAAE,KAAK;GAAK,QAAQ;EAAE,CAAC,GAC3DC,IAAI;EAER,OADAC,EAAK,SAAS,GAAK,MAAMC,EAAI,SAAS,GAAM,MAAMC,MAAS,KAAK,IAAIC,EAAE,GAAGC,EAAE,UAAU,CAAC,GAC/E;GAAE,MAAML;GAAG,QAAQ;EAAE;CAC9B,GAAG,CAACD,CAAK,CAAC;CACV,OACE,kBAAC,OAAD;EACO;EACL,SAAS,OAAOO,EAAO,GAAGA;EAC1B,MAAK;EACL,cAAYC;EACZ,gBAAe;EACf,WAAWd,EAAG,uDAAuDC,EAAuB,KAAKc,EAAK,CAAC,SAASC,CAAS;EAEzH,UAAA,kBAAC,QAAD;GAAM,GAAGC;GAAM,MAAK;EAAgB,CAAA;CACjC,CAAA;AAET,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAO,cAAc"}
+{"version":3,"file":"qr-code.js","names":["cn","KAESO_QR_CODE_VARIANTS","KAESO_QR_CODE_DEFAULT_VARIANTS","QRCode","useMemo","encode","value","d","data","row","dark","x","y","extent","label","size","className","path"],"sources":["../../src/components/qr-code/qr-code.tsx"],"sourcesContent":["import { forwardRef, useMemo } from \"react\";\nimport { encode } from \"uqr\";\nimport { cn } from \"../../utils/cn.js\";\n\nexport const KAESO_QR_CODE_VARIANTS = {\n  size: {\n    md: { classes: \"size-160\" },\n    lg: { classes: \"size-200\" },\n  },\n} as const;\nexport const KAESO_QR_CODE_DEFAULT_VARIANTS = { size: \"md\" } as const;\n\nexport interface QRCodeProps {\n  value: string;\n  label: string;\n  size?: keyof typeof KAESO_QR_CODE_VARIANTS.size | undefined;\n  className?: string | undefined;\n}\n\nexport const QRCode = /* @__PURE__ */ forwardRef<SVGSVGElement, QRCodeProps>(function QRCode({ value, label, size = \"md\", className }, ref) {\n  const { path, extent } = useMemo(() => {\n    const { data, size: n } = encode(value, { ecc: \"M\", border: 2 });\n    let d = \"\";\n    data.forEach((row, y) => row.forEach((dark, x) => dark && (d += `M${x} ${y}h1v1h-1z`)));\n    return { path: d, extent: n };\n  }, [value]);\n  return (\n    <svg\n      ref={ref}\n      viewBox={`0 0 ${extent} ${extent}`}\n      role=\"img\"\n      aria-label={label}\n      shapeRendering=\"crispEdges\"\n      className={cn(\"block shrink-0 rounded-well bg-scan text-on-scan shadow-ring\", KAESO_QR_CODE_VARIANTS.size[size].classes, className)}\n    >\n      <path d={path} fill=\"currentColor\" />\n    </svg>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") QRCode.displayName = \"QRCode\";\n"],"mappings":";;;;;;AAIA,IAAaC,IAAyB,EACpC,MAAM;CACJ,IAAI,EAAE,SAAS,WAAW;CAC1B,IAAI,EAAE,SAAS,WAAW;AAC5B,EACF,GACaC,IAAiC,EAAE,MAAM,KAAK,GAS9CC,IAAyB,kBAAuC,SAAgB,EAAE,UAAO,UAAO,UAAO,MAAM,gBAAa,GAAK;CAC1I,IAAM,EAAE,SAAM,cAAWC,QAAc;EACrC,IAAM,EAAE,SAAM,MAAM,MAAMC,EAAOC,GAAO;GAAE,KAAK;GAAK,QAAQ;EAAE,CAAC,GAC3DC,IAAI;EAER,OADAC,EAAK,SAAS,GAAK,MAAMC,EAAI,SAAS,GAAM,MAAMC,MAAS,KAAK,IAAIC,EAAE,GAAGC,EAAE,UAAU,CAAC,GAC/E;GAAE,MAAML;GAAG,QAAQ;EAAE;CAC9B,GAAG,CAACD,CAAK,CAAC;CACV,OACE,kBAAC,OAAD;EACO;EACL,SAAS,OAAOO,EAAO,GAAGA;EAC1B,MAAK;EACL,cAAYC;EACZ,gBAAe;EACf,WAAWd,EAAG,gEAAgEC,EAAuB,KAAKc,EAAK,CAAC,SAASC,CAAS;EAElI,UAAA,kBAAC,QAAD;GAAM,GAAGC;GAAM,MAAK;EAAgB,CAAA;CACjC,CAAA;AAET,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAO,cAAc"}

package/dist/components/radio.js

@@ -1,2 +1,2 @@
 "use client";
-export { t as KAESO_RADIO_DEFAULT_VARIANTS, n as KAESO_RADIO_VARIANTS, r as Radio, i as RadioCards, a as RadioCircle, o as RadioGroup } from "../chunks/radio-DwYcXAzv.js";
+export { t as KAESO_RADIO_DEFAULT_VARIANTS, n as KAESO_RADIO_VARIANTS, r as Radio, i as RadioCards, a as RadioCircle, o as RadioGroup } from "../chunks/radio-Yl0nO-Sj.js";

package/dist/components/release-art.js

@@ -1,2 +1,2 @@
 "use client";
-export { t as KAESO_RELEASE_ART_DEFAULT_VARIANTS, n as KAESO_RELEASE_ART_VARIANTS, a as RELEASE_ART_STYLES, r as ReleaseArt, o as isReleaseArtSpec, s as nextReleaseArt, c as randomReleaseArt, l as releaseArtFor, i as releaseArtSvg } from "../chunks/release-art-Ogl-L1Vh.js";
+export { t as KAESO_RELEASE_ART_DEFAULT_VARIANTS, n as KAESO_RELEASE_ART_VARIANTS, a as RELEASE_ART_STYLES, r as ReleaseArt, o as isReleaseArtSpec, s as nextReleaseArt, c as randomReleaseArt, l as releaseArtFor, i as releaseArtSvg } from "../chunks/release-art-ZwfFQImt.js";

package/dist/components/scroll-area.js

@@ -1,42 +1,2 @@
 "use client";
-import { t as e } from "../chunks/cn-DUDmdLpZ.js";
-import { forwardRef as t } from "react";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-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 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(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" && (l.displayName = "ScrollArea");
-//#endregion
-export { s as KAESO_SCROLL_AREA_DEFAULT_VARIANTS, o as KAESO_SCROLL_AREA_VARIANTS, l as ScrollArea };
-
-//# sourceMappingURL=scroll-area.js.map
+export { t as KAESO_SCROLL_AREA_DEFAULT_VARIANTS, n as KAESO_SCROLL_AREA_VARIANTS, r as ScrollArea } from "../chunks/scroll-area-D8MD7Vpo.js";

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-BsET7Fo-.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-Ce1efbsP.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-DxjnIuww.js";
+export { t as KAESO_SEGMENTED_DEFAULT_VARIANTS, n as KAESO_SEGMENTED_VARIANTS, r as Segmented } from "../chunks/segmented-C97zvDR1.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-Bbv2f5F8.js";
+export { t as KAESO_SELECT_DEFAULT_VARIANTS, n as KAESO_SELECT_VARIANTS, r as Select } from "../chunks/select-x4XVsdCI.js";

package/dist/components/separator.js

@@ -1,2 +1,2 @@
 "use client";
-export { t as KAESO_SEPARATOR_DEFAULT_VARIANTS, n as KAESO_SEPARATOR_VARIANTS, r as Separator } from "../chunks/separator-CpAUELNs.js";
+export { t as KAESO_SEPARATOR_DEFAULT_VARIANTS, n as KAESO_SEPARATOR_VARIANTS, r as Separator } from "../chunks/separator-D7TzNHmX.js";

package/dist/components/settings.js

@@ -1,7 +1,7 @@
 "use client";
-import { t as e } from "../chunks/cn-DUDmdLpZ.js";
+import { t as e } from "../chunks/cn-Dj6sRgkF.js";
 import { r as t } from "../chunks/link-provider-BsUxhZKG.js";
-import { t as n } from "../chunks/icon-BqujXDUc.js";
+import { t as n } from "../chunks/icon-D7ja-_Yk.js";
 import { forwardRef as r } from "react";
 import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
 import { ArrowRight01Icon as s } from "@hugeicons/core-free-icons";
@@ -60,7 +60,8 @@ var f = /* @__PURE__ */ r(function({ title: r, description: l, icon: u, control:
 			})]
 		}),
 		d && /* @__PURE__ */ a("span", {
-			className: "flex max-w-full shrink-0 items-center",
+			"data-row-control": "",
+			className: e("flex max-w-full shrink-0 items-center @max-settings-row:basis-full", u && "@max-settings-row:pl-36"),
 			children: d
 		}),
 		(f !== void 0 || x) && !d && /* @__PURE__ */ o("span", {
@@ -71,7 +72,7 @@ var f = /* @__PURE__ */ r(function({ title: r, description: l, icon: u, control:
 				className: "text-fg-tertiary"
 			})]
 		})
-	] }), C = e("relative flex w-full flex-wrap items-center gap-x-16 gap-y-8 px-20 text-left", l ? c.row.default.classes : c.row.single.classes, "not-first:before:absolute not-first:before:top-0 not-first:before:right-0 not-first:before:h-1 not-first:before:bg-line-subtle", u ? "not-first:before:left-56" : "not-first:before:left-20", x && "cursor-pointer transition-control hover:bg-fill-1 active:bg-fill-2 focus-ring-card-row", _);
+	] }), C = e("@container relative flex w-full flex-wrap items-center gap-x-16 gap-y-8 px-20 text-left", l ? c.row.default.classes : c.row.single.classes, "not-first:before:absolute not-first:before:top-0 not-first:before:right-0 not-first:before:h-1 not-first:before:bg-line-subtle", u ? "not-first:before:left-56" : "not-first:before:left-20", x && "cursor-pointer transition-control hover:bg-fill-1 active:bg-fill-2 focus-ring-card-row", _);
 	return p ? /* @__PURE__ */ a(b, {
 		ref: y,
 		href: p,

package/dist/components/settings.js.map

@@ -1 +1 @@
-{"version":3,"file":"settings.js","names":["_Fragment","__icon_ArrowRight01Icon","cn","useLinkComponent","Icon","Fragment$1","KAESO_SETTINGS_VARIANTS","KAESO_SETTINGS_DEFAULT_VARIANTS","SettingsSection","className","title","actions","description","children","SettingsGroup","props","SettingsRow","force","LinkComp","navigates","href","onClick","body","icon","id","danger","control","value","ArrowRight01Icon","classes"],"sources":["../../src/components/settings/settings.tsx"],"sourcesContent":["import type * as React from \"react\";\nimport { forwardRef, type MouseEvent, type ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { useLinkComponent } from \"../../utils/link-provider.js\";\nimport { ArrowRight01Icon as __icon_ArrowRight01Icon } from \"@hugeicons/core-free-icons\";\nimport { Icon, type IconData } from \"../icon/icon.js\";\n\nexport const KAESO_SETTINGS_VARIANTS = {\n  row: {\n    default: { classes: \"min-h-64 py-12\" },\n    single: { classes: \"min-h-56 py-10\" },\n  },\n} as const;\nexport const KAESO_SETTINGS_DEFAULT_VARIANTS = { row: \"default\" } as const;\n\nexport interface SettingsSectionProps {\n  title?: ReactNode | undefined;\n  description?: ReactNode | undefined;\n  actions?: ReactNode | undefined;\n  children: ReactNode;\n  className?: string | undefined;\n}\n\nexport const SettingsSection = /* @__PURE__ */ forwardRef<HTMLElement, SettingsSectionProps>(function SettingsSection(\n  { title, description, actions, children, className },\n  ref,\n) {\n  return (\n    <section ref={ref} className={cn(\"mt-48 first:mt-40\", className)}>\n      {(title || actions) && (\n        <div className=\"mb-12 flex items-end justify-between gap-16\">\n          <div className=\"flex flex-col gap-2\">\n            {title && <h2 className=\"text-title-sm font-semibold text-fg\">{title}</h2>}\n            {description && <p className=\"text-small text-fg-secondary\">{description}</p>}\n          </div>\n          {actions}\n        </div>\n      )}\n      {children}\n    </section>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") SettingsSection.displayName = \"SettingsSection\";\n\nexport const SettingsGroup = /* @__PURE__ */ forwardRef<HTMLDivElement, { children: ReactNode; className?: string | undefined; \"aria-label\"?: string | undefined }>(\n  function SettingsGroup({ children, className, ...props }, ref) {\n    return (\n      <div ref={ref} role=\"group\" className={cn(\"flex flex-col overflow-hidden rounded-group bg-raised shadow-xs\", className)} {...props}>\n        {children}\n      </div>\n    );\n  },\n);\nif (process.env.NODE_ENV !== \"production\") SettingsGroup.displayName = \"SettingsGroup\";\n\nexport interface SettingsRowProps {\n  title: ReactNode;\n  description?: ReactNode | undefined;\n  icon?: IconData | undefined;\n  control?: ReactNode | undefined;\n  value?: ReactNode | undefined;\n  href?: string | undefined;\n  onClick?: ((e: MouseEvent<HTMLElement>) => void) | undefined;\n  id?: string | undefined;\n  danger?: boolean | undefined;\n  className?: string | undefined;\n  \"data-force\"?: string | undefined;\n}\n\nexport const SettingsRow = /* @__PURE__ */ forwardRef<HTMLDivElement, SettingsRowProps>(function SettingsRow(\n  { title, description, icon, control, value, href, onClick, id, danger, className, \"data-force\": force },\n  ref,\n) {\n  const LinkComp = useLinkComponent();\n  const navigates = !!(href || onClick);\n  const body = (\n    <>\n      {icon && (\n        <span className=\"inline-flex size-20 shrink-0 items-center justify-center text-fg-secondary\">\n          <Icon icon={icon} size=\"md\" />\n        </span>\n      )}\n      <span className=\"flex min-w-0 flex-1 basis-140 flex-col gap-2\">\n        <span id={id ? `${id}-title` : undefined} className={cn(\"text-body-lg font-medium\", danger ? \"text-danger-text\" : \"text-fg\")}>\n          {title}\n        </span>\n        {description && <span className=\"text-small text-fg-secondary text-pretty\">{description}</span>}\n      </span>\n      {control && <span className=\"flex max-w-full shrink-0 items-center\">{control}</span>}\n      {(value !== undefined || navigates) && !control && (\n        <span className=\"flex shrink-0 items-center gap-6 text-body text-fg-secondary\">\n          {value}\n          {navigates && <Icon icon={__icon_ArrowRight01Icon} size=\"sm\" className=\"text-fg-tertiary\" />}\n        </span>\n      )}\n    </>\n  );\n  const classes = cn(\n    \"relative flex w-full flex-wrap items-center gap-x-16 gap-y-8 px-20 text-left\",\n    description ? KAESO_SETTINGS_VARIANTS.row.default.classes : KAESO_SETTINGS_VARIANTS.row.single.classes,\n    \"not-first:before:absolute not-first:before:top-0 not-first:before:right-0 not-first:before:h-1 not-first:before:bg-line-subtle\",\n    icon ? \"not-first:before:left-56\" : \"not-first:before:left-20\",\n    navigates && \"cursor-pointer transition-control hover:bg-fill-1 active:bg-fill-2 focus-ring-card-row\",\n    className,\n  );\n  if (href) {\n    return (\n      <LinkComp ref={ref as React.Ref<HTMLAnchorElement>} href={href} className={classes} {...(force ? { \"data-force\": force } : {})}>\n        {body}\n      </LinkComp>\n    );\n  }\n  if (onClick) {\n    return (\n      <button ref={ref as React.Ref<HTMLButtonElement>} type=\"button\" onClick={onClick} className={classes} {...(force ? { \"data-force\": force } : {})}>\n        {body}\n      </button>\n    );\n  }\n  return (\n    <div ref={ref} className={classes} {...(force ? { \"data-force\": force } : {})}>\n      {body}\n    </div>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") SettingsRow.displayName = \"SettingsRow\";\n"],"mappings":";;;;;;;;AAOA,IAAaM,IAA0B,EACrC,KAAK;CACH,SAAS,EAAE,SAAS,iBAAiB;CACrC,QAAQ,EAAE,SAAS,iBAAiB;AACtC,EACF,GACaC,IAAkC,EAAE,KAAK,UAAU,GAUnDC,IAAkC,kBAA8C,SAC3F,EAAE,UAAO,gBAAa,YAAS,aAAU,gBACzC,GACA;CACA,OACE,kBAAC,WAAD;EAAc;EAAK,WAAWN,EAAG,qBAAqBO,CAAS;EAA/D,UAAA,EACIC,KAASC,MACT,kBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACE,kBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACGD,KAAS,kBAAC,MAAD;KAAI,WAAU;KAAuC,UAAAA;IAAU,CAAA,GACxEE,KAAe,kBAAC,KAAD;KAAG,WAAU;KAAgC,UAAAA;IAAe,CAAA,CACzE;GACJ,CAAA,GAAAD,CACE;EAEN,CAAA,GAAAE,CACM;;AAEb,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAgB,cAAc;AAEzE,IAAaC,IAAgC,kBAC3C,SAAuB,EAAE,aAAU,cAAW,GAAGC,KAAS,GAAK;CAC7D,OACE,kBAAC,OAAD;EAAU;EAAK,MAAK;EAAQ,WAAWb,EAAG,mEAAmEO,CAAS;EAAG,GAAIM;EAC1H;CACE,CAAA;AAET,CACF;AACA,QAAA,IAAA,aAA6B,iBAAc,EAAc,cAAc;AAgBvE,IAAaC,IAA8B,kBAA6C,SACtF,EAAE,UAAO,gBAAa,SAAM,YAAS,UAAO,SAAM,YAAS,OAAI,WAAQ,cAAW,cAAcC,KAChG,GACA;CACA,IAAMC,IAAWf,EAAiB,GAC5BgB,IAAY,CAAC,EAAEC,KAAQC,IACvBC,IACJ,kBAAAtB,GAAA,EAAA,UAAA;EACGuB,KACC,kBAAC,QAAD;GAAM,WAAU;GACd,UAAA,kBAACnB,GAAD;IAAY;IAAM,MAAK;GAAM,CAAA;EACzB,CAAA;EAER,kBAAC,QAAD;GAAM,WAAU;GAAhB,UAAA,CACE,kBAAC,QAAD;IAAM,IAAIoB,IAAK,GAAGA,EAAG,UAAU,KAAA;IAAW,WAAWtB,EAAG,4BAA4BuB,IAAS,qBAAqB,SAAS;IACxH,UAAAf;GACG,CAAA,GACLE,KAAe,kBAAC,QAAD;IAAM,WAAU;IAA4C,UAAAA;GAAkB,CAAA,CAC1F;;EACLc,KAAW,kBAAC,QAAD;GAAM,WAAU;GAAyC,UAAAA;EAAc,CAAA;GACjFC,MAAU,KAAA,KAAaR,MAAc,CAACO,KACtC,kBAAC,QAAD;GAAM,WAAU;GAAhB,UAAA,CACGC,GACAR,KAAa,kBAACf,GAAD;IAAM,MAAMH;IAAyB,MAAK;IAAK,WAAU;GAAoB,CAAA,CACvF;;CAER,EAAA,CAAA,GAEE4B,IAAU3B,EACd,gFACAU,IAAcN,EAAwB,IAAI,QAAQ,UAAUA,EAAwB,IAAI,OAAO,SAC/F,kIACAiB,IAAO,6BAA6B,4BACpCJ,KAAa,0FACbV,CACF;CAeA,OAdIW,IAEA,kBAACF,GAAD;EAAe;EAA2C;EAAM,WAAWW;EAAS,GAAKZ,IAAQ,EAAE,cAAcA,EAAM,IAAI,CAAC;EACzH,UAAAK;CACO,CAAA,IAGVD,IAEA,kBAAC,UAAD;EAAa;EAAqC,MAAK;EAAkB;EAAS,WAAWQ;EAAS,GAAKZ,IAAQ,EAAE,cAAcA,EAAM,IAAI,CAAC;EAC3I,UAAAK;CACK,CAAA,IAIV,kBAAC,OAAD;EAAU;EAAK,WAAWO;EAAS,GAAKZ,IAAQ,EAAE,cAAcA,EAAM,IAAI,CAAC;EACxE,UAAAK;CACE,CAAA;AAET,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAY,cAAc"}
+{"version":3,"file":"settings.js","names":["_Fragment","__icon_ArrowRight01Icon","cn","useLinkComponent","Icon","Fragment$1","KAESO_SETTINGS_VARIANTS","KAESO_SETTINGS_DEFAULT_VARIANTS","SettingsSection","className","title","actions","description","children","SettingsGroup","props","SettingsRow","force","LinkComp","navigates","href","onClick","body","icon","id","danger","control","value","ArrowRight01Icon","classes"],"sources":["../../src/components/settings/settings.tsx"],"sourcesContent":["import type * as React from \"react\";\nimport { forwardRef, type MouseEvent, type ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { useLinkComponent } from \"../../utils/link-provider.js\";\nimport { ArrowRight01Icon as __icon_ArrowRight01Icon } from \"@hugeicons/core-free-icons\";\nimport { Icon, type IconData } from \"../icon/icon.js\";\n\nexport const KAESO_SETTINGS_VARIANTS = {\n  row: {\n    default: { classes: \"min-h-64 py-12\" },\n    single: { classes: \"min-h-56 py-10\" },\n  },\n} as const;\nexport const KAESO_SETTINGS_DEFAULT_VARIANTS = { row: \"default\" } as const;\n\nexport interface SettingsSectionProps {\n  title?: ReactNode | undefined;\n  description?: ReactNode | undefined;\n  actions?: ReactNode | undefined;\n  children: ReactNode;\n  className?: string | undefined;\n}\n\nexport const SettingsSection = /* @__PURE__ */ forwardRef<HTMLElement, SettingsSectionProps>(function SettingsSection(\n  { title, description, actions, children, className },\n  ref,\n) {\n  return (\n    <section ref={ref} className={cn(\"mt-48 first:mt-40\", className)}>\n      {(title || actions) && (\n        <div className=\"mb-12 flex items-end justify-between gap-16\">\n          <div className=\"flex flex-col gap-2\">\n            {title && <h2 className=\"text-title-sm font-semibold text-fg\">{title}</h2>}\n            {description && <p className=\"text-small text-fg-secondary\">{description}</p>}\n          </div>\n          {actions}\n        </div>\n      )}\n      {children}\n    </section>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") SettingsSection.displayName = \"SettingsSection\";\n\nexport const SettingsGroup = /* @__PURE__ */ forwardRef<HTMLDivElement, { children: ReactNode; className?: string | undefined; \"aria-label\"?: string | undefined }>(\n  function SettingsGroup({ children, className, ...props }, ref) {\n    return (\n      <div ref={ref} role=\"group\" className={cn(\"flex flex-col overflow-hidden rounded-group bg-raised shadow-xs\", className)} {...props}>\n        {children}\n      </div>\n    );\n  },\n);\nif (process.env.NODE_ENV !== \"production\") SettingsGroup.displayName = \"SettingsGroup\";\n\nexport interface SettingsRowProps {\n  title: ReactNode;\n  description?: ReactNode | undefined;\n  icon?: IconData | undefined;\n  control?: ReactNode | undefined;\n  value?: ReactNode | undefined;\n  href?: string | undefined;\n  onClick?: ((e: MouseEvent<HTMLElement>) => void) | undefined;\n  id?: string | undefined;\n  danger?: boolean | undefined;\n  className?: string | undefined;\n  \"data-force\"?: string | undefined;\n}\n\nexport const SettingsRow = /* @__PURE__ */ forwardRef<HTMLDivElement, SettingsRowProps>(function SettingsRow(\n  { title, description, icon, control, value, href, onClick, id, danger, className, \"data-force\": force },\n  ref,\n) {\n  const LinkComp = useLinkComponent();\n  const navigates = !!(href || onClick);\n  const body = (\n    <>\n      {icon && (\n        <span className=\"inline-flex size-20 shrink-0 items-center justify-center text-fg-secondary\">\n          <Icon icon={icon} size=\"md\" />\n        </span>\n      )}\n      <span className=\"flex min-w-0 flex-1 basis-140 flex-col gap-2\">\n        <span id={id ? `${id}-title` : undefined} className={cn(\"text-body-lg font-medium\", danger ? \"text-danger-text\" : \"text-fg\")}>\n          {title}\n        </span>\n        {description && <span className=\"text-small text-fg-secondary text-pretty\">{description}</span>}\n      </span>\n      {control && (\n        <span data-row-control=\"\" className={cn(\"flex max-w-full shrink-0 items-center @max-settings-row:basis-full\", icon && \"@max-settings-row:pl-36\")}>\n          {control}\n        </span>\n      )}\n      {(value !== undefined || navigates) && !control && (\n        <span className=\"flex shrink-0 items-center gap-6 text-body text-fg-secondary\">\n          {value}\n          {navigates && <Icon icon={__icon_ArrowRight01Icon} size=\"sm\" className=\"text-fg-tertiary\" />}\n        </span>\n      )}\n    </>\n  );\n  const classes = cn(\n    \"@container relative flex w-full flex-wrap items-center gap-x-16 gap-y-8 px-20 text-left\",\n    description ? KAESO_SETTINGS_VARIANTS.row.default.classes : KAESO_SETTINGS_VARIANTS.row.single.classes,\n    \"not-first:before:absolute not-first:before:top-0 not-first:before:right-0 not-first:before:h-1 not-first:before:bg-line-subtle\",\n    icon ? \"not-first:before:left-56\" : \"not-first:before:left-20\",\n    navigates && \"cursor-pointer transition-control hover:bg-fill-1 active:bg-fill-2 focus-ring-card-row\",\n    className,\n  );\n  if (href) {\n    return (\n      <LinkComp ref={ref as React.Ref<HTMLAnchorElement>} href={href} className={classes} {...(force ? { \"data-force\": force } : {})}>\n        {body}\n      </LinkComp>\n    );\n  }\n  if (onClick) {\n    return (\n      <button ref={ref as React.Ref<HTMLButtonElement>} type=\"button\" onClick={onClick} className={classes} {...(force ? { \"data-force\": force } : {})}>\n        {body}\n      </button>\n    );\n  }\n  return (\n    <div ref={ref} className={classes} {...(force ? { \"data-force\": force } : {})}>\n      {body}\n    </div>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") SettingsRow.displayName = \"SettingsRow\";\n"],"mappings":"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"}

package/dist/components/sheet.js

@@ -1,9 +1,9 @@
 "use client";
-import { t as e } from "../chunks/cn-DUDmdLpZ.js";
+import { t as e } from "../chunks/cn-Dj6sRgkF.js";
 import { r as t } from "../chunks/portal-context-BBbzDKmY.js";
 import { n, t as r } from "../chunks/inset-BnBj8NJV.js";
 import { i } from "../chunks/context-BELWW79w.js";
-import { t as a } from "../chunks/icon-button-DmKFxQbP.js";
+import { t as a } from "../chunks/icon-button-CPYR21Sz.js";
 import { a as o, i as s, t as c } from "../chunks/resize-motion-DS3rIIqy.js";
 import { t as l } from "../chunks/over-sheet-B8vzr_zU.js";
 import { forwardRef as u, useCallback as d, useState as f } from "react";
@@ -18,8 +18,8 @@ var v = {
 		lg: { classes: "w-800" }
 	},
 	side: {
-		right: { classes: "top-8 right-8 bottom-8 sheet-limits-x" },
-		left: { classes: "top-8 bottom-8 left-8 sheet-limits-x" },
+		right: { classes: "top-8 right-8 bottom-8 sheet-limits-x max-sm:inset-0 max-sm:w-auto max-sm:max-w-none max-sm:rounded-none" },
+		left: { classes: "top-8 bottom-8 left-8 sheet-limits-x max-sm:inset-0 max-sm:w-auto max-sm:max-w-none max-sm:rounded-none" },
 		bottom: { classes: "right-8 bottom-8 left-8 sheet-limits-y" }
 	}
 }, y = {

package/dist/components/sheet.js.map

@@ -1 +1 @@
-{"version":3,"file":"sheet.js","names":["BaseDialog","__icon_Cancel01Icon","_Fragment","cn","usePortalContainer","GutterContent","IconButton","useRestoreFocus","useScopedDialog","useResizeMotion","OverNonModalSheet","Fragment$1","KAESO_SHEET_VARIANTS","KAESO_SHEET_DEFAULT_VARIANTS","Frame","Title","inline","Dialog","t","useUiText","box","setBox","useState","grows","side","headRef","useCallback","el","close","Cancel01Icon","onOpenChange","title","subtitle","actions","footer","useShownContent","shown","setShown","props","Sheet","current","size","focus","open","modal","container","settled","defaultOpen","o","trigger","InsetContent"],"sources":["../../src/components/sheet/sheet.tsx"],"sourcesContent":["import { GutterContent, InsetContent } from \"../../utils/inset.js\";\nimport { usePortalContainer } from \"../../utils/portal-context.js\";\nimport { forwardRef, useCallback, useState, type ReactElement, type ReactNode } from \"react\";\nimport { Dialog as BaseDialog } from \"@base-ui/react/dialog\";\nimport { OverNonModalSheet } from \"../../utils/over-sheet.js\";\nimport { cn } from \"../../utils/cn.js\";\nimport { useRestoreFocus } from \"../../utils/restore-focus.js\";\nimport { useScopedDialog } from \"../../utils/dialog-scope.js\";\nimport { Cancel01Icon as __icon_Cancel01Icon } from \"@hugeicons/core-free-icons\";\nimport { IconButton } from \"../icon-button/icon-button.js\";\nimport { useUiText } from \"../../i18n/context.js\";\nimport { useResizeMotion } from \"../../utils/resize-motion.js\";\n\nexport const KAESO_SHEET_VARIANTS = {\n  size: {\n    sm: { classes: \"w-480\" },\n    md: { classes: \"w-640\" },\n    lg: { classes: \"w-800\" },\n  },\n  side: {\n    right: { classes: \"top-8 right-8 bottom-8 sheet-limits-x\" },\n    left: { classes: \"top-8 bottom-8 left-8 sheet-limits-x\" },\n    bottom: { classes: \"right-8 bottom-8 left-8 sheet-limits-y\" },\n  },\n} as const;\nexport const KAESO_SHEET_DEFAULT_VARIANTS = { size: \"sm\", side: \"right\" } as const;\n\nexport interface SheetProps {\n  open?: boolean | undefined;\n  defaultOpen?: boolean | undefined;\n  onOpenChange?: ((open: boolean) => void) | undefined;\n  trigger?: ReactElement | undefined;\n  title: ReactNode;\n  subtitle?: ReactNode | undefined;\n  actions?: ReactNode | undefined;\n  size?: keyof typeof KAESO_SHEET_VARIANTS.size | undefined;\n  side?: keyof typeof KAESO_SHEET_VARIANTS.side | undefined;\n  modal?: boolean | undefined;\n  children: ReactNode;\n  footer?: ReactNode | undefined;\n  inline?: boolean | undefined;\n}\n\nfunction Frame({ title, subtitle, actions, children, footer, inline, onOpenChange, side }: SheetProps) {\n  const Title = inline ? \"h2\" : BaseDialog.Title;\n  const t = useUiText();\n  const [box, setBox] = useState<HTMLElement | null>(null);\n  const grows = side === \"bottom\";\n  const headRef = useCallback((el: HTMLElement | null) => setBox(grows ? (el?.parentElement ?? null) : null), [grows]);\n  useResizeMotion(box);\n  const close = (\n    <IconButton\n      icon={__icon_Cancel01Icon}\n      aria-label={t(\"sheet.close\", \"Close\")}\n      tooltip={false}\n      {...(inline && onOpenChange ? { onClick: () => onOpenChange(false) } : {})}\n    />\n  );\n  return (\n    <>\n      <div ref={headRef} className=\"flex h-60 shrink-0 items-center gap-12 px-24 hairline-b\">\n        <div className=\"flex min-w-0 flex-1 flex-col\">\n          <Title className=\"truncate text-title-sm font-semibold text-fg\">{title}</Title>\n          {subtitle && <span className=\"truncate mono text-small text-fg-secondary\">{subtitle}</span>}\n        </div>\n        {actions}\n        {inline ? close : <BaseDialog.Close render={close} />}\n      </div>\n      <div data-dialog-body=\"\" className=\"min-h-0 flex-1 overflow-y-auto overscroll-contain px-24 py-20 scrollbar-quiet\">\n        <GutterContent>{children}</GutterContent>\n      </div>\n      {footer && <div className=\"flex shrink-0 flex-wrap items-center justify-end gap-8 px-24 py-16 hairline-t\">{footer}</div>}\n    </>\n  );\n}\n\nfunction useShownContent(props: SheetProps): SheetProps {\n  const [shown, setShown] = useState(props);\n  if (props.open !== false && shown !== props) setShown(props);\n  if (props.open !== false) return props;\n  const { title, subtitle, actions, children, footer } = shown;\n  return { ...props, title, subtitle, actions, children, footer };\n}\n\nexport const Sheet = /* @__PURE__ */ forwardRef<HTMLDivElement, SheetProps>(function Sheet(current, ref) {\n  const props = useShownContent(current);\n  const { open, defaultOpen, onOpenChange, trigger, size = \"sm\", side = \"right\", modal = true, inline } = props;\n  const box = cn(\n    \"flex flex-col overflow-hidden rounded-sheet bg-raised text-fg shadow-dialog outline-none\",\n    side !== \"bottom\" && KAESO_SHEET_VARIANTS.size[size].classes,\n  );\n  const focus = useRestoreFocus(open, () => modal);\n  const container = usePortalContainer();\n  const settled = useScopedDialog(inline ? false : open);\n  if (inline)\n    return (\n      <div ref={ref} className={cn(box, \"h-560\")}>\n        <Frame {...props} />\n      </div>\n    );\n  return (\n    <BaseDialog.Root\n      {...(open !== undefined ? { open } : {})}\n      {...(defaultOpen !== undefined ? { defaultOpen } : {})}\n      {...(onOpenChange ? { onOpenChange: (o: boolean) => onOpenChange(o) } : {})}\n      modal={modal}\n      onOpenChangeComplete={settled}\n    >\n      {trigger && <BaseDialog.Trigger render={trigger} />}\n      <BaseDialog.Portal container={container}>\n        {modal && <BaseDialog.Backdrop className=\"fixed inset-0 z-40 bg-overlay opacity-50 backdrop-motion\" />}\n        <BaseDialog.Popup\n          ref={ref}\n          data-side={side}\n          initialFocus={focus.initialFocus}\n          finalFocus={focus.finalFocus}\n          className={cn(\"fixed z-40 sheet-motion\", box, KAESO_SHEET_VARIANTS.side[side].classes, !modal && side !== \"bottom\" && \"sheet-inspector\")}\n        >\n          <InsetContent inset={false}>\n            <OverNonModalSheet value={!modal}>\n              <Frame {...props} />\n            </OverNonModalSheet>\n          </InsetContent>\n        </BaseDialog.Popup>\n      </BaseDialog.Portal>\n    </BaseDialog.Root>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Sheet.displayName = \"Sheet\";\n"],"mappings":"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"}
+{"version":3,"file":"sheet.js","names":["BaseDialog","__icon_Cancel01Icon","_Fragment","cn","usePortalContainer","GutterContent","IconButton","useRestoreFocus","useScopedDialog","useResizeMotion","OverNonModalSheet","Fragment$1","KAESO_SHEET_VARIANTS","KAESO_SHEET_DEFAULT_VARIANTS","Frame","Title","inline","Dialog","t","useUiText","box","setBox","useState","grows","side","headRef","useCallback","el","close","Cancel01Icon","onOpenChange","title","subtitle","actions","footer","useShownContent","shown","setShown","props","Sheet","current","size","focus","open","modal","container","settled","defaultOpen","o","trigger","InsetContent"],"sources":["../../src/components/sheet/sheet.tsx"],"sourcesContent":["import { GutterContent, InsetContent } from \"../../utils/inset.js\";\nimport { usePortalContainer } from \"../../utils/portal-context.js\";\nimport { forwardRef, useCallback, useState, type ReactElement, type ReactNode } from \"react\";\nimport { Dialog as BaseDialog } from \"@base-ui/react/dialog\";\nimport { OverNonModalSheet } from \"../../utils/over-sheet.js\";\nimport { cn } from \"../../utils/cn.js\";\nimport { useRestoreFocus } from \"../../utils/restore-focus.js\";\nimport { useScopedDialog } from \"../../utils/dialog-scope.js\";\nimport { Cancel01Icon as __icon_Cancel01Icon } from \"@hugeicons/core-free-icons\";\nimport { IconButton } from \"../icon-button/icon-button.js\";\nimport { useUiText } from \"../../i18n/context.js\";\nimport { useResizeMotion } from \"../../utils/resize-motion.js\";\n\nexport const KAESO_SHEET_VARIANTS = {\n  size: {\n    sm: { classes: \"w-480\" },\n    md: { classes: \"w-640\" },\n    lg: { classes: \"w-800\" },\n  },\n  side: {\n    right: {\n      classes: \"top-8 right-8 bottom-8 sheet-limits-x max-sm:inset-0 max-sm:w-auto max-sm:max-w-none max-sm:rounded-none\",\n    },\n    left: {\n      classes: \"top-8 bottom-8 left-8 sheet-limits-x max-sm:inset-0 max-sm:w-auto max-sm:max-w-none max-sm:rounded-none\",\n    },\n    bottom: { classes: \"right-8 bottom-8 left-8 sheet-limits-y\" },\n  },\n} as const;\nexport const KAESO_SHEET_DEFAULT_VARIANTS = { size: \"sm\", side: \"right\" } as const;\n\nexport interface SheetProps {\n  open?: boolean | undefined;\n  defaultOpen?: boolean | undefined;\n  onOpenChange?: ((open: boolean) => void) | undefined;\n  trigger?: ReactElement | undefined;\n  title: ReactNode;\n  subtitle?: ReactNode | undefined;\n  actions?: ReactNode | undefined;\n  size?: keyof typeof KAESO_SHEET_VARIANTS.size | undefined;\n  side?: keyof typeof KAESO_SHEET_VARIANTS.side | undefined;\n  modal?: boolean | undefined;\n  children: ReactNode;\n  footer?: ReactNode | undefined;\n  inline?: boolean | undefined;\n}\n\nfunction Frame({ title, subtitle, actions, children, footer, inline, onOpenChange, side }: SheetProps) {\n  const Title = inline ? \"h2\" : BaseDialog.Title;\n  const t = useUiText();\n  const [box, setBox] = useState<HTMLElement | null>(null);\n  const grows = side === \"bottom\";\n  const headRef = useCallback((el: HTMLElement | null) => setBox(grows ? (el?.parentElement ?? null) : null), [grows]);\n  useResizeMotion(box);\n  const close = (\n    <IconButton\n      icon={__icon_Cancel01Icon}\n      aria-label={t(\"sheet.close\", \"Close\")}\n      tooltip={false}\n      {...(inline && onOpenChange ? { onClick: () => onOpenChange(false) } : {})}\n    />\n  );\n  return (\n    <>\n      <div ref={headRef} className=\"flex h-60 shrink-0 items-center gap-12 px-24 hairline-b\">\n        <div className=\"flex min-w-0 flex-1 flex-col\">\n          <Title className=\"truncate text-title-sm font-semibold text-fg\">{title}</Title>\n          {subtitle && <span className=\"truncate mono text-small text-fg-secondary\">{subtitle}</span>}\n        </div>\n        {actions}\n        {inline ? close : <BaseDialog.Close render={close} />}\n      </div>\n      <div data-dialog-body=\"\" className=\"min-h-0 flex-1 overflow-y-auto overscroll-contain px-24 py-20 scrollbar-quiet\">\n        <GutterContent>{children}</GutterContent>\n      </div>\n      {footer && <div className=\"flex shrink-0 flex-wrap items-center justify-end gap-8 px-24 py-16 hairline-t\">{footer}</div>}\n    </>\n  );\n}\n\nfunction useShownContent(props: SheetProps): SheetProps {\n  const [shown, setShown] = useState(props);\n  if (props.open !== false && shown !== props) setShown(props);\n  if (props.open !== false) return props;\n  const { title, subtitle, actions, children, footer } = shown;\n  return { ...props, title, subtitle, actions, children, footer };\n}\n\nexport const Sheet = /* @__PURE__ */ forwardRef<HTMLDivElement, SheetProps>(function Sheet(current, ref) {\n  const props = useShownContent(current);\n  const { open, defaultOpen, onOpenChange, trigger, size = \"sm\", side = \"right\", modal = true, inline } = props;\n  const box = cn(\n    \"flex flex-col overflow-hidden rounded-sheet bg-raised text-fg shadow-dialog outline-none\",\n    side !== \"bottom\" && KAESO_SHEET_VARIANTS.size[size].classes,\n  );\n  const focus = useRestoreFocus(open, () => modal);\n  const container = usePortalContainer();\n  const settled = useScopedDialog(inline ? false : open);\n  if (inline)\n    return (\n      <div ref={ref} className={cn(box, \"h-560\")}>\n        <Frame {...props} />\n      </div>\n    );\n  return (\n    <BaseDialog.Root\n      {...(open !== undefined ? { open } : {})}\n      {...(defaultOpen !== undefined ? { defaultOpen } : {})}\n      {...(onOpenChange ? { onOpenChange: (o: boolean) => onOpenChange(o) } : {})}\n      modal={modal}\n      onOpenChangeComplete={settled}\n    >\n      {trigger && <BaseDialog.Trigger render={trigger} />}\n      <BaseDialog.Portal container={container}>\n        {modal && <BaseDialog.Backdrop className=\"fixed inset-0 z-40 bg-overlay opacity-50 backdrop-motion\" />}\n        <BaseDialog.Popup\n          ref={ref}\n          data-side={side}\n          initialFocus={focus.initialFocus}\n          finalFocus={focus.finalFocus}\n          className={cn(\"fixed z-40 sheet-motion\", box, KAESO_SHEET_VARIANTS.side[side].classes, !modal && side !== \"bottom\" && \"sheet-inspector\")}\n        >\n          <InsetContent inset={false}>\n            <OverNonModalSheet value={!modal}>\n              <Frame {...props} />\n            </OverNonModalSheet>\n          </InsetContent>\n        </BaseDialog.Popup>\n      </BaseDialog.Portal>\n    </BaseDialog.Root>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Sheet.displayName = \"Sheet\";\n"],"mappings":"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"}

package/dist/components/sidebar.js

@@ -1,2 +1,2 @@
 "use client";
-export { t as BrandWordmark, n as KAESO_SIDEBAR_DEFAULT_VARIANTS, r as KAESO_SIDEBAR_VARIANTS, i as SIDEBAR_MAX, a as SIDEBAR_MIN, o as Sidebar, s as SidebarFloatingContext, c as SidebarSheetContext, l as useSidebar } from "../chunks/sidebar-ZSTPK9Jn.js";
+export { t as BrandWordmark, n as KAESO_SIDEBAR_DEFAULT_VARIANTS, r as KAESO_SIDEBAR_VARIANTS, i as SIDEBAR_MAX, a as SIDEBAR_MIN, o as Sidebar, s as SidebarFloatingContext, c as SidebarSheetContext, l as useSidebar } from "../chunks/sidebar-DtFlejU7.js";

package/dist/components/skeleton.js

@@ -1,2 +1,2 @@
 "use client";
-export { t as KAESO_SKELETON_DEFAULT_VARIANTS, n as KAESO_SKELETON_VARIANTS, r as Skeleton, i as SkeletonLine } from "../chunks/skeleton-BM797MAg.js";
+export { t as KAESO_SKELETON_DEFAULT_VARIANTS, n as KAESO_SKELETON_VARIANTS, r as Skeleton, i as SkeletonLine } from "../chunks/skeleton-Dcz57Zyp.js";

package/dist/components/slider.js

@@ -1,2 +1,2 @@
 "use client";
-export { t as KAESO_SLIDER_DEFAULT_VARIANTS, n as KAESO_SLIDER_VARIANTS, r as Slider } from "../chunks/slider-Ds-tqY-1.js";
+export { t as KAESO_SLIDER_DEFAULT_VARIANTS, n as KAESO_SLIDER_VARIANTS, r as Slider } from "../chunks/slider-Ci83PGtj.js";

package/dist/components/stat.js

@@ -1,9 +1,9 @@
 "use client";
-import { t as e } from "../chunks/cn-DUDmdLpZ.js";
+import { t as e } from "../chunks/cn-Dj6sRgkF.js";
 import { i as t, r as n } from "../chunks/context-BELWW79w.js";
 import { t as r } from "../chunks/observe-resize-DhxhmoyB.js";
-import { r as i } from "../chunks/skeleton-BM797MAg.js";
-import { t as a } from "../chunks/badge-wUHlj7m3.js";
+import { r as i } from "../chunks/skeleton-Dcz57Zyp.js";
+import { t as a } from "../chunks/badge-C2KtxCLB.js";
 import { Sparkline as o } from "./charts/sparkline.js";
 import { Children as s, cloneElement as c, createContext as l, forwardRef as u, isValidElement as d, useContext as f, useLayoutEffect as p, useRef as m, useState as h } from "react";
 import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";

package/dist/components/status-dot.js

@@ -1,2 +1,2 @@
 "use client";
-export { t as KAESO_STATUS_DOT_DEFAULT_VARIANTS, n as KAESO_STATUS_DOT_VARIANTS, r as Status, i as StatusDot } from "../chunks/status-dot-BqVOlShY.js";
+export { t as KAESO_STATUS_DOT_DEFAULT_VARIANTS, n as KAESO_STATUS_DOT_VARIANTS, r as Status, i as StatusDot } from "../chunks/status-dot-QJTF0Yv4.js";

package/dist/components/surface.js

@@ -1,5 +1,5 @@
 "use client";
-import { t as e } from "../chunks/cn-DUDmdLpZ.js";
+import { t as e } from "../chunks/cn-Dj6sRgkF.js";
 import { forwardRef as t } from "react";
 import { jsx as n } from "react/jsx-runtime";
 //#region src/components/surface/surface.tsx

package/dist/components/swap-text.js

@@ -1,2 +1,2 @@
 "use client";
-export { t as KAESO_SWAP_TEXT_DEFAULT_VARIANTS, n as KAESO_SWAP_TEXT_VARIANTS, r as SwapText } from "../chunks/swap-text-Cica0pUr.js";
+export { t as KAESO_SWAP_TEXT_DEFAULT_VARIANTS, n as KAESO_SWAP_TEXT_VARIANTS, r as SwapText } from "../chunks/swap-text-Dr0Irxz6.js";

package/dist/components/switch.js

@@ -1,2 +1,2 @@
 "use client";
-export { t as KAESO_SWITCH_DEFAULT_VARIANTS, n as KAESO_SWITCH_VARIANTS, r as Switch } from "../chunks/switch-Cq1OfeBr.js";
+export { t as KAESO_SWITCH_DEFAULT_VARIANTS, n as KAESO_SWITCH_VARIANTS, r as Switch } from "../chunks/switch-b-VkStWj.js";

package/dist/components/table.js

@@ -1,2 +1,2 @@
 "use client";
-export { t as KAESO_TABLE_DEFAULT_VARIANTS, n as KAESO_TABLE_VARIANTS, r as Table } from "../chunks/table-D-36EM7f.js";
+export { t as KAESO_TABLE_DEFAULT_VARIANTS, n as KAESO_TABLE_VARIANTS, r as Table } from "../chunks/table-BeOSKl_3.js";

package/dist/components/tabs.js

@@ -1,6 +1,6 @@
 "use client";
-import { t as e } from "../chunks/cn-DUDmdLpZ.js";
-import { t } from "../chunks/icon-BqujXDUc.js";
+import { t as e } from "../chunks/cn-Dj6sRgkF.js";
+import { t } from "../chunks/icon-D7ja-_Yk.js";
 import { createContext as n, forwardRef as r, useContext as i } from "react";
 import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
 import { Tabs as c } from "@base-ui/react/tabs";

package/dist/components/tag.js

@@ -1,2 +1,2 @@
 "use client";
-export { t as KAESO_TAG_DEFAULT_VARIANTS, n as KAESO_TAG_VARIANTS, r as Pill, i as TAG_DOT, a as Tag } from "../chunks/tag-XgPXKoxi.js";
+export { t as KAESO_TAG_DEFAULT_VARIANTS, n as KAESO_TAG_VARIANTS, r as Pill, i as TAG_DOT, a as Tag } from "../chunks/tag-DNdX1XRR.js";

package/dist/components/text.js

@@ -1,2 +1,2 @@
 "use client";
-export { t as KAESO_TEXT_DEFAULT_VARIANTS, n as KAESO_TEXT_VARIANTS, r as Text } from "../chunks/text-IoDy3Vxi.js";
+export { t as KAESO_TEXT_DEFAULT_VARIANTS, n as KAESO_TEXT_VARIANTS, r as Text } from "../chunks/text-DCGGNqTM.js";

package/dist/components/theme-image.js

@@ -1,5 +1,5 @@
 "use client";
-import { t as e } from "../chunks/cn-DUDmdLpZ.js";
+import { t as e } from "../chunks/cn-Dj6sRgkF.js";
 import { forwardRef as t } from "react";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region src/components/theme-image/theme-image.tsx

package/dist/components/theme-menu.js

@@ -1,8 +1,8 @@
 "use client";
 import { i as e } from "../chunks/context-BELWW79w.js";
 import { a as t } from "../chunks/theme-provider-DJhORMlc.js";
-import { t as n } from "../chunks/icon-button-DmKFxQbP.js";
-import { i as r } from "../chunks/menu-Bnfi9P3t.js";
+import { t as n } from "../chunks/icon-button-CPYR21Sz.js";
+import { i as r } from "../chunks/menu-fl_QQb38.js";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 import { ComputerIcon as o, Moon02Icon as s, Sun03Icon as c } from "@hugeicons/core-free-icons";
 //#region src/components/theme-menu/theme-menu.tsx

package/dist/components/theme-select.js

@@ -1,7 +1,7 @@
 "use client";
 import { i as e } from "../chunks/context-BELWW79w.js";
 import { a as t } from "../chunks/theme-provider-DJhORMlc.js";
-import { r as n } from "../chunks/select-Bbv2f5F8.js";
+import { r as n } from "../chunks/select-x4XVsdCI.js";
 import { forwardRef as r } from "react";
 import { jsx as i } from "react/jsx-runtime";
 //#region src/components/theme-select/theme-select.tsx

package/dist/components/timeline.js

@@ -1,5 +1,5 @@
 "use client";
-import { t as e } from "../chunks/cn-DUDmdLpZ.js";
+import { t as e } from "../chunks/cn-Dj6sRgkF.js";
 import { forwardRef as t } from "react";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region src/components/timeline/timeline.tsx

package/dist/components/toast.js

@@ -1,11 +1,11 @@
 "use client";
-import { t as e } from "../chunks/cn-DUDmdLpZ.js";
+import { t as e } from "../chunks/cn-Dj6sRgkF.js";
 import { r as t } from "../chunks/portal-context-BBbzDKmY.js";
 import { i as n } from "../chunks/context-BELWW79w.js";
-import { t as r } from "../chunks/icon-BqujXDUc.js";
+import { t as r } from "../chunks/icon-D7ja-_Yk.js";
 import { t as i } from "../chunks/observe-resize-DhxhmoyB.js";
-import { r as a } from "../chunks/loader-ENBh2Fbt.js";
-import { r as o } from "../chunks/swap-text-Cica0pUr.js";
+import { r as a } from "../chunks/loader-DCfPndXa.js";
+import { r as o } from "../chunks/swap-text-Dr0Irxz6.js";
 import { useLayoutEffect as s, useRef as c, useState as l } from "react";
 import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
 import { Alert02Icon as p, AlertCircleIcon as m, Cancel01Icon as h, CheckmarkCircle02Icon as g, InformationCircleIcon as _ } from "@hugeicons/core-free-icons";

package/dist/components/toc.js

@@ -1,5 +1,5 @@
 "use client";
-import { t as e } from "../chunks/cn-DUDmdLpZ.js";
+import { t as e } from "../chunks/cn-Dj6sRgkF.js";
 import { i as t } from "../chunks/context-BELWW79w.js";
 import { forwardRef as n, useEffect as r, useState as i } from "react";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
@@ -7,33 +7,48 @@ import { jsx as a, jsxs as o } from "react/jsx-runtime";
 var s = { state: {
 	default: { classes: "text-fg-secondary hover:text-fg" },
 	active: { classes: "text-fg" }
-} }, c = { state: "default" }, l = /* @__PURE__ */ n(function({ items: n, title: c, active: l, className: u }, d) {
-	let f = t(), p = c ?? f("tableOfContents.title", "On this page"), [m, h] = i(n[0]?.id);
+} }, c = { state: "default" }, l = .3;
+function u(e) {
+	for (let t = e.parentElement; t; t = t.parentElement) if (/(auto|scroll)/.test(getComputedStyle(t).overflowY) && t.scrollHeight > t.clientHeight) return t;
+	return document.scrollingElement ?? document.documentElement;
+}
+var d = /* @__PURE__ */ n(function({ items: n, title: c, active: d, className: f }, p) {
+	let m = t(), h = c ?? m("tableOfContents.title", "On this page"), [g, _] = i(n[0]?.id);
 	r(() => {
-		if (l !== void 0 || typeof IntersectionObserver > "u") return;
-		let e = new IntersectionObserver((e) => {
-			for (let t of e) t.isIntersecting && h(t.target.id);
-		}, { rootMargin: "0px 0px -70% 0px" });
-		return n.forEach((t) => {
-			let n = document.getElementById(t.id);
-			n && e.observe(n);
-		}), () => e.disconnect();
-	}, [n, l]);
-	let g = l ?? m;
+		if (d !== void 0) return;
+		let e = n.map((e) => document.getElementById(e.id)).filter((e) => e !== null), t = e[0];
+		if (!t) return;
+		let r = u(t), i = 0, a = () => {
+			i = 0;
+			let n = window.innerHeight * l, a = t.id;
+			for (let t of e) t.getBoundingClientRect().top <= n && (a = t.id);
+			let o = r.scrollTop > 0 && r.scrollTop + r.clientHeight >= r.scrollHeight - 2;
+			_(o ? e.at(-1)?.id ?? a : a);
+		}, o = () => {
+			i ||= requestAnimationFrame(a);
+		};
+		return a(), document.addEventListener("scroll", o, {
+			capture: !0,
+			passive: !0
+		}), window.addEventListener("resize", o), () => {
+			cancelAnimationFrame(i), document.removeEventListener("scroll", o, { capture: !0 }), window.removeEventListener("resize", o);
+		};
+	}, [n, d]);
+	let v = d ?? g;
 	return /* @__PURE__ */ o("nav", {
-		ref: d,
-		"aria-label": p,
-		className: e("flex flex-col", u),
+		ref: p,
+		"aria-label": h,
+		className: e("flex flex-col", f),
 		children: [/* @__PURE__ */ a("span", {
 			className: "mb-8 text-caption font-medium text-fg-secondary",
-			children: p
+			children: h
 		}), /* @__PURE__ */ a("ul", {
 			className: "flex flex-col hairline-l",
 			children: n.map((t) => /* @__PURE__ */ a("li", { children: /* @__PURE__ */ o("a", {
 				href: `#${t.id}`,
-				"aria-current": t.id === g ? "location" : void 0,
-				className: e("relative flex min-h-28 items-center py-4 text-small transition-control focus-ring-inset rounded-code", t.depth ? "pl-24" : "pl-12", s.state[t.id === g ? "active" : "default"].classes),
-				children: [t.id === g && /* @__PURE__ */ a("span", {
+				"aria-current": t.id === v ? "location" : void 0,
+				className: e("relative flex min-h-28 items-center py-4 text-small transition-control focus-ring-inset rounded-code", t.depth ? "pl-24" : "pl-12", s.state[t.id === v ? "active" : "default"].classes),
+				children: [t.id === v && /* @__PURE__ */ a("span", {
 					"aria-hidden": !0,
 					className: "absolute inset-y-4 left-0 w-2 rounded-pill bg-ink"
 				}), t.label]
@@ -41,8 +56,8 @@ var s = { state: {
 		})]
 	});
 });
-process.env.NODE_ENV !== "production" && (l.displayName = "TableOfContents");
+process.env.NODE_ENV !== "production" && (d.displayName = "TableOfContents");
 //#endregion
-export { c as KAESO_TABLE_OF_CONTENTS_DEFAULT_VARIANTS, s as KAESO_TABLE_OF_CONTENTS_VARIANTS, l as TableOfContents };
+export { c as KAESO_TABLE_OF_CONTENTS_DEFAULT_VARIANTS, s as KAESO_TABLE_OF_CONTENTS_VARIANTS, d as TableOfContents };
 
 //# sourceMappingURL=toc.js.map

package/dist/components/toc.js.map

@@ -1 +1 @@
-{"version":3,"file":"toc.js","names":["cn","useUiText","KAESO_TABLE_OF_CONTENTS_VARIANTS","KAESO_TABLE_OF_CONTENTS_DEFAULT_VARIANTS","TableOfContents","titleProp","t","title","seen","setSeen","useState","items","active","io","e","entries","el","i","current","className"],"sources":["../../src/components/toc/toc.tsx"],"sourcesContent":["import { forwardRef, useEffect, useState } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { useUiText } from \"../../i18n/context.js\";\n\nexport const KAESO_TABLE_OF_CONTENTS_VARIANTS = {\n  state: {\n    default: { classes: \"text-fg-secondary hover:text-fg\" },\n    active: { classes: \"text-fg\" },\n  },\n} as const;\nexport const KAESO_TABLE_OF_CONTENTS_DEFAULT_VARIANTS = { state: \"default\" } as const;\n\nexport interface TocItem {\n  id: string;\n  label: string;\n  depth?: 0 | 1 | undefined;\n}\n\nexport interface TableOfContentsProps {\n  items: TocItem[];\n  title?: string | undefined;\n  active?: string | undefined;\n  className?: string | undefined;\n}\n\nexport const TableOfContents = /* @__PURE__ */ forwardRef<HTMLElement, TableOfContentsProps>(function TableOfContents({ items, title: titleProp, active, className }, ref) {\n  const t = useUiText();\n  const title = titleProp ?? t(\"tableOfContents.title\", \"On this page\");\n  const [seen, setSeen] = useState(items[0]?.id);\n  useEffect(() => {\n    if (active !== undefined || typeof IntersectionObserver === \"undefined\") return;\n    const io = new IntersectionObserver(\n      (entries) => {\n        for (const e of entries) if (e.isIntersecting) setSeen(e.target.id);\n      },\n      { rootMargin: \"0px 0px -70% 0px\" },\n    );\n    items.forEach((i) => {\n      const el = document.getElementById(i.id);\n      if (el) io.observe(el);\n    });\n    return () => io.disconnect();\n  }, [items, active]);\n  const current = active ?? seen;\n  return (\n    <nav ref={ref} aria-label={title} className={cn(\"flex flex-col\", className)}>\n      <span className=\"mb-8 text-caption font-medium text-fg-secondary\">{title}</span>\n      <ul className=\"flex flex-col hairline-l\">\n        {items.map((i) => (\n          <li key={i.id}>\n            <a\n              href={`#${i.id}`}\n              aria-current={i.id === current ? \"location\" : undefined}\n              className={cn(\n                \"relative flex min-h-28 items-center py-4 text-small transition-control focus-ring-inset rounded-code\",\n                i.depth ? \"pl-24\" : \"pl-12\",\n                KAESO_TABLE_OF_CONTENTS_VARIANTS.state[i.id === current ? \"active\" : \"default\"].classes,\n              )}\n            >\n              {i.id === current && <span aria-hidden className=\"absolute inset-y-4 left-0 w-2 rounded-pill bg-ink\" />}\n              {i.label}\n            </a>\n          </li>\n        ))}\n      </ul>\n    </nav>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") TableOfContents.displayName = \"TableOfContents\";\n"],"mappings":";;;;;;AAIA,IAAaE,IAAmC,EAC9C,OAAO;CACL,SAAS,EAAE,SAAS,kCAAkC;CACtD,QAAQ,EAAE,SAAS,UAAU;AAC/B,EACF,GACaC,IAA2C,EAAE,OAAO,UAAU,GAe9DC,IAAkC,kBAA8C,SAAyB,EAAE,UAAO,OAAOC,GAAW,WAAQ,gBAAa,GAAK;CACzK,IAAMC,IAAIL,EAAU,GACdM,IAAQF,KAAaC,EAAE,yBAAyB,cAAc,GAC9D,CAACE,GAAMC,KAAWC,EAASC,EAAM,EAAE,EAAE,EAAE;CAC7C,QAAgB;EACd,IAAIC,MAAW,KAAA,KAAa,OAAO,uBAAyB,KAAa;EACzE,IAAMC,IAAK,IAAI,sBACZ,MAAY;GACX,KAAK,IAAMC,KAAKC,GAAS,AAAID,EAAE,kBAAgBL,EAAQK,EAAE,OAAO,EAAE;EACpE,GACA,EAAE,YAAY,mBAAmB,CACnC;EAKA,OAJAH,EAAM,SAAS,MAAM;GACnB,IAAMK,IAAK,SAAS,eAAeC,EAAE,EAAE;GACvC,AAAID,KAAIH,EAAG,QAAQG,CAAE;EACvB,CAAC,SACYH,EAAG,WAAW;CAC7B,GAAG,CAACF,GAAOC,CAAM,CAAC;CAClB,IAAMM,IAAUN,KAAUJ;CAC1B,OACE,kBAAC,OAAD;EAAU;EAAK,cAAYD;EAAO,WAAWP,EAAG,iBAAiBmB,CAAS;EAA1E,UAAA,CACE,kBAAC,QAAD;GAAM,WAAU;GAAmD,UAAAZ;EAAY,CAAA,GAC/E,kBAAC,MAAD;GAAI,WAAU;GACX,UAAAI,EAAM,KAAK,MACV,kBAAC,MAAD,EAAA,UACE,kBAAC,KAAD;IACE,MAAM,IAAIM,EAAE;IACZ,gBAAcA,EAAE,OAAOC,IAAU,aAAa,KAAA;IAC9C,WAAWlB,EACT,wGACAiB,EAAE,QAAQ,UAAU,SACpBf,EAAiC,MAAMe,EAAE,OAAOC,IAAU,WAAW,UAAU,CAAC,OAClF;IAPF,UAAA,CASGD,EAAE,OAAOC,KAAW,kBAAC,QAAD;KAAM,eAAA;KAAY,WAAU;IAAqD,CAAA,GACrGD,EAAE,KACF;GACD,CAAA,EAAA,GAbKA,EAAE,EAaP,CACL;EACC,CAAA,CACD;;AAET,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAgB,cAAc"}
+{"version":3,"file":"toc.js","names":["cn","useUiText","KAESO_TABLE_OF_CONTENTS_VARIANTS","KAESO_TABLE_OF_CONTENTS_DEFAULT_VARIANTS","READING_LINE","scrollParent","parent","el","TableOfContents","titleProp","t","title","seen","setSeen","useState","items","active","headings","i","first","scroller","frame","pick","line","id","h","end","schedule","current","className"],"sources":["../../src/components/toc/toc.tsx"],"sourcesContent":["import { forwardRef, useEffect, useState } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { useUiText } from \"../../i18n/context.js\";\n\nexport const KAESO_TABLE_OF_CONTENTS_VARIANTS = {\n  state: {\n    default: { classes: \"text-fg-secondary hover:text-fg\" },\n    active: { classes: \"text-fg\" },\n  },\n} as const;\nexport const KAESO_TABLE_OF_CONTENTS_DEFAULT_VARIANTS = { state: \"default\" } as const;\n\nexport interface TocItem {\n  id: string;\n  label: string;\n  depth?: 0 | 1 | undefined;\n}\n\nexport interface TableOfContentsProps {\n  items: TocItem[];\n  title?: string | undefined;\n  active?: string | undefined;\n  className?: string | undefined;\n}\n\nconst READING_LINE = 0.3;\n\nfunction scrollParent(el: HTMLElement): Element {\n  for (let parent = el.parentElement; parent; parent = parent.parentElement) {\n    if (/(auto|scroll)/.test(getComputedStyle(parent).overflowY) && parent.scrollHeight > parent.clientHeight) return parent;\n  }\n  return document.scrollingElement ?? document.documentElement;\n}\n\nexport const TableOfContents = /* @__PURE__ */ forwardRef<HTMLElement, TableOfContentsProps>(function TableOfContents({ items, title: titleProp, active, className }, ref) {\n  const t = useUiText();\n  const title = titleProp ?? t(\"tableOfContents.title\", \"On this page\");\n  const [seen, setSeen] = useState(items[0]?.id);\n  useEffect(() => {\n    if (active !== undefined) return;\n    const headings = items.map((i) => document.getElementById(i.id)).filter((el): el is HTMLElement => el !== null);\n    const first = headings[0];\n    if (!first) return;\n    const scroller = scrollParent(first);\n    let frame = 0;\n    const pick = () => {\n      frame = 0;\n      const line = window.innerHeight * READING_LINE;\n      let id = first.id;\n      for (const h of headings) if (h.getBoundingClientRect().top <= line) id = h.id;\n      const end = scroller.scrollTop > 0 && scroller.scrollTop + scroller.clientHeight >= scroller.scrollHeight - 2;\n      setSeen(end ? (headings.at(-1)?.id ?? id) : id);\n    };\n    const schedule = () => {\n      frame ||= requestAnimationFrame(pick);\n    };\n    pick();\n    document.addEventListener(\"scroll\", schedule, { capture: true, passive: true });\n    window.addEventListener(\"resize\", schedule);\n    return () => {\n      cancelAnimationFrame(frame);\n      document.removeEventListener(\"scroll\", schedule, { capture: true });\n      window.removeEventListener(\"resize\", schedule);\n    };\n  }, [items, active]);\n  const current = active ?? seen;\n  return (\n    <nav ref={ref} aria-label={title} className={cn(\"flex flex-col\", className)}>\n      <span className=\"mb-8 text-caption font-medium text-fg-secondary\">{title}</span>\n      <ul className=\"flex flex-col hairline-l\">\n        {items.map((i) => (\n          <li key={i.id}>\n            <a\n              href={`#${i.id}`}\n              aria-current={i.id === current ? \"location\" : undefined}\n              className={cn(\n                \"relative flex min-h-28 items-center py-4 text-small transition-control focus-ring-inset rounded-code\",\n                i.depth ? \"pl-24\" : \"pl-12\",\n                KAESO_TABLE_OF_CONTENTS_VARIANTS.state[i.id === current ? \"active\" : \"default\"].classes,\n              )}\n            >\n              {i.id === current && <span aria-hidden className=\"absolute inset-y-4 left-0 w-2 rounded-pill bg-ink\" />}\n              {i.label}\n            </a>\n          </li>\n        ))}\n      </ul>\n    </nav>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") TableOfContents.displayName = \"TableOfContents\";\n"],"mappings":";;;;;;AAIA,IAAaE,IAAmC,EAC9C,OAAO;CACL,SAAS,EAAE,SAAS,kCAAkC;CACtD,QAAQ,EAAE,SAAS,UAAU;AAC/B,EACF,GACaC,IAA2C,EAAE,OAAO,UAAU,GAerEC,IAAe;AAErB,SAASC,EAAa,GAA0B;CAC9C,KAAK,IAAIC,IAASC,EAAG,eAAeD,GAAQ,IAASA,EAAO,eAC1D,IAAI,gBAAgB,KAAK,iBAAiBA,CAAM,CAAC,CAAC,SAAS,KAAKA,EAAO,eAAeA,EAAO,cAAc,OAAOA;CAEpH,OAAO,SAAS,oBAAoB,SAAS;AAC/C;AAEA,IAAaE,IAAkC,kBAA8C,SAAyB,EAAE,UAAO,OAAOC,GAAW,WAAQ,gBAAa,GAAK;CACzK,IAAMC,IAAIT,EAAU,GACdU,IAAQF,KAAaC,EAAE,yBAAyB,cAAc,GAC9D,CAACE,GAAMC,KAAWC,EAASC,EAAM,EAAE,EAAE,EAAE;CAC7C,QAAgB;EACd,IAAIC,MAAW,KAAA,GAAW;EAC1B,IAAMC,IAAWF,EAAM,KAAK,MAAM,SAAS,eAAeG,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,MAA0BX,MAAO,IAAI,GACxGY,IAAQF,EAAS;EACvB,IAAI,CAACE,GAAO;EACZ,IAAMC,IAAWf,EAAac,CAAK,GAC/BE,IAAQ,GACNC,UAAa;GACjB,IAAQ;GACR,IAAMC,IAAO,OAAO,cAAcnB,GAC9BoB,IAAKL,EAAM;GACf,KAAK,IAAMM,KAAKR,GAAU,AAAIQ,EAAE,sBAAsB,CAAC,CAAC,OAAOF,MAAM,IAAKE,EAAE;GAC5E,IAAMC,IAAMN,EAAS,YAAY,KAAKA,EAAS,YAAYA,EAAS,gBAAgBA,EAAS,eAAe;GAC5G,EAAQM,IAAOT,EAAS,GAAG,EAAE,CAAC,EAAE,MAAMO,IAAMA,CAAE;EAChD,GACMG,UAAiB;GACrB,MAAU,sBAAsBL,CAAI;EACtC;EAIA,OAHAA,EAAK,GACL,SAAS,iBAAiB,UAAUK,GAAU;GAAE,SAAS;GAAM,SAAS;EAAK,CAAC,GAC9E,OAAO,iBAAiB,UAAUA,CAAQ,SAC7B;GAGX,AAFA,qBAAqBN,CAAK,GAC1B,SAAS,oBAAoB,UAAUM,GAAU,EAAE,SAAS,GAAK,CAAC,GAClE,OAAO,oBAAoB,UAAUA,CAAQ;EAC/C;CACF,GAAG,CAACZ,GAAOC,CAAM,CAAC;CAClB,IAAMY,IAAUZ,KAAUJ;CAC1B,OACE,kBAAC,OAAD;EAAU;EAAK,cAAYD;EAAO,WAAWX,EAAG,iBAAiB6B,CAAS;EAA1E,UAAA,CACE,kBAAC,QAAD;GAAM,WAAU;GAAmD,UAAAlB;EAAY,CAAA,GAC/E,kBAAC,MAAD;GAAI,WAAU;GACX,UAAAI,EAAM,KAAK,MACV,kBAAC,MAAD,EAAA,UACE,kBAAC,KAAD;IACE,MAAM,IAAIG,EAAE;IACZ,gBAAcA,EAAE,OAAOU,IAAU,aAAa,KAAA;IAC9C,WAAW5B,EACT,wGACAkB,EAAE,QAAQ,UAAU,SACpBhB,EAAiC,MAAMgB,EAAE,OAAOU,IAAU,WAAW,UAAU,CAAC,OAClF;IAPF,UAAA,CASGV,EAAE,OAAOU,KAAW,kBAAC,QAAD;KAAM,eAAA;KAAY,WAAU;IAAqD,CAAA,GACrGV,EAAE,KACF;GACD,CAAA,EAAA,GAbKA,EAAE,EAaP,CACL;EACC,CAAA,CACD;;AAET,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAgB,cAAc"}

package/dist/components/toolbar.js

@@ -1,2 +1,2 @@
 "use client";
-export { t as KAESO_TOOLBAR_DEFAULT_VARIANTS, n as KAESO_TOOLBAR_VARIANTS, r as Toolbar } from "../chunks/toolbar-nVLFWH2i.js";
+export { t as KAESO_TOOLBAR_DEFAULT_VARIANTS, n as KAESO_TOOLBAR_VARIANTS, r as Toolbar } from "../chunks/toolbar-DL6zVrzU.js";

package/dist/components/tooltip.js

@@ -1,5 +1,5 @@
 "use client";
-import { i as e, n as t, r as n, t as r } from "../chunks/tooltip-CTBnfiDH.js";
+import { i as e, n as t, r as n, t as r } from "../chunks/tooltip-BMQ9BtPp.js";
 import { jsx as i } from "react/jsx-runtime";
 import { Tooltip as a } from "@base-ui/react/tooltip";
 //#region src/components/tooltip/tooltip-provider.tsx

package/dist/components/visually-hidden.js

@@ -1,5 +1,5 @@
 "use client";
-import { t as e } from "../chunks/cn-DUDmdLpZ.js";
+import { t as e } from "../chunks/cn-Dj6sRgkF.js";
 import { forwardRef as t } from "react";
 import { jsx as n } from "react/jsx-runtime";
 //#region src/components/visually-hidden/visually-hidden.tsx