@soybeanjs/ui 0.0.2-beta.10 → 0.0.2-beta.12

package/dist/components/switch/switch.vue.d.ts

@@ -2,26 +2,26 @@ import { ThemeColor, ThemeSize } from "../../theme/types.js";
 import "../../theme/index.js";
 import { SwitchShape } from "../../variants/switch.js";
 import { SwitchProps } from "./types.js";
-import * as vue67 from "vue";
-import * as _soybeanjs_headless22 from "@soybeanjs/headless";
+import * as vue43 from "vue";
+import * as _soybeanjs_headless5 from "@soybeanjs/headless";
 import { AcceptableBooleanValue } from "@soybeanjs/headless";
 
 //#region src/components/switch/switch.vue.d.ts
 declare const __VLS_export: <T extends AcceptableBooleanValue = boolean>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
   props: __VLS_PrettifyLocal<SwitchProps<T> & {
     "onUpdate:modelValue"?: ((payload: NonNullable<T>) => any) | undefined;
-  }> & vue67.PublicProps;
+  }> & vue43.PublicProps;
   expose: (exposed: {}) => void;
   attrs: any;
   slots: {
     leading?: (props: {
       modelValue: (Readonly<{
-        ui: Partial<_soybeanjs_headless22.SwitchUi>;
+        ui: Partial<_soybeanjs_headless5.SwitchUi>;
         color: ThemeColor;
         size: ThemeSize;
         shape: SwitchShape;
-        controlProps: _soybeanjs_headless22.SwitchControlProps;
-        thumbProps: _soybeanjs_headless22.SwitchThumbProps;
+        controlProps: _soybeanjs_headless5.SwitchControlProps;
+        thumbProps: _soybeanjs_headless5.SwitchThumbProps;
         defaultValue: NonNullable<T> | undefined;
         disabled: boolean;
         value: string;
@@ -30,7 +30,7 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = boolean>(__VLS_p
         manifest: string | undefined;
         innerHTML: string | undefined;
         class: any;
-        style: vue67.StyleValue | undefined;
+        style: vue43.StyleValue | undefined;
         accesskey: string | undefined;
         contenteditable: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
         contextmenu: string | undefined;
@@ -223,12 +223,12 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = boolean>(__VLS_p
   } & {
     default?: (props: {
       modelValue: (Readonly<{
-        ui: Partial<_soybeanjs_headless22.SwitchUi>;
+        ui: Partial<_soybeanjs_headless5.SwitchUi>;
         color: ThemeColor;
         size: ThemeSize;
         shape: SwitchShape;
-        controlProps: _soybeanjs_headless22.SwitchControlProps;
-        thumbProps: _soybeanjs_headless22.SwitchThumbProps;
+        controlProps: _soybeanjs_headless5.SwitchControlProps;
+        thumbProps: _soybeanjs_headless5.SwitchThumbProps;
         defaultValue: NonNullable<T> | undefined;
         disabled: boolean;
         value: string;
@@ -237,7 +237,7 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = boolean>(__VLS_p
         manifest: string | undefined;
         innerHTML: string | undefined;
         class: any;
-        style: vue67.StyleValue | undefined;
+        style: vue43.StyleValue | undefined;
         accesskey: string | undefined;
         contenteditable: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
         contextmenu: string | undefined;
@@ -430,12 +430,12 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = boolean>(__VLS_p
   } & {
     trailing?: (props: {
       modelValue: (Readonly<{
-        ui: Partial<_soybeanjs_headless22.SwitchUi>;
+        ui: Partial<_soybeanjs_headless5.SwitchUi>;
         color: ThemeColor;
         size: ThemeSize;
         shape: SwitchShape;
-        controlProps: _soybeanjs_headless22.SwitchControlProps;
-        thumbProps: _soybeanjs_headless22.SwitchThumbProps;
+        controlProps: _soybeanjs_headless5.SwitchControlProps;
+        thumbProps: _soybeanjs_headless5.SwitchThumbProps;
         defaultValue: NonNullable<T> | undefined;
         disabled: boolean;
         value: string;
@@ -444,7 +444,7 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = boolean>(__VLS_p
         manifest: string | undefined;
         innerHTML: string | undefined;
         class: any;
-        style: vue67.StyleValue | undefined;
+        style: vue43.StyleValue | undefined;
         accesskey: string | undefined;
         contenteditable: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
         contextmenu: string | undefined;
@@ -636,7 +636,7 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = boolean>(__VLS_p
     }) => any;
   };
   emit: (evt: "update:modelValue", payload: NonNullable<T>) => void;
-}>) => vue67.VNode & {
+}>) => vue43.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

package/dist/components/tabs/tabs.vue.d.ts

@@ -1,12 +1,12 @@
 import { TabsOptionData, TabsProps } from "./types.js";
-import * as vue72 from "vue";
+import * as vue105 from "vue";
 import { AcceptableValue } from "@soybeanjs/headless";
 
 //#region src/components/tabs/tabs.vue.d.ts
 declare const __VLS_export: <T extends AcceptableValue = AcceptableValue, S extends TabsOptionData<NonNullable<T>> = TabsOptionData<NonNullable<T>>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
   props: __VLS_PrettifyLocal<TabsProps<T, S> & {
     "onUpdate:modelValue"?: ((payload: NonNullable<T>) => any) | undefined;
-  }> & vue72.PublicProps;
+  }> & vue105.PublicProps;
   expose: (exposed: {}) => void;
   attrs: any;
   slots: {
@@ -19,7 +19,7 @@ declare const __VLS_export: <T extends AcceptableValue = AcceptableValue, S exte
     }) => any;
   };
   emit: (evt: "update:modelValue", payload: NonNullable<T>) => void;
-}>) => vue72.VNode & {
+}>) => vue105.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

package/dist/components/tag/tag.vue.d.ts

@@ -1,5 +1,5 @@
 import { TagProps } from "./types.js";
-import * as vue139 from "vue";
+import * as vue112 from "vue";
 
 //#region src/components/tag/tag.vue.d.ts
 declare var __VLS_10: {}, __VLS_12: {}, __VLS_14: {}, __VLS_16: {
@@ -14,13 +14,13 @@ type __VLS_Slots = {} & {
 } & {
   close?: (props: typeof __VLS_16) => any;
 };
-declare const __VLS_base: vue139.DefineComponent<TagProps, {}, {}, {}, {}, vue139.ComponentOptionsMixin, vue139.ComponentOptionsMixin, {
+declare const __VLS_base: vue112.DefineComponent<TagProps, {}, {}, {}, {}, vue112.ComponentOptionsMixin, vue112.ComponentOptionsMixin, {
   "update:open": (open: boolean) => any;
-}, string, vue139.PublicProps, Readonly<TagProps> & Readonly<{
+}, string, vue112.PublicProps, Readonly<TagProps> & Readonly<{
   "onUpdate:open"?: ((open: boolean) => any) | undefined;
 }>, {
   open: boolean;
-}, {}, {}, {}, string, vue139.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue112.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

package/dist/components/textarea/textarea.vue.d.ts

@@ -1,5 +1,5 @@
 import { TextareaProps } from "./types.js";
-import * as vue35 from "vue";
+import * as vue48 from "vue";
 
 //#region src/components/textarea/textarea.vue.d.ts
 declare var __VLS_27: {
@@ -11,11 +11,11 @@ type __VLS_Slots = {} & {
 } & {
   footer?: (props: typeof __VLS_29) => any;
 };
-declare const __VLS_base: vue35.DefineComponent<TextareaProps, {}, {}, {}, {}, vue35.ComponentOptionsMixin, vue35.ComponentOptionsMixin, {
+declare const __VLS_base: vue48.DefineComponent<TextareaProps, {}, {}, {}, {}, vue48.ComponentOptionsMixin, vue48.ComponentOptionsMixin, {
   "update:modelValue": (value: string) => any;
-}, string, vue35.PublicProps, Readonly<TextareaProps> & Readonly<{
+}, string, vue48.PublicProps, Readonly<TextareaProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue35.ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, vue48.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

package/dist/components/tooltip/tooltip.vue.d.ts

@@ -1,6 +1,6 @@
 import { TooltipProps } from "./types.js";
-import * as vue144 from "vue";
-import * as _soybeanjs_headless62 from "@soybeanjs/headless";
+import * as vue232 from "vue";
+import * as _soybeanjs_headless97 from "@soybeanjs/headless";
 
 //#region src/components/tooltip/tooltip.vue.d.ts
 declare var __VLS_15: {}, __VLS_27: {};
@@ -9,19 +9,19 @@ type __VLS_Slots = {} & {
 } & {
   default?: (props: typeof __VLS_27) => any;
 };
-declare const __VLS_base: vue144.DefineComponent<TooltipProps, {}, {}, {}, {}, vue144.ComponentOptionsMixin, vue144.ComponentOptionsMixin, {
+declare const __VLS_base: vue232.DefineComponent<TooltipProps, {}, {}, {}, {}, vue232.ComponentOptionsMixin, vue232.ComponentOptionsMixin, {
   "update:open": (value: boolean) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
-  pointerDownOutside: (event: _soybeanjs_headless62.PointerDownOutsideEvent) => any;
-}, string, vue144.PublicProps, Readonly<TooltipProps> & Readonly<{
+  pointerDownOutside: (event: _soybeanjs_headless97.PointerDownOutsideEvent) => any;
+}, string, vue232.PublicProps, Readonly<TooltipProps> & Readonly<{
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-  onPointerDownOutside?: ((event: _soybeanjs_headless62.PointerDownOutsideEvent) => any) | undefined;
+  onPointerDownOutside?: ((event: _soybeanjs_headless97.PointerDownOutsideEvent) => any) | undefined;
 }>, {
   defaultOpen: boolean;
   open: boolean;
   showArrow: boolean;
-}, {}, {}, {}, string, vue144.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue232.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

package/dist/components/tree/tree-virtualizer.vue.d.ts

@@ -1,6 +1,6 @@
 import { TreeVirtualizerProps } from "./types.js";
-import * as vue11 from "vue";
-import * as _soybeanjs_headless0 from "@soybeanjs/headless";
+import * as vue148 from "vue";
+import * as _soybeanjs_headless54 from "@soybeanjs/headless";
 import { MaybeArray, TreeItemData } from "@soybeanjs/headless";
 import * as _tanstack_vue_virtual0 from "@tanstack/vue-virtual";
 
@@ -9,20 +9,20 @@ declare const __VLS_export: <T extends TreeItemData, U extends MaybeArray<string
   props: __VLS_PrettifyLocal<TreeVirtualizerProps<T, U, M> & {
     "onUpdate:modelValue"?: ((value: string | ((U extends string ? false : M extends true ? true : false) extends infer T_1 ? T_1 extends (U extends string ? false : M extends true ? true : false) ? T_1 extends true ? string[] : string : never : never)) => any) | undefined;
     "onUpdate:expanded"?: ((value: string[]) => any) | undefined;
-  }> & vue11.PublicProps;
+  }> & vue148.PublicProps;
   expose: (exposed: {}) => void;
   attrs: any;
   slots: {
     item?: (props: {
       key: number;
       virtualItem: _tanstack_vue_virtual0.VirtualItem;
-      item: _soybeanjs_headless0.FlattenedItem<T>;
+      item: _soybeanjs_headless54.FlattenedItem<T>;
       modelValue: U;
       expanded: string[];
     }) => any;
   };
   emit: ((evt: "update:modelValue", value: string | ((U extends string ? false : M extends true ? true : false) extends infer T_1 ? T_1 extends (U extends string ? false : M extends true ? true : false) ? T_1 extends true ? string[] : string : never : never)) => void) & ((evt: "update:expanded", value: string[]) => void);
-}>) => vue11.VNode & {
+}>) => vue148.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

package/dist/components/tree/tree.vue.d.ts

@@ -1,5 +1,5 @@
-import * as vue9 from "vue";
-import * as _soybeanjs_headless0 from "@soybeanjs/headless";
+import * as vue146 from "vue";
+import * as _soybeanjs_headless53 from "@soybeanjs/headless";
 import { MaybeArray, TreeItemData, TreeRootProps } from "@soybeanjs/headless";
 
 //#region src/components/tree/tree.vue.d.ts
@@ -7,7 +7,7 @@ declare const __VLS_export: <T extends TreeItemData, U extends MaybeArray<string
   props: __VLS_PrettifyLocal<TreeRootProps<T, U, M> & {
     "onUpdate:modelValue"?: ((value: string | ((U extends string ? false : M extends true ? true : false) extends infer T_1 ? T_1 extends (U extends string ? false : M extends true ? true : false) ? T_1 extends true ? string[] : string : never : never)) => any) | undefined;
     "onUpdate:expanded"?: ((value: string[]) => any) | undefined;
-  }> & vue9.PublicProps;
+  }> & vue146.PublicProps;
   expose: (exposed: {}) => void;
   attrs: any;
   slots: {
@@ -15,7 +15,7 @@ declare const __VLS_export: <T extends TreeItemData, U extends MaybeArray<string
   } & {
     item?: (props: {
       key: string;
-      item: _soybeanjs_headless0.FlattenedItem<T>;
+      item: _soybeanjs_headless53.FlattenedItem<T>;
       modelValue: U | undefined;
       expanded: string[];
     }) => any;
@@ -23,7 +23,7 @@ declare const __VLS_export: <T extends TreeItemData, U extends MaybeArray<string
     bottom?: (props: {}) => any;
   };
   emit: ((evt: "update:modelValue", value: string | ((U extends string ? false : M extends true ? true : false) extends infer T_1 ? T_1 extends (U extends string ? false : M extends true ? true : false) ? T_1 extends true ? string[] : string : never : never)) => void) & ((evt: "update:expanded", value: string[]) => void);
-}>) => vue9.VNode & {
+}>) => vue146.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

package/dist/components/tree-menu/tree-menu-item-wrapper.vue.d.ts

@@ -1,11 +1,11 @@
-import * as vue76 from "vue";
+import * as vue245 from "vue";
 
 //#region src/components/tree-menu/tree-menu-item-wrapper.vue.d.ts
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: vue76.DefineComponent<{}, {}, {}, {}, {}, vue76.ComponentOptionsMixin, vue76.ComponentOptionsMixin, {}, string, vue76.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue76.ComponentProvideOptions, true, {}, any>;
+declare const __VLS_base: vue245.DefineComponent<{}, {}, {}, {}, {}, vue245.ComponentOptionsMixin, vue245.ComponentOptionsMixin, {}, string, vue245.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue245.ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

package/dist/components/tree-menu/tree-menu.vue.d.ts

@@ -1,5 +1,5 @@
 import { TreeMenuGroupOptionData, TreeMenuOptionData, TreeMenuProps } from "./types.js";
-import * as vue74 from "vue";
+import * as vue243 from "vue";
 
 //#region src/components/tree-menu/tree-menu.vue.d.ts
 declare const __VLS_export: <T extends TreeMenuOptionData = TreeMenuOptionData>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
@@ -7,7 +7,7 @@ declare const __VLS_export: <T extends TreeMenuOptionData = TreeMenuOptionData>(
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     "onUpdate:expanded"?: ((value: string[]) => any) | undefined;
     "onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
-  }> & vue74.PublicProps;
+  }> & vue243.PublicProps;
   expose: (exposed: {}) => void;
   attrs: any;
   slots: {
@@ -35,7 +35,7 @@ declare const __VLS_export: <T extends TreeMenuOptionData = TreeMenuOptionData>(
     bottom?: (props: {}) => any;
   };
   emit: ((evt: "update:modelValue", value: string) => void) & ((evt: "update:expanded", value: string[]) => void) & ((evt: "update:collapsed", value: boolean) => void);
-}>) => vue74.VNode & {
+}>) => vue243.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

package/dist/components/virtualizer/virtualizer.vue.d.ts

@@ -1,10 +1,10 @@
 import { VirtualizerProps } from "./types.js";
-import * as vue18 from "vue";
+import * as vue150 from "vue";
 import * as _tanstack_vue_virtual0 from "@tanstack/vue-virtual";
 
 //#region src/components/virtualizer/virtualizer.vue.d.ts
 declare const __VLS_export: <T extends Record<string, any>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-  props: __VLS_PrettifyLocal<VirtualizerProps<T>> & vue18.PublicProps;
+  props: __VLS_PrettifyLocal<VirtualizerProps<T>> & vue150.PublicProps;
   expose: (exposed: {}) => void;
   attrs: any;
   slots: {
@@ -15,7 +15,7 @@ declare const __VLS_export: <T extends Record<string, any>>(__VLS_props: NonNull
     }) => any;
   };
   emit: {};
-}>) => vue18.VNode & {
+}>) => vue150.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

package/dist/styles.css

@@ -260,6 +260,9 @@ body {
             font-size: 24px;
           }
         
+/* layer: typography */
+:is(.prose-slate){color:var(--un-prose-body);max-width:65ch;:where(p):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {margin-top:1.25em;margin-bottom:1.25em;}:where([class~="lead"]):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {color:var(--un-prose-lead);font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em;}:where(a):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {color:var(--un-prose-links);text-decoration:underline;font-weight:500;}:where(strong):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {color:var(--un-prose-bold);font-weight:600;}:where(a strong):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {color:inherit;}:where(blockquote strong):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {color:inherit;}:where(thead th strong):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {color:inherit;}:where(ol):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {list-style-type:decimal;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em;}:where(ol[type="A"]):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {list-style-type:upper-alpha;}:where(ol[type="a"]):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {list-style-type:lower-alpha;}:where(ol[type="A" s]):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {list-style-type:upper-alpha;}:where(ol[type="a" s]):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {list-style-type:lower-alpha;}:where(ol[type="I"]):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {list-style-type:upper-roman;}:where(ol[type="i"]):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {list-style-type:lower-roman;}:where(ol[type="I" s]):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {list-style-type:upper-roman;}:where(ol[type="i" s]):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {list-style-type:lower-roman;}:where(ol[type="1"]):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {list-style-type:decimal;}:where(ul):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {list-style-type:disc;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em;}:where(ol > li):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *))::marker {font-weight:400;color:var(--un-prose-counters);}:where(ul > li):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *))::marker {color:var(--un-prose-bullets);}:where(dt):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {color:var(--un-prose-headings);font-weight:600;margin-top:1.25em;}:where(hr):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {border-color:var(--un-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em;}:where(blockquote):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {font-weight:500;font-style:italic;color:var(--un-prose-quotes);border-inline-start-width:0.25rem;border-inline-start-color:var(--un-prose-quote-borders);quotes:"\201C""\201D""\2018""\2019";margin-top:1.6em;margin-bottom:1.6em;padding-inline-start:1em;}:where(blockquote p:first-of-type):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *))::before {content:open-quote;}:where(blockquote p:last-of-type):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *))::after {content:close-quote;}:where(h1):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {color:var(--un-prose-headings);font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:0.8888889em;line-height:1.1111111;}:where(h1 strong):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {font-weight:900;color:inherit;}:where(h2):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {color:var(--un-prose-headings);font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333;}:where(h2 strong):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {font-weight:800;color:inherit;}:where(h3):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {color:var(--un-prose-headings);font-weight:600;font-size:1.25em;margin-top:1.6em;margin-bottom:0.6em;line-height:1.6;}:where(h3 strong):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {font-weight:700;color:inherit;}:where(h4):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {color:var(--un-prose-headings);font-weight:600;margin-top:1.5em;margin-bottom:0.5em;line-height:1.5;}:where(h4 strong):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {font-weight:700;color:inherit;}:where(img):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {margin-top:2em;margin-bottom:2em;}:where(picture):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {display:block;margin-top:2em;margin-bottom:2em;}:where(video):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {margin-top:2em;margin-bottom:2em;}:where(kbd):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {font-weight:500;font-family:inherit;color:var(--un-prose-kbd);box-shadow:0 0 0 1px rgb(var(--un-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--un-prose-kbd-shadows) / 10%);font-size:0.875em;border-radius:0.3125rem;padding-top:0.1875em;padding-inline-end:0.375em;padding-bottom:0.1875em;padding-inline-start:0.375em;}:where(code):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {color:var(--un-prose-code);font-weight:600;font-size:0.875em;}:where(code):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *))::before {content:"`";}:where(code):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *))::after {content:"`";}:where(a code):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {color:inherit;}:where(h1 code):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {color:inherit;}:where(h2 code):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {color:inherit;font-size:0.875em;}:where(h3 code):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {color:inherit;font-size:0.9em;}:where(h4 code):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {color:inherit;}:where(blockquote code):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {color:inherit;}:where(thead th code):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {color:inherit;}:where(pre):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {color:var(--un-prose-pre-code);background-color:var(--un-prose-pre-bg);overflow-x:auto;font-weight:400;font-size:0.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:0.375rem;padding-top:0.8571429em;padding-inline-end:1.1428571em;padding-bottom:0.8571429em;padding-inline-start:1.1428571em;}:where(pre code):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {background-color:transparent;border-width:0;border-radius:0;padding:0;font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit;}:where(pre code):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *))::before {content:none;}:where(pre code):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *))::after {content:none;}:where(table):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {width:100%;table-layout:auto;margin-top:2em;margin-bottom:2em;font-size:0.875em;line-height:1.7142857;}:where(thead):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {border-bottom-width:1px;border-bottom-color:var(--un-prose-th-borders);}:where(thead th):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {color:var(--un-prose-headings);font-weight:600;vertical-align:bottom;padding-inline-end:0.5714286em;padding-bottom:0.5714286em;padding-inline-start:0.5714286em;}:where(tbody tr):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {border-bottom-width:1px;border-bottom-color:var(--un-prose-td-borders);}:where(tbody tr:last-child):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {border-bottom-width:0;}:where(tbody td):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {vertical-align:baseline;}:where(tfoot):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {border-top-width:1px;border-top-color:var(--un-prose-th-borders);}:where(tfoot td):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {vertical-align:top;}:where(th, td):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {text-align:start;}:where(figure > *):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {margin-top:0;margin-bottom:0;}:where(figcaption):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {color:var(--un-prose-captions);font-size:0.875em;line-height:1.4285714;margin-top:0.8571429em;}font-size:1rem;line-height:1.75;:where(picture > img):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {margin-top:0;margin-bottom:0;}:where(li):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {margin-top:0.5em;margin-bottom:0.5em;}:where(ol > li):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {padding-inline-start:0.375em;}:where(ul > li):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {padding-inline-start:0.375em;}:where(> ul > li p):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {margin-top:0.75em;margin-bottom:0.75em;}:where(> ul > li > p:first-child):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {margin-top:1.25em;}:where(> ul > li > p:last-child):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {margin-bottom:1.25em;}:where(> ol > li > p:first-child):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {margin-top:1.25em;}:where(> ol > li > p:last-child):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {margin-bottom:1.25em;}:where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {margin-top:0.75em;margin-bottom:0.75em;}:where(dl):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {margin-top:1.25em;margin-bottom:1.25em;}:where(dd):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {margin-top:0.5em;padding-inline-start:1.625em;}:where(hr + *):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {margin-top:0;}:where(h2 + *):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {margin-top:0;}:where(h3 + *):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {margin-top:0;}:where(h4 + *):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {margin-top:0;}:where(thead th:first-child):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {padding-inline-start:0;}:where(thead th:last-child):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {padding-inline-end:0;}:where(tbody td, tfoot td):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {padding-top:0.5714286em;padding-inline-end:0.5714286em;padding-bottom:0.5714286em;padding-inline-start:0.5714286em;}:where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {padding-inline-start:0;}:where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {padding-inline-end:0;}:where(figure):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {margin-top:2em;margin-bottom:2em;}:where(> :first-child):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {margin-top:0;}:where(> :last-child):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {margin-bottom:0;}--un-prose-body:#374151;--un-prose-invert-body:#d1d5db;--un-prose-headings:#111827;--un-prose-invert-headings:white;--un-prose-lead:#4b5563;--un-prose-invert-lead:#9ca3af;--un-prose-links:#111827;--un-prose-invert-links:white;--un-prose-bold:#111827;--un-prose-invert-bold:white;--un-prose-counters:#6b7280;--un-prose-invert-counters:#9ca3af;--un-prose-bullets:#d1d5db;--un-prose-invert-bullets:#4b5563;--un-prose-hr:#e5e7eb;--un-prose-invert-hr:#374151;--un-prose-quotes:#111827;--un-prose-invert-quotes:#f3f4f6;--un-prose-quote-borders:#e5e7eb;--un-prose-invert-quote-borders:#374151;--un-prose-captions:#6b7280;--un-prose-invert-captions:#9ca3af;--un-prose-kbd:#111827;--un-prose-invert-kbd:white;--un-prose-kbd-shadows:#111827;--un-prose-invert-kbd-shadows:white;--un-prose-code:#111827;--un-prose-invert-code:white;--un-prose-pre-code:#e5e7eb;--un-prose-invert-pre-code:#d1d5db;--un-prose-pre-bg:#1f2937;--un-prose-invert-pre-bg:rgb(0 0 0 / 50%);--un-prose-th-borders:#d1d5db;--un-prose-invert-th-borders:#4b5563;--un-prose-td-borders:#e5e7eb;--un-prose-invert-td-borders:#374151;}
+.dark :is(.dark\:prose-slate-invert){--un-prose-body:var(--un-prose-invert-body);--un-prose-headings:var(--un-prose-invert-headings);--un-prose-lead:var(--un-prose-invert-lead);--un-prose-links:var(--un-prose-invert-links);--un-prose-bold:var(--un-prose-invert-bold);--un-prose-counters:var(--un-prose-invert-counters);--un-prose-bullets:var(--un-prose-invert-bullets);--un-prose-hr:var(--un-prose-invert-hr);--un-prose-quotes:var(--un-prose-invert-quotes);--un-prose-quote-borders:var(--un-prose-invert-quote-borders);--un-prose-captions:var(--un-prose-invert-captions);--un-prose-kbd:var(--un-prose-invert-kbd);--un-prose-kbd-shadows:var(--un-prose-invert-kbd-shadows);--un-prose-code:var(--un-prose-invert-code);--un-prose-pre-code:var(--un-prose-invert-pre-code);--un-prose-pre-bg:var(--un-prose-invert-pre-bg);--un-prose-th-borders:var(--un-prose-invert-th-borders);--un-prose-td-borders:var(--un-prose-invert-td-borders);}
 /* layer: default */
 .\[--soybean-layout-spacing\:0\.75rem\]{--soybean-layout-spacing:0.75rem;}
 .\[--soybean-layout-spacing\:0\.875rem\]{--soybean-layout-spacing:0.875rem;}
@@ -407,6 +410,7 @@ body {
 .order-1{order:1;}
 .grid{display:grid;}
 .grid-cols-\[auto_auto\]{grid-template-columns:auto auto;}
+.m-auto{margin:auto;}
 .-mx-0\.75{margin-left:-0.1875rem;margin-right:-0.1875rem;}
 .-mx-0\.875{margin-left:-0.21875rem;margin-right:-0.21875rem;}
 .-mx-1{margin-left:-0.25rem;margin-right:-0.25rem;}
@@ -1123,6 +1127,7 @@ body {
 .pt-5{padding-top:1.25rem;}
 .pt-6{padding-top:1.5rem;}
 .text-center{text-align:center;}
+.text-left{text-align:left;}
 .text-2xl{font-size:1.5rem;line-height:2rem;}
 .text-2xs{font-size:0.625rem;line-height:0.75rem;}
 .text-3{font-size:0.75rem;}

package/dist/variants/alert.d.ts

@@ -1,8 +1,8 @@
-import * as tailwind_variants1 from "tailwind-variants";
+import * as tailwind_variants19 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/variants/alert.d.ts
-declare const alertVariants: tailwind_variants1.TVReturnType<{
+declare const alertVariants: tailwind_variants19.TVReturnType<{
   color: {
     primary: {
       root: string;
@@ -196,7 +196,7 @@ declare const alertVariants: tailwind_variants1.TVReturnType<{
   title: string;
   description: string;
   closable: string;
-}, tailwind_variants1.TVReturnType<{
+}, tailwind_variants19.TVReturnType<{
   color: {
     primary: {
       root: string;

package/dist/variants/badge.d.ts

@@ -1,8 +1,8 @@
-import * as tailwind_variants19 from "tailwind-variants";
+import * as tailwind_variants11 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/variants/badge.d.ts
-declare const badgeVariants: tailwind_variants19.TVReturnType<{
+declare const badgeVariants: tailwind_variants11.TVReturnType<{
   color: {
     primary: {
       content: string;
@@ -130,7 +130,7 @@ declare const badgeVariants: tailwind_variants19.TVReturnType<{
 }, {
   root: string;
   content: string;
-}, tailwind_variants19.TVReturnType<{
+}, tailwind_variants11.TVReturnType<{
   color: {
     primary: {
       content: string;

package/dist/variants/button.d.ts

@@ -1,8 +1,8 @@
-import * as tailwind_variants21 from "tailwind-variants";
+import * as tailwind_variants25 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/variants/button.d.ts
-declare const buttonVariants: tailwind_variants21.TVReturnType<{
+declare const buttonVariants: tailwind_variants25.TVReturnType<{
   color: {
     primary: string;
     destructive: string;
@@ -92,7 +92,7 @@ declare const buttonVariants: tailwind_variants21.TVReturnType<{
     true: string;
     false: string;
   };
-}, undefined, tailwind_variants21.TVReturnType<{
+}, undefined, tailwind_variants25.TVReturnType<{
   color: {
     primary: string;
     destructive: string;

package/dist/variants/checkbox.d.ts

@@ -1,8 +1,8 @@
-import * as tailwind_variants13 from "tailwind-variants";
+import * as tailwind_variants15 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/variants/checkbox.d.ts
-declare const checkboxVariants: tailwind_variants13.TVReturnType<{
+declare const checkboxVariants: tailwind_variants15.TVReturnType<{
   color: {
     primary: {
       control: string;
@@ -164,7 +164,7 @@ declare const checkboxVariants: tailwind_variants13.TVReturnType<{
   control: string[];
   indicator: string;
   label: string;
-}, tailwind_variants13.TVReturnType<{
+}, tailwind_variants15.TVReturnType<{
   color: {
     primary: {
       control: string;

package/dist/variants/kbd.d.ts

@@ -1,8 +1,8 @@
-import * as tailwind_variants25 from "tailwind-variants";
+import * as tailwind_variants5 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/variants/kbd.d.ts
-declare const kbdVariants: tailwind_variants25.TVReturnType<{
+declare const kbdVariants: tailwind_variants5.TVReturnType<{
   variant: {
     solid: string;
     outline: string;
@@ -30,7 +30,7 @@ declare const kbdVariants: tailwind_variants25.TVReturnType<{
     xl: string;
     '2xl': string;
   };
-}, undefined, tailwind_variants25.TVReturnType<{
+}, undefined, tailwind_variants5.TVReturnType<{
   variant: {
     solid: string;
     outline: string;

package/dist/variants/pagination.d.ts

@@ -1,8 +1,8 @@
-import * as tailwind_variants27 from "tailwind-variants";
+import * as tailwind_variants7 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/variants/pagination.d.ts
-declare const paginationVariants: tailwind_variants27.TVReturnType<{
+declare const paginationVariants: tailwind_variants7.TVReturnType<{
   size: {
     xs: {
       list: string;
@@ -150,7 +150,7 @@ declare const paginationVariants: tailwind_variants27.TVReturnType<{
   ellipsis: string;
   button: string[];
   navigationButton: string[];
-}, tailwind_variants27.TVReturnType<{
+}, tailwind_variants7.TVReturnType<{
   size: {
     xs: {
       list: string;

package/dist/variants/radio-group.d.ts

@@ -1,8 +1,8 @@
-import * as tailwind_variants9 from "tailwind-variants";
+import * as tailwind_variants21 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/variants/radio-group.d.ts
-declare const radioGroupVariants: tailwind_variants9.TVReturnType<{
+declare const radioGroupVariants: tailwind_variants21.TVReturnType<{
   color: {
     primary: {
       control: string;
@@ -180,7 +180,7 @@ declare const radioGroupVariants: tailwind_variants9.TVReturnType<{
   control: string[];
   indicator: string;
   label: string;
-}, tailwind_variants9.TVReturnType<{
+}, tailwind_variants21.TVReturnType<{
   color: {
     primary: {
       control: string;

package/dist/variants/separator.d.ts

@@ -1,8 +1,8 @@
-import * as tailwind_variants0 from "tailwind-variants";
+import * as tailwind_variants9 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/variants/separator.d.ts
-declare const separatorVariants: tailwind_variants0.TVReturnType<{
+declare const separatorVariants: tailwind_variants9.TVReturnType<{
   size: {
     xs: {
       label: string;
@@ -114,7 +114,7 @@ declare const separatorVariants: tailwind_variants0.TVReturnType<{
 }, {
   root: string;
   label: string;
-}, tailwind_variants0.TVReturnType<{
+}, tailwind_variants9.TVReturnType<{
   size: {
     xs: {
       label: string;

package/dist/variants/switch.d.ts

@@ -1,8 +1,8 @@
-import * as tailwind_variants3 from "tailwind-variants";
+import * as tailwind_variants1 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/variants/switch.d.ts
-declare const switchVariants: tailwind_variants3.TVReturnType<{
+declare const switchVariants: tailwind_variants1.TVReturnType<{
   color: {
     primary: {
       control: string;
@@ -136,7 +136,7 @@ declare const switchVariants: tailwind_variants3.TVReturnType<{
   root: string;
   control: string[];
   thumb: string;
-}, tailwind_variants3.TVReturnType<{
+}, tailwind_variants1.TVReturnType<{
   color: {
     primary: {
       control: string;

package/dist/variants/tabs.d.ts

@@ -1,8 +1,8 @@
-import * as tailwind_variants5 from "tailwind-variants";
+import * as tailwind_variants0 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/variants/tabs.d.ts
-declare const tabsVariants: tailwind_variants5.TVReturnType<{
+declare const tabsVariants: tailwind_variants0.TVReturnType<{
   size: {
     xs: {
       root: string;
@@ -148,7 +148,7 @@ declare const tabsVariants: tailwind_variants5.TVReturnType<{
   indicator: string;
   indicatorContent: string;
   content: string;
-}, tailwind_variants5.TVReturnType<{
+}, tailwind_variants0.TVReturnType<{
   size: {
     xs: {
       root: string;

package/dist/variants/tag.d.ts

@@ -1,8 +1,8 @@
-import * as tailwind_variants17 from "tailwind-variants";
+import * as tailwind_variants13 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/variants/tag.d.ts
-declare const tagVariants: tailwind_variants17.TVReturnType<{
+declare const tagVariants: tailwind_variants13.TVReturnType<{
   color: {
     primary: string;
     destructive: string;
@@ -64,7 +64,7 @@ declare const tagVariants: tailwind_variants17.TVReturnType<{
     auto: string;
     rounded: string;
   };
-}, undefined, tailwind_variants17.TVReturnType<{
+}, undefined, tailwind_variants13.TVReturnType<{
   color: {
     primary: string;
     destructive: string;