@returnless/focus-ui 0.0.36 → 0.0.37

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

@@ -1,14 +1,12 @@
 import { TailwindColor } from '../../composables';
-declare var __VLS_6: {};
-declare var __VLS_inheritedAttrs: {};
-declare const __VLS_templateResult: {
+declare function __VLS_template(): {
     slots: {
-        default?(_: typeof __VLS_6): any;
+        default?(_: {}): any;
     };
     refs: {};
-    attrs: Partial<typeof __VLS_inheritedAttrs>;
+    attrs: Partial<{}>;
 };
-type __VLS_Slots = typeof __VLS_templateResult['slots'];
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<{
     /** Accessible label for the avatar image. */
     accessibilityLabel?: string | null;
@@ -21,12 +19,12 @@ declare const __VLS_component: import("vue").DefineComponent<{
     accessibilityLabel?: string | null;
     /** The color of the badge. */
     color: TailwindColor;
-} & {
+}> & Readonly<{
     onRemove?: (() => any) | undefined;
 }>, {
     accessibilityLabel: string | null;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_Slots>;
+}, {}, {}, {}, 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 (): {

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

@@ -35,41 +35,8 @@ type __VLS_PublicProps = {
     modelValue?: string;
 } & typeof __VLS_typeProps;
 declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    'update:modelValue': (modelValue: string) => any;
-}, string, import("vue").PublicProps, Readonly<{
-    modelValue?: string;
-} & {
-    /** Enable automatic completion by the browser. Set to "off" when you do not want the browser to fill in info */
-    autoComplete?: string | null;
-    /** Whether the input is disabled. */
-    disabled?: boolean;
-    /** The error to display below the input. */
-    error?: string | null;
-    /** The help text to display below the input. */
-    helpText?: string | null;
-    /** The icon to display inside the input. */
-    icon?: FunctionalComponent<HTMLAttributes & VNodeProps> | string | undefined;
-    /** The ID of the input the label is associated with. */
-    id?: string | null;
-    /** The label text. */
-    label: string;
-    /** Whether the label is hidden. */
-    labelHidden?: boolean;
-    /** Whether the input is a textarea. */
-    multiline?: boolean;
-    /** The name of the input. */
-    name: string;
-    /** The placeholder text. */
-    placeholder?: string | null;
-    /** Whether the input is read-only. */
-    readonly?: boolean;
-    /** Whether the input is required. */
-    required?: boolean;
-    /** The type of the input. */
-    type?: "text" | "email" | "number" | "password" | "search" | "tel" | "url" | "date" | "datetime-local" | "month" | "time" | "week" | "currency";
-    /** The maximum number of characters allowed in the input. */
-    maxLength?: number | null;
-} & {
+    "update:modelValue": (modelValue: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((modelValue: string) => any) | undefined;
 }>, {
     error: string | null;
@@ -85,5 +52,5 @@ declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {},
     placeholder: string | null;
     readonly: boolean;
     maxLength: number | null;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -3,5 +3,5 @@ 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;
-} & {}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}>;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/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<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}>;
+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/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<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}>;
+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

@@ -1,13 +1,11 @@
-declare var __VLS_0: {};
-declare var __VLS_inheritedAttrs: {};
-declare const __VLS_templateResult: {
+declare function __VLS_template(): {
     slots: {
-        default?(_: typeof __VLS_0): any;
+        default?(_: {}): any;
     };
     refs: {};
-    attrs: Partial<typeof __VLS_inheritedAttrs>;
+    attrs: Partial<{}>;
 };
-type __VLS_Slots = typeof __VLS_templateResult['slots'];
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<{
     /** Whether the text is subdued. */
     subdued?: boolean;
@@ -18,11 +16,11 @@ declare const __VLS_component: import("vue").DefineComponent<{
     subdued?: boolean;
     /** Whether the text is strong. */
     strong?: boolean;
-} & {}>, {
+}> & Readonly<{}>, {
     strong: boolean;
     subdued: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_Slots>;
+}, {}, {}, {}, 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 (): {

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

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

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

@@ -1,18 +1,19 @@
-declare var __VLS_0: {};
-declare var __VLS_inheritedAttrs: {};
-declare const __VLS_templateResult: {
+import { ToastVariant } from './types';
+declare function __VLS_template(): {
     slots: {
-        default?(_: typeof __VLS_0): any;
+        default?(_: {}): any;
     };
     refs: {};
-    attrs: Partial<typeof __VLS_inheritedAttrs>;
+    attrs: Partial<{}>;
 };
-type __VLS_Slots = typeof __VLS_templateResult['slots'];
+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<{
@@ -20,13 +21,16 @@ declare const __VLS_component: import("vue").DefineComponent<{
     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, {}>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_Slots>;
+}, {}, {}, {}, 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 (): {

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

@@ -1,15 +1,13 @@
-declare var __VLS_0: {};
-declare var __VLS_inheritedAttrs: {};
-declare const __VLS_templateResult: {
+declare function __VLS_template(): {
     slots: {
-        default?(_: typeof __VLS_0): any;
+        default?(_: {}): any;
     };
     refs: {};
-    attrs: Partial<typeof __VLS_inheritedAttrs>;
+    attrs: Partial<{}>;
 };
-type __VLS_Slots = typeof __VLS_templateResult['slots'];
-declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_Slots>;
+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 (): {

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

@@ -1,34 +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;
-    /** The value of the toggle. */
-    value?: any;
 };
 type __VLS_PublicProps = {
-    modelValue?: boolean;
+    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<{
-    modelValue?: 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;
-    /** The value of the toggle. */
-    value?: any;
-} & {
+    "update:modelValue": (modelValue: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((modelValue: boolean) => any) | undefined;
 }>, {
     id: string | null;
-    value: any;
+    disabled: boolean;
     helpText: string | null;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -1,21 +1,19 @@
-declare var __VLS_12: {};
-declare var __VLS_inheritedAttrs: {};
-declare const __VLS_templateResult: {
+declare function __VLS_template(): {
     slots: {
-        default?(_: typeof __VLS_12): any;
+        default?(_: {}): any;
     };
     refs: {};
-    attrs: Partial<typeof __VLS_inheritedAttrs>;
+    attrs: Partial<{}>;
 };
-type __VLS_Slots = typeof __VLS_templateResult['slots'];
+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;
-} & {}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_Slots>;
+}> & 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 (): {

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

@@ -1,15 +1,13 @@
-declare var __VLS_0: {};
-declare var __VLS_inheritedAttrs: {};
-declare const __VLS_templateResult: {
+declare function __VLS_template(): {
     slots: {
-        default?(_: typeof __VLS_0): any;
+        default?(_: {}): any;
     };
     refs: {};
-    attrs: Partial<typeof __VLS_inheritedAttrs>;
+    attrs: Partial<{}>;
 };
-type __VLS_Slots = typeof __VLS_templateResult['slots'];
-declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_Slots>;
+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 (): {

package/dist/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<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}>;
+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

@@ -1,15 +1,13 @@
-declare var __VLS_0: {};
-declare var __VLS_inheritedAttrs: {};
-declare const __VLS_templateResult: {
+declare function __VLS_template(): {
     slots: {
-        default?(_: typeof __VLS_0): any;
+        default?(_: {}): any;
     };
     refs: {};
-    attrs: Partial<typeof __VLS_inheritedAttrs>;
+    attrs: Partial<{}>;
 };
-type __VLS_Slots = typeof __VLS_templateResult['slots'];
-declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_Slots>;
+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 (): {

package/dist/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<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}>;
+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

@@ -1,15 +1,13 @@
-declare var __VLS_0: {};
-declare var __VLS_inheritedAttrs: {};
-declare const __VLS_templateResult: {
+declare function __VLS_template(): {
     slots: {
-        default?(_: typeof __VLS_0): any;
+        default?(_: {}): any;
     };
     refs: {};
-    attrs: Partial<typeof __VLS_inheritedAttrs>;
+    attrs: Partial<{}>;
 };
-type __VLS_Slots = typeof __VLS_templateResult['slots'];
-declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_Slots>;
+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 (): {

package/dist/src/components/index.d.ts

@@ -9,7 +9,7 @@ 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';

package/dist/src/composables/index.d.ts

@@ -1,4 +1,3 @@
-export { useDarkMode } from './useDarkMode';
 export { type TailwindColor, useTailwindColor } from './useTailwindColor';
 export { useCalendar } from './useCalendar';
 export { useDateFormatter } from './useDateFormatter';

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-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-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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@returnless/focus-ui",
-  "version": "0.0.36",
+  "version": "0.0.37",
   "license": "MIT",
   "type": "module",
   "scripts": {
@@ -43,6 +43,7 @@
     "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",
@@ -66,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/src/composables/useDarkMode.d.ts

@@ -1,4 +0,0 @@
-export declare function useDarkMode(): {
-    darkMode: import("vue").Ref<boolean, boolean>;
-    toggleDarkMode: () => void;
-};