@poveste/controls 0.15.0 → 0.16.1

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 export declare const HstButton: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
-        color?: "flat" | "default" | "primary";
+        color?: "default" | "primary" | "flat";
     }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
@@ -9,13 +9,13 @@ export declare const HstButton: {
         M: {};
         Defaults: {};
     }, Readonly<{
-        color?: "flat" | "default" | "primary";
+        color?: "default" | "primary" | "flat";
     }> & Readonly<{}>, {}, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<{
-    color?: "flat" | "default" | "primary";
+    color?: "default" | "primary" | "flat";
 }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         default?: (props: {}) => any;
@@ -406,6 +406,63 @@ export declare const HstCopyIcon: import("vue").DefineComponent<{
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
     content: string | (() => import("@poveste/shared").Awaitable<string>);
 }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+/**
+ * Public because `@poveste/app` uses it too: one wrapper for the whole chrome
+ * rather than one per package, which is what floating-vue's single theme was.
+ *
+ * Deliberately absent from `components` below. That list is the controls a story
+ * book registers globally and the Svelte bridge mirrors as `Hst.*`; a tooltip is
+ * not a control and has no state to bind.
+ */
+export declare const HstTooltip: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
+        content?: string | null | undefined;
+        side?: "top" | "right" | "bottom" | "left";
+        offset?: number;
+        open?: boolean | undefined;
+    }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+        content: string | null | undefined;
+        side: "top" | "right" | "bottom" | "left";
+        offset: number;
+        open: boolean | undefined;
+    }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        content?: string | null | undefined;
+        side?: "top" | "right" | "bottom" | "left";
+        offset?: number;
+        open?: boolean | undefined;
+    }> & Readonly<{}>, {}, {}, {}, {}, {
+        content: string | null | undefined;
+        side: "top" | "right" | "bottom" | "left";
+        offset: number;
+        open: boolean | undefined;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<{
+    content?: string | null | undefined;
+    side?: "top" | "right" | "bottom" | "left";
+    offset?: number;
+    open?: boolean | undefined;
+}> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    content: string | null | undefined;
+    side: "top" | "right" | "bottom" | "left";
+    offset: number;
+    open: boolean | undefined;
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        default?: (props: {}) => any;
+    } & {
+        content?: (props: {}) => any;
+    };
+});
 export declare const HstRadio: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
         title?: string;
@@ -446,9 +503,25 @@ export declare const HstRadio: {
     };
 });
 /**
- * Lazy because it is a CodeMirror editor — 430 KB of this package's 460 (#374).
+ * The three controls a book pays for only when it uses one.
+ *
+ * `HstJson` is a CodeMirror editor — 430 KB of this package's 460 (#374).
+ * `HstDate` and `HstColor` are Reka's date and colour stacks, 215 KB and 101 KB
+ * of a built book, and a book with no date in it was downloading both.
+ *
  * Needs `inlineDynamicImports: false` in the build config to mean anything: a
  * single-entry lib build flattens dynamic imports back into one file.
+ *
+ * Nothing renders until the chunk arrives — no spinner, no reserved box. That is
+ * what `HstJson` has always done, and a controls panel is already laid out one
+ * row at a time, so a row appearing is the same motion as a row of a longer
+ * panel arriving.
+ *
+ * `name` and `emits` are put back on each wrapper, which carries neither.
+ * `@poveste/plugin-svelte`'s Wrap.svelte reads both: it builds its Vue listeners
+ * by iterating `controlComponent.emits`, so without this the control renders and
+ * edits in a Svelte book and never writes back. `index.spec.ts` pins them against
+ * the real components so these copies cannot drift.
  */
 export declare const HstJson: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
@@ -489,6 +562,108 @@ export declare const HstJson: {
     name: string;
     emits: string[];
 };
+export declare const HstDate: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
+        title?: string | undefined;
+        modelValue?: string | null | undefined;
+        time?: boolean;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: (value: string) => any;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+        "update:modelValue": (value: string) => any;
+    }, import("vue").PublicProps, {
+        time: boolean;
+        title: string | undefined;
+        modelValue: string | null | undefined;
+    }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        title?: string | undefined;
+        modelValue?: string | null | undefined;
+        time?: boolean;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: (value: string) => any;
+    }>, {}, {}, {}, {}, {
+        time: boolean;
+        title: string | undefined;
+        modelValue: string | null | undefined;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<{
+    title?: string | undefined;
+    modelValue?: string | null | undefined;
+    time?: boolean;
+}> & Readonly<{
+    "onUpdate:modelValue"?: (value: string) => any;
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: string) => any;
+}, string, {
+    time: boolean;
+    title: string | undefined;
+    modelValue: string | null | undefined;
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        actions?: (props: {}) => any;
+    };
+}) & {
+    name: string;
+    emits: string[];
+};
+export declare const HstColor: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
+        title?: string | undefined;
+        modelValue?: string | null | undefined;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: (value: string) => any;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+        "update:modelValue": (value: string) => any;
+    }, import("vue").PublicProps, {
+        title: string | undefined;
+        modelValue: string | null | undefined;
+    }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        title?: string | undefined;
+        modelValue?: string | null | undefined;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: (value: string) => any;
+    }>, {}, {}, {}, {}, {
+        title: string | undefined;
+        modelValue: string | null | undefined;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<{
+    title?: string | undefined;
+    modelValue?: string | null | undefined;
+}> & Readonly<{
+    "onUpdate:modelValue"?: (value: string) => any;
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: string) => any;
+}, string, {
+    title: string | undefined;
+    modelValue: string | null | undefined;
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        actions?: (props: {}) => any;
+    };
+}) & {
+    name: string;
+    emits: string[];
+};
 export declare const HstColorSelect: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
         title?: string;
@@ -528,7 +703,7 @@ export declare const HstColorSelect: {
 export declare const components: {
     HstButton: {
         new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
-            color?: "flat" | "default" | "primary";
+            color?: "default" | "primary" | "flat";
         }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
             B: {};
@@ -537,13 +712,13 @@ export declare const components: {
             M: {};
             Defaults: {};
         }, Readonly<{
-            color?: "flat" | "default" | "primary";
+            color?: "default" | "primary" | "flat";
         }> & Readonly<{}>, {}, {}, {}, {}, {}>;
         __isFragment?: never;
         __isTeleport?: never;
         __isSuspense?: never;
     } & import("vue").ComponentOptionsBase<Readonly<{
-        color?: "flat" | "default" | "primary";
+        color?: "default" | "primary" | "flat";
     }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             default?: (props: {}) => any;
@@ -864,6 +1039,108 @@ export declare const components: {
             actions?: (props: {}) => any;
         };
     });
+    HstColor: {
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
+            title?: string | undefined;
+            modelValue?: string | null | undefined;
+        }> & Readonly<{
+            "onUpdate:modelValue"?: (value: string) => any;
+        }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+            "update:modelValue": (value: string) => any;
+        }, import("vue").PublicProps, {
+            title: string | undefined;
+            modelValue: string | null | undefined;
+        }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<{
+            title?: string | undefined;
+            modelValue?: string | null | undefined;
+        }> & Readonly<{
+            "onUpdate:modelValue"?: (value: string) => any;
+        }>, {}, {}, {}, {}, {
+            title: string | undefined;
+            modelValue: string | null | undefined;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<{
+        title?: string | undefined;
+        modelValue?: string | null | undefined;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: (value: string) => any;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+        "update:modelValue": (value: string) => any;
+    }, string, {
+        title: string | undefined;
+        modelValue: string | null | undefined;
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            actions?: (props: {}) => any;
+        };
+    }) & {
+        name: string;
+        emits: string[];
+    };
+    HstDate: {
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
+            title?: string | undefined;
+            modelValue?: string | null | undefined;
+            time?: boolean;
+        }> & Readonly<{
+            "onUpdate:modelValue"?: (value: string) => any;
+        }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+            "update:modelValue": (value: string) => any;
+        }, import("vue").PublicProps, {
+            time: boolean;
+            title: string | undefined;
+            modelValue: string | null | undefined;
+        }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<{
+            title?: string | undefined;
+            modelValue?: string | null | undefined;
+            time?: boolean;
+        }> & Readonly<{
+            "onUpdate:modelValue"?: (value: string) => any;
+        }>, {}, {}, {}, {}, {
+            time: boolean;
+            title: string | undefined;
+            modelValue: string | null | undefined;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<{
+        title?: string | undefined;
+        modelValue?: string | null | undefined;
+        time?: boolean;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: (value: string) => any;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+        "update:modelValue": (value: string) => any;
+    }, string, {
+        time: boolean;
+        title: string | undefined;
+        modelValue: string | null | undefined;
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            actions?: (props: {}) => any;
+        };
+    }) & {
+        name: string;
+        emits: string[];
+    };
     HstJson: {
         new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
             title?: string;
@@ -1049,4 +1326,15 @@ export declare const components: {
         };
     });
 };
+export { portalTarget } from './portal-target.js';
 export * from './types.js';
+/**
+ * Reka's popover primitives, for `@poveste/app`.
+ *
+ * Re-exported rather than imported there directly so a book carries one copy of
+ * Reka: both packages bundle their own dependencies, and `@poveste/vendors`
+ * cannot help — Reka ships a single barrel, and anything an eager import reaches
+ * through it stops being splittable, which is what the date and colour controls
+ * are lazy for (#918).
+ */
+export { PopoverAnchor, PopoverContent, PopoverPortal, PopoverRoot, PopoverTrigger } from 'reka-ui';

package/dist/index.es.css

@@ -1,2 +1,2 @@
-.bind-col-size{grid-template-columns:repeat(auto-fill, minmax(var(--poveste-col-size), 1fr))}.v-popper{line-height:0}.v-popper--theme-dropdown .v-popper__inner:where(.ptw-dark,.ptw-dark *){border-color:var(--color-gray-850,#1f1f21);background-color:var(--color-gray-700,var(--color-zinc-700));color:var(--color-gray-100,var(--color-zinc-100))}.v-popper--theme-dropdown .v-popper__arrow-inner:where(.ptw-dark,.ptw-dark *){border-color:var(--color-gray-700,var(--color-zinc-700))}.v-popper--theme-dropdown .v-popper__arrow-outer:where(.ptw-dark,.ptw-dark *){border-color:var(--color-gray-850,#1f1f21)}.v-popper--theme-dropdown.v-popper__popper--show-from .v-popper__wrapper{transform:scale(.75)}.v-popper--theme-dropdown.v-popper__popper--show-to .v-popper__wrapper{transition:transform .15s cubic-bezier(0,1,.5,1);transform:none}.v-popper__popper:focus-visible{outline:none}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}.range-input::-webkit-slider-thumb{height:calc(var(--spacing,.25rem) * 3);width:calc(var(--spacing,.25rem) * 3);appearance:none;border-style:var(--tw-border-style);--tw-border-style:solid;border:1px solid #00000040;border-radius:2147483647px}@supports (color:color-mix(in lab, red, red)){.range-input::-webkit-slider-thumb{border-color:color-mix(in oklab, var(--color-black,#000) 25%, transparent)}}.range-input::-webkit-slider-thumb{background-color:var(--color-white,#fff)}.range-input::-webkit-slider-thumb:where(.ptw-dark,.ptw-dark *){border-color:#ffffff40}@supports (color:color-mix(in lab, red, red)){.range-input::-webkit-slider-thumb:where(.ptw-dark,.ptw-dark *){border-color:color-mix(in oklab, var(--color-white,#fff) 25%, transparent)}}.range-input::-webkit-slider-thumb:where(.ptw-dark,.ptw-dark *){background-color:var(--color-gray-700,var(--color-zinc-700))}.range-input:hover::-webkit-slider-thumb{border-color:var(--color-primary-500,var(--color-emerald-500))!important;background-color:var(--color-primary-500,var(--color-emerald-500))!important}.range-input::-moz-range-thumb{height:calc(var(--spacing,.25rem) * 3);width:calc(var(--spacing,.25rem) * 3);appearance:none;border-style:var(--tw-border-style);--tw-border-style:solid;border:1px solid #00000040;border-radius:2147483647px}@supports (color:color-mix(in lab, red, red)){.range-input::-moz-range-thumb{border-color:color-mix(in oklab, var(--color-black,#000) 25%, transparent)}}.range-input::-moz-range-thumb{background-color:var(--color-white,#fff)}.range-input::-moz-range-thumb:where(.ptw-dark,.ptw-dark *){border-color:#ffffff40}@supports (color:color-mix(in lab, red, red)){.range-input::-moz-range-thumb:where(.ptw-dark,.ptw-dark *){border-color:color-mix(in oklab, var(--color-white,#fff) 25%, transparent)}}.range-input::-moz-range-thumb:where(.ptw-dark,.ptw-dark *){background-color:var(--color-gray-700,var(--color-zinc-700))}.range-input:hover::-moz-range-thumb{border-color:var(--color-primary-500,var(--color-emerald-500))!important;background-color:var(--color-primary-500,var(--color-emerald-500))!important}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}.__poveste-json-code[data-v-68225145] .cm-editor{min-width:280px;height:100%}
+.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}
 /*$vite$:1*/