cisse-vue-ui 0.2.4 → 0.2.6

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

@@ -26,7 +26,6 @@ declare function __VLS_template(): {
         }): any;
     };
     refs: {
-        dropdownRef: HTMLDivElement;
         triggerRef: HTMLDivElement;
         menuRef: HTMLDivElement;
     };
@@ -39,11 +38,10 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
     onSelect?: ((item: DropdownItem) => any) | undefined;
 }>, {
     width: "auto" | "full" | "sm" | "md" | "lg";
-    items: DropdownItem[];
-    align: "left" | "right";
     teleport: boolean;
+    align: "left" | "right";
+    items: DropdownItem[];
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    dropdownRef: HTMLDivElement;
     triggerRef: HTMLDivElement;
     menuRef: HTMLDivElement;
 }, HTMLDivElement>;

package/dist/components/core/index.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const CollapsibleCard_vue_vue_type_script_setup_true_lang = require("../../CollapsibleCard.vue_vue_type_script_setup_true_lang-Do0H2ZOe.cjs");
-const Dropdown_vue_vue_type_script_setup_true_lang = require("../../Dropdown.vue_vue_type_script_setup_true_lang-H6wsySqi.cjs");
+const CollapsibleCard_vue_vue_type_script_setup_true_lang = require("../../CollapsibleCard.vue_vue_type_script_setup_true_lang-CPV2dtkO.cjs");
+const Dropdown_vue_vue_type_script_setup_true_lang = require("../../Dropdown.vue_vue_type_script_setup_true_lang-nMP2OxXp.cjs");
 const BadgeType_vue_vue_type_script_setup_true_lang = require("../../BadgeType.vue_vue_type_script_setup_true_lang-CJb63H1I.cjs");
 exports.AutocompleteComponent = CollapsibleCard_vue_vue_type_script_setup_true_lang._sfc_main$4;
 exports.Avatar = CollapsibleCard_vue_vue_type_script_setup_true_lang._sfc_main$7;

package/dist/components/core/index.js

@@ -1,5 +1,5 @@
-import { d, g, f, _, k, b, c, j, i, e, a, h } from "../../CollapsibleCard.vue_vue_type_script_setup_true_lang-Cymj-zkh.js";
-import { a as a2, _ as _2 } from "../../Dropdown.vue_vue_type_script_setup_true_lang-D65uMijW.js";
+import { d, g, f, _, k, b, c, j, i, e, a, h } from "../../CollapsibleCard.vue_vue_type_script_setup_true_lang-D0eSGYea.js";
+import { a as a2, _ as _2 } from "../../Dropdown.vue_vue_type_script_setup_true_lang-B9DsCY8M.js";
 import { _ as _3 } from "../../BadgeType.vue_vue_type_script_setup_true_lang-CnB5eNEM.js";
 export {
   d as AutocompleteComponent,

package/dist/components/form/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const Switch_vue_vue_type_script_setup_true_lang = require("../../Switch.vue_vue_type_script_setup_true_lang-V-FtNcTd.cjs");
+const Switch_vue_vue_type_script_setup_true_lang = require("../../Switch.vue_vue_type_script_setup_true_lang-wRTWorCd.cjs");
 const Checkbox_vue_vue_type_script_setup_true_lang = require("../../Checkbox.vue_vue_type_script_setup_true_lang-DIoHDji4.cjs");
 exports.FormGroup = Switch_vue_vue_type_script_setup_true_lang._sfc_main$4;
 exports.FormHelp = Switch_vue_vue_type_script_setup_true_lang._sfc_main$1;

package/dist/components/form/index.js

@@ -1,4 +1,4 @@
-import { d, a, b, _, c, e, f } from "../../Switch.vue_vue_type_script_setup_true_lang-C2_5u-HL.js";
+import { d, a, b, _, c, e, f } from "../../Switch.vue_vue_type_script_setup_true_lang-dRPxDu8I.js";
 import { _ as _2 } from "../../Checkbox.vue_vue_type_script_setup_true_lang-B-nLCCNY.js";
 export {
   _2 as Checkbox,

package/dist/components/index.cjs

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const CollapsibleCard_vue_vue_type_script_setup_true_lang = require("../CollapsibleCard.vue_vue_type_script_setup_true_lang-Do0H2ZOe.cjs");
-const Dropdown_vue_vue_type_script_setup_true_lang = require("../Dropdown.vue_vue_type_script_setup_true_lang-H6wsySqi.cjs");
+const CollapsibleCard_vue_vue_type_script_setup_true_lang = require("../CollapsibleCard.vue_vue_type_script_setup_true_lang-CPV2dtkO.cjs");
+const Dropdown_vue_vue_type_script_setup_true_lang = require("../Dropdown.vue_vue_type_script_setup_true_lang-nMP2OxXp.cjs");
 const BadgeType_vue_vue_type_script_setup_true_lang = require("../BadgeType.vue_vue_type_script_setup_true_lang-CJb63H1I.cjs");
-const Switch_vue_vue_type_script_setup_true_lang = require("../Switch.vue_vue_type_script_setup_true_lang-V-FtNcTd.cjs");
+const Switch_vue_vue_type_script_setup_true_lang = require("../Switch.vue_vue_type_script_setup_true_lang-wRTWorCd.cjs");
 const Checkbox_vue_vue_type_script_setup_true_lang = require("../Checkbox.vue_vue_type_script_setup_true_lang-DIoHDji4.cjs");
 const EmptyState_vue_vue_type_script_setup_true_lang = require("../EmptyState.vue_vue_type_script_setup_true_lang-mlqLBP5W.cjs");
-const PageLayout_vue_vue_type_script_setup_true_lang = require("../PageLayout.vue_vue_type_script_setup_true_lang-DoawksKc.cjs");
+const PageLayout_vue_vue_type_script_setup_true_lang = require("../PageLayout.vue_vue_type_script_setup_true_lang-Bnw5L-xO.cjs");
 exports.AutocompleteComponent = CollapsibleCard_vue_vue_type_script_setup_true_lang._sfc_main$4;
 exports.Avatar = CollapsibleCard_vue_vue_type_script_setup_true_lang._sfc_main$7;
 exports.Button = CollapsibleCard_vue_vue_type_script_setup_true_lang._sfc_main$6;

package/dist/components/index.js

@@ -1,10 +1,10 @@
-import { d, g, f, _, k, b, c, j, i, e, a, h } from "../CollapsibleCard.vue_vue_type_script_setup_true_lang-Cymj-zkh.js";
-import { a as a2, _ as _2 } from "../Dropdown.vue_vue_type_script_setup_true_lang-D65uMijW.js";
+import { d, g, f, _, k, b, c, j, i, e, a, h } from "../CollapsibleCard.vue_vue_type_script_setup_true_lang-D0eSGYea.js";
+import { a as a2, _ as _2 } from "../Dropdown.vue_vue_type_script_setup_true_lang-B9DsCY8M.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-CnB5eNEM.js";
-import { d as d3, a as a4, b as b3, _ as _4, c as c3, e as e3, f as f2 } from "../Switch.vue_vue_type_script_setup_true_lang-C2_5u-HL.js";
+import { d as d3, a as a4, b as b3, _ as _4, c as c3, e as e3, f as f2 } from "../Switch.vue_vue_type_script_setup_true_lang-dRPxDu8I.js";
 import { _ as _5 } from "../Checkbox.vue_vue_type_script_setup_true_lang-B-nLCCNY.js";
 import { e as e4, f as f3, _ as _6, a as a5, c as c4, d as d4, b as b4 } from "../EmptyState.vue_vue_type_script_setup_true_lang-CrVvFwXA.js";
-import { _ as _7, a as a6 } from "../PageLayout.vue_vue_type_script_setup_true_lang-J1I-WjM-.js";
+import { _ as _7, a as a6 } from "../PageLayout.vue_vue_type_script_setup_true_lang-D8uD3-Fe.js";
 export {
   e4 as Alert,
   d as AutocompleteComponent,

package/dist/components/layout/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const PageLayout_vue_vue_type_script_setup_true_lang = require("../../PageLayout.vue_vue_type_script_setup_true_lang-DoawksKc.cjs");
+const PageLayout_vue_vue_type_script_setup_true_lang = require("../../PageLayout.vue_vue_type_script_setup_true_lang-Bnw5L-xO.cjs");
 exports.BaseLayout = PageLayout_vue_vue_type_script_setup_true_lang._sfc_main;
 exports.PageLayout = PageLayout_vue_vue_type_script_setup_true_lang._sfc_main$1;
 //# sourceMappingURL=index.cjs.map

package/dist/components/layout/index.js

@@ -1,4 +1,4 @@
-import { _, a } from "../../PageLayout.vue_vue_type_script_setup_true_lang-J1I-WjM-.js";
+import { _, a } from "../../PageLayout.vue_vue_type_script_setup_true_lang-D8uD3-Fe.js";
 export {
   _ as BaseLayout,
   a as PageLayout

package/dist/composables/index.cjs

@@ -1,7 +1,11 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const useExportCSV = require("../useExportCSV-BPC_hd25.cjs");
-exports.useDarkMode = useExportCSV.useDarkMode;
-exports.useExportCSV = useExportCSV.useExportCSV;
-exports.useNotifications = useExportCSV.useNotifications;
+const useModal = require("../useModal-DDF_ZS8C.cjs");
+const useDropdown = require("../useDropdown-DHFnd259.cjs");
+exports.useDarkMode = useModal.useDarkMode;
+exports.useExportCSV = useModal.useExportCSV;
+exports.useModal = useModal.useModal;
+exports.useModals = useModal.useModals;
+exports.useNotifications = useModal.useNotifications;
+exports.useDropdown = useDropdown.useDropdown;
 //# 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

@@ -1,3 +1,5 @@
 export { useNotifications } from './useNotifications';
 export { useDarkMode, type DarkModeOptions } from './useDarkMode';
 export { useExportCSV } from './useExportCSV';
+export { useDropdown, type UseDropdownOptions, type UseDropdownReturn, type KeyboardNavigationOptions } from './useDropdown';
+export { useModal, useModals, type UseModalReturn } from './useModal';

package/dist/composables/index.js

@@ -1,7 +1,11 @@
-import { a, b, u } from "../useExportCSV-B9o9lJ3D.js";
+import { a, b, c, d, u } from "../useModal-Aq8hn152.js";
+import { u as u2 } from "../useDropdown-iVu14E6s.js";
 export {
   a as useDarkMode,
+  u2 as useDropdown,
   b as useExportCSV,
+  c as useModal,
+  d as useModals,
   u as useNotifications
 };
 //# sourceMappingURL=index.js.map

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/useDropdown.d.ts

@@ -0,0 +1,51 @@
+import { Ref, ComputedRef } from 'vue';
+export interface UseDropdownOptions {
+    /** Whether teleport is enabled (affects position calculation) */
+    teleport?: boolean;
+    /** Alignment for position calculation */
+    align?: 'left' | 'right';
+    /** Gap between trigger and dropdown in pixels */
+    gap?: number;
+    /** Callback when dropdown opens */
+    onOpen?: () => void;
+    /** Callback when dropdown closes */
+    onClose?: () => void;
+}
+export interface UseDropdownReturn {
+    /** Whether the dropdown is currently open */
+    isOpen: Ref<boolean>;
+    /** Current highlighted index for keyboard navigation */
+    highlightedIndex: Ref<number>;
+    /** Calculated position for teleported dropdown */
+    dropdownPosition: Ref<{
+        top: number;
+        left: number;
+        right: number;
+        width: number;
+    }>;
+    /** Computed style object for teleported dropdown */
+    dropdownStyle: ComputedRef<Record<string, string>>;
+    /** Open the dropdown */
+    open: () => void;
+    /** Close the dropdown */
+    close: () => void;
+    /** Toggle the dropdown */
+    toggle: () => void;
+    /** Update position (call after DOM changes) */
+    updatePosition: () => void;
+    /** Handle keyboard navigation */
+    handleKeydown: (event: KeyboardEvent, options: KeyboardNavigationOptions) => void;
+    /** Scroll to highlighted item */
+    scrollToHighlighted: (dropdownEl: HTMLElement | null) => void;
+}
+export interface KeyboardNavigationOptions {
+    /** Total number of items to navigate */
+    itemCount: number;
+    /** Called when Enter is pressed on a highlighted item */
+    onSelect?: (index: number) => void;
+    /** Called when the dropdown should open (Space/Enter/ArrowDown when closed) */
+    onOpen?: () => void;
+    /** Whether to handle open keys (Space/Enter/ArrowDown) when closed */
+    handleOpenKeys?: boolean;
+}
+export declare function useDropdown(triggerRef: Ref<HTMLElement | null | undefined>, dropdownRef: Ref<HTMLElement | null | undefined>, options?: UseDropdownOptions): UseDropdownReturn;

package/dist/composables/useModal.d.ts

@@ -0,0 +1,60 @@
+import { Ref } from 'vue';
+export interface UseModalReturn<T = unknown> {
+    /** Whether the modal is currently open */
+    isOpen: Ref<boolean>;
+    /** Data associated with the modal (e.g., item being edited) */
+    data: Ref<T | null>;
+    /** Open the modal, optionally with data */
+    open: (newData?: T) => void;
+    /** Close the modal and clear data */
+    close: () => void;
+    /** Toggle the modal state */
+    toggle: () => void;
+}
+/**
+ * Composable for managing modal state
+ *
+ * @example
+ * ```ts
+ * // Simple modal
+ * const createModal = useModal()
+ * createModal.open()
+ * createModal.close()
+ *
+ * // Modal with data (e.g., for editing)
+ * const editModal = useModal<User>()
+ * editModal.open(selectedUser)
+ * // Access editModal.data.value in modal
+ *
+ * // With onClose callback
+ * const deleteModal = useModal<Item>({ onClose: () => refetch() })
+ * ```
+ */
+export declare function useModal<T = unknown>(options?: {
+    /** Initial open state */
+    initialOpen?: boolean;
+    /** Initial data */
+    initialData?: T | null;
+    /** Callback when modal opens */
+    onOpen?: (data: T | null) => void;
+    /** Callback when modal closes */
+    onClose?: () => void;
+}): UseModalReturn<T>;
+/**
+ * Create multiple related modals at once
+ * Useful when a page has several modals (create, edit, delete, etc.)
+ *
+ * @example
+ * ```ts
+ * const modals = useModals({
+ *   create: useModal(),
+ *   edit: useModal<User>(),
+ *   delete: useModal<User>(),
+ * })
+ *
+ * modals.create.open()
+ * modals.edit.open(user)
+ * modals.delete.close()
+ * ```
+ */
+export declare function useModals<T extends Record<string, UseModalReturn<unknown>>>(modals: T): T;

package/dist/{index-D_7WQIhA.cjs → index-C-qIi_nO.cjs}

@@ -1,11 +1,11 @@
 "use strict";
-const CollapsibleCard_vue_vue_type_script_setup_true_lang = require("./CollapsibleCard.vue_vue_type_script_setup_true_lang-Do0H2ZOe.cjs");
-const Dropdown_vue_vue_type_script_setup_true_lang = require("./Dropdown.vue_vue_type_script_setup_true_lang-H6wsySqi.cjs");
+const CollapsibleCard_vue_vue_type_script_setup_true_lang = require("./CollapsibleCard.vue_vue_type_script_setup_true_lang-CPV2dtkO.cjs");
+const Dropdown_vue_vue_type_script_setup_true_lang = require("./Dropdown.vue_vue_type_script_setup_true_lang-nMP2OxXp.cjs");
 const BadgeType_vue_vue_type_script_setup_true_lang = require("./BadgeType.vue_vue_type_script_setup_true_lang-CJb63H1I.cjs");
-const Switch_vue_vue_type_script_setup_true_lang = require("./Switch.vue_vue_type_script_setup_true_lang-V-FtNcTd.cjs");
+const Switch_vue_vue_type_script_setup_true_lang = require("./Switch.vue_vue_type_script_setup_true_lang-wRTWorCd.cjs");
 const Checkbox_vue_vue_type_script_setup_true_lang = require("./Checkbox.vue_vue_type_script_setup_true_lang-DIoHDji4.cjs");
 const EmptyState_vue_vue_type_script_setup_true_lang = require("./EmptyState.vue_vue_type_script_setup_true_lang-mlqLBP5W.cjs");
-const PageLayout_vue_vue_type_script_setup_true_lang = require("./PageLayout.vue_vue_type_script_setup_true_lang-DoawksKc.cjs");
+const PageLayout_vue_vue_type_script_setup_true_lang = require("./PageLayout.vue_vue_type_script_setup_true_lang-Bnw5L-xO.cjs");
 const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   Alert: EmptyState_vue_vue_type_script_setup_true_lang._sfc_main$5,
@@ -47,4 +47,4 @@ const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
   TextType: BadgeType_vue_vue_type_script_setup_true_lang._sfc_main$1
 }, Symbol.toStringTag, { value: "Module" }));
 exports.components = components;
-//# sourceMappingURL=index-D_7WQIhA.cjs.map
+//# sourceMappingURL=index-C-qIi_nO.cjs.map

package/dist/index-C-qIi_nO.cjs.map

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

package/dist/{index-CNQJxtkC.js → index-DUVvDjHF.js}

@@ -1,10 +1,10 @@
-import { d as _sfc_main$1, g as _sfc_main$2, f as _sfc_main$6, _ as _sfc_main$7, k as _sfc_main$9, b as _sfc_main$k, c as _sfc_main$r, j as _sfc_main$u, i as _sfc_main$w, e as _sfc_main$x, a as _sfc_main$y, h as _sfc_main$z } from "./CollapsibleCard.vue_vue_type_script_setup_true_lang-Cymj-zkh.js";
-import { a as _sfc_main$b, _ as _sfc_main$j } from "./Dropdown.vue_vue_type_script_setup_true_lang-D65uMijW.js";
+import { d as _sfc_main$1, g as _sfc_main$2, f as _sfc_main$6, _ as _sfc_main$7, k as _sfc_main$9, b as _sfc_main$k, c as _sfc_main$r, j as _sfc_main$u, i as _sfc_main$w, e as _sfc_main$x, a as _sfc_main$y, h as _sfc_main$z } from "./CollapsibleCard.vue_vue_type_script_setup_true_lang-D0eSGYea.js";
+import { a as _sfc_main$b, _ as _sfc_main$j } from "./Dropdown.vue_vue_type_script_setup_true_lang-B9DsCY8M.js";
 import { e as _sfc_main$3, d as _sfc_main$5, c as _sfc_main$a, b as _sfc_main$o, _ as _sfc_main$t, a as _sfc_main$A } from "./BadgeType.vue_vue_type_script_setup_true_lang-CnB5eNEM.js";
-import { d as _sfc_main$d, a as _sfc_main$e, b as _sfc_main$f, _ as _sfc_main$g, c as _sfc_main$h, e as _sfc_main$s, f as _sfc_main$v } from "./Switch.vue_vue_type_script_setup_true_lang-C2_5u-HL.js";
+import { d as _sfc_main$d, a as _sfc_main$e, b as _sfc_main$f, _ as _sfc_main$g, c as _sfc_main$h, e as _sfc_main$s, f as _sfc_main$v } from "./Switch.vue_vue_type_script_setup_true_lang-dRPxDu8I.js";
 import { _ as _sfc_main$8 } from "./Checkbox.vue_vue_type_script_setup_true_lang-B-nLCCNY.js";
 import { e as _sfc_main, f as _sfc_main$c, _ as _sfc_main$i, a as _sfc_main$l, c as _sfc_main$m, d as _sfc_main$n, b as _sfc_main$q } from "./EmptyState.vue_vue_type_script_setup_true_lang-CrVvFwXA.js";
-import { _ as _sfc_main$4, a as _sfc_main$p } from "./PageLayout.vue_vue_type_script_setup_true_lang-J1I-WjM-.js";
+import { _ as _sfc_main$4, a as _sfc_main$p } from "./PageLayout.vue_vue_type_script_setup_true_lang-D8uD3-Fe.js";
 const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   Alert: _sfc_main,
@@ -48,4 +48,4 @@ const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
 export {
   components as c
 };
-//# sourceMappingURL=index-CNQJxtkC.js.map
+//# sourceMappingURL=index-DUVvDjHF.js.map

package/dist/index-DUVvDjHF.js.map

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

package/dist/index.cjs

@@ -1,14 +1,15 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const CollapsibleCard_vue_vue_type_script_setup_true_lang = require("./CollapsibleCard.vue_vue_type_script_setup_true_lang-Do0H2ZOe.cjs");
-const Dropdown_vue_vue_type_script_setup_true_lang = require("./Dropdown.vue_vue_type_script_setup_true_lang-H6wsySqi.cjs");
+const CollapsibleCard_vue_vue_type_script_setup_true_lang = require("./CollapsibleCard.vue_vue_type_script_setup_true_lang-CPV2dtkO.cjs");
+const Dropdown_vue_vue_type_script_setup_true_lang = require("./Dropdown.vue_vue_type_script_setup_true_lang-nMP2OxXp.cjs");
 const BadgeType_vue_vue_type_script_setup_true_lang = require("./BadgeType.vue_vue_type_script_setup_true_lang-CJb63H1I.cjs");
-const Switch_vue_vue_type_script_setup_true_lang = require("./Switch.vue_vue_type_script_setup_true_lang-V-FtNcTd.cjs");
+const Switch_vue_vue_type_script_setup_true_lang = require("./Switch.vue_vue_type_script_setup_true_lang-wRTWorCd.cjs");
 const Checkbox_vue_vue_type_script_setup_true_lang = require("./Checkbox.vue_vue_type_script_setup_true_lang-DIoHDji4.cjs");
 const EmptyState_vue_vue_type_script_setup_true_lang = require("./EmptyState.vue_vue_type_script_setup_true_lang-mlqLBP5W.cjs");
-const PageLayout_vue_vue_type_script_setup_true_lang = require("./PageLayout.vue_vue_type_script_setup_true_lang-DoawksKc.cjs");
-const useExportCSV = require("./useExportCSV-BPC_hd25.cjs");
-const components_index = require("./index-D_7WQIhA.cjs");
+const PageLayout_vue_vue_type_script_setup_true_lang = require("./PageLayout.vue_vue_type_script_setup_true_lang-Bnw5L-xO.cjs");
+const useModal = require("./useModal-DDF_ZS8C.cjs");
+const useDropdown = require("./useDropdown-DHFnd259.cjs");
+const components_index = require("./index-C-qIi_nO.cjs");
 const VueTailwindUI = {
   install(app, options = {}) {
     const { prefix = "", components: selectedComponents } = options;
@@ -60,8 +61,11 @@ exports.NotificationList = EmptyState_vue_vue_type_script_setup_true_lang._sfc_m
 exports.PaginationControls = EmptyState_vue_vue_type_script_setup_true_lang._sfc_main$2;
 exports.BaseLayout = PageLayout_vue_vue_type_script_setup_true_lang._sfc_main;
 exports.PageLayout = PageLayout_vue_vue_type_script_setup_true_lang._sfc_main$1;
-exports.useDarkMode = useExportCSV.useDarkMode;
-exports.useExportCSV = useExportCSV.useExportCSV;
-exports.useNotifications = useExportCSV.useNotifications;
+exports.useDarkMode = useModal.useDarkMode;
+exports.useExportCSV = useModal.useExportCSV;
+exports.useModal = useModal.useModal;
+exports.useModals = useModal.useModals;
+exports.useNotifications = useModal.useNotifications;
+exports.useDropdown = useDropdown.useDropdown;
 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,12 +1,13 @@
-import { d, g, f, _, k, b, c, j, i, e, a, h } from "./CollapsibleCard.vue_vue_type_script_setup_true_lang-Cymj-zkh.js";
-import { a as a2, _ as _2 } from "./Dropdown.vue_vue_type_script_setup_true_lang-D65uMijW.js";
+import { d, g, f, _, k, b, c, j, i, e, a, h } from "./CollapsibleCard.vue_vue_type_script_setup_true_lang-D0eSGYea.js";
+import { a as a2, _ as _2 } from "./Dropdown.vue_vue_type_script_setup_true_lang-B9DsCY8M.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-CnB5eNEM.js";
-import { d as d3, a as a4, b as b3, _ as _4, c as c3, e as e3, f as f2 } from "./Switch.vue_vue_type_script_setup_true_lang-C2_5u-HL.js";
+import { d as d3, a as a4, b as b3, _ as _4, c as c3, e as e3, f as f2 } from "./Switch.vue_vue_type_script_setup_true_lang-dRPxDu8I.js";
 import { _ as _5 } from "./Checkbox.vue_vue_type_script_setup_true_lang-B-nLCCNY.js";
 import { e as e4, f as f3, _ as _6, a as a5, c as c4, d as d4, b as b4 } from "./EmptyState.vue_vue_type_script_setup_true_lang-CrVvFwXA.js";
-import { _ as _7, a as a6 } from "./PageLayout.vue_vue_type_script_setup_true_lang-J1I-WjM-.js";
-import { a as a7, b as b5, u } from "./useExportCSV-B9o9lJ3D.js";
-import { c as components } from "./index-CNQJxtkC.js";
+import { _ as _7, a as a6 } from "./PageLayout.vue_vue_type_script_setup_true_lang-D8uD3-Fe.js";
+import { a as a7, b as b5, c as c5, d as d5, u } from "./useModal-Aq8hn152.js";
+import { u as u2 } from "./useDropdown-iVu14E6s.js";
+import { c as components } from "./index-DUVvDjHF.js";
 const VueTailwindUI = {
   install(app, options = {}) {
     const { prefix = "", components: selectedComponents } = options;
@@ -61,7 +62,10 @@ export {
   a3 as TextType,
   VueTailwindUI,
   a7 as useDarkMode,
+  u2 as useDropdown,
   b5 as useExportCSV,
+  c5 as useModal,
+  d5 as useModals,
   u as useNotifications
 };
 //# sourceMappingURL=index.js.map

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;"}

package/dist/useDropdown-DHFnd259.cjs

@@ -0,0 +1,130 @@
+"use strict";
+const vue = require("vue");
+function useDropdown(triggerRef, dropdownRef, options = {}) {
+  const { teleport = true, align = "left", gap = 8, onOpen, onClose } = options;
+  const isOpen = vue.ref(false);
+  const highlightedIndex = vue.ref(-1);
+  const dropdownPosition = vue.ref({ top: 0, left: 0, right: 0, width: 0 });
+  const updatePosition = () => {
+    if (!triggerRef.value || !teleport) return;
+    const rect = triggerRef.value.getBoundingClientRect();
+    dropdownPosition.value = {
+      top: rect.bottom + window.scrollY + gap,
+      left: rect.left + window.scrollX,
+      right: window.innerWidth - rect.right - window.scrollX,
+      width: rect.width
+    };
+  };
+  const open = () => {
+    isOpen.value = true;
+    vue.nextTick(updatePosition);
+    onOpen == null ? void 0 : onOpen();
+  };
+  const close = () => {
+    isOpen.value = false;
+    highlightedIndex.value = -1;
+    onClose == null ? void 0 : onClose();
+  };
+  const toggle = () => {
+    if (isOpen.value) {
+      close();
+    } else {
+      open();
+    }
+  };
+  const handleClickOutside = (event) => {
+    var _a, _b;
+    const target = event.target;
+    const isInsideTrigger = (_a = triggerRef.value) == null ? void 0 : _a.contains(target);
+    const isInsideDropdown = (_b = dropdownRef.value) == null ? void 0 : _b.contains(target);
+    if (!isInsideTrigger && !isInsideDropdown) {
+      close();
+    }
+  };
+  const scrollToHighlighted = (dropdownEl) => {
+    vue.nextTick(() => {
+      if (dropdownEl) {
+        const highlighted = dropdownEl.querySelector(
+          `[data-index="${highlightedIndex.value}"]`
+        );
+        if (highlighted) {
+          highlighted.scrollIntoView({ block: "nearest" });
+        }
+      }
+    });
+  };
+  const handleKeydown = (event, navOptions) => {
+    const { itemCount, onSelect, onOpen: onOpenNav, handleOpenKeys = false } = navOptions;
+    if (!isOpen.value) {
+      if (handleOpenKeys && (event.key === "Enter" || event.key === " " || event.key === "ArrowDown")) {
+        event.preventDefault();
+        onOpenNav == null ? void 0 : onOpenNav();
+        open();
+      }
+      return;
+    }
+    switch (event.key) {
+      case "ArrowDown":
+        event.preventDefault();
+        highlightedIndex.value = Math.min(highlightedIndex.value + 1, itemCount - 1);
+        break;
+      case "ArrowUp":
+        event.preventDefault();
+        highlightedIndex.value = Math.max(highlightedIndex.value - 1, 0);
+        break;
+      case "Enter":
+        event.preventDefault();
+        if (highlightedIndex.value >= 0) {
+          onSelect == null ? void 0 : onSelect(highlightedIndex.value);
+        }
+        break;
+      case "Escape":
+        event.preventDefault();
+        close();
+        break;
+      case "Tab":
+        close();
+        break;
+    }
+  };
+  const dropdownStyle = vue.computed(() => {
+    if (!teleport) return {};
+    return {
+      position: "absolute",
+      top: `${dropdownPosition.value.top}px`,
+      left: align === "right" ? "auto" : `${dropdownPosition.value.left}px`,
+      right: align === "right" ? `${dropdownPosition.value.right}px` : "auto",
+      width: `${dropdownPosition.value.width}px`
+    };
+  });
+  vue.watch(isOpen, (newValue) => {
+    if (newValue) {
+      document.addEventListener("click", handleClickOutside);
+      window.addEventListener("scroll", updatePosition, true);
+      window.addEventListener("resize", updatePosition);
+    } else {
+      document.removeEventListener("click", handleClickOutside);
+      window.removeEventListener("scroll", updatePosition, true);
+      window.removeEventListener("resize", updatePosition);
+    }
+  });
+  vue.onUnmounted(() => {
+    document.removeEventListener("click", handleClickOutside);
+    window.removeEventListener("scroll", updatePosition, true);
+    window.removeEventListener("resize", updatePosition);
+  });
+  return {
+    isOpen,
+    highlightedIndex,
+    dropdownPosition,
+    dropdownStyle,
+    open,
+    close,
+    toggle,
+    updatePosition,
+    handleKeydown,
+    scrollToHighlighted
+  };
+}
+exports.useDropdown = useDropdown;
+//# sourceMappingURL=useDropdown-DHFnd259.cjs.map

package/dist/useDropdown-DHFnd259.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDropdown-DHFnd259.cjs","sources":["../src/composables/useDropdown.ts"],"sourcesContent":["import { ref, computed, watch, onUnmounted, nextTick, type Ref, type ComputedRef } from 'vue'\n\nexport interface UseDropdownOptions {\n  /** Whether teleport is enabled (affects position calculation) */\n  teleport?: boolean\n  /** Alignment for position calculation */\n  align?: 'left' | 'right'\n  /** Gap between trigger and dropdown in pixels */\n  gap?: number\n  /** Callback when dropdown opens */\n  onOpen?: () => void\n  /** Callback when dropdown closes */\n  onClose?: () => void\n}\n\nexport interface UseDropdownReturn {\n  /** Whether the dropdown is currently open */\n  isOpen: Ref<boolean>\n  /** Current highlighted index for keyboard navigation */\n  highlightedIndex: Ref<number>\n  /** Calculated position for teleported dropdown */\n  dropdownPosition: Ref<{ top: number; left: number; right: number; width: number }>\n  /** Computed style object for teleported dropdown */\n  dropdownStyle: ComputedRef<Record<string, string>>\n  /** Open the dropdown */\n  open: () => void\n  /** Close the dropdown */\n  close: () => void\n  /** Toggle the dropdown */\n  toggle: () => void\n  /** Update position (call after DOM changes) */\n  updatePosition: () => void\n  /** Handle keyboard navigation */\n  handleKeydown: (event: KeyboardEvent, options: KeyboardNavigationOptions) => void\n  /** Scroll to highlighted item */\n  scrollToHighlighted: (dropdownEl: HTMLElement | null) => void\n}\n\nexport interface KeyboardNavigationOptions {\n  /** Total number of items to navigate */\n  itemCount: number\n  /** Called when Enter is pressed on a highlighted item */\n  onSelect?: (index: number) => void\n  /** Called when the dropdown should open (Space/Enter/ArrowDown when closed) */\n  onOpen?: () => void\n  /** Whether to handle open keys (Space/Enter/ArrowDown) when closed */\n  handleOpenKeys?: boolean\n}\n\nexport function useDropdown(\n  triggerRef: Ref<HTMLElement | null | undefined>,\n  dropdownRef: Ref<HTMLElement | null | undefined>,\n  options: UseDropdownOptions = {}\n): UseDropdownReturn {\n  const { teleport = true, align = 'left', gap = 8, onOpen, onClose } = options\n\n  const isOpen = ref(false)\n  const highlightedIndex = ref(-1)\n  const dropdownPosition = ref({ top: 0, left: 0, right: 0, width: 0 })\n\n  const updatePosition = () => {\n    if (!triggerRef.value || !teleport) return\n    const rect = triggerRef.value.getBoundingClientRect()\n    dropdownPosition.value = {\n      top: rect.bottom + window.scrollY + gap,\n      left: rect.left + window.scrollX,\n      right: window.innerWidth - rect.right - window.scrollX,\n      width: rect.width,\n    }\n  }\n\n  const open = () => {\n    isOpen.value = true\n    nextTick(updatePosition)\n    onOpen?.()\n  }\n\n  const close = () => {\n    isOpen.value = false\n    highlightedIndex.value = -1\n    onClose?.()\n  }\n\n  const toggle = () => {\n    if (isOpen.value) {\n      close()\n    } else {\n      open()\n    }\n  }\n\n  const handleClickOutside = (event: MouseEvent) => {\n    const target = event.target as Node\n    const isInsideTrigger = triggerRef.value?.contains(target)\n    const isInsideDropdown = dropdownRef.value?.contains(target)\n    if (!isInsideTrigger && !isInsideDropdown) {\n      close()\n    }\n  }\n\n  const scrollToHighlighted = (dropdownEl: HTMLElement | null) => {\n    nextTick(() => {\n      if (dropdownEl) {\n        const highlighted = dropdownEl.querySelector(\n          `[data-index=\"${highlightedIndex.value}\"]`\n        ) as HTMLElement\n        if (highlighted) {\n          highlighted.scrollIntoView({ block: 'nearest' })\n        }\n      }\n    })\n  }\n\n  const handleKeydown = (event: KeyboardEvent, navOptions: KeyboardNavigationOptions) => {\n    const { itemCount, onSelect, onOpen: onOpenNav, handleOpenKeys = false } = navOptions\n\n    if (!isOpen.value) {\n      if (handleOpenKeys && (event.key === 'Enter' || event.key === ' ' || event.key === 'ArrowDown')) {\n        event.preventDefault()\n        onOpenNav?.()\n        open()\n      }\n      return\n    }\n\n    switch (event.key) {\n      case 'ArrowDown':\n        event.preventDefault()\n        highlightedIndex.value = Math.min(highlightedIndex.value + 1, itemCount - 1)\n        break\n      case 'ArrowUp':\n        event.preventDefault()\n        highlightedIndex.value = Math.max(highlightedIndex.value - 1, 0)\n        break\n      case 'Enter':\n        event.preventDefault()\n        if (highlightedIndex.value >= 0) {\n          onSelect?.(highlightedIndex.value)\n        }\n        break\n      case 'Escape':\n        event.preventDefault()\n        close()\n        break\n      case 'Tab':\n        close()\n        break\n    }\n  }\n\n  const dropdownStyle = computed(() => {\n    if (!teleport) return {} as Record<string, string>\n    return {\n      position: 'absolute',\n      top: `${dropdownPosition.value.top}px`,\n      left: align === 'right' ? 'auto' : `${dropdownPosition.value.left}px`,\n      right: align === 'right' ? `${dropdownPosition.value.right}px` : 'auto',\n      width: `${dropdownPosition.value.width}px`,\n    } as Record<string, string>\n  })\n\n  // Event listener management\n  watch(isOpen, (newValue) => {\n    if (newValue) {\n      document.addEventListener('click', handleClickOutside)\n      window.addEventListener('scroll', updatePosition, true)\n      window.addEventListener('resize', updatePosition)\n    } else {\n      document.removeEventListener('click', handleClickOutside)\n      window.removeEventListener('scroll', updatePosition, true)\n      window.removeEventListener('resize', updatePosition)\n    }\n  })\n\n  onUnmounted(() => {\n    document.removeEventListener('click', handleClickOutside)\n    window.removeEventListener('scroll', updatePosition, true)\n    window.removeEventListener('resize', updatePosition)\n  })\n\n  return {\n    isOpen,\n    highlightedIndex,\n    dropdownPosition,\n    dropdownStyle,\n    open,\n    close,\n    toggle,\n    updatePosition,\n    handleKeydown,\n    scrollToHighlighted,\n  }\n}\n"],"names":["ref","nextTick","computed","watch","onUnmounted"],"mappings":";;AAiDO,SAAS,YACd,YACA,aACA,UAA8B,CAAA,GACX;AACnB,QAAM,EAAE,WAAW,MAAM,QAAQ,QAAQ,MAAM,GAAG,QAAQ,QAAA,IAAY;AAEtE,QAAM,SAASA,IAAAA,IAAI,KAAK;AACxB,QAAM,mBAAmBA,IAAAA,IAAI,EAAE;AAC/B,QAAM,mBAAmBA,IAAAA,IAAI,EAAE,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,EAAA,CAAG;AAEpE,QAAM,iBAAiB,MAAM;AAC3B,QAAI,CAAC,WAAW,SAAS,CAAC,SAAU;AACpC,UAAM,OAAO,WAAW,MAAM,sBAAA;AAC9B,qBAAiB,QAAQ;AAAA,MACvB,KAAK,KAAK,SAAS,OAAO,UAAU;AAAA,MACpC,MAAM,KAAK,OAAO,OAAO;AAAA,MACzB,OAAO,OAAO,aAAa,KAAK,QAAQ,OAAO;AAAA,MAC/C,OAAO,KAAK;AAAA,IAAA;AAAA,EAEhB;AAEA,QAAM,OAAO,MAAM;AACjB,WAAO,QAAQ;AACfC,QAAAA,SAAS,cAAc;AACvB;AAAA,EACF;AAEA,QAAM,QAAQ,MAAM;AAClB,WAAO,QAAQ;AACf,qBAAiB,QAAQ;AACzB;AAAA,EACF;AAEA,QAAM,SAAS,MAAM;AACnB,QAAI,OAAO,OAAO;AAChB,YAAA;AAAA,IACF,OAAO;AACL,WAAA;AAAA,IACF;AAAA,EACF;AAEA,QAAM,qBAAqB,CAAC,UAAsB;;AAChD,UAAM,SAAS,MAAM;AACrB,UAAM,mBAAkB,gBAAW,UAAX,mBAAkB,SAAS;AACnD,UAAM,oBAAmB,iBAAY,UAAZ,mBAAmB,SAAS;AACrD,QAAI,CAAC,mBAAmB,CAAC,kBAAkB;AACzC,YAAA;AAAA,IACF;AAAA,EACF;AAEA,QAAM,sBAAsB,CAAC,eAAmC;AAC9DA,QAAAA,SAAS,MAAM;AACb,UAAI,YAAY;AACd,cAAM,cAAc,WAAW;AAAA,UAC7B,gBAAgB,iBAAiB,KAAK;AAAA,QAAA;AAExC,YAAI,aAAa;AACf,sBAAY,eAAe,EAAE,OAAO,UAAA,CAAW;AAAA,QACjD;AAAA,MACF;AAAA,IACF,CAAC;AAAA,EACH;AAEA,QAAM,gBAAgB,CAAC,OAAsB,eAA0C;AACrF,UAAM,EAAE,WAAW,UAAU,QAAQ,WAAW,iBAAiB,UAAU;AAE3E,QAAI,CAAC,OAAO,OAAO;AACjB,UAAI,mBAAmB,MAAM,QAAQ,WAAW,MAAM,QAAQ,OAAO,MAAM,QAAQ,cAAc;AAC/F,cAAM,eAAA;AACN;AACA,aAAA;AAAA,MACF;AACA;AAAA,IACF;AAEA,YAAQ,MAAM,KAAA;AAAA,MACZ,KAAK;AACH,cAAM,eAAA;AACN,yBAAiB,QAAQ,KAAK,IAAI,iBAAiB,QAAQ,GAAG,YAAY,CAAC;AAC3E;AAAA,MACF,KAAK;AACH,cAAM,eAAA;AACN,yBAAiB,QAAQ,KAAK,IAAI,iBAAiB,QAAQ,GAAG,CAAC;AAC/D;AAAA,MACF,KAAK;AACH,cAAM,eAAA;AACN,YAAI,iBAAiB,SAAS,GAAG;AAC/B,+CAAW,iBAAiB;AAAA,QAC9B;AACA;AAAA,MACF,KAAK;AACH,cAAM,eAAA;AACN,cAAA;AACA;AAAA,MACF,KAAK;AACH,cAAA;AACA;AAAA,IAAA;AAAA,EAEN;AAEA,QAAM,gBAAgBC,IAAAA,SAAS,MAAM;AACnC,QAAI,CAAC,SAAU,QAAO,CAAA;AACtB,WAAO;AAAA,MACL,UAAU;AAAA,MACV,KAAK,GAAG,iBAAiB,MAAM,GAAG;AAAA,MAClC,MAAM,UAAU,UAAU,SAAS,GAAG,iBAAiB,MAAM,IAAI;AAAA,MACjE,OAAO,UAAU,UAAU,GAAG,iBAAiB,MAAM,KAAK,OAAO;AAAA,MACjE,OAAO,GAAG,iBAAiB,MAAM,KAAK;AAAA,IAAA;AAAA,EAE1C,CAAC;AAGDC,YAAM,QAAQ,CAAC,aAAa;AAC1B,QAAI,UAAU;AACZ,eAAS,iBAAiB,SAAS,kBAAkB;AACrD,aAAO,iBAAiB,UAAU,gBAAgB,IAAI;AACtD,aAAO,iBAAiB,UAAU,cAAc;AAAA,IAClD,OAAO;AACL,eAAS,oBAAoB,SAAS,kBAAkB;AACxD,aAAO,oBAAoB,UAAU,gBAAgB,IAAI;AACzD,aAAO,oBAAoB,UAAU,cAAc;AAAA,IACrD;AAAA,EACF,CAAC;AAEDC,MAAAA,YAAY,MAAM;AAChB,aAAS,oBAAoB,SAAS,kBAAkB;AACxD,WAAO,oBAAoB,UAAU,gBAAgB,IAAI;AACzD,WAAO,oBAAoB,UAAU,cAAc;AAAA,EACrD,CAAC;AAED,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAEJ;;"}