@returnless/focus-ui 0.0.37 → 0.0.39

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

@@ -26,8 +26,8 @@ declare const __VLS_component: import("vue").DefineComponent<{
 }> & Readonly<{
     onDismiss?: (() => any) | undefined;
 }>, {
-    variant: AlertVariant;
     flush: boolean;
+    variant: AlertVariant;
     dismissible: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

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

@@ -0,0 +1,28 @@
+declare let __VLS_typeProps: {
+    label: string;
+    labelHidden?: boolean;
+    placeholder?: string | null;
+};
+type __VLS_PublicProps = {
+    modelValue?: string;
+} & typeof __VLS_typeProps;
+declare function __VLS_template(): {
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: 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;
+}>, {}, {}, {}, {}, 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/Autocomplete/AutocompleteGroup.vue.d.ts

@@ -0,0 +1,20 @@
+declare function __VLS_template(): {
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import("vue").DefineComponent<{
+    label: string;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    label: 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/Autocomplete/AutocompleteItem.vue.d.ts

@@ -0,0 +1,17 @@
+import { PrimitiveProps } from 'radix-vue';
+declare function __VLS_template(): {
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import("vue").DefineComponent<PrimitiveProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PrimitiveProps> & 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/Autocomplete/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Autocomplete } from './Autocomplete.vue';
+export { default as AutocompleteGroup } from './AutocompleteGroup.vue';
+export { default as AutocompleteItem } from './AutocompleteItem.vue';

package/dist/src/components/Card/CardSection.vue.d.ts

@@ -13,8 +13,8 @@ declare const __VLS_component: import("vue").DefineComponent<{
     flush?: boolean;
     alignment?: "start" | "end";
 }> & Readonly<{}>, {
-    alignment: "start" | "end";
     flush: boolean;
+    alignment: "start" | "end";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

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

@@ -16,7 +16,7 @@ declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {},
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((modelValue: File[]) => any) | undefined;
 }>, {
-    accepts: FileAccepts;
     multiple: boolean;
+    accepts: FileAccepts;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -22,8 +22,8 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps,
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((modelValue: File[]) => any) | undefined;
 }>, {
-    accepts: FileAccepts;
     multiple: boolean;
+    accepts: FileAccepts;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

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

@@ -11,9 +11,13 @@ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<{
     /** Navigation component to render in the left column */
     navigation?: Component;
+    /** Size of the page */
+    size?: "default" | "compact";
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
     /** Navigation component to render in the left column */
     navigation?: Component;
+    /** Size of the page */
+    size?: "default" | "compact";
 }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

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

@@ -11,20 +11,24 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<{
     /** The trigger event of the popper */
-    trigger: "click" | "hover";
+    trigger?: "click" | "hover" | "manual";
     /** The placement of the popper */
     placement: Placement;
     /** The delay in milliseconds before hiding the popper */
     timeout?: number;
+    open?: boolean;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
     /** The trigger event of the popper */
-    trigger: "click" | "hover";
+    trigger?: "click" | "hover" | "manual";
     /** The placement of the popper */
     placement: Placement;
     /** The delay in milliseconds before hiding the popper */
     timeout?: number;
+    open?: boolean;
 }> & Readonly<{}>, {
+    trigger: "click" | "hover" | "manual";
     timeout: number;
+    open: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

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

@@ -41,8 +41,8 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps,
     required: boolean;
     disabled: boolean;
     labelHidden: boolean;
-    helpText: string | null;
     placeholder: string | null;
+    helpText: string | null;
     readonly: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

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

@@ -1,5 +1,11 @@
-import { type FunctionalComponent, type HTMLAttributes, type VNodeProps } from 'vue';
+import { type FunctionalComponent, type HTMLAttributes, type VNodeProps, type Component } from 'vue';
+import { type AsTag } from 'radix-vue';
 declare let __VLS_typeProps: {
+    /**
+     * The element or component this component should render as. Can be overwrite by `asChild`
+     * @defaultValue "div"
+     */
+    as?: AsTag | Component | null;
     /** 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. */
@@ -43,13 +49,14 @@ declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {},
     type: "text" | "email" | "number" | "password" | "search" | "tel" | "url" | "date" | "datetime-local" | "month" | "time" | "week" | "currency";
     id: string | null;
     required: boolean;
+    as: AsTag | Component | null;
     disabled: boolean;
     icon: string | FunctionalComponent<HTMLAttributes & VNodeProps, {}, any, {}>;
     labelHidden: boolean;
-    helpText: string | null;
+    placeholder: string | null;
     autoComplete: string | null;
+    helpText: string | null;
     multiline: boolean;
-    placeholder: string | null;
     readonly: boolean;
     maxLength: number | null;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -27,8 +27,8 @@ declare const __VLS_component: import("vue").DefineComponent<{
     onClose?: (() => any) | undefined;
 }>, {
     duration: number;
-    variant: ToastVariant;
     open: boolean;
+    variant: ToastVariant;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

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

@@ -3,6 +3,7 @@ export { ActionList, ActionListBody, ActionListItem, ActionListSection, ActionLi
 export { Alert, AlertDescription, AlertTitle } from './Alert';
 export { AlertDialog, AlertDialogActionButton, AlertDialogCancelButton, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, } from './AlertDialog';
 export { AspectRatio } from './AspectRatio';
+export { Autocomplete, AutocompleteGroup, AutocompleteItem } from './Autocomplete';
 export { Avatar } from './Avatar';
 export { Badge, BadgeContent, BadgeIcon } from './Badge';
 export { type BarChartCategory, BarChart } from './BarChart';

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

@@ -1,5 +1,6 @@
 export { type TailwindColor, useTailwindColor } from './useTailwindColor';
 export { useCalendar } from './useCalendar';
+export { useDark } from './useDark';
 export { useDateFormatter } from './useDateFormatter';
 export { useTheme } from './useTheme';
 export { useToastNotifications } from './useToastNotifications';

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

@@ -0,0 +1 @@
+export declare function useDark(): import("vue").ComputedRef<boolean>;

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

@@ -1,4 +1,4 @@
-import colors from 'tailwindcss/colors';
+declare const colors: any;
 type TailwindColorMap = typeof colors;
 export type TailwindColor = keyof {
     [K in keyof TailwindColorMap as TailwindColorMap[K] extends object ? K : never]: TailwindColorMap[K];

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-77f41730]::-webkit-inner-spin-button,input[type=number][data-v-77f41730]::-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-db2ec5a9]::-webkit-inner-spin-button,input[type=number][data-v-db2ec5a9]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@returnless/focus-ui",
-  "version": "0.0.37",
+  "version": "0.0.39",
   "license": "MIT",
   "type": "module",
   "scripts": {
@@ -21,18 +21,18 @@
     "@heroicons/vue": "^2.1.3",
     "@inertiajs/vue3": "^1.1.0",
     "@internationalized/date": "^3.5.5",
-    "@stylistic/eslint-plugin": "^2.1.0",
+    "@stylistic/eslint-plugin": "^2.9.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/node": "^22.7.4",
     "@types/sortablejs": "^1.15.8",
     "@typescript-eslint/eslint-plugin": "^7.11.0",
     "@vitejs/plugin-vue": "^5.0.5",
-    "@vitest/coverage-istanbul": "^2.0.5",
+    "@vitest/coverage-istanbul": "^2.1.2",
     "@vue/test-utils": "^2.4.6",
-    "@vueuse/core": "^10.11.0",
+    "@vueuse/core": "^11.1.0",
     "autoprefixer": "^10.4.19",
     "collect.js": "^4.36.1",
     "dayjs": "^1.11.11",
@@ -43,13 +43,13 @@
     "jest-axe": "^9.0.0",
     "jsdom": "^25.0.0",
     "postcss": "^8.4.38",
-    "radix-vue": "^1.9.6",
-    "rimraf": "^5.0.7",
+    "radix-vue": "^1.9.7",
+    "rimraf": "^6.0.1",
     "sortablejs": "^1.15.2",
     "tailwindcss": "^3.4.3",
     "typescript": "^5.4.5",
     "vite": "^5.2.12",
-    "vitepress": "^1.3.4",
+    "vitepress": "^1.4.0",
     "vitest": "^2.0.5",
     "vitest-canvas-mock": "^0.3.3",
     "vue-component-meta": "^2.0.19",