@returnless/focus-ui 0.0.34 → 0.0.37

package/dist/src/components/Tabs/TabTrigger.vue.d.ts

@@ -0,0 +1,24 @@
+declare function __VLS_template(): {
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import("vue").DefineComponent<{
+    /** Whether the tab item is active */
+    active?: boolean;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    /** Whether the tab item is active */
+    active?: boolean;
+}> & Readonly<{}>, {
+    active: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/components/Tabs/Tabs.vue.d.ts

@@ -0,0 +1,16 @@
+declare function __VLS_template(): {
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/components/Tag/Tag.vue.d.ts

@@ -0,0 +1,33 @@
+import { TailwindColor } from '../../composables';
+declare function __VLS_template(): {
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import("vue").DefineComponent<{
+    /** Accessible label for the avatar image. */
+    accessibilityLabel?: string | null;
+    /** The color of the badge. */
+    color: TailwindColor;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    remove: () => any;
+}, string, import("vue").PublicProps, Readonly<{
+    /** Accessible label for the avatar image. */
+    accessibilityLabel?: string | null;
+    /** The color of the badge. */
+    color: TailwindColor;
+}> & Readonly<{
+    onRemove?: (() => any) | undefined;
+}>, {
+    accessibilityLabel: string | null;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/{components → src/components}/TextField/TextField.vue.d.ts

@@ -34,43 +34,14 @@ declare let __VLS_typeProps: {
 type __VLS_PublicProps = {
     modelValue?: string;
 } & typeof __VLS_typeProps;
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_PublicProps>, {
-    autoComplete: null;
-    disabled: boolean;
-    error: null;
-    helpText: null;
-    icon: undefined;
-    id: null;
-    labelHidden: boolean;
-    multiline: boolean;
-    placeholder: null;
-    readonly: boolean;
-    required: boolean;
-    type: string;
-    maxLength: null;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (modelValue: string) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_PublicProps>, {
-    autoComplete: null;
-    disabled: boolean;
-    error: null;
-    helpText: null;
-    icon: undefined;
-    id: null;
-    labelHidden: boolean;
-    multiline: boolean;
-    placeholder: null;
-    readonly: boolean;
-    required: boolean;
-    type: string;
-    maxLength: null;
-}>>> & {
+declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (modelValue: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((modelValue: string) => any) | undefined;
-}, {
-    type: "number" | "search" | "time" | "text" | "month" | "date" | "datetime-local" | "email" | "password" | "tel" | "url" | "week" | "currency";
-    readonly: boolean;
-    id: string | null;
+}>, {
     error: string | null;
+    type: "text" | "email" | "number" | "password" | "search" | "tel" | "url" | "date" | "datetime-local" | "month" | "time" | "week" | "currency";
+    id: string | null;
     required: boolean;
     disabled: boolean;
     icon: string | FunctionalComponent<HTMLAttributes & VNodeProps, {}, any, {}>;
@@ -79,23 +50,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     autoComplete: string | null;
     multiline: boolean;
     placeholder: string | null;
+    readonly: boolean;
     maxLength: number | null;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};

package/dist/src/components/TextField/TextFieldIcon.vue.d.ts

@@ -0,0 +1,7 @@
+import type { FunctionalComponent, HTMLAttributes, VNodeProps } from 'vue';
+declare const _default: import("vue").DefineComponent<{
+    icon: FunctionalComponent<HTMLAttributes & VNodeProps> | string;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    icon: FunctionalComponent<HTMLAttributes & VNodeProps> | string;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/{components → src/components}/TextField/TextFieldPasswordIcon.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/{components → src/components}/TextField/TextFieldSearchIcon.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/src/components/TextStyle/TextStyle.vue.d.ts

@@ -0,0 +1,29 @@
+declare function __VLS_template(): {
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import("vue").DefineComponent<{
+    /** Whether the text is subdued. */
+    subdued?: boolean;
+    /** Whether the text is strong. */
+    strong?: boolean;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    /** Whether the text is subdued. */
+    subdued?: boolean;
+    /** Whether the text is strong. */
+    strong?: boolean;
+}> & Readonly<{}>, {
+    strong: boolean;
+    subdued: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/components/Toast/DismissToastAction.vue.d.ts

@@ -0,0 +1,15 @@
+import { ToastVariant } from '@/components/Toast/types';
+declare const _default: import("vue").DefineComponent<{
+    /** The variant of the toast. */
+    variant?: ToastVariant;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    dismiss: () => any;
+}, string, import("vue").PublicProps, Readonly<{
+    /** The variant of the toast. */
+    variant?: ToastVariant;
+}> & Readonly<{
+    onDismiss?: (() => any) | undefined;
+}>, {
+    variant: ToastVariant;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/src/components/Toast/Toast.vue.d.ts

@@ -0,0 +1,39 @@
+import { ToastVariant } from './types';
+declare function __VLS_template(): {
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import("vue").DefineComponent<{
+    /** Whether the toast is open or not */
+    open?: boolean;
+    /** The duration in milliseconds before the toast is automatically closed */
+    duration?: number;
+    /** The variant of the toast. */
+    variant?: ToastVariant;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: () => any;
+}, string, import("vue").PublicProps, Readonly<{
+    /** Whether the toast is open or not */
+    open?: boolean;
+    /** The duration in milliseconds before the toast is automatically closed */
+    duration?: number;
+    /** The variant of the toast. */
+    variant?: ToastVariant;
+}> & Readonly<{
+    onClose?: (() => any) | undefined;
+}>, {
+    duration: number;
+    variant: ToastVariant;
+    open: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/components/Toast/ToastGroup.vue.d.ts

@@ -0,0 +1,16 @@
+declare function __VLS_template(): {
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/components/Toast/types.d.ts

@@ -0,0 +1 @@
+export type ToastVariant = 'default' | 'informative' | 'destructive' | 'warning';

package/dist/src/components/Toggle/Toggle.vue.d.ts

@@ -0,0 +1,23 @@
+declare let __VLS_typeProps: {
+    /** Whether the toggle is disabled. */
+    disabled?: boolean;
+    /** The ID of the toggle. */
+    id?: string | null;
+    /** The label for the toggle. */
+    label: string;
+    /** The help text to be displayed below the toggle. */
+    helpText?: string | null;
+};
+type __VLS_PublicProps = {
+    modelValue: boolean;
+} & typeof __VLS_typeProps;
+declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (modelValue: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((modelValue: boolean) => any) | undefined;
+}>, {
+    id: string | null;
+    disabled: boolean;
+    helpText: string | null;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/src/components/Tooltip/Tooltip.vue.d.ts

@@ -0,0 +1,22 @@
+declare function __VLS_template(): {
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import("vue").DefineComponent<{
+    /** The content of the tooltip. */
+    content: string;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    /** The content of the tooltip. */
+    content: string;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/components/TopBar/TopBar.vue.d.ts

@@ -0,0 +1,16 @@
+declare function __VLS_template(): {
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/{components → src/components}/TopBar/TopBarLogo.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/src/components/TopBar/TopBarNavigation.vue.d.ts

@@ -0,0 +1,16 @@
+declare function __VLS_template(): {
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/{components → src/components}/TopBar/TopBarSearch.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/src/components/VisuallyHidden/VisuallyHidden.vue.d.ts

@@ -0,0 +1,16 @@
+declare function __VLS_template(): {
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/{components → src/components}/index.d.ts

@@ -9,16 +9,18 @@ export { type BarChartCategory, BarChart } from './BarChart';
 export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, } from './Breadcrumbs';
 export { type ButtonVariant, Button, ButtonBadge, ButtonContent, ButtonIcon, } from './Button';
 export { ButtonGroup } from './ButtonGroup';
-export { Card, CardDescription, CardFooter, CardHeader, CardHelp, CardIcon, CardLayout, CardMedia, CardSection, CardTitle, } from './Card';
+export { Card, CardDescription, CardFooter, CardHeader, CardHelp, CardIcon, CardLayout, CardMedia, CardSection, CardSeparator, CardTitle, } from './Card';
 export { type CategoryBarCategory, CategoryBar } from './CategoryBar';
 export { Checkbox, CheckboxGroup } from './Checkbox';
 export { Collapsible } from './Collapsible';
 export { ColorInput } from './ColorInput';
+export { ColorPalette } from './ColorPalette';
 export { DataList, DataListContent, DataListItem, DataListItemLine, } from './DataList';
 export { DataTable, DataTableCell, DataTableRoot, DataTableRow, } from './DataTable';
 export { DatePicker, } from './DatePicker';
 export { DescriptionList, DescriptionListDescription, DescriptionListItem, DescriptionListTerm, } from './DescriptionList';
 export { Dialog, DialogCancelButton, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogIcon, DialogSection, DialogTitle, } from './Dialog';
+export { Drawer, DrawerContent, DrawerDescription, DrawerHeader, DrawerTitle, } from './Drawer';
 export { DropZone } from './DropZone';
 export { EmptyState, EmptyStateActions, EmptyStateContent, EmptyStateDescription, EmptyStateTitle, } from './EmptyState';
 export { FeatureList, FeatureListItem } from './FeatureList';

package/dist/style.css

@@ -1 +1 @@
-:root{--grid-gap: 1.5rem}[type=checkbox]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}[type=radio]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")}[type=checkbox]:checked,[type=radio]:checked{background-color:currentColor;background-position:center;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent}._visuallyHidden_o6qmb_6{position:absolute!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;overflow:hidden!important;clip-path:inset(50%)!important;border:0!important;white-space:nowrap!important}.shake{animation:horizontal-shaking .25s infinite}@keyframes horizontal-shaking{0%{transform:translate(0)}25%{transform:translate(5px)}50%{transform:translate(-5px)}75%{transform:translate(5px)}to{transform:translate(0)}}.chosen[data-v-2c90491b]{opacity:1;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.ghost[data-v-2c90491b]{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity))}input[type=number][data-v-8908e8cb]::-webkit-inner-spin-button,input[type=number][data-v-8908e8cb]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
+:root{--grid-gap: 1.5rem}[type=checkbox]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}[type=radio]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")}[type=checkbox]:checked,[type=radio]:checked{background-color:currentColor;background-position:center;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent}._visuallyHidden_o6qmb_6{position:absolute!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;overflow:hidden!important;clip-path:inset(50%)!important;border:0!important;white-space:nowrap!important}.shake{animation:horizontal-shaking .25s infinite}@keyframes horizontal-shaking{0%{transform:translate(0)}25%{transform:translate(5px)}50%{transform:translate(-5px)}75%{transform:translate(5px)}to{transform:translate(0)}}.chosen[data-v-af1d3709]{opacity:1;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.ghost[data-v-af1d3709]{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity))}.ghost[data-v-af1d3709]:where(.dark,.dark *){--tw-bg-opacity: 1;background-color:rgb(63 63 70 / var(--tw-bg-opacity))}.nested-enter-active,.nested-leave-active{transition:all .2s ease-in-out}.nested-enter-active .background,.nested-leave-active .background{transition:all .2s linear}.nested-enter-from .background,.nested-leave-to .background{opacity:0}.nested-enter-active .drawer,.nested-leave-active .drawer{transition:all .15s ease-out}.nested-enter-from .drawer,.nested-leave-to .drawer{transform:translate(120%)}input[type=number][data-v-77f41730]::-webkit-inner-spin-button,input[type=number][data-v-77f41730]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}

package/dist/vitest.setup.d.ts

@@ -0,0 +1,2 @@
+import '@testing-library/jest-dom/vitest';
+import 'vitest-canvas-mock';

package/package.json

@@ -1,15 +1,17 @@
 {
   "name": "@returnless/focus-ui",
-  "version": "0.0.34",
+  "version": "0.0.37",
   "license": "MIT",
   "type": "module",
   "scripts": {
     "build": "rimraf dist && vite build && vue-tsc --emitDeclarationOnly",
-    "docs:dev": "npm run docs:generate-component-list && npm run docs:generate-component-meta && vitepress dev docs",
+    "docs:dev": "npm run docs:generate-component-list && npm run docs:generate-component-meta && vitepress dev docs --host",
     "docs:generate-component-list": "npx tsx ./src/build-utils/update-component-list.ts",
     "docs:generate-component-meta": "npx tsx ./src/build-utils/generate-component-meta.ts",
     "docs:build": "npm run docs:generate-component-list && npm run docs:generate-component-meta && vitepress build docs",
-    "docs:preview": "vitepress preview docs"
+    "docs:preview": "vitepress preview docs",
+    "test": "vitest",
+    "test:coverage": "vitest run --coverage"
   },
   "peerDependencies": {
     "vue": "^3.3.4"
@@ -21,24 +23,35 @@
     "@internationalized/date": "^3.5.5",
     "@stylistic/eslint-plugin": "^2.1.0",
     "@tailwindcss/typography": "^0.5.13",
+    "@testing-library/jest-dom": "^6.5.0",
+    "@testing-library/vue": "^8.1.0",
+    "@types/jest-axe": "^3.5.9",
     "@types/node": "^20.13.0",
     "@types/sortablejs": "^1.15.8",
     "@typescript-eslint/eslint-plugin": "^7.11.0",
     "@vitejs/plugin-vue": "^5.0.5",
+    "@vitest/coverage-istanbul": "^2.0.5",
+    "@vue/test-utils": "^2.4.6",
     "@vueuse/core": "^10.11.0",
     "autoprefixer": "^10.4.19",
     "collect.js": "^4.36.1",
     "dayjs": "^1.11.11",
     "eslint": "^8.57.0",
+    "eslint-plugin-tailwindcss": "^3.17.4",
     "eslint-plugin-vue": "^9.26.0",
     "front-matter": "^4.0.2",
+    "jest-axe": "^9.0.0",
+    "jsdom": "^25.0.0",
     "postcss": "^8.4.38",
+    "radix-vue": "^1.9.6",
     "rimraf": "^5.0.7",
     "sortablejs": "^1.15.2",
     "tailwindcss": "^3.4.3",
     "typescript": "^5.4.5",
     "vite": "^5.2.12",
-    "vitepress": "^1.2.3",
+    "vitepress": "^1.3.4",
+    "vitest": "^2.0.5",
+    "vitest-canvas-mock": "^0.3.3",
     "vue-component-meta": "^2.0.19",
     "vue-tsc": "^2.0.19"
   },
@@ -54,7 +67,7 @@
     },
     "./style.css": "./dist/style.css"
   },
-  "types": "./dist/index.d.ts",
+  "types": "./dist/src/index.d.ts",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/Returnless-com/focus-ui.git"

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

@@ -1,39 +0,0 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
-    /** The orientation of the accordion. */
-    orientation?: "horizontal" | "vertical" | undefined;
-}>, {
-    orientation: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
-    /** The orientation of the accordion. */
-    orientation?: "horizontal" | "vertical" | undefined;
-}>, {
-    orientation: string;
-}>>>, {
-    orientation: "horizontal" | "vertical";
-}, {}>, {
-    default?(_: {}): any;
-}>;
-export default _default;
-
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};

package/dist/components/Accordion/AccordionContent.vue.d.ts

@@ -1,9 +0,0 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>, {
-    default?(_: {}): any;
-}>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/components/Accordion/AccordionItem.vue.d.ts

@@ -1,9 +0,0 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>, {
-    default?(_: {}): any;
-}>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/components/Accordion/AccordionTrigger.vue.d.ts

@@ -1,9 +0,0 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>, {
-    default?(_: {}): any;
-}>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

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

@@ -1,39 +0,0 @@
-import { Alignment } from '@floating-ui/vue';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
-    /** The alignment of the popover. */
-    alignment?: Alignment | undefined;
-}>, {
-    alignment: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
-    /** The alignment of the popover. */
-    alignment?: Alignment | undefined;
-}>, {
-    alignment: string;
-}>>>, {
-    alignment: Alignment;
-}, {}>, {
-    default?(_: {}): any;
-}>;
-export default _default;
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};

package/dist/components/ActionList/ActionListBody.vue.d.ts

@@ -1,9 +0,0 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>, {
-    default?(_: {}): any;
-}>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};