@mkbabb/glass-ui 10.1.5 → 11.0.1
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.
- package/MIGRATION.md +1024 -1461
- package/README.md +2 -2
- package/dist/DialogContent-DG5kseRQ.js +159 -0
- package/dist/DropdownMenuTrigger-uhSXgEfK.js +76 -0
- package/dist/{Surface-1nPoabc3.js → Surface-C7wq2j0A.js} +3 -0
- package/dist/aurora.css +1 -0
- package/dist/aurora.js +246 -2472
- package/dist/auroraImageSource-xNLDUjcy.js +30 -0
- package/dist/axes.js +8 -8
- package/dist/blob.css +1 -0
- package/dist/blob.js +57 -54
- package/dist/budget-CJfhLIIV.js +13 -0
- package/dist/button-CAKhiOZy.js +113 -0
- package/dist/button.js +1 -1
- package/dist/{card-ByyqRBvK.js → card-D_uXphvL.js} +4 -1
- package/dist/card.js +1 -1
- package/dist/carousel.js +3 -2
- package/dist/{checkbox-B1qn65se.js → checkbox-COLnvULu.js} +1 -0
- package/dist/checkbox.css +1 -0
- package/dist/checkbox.js +1 -1
- package/dist/{collapsible-DFzK29Oh.js → collapsible-Bd4Et730.js} +1 -0
- package/dist/collapsible.css +1 -0
- package/dist/collapsible.js +1 -1
- package/dist/color-HkUaTAJj.js +270 -0
- package/dist/{color.glsl-DTJhdekG.js → color.glsl-bFJm8k5R.js} +4 -16
- package/dist/color.wgsl-B-qDJ_OM.js +4 -0
- package/dist/{command-CatrAsrl.js → command-BsFOGZwB.js} +3 -2
- package/dist/command.css +1 -0
- package/dist/command.js +1 -1
- package/dist/component-styles.css +0 -1
- package/dist/components/_shared/axes.d.ts +7 -0
- package/dist/components/_shared/feedback/dot-ring.css +1 -1
- package/dist/components/_shared/overlay/focus-return.d.ts +9 -0
- package/dist/components/_shared/overlay/index.d.ts +3 -0
- package/dist/components/_shared/overlay/root-scroll-lock.d.ts +4 -0
- package/dist/components/_shared/overlay/sheet-width.d.ts +2 -0
- package/dist/components/_shared/shape/useBarShape.d.ts +4 -0
- package/dist/components/aurora/composables/auroraFallbackGround.d.ts +12 -0
- package/dist/components/aurora/constants/presets.d.ts +21 -0
- package/dist/components/aurora/index.d.ts +2 -2
- package/dist/components/button/styles.css +1 -1
- package/dist/components/dark-mode-toggle/dark-mode-toggle.css +1 -1
- package/dist/components/dialog/DialogContent.vue.d.ts +2 -2
- package/dist/components/dialog/ModalOverlay.vue.d.ts +2 -2
- package/dist/components/dialog/ModalScrim.vue.d.ts +26 -0
- package/dist/components/dialog/styles.css +1 -1
- package/dist/components/dock/GlassDock.vue.d.ts +4 -1
- package/dist/components/dock/composables/useDockShellProps.d.ts +34 -2
- package/dist/components/dock/composables/useDockState.d.ts +5 -0
- package/dist/components/dock/index.d.ts +1 -2
- package/dist/components/dock/styles/controls/icon-button.css +1 -1
- package/dist/components/dock/styles/controls/tab-button.css +1 -1
- package/dist/components/dock/styles/morph.css +1 -1
- package/dist/components/dock/styles/run.css +1 -1
- package/dist/components/dock/styles/shell.css +1 -1
- package/dist/components/dock/trigger.d.ts +1 -0
- package/dist/components/expandable-container/ExpandableContainer.vue.d.ts +30 -29
- package/dist/components/menu/ContextMenu.vue.d.ts +27 -0
- package/dist/components/menu/DropdownMenu.vue.d.ts +5 -23
- package/dist/components/menu/context.d.ts +18 -5
- package/dist/components/menu/family-click.d.ts +2 -0
- package/dist/components/menu/family-context.d.ts +2 -0
- package/dist/components/menu/index.d.ts +1 -1
- package/dist/components/sheet/SheetContent.vue.d.ts +2 -2
- package/dist/components/sortable-list/styles.css +1 -0
- package/dist/components/surface/Surface.vue.d.ts +4 -1
- package/dist/components/tabs/composables/useTabDragMorph.d.ts +4 -7
- package/dist/components/tabs/styles/segmented.css +1 -1
- package/dist/components/tabs/types.d.ts +7 -8
- package/dist/composables/glass/fieldPaint.d.ts +4 -0
- package/dist/composables/glass/useGlassBackdropLuminance.d.ts +7 -6
- package/dist/composables/glass/webgpu/useGpuSubstrate.d.ts +8 -0
- package/dist/composables/motion/core/motionTempo.d.ts +2 -1
- package/dist/composables/motion/morph/useDragMorph.d.ts +2 -2
- package/dist/composables/motion/morph/useSelectionGroup.d.ts +6 -25
- package/dist/composables/motion/morph/useSelectionIndicator.d.ts +8 -54
- package/dist/composables/motion/spring/useLiquidFlex.d.ts +3 -5
- package/dist/composables/motion/spring/useSpringMount.d.ts +0 -9
- package/dist/{configurator-Dl10mc3L.js → configurator-C1ZKEf1b.js} +7 -5
- package/dist/configurator.css +1 -0
- package/dist/configurator.js +1 -1
- package/dist/constants-DfrO-IaH.js +8 -0
- package/dist/constellation.css +1 -0
- package/dist/constellation.js +2 -1
- package/dist/control.css +1 -0
- package/dist/{control.css_vue_type_style_index_0_src_true_lang-BIdufaDG.js → control.css_vue_type_style_index_0_src_true_lang-D2hdtjs4.js} +1 -0
- package/dist/{createCanvasLifecycle-hJHobVTn.js → createCanvasLifecycle-DS0vEs_G.js} +76 -75
- package/dist/dark-mode-toggle.js +1 -1
- package/dist/{data-table-8y6fbyOB.js → data-table-CunuMkZ3.js} +1 -0
- package/dist/data-table.css +1 -0
- package/dist/data-table.js +1 -1
- package/dist/{deck-Cm_VmyNL.js → deck-Bc-2mEKE.js} +1 -0
- package/dist/deck.js +1 -1
- package/dist/dialog.js +1 -1
- package/dist/dock-trigger.d.ts +1 -0
- package/dist/dock-trigger.js +88 -0
- package/dist/dock.js +685 -729
- package/dist/easing.js +4 -4
- package/dist/expandable-container-wS1awXGd.js +135 -0
- package/dist/expandable-container.css +1 -0
- package/dist/expandable-container.js +1 -1
- package/dist/{fading-scroll-ClCPooXb.js → fading-scroll-D3Y20ibL.js} +1 -1
- package/dist/fading-scroll.js +1 -1
- package/dist/fieldPaint-Ci77oajZ.js +7 -0
- package/dist/fourier-field.css +1 -0
- package/dist/fourier-field.js +15 -13
- package/dist/glSetup-DMaDgrEj.js +577 -0
- package/dist/glass-ui.js +66 -65
- package/dist/handmark.css +1 -0
- package/dist/handmark.js +82 -71
- package/dist/index.css +1 -0
- package/dist/index.d.ts +1 -1
- package/dist/{input-eLZ_AU7l.js → input-BLF2pMHE.js} +1 -1
- package/dist/input.js +1 -1
- package/dist/{label-CE03H1KL.js → label-ryNPL7e6.js} +1 -0
- package/dist/label.css +1 -0
- package/dist/label.js +1 -1
- package/dist/labeled-field.css +1 -0
- package/dist/labeled-field.js +5 -4
- package/dist/{menu-DaYAZiVW.js → menu-C_l2Sslf.js} +162 -112
- package/dist/menu.js +3 -3
- package/dist/metric.js +1 -0
- package/dist/motion-core.js +138 -44
- package/dist/motion-lHDAQHEE.js +91 -0
- package/dist/motion.js +5 -5
- package/dist/motionTempo-DXdVbCWr.js +13 -0
- package/dist/music-staff.js +1 -0
- package/dist/{number-field-RP89046a.js → number-field-BXFUP49Z.js} +3 -2
- package/dist/number-field.css +1 -0
- package/dist/number-field.js +1 -1
- package/dist/pager-dots.css +1 -0
- package/dist/pager-dots.js +3 -2
- package/dist/participation-C5y5VZTN.js +52 -0
- package/dist/{popover-BdpoE4Ar.js → popover-DQUmwuAa.js} +3 -2
- package/dist/popover.js +1 -1
- package/dist/{progress-eVa-mc7J.js → progress-BUn0Bw7Z.js} +1 -0
- package/dist/progress.css +1 -0
- package/dist/progress.js +1 -1
- package/dist/{radio-group-B58Bz16F.js → radio-group-xdEy2tdi.js} +1 -0
- package/dist/radio-group.css +1 -0
- package/dist/radio-group.js +1 -1
- package/dist/root-scroll-lock-DJFrQhMa.js +22 -0
- package/dist/select-Dt5dXm87.js +309 -0
- package/dist/select.js +1 -1
- package/dist/{separator-D4EZM10u.js → separator-C4y9p_ky.js} +1 -0
- package/dist/separator.css +1 -0
- package/dist/separator.js +1 -1
- package/dist/sheet-DLqNUIZl.js +347 -0
- package/dist/sheet-width-DgXgJNa5.js +18 -0
- package/dist/sheet.js +2 -2
- package/dist/{slider-Dg3Qqdyo.js → slider-B4w12E_u.js} +8 -8
- package/dist/slider.js +1 -1
- package/dist/sortable-list.js +2 -1
- package/dist/{status-dot-W4LFiJps.js → status-dot-BDZKcRxy.js} +2 -1
- package/dist/status-dot.css +1 -0
- package/dist/status-dot.js +1 -1
- package/dist/styles/components.css +1 -1
- package/dist/styles/glass/glass-capsule.css +1 -1
- package/dist/styles/glass/glass-chip.css +1 -1
- package/dist/styles/glass/mark.css +1 -1
- package/dist/styles/glass/overlay-plate.css +1 -1
- package/dist/styles/glass/surface-axis.css +1 -1
- package/dist/styles/index.css +1 -1
- package/dist/styles/theme/radius.css +1 -1
- package/dist/styles/tokens/color-radius.css +1 -1
- package/dist/styles/tokens/manifest.d.ts +1 -1
- package/dist/styles/tokens/scale-paper.css +1 -1
- package/dist/styles/utilities/base-misc.css +1 -1
- package/dist/surface.js +1 -1
- package/dist/{switch-BYUZ6g9G.js → switch-DLfGYU35.js} +1 -0
- package/dist/switch.css +1 -0
- package/dist/switch.js +1 -1
- package/dist/tabs-NgTRPGZx.js +229 -0
- package/dist/tabs.js +1 -1
- package/dist/textarea.js +1 -1
- package/dist/timeline.css +1 -0
- package/dist/timeline.js +4 -3
- package/dist/toggle-group-DgXcJGD6.js +129 -0
- package/dist/toggle-group.css +1 -0
- package/dist/toggle-group.js +1 -1
- package/dist/tokens.js +2 -0
- package/dist/{tooltip-CZVubnJf.js → tooltip-Do3qCw0r.js} +1 -1
- package/dist/tooltip.js +1 -1
- package/dist/typewriter.css +1 -0
- package/dist/typewriter.js +1 -0
- package/dist/uniformBridge-CJyy7NOn.js +150 -0
- package/dist/useBarShape-CmP35Z8o.js +24 -0
- package/dist/{useCanvas2D-CQRElMyE.js → useCanvas2D-Bhpwua98.js} +1 -1
- package/dist/{useDockCtaReceive-BSSgD6mu.js → useDockCtaReceive-Dn_-paqP.js} +1 -1
- package/dist/{useDragMorph-B363RUbF.js → useDragMorph-BEI74U0t.js} +51 -40
- package/dist/{color.wgsl-BTszLY39.js → useGpuSubstrate-Y5XAdU8d.js} +7 -7
- package/dist/{useLiquidPress-h1scrPtP.js → useLiquidPress-D5mjZC6U.js} +2 -2
- package/dist/useScrollChrome-DMP6kDI9.js +67 -0
- package/dist/useSelectionGroup-DAQv5Lb5.js +186 -0
- package/dist/{useSpring-9u2_shxV.js → useSpring-Aof0nTRt.js} +1 -1
- package/dist/useSpringMount-jgNkymRl.js +73 -0
- package/dist/wgpuSetup-CFuqd_RP.js +1278 -0
- package/package.json +8 -1
- package/dist/DialogContent-CwIBvou_.js +0 -157
- package/dist/DropdownMenuTrigger-CKRnhDSQ.js +0 -93
- package/dist/button-BOFTUPyU.js +0 -110
- package/dist/composables/motion/morph/eyeglass.d.ts +0 -141
- package/dist/expandable-container-CZUj9BzY.js +0 -142
- package/dist/glass-ui.css +0 -2
- package/dist/motion-BvV1_24p.js +0 -61
- package/dist/motionTempo-tscp92Nm.js +0 -7
- package/dist/participation-B7UFdgXB.js +0 -55
- package/dist/select-BiF0FCZf.js +0 -292
- package/dist/sheet-DmJxgAHc.js +0 -345
- package/dist/tabs-C5sC0fBE.js +0 -269
- package/dist/toggle-group-CC5b3o1R.js +0 -125
- package/dist/useScrollChrome-BJbWV32F.js +0 -162
- package/dist/useSelectionGroup-zsEwitF6.js +0 -291
- package/dist/useSpringMount-OA-0mTNv.js +0 -73
package/dist/sheet.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { n as e, r as t, t as n } from "./motion-
|
|
2
|
-
import { a as r, c as i, i as a, n as o, o as s, r as c, s as l, t as u } from "./sheet-
|
|
1
|
+
import { n as e, r as t, t as n } from "./motion-lHDAQHEE.js";
|
|
2
|
+
import { a as r, c as i, i as a, n as o, o as s, r as c, s as l, t as u } from "./sheet-DLqNUIZl.js";
|
|
3
3
|
export { u as SheetContent, c as nearestRung, a as projectRest, r as resolveRelease, n as scrimDetentOpacity, e as scrimOpacity, s as settleHorizon, t as sheetSlideTransform, l as springOmega, i as throwDistance, o as useSheetDetents };
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
1
|
+
import { n as e, s as t } from "./participation-C5y5VZTN.js";
|
|
2
|
+
import { t as n } from "./useMotionAxis-D-rtIhca.js";
|
|
3
3
|
import { t as r } from "./useDragVelocity-C5BkKiNf.js";
|
|
4
4
|
import { n as i } from "./valueDomain-DXRzfc8l.js";
|
|
5
5
|
import { Fragment as a, Teleport as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createVNode as f, defineComponent as p, mergeProps as m, nextTick as ee, normalizeClass as h, normalizeStyle as te, onBeforeUnmount as g, onMounted as _, openBlock as v, ref as y, renderList as b, unref as x, useAttrs as ne, useTemplateRef as S, watch as C, withCtx as w } from "vue";
|
|
6
6
|
import { SliderRange as re, SliderRoot as T, SliderThumb as E, SliderTrack as D, useForwardPropsEmits as O } from "reka-ui";
|
|
7
7
|
//#region src/components/dock/composables/useDockHold.ts
|
|
8
|
-
function k(
|
|
9
|
-
let i =
|
|
8
|
+
function k(n, r = {}) {
|
|
9
|
+
let i = t(), a = r.enabled ?? (() => !0), o = e(() => i, "grasp"), s = o.isHeld;
|
|
10
10
|
function c() {
|
|
11
11
|
a() && o.acquire();
|
|
12
12
|
}
|
|
@@ -19,7 +19,7 @@ function k(e, r = {}) {
|
|
|
19
19
|
}
|
|
20
20
|
let f = null;
|
|
21
21
|
return _(() => {
|
|
22
|
-
f =
|
|
22
|
+
f = n(), f && (f.addEventListener("pointerdown", d), f.addEventListener("touchstart", d, { passive: !0 }));
|
|
23
23
|
}), g(() => {
|
|
24
24
|
f && (f.removeEventListener("pointerdown", d), f.removeEventListener("touchstart", d)), typeof window < "u" && (window.removeEventListener("pointerup", u), window.removeEventListener("pointercancel", u), window.removeEventListener("blur", u)), l();
|
|
25
25
|
}), { isHeld: s };
|
|
@@ -59,8 +59,8 @@ var A = ["data-engaged"], j = ["data-engaged"], M = ["data-orientation", "data-i
|
|
|
59
59
|
required: { type: Boolean }
|
|
60
60
|
},
|
|
61
61
|
emits: ["update:modelValue", "valueCommit"],
|
|
62
|
-
setup(
|
|
63
|
-
let p =
|
|
62
|
+
setup(e, { emit: t }) {
|
|
63
|
+
let p = e, N = t, P = s(() => p.variant), ae = s(() => p.size), F = s(() => i(p.marks, p.min ?? 0, p.max ?? 100)), oe = O(s(() => {
|
|
64
64
|
let { class: e, variant: t, size: n, marks: r, invalid: i, motion: a, valueText: o, ...s } = p;
|
|
65
65
|
return {
|
|
66
66
|
...s,
|
|
@@ -83,7 +83,7 @@ var A = ["data-engaged"], j = ["data-engaged"], M = ["data-orientation", "data-i
|
|
|
83
83
|
isPrimary: e.isPrimary
|
|
84
84
|
}));
|
|
85
85
|
}
|
|
86
|
-
let B = S("loupeRef"), V =
|
|
86
|
+
let B = S("loupeRef"), V = n(() => p.motion);
|
|
87
87
|
r({
|
|
88
88
|
host: () => V.armed.value ? L() : null,
|
|
89
89
|
mirror: () => B.value,
|
package/dist/slider.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "./slider-
|
|
1
|
+
import { t as e } from "./slider-B4w12E_u.js";
|
|
2
2
|
export { e as Slider };
|
package/dist/sortable-list.js
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
|
-
import { t as e } from "./motionTempo-
|
|
1
|
+
import { t as e } from "./motionTempo-DXdVbCWr.js";
|
|
2
2
|
import { n as t } from "./springPresets-Cbe0Voqg.js";
|
|
3
3
|
import { n } from "./createContext-BhkE9mLH.js";
|
|
4
4
|
import { Fragment as r, computed as i, createElementBlock as a, createElementVNode as o, defineComponent as s, mergeProps as c, nextTick as l, onScopeDispose as u, onUnmounted as d, openBlock as f, renderSlot as p, shallowRef as m, toDisplayString as h, toRef as g, unref as _, useAttrs as v } from "vue";
|
|
5
5
|
import { SpringProgress as y } from "@mkbabb/keyframes.js";
|
|
6
|
+
import "./components/sortable-list/styles.css";
|
|
6
7
|
//#region src/components/sortable-list/context.ts
|
|
7
8
|
var b = n("glass-ui:sortable-list", "[glass-ui] <SortableItem> must be used inside <SortableList>"), x = b.provide, S = b.use, C = n("glass-ui:sortable-item", "[glass-ui] <SortableHandle> must be used inside <SortableItem>"), w = C.provide, T = C.use, ee = t("world").response * 1e3, E = 1.5, D = 900;
|
|
8
9
|
function O() {
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import "./status-dot.css";
|
|
1
2
|
import { t as e } from "./class-names-FlXcvRRT.js";
|
|
2
3
|
import { t } from "./_plugin-vue_export-helper-B3ysoDQm.js";
|
|
3
4
|
import { createElementBlock as n, createElementVNode as r, defineComponent as i, mergeProps as a, openBlock as o, unref as s } from "vue";
|
|
@@ -43,7 +44,7 @@ var c = [
|
|
|
43
44
|
"aria-hidden": "true"
|
|
44
45
|
}, null, 8, l)], 16, c));
|
|
45
46
|
}
|
|
46
|
-
}), [["__scopeId", "data-v-
|
|
47
|
+
}), [["__scopeId", "data-v-b4543870"]]), d = [
|
|
47
48
|
"active",
|
|
48
49
|
"idle",
|
|
49
50
|
"online",
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer theme, base, components, utilities;@layer components{.status-dot[data-v-b4543870]{--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-b4543870]{--feedback-mark-size:.625em}.status-dot[data-size=lg][data-v-b4543870]{--feedback-mark-size:.875em}.feedback-mark[data-v-b4543870]{--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-b4543870]:before,.feedback-mark[data-v-b4543870]:after{content:"";box-sizing:border-box;position:absolute}.feedback-mark[data-v-b4543870]:before{border-radius:var(--radius-circle);background:0 0;border:1px dashed;inset:0}.feedback-mark[data-v-b4543870]:after{border-radius:var(--radius-circle);background:currentColor;block-size:22%;inline-size:22%}.feedback-mark[data-state=unknown][data-v-b4543870],.feedback-mark[data-state=idle][data-v-b4543870]{--feedback-state-color:var(--muted-foreground)}.feedback-mark[data-state=idle][data-v-b4543870]:before{border-style:solid}.feedback-mark[data-state=idle][data-v-b4543870]:after{display:none}.feedback-mark[data-state=success][data-v-b4543870]{--feedback-state-color:var(--success);--feedback-state-ink:var(--success-foreground)}.feedback-mark[data-state=success][data-v-b4543870]:before{background:currentColor;border-style:solid}.feedback-mark[data-state=success][data-v-b4543870]: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-b4543870]{--feedback-state-color:var(--warning);--feedback-state-ink:var(--warning-foreground)}.feedback-mark[data-state=warning][data-v-b4543870]:before{background:currentColor;border-style:solid;border-radius:18%;inset:8%;rotate:45deg}.feedback-mark[data-state=warning][data-v-b4543870]:after{border-radius:var(--radius-pill);background:var(--feedback-state-ink);block-size:45%;inline-size:1px}.feedback-mark[data-state=error][data-v-b4543870]{--feedback-state-color:var(--destructive);--feedback-state-ink:var(--destructive-foreground)}.feedback-mark[data-state=error][data-v-b4543870]:before{background:currentColor;border-style:solid;border-radius:22%}.feedback-mark[data-state=error][data-v-b4543870]: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-b4543870]{--feedback-state-color:var(--success);--feedback-state-ink:var(--success-foreground)}.feedback-mark[data-state=online][data-v-b4543870]:before{background:currentColor;border-style:solid}.feedback-mark[data-state=online][data-v-b4543870]:after{border:1px solid var(--feedback-state-ink);border-radius:var(--radius-circle);background:0 0;block-size:auto;inline-size:auto;inset:29%}.feedback-mark[data-state=active][data-v-b4543870]{--feedback-state-color:var(--info);--feedback-state-ink:var(--info-foreground)}.feedback-mark[data-state=active][data-v-b4543870]:before{background:currentColor;border-style:solid}.feedback-mark[data-state=active][data-v-b4543870]:after{border-radius:var(--radius-circle);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-b4543870]:after{animation:feedback-mark-pulse-b4543870 1.8s var(--ease-out) infinite}@media (prefers-reduced-motion:reduce){.feedback-mark[data-state=active][data-motion][data-v-b4543870]:after{animation:none}}@media (forced-colors:active){.feedback-mark[data-v-b4543870]{--feedback-state-color:CanvasText;--feedback-state-ink:Canvas;forced-color-adjust:none;color:canvastext}.feedback-mark[data-v-b4543870]:before{background:canvas}.feedback-mark[data-state=unknown][data-v-b4543870]:after{background:canvastext}.feedback-mark[data-state=active][data-v-b4543870]:after,.feedback-mark[data-state=online][data-v-b4543870]:after{background:0 0;border-color:canvastext}}}@keyframes feedback-mark-pulse-b4543870{0%{opacity:.5;scale:.72}55%,to{opacity:0;scale:1.08}}
|
package/dist/status-dot.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as e, t } from "./status-dot-
|
|
1
|
+
import { n as e, t } from "./status-dot-BDZKcRxy.js";
|
|
2
2
|
export { t as STATUS_DOT_STATES, e as StatusDot };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:0}.start-2{inset-inline-start:calc(var(--spacing,0.25rem) * 2)}.top-0{top:0}.top-1{top:var(--spacing,0.25rem)}.top-1\/2{top:50%}.right-0{right:0}.right-1{right:var(--spacing,0.25rem)}.bottom-1{bottom:var(--spacing,0.25rem)}.left-0{left:0}.left-1{left:var(--spacing,0.25rem)}.left-1\/2{left:50%}.isolate{isolation:isolate}.z-modal{z-index:var(--z-modal)}.z-overlay{z-index:var(--z-overlay)}.z-popover{z-index:var(--z-popover)}.z-toast{z-index:var(--z-toast)}.z-tooltip{z-index:var(--z-tooltip)}.col-start-2{grid-column-start:2}.-mx-1{margin-inline:calc(var(--spacing,0.25rem) * -1)}.my-1{margin-block:var(--spacing,0.25rem)}.mt-4{margin-top:calc(var(--spacing,0.25rem) * 4)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.table-cell{display:table-cell}.aspect-square{aspect-ratio:1}.size-4{width:calc(var(--spacing,0.25rem) * 4);height:calc(var(--spacing,0.25rem) * 4)}.size-6{width:calc(var(--spacing,0.25rem) * 6);height:calc(var(--spacing,0.25rem) * 6)}.size-8{width:calc(var(--spacing,0.25rem) * 8);height:calc(var(--spacing,0.25rem) * 8)}.size-10{width:calc(var(--spacing,0.25rem) * 10);height:calc(var(--spacing,0.25rem) * 10)}.size-12{width:calc(var(--spacing,0.25rem) * 12);height:calc(var(--spacing,0.25rem) * 12)}.size-full{width:100%;height:100%}.h-\(--control-h-md\){height:var(--control-h-md)}.h-2{height:calc(var(--spacing,0.25rem) * 2)}.h-3{height:calc(var(--spacing,0.25rem) * 3)}.h-3\.5{height:calc(var(--spacing,0.25rem) * 3.5)}.h-4{height:calc(var(--spacing,0.25rem) * 4)}.h-6{height:calc(var(--spacing,0.25rem) * 6)}.h-\[calc\(2rem\*var\(--ui-scale\)\)\]{height:calc(2rem * var(--ui-scale))}.h-full{height:100%}.h-px{height:1px}.max-h-\[calc\(100dvh-2rem\)\]{max-height:calc(100dvh - 2rem)}.max-h-\[inherit\]{max-height:inherit}.max-h-screen{max-height:100vh}.min-h-0{min-height:0}.min-h-4{min-height:calc(var(--spacing,0.25rem) * 4)}.min-h-11{min-height:calc(var(--spacing,0.25rem) * 11)}.w-2{width:calc(var(--spacing,0.25rem) * 2)}.w-3{width:calc(var(--spacing,0.25rem) * 3)}.w-3\.5{width:calc(var(--spacing,0.25rem) * 3.5)}.w-3\/4{width:75%}.w-4{width:calc(var(--spacing,0.25rem) * 4)}.w-6{width:calc(var(--spacing,0.25rem) * 6)}.w-36{width:calc(var(--spacing,0.25rem) * 36)}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.min-w-\(--overlay-min-width\){min-width:var(--overlay-min-width)}.min-w-\(--reka-select-trigger-width\){min-width:var(--reka-select-trigger-width)}.min-w-0{min-width:0}.min-w-16{min-width:calc(var(--spacing,0.25rem) * 16)}.min-w-40{min-width:calc(var(--spacing,0.25rem) * 40)}.min-w-input-sm{min-width:var(--input-min-width-sm)}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.caption-bottom{caption-side:bottom}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-\(--scale-press\){scale:var(--scale-press)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize{resize:both}.scrollbar-thin{scrollbar-width:thin}.grid-cols-\[0_1fr\]{grid-template-columns:0 1fr}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-items-start{justify-items:start}.gap-0\.5{gap:calc(var(--spacing,0.25rem) * .5)}.gap-1{gap:var(--spacing,0.25rem)}.gap-1\.5{gap:calc(var(--spacing,0.25rem) * 1.5)}.gap-2{gap:calc(var(--spacing,0.25rem) * 2)}.gap-3{gap:calc(var(--spacing,0.25rem) * 3)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing,0.25rem) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing,0.25rem) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-x-4>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing,0.25rem) * 4) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing,0.25rem) * 4) * calc(1 - var(--tw-space-x-reverse)))}.gap-y-0\.5{row-gap:calc(var(--spacing,0.25rem) * .5)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:var(--radius)}.rounded-badge{border-radius:var(--radius-badge)}.rounded-button{border-radius:var(--radius-button)}.rounded-card{border-radius:var(--radius-card)}.rounded-panel{border-radius:var(--radius-panel)}.rounded-pill{border-radius:var(--radius-pill)}.rounded-s{border-start-start-radius:var(--radius);border-end-start-radius:var(--radius)}.rounded-ss{border-start-start-radius:var(--radius)}.rounded-e{border-start-end-radius:var(--radius);border-end-end-radius:var(--radius)}.rounded-se{border-start-end-radius:var(--radius)}.rounded-ee{border-end-end-radius:var(--radius)}.rounded-es{border-end-start-radius:var(--radius)}.rounded-t{border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}.rounded-l{border-top-left-radius:var(--radius);border-bottom-left-radius:var(--radius)}.rounded-tl{border-top-left-radius:var(--radius)}.rounded-r{border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius)}.rounded-tr{border-top-right-radius:var(--radius)}.rounded-b{border-bottom-right-radius:var(--radius);border-bottom-left-radius:var(--radius)}.rounded-br{border-bottom-right-radius:var(--radius)}.rounded-bl{border-bottom-left-radius:var(--radius)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-border,.border-border\/60{border-color:var(--border)}@supports (color:color-mix(in lab,red,red)){.border-border\/60{border-color:color-mix(in oklab,var(--border) 60%,transparent)}}.bg-current{background-color:currentColor}.bg-destructive{background-color:var(--destructive)}.bg-info{background-color:var(--info)}.bg-overlay-scrim{background-color:var(--overlay-scrim)}.bg-primary{background-color:var(--primary)}.bg-secondary{background-color:var(--secondary)}.bg-success{background-color:var(--success)}.bg-transparent{background-color:#0000}.bg-warning{background-color:var(--warning)}.fill-foreground{fill:var(--foreground)}.fill-muted-foreground\/50{fill:var(--muted-foreground)}@supports (color:color-mix(in lab,red,red)){.fill-muted-foreground\/50{fill:color-mix(in oklab,var(--muted-foreground) 50%,transparent)}}.stroke-background{stroke:var(--background)}.stroke-border,.stroke-border\/40{stroke:var(--border)}@supports (color:color-mix(in lab,red,red)){.stroke-border\/40{stroke:color-mix(in oklab,var(--border) 40%,transparent)}}.stroke-muted-foreground\/30{stroke:var(--muted-foreground)}@supports (color:color-mix(in lab,red,red)){.stroke-muted-foreground\/30{stroke:color-mix(in oklab,var(--muted-foreground) 30%,transparent)}}.stroke-muted-foreground\/50{stroke:var(--muted-foreground)}@supports (color:color-mix(in lab,red,red)){.stroke-muted-foreground\/50{stroke:color-mix(in oklab,var(--muted-foreground) 50%,transparent)}}.p-0{padding:0}.p-1{padding:var(--spacing,0.25rem)}.p-3{padding:calc(var(--spacing,0.25rem) * 3)}.p-4{padding:calc(var(--spacing,0.25rem) * 4)}.px-\(--overlay-pad-inline\){padding-inline:var(--overlay-pad-inline)}.px-1{padding-inline:var(--spacing,0.25rem)}.px-2{padding-inline:calc(var(--spacing,0.25rem) * 2)}.px-2\.5{padding-inline:calc(var(--spacing,0.25rem) * 2.5)}.px-3{padding-inline:calc(var(--spacing,0.25rem) * 3)}.px-3\.5{padding-inline:calc(var(--spacing,0.25rem) * 3.5)}.px-4{padding-inline:calc(var(--spacing,0.25rem) * 4)}.px-5{padding-inline:calc(var(--spacing,0.25rem) * 5)}.py-\(--overlay-pad-block\){padding-block:var(--overlay-pad-block)}.py-0\.5{padding-block:calc(var(--spacing,0.25rem) * .5)}.py-1{padding-block:var(--spacing,0.25rem)}.py-1\.5{padding-block:calc(var(--spacing,0.25rem) * 1.5)}.py-2{padding-block:calc(var(--spacing,0.25rem) * 2)}.py-2\.5{padding-block:calc(var(--spacing,0.25rem) * 2.5)}.py-3{padding-block:calc(var(--spacing,0.25rem) * 3)}.py-4{padding-block:calc(var(--spacing,0.25rem) * 4)}.py-10{padding-block:calc(var(--spacing,0.25rem) * 10)}.ps-7{padding-inline-start:calc(var(--spacing,0.25rem) * 7)}.pe-2{padding-inline-end:calc(var(--spacing,0.25rem) * 2)}.text-center{text-align:center}.text-left{text-align:left}.align-middle{vertical-align:middle}.font-mono{font-family:var(--font-stack-mono)}.font-sans{font-family:var(--font-stack-sans)}.text-base{font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)))}.text-\[length\:var\(--control-label\)\]{font-size:var(--control-label)}.text-\[length\:var\(--control-text\)\]{font-size:var(--control-text)}.text-\[length\:var\(--type-body\)\]{font-size:var(--type-body)}.text-\[length\:var\(--type-caption\)\],.text-caption{font-size:var(--type-caption)}.text-dropdown{font-size:var(--dropdown-text)}.text-dropdown-secondary{font-size:var(--dropdown-text-secondary)}.text-micro{font-size:var(--type-micro)}.text-small{font-size:var(--type-small)}.leading-\[1\.1\]{--tw-leading:1.1;line-height:1.1}.leading-snug{--tw-leading:var(--leading-snug,1.375);line-height:var(--leading-snug,1.375)}.font-medium{--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}.font-normal{--tw-font-weight:var(--font-weight-normal,400);font-weight:var(--font-weight-normal,400)}.font-semibold{--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600)}.tracking-tight{--tw-tracking:var(--type-tracking-tight);letter-spacing:var(--type-tracking-tight)}.whitespace-nowrap{white-space:nowrap}.text-\(--easing-curve-accent\){color:var(--easing-curve-accent)}.text-card-foreground{color:var(--card-foreground)}.text-destructive{color:var(--destructive)}.text-destructive-foreground{color:var(--destructive-foreground)}.text-foreground{color:var(--foreground)}.text-info-foreground{color:var(--info-foreground)}.text-muted-foreground,.text-muted-foreground\/60{color:var(--muted-foreground)}@supports (color:color-mix(in lab,red,red)){.text-muted-foreground\/60{color:color-mix(in oklab,var(--muted-foreground) 60%,transparent)}}.text-popover-foreground{color:var(--popover-foreground)}.text-primary-foreground{color:var(--primary-foreground)}.text-secondary-foreground{color:var(--secondary-foreground)}.text-shadow{color:var(--shadow)}.text-success-foreground{color:var(--success-foreground)}.text-warning-foreground{color:var(--warning-foreground)}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.opacity-\(--select-chevron-opacity\){opacity:var(--select-chevron-opacity)}.opacity-90{opacity:.9}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(0.4,0,0.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,var(--duration-fast,150ms)))}.transition-\[clip-path\]{transition-property:clip-path;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(0.4,0,0.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,var(--duration-fast,150ms)))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(0.4,0,0.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,var(--duration-fast,150ms)))}.duration-0{--tw-duration:0s;transition-duration:0s}.duration-slow{--tw-duration:var(--duration-slow);transition-duration:var(--duration-slow)}.ease-in{--tw-ease:var(--motion-ease-in);transition-timing-function:var(--motion-ease-in)}.ease-out-expo{--tw-ease:var(--motion-ease-out-expo);transition-timing-function:var(--motion-ease-out-expo)}.select-none{-webkit-user-select:none;user-select:none}.select-text{-webkit-user-select:text;user-select:text}.\[--corner-affordance-host-border\:1px\]{--corner-affordance-host-border:1px}.\[--glass-specular-intensity-hover\:0\]{--glass-specular-intensity-hover:0}.\[--mark-pad-block\:--spacing\(1\)\]{--mark-pad-block:var(--spacing,0.25rem)}.\[--mark-pad-block\:--spacing\(2\)\]{--mark-pad-block:calc(var(--spacing,0.25rem) * 2)}.\[--mark-pad-inline\:--spacing\(2\)\]{--mark-pad-inline:calc(var(--spacing,0.25rem) * 2)}.\[--mark-pad-inline\:--spacing\(3\)\]{--mark-pad-inline:calc(var(--spacing,0.25rem) * 3)}.\[--overlay-pad-block\:calc\(var\(--overlay-pad-inline\)\*1\.272\)\]{--overlay-pad-block:calc(var(--overlay-pad-inline) * 1.272)}.\[--overlay-pad-inline\:--spacing\(6\)\]{--overlay-pad-inline:calc(var(--spacing,0.25rem) * 6)}.group-data-\[state\=open\]\:rotate-180:is(:where(.group)[data-state=open] *){rotate:180deg}.group-\[\.destructive\]\:border-muted\/40:is(:where(.group).destructive *){border-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.group-\[\.destructive\]\:border-muted\/40:is(:where(.group).destructive *){border-color:color-mix(in oklab,var(--muted) 40%,transparent)}}.placeholder\:text-muted-foreground::placeholder{color:var(--muted-foreground)}.user-invalid\:border-\(--destructive\):user-invalid{border-color:var(--destructive)}@media (hover:hover){.hover\:bg-secondary:hover{background-color:var(--secondary)}.group-\[\.destructive\]\:hover\:border-destructive\/30:is(:where(.group).destructive *):hover{border-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.group-\[\.destructive\]\:hover\:border-destructive\/30:is(:where(.group).destructive *):hover{border-color:color-mix(in oklab,var(--destructive) 30%,transparent)}}.group-\[\.destructive\]\:hover\:bg-destructive:is(:where(.group).destructive *):hover{background-color:var(--destructive)}.group-\[\.destructive\]\:hover\:text-destructive-foreground:is(:where(.group).destructive *):hover{color:var(--destructive-foreground)}}.focus-visible\:user-invalid\:shadow-\(--invalid-ring\):focus-visible:user-invalid{--tw-shadow:var(--invalid-ring);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-disabled:disabled{opacity:var(--opacity-disabled)}:where([data-state=open]) .in-data-\[state\=open\]\:rotate-180{rotate:180deg}.aria-invalid\:border-\(--destructive\)[aria-invalid=true]{border-color:var(--destructive)}.focus-visible\:aria-invalid\:shadow-\(--invalid-ring\):focus-visible[aria-invalid=true]{--tw-shadow:var(--invalid-ring);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.data-\[align\=center\]\:text-center[data-align=center]{text-align:center}.data-\[align\=right\]\:text-right[data-align=right]{text-align:right}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:cursor-not-allowed[data-disabled]{cursor:not-allowed}.data-\[disabled\]\:opacity-disabled[data-disabled]{opacity:var(--opacity-disabled)}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:var(--spacing,0.25rem);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x:calc(var(--spacing,0.25rem) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x:var(--spacing,0.25rem);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:calc(var(--spacing,0.25rem) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel]{--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[swipe\=end\]\:translate-x-\(--reka-toast-swipe-end-x\)[data-swipe=end]{--tw-translate-x:var(--reka-toast-swipe-end-x);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[swipe\=move\]\:translate-x-\(--reka-toast-swipe-move-x\)[data-swipe=move]{--tw-translate-x:var(--reka-toast-swipe-move-x);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[swipe\=move\]\:transition-none[data-swipe=move]{transition-property:none}@media (prefers-reduced-motion:reduce){.motion-reduce\:transition-none{transition-property:none}}@media (min-width:40rem){.sm\:top-auto{top:auto}.sm\:right-0{right:0}.sm\:bottom-0{bottom:0}.sm\:left-0{left:0}.sm\:left-1\/2{left:50%}.sm\:-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.sm\:flex-col{flex-direction:column}}@media (min-width:48rem){.md\:max-w-\[420px\]{max-width:420px}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial}}
|
|
1
|
+
.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:0}.start-2{inset-inline-start:calc(var(--spacing,0.25rem) * 2)}.top-0{top:0}.top-1{top:var(--spacing,0.25rem)}.top-1\/2{top:50%}.right-0{right:0}.right-1{right:var(--spacing,0.25rem)}.bottom-1{bottom:var(--spacing,0.25rem)}.left-0{left:0}.left-1{left:var(--spacing,0.25rem)}.left-1\/2{left:50%}.isolate{isolation:isolate}.z-modal{z-index:var(--z-modal)}.z-overlay{z-index:var(--z-overlay)}.z-popover{z-index:var(--z-popover)}.z-toast{z-index:var(--z-toast)}.z-tooltip{z-index:var(--z-tooltip)}.col-start-2{grid-column-start:2}.-mx-1{margin-inline:calc(var(--spacing,0.25rem) * -1)}.my-1{margin-block:var(--spacing,0.25rem)}.mt-4{margin-top:calc(var(--spacing,0.25rem) * 4)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.table-cell{display:table-cell}.aspect-square{aspect-ratio:1}.size-4{width:calc(var(--spacing,0.25rem) * 4);height:calc(var(--spacing,0.25rem) * 4)}.size-6{width:calc(var(--spacing,0.25rem) * 6);height:calc(var(--spacing,0.25rem) * 6)}.size-8{width:calc(var(--spacing,0.25rem) * 8);height:calc(var(--spacing,0.25rem) * 8)}.size-10{width:calc(var(--spacing,0.25rem) * 10);height:calc(var(--spacing,0.25rem) * 10)}.size-12{width:calc(var(--spacing,0.25rem) * 12);height:calc(var(--spacing,0.25rem) * 12)}.size-full{width:100%;height:100%}.table-head{height:var(--table-head-h,3rem);padding-inline:var(--table-head-px,1rem)}.h-\(--control-h-md\){height:var(--control-h-md)}.h-2{height:calc(var(--spacing,0.25rem) * 2)}.h-3{height:calc(var(--spacing,0.25rem) * 3)}.h-3\.5{height:calc(var(--spacing,0.25rem) * 3.5)}.h-4{height:calc(var(--spacing,0.25rem) * 4)}.h-6{height:calc(var(--spacing,0.25rem) * 6)}.h-\[calc\(2rem\*var\(--ui-scale\)\)\]{height:calc(2rem * var(--ui-scale))}.h-full{height:100%}.h-px{height:1px}.max-h-\[calc\(100dvh-2rem\)\]{max-height:calc(100dvh - 2rem)}.max-h-screen{max-height:100vh}.min-h-0{min-height:0}.min-h-4{min-height:calc(var(--spacing,0.25rem) * 4)}.min-h-11{min-height:calc(var(--spacing,0.25rem) * 11)}.w-2{width:calc(var(--spacing,0.25rem) * 2)}.w-3{width:calc(var(--spacing,0.25rem) * 3)}.w-3\.5{width:calc(var(--spacing,0.25rem) * 3.5)}.w-3\/4{width:75%}.w-4{width:calc(var(--spacing,0.25rem) * 4)}.w-6{width:calc(var(--spacing,0.25rem) * 6)}.w-36{width:calc(var(--spacing,0.25rem) * 36)}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.min-w-\(--overlay-min-width\){min-width:var(--overlay-min-width)}.min-w-\(--reka-select-trigger-width\){min-width:var(--reka-select-trigger-width)}.min-w-0{min-width:0}.min-w-16{min-width:calc(var(--spacing,0.25rem) * 16)}.min-w-40{min-width:calc(var(--spacing,0.25rem) * 40)}.min-w-input-sm{min-width:var(--input-min-width-sm)}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.caption-bottom{caption-side:bottom}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-\(--scale-press\){scale:var(--scale-press)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.sheet-animate[data-state=closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);--tw-duration:calc(var(--duration-fast) * var(--motion-tempo));transition-duration:calc(var(--duration-fast) * var(--motion-tempo));--tw-exit-opacity:0}.sheet-animate[data-state=open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);--tw-duration:calc(var(--duration-panel) * var(--motion-tempo));transition-duration:calc(var(--duration-panel) * var(--motion-tempo));--tw-enter-opacity:0}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize{resize:both}.scrollbar-thin{scrollbar-width:thin}.grid-cols-\[0_1fr\]{grid-template-columns:0 1fr}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-items-start{justify-items:start}.gap-0\.5{gap:calc(var(--spacing,0.25rem) * .5)}.gap-1{gap:var(--spacing,0.25rem)}.gap-1\.5{gap:calc(var(--spacing,0.25rem) * 1.5)}.gap-2{gap:calc(var(--spacing,0.25rem) * 2)}.gap-3{gap:calc(var(--spacing,0.25rem) * 3)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing,0.25rem) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing,0.25rem) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-x-4>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing,0.25rem) * 4) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing,0.25rem) * 4) * calc(1 - var(--tw-space-x-reverse)))}.gap-y-0\.5{row-gap:calc(var(--spacing,0.25rem) * .5)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:var(--radius)}.rounded-badge{border-radius:var(--radius-badge)}.rounded-button{border-radius:var(--radius-button)}.rounded-card{border-radius:var(--radius-card)}.rounded-panel{border-radius:var(--radius-panel)}.rounded-pill{border-radius:var(--radius-pill)}.rounded-s{border-start-start-radius:var(--radius);border-end-start-radius:var(--radius)}.rounded-ss{border-start-start-radius:var(--radius)}.rounded-e{border-start-end-radius:var(--radius);border-end-end-radius:var(--radius)}.rounded-se{border-start-end-radius:var(--radius)}.rounded-ee{border-end-end-radius:var(--radius)}.rounded-es{border-end-start-radius:var(--radius)}.rounded-t{border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}.rounded-t-card{border-top-left-radius:var(--radius-card);border-top-right-radius:var(--radius-card)}.rounded-l{border-top-left-radius:var(--radius);border-bottom-left-radius:var(--radius)}.rounded-tl{border-top-left-radius:var(--radius)}.rounded-r{border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius)}.rounded-tr{border-top-right-radius:var(--radius)}.rounded-b{border-bottom-right-radius:var(--radius);border-bottom-left-radius:var(--radius)}.rounded-br{border-bottom-right-radius:var(--radius)}.rounded-bl{border-bottom-left-radius:var(--radius)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-border,.border-border\/60{border-color:var(--border)}@supports (color:color-mix(in lab,red,red)){.border-border\/60{border-color:color-mix(in oklab,var(--border) 60%,transparent)}}.bg-current{background-color:currentColor}.bg-destructive{background-color:var(--destructive)}.bg-info{background-color:var(--info)}.bg-overlay-scrim{background-color:var(--overlay-scrim)}.bg-primary{background-color:var(--primary)}.bg-secondary{background-color:var(--secondary)}.bg-success{background-color:var(--success)}.bg-transparent{background-color:#0000}.bg-warning{background-color:var(--warning)}.fill-foreground{fill:var(--foreground)}.fill-muted-foreground\/50{fill:var(--muted-foreground)}@supports (color:color-mix(in lab,red,red)){.fill-muted-foreground\/50{fill:color-mix(in oklab,var(--muted-foreground) 50%,transparent)}}.stroke-background{stroke:var(--background)}.stroke-border,.stroke-border\/40{stroke:var(--border)}@supports (color:color-mix(in lab,red,red)){.stroke-border\/40{stroke:color-mix(in oklab,var(--border) 40%,transparent)}}.stroke-muted-foreground\/30{stroke:var(--muted-foreground)}@supports (color:color-mix(in lab,red,red)){.stroke-muted-foreground\/30{stroke:color-mix(in oklab,var(--muted-foreground) 30%,transparent)}}.stroke-muted-foreground\/50{stroke:var(--muted-foreground)}@supports (color:color-mix(in lab,red,red)){.stroke-muted-foreground\/50{stroke:color-mix(in oklab,var(--muted-foreground) 50%,transparent)}}.p-0{padding:0}.p-1{padding:var(--spacing,0.25rem)}.p-3{padding:calc(var(--spacing,0.25rem) * 3)}.p-4{padding:calc(var(--spacing,0.25rem) * 4)}.table-cell{padding-inline:var(--table-cell-px,1rem);padding-block:var(--table-cell-py,1rem)}.px-\(--overlay-pad-inline\){padding-inline:var(--overlay-pad-inline)}.px-1{padding-inline:var(--spacing,0.25rem)}.px-2{padding-inline:calc(var(--spacing,0.25rem) * 2)}.px-2\.5{padding-inline:calc(var(--spacing,0.25rem) * 2.5)}.px-3{padding-inline:calc(var(--spacing,0.25rem) * 3)}.px-3\.5{padding-inline:calc(var(--spacing,0.25rem) * 3.5)}.px-4{padding-inline:calc(var(--spacing,0.25rem) * 4)}.px-5{padding-inline:calc(var(--spacing,0.25rem) * 5)}.py-\(--overlay-pad-block\){padding-block:var(--overlay-pad-block)}.py-0\.5{padding-block:calc(var(--spacing,0.25rem) * .5)}.py-1{padding-block:var(--spacing,0.25rem)}.py-1\.5{padding-block:calc(var(--spacing,0.25rem) * 1.5)}.py-2{padding-block:calc(var(--spacing,0.25rem) * 2)}.py-2\.5{padding-block:calc(var(--spacing,0.25rem) * 2.5)}.py-3{padding-block:calc(var(--spacing,0.25rem) * 3)}.py-4{padding-block:calc(var(--spacing,0.25rem) * 4)}.py-10{padding-block:calc(var(--spacing,0.25rem) * 10)}.ps-7{padding-inline-start:calc(var(--spacing,0.25rem) * 7)}.pe-2{padding-inline-end:calc(var(--spacing,0.25rem) * 2)}.text-center{text-align:center}.text-left{text-align:left}.align-middle{vertical-align:middle}.text-caption{font-family:var(--font-text);font-size:var(--type-caption);line-height:var(--type-leading-caption);font-weight:400}.text-small{font-family:var(--font-text);font-size:var(--type-small);line-height:var(--type-leading-small);font-weight:400}.text-mono-caption{font-family:var(--font-mono);font-size:var(--type-caption);letter-spacing:var(--type-tracking-caps);text-transform:uppercase}.font-mono{font-family:var(--font-stack-mono)}.font-sans{font-family:var(--font-stack-sans)}.text-base{font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)))}.text-micro{font-size:var(--type-micro);line-height:1.25}.text-\[length\:var\(--control-label\)\]{font-size:var(--control-label)}.text-\[length\:var\(--control-text\)\]{font-size:var(--control-text)}.text-\[length\:var\(--type-body\)\]{font-size:var(--type-body)}.text-\[length\:var\(--type-caption\)\],.text-caption{font-size:var(--type-caption)}.text-dropdown{font-size:var(--dropdown-text)}.text-dropdown-secondary{font-size:var(--dropdown-text-secondary)}.text-micro{font-size:var(--type-micro)}.text-small{font-size:var(--type-small)}.leading-\[1\.1\]{--tw-leading:1.1;line-height:1.1}.leading-snug{--tw-leading:var(--leading-snug,1.375);line-height:var(--leading-snug,1.375)}.font-medium{--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}.font-normal{--tw-font-weight:var(--font-weight-normal,400);font-weight:var(--font-weight-normal,400)}.font-semibold{--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600)}.tracking-tight{--tw-tracking:var(--type-tracking-tight);letter-spacing:var(--type-tracking-tight)}.whitespace-nowrap{white-space:nowrap}.text-\(--easing-curve-accent\){color:var(--easing-curve-accent)}.text-card-foreground{color:var(--card-foreground)}.text-destructive{color:var(--destructive)}.text-destructive-foreground{color:var(--destructive-foreground)}.text-foreground{color:var(--foreground)}.text-info-foreground{color:var(--info-foreground)}.text-muted-foreground,.text-muted-foreground\/60{color:var(--muted-foreground)}@supports (color:color-mix(in lab,red,red)){.text-muted-foreground\/60{color:color-mix(in oklab,var(--muted-foreground) 60%,transparent)}}.text-popover-foreground{color:var(--popover-foreground)}.text-primary-foreground{color:var(--primary-foreground)}.text-secondary-foreground{color:var(--secondary-foreground)}.text-shadow{color:var(--shadow)}.text-success-foreground{color:var(--success-foreground)}.text-warning-foreground{color:var(--warning-foreground)}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.opacity-\(--select-chevron-opacity\){opacity:var(--select-chevron-opacity)}.opacity-90{opacity:.9}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-cartoon{box-shadow:var(--shadow-cartoon)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(0.4,0,0.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,var(--duration-fast,150ms)))}.transition-\[clip-path\]{transition-property:clip-path;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(0.4,0,0.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,var(--duration-fast,150ms)))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(0.4,0,0.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,var(--duration-fast,150ms)))}.transition-control{transition-property:background-color,color,box-shadow,border-color;transition-duration:var(--duration-control);transition-timing-function:var(--ease-standard)}.duration-0{--tw-duration:0s;transition-duration:0s}.duration-slow{--tw-duration:var(--duration-slow);transition-duration:var(--duration-slow)}.ease-in{--tw-ease:var(--motion-ease-in);transition-timing-function:var(--motion-ease-in)}.ease-out-expo{--tw-ease:var(--motion-ease-out-expo);transition-timing-function:var(--motion-ease-out-expo)}.glass-plate{--glass-veil-rest:clamp(var(--glass-veil-tier,var(--glass-veil-resting)),calc(var(--glass-veil-tier,var(--glass-veil-resting)) + 2 * var(--glass-veil-step) * max(0,(var(--glass-backdrop-luma,0) - var(--glass-backdrop-luma-knee)) / (1 - var(--glass-backdrop-luma-knee)))),calc(var(--glass-veil-tier,var(--glass-veil-resting)) + 2 * var(--glass-veil-step)));--glass-veil-rung:var(--glass-veil-rest);--glass-veil:oklch(from var(--glass-veil-ink) l c h / var(--glass-veil-rung))}@supports (color:color-mix(in lab,red,red)){.glass-plate{--glass-veil:color-mix(in srgb,oklch(from var(--glass-veil-ink) l c h / var(--glass-veil-rung)) calc(var(--glass-level) * 100%),var(--card))}}.glass-plate{background:var(--glass-veil)}.select-none{-webkit-user-select:none;user-select:none}.select-text{-webkit-user-select:text;user-select:text}.\[--corner-affordance-host-border\:1px\]{--corner-affordance-host-border:1px}.\[--glass-specular-intensity-hover\:0\]{--glass-specular-intensity-hover:0}.\[--mark-pad-block\:--spacing\(1\)\]{--mark-pad-block:var(--spacing,0.25rem)}.\[--mark-pad-block\:--spacing\(2\)\]{--mark-pad-block:calc(var(--spacing,0.25rem) * 2)}.\[--mark-pad-inline\:--spacing\(2\)\]{--mark-pad-inline:calc(var(--spacing,0.25rem) * 2)}.\[--mark-pad-inline\:--spacing\(3\)\]{--mark-pad-inline:calc(var(--spacing,0.25rem) * 3)}.\[--overlay-pad-block\:calc\(var\(--overlay-pad-inline\)\*1\.272\)\]{--overlay-pad-block:calc(var(--overlay-pad-inline) * 1.272)}.\[--overlay-pad-inline\:--spacing\(6\)\]{--overlay-pad-inline:calc(var(--spacing,0.25rem) * 6)}.transition-disclosure{transition:rotate var(--spring-present-duration) var(--ease-cartoon-punch)}.group-data-\[state\=open\]\:rotate-180:is(:where(.group)[data-state=open] *){rotate:180deg}.group-\[\.destructive\]\:border-muted\/40:is(:where(.group).destructive *){border-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.group-\[\.destructive\]\:border-muted\/40:is(:where(.group).destructive *){border-color:color-mix(in oklab,var(--muted) 40%,transparent)}}.placeholder\:text-muted-foreground::placeholder{color:var(--muted-foreground)}.user-invalid\:border-\(--destructive\):user-invalid{border-color:var(--destructive)}@media (hover:hover){.hover\:bg-secondary:hover{background-color:var(--secondary)}.group-\[\.destructive\]\:hover\:border-destructive\/30:is(:where(.group).destructive *):hover{border-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.group-\[\.destructive\]\:hover\:border-destructive\/30:is(:where(.group).destructive *):hover{border-color:color-mix(in oklab,var(--destructive) 30%,transparent)}}.group-\[\.destructive\]\:hover\:bg-destructive:is(:where(.group).destructive *):hover{background-color:var(--destructive)}.group-\[\.destructive\]\:hover\:text-destructive-foreground:is(:where(.group).destructive *):hover{color:var(--destructive-foreground)}}.focus-visible\:user-invalid\:shadow-\(--invalid-ring\):focus-visible:user-invalid{--tw-shadow:var(--invalid-ring);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-disabled:disabled{opacity:var(--opacity-disabled)}:where([data-state=open]) .in-data-\[state\=open\]\:rotate-180{rotate:180deg}.aria-invalid\:border-\(--destructive\)[aria-invalid=true]{border-color:var(--destructive)}.focus-visible\:aria-invalid\:shadow-\(--invalid-ring\):focus-visible[aria-invalid=true]{--tw-shadow:var(--invalid-ring);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.data-\[align\=center\]\:text-center[data-align=center]{text-align:center}.data-\[align\=right\]\:text-right[data-align=right]{text-align:right}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:cursor-not-allowed[data-disabled]{cursor:not-allowed}.data-\[disabled\]\:opacity-disabled[data-disabled]{opacity:var(--opacity-disabled)}.data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel]{--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[swipe\=end\]\:translate-x-\(--reka-toast-swipe-end-x\)[data-swipe=end]{--tw-translate-x:var(--reka-toast-swipe-end-x);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[swipe\=move\]\:translate-x-\(--reka-toast-swipe-move-x\)[data-swipe=move]{--tw-translate-x:var(--reka-toast-swipe-move-x);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[swipe\=move\]\:transition-none[data-swipe=move]{transition-property:none}@media (prefers-reduced-motion:reduce){.motion-reduce\:transition-none{transition-property:none}}@media (min-width:40rem){.sm\:top-auto{top:auto}.sm\:right-0{right:0}.sm\:bottom-0{bottom:0}.sm\:left-0{left:0}.sm\:left-1\/2{left:50%}.sm\:-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.sm\:flex-col{flex-direction:column}}@media (min-width:48rem){.md\:max-w-\[420px\]{max-width:420px}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-duration:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer components{.glass-capsule{background: var( --glass-capsule-fill,color-mix( in oklab,var(--glass-veil),var(--glass-capsule-warm) var(--glass-capsule-warm-floor) ) );-webkit-backdrop-filter: var(--glass-blur-floating);backdrop-filter: var(--glass-blur-floating);box-shadow: var(--glass-rim-top),var(--glass-rim-bottom),var(--glass-shadow-capsule);border-radius: var(--radius-pill);}.glass-capsule-track{background: var(--glass-plate-quiet);-webkit-backdrop-filter: var(--glass-blur-quiet);backdrop-filter: var(--glass-blur-quiet);box-shadow: var(--glass-rim-top),var(--glass-rim-bottom),inset 0 1px 2px var(--tab-track-recess-ink);}.glass-capsule-hover{transition:
|
|
1
|
+
@layer components{.glass-capsule{background: var( --glass-capsule-fill,color-mix( in oklab,var(--glass-veil),var(--glass-capsule-warm) var(--glass-capsule-warm-floor) ) );-webkit-backdrop-filter: var(--glass-blur-floating);backdrop-filter: var(--glass-blur-floating);box-shadow: var(--glass-rim-top),var(--glass-rim-bottom),var(--glass-shadow-capsule);border-radius: var(--radius-pill);}.glass-capsule-track{background: var(--glass-plate-quiet);-webkit-backdrop-filter: var(--glass-blur-quiet);backdrop-filter: var(--glass-blur-quiet);box-shadow: var(--glass-rim-top),var(--glass-rim-bottom),inset 0 1px 2px var(--tab-track-recess-ink);}.glass-capsule-hover{transition: --specular-intensity var(--duration-fast) var(--ease-standard);}@media (hover: hover){.glass-capsule-hover:hover{--glass-specular-intensity-hover: var(--glass-specular-capsule-hover);}}.glass-dock :is(.glass-capsule,.glass-capsule-hover){background-clip: content-box;}.glass-dock .dock-icon-button{padding: var(--dock-icon-padding,var(--dock-control-safe-inset,0));}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@property --chip-flood-t{syntax: "<number>";inherits: true;initial-value: 0;}@layer components{.glass-chip{--chip-tint-floor: 12%;--accent-band-strength: max(18%,calc(var(--chip-tint-floor) + 10%));position: relative;isolation: isolate;background-image: linear-gradient( var(--glass-fill-tinted),var(--glass-fill-tinted) );transition: background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard);}.dark .glass-chip{--chip-tint-floor: 15%;}.glass-chip--interactive{scale: calc(1 + 0.12 * var(--chip-flood-t) * var(--motion-weight,0.618));transition: scale var(--duration-normal) var(--ease-cartoon-punch),background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard);}.glass-chip[data-mode="selectable"][data-state="on"]{--chip-flood-t: 1;background-color: var(--accent-band);border-color: var(--accent-edge);color: var(--accent-ink);}.glass-chip[data-mode="selectable"]::after{content: "";position: absolute;inset: 0;border-radius: inherit;pointer-events: none;background: radial-gradient( 120% 140% at 50% 50%,color-mix(in oklab,var(--accent-band) 60%,oklch(0.9 0.05 75 / 0)),oklch(0.9 0.05 75 / 0) 72% );mix-blend-mode: plus-lighter;opacity: var(--chip-flood-t);transition: opacity var(--duration-normal) var(--ease-out) 60ms;}.glass-chip--cell,.glass-chip--cell.glass-capsule{border-radius: var(--radius-card);}.glass-chip--icon,.glass-chip--icon.glass-capsule{border-radius: var(--radius-
|
|
1
|
+
@property --chip-flood-t{syntax: "<number>";inherits: true;initial-value: 0;}@layer components{.glass-chip{--chip-tint-floor: 12%;--accent-band-strength: max(18%,calc(var(--chip-tint-floor) + 10%));position: relative;isolation: isolate;background-image: linear-gradient( var(--glass-fill-tinted),var(--glass-fill-tinted) );transition: background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard);}.dark .glass-chip{--chip-tint-floor: 15%;}.glass-chip--interactive{scale: calc(1 + 0.12 * var(--chip-flood-t) * var(--motion-weight,0.618));transition: scale var(--duration-normal) var(--ease-cartoon-punch),background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard);}.glass-chip[data-mode="selectable"][data-state="on"]{--chip-flood-t: 1;background-color: var(--accent-band);border-color: var(--accent-edge);color: var(--accent-ink);}.glass-chip[data-mode="selectable"]::after{content: "";position: absolute;inset: 0;border-radius: inherit;pointer-events: none;background: radial-gradient( 120% 140% at 50% 50%,color-mix(in oklab,var(--accent-band) 60%,oklch(0.9 0.05 75 / 0)),oklch(0.9 0.05 75 / 0) 72% );mix-blend-mode: plus-lighter;opacity: var(--chip-flood-t);transition: opacity var(--duration-normal) var(--ease-out) 60ms;}.glass-chip--cell,.glass-chip--cell.glass-capsule{border-radius: var(--radius-card);}.glass-chip--icon,.glass-chip--icon.glass-capsule{border-radius: var(--radius-circle);}.glass-chip__content{min-inline-size: 0;}.glass-chip__remove{display: inline-grid;flex: none;place-items: center;inline-size: 1.25rem;block-size: 1.25rem;padding: 0;border: 0;border-radius: var(--radius-circle);color: currentColor;background: color-mix(in srgb,currentColor 10%,oklch(0.9 0.05 75 / 0));cursor: pointer;}.glass-chip[data-disabled]{opacity: var(--opacity-disabled);}@media (prefers-reduced-motion: reduce){.glass-chip--interactive{--motion-weight: 0;}}@media (pointer: coarse){.glass-chip--interactive{min-inline-size: var(--touch-target,2.75rem);min-block-size: var(--touch-target,2.75rem);}.glass-chip[data-mode="removable"]{min-block-size: var(--touch-target,2.75rem);}.glass-chip[data-mode="removable"]::after{content: "";flex: none;inline-size: var(--touch-target,2.75rem);}.glass-chip__remove{position: absolute;inset-block-start: 50%;inset-inline-end: 0;inline-size: var(--touch-target,2.75rem);block-size: var(--touch-target,2.75rem);translate: 0 -50%;background: transparent;}.glass-chip__remove > span{display: inline-grid;inline-size: 1.25rem;block-size: 1.25rem;place-items: center;border-radius: var(--radius-circle);background: color-mix(in srgb,currentColor 10%,oklch(0.9 0.05 75 / 0));}}@media (prefers-contrast: more){.glass-chip[data-mode="selectable"][data-state="on"]{border-color: color-mix( in srgb,var(--foreground) 28%,oklch(0.9 0.05 75 / 0) );}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer components{:where(.badge-atom,.separator,.label,.avatar,.skeleton,.status-dot){-webkit-backdrop-filter: none;backdrop-filter: none;}:where(.badge-atom,.avatar,.separator,.status-dot){flex: none;}:where(.badge-atom,.
|
|
1
|
+
@layer components{:where(.badge-atom,.separator,.label,.avatar,.skeleton,.status-dot){-webkit-backdrop-filter: none;backdrop-filter: none;}:where(.badge-atom,.avatar,.separator,.status-dot){flex: none;}:where(.badge-atom,.feedback-mark){transition: background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard),scale var(--spring-press-duration) var(--spring-press);}@media (prefers-reduced-motion: reduce){:where(.badge-atom,.feedback-mark){transition: none;}}:where(.badge-atom){--mark-stadium: var(--radius-pill);--mark-pad-block: 0.25rem;--mark-pad-inline: 0.75rem;--mark-floor: calc(1lh + var(--mark-pad-block) * 2);min-inline-size: var(--mark-floor);padding-block: var(--mark-pad-block);padding-inline: min( var(--mark-pad-inline),calc((var(--mark-floor) - 1ch) / 2) );}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer components{.glass-overlay-plate{--radius-ctx: var(--radius-card);--radius-inset: var(--overlay-pad);padding: var(--overlay-pad);color: var(--popover-foreground);overflow: hidden;}.glass-overlay-plate[data-reveal="menu"]{
|
|
1
|
+
@layer components{.glass-overlay-plate{--radius-ctx: var(--radius-card);--radius-inset: var(--overlay-pad);padding: var(--overlay-pad);color: var(--popover-foreground);overflow: hidden;}.glass-overlay-plate[data-reveal="menu"],.glass-overlay-plate[data-reveal="overlay"]{max-inline-size: min(22rem,100vw - 2rem);max-block-size: var(--reka-popper-available-height,100dvh);overflow-y: auto;overscroll-behavior: contain;}.glass-overlay-plate[data-reveal="menu"]{min-inline-size: var(--overlay-min-width);}.glass-overlay-plate[data-reveal="overlay"]{inline-size: min(21rem,calc(100dvw - 2 * var(--overlay-pad)));}.glass-overlay-plate[data-reveal="tooltip"]{--radius-ctx: var(--radius-panel);--radius-inset: var(--overlay-pad-hint);padding: var(--overlay-pad-hint);font-size: var(--tooltip-text);line-height: var(--type-leading-caption);max-block-size: min( var(--overlay-max-block),var(--reka-popper-available-height,var(--overlay-max-block)) );overflow-y: auto;}.menu__trigger:focus-visible{outline: var(--focus-ring-width) solid color-mix( in oklab,var(--foreground) calc(var(--ink-perimeter) * 100%),transparent );outline-offset: var(--focus-ring-width);border-radius: var(--radius-control);}.menu__item,.menu__sub-trigger{position: relative;display: flex;width: 100%;align-items: center;gap: var(--icon-label-gap);padding-block: 0.375rem;padding-inline: 0.5rem;cursor: default;outline: none;color: inherit;font-size: var(--dropdown-text);user-select: none;}.menu__item[data-inset],.menu__item[data-indicator="wide"]{padding-inline-start: 2rem;}.menu__item[data-indicator="start"]{padding-inline-start: 1.75rem;}.menu__item[data-disabled],.menu__sub-trigger[data-disabled]{pointer-events: none;cursor: not-allowed;opacity: var(--opacity-disabled);}.menu__indicator{position: absolute;inset-inline-start: 0.5rem;display: inline-flex;width: 0.875rem;height: 0.875rem;align-items: center;justify-content: center;}.menu__indicator > svg{width: 1rem;height: 1rem;}.menu__radio-dot{display: inline-block;width: 0.5rem;height: 0.5rem;border-radius: var(--radius-circle);background: currentColor;}.menu__label{padding: 0.375rem 0.5rem;color: var(--muted-foreground);font-size: var(--dropdown-text-secondary);font-weight: 600;}.menu__label[data-inset]{padding-inline-start: 2rem;}.menu__shortcut{margin-inline-start: auto;font-size: var(--dropdown-text-secondary);letter-spacing: var(--type-tracking-caps);opacity: 0.6;}.menu__sub-chevron{width: 1rem;height: 1rem;margin-inline-start: auto;}[data-slot="select-content"]{--glass-veil-tier: var(--glass-veil-overlay);--overlay-viewport-inset: 4px;--overlay-option-radius: calc( var(--radius-card) - var(--overlay-viewport-inset) );background-image: linear-gradient( color-mix( in oklab,oklch(0.9 0.05 75 / 0),var(--glass-capsule-warm) var(--glass-capsule-warm-floor) ),color-mix( in oklab,oklch(0.9 0.05 75 / 0),var(--glass-capsule-warm) var(--glass-capsule-warm-floor) ) );border: 1px solid color-mix( in oklab,var(--foreground) calc(var(--ink-edge) * 100%),transparent );box-shadow: var(--glass-material-rim),var(--glass-under-shadow-vivid),var(--glass-shadow-floating),var(--shadow-cartoon-lg);max-inline-size: min(22rem,100vw - 2rem);max-block-size: var(--reka-select-content-available-height,100dvh);overflow: hidden;transform-origin: var(--reka-select-content-transform-origin);}[data-slot="select-viewport"]{padding: var(--overlay-viewport-inset);overscroll-behavior: contain;}[data-slot="select-content"][data-form="sheet"]{inline-size: 100vw;max-inline-size: none;border-end-start-radius: 0;border-end-end-radius: 0;border-block-end: 0;transform-origin: bottom center;}[data-slot="select-viewport"] [role="option"]{border-radius: var(--overlay-option-radius);}.glass-field-portal{position: relative;}.glass-field-portal::before{content: "";position: absolute;inset: 0;z-index: -1;pointer-events: none;border-radius: inherit;background: radial-gradient( 70% 60% at 24% 22%,oklch(0.92 0.08 var(--field-h,48) / 0.55),transparent 72% ),radial-gradient( 64% 58% at 82% 80%,oklch(0.88 0.07 calc(var(--field-h,48) + 18) / 0.5),transparent 70% ),radial-gradient( 60% 62% at 60% 40%,oklch(0.9 0.06 calc(var(--field-h,48) - 14) / 0.48),transparent 74% );}.dark .glass-field-portal::before{background: radial-gradient( 70% 60% at 24% 22%,oklch(0.3 0.1 var(--field-h,48) / 0.55),transparent 72% ),radial-gradient( 64% 58% at 82% 80%,oklch(0.26 0.09 calc(var(--field-h,48) + 18) / 0.5),transparent 70% ),radial-gradient( 60% 62% at 60% 40%,oklch(0.28 0.08 calc(var(--field-h,48) - 14) / 0.48),transparent 74% );}@supports not (color: oklch(0.9 0.08 48)){.glass-field-portal::before{background: radial-gradient( 70% 60% at 24% 22%,hsl(var(--field-h,48) 60% 88% / 0.5),transparent 72% );}.dark .glass-field-portal::before{background: radial-gradient( 70% 60% at 24% 22%,hsl(var(--field-h,48) 45% 26% / 0.55),transparent 72% );}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer components{[data-surface="veil"]{--glass-veil-tier: var(--glass-veil-quiet);@apply glass-plate;--veil-clarity: blur( calc(var(--glass-blur-quiet-radius) * var(--glass-level)) ) saturate(var(--glass-saturate));--veil-border: none;--veil-shadow: none;--veil-feather: none;-webkit-backdrop-filter: var(--veil-clarity);backdrop-filter: var(--veil-clarity);border: var(--veil-border);box-shadow: var(--veil-shadow);mask-image: var(--veil-feather);}[data-surface="opaque"]{--glass-level: 0;background: color-mix(in srgb,var(--card),transparent 0%);-webkit-backdrop-filter: none;backdrop-filter: none;}.paper-ink-mark{--paper-ink-mark-weight: 2px;--paper-ink-mark-color: var(--foreground);}.glass-well{--glass-well-tone: 8%;background: color-mix( in oklab,var(--card),var(--foreground) var(--glass-well-tone) );box-shadow: inset 0 1px 2px color-mix(in srgb,var(--foreground) 8%,transparent);border-radius: var(--radius-md);}}
|
|
1
|
+
@layer components{[data-surface="veil"]{--glass-veil-tier: var(--glass-veil-quiet);@apply glass-plate;--veil-clarity: blur( calc(var(--glass-blur-quiet-radius) * var(--glass-level)) ) saturate(var(--glass-saturate));--veil-border: none;--veil-shadow: none;--veil-feather: none;-webkit-backdrop-filter: var(--veil-clarity);backdrop-filter: var(--veil-clarity);border: var(--veil-border);box-shadow: var(--veil-shadow);mask-image: var(--veil-feather);}[data-surface="opaque"]{--glass-level: 0;background: color-mix(in srgb,var(--card),transparent 0%);-webkit-backdrop-filter: none;backdrop-filter: none;}[data-surface][data-backdrop-mode="static"]{-webkit-backdrop-filter: none;backdrop-filter: none;}.paper-ink-mark{--paper-ink-mark-weight: 2px;--paper-ink-mark-color: var(--foreground);}.glass-well{--glass-well-tone: 8%;background: color-mix( in oklab,var(--card),var(--foreground) var(--glass-well-tone) );box-shadow: inset 0 1px 2px color-mix(in srgb,var(--foreground) 8%,transparent);border-radius: var(--radius-md);}}
|
package/dist/styles/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer theme,base,components,utilities;@import "./tokens.css";@import "./typography.css";@import "./theme.css";@import "./glass.css";@import "./track-well.css";@import "./glass-specular-track.css";@import "./paper.css";@import "../components/dark-mode-toggle/dark-mode-toggle.css";@import "../components/dock/styles/index.css";@import "../components/dock/styles/controls.css";@import "../components/card/styles.css";@import "../components/_shared/feedback/feedback-tone.css";@import "../components/_shared/feedback/dot-ring.css";@import "./transitions.css";@import "./animations.css";@import "./viz-reveal.css";@import "./scroll-driven.css";@import "./scroll-choreography.css";@import "../components/card/scroll.css";@import "./scroll-chrome.css";@import "./view-transition.css";@import "./utilities.css";@import "../components/_shared/menu/menu.css";@import "../components/button/styles.css";@import "../components/
|
|
1
|
+
@layer theme,base,components,utilities;@import "./tokens.css";@import "./typography.css";@import "./theme.css";@import "./glass.css";@import "./track-well.css";@import "./glass-specular-track.css";@import "./paper.css";@import "../components/dark-mode-toggle/dark-mode-toggle.css";@import "../components/dock/styles/index.css";@import "../components/dock/styles/controls.css";@import "../components/card/styles.css";@import "../components/_shared/feedback/feedback-tone.css";@import "../components/_shared/feedback/dot-ring.css";@import "./transitions.css";@import "./animations.css";@import "./viz-reveal.css";@import "./scroll-driven.css";@import "./scroll-choreography.css";@import "../components/card/scroll.css";@import "./scroll-chrome.css";@import "./view-transition.css";@import "./utilities.css";@import "../components/_shared/menu/menu.css";@import "../components/button/styles.css";@import "../components/tabs/styles/segmented.css";@import "../components/tabs/styles/drag.css";@import "../components/sheet/styles.css";@import "../components/dialog/styles.css";@import "../components/slider/styles.css";@import "../components/scroll-progress-rim/styles.css";@import "./components.css" layer(components);@import "./accessibility.css";@source "../*.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@theme static{--radius: 0.625rem;--radius-xs: 4px;--radius-sm: 4px;--radius-md: 6px;--radius-xl: 12px;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-pill:
|
|
1
|
+
@theme static{--radius: 0.625rem;--radius-xs: 4px;--radius-sm: 4px;--radius-md: 6px;--radius-xl: 12px;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-pill: 1rem;--radius-circle: 50%;--radius-lg: var(--radius);--radius-card: var(--radius-2xl);--radius-panel: var(--radius-xl);--radius-bar: var(--radius-panel);--radius-dialog: var(--radius-card);--radius-media: var(--radius);--radius-button: var(--radius);--radius-field: var(--radius-2xl);--radius-strip: 0.75rem;--radius-control: var(--radius-pill);--radius-badge: var(--radius-pill);--radius-dock: var(--radius-pill);--radius-tab: var(--radius-pill);--radius-dock-card: var(--radius-3xl);--radius-floor: var(--radius-xs);--radius-ctx: var(--radius-card);--radius-inset: 0px;--corner-k-squircle: 2;--corner-shape-bigdock: superellipse(var(--corner-k-squircle));--corner-shape-sheet: superellipse(var(--corner-k-squircle));--corner-shape-panel: superellipse(var(--corner-k-squircle));--corner-shape-thumb: superellipse(var(--corner-k-squircle));}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--neutral-0: hsl(40 30% 98%);--neutral-1: hsl(38 26% 95%);--neutral-2: hsl(34 28% 90%);--neutral-3: hsl(33 30% 82%);--neutral-4: hsl(32 26% 70%);--neutral-5: hsl(30 22% 40%);--neutral-6: hsl(28 24% 30%);--background: var(--neutral-0);--foreground: hsl(24 10% 10%);--card: hsl(30 85% 96%);--card-foreground: var(--foreground);--popover: var(--card);--popover-foreground: var(--foreground);--surface-public-data-panel: hsl(44 16% 96%);--muted: var(--neutral-1);--muted-foreground: var(--neutral-5);--muted-foreground-strong: var(--neutral-6);--secondary: var(--neutral-2);--secondary-foreground: var(--foreground);--accent: var(--neutral-3);--accent-foreground: var(--foreground);--border: var(--neutral-4);--input: var(--neutral-4);--ink-seam: 0.08;--ink-edge: 0.16;--ink-perimeter: 0.48;--fill-hover: 0.05;--fill-selected: 0.12;--primary: hsl(24 10% 10%);--primary-foreground: var(--neutral-0);--destructive: hsl(0 72% 50%);--destructive-foreground: var(--neutral-0);--focus-ring-color: hsl(24 10% 10%);--shadow: hsl(24 10% 10%);--shadow-color: var(--foreground);--accent-color: var(--primary);--border-soft: color-mix(in srgb,var(--border) 45%,transparent);--scrollbar-thumb: color-mix(in srgb,var(--muted-foreground) 25%,transparent);--scrollbar-track: transparent;--surface-tint-4: color-mix(in srgb,var(--foreground) 4%,transparent);--surface-tint-6: color-mix(in srgb,var(--foreground) 6%,transparent);--surface-tint-8: color-mix(in srgb,var(--foreground) 8%,transparent);--surface-tint-10: color-mix(in srgb,var(--foreground) 10%,transparent);--surface-tint-12: color-mix(in srgb,var(--foreground) 12%,transparent);--surface-tint-15: color-mix(in srgb,var(--foreground) 15%,transparent);--surface-tint-18: color-mix(in srgb,var(--foreground) 18%,transparent);--surface-tint-22: color-mix(in srgb,var(--foreground) 22%,transparent);--surface-tint-25: color-mix(in srgb,var(--foreground) 25%,transparent);--surface-tint-40: color-mix(in srgb,var(--foreground) 40%,transparent);--surface-tint-70: color-mix(in srgb,var(--foreground) 70%,transparent);--muted-soft: color-mix(in srgb,var(--muted) 30%,transparent);--muted-medium: color-mix(in srgb,var(--muted) 50%,transparent);--constellation-node: hsl(36 8% 46%);--constellation-node-dim: hsl(36 8% 60%);--constellation-line: hsl(24 14% 14%);--constellation-accent: hsl(18 58% 46%);--constellation-edge-alpha: 0.22;--constellation-edge-focus-alpha: 0.34;--constellation-alpha: 0.80;--constellation-edge-floor: 0;--constellation-edge-accent-alpha: 0.30;--constellation-warp-response: 0.55;--constellation-warp-zeta: 1.0;--constellation-well-gain: 19000;--constellation-well-reach: 340;--constellation-well-ramp: 8.0;--constellation-well-max-speed: 4.0;--constellation-well-hold-ms: 140;--constellation-wander-idle: 8000;--constellation-wander-jitter: 8000;--section-color-0: oklch(0.552 0.192 359.8);--section-color-1: oklch(0.502 0.165 305.9);--section-color-2: oklch(0.484 0.163 265.5);--section-color-3: oklch(0.542 0.089 222.8);--section-color-4: oklch(0.521 0.088 171.1);--section-color-5: oklch(0.530 0.124 69.6);--section-color-6: oklch(0.549 0.201 30.4);--section-color-7: oklch(0.532 0.180 317.5);--section-color-8: oklch(0.520 0.176 8.4);--section-color-9: oklch(0.492 0.038 239.6);--section-color-10: oklch(0.526 0.103 128.8);--section-color-11: oklch(0.511 0.092 208.0);--section-color-12: oklch(0.513 0.163 291.9);--accent-pink: oklch(0.613 0.197 353.8);--section-heading: oklch(0.545 0.189 352.8);--accent-red: oklch(0.574 0.216 27.5);--viz-fourier: oklch(0.579 0.201 30.4);--viz-chebyshev: oklch(0.484 0.163 265.5);--viz-legendre: oklch(0.532 0.180 317.5);--viz-amber: var(--section-color-5);--viz-green: var(--section-color-4);--tier-featured: oklch(0.841 0.173 84.2);--tier-saved: oklch(0.676 0.176 252.3);--like: oklch(0.633 0.200 24.9);--success: oklch(0.600 0.192 149.5);--warning: oklch(0.635 0.165 70.6);--info: oklch(0.626 0.186 259.6);--delete: oklch(0.597 0.198 25.5);--success-foreground: hsl(24 10% 10%);--warning-foreground: hsl(24 10% 10%);--info-foreground: hsl(24 10% 10%);}
|
|
1
|
+
:root{--neutral-0: hsl(40 30% 98%);--neutral-1: hsl(38 26% 95%);--neutral-2: hsl(34 28% 90%);--neutral-3: hsl(33 30% 82%);--neutral-4: hsl(32 26% 70%);--neutral-5: hsl(30 22% 40%);--neutral-6: hsl(28 24% 30%);--background: var(--neutral-0);--foreground: hsl(24 10% 10%);--card: hsl(30 85% 96%);--card-foreground: var(--foreground);--popover: var(--card);--popover-foreground: var(--foreground);--surface-public-data-panel: hsl(44 16% 96%);--muted: var(--neutral-1);--muted-foreground: var(--neutral-5);--muted-foreground-strong: var(--neutral-6);--secondary: var(--neutral-2);--secondary-foreground: var(--foreground);--accent: var(--neutral-3);--accent-foreground: var(--foreground);--border: var(--neutral-4);--input: var(--neutral-4);--ink-seam: 0.08;--ink-edge: 0.16;--ink-perimeter: 0.48;--fill-hover: 0.05;--fill-selected: 0.12;--hover-ink-mix: 45%;--primary: hsl(24 10% 10%);--primary-foreground: var(--neutral-0);--destructive: hsl(0 72% 50%);--destructive-foreground: var(--neutral-0);--focus-ring-color: hsl(24 10% 10%);--shadow: hsl(24 10% 10%);--shadow-color: var(--foreground);--accent-color: var(--primary);--border-soft: color-mix(in srgb,var(--border) 45%,transparent);--scrollbar-thumb: color-mix(in srgb,var(--muted-foreground) 25%,transparent);--scrollbar-track: transparent;--surface-tint-4: color-mix(in srgb,var(--foreground) 4%,transparent);--surface-tint-6: color-mix(in srgb,var(--foreground) 6%,transparent);--surface-tint-8: color-mix(in srgb,var(--foreground) 8%,transparent);--surface-tint-10: color-mix(in srgb,var(--foreground) 10%,transparent);--surface-tint-12: color-mix(in srgb,var(--foreground) 12%,transparent);--surface-tint-15: color-mix(in srgb,var(--foreground) 15%,transparent);--surface-tint-18: color-mix(in srgb,var(--foreground) 18%,transparent);--surface-tint-22: color-mix(in srgb,var(--foreground) 22%,transparent);--surface-tint-25: color-mix(in srgb,var(--foreground) 25%,transparent);--surface-tint-40: color-mix(in srgb,var(--foreground) 40%,transparent);--surface-tint-70: color-mix(in srgb,var(--foreground) 70%,transparent);--muted-soft: color-mix(in srgb,var(--muted) 30%,transparent);--muted-medium: color-mix(in srgb,var(--muted) 50%,transparent);--constellation-node: hsl(36 8% 46%);--constellation-node-dim: hsl(36 8% 60%);--constellation-line: hsl(24 14% 14%);--constellation-accent: hsl(18 58% 46%);--constellation-edge-alpha: 0.22;--constellation-edge-focus-alpha: 0.34;--constellation-alpha: 0.80;--constellation-edge-floor: 0;--constellation-edge-accent-alpha: 0.30;--constellation-warp-response: 0.55;--constellation-warp-zeta: 1.0;--constellation-well-gain: 19000;--constellation-well-reach: 340;--constellation-well-ramp: 8.0;--constellation-well-max-speed: 4.0;--constellation-well-hold-ms: 140;--constellation-wander-idle: 8000;--constellation-wander-jitter: 8000;--section-color-0: oklch(0.552 0.192 359.8);--section-color-1: oklch(0.502 0.165 305.9);--section-color-2: oklch(0.484 0.163 265.5);--section-color-3: oklch(0.542 0.089 222.8);--section-color-4: oklch(0.521 0.088 171.1);--section-color-5: oklch(0.530 0.124 69.6);--section-color-6: oklch(0.549 0.201 30.4);--section-color-7: oklch(0.532 0.180 317.5);--section-color-8: oklch(0.520 0.176 8.4);--section-color-9: oklch(0.492 0.038 239.6);--section-color-10: oklch(0.526 0.103 128.8);--section-color-11: oklch(0.511 0.092 208.0);--section-color-12: oklch(0.513 0.163 291.9);--accent-pink: oklch(0.613 0.197 353.8);--section-heading: oklch(0.545 0.189 352.8);--accent-red: oklch(0.574 0.216 27.5);--viz-fourier: oklch(0.579 0.201 30.4);--viz-chebyshev: oklch(0.484 0.163 265.5);--viz-legendre: oklch(0.532 0.180 317.5);--viz-amber: var(--section-color-5);--viz-green: var(--section-color-4);--tier-featured: oklch(0.841 0.173 84.2);--tier-saved: oklch(0.676 0.176 252.3);--like: oklch(0.633 0.200 24.9);--success: oklch(0.600 0.192 149.5);--warning: oklch(0.635 0.165 70.6);--info: oklch(0.626 0.186 259.6);--delete: oklch(0.597 0.198 25.5);--success-foreground: hsl(24 10% 10%);--warning-foreground: hsl(24 10% 10%);--info-foreground: hsl(24 10% 10%);}
|
|
@@ -6,7 +6,7 @@ export declare const semanticTokens: {
|
|
|
6
6
|
readonly material: readonly ["--glass-level", "--glass-depth", "--glass-accent", "--glass-accent-strength", "--glass-veil-ink", "--glass-veil-base", "--glass-veil-step", "--glass-saturate"];
|
|
7
7
|
readonly type: readonly ["--font-stack-text", "--font-stack-display", "--font-stack-mono", "--type-body", "--type-subheading", "--type-heading", "--type-title", "--type-display-1"];
|
|
8
8
|
readonly space: readonly ["--ui-scale", "--control-h-sm", "--control-h-md", "--control-h-lg", "--overlay-pad-inline", "--overlay-pad-block", "--card-pad"];
|
|
9
|
-
readonly radius: readonly ["--radius", "--radius-sm", "--radius-xl", "--radius-2xl", "--radius-pill", "--radius-card", "--radius-media", "--radius-button"];
|
|
9
|
+
readonly radius: readonly ["--radius", "--radius-sm", "--radius-xl", "--radius-2xl", "--radius-pill", "--radius-circle", "--radius-bar", "--radius-card", "--radius-media", "--radius-button"];
|
|
10
10
|
readonly shadow: readonly ["--shadow-sm", "--shadow-md", "--shadow-lg", "--shadow-xl", "--shadow-card", "--shadow-dock", "--shadow-modal", "--focus-ring-shadow"];
|
|
11
11
|
readonly motion: readonly ["--duration-fast", "--duration-normal", "--duration-slow", "--spring-press", "--spring-present", "--spring-dock", "--spring-panel", "--spring-bloom", "--spring-world", "--ease-standard", "--ease-out"];
|
|
12
12
|
readonly interaction: readonly ["--touch-target", "--focus-ring-width", "--focus-ring-color", "--opacity-disabled", "--scale-hover", "--scale-press", "--glass-specular-intensity-rest", "--glass-specular-intensity-hover", "--glass-specular-intensity-active"];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--scale-hover: 1.08;--scale-
|
|
1
|
+
:root{--scale-hover: 1.08;--scale-press: 0.96;--scale-press-dock: var(--scale-press);--scale-press-sm: 0.97;--tab-indicator-duration: var(--spring-dock-duration);--opacity-disabled: 0.5;--opacity-icon-muted: 0.8;--focus-ring-width: 2px;--focus-ring-shadow: 0 0 0 var(--focus-ring-width) color-mix(in srgb,var(--focus-ring-color) 30%,transparent),0 0 8px color-mix(in srgb,var(--focus-ring-color) 15%,transparent);--invalid-ring-tint: 35%;--invalid-ring: 0 0 0 var(--focus-ring-width) color-mix(in srgb,var(--destructive) var(--invalid-ring-tint),transparent);--control-checked-bg: color-mix(in srgb,var(--primary) 88%,var(--glass-plate-floating));--paper-clean-texture: url("data:image/svg+xml,%3Csvg width='200' height='200' viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");--grid-pitch: 1rem;--grid-major: 5rem;--grid-line: color-mix(in srgb,var(--foreground) 3%,transparent);--grid-line-major: color-mix(in srgb,var(--foreground) 11%,transparent);--paper-grid-opacity: 0.08;--paper-grid-texture-size: var(--grid-pitch);--paper-grid-line: color-mix( in srgb,var(--foreground) calc(var(--paper-grid-opacity) * 100%),transparent );--paper-grid-line-major: color-mix( in srgb,var(--foreground) calc(var(--paper-grid-opacity) * 160%),transparent );--paper-grid-texture: linear-gradient(to right,var(--paper-grid-line-major) 1px,transparent 1px),linear-gradient(to bottom,var(--paper-grid-line-major) 1px,transparent 1px),linear-gradient(to right,var(--paper-grid-line) 1px,transparent 1px),linear-gradient(to bottom,var(--paper-grid-line) 1px,transparent 1px);--gold: oklch(0.751 0.147 84.2);--gold-light: oklch(0.890 0.183 96.1);--gold-dark: oklch(0.599 0.132 64.2);--gold-deep: oklch(0.487 0.103 63.0);--color-gold: var(--gold);--color-gold-light: var(--gold-light);--color-gold-dark: var(--gold-dark);--color-gold-deep: var(--gold-deep);--silver: oklch(0.760 0.012 255);--silver-light: oklch(0.902 0.010 255);--silver-dark: oklch(0.582 0.014 255);--silver-deep: oklch(0.462 0.016 258);--color-silver: var(--silver);--color-silver-light: var(--silver-light);--color-silver-dark: var(--silver-dark);--color-silver-deep: var(--silver-deep);--bronze: oklch(0.620 0.092 54.0);--bronze-light: oklch(0.760 0.112 60.0);--bronze-dark: oklch(0.500 0.082 50.0);--bronze-deep: oklch(0.430 0.072 50.0);--color-bronze: var(--bronze);--color-bronze-light: var(--bronze-light);--color-bronze-dark: var(--bronze-dark);--color-bronze-deep: var(--bronze-deep);--rainbow-red: oklch(0.636 0.210 25.5);--rainbow-orange: oklch(0.737 0.163 58.9);--rainbow-yellow: oklch(0.900 0.183 103.7);--rainbow-green: oklch(0.772 0.233 144.8);--rainbow-blue: oklch(0.633 0.162 252.1);--rainbow-indigo: oklch(0.566 0.206 294.1);--rainbow-violet: oklch(0.684 0.250 327.9);--rainbow-pastel-red: oklch(0.793 0.066 18.7);--rainbow-pastel-orange: oklch(0.823 0.059 57.3);--rainbow-pastel-yellow: oklch(0.889 0.068 98.1);--rainbow-pastel-green: oklch(0.826 0.072 149.5);--rainbow-pastel-blue: oklch(0.783 0.056 264.2);--rainbow-pastel-indigo: oklch(0.772 0.062 300.2);--rainbow-pastel-violet: oklch(0.799 0.070 314.4);--timeline-track-h: var(--space-body);--table-density: 1;--table-cell-px: calc(1rem * var(--table-density));--table-cell-py: calc(1rem * var(--table-density));--table-head-h: calc(3rem * var(--table-density));--table-head-px: calc(1rem * var(--table-density));}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer components{.depth-text{--depth-color-primary: var(--primary);color: var(--depth-color-primary);text-shadow: var(--text-shadow-depth);}.preserve-3d{transform-style: preserve-3d;}.ios input,.ios select,.ios textarea,.ios [contenteditable]{font-size: max(1rem,1em);}.fading-scroll{mask-image: linear-gradient( to right,transparent 0,black var(--fade-start),black calc(100% - var(--fade-end)),transparent 100% );}.fading-scroll--x{overflow-x: auto;mask-image: linear-gradient( to right,transparent 0,black var(--fade-start),black calc(100% - var(--fade-end)),transparent 100% );}.fading-scroll--y{overflow-y: auto;mask-image: linear-gradient( to bottom,transparent 0,black var(--fade-start),black calc(100% - var(--fade-end)),transparent 100% );}@supports (animation-timeline: scroll()){@keyframes gl-fade-start-in{from{--fade-start: 0px;}to{--fade-start: var(--fade-scroll-width);}}@keyframes gl-fade-end-out{from{--fade-end: var(--fade-scroll-width);}to{--fade-end: 0px;}}.fading-scroll--x[data-fade-start]{animation: gl-fade-start-in linear both;animation-timeline: scroll(self inline);animation-range: 0 var(--fade-scroll-width);}.fading-scroll--x[data-fade-end]{animation: gl-fade-end-out linear both;animation-timeline: scroll(self inline);animation-range: calc(100% - var(--fade-scroll-width)) 100%;}.fading-scroll--x[data-fade-start][data-fade-end]{animation: gl-fade-start-in linear both,gl-fade-end-out linear both;animation-timeline: scroll(self inline),scroll(self inline);animation-range: 0 var(--fade-scroll-width),calc(100% - var(--fade-scroll-width)) 100%;}.fading-scroll--y[data-fade-start]{animation: gl-fade-start-in linear both;animation-timeline: scroll(self block);animation-range: 0 var(--fade-scroll-width);}.fading-scroll--y[data-fade-end]{animation: gl-fade-end-out linear both;animation-timeline: scroll(self block);animation-range: calc(100% - var(--fade-scroll-width)) 100%;}.fading-scroll--y[data-fade-start][data-fade-end]{animation: gl-fade-start-in linear both,gl-fade-end-out linear both;animation-timeline: scroll(self block),scroll(self block);animation-range: 0 var(--fade-scroll-width),calc(100% - var(--fade-scroll-width)) 100%;}}.deferred-section{content-visibility: auto;contain-intrinsic-size: auto var(--deferred-section-size,30rem);}.deferred-section--cached{content-visibility: hidden;contain-intrinsic-size: auto var(--deferred-section-size,30rem);}.scroll-gutter-stable{scrollbar-gutter: stable;}.gold-shimmer{background: linear-gradient(90deg,var(--color-gold-dark),var(--color-gold-light),var(--color-gold),var(--color-gold-light),var(--color-gold-dark));background-size: 250% 100%;background-clip: text;-webkit-background-clip: text;color: transparent;}@media (prefers-reduced-motion: no-preference){.gold-shimmer{animation: metal-shimmer-sweep var(--duration-shimmer) linear infinite;}}.kbd{display: inline-flex;align-items: center;justify-content: center;min-height: 1.5rem;min-width: 1.5rem;padding: 0 0.375rem;font-family: var(--font-mono);font-size: var(--type-micro);background: var(--muted);border: 1px solid var(--border);border-radius: var(--radius-sm);box-shadow: 0 1px 0 1px color-mix(in srgb,var(--border) 30%,transparent);line-height: 1;}}@utility ghost-slot{border: 1px dashed color-mix(in srgb,var(--foreground) 22%,transparent);border-radius: var(--radius-card);background: color-mix(in oklab,var(--glass-plate-wash),transparent 40%);color: var(--muted-foreground);}
|
|
1
|
+
@layer components{.depth-text{--depth-color-primary: var(--primary);color: var(--depth-color-primary);text-shadow: var(--text-shadow-depth);}.preserve-3d{transform-style: preserve-3d;}.ios input,.ios select,.ios textarea,.ios [contenteditable]{font-size: max(1rem,1em);}.fading-scroll{mask-image: linear-gradient( to right,transparent 0,black var(--fade-start),black calc(100% - var(--fade-end)),transparent 100% );}.fading-scroll--x{overflow-x: auto;mask-image: linear-gradient( to right,transparent 0,black var(--fade-start),black calc(100% - var(--fade-end)),transparent 100% );}.fading-scroll--y{overflow-y: auto;mask-image: linear-gradient( to bottom,transparent 0,black var(--fade-start),black calc(100% - var(--fade-end)),transparent 100% );}@supports (animation-timeline: scroll()){@keyframes gl-fade-start-in{from{--fade-start: 0px;}to{--fade-start: var(--fade-scroll-width);}}@keyframes gl-fade-end-out{from{--fade-end: var(--fade-scroll-width);}to{--fade-end: 0px;}}.fading-scroll--x[data-fade-start]{animation: gl-fade-start-in linear both;animation-timeline: scroll(self inline);animation-range: 0 var(--fade-scroll-width);}.fading-scroll--x[data-fade-end]{animation: gl-fade-end-out linear both;animation-timeline: scroll(self inline);animation-range: calc(100% - var(--fade-scroll-width)) 100%;}.fading-scroll--x[data-fade-start][data-fade-end]{animation: gl-fade-start-in linear both,gl-fade-end-out linear both;animation-timeline: scroll(self inline),scroll(self inline);animation-range: 0 var(--fade-scroll-width),calc(100% - var(--fade-scroll-width)) 100%;}.fading-scroll--y[data-fade-start]{animation: gl-fade-start-in linear both;animation-timeline: scroll(self block);animation-range: 0 var(--fade-scroll-width);}.fading-scroll--y[data-fade-end]{animation: gl-fade-end-out linear both;animation-timeline: scroll(self block);animation-range: calc(100% - var(--fade-scroll-width)) 100%;}.fading-scroll--y[data-fade-start][data-fade-end]{animation: gl-fade-start-in linear both,gl-fade-end-out linear both;animation-timeline: scroll(self block),scroll(self block);animation-range: 0 var(--fade-scroll-width),calc(100% - var(--fade-scroll-width)) 100%;}}.deferred-section{content-visibility: auto;contain-intrinsic-size: auto var(--deferred-section-size,30rem);}.deferred-section--cached{content-visibility: hidden;contain-intrinsic-size: auto var(--deferred-section-size,30rem);}.scroll-gutter-stable{scrollbar-gutter: stable;}:where(html){scrollbar-gutter: stable;}.gold-shimmer{background: linear-gradient(90deg,var(--color-gold-dark),var(--color-gold-light),var(--color-gold),var(--color-gold-light),var(--color-gold-dark));background-size: 250% 100%;background-clip: text;-webkit-background-clip: text;color: transparent;}@media (prefers-reduced-motion: no-preference){.gold-shimmer{animation: metal-shimmer-sweep var(--duration-shimmer) linear infinite;}}.kbd{display: inline-flex;align-items: center;justify-content: center;min-height: 1.5rem;min-width: 1.5rem;padding: 0 0.375rem;font-family: var(--font-mono);font-size: var(--type-micro);background: var(--muted);border: 1px solid var(--border);border-radius: var(--radius-sm);box-shadow: 0 1px 0 1px color-mix(in srgb,var(--border) 30%,transparent);line-height: 1;}}@utility ghost-slot{border: 1px dashed color-mix(in srgb,var(--foreground) 22%,transparent);border-radius: var(--radius-card);background: color-mix(in oklab,var(--glass-plate-wash),transparent 40%);color: var(--muted-foreground);}
|
package/dist/surface.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "./Surface-
|
|
1
|
+
import { t as e } from "./Surface-C7wq2j0A.js";
|
|
2
2
|
export { e as Surface };
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import "./switch.css";
|
|
1
2
|
import { t as e } from "./class-names-FlXcvRRT.js";
|
|
2
3
|
import { t } from "./control-DJp15L4U.js";
|
|
3
4
|
import { computed as n, createBlock as r, createElementVNode as i, createVNode as a, defineComponent as o, mergeProps as s, openBlock as c, unref as l, withCtx as u } from "vue";
|
package/dist/switch.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer theme, base, components, utilities;@layer components{.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-circle);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}}}
|
package/dist/switch.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "./switch-
|
|
1
|
+
import { t as e } from "./switch-DLfGYU35.js";
|
|
2
2
|
export { e as Switch };
|