@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.
@@ -1,4 +1,4 @@
1
- import { k as e } from "./HstWrapper-Cmp1NHo2.es.js";
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-CxBCWkuJ.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-Cmp1NHo2.es.js";
3
- import { i as l, n as u, o as d, r as f, t as p } from "./PopoverTrigger-jwwWaiEH.es.js";
4
- import { n as m, r as h, t as g } from "./VisuallyHiddenInput-je9d-WO7.es.js";
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-CxBCWkuJ.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-Cmp1NHo2.es.js";
3
- import { i as u, n as d, o as f, r as p, s as m, t as h } from "./PopoverTrigger-jwwWaiEH.es.js";
4
- import { n as ee, r as g, t as _ } from "./FieldRoot-BvWZYJBo.es.js";
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-Cmp1NHo2.es.js";
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 cursor-text", u.$attrs.class]),
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 flex-none text-orange-500"
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 flex-none text-gray-500 dark:text-gray-400"
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 w-full border border-solid border-black/25 dark:border-white/25 focus-within:border-primary-500 dark:focus-within:border-primary-500 rounded-sm box-border overflow-auto resize-y min-h-32 h-48 relative"
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-4b978a74"]]);
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 = { class: "w-28 whitespace-nowrap text-ellipsis overflow-hidden shrink-0" }, qr = { class: "grow max-w-full flex items-center gap-1" }, Jr = { class: "block grow max-w-full" }, Yr = /* @__PURE__ */ m({
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), { class: "poveste-wrapper histoire-wrapper p-2 hover:bg-primary-100 dark:hover:bg-primary-800 flex gap-2 flex-wrap" }, {
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-Cmp1NHo2.es.js";
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-Cmp1NHo2.es.js";
2
- import { o as n } from "./PopoverTrigger-jwwWaiEH.es.js";
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-Cmp1NHo2.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-jwwWaiEH.es.js";
3
- import { n as y, r as ee, t as te } from "./FieldRoot-BvWZYJBo.es.js";
4
- import { n as b, r as x, t as S } from "./VisuallyHiddenInput-je9d-WO7.es.js";
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: "flex flex-row gap-1" }, Ft = ["value"], It = /* @__PURE__ */ M({
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 cursor-text items-center", t.$attrs.class]),
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: "text-inherit bg-transparent w-full outline-none px-2 py-1 -my-1 border border-solid border-black/25 dark:border-white/25 focus:border-primary-500 dark:focus:border-primary-500 rounded-sm"
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: "flex p-0 bg-transparent border-0 text-inherit opacity-50 hover:opacity-100 focus-visible:opacity-100 hover:text-primary-500 cursor-pointer",
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: "w-4 h-4"
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 grid gap-4 grid-cols-[repeat(auto-fill,minmax(200px,1fr))] m-4"
2047
- }, Rt = ["onMouseenter"], zt = { class: "flex gap-1" }, Bt = { class: "my-0 truncate shrink" }, Vt = { class: "flex gap-1" }, Ht = { class: "my-0 opacity-50 truncate shrink" }, Ut = /* @__PURE__ */ M({
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: "flex flex-col gap-2",
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: "rounded-full w-16 h-16",
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: "flex-none"
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: "flex-none"
2112
+ class: "poveste-token-copy"
2102
2113
  }, null, 8, ["content"])) : E("", !0)])])], 40, Rt))), 128))])) : E("", !0);
2103
2114
  }
2104
- }), Wt = ["onMouseenter"], Gt = { class: "flex gap-1" }, Kt = { class: "my-0 truncate shrink" }, qt = { class: "flex gap-1" }, Jt = { class: "my-0 opacity-50 truncate shrink" }, Yt = /* @__PURE__ */ M({
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 grid gap-4 m-4",
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: "flex flex-col gap-2",
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: "flex-none"
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: "flex-none"
2162
+ class: "poveste-token-copy"
2145
2163
  }, null, 8, ["content"])) : E("", !0)])])], 40, Wt))), 128))], 4));
2146
2164
  }
2147
- }), Xt = ["onMouseenter"], Zt = { class: "mx-4" }, Qt = { class: "flex gap-1" }, $t = { class: "my-0 truncate shrink" }, en = { class: "flex gap-1" }, tn = { class: "my-0 opacity-50 truncate shrink" }, nn = /* @__PURE__ */ M({
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 flex flex-col gap-2 my-8",
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: "flex-none"
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: "flex-none"
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-D-kWKp2N.es.js")), {
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-ChfBXuBy.es.js")), {
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-SVvuA8Gz.es.js")), {
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
- .dark\:text-gray-400:where(.ptw-dark, .ptw-dark *) {
291
- color: var(--color-gray-400);
292
- }
293
- .dark\:focus-within\:border-primary-500:where(.ptw-dark, .ptw-dark *):focus-within {
294
- border-color: var(--color-primary-500);
295
- }
296
- @media (hover: hover) {
297
- .dark\:hover\:bg-primary-800:where(.ptw-dark, .ptw-dark *):hover {
298
- background-color: var(--color-primary-800);
299
- }
300
- }
301
- .dark\:focus\:border-primary-500:where(.ptw-dark, .ptw-dark *):focus {
302
- border-color: var(--color-primary-500);
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-Cmp1NHo2.es.js";
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.20.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.20.0",
56
- "@poveste/vendors": "^0.20.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.2",
70
- "postcss": "^8.5.23",
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.4",
75
+ "vitest": "^5.0.5",
76
76
  "vue": "^3.5.44",
77
77
  "vue-tsc": "^3.3.13"
78
78
  },