@poveste/controls 0.19.1 → 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.
Files changed (15) hide show
  1. package/dist/{useKbd-DQM4Oqri.es.js → FieldRoot-BOFK7006.es.js} +13 -3
  2. package/dist/{HstColor-DHgxKTkm.es.js → HstColor-BnPyFVL_.es.js} +54 -54
  3. package/dist/{HstDate-Ct5Jp_ZD.es.js → HstDate-CFGLzzai.es.js} +1401 -1235
  4. package/dist/{HstJson-D83KEa9o.es.js → HstJson-CClJDodg.es.js} +2310 -2298
  5. package/dist/{HstWrapper-Bm5H3_to.es.js → HstWrapper-CpSNPVQJ.es.js} +487 -471
  6. package/dist/{PopoverTrigger-BVAfE9fE.es.js → PopoverTrigger-Cu3v0RQ6.es.js} +158 -144
  7. package/dist/THIRD_PARTY_NOTICES.md +3 -3
  8. package/dist/{VisuallyHiddenInput-0it-_FH2.es.js → VisuallyHiddenInput-o7pCu1YG.es.js} +11 -11
  9. package/dist/components/HstCopyIcon.vue.d.ts +4 -0
  10. package/dist/index.d.ts +4 -0
  11. package/dist/index.es.css +1 -1
  12. package/dist/index.es.js +721 -608
  13. package/dist/style-standalone.css +36 -262
  14. package/dist/{useLocale-Dr4PRYn1.es.js → useLocale-Cgl4bY7N.es.js} +3 -3
  15. package/package.json +16 -16
package/dist/{VisuallyHiddenInput-0it-_FH2.es.js → VisuallyHiddenInput-o7pCu1YG.es.js} RENAMED
@@ -1,13 +1,13 @@
1
- import { d as e, s as t } from "./HstWrapper-Bm5H3_to.es.js";
2
- import { o as n } from "./PopoverTrigger-BVAfE9fE.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
- //#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.43_typescript@6.0.3_/node_modules/reka-ui/dist/shared/useFormControl.js
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
6
6
  function x(e) {
7
7
  return i(() => !_(e) || !!b(e)?.closest("form"));
8
8
  }
9
9
  //#endregion
10
- //#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.43_typescript@6.0.3_/node_modules/reka-ui/dist/Collection/Collection.js
10
+ //#region ../../node_modules/.pnpm/reka-ui@2.11.0_vue@3.5.44_typescript@6.0.3_/node_modules/reka-ui/dist/Collection/Collection.js
11
11
  var S = "data-reka-collection-item";
12
12
  function C(t = {}) {
13
13
  let { key: r = "", isProvider: a = !1 } = t, o = `${r}CollectionProvider`, s;
@@ -70,7 +70,7 @@ function C(t = {}) {
70
70
  };
71
71
  }
72
72
  //#endregion
73
- //#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.43_typescript@6.0.3_/node_modules/reka-ui/dist/VisuallyHidden/VisuallyHiddenInputBubble.js
73
+ //#region ../../node_modules/.pnpm/reka-ui@2.11.0_vue@3.5.44_typescript@6.0.3_/node_modules/reka-ui/dist/VisuallyHidden/VisuallyHiddenInputBubble.js
74
74
  var w = /* @__PURE__ */ c({
75
75
  inheritAttrs: !1,
76
76
  __name: "VisuallyHiddenInputBubble",
@@ -164,18 +164,18 @@ var w = /* @__PURE__ */ c({
164
164
  name: `${t.name}[${e}]`,
165
165
  value: n
166
166
  })) : []);
167
- return (e, i) => (p(), s(r, null, [o(" We render single input if it's required "), n.value ? (p(), a(w, f({ key: e.name }, {
167
+ return (i, l) => (p(), s(r, null, [o(" We render single input if it's required "), n.value ? (p(), a(w, f({ key: e.name }, {
168
168
  ...t,
169
- ...e.$attrs
169
+ ...i.$attrs
170
170
  }, {
171
171
  name: e.name,
172
172
  value: e.value
173
- }), null, 16, ["name", "value"])) : (p(!0), s(r, { key: 1 }, g(c.value, (n) => (p(), a(w, f({ key: n.name }, { ref_for: !0 }, {
173
+ }), null, 16, ["name", "value"])) : (p(!0), s(r, { key: 1 }, g(c.value, (e) => (p(), a(w, f({ key: e.name }, { ref_for: !0 }, {
174
174
  ...t,
175
- ...e.$attrs
175
+ ...i.$attrs
176
176
  }, {
177
- name: n.name,
178
- value: n.value
177
+ name: e.name,
178
+ value: e.value
179
179
  }), null, 16, ["name", "value"]))), 128))], 2112));
180
180
  }
181
181
  });
package/dist/components/HstCopyIcon.vue.d.ts CHANGED
@@ -3,6 +3,10 @@ declare const _default: typeof __VLS_export;
3
3
  export default _default;
4
4
  declare const __VLS_export: import("vue").DefineComponent<{
5
5
  content: string | undefined | (() => Awaitable<string | undefined>);
6
+ /** The content is on its way, so an empty one is not yet "nothing" (#1314). */
7
+ loading?: boolean;
6
8
  }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
7
9
  content: string | undefined | (() => Awaitable<string | undefined>);
10
+ /** The content is on its way, so an empty one is not yet "nothing" (#1314). */
11
+ loading?: boolean;
8
12
  }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
package/dist/index.d.ts CHANGED
@@ -403,8 +403,10 @@ export declare const HstTokenGrid: {
403
403
  });
404
404
  export declare const HstCopyIcon: import("vue").DefineComponent<{
405
405
  content: string | undefined | (() => import("@poveste/shared").Awaitable<string | undefined>);
406
+ loading?: boolean;
406
407
  }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
407
408
  content: string | undefined | (() => import("@poveste/shared").Awaitable<string | undefined>);
409
+ loading?: boolean;
408
410
  }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
409
411
  /**
410
412
  * Public because `@poveste/app` uses it too: one wrapper for the whole chrome
@@ -1286,8 +1288,10 @@ export declare const components: {
1286
1288
  });
1287
1289
  HstCopyIcon: import("vue").DefineComponent<{
1288
1290
  content: string | undefined | (() => import("@poveste/shared").Awaitable<string | undefined>);
1291
+ loading?: boolean;
1289
1292
  }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
1290
1293
  content: string | undefined | (() => import("@poveste/shared").Awaitable<string | undefined>);
1294
+ loading?: boolean;
1291
1295
  }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
1292
1296
  HstColorSelect: {
1293
1297
  new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
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*/