@logicplanes/kaeso-ui 0.4.0 → 0.4.1

package/dist/components/icon.js

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

package/dist/components/input.js

@@ -1,12 +1,12 @@
 "use client";
-import { t as e } from "../chunks/cn-DUDmdLpZ.js";
+import { t as e } from "../chunks/cn-Isw2DnQX.js";
 import { i as t } from "../chunks/context-BELWW79w.js";
-import { r as n } from "../chunks/tooltip-CTBnfiDH.js";
-import { a as r, o as i, s as a } from "../chunks/field-BZriODU7.js";
-import { a as o, i as s, n as c, r as l, t as u } from "../chunks/input-group-BoxjnN8I.js";
-import { i as d, n as f, r as p, t as m } from "../chunks/input-9y3afoiq.js";
-import { a as h, c as g, i as _, l as v, n as y, o as b, r as x, s as S, t as C } from "../chunks/textarea-jOiTkfMf.js";
-import { a as w } from "../chunks/tag-XgPXKoxi.js";
+import { r as n } from "../chunks/tooltip-CRApbLF6.js";
+import { a as r, o as i, s as a } from "../chunks/field-DfITT6Jm.js";
+import { a as o, i as s, n as c, r as l, t as u } from "../chunks/input-group-Dgdb0JpZ.js";
+import { i as d, n as f, r as p, t as m } from "../chunks/input-B6Docqrk.js";
+import { a as h, c as g, i as _, l as v, n as y, o as b, r as x, s as S, t as C } from "../chunks/textarea-17Ftvph_.js";
+import { a as w } from "../chunks/tag-CqSk8F7M.js";
 import { forwardRef as T, useId as E, useRef as D, useState as O } from "react";
 import { jsx as k, jsxs as A } from "react/jsx-runtime";
 import { ViewIcon as j, ViewOffSlashIcon as M } from "@hugeicons/core-free-icons";

package/dist/components/kaeso/conversation.js

@@ -1,18 +1,18 @@
 "use client";
-import { t as e } from "../../chunks/cn-DUDmdLpZ.js";
+import { t as e } from "../../chunks/cn-Isw2DnQX.js";
 import { i as t } from "../../chunks/context-BELWW79w.js";
-import { t as n } from "../../chunks/icon-BqujXDUc.js";
-import { r } from "../../chunks/link-YMcxM-BZ.js";
-import { t as i } from "../../chunks/banner-DY1jSc9Y.js";
-import { t as a } from "../../chunks/json-view-BkG2hTXV.js";
-import { t as o } from "../../chunks/badge-wUHlj7m3.js";
-import { n as s } from "../../chunks/collapsible-CDQq1Y9x.js";
+import { t as n } from "../../chunks/icon-D5uD_mnL.js";
+import { r } from "../../chunks/link-CtII7u3h.js";
+import { t as i } from "../../chunks/banner-CvYgPwCc.js";
+import { t as a } from "../../chunks/json-view-DCTMY_j4.js";
+import { t as o } from "../../chunks/badge-CM8ahjDR.js";
+import { n as s } from "../../chunks/collapsible-CtQNJn9b.js";
 import { t as c } from "../../chunks/safe-href-G5DBNVwm.js";
 import { Suspense as l, forwardRef as u, lazy as d } from "react";
 import { jsx as f, jsxs as p } from "react/jsx-runtime";
 import { Image01Icon as m, Pdf01Icon as h, ToolsIcon as g } from "@hugeicons/core-free-icons";
 //#region src/components/kaeso/conversation.tsx
-var _ = /* @__PURE__ */ d(() => import("../../chunks/markdown-DBVNULWg.js").then((e) => e.o).then((e) => ({ default: e.Markdown }))), v = { density: {
+var _ = /* @__PURE__ */ d(() => import("../../chunks/markdown-CwVQ0niB.js").then((e) => e.o).then((e) => ({ default: e.Markdown }))), v = { density: {
 	default: { classes: "gap-24" },
 	compact: { classes: "gap-16" }
 } }, y = { density: "default" };

package/dist/components/kaeso/identity.js

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

package/dist/components/kaeso/moments.js

@@ -1,11 +1,11 @@
 "use client";
-import { t as e } from "../../chunks/cn-DUDmdLpZ.js";
+import { t as e } from "../../chunks/cn-Isw2DnQX.js";
 import { i as t } from "../../chunks/context-BELWW79w.js";
-import { t as n } from "../../chunks/icon-BqujXDUc.js";
-import { n as r } from "../../chunks/button-h2IFCER2.js";
+import { t as n } from "../../chunks/icon-D5uD_mnL.js";
+import { n as r } from "../../chunks/button-9q66Ta23.js";
 import { t as i } from "../../chunks/use-copy-Dm2ncvMX.js";
-import { t as a } from "../../chunks/copy-button-CXJ7fA9z.js";
-import { t as o } from "../../chunks/code-block-BU8gYeZQ.js";
+import { t as a } from "../../chunks/copy-button-Cdea0wKl.js";
+import { t as o } from "../../chunks/code-block-mEH6Sy3h.js";
 import { forwardRef as s } from "react";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
 import { Alert02Icon as u, Copy01Icon as d, Tick02Icon as f } from "@hugeicons/core-free-icons";

package/dist/components/kaeso/rights.js

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

package/dist/components/kaeso/usage.js

@@ -1,11 +1,11 @@
 "use client";
-import { t as e } from "../../chunks/cn-DUDmdLpZ.js";
+import { t as e } from "../../chunks/cn-Isw2DnQX.js";
 import { i as t } from "../../chunks/context-BELWW79w.js";
 import { formatNumber as n, formatTokens as r } from "../../format.js";
-import { t as i } from "../../chunks/icon-BqujXDUc.js";
-import { a } from "../../chunks/meter-DhTnem4k.js";
-import { t as o } from "../../chunks/badge-wUHlj7m3.js";
-import { C as s, c, l } from "../../chunks/core-Bu6iq5uh.js";
+import { t as i } from "../../chunks/icon-D5uD_mnL.js";
+import { a } from "../../chunks/meter-VrC2J2GF.js";
+import { t as o } from "../../chunks/badge-CM8ahjDR.js";
+import { C as s, c, l } from "../../chunks/core-FtMDNELx.js";
 import { forwardRef as u } from "react";
 import { jsx as d, jsxs as f } from "react/jsx-runtime";
 import { Layers01Icon as p, LeftToRightListBulletIcon as m, Wallet01Icon as h } from "@hugeicons/core-free-icons";

package/dist/components/kaeso.js

@@ -1,18 +1,18 @@
 "use client";
-import { t as e } from "../chunks/cn-DUDmdLpZ.js";
+import { t as e } from "../chunks/cn-Isw2DnQX.js";
 import { i as t, r as n } from "../chunks/context-BELWW79w.js";
-import { r } from "../chunks/tooltip-CTBnfiDH.js";
-import { a as i, o as a, s as o } from "../chunks/field-BZriODU7.js";
-import { a as s } from "../chunks/radio-DwYcXAzv.js";
-import { r as c } from "../chunks/select-Bbv2f5F8.js";
-import { t as l } from "../chunks/command-list-DZMVrXWD.js";
-import { i as u, r as d } from "../chunks/picker-popover-B5YdOxNm.js";
-import { t as f } from "../chunks/badge-wUHlj7m3.js";
-import { a as p, c as m, i as h, l as g, n as _, o as v, r as y, s as b, t as x, u as S } from "../chunks/identity-Chj7fW89.js";
+import { r } from "../chunks/tooltip-CRApbLF6.js";
+import { a as i, o as a, s as o } from "../chunks/field-DfITT6Jm.js";
+import { a as s } from "../chunks/radio-07Muf4cX.js";
+import { r as c } from "../chunks/select-eFTHLeYG.js";
+import { t as l } from "../chunks/command-list-CzMbdtJs.js";
+import { i as u, r as d } from "../chunks/picker-popover-BerQAEBT.js";
+import { t as f } from "../chunks/badge-CM8ahjDR.js";
+import { a as p, c as m, i as h, l as g, n as _, o as v, r as y, s as b, t as x, u as S } from "../chunks/identity-BcVQd-7H.js";
 import { EnvironmentSnippet as C, KAESO_MOMENTS_DEFAULT_VARIANTS as w, KAESO_MOMENTS_VARIANTS as T, SecretReveal as E, sdkSnippets as D } from "./kaeso/moments.js";
 import { KAESO_USAGE_DEFAULT_VARIANTS as O, KAESO_USAGE_VARIANTS as k, LimitMeter as A, UsageBreakdown as j } from "./kaeso/usage.js";
 import { ConversationView as M, KAESO_CONVERSATION_DEFAULT_VARIANTS as N, KAESO_CONVERSATION_VARIANTS as P } from "./kaeso/conversation.js";
-import { a as F, i as I, n as L, r as R, t as z } from "../chunks/rights-CiIBzT9o.js";
+import { a as F, i as I, n as L, r as R, t as z } from "../chunks/rights-UVngOX_4.js";
 import { Fragment as B, forwardRef as V, useId as H, useMemo as U, useState as ee } from "react";
 import { jsx as W, jsxs as G } from "react/jsx-runtime";
 import { RadioGroup as te } from "@base-ui/react/radio-group";

package/dist/components/kbd.js

@@ -1,2 +1,2 @@
 "use client";
-export { t as KAESO_KBD_DEFAULT_VARIANTS, n as KAESO_KBD_VARIANTS, r as Kbd, i as KbdSequence, a as keyLabel } from "../chunks/kbd-DqWmbr_e.js";
+export { t as KAESO_KBD_DEFAULT_VARIANTS, n as KAESO_KBD_VARIANTS, r as Kbd, i as KbdSequence, a as keyLabel } from "../chunks/kbd-9A9rX60U.js";

package/dist/components/key-value.js

@@ -1,8 +1,8 @@
 "use client";
-import { t as e } from "../chunks/cn-DUDmdLpZ.js";
-import { r as t } from "../chunks/tooltip-CTBnfiDH.js";
+import { t as e } from "../chunks/cn-Isw2DnQX.js";
+import { r as t } from "../chunks/tooltip-CRApbLF6.js";
 import { t as n } from "../chunks/use-truncated-CW0hByYt.js";
-import { n as r } from "../chunks/copy-button-CXJ7fA9z.js";
+import { n as r } from "../chunks/copy-button-Cdea0wKl.js";
 import { forwardRef as i, useRef as a } from "react";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region src/components/key-value/key-value.tsx

package/dist/components/label.js

@@ -1,5 +1,5 @@
 "use client";
-import { t as e } from "../chunks/cn-DUDmdLpZ.js";
+import { t as e } from "../chunks/cn-Isw2DnQX.js";
 import { i as t } from "../chunks/context-BELWW79w.js";
 import { forwardRef as n } from "react";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";

package/dist/components/layout.js

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

package/dist/components/link.js

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

package/dist/components/list.js

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

package/dist/components/loader.js

@@ -1,7 +1,7 @@
 "use client";
-import { t as e } from "../chunks/cn-DUDmdLpZ.js";
+import { t as e } from "../chunks/cn-Isw2DnQX.js";
 import { i as t } from "../chunks/context-BELWW79w.js";
-import { i as n, n as r, r as i, t as a } from "../chunks/loader-ENBh2Fbt.js";
+import { i as n, n as r, r as i, t as a } from "../chunks/loader-DqOUwS1j.js";
 import { forwardRef as o } from "react";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region src/components/loader/status.tsx

package/dist/components/logo.js

@@ -1,6 +1,6 @@
 "use client";
-import { t as e } from "../chunks/cn-DUDmdLpZ.js";
-import { a as t, i as n, n as r, r as i, t as a } from "../chunks/nav-wordmark-DmbT1Aiw.js";
+import { t as e } from "../chunks/cn-Isw2DnQX.js";
+import { a as t, i as n, n as r, r as i, t as a } from "../chunks/nav-wordmark-CjWM3NYa.js";
 import { forwardRef as o } from "react";
 import { jsx as s } from "react/jsx-runtime";
 //#region src/components/logo/logo.tsx

package/dist/components/markdown.js

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

package/dist/components/menu.js

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

package/dist/components/meter.js

@@ -1,2 +1,2 @@
 "use client";
-export { t as KAESO_METER_DEFAULT_VARIANTS, n as KAESO_METER_VARIANTS, r as KAESO_PROGRESS_DEFAULT_VARIANTS, i as KAESO_PROGRESS_VARIANTS, a as Meter, o as Progress, s as meterColor } from "../chunks/meter-DhTnem4k.js";
+export { t as KAESO_METER_DEFAULT_VARIANTS, n as KAESO_METER_VARIANTS, r as KAESO_PROGRESS_DEFAULT_VARIANTS, i as KAESO_PROGRESS_VARIANTS, a as Meter, o as Progress, s as meterColor } from "../chunks/meter-VrC2J2GF.js";

package/dist/components/page-header.js

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

package/dist/components/pagination.js

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

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-Isw2DnQX.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-D5uD_mnL.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-9q66Ta23.js";
+import { t as d } from "../chunks/icon-button-C7Du4pvb.js";
+import { a as f, o as p, s as m } from "../chunks/field-DfITT6Jm.js";
+import { o as h, r as g } from "../chunks/textarea-17Ftvph_.js";
+import { r as _ } from "../chunks/slider-Dh0qq1wa.js";
+import { r as v } from "../chunks/switch-CbU9m9gi.js";
+import { r as y } from "../chunks/segmented-DRLDN8EW.js";
+import { n as b, r as x } from "../chunks/select-eFTHLeYG.js";
+import { i as S } from "../chunks/popover-CgLt_4yG.js";
+import { r as C } from "../chunks/combobox-D8ZOm8uT.js";
+import { a as ee, t as w } from "../chunks/command-list-CzMbdtJs.js";
+import { i as T, r as E } from "../chunks/picker-popover-BerQAEBT.js";
+import { a as D, o as O, t as k, u as A } from "../chunks/identity-BcVQd-7H.js";
+import { r as j } from "../chunks/markdown-CwVQ0niB.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-Isw2DnQX.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-CgLt_4yG.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-Isw2DnQX.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-07Muf4cX.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-69WpgVik.js";

package/dist/components/scroll-area.js

@@ -1,5 +1,5 @@
 "use client";
-import { t as e } from "../chunks/cn-DUDmdLpZ.js";
+import { t as e } from "../chunks/cn-Isw2DnQX.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";

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-Bvg0EUnr.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-DRLDN8EW.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-eFTHLeYG.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-D86IW7Ge.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-Isw2DnQX.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-D5uD_mnL.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-Isw2DnQX.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-C7Du4pvb.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-DifJ5KgE.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-Cu74kGJA.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-Dh0qq1wa.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-Isw2DnQX.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-Cu74kGJA.js";
+import { t as a } from "../chunks/badge-CM8ahjDR.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-u4Izk-uC.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-Isw2DnQX.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-CC77iKJF.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-CbU9m9gi.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-CTxDp7zC.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-Isw2DnQX.js";
+import { t } from "../chunks/icon-D5uD_mnL.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";