@poveste/controls 0.20.0 → 0.21.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{FieldRoot-BvWZYJBo.es.js → FieldRoot-BOFK7006.es.js} +1 -1
- package/dist/{HstColor-SVvuA8Gz.es.js → HstColor-BnPyFVL_.es.js} +4 -4
- package/dist/{HstDate-ChfBXuBy.es.js → HstDate-CFGLzzai.es.js} +4 -4
- package/dist/{HstJson-D-kWKp2N.es.js → HstJson-CClJDodg.es.js} +9 -6
- package/dist/{HstWrapper-Cmp1NHo2.es.js → HstWrapper-CpSNPVQJ.es.js} +13 -2
- package/dist/{PopoverTrigger-jwwWaiEH.es.js → PopoverTrigger-Cu3v0RQ6.es.js} +1 -1
- package/dist/{VisuallyHiddenInput-je9d-WO7.es.js → VisuallyHiddenInput-o7pCu1YG.es.js} +2 -2
- package/dist/index.es.css +1 -1
- package/dist/index.es.js +52 -27
- package/dist/style-standalone.css +36 -200
- package/dist/{useLocale-CxBCWkuJ.es.js → useLocale-Cgl4bY7N.es.js} +1 -1
- package/package.json +6 -6
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { k as e } from "./HstWrapper-
|
|
1
|
+
import { k as e } from "./HstWrapper-CpSNPVQJ.es.js";
|
|
2
2
|
import "@poveste/vendors/vue";
|
|
3
3
|
//#region ../../node_modules/.pnpm/reka-ui@2.11.0_vue@3.5.44_typescript@6.0.3_/node_modules/reka-ui/dist/shared/nullish.js
|
|
4
4
|
function t(e) {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { n as e, t } from "./useLocale-
|
|
2
|
-
import { _ as n, k as r, p as i, r as a, t as o, u as s, v as c } from "./HstWrapper-
|
|
3
|
-
import { i as l, n as u, o as d, r as f, t as p } from "./PopoverTrigger-
|
|
4
|
-
import { n as m, r as h, t as g } from "./VisuallyHiddenInput-
|
|
1
|
+
import { n as e, t } from "./useLocale-Cgl4bY7N.es.js";
|
|
2
|
+
import { _ as n, k as r, p as i, r as a, t as o, u as s, v as c } from "./HstWrapper-CpSNPVQJ.es.js";
|
|
3
|
+
import { i as l, n as u, o as d, r as f, t as p } from "./PopoverTrigger-Cu3v0RQ6.es.js";
|
|
4
|
+
import { n as m, r as h, t as g } from "./VisuallyHiddenInput-o7pCu1YG.es.js";
|
|
5
5
|
import { computed as _, createBlock as v, createCommentVNode as y, createElementVNode as b, createVNode as x, defineComponent as S, mergeProps as C, nextTick as w, normalizeClass as T, normalizeStyle as E, onMounted as D, onUnmounted as O, openBlock as k, ref as A, renderSlot as j, resolveDynamicComponent as M, shallowRef as N, toRaw as P, toRefs as F, unref as I, watch as L, withCtx as R } from "@poveste/vendors/vue";
|
|
6
6
|
import { useMounted as z, useVModel as ee } from "@poveste/vendors/vue-use";
|
|
7
7
|
//#region ../../node_modules/.pnpm/reka-ui@2.11.0_vue@3.5.44_typescript@6.0.3_/node_modules/reka-ui/dist/shared/useComposing.js
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { r as e, t } from "./useLocale-
|
|
2
|
-
import { h as n, k as r, r as i, s as a, t as o, u as s, v as c, y as l } from "./HstWrapper-
|
|
3
|
-
import { i as u, n as d, o as f, r as p, s as m, t as h } from "./PopoverTrigger-
|
|
4
|
-
import { n as ee, r as g, t as _ } from "./FieldRoot-
|
|
1
|
+
import { r as e, t } from "./useLocale-Cgl4bY7N.es.js";
|
|
2
|
+
import { h as n, k as r, r as i, s as a, t as o, u as s, v as c, y as l } from "./HstWrapper-CpSNPVQJ.es.js";
|
|
3
|
+
import { i as u, n as d, o as f, r as p, s as m, t as h } from "./PopoverTrigger-Cu3v0RQ6.es.js";
|
|
4
|
+
import { n as ee, r as g, t as _ } from "./FieldRoot-BOFK7006.es.js";
|
|
5
5
|
import { Fragment as v, Teleport as te, computed as y, createBlock as b, createCommentVNode as x, createElementBlock as S, createElementVNode as C, createTextVNode as w, createVNode as T, defineComponent as E, guardReactiveProps as D, isRef as ne, mergeProps as O, nextTick as re, normalizeClass as k, normalizeProps as A, normalizeStyle as j, onBeforeUnmount as M, onMounted as N, openBlock as P, ref as F, renderList as I, renderSlot as L, shallowRef as R, toDisplayString as z, toHandlers as ie, toRefs as ae, unref as B, useAttrs as oe, watch as V, withCtx as H, withKeys as se, withModifiers as U } from "@poveste/vendors/vue";
|
|
6
6
|
import { useVModel as ce } from "@poveste/vendors/vue-use";
|
|
7
7
|
import { Icon as W } from "@poveste/vendors/iconify";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { n as e, t } from "./HstWrapper-
|
|
1
|
+
import { n as e, t } from "./HstWrapper-CpSNPVQJ.es.js";
|
|
2
2
|
import { createBlock as n, createCommentVNode as r, createElementVNode as i, createVNode as a, defineComponent as o, mergeProps as s, normalizeClass as c, normalizeStyle as l, onMounted as u, openBlock as d, ref as f, renderSlot as p, unref as m, watch as h, watchEffect as g, withCtx as _ } from "@poveste/vendors/vue";
|
|
3
3
|
import { Icon as v } from "@poveste/vendors/iconify";
|
|
4
4
|
import { isPlainObject as y } from "@poveste/shared";
|
|
@@ -12823,7 +12823,7 @@ var rh = /*#__PURE__*/ ((e, t) => {
|
|
|
12823
12823
|
}
|
|
12824
12824
|
}), (u, f) => (d(), n(t, {
|
|
12825
12825
|
title: o.title,
|
|
12826
|
-
class: c(["poveste-json
|
|
12826
|
+
class: c(["poveste-json", u.$attrs.class]),
|
|
12827
12827
|
style: l(u.$attrs.style)
|
|
12828
12828
|
}, {
|
|
12829
12829
|
actions: _(() => [ie.value ? (d(), n(e, {
|
|
@@ -12832,7 +12832,8 @@ var rh = /*#__PURE__*/ ((e, t) => {
|
|
|
12832
12832
|
}, {
|
|
12833
12833
|
default: _(() => [a(m(v), {
|
|
12834
12834
|
icon: "carbon:warning-alt",
|
|
12835
|
-
class: "poveste-json-invalid
|
|
12835
|
+
class: "poveste-json-invalid",
|
|
12836
|
+
"data-slot": "invalid"
|
|
12836
12837
|
})]),
|
|
12837
12838
|
_: 1
|
|
12838
12839
|
})) : ne.value ? r("", !0) : (d(), n(e, {
|
|
@@ -12841,14 +12842,16 @@ var rh = /*#__PURE__*/ ((e, t) => {
|
|
|
12841
12842
|
}, {
|
|
12842
12843
|
default: _(() => [a(m(v), {
|
|
12843
12844
|
icon: "carbon:view",
|
|
12844
|
-
class: "poveste-json-read-only
|
|
12845
|
+
class: "poveste-json-read-only",
|
|
12846
|
+
"data-slot": "read-only"
|
|
12845
12847
|
})]),
|
|
12846
12848
|
_: 1
|
|
12847
12849
|
})), p(u.$slots, "actions", {}, void 0, !0)]),
|
|
12848
12850
|
default: _(() => [i("div", s({
|
|
12849
12851
|
ref_key: "editorElement",
|
|
12850
12852
|
ref: ae,
|
|
12851
|
-
class: "__poveste-json-code
|
|
12853
|
+
class: "__poveste-json-code",
|
|
12854
|
+
"data-slot": "editor"
|
|
12852
12855
|
}, {
|
|
12853
12856
|
...u.$attrs,
|
|
12854
12857
|
class: null,
|
|
@@ -12861,6 +12864,6 @@ var rh = /*#__PURE__*/ ((e, t) => {
|
|
|
12861
12864
|
"style"
|
|
12862
12865
|
]));
|
|
12863
12866
|
}
|
|
12864
|
-
}), [["__scopeId", "data-v-
|
|
12867
|
+
}), [["__scopeId", "data-v-57ba1b4e"]]);
|
|
12865
12868
|
//#endregion
|
|
12866
12869
|
export { rh as default };
|
|
@@ -2799,11 +2799,13 @@ var Gr = /* @__PURE__ */ m({
|
|
|
2799
2799
|
}, {
|
|
2800
2800
|
default: I(() => [f(P(Br), {
|
|
2801
2801
|
class: "poveste-tooltip",
|
|
2802
|
+
"data-slot": "tooltip",
|
|
2802
2803
|
side: e.side,
|
|
2803
2804
|
"side-offset": e.offset
|
|
2804
2805
|
}, {
|
|
2805
2806
|
default: I(() => [j(t.$slots, "content", {}, () => [d(oe(e.content), 1)]), f(P(Ar), {
|
|
2806
2807
|
class: "poveste-tooltip-arrow",
|
|
2808
|
+
"data-slot": "arrow",
|
|
2807
2809
|
width: 10,
|
|
2808
2810
|
height: 5
|
|
2809
2811
|
})]),
|
|
@@ -2816,14 +2818,23 @@ var Gr = /* @__PURE__ */ m({
|
|
|
2816
2818
|
_: 3
|
|
2817
2819
|
}));
|
|
2818
2820
|
}
|
|
2819
|
-
}), Kr = {
|
|
2821
|
+
}), Kr = {
|
|
2822
|
+
class: "poveste-wrapper-title",
|
|
2823
|
+
"data-slot": "title"
|
|
2824
|
+
}, qr = { class: "poveste-wrapper-body" }, Jr = {
|
|
2825
|
+
class: "poveste-wrapper-control",
|
|
2826
|
+
"data-slot": "field"
|
|
2827
|
+
}, Yr = /* @__PURE__ */ m({
|
|
2820
2828
|
name: "HstWrapper",
|
|
2821
2829
|
props: {
|
|
2822
2830
|
title: { default: void 0 },
|
|
2823
2831
|
tag: { default: "label" }
|
|
2824
2832
|
},
|
|
2825
2833
|
setup(e) {
|
|
2826
|
-
return (t, n) => (k(), s(ie(e.tag), {
|
|
2834
|
+
return (t, n) => (k(), s(ie(e.tag), {
|
|
2835
|
+
class: "poveste-wrapper histoire-wrapper",
|
|
2836
|
+
"data-slot": "wrapper"
|
|
2837
|
+
}, {
|
|
2827
2838
|
default: I(() => [f(Gr, {
|
|
2828
2839
|
content: e.title,
|
|
2829
2840
|
side: "left",
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { D as e, E as t, S as n, T as r, _ as i, a, b as o, c as s, f as c, g as l, h as u, i as d, k as f, l as p, m, o as ee, u as h, w as te, x as g, y as ne } from "./HstWrapper-
|
|
1
|
+
import { D as e, E as t, S as n, T as r, _ as i, a, b as o, c as s, f as c, g as l, h as u, i as d, k as f, l as p, m, o as ee, u as h, w as te, x as g, y as ne } from "./HstWrapper-CpSNPVQJ.es.js";
|
|
2
2
|
import { computed as _, createBlock as v, createVNode as y, defineComponent as b, guardReactiveProps as re, mergeProps as x, nextTick as S, normalizeProps as ie, onMounted as ae, onUnmounted as C, openBlock as w, reactive as oe, ref as T, renderSlot as E, resolveDynamicComponent as se, toRefs as ce, unref as D, watch as O, watchEffect as k, withCtx as A, withModifiers as j } from "@poveste/vendors/vue";
|
|
3
3
|
import { createGlobalState as le, createSharedComposable as ue, unrefElement as M, useEventListener as de, useVModel as fe } from "@poveste/vendors/vue-use";
|
|
4
4
|
//#region ../../node_modules/.pnpm/reka-ui@2.11.0_vue@3.5.44_typescript@6.0.3_/node_modules/reka-ui/dist/shared/getActiveElement.js
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { d as e, s as t } from "./HstWrapper-
|
|
2
|
-
import { o as n } from "./PopoverTrigger-
|
|
1
|
+
import { d as e, s as t } from "./HstWrapper-CpSNPVQJ.es.js";
|
|
2
|
+
import { o as n } from "./PopoverTrigger-Cu3v0RQ6.es.js";
|
|
3
3
|
import { Fragment as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, defineComponent as c, h as l, inject as u, markRaw as d, mergeProps as f, openBlock as p, provide as m, ref as h, renderList as g, toValue as _, watch as v, watchEffect as y } from "@poveste/vendors/vue";
|
|
4
4
|
import { unrefElement as b } from "@poveste/vendors/vue-use";
|
|
5
5
|
//#region ../../node_modules/.pnpm/reka-ui@2.11.0_vue@3.5.44_typescript@6.0.3_/node_modules/reka-ui/dist/shared/useFormControl.js
|
package/dist/index.es.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
.poveste-tooltip{color:#fff;z-index:100;background:#000c;border-radius:6px;padding:7px 12px 6px;line-height:normal}.poveste-tooltip-arrow{fill:#000c}.poveste-button{--_poveste-button-surface:var(--color-gray-200);--_poveste-button-surface-hover:var(--color-primary-200);--_poveste-button-text:var(--color-gray-900);border-radius:var(--radius-sm);background:var(--_poveste-button-surface);color:var(--_poveste-button-text);cursor:pointer;border:none}.poveste-button:where(.ptw-dark,.ptw-dark *){--_poveste-button-surface:var(--color-gray-750);--_poveste-button-surface-hover:var(--color-primary-900);--_poveste-button-text:var(--color-gray-100)}.poveste-button:hover{background:var(--_poveste-button-surface-hover)}.poveste-button[data-color=primary]{--_poveste-button-surface:var(--color-primary-500);--_poveste-button-surface-hover:var(--color-primary-600);--_poveste-button-text:var(--color-white)}.poveste-button[data-color=primary]:where(.ptw-dark,.ptw-dark *){--_poveste-button-surface:var(--color-primary-500);--_poveste-button-surface-hover:var(--color-primary-600);--_poveste-button-text:var(--color-black)}.poveste-button[data-color=flat]{--_poveste-button-surface:transparent;--_poveste-button-surface-hover:color-mix(in oklab, var(--color-gray-500) 20%, transparent)}.poveste-button[data-color=flat]:where(.ptw-dark,.ptw-dark *){--_poveste-button-surface:transparent;--_poveste-button-surface-hover:color-mix(in oklab, var(--color-gray-500) 20%, transparent)}.poveste-button-group{flex-wrap:nowrap;align-items:center}.poveste-button-group-options{border-radius:var(--radius-sm);border:1px solid #00000040;gap:1px;padding:1px;display:flex}.poveste-button-group-options:where(.ptw-dark,.ptw-dark *){border-color:#ffffff40}.poveste-button-group-option{border-radius:3px;flex:1;height:22px;padding-inline:.25rem}.poveste-button-group-option[data-state=off]{--_poveste-button-surface:transparent;--_poveste-button-surface-hover:color-mix(in oklab, var(--color-gray-500) 20%, transparent)}.poveste-button-group-option[data-state=on]{--_poveste-button-surface:var(--color-primary-500);--_poveste-button-surface-hover:var(--color-primary-600);--_poveste-button-text:var(--color-white)}.poveste-button-group-option[data-state=on]:where(.ptw-dark,.ptw-dark *){--_poveste-button-text:var(--color-black)}.poveste-simple-checkbox{box-sizing:border-box;width:16px;height:16px;color:var(--color-white);background:0 0;border:0;padding:0;display:block;position:relative}.poveste-simple-checkbox:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.poveste-simple-checkbox-interactive{cursor:pointer}.poveste-checkbox-visual{display:block;position:absolute;inset:0}.poveste-checkbox-visual-box{box-sizing:border-box;border-radius:var(--radius-sm);border:1px solid #00000040;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.poveste-checkbox-visual-box{transition:border .15s ease-out .15s}}.poveste-checkbox-visual-box:where(.ptw-dark,.ptw-dark *){border-color:#ffffff40}.poveste-simple-checkbox[data-checked] .poveste-checkbox-visual-box{border-color:var(--color-primary-500);border-width:8px}@media (prefers-reduced-motion:no-preference){.poveste-simple-checkbox[data-checked] .poveste-checkbox-visual-box{transition-delay:0s}}.poveste-simple-checkbox:hover .poveste-checkbox-visual-box{border-color:var(--color-primary-500)}.poveste-simple-checkbox:active .poveste-checkbox-visual-box{background:#6b728033}.poveste-checkbox-visual-check{z-index:10;position:relative}.poveste-checkbox-visual-check path{stroke:var(--color-white);stroke-width:2px}@media (prefers-reduced-motion:no-preference){.poveste-checkbox-visual-animated{transition:all .2s ease-in-out}.poveste-simple-checkbox[data-checked] .poveste-checkbox-visual-animated{transition-delay:.15s}}.poveste-checkbox{cursor:pointer;align-items:center}.poveste-checkbox-box{background:0 0;border:0;padding:0;display:block}.poveste-checkbox-box:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.poveste-checkbox-list{cursor:text}.poveste-checkbox-list-options{margin-block:-.25rem}.poveste-checkbox-list-option{cursor:pointer;align-items:center;gap:.5rem;padding-block:.25rem;display:flex;position:relative}.poveste-checkbox-list-box{background:0 0;border:0;padding:0;display:block}.poveste-checkbox-list-box:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.bind-col-size{grid-template-columns:repeat(auto-fill, minmax(var(--poveste-col-size), 1fr))}.poveste-number{cursor:ew-resize;align-items:center}.poveste-number[data-dragging]{-webkit-user-select:none;user-select:none}.poveste-number-input{box-sizing:border-box;border-radius:var(--radius-sm);width:100%;color:inherit;cursor:ew-resize;background:0 0;border:1px solid #00000040;outline:none;margin-block:-.25rem;padding:.25rem 0 .25rem .5rem}.poveste-number-input:where(.ptw-dark,.ptw-dark *){border-color:#ffffff40}.poveste-number-input:focus{border-color:var(--color-primary-500)}.poveste-radio{cursor:text}.poveste-radio-options{margin-block:-.25rem}.poveste-radio-option{cursor:pointer;align-items:center;gap:.5rem;padding-block:.25rem;display:flex;position:relative}.poveste-radio-box{box-sizing:border-box;background:0 0;border:1px solid #00000040;border-radius:9999px;width:16px;height:16px;padding:0;display:block;position:relative}@media (prefers-reduced-motion:no-preference){.poveste-radio-box{transition:border-color .15s ease-out}}.poveste-radio-box:where(.ptw-dark,.ptw-dark *){border-color:#ffffff40}.poveste-radio-box:hover,.poveste-radio-box[data-state=checked]{border-color:var(--color-primary-500)}.poveste-radio-box:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.poveste-radio-dot{background:var(--color-primary-500);border-radius:9999px;display:block;position:absolute;inset:3px;transform:scale(0)}@media (prefers-reduced-motion:no-preference){.poveste-radio-dot{transition:transform .2s ease-in-out}}[data-state=checked]>.poveste-radio-dot{transform:scale(1)}@media (prefers-reduced-motion:no-preference){[data-state=checked]>.poveste-radio-dot{transition-delay:.15s}}.poveste-select-trigger{border-radius:var(--radius-sm);width:100%;height:27px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #00000040;outline:none;align-items:center;gap:.5rem;margin-block:-.25rem;padding-inline:.5rem;line-height:normal;display:flex}.poveste-select-trigger:where(.ptw-dark,.ptw-dark *){border-color:#ffffff40}.poveste-select-trigger:hover{border-color:var(--color-primary-500)}.poveste-select-label{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.poveste-select-chevron{flex:none;width:1rem;height:1rem;margin-left:auto}.poveste-select-popper{min-width:var(--reka-popper-anchor-width);z-index:100}.poveste-select-popper:focus-visible{outline:none}.poveste-select-popper[data-state=open]{animation:.15s cubic-bezier(0,1,.5,1) poveste-select-in}.poveste-select-options{max-height:var(--reka-popover-content-available-height);border:1px solid var(--color-gray-200);border-radius:var(--radius-sm);background:var(--color-gray-50);color:var(--color-gray-900);overflow-y:auto;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.poveste-select-options:where(.ptw-dark,.ptw-dark *){border-color:var(--color-gray-850);background:var(--color-gray-700);color:var(--color-gray-100)}.poveste-select-list{flex-direction:column;display:flex}.poveste-select-list:focus-visible{outline:none}.poveste-select-option{cursor:pointer;outline:none;padding:.25rem .5rem}.poveste-select-option[data-state=checked]{background:var(--color-primary-200)}.poveste-select-option[data-state=checked]:where(.ptw-dark,.ptw-dark *){background:var(--color-primary-800)}.poveste-select-option[data-highlighted]{background:var(--color-primary-100)}.poveste-select-option[data-highlighted]:where(.ptw-dark,.ptw-dark *){background:var(--color-primary-700)}@keyframes poveste-select-in{0%{transform:scale(.75)}}.poveste-select{cursor:text;align-items:center}.poveste-slider{align-items:center}.poveste-slider-field{--_poveste-slider-thumb:.75rem;align-items:center;width:100%;display:flex;position:relative}.poveste-slider-track-area{align-items:center;display:flex;position:absolute;inset:0}.poveste-slider-track{border:1px solid #00000040;border-radius:9999px;width:100%;height:.25rem}.poveste-slider-track:where(.ptw-dark,.ptw-dark *){border-color:#ffffff40}.poveste-slider-tooltip-anchor{left:calc(var(--_poveste-slider-fraction,0) * (100% - var(--_poveste-slider-thumb)) + var(--_poveste-slider-thumb) / 2);position:absolute}.poveste-slider-input{appearance:none;cursor:pointer;background:0 0;border:0;width:100%;margin:0;position:relative}.poveste-slider-input::-webkit-slider-thumb{width:var(--_poveste-slider-thumb);height:var(--_poveste-slider-thumb);appearance:none;background:var(--color-white);border:1px solid #00000040;border-radius:9999px}.poveste-slider-input:where(.ptw-dark,.ptw-dark *)::-webkit-slider-thumb{background:var(--color-gray-700);border-color:#ffffff40}.poveste-slider-input:hover::-webkit-slider-thumb{border-color:var(--color-primary-500);background:var(--color-primary-500)}.poveste-slider-input::-moz-range-thumb{width:var(--_poveste-slider-thumb);height:var(--_poveste-slider-thumb);appearance:none;background:var(--color-white);border:1px solid #00000040;border-radius:9999px}.poveste-slider-input:where(.ptw-dark,.ptw-dark *)::-moz-range-thumb{background:var(--color-gray-700);border-color:#ffffff40}.poveste-slider-input:hover::-moz-range-thumb{border-color:var(--color-primary-500);background:var(--color-primary-500)}.poveste-text{cursor:text;align-items:center}.poveste-text-input{box-sizing:border-box;border-radius:var(--radius-sm);width:100%;color:inherit;background:0 0;border:1px solid #00000040;outline:none;margin-block:-.25rem;padding:.25rem .5rem}.poveste-text-input:where(.ptw-dark,.ptw-dark *){border-color:#ffffff40}.poveste-text-input:focus{border-color:var(--color-primary-500)}.poveste-textarea{cursor:text}.poveste-textarea-input{box-sizing:border-box;border-radius:var(--radius-sm);width:100%;min-height:26px;color:inherit;resize:vertical;background:0 0;border:1px solid #00000040;outline:none;margin-block:-.25rem;padding:.25rem .5rem}.poveste-textarea-input:where(.ptw-dark,.ptw-dark *){border-color:#ffffff40}.poveste-textarea-input:focus{border-color:var(--color-primary-500)}.__poveste-json-code[data-v-4b978a74] .cm-editor{min-width:280px;height:100%}.poveste-date{align-items:center}.poveste-date-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.poveste-date-field{box-sizing:border-box;border-radius:var(--radius-sm);border:1px solid #00000040;align-items:center;gap:1px;height:27px;margin-block:-.25rem;padding-inline:.5rem;display:flex}.poveste-date-field:where(.ptw-dark,.ptw-dark *){border-color:#ffffff40}.poveste-date-field:focus-within{border-color:var(--color-primary-500)}.poveste-date-segment{border-radius:var(--radius-sm);padding-inline:.125rem}.poveste-date-segment:focus{background:var(--color-primary-500);color:var(--color-white);outline:none}.poveste-date-segment[data-placeholder]{opacity:.5}.poveste-date-separator{opacity:.5}.poveste-date-trigger{color:inherit;opacity:.5;cursor:pointer;background:0 0;border:0;margin-left:.25rem;padding:0;display:flex}.poveste-date-trigger:hover{opacity:1;color:var(--color-primary-500)}.poveste-date-icon{width:1rem;height:1rem}.poveste-date-calendar{z-index:100;border:1px solid var(--color-gray-200);border-radius:var(--radius-sm);background:var(--color-gray-50);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.poveste-date-calendar:where(.ptw-dark,.ptw-dark *){border-color:var(--color-gray-850);background:var(--color-gray-700)}.poveste-date-calendar-body{padding:.5rem}.poveste-date-header{justify-content:space-between;align-items:center;padding-bottom:.5rem;display:flex}.poveste-date-step{border-radius:var(--radius-sm);color:inherit;cursor:pointer;background:0 0;border:0;padding:.25rem;display:flex}.poveste-date-step:hover{background:var(--color-primary-100)}.poveste-date-step:hover:where(.ptw-dark,.ptw-dark *){background:var(--color-primary-800)}.poveste-date-grid{border-collapse:collapse}.poveste-date-weekday{opacity:.5;width:1.75rem;font-size:.75rem;font-weight:400}.poveste-date-day{border-radius:var(--radius-sm);width:1.75rem;height:1.75rem;color:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:flex}.poveste-date-day[data-outside-view]{opacity:.3}.poveste-date-day[data-today]{color:var(--color-primary-500);font-weight:700}.poveste-date-day:hover:not([data-selected]){background:var(--color-primary-100)}.poveste-date-day:hover:not([data-selected]):where(.ptw-dark,.ptw-dark *){background:var(--color-primary-800)}.poveste-date-day[data-selected]{background:var(--color-primary-500);color:var(--color-white)}.poveste-color{align-items:center}.poveste-color-row{align-items:center;gap:.5rem;width:100%;display:flex}.poveste-color-swatch{box-sizing:border-box;border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid #00000040;flex:none;width:27px;height:27px;margin-block:-.25rem;padding:.125rem}.poveste-color-swatch:where(.ptw-dark,.ptw-dark *){border-color:#ffffff40}.poveste-color-swatch:hover{border-color:var(--color-primary-500)}.poveste-color-swatch-fill{border-radius:var(--radius-sm);width:100%;height:100%}.poveste-color-field-root{flex-grow:1}.poveste-color-field{box-sizing:border-box;border-radius:var(--radius-sm);width:100%;color:inherit;background:0 0;border:1px solid #00000040;outline:none;margin-block:-.25rem;padding:.25rem .5rem}.poveste-color-field:where(.ptw-dark,.ptw-dark *){border-color:#ffffff40}.poveste-color-field:focus{border-color:var(--color-primary-500)}.poveste-color-picker{z-index:100;border:1px solid var(--color-gray-200);border-radius:var(--radius-sm);background:var(--color-gray-50);flex-direction:column;gap:.5rem;padding:.5rem;display:flex;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.poveste-color-picker:where(.ptw-dark,.ptw-dark *){border-color:var(--color-gray-850);background:var(--color-gray-700)}.poveste-color-area{width:10rem;height:8rem}.poveste-color-area-surface{border-radius:var(--radius-sm);width:100%;height:100%}.poveste-color-hue{width:10rem;height:.75rem}.poveste-color-hue-track{border-radius:9999px;width:100%;height:100%}.poveste-color-thumb{border:2px solid var(--color-white);border-radius:9999px;width:.75rem;height:.75rem;box-shadow:0 0 0 1px #00000080}
|
|
1
|
+
.poveste-tooltip{color:var(--_poveste-white);z-index:100;background:#000c;border-radius:6px;padding:7px 12px 6px;line-height:normal}.poveste-tooltip-arrow{fill:#000c}:where([class*=poveste-]){--_poveste-primary-50:var(--_poveste-color-primary-50,#ecfdf5);--_poveste-primary-100:var(--_poveste-color-primary-100,#d1fae5);--_poveste-primary-200:var(--_poveste-color-primary-200,#a7f3d0);--_poveste-primary-300:var(--_poveste-color-primary-300,#6ee7b7);--_poveste-primary-400:var(--_poveste-color-primary-400,#34d399);--_poveste-primary-500:var(--_poveste-color-primary-500,#10b981);--_poveste-primary-600:var(--_poveste-color-primary-600,#059669);--_poveste-primary-700:var(--_poveste-color-primary-700,#047857);--_poveste-primary-800:var(--_poveste-color-primary-800,#065f46);--_poveste-primary-900:var(--_poveste-color-primary-900,#064e3b);--_poveste-gray-50:var(--_poveste-color-gray-50,#fafafa);--_poveste-gray-100:var(--_poveste-color-gray-100,#f4f4f5);--_poveste-gray-200:var(--_poveste-color-gray-200,#e4e4e7);--_poveste-gray-300:var(--_poveste-color-gray-300,#d4d4d8);--_poveste-gray-400:var(--_poveste-color-gray-400,#a1a1aa);--_poveste-gray-500:var(--_poveste-color-gray-500,#71717a);--_poveste-gray-600:var(--_poveste-color-gray-600,#52525b);--_poveste-gray-700:var(--_poveste-color-gray-700,#3f3f46);--_poveste-gray-750:var(--_poveste-color-gray-750,#323238);--_poveste-gray-800:var(--_poveste-color-gray-800,#27272a);--_poveste-gray-850:var(--_poveste-color-gray-850,#1f1f21);--_poveste-gray-900:var(--_poveste-color-gray-900,#18181b);--_poveste-gray-950:var(--_poveste-color-gray-950,#101012);--_poveste-radius-sm:.25rem;--_poveste-radius:.375rem;--_poveste-radius-md:.5rem;--_poveste-radius-lg:.75rem;--_poveste-radius-xl:1rem;--_poveste-radius-2xl:1.5rem;--_poveste-radius-3xl:2rem;--_poveste-white:#fff;--_poveste-black:#000;--_poveste-warning:oklch(70.5% .213 47.604)}.poveste-wrapper{flex-wrap:wrap;gap:.5rem;padding:.5rem;display:flex}.poveste-wrapper:hover{background-color:var(--_poveste-primary-100)}.poveste-wrapper:where(.ptw-dark,.ptw-dark *):hover{background-color:var(--_poveste-primary-800)}.poveste-wrapper-title{white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;width:7rem;overflow:hidden}.poveste-wrapper-body{flex-grow:1;align-items:center;gap:.25rem;max-width:100%;display:flex}.poveste-wrapper-control{flex-grow:1;max-width:100%;display:block}.poveste-button{--_poveste-button-surface:var(--_poveste-gray-200);--_poveste-button-surface-hover:var(--_poveste-primary-200);--_poveste-button-text:var(--_poveste-gray-900);border-radius:var(--_poveste-radius-sm);background:var(--_poveste-button-surface);color:var(--_poveste-button-text);cursor:pointer;border:none}.poveste-button:where(.ptw-dark,.ptw-dark *){--_poveste-button-surface:var(--_poveste-gray-750);--_poveste-button-surface-hover:var(--_poveste-primary-900);--_poveste-button-text:var(--_poveste-gray-100)}.poveste-button:hover{background:var(--_poveste-button-surface-hover)}.poveste-button[data-color=primary]{--_poveste-button-surface:var(--_poveste-primary-500);--_poveste-button-surface-hover:var(--_poveste-primary-600);--_poveste-button-text:var(--_poveste-white)}.poveste-button[data-color=primary]:where(.ptw-dark,.ptw-dark *){--_poveste-button-surface:var(--_poveste-primary-500);--_poveste-button-surface-hover:var(--_poveste-primary-600);--_poveste-button-text:var(--_poveste-black)}.poveste-button[data-color=flat]{--_poveste-button-surface:transparent;--_poveste-button-surface-hover:color-mix(in oklab, var(--_poveste-gray-500) 20%, transparent)}.poveste-button[data-color=flat]:where(.ptw-dark,.ptw-dark *){--_poveste-button-surface:transparent;--_poveste-button-surface-hover:color-mix(in oklab, var(--_poveste-gray-500) 20%, transparent)}.poveste-button-group{flex-wrap:nowrap;align-items:center}.poveste-button-group-options{border-radius:var(--_poveste-radius-sm);border:1px solid #00000040;gap:1px;padding:1px;display:flex}.poveste-button-group-options:where(.ptw-dark,.ptw-dark *){border-color:#ffffff40}.poveste-button-group-option{border-radius:3px;flex:1;height:22px;padding-inline:.25rem}.poveste-button-group-option[data-state=off]{--_poveste-button-surface:transparent;--_poveste-button-surface-hover:color-mix(in oklab, var(--_poveste-gray-500) 20%, transparent)}.poveste-button-group-option[data-state=on]{--_poveste-button-surface:var(--_poveste-primary-500);--_poveste-button-surface-hover:var(--_poveste-primary-600);--_poveste-button-text:var(--_poveste-white)}.poveste-button-group-option[data-state=on]:where(.ptw-dark,.ptw-dark *){--_poveste-button-text:var(--_poveste-black)}.poveste-simple-checkbox{box-sizing:border-box;width:16px;height:16px;color:var(--_poveste-white);background:0 0;border:0;padding:0;display:block;position:relative}.poveste-simple-checkbox:focus-visible{outline:2px solid var(--_poveste-primary-500);outline-offset:2px}.poveste-simple-checkbox-interactive{cursor:pointer}.poveste-checkbox-visual{display:block;position:absolute;inset:0}.poveste-checkbox-visual-box{box-sizing:border-box;border-radius:var(--_poveste-radius-sm);border:1px solid #00000040;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.poveste-checkbox-visual-box{transition:border .15s ease-out .15s}}.poveste-checkbox-visual-box:where(.ptw-dark,.ptw-dark *){border-color:#ffffff40}.poveste-simple-checkbox[data-checked] .poveste-checkbox-visual-box{border-color:var(--_poveste-primary-500);border-width:8px}@media (prefers-reduced-motion:no-preference){.poveste-simple-checkbox[data-checked] .poveste-checkbox-visual-box{transition-delay:0s}}.poveste-simple-checkbox:hover .poveste-checkbox-visual-box{border-color:var(--_poveste-primary-500)}.poveste-simple-checkbox:active .poveste-checkbox-visual-box{background:#6b728033}.poveste-checkbox-visual-check{z-index:10;position:relative}.poveste-checkbox-visual-check path{stroke:var(--_poveste-white);stroke-width:2px}@media (prefers-reduced-motion:no-preference){.poveste-checkbox-visual-animated{transition:all .2s ease-in-out}.poveste-simple-checkbox[data-checked] .poveste-checkbox-visual-animated{transition-delay:.15s}}.poveste-checkbox{cursor:pointer;align-items:center}.poveste-checkbox-box{background:0 0;border:0;padding:0;display:block}.poveste-checkbox-box:focus-visible{outline:2px solid var(--_poveste-primary-500);outline-offset:2px}.poveste-checkbox-list{cursor:text}.poveste-checkbox-list-options{margin-block:-.25rem}.poveste-checkbox-list-option{cursor:pointer;align-items:center;gap:.5rem;padding-block:.25rem;display:flex;position:relative}.poveste-checkbox-list-box{background:0 0;border:0;padding:0;display:block}.poveste-checkbox-list-box:focus-visible{outline:2px solid var(--_poveste-primary-500);outline-offset:2px}.poveste-color-select{cursor:text;align-items:center}.poveste-color-select-fields{gap:.25rem;display:flex}.poveste-color-select-input{box-sizing:border-box;border-radius:var(--_poveste-radius-sm);width:100%;color:inherit;background:0 0;border:1px solid #00000040;outline:none;margin-block:-.25rem;padding:.25rem .5rem}.poveste-color-select-input:where(.ptw-dark,.ptw-dark *){border-color:#ffffff40}.poveste-color-select-input:focus{border-color:var(--_poveste-primary-500)}.poveste-copy-icon{color:inherit;opacity:.5;cursor:pointer;background:0 0;border:0;padding:0;display:flex}.poveste-copy-icon:hover{opacity:1;color:var(--_poveste-primary-500)}.poveste-copy-icon:focus-visible{opacity:1}.poveste-copy-icon-glyph{width:1rem;height:1rem}.poveste-color-shades{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin:1rem;display:grid}.poveste-color-shades-swatch{border-radius:9999px;width:4rem;height:4rem}.poveste-token-text{white-space:nowrap;text-overflow:ellipsis;flex-shrink:1;margin-block:0;overflow:hidden}.poveste-token-text[data-slot=value]{opacity:.5}.poveste-token-grid{gap:1rem;margin:1rem;display:grid}.bind-col-size{grid-template-columns:repeat(auto-fill, minmax(var(--poveste-col-size), 1fr))}.poveste-token-text{white-space:nowrap;text-overflow:ellipsis;flex-shrink:1;margin-block:0;overflow:hidden}.poveste-token-text[data-slot=value]{opacity:.5}.poveste-token-list{flex-direction:column;gap:.5rem;margin-block:2rem;display:flex}.poveste-token-list-labels{margin-inline:1rem}.poveste-token-item{flex-direction:column;gap:.5rem;display:flex}.poveste-token-row{gap:.25rem;display:flex}.poveste-token-text{white-space:nowrap;text-overflow:ellipsis;flex-shrink:1;margin-block:0;overflow:hidden}.poveste-token-text[data-slot=value]{opacity:.5}.poveste-token-copy{flex:none}.poveste-number{cursor:ew-resize;align-items:center}.poveste-number[data-dragging]{-webkit-user-select:none;user-select:none}.poveste-number-input{box-sizing:border-box;border-radius:var(--_poveste-radius-sm);width:100%;color:inherit;cursor:ew-resize;background:0 0;border:1px solid #00000040;outline:none;margin-block:-.25rem;padding:.25rem 0 .25rem .5rem}.poveste-number-input:where(.ptw-dark,.ptw-dark *){border-color:#ffffff40}.poveste-number-input:focus{border-color:var(--_poveste-primary-500)}.poveste-radio{cursor:text}.poveste-radio-options{margin-block:-.25rem}.poveste-radio-option{cursor:pointer;align-items:center;gap:.5rem;padding-block:.25rem;display:flex;position:relative}.poveste-radio-box{box-sizing:border-box;background:0 0;border:1px solid #00000040;border-radius:9999px;width:16px;height:16px;padding:0;display:block;position:relative}@media (prefers-reduced-motion:no-preference){.poveste-radio-box{transition:border-color .15s ease-out}}.poveste-radio-box:where(.ptw-dark,.ptw-dark *){border-color:#ffffff40}.poveste-radio-box:hover,.poveste-radio-box[data-state=checked]{border-color:var(--_poveste-primary-500)}.poveste-radio-box:focus-visible{outline:2px solid var(--_poveste-primary-500);outline-offset:2px}.poveste-radio-dot{background:var(--_poveste-primary-500);border-radius:9999px;display:block;position:absolute;inset:3px;transform:scale(0)}@media (prefers-reduced-motion:no-preference){.poveste-radio-dot{transition:transform .2s ease-in-out}}[data-state=checked]>.poveste-radio-dot{transform:scale(1)}@media (prefers-reduced-motion:no-preference){[data-state=checked]>.poveste-radio-dot{transition-delay:.15s}}.poveste-select-trigger{border-radius:var(--_poveste-radius-sm);width:100%;height:27px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #00000040;outline:none;align-items:center;gap:.5rem;margin-block:-.25rem;padding-inline:.5rem;line-height:normal;display:flex}.poveste-select-trigger:where(.ptw-dark,.ptw-dark *){border-color:#ffffff40}.poveste-select-trigger:hover{border-color:var(--_poveste-primary-500)}.poveste-select-label{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.poveste-select-chevron{flex:none;width:1rem;height:1rem;margin-left:auto}.poveste-select-popper{min-width:var(--reka-popper-anchor-width);z-index:100}.poveste-select-popper:focus-visible{outline:none}.poveste-select-popper[data-state=open]{animation:.15s cubic-bezier(0,1,.5,1) poveste-select-in}.poveste-select-options{max-height:var(--reka-popover-content-available-height);border:1px solid var(--_poveste-gray-200);border-radius:var(--_poveste-radius-sm);background:var(--_poveste-gray-50);color:var(--_poveste-gray-900);overflow-y:auto;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.poveste-select-options:where(.ptw-dark,.ptw-dark *){border-color:var(--_poveste-gray-850);background:var(--_poveste-gray-700);color:var(--_poveste-gray-100)}.poveste-select-list{flex-direction:column;display:flex}.poveste-select-list:focus-visible{outline:none}.poveste-select-option{cursor:pointer;outline:none;padding:.25rem .5rem}.poveste-select-option[data-state=checked]{background:var(--_poveste-primary-200)}.poveste-select-option[data-state=checked]:where(.ptw-dark,.ptw-dark *){background:var(--_poveste-primary-800)}.poveste-select-option[data-highlighted]{background:var(--_poveste-primary-100)}.poveste-select-option[data-highlighted]:where(.ptw-dark,.ptw-dark *){background:var(--_poveste-primary-700)}@keyframes poveste-select-in{0%{transform:scale(.75)}}.poveste-select{cursor:text;align-items:center}.poveste-slider{align-items:center}.poveste-slider-field{--_poveste-slider-thumb:.75rem;align-items:center;width:100%;display:flex;position:relative}.poveste-slider-track-area{align-items:center;display:flex;position:absolute;inset:0}.poveste-slider-track{border:1px solid #00000040;border-radius:9999px;width:100%;height:.25rem}.poveste-slider-track:where(.ptw-dark,.ptw-dark *){border-color:#ffffff40}.poveste-slider-tooltip-anchor{left:calc(var(--_poveste-slider-fraction,0) * (100% - var(--_poveste-slider-thumb)) + var(--_poveste-slider-thumb) / 2);position:absolute}.poveste-slider-input{appearance:none;cursor:pointer;background:0 0;border:0;width:100%;margin:0;position:relative}.poveste-slider-input::-webkit-slider-thumb{width:var(--_poveste-slider-thumb);height:var(--_poveste-slider-thumb);appearance:none;background:var(--_poveste-white);border:1px solid #00000040;border-radius:9999px}.poveste-slider-input:where(.ptw-dark,.ptw-dark *)::-webkit-slider-thumb{background:var(--_poveste-gray-700);border-color:#ffffff40}.poveste-slider-input:hover::-webkit-slider-thumb{border-color:var(--_poveste-primary-500);background:var(--_poveste-primary-500)}.poveste-slider-input::-moz-range-thumb{width:var(--_poveste-slider-thumb);height:var(--_poveste-slider-thumb);appearance:none;background:var(--_poveste-white);border:1px solid #00000040;border-radius:9999px}.poveste-slider-input:where(.ptw-dark,.ptw-dark *)::-moz-range-thumb{background:var(--_poveste-gray-700);border-color:#ffffff40}.poveste-slider-input:hover::-moz-range-thumb{border-color:var(--_poveste-primary-500);background:var(--_poveste-primary-500)}.poveste-text{cursor:text;align-items:center}.poveste-text-input{box-sizing:border-box;border-radius:var(--_poveste-radius-sm);width:100%;color:inherit;background:0 0;border:1px solid #00000040;outline:none;margin-block:-.25rem;padding:.25rem .5rem}.poveste-text-input:where(.ptw-dark,.ptw-dark *){border-color:#ffffff40}.poveste-text-input:focus{border-color:var(--_poveste-primary-500)}.poveste-textarea{cursor:text}.poveste-textarea-input{box-sizing:border-box;border-radius:var(--_poveste-radius-sm);width:100%;min-height:26px;color:inherit;resize:vertical;background:0 0;border:1px solid #00000040;outline:none;margin-block:-.25rem;padding:.25rem .5rem}.poveste-textarea-input:where(.ptw-dark,.ptw-dark *){border-color:#ffffff40}.poveste-textarea-input:focus{border-color:var(--_poveste-primary-500)}.__poveste-json-code[data-v-57ba1b4e] .cm-editor{min-width:280px;height:100%}.poveste-json{cursor:text}.__poveste-json-code{box-sizing:border-box;resize:vertical;border-radius:var(--_poveste-radius-sm);border:1px solid #00000040;width:100%;height:12rem;min-height:8rem;position:relative;overflow:auto}.__poveste-json-code:where(.ptw-dark,.ptw-dark *){border-color:#ffffff40}.__poveste-json-code:focus-within{border-color:var(--_poveste-primary-500)}.poveste-json-invalid{color:var(--_poveste-warning);flex:none}.poveste-json-read-only{color:var(--_poveste-gray-500);flex:none}.poveste-json-read-only:where(.ptw-dark,.ptw-dark *){color:var(--_poveste-gray-400)}.poveste-date{align-items:center}.poveste-date-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.poveste-date-field{box-sizing:border-box;border-radius:var(--_poveste-radius-sm);border:1px solid #00000040;align-items:center;gap:1px;height:27px;margin-block:-.25rem;padding-inline:.5rem;display:flex}.poveste-date-field:where(.ptw-dark,.ptw-dark *){border-color:#ffffff40}.poveste-date-field:focus-within{border-color:var(--_poveste-primary-500)}.poveste-date-segment{border-radius:var(--_poveste-radius-sm);padding-inline:.125rem}.poveste-date-segment:focus{background:var(--_poveste-primary-500);color:var(--_poveste-white);outline:none}.poveste-date-segment[data-placeholder]{opacity:.5}.poveste-date-separator{opacity:.5}.poveste-date-trigger{color:inherit;opacity:.5;cursor:pointer;background:0 0;border:0;margin-left:.25rem;padding:0;display:flex}.poveste-date-trigger:hover{opacity:1;color:var(--_poveste-primary-500)}.poveste-date-icon{width:1rem;height:1rem}.poveste-date-calendar{z-index:100;border:1px solid var(--_poveste-gray-200);border-radius:var(--_poveste-radius-sm);background:var(--_poveste-gray-50);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.poveste-date-calendar:where(.ptw-dark,.ptw-dark *){border-color:var(--_poveste-gray-850);background:var(--_poveste-gray-700)}.poveste-date-calendar-body{padding:.5rem}.poveste-date-header{justify-content:space-between;align-items:center;padding-bottom:.5rem;display:flex}.poveste-date-step{border-radius:var(--_poveste-radius-sm);color:inherit;cursor:pointer;background:0 0;border:0;padding:.25rem;display:flex}.poveste-date-step:hover{background:var(--_poveste-primary-100)}.poveste-date-step:hover:where(.ptw-dark,.ptw-dark *){background:var(--_poveste-primary-800)}.poveste-date-grid{border-collapse:collapse}.poveste-date-weekday{opacity:.5;width:1.75rem;font-size:.75rem;font-weight:400}.poveste-date-day{border-radius:var(--_poveste-radius-sm);width:1.75rem;height:1.75rem;color:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:flex}.poveste-date-day[data-outside-view]{opacity:.3}.poveste-date-day[data-today]{color:var(--_poveste-primary-500);font-weight:700}.poveste-date-day:hover:not([data-selected]){background:var(--_poveste-primary-100)}.poveste-date-day:hover:not([data-selected]):where(.ptw-dark,.ptw-dark *){background:var(--_poveste-primary-800)}.poveste-date-day[data-selected]{background:var(--_poveste-primary-500);color:var(--_poveste-white)}.poveste-color{align-items:center}.poveste-color-row{align-items:center;gap:.5rem;width:100%;display:flex}.poveste-color-swatch{box-sizing:border-box;border-radius:var(--_poveste-radius-sm);cursor:pointer;background:0 0;border:1px solid #00000040;flex:none;width:27px;height:27px;margin-block:-.25rem;padding:.125rem}.poveste-color-swatch:where(.ptw-dark,.ptw-dark *){border-color:#ffffff40}.poveste-color-swatch:hover{border-color:var(--_poveste-primary-500)}.poveste-color-swatch-fill{border-radius:var(--_poveste-radius-sm);width:100%;height:100%}.poveste-color-field-root{flex-grow:1}.poveste-color-field{box-sizing:border-box;border-radius:var(--_poveste-radius-sm);width:100%;color:inherit;background:0 0;border:1px solid #00000040;outline:none;margin-block:-.25rem;padding:.25rem .5rem}.poveste-color-field:where(.ptw-dark,.ptw-dark *){border-color:#ffffff40}.poveste-color-field:focus{border-color:var(--_poveste-primary-500)}.poveste-color-picker{z-index:100;border:1px solid var(--_poveste-gray-200);border-radius:var(--_poveste-radius-sm);background:var(--_poveste-gray-50);flex-direction:column;gap:.5rem;padding:.5rem;display:flex;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.poveste-color-picker:where(.ptw-dark,.ptw-dark *){border-color:var(--_poveste-gray-850);background:var(--_poveste-gray-700)}.poveste-color-area{width:10rem;height:8rem}.poveste-color-area-surface{border-radius:var(--_poveste-radius-sm);width:100%;height:100%}.poveste-color-hue{width:10rem;height:.75rem}.poveste-color-hue-track{border-radius:9999px;width:100%;height:100%}.poveste-color-thumb{border:2px solid var(--_poveste-white);border-radius:9999px;width:.75rem;height:.75rem;box-shadow:0 0 0 1px #00000080}
|
|
2
2
|
/*$vite$:1*/
|
package/dist/index.es.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { C as e, O as t, _ as n, a as r, b as i, k as a, m as o, n as s, r as c, t as l, u, v as d } from "./HstWrapper-
|
|
2
|
-
import { a as f, i as p, n as m, o as h, r as g, s as _, t as v } from "./PopoverTrigger-
|
|
3
|
-
import { n as y, r as ee, t as te } from "./FieldRoot-
|
|
4
|
-
import { n as b, r as x, t as S } from "./VisuallyHiddenInput-
|
|
1
|
+
import { C as e, O as t, _ as n, a as r, b as i, k as a, m as o, n as s, r as c, t as l, u, v as d } from "./HstWrapper-CpSNPVQJ.es.js";
|
|
2
|
+
import { a as f, i as p, n as m, o as h, r as g, s as _, t as v } from "./PopoverTrigger-Cu3v0RQ6.es.js";
|
|
3
|
+
import { n as y, r as ee, t as te } from "./FieldRoot-BOFK7006.es.js";
|
|
4
|
+
import { n as b, r as x, t as S } from "./VisuallyHiddenInput-o7pCu1YG.es.js";
|
|
5
5
|
import { Fragment as C, computed as w, createBlock as T, createCommentVNode as E, createElementBlock as D, createElementVNode as O, createTextVNode as k, createVNode as A, defineAsyncComponent as j, defineComponent as M, getCurrentInstance as ne, guardReactiveProps as N, mergeProps as P, nextTick as F, normalizeClass as I, normalizeProps as re, normalizeStyle as L, onBeforeMount as ie, onBeforeUnmount as ae, onMounted as R, onUnmounted as z, openBlock as B, ref as V, renderList as H, renderSlot as U, resolveDynamicComponent as oe, shallowRef as se, toDisplayString as W, toRefs as G, unref as K, useAttrs as ce, vModelText as le, watch as q, withCtx as J, withDirectives as Y, withKeys as ue, withMemo as de, withModifiers as X } from "@poveste/vendors/vue";
|
|
6
6
|
import { createEventHook as fe, useClipboard as pe, useEventListener as me, useLiveAnnouncer as he, useTimeoutFn as ge, useVModel as Z } from "@poveste/vendors/vue-use";
|
|
7
7
|
import { Icon as _e } from "@poveste/vendors/iconify";
|
|
@@ -1948,7 +1948,7 @@ var pt = /* @__PURE__ */ M({
|
|
|
1948
1948
|
"style"
|
|
1949
1949
|
]));
|
|
1950
1950
|
}
|
|
1951
|
-
}), Pt = { class: "
|
|
1951
|
+
}), Pt = { class: "poveste-color-select-fields" }, Ft = ["value"], It = /* @__PURE__ */ M({
|
|
1952
1952
|
name: "HstColorSelect",
|
|
1953
1953
|
inheritAttrs: !1,
|
|
1954
1954
|
props: {
|
|
@@ -1979,7 +1979,7 @@ var pt = /* @__PURE__ */ M({
|
|
|
1979
1979
|
}
|
|
1980
1980
|
return (t, n) => (B(), T(l, {
|
|
1981
1981
|
title: e.title,
|
|
1982
|
-
class: I(["poveste-select
|
|
1982
|
+
class: I(["poveste-select poveste-color-select", t.$attrs.class]),
|
|
1983
1983
|
style: L(t.$attrs.style)
|
|
1984
1984
|
}, {
|
|
1985
1985
|
actions: J(() => [U(t.$slots, "actions")]),
|
|
@@ -1990,9 +1990,11 @@ var pt = /* @__PURE__ */ M({
|
|
|
1990
1990
|
}, {
|
|
1991
1991
|
"onUpdate:modelValue": n[0] ||= (e) => i.value = e,
|
|
1992
1992
|
type: "text",
|
|
1993
|
-
class: "
|
|
1993
|
+
class: "poveste-color-select-input",
|
|
1994
|
+
"data-slot": "input"
|
|
1994
1995
|
}), null, 16), [[le, i.value]]), O("input", {
|
|
1995
1996
|
type: "color",
|
|
1997
|
+
"data-slot": "picker",
|
|
1996
1998
|
value: e.modelValue,
|
|
1997
1999
|
onInput: n[1] ||= ((e) => s(e.target.value))
|
|
1998
2000
|
}, null, 40, Ft)])]),
|
|
@@ -2032,19 +2034,27 @@ var pt = /* @__PURE__ */ M({
|
|
|
2032
2034
|
default: J(() => [O("button", {
|
|
2033
2035
|
type: "button",
|
|
2034
2036
|
"aria-label": "Copy",
|
|
2035
|
-
class: "
|
|
2037
|
+
class: "poveste-copy-icon",
|
|
2038
|
+
"data-slot": "copy",
|
|
2036
2039
|
onClick: t[0] ||= (e) => l()
|
|
2037
2040
|
}, [A(K(_e), {
|
|
2038
2041
|
icon: "carbon:copy-file",
|
|
2039
|
-
class: "
|
|
2042
|
+
class: "poveste-copy-icon-glyph"
|
|
2040
2043
|
})])]),
|
|
2041
2044
|
_: 1
|
|
2042
2045
|
}, 8, ["content", "open"]));
|
|
2043
2046
|
}
|
|
2044
2047
|
}), Lt = {
|
|
2045
2048
|
key: 0,
|
|
2046
|
-
class: "poveste-color-shades
|
|
2047
|
-
|
|
2049
|
+
class: "poveste-color-shades",
|
|
2050
|
+
"data-slot": "shades"
|
|
2051
|
+
}, Rt = ["onMouseenter"], zt = { class: "poveste-token-row" }, Bt = {
|
|
2052
|
+
class: "poveste-token-text",
|
|
2053
|
+
"data-slot": "name"
|
|
2054
|
+
}, Vt = { class: "poveste-token-row" }, Ht = {
|
|
2055
|
+
class: "poveste-token-text",
|
|
2056
|
+
"data-slot": "value"
|
|
2057
|
+
}, Ut = /* @__PURE__ */ M({
|
|
2048
2058
|
name: "HstColorShades",
|
|
2049
2059
|
props: {
|
|
2050
2060
|
shades: {},
|
|
@@ -2079,11 +2089,12 @@ var pt = /* @__PURE__ */ M({
|
|
|
2079
2089
|
}), a = V(null);
|
|
2080
2090
|
return (e, t) => i.value.length ? (B(), D("div", Lt, [(B(!0), D(C, null, H(i.value, (n) => (B(), D("div", {
|
|
2081
2091
|
key: n.key,
|
|
2082
|
-
class: "
|
|
2092
|
+
class: "poveste-token-item",
|
|
2083
2093
|
onMouseenter: (e) => a.value = n.key,
|
|
2084
2094
|
onMouseleave: t[0] ||= (e) => a.value = null
|
|
2085
2095
|
}, [U(e.$slots, "default", { color: n.color }, () => [O("div", {
|
|
2086
|
-
class: "
|
|
2096
|
+
class: "poveste-color-shades-swatch",
|
|
2097
|
+
"data-slot": "swatch",
|
|
2087
2098
|
style: L({ backgroundColor: n.color })
|
|
2088
2099
|
}, null, 4)]), O("div", null, [O("div", zt, [A(s, { content: n.name.length > 23 ? n.name : "" }, {
|
|
2089
2100
|
default: J(() => [O("pre", Bt, W(n.name), 1)]),
|
|
@@ -2091,17 +2102,23 @@ var pt = /* @__PURE__ */ M({
|
|
|
2091
2102
|
}, 1032, ["content"]), a.value === n.key ? (B(), T($, {
|
|
2092
2103
|
key: 0,
|
|
2093
2104
|
content: n.name,
|
|
2094
|
-
class: "
|
|
2105
|
+
class: "poveste-token-copy"
|
|
2095
2106
|
}, null, 8, ["content"])) : E("", !0)]), O("div", Vt, [A(s, { content: n.color.length > 23 ? n.color : "" }, {
|
|
2096
2107
|
default: J(() => [O("pre", Ht, W(n.color), 1)]),
|
|
2097
2108
|
_: 2
|
|
2098
2109
|
}, 1032, ["content"]), a.value === n.key ? (B(), T($, {
|
|
2099
2110
|
key: 0,
|
|
2100
2111
|
content: n.color,
|
|
2101
|
-
class: "
|
|
2112
|
+
class: "poveste-token-copy"
|
|
2102
2113
|
}, null, 8, ["content"])) : E("", !0)])])], 40, Rt))), 128))])) : E("", !0);
|
|
2103
2114
|
}
|
|
2104
|
-
}), Wt = ["onMouseenter"], Gt = { class: "
|
|
2115
|
+
}), Wt = ["onMouseenter"], Gt = { class: "poveste-token-row" }, Kt = {
|
|
2116
|
+
class: "poveste-token-text",
|
|
2117
|
+
"data-slot": "name"
|
|
2118
|
+
}, qt = { class: "poveste-token-row" }, Jt = {
|
|
2119
|
+
class: "poveste-token-text",
|
|
2120
|
+
"data-slot": "value"
|
|
2121
|
+
}, Yt = /* @__PURE__ */ M({
|
|
2105
2122
|
name: "HstTokenGrid",
|
|
2106
2123
|
props: {
|
|
2107
2124
|
tokens: {},
|
|
@@ -2121,11 +2138,12 @@ var pt = /* @__PURE__ */ M({
|
|
|
2121
2138
|
return typeof e != "string" && !Array.isArray(e) ? "" : e.length > t ? String(e) : "";
|
|
2122
2139
|
}
|
|
2123
2140
|
return (t, o) => (B(), D("div", {
|
|
2124
|
-
class: "poveste-token-grid bind-col-size
|
|
2141
|
+
class: "poveste-token-grid bind-col-size",
|
|
2142
|
+
"data-slot": "grid",
|
|
2125
2143
|
style: L({ "--poveste-col-size": r.value })
|
|
2126
2144
|
}, [(B(!0), D(C, null, H(n.value, (n) => (B(), D("div", {
|
|
2127
2145
|
key: n.key,
|
|
2128
|
-
class: "
|
|
2146
|
+
class: "poveste-token-item",
|
|
2129
2147
|
onMouseenter: (e) => i.value = n.key,
|
|
2130
2148
|
onMouseleave: o[0] ||= (e) => i.value = null
|
|
2131
2149
|
}, [U(t.$slots, "default", { token: n }), O("div", null, [O("div", Gt, [A(s, { content: n.name.length > e.colSize / 8 ? n.name : "" }, {
|
|
@@ -2134,17 +2152,23 @@ var pt = /* @__PURE__ */ M({
|
|
|
2134
2152
|
}, 1032, ["content"]), i.value === n.key ? (B(), T($, {
|
|
2135
2153
|
key: 0,
|
|
2136
2154
|
content: n.name,
|
|
2137
|
-
class: "
|
|
2155
|
+
class: "poveste-token-copy"
|
|
2138
2156
|
}, null, 8, ["content"])) : E("", !0)]), O("div", qt, [A(s, { content: a(n.value, e.colSize / 8) }, {
|
|
2139
2157
|
default: J(() => [O("pre", Jt, W(n.value), 1)]),
|
|
2140
2158
|
_: 2
|
|
2141
2159
|
}, 1032, ["content"]), i.value === n.key ? (B(), T($, {
|
|
2142
2160
|
key: 0,
|
|
2143
2161
|
content: typeof n.value == "string" ? n.value : JSON.stringify(n.value),
|
|
2144
|
-
class: "
|
|
2162
|
+
class: "poveste-token-copy"
|
|
2145
2163
|
}, null, 8, ["content"])) : E("", !0)])])], 40, Wt))), 128))], 4));
|
|
2146
2164
|
}
|
|
2147
|
-
}), Xt = ["onMouseenter"], Zt = { class: "
|
|
2165
|
+
}), Xt = ["onMouseenter"], Zt = { class: "poveste-token-list-labels" }, Qt = { class: "poveste-token-row" }, $t = {
|
|
2166
|
+
class: "poveste-token-text",
|
|
2167
|
+
"data-slot": "name"
|
|
2168
|
+
}, en = { class: "poveste-token-row" }, tn = {
|
|
2169
|
+
class: "poveste-token-text",
|
|
2170
|
+
"data-slot": "value"
|
|
2171
|
+
}, nn = /* @__PURE__ */ M({
|
|
2148
2172
|
name: "HstTokenList",
|
|
2149
2173
|
props: {
|
|
2150
2174
|
tokens: {},
|
|
@@ -2161,17 +2185,18 @@ var pt = /* @__PURE__ */ M({
|
|
|
2161
2185
|
}), r = V(null);
|
|
2162
2186
|
return (e, t) => (B(!0), D(C, null, H(n.value, (n) => (B(), D("div", {
|
|
2163
2187
|
key: n.key,
|
|
2164
|
-
class: "poveste-token-list
|
|
2188
|
+
class: "poveste-token-list",
|
|
2189
|
+
"data-slot": "token",
|
|
2165
2190
|
onMouseenter: (e) => r.value = n.key,
|
|
2166
2191
|
onMouseleave: t[0] ||= (e) => r.value = null
|
|
2167
2192
|
}, [U(e.$slots, "default", { token: n }), O("div", Zt, [O("div", Qt, [O("pre", $t, W(n.name), 1), r.value === n.key ? (B(), T($, {
|
|
2168
2193
|
key: 0,
|
|
2169
2194
|
content: n.name,
|
|
2170
|
-
class: "
|
|
2195
|
+
class: "poveste-token-copy"
|
|
2171
2196
|
}, null, 8, ["content"])) : E("", !0)]), O("div", en, [O("pre", tn, W(n.value), 1), r.value === n.key ? (B(), T($, {
|
|
2172
2197
|
key: 0,
|
|
2173
2198
|
content: typeof n.value == "string" ? n.value : JSON.stringify(n.value),
|
|
2174
|
-
class: "
|
|
2199
|
+
class: "poveste-token-copy"
|
|
2175
2200
|
}, null, 8, ["content"])) : E("", !0)])])], 40, Xt))), 128));
|
|
2176
2201
|
}
|
|
2177
2202
|
}), rn = /* @__PURE__ */ M({
|
|
@@ -2539,13 +2564,13 @@ var pt = /* @__PURE__ */ M({
|
|
|
2539
2564
|
"style"
|
|
2540
2565
|
]));
|
|
2541
2566
|
}
|
|
2542
|
-
}), gn = ye, _n = Tt, vn = Mt, yn = Nt, bn = pn, xn = rn, Sn = dn, Cn = hn, wn = ln, Tn = Ut, En = nn, Dn = Yt, On = $, kn = s, An = an, jn = Object.assign(j(() => import("./HstJson-
|
|
2567
|
+
}), gn = ye, _n = Tt, vn = Mt, yn = Nt, bn = pn, xn = rn, Sn = dn, Cn = hn, wn = ln, Tn = Ut, En = nn, Dn = Yt, On = $, kn = s, An = an, jn = Object.assign(j(() => import("./HstJson-CClJDodg.es.js")), {
|
|
2543
2568
|
name: "HstJson",
|
|
2544
2569
|
emits: ["update:modelValue"]
|
|
2545
|
-
}), Mn = Object.assign(j(() => import("./HstDate-
|
|
2570
|
+
}), Mn = Object.assign(j(() => import("./HstDate-CFGLzzai.es.js")), {
|
|
2546
2571
|
name: "HstDate",
|
|
2547
2572
|
emits: ["update:modelValue"]
|
|
2548
|
-
}), Nn = Object.assign(j(() => import("./HstColor-
|
|
2573
|
+
}), Nn = Object.assign(j(() => import("./HstColor-BnPyFVL_.es.js")), {
|
|
2549
2574
|
name: "HstColor",
|
|
2550
2575
|
emits: ["update:modelValue"]
|
|
2551
2576
|
}), Pn = It, Fn = {
|
|
@@ -3,30 +3,14 @@
|
|
|
3
3
|
@layer theme, base, components, utilities;
|
|
4
4
|
@layer theme {
|
|
5
5
|
:root, :host {
|
|
6
|
-
--color-orange-500: oklch(70.5% 0.213 47.604);
|
|
7
|
-
--color-gray-50: var(--_poveste-color-gray-50, #fafafa);
|
|
8
6
|
--color-gray-100: var(--_poveste-color-gray-100, #f4f4f5);
|
|
9
7
|
--color-gray-200: var(--_poveste-color-gray-200, #e4e4e7);
|
|
10
|
-
--color-gray-400: var(--_poveste-color-gray-400, #a1a1aa);
|
|
11
8
|
--color-gray-500: var(--_poveste-color-gray-500, #71717a);
|
|
12
9
|
--color-gray-700: var(--_poveste-color-gray-700, #3f3f46);
|
|
13
|
-
--color-gray-900: var(--_poveste-color-gray-900, #18181b);
|
|
14
|
-
--color-black: #000;
|
|
15
|
-
--color-white: #fff;
|
|
16
|
-
--spacing: 0.25rem;
|
|
17
|
-
--radius-sm: 0.25rem;
|
|
18
10
|
--default-transition-duration: 150ms;
|
|
19
11
|
--default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
20
12
|
--radius: 0.375rem;
|
|
21
|
-
--color-primary-100: var(--_poveste-color-primary-100, #d1fae5);
|
|
22
|
-
--color-primary-200: var(--_poveste-color-primary-200, #a7f3d0);
|
|
23
13
|
--color-primary-500: var(--_poveste-color-primary-500, #10b981);
|
|
24
|
-
--color-primary-600: var(--_poveste-color-primary-600, #059669);
|
|
25
|
-
--color-primary-700: var(--_poveste-color-primary-700, #047857);
|
|
26
|
-
--color-primary-800: var(--_poveste-color-primary-800, #065f46);
|
|
27
|
-
--color-primary-900: var(--_poveste-color-primary-900, #064e3b);
|
|
28
|
-
--color-gray-750: var(--_poveste-color-gray-750, #323238);
|
|
29
|
-
--color-gray-850: var(--_poveste-color-gray-850, #1f1f21);
|
|
30
14
|
}
|
|
31
15
|
}
|
|
32
16
|
@layer utilities {
|
|
@@ -36,27 +20,6 @@
|
|
|
36
20
|
.fixed {
|
|
37
21
|
position: fixed;
|
|
38
22
|
}
|
|
39
|
-
.relative {
|
|
40
|
-
position: relative;
|
|
41
|
-
}
|
|
42
|
-
.m-4 {
|
|
43
|
-
margin: calc(var(--spacing) * 4);
|
|
44
|
-
}
|
|
45
|
-
.mx-4 {
|
|
46
|
-
margin-inline: calc(var(--spacing) * 4);
|
|
47
|
-
}
|
|
48
|
-
.-my-1 {
|
|
49
|
-
margin-block: calc(var(--spacing) * -1);
|
|
50
|
-
}
|
|
51
|
-
.my-0 {
|
|
52
|
-
margin-block: 0px;
|
|
53
|
-
}
|
|
54
|
-
.my-8 {
|
|
55
|
-
margin-block: calc(var(--spacing) * 8);
|
|
56
|
-
}
|
|
57
|
-
.box-border {
|
|
58
|
-
box-sizing: border-box;
|
|
59
|
-
}
|
|
60
23
|
.block {
|
|
61
24
|
display: block;
|
|
62
25
|
}
|
|
@@ -69,42 +32,15 @@
|
|
|
69
32
|
.hidden {
|
|
70
33
|
display: none;
|
|
71
34
|
}
|
|
72
|
-
.h-4 {
|
|
73
|
-
height: calc(var(--spacing) * 4);
|
|
74
|
-
}
|
|
75
|
-
.h-16 {
|
|
76
|
-
height: calc(var(--spacing) * 16);
|
|
77
|
-
}
|
|
78
|
-
.h-48 {
|
|
79
|
-
height: calc(var(--spacing) * 48);
|
|
80
|
-
}
|
|
81
|
-
.min-h-32 {
|
|
82
|
-
min-height: calc(var(--spacing) * 32);
|
|
83
|
-
}
|
|
84
|
-
.w-4 {
|
|
85
|
-
width: calc(var(--spacing) * 4);
|
|
86
|
-
}
|
|
87
|
-
.w-16 {
|
|
88
|
-
width: calc(var(--spacing) * 16);
|
|
89
|
-
}
|
|
90
|
-
.w-28 {
|
|
91
|
-
width: calc(var(--spacing) * 28);
|
|
92
|
-
}
|
|
93
|
-
.w-full {
|
|
94
|
-
width: 100%;
|
|
95
|
-
}
|
|
96
35
|
.max-w-full {
|
|
97
36
|
max-width: 100%;
|
|
98
37
|
}
|
|
99
38
|
.flex-none {
|
|
100
39
|
flex: none;
|
|
101
40
|
}
|
|
102
|
-
.shrink {
|
|
41
|
+
.flex-shrink {
|
|
103
42
|
flex-shrink: 1;
|
|
104
43
|
}
|
|
105
|
-
.shrink-0 {
|
|
106
|
-
flex-shrink: 0;
|
|
107
|
-
}
|
|
108
44
|
.flex-grow {
|
|
109
45
|
flex-grow: 1;
|
|
110
46
|
}
|
|
@@ -117,80 +53,22 @@
|
|
|
117
53
|
.transform {
|
|
118
54
|
transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
|
|
119
55
|
}
|
|
120
|
-
.cursor-pointer {
|
|
121
|
-
cursor: pointer;
|
|
122
|
-
}
|
|
123
|
-
.cursor-text {
|
|
124
|
-
cursor: text;
|
|
125
|
-
}
|
|
126
56
|
.resize {
|
|
127
57
|
resize: both;
|
|
128
58
|
}
|
|
129
|
-
.resize-y {
|
|
130
|
-
resize: vertical;
|
|
131
|
-
}
|
|
132
|
-
.grid-cols-\[repeat\(auto-fill\,minmax\(200px\,1fr\)\)\] {
|
|
133
|
-
grid-template-columns: repeat(auto-fill,minmax(200px,1fr));
|
|
134
|
-
}
|
|
135
|
-
.flex-col {
|
|
136
|
-
flex-direction: column;
|
|
137
|
-
}
|
|
138
|
-
.flex-row {
|
|
139
|
-
flex-direction: row;
|
|
140
|
-
}
|
|
141
59
|
.flex-wrap {
|
|
142
60
|
flex-wrap: wrap;
|
|
143
61
|
}
|
|
144
|
-
.items-center {
|
|
145
|
-
align-items: center;
|
|
146
|
-
}
|
|
147
|
-
.gap-1 {
|
|
148
|
-
gap: var(--spacing);
|
|
149
|
-
}
|
|
150
|
-
.gap-2 {
|
|
151
|
-
gap: calc(var(--spacing) * 2);
|
|
152
|
-
}
|
|
153
|
-
.gap-4 {
|
|
154
|
-
gap: calc(var(--spacing) * 4);
|
|
155
|
-
}
|
|
156
|
-
.truncate {
|
|
157
|
-
overflow: hidden;
|
|
158
|
-
text-overflow: ellipsis;
|
|
159
|
-
white-space: nowrap;
|
|
160
|
-
}
|
|
161
|
-
.overflow-auto {
|
|
162
|
-
overflow: auto;
|
|
163
|
-
}
|
|
164
62
|
.overflow-hidden {
|
|
165
63
|
overflow: hidden;
|
|
166
64
|
}
|
|
167
65
|
.rounded {
|
|
168
66
|
border-radius: var(--radius);
|
|
169
67
|
}
|
|
170
|
-
.rounded-full {
|
|
171
|
-
border-radius: calc(infinity * 1px);
|
|
172
|
-
}
|
|
173
|
-
.rounded-sm {
|
|
174
|
-
border-radius: var(--radius-sm);
|
|
175
|
-
}
|
|
176
68
|
.border {
|
|
177
69
|
border-style: var(--tw-border-style);
|
|
178
70
|
border-width: 1px;
|
|
179
71
|
}
|
|
180
|
-
.border-0 {
|
|
181
|
-
border-style: var(--tw-border-style);
|
|
182
|
-
border-width: 0px;
|
|
183
|
-
}
|
|
184
|
-
.border-solid {
|
|
185
|
-
--tw-border-style: solid;
|
|
186
|
-
border-style: solid;
|
|
187
|
-
}
|
|
188
|
-
.border-black\/25 {
|
|
189
|
-
border-color: color-mix(in srgb, #000 25%, transparent);
|
|
190
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
191
|
-
border-color: color-mix(in oklab, var(--color-black) 25%, transparent);
|
|
192
|
-
}
|
|
193
|
-
}
|
|
194
72
|
.bg-gray-200 {
|
|
195
73
|
background-color: var(--color-gray-200);
|
|
196
74
|
}
|
|
@@ -200,39 +78,6 @@
|
|
|
200
78
|
background-color: color-mix(in oklab, var(--color-gray-500) 20%, transparent);
|
|
201
79
|
}
|
|
202
80
|
}
|
|
203
|
-
.bg-transparent {
|
|
204
|
-
background-color: transparent;
|
|
205
|
-
}
|
|
206
|
-
.p-0 {
|
|
207
|
-
padding: 0px;
|
|
208
|
-
}
|
|
209
|
-
.p-2 {
|
|
210
|
-
padding: calc(var(--spacing) * 2);
|
|
211
|
-
}
|
|
212
|
-
.px-2 {
|
|
213
|
-
padding-inline: calc(var(--spacing) * 2);
|
|
214
|
-
}
|
|
215
|
-
.py-1 {
|
|
216
|
-
padding-block: var(--spacing);
|
|
217
|
-
}
|
|
218
|
-
.text-ellipsis {
|
|
219
|
-
text-overflow: ellipsis;
|
|
220
|
-
}
|
|
221
|
-
.whitespace-nowrap {
|
|
222
|
-
white-space: nowrap;
|
|
223
|
-
}
|
|
224
|
-
.text-gray-500 {
|
|
225
|
-
color: var(--color-gray-500);
|
|
226
|
-
}
|
|
227
|
-
.text-inherit {
|
|
228
|
-
color: inherit;
|
|
229
|
-
}
|
|
230
|
-
.text-orange-500 {
|
|
231
|
-
color: var(--color-orange-500);
|
|
232
|
-
}
|
|
233
|
-
.opacity-50 {
|
|
234
|
-
opacity: 50%;
|
|
235
|
-
}
|
|
236
81
|
.ring {
|
|
237
82
|
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
238
83
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
@@ -254,53 +99,44 @@
|
|
|
254
99
|
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
255
100
|
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
256
101
|
}
|
|
257
|
-
.outline-none {
|
|
258
|
-
--tw-outline-style: none;
|
|
259
|
-
outline-style: none;
|
|
260
|
-
}
|
|
261
|
-
.focus-within\:border-primary-500:focus-within {
|
|
262
|
-
border-color: var(--color-primary-500);
|
|
263
|
-
}
|
|
264
|
-
@media (hover: hover) {
|
|
265
|
-
.hover\:bg-primary-100:hover {
|
|
266
|
-
background-color: var(--color-primary-100);
|
|
267
|
-
}
|
|
268
|
-
.hover\:text-primary-500:hover {
|
|
269
|
-
color: var(--color-primary-500);
|
|
270
|
-
}
|
|
271
|
-
.hover\:opacity-100:hover {
|
|
272
|
-
opacity: 100%;
|
|
273
|
-
}
|
|
274
|
-
}
|
|
275
|
-
.focus\:border-primary-500:focus {
|
|
276
|
-
border-color: var(--color-primary-500);
|
|
277
|
-
}
|
|
278
|
-
.focus-visible\:opacity-100:focus-visible {
|
|
279
|
-
opacity: 100%;
|
|
280
|
-
}
|
|
281
|
-
.dark\:border-white\/25:where(.ptw-dark, .ptw-dark *) {
|
|
282
|
-
border-color: color-mix(in srgb, #fff 25%, transparent);
|
|
283
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
284
|
-
border-color: color-mix(in oklab, var(--color-white) 25%, transparent);
|
|
285
|
-
}
|
|
286
|
-
}
|
|
287
102
|
.dark\:bg-gray-700:where(.ptw-dark, .ptw-dark *) {
|
|
288
103
|
background-color: var(--color-gray-700);
|
|
289
104
|
}
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
105
|
+
}
|
|
106
|
+
:where([class*='poveste-']) {
|
|
107
|
+
--_poveste-primary-50: var(--_poveste-color-primary-50, #ecfdf5);
|
|
108
|
+
--_poveste-primary-100: var(--_poveste-color-primary-100, #d1fae5);
|
|
109
|
+
--_poveste-primary-200: var(--_poveste-color-primary-200, #a7f3d0);
|
|
110
|
+
--_poveste-primary-300: var(--_poveste-color-primary-300, #6ee7b7);
|
|
111
|
+
--_poveste-primary-400: var(--_poveste-color-primary-400, #34d399);
|
|
112
|
+
--_poveste-primary-500: var(--_poveste-color-primary-500, #10b981);
|
|
113
|
+
--_poveste-primary-600: var(--_poveste-color-primary-600, #059669);
|
|
114
|
+
--_poveste-primary-700: var(--_poveste-color-primary-700, #047857);
|
|
115
|
+
--_poveste-primary-800: var(--_poveste-color-primary-800, #065f46);
|
|
116
|
+
--_poveste-primary-900: var(--_poveste-color-primary-900, #064e3b);
|
|
117
|
+
--_poveste-gray-50: var(--_poveste-color-gray-50, #fafafa);
|
|
118
|
+
--_poveste-gray-100: var(--_poveste-color-gray-100, #f4f4f5);
|
|
119
|
+
--_poveste-gray-200: var(--_poveste-color-gray-200, #e4e4e7);
|
|
120
|
+
--_poveste-gray-300: var(--_poveste-color-gray-300, #d4d4d8);
|
|
121
|
+
--_poveste-gray-400: var(--_poveste-color-gray-400, #a1a1aa);
|
|
122
|
+
--_poveste-gray-500: var(--_poveste-color-gray-500, #71717a);
|
|
123
|
+
--_poveste-gray-600: var(--_poveste-color-gray-600, #52525b);
|
|
124
|
+
--_poveste-gray-700: var(--_poveste-color-gray-700, #3f3f46);
|
|
125
|
+
--_poveste-gray-750: var(--_poveste-color-gray-750, #323238);
|
|
126
|
+
--_poveste-gray-800: var(--_poveste-color-gray-800, #27272a);
|
|
127
|
+
--_poveste-gray-850: var(--_poveste-color-gray-850, #1f1f21);
|
|
128
|
+
--_poveste-gray-900: var(--_poveste-color-gray-900, #18181b);
|
|
129
|
+
--_poveste-gray-950: var(--_poveste-color-gray-950, #101012);
|
|
130
|
+
--_poveste-radius-sm: 0.25rem;
|
|
131
|
+
--_poveste-radius: 0.375rem;
|
|
132
|
+
--_poveste-radius-md: 0.5rem;
|
|
133
|
+
--_poveste-radius-lg: 0.75rem;
|
|
134
|
+
--_poveste-radius-xl: 1rem;
|
|
135
|
+
--_poveste-radius-2xl: 1.5rem;
|
|
136
|
+
--_poveste-radius-3xl: 2rem;
|
|
137
|
+
--_poveste-white: #fff;
|
|
138
|
+
--_poveste-black: #000;
|
|
139
|
+
--_poveste-warning: oklch(70.5% .213 47.604);
|
|
304
140
|
}
|
|
305
141
|
body {
|
|
306
142
|
font-size: 1.125rem;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { D as e } from "./HstWrapper-
|
|
1
|
+
import { D as e } from "./HstWrapper-CpSNPVQJ.es.js";
|
|
2
2
|
import { computed as t, ref as n } from "@poveste/vendors/vue";
|
|
3
3
|
//#region ../../node_modules/.pnpm/reka-ui@2.11.0_vue@3.5.44_typescript@6.0.3_/node_modules/reka-ui/dist/shared/clamp.js
|
|
4
4
|
function r(e, t = -Infinity, n = Infinity) {
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@poveste/controls",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "0.
|
|
4
|
+
"version": "0.21.0",
|
|
5
5
|
"description": "Prebuilt controls components",
|
|
6
6
|
"author": {
|
|
7
7
|
"name": "Sorin Gitlan",
|
|
@@ -52,8 +52,8 @@
|
|
|
52
52
|
"@codemirror/state": "^6.7.6",
|
|
53
53
|
"@codemirror/theme-one-dark": "^6.1.2",
|
|
54
54
|
"@codemirror/view": "^6.43.14",
|
|
55
|
-
"@poveste/shared": "^0.
|
|
56
|
-
"@poveste/vendors": "^0.
|
|
55
|
+
"@poveste/shared": "^0.21.0",
|
|
56
|
+
"@poveste/vendors": "^0.21.0"
|
|
57
57
|
},
|
|
58
58
|
"devDependencies": {
|
|
59
59
|
"@iconify/vue": "^5.0.3",
|
|
@@ -66,13 +66,13 @@
|
|
|
66
66
|
"@vue/test-utils": "^2.5.1",
|
|
67
67
|
"@vueuse/core": "^15.0.0",
|
|
68
68
|
"concurrently": "^10.0.6",
|
|
69
|
-
"jsdom": "^30.1.
|
|
70
|
-
"postcss": "^8.5.
|
|
69
|
+
"jsdom": "^30.1.3",
|
|
70
|
+
"postcss": "^8.5.31",
|
|
71
71
|
"reka-ui": "^2.11.0",
|
|
72
72
|
"tailwindcss": "^4.3.3",
|
|
73
73
|
"typescript": "6.0.3",
|
|
74
74
|
"vite": "^8.3.4",
|
|
75
|
-
"vitest": "^5.0.
|
|
75
|
+
"vitest": "^5.0.5",
|
|
76
76
|
"vue": "^3.5.44",
|
|
77
77
|
"vue-tsc": "^3.3.13"
|
|
78
78
|
},
|