vuiii 1.0.0-beta.90 → 1.0.0-beta.92

package/CLAUDE.md

@@ -93,7 +93,7 @@ const breadcrumbs: BreadcrumbItems = [
 const breadcrumbs: BreadcrumbItems = [
   { label: 'Dashboard', link: { name: 'dashboard' } },
   { label: 'Users', link: { name: 'users' } },
-  { label: 'John Doe', link: { name: 'user', params: { id: 123 } } }
+  { label: 'John Doe', link: { name: 'user', params: { id: 123 } } },
 ]
 ```
 
@@ -235,7 +235,7 @@ import { FORM_DIVIDER } from 'vuiii'
 const fields = [
   { name: 'name', component: Input, label: 'Name' },
   FORM_DIVIDER,
-  { name: 'email', component: Input, label: 'Email' }
+  { name: 'email', component: Input, label: 'Email' },
 ]
 ```
 
@@ -327,8 +327,7 @@ import { FilePicker } from 'vuiii'
 Dynamic form generator that renders fields from a configuration array.
 Supports vertical/horizontal layouts, nested rows, dividers, and validation integration.
 
-
-  @example <template #field:email="{ name, label, index }">Custom email input</template>
+@example <template #field:email="{ name, label, index }">Custom email input</template>
 
 **Examples:**
 
@@ -350,9 +349,9 @@ const fields: FormField<UserData>[] = [
 const fields: FormFieldOrRow<UserData>[] = [
   [
     { name: 'firstName', component: Input, label: 'First Name' },
-    { name: 'lastName', component: Input, label: 'Last Name' }
+    { name: 'lastName', component: Input, label: 'Last Name' },
   ],
-  { name: 'email', component: Input, label: 'Email' }
+  { name: 'email', component: Input, label: 'Email' },
 ]
 ```
 
@@ -363,7 +362,7 @@ import { FORM_DIVIDER } from 'vuiii'
 const fields: FormFieldOrRow<UserData>[] = [
   { name: 'name', component: Input, label: 'Name' },
   FORM_DIVIDER,
-  { name: 'email', component: Input, label: 'Email' }
+  { name: 'email', component: Input, label: 'Email' },
 ]
 ```
 
@@ -840,13 +839,7 @@ import { useCursor } from 'vuiii'
 
 const items = ref(['Apple', 'Banana', 'Cherry'])
 
-const {
-  cursorIndex,
-  cursorItem,
-  moveCursorForward,
-  moveCursorBack,
-  resetCursor
-} = useCursor(items)
+const { cursorIndex, cursorItem, moveCursorForward, moveCursorBack, resetCursor } = useCursor(items)
 
 console.log(cursorItem.value) // 'Apple'
 moveCursorForward()
@@ -890,11 +883,7 @@ const { isDropzoneActive } = useDropArea(
 
 ```typescript
 // With file type filter
-useDropArea(
-  dropElement,
-  handleFiles,
-  { accept: 'image/*' }
-)
+useDropArea(dropElement, handleFiles, { accept: 'image/*' })
 ```
 
 ### useLoadData
@@ -923,10 +912,7 @@ onMounted(load)
 
 ```typescript
 // With immediate loading
-const { isLoading, data } = useLoadData(
-  () => api.fetchUsers(),
-  { immediate: true }
-)
+const { isLoading, data } = useLoadData(() => api.fetchUsers(), { immediate: true })
 ```
 
 ### useLoadPaginatedData
@@ -944,8 +930,8 @@ and optional append mode for infinite scroll.
 import { useLoadPaginatedData } from 'vuiii'
 import type { PaginatedData } from 'vuiii'
 
-const { items, pagination, loadPage, isLoading } = useLoadPaginatedData(
-  ({ page, itemsPerPage }) => api.getUsers({ page, itemsPerPage })
+const { items, pagination, loadPage, isLoading } = useLoadPaginatedData(({ page, itemsPerPage }) =>
+  api.getUsers({ page, itemsPerPage }),
 )
 
 onMounted(() => loadPage(1))
@@ -953,10 +939,9 @@ onMounted(() => loadPage(1))
 
 ```typescript
 // With immediate loading
-const { items, pagination } = useLoadPaginatedData(
-  ({ page, itemsPerPage }) => api.getItems({ page, itemsPerPage }),
-  { immediate: true }
-)
+const { items, pagination } = useLoadPaginatedData(({ page, itemsPerPage }) => api.getItems({ page, itemsPerPage }), {
+  immediate: true,
+})
 ```
 
 ### useSubmitAction
@@ -987,15 +972,12 @@ const { submit, isSubmitting } = useSubmitAction(
 
 ```typescript
 // With confirmation before submit
-const { submit, isSubmitting } = useSubmitAction(
-  (id) => api.deleteUser(id),
-  {
-    onBeforeSubmit: async ({ dialog }) => {
-      return await dialog.confirm('Are you sure?')
-    },
-    successMessage: 'User deleted'
-  }
-)
+const { submit, isSubmitting } = useSubmitAction((id) => api.deleteUser(id), {
+  onBeforeSubmit: async ({ dialog }) => {
+    return await dialog.confirm('Are you sure?')
+  },
+  successMessage: 'User deleted',
+})
 ```
 
 ### useValidation
@@ -1026,8 +1008,8 @@ function validateForm(data: FormData): ValidationResults<FormData> {
     errorMessages: errors,
     validatedFields: {
       email: { isInvalid: !!errors.email, errorMessage: errors.email },
-      password: { isInvalid: !!errors.password, errorMessage: errors.password }
-    }
+      password: { isInvalid: !!errors.password, errorMessage: errors.password },
+    },
   }
 }
 
@@ -1065,7 +1047,6 @@ Allows registering custom icon libraries (Heroicons, FontAwesome, etc.)
 Utilities for normalizing various option formats into a consistent Option[] structure.
 Used by Select, Autocomplete, RadioGroup, CheckboxGroup, and RadioButtonGroup components.
 
-
 ## Option Parsing
 
 Components that display selectable options (Select, Autocomplete, RadioGroup, CheckboxGroup,
@@ -1074,25 +1055,27 @@ are parsed:
 
 ### Extractor Props
 
-| Prop | Description | Components |
-|------|-------------|------------|
-| `option-value` | Key or function to extract the option's value | All |
-| `option-label` | Key or function to extract the display label | All |
-| `option-disabled` | Key or function to determine if option is disabled | All |
-| `option-description` | Key or function to extract description text | RadioGroup, CheckboxGroup, Autocomplete, RadioButtonGroup |
-| `option-icon` | Key or function to extract icon name | Autocomplete, RadioButtonGroup |
-| `group-label` | Key or function to extract group label | Select, Autocomplete |
-| `group-options` | Key or function to extract group's options array | Select, Autocomplete |
+| Prop                 | Description                                        | Components                                                |
+| -------------------- | -------------------------------------------------- | --------------------------------------------------------- |
+| `option-value`       | Key or function to extract the option's value      | All                                                       |
+| `option-label`       | Key or function to extract the display label       | All                                                       |
+| `option-disabled`    | Key or function to determine if option is disabled | All                                                       |
+| `option-description` | Key or function to extract description text        | RadioGroup, CheckboxGroup, Autocomplete, RadioButtonGroup |
+| `option-icon`        | Key or function to extract icon name               | Autocomplete, RadioButtonGroup                            |
+| `group-label`        | Key or function to extract group label             | Select, Autocomplete                                      |
+| `group-options`      | Key or function to extract group's options array   | Select, Autocomplete                                      |
 
 ### Supported Option Formats
 
 **1. Primitive Array** - Value and label are the same
+
 ```ts
 :options="['Apple', 'Banana', 'Cherry']"
 :options="[1, 2, 3, 4, 5]"
 ```
 
 **2. Object Array** - Use extractors to specify which properties to use
+
 ```ts
 :options="[{ id: 1, name: 'Apple' }, { id: 2, name: 'Banana' }]"
 option-value="id"
@@ -1100,11 +1083,13 @@ option-label="name"
 ```
 
 **3. Key-Value Object** - Keys become values, values become labels
+
 ```ts
 :options="{ draft: 'Draft', published: 'Published', archived: 'Archived' }"
 ```
 
 **4. Grouped Options** - For Select and Autocomplete with optgroup support
+
 ```ts
 :options="[
   { category: 'Fruits', items: [{ id: 1, name: 'Apple' }] },
@@ -1119,6 +1104,7 @@ option-label="name"
 ### Function Extractors
 
 Instead of property keys, you can use functions for complex extraction:
+
 ```ts
 :option-label="(user) => `${user.firstName} ${user.lastName}`"
 :option-value="(item) => item.id"
@@ -1133,4 +1119,3 @@ Instead of property keys, you can use functions for complex extraction:
 
 Core type definitions for vuiii components.
 Import these types for TypeScript support in your application.
-

package/README.md

@@ -24,11 +24,11 @@ npm install vuiii@latest
 No global setup is required. Import the stylesheet once in your app entry point and use components directly.
 
 ```typescript
-import "vuiii/style.css";
+import 'vuiii/style.css'
 ```
 
 ```typescript
-import { Button, Input, Select, FormFields } from "vuiii";
+import { Button, Input, Select, FormFields } from 'vuiii'
 ```
 
 ### Custom Icons
@@ -36,12 +36,12 @@ import { Button, Input, Select, FormFields } from "vuiii";
 Register a custom icon resolver to integrate your icon library (Heroicons, FontAwesome, etc.):
 
 ```typescript
-import { registerCustomIconResolver } from "vuiii";
-import { defineAsyncComponent } from "vue";
+import { registerCustomIconResolver } from 'vuiii'
+import { defineAsyncComponent } from 'vue'
 
 registerCustomIconResolver((name) => {
-  return defineAsyncComponent(() => import(`./icons/${name}.vue`));
-});
+  return defineAsyncComponent(() => import(`./icons/${name}.vue`))
+})
 ```
 
 ## Documentation and examples

package/dist/arrow-narrow-down-DGBY4Btu.js

@@ -0,0 +1,4 @@
+//#region src/assets/icons/arrow-narrow-down.svg?raw
+var e = "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M16 17l-4 4m0 0l-4-4m4 4V3\" />\n</svg>\n";
+//#endregion
+export { e as default };

package/dist/arrow-narrow-left-BMfPRee1.js

@@ -0,0 +1,4 @@
+//#region src/assets/icons/arrow-narrow-left.svg?raw
+var e = "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M7 16l-4-4m0 0l4-4m-4 4h18\" />\n</svg>\n";
+//#endregion
+export { e as default };

package/dist/arrow-narrow-right-D7VrDLjb.js

@@ -0,0 +1,4 @@
+//#region src/assets/icons/arrow-narrow-right.svg?raw
+var e = "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\" />\n</svg>\n";
+//#endregion
+export { e as default };

package/dist/arrow-narrow-up-BorlecRd.js

@@ -0,0 +1,4 @@
+//#region src/assets/icons/arrow-narrow-up.svg?raw
+var e = "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M8 7l4-4m0 0l4 4m-4-4v18\" />\n</svg>\n";
+//#endregion
+export { e as default };

package/dist/arrow-top-right-on-square-i24gMSZm.js

@@ -0,0 +1,4 @@
+//#region src/assets/icons/arrow-top-right-on-square.svg?raw
+var e = "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M13.5 6H5.25A2.25 2.25 0 0 0 3 8.25v10.5A2.25 2.25 0 0 0 5.25 21h10.5A2.25 2.25 0 0 0 18 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25\" />\n</svg>\n";
+//#endregion
+export { e as default };

package/dist/arrow-up-tray-iCjPTwBt.js

@@ -0,0 +1,4 @@
+//#region src/assets/icons/arrow-up-tray.svg?raw
+var e = "<svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3 16.5v2.25A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75V16.5m-13.5-9L12 3m0 0l4.5 4.5M12 3v13.5\" />\n</svg>\n";
+//#endregion
+export { e as default };

package/dist/caret-sort-Dg7aRzKb.js

@@ -0,0 +1,4 @@
+//#region src/assets/icons/caret-sort.svg?raw
+var e = "<svg viewBox=\"0 0 15 15\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path d=\"M4.93179 5.43179C4.75605 5.60753 4.75605 5.89245 4.93179 6.06819C5.10753 6.24392 5.39245 6.24392 5.56819 6.06819L7.49999 4.13638L9.43179 6.06819C9.60753 6.24392 9.89245 6.24392 10.0682 6.06819C10.2439 5.89245 10.2439 5.60753 10.0682 5.43179L7.81819 3.18179C7.73379 3.0974 7.61933 3.04999 7.49999 3.04999C7.38064 3.04999 7.26618 3.0974 7.18179 3.18179L4.93179 5.43179ZM10.0682 9.56819C10.2439 9.39245 10.2439 9.10753 10.0682 8.93179C9.89245 8.75606 9.60753 8.75606 9.43179 8.93179L7.49999 10.8636L5.56819 8.93179C5.39245 8.75606 5.10753 8.75606 4.93179 8.93179C4.75605 9.10753 4.75605 9.39245 4.93179 9.56819L7.18179 11.8182C7.35753 11.9939 7.64245 11.9939 7.81819 11.8182L10.0682 9.56819Z\" fill=\"currentColor\" fill-rule=\"evenodd\" clip-rule=\"evenodd\"></path>\n</svg>\n";
+//#endregion
+export { e as default };

package/dist/check-BBg8cVLv.js

@@ -0,0 +1,4 @@
+//#region src/assets/icons/check.svg?raw
+var e = "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 13l4 4L19 7\" />\n</svg>\n";
+//#endregion
+export { e as default };

package/dist/chevron-down-cIqpaED9.js

@@ -0,0 +1,4 @@
+//#region src/assets/icons/chevron-down.svg?raw
+var e = "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19.5 8.25l-7.5 7.5-7.5-7.5\" />\n</svg>\n";
+//#endregion
+export { e as default };

package/dist/chevron-left-CxsikvMX.js

@@ -0,0 +1,4 @@
+//#region src/assets/icons/chevron-left.svg?raw
+var e = "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 19l-7-7 7-7\" />\n</svg>\n";
+//#endregion
+export { e as default };

package/dist/chevron-right-ByOcIUwz.js

@@ -0,0 +1,4 @@
+//#region src/assets/icons/chevron-right.svg?raw
+var e = "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5l7 7-7 7\" />\n</svg>\n";
+//#endregion
+export { e as default };

package/dist/chevron-up-BJHgvkCZ.js

@@ -0,0 +1,4 @@
+//#region src/assets/icons/chevron-up.svg?raw
+var e = "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4.5 15.75l7.5-7.5 7.5 7.5\" />\n</svg>\n";
+//#endregion
+export { e as default };

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

@@ -2,7 +2,7 @@ import { RouteLocationRaw } from 'vue-router';
 import { ButtonVariant, InputSize } from '../types';
 export type NativeButtonProps = {
     disabled?: boolean;
-    type?: "button" | "submit" | "reset";
+    type?: 'button' | 'submit' | 'reset';
 };
 export type ButtonProps = NativeButtonProps & {
     size?: InputSize;

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

@@ -6,7 +6,7 @@ type __VLS_Props = {
     optionDisabled?: Extractor;
     optionDescription?: Extractor;
     valueParser?: ValueParser;
-    type?: "string" | "number" | "boolean" | "date";
+    type?: 'string' | 'number' | 'boolean' | 'date';
     inline?: boolean;
 };
 type __VLS_PublicProps = {

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

@@ -31,7 +31,7 @@
  * ]
  */
 type __VLS_Props = {
-    orientation?: "horizontal" | "vertical";
+    orientation?: 'horizontal' | 'vertical';
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     orientation: "horizontal" | "vertical";

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

@@ -5,7 +5,7 @@ export type DropdownProps = {
     variant?: ButtonVariant;
     block?: boolean;
     icon?: string;
-    dropdownPlacement?: "left" | "right" | "center";
+    dropdownPlacement?: 'left' | 'right' | 'center';
     fullDropdownWidth?: boolean;
 };
 export type DropdownRef = {

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

@@ -1,5 +1,5 @@
 import { ButtonProps } from './Button.vue';
-export type IconButtonProps = Omit<ButtonProps, "prefixIcon" | "suffixIcon" | "label" | "block"> & {
+export type IconButtonProps = Omit<ButtonProps, 'prefixIcon' | 'suffixIcon' | 'label' | 'block'> & {
     icon: string;
     title?: string;
 };

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

@@ -7,8 +7,8 @@ export type InputWrapperProps = {
     pill?: boolean;
 };
 export type InputWrapperEmits = {
-    "prefix-icon-click": [];
-    "suffix-icon-click": [];
+    'prefix-icon-click': [];
+    'suffix-icon-click': [];
 };
 export type InputWrapperSlots = {
     default: void;

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

@@ -49,7 +49,7 @@
  * @slot default - The trigger content that the tooltip wraps
  * @slot title - Custom tooltip title content (alternative to title prop)
  */
-export type TooltipPlacement = "top" | "bottom" | "left" | "right";
+export type TooltipPlacement = 'top' | 'bottom' | 'left' | 'right';
 export type TooltipProps = {
     title?: string;
     placement?: TooltipPlacement;

package/dist/composables/useLoadData.d.ts

@@ -1,8 +1,8 @@
 import { Ref } from 'vue';
 import { Router } from 'vue-router';
-import { MaybePromise } from '../types';
 import { useDialogStack } from '../dialogStack';
 import { useSnackbar } from '../snackbar';
+import { MaybePromise } from '../types';
 /**
  * Wraps a data loading function with loading state, error handling,
  * and optional success/error messages. Built on top of useSubmitAction.

package/dist/composables/useLoadPaginatedData.d.ts

@@ -1,6 +1,6 @@
 import { Ref } from 'vue';
-import { PaginatedData, PaginatedDataSource, Pagination } from '../types';
 import { useLoadData } from './useLoadData';
+import { PaginatedData, PaginatedDataSource, Pagination } from '../types';
 /**
  * Extends useLoadData with pagination support for loading data in pages.
  * Provides methods for loading specific pages, next/previous navigation,

package/dist/composables/useOnKeyPress.d.ts

@@ -23,4 +23,4 @@
  * // With event listener options
  * useOnKeyPress('Enter', handleSubmit, { capture: true })
  */
-export declare function useOnKeyPress(key: KeyboardEvent["code"], callback: (event: KeyboardEvent) => boolean | void, options?: AddEventListenerOptions): void;
+export declare function useOnKeyPress(key: KeyboardEvent['code'], callback: (event: KeyboardEvent) => boolean | void, options?: AddEventListenerOptions): void;

package/dist/composables/useSubmitAction.d.ts

@@ -1,8 +1,8 @@
 import { Ref } from 'vue';
 import { RouteLocationRaw, Router } from 'vue-router';
-import { MaybePromise } from '../types';
 import { useDialogStack } from '../dialogStack';
 import { useSnackbar } from '../snackbar';
+import { MaybePromise } from '../types';
 /**
  * Wraps an async action with submission state tracking, error handling,
  * success/error messages, and optional redirect on success.

package/dist/composables/useValidation.d.ts

@@ -75,7 +75,7 @@ export declare function useValidation<Data extends {} = any, Rules extends Data
     isValid: ComputedRef<boolean>;
     isInvalid: ComputedRef<boolean>;
     isValidating: ComputedRef<boolean>;
-    errorMessages: ComputedRef<ValidationResults<Rules>["errorMessages"]>;
-    validatedFields: ComputedRef<ValidationResults<Rules>["validatedFields"]>;
+    errorMessages: ComputedRef<ValidationResults<Rules>['errorMessages']>;
+    validatedFields: ComputedRef<ValidationResults<Rules>['validatedFields']>;
     validate: (data: Partial<Data>) => Promise<boolean>;
 };

package/dist/exclamation-BYxUQPvg.js

@@ -0,0 +1,4 @@
+//#region src/assets/icons/exclamation.svg?raw
+var e = "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\" />\n</svg>\n";
+//#endregion
+export { e as default };

package/dist/mail-bBPeld_t.js

@@ -0,0 +1,4 @@
+//#region src/assets/icons/mail.svg?raw
+var e = "<svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path d=\"M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" />\n</svg>\n";
+//#endregion
+export { e as default };

package/dist/minus-jP8I17w-.js

@@ -0,0 +1,4 @@
+//#region src/assets/icons/minus.svg?raw
+var e = "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19.5 12h-15\" />\n</svg>\n";
+//#endregion
+export { e as default };

package/dist/pencil-DmJ9fo9U.js

@@ -0,0 +1,4 @@
+//#region src/assets/icons/pencil.svg?raw
+var e = "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M16.862 4.487l1.687-1.688a1.875 1.875 0 112.652 2.652L6.832 19.82a4.5 4.5 0 01-1.897 1.13l-2.685.8.8-2.685a4.5 4.5 0 011.13-1.897L16.863 4.487zm0 0L19.5 7.125\" />\n</svg>\n";
+//#endregion
+export { e as default };

package/dist/plus-CMNu2QQI.js

@@ -0,0 +1,4 @@
+//#region src/assets/icons/plus.svg?raw
+var e = "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 4v16m8-8H4\" />\n</svg>\n";
+//#endregion
+export { e as default };

package/dist/search-CD4RRPi6.js

@@ -0,0 +1,4 @@
+//#region src/assets/icons/search.svg?raw
+var e = "<svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" />\n</svg>\n";
+//#endregion
+export { e as default };

package/dist/snackbar.d.ts

@@ -1,4 +1,4 @@
-export type MessageType = "success" | "error";
+export type MessageType = 'success' | 'error';
 export type Message = {
     id: number;
     text: string;

package/dist/spinner-DlmCGx0i.js

@@ -0,0 +1,4 @@
+//#region src/assets/icons/spinner.svg?raw
+var e = "<svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 25 25\" xmlns=\"http://www.w3.org/2000/svg\">\n  <style>\n    .spinner-path {\n      will-change: transform;\n      animation: vuiii-spin 0.7s infinite linear;\n      transform-origin: center;\n    }\n    @keyframes vuiii-spin {\n      0% { transform: rotate(0deg); }\n      100% { transform: rotate(360deg); }\n    }\n  </style>\n  <path\n    class=\"spinner-path\"\n    d=\"M23.5 12.5c0 6.1-4.9 11-11 11s-11-4.9-11-11 4.9-11 11-11\"\n    shape-rendering=\"geometricPrecision\"\n    style=\"stroke-width: 2; stroke-miterlimit: 10; stroke: currentColor; fill: none\"\n    vector-effect=\"non-scaling-stroke\"\n  />\n</svg>\n";
+//#endregion
+export { e as default };

package/dist/trash-BMbPD9Je.js

@@ -0,0 +1,4 @@
+//#region src/assets/icons/trash.svg?raw
+var e = "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16\" />\n</svg>\n";
+//#endregion
+export { e as default };

package/dist/triangle-down-iLc4QWFR.js

@@ -0,0 +1,4 @@
+//#region src/assets/icons/triangle-down.svg?raw
+var e = "<svg viewBox=\"0 0 15 15\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path d=\"M4 6H11L7.5 10.5L4 6Z\" fill=\"currentColor\"></path>\n</svg>\n";
+//#endregion
+export { e as default };

package/dist/triangle-left-B8krIV2b.js

@@ -0,0 +1,4 @@
+//#region src/assets/icons/triangle-left.svg?raw
+var e = "<svg viewBox=\"0 0 15 15\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path d=\"M9 4L9 11L4.5 7.5L9 4Z\" fill=\"currentColor\"></path>\n</svg>\n";
+//#endregion
+export { e as default };

package/dist/triangle-right-xwrGdoER.js

@@ -0,0 +1,4 @@
+//#region src/assets/icons/triangle-right.svg?raw
+var e = "<svg viewBox=\"0 0 15 15\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path d=\"M6 11L6 4L10.5 7.5L6 11Z\" fill=\"currentColor\"></path>\n</svg>\n";
+//#endregion
+export { e as default };

package/dist/triangle-up-D_dSA8BG.js

@@ -0,0 +1,4 @@
+//#region src/assets/icons/triangle-up.svg?raw
+var e = "<svg viewBox=\"0 0 15 15\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path d=\"M4 9H11L7.5 4.5L4 9Z\" fill=\"currentColor\"></path>\n</svg>\n";
+//#endregion
+export { e as default };

package/dist/types.d.ts

@@ -7,11 +7,11 @@ export type MaybePromise<T> = T | Promise<T>;
 /** String literal type that also accepts any string */
 export type ConstOrAnyString<T extends string> = T | (string & {});
 /** Size variants for inputs and icons: 'small' | 'normal' | 'large' */
-export type InputSize = "small" | "normal" | "large";
+export type InputSize = 'small' | 'normal' | 'large';
 /** Size variants for icons (same as InputSize) */
 export type IconSize = InputSize;
 /** Button color variants: 'default' | 'primary' | 'secondary' | 'danger' */
-export type ButtonVariant = "default" | "primary" | "secondary" | "danger";
+export type ButtonVariant = 'default' | 'primary' | 'secondary' | 'danger';
 /** Configuration for dialog action buttons */
 export type DialogLayoutButton = {
     variant?: ButtonVariant;
@@ -45,13 +45,13 @@ export type DialogLayoutButton = {
 export type TableColumn<T = any> = {
     name: ObjectKeyOrAnyString<T>;
     label?: string;
-    align?: "left" | "right" | "center";
+    align?: 'left' | 'right' | 'center';
     width?: string;
     noPadding?: boolean;
     value?: (item: T, index: number) => unknown;
     formatter?: (value: any) => unknown;
     href?: (item: T) => RouteLocationRaw;
-    target?: ConstOrAnyString<"_blank">;
+    target?: ConstOrAnyString<'_blank'>;
     cellClass?: string | ((cell: {
         item: T;
         value: any;

package/dist/utils/createTypeParser.d.ts

@@ -1,2 +1,2 @@
 import { ValueParser } from '../types';
-export declare function createTypeParser(type?: "string" | "number" | "boolean" | "date"): ValueParser;
+export declare function createTypeParser(type?: 'string' | 'number' | 'boolean' | 'date'): ValueParser;