@logicplanes/kaeso-ui 0.4.4 → 0.4.6

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 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"}
+{"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: 4 });\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-CDDFpdtL.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-C6GtzF_t.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-ZwfFQImt.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-ChiT4T2S.js";

package/dist/components/scroll-area.js

@@ -1,2 +1,2 @@
 "use client";
-export { t as KAESO_SCROLL_AREA_DEFAULT_VARIANTS, n as KAESO_SCROLL_AREA_VARIANTS, r as ScrollArea } from "../chunks/scroll-area-D8MD7Vpo.js";
+export { t as KAESO_SCROLL_AREA_DEFAULT_VARIANTS, n as KAESO_SCROLL_AREA_VARIANTS, r as ScrollArea } from "../chunks/scroll-area-_Ljh4-bG.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-Ce1efbsP.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-CFBYhsUi.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-CErcoxwi.js";
+export { t as KAESO_SEGMENTED_DEFAULT_VARIANTS, n as KAESO_SEGMENTED_VARIANTS, r as Segmented } from "../chunks/segmented-D9i1avik.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-x4XVsdCI.js";
+export { t as KAESO_SELECT_DEFAULT_VARIANTS, n as KAESO_SELECT_VARIANTS, r as Select } from "../chunks/select-BqjmQOqx.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-D7TzNHmX.js";
+export { t as KAESO_SEPARATOR_DEFAULT_VARIANTS, n as KAESO_SEPARATOR_VARIANTS, r as Separator } from "../chunks/separator-BNWf6BBj.js";

package/dist/components/settings.js

@@ -1,36 +1,29 @@
 "use client";
-import { t as e } from "../chunks/cn-Dj6sRgkF.js";
+import { t as e } from "../chunks/cn-BjnOAUrA.js";
 import { r as t } from "../chunks/link-provider-cvl8lSTT.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";
+import { t as n } from "../chunks/icon-CBzOwqrX.js";
+import { t as r } from "../chunks/section-header-DU1Q4Tdf.js";
+import { forwardRef as i } from "react";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+import { ArrowRight01Icon as c } from "@hugeicons/core-free-icons";
 //#region src/components/settings/settings.tsx
-var c = { row: {
+var l = { row: {
 	default: { classes: "min-h-64 py-12" },
 	single: { classes: "min-h-56 py-10" }
-} }, l = { row: "default" }, u = {}, d = {}, f = /* @__PURE__ */ r(function({ title: t, description: n, actions: r, children: i, className: s }, c) {
-	return /* @__PURE__ */ o("section", {
-		ref: c,
-		className: e("mt-48 first:mt-40", s),
-		children: [(t || r) && /* @__PURE__ */ o("div", {
-			className: "mb-12 flex items-end justify-between gap-16",
-			children: [/* @__PURE__ */ o("div", {
-				className: "flex flex-col gap-2",
-				children: [t && /* @__PURE__ */ a("h2", {
-					className: "text-title-sm font-semibold text-fg",
-					children: t
-				}), n && /* @__PURE__ */ a("p", {
-					className: "text-small text-fg-secondary",
-					children: n
-				})]
-			}), r]
-		}), i]
+} }, u = { row: "default" }, d = {}, f = {}, p = /* @__PURE__ */ i(function({ title: t, description: n, actions: i, children: a, className: c }, l) {
+	return /* @__PURE__ */ s("section", {
+		ref: l,
+		className: e("mt-48 first:mt-40", c),
+		children: [(t || i) && /* @__PURE__ */ o(r, {
+			title: t,
+			description: n,
+			actions: i
+		}), a]
 	});
 });
-process.env.NODE_ENV !== "production" && (f.displayName = "SettingsSection");
-var p = /* @__PURE__ */ r(function({ children: t, className: n, ...r }, i) {
-	return /* @__PURE__ */ a("div", {
+process.env.NODE_ENV !== "production" && (p.displayName = "SettingsSection");
+var m = /* @__PURE__ */ i(function({ children: t, className: n, ...r }, i) {
+	return /* @__PURE__ */ o("div", {
 		ref: i,
 		role: "group",
 		className: e("flex flex-col overflow-hidden rounded-group bg-raised shadow-xs", n),
@@ -38,63 +31,63 @@ var p = /* @__PURE__ */ r(function({ children: t, className: n, ...r }, i) {
 		children: t
 	});
 });
-process.env.NODE_ENV !== "production" && (p.displayName = "SettingsGroup");
-var m = /* @__PURE__ */ r(function({ title: r, description: l, icon: u, control: d, value: f, href: p, onClick: m, id: h, danger: g, className: _, "data-force": v }, y) {
-	let b = t(), x = !!(p || m), S = /* @__PURE__ */ o(i, { children: [
-		u && /* @__PURE__ */ a("span", {
+process.env.NODE_ENV !== "production" && (m.displayName = "SettingsGroup");
+var h = /* @__PURE__ */ i(function({ title: r, description: i, icon: u, control: d, value: f, href: p, onClick: m, id: h, danger: g, className: _, "data-force": v }, y) {
+	let b = t(), x = !!(p || m), S = /* @__PURE__ */ s(a, { children: [
+		u && /* @__PURE__ */ o("span", {
 			className: "inline-flex size-20 shrink-0 items-center justify-center text-fg-secondary",
-			children: /* @__PURE__ */ a(n, {
+			children: /* @__PURE__ */ o(n, {
 				icon: u,
 				size: "md"
 			})
 		}),
-		/* @__PURE__ */ o("span", {
-			className: "flex min-w-0 flex-1 basis-140 flex-col gap-2",
-			children: [/* @__PURE__ */ a("span", {
+		/* @__PURE__ */ s("span", {
+			className: "flex min-w-0 flex-1 basis-140 flex-col",
+			children: [/* @__PURE__ */ o("span", {
 				id: h ? `${h}-title` : void 0,
 				className: e("text-body-lg font-medium", g ? "text-danger-text" : "text-fg"),
 				children: r
-			}), l && /* @__PURE__ */ a("span", {
+			}), i && /* @__PURE__ */ o("span", {
 				className: "text-small text-fg-secondary text-pretty",
-				children: l
+				children: i
 			})]
 		}),
-		d && /* @__PURE__ */ a("span", {
+		d && /* @__PURE__ */ o("span", {
 			"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", {
+		(f !== void 0 || x) && !d && /* @__PURE__ */ s("span", {
 			className: "flex shrink-0 items-center gap-6 text-body text-fg-secondary",
-			children: [f, x && /* @__PURE__ */ a(n, {
-				icon: s,
+			children: [f, x && /* @__PURE__ */ o(n, {
+				icon: c,
 				size: "sm",
 				className: "text-fg-tertiary"
 			})]
 		})
-	] }), 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, {
+	] }), C = e("@container relative flex w-full flex-wrap items-center gap-x-16 gap-y-8 px-20 text-left", i ? l.row.default.classes : l.row.single.classes, "not-first:before:absolute not-first:before:top-0 not-first:before:right-20 not-first:before:h-1 not-first:before:bg-line-subtle not-first:before:forced-line", u ? "not-first:before:left-56" : "not-first:before:left-20", x && "cursor-pointer transition-control hover:bg-raised-hover active:bg-raised-pressed focus-ring-inset first:rounded-t-group last:rounded-b-group", _);
+	return p ? /* @__PURE__ */ o(b, {
 		ref: y,
 		href: p,
 		className: C,
 		...v ? { "data-force": v } : {},
 		children: S
-	}) : m ? /* @__PURE__ */ a("button", {
+	}) : m ? /* @__PURE__ */ o("button", {
 		ref: y,
 		type: "button",
 		onClick: m,
 		className: C,
 		...v ? { "data-force": v } : {},
 		children: S
-	}) : /* @__PURE__ */ a("div", {
+	}) : /* @__PURE__ */ o("div", {
 		ref: y,
 		className: C,
 		...v ? { "data-force": v } : {},
 		children: S
 	});
 });
-process.env.NODE_ENV !== "production" && (m.displayName = "SettingsRow");
+process.env.NODE_ENV !== "production" && (h.displayName = "SettingsRow");
 //#endregion
-export { l as KAESO_SETTINGS_DEFAULT_VARIANTS, d as KAESO_SETTINGS_SECTION_DEFAULT_VARIANTS, u as KAESO_SETTINGS_SECTION_VARIANTS, c as KAESO_SETTINGS_VARIANTS, p as SettingsGroup, m as SettingsRow, f as SettingsSection };
+export { u as KAESO_SETTINGS_DEFAULT_VARIANTS, f as KAESO_SETTINGS_SECTION_DEFAULT_VARIANTS, d as KAESO_SETTINGS_SECTION_VARIANTS, l as KAESO_SETTINGS_VARIANTS, m as SettingsGroup, h as SettingsRow, p as SettingsSection };
 
 //# sourceMappingURL=settings.js.map

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","KAESO_SETTINGS_SECTION_VARIANTS","KAESO_SETTINGS_SECTION_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 KAESO_SETTINGS_SECTION_VARIANTS = {} as const;\nexport const KAESO_SETTINGS_SECTION_DEFAULT_VARIANTS = {} as const;\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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"}
+{"version":3,"file":"settings.js","names":["_Fragment","__icon_ArrowRight01Icon","cn","useLinkComponent","Icon","SectionHeader","Fragment$1","KAESO_SETTINGS_VARIANTS","KAESO_SETTINGS_DEFAULT_VARIANTS","KAESO_SETTINGS_SECTION_VARIANTS","KAESO_SETTINGS_SECTION_DEFAULT_VARIANTS","SettingsSection","className","title","actions","children","SettingsGroup","props","SettingsRow","force","LinkComp","navigates","href","onClick","body","icon","id","danger","description","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\";\nimport { SectionHeader } from \"../section/section-header.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 KAESO_SETTINGS_SECTION_VARIANTS = {} as const;\nexport const KAESO_SETTINGS_SECTION_DEFAULT_VARIANTS = {} as const;\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) && <SectionHeader title={title} description={description} actions={actions} />}\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\">\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-20 not-first:before:h-1 not-first:before:bg-line-subtle not-first:before:forced-line\",\n    icon ? \"not-first:before:left-56\" : \"not-first:before:left-20\",\n    navigates && \"cursor-pointer transition-control hover:bg-raised-hover active:bg-raised-pressed focus-ring-inset first:rounded-t-group last:rounded-b-group\",\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":";;;;;;;;;AAQA,IAAaO,IAA0B,EACrC,KAAK;CACH,SAAS,EAAE,SAAS,iBAAiB;CACrC,QAAQ,EAAE,SAAS,iBAAiB;AACtC,EACF,GACaC,IAAkC,EAAE,KAAK,UAAU,GAUnDC,IAAkC,CAAC,GACnCC,IAA0C,CAAC,GAE3CC,IAAkC,kBAA8C,SAC3F,EAAE,UAAO,gBAAa,YAAS,aAAU,gBACzC,GACA;CACA,OACE,kBAAC,WAAD;EAAc;EAAK,WAAWT,EAAG,qBAAqBU,CAAS;EAA/D,UAAA,EACIC,KAASC,MAAY,kBAACT,GAAD;GAAsB;GAAoB;GAAsB;EAAU,CAAA,GAChGU,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,WAAWf,EAAG,mEAAmEU,CAAS;EAAG,GAAIK;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,IAAWjB,EAAiB,GAC5BkB,IAAY,CAAC,EAAEC,KAAQC,IACvBC,IACJ,kBAAAxB,GAAA,EAAA,UAAA;EACGyB,KACC,kBAAC,QAAD;GAAM,WAAU;GACd,UAAA,kBAACrB,GAAD;IAAY;IAAM,MAAK;GAAM,CAAA;EACzB,CAAA;EAER,kBAAC,QAAD;GAAM,WAAU;GAAhB,UAAA,CACE,kBAAC,QAAD;IAAM,IAAIsB,IAAK,GAAGA,EAAG,UAAU,KAAA;IAAW,WAAWxB,EAAG,4BAA4ByB,IAAS,qBAAqB,SAAS;IACxH,UAAAd;GACG,CAAA,GACLe,KAAe,kBAAC,QAAD;IAAM,WAAU;IAA4C,UAAAA;GAAkB,CAAA,CAC1F;;EACLC,KACC,kBAAC,QAAD;GAAM,oBAAiB;GAAG,WAAW3B,EAAG,sEAAsEuB,KAAQ,yBAAyB;GAC5I,UAAAI;EACG,CAAA;GAENC,MAAU,KAAA,KAAaT,MAAc,CAACQ,KACtC,kBAAC,QAAD;GAAM,WAAU;GAAhB,UAAA,CACGC,GACAT,KAAa,kBAACjB,GAAD;IAAM,MAAMH;IAAyB,MAAK;IAAK,WAAU;GAAoB,CAAA,CACvF;;CAER,EAAA,CAAA,GAEE+B,IAAU9B,EACd,2FACA0B,IAAcrB,EAAwB,IAAI,QAAQ,UAAUA,EAAwB,IAAI,OAAO,SAC/F,gKACAkB,IAAO,6BAA6B,4BACpCJ,KAAa,gJACbT,CACF;CAeA,OAdIU,IAEA,kBAACF,GAAD;EAAe;EAA2C;EAAM,WAAWY;EAAS,GAAKb,IAAQ,EAAE,cAAcA,EAAM,IAAI,CAAC;EACzH,UAAAK;CACO,CAAA,IAGVD,IAEA,kBAAC,UAAD;EAAa;EAAqC,MAAK;EAAkB;EAAS,WAAWS;EAAS,GAAKb,IAAQ,EAAE,cAAcA,EAAM,IAAI,CAAC;EAC3I,UAAAK;CACK,CAAA,IAIV,kBAAC,OAAD;EAAU;EAAK,WAAWQ;EAAS,GAAKb,IAAQ,EAAE,cAAcA,EAAM,IAAI,CAAC;EACxE,UAAAK;CACE,CAAA;AAET,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAY,cAAc"}

package/dist/components/sheet.js

@@ -1,9 +1,9 @@
 "use client";
-import { t as e } from "../chunks/cn-Dj6sRgkF.js";
-import { r as t } from "../chunks/portal-context-BBbzDKmY.js";
+import { t as e } from "../chunks/cn-BjnOAUrA.js";
+import { r as t } from "../chunks/portal-context-CTatR2Z8.js";
 import { n, t as r } from "../chunks/inset-BUzyXLK4.js";
 import { i } from "../chunks/context-BELWW79w.js";
-import { t as a } from "../chunks/icon-button-CrdF_eMG.js";
+import { t as a } from "../chunks/icon-button-Dfwpvmav.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,9 +18,9 @@ var v = {
 		lg: { classes: "w-800" }
 	},
 	side: {
-		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" }
+		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 max-sm:safe-area-inset" },
+		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 max-sm:safe-area-inset" },
+		bottom: { classes: "right-8 bottom-safe-8 left-8 sheet-limits-y" }
 	}
 }, y = {
 	size: "sm",
@@ -38,15 +38,15 @@ function b({ title: e, subtitle: t, actions: n, children: o, footer: s, inline:
 	return /* @__PURE__ */ h(p, { children: [
 		/* @__PURE__ */ h("div", {
 			ref: w,
-			className: "flex h-60 shrink-0 items-center gap-12 px-24 hairline-b",
+			className: "flex min-h-60 shrink-0 items-center gap-12 px-24 py-12 hairline-b",
 			children: [
 				/* @__PURE__ */ h("div", {
 					className: "flex min-w-0 flex-1 flex-col",
 					children: [/* @__PURE__ */ m(y, {
-						className: "truncate text-title-sm font-semibold text-fg",
+						className: "text-title-sm font-semibold text-fg text-balance wrap-anywhere",
 						children: e
 					}), t && /* @__PURE__ */ m("span", {
-						className: "truncate mono text-small text-fg-secondary",
+						className: "mono text-small text-fg-secondary wrap-anywhere",
 						children: t
 					})]
 				}),
@@ -89,6 +89,7 @@ var S = /* @__PURE__ */ u(function(r, i) {
 		...u === void 0 ? {} : { defaultOpen: u },
 		...d ? { onOpenChange: (e) => d(e) } : {},
 		modal: y,
+		disablePointerDismissal: !y,
 		onOpenChangeComplete: E,
 		children: [f && /* @__PURE__ */ m(_.Trigger, { render: f }), /* @__PURE__ */ h(_.Portal, {
 			container: T,

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: {\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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"}
+{"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 max-sm:safe-area-inset\",\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 max-sm:safe-area-inset\",\n    },\n    bottom: { classes: \"right-8 bottom-safe-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 min-h-60 shrink-0 items-center gap-12 px-24 py-12 hairline-b\">\n        <div className=\"flex min-w-0 flex-1 flex-col\">\n          <Title className=\"text-title-sm font-semibold text-fg text-balance wrap-anywhere\">{title}</Title>\n          {subtitle && <span className=\"mono text-small text-fg-secondary wrap-anywhere\">{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      disablePointerDismissal={!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-3r1ZRXlN.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-Dq7oGOje.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-Dcz57Zyp.js";
+export { t as KAESO_SKELETON_DEFAULT_VARIANTS, n as KAESO_SKELETON_VARIANTS, r as Skeleton, i as SkeletonLine } from "../chunks/skeleton-D-qk3mes.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-Ci83PGtj.js";
+export { t as KAESO_SLIDER_DEFAULT_VARIANTS, n as KAESO_SLIDER_VARIANTS, r as Slider } from "../chunks/slider-CcE8GtuV.js";