cisse-vue-ui 0.8.3 → 0.8.4

package/dist/components/form/DatePicker.vue.d.ts

@@ -1,3 +1,4 @@
+import { InputSize } from '../../composables/useInputStyles';
 type __VLS_Props = {
     /** Placeholder text */
     placeholder?: string;
@@ -15,6 +16,8 @@ type __VLS_Props = {
     teleport?: boolean;
     /** Custom ID for accessibility */
     id?: string;
+    /** Input size */
+    size?: InputSize;
 };
 type __VLS_PublicProps = {
     modelValue?: Date | null;
@@ -24,6 +27,7 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: Date | null) => any) | undefined;
 }>, {
+    size: InputSize;
     disabled: boolean;
     teleport: boolean;
     placeholder: string;

package/dist/components/form/FormSelect.stories.d.ts

@@ -11,3 +11,5 @@ export declare const ManyOptions: Story;
 export declare const CountrySelector: Story;
 export declare const CustomTriggerClass: Story;
 export declare const CustomNoResultsText: Story;
+export declare const States: Story;
+export declare const Sizes: Story;

package/dist/components/form/FormSelect.vue.d.ts

@@ -1,4 +1,5 @@
 import { SelectProps, SelectOption } from '../../types';
+import { InputSize } from '../../composables/useInputStyles';
 type __VLS_Props = SelectProps & {
     /** Use teleport to body to avoid overflow clipping */
     teleport?: boolean;
@@ -8,6 +9,8 @@ type __VLS_Props = SelectProps & {
     noResultsText?: string;
     /** Custom class for the trigger button */
     triggerClass?: string;
+    /** Input size */
+    size?: InputSize;
 };
 type __VLS_PublicProps = {
     modelValue?: string | number | boolean | null;
@@ -38,6 +41,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string | number | boolean | null) => any) | undefined;
 }>, {
+    size: InputSize;
     teleport: boolean;
     noResultsText: string;
     searchable: boolean;

package/dist/components/form/InputWrapper.stories.d.ts

@@ -14,3 +14,4 @@ export declare const InvalidState: Story;
 export declare const CustomIconSlot: Story;
 export declare const WithTextarea: Story;
 export declare const AllVariants: Story;
+export declare const States: Story;

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

@@ -1,4 +1,5 @@
-export type InputWrapperSize = 'sm' | 'md' | 'lg';
+import { InputSize } from '../../composables/useInputStyles';
+export type InputWrapperSize = InputSize;
 type __VLS_Props = {
     /** Icon on the left (Iconify format) */
     icon?: string;
@@ -10,6 +11,8 @@ type __VLS_Props = {
     invalid?: boolean;
     /** Disabled state */
     disabled?: boolean;
+    /** Focused state (for external control) */
+    focused?: boolean;
     /** Custom wrapper classes */
     wrapperClass?: string;
 };
@@ -18,7 +21,7 @@ declare function __VLS_template(): {
     slots: {
         icon?(_: {}): any;
         default?(_: {
-            inputClass: (string | false)[];
+            inputClass: string[];
         }): any;
         actions?(_: {}): any;
     };
@@ -27,7 +30,7 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
-    inputClass: import('vue').ComputedRef<(string | false)[]>;
+    inputClass: import('vue').ComputedRef<string[]>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     size: InputWrapperSize;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;

package/dist/components/form/TagsInput.stories.d.ts

@@ -11,3 +11,4 @@ export declare const Sizes: Story;
 export declare const Disabled: Story;
 export declare const SkillsInput: Story;
 export declare const EmailRecipients: Story;
+export declare const States: Story;

package/dist/components/form/TagsInput.vue.d.ts

@@ -1,9 +1,9 @@
-import { InputWrapperSize } from './InputWrapper.vue';
+import { InputSize } from '../../composables/useInputStyles';
 type __VLS_Props = {
     /** Placeholder text */
     placeholder?: string;
     /** Input size */
-    size?: InputWrapperSize;
+    size?: InputSize;
     /** Disabled state */
     disabled?: boolean;
     /** Maximum number of tags */
@@ -28,7 +28,7 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
 }>, {
-    size: InputWrapperSize;
+    size: InputSize;
     placeholder: string;
     allowDuplicates: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {

package/dist/components/form/TextArea.stories.d.ts

@@ -1,4 +1,4 @@
-import { Meta, StoryObj } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3-vite';
 import { default as TextArea } from './TextArea.vue';
 declare const meta: Meta<typeof TextArea>;
 export default meta;
@@ -11,3 +11,5 @@ export declare const Disabled: Story;
 export declare const Readonly: Story;
 export declare const NoResize: Story;
 export declare const Required: Story;
+export declare const States: Story;
+export declare const Sizes: Story;

package/dist/components/form/TextArea.vue.d.ts

@@ -1,3 +1,4 @@
+import { InputSize } from '../../composables/useInputStyles';
 interface Props {
     modelValue?: string;
     label?: string;
@@ -11,6 +12,8 @@ interface Props {
     maxLength?: number;
     showCount?: boolean;
     resize?: 'none' | 'vertical' | 'horizontal' | 'both';
+    /** Input size */
+    size?: InputSize;
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -26,6 +29,7 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
 }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
+    size: InputSize;
     modelValue: string;
     resize: "none" | "vertical" | "horizontal" | "both";
     rows: number;

package/dist/components/form/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const CheckboxGroup_vue_vue_type_script_setup_true_lang = require("../../CheckboxGroup.vue_vue_type_script_setup_true_lang-DuJr8cz3.cjs");
+const CheckboxGroup_vue_vue_type_script_setup_true_lang = require("../../CheckboxGroup.vue_vue_type_script_setup_true_lang-BC86pBlY.cjs");
 const index = require("../../index-D1x3TH9k.cjs");
 exports.CheckboxGroup = CheckboxGroup_vue_vue_type_script_setup_true_lang._sfc_main$27;
 exports.ColorPicker = CheckboxGroup_vue_vue_type_script_setup_true_lang._sfc_main$10;

package/dist/components/form/index.js

@@ -1,4 +1,4 @@
-import { A, j, l, g, q, h, o, d, a, b, _, n, c, m, p, u, t, y, r, v, s, w, k, i, e, S, f, T, z, x } from "../../CheckboxGroup.vue_vue_type_script_setup_true_lang-N4oS_DJD.js";
+import { A, j, l, g, q, h, o, d, a, b, _, n, c, m, p, u, t, y, r, v, s, w, k, i, e, S, f, T, z, x } from "../../CheckboxGroup.vue_vue_type_script_setup_true_lang-B190Yija.js";
 import { _ as _2 } from "../../index-SNefWfX0.js";
 export {
   _2 as Checkbox,

package/dist/components/index.cjs

@@ -1,14 +1,14 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const FilterTabs_vue_vue_type_script_setup_true_lang = require("../FilterTabs.vue_vue_type_script_setup_true_lang-jW6Ikbvy.cjs");
-const Dropdown_vue_vue_type_script_setup_true_lang = require("../Dropdown.vue_vue_type_script_setup_true_lang-DoJKvn30.cjs");
+const FilterTabs_vue_vue_type_script_setup_true_lang = require("../FilterTabs.vue_vue_type_script_setup_true_lang-DYxh-wFx.cjs");
+const Dropdown_vue_vue_type_script_setup_true_lang = require("../Dropdown.vue_vue_type_script_setup_true_lang-BAKGRZIb.cjs");
 const BadgeType_vue_vue_type_script_setup_true_lang = require("../BadgeType.vue_vue_type_script_setup_true_lang-zs0NXN4g.cjs");
 const Button_vue_vue_type_script_setup_true_lang = require("../Button.vue_vue_type_script_setup_true_lang-CXRj7LEP.cjs");
-const CheckboxGroup_vue_vue_type_script_setup_true_lang = require("../CheckboxGroup.vue_vue_type_script_setup_true_lang-DuJr8cz3.cjs");
+const CheckboxGroup_vue_vue_type_script_setup_true_lang = require("../CheckboxGroup.vue_vue_type_script_setup_true_lang-BC86pBlY.cjs");
 const index = require("../index-D1x3TH9k.cjs");
 const ConfirmDialog_vue_vue_type_script_setup_true_lang = require("../ConfirmDialog.vue_vue_type_script_setup_true_lang-BGUoa5fT.cjs");
 const ListSkeleton_vue_vue_type_script_setup_true_lang = require("../ListSkeleton.vue_vue_type_script_setup_true_lang-DtwwmfWr.cjs");
-const PageHero_vue_vue_type_script_setup_true_lang = require("../PageHero.vue_vue_type_script_setup_true_lang-rbvfGvll.cjs");
+const PageHero_vue_vue_type_script_setup_true_lang = require("../PageHero.vue_vue_type_script_setup_true_lang-BqwBJlv0.cjs");
 exports.Accordion = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$15;
 exports.AccordionItem = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$16;
 exports.AutocompleteComponent = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$4;

package/dist/components/index.js

@@ -1,12 +1,12 @@
-import { o, p, d, f, n, _, j, r, m, u, b, l, c, s, t, i, h, e, a, g, q, k } from "../FilterTabs.vue_vue_type_script_setup_true_lang-CcOgc2Y_.js";
-import { a as a2, _ as _2 } from "../Dropdown.vue_vue_type_script_setup_true_lang-A9Ax6iob.js";
+import { o, p, d, f, n, _, j, r, m, u, b, l, c, s, t, i, h, e, a, g, q, k } from "../FilterTabs.vue_vue_type_script_setup_true_lang-BmJHgkBs.js";
+import { a as a2, _ as _2 } from "../Dropdown.vue_vue_type_script_setup_true_lang-GLCX7E3C.js";
 import { e as e2, d as d2, c as c2, b as b2, _ as _3, a as a3 } from "../BadgeType.vue_vue_type_script_setup_true_lang-tHRMWBb-.js";
 import { _ as _4 } from "../Button.vue_vue_type_script_setup_true_lang-CBYr0Z2_.js";
-import { A, j as j2, l as l2, g as g2, q as q2, h as h2, o as o2, d as d3, a as a4, b as b3, _ as _5, n as n2, c as c3, m as m2, p as p2, u as u2, t as t2, y, r as r2, v, s as s2, w, k as k2, i as i2, e as e3, S, f as f2, T, z, x } from "../CheckboxGroup.vue_vue_type_script_setup_true_lang-N4oS_DJD.js";
+import { A, j as j2, l as l2, g as g2, q as q2, h as h2, o as o2, d as d3, a as a4, b as b3, _ as _5, n as n2, c as c3, m as m2, p as p2, u as u2, t as t2, y, r as r2, v, s as s2, w, k as k2, i as i2, e as e3, S, f as f2, T, z, x } from "../CheckboxGroup.vue_vue_type_script_setup_true_lang-B190Yija.js";
 import { _ as _6 } from "../index-SNefWfX0.js";
 import { e as e4, j as j3, f as f3, _ as _7, a as a5, c as c4, d as d4, b as b4, P, i as i3, g as g3, h as h3 } from "../ConfirmDialog.vue_vue_type_script_setup_true_lang-DWs2V7xX.js";
 import { a as a6, b as b5, _ as _8 } from "../ListSkeleton.vue_vue_type_script_setup_true_lang-BwtEbaiT.js";
-import { _ as _9, a as a7, c as c5, b as b6 } from "../PageHero.vue_vue_type_script_setup_true_lang-Gvocjdqh.js";
+import { _ as _9, a as a7, c as c5, b as b6 } from "../PageHero.vue_vue_type_script_setup_true_lang-by-P5wIB.js";
 export {
   o as Accordion,
   p as AccordionItem,

package/dist/components/layout/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const PageHero_vue_vue_type_script_setup_true_lang = require("../../PageHero.vue_vue_type_script_setup_true_lang-rbvfGvll.cjs");
+const PageHero_vue_vue_type_script_setup_true_lang = require("../../PageHero.vue_vue_type_script_setup_true_lang-BqwBJlv0.cjs");
 exports.AuthLayout = PageHero_vue_vue_type_script_setup_true_lang._sfc_main;
 exports.BaseLayout = PageHero_vue_vue_type_script_setup_true_lang._sfc_main$1;
 exports.PageHero = PageHero_vue_vue_type_script_setup_true_lang._sfc_main$3;

package/dist/components/layout/index.js

@@ -1,4 +1,4 @@
-import { _, a, c, b } from "../../PageHero.vue_vue_type_script_setup_true_lang-Gvocjdqh.js";
+import { _, a, c, b } from "../../PageHero.vue_vue_type_script_setup_true_lang-by-P5wIB.js";
 export {
   _ as AuthLayout,
   a as BaseLayout,

package/dist/composables/index.cjs

@@ -2,9 +2,10 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const useToast = require("../useToast-Bk60GArg.cjs");
 const useDarkMode = require("../useDarkMode-DLZcJEUQ.cjs");
-const useDropdown = require("../useDropdown-DK4c5JGL.cjs");
+const useDropdown = require("../useDropdown-HI7ABBLe.cjs");
 const useId = require("../useId-nxrBaIC9.cjs");
 const useFocusTrap = require("../useFocusTrap-kcxO8AeU.cjs");
+const useInputStyles = require("../useInputStyles-DMfvW6N5.cjs");
 exports.useExportCSV = useToast.useExportCSV;
 exports.useModal = useToast.useModal;
 exports.useModals = useToast.useModals;
@@ -16,4 +17,5 @@ exports.generateId = useId.generateId;
 exports.resetIdCounter = useId.resetIdCounter;
 exports.useId = useId.useId;
 exports.useFocusTrap = useFocusTrap.useFocusTrap;
+exports.useInputStyles = useInputStyles.useInputStyles;
 //# sourceMappingURL=index.cjs.map

package/dist/composables/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}

package/dist/composables/index.d.ts

@@ -6,3 +6,4 @@ export { useModal, useModals, type UseModalReturn } from './useModal';
 export { useToast, type ToastOptions } from './useToast';
 export { useId, generateId, resetIdCounter, type UseIdOptions, type UseIdReturn } from './useId';
 export { useFocusTrap, type UseFocusTrapOptions, type UseFocusTrapReturn } from './useFocusTrap';
+export { useInputStyles, type InputSize, type UseInputStylesOptions, type UseInputStylesReturn } from './useInputStyles';

package/dist/composables/index.js

@@ -1,8 +1,9 @@
 import { a, b, c, u, d } from "../useToast-ina5g3mj.js";
 import { u as u2 } from "../useDarkMode-Cl5QWTlC.js";
-import { u as u3 } from "../useDropdown-De0cKI83.js";
+import { u as u3 } from "../useDropdown-XITCE_SM.js";
 import { g, r, u as u4 } from "../useId-xeHj7rkg.js";
 import { u as u5 } from "../useFocusTrap-AnlJsihM.js";
+import { u as u6 } from "../useInputStyles-BFTJdXHL.js";
 export {
   g as generateId,
   r as resetIdCounter,
@@ -11,6 +12,7 @@ export {
   a as useExportCSV,
   u5 as useFocusTrap,
   u4 as useId,
+  u6 as useInputStyles,
   b as useModal,
   c as useModals,
   u as useNotifications,

package/dist/composables/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/composables/useInputStyles.d.ts

@@ -0,0 +1,32 @@
+import { Ref, ComputedRef } from 'vue';
+export type InputSize = 'sm' | 'md' | 'lg';
+export interface UseInputStylesOptions {
+    /** Disabled state */
+    disabled?: Ref<boolean> | boolean;
+    /** Invalid/error state */
+    invalid?: Ref<boolean> | boolean;
+    /** Focused state (for trigger buttons like select) */
+    focused?: Ref<boolean> | boolean;
+    /** Input size */
+    size?: Ref<InputSize> | InputSize;
+    /** Has left icon/content */
+    hasLeftIcon?: Ref<boolean> | boolean;
+    /** Has right icon/content */
+    hasRightIcon?: Ref<boolean> | boolean;
+    /** Has value selected (for placeholder color) */
+    hasValue?: Ref<boolean> | boolean;
+}
+export interface UseInputStylesReturn {
+    /** Base input classes (for <input>, <textarea>) */
+    inputClass: ComputedRef<string[]>;
+    /** Trigger button classes (for select, datepicker, combobox triggers) */
+    triggerClass: ComputedRef<string[]>;
+    /** Container/wrapper classes */
+    wrapperClass: ComputedRef<string[]>;
+    /** Icon classes */
+    iconClass: ComputedRef<string[]>;
+}
+/**
+ * Composable for consistent input styling across all form components
+ */
+export declare function useInputStyles(options?: UseInputStylesOptions): UseInputStylesReturn;

package/dist/composables/useInputStyles.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/{index-CDDUEkXf.js → index-CyL_6V7D.js}

@@ -1,12 +1,12 @@
-import { o as _sfc_main, p as _sfc_main$1, d as _sfc_main$4, f as _sfc_main$5, n as _sfc_main$9, _ as _sfc_main$b, j as _sfc_main$f, r as _sfc_main$j, m as _sfc_main$m, u as _sfc_main$r, b as _sfc_main$E, l as _sfc_main$S, c as _sfc_main$W, s as _sfc_main$Z, t as _sfc_main$_, i as _sfc_main$10, h as _sfc_main$12, e as _sfc_main$13, a as _sfc_main$14, g as _sfc_main$16, q as _sfc_main$19, k as _sfc_main$1c } from "./FilterTabs.vue_vue_type_script_setup_true_lang-CcOgc2Y_.js";
-import { a as _sfc_main$n, _ as _sfc_main$D } from "./Dropdown.vue_vue_type_script_setup_true_lang-A9Ax6iob.js";
+import { o as _sfc_main, p as _sfc_main$1, d as _sfc_main$4, f as _sfc_main$5, n as _sfc_main$9, _ as _sfc_main$b, j as _sfc_main$f, r as _sfc_main$j, m as _sfc_main$m, u as _sfc_main$r, b as _sfc_main$E, l as _sfc_main$S, c as _sfc_main$W, s as _sfc_main$Z, t as _sfc_main$_, i as _sfc_main$10, h as _sfc_main$12, e as _sfc_main$13, a as _sfc_main$14, g as _sfc_main$16, q as _sfc_main$19, k as _sfc_main$1c } from "./FilterTabs.vue_vue_type_script_setup_true_lang-BmJHgkBs.js";
+import { a as _sfc_main$n, _ as _sfc_main$D } from "./Dropdown.vue_vue_type_script_setup_true_lang-GLCX7E3C.js";
 import { e as _sfc_main$6, d as _sfc_main$8, c as _sfc_main$l, b as _sfc_main$K, _ as _sfc_main$$, a as _sfc_main$18 } from "./BadgeType.vue_vue_type_script_setup_true_lang-tHRMWBb-.js";
 import { _ as _sfc_main$a } from "./Button.vue_vue_type_script_setup_true_lang-CBYr0Z2_.js";
-import { A as _sfc_main$e, j as _sfc_main$g, l as _sfc_main$h, g as _sfc_main$k, q as _sfc_main$o, h as _sfc_main$q, o as _sfc_main$s, d as _sfc_main$t, a as _sfc_main$u, b as _sfc_main$v, _ as _sfc_main$w, n as _sfc_main$x, c as _sfc_main$y, m as _sfc_main$z, p as _sfc_main$A, u as _sfc_main$G, t as _sfc_main$J, y as _sfc_main$L, r as _sfc_main$P, v as _sfc_main$Q, s as _sfc_main$R, w as _sfc_main$T, k as _sfc_main$U, i as _sfc_main$V, e as _sfc_main$X, S as Slider, f as _sfc_main$11, T as TagsInput, z as _sfc_main$17, x as _sfc_main$1d } from "./CheckboxGroup.vue_vue_type_script_setup_true_lang-N4oS_DJD.js";
+import { A as _sfc_main$e, j as _sfc_main$g, l as _sfc_main$h, g as _sfc_main$k, q as _sfc_main$o, h as _sfc_main$q, o as _sfc_main$s, d as _sfc_main$t, a as _sfc_main$u, b as _sfc_main$v, _ as _sfc_main$w, n as _sfc_main$x, c as _sfc_main$y, m as _sfc_main$z, p as _sfc_main$A, u as _sfc_main$G, t as _sfc_main$J, y as _sfc_main$L, r as _sfc_main$P, v as _sfc_main$Q, s as _sfc_main$R, w as _sfc_main$T, k as _sfc_main$U, i as _sfc_main$V, e as _sfc_main$X, S as Slider, f as _sfc_main$11, T as TagsInput, z as _sfc_main$17, x as _sfc_main$1d } from "./CheckboxGroup.vue_vue_type_script_setup_true_lang-B190Yija.js";
 import { _ as _sfc_main$d } from "./index-SNefWfX0.js";
 import { e as _sfc_main$2, j as _sfc_main$i, f as _sfc_main$p, _ as _sfc_main$C, a as _sfc_main$F, c as _sfc_main$H, d as _sfc_main$I, b as _sfc_main$O, P as Progress, i as _sfc_main$Y, g as _sfc_main$1a, h as _sfc_main$1b } from "./ConfirmDialog.vue_vue_type_script_setup_true_lang-DWs2V7xX.js";
 import { a as _sfc_main$c, b as _sfc_main$B, _ as _sfc_main$15 } from "./ListSkeleton.vue_vue_type_script_setup_true_lang-BwtEbaiT.js";
-import { _ as _sfc_main$3, a as _sfc_main$7, c as _sfc_main$M, b as _sfc_main$N } from "./PageHero.vue_vue_type_script_setup_true_lang-Gvocjdqh.js";
+import { _ as _sfc_main$3, a as _sfc_main$7, c as _sfc_main$M, b as _sfc_main$N } from "./PageHero.vue_vue_type_script_setup_true_lang-by-P5wIB.js";
 const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   Accordion: _sfc_main,
@@ -94,4 +94,4 @@ const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
 export {
   components as c
 };
-//# sourceMappingURL=index-CDDUEkXf.js.map
+//# sourceMappingURL=index-CyL_6V7D.js.map

package/dist/index-CyL_6V7D.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-CyL_6V7D.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/{index-5dQNEzd8.cjs → index-LFQFhClN.cjs}

@@ -1,13 +1,13 @@
 "use strict";
-const FilterTabs_vue_vue_type_script_setup_true_lang = require("./FilterTabs.vue_vue_type_script_setup_true_lang-jW6Ikbvy.cjs");
-const Dropdown_vue_vue_type_script_setup_true_lang = require("./Dropdown.vue_vue_type_script_setup_true_lang-DoJKvn30.cjs");
+const FilterTabs_vue_vue_type_script_setup_true_lang = require("./FilterTabs.vue_vue_type_script_setup_true_lang-DYxh-wFx.cjs");
+const Dropdown_vue_vue_type_script_setup_true_lang = require("./Dropdown.vue_vue_type_script_setup_true_lang-BAKGRZIb.cjs");
 const BadgeType_vue_vue_type_script_setup_true_lang = require("./BadgeType.vue_vue_type_script_setup_true_lang-zs0NXN4g.cjs");
 const Button_vue_vue_type_script_setup_true_lang = require("./Button.vue_vue_type_script_setup_true_lang-CXRj7LEP.cjs");
-const CheckboxGroup_vue_vue_type_script_setup_true_lang = require("./CheckboxGroup.vue_vue_type_script_setup_true_lang-DuJr8cz3.cjs");
+const CheckboxGroup_vue_vue_type_script_setup_true_lang = require("./CheckboxGroup.vue_vue_type_script_setup_true_lang-BC86pBlY.cjs");
 const index = require("./index-D1x3TH9k.cjs");
 const ConfirmDialog_vue_vue_type_script_setup_true_lang = require("./ConfirmDialog.vue_vue_type_script_setup_true_lang-BGUoa5fT.cjs");
 const ListSkeleton_vue_vue_type_script_setup_true_lang = require("./ListSkeleton.vue_vue_type_script_setup_true_lang-DtwwmfWr.cjs");
-const PageHero_vue_vue_type_script_setup_true_lang = require("./PageHero.vue_vue_type_script_setup_true_lang-rbvfGvll.cjs");
+const PageHero_vue_vue_type_script_setup_true_lang = require("./PageHero.vue_vue_type_script_setup_true_lang-BqwBJlv0.cjs");
 const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   Accordion: FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$15,
@@ -93,4 +93,4 @@ const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
   URLInput: CheckboxGroup_vue_vue_type_script_setup_true_lang._sfc_main$24
 }, Symbol.toStringTag, { value: "Module" }));
 exports.components = components;
-//# sourceMappingURL=index-5dQNEzd8.cjs.map
+//# sourceMappingURL=index-LFQFhClN.cjs.map

package/dist/{index-5dQNEzd8.cjs.map → index-LFQFhClN.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"index-5dQNEzd8.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index-LFQFhClN.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index.cjs

@@ -1,20 +1,21 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const FilterTabs_vue_vue_type_script_setup_true_lang = require("./FilterTabs.vue_vue_type_script_setup_true_lang-jW6Ikbvy.cjs");
-const Dropdown_vue_vue_type_script_setup_true_lang = require("./Dropdown.vue_vue_type_script_setup_true_lang-DoJKvn30.cjs");
+const FilterTabs_vue_vue_type_script_setup_true_lang = require("./FilterTabs.vue_vue_type_script_setup_true_lang-DYxh-wFx.cjs");
+const Dropdown_vue_vue_type_script_setup_true_lang = require("./Dropdown.vue_vue_type_script_setup_true_lang-BAKGRZIb.cjs");
 const BadgeType_vue_vue_type_script_setup_true_lang = require("./BadgeType.vue_vue_type_script_setup_true_lang-zs0NXN4g.cjs");
 const Button_vue_vue_type_script_setup_true_lang = require("./Button.vue_vue_type_script_setup_true_lang-CXRj7LEP.cjs");
-const CheckboxGroup_vue_vue_type_script_setup_true_lang = require("./CheckboxGroup.vue_vue_type_script_setup_true_lang-DuJr8cz3.cjs");
+const CheckboxGroup_vue_vue_type_script_setup_true_lang = require("./CheckboxGroup.vue_vue_type_script_setup_true_lang-BC86pBlY.cjs");
 const index = require("./index-D1x3TH9k.cjs");
 const ConfirmDialog_vue_vue_type_script_setup_true_lang = require("./ConfirmDialog.vue_vue_type_script_setup_true_lang-BGUoa5fT.cjs");
 const ListSkeleton_vue_vue_type_script_setup_true_lang = require("./ListSkeleton.vue_vue_type_script_setup_true_lang-DtwwmfWr.cjs");
-const PageHero_vue_vue_type_script_setup_true_lang = require("./PageHero.vue_vue_type_script_setup_true_lang-rbvfGvll.cjs");
+const PageHero_vue_vue_type_script_setup_true_lang = require("./PageHero.vue_vue_type_script_setup_true_lang-BqwBJlv0.cjs");
 const useToast = require("./useToast-Bk60GArg.cjs");
 const useDarkMode = require("./useDarkMode-DLZcJEUQ.cjs");
-const useDropdown = require("./useDropdown-DK4c5JGL.cjs");
+const useDropdown = require("./useDropdown-HI7ABBLe.cjs");
 const useId = require("./useId-nxrBaIC9.cjs");
 const useFocusTrap = require("./useFocusTrap-kcxO8AeU.cjs");
-const components_index = require("./index-5dQNEzd8.cjs");
+const useInputStyles = require("./useInputStyles-DMfvW6N5.cjs");
+const components_index = require("./index-LFQFhClN.cjs");
 const VueTailwindUI = {
   install(app, options = {}) {
     const { prefix = "", components: selectedComponents } = options;
@@ -121,5 +122,6 @@ exports.generateId = useId.generateId;
 exports.resetIdCounter = useId.resetIdCounter;
 exports.useId = useId.useId;
 exports.useFocusTrap = useFocusTrap.useFocusTrap;
+exports.useInputStyles = useInputStyles.useInputStyles;
 exports.VueTailwindUI = VueTailwindUI;
 //# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../src/plugin.ts"],"sourcesContent":["import type { App, Plugin, Component } from 'vue'\nimport * as components from './components'\n\nexport interface PluginOptions {\n  /** Optional prefix for component names (e.g., 'Ui' makes CardComponent -> UiCardComponent) */\n  prefix?: string\n  /** List of specific components to register. If not provided, all components are registered */\n  components?: string[]\n}\n\n/**\n * Vue plugin for global component registration\n *\n * @example\n * // Register all components\n * app.use(VueTailwindUI)\n *\n * @example\n * // Register with prefix\n * app.use(VueTailwindUI, { prefix: 'Ui' })\n *\n * @example\n * // Register specific components only\n * app.use(VueTailwindUI, { components: ['CardComponent', 'TableComponent'] })\n */\nconst VueTailwindUI: Plugin = {\n  install(app: App, options: PluginOptions = {}) {\n    const { prefix = '', components: selectedComponents } = options\n\n    const allComponents = components as Record<string, Component>\n\n    const componentsToRegister = selectedComponents\n      ? Object.fromEntries(\n          Object.entries(allComponents).filter(([name]) =>\n            selectedComponents.includes(name),\n          ),\n        )\n      : allComponents\n\n    for (const [name, component] of Object.entries(componentsToRegister)) {\n      app.component(`${prefix}${name}`, component)\n    }\n  },\n}\n\nexport default VueTailwindUI\n"],"names":["components"],"mappings":";;;;;;;;;;;;;;;;;AAyBA,MAAM,gBAAwB;AAAA,EAC5B,QAAQ,KAAU,UAAyB,IAAI;AAC7C,UAAM,EAAE,SAAS,IAAI,YAAY,uBAAuB;AAExD,UAAM,gBAAgBA,iBAAAA;AAEtB,UAAM,uBAAuB,qBACzB,OAAO;AAAA,MACL,OAAO,QAAQ,aAAa,EAAE;AAAA,QAAO,CAAC,CAAC,IAAI,MACzC,mBAAmB,SAAS,IAAI;AAAA,MAAA;AAAA,IAClC,IAEF;AAEJ,eAAW,CAAC,MAAM,SAAS,KAAK,OAAO,QAAQ,oBAAoB,GAAG;AACpE,UAAI,UAAU,GAAG,MAAM,GAAG,IAAI,IAAI,SAAS;AAAA,IAC7C;AAAA,EACF;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":["../src/plugin.ts"],"sourcesContent":["import type { App, Plugin, Component } from 'vue'\nimport * as components from './components'\n\nexport interface PluginOptions {\n  /** Optional prefix for component names (e.g., 'Ui' makes CardComponent -> UiCardComponent) */\n  prefix?: string\n  /** List of specific components to register. If not provided, all components are registered */\n  components?: string[]\n}\n\n/**\n * Vue plugin for global component registration\n *\n * @example\n * // Register all components\n * app.use(VueTailwindUI)\n *\n * @example\n * // Register with prefix\n * app.use(VueTailwindUI, { prefix: 'Ui' })\n *\n * @example\n * // Register specific components only\n * app.use(VueTailwindUI, { components: ['CardComponent', 'TableComponent'] })\n */\nconst VueTailwindUI: Plugin = {\n  install(app: App, options: PluginOptions = {}) {\n    const { prefix = '', components: selectedComponents } = options\n\n    const allComponents = components as Record<string, Component>\n\n    const componentsToRegister = selectedComponents\n      ? Object.fromEntries(\n          Object.entries(allComponents).filter(([name]) =>\n            selectedComponents.includes(name),\n          ),\n        )\n      : allComponents\n\n    for (const [name, component] of Object.entries(componentsToRegister)) {\n      app.component(`${prefix}${name}`, component)\n    }\n  },\n}\n\nexport default VueTailwindUI\n"],"names":["components"],"mappings":";;;;;;;;;;;;;;;;;;AAyBA,MAAM,gBAAwB;AAAA,EAC5B,QAAQ,KAAU,UAAyB,IAAI;AAC7C,UAAM,EAAE,SAAS,IAAI,YAAY,uBAAuB;AAExD,UAAM,gBAAgBA,iBAAAA;AAEtB,UAAM,uBAAuB,qBACzB,OAAO;AAAA,MACL,OAAO,QAAQ,aAAa,EAAE;AAAA,QAAO,CAAC,CAAC,IAAI,MACzC,mBAAmB,SAAS,IAAI;AAAA,MAAA;AAAA,IAClC,IAEF;AAEJ,eAAW,CAAC,MAAM,SAAS,KAAK,OAAO,QAAQ,oBAAoB,GAAG;AACpE,UAAI,UAAU,GAAG,MAAM,GAAG,IAAI,IAAI,SAAS;AAAA,IAC7C;AAAA,EACF;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index.js

@@ -1,18 +1,19 @@
-import { o, p, d, f, n, _, j, r, m, u, b, l, c, s, t, i, h, e, a, g, q, k } from "./FilterTabs.vue_vue_type_script_setup_true_lang-CcOgc2Y_.js";
-import { a as a2, _ as _2 } from "./Dropdown.vue_vue_type_script_setup_true_lang-A9Ax6iob.js";
+import { o, p, d, f, n, _, j, r, m, u, b, l, c, s, t, i, h, e, a, g, q, k } from "./FilterTabs.vue_vue_type_script_setup_true_lang-BmJHgkBs.js";
+import { a as a2, _ as _2 } from "./Dropdown.vue_vue_type_script_setup_true_lang-GLCX7E3C.js";
 import { e as e2, d as d2, c as c2, b as b2, _ as _3, a as a3 } from "./BadgeType.vue_vue_type_script_setup_true_lang-tHRMWBb-.js";
 import { _ as _4 } from "./Button.vue_vue_type_script_setup_true_lang-CBYr0Z2_.js";
-import { A, j as j2, l as l2, g as g2, q as q2, h as h2, o as o2, d as d3, a as a4, b as b3, _ as _5, n as n2, c as c3, m as m2, p as p2, u as u2, t as t2, y, r as r2, v, s as s2, w, k as k2, i as i2, e as e3, S, f as f2, T, z, x } from "./CheckboxGroup.vue_vue_type_script_setup_true_lang-N4oS_DJD.js";
+import { A, j as j2, l as l2, g as g2, q as q2, h as h2, o as o2, d as d3, a as a4, b as b3, _ as _5, n as n2, c as c3, m as m2, p as p2, u as u2, t as t2, y, r as r2, v, s as s2, w, k as k2, i as i2, e as e3, S, f as f2, T, z, x } from "./CheckboxGroup.vue_vue_type_script_setup_true_lang-B190Yija.js";
 import { _ as _6 } from "./index-SNefWfX0.js";
 import { e as e4, j as j3, f as f3, _ as _7, a as a5, c as c4, d as d4, b as b4, P, i as i3, g as g3, h as h3 } from "./ConfirmDialog.vue_vue_type_script_setup_true_lang-DWs2V7xX.js";
 import { a as a6, b as b5, _ as _8 } from "./ListSkeleton.vue_vue_type_script_setup_true_lang-BwtEbaiT.js";
-import { _ as _9, a as a7, c as c5, b as b6 } from "./PageHero.vue_vue_type_script_setup_true_lang-Gvocjdqh.js";
+import { _ as _9, a as a7, c as c5, b as b6 } from "./PageHero.vue_vue_type_script_setup_true_lang-by-P5wIB.js";
 import { a as a8, b as b7, c as c6, u as u3, d as d5 } from "./useToast-ina5g3mj.js";
 import { u as u4 } from "./useDarkMode-Cl5QWTlC.js";
-import { u as u5 } from "./useDropdown-De0cKI83.js";
+import { u as u5 } from "./useDropdown-XITCE_SM.js";
 import { g as g4, r as r3, u as u6 } from "./useId-xeHj7rkg.js";
 import { u as u7 } from "./useFocusTrap-AnlJsihM.js";
-import { c as components } from "./index-CDDUEkXf.js";
+import { u as u8 } from "./useInputStyles-BFTJdXHL.js";
+import { c as components } from "./index-CyL_6V7D.js";
 const VueTailwindUI = {
   install(app, options = {}) {
     const { prefix = "", components: selectedComponents } = options;
@@ -117,6 +118,7 @@ export {
   a8 as useExportCSV,
   u7 as useFocusTrap,
   u6 as useId,
+  u8 as useInputStyles,
   b7 as useModal,
   c6 as useModals,
   u3 as useNotifications,

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/plugin.ts"],"sourcesContent":["import type { App, Plugin, Component } from 'vue'\nimport * as components from './components'\n\nexport interface PluginOptions {\n  /** Optional prefix for component names (e.g., 'Ui' makes CardComponent -> UiCardComponent) */\n  prefix?: string\n  /** List of specific components to register. If not provided, all components are registered */\n  components?: string[]\n}\n\n/**\n * Vue plugin for global component registration\n *\n * @example\n * // Register all components\n * app.use(VueTailwindUI)\n *\n * @example\n * // Register with prefix\n * app.use(VueTailwindUI, { prefix: 'Ui' })\n *\n * @example\n * // Register specific components only\n * app.use(VueTailwindUI, { components: ['CardComponent', 'TableComponent'] })\n */\nconst VueTailwindUI: Plugin = {\n  install(app: App, options: PluginOptions = {}) {\n    const { prefix = '', components: selectedComponents } = options\n\n    const allComponents = components as Record<string, Component>\n\n    const componentsToRegister = selectedComponents\n      ? Object.fromEntries(\n          Object.entries(allComponents).filter(([name]) =>\n            selectedComponents.includes(name),\n          ),\n        )\n      : allComponents\n\n    for (const [name, component] of Object.entries(componentsToRegister)) {\n      app.component(`${prefix}${name}`, component)\n    }\n  },\n}\n\nexport default VueTailwindUI\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAyBA,MAAM,gBAAwB;AAAA,EAC5B,QAAQ,KAAU,UAAyB,IAAI;AAC7C,UAAM,EAAE,SAAS,IAAI,YAAY,uBAAuB;AAExD,UAAM,gBAAgB;AAEtB,UAAM,uBAAuB,qBACzB,OAAO;AAAA,MACL,OAAO,QAAQ,aAAa,EAAE;AAAA,QAAO,CAAC,CAAC,IAAI,MACzC,mBAAmB,SAAS,IAAI;AAAA,MAAA;AAAA,IAClC,IAEF;AAEJ,eAAW,CAAC,MAAM,SAAS,KAAK,OAAO,QAAQ,oBAAoB,GAAG;AACpE,UAAI,UAAU,GAAG,MAAM,GAAG,IAAI,IAAI,SAAS;AAAA,IAC7C;AAAA,EACF;AACF;"}
+{"version":3,"file":"index.js","sources":["../src/plugin.ts"],"sourcesContent":["import type { App, Plugin, Component } from 'vue'\nimport * as components from './components'\n\nexport interface PluginOptions {\n  /** Optional prefix for component names (e.g., 'Ui' makes CardComponent -> UiCardComponent) */\n  prefix?: string\n  /** List of specific components to register. If not provided, all components are registered */\n  components?: string[]\n}\n\n/**\n * Vue plugin for global component registration\n *\n * @example\n * // Register all components\n * app.use(VueTailwindUI)\n *\n * @example\n * // Register with prefix\n * app.use(VueTailwindUI, { prefix: 'Ui' })\n *\n * @example\n * // Register specific components only\n * app.use(VueTailwindUI, { components: ['CardComponent', 'TableComponent'] })\n */\nconst VueTailwindUI: Plugin = {\n  install(app: App, options: PluginOptions = {}) {\n    const { prefix = '', components: selectedComponents } = options\n\n    const allComponents = components as Record<string, Component>\n\n    const componentsToRegister = selectedComponents\n      ? Object.fromEntries(\n          Object.entries(allComponents).filter(([name]) =>\n            selectedComponents.includes(name),\n          ),\n        )\n      : allComponents\n\n    for (const [name, component] of Object.entries(componentsToRegister)) {\n      app.component(`${prefix}${name}`, component)\n    }\n  },\n}\n\nexport default VueTailwindUI\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAyBA,MAAM,gBAAwB;AAAA,EAC5B,QAAQ,KAAU,UAAyB,IAAI;AAC7C,UAAM,EAAE,SAAS,IAAI,YAAY,uBAAuB;AAExD,UAAM,gBAAgB;AAEtB,UAAM,uBAAuB,qBACzB,OAAO;AAAA,MACL,OAAO,QAAQ,aAAa,EAAE;AAAA,QAAO,CAAC,CAAC,IAAI,MACzC,mBAAmB,SAAS,IAAI;AAAA,MAAA;AAAA,IAClC,IAEF;AAEJ,eAAW,CAAC,MAAM,SAAS,KAAK,OAAO,QAAQ,oBAAoB,GAAG;AACpE,UAAI,UAAU,GAAG,MAAM,GAAG,IAAI,IAAI,SAAS;AAAA,IAC7C;AAAA,EACF;AACF;"}