@mkbabb/glass-ui 10.0.1 → 10.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/dist/components/configurator/Configurator.vue.d.ts +20 -0
  2. package/dist/components/configurator/ConfiguratorLayer.vue.d.ts +12 -2
  3. package/dist/components/configurator/index.d.ts +1 -1
  4. package/dist/components/configurator/styles.css +1 -1
  5. package/dist/{configurator-DiwVN573.js → configurator-CPxIo3q2.js} +85 -71
  6. package/dist/configurator.js +1 -1
  7. package/dist/glass-ui.css +1 -1
  8. package/dist/glass-ui.js +1 -1
  9. package/dist/index.d.ts +1 -1
  10. package/package.json +1 -1
package/dist/components/configurator/Configurator.vue.d.ts CHANGED
@@ -37,6 +37,20 @@ export type ConfiguratorAsideSide = "left" | "right";
37
37
  * configurator.css (never a dead JIT bracket — the lesson).
38
38
  */
39
39
  export type ConfiguratorGalleryPlacement = "aside" | "top";
40
+ /**
41
+ * How the studio's regions are surfaced.
42
+ *
43
+ * `attached` (default) is one instrument: the shell paints a single glass plate
44
+ * around the gallery, stage and aside, and the aside is divided from the stage by
45
+ * a hairline seam.
46
+ *
47
+ * `detached` paints NO shell plate, border or cast. The gallery, stage and aside are
48
+ * each their own glass surface (a floating card with its own border, cast and
49
+ * `--radius-card` corner), separated by the `--configurator-detached-gap` token, so
50
+ * the page ground shows between them. The size container, the fork, the scroll
51
+ * modes, the layers and the aside side are unchanged.
52
+ */
53
+ export type ConfiguratorLayout = "attached" | "detached";
40
54
  /**
41
55
  * Generic preset descriptor. Consumers pass `T` as the live config shape.
42
56
  * The primitive carries no preset semantics beyond `key + label` for
@@ -89,6 +103,12 @@ declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_se
89
103
  * precompiled `[data-gallery="top"]` rule in configurator.css.
90
104
  */
91
105
  galleryPlacement?: ConfiguratorGalleryPlacement;
106
+ /**
107
+ * How the regions are surfaced. Default `"attached"` (one shell plate).
108
+ * `"detached"` drops the shell plate; the gallery, stage and aside become
109
+ * separate glass cards over a token gap. See {@link ConfiguratorLayout}.
110
+ */
111
+ layout?: ConfiguratorLayout;
92
112
  /**
93
113
  * Aside width band at `lg`+ width, as a CSS length pair driving
94
114
  * `minmax(--configurator-aside-min, --configurator-aside-max)`. The
package/dist/components/configurator/ConfiguratorLayer.vue.d.ts CHANGED
@@ -42,6 +42,11 @@ type __VLS_Props = {
42
42
  * flush). Default `false` keeps the body gap-only.
43
43
  */
44
44
  dividers?: boolean;
45
+ /**
46
+ * When the `#actions` header slot shows. `"open"` (default) shows it only
47
+ * while the layer is expanded; `"always"` keeps it in the collapsed header too.
48
+ */
49
+ actionsWhen?: "open" | "always";
45
50
  class?: HTMLAttributes["class"];
46
51
  /** Body wrapper class override. */
47
52
  bodyClass?: HTMLAttributes["class"];
@@ -50,9 +55,13 @@ type __VLS_ModelProps = {
50
55
  "open"?: boolean | undefined;
51
56
  };
52
57
  type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
53
- declare var __VLS_6: {};
58
+ declare var __VLS_6: {
59
+ open: boolean | undefined;
60
+ }, __VLS_8: {};
54
61
  type __VLS_Slots = {} & {
55
- default?: (props: typeof __VLS_6) => any;
62
+ actions?: (props: typeof __VLS_6) => any;
63
+ } & {
64
+ default?: (props: typeof __VLS_8) => any;
56
65
  };
57
66
  declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
58
67
  "update:open": (value: boolean | undefined) => any;
@@ -60,6 +69,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
60
69
  "onUpdate:open"?: ((value: boolean | undefined) => any) | undefined;
61
70
  }>, {
62
71
  defaultOpen: boolean;
72
+ actionsWhen: "open" | "always";
63
73
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
64
74
  declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
65
75
  declare const _default: typeof __VLS_export;
package/dist/components/configurator/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  export { default as Configurator } from "./Configurator.vue.js";
2
2
  export { default as ConfiguratorLayer } from "./ConfiguratorLayer.vue.js";
3
3
  export { default as ConfiguratorRow } from "./ConfiguratorRow.vue.js";
4
- export type { ConfiguratorAsideSide, ConfiguratorGalleryPlacement, ConfiguratorPreset, ConfiguratorScrollMode, } from "./Configurator.vue.js";
4
+ export type { ConfiguratorAsideSide, ConfiguratorGalleryPlacement, ConfiguratorLayout, ConfiguratorPreset, ConfiguratorScrollMode, } from "./Configurator.vue.js";
5
5
  export { CONFIGURATOR_SIZE_KEY, provideConfiguratorSize, useOptionalConfiguratorSize, type ConfiguratorSize, } from "./size.js";
6
6
  export { useConfiguratorState, type ConfiguratorCloneMode, type ConfiguratorState, type ConfiguratorStateOptions, } from "./useConfiguratorState.js";
package/dist/components/configurator/styles.css CHANGED
@@ -1 +1 @@
1
- :root{--configurator-pad-inline: 1.25rem;}@layer components{.configurator-shell{-webkit-backdrop-filter: none;backdrop-filter: none;container-type: inline-size;display: grid;grid-template-rows: minmax(0,1fr);min-block-size: 0;min-inline-size: min(20rem,100%);}.configurator > .configurator-presets,.configurator > .configurator-aside{-webkit-backdrop-filter: var(--glass-blur-floating);backdrop-filter: var(--glass-blur-floating);}.configurator-section-label{font-family: var(--font-text);font-size: var(--configurator-section-size);line-height: var(--type-leading-body);font-weight: var(--configurator-section-weight);letter-spacing: var(--type-tracking-tight);color: var(--foreground);}.configurator-presets{padding-block: var(--configurator-preset-row-weight);}.configurator-presets .configurator-gallery-track,.configurator-presets [role="group"]{gap: var(--configurator-preset-row-gap);}.configurator-layer{border-width: 1px;border-color: var(--configurator-divider-section);background-color: var(--configurator-section-tint);border-radius: max( var(--radius-floor),calc(var(--radius-ctx) - var(--radius-inset)) );}.configurator-layer:has(+ .configurator-layer){border-end-start-radius: 0;border-end-end-radius: 0;border-bottom-width: 0;}.configurator-layer + .configurator-layer{margin-block-start: 0;border-start-start-radius: 0;border-start-end-radius: 0;}.configurator-layer-trigger{padding-inline: var(--configurator-pad-inline);}.configurator-layer-body{padding-inline: var(--configurator-pad-inline);}@media (hover: hover){[data-slot="configurator-reset"]:hover{background: color-mix( in oklab,var(--foreground) calc(var(--fill-hover) * 100%),transparent );color: var(--foreground);}.configurator-layer-trigger:hover{background: color-mix( in oklab,var(--foreground) calc(var(--fill-hover) * 100%),transparent );}}.configurator-layer-body[data-dividers] > * + *{border-color: var(--configurator-divider);}.configurator-aside,.configurator-presets,.configurator-footer{border-color: var(--configurator-divider);}.configurator-aside{border-block-start-width: 1px;}[data-slot="configurator"]{grid-template-columns: minmax(0,1fr);grid-template-rows: auto minmax(var(--configurator-stage-min,18rem),auto) minmax(0,1fr);}[data-slot="configurator"] > [data-gallery-dock]{grid-row: 1;grid-column: 1;}[data-slot="configurator"] > .configurator-stage{grid-row: 2;grid-column: 1;}[data-slot="configurator"] > .configurator-aside{grid-row: 3;grid-column: 1;}@container (inline-size >= 64rem){[data-slot="configurator"]{grid-template-columns: minmax(0,1fr) minmax( var(--configurator-aside-min,300px),var(--configurator-aside-max,400px) );grid-template-rows: auto minmax(0,1fr);}[data-slot="configurator"][data-gallery="aside"] > [data-gallery-dock]{grid-row: 1;grid-column: 2;}[data-slot="configurator"][data-gallery="aside"] > .configurator-stage{grid-row: 1 / span 2;grid-column: 1;}[data-slot="configurator"][data-gallery="aside"] > .configurator-aside{grid-row: 2;grid-column: 2;}[data-slot="configurator"][data-gallery="top"] > [data-gallery-dock]{grid-row: 1;grid-column: 1 / span 2;}[data-slot="configurator"][data-gallery="top"] > .configurator-stage{grid-row: 2;grid-column: 1;}[data-slot="configurator"][data-gallery="top"] > .configurator-aside{grid-row: 2;grid-column: 2;}[data-slot="configurator"] > .configurator-aside{border-block-start-width: 0;border-inline-start-width: 1px;}[data-slot="configurator"][data-aside-side="left"] > .configurator-aside{border-inline-start-width: 0;border-inline-end-width: 1px;}}[data-slot="configurator"] > [data-gallery-dock]{border-color: var(--configurator-divider);}[data-slot="configurator"][data-gallery="aside"] > [data-gallery-dock]{border-bottom-width: 1px;}@container (inline-size >= 64rem){[data-slot="configurator"][data-gallery="top"] > [data-gallery-dock]{border-bottom-width: 1px;}}.configurator-preset-tile{inline-size: clamp(160px,22cqi,232px);border-radius: var(--radius-card);}[data-slot="configurator"][data-gallery="top"] .configurator-preset-tile{inline-size: clamp(200px,20cqi,288px);}.configurator-preset-well{background-size: cover;background-position: center;image-rendering: auto;}.configurator-preset-well.is-loading{background-image: linear-gradient( 100deg,color-mix(in oklab,var(--card) 84%,transparent) 30%,color-mix(in oklab,var(--foreground) 8%,var(--card)) 50%,color-mix(in oklab,var(--card) 84%,transparent) 70% );background-size: 200% 100%;animation: configurator-preset-shimmer 1.2s ease-in-out infinite;}@media (prefers-reduced-motion: reduce){.configurator-preset-well.is-loading{animation: none;}}}@keyframes configurator-preset-shimmer{from{background-position: 200% 0;}to{background-position: -200% 0;}}@layer components{.configurator-preset-tile.is-active{box-shadow: inset 0 0 0 2px var(--focus-ring-color),var(--shadow-cartoon-lg);}.configurator-preset-chip{border-radius: var(--radius-pill);}.configurator-preset-chip.is-active{--glass-capsule-fill: var(--glass-plate-quiet);}@container (inline-size >= 64rem){[data-slot="configurator"][data-aside-side="left"] > .configurator-stage{grid-column: 2;}[data-slot="configurator"][data-aside-side="left"] > .configurator-aside{grid-column: 1;}[data-slot="configurator"][data-aside-side="left"][data-gallery="aside"] > [data-gallery-dock]{grid-column: 1;}}.configurator-expand-host[data-state="expanded"] > [data-part="panel"]{padding: var(--space-section);}.configurator-expand-host[data-state="expanded"] .configurator-shell{block-size: 100%;}}
1
+ :root{--configurator-pad-inline: 1.25rem;--configurator-detached-gap: var(--space-body);}@layer components{.configurator-shell{-webkit-backdrop-filter: none;backdrop-filter: none;container-type: inline-size;display: grid;grid-template-rows: minmax(0,1fr);min-block-size: 0;min-inline-size: min(20rem,100%);}.configurator > .configurator-presets,.configurator > .configurator-aside{-webkit-backdrop-filter: var(--glass-blur-floating);backdrop-filter: var(--glass-blur-floating);}.configurator-section-label{font-family: var(--font-text);font-size: var(--configurator-section-size);line-height: var(--type-leading-body);font-weight: var(--configurator-section-weight);letter-spacing: var(--type-tracking-tight);color: var(--foreground);}.configurator-presets{padding-block: var(--configurator-preset-row-weight);}.configurator-presets .configurator-gallery-track,.configurator-presets [role="group"]{gap: var(--configurator-preset-row-gap);}.configurator-layer{border-width: 1px;border-color: var(--configurator-divider-section);background-color: var(--configurator-section-tint);border-radius: max( var(--radius-floor),calc(var(--radius-ctx) - var(--radius-inset)) );}.configurator-layer:has(+ .configurator-layer){border-end-start-radius: 0;border-end-end-radius: 0;border-bottom-width: 0;}.configurator-layer + .configurator-layer{margin-block-start: 0;border-start-start-radius: 0;border-start-end-radius: 0;}.configurator-layer-trigger{padding-inline: var(--configurator-pad-inline);}.configurator-layer-header{display: grid;grid-template-columns: minmax(0,1fr) auto auto;align-items: center;}.configurator-layer-header > .configurator-layer-trigger{grid-row: 1;grid-column: 1 / -1;display: grid;grid-template-columns: subgrid;align-items: center;}.configurator-layer-trigger > .configurator-layer-heading{grid-column: 1;}.configurator-layer-trigger > .configurator-layer-chevron{grid-column: 3;margin-inline-start: var(--space-atom);}.configurator-layer-header > .configurator-layer-actions{grid-row: 1;grid-column: 2;margin-inline-start: var(--space-atom);position: relative;z-index: 1;}.configurator-layer-body{padding-inline: var(--configurator-pad-inline);}@media (hover: hover){[data-slot="configurator-reset"]:hover{background: color-mix( in oklab,var(--foreground) calc(var(--fill-hover) * 100%),transparent );color: var(--foreground);}.configurator-layer-trigger:hover{background: color-mix( in oklab,var(--foreground) calc(var(--fill-hover) * 100%),transparent );}}.configurator-layer-body[data-dividers] > * + *{border-color: var(--configurator-divider);}.configurator-aside,.configurator-presets,.configurator-footer{border-color: var(--configurator-divider);}.configurator-aside{border-block-start-width: 1px;}[data-slot="configurator"]{grid-template-columns: minmax(0,1fr);grid-template-rows: auto minmax(var(--configurator-stage-min,18rem),auto) minmax(0,1fr);}[data-slot="configurator"][data-layout="detached"]{gap: var(--configurator-detached-gap);}[data-slot="configurator"] > [data-gallery-dock]{grid-row: 1;grid-column: 1;}[data-slot="configurator"] > .configurator-stage{grid-row: 2;grid-column: 1;}[data-slot="configurator"] > .configurator-aside{grid-row: 3;grid-column: 1;}@container (inline-size >= 64rem){[data-slot="configurator"]{grid-template-columns: minmax(0,1fr) minmax( var(--configurator-aside-min,300px),var(--configurator-aside-max,400px) );grid-template-rows: auto minmax(0,1fr);}[data-slot="configurator"][data-gallery="aside"] > [data-gallery-dock]{grid-row: 1;grid-column: 2;}[data-slot="configurator"][data-gallery="aside"] > .configurator-stage{grid-row: 1 / span 2;grid-column: 1;}[data-slot="configurator"][data-gallery="aside"] > .configurator-aside{grid-row: 2;grid-column: 2;}[data-slot="configurator"][data-gallery="top"] > [data-gallery-dock]{grid-row: 1;grid-column: 1 / span 2;}[data-slot="configurator"][data-gallery="top"] > .configurator-stage{grid-row: 2;grid-column: 1;}[data-slot="configurator"][data-gallery="top"] > .configurator-aside{grid-row: 2;grid-column: 2;}[data-slot="configurator"] > .configurator-aside{border-block-start-width: 0;border-inline-start-width: 1px;}[data-slot="configurator"][data-aside-side="left"] > .configurator-aside{border-inline-start-width: 0;border-inline-end-width: 1px;}}[data-slot="configurator"] > [data-gallery-dock]{border-color: var(--configurator-divider);}[data-slot="configurator"][data-gallery="aside"] > [data-gallery-dock]{border-bottom-width: 1px;}@container (inline-size >= 64rem){[data-slot="configurator"][data-gallery="top"] > [data-gallery-dock]{border-bottom-width: 1px;}}.configurator-preset-tile{inline-size: clamp(160px,22cqi,232px);border-radius: var(--radius-card);}[data-slot="configurator"][data-gallery="top"] .configurator-preset-tile{inline-size: clamp(200px,20cqi,288px);}.configurator-preset-well{background-size: cover;background-position: center;image-rendering: auto;}.configurator-preset-well.is-loading{background-image: linear-gradient( 100deg,color-mix(in oklab,var(--card) 84%,transparent) 30%,color-mix(in oklab,var(--foreground) 8%,var(--card)) 50%,color-mix(in oklab,var(--card) 84%,transparent) 70% );background-size: 200% 100%;animation: configurator-preset-shimmer 1.2s ease-in-out infinite;}@media (prefers-reduced-motion: reduce){.configurator-preset-well.is-loading{animation: none;}}}@keyframes configurator-preset-shimmer{from{background-position: 200% 0;}to{background-position: -200% 0;}}@layer components{.configurator-preset-tile.is-active{box-shadow: inset 0 0 0 2px var(--focus-ring-color),var(--shadow-cartoon-lg);}.configurator-preset-chip{border-radius: var(--radius-pill);}.configurator-preset-chip.is-active{--glass-capsule-fill: var(--glass-plate-quiet);}@container (inline-size >= 64rem){[data-slot="configurator"][data-aside-side="left"] > .configurator-stage{grid-column: 2;}[data-slot="configurator"][data-aside-side="left"] > .configurator-aside{grid-column: 1;}[data-slot="configurator"][data-aside-side="left"][data-gallery="aside"] > [data-gallery-dock]{grid-column: 1;}}.configurator-expand-host[data-state="expanded"] > [data-part="panel"]{padding: var(--space-section);}.configurator-expand-host[data-state="expanded"] .configurator-shell{block-size: 100%;}}
package/dist/{configurator-DiwVN573.js → configurator-CPxIo3q2.js} RENAMED
@@ -4,28 +4,28 @@ import { t as n } from "./_plugin-vue_export-helper-B3ysoDQm.js";
4
4
  import { t as r } from "./label-CE03H1KL.js";
5
5
  import { t as i } from "./expandable-container-CZUj9BzY.js";
6
6
  import { t as a } from "./fading-scroll-CTeW3KNS.js";
7
- import { Fragment as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createTextVNode as f, createVNode as p, defineComponent as m, mergeModels as h, mergeProps as g, normalizeClass as _, normalizeStyle as v, openBlock as y, reactive as b, ref as x, renderList as S, renderSlot as C, resolveDynamicComponent as w, toDisplayString as T, toRaw as E, unref as D, useId as O, useModel as k, withCtx as A, withModifiers as j } from "vue";
7
+ import { Fragment as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createTextVNode as f, createVNode as p, defineComponent as m, mergeModels as h, mergeProps as g, normalizeClass as _, normalizeStyle as v, openBlock as y, reactive as b, ref as x, renderList as S, renderSlot as C, resolveDynamicComponent as ee, toDisplayString as w, toRaw as T, unref as E, useId as D, useModel as O, useSlots as k, withCtx as A, withModifiers as j } from "vue";
8
8
  import { ChevronDown as M, RotateCcw as N } from "@lucide/vue";
9
9
  //#region src/components/configurator/size.ts
10
10
  var P = t("configuratorSize"), F = P.KEY;
11
11
  function I(e) {
12
12
  P.provide(e);
13
13
  }
14
- var L = P.use, R = ["data-aside-side", "data-gallery"], z = {
15
- key: 0,
16
- "data-gallery-dock": "",
17
- class: "configurator-presets shrink-0 px-3"
18
- }, B = [
14
+ var L = P.use, R = [
15
+ "data-layout",
16
+ "data-aside-side",
17
+ "data-gallery"
18
+ ], z = [
19
19
  "data-active",
20
20
  "aria-pressed",
21
21
  "onClick"
22
- ], V = { class: "configurator-stage relative min-h-0 min-w-0 overflow-hidden" }, H = { class: "configurator-aside flex min-h-0 min-w-0 flex-col" }, U = { class: "flex flex-col" }, W = {
22
+ ], B = { class: "flex flex-col" }, V = {
23
23
  key: 1,
24
24
  class: "configurator-controls flex-1 min-h-0 overflow-visible"
25
- }, G = { class: "flex flex-col" }, K = {
25
+ }, H = { class: "flex flex-col" }, U = {
26
26
  key: 2,
27
27
  class: "configurator-footer shrink-0 border-t px-3 py-2"
28
- }, q = /* @__PURE__ */ m({
28
+ }, W = /* @__PURE__ */ m({
29
29
  __name: "Configurator",
30
30
  props: /*@__PURE__*/ h({
31
31
  presets: {},
@@ -36,6 +36,7 @@ var L = P.use, R = ["data-aside-side", "data-gallery"], z = {
36
36
  size: { default: "md" },
37
37
  asideSide: { default: "right" },
38
38
  galleryPlacement: { default: "aside" },
39
+ layout: { default: "attached" },
39
40
  asideWidth: {},
40
41
  expandable: {
41
42
  type: Boolean,
@@ -63,18 +64,18 @@ var L = P.use, R = ["data-aside-side", "data-gallery"], z = {
63
64
  "reset"
64
65
  ], ["update:expanded"]),
65
66
  setup(t, { emit: n }) {
66
- let r = t, f = k(t, "expanded");
67
+ let r = t, f = O(t, "expanded");
67
68
  I(s(() => r.size));
68
- let m = n, h = s(() => e("configurator-shell glass-floating rounded-panel border border-border/60 overflow-hidden", r.class)), b = s(() => e("configurator", "grid", "min-h-0")), x = s(() => r.expandable ? i : "div"), E = s(() => r.expandable ? "configurator-expand-host" : "contents"), O = s(() => r.expandable ? {
69
+ let m = n, h = s(() => r.layout === "detached"), b = s(() => h.value ? "glass-floating rounded-card border border-border/60 overflow-hidden" : void 0), x = s(() => e("configurator-shell", !h.value && "glass-floating rounded-panel border border-border/60 overflow-hidden", r.class)), T = s(() => e("configurator", "grid", "min-h-0")), D = s(() => r.expandable ? i : "div"), k = s(() => r.expandable ? "configurator-expand-host" : "contents"), M = s(() => r.expandable ? {
69
70
  open: f.value,
70
71
  "onUpdate:open": (e) => {
71
72
  f.value = e;
72
73
  },
73
74
  expandLabel: r.expandLabel,
74
75
  collapseLabel: r.collapseLabel
75
- } : {}), M = s(() => r.expandable && f.value ? "top" : r.galleryPlacement), N = s(() => {
76
+ } : {}), N = s(() => r.expandable && f.value ? "top" : r.galleryPlacement), P = s(() => {
76
77
  let e = {
77
- "--radius-ctx": "var(--radius-panel)",
78
+ "--radius-ctx": h.value ? "var(--radius-card)" : "var(--radius-panel)",
78
79
  "--radius-inset": "var(--configurator-pad-inline)"
79
80
  };
80
81
  if (r.asideWidth != null) {
@@ -82,21 +83,26 @@ var L = P.use, R = ["data-aside-side", "data-gallery"], z = {
82
83
  e["--configurator-aside-min"] = t, e["--configurator-aside-max"] = n;
83
84
  }
84
85
  return e;
85
- }), P = s(() => r.scrollMode !== "never");
86
- return (n, r) => (y(), c(w(x.value), g(O.value, { class: E.value }), {
86
+ }), F = s(() => r.scrollMode !== "never");
87
+ return (n, r) => (y(), c(ee(D.value), g(M.value, { class: k.value }), {
87
88
  default: A(() => [d("div", {
88
- class: _(h.value),
89
- style: v(N.value)
89
+ class: _(x.value),
90
+ style: v(P.value)
90
91
  }, [d("section", {
91
92
  "data-slot": "configurator",
93
+ "data-layout": t.layout,
92
94
  "data-aside-side": t.asideSide,
93
- "data-gallery": M.value,
94
- class: _(b.value)
95
+ "data-gallery": N.value,
96
+ class: _(T.value)
95
97
  }, [
96
- n.$slots.presets || t.presets && t.presets.length > 0 ? (y(), u("div", z, [C(n.$slots, "presets", {
98
+ n.$slots.presets || t.presets && t.presets.length > 0 ? (y(), u("div", {
99
+ key: 0,
100
+ "data-gallery-dock": "",
101
+ class: _(E(e)("configurator-presets shrink-0 px-3", b.value))
102
+ }, [C(n.$slots, "presets", {
97
103
  presets: t.presets,
98
104
  activePreset: t.activePreset
99
- }, () => [p(D(a), {
105
+ }, () => [p(E(a), {
100
106
  axis: "x",
101
107
  class: "configurator-gallery-track flex scrollbar-hidden",
102
108
  role: "group",
@@ -108,13 +114,13 @@ var L = P.use, R = ["data-aside-side", "data-gallery"], z = {
108
114
  "data-preset-tile": "",
109
115
  "data-active": n.key === t.activePreset || void 0,
110
116
  "aria-pressed": n.key === t.activePreset,
111
- class: _(D(e)("configurator-preset-chip glass-capsule glass-capsule-hover shadow-cartoon focus-ring shrink-0 px-3 py-1 text-micro font-medium text-foreground", n.key === t.activePreset && "is-active")),
117
+ class: _(E(e)("configurator-preset-chip glass-capsule glass-capsule-hover shadow-cartoon focus-ring shrink-0 px-3 py-1 text-micro font-medium text-foreground", n.key === t.activePreset && "is-active")),
112
118
  onClick: j((e) => m("select-preset", n.key), ["stop"])
113
- }, T(n.label), 11, B))), 128))]),
119
+ }, w(n.label), 11, z))), 128))]),
114
120
  _: 1
115
- })])])) : l("", !0),
116
- d("div", V, [C(n.$slots, "stage")]),
117
- d("aside", H, [P.value ? (y(), c(D(a), {
121
+ })])], 2)) : l("", !0),
122
+ d("div", { class: _(E(e)("configurator-stage relative min-h-0 min-w-0 overflow-hidden", b.value)) }, [C(n.$slots, "stage")], 2),
123
+ d("aside", { class: _(E(e)("configurator-aside flex min-h-0 min-w-0 flex-col", b.value)) }, [F.value ? (y(), c(E(a), {
118
124
  key: 0,
119
125
  axis: "y",
120
126
  class: "configurator-controls flex-1 min-h-0 scrollbar-thin"
@@ -123,30 +129,37 @@ var L = P.use, R = ["data-aside-side", "data-gallery"], z = {
123
129
  layers: t.layers,
124
130
  activeLayer: t.activeLayer,
125
131
  selectLayer: (e) => m("select-layer", e)
126
- }, () => [d("div", U, [C(n.$slots, "default")])])]),
132
+ }, () => [d("div", B, [C(n.$slots, "default")])])]),
127
133
  _: 3
128
- })) : (y(), u("div", W, [C(n.$slots, "controls", {
134
+ })) : (y(), u("div", V, [C(n.$slots, "controls", {
129
135
  layers: t.layers,
130
136
  activeLayer: t.activeLayer,
131
137
  selectLayer: (e) => m("select-layer", e)
132
- }, () => [d("div", G, [C(n.$slots, "default")])])])), n.$slots.footer ? (y(), u("div", K, [C(n.$slots, "footer", { reset: () => m("reset") })])) : l("", !0)])
138
+ }, () => [d("div", H, [C(n.$slots, "default")])])])), n.$slots.footer ? (y(), u("div", U, [C(n.$slots, "footer", { reset: () => m("reset") })])) : l("", !0)], 2)
133
139
  ], 10, R)], 6)]),
134
140
  _: 3
135
141
  }, 16, ["class"]));
136
142
  }
137
- }), J = ["data-state"], Y = [
143
+ }), G = ["data-state"], K = {
144
+ "data-slot": "configurator-layer-header",
145
+ class: "configurator-layer-header"
146
+ }, q = [
138
147
  "aria-expanded",
139
148
  "aria-controls",
140
149
  "data-state"
141
- ], X = { class: "flex min-w-0 items-baseline gap-2" }, ee = { class: "configurator-section-label truncate" }, Z = {
150
+ ], J = { class: "configurator-layer-heading flex min-w-0 items-baseline gap-2" }, Y = { class: "configurator-section-label truncate" }, X = {
142
151
  key: 0,
143
152
  class: "truncate text-micro font-mono text-muted-foreground"
153
+ }, Z = {
154
+ key: 0,
155
+ "data-slot": "configurator-layer-actions",
156
+ class: "configurator-layer-actions flex items-center gap-1"
144
157
  }, Q = [
145
158
  "id",
146
159
  "aria-hidden",
147
160
  "inert",
148
161
  "data-state"
149
- ], $ = { class: "min-h-0 overflow-hidden" }, te = ["data-dividers"], ne = /*#__PURE__*/ n(/* @__PURE__ */ m({
162
+ ], te = { class: "min-h-0 overflow-hidden" }, ne = ["data-dividers"], re = /*#__PURE__*/ n(/* @__PURE__ */ m({
150
163
  __name: "ConfiguratorLayer",
151
164
  props: /*@__PURE__*/ h({
152
165
  label: {},
@@ -157,6 +170,7 @@ var L = P.use, R = ["data-aside-side", "data-gallery"], z = {
157
170
  default: !0
158
171
  },
159
172
  dividers: { type: Boolean },
173
+ actionsWhen: { default: "open" },
160
174
  class: { type: [
161
175
  Boolean,
162
176
  null,
@@ -180,42 +194,42 @@ var L = P.use, R = ["data-aside-side", "data-gallery"], z = {
180
194
  }),
181
195
  emits: ["update:open"],
182
196
  setup(t) {
183
- let n = t, r = k(t, "open");
184
- r.value === void 0 && (r.value = n.defaultOpen);
185
- let i = `configurator-layer-body-${O()}`, a = s(() => n.id ?? i);
186
- function o() {
187
- r.value = !r.value;
197
+ let n = t, r = k(), i = O(t, "open");
198
+ i.value === void 0 && (i.value = n.defaultOpen);
199
+ let a = `configurator-layer-body-${D()}`, o = s(() => n.id ?? a);
200
+ function c() {
201
+ i.value = !i.value;
188
202
  }
189
- let c = s(() => r.value ? "open" : "closed");
190
- return (i, s) => (y(), u("div", {
203
+ let f = s(() => i.value ? "open" : "closed"), m = s(() => !!r.actions && (n.actionsWhen === "always" || !!i.value));
204
+ return (r, a) => (y(), u("div", {
191
205
  "data-slot": "configurator-layer",
192
- class: _(D(e)("configurator-layer", n.class)),
193
- "data-state": c.value
194
- }, [d("button", {
206
+ class: _(E(e)("configurator-layer", n.class)),
207
+ "data-state": f.value
208
+ }, [d("div", K, [d("button", {
195
209
  type: "button",
196
210
  "data-slot": "configurator-layer-trigger",
197
- class: _(D(e)("configurator-layer-trigger", "group flex w-full items-center justify-between gap-2 py-2", "tap-squish transition-control text-left focus-ring")),
198
- "aria-expanded": r.value,
199
- "aria-controls": a.value,
200
- "data-state": c.value,
201
- onClick: o
202
- }, [d("div", X, [d("span", ee, T(t.label), 1), t.sub ? (y(), u("span", Z, T(t.sub), 1)) : l("", !0)]), p(D(M), {
203
- class: "h-4 w-4 shrink-0 text-muted-foreground group-data-[state=open]:rotate-180 transition-disclosure",
211
+ class: _(E(e)("configurator-layer-trigger", "group w-full py-2", "tap-squish transition-control text-left focus-ring")),
212
+ "aria-expanded": i.value,
213
+ "aria-controls": o.value,
214
+ "data-state": f.value,
215
+ onClick: c
216
+ }, [d("div", J, [d("span", Y, w(t.label), 1), t.sub ? (y(), u("span", X, w(t.sub), 1)) : l("", !0)]), p(E(M), {
217
+ class: "configurator-layer-chevron h-4 w-4 shrink-0 text-muted-foreground group-data-[state=open]:rotate-180 transition-disclosure",
204
218
  "aria-hidden": "true"
205
- })], 10, Y), d("div", {
206
- id: a.value,
219
+ })], 10, q), m.value ? (y(), u("div", Z, [C(r.$slots, "actions", { open: i.value }, void 0, !0)])) : l("", !0)]), d("div", {
220
+ id: o.value,
207
221
  role: "region",
208
- "aria-hidden": !r.value,
209
- inert: !r.value || void 0,
210
- "data-state": c.value,
222
+ "aria-hidden": !i.value,
223
+ inert: !i.value || void 0,
224
+ "data-state": f.value,
211
225
  class: "configurator-layer-region grid motion-reduce:transition-none",
212
- style: v({ gridTemplateRows: r.value ? "1fr" : "0fr" })
213
- }, [d("div", $, [d("div", {
226
+ style: v({ gridTemplateRows: i.value ? "1fr" : "0fr" })
227
+ }, [d("div", te, [d("div", {
214
228
  "data-dividers": n.dividers || void 0,
215
- class: _(D(e)("configurator-layer-body py-2 space-y-2", n.dividers && "[&>*+*]:border-t [&>*+*]:pt-2", n.bodyClass))
216
- }, [C(i.$slots, "default", {}, void 0, !0)], 10, te)])], 12, Q)], 10, J));
229
+ class: _(E(e)("configurator-layer-body py-2 space-y-2", n.dividers && "[&>*+*]:border-t [&>*+*]:pt-2", n.bodyClass))
230
+ }, [C(r.$slots, "default", {}, void 0, !0)], 10, ne)])], 12, Q)], 10, G));
217
231
  }
218
- }), [["__scopeId", "data-v-6fa47df1"]]), re = ["data-size"], ie = { class: "flex items-baseline justify-between gap-3" }, ae = { class: "flex min-w-0 items-baseline gap-2" }, oe = {
232
+ }), [["__scopeId", "data-v-2f76a595"]]), ie = ["data-size"], ae = { class: "flex items-baseline justify-between gap-3" }, oe = { class: "flex min-w-0 items-baseline gap-2" }, $ = {
219
233
  key: 0,
220
234
  class: "truncate text-small font-normal text-muted-foreground"
221
235
  }, se = {
@@ -243,22 +257,22 @@ var L = P.use, R = ["data-aside-side", "data-gallery"], z = {
243
257
  },
244
258
  emits: ["reset"],
245
259
  setup(t, { emit: n }) {
246
- let i = t, a = n, o = `${O()}-label`, c = L(), m = s(() => i.size ?? c?.value ?? void 0);
260
+ let i = t, a = n, o = `${D()}-label`, c = L(), m = s(() => i.size ?? c?.value ?? void 0);
247
261
  return (n, s) => (y(), u("div", {
248
262
  "data-slot": "configurator-row",
249
- class: _(D(e)("configurator-row flex flex-col gap-1.5 py-2", i.class)),
263
+ class: _(E(e)("configurator-row flex flex-col gap-1.5 py-2", i.class)),
250
264
  "data-size": m.value
251
265
  }, [
252
- d("div", ie, [d("div", ae, [
253
- p(D(r), {
266
+ d("div", ae, [d("div", oe, [
267
+ p(E(r), {
254
268
  id: o,
255
269
  class: "truncate"
256
270
  }, {
257
- default: A(() => [f(T(t.label), 1)]),
271
+ default: A(() => [f(w(t.label), 1)]),
258
272
  _: 1
259
273
  }),
260
- t.sub ? (y(), u("span", oe, T(t.sub), 1)) : l("", !0),
261
- t.name ? (y(), u("span", se, T(t.name), 1)) : l("", !0)
274
+ t.sub ? (y(), u("span", $, w(t.sub), 1)) : l("", !0),
275
+ t.name ? (y(), u("span", se, w(t.name), 1)) : l("", !0)
262
276
  ]), t.canReset ? (y(), u("button", {
263
277
  key: 0,
264
278
  type: "button",
@@ -266,19 +280,19 @@ var L = P.use, R = ["data-aside-side", "data-gallery"], z = {
266
280
  class: "tap-squish transition-control focus-ring inline-flex h-6 w-6 items-center justify-center rounded-pill text-muted-foreground/60",
267
281
  "aria-label": `Reset ${t.label}`,
268
282
  onClick: s[0] ||= (e) => a("reset")
269
- }, [p(D(N), {
283
+ }, [p(E(N), {
270
284
  class: "h-3 w-3",
271
285
  "aria-hidden": "true"
272
286
  })], 8, ce)) : l("", !0)]),
273
287
  d("div", le, [C(n.$slots, "default", { labelledBy: o }, void 0, !0)]),
274
- t.description ? (y(), u("p", ue, T(t.description), 1)) : l("", !0)
275
- ], 10, re));
288
+ t.description ? (y(), u("p", ue, w(t.description), 1)) : l("", !0)
289
+ ], 10, ie));
276
290
  }
277
291
  }), [["__scopeId", "data-v-ed1debd3"]]);
278
292
  //#endregion
279
293
  //#region src/components/configurator/useConfiguratorState.ts
280
294
  function fe(e) {
281
- let t = E(e);
295
+ let t = T(e);
282
296
  if (typeof structuredClone != "function") throw Error("[glass-ui:configurator] structuredClone is unavailable in this runtime. Pass a custom clone via ConfiguratorStateOptions.clone for environments without structured-clone support.");
283
297
  try {
284
298
  return structuredClone(t);
@@ -336,4 +350,4 @@ function me(e) {
336
350
  };
337
351
  }
338
352
  //#endregion
339
- export { F as a, q as i, de as n, I as o, ne as r, L as s, me as t };
353
+ export { F as a, W as i, de as n, I as o, re as r, L as s, me as t };
package/dist/configurator.js CHANGED
@@ -1,2 +1,2 @@
1
- import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "./configurator-DiwVN573.js";
1
+ import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "./configurator-CPxIo3q2.js";
2
2
  export { e as CONFIGURATOR_SIZE_KEY, t as Configurator, i as ConfiguratorLayer, n as ConfiguratorRow, r as provideConfiguratorSize, o as useConfiguratorState, a as useOptionalConfiguratorSize };
package/dist/glass-ui.css CHANGED
@@ -1,2 +1,2 @@
1
- @layer components{.aurora-root[data-v-365c95db]{opacity:var(--aurora-ceiling-a11y,var(--aurora-ceiling,1));contain:content;content-visibility:auto;contain-intrinsic-size:auto 600px;display:grid}.aurora-root>.aurora-placeholder[data-v-365c95db],.aurora-root>.aurora-canvas-layer[data-v-365c95db]{grid-area:1/1}.aurora-root>.aurora-placeholder[data-v-365c95db]{image-rendering:auto;background-position:50%;background-repeat:no-repeat;background-size:cover}.aurora-placeholder[data-v-365c95db]{background-image:var(--aurora-ground-image,none);background-color:var(--aurora-ground-color,transparent)}.aurora-canvas-layer[data-v-365c95db]{opacity:0;transition:opacity var(--duration-slow) var(--ease-standard);isolation:isolate}.aurora-canvas-layer--armed[data-v-365c95db]{opacity:1}@media (prefers-reduced-motion:reduce){.aurora-canvas-layer[data-v-365c95db]{transition-duration:1ms}}@media (prefers-reduced-transparency:reduce){.aurora-root[data-v-365c95db]{--aurora-ceiling-a11y:1}}@media (forced-colors:active){.aurora-root>.aurora-canvas-layer[data-v-365c95db]{display:none}.aurora-placeholder[data-v-365c95db]{background-color:canvas;background-image:none}}.goo-blob-wrapper[data-v-8b05f03a]{aspect-ratio:1;z-index:var(--z-content);pointer-events:none;contain:layout style;content-visibility:auto;contain-intrinsic-size:auto none;filter:drop-shadow(var(--blob-shadow-ambient)) drop-shadow(var(--blob-shadow-contact));transition:filter var(--duration-slow,.45s) var(--ease-standard,ease);position:relative;overflow:visible}.goo-blob-wrapper[data-v-8b05f03a]:hover{filter:drop-shadow(var(--blob-shadow-hover)) drop-shadow(var(--blob-shadow-contact-hover))}.goo-blob-canvas[data-v-8b05f03a]{will-change:transform;pointer-events:none;width:160%;height:160%;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.goo-blob-hit[data-v-8b05f03a]{pointer-events:auto;cursor:pointer;clip-path:circle(var(--blob-hit-radius,50%));background:0 0;border:0;border-radius:50%;margin:0;padding:0;position:absolute;inset:0}.goo-blob-hit[data-v-8b05f03a]:focus-visible{background:radial-gradient(circle, transparent calc(var(--blob-hit-radius) - 3px), var(--focus-ring-color) calc(var(--blob-hit-radius) - 3px), var(--focus-ring-color) var(--blob-hit-radius), transparent var(--blob-hit-radius));outline:none}.goo-blob-hit[data-v-8b05f03a]:disabled{cursor:default}@media (prefers-reduced-motion:reduce){.goo-blob-wrapper[data-v-8b05f03a]{filter:drop-shadow(var(--blob-shadow-ambient)) drop-shadow(var(--blob-shadow-contact))!important;transition:none!important}}.checkbox{--control-bit-radius:var(--radius-md)}.disclosure{inline-size:100%;min-inline-size:0}.disclosure-item{border-block-end:1px solid var(--glass-border-defined)}.disclosure-header{margin:0;display:flex}.disclosure-trigger{border-radius:var(--radius-control);touch-action:manipulation}.disclosure-trigger:focus-visible{box-shadow:var(--focus-ring-shadow);outline:none}.disclosure-trigger:is(:disabled,[data-disabled]){pointer-events:none;opacity:var(--opacity-disabled)}.disclosure-group-trigger{min-block-size:2.75rem;color:var(--foreground);font:inherit;text-align:start;cursor:pointer;transition:background-color var(--duration-control) var(--ease-standard), color var(--duration-control) var(--ease-standard), box-shadow var(--duration-control) var(--ease-standard);background:0 0;border:0;flex:auto;justify-content:space-between;align-items:center;padding:1rem .25rem;font-weight:600;display:flex}.disclosure-group-trigger:hover:not(:disabled,[data-disabled]){background:var(--control-surface-bg-hover)}.disclosure-icon{block-size:1rem;inline-size:1rem;color:var(--muted-foreground-strong);flex:none}.disclosure-group-trigger[data-state=open]>.disclosure-icon{rotate:180deg}.disclosure-content{color:var(--muted-foreground-strong);font-size:var(--type-small);line-height:var(--leading-small);animation-duration:var(--spring-present-duration);animation-timing-function:var(--spring-present);overflow:hidden}.disclosure-content[data-disclosure=collapsible]{--disclosure-content-size:var(--reka-collapsible-content-height)}.disclosure-content[data-disclosure=accordion]{--disclosure-content-size:var(--reka-accordion-content-height)}.disclosure-content[data-state=open]{animation-name:disclosure-open}.disclosure-content[data-state=closed]{animation-name:disclosure-close}.disclosure-content-body{padding:0 .25rem 1rem}@media (prefers-reduced-motion:reduce){.disclosure-content{animation-duration:.01ms}.disclosure-icon{transition-duration:.01ms}}@media (forced-colors:active){.disclosure-item{border-color:canvastext}.disclosure-trigger:focus-visible{outline-offset:2px;box-shadow:none;outline:2px solid highlight}}.command{border-radius:var(--radius-card);width:100%;height:100%;color:var(--popover-foreground);flex-direction:column;display:flex;overflow:hidden}.command-dialog__content{padding:0;overflow:hidden}.command__input-wrapper{border-block-end:1px solid color-mix(in oklab, var(--foreground) calc(var(--ink-seam) * 100%), transparent);align-items:center;padding-inline:.75rem;display:flex}.command__input-icon{opacity:.5;flex:none;width:1rem;height:1rem;margin-inline-end:.5rem}.command-dialog__content .command__input-icon,.command-dialog__content .command__item>svg{width:1.25rem;height:1.25rem}.command__input{width:100%;height:var(--dropdown-input-height);color:inherit;font:inherit;font-size:var(--dropdown-text);background:0 0;border:0;outline:0;padding-block:.75rem}.command-dialog__content .command__input{height:3rem}.command__input::placeholder{color:var(--muted-foreground)}.command__input:disabled{cursor:not-allowed;opacity:var(--opacity-disabled)}.command__list{max-height:var(--overlay-max-block);scrollbar-gutter:stable;padding:var(--overlay-pad);overflow-x:hidden}.command__group{color:var(--foreground);padding:.25rem;overflow:hidden}.command__group-label{color:var(--muted-foreground);font-size:var(--dropdown-text-secondary);padding:.25rem .5rem;font-weight:500}.command__item[data-disabled]{pointer-events:none}.command__empty{text-align:center;font-size:var(--dropdown-text);padding-block:1.25rem}.command__separator{margin-inline:-.25rem}.command__shortcut{color:var(--muted-foreground);font-size:var(--dropdown-text-secondary);letter-spacing:var(--type-tracking-caps);margin-inline-start:auto}.label[data-v-fa2ffe4d]{color:var(--foreground);font-family:var(--font-text);font-size:var(--control-label);font-weight:500;line-height:var(--type-leading-small)}.label[data-disabled][data-v-fa2ffe4d]{cursor:not-allowed;color:oklch(from var(--foreground) l 0 h / .45)}.label-requirement[data-v-fa2ffe4d]{color:var(--muted-foreground);font-size:var(--type-caption);margin-inline-start:4px;font-weight:400}.expandable-container{position:relative}.expandable-container[data-state=expanded]{z-index:var(--z-modal);background:var(--overlay-scrim);-webkit-backdrop-filter:none;backdrop-filter:none;flex-direction:column;display:flex;position:fixed;inset:0}.expandable-container[data-state=expanded]>[data-part=panel]{animation:expandable-container-birth var(--spring-dock-duration) var(--spring-dock) both}.expandable-container__chrome{display:contents}.expandable-container__chrome[hidden]{display:none}.expandable-container [data-part=trigger]{z-index:1;min-inline-size:var(--control-h-md);min-block-size:var(--control-h-md);border:1px solid color-mix(in srgb, var(--border) 40%, transparent);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--card) 70%, transparent);color:var(--muted-foreground);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:var(--glass-blur-wash);backdrop-filter:var(--glass-blur-wash);transition:color var(--duration-fast) var(--ease-standard);place-items:center;display:inline-grid;position:absolute;inset-block-start:.5rem}.expandable-container [data-part=trigger][data-position=left]{inset-inline-start:.5rem}.expandable-container [data-part=trigger][data-position=right]{inset-inline-end:.5rem}.expandable-container [data-part=trigger]:hover{color:var(--foreground)}.expandable-container [data-part=trigger]:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px}.expandable-container[data-state=expanded] [data-part=panel]{block-size:100%;min-block-size:0;inline-size:100%}.expandable-container__icon{inline-size:var(--icon-sm);block-size:var(--icon-sm)}@media (prefers-reduced-motion:reduce){.expandable-container [data-part=trigger]{transition:none}.expandable-container[data-state=expanded]>[data-part=panel]{animation:.12s linear both expandable-container-arrive}}.configurator-layer-region[data-v-6fa47df1]{transition:grid-template-rows var(--spring-dock-duration) var(--spring-dock)}@media (prefers-reduced-motion:reduce){.configurator-layer-region[data-v-6fa47df1]{transition:none}}.configurator-row[data-size=sm][data-v-ed1debd3]{gap:var(--configurator-row-gap-compact);padding-block:var(--configurator-row-py-compact)}.configurator-row[data-size=md][data-v-ed1debd3]{gap:var(--configurator-row-gap-comfortable);padding-block:var(--configurator-row-py-comfortable)}.configurator-row[data-size=lg][data-v-ed1debd3]{gap:var(--configurator-row-gap-spacious);padding-block:var(--configurator-row-py-spacious)}@container style(--configurator-size:sm){.configurator-row[data-v-ed1debd3]{gap:var(--configurator-row-gap-compact);padding-block:var(--configurator-row-py-compact)}}@container style(--configurator-size:md){.configurator-row[data-v-ed1debd3]{gap:var(--configurator-row-gap-comfortable);padding-block:var(--configurator-row-py-comfortable)}}@container style(--configurator-size:lg){.configurator-row[data-v-ed1debd3]{gap:var(--configurator-row-gap-spacious);padding-block:var(--configurator-row-py-spacious)}}.constellation[data-v-18aad161]{contain:layout style;content-visibility:auto;contain-intrinsic-size:auto none}.constellation[role=button][data-v-18aad161]:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:2px}:where(.constellation[data-v-18aad161]){block-size:100%;inline-size:100%;position:relative}.constellation-canvas[data-v-18aad161]{block-size:100%;inline-size:100%;display:block;position:absolute;inset:0}.skeleton[data-v-0d5ebb1f]{isolation:isolate;background:color-mix(in oklab, var(--foreground) calc(var(--ink-seam) * 100%), transparent);border-radius:var(--radius-media);position:relative;overflow:hidden}@media (prefers-reduced-motion:no-preference){.skeleton[data-v-0d5ebb1f]{animation:skeleton-breathe-0d5ebb1f 1.1s var(--ease-standard) infinite alternate}}@media (forced-colors:active){.skeleton[data-v-0d5ebb1f]{opacity:.18;background:canvastext;animation:none}}.data-table{overflow:hidden}.data-table-cards{flex-direction:column;gap:.5rem;display:flex}.data-table-card,.data-table-state{border:1px solid var(--border);border-radius:var(--radius-card);padding:.75rem}.data-table-state{padding-block:var(--space-phi-5);color:var(--muted-foreground);text-align:center}.data-table-card-skeleton-title{width:50%;height:1rem;margin-block-end:.5rem}.data-table-cell-skeleton{width:75%;height:1rem}.data-table-action-skeleton{width:1.5rem;height:1rem}.data-table-card-header{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.data-table-card-title,.data-table-card-value{overflow-wrap:anywhere;min-width:0}.data-table-card-title{font-weight:600}.data-table-card-fields{grid-template-columns:auto minmax(0,1fr);gap:.25rem .75rem;margin-block-start:.5rem;display:grid}.data-table-card-label,.data-table-header-row{color:var(--muted-foreground)}.data-table-actions,.data-table-actions-cell{flex:none;width:2.5rem}.data-table-sort{border-radius:var(--radius-sm);width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:flex-start;align-items:center;gap:.25rem;padding:0;display:inline-flex}.data-table [data-align=center]{text-align:center;justify-content:center}.data-table [data-align=right]{text-align:right;justify-content:flex-end}.data-table-row-interactive{cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard)}.data-table-row-interactive:hover,.data-table-row-interactive[data-state=selected]{background:var(--surface-tint-8)}.data-table-card.data-table-row-interactive[data-state=selected]{border-color:var(--focus-ring-color);box-shadow:var(--focus-ring-shadow)}.fourier-field[data-v-017224a9]{z-index:0;pointer-events:none;contain:layout style;content-visibility:auto;contain-intrinsic-size:auto none;position:absolute;inset:0}.fourier-field--interactive[data-v-017224a9]{pointer-events:auto}.fourier-field-canvas[data-v-017224a9]{pointer-events:none;width:100%;height:100%;display:block}.field-control{--field-control-height:var(--control-h-md);--field-control-ink:color-mix(in oklab, var(--foreground) calc(var(--ink-perimeter) * 100%), transparent);--field-control-well:var(--ink-seam);--control-edge-inner:inset 0 1px 2px color-mix(in oklab, var(--foreground) calc(var(--field-control-well) * 100%), transparent);--control-surface-bg:var(--input-on-glass);--field-control-duration:var(--duration-control);--field-control-ease:var(--spring-press);border-style:solid;border-width:1px;border-color:var(--field-control-ink);background-color:var(--control-surface-bg);inline-size:100%;min-inline-size:0;max-inline-size:100%;-webkit-backdrop-filter:var(--control-surface-blur);backdrop-filter:var(--control-surface-blur);padding-inline:calc(.75rem * var(--ui-scale));color:var(--foreground);caret-color:currentColor;font:inherit;font-size:var(--type-small);transition:background-color var(--field-control-duration) var(--field-control-ease), border-color var(--field-control-duration) var(--field-control-ease), box-shadow var(--field-control-duration) var(--field-control-ease), outline-color var(--field-control-duration) var(--field-control-ease), backdrop-filter var(--field-control-duration) var(--field-control-ease);outline-color:#0000;display:block}.field-control[data-kind=input]{block-size:var(--field-control-height);border-radius:var(--radius-pill)}.field-control[data-kind=textarea]{field-sizing:content;min-block-size:calc(var(--field-rows,2) * 1lh + 2 * (.75rem * var(--ui-scale)) + 2px);max-block-size:var(--textarea-content-max);border-radius:var(--radius-field);padding-block:calc(.75rem * var(--ui-scale));line-height:var(--type-leading-body);overflow:auto}.field-control[data-size=sm]{--field-control-height:var(--control-h-sm)}.field-control[data-size=lg]{--field-control-height:var(--control-h-lg)}.field-control::placeholder{color:var(--muted-foreground)}@media (hover:hover){.field-control:hover:not([data-state=disabled],[data-state=readonly]){--field-control-well:var(--ink-edge);--control-surface-blur:var(--glass-blur-floating)}}.field-control:focus-visible{outline:var(--focus-ring-width) solid var(--field-control-ink);outline-offset:2px;--control-edge-ring:0 0 8px color-mix(in srgb, var(--focus-ring-color) 15%, transparent)}.field-control:is(:user-invalid,[data-state=invalid]){--field-control-duration:var(--duration-fast);--field-control-ease:var(--ease-out);--control-surface-bg:color-mix(in srgb, var(--destructive) 8%, var(--input-on-glass));--control-edge-ring:var(--invalid-ring);border-color:var(--destructive)}.field-control:is(:user-invalid,[data-state=invalid]):focus-visible{outline-color:var(--destructive);--control-edge-ring:var(--invalid-ring), 0 0 8px color-mix(in srgb, var(--destructive) 15%, transparent)}.field-control[data-state=readonly]{--control-surface-bg:color-mix(in oklab, var(--input-on-glass), var(--muted) 18%);caret-color:#0000;cursor:text}.field-control[data-state=disabled]{--field-control-ink:color-mix(in oklab, var(--foreground) calc(var(--ink-perimeter) * 45%), transparent);--control-surface-bg:color-mix(in oklab, var(--input-on-glass), var(--muted) 40%);color:color-mix(in oklab, var(--foreground) 45%, transparent);cursor:not-allowed}.field-control[data-kind=textarea][data-resize=none]{resize:none}.field-control[data-kind=textarea][data-resize=horizontal]{resize:horizontal}.field-control[data-kind=textarea][data-resize=both]{resize:both}.field-control[data-kind=textarea][data-resize=vertical]{resize:vertical}@media (width<=768px){.field-control{padding-inline:calc(.5rem * var(--ui-scale))}}@media (prefers-reduced-motion:reduce){.field-control{--field-control-duration:.01ms}}.number-field{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;display:grid}.number-field>*{grid-row:1}.number-field__input{font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:center;grid-column:1/-1}.number-field:has(>.number-field__step--decrement)>.number-field__input{padding-inline-start:calc(var(--field-control-height) + .25rem)}.number-field:has(>.number-field__step--increment)>.number-field__input{padding-inline-end:calc(var(--field-control-height) + .25rem)}.number-field__step{z-index:1;align-self:stretch}.number-field__step--decrement{grid-column:1}.number-field__step--increment{grid-column:3}.progress-rail[data-v-0fd1fae9]{inline-size:100%;block-size:var(--progress-rung);background:var(--glass-progress-track-background,var(--track-well-recess));display:block}.progress-rail[data-size=sm][data-v-0fd1fae9]{--progress-rung:.5rem}.progress-rail[data-size=md][data-v-0fd1fae9]{--progress-rung:.75rem}.progress-rail[data-size=lg][data-v-0fd1fae9]{--progress-rung:1.25rem}@media (width<=768px){.progress-rail[data-size=md][data-v-0fd1fae9]{--progress-rung:.5rem}.progress-rail[data-size=lg][data-v-0fd1fae9]{--progress-rung:.75rem}}.progress-rail[data-orientation=vertical][data-v-0fd1fae9]{inline-size:var(--progress-rung);block-size:12rem}.progress-rail[data-status=error][data-v-0fd1fae9]{--progress-fill:var(--destructive);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--destructive) 48%, transparent)}.progress-value-fill[data-v-0fd1fae9]{z-index:1;border-radius:inherit;background:var(--progress-fill,var(--primary));block-size:100%;inline-size:100%;transform:translateX(calc(-100% + var(--progress-value-percent)));transition:transform var(--spring-dock-duration) var(--spring-dock);display:block;position:relative}.progress-rail:dir(rtl) .progress-value-fill[data-v-0fd1fae9]{transform:translateX(calc(100% - var(--progress-value-percent)))}.progress-rail[data-orientation=vertical] .progress-value-fill[data-v-0fd1fae9]{transform:translateY(calc(100% - var(--progress-value-percent)))}.progress-liquid-fill[data-v-0fd1fae9]{--liquid-fill-tint:var(--progress-fill,var(--primary))}.progress-rail[data-state=complete] .progress-value-fill[data-v-0fd1fae9]{animation:progress-discharge-0fd1fae9 var(--duration-normal) var(--ease-standard) 1}@media (prefers-reduced-motion:reduce){.progress-value-fill[data-v-0fd1fae9]{transition:none}.progress-rail[data-state=complete] .progress-value-fill[data-v-0fd1fae9]{animation:none}}.radio-group{flex-direction:column;align-items:flex-start;gap:0;display:flex}.radio-group[data-orientation=horizontal]{flex-flow:wrap}.radio-group__dot{border-radius:var(--radius-pill);background-color:currentColor;block-size:.5rem;inline-size:.5rem}.separator[data-v-64dda6b9],.separator-segment[data-v-64dda6b9]{background:color-mix(in oklab, var(--foreground) calc(var(--ink-seam) * 100%), transparent)}.separator[data-orientation=horizontal][data-v-64dda6b9]{block-size:1px;inline-size:100%}.separator[data-orientation=vertical][data-v-64dda6b9]{align-self:stretch;inline-size:1px}.separator-labelled[data-v-64dda6b9]{background:0 0;align-items:center;display:flex}.separator-labelled[data-orientation=horizontal][data-v-64dda6b9]{gap:.75rem;block-size:auto}.separator-labelled[data-orientation=vertical][data-v-64dda6b9]{flex-direction:column;align-self:auto;gap:.5rem;inline-size:max-content}.separator-segment[data-v-64dda6b9]{flex:auto}[data-orientation=horizontal]>.separator-segment[data-v-64dda6b9]{block-size:1px;min-inline-size:.75rem}[data-orientation=vertical]>.separator-segment[data-v-64dda6b9]{min-block-size:.75rem;inline-size:1px}.separator-label[data-v-64dda6b9]{color:var(--muted-foreground);font-family:var(--font-text);font-size:var(--control-label);line-height:var(--type-leading-caption);flex:none}.status-dot[data-v-4a47d962]{--feedback-mark-size:.5em;inline-size:var(--feedback-mark-size);block-size:var(--feedback-mark-size);vertical-align:.05em;place-items:center;display:inline-grid}.status-dot[data-size=md][data-v-4a47d962]{--feedback-mark-size:.625em}.status-dot[data-size=lg][data-v-4a47d962]{--feedback-mark-size:.875em}.feedback-mark[data-v-4a47d962]{--feedback-state-color:var(--muted-foreground);--feedback-state-ink:var(--background);inline-size:var(--feedback-mark-size,.625em);block-size:var(--feedback-mark-size,.625em);color:var(--feedback-mark-color,var(--feedback-state-color));place-items:center;display:inline-grid;position:relative}.feedback-mark[data-v-4a47d962]:before,.feedback-mark[data-v-4a47d962]:after{content:"";box-sizing:border-box;position:absolute}.feedback-mark[data-v-4a47d962]:before{border-radius:var(--mark-stadium,var(--radius-pill));background:0 0;border:1px dashed;inset:0}.feedback-mark[data-v-4a47d962]:after{border-radius:var(--mark-stadium,var(--radius-pill));background:currentColor;block-size:22%;inline-size:22%}.feedback-mark[data-state=unknown][data-v-4a47d962],.feedback-mark[data-state=idle][data-v-4a47d962]{--feedback-state-color:var(--muted-foreground)}.feedback-mark[data-state=idle][data-v-4a47d962]:before{border-style:solid}.feedback-mark[data-state=idle][data-v-4a47d962]:after{display:none}.feedback-mark[data-state=success][data-v-4a47d962]{--feedback-state-color:var(--success);--feedback-state-ink:var(--success-foreground)}.feedback-mark[data-state=success][data-v-4a47d962]:before{background:currentColor;border-style:solid}.feedback-mark[data-state=success][data-v-4a47d962]:after{border-block-end:1px solid var(--feedback-state-ink);border-inline-start:1px solid var(--feedback-state-ink);background:0 0;border-radius:0;block-size:25%;inline-size:45%;rotate:-45deg}.feedback-mark[data-state=warning][data-v-4a47d962]{--feedback-state-color:var(--warning);--feedback-state-ink:var(--warning-foreground)}.feedback-mark[data-state=warning][data-v-4a47d962]:before{background:currentColor;border-style:solid;border-radius:18%;inset:8%;rotate:45deg}.feedback-mark[data-state=warning][data-v-4a47d962]:after{border-radius:var(--mark-stadium,var(--radius-pill));background:var(--feedback-state-ink);block-size:45%;inline-size:1px}.feedback-mark[data-state=error][data-v-4a47d962]{--feedback-state-color:var(--destructive);--feedback-state-ink:var(--destructive-foreground)}.feedback-mark[data-state=error][data-v-4a47d962]:before{background:currentColor;border-style:solid;border-radius:22%}.feedback-mark[data-state=error][data-v-4a47d962]:after{background:linear-gradient(45deg, transparent 42%, var(--feedback-state-ink) 42% 58%, transparent 58%), linear-gradient(-45deg, transparent 42%, var(--feedback-state-ink) 42% 58%, transparent 58%);border-radius:0;block-size:auto;inline-size:auto;inset:21%}.feedback-mark[data-state=online][data-v-4a47d962]{--feedback-state-color:var(--success);--feedback-state-ink:var(--success-foreground)}.feedback-mark[data-state=online][data-v-4a47d962]:before{background:currentColor;border-style:solid}.feedback-mark[data-state=online][data-v-4a47d962]:after{border:1px solid var(--feedback-state-ink);border-radius:var(--mark-stadium,var(--radius-pill));background:0 0;block-size:auto;inline-size:auto;inset:29%}.feedback-mark[data-state=active][data-v-4a47d962]{--feedback-state-color:var(--info);--feedback-state-ink:var(--info-foreground)}.feedback-mark[data-state=active][data-v-4a47d962]:before{background:currentColor;border-style:solid}.feedback-mark[data-state=active][data-v-4a47d962]:after{border-radius:var(--mark-stadium,var(--radius-pill));opacity:.28;background:0 0;border:1px solid;block-size:auto;inline-size:auto;inset:-30%;scale:1}.feedback-mark[data-state=active][data-motion][data-v-4a47d962]:after{animation:feedback-mark-pulse-4a47d962 1.8s var(--ease-out) infinite}@media (prefers-reduced-motion:reduce){.feedback-mark[data-state=active][data-motion][data-v-4a47d962]:after{animation:none}}@media (forced-colors:active){.feedback-mark[data-v-4a47d962]{--feedback-state-color:CanvasText;--feedback-state-ink:Canvas;forced-color-adjust:none;color:canvastext}.feedback-mark[data-v-4a47d962]:before{background:canvas}.feedback-mark[data-state=unknown][data-v-4a47d962]:after{background:canvastext}.feedback-mark[data-state=active][data-v-4a47d962]:after,.feedback-mark[data-state=online][data-v-4a47d962]:after{background:0 0;border-color:canvastext}}.switch{--control-bit-face-inline:2.75rem;--control-bit-face-block:1.5rem;--control-bit-face-pad:.0625rem}.switch .control-bit__face{justify-content:start}.switch__thumb{inline-size:var(--control-bit-size);block-size:var(--control-bit-size);border-radius:var(--radius-pill);background-color:var(--card);box-shadow:var(--shadow-md);pointer-events:none;transition:translate var(--spring-dock-duration) var(--spring-dock);display:block;translate:0}.switch[data-state=checked] .switch__thumb{translate:calc(var(--control-bit-face-inline) - var(--control-bit-face-block))}.switch:dir(rtl)[data-state=checked] .switch__thumb{translate:calc(var(--control-bit-face-block) - var(--control-bit-face-inline))}@media (prefers-reduced-motion:reduce){.switch__thumb{transition:none}}.toggle-group{flex-wrap:wrap;align-items:center;gap:8px;inline-size:fit-content;max-inline-size:100%;display:flex}@media (width<=768px){.toggle-group{gap:4px}}.toggle-group[data-orientation=vertical]{flex-direction:column;align-items:stretch}.toggle-group__item{--toggle-group-item-size:var(--control-h-md);--scale-press:var(--scale-press-sm);min-inline-size:var(--toggle-group-item-size);min-block-size:var(--toggle-group-item-size);border-radius:var(--radius-pill);color:var(--muted-foreground);font:inherit;font-size:var(--control-text);cursor:pointer;appearance:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;flex:none;justify-content:center;align-items:center;gap:.5rem;padding-inline:.75rem;font-weight:500;line-height:1;display:inline-flex}.toggle-group[data-size=sm] .toggle-group__item{--toggle-group-item-size:var(--control-h-sm);font-size:var(--control-text-sm);padding-inline:.5rem}.toggle-group[data-size=lg] .toggle-group__item{--toggle-group-item-size:var(--control-h-lg);padding-inline:1.25rem}.toggle-group__item[data-state=on]{background-color:color-mix(in oklab, var(--foreground) 12%, transparent);color:var(--foreground);font-weight:600}.toggle-group__item[data-state=on]:hover:not(:disabled){background-color:color-mix(in oklab, var(--foreground) 16%, transparent)}.toggle-group__item:disabled{opacity:var(--opacity-disabled);cursor:not-allowed;pointer-events:none}.toggle-group[data-invalid] .toggle-group__item{border-color:var(--destructive)}.toggle-group__item>svg{pointer-events:none;flex:none}@media (forced-colors:active){.toggle-group__item{box-shadow:none;background:canvas;border:1px solid buttontext}.toggle-group__item[data-state=on]{color:highlighttext;background:highlight;border-color:highlight}}.avatar{--avatar-size:var(--control-h-md);inline-size:var(--avatar-size);block-size:var(--avatar-size);vertical-align:middle;isolation:isolate;display:inline-grid;position:relative}.avatar[data-size=md]{--avatar-size:calc(var(--control-h-md) * 1.618)}.avatar[data-size=lg]{--avatar-size:calc(var(--control-h-md) * 2.618)}.avatar__identity,.avatar__image,.avatar__fallback{block-size:100%;inline-size:100%}.avatar__identity{border:1px solid oklch(from var(--foreground) l c h / var(--ink-edge));background:var(--glass-plate-wash);color:var(--foreground);box-shadow:var(--glass-material-rim), var(--shadow-sm);place-items:center;display:grid;overflow:hidden}.avatar__image,.avatar__fallback{grid-area:1/1}.avatar__image{object-fit:cover}.avatar__fallback{background:color-mix(in srgb, var(--secondary) 82%, transparent);font-size:var(--type-caption);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-tight);-webkit-user-select:none;user-select:none;place-items:center;line-height:1;display:grid}.avatar[data-size=md] .avatar__fallback{font-size:var(--type-subheading)}.avatar[data-size=lg] .avatar__fallback{font-size:var(--type-display-2)}.avatar__status{z-index:1;font-size:calc(var(--avatar-size) / 2);background:var(--background);box-shadow:0 0 0 1px oklch(from var(--foreground) l c h / var(--ink-edge));place-items:center;display:grid;position:absolute;inset-block-end:-.125rem;inset-inline-end:-.125rem}.avatar[data-shape=circle] .avatar__identity{border-radius:var(--mark-stadium,var(--radius-pill))}.avatar[data-shape=square] .avatar__identity{border-radius:var(--radius-media)}.avatar__status{border-radius:var(--mark-stadium,var(--radius-pill))}.hm[data-v-0e9beb0b]{isolation:isolate;padding-inline:var(--hm-reserve,0px);--hm-h:78;--hm-band:var(--lightningcss-light,oklch(.86 .16 var(--hm-h)))var(--lightningcss-dark,oklch(.44 .16 var(--hm-h)));display:inline;position:relative}.hm del[data-v-0e9beb0b]{text-decoration:none}.hm mark[data-v-0e9beb0b]{color:inherit;background:0 0}.hm-mark[data-v-0e9beb0b]{pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.hm[data-shape=highlight] .hm-mark[data-v-0e9beb0b]{z-index:-1}.hm-mark--settling[data-v-0e9beb0b]{transition:transform var(--spring-world-duration) var(--spring-world)}.hm-ink[data-v-0e9beb0b]{animation:hm-settle-0e9beb0b var(--spring-present-duration) var(--spring-present) both}@media (prefers-reduced-motion:reduce){.hm-mark[data-v-0e9beb0b]{transform:none!important}.hm-mark--settling[data-v-0e9beb0b]{transition:none}.hm-ink[data-v-0e9beb0b]{animation:none}}.labeled-field[data-v-ea78fd3a],.labeled-field-copy[data-v-ea78fd3a],.labeled-field-control[data-v-ea78fd3a]{min-inline-size:0;display:grid}.labeled-field[data-v-ea78fd3a]{gap:var(--space-atom);inline-size:100%}.labeled-field-copy[data-v-ea78fd3a],.labeled-field-control[data-v-ea78fd3a]{gap:var(--space-residue)}.labeled-field-description[data-v-ea78fd3a],.labeled-field-error[data-v-ea78fd3a]{font-size:var(--type-small);line-height:var(--type-leading-small);margin:0}.labeled-field-description[data-v-ea78fd3a]{color:var(--muted-foreground)}.labeled-field-error[data-v-ea78fd3a]{color:var(--destructive)}.labeled-field[data-layout=horizontal][data-v-ea78fd3a]{gap:var(--space-body);grid-template-columns:minmax(8rem,.382fr) minmax(0,1fr);align-items:start}@media (width<=36rem){.labeled-field[data-layout=horizontal][data-v-ea78fd3a]{gap:var(--space-atom);grid-template-columns:minmax(0,1fr)}}.pager-dots[data-v-592b0f41]{--pager-rail-gap:var(--space-residue);--pager-hit-cell:1.5rem;--pager-dot-size:var(--space-body);--pager-dot-active:var(--foreground);--pager-dot-inactive:color-mix(in srgb, var(--foreground) 52%, transparent);--pager-dot-hover:color-mix(in srgb, var(--foreground) 72%, transparent);--pager-worm-layer-opacity:1;--stretch:1;--pager-flip-stagger:calc(var(--motion-stagger-default) * .15);gap:var(--pager-rail-gap);position:relative}.pager-bed-layer[data-v-592b0f41]{justify-content:center;align-items:center;gap:var(--pager-rail-gap);pointer-events:none;color:var(--pager-dot-active);display:flex;position:absolute;inset:0}.pager-dots[data-orientation=vertical] .pager-bed-layer[data-v-592b0f41]{flex-direction:column}.goo-dot[data-v-592b0f41]{flex:0 0 var(--pager-hit-cell);width:var(--pager-hit-cell);height:var(--pager-hit-cell);translate:var(--pip-flip,0px) 0;transition:translate var(--spring-dock-duration) var(--spring-dock);transition-delay:calc(var(--pip-rank,0) * var(--pager-flip-stagger));place-items:center;display:grid}.pager-dots[data-orientation=vertical] .goo-dot[data-v-592b0f41]{translate:0 var(--pip-flip,0px)}.goo-dot[data-flip][data-v-592b0f41]{transition:none}.goo-dot[data-v-592b0f41]:before{content:"";width:var(--pager-dot-size);height:var(--pager-dot-size);border-radius:var(--radius-pill);background:var(--pager-dot-inactive);transition:background-color var(--duration-fast) var(--ease-standard), scale var(--spring-press-duration) var(--spring-press)}.goo-dot[data-edge][data-v-592b0f41]:before{width:calc(var(--pager-dot-size) * .5);height:calc(var(--pager-dot-size) * .5);opacity:.6}.pager-worm-layer[data-v-592b0f41]{pointer-events:none;opacity:var(--pager-worm-layer-opacity,1);color:var(--pager-dot-active);contain:layout paint;isolation:isolate;position:absolute;inset:0}.goo-body[data-v-592b0f41],.goo-neck[data-v-592b0f41]{width:var(--pager-dot-size);height:var(--pager-dot-size);margin-top:calc(var(--pager-dot-size) / -2);margin-left:calc(var(--pager-dot-size) / -2);transform-origin:50%;will-change:auto;background:currentColor;position:absolute;top:50%;left:0}.pager-dots[data-orientation=vertical] .goo-body[data-v-592b0f41],.pager-dots[data-orientation=vertical] .goo-neck[data-v-592b0f41]{top:0;left:50%}.goo-body[data-v-592b0f41]{border-radius:var(--radius-pill);scale:var(--stretch,1) calc(1 / var(--stretch,1))}.pager-dots[data-orientation=vertical] .goo-body[data-v-592b0f41]{scale:calc(1 / var(--stretch,1)) var(--stretch,1)}.goo-neck[data-v-592b0f41]{opacity:0;border-radius:0}.pager-dot[data-v-592b0f41]{z-index:1;width:var(--pager-hit-cell);height:var(--pager-hit-cell);cursor:pointer;background:0 0;border:0;padding:0;position:relative}@media (hover:hover){.goo-dot[data-hover][data-v-592b0f41]:before{background:var(--pager-dot-hover);scale:1.14}}.goo-dot[data-press][data-v-592b0f41]:before{scale:.97}@media (pointer:coarse){.pager-dots[data-v-592b0f41]{--pager-hit-cell:var(--touch-target)}}@media (prefers-reduced-motion:reduce){.goo-body[data-v-592b0f41],.goo-neck[data-v-592b0f41]{scale:1}.goo-dot[data-v-592b0f41]{transition:none}}:where(.sortable-list,.sortable-ghost){--sortable-lift:calc(2 - var(--scale-press))}.sortable-list{padding-block:0;padding-inline:var(--space-body);border:1px solid oklch(from var(--foreground) l c h / var(--ink-edge));border-radius:var(--radius-card);min-block-size:var(--sortable-vacancy-block,0px);transition:min-block-size var(--spring-dock-duration) var(--spring-dock), padding-block-end var(--spring-dock-duration) var(--spring-dock), background-color var(--spring-press-duration) var(--spring-press);margin:0;list-style:none;overflow:clip}.sortable-list[data-sortable-armed]{background-color:oklch(from var(--foreground) l c h / var(--fill-selected));padding-block-end:var(--sortable-vacancy-block,0px)}.sortable-item{padding-block:var(--space-body);transition:transform var(--spring-dock-duration) var(--spring-dock);-webkit-user-select:none;user-select:none;position:relative}.sortable-item+.sortable-item{border-block-start:1px solid oklch(from var(--foreground) l c h / var(--ink-seam))}.sortable-item__content{align-items:center;gap:var(--space-body);font-size:var(--text-body);justify-content:flex-start;display:flex}.sortable-item__content:not(:has(>:not([data-sortable-handle])~:not([data-sortable-handle])))>:not([data-sortable-handle]){flex:1}.sortable-item__content>:not([data-sortable-handle])~:not([data-sortable-handle]){margin-inline-start:auto}.sortable-item__content>[data-sortable-handle]{flex:none;order:-1}@media (hover:hover){.sortable-item:hover{background-color:oklch(from var(--foreground) l c h / var(--fill-hover))}}.sortable-item[data-sortable-lifted]{z-index:1;background-color:oklch(from var(--foreground) l c h / var(--fill-selected));scale:var(--sortable-lift);transition:transform var(--spring-dock-duration) var(--spring-dock), scale var(--spring-press-duration) var(--spring-press), background-color var(--spring-press-duration) var(--spring-press)}.sortable-item[data-sortable-vacancy]{opacity:0;pointer-events:none}.sortable-list[data-sortable-closing] .sortable-item{transition-duration:var(--spring-press-duration);transition-timing-function:var(--spring-press)}.sortable-handle{--sortable-grip-glyph:var(--icon-md);inline-size:calc(var(--sortable-grip-glyph) + var(--space-atom) * 2);block-size:calc(var(--sortable-grip-glyph) + var(--space-atom) * 2);border-radius:var(--radius-pill);color:oklch(from var(--foreground) l c h / var(--ink-perimeter));transition:color var(--spring-press-duration) var(--spring-press), scale var(--spring-press-duration) var(--spring-press);justify-content:center;align-items:center;display:inline-flex}@media (hover:hover){.sortable-handle:hover{color:var(--foreground)}}.sortable-handle:active{scale:var(--scale-press)}.sortable-handle:focus-visible{box-shadow:var(--focus-ring-shadow);outline:none}.sortable-handle:disabled{cursor:not-allowed;opacity:.5}.sortable-ghost{z-index:9999;pointer-events:none;transition:border-radius var(--spring-press-duration) var(--spring-press), box-shadow var(--spring-press-duration) var(--spring-press), backdrop-filter var(--spring-press-duration) var(--spring-press), opacity var(--spring-press-exit-duration) var(--spring-press);border-radius:0;overflow:clip}.sortable-ghost[data-lift]{border-radius:var(--radius-card)}.sortable-ghost[data-done]{opacity:0}.sortable-ghost__row{padding-inline:var(--space-body);transition:scale var(--spring-press-duration) var(--spring-press)}.sortable-ghost[data-lift] .sortable-ghost__row{scale:var(--sortable-lift)}.sortable-ghost__row *{animation-play-state:paused}.tl[data-v-4c4ed383]{row-gap:var(--space-body);grid-template-columns:100%;display:grid;position:relative}.tl__track[data-v-4c4ed383],.tl__marks[data-v-4c4ed383]{grid-area:1/1;align-self:center}.tl__track[data-v-4c4ed383]{block-size:var(--timeline-track-h);background:oklch(from var(--card) calc(l - .04) c h)}.tl__marks[data-v-4c4ed383]{pointer-events:none;min-block-size:1.5rem;margin:0;padding:0;list-style:none;position:relative}.tl__mark-seat[data-v-4c4ed383]{top:50%;left:calc(var(--tl-at) * 100%);pointer-events:none;line-height:0;display:flex;position:absolute;translate:-50% -50%}.tl__mark-seat[data-v-4c4ed383]>*{pointer-events:auto}.tl__span[data-v-4c4ed383]{inset-block:0;left:calc(var(--tl-l) * 100%);width:calc(var(--tl-w) * 100%);position:absolute;overflow:hidden}.tl__fill[data-v-4c4ed383]{background:var(--tl-accent);transform:translateX(calc((var(--tl-f) - 1) * 100%));position:absolute;inset:0}.tl__track[data-advancing] .tl__fill[data-v-4c4ed383]{will-change:transform}.tl__cap[data-v-4c4ed383]{inset-block:0;inline-size:var(--timeline-track-h);border-radius:var(--radius-pill);background:var(--tl-accent);box-shadow:var(--glass-rim-top);transform:scaleX(var(--stretch,1)) scaleY(calc(1 / var(--stretch,1)));pointer-events:none;position:absolute;right:0}.tl .track-flow[data-v-4c4ed383]{--track-flow-peak:var(--fill-selected)}.tl__mark[data-v-4c4ed383]{cursor:pointer;background:0 0;border:0;place-items:center;min-block-size:1.5rem;min-inline-size:1.5rem;padding:0;display:grid}@media (pointer:coarse){.tl__marks[data-v-4c4ed383]{min-block-size:var(--touch-target)}.tl__mark[data-v-4c4ed383]{min-inline-size:var(--touch-target);min-block-size:var(--touch-target)}}.tl__mark[data-v-4c4ed383]:focus-visible{box-shadow:var(--focus-ring-shadow);border-radius:var(--radius-pill);outline:none}.tl__disc[data-v-4c4ed383]{inline-size:var(--space-family);block-size:var(--space-family);background:var(--card);border:1px solid color-mix(in oklab, var(--foreground) calc(var(--ink-perimeter) * 100%), oklch(0% 0 0/0));transform:scaleX(var(--stretch,1)) scaleY(calc(1 / var(--stretch,1)));border-radius:50%;place-items:center;display:grid}.tl__mark[data-crossing] .tl__disc[data-v-4c4ed383]{will-change:transform}.tl__mark[data-state=active] .tl__disc[data-v-4c4ed383]{border-color:var(--tl-accent);border-width:2px}.tl__mark[data-state=completed] .tl__disc[data-v-4c4ed383]{background:var(--tl-accent);border-color:var(--tl-accent)}.tl__mark[aria-current=step] .tl__disc[data-v-4c4ed383]{box-shadow:0 0 0 2px color-mix(in oklab, var(--foreground) calc(var(--ink-perimeter) / 2 * 100%), oklch(0% 0 0/0))}.tl__check[data-v-4c4ed383]{block-size:100%;inline-size:100%;overflow:visible}.tl__check path[data-v-4c4ed383]{fill:none;stroke:contrast-color(var(--tl-accent));stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:32;stroke-dashoffset:0;animation:tl-check-4c4ed383 var(--spring-dock-duration) var(--spring-dock) both}@media (hover:hover){.tl__mark:hover .tl__disc[data-v-4c4ed383]{scale:var(--scale-hover);background:color-mix(in oklab, var(--tl-accent) calc(var(--fill-hover) * 100%), var(--card))}.tl__mark[data-state=completed]:hover .tl__disc[data-v-4c4ed383]{background:var(--tl-accent)}}.tl__detail[data-v-4c4ed383]{animation:tl-detail-4c4ed383 var(--spring-dock-duration) var(--spring-dock) both;grid-area:2/1}@media (prefers-reduced-motion:reduce){.tl__check path[data-v-4c4ed383]{animation:none}.tl__detail[data-v-4c4ed383]{animation-duration:.01ms}.tl__mark:hover .tl__disc[data-v-4c4ed383]{scale:1}}.tw-root[data-v-e8359620]{vertical-align:baseline;max-width:100%;display:inline-grid;position:relative}.tw-reserve[data-v-e8359620]{visibility:hidden;white-space:pre-wrap;overflow-wrap:anywhere;pointer-events:none;grid-area:1/1;min-width:0}.tw-visual[data-v-e8359620]{white-space:pre-wrap;overflow-wrap:anywhere;position:absolute;inset:0}.tw-tail[data-v-e8359620]{white-space:nowrap}.tw-cursor[data-v-e8359620]{font-weight:100;display:inline-block}.tw-cursor--blink[data-v-e8359620]{animation:1.06s step-end infinite typewriter-blink}@media (prefers-reduced-motion:reduce){.tw-cursor--blink[data-v-e8359620]{animation:none}}}@keyframes disclosure-open{0%{opacity:0;block-size:0}to{block-size:var(--disclosure-content-size);opacity:1}}@keyframes disclosure-close{0%{block-size:var(--disclosure-content-size);opacity:1}to{opacity:0;block-size:0}}@keyframes expandable-container-birth{0%{opacity:0;scale:.78}to{opacity:1;scale:1}}@keyframes expandable-container-arrive{0%{opacity:0}to{opacity:1}}@keyframes skeleton-breathe-0d5ebb1f{to{opacity:.55}}@keyframes progress-discharge-0fd1fae9{0%{box-shadow:inset 0 0 .5rem oklch(100% 0 0/0)}50%{box-shadow:inset 0 0 .75rem oklch(100% 0 0/.12)}to{box-shadow:inset 0 0 .5rem oklch(100% 0 0/0)}}@keyframes feedback-mark-pulse-4a47d962{0%{opacity:.5;scale:.72}55%,to{opacity:0;scale:1.08}}@keyframes hm-settle-0e9beb0b{0%{opacity:.85}to{opacity:1}}@keyframes tl-check-4c4ed383{0%{stroke-dashoffset:32px}to{stroke-dashoffset:0}}@keyframes tl-detail-4c4ed383{0%{opacity:0;translate:calc(var(--tl-dir) * var(--space-atom)) 0}to{opacity:1;translate:0}}
1
+ @layer components{.aurora-root[data-v-365c95db]{opacity:var(--aurora-ceiling-a11y,var(--aurora-ceiling,1));contain:content;content-visibility:auto;contain-intrinsic-size:auto 600px;display:grid}.aurora-root>.aurora-placeholder[data-v-365c95db],.aurora-root>.aurora-canvas-layer[data-v-365c95db]{grid-area:1/1}.aurora-root>.aurora-placeholder[data-v-365c95db]{image-rendering:auto;background-position:50%;background-repeat:no-repeat;background-size:cover}.aurora-placeholder[data-v-365c95db]{background-image:var(--aurora-ground-image,none);background-color:var(--aurora-ground-color,transparent)}.aurora-canvas-layer[data-v-365c95db]{opacity:0;transition:opacity var(--duration-slow) var(--ease-standard);isolation:isolate}.aurora-canvas-layer--armed[data-v-365c95db]{opacity:1}@media (prefers-reduced-motion:reduce){.aurora-canvas-layer[data-v-365c95db]{transition-duration:1ms}}@media (prefers-reduced-transparency:reduce){.aurora-root[data-v-365c95db]{--aurora-ceiling-a11y:1}}@media (forced-colors:active){.aurora-root>.aurora-canvas-layer[data-v-365c95db]{display:none}.aurora-placeholder[data-v-365c95db]{background-color:canvas;background-image:none}}.goo-blob-wrapper[data-v-8b05f03a]{aspect-ratio:1;z-index:var(--z-content);pointer-events:none;contain:layout style;content-visibility:auto;contain-intrinsic-size:auto none;filter:drop-shadow(var(--blob-shadow-ambient)) drop-shadow(var(--blob-shadow-contact));transition:filter var(--duration-slow,.45s) var(--ease-standard,ease);position:relative;overflow:visible}.goo-blob-wrapper[data-v-8b05f03a]:hover{filter:drop-shadow(var(--blob-shadow-hover)) drop-shadow(var(--blob-shadow-contact-hover))}.goo-blob-canvas[data-v-8b05f03a]{will-change:transform;pointer-events:none;width:160%;height:160%;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.goo-blob-hit[data-v-8b05f03a]{pointer-events:auto;cursor:pointer;clip-path:circle(var(--blob-hit-radius,50%));background:0 0;border:0;border-radius:50%;margin:0;padding:0;position:absolute;inset:0}.goo-blob-hit[data-v-8b05f03a]:focus-visible{background:radial-gradient(circle, transparent calc(var(--blob-hit-radius) - 3px), var(--focus-ring-color) calc(var(--blob-hit-radius) - 3px), var(--focus-ring-color) var(--blob-hit-radius), transparent var(--blob-hit-radius));outline:none}.goo-blob-hit[data-v-8b05f03a]:disabled{cursor:default}@media (prefers-reduced-motion:reduce){.goo-blob-wrapper[data-v-8b05f03a]{filter:drop-shadow(var(--blob-shadow-ambient)) drop-shadow(var(--blob-shadow-contact))!important;transition:none!important}}.checkbox{--control-bit-radius:var(--radius-md)}.disclosure{inline-size:100%;min-inline-size:0}.disclosure-item{border-block-end:1px solid var(--glass-border-defined)}.disclosure-header{margin:0;display:flex}.disclosure-trigger{border-radius:var(--radius-control);touch-action:manipulation}.disclosure-trigger:focus-visible{box-shadow:var(--focus-ring-shadow);outline:none}.disclosure-trigger:is(:disabled,[data-disabled]){pointer-events:none;opacity:var(--opacity-disabled)}.disclosure-group-trigger{min-block-size:2.75rem;color:var(--foreground);font:inherit;text-align:start;cursor:pointer;transition:background-color var(--duration-control) var(--ease-standard), color var(--duration-control) var(--ease-standard), box-shadow var(--duration-control) var(--ease-standard);background:0 0;border:0;flex:auto;justify-content:space-between;align-items:center;padding:1rem .25rem;font-weight:600;display:flex}.disclosure-group-trigger:hover:not(:disabled,[data-disabled]){background:var(--control-surface-bg-hover)}.disclosure-icon{block-size:1rem;inline-size:1rem;color:var(--muted-foreground-strong);flex:none}.disclosure-group-trigger[data-state=open]>.disclosure-icon{rotate:180deg}.disclosure-content{color:var(--muted-foreground-strong);font-size:var(--type-small);line-height:var(--leading-small);animation-duration:var(--spring-present-duration);animation-timing-function:var(--spring-present);overflow:hidden}.disclosure-content[data-disclosure=collapsible]{--disclosure-content-size:var(--reka-collapsible-content-height)}.disclosure-content[data-disclosure=accordion]{--disclosure-content-size:var(--reka-accordion-content-height)}.disclosure-content[data-state=open]{animation-name:disclosure-open}.disclosure-content[data-state=closed]{animation-name:disclosure-close}.disclosure-content-body{padding:0 .25rem 1rem}@media (prefers-reduced-motion:reduce){.disclosure-content{animation-duration:.01ms}.disclosure-icon{transition-duration:.01ms}}@media (forced-colors:active){.disclosure-item{border-color:canvastext}.disclosure-trigger:focus-visible{outline-offset:2px;box-shadow:none;outline:2px solid highlight}}.command{border-radius:var(--radius-card);width:100%;height:100%;color:var(--popover-foreground);flex-direction:column;display:flex;overflow:hidden}.command-dialog__content{padding:0;overflow:hidden}.command__input-wrapper{border-block-end:1px solid color-mix(in oklab, var(--foreground) calc(var(--ink-seam) * 100%), transparent);align-items:center;padding-inline:.75rem;display:flex}.command__input-icon{opacity:.5;flex:none;width:1rem;height:1rem;margin-inline-end:.5rem}.command-dialog__content .command__input-icon,.command-dialog__content .command__item>svg{width:1.25rem;height:1.25rem}.command__input{width:100%;height:var(--dropdown-input-height);color:inherit;font:inherit;font-size:var(--dropdown-text);background:0 0;border:0;outline:0;padding-block:.75rem}.command-dialog__content .command__input{height:3rem}.command__input::placeholder{color:var(--muted-foreground)}.command__input:disabled{cursor:not-allowed;opacity:var(--opacity-disabled)}.command__list{max-height:var(--overlay-max-block);scrollbar-gutter:stable;padding:var(--overlay-pad);overflow-x:hidden}.command__group{color:var(--foreground);padding:.25rem;overflow:hidden}.command__group-label{color:var(--muted-foreground);font-size:var(--dropdown-text-secondary);padding:.25rem .5rem;font-weight:500}.command__item[data-disabled]{pointer-events:none}.command__empty{text-align:center;font-size:var(--dropdown-text);padding-block:1.25rem}.command__separator{margin-inline:-.25rem}.command__shortcut{color:var(--muted-foreground);font-size:var(--dropdown-text-secondary);letter-spacing:var(--type-tracking-caps);margin-inline-start:auto}.label[data-v-fa2ffe4d]{color:var(--foreground);font-family:var(--font-text);font-size:var(--control-label);font-weight:500;line-height:var(--type-leading-small)}.label[data-disabled][data-v-fa2ffe4d]{cursor:not-allowed;color:oklch(from var(--foreground) l 0 h / .45)}.label-requirement[data-v-fa2ffe4d]{color:var(--muted-foreground);font-size:var(--type-caption);margin-inline-start:4px;font-weight:400}.expandable-container{position:relative}.expandable-container[data-state=expanded]{z-index:var(--z-modal);background:var(--overlay-scrim);-webkit-backdrop-filter:none;backdrop-filter:none;flex-direction:column;display:flex;position:fixed;inset:0}.expandable-container[data-state=expanded]>[data-part=panel]{animation:expandable-container-birth var(--spring-dock-duration) var(--spring-dock) both}.expandable-container__chrome{display:contents}.expandable-container__chrome[hidden]{display:none}.expandable-container [data-part=trigger]{z-index:1;min-inline-size:var(--control-h-md);min-block-size:var(--control-h-md);border:1px solid color-mix(in srgb, var(--border) 40%, transparent);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--card) 70%, transparent);color:var(--muted-foreground);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:var(--glass-blur-wash);backdrop-filter:var(--glass-blur-wash);transition:color var(--duration-fast) var(--ease-standard);place-items:center;display:inline-grid;position:absolute;inset-block-start:.5rem}.expandable-container [data-part=trigger][data-position=left]{inset-inline-start:.5rem}.expandable-container [data-part=trigger][data-position=right]{inset-inline-end:.5rem}.expandable-container [data-part=trigger]:hover{color:var(--foreground)}.expandable-container [data-part=trigger]:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px}.expandable-container[data-state=expanded] [data-part=panel]{block-size:100%;min-block-size:0;inline-size:100%}.expandable-container__icon{inline-size:var(--icon-sm);block-size:var(--icon-sm)}@media (prefers-reduced-motion:reduce){.expandable-container [data-part=trigger]{transition:none}.expandable-container[data-state=expanded]>[data-part=panel]{animation:.12s linear both expandable-container-arrive}}.configurator-layer-region[data-v-2f76a595]{transition:grid-template-rows var(--spring-dock-duration) var(--spring-dock)}@media (prefers-reduced-motion:reduce){.configurator-layer-region[data-v-2f76a595]{transition:none}}.configurator-row[data-size=sm][data-v-ed1debd3]{gap:var(--configurator-row-gap-compact);padding-block:var(--configurator-row-py-compact)}.configurator-row[data-size=md][data-v-ed1debd3]{gap:var(--configurator-row-gap-comfortable);padding-block:var(--configurator-row-py-comfortable)}.configurator-row[data-size=lg][data-v-ed1debd3]{gap:var(--configurator-row-gap-spacious);padding-block:var(--configurator-row-py-spacious)}@container style(--configurator-size:sm){.configurator-row[data-v-ed1debd3]{gap:var(--configurator-row-gap-compact);padding-block:var(--configurator-row-py-compact)}}@container style(--configurator-size:md){.configurator-row[data-v-ed1debd3]{gap:var(--configurator-row-gap-comfortable);padding-block:var(--configurator-row-py-comfortable)}}@container style(--configurator-size:lg){.configurator-row[data-v-ed1debd3]{gap:var(--configurator-row-gap-spacious);padding-block:var(--configurator-row-py-spacious)}}.constellation[data-v-18aad161]{contain:layout style;content-visibility:auto;contain-intrinsic-size:auto none}.constellation[role=button][data-v-18aad161]:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:2px}:where(.constellation[data-v-18aad161]){block-size:100%;inline-size:100%;position:relative}.constellation-canvas[data-v-18aad161]{block-size:100%;inline-size:100%;display:block;position:absolute;inset:0}.skeleton[data-v-0d5ebb1f]{isolation:isolate;background:color-mix(in oklab, var(--foreground) calc(var(--ink-seam) * 100%), transparent);border-radius:var(--radius-media);position:relative;overflow:hidden}@media (prefers-reduced-motion:no-preference){.skeleton[data-v-0d5ebb1f]{animation:skeleton-breathe-0d5ebb1f 1.1s var(--ease-standard) infinite alternate}}@media (forced-colors:active){.skeleton[data-v-0d5ebb1f]{opacity:.18;background:canvastext;animation:none}}.data-table{overflow:hidden}.data-table-cards{flex-direction:column;gap:.5rem;display:flex}.data-table-card,.data-table-state{border:1px solid var(--border);border-radius:var(--radius-card);padding:.75rem}.data-table-state{padding-block:var(--space-phi-5);color:var(--muted-foreground);text-align:center}.data-table-card-skeleton-title{width:50%;height:1rem;margin-block-end:.5rem}.data-table-cell-skeleton{width:75%;height:1rem}.data-table-action-skeleton{width:1.5rem;height:1rem}.data-table-card-header{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.data-table-card-title,.data-table-card-value{overflow-wrap:anywhere;min-width:0}.data-table-card-title{font-weight:600}.data-table-card-fields{grid-template-columns:auto minmax(0,1fr);gap:.25rem .75rem;margin-block-start:.5rem;display:grid}.data-table-card-label,.data-table-header-row{color:var(--muted-foreground)}.data-table-actions,.data-table-actions-cell{flex:none;width:2.5rem}.data-table-sort{border-radius:var(--radius-sm);width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:flex-start;align-items:center;gap:.25rem;padding:0;display:inline-flex}.data-table [data-align=center]{text-align:center;justify-content:center}.data-table [data-align=right]{text-align:right;justify-content:flex-end}.data-table-row-interactive{cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard)}.data-table-row-interactive:hover,.data-table-row-interactive[data-state=selected]{background:var(--surface-tint-8)}.data-table-card.data-table-row-interactive[data-state=selected]{border-color:var(--focus-ring-color);box-shadow:var(--focus-ring-shadow)}.fourier-field[data-v-017224a9]{z-index:0;pointer-events:none;contain:layout style;content-visibility:auto;contain-intrinsic-size:auto none;position:absolute;inset:0}.fourier-field--interactive[data-v-017224a9]{pointer-events:auto}.fourier-field-canvas[data-v-017224a9]{pointer-events:none;width:100%;height:100%;display:block}.field-control{--field-control-height:var(--control-h-md);--field-control-ink:color-mix(in oklab, var(--foreground) calc(var(--ink-perimeter) * 100%), transparent);--field-control-well:var(--ink-seam);--control-edge-inner:inset 0 1px 2px color-mix(in oklab, var(--foreground) calc(var(--field-control-well) * 100%), transparent);--control-surface-bg:var(--input-on-glass);--field-control-duration:var(--duration-control);--field-control-ease:var(--spring-press);border-style:solid;border-width:1px;border-color:var(--field-control-ink);background-color:var(--control-surface-bg);inline-size:100%;min-inline-size:0;max-inline-size:100%;-webkit-backdrop-filter:var(--control-surface-blur);backdrop-filter:var(--control-surface-blur);padding-inline:calc(.75rem * var(--ui-scale));color:var(--foreground);caret-color:currentColor;font:inherit;font-size:var(--type-small);transition:background-color var(--field-control-duration) var(--field-control-ease), border-color var(--field-control-duration) var(--field-control-ease), box-shadow var(--field-control-duration) var(--field-control-ease), outline-color var(--field-control-duration) var(--field-control-ease), backdrop-filter var(--field-control-duration) var(--field-control-ease);outline-color:#0000;display:block}.field-control[data-kind=input]{block-size:var(--field-control-height);border-radius:var(--radius-pill)}.field-control[data-kind=textarea]{field-sizing:content;min-block-size:calc(var(--field-rows,2) * 1lh + 2 * (.75rem * var(--ui-scale)) + 2px);max-block-size:var(--textarea-content-max);border-radius:var(--radius-field);padding-block:calc(.75rem * var(--ui-scale));line-height:var(--type-leading-body);overflow:auto}.field-control[data-size=sm]{--field-control-height:var(--control-h-sm)}.field-control[data-size=lg]{--field-control-height:var(--control-h-lg)}.field-control::placeholder{color:var(--muted-foreground)}@media (hover:hover){.field-control:hover:not([data-state=disabled],[data-state=readonly]){--field-control-well:var(--ink-edge);--control-surface-blur:var(--glass-blur-floating)}}.field-control:focus-visible{outline:var(--focus-ring-width) solid var(--field-control-ink);outline-offset:2px;--control-edge-ring:0 0 8px color-mix(in srgb, var(--focus-ring-color) 15%, transparent)}.field-control:is(:user-invalid,[data-state=invalid]){--field-control-duration:var(--duration-fast);--field-control-ease:var(--ease-out);--control-surface-bg:color-mix(in srgb, var(--destructive) 8%, var(--input-on-glass));--control-edge-ring:var(--invalid-ring);border-color:var(--destructive)}.field-control:is(:user-invalid,[data-state=invalid]):focus-visible{outline-color:var(--destructive);--control-edge-ring:var(--invalid-ring), 0 0 8px color-mix(in srgb, var(--destructive) 15%, transparent)}.field-control[data-state=readonly]{--control-surface-bg:color-mix(in oklab, var(--input-on-glass), var(--muted) 18%);caret-color:#0000;cursor:text}.field-control[data-state=disabled]{--field-control-ink:color-mix(in oklab, var(--foreground) calc(var(--ink-perimeter) * 45%), transparent);--control-surface-bg:color-mix(in oklab, var(--input-on-glass), var(--muted) 40%);color:color-mix(in oklab, var(--foreground) 45%, transparent);cursor:not-allowed}.field-control[data-kind=textarea][data-resize=none]{resize:none}.field-control[data-kind=textarea][data-resize=horizontal]{resize:horizontal}.field-control[data-kind=textarea][data-resize=both]{resize:both}.field-control[data-kind=textarea][data-resize=vertical]{resize:vertical}@media (width<=768px){.field-control{padding-inline:calc(.5rem * var(--ui-scale))}}@media (prefers-reduced-motion:reduce){.field-control{--field-control-duration:.01ms}}.number-field{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;display:grid}.number-field>*{grid-row:1}.number-field__input{font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:center;grid-column:1/-1}.number-field:has(>.number-field__step--decrement)>.number-field__input{padding-inline-start:calc(var(--field-control-height) + .25rem)}.number-field:has(>.number-field__step--increment)>.number-field__input{padding-inline-end:calc(var(--field-control-height) + .25rem)}.number-field__step{z-index:1;align-self:stretch}.number-field__step--decrement{grid-column:1}.number-field__step--increment{grid-column:3}.progress-rail[data-v-0fd1fae9]{inline-size:100%;block-size:var(--progress-rung);background:var(--glass-progress-track-background,var(--track-well-recess));display:block}.progress-rail[data-size=sm][data-v-0fd1fae9]{--progress-rung:.5rem}.progress-rail[data-size=md][data-v-0fd1fae9]{--progress-rung:.75rem}.progress-rail[data-size=lg][data-v-0fd1fae9]{--progress-rung:1.25rem}@media (width<=768px){.progress-rail[data-size=md][data-v-0fd1fae9]{--progress-rung:.5rem}.progress-rail[data-size=lg][data-v-0fd1fae9]{--progress-rung:.75rem}}.progress-rail[data-orientation=vertical][data-v-0fd1fae9]{inline-size:var(--progress-rung);block-size:12rem}.progress-rail[data-status=error][data-v-0fd1fae9]{--progress-fill:var(--destructive);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--destructive) 48%, transparent)}.progress-value-fill[data-v-0fd1fae9]{z-index:1;border-radius:inherit;background:var(--progress-fill,var(--primary));block-size:100%;inline-size:100%;transform:translateX(calc(-100% + var(--progress-value-percent)));transition:transform var(--spring-dock-duration) var(--spring-dock);display:block;position:relative}.progress-rail:dir(rtl) .progress-value-fill[data-v-0fd1fae9]{transform:translateX(calc(100% - var(--progress-value-percent)))}.progress-rail[data-orientation=vertical] .progress-value-fill[data-v-0fd1fae9]{transform:translateY(calc(100% - var(--progress-value-percent)))}.progress-liquid-fill[data-v-0fd1fae9]{--liquid-fill-tint:var(--progress-fill,var(--primary))}.progress-rail[data-state=complete] .progress-value-fill[data-v-0fd1fae9]{animation:progress-discharge-0fd1fae9 var(--duration-normal) var(--ease-standard) 1}@media (prefers-reduced-motion:reduce){.progress-value-fill[data-v-0fd1fae9]{transition:none}.progress-rail[data-state=complete] .progress-value-fill[data-v-0fd1fae9]{animation:none}}.radio-group{flex-direction:column;align-items:flex-start;gap:0;display:flex}.radio-group[data-orientation=horizontal]{flex-flow:wrap}.radio-group__dot{border-radius:var(--radius-pill);background-color:currentColor;block-size:.5rem;inline-size:.5rem}.separator[data-v-64dda6b9],.separator-segment[data-v-64dda6b9]{background:color-mix(in oklab, var(--foreground) calc(var(--ink-seam) * 100%), transparent)}.separator[data-orientation=horizontal][data-v-64dda6b9]{block-size:1px;inline-size:100%}.separator[data-orientation=vertical][data-v-64dda6b9]{align-self:stretch;inline-size:1px}.separator-labelled[data-v-64dda6b9]{background:0 0;align-items:center;display:flex}.separator-labelled[data-orientation=horizontal][data-v-64dda6b9]{gap:.75rem;block-size:auto}.separator-labelled[data-orientation=vertical][data-v-64dda6b9]{flex-direction:column;align-self:auto;gap:.5rem;inline-size:max-content}.separator-segment[data-v-64dda6b9]{flex:auto}[data-orientation=horizontal]>.separator-segment[data-v-64dda6b9]{block-size:1px;min-inline-size:.75rem}[data-orientation=vertical]>.separator-segment[data-v-64dda6b9]{min-block-size:.75rem;inline-size:1px}.separator-label[data-v-64dda6b9]{color:var(--muted-foreground);font-family:var(--font-text);font-size:var(--control-label);line-height:var(--type-leading-caption);flex:none}.status-dot[data-v-4a47d962]{--feedback-mark-size:.5em;inline-size:var(--feedback-mark-size);block-size:var(--feedback-mark-size);vertical-align:.05em;place-items:center;display:inline-grid}.status-dot[data-size=md][data-v-4a47d962]{--feedback-mark-size:.625em}.status-dot[data-size=lg][data-v-4a47d962]{--feedback-mark-size:.875em}.feedback-mark[data-v-4a47d962]{--feedback-state-color:var(--muted-foreground);--feedback-state-ink:var(--background);inline-size:var(--feedback-mark-size,.625em);block-size:var(--feedback-mark-size,.625em);color:var(--feedback-mark-color,var(--feedback-state-color));place-items:center;display:inline-grid;position:relative}.feedback-mark[data-v-4a47d962]:before,.feedback-mark[data-v-4a47d962]:after{content:"";box-sizing:border-box;position:absolute}.feedback-mark[data-v-4a47d962]:before{border-radius:var(--mark-stadium,var(--radius-pill));background:0 0;border:1px dashed;inset:0}.feedback-mark[data-v-4a47d962]:after{border-radius:var(--mark-stadium,var(--radius-pill));background:currentColor;block-size:22%;inline-size:22%}.feedback-mark[data-state=unknown][data-v-4a47d962],.feedback-mark[data-state=idle][data-v-4a47d962]{--feedback-state-color:var(--muted-foreground)}.feedback-mark[data-state=idle][data-v-4a47d962]:before{border-style:solid}.feedback-mark[data-state=idle][data-v-4a47d962]:after{display:none}.feedback-mark[data-state=success][data-v-4a47d962]{--feedback-state-color:var(--success);--feedback-state-ink:var(--success-foreground)}.feedback-mark[data-state=success][data-v-4a47d962]:before{background:currentColor;border-style:solid}.feedback-mark[data-state=success][data-v-4a47d962]:after{border-block-end:1px solid var(--feedback-state-ink);border-inline-start:1px solid var(--feedback-state-ink);background:0 0;border-radius:0;block-size:25%;inline-size:45%;rotate:-45deg}.feedback-mark[data-state=warning][data-v-4a47d962]{--feedback-state-color:var(--warning);--feedback-state-ink:var(--warning-foreground)}.feedback-mark[data-state=warning][data-v-4a47d962]:before{background:currentColor;border-style:solid;border-radius:18%;inset:8%;rotate:45deg}.feedback-mark[data-state=warning][data-v-4a47d962]:after{border-radius:var(--mark-stadium,var(--radius-pill));background:var(--feedback-state-ink);block-size:45%;inline-size:1px}.feedback-mark[data-state=error][data-v-4a47d962]{--feedback-state-color:var(--destructive);--feedback-state-ink:var(--destructive-foreground)}.feedback-mark[data-state=error][data-v-4a47d962]:before{background:currentColor;border-style:solid;border-radius:22%}.feedback-mark[data-state=error][data-v-4a47d962]:after{background:linear-gradient(45deg, transparent 42%, var(--feedback-state-ink) 42% 58%, transparent 58%), linear-gradient(-45deg, transparent 42%, var(--feedback-state-ink) 42% 58%, transparent 58%);border-radius:0;block-size:auto;inline-size:auto;inset:21%}.feedback-mark[data-state=online][data-v-4a47d962]{--feedback-state-color:var(--success);--feedback-state-ink:var(--success-foreground)}.feedback-mark[data-state=online][data-v-4a47d962]:before{background:currentColor;border-style:solid}.feedback-mark[data-state=online][data-v-4a47d962]:after{border:1px solid var(--feedback-state-ink);border-radius:var(--mark-stadium,var(--radius-pill));background:0 0;block-size:auto;inline-size:auto;inset:29%}.feedback-mark[data-state=active][data-v-4a47d962]{--feedback-state-color:var(--info);--feedback-state-ink:var(--info-foreground)}.feedback-mark[data-state=active][data-v-4a47d962]:before{background:currentColor;border-style:solid}.feedback-mark[data-state=active][data-v-4a47d962]:after{border-radius:var(--mark-stadium,var(--radius-pill));opacity:.28;background:0 0;border:1px solid;block-size:auto;inline-size:auto;inset:-30%;scale:1}.feedback-mark[data-state=active][data-motion][data-v-4a47d962]:after{animation:feedback-mark-pulse-4a47d962 1.8s var(--ease-out) infinite}@media (prefers-reduced-motion:reduce){.feedback-mark[data-state=active][data-motion][data-v-4a47d962]:after{animation:none}}@media (forced-colors:active){.feedback-mark[data-v-4a47d962]{--feedback-state-color:CanvasText;--feedback-state-ink:Canvas;forced-color-adjust:none;color:canvastext}.feedback-mark[data-v-4a47d962]:before{background:canvas}.feedback-mark[data-state=unknown][data-v-4a47d962]:after{background:canvastext}.feedback-mark[data-state=active][data-v-4a47d962]:after,.feedback-mark[data-state=online][data-v-4a47d962]:after{background:0 0;border-color:canvastext}}.switch{--control-bit-face-inline:2.75rem;--control-bit-face-block:1.5rem;--control-bit-face-pad:.0625rem}.switch .control-bit__face{justify-content:start}.switch__thumb{inline-size:var(--control-bit-size);block-size:var(--control-bit-size);border-radius:var(--radius-pill);background-color:var(--card);box-shadow:var(--shadow-md);pointer-events:none;transition:translate var(--spring-dock-duration) var(--spring-dock);display:block;translate:0}.switch[data-state=checked] .switch__thumb{translate:calc(var(--control-bit-face-inline) - var(--control-bit-face-block))}.switch:dir(rtl)[data-state=checked] .switch__thumb{translate:calc(var(--control-bit-face-block) - var(--control-bit-face-inline))}@media (prefers-reduced-motion:reduce){.switch__thumb{transition:none}}.toggle-group{flex-wrap:wrap;align-items:center;gap:8px;inline-size:fit-content;max-inline-size:100%;display:flex}@media (width<=768px){.toggle-group{gap:4px}}.toggle-group[data-orientation=vertical]{flex-direction:column;align-items:stretch}.toggle-group__item{--toggle-group-item-size:var(--control-h-md);--scale-press:var(--scale-press-sm);min-inline-size:var(--toggle-group-item-size);min-block-size:var(--toggle-group-item-size);border-radius:var(--radius-pill);color:var(--muted-foreground);font:inherit;font-size:var(--control-text);cursor:pointer;appearance:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;flex:none;justify-content:center;align-items:center;gap:.5rem;padding-inline:.75rem;font-weight:500;line-height:1;display:inline-flex}.toggle-group[data-size=sm] .toggle-group__item{--toggle-group-item-size:var(--control-h-sm);font-size:var(--control-text-sm);padding-inline:.5rem}.toggle-group[data-size=lg] .toggle-group__item{--toggle-group-item-size:var(--control-h-lg);padding-inline:1.25rem}.toggle-group__item[data-state=on]{background-color:color-mix(in oklab, var(--foreground) 12%, transparent);color:var(--foreground);font-weight:600}.toggle-group__item[data-state=on]:hover:not(:disabled){background-color:color-mix(in oklab, var(--foreground) 16%, transparent)}.toggle-group__item:disabled{opacity:var(--opacity-disabled);cursor:not-allowed;pointer-events:none}.toggle-group[data-invalid] .toggle-group__item{border-color:var(--destructive)}.toggle-group__item>svg{pointer-events:none;flex:none}@media (forced-colors:active){.toggle-group__item{box-shadow:none;background:canvas;border:1px solid buttontext}.toggle-group__item[data-state=on]{color:highlighttext;background:highlight;border-color:highlight}}.avatar{--avatar-size:var(--control-h-md);inline-size:var(--avatar-size);block-size:var(--avatar-size);vertical-align:middle;isolation:isolate;display:inline-grid;position:relative}.avatar[data-size=md]{--avatar-size:calc(var(--control-h-md) * 1.618)}.avatar[data-size=lg]{--avatar-size:calc(var(--control-h-md) * 2.618)}.avatar__identity,.avatar__image,.avatar__fallback{block-size:100%;inline-size:100%}.avatar__identity{border:1px solid oklch(from var(--foreground) l c h / var(--ink-edge));background:var(--glass-plate-wash);color:var(--foreground);box-shadow:var(--glass-material-rim), var(--shadow-sm);place-items:center;display:grid;overflow:hidden}.avatar__image,.avatar__fallback{grid-area:1/1}.avatar__image{object-fit:cover}.avatar__fallback{background:color-mix(in srgb, var(--secondary) 82%, transparent);font-size:var(--type-caption);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-tight);-webkit-user-select:none;user-select:none;place-items:center;line-height:1;display:grid}.avatar[data-size=md] .avatar__fallback{font-size:var(--type-subheading)}.avatar[data-size=lg] .avatar__fallback{font-size:var(--type-display-2)}.avatar__status{z-index:1;font-size:calc(var(--avatar-size) / 2);background:var(--background);box-shadow:0 0 0 1px oklch(from var(--foreground) l c h / var(--ink-edge));place-items:center;display:grid;position:absolute;inset-block-end:-.125rem;inset-inline-end:-.125rem}.avatar[data-shape=circle] .avatar__identity{border-radius:var(--mark-stadium,var(--radius-pill))}.avatar[data-shape=square] .avatar__identity{border-radius:var(--radius-media)}.avatar__status{border-radius:var(--mark-stadium,var(--radius-pill))}.hm[data-v-0e9beb0b]{isolation:isolate;padding-inline:var(--hm-reserve,0px);--hm-h:78;--hm-band:var(--lightningcss-light,oklch(.86 .16 var(--hm-h)))var(--lightningcss-dark,oklch(.44 .16 var(--hm-h)));display:inline;position:relative}.hm del[data-v-0e9beb0b]{text-decoration:none}.hm mark[data-v-0e9beb0b]{color:inherit;background:0 0}.hm-mark[data-v-0e9beb0b]{pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.hm[data-shape=highlight] .hm-mark[data-v-0e9beb0b]{z-index:-1}.hm-mark--settling[data-v-0e9beb0b]{transition:transform var(--spring-world-duration) var(--spring-world)}.hm-ink[data-v-0e9beb0b]{animation:hm-settle-0e9beb0b var(--spring-present-duration) var(--spring-present) both}@media (prefers-reduced-motion:reduce){.hm-mark[data-v-0e9beb0b]{transform:none!important}.hm-mark--settling[data-v-0e9beb0b]{transition:none}.hm-ink[data-v-0e9beb0b]{animation:none}}.labeled-field[data-v-ea78fd3a],.labeled-field-copy[data-v-ea78fd3a],.labeled-field-control[data-v-ea78fd3a]{min-inline-size:0;display:grid}.labeled-field[data-v-ea78fd3a]{gap:var(--space-atom);inline-size:100%}.labeled-field-copy[data-v-ea78fd3a],.labeled-field-control[data-v-ea78fd3a]{gap:var(--space-residue)}.labeled-field-description[data-v-ea78fd3a],.labeled-field-error[data-v-ea78fd3a]{font-size:var(--type-small);line-height:var(--type-leading-small);margin:0}.labeled-field-description[data-v-ea78fd3a]{color:var(--muted-foreground)}.labeled-field-error[data-v-ea78fd3a]{color:var(--destructive)}.labeled-field[data-layout=horizontal][data-v-ea78fd3a]{gap:var(--space-body);grid-template-columns:minmax(8rem,.382fr) minmax(0,1fr);align-items:start}@media (width<=36rem){.labeled-field[data-layout=horizontal][data-v-ea78fd3a]{gap:var(--space-atom);grid-template-columns:minmax(0,1fr)}}.pager-dots[data-v-592b0f41]{--pager-rail-gap:var(--space-residue);--pager-hit-cell:1.5rem;--pager-dot-size:var(--space-body);--pager-dot-active:var(--foreground);--pager-dot-inactive:color-mix(in srgb, var(--foreground) 52%, transparent);--pager-dot-hover:color-mix(in srgb, var(--foreground) 72%, transparent);--pager-worm-layer-opacity:1;--stretch:1;--pager-flip-stagger:calc(var(--motion-stagger-default) * .15);gap:var(--pager-rail-gap);position:relative}.pager-bed-layer[data-v-592b0f41]{justify-content:center;align-items:center;gap:var(--pager-rail-gap);pointer-events:none;color:var(--pager-dot-active);display:flex;position:absolute;inset:0}.pager-dots[data-orientation=vertical] .pager-bed-layer[data-v-592b0f41]{flex-direction:column}.goo-dot[data-v-592b0f41]{flex:0 0 var(--pager-hit-cell);width:var(--pager-hit-cell);height:var(--pager-hit-cell);translate:var(--pip-flip,0px) 0;transition:translate var(--spring-dock-duration) var(--spring-dock);transition-delay:calc(var(--pip-rank,0) * var(--pager-flip-stagger));place-items:center;display:grid}.pager-dots[data-orientation=vertical] .goo-dot[data-v-592b0f41]{translate:0 var(--pip-flip,0px)}.goo-dot[data-flip][data-v-592b0f41]{transition:none}.goo-dot[data-v-592b0f41]:before{content:"";width:var(--pager-dot-size);height:var(--pager-dot-size);border-radius:var(--radius-pill);background:var(--pager-dot-inactive);transition:background-color var(--duration-fast) var(--ease-standard), scale var(--spring-press-duration) var(--spring-press)}.goo-dot[data-edge][data-v-592b0f41]:before{width:calc(var(--pager-dot-size) * .5);height:calc(var(--pager-dot-size) * .5);opacity:.6}.pager-worm-layer[data-v-592b0f41]{pointer-events:none;opacity:var(--pager-worm-layer-opacity,1);color:var(--pager-dot-active);contain:layout paint;isolation:isolate;position:absolute;inset:0}.goo-body[data-v-592b0f41],.goo-neck[data-v-592b0f41]{width:var(--pager-dot-size);height:var(--pager-dot-size);margin-top:calc(var(--pager-dot-size) / -2);margin-left:calc(var(--pager-dot-size) / -2);transform-origin:50%;will-change:auto;background:currentColor;position:absolute;top:50%;left:0}.pager-dots[data-orientation=vertical] .goo-body[data-v-592b0f41],.pager-dots[data-orientation=vertical] .goo-neck[data-v-592b0f41]{top:0;left:50%}.goo-body[data-v-592b0f41]{border-radius:var(--radius-pill);scale:var(--stretch,1) calc(1 / var(--stretch,1))}.pager-dots[data-orientation=vertical] .goo-body[data-v-592b0f41]{scale:calc(1 / var(--stretch,1)) var(--stretch,1)}.goo-neck[data-v-592b0f41]{opacity:0;border-radius:0}.pager-dot[data-v-592b0f41]{z-index:1;width:var(--pager-hit-cell);height:var(--pager-hit-cell);cursor:pointer;background:0 0;border:0;padding:0;position:relative}@media (hover:hover){.goo-dot[data-hover][data-v-592b0f41]:before{background:var(--pager-dot-hover);scale:1.14}}.goo-dot[data-press][data-v-592b0f41]:before{scale:.97}@media (pointer:coarse){.pager-dots[data-v-592b0f41]{--pager-hit-cell:var(--touch-target)}}@media (prefers-reduced-motion:reduce){.goo-body[data-v-592b0f41],.goo-neck[data-v-592b0f41]{scale:1}.goo-dot[data-v-592b0f41]{transition:none}}:where(.sortable-list,.sortable-ghost){--sortable-lift:calc(2 - var(--scale-press))}.sortable-list{padding-block:0;padding-inline:var(--space-body);border:1px solid oklch(from var(--foreground) l c h / var(--ink-edge));border-radius:var(--radius-card);min-block-size:var(--sortable-vacancy-block,0px);transition:min-block-size var(--spring-dock-duration) var(--spring-dock), padding-block-end var(--spring-dock-duration) var(--spring-dock), background-color var(--spring-press-duration) var(--spring-press);margin:0;list-style:none;overflow:clip}.sortable-list[data-sortable-armed]{background-color:oklch(from var(--foreground) l c h / var(--fill-selected));padding-block-end:var(--sortable-vacancy-block,0px)}.sortable-item{padding-block:var(--space-body);transition:transform var(--spring-dock-duration) var(--spring-dock);-webkit-user-select:none;user-select:none;position:relative}.sortable-item+.sortable-item{border-block-start:1px solid oklch(from var(--foreground) l c h / var(--ink-seam))}.sortable-item__content{align-items:center;gap:var(--space-body);font-size:var(--text-body);justify-content:flex-start;display:flex}.sortable-item__content:not(:has(>:not([data-sortable-handle])~:not([data-sortable-handle])))>:not([data-sortable-handle]){flex:1}.sortable-item__content>:not([data-sortable-handle])~:not([data-sortable-handle]){margin-inline-start:auto}.sortable-item__content>[data-sortable-handle]{flex:none;order:-1}@media (hover:hover){.sortable-item:hover{background-color:oklch(from var(--foreground) l c h / var(--fill-hover))}}.sortable-item[data-sortable-lifted]{z-index:1;background-color:oklch(from var(--foreground) l c h / var(--fill-selected));scale:var(--sortable-lift);transition:transform var(--spring-dock-duration) var(--spring-dock), scale var(--spring-press-duration) var(--spring-press), background-color var(--spring-press-duration) var(--spring-press)}.sortable-item[data-sortable-vacancy]{opacity:0;pointer-events:none}.sortable-list[data-sortable-closing] .sortable-item{transition-duration:var(--spring-press-duration);transition-timing-function:var(--spring-press)}.sortable-handle{--sortable-grip-glyph:var(--icon-md);inline-size:calc(var(--sortable-grip-glyph) + var(--space-atom) * 2);block-size:calc(var(--sortable-grip-glyph) + var(--space-atom) * 2);border-radius:var(--radius-pill);color:oklch(from var(--foreground) l c h / var(--ink-perimeter));transition:color var(--spring-press-duration) var(--spring-press), scale var(--spring-press-duration) var(--spring-press);justify-content:center;align-items:center;display:inline-flex}@media (hover:hover){.sortable-handle:hover{color:var(--foreground)}}.sortable-handle:active{scale:var(--scale-press)}.sortable-handle:focus-visible{box-shadow:var(--focus-ring-shadow);outline:none}.sortable-handle:disabled{cursor:not-allowed;opacity:.5}.sortable-ghost{z-index:9999;pointer-events:none;transition:border-radius var(--spring-press-duration) var(--spring-press), box-shadow var(--spring-press-duration) var(--spring-press), backdrop-filter var(--spring-press-duration) var(--spring-press), opacity var(--spring-press-exit-duration) var(--spring-press);border-radius:0;overflow:clip}.sortable-ghost[data-lift]{border-radius:var(--radius-card)}.sortable-ghost[data-done]{opacity:0}.sortable-ghost__row{padding-inline:var(--space-body);transition:scale var(--spring-press-duration) var(--spring-press)}.sortable-ghost[data-lift] .sortable-ghost__row{scale:var(--sortable-lift)}.sortable-ghost__row *{animation-play-state:paused}.tl[data-v-4c4ed383]{row-gap:var(--space-body);grid-template-columns:100%;display:grid;position:relative}.tl__track[data-v-4c4ed383],.tl__marks[data-v-4c4ed383]{grid-area:1/1;align-self:center}.tl__track[data-v-4c4ed383]{block-size:var(--timeline-track-h);background:oklch(from var(--card) calc(l - .04) c h)}.tl__marks[data-v-4c4ed383]{pointer-events:none;min-block-size:1.5rem;margin:0;padding:0;list-style:none;position:relative}.tl__mark-seat[data-v-4c4ed383]{top:50%;left:calc(var(--tl-at) * 100%);pointer-events:none;line-height:0;display:flex;position:absolute;translate:-50% -50%}.tl__mark-seat[data-v-4c4ed383]>*{pointer-events:auto}.tl__span[data-v-4c4ed383]{inset-block:0;left:calc(var(--tl-l) * 100%);width:calc(var(--tl-w) * 100%);position:absolute;overflow:hidden}.tl__fill[data-v-4c4ed383]{background:var(--tl-accent);transform:translateX(calc((var(--tl-f) - 1) * 100%));position:absolute;inset:0}.tl__track[data-advancing] .tl__fill[data-v-4c4ed383]{will-change:transform}.tl__cap[data-v-4c4ed383]{inset-block:0;inline-size:var(--timeline-track-h);border-radius:var(--radius-pill);background:var(--tl-accent);box-shadow:var(--glass-rim-top);transform:scaleX(var(--stretch,1)) scaleY(calc(1 / var(--stretch,1)));pointer-events:none;position:absolute;right:0}.tl .track-flow[data-v-4c4ed383]{--track-flow-peak:var(--fill-selected)}.tl__mark[data-v-4c4ed383]{cursor:pointer;background:0 0;border:0;place-items:center;min-block-size:1.5rem;min-inline-size:1.5rem;padding:0;display:grid}@media (pointer:coarse){.tl__marks[data-v-4c4ed383]{min-block-size:var(--touch-target)}.tl__mark[data-v-4c4ed383]{min-inline-size:var(--touch-target);min-block-size:var(--touch-target)}}.tl__mark[data-v-4c4ed383]:focus-visible{box-shadow:var(--focus-ring-shadow);border-radius:var(--radius-pill);outline:none}.tl__disc[data-v-4c4ed383]{inline-size:var(--space-family);block-size:var(--space-family);background:var(--card);border:1px solid color-mix(in oklab, var(--foreground) calc(var(--ink-perimeter) * 100%), oklch(0% 0 0/0));transform:scaleX(var(--stretch,1)) scaleY(calc(1 / var(--stretch,1)));border-radius:50%;place-items:center;display:grid}.tl__mark[data-crossing] .tl__disc[data-v-4c4ed383]{will-change:transform}.tl__mark[data-state=active] .tl__disc[data-v-4c4ed383]{border-color:var(--tl-accent);border-width:2px}.tl__mark[data-state=completed] .tl__disc[data-v-4c4ed383]{background:var(--tl-accent);border-color:var(--tl-accent)}.tl__mark[aria-current=step] .tl__disc[data-v-4c4ed383]{box-shadow:0 0 0 2px color-mix(in oklab, var(--foreground) calc(var(--ink-perimeter) / 2 * 100%), oklch(0% 0 0/0))}.tl__check[data-v-4c4ed383]{block-size:100%;inline-size:100%;overflow:visible}.tl__check path[data-v-4c4ed383]{fill:none;stroke:contrast-color(var(--tl-accent));stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:32;stroke-dashoffset:0;animation:tl-check-4c4ed383 var(--spring-dock-duration) var(--spring-dock) both}@media (hover:hover){.tl__mark:hover .tl__disc[data-v-4c4ed383]{scale:var(--scale-hover);background:color-mix(in oklab, var(--tl-accent) calc(var(--fill-hover) * 100%), var(--card))}.tl__mark[data-state=completed]:hover .tl__disc[data-v-4c4ed383]{background:var(--tl-accent)}}.tl__detail[data-v-4c4ed383]{animation:tl-detail-4c4ed383 var(--spring-dock-duration) var(--spring-dock) both;grid-area:2/1}@media (prefers-reduced-motion:reduce){.tl__check path[data-v-4c4ed383]{animation:none}.tl__detail[data-v-4c4ed383]{animation-duration:.01ms}.tl__mark:hover .tl__disc[data-v-4c4ed383]{scale:1}}.tw-root[data-v-e8359620]{vertical-align:baseline;max-width:100%;display:inline-grid;position:relative}.tw-reserve[data-v-e8359620]{visibility:hidden;white-space:pre-wrap;overflow-wrap:anywhere;pointer-events:none;grid-area:1/1;min-width:0}.tw-visual[data-v-e8359620]{white-space:pre-wrap;overflow-wrap:anywhere;position:absolute;inset:0}.tw-tail[data-v-e8359620]{white-space:nowrap}.tw-cursor[data-v-e8359620]{font-weight:100;display:inline-block}.tw-cursor--blink[data-v-e8359620]{animation:1.06s step-end infinite typewriter-blink}@media (prefers-reduced-motion:reduce){.tw-cursor--blink[data-v-e8359620]{animation:none}}}@keyframes disclosure-open{0%{opacity:0;block-size:0}to{block-size:var(--disclosure-content-size);opacity:1}}@keyframes disclosure-close{0%{block-size:var(--disclosure-content-size);opacity:1}to{opacity:0;block-size:0}}@keyframes expandable-container-birth{0%{opacity:0;scale:.78}to{opacity:1;scale:1}}@keyframes expandable-container-arrive{0%{opacity:0}to{opacity:1}}@keyframes skeleton-breathe-0d5ebb1f{to{opacity:.55}}@keyframes progress-discharge-0fd1fae9{0%{box-shadow:inset 0 0 .5rem oklch(100% 0 0/0)}50%{box-shadow:inset 0 0 .75rem oklch(100% 0 0/.12)}to{box-shadow:inset 0 0 .5rem oklch(100% 0 0/0)}}@keyframes feedback-mark-pulse-4a47d962{0%{opacity:.5;scale:.72}55%,to{opacity:0;scale:1.08}}@keyframes hm-settle-0e9beb0b{0%{opacity:.85}to{opacity:1}}@keyframes tl-check-4c4ed383{0%{stroke-dashoffset:32px}to{stroke-dashoffset:0}}@keyframes tl-detail-4c4ed383{0%{opacity:0;translate:calc(var(--tl-dir) * var(--space-atom)) 0}to{opacity:1;translate:0}}
2
2
  /*$vite$:1*/
package/dist/glass-ui.js CHANGED
@@ -35,7 +35,7 @@ import { t as ut } from "./switch-BYUZ6g9G.js";
35
35
  import { a as dt, c as ft, i as pt, n as mt, o as ht, r as gt, s as _t, t as vt } from "./toast-DVOwo6GB.js";
36
36
  import { n as yt, t as bt } from "./toggle-group-CC5b3o1R.js";
37
37
  import { i as xt, n as St, r as Ct, t as wt } from "./tooltip-DhTHhtJN.js";
38
- import { a as Tt, i as Et, n as Dt, o as Ot, r as kt, s as At, t as jt } from "./configurator-DiwVN573.js";
38
+ import { a as Tt, i as Et, n as Dt, o as Ot, r as kt, s as At, t as jt } from "./configurator-CPxIo3q2.js";
39
39
  import { useInterval as Mt } from "./reactive.js";
40
40
  import { n as Nt, r as Pt, t as Ft } from "./vReveal-B5WYGofz.js";
41
41
  import { t as It } from "./usePointerVelocityField-Lx26_Yap.js";
package/dist/index.d.ts CHANGED
@@ -26,7 +26,7 @@ export { Table, TableBody, TableCaption, TableCell, TableEmpty, TableHead, Table
26
26
  export { Toast, ToastAction, ToastClose, ToastDescription, ToastTitle, Toaster, toast, useToast, type ToastActionProps, type ToastCloseProps, type ToastDescriptionProps, type ToastEmits, type ToastHandle, type ToastOptions, type ToastProps, type ToastSwipeEvent, type ToastTitleProps, type ToasterPosition, } from "./components/toast/index.js";
27
27
  export { ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, } from "./components/toggle-group/index.js";
28
28
  export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, type TooltipContentEmits, type TooltipContentProps, type TooltipEmits, type TooltipProps, type TooltipProviderProps, type TooltipTriggerProps, } from "./components/tooltip/index.js";
29
- export { CONFIGURATOR_SIZE_KEY, Configurator, ConfiguratorLayer, ConfiguratorRow, provideConfiguratorSize, useConfiguratorState, useOptionalConfiguratorSize, type ConfiguratorAsideSide, type ConfiguratorCloneMode, type ConfiguratorGalleryPlacement, type ConfiguratorPreset, type ConfiguratorScrollMode, type ConfiguratorSize, type ConfiguratorState, type ConfiguratorStateOptions, } from "./components/configurator/index.js";
29
+ export { CONFIGURATOR_SIZE_KEY, Configurator, ConfiguratorLayer, ConfiguratorRow, provideConfiguratorSize, useConfiguratorState, useOptionalConfiguratorSize, type ConfiguratorAsideSide, type ConfiguratorCloneMode, type ConfiguratorGalleryPlacement, type ConfiguratorLayout, type ConfiguratorPreset, type ConfiguratorScrollMode, type ConfiguratorSize, type ConfiguratorState, type ConfiguratorStateOptions, } from "./components/configurator/index.js";
30
30
  export { useInterval, useTimer, type UseIntervalControls, type UseIntervalOptions, type UseTimerControls, type UseTimerOptions, } from "./composables/reactive/index.js";
31
31
  export { createTokenColorCache, resolveTokenColor, useBreakpoint, useClipboard, useDragVelocity, useIdleReady, useResizeObserver, useTokenColor, useTouchGate, useUserInvalidAria, useViewportReady, writeClipboard, type ClipboardStatus, type CopyFailureReason, type CopyResult, type ResolveTokenColorCache, type TokenColorResolver, type TouchGateReturn, type UseBreakpointControls, type UseClipboardOptions, type UseClipboardReturn, type UseDragVelocityParams, type UseDragVelocityReturn, type UseIdleReadyControls, type UseIdleReadyOptions, type UseResizeObserverControls, type UseResizeObserverOptions, type UseTokenColorControls, type UseTokenColorOptions, type UseUserInvalidAriaOptions, type UseUserInvalidAriaReturn, type UseViewportReadyControls, type UseViewportReadyOptions, } from "./composables/dom/index.js";
32
32
  export { createSpecularWriter, resolveCanvasColor, useCanvas2D, useSpecularTracking, vSpecular, type Canvas2DFrame, type Canvas2DHandle, type Canvas2DOptions, type Canvas2DSuspendReason, type GpuBackend, type RendererStatus, type SpecularWriter, type UseSpecularTracking, } from "./composables/glass/index.js";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mkbabb/glass-ui",
3
- "version": "10.0.1",
3
+ "version": "10.1.0",
4
4
  "description": "Glassmorphic design system — Vue 3.5 components, reka-ui primitives, Tailwind CSS v4 tokens",
5
5
  "license": "MIT",
6
6
  "repository": {