@iris-ui-kit/vue 0.2.20 → 0.2.22

package/dist/index.js

@@ -6,30 +6,30 @@ export { IrisGrid } from './chunk-WL67XCH5.js';
 import './chunk-4FQ7XF52.js';
 import { useDataState } from './chunk-S43IHHBU.js';
 export { DATA_STATE_CLASS, __resetDataStateStyles, installDataStateStyles, useDataState, usePrefersReducedMotion } from './chunk-S43IHHBU.js';
-export { IrisProvider, PluginStoreContextKey, usePlugin, usePluginStore } from './chunk-W2JVHGFR.js';
-export { createClientFetcher, createResourceController, useResourceController } from './chunk-XSLBANUV.js';
-import { IrisCheckbox } from './chunk-QLUIKEMJ.js';
-export { IrisAlert, IrisButton, IrisCheckbox, IrisDashboardTemplate, IrisDivider, IrisFormField, IrisInput, IrisLoginTemplate, IrisPasswordInput } from './chunk-QLUIKEMJ.js';
+export { IrisProvider, PluginStoreContextKey, usePlugin, usePluginStore } from './chunk-MO7AAXA6.js';
+export { createClientFetcher, createResourceController, useResourceController } from './chunk-25NYWSXP.js';
+import { IrisCheckbox } from './chunk-ENKE2BPC.js';
+export { IrisAlert, IrisButton, IrisCheckbox, IrisDashboardTemplate, IrisDivider, IrisFormField, IrisInput, IrisLoginTemplate, IrisPasswordInput } from './chunk-ENKE2BPC.js';
 export { IrisContainer, IrisDashboardCard, IrisDashboardGrid, IrisStack } from './chunk-3R3QDLJC.js';
-export { IrisSkinKey, SkinProvider, SkinResolutionError, applySkin, builtinSkins, createSkinCatalog, createSkinEngine, createSkinRegistry, darkSkin, lightSkin, loadSkin, localStorageSkinStorage, memorySkinStorage, renderSkinStyle, resolveSkin, skinBootScript, skinError, skinToCssEntries, useSkin, useSkinContext, validateSkin } from './chunk-H7HVVPYR.js';
-export { DropdownContextKey, IrisAdminBreadcrumb, IrisAdminLayout, IrisAdminTabs, IrisBreadcrumb, IrisBreadcrumbItem, IrisDropdown, IrisDropdownItem, IrisDropdownMenu, IrisDropdownSeparator, IrisDropdownTrigger, IrisIcon, IrisNavMenu, createAdminPreferences, createTabsNav, filterNavByAccess, findNavNode, findNavPath, firstLeaf, flattenNav, isBranch, isClosable, localStorageAdminPreferencesStorage, nodeAllowsRoles, useAdminPreferences, useAdminShell, useTabsNav, visibleNav } from './chunk-MMQKSFME.js';
+export { IrisSkinKey, SkinProvider, SkinResolutionError, applySkin, builtinSkins, createSkinCatalog, createSkinEngine, createSkinRegistry, darkSkin, lightSkin, loadSkin, localStorageSkinStorage, memorySkinStorage, renderSkinStyle, resolveSkin, skinBootScript, skinError, skinToCssEntries, useSkin, useSkinContext, validateSkin } from './chunk-UPC4GN3F.js';
+export { DropdownContextKey, IrisAdminBreadcrumb, IrisAdminLayout, IrisAdminTabs, IrisBreadcrumb, IrisBreadcrumbItem, IrisDropdown, IrisDropdownItem, IrisDropdownMenu, IrisDropdownSeparator, IrisDropdownTrigger, IrisIcon, IrisNavMenu, createAdminPreferences, createTabsNav, filterNavByAccess, findNavNode, findNavPath, firstLeaf, flattenNav, isBranch, isClosable, localStorageAdminPreferencesStorage, nodeAllowsRoles, useAdminPreferences, useAdminShell, useTabsNav, visibleNav } from './chunk-QQ25RKOO.js';
 import { useFloating, useDismiss } from './chunk-3FJUCHCC.js';
 export { useDismiss, useFloating } from './chunk-3FJUCHCC.js';
-import { useMachine } from './chunk-TQB5LVOH.js';
-export { useMachine } from './chunk-TQB5LVOH.js';
+import { useMachine } from './chunk-NNOF7KUH.js';
+export { useMachine } from './chunk-NNOF7KUH.js';
 import { findFirstElement, mergeSlotProps, composeRefs } from './chunk-F77KIPOH.js';
 export { IrisSlot, composeRefs, findFirstElement, mergeSlotProps } from './chunk-F77KIPOH.js';
-export { IrisHeaderLayout, IrisSidebarLayout } from './chunk-I6D5VXQK.js';
-export { IrisThemeKey, ThemeProvider, useColorScheme, useDirection, useTheme, useThemeContext } from './chunk-72PZMU6R.js';
-export { useAsyncResource, usePaginatedResource } from './chunk-ZY4NLITM.js';
+export { IrisHeaderLayout, IrisSidebarLayout } from './chunk-3V46HGRC.js';
+export { IrisThemeKey, ThemeProvider, useColorScheme, useDirection, useTheme, useThemeContext } from './chunk-ZTPIXL7Q.js';
+export { useAsyncResource, usePaginatedResource } from './chunk-SJB5DIIY.js';
 import { useDrag } from './chunk-CWXH44OF.js';
 export { IrisClickOutside, IrisHotkey, IrisLongPress, IrisMovable, IrisResizable, useDrag } from './chunk-CWXH44OF.js';
 export { IrisSortable, SORTABLE_ITEM_ATTR } from './chunk-W3B6E5GN.js';
 export { createClientDataSource, createDataSource, createGroupedView, useDataSource, useGroupedView } from './chunk-7IOJADZC.js';
+export { IrisErrorBoundary } from './chunk-PPYNXNGZ.js';
+export { FormInjectionKey, IrisForm, useField, useFieldArray, useForm, useFormContext } from './chunk-IAG64CHL.js';
 import { useStore } from './chunk-75GSYEJS.js';
 export { useStore, useStoreSelector } from './chunk-75GSYEJS.js';
-export { IrisErrorBoundary } from './chunk-PPYNXNGZ.js';
-export { FormInjectionKey, IrisForm, useField, useFieldArray, useForm, useFormContext } from './chunk-4FLIW67H.js';
 import { useI18n } from './chunk-TCAXRWT6.js';
 export { I18nInjectionKey, IrisI18nProvider, useI18n } from './chunk-TCAXRWT6.js';
 import { defineComponent, computed, watch, ref, useId, provide, inject, h, nextTick, Teleport, onScopeDispose, Fragment, onMounted, onBeforeUnmount, onBeforeMount, shallowRef, toValue, Comment, onUnmounted } from 'vue';
@@ -2325,6 +2325,7 @@ var IrisList = defineComponent({
       isEnabled
     });
     const activeIndex = ref(nav.index);
+    const hoveredIndex = ref(-1);
     watch(
       () => props.items,
       () => {
@@ -2407,7 +2408,7 @@ var IrisList = defineComponent({
         cursor: item.disabled ? "not-allowed" : "pointer",
         opacity: item.disabled ? "0.5" : "1",
         fontSize: "14px",
-        background: selected ? "var(--iris-primary)" : active ? "var(--iris-surface-hover)" : "transparent",
+        background: selected ? "var(--iris-primary)" : hoveredIndex.value === index ? "var(--iris-surface-hover)" : active ? "var(--iris-surface-hover)" : "transparent",
         color: selected ? "var(--iris-primary-foreground)" : "var(--iris-foreground)",
         outline: "none"
       };
@@ -2428,8 +2429,15 @@ var IrisList = defineComponent({
           "data-iris-list-index": index,
           "data-iris-list-item": "",
           "data-state": selected ? "selected" : active ? "active" : "idle",
+          "data-hovered": hoveredIndex.value === index ? "true" : "false",
           onClick: item.disabled ? void 0 : onClick,
           onFocus,
+          onMouseenter: () => {
+            hoveredIndex.value = index;
+          },
+          onMouseleave: () => {
+            if (hoveredIndex.value === index) hoveredIndex.value = -1;
+          },
           style: baseStyle
         },
         slotContent ?? item.label ?? String(item.value)
@@ -9301,6 +9309,7 @@ var IrisTreeSelect = defineComponent({
     const { t } = useI18n();
     const open = ref(false);
     const focused = ref(false);
+    const hoveredValue = ref(null);
     const expanded = ref(new Set(props.defaultExpanded));
     let rootEl = null;
     const selectNode = (node) => {
@@ -9338,6 +9347,12 @@ var IrisTreeSelect = defineComponent({
           h(
             "div",
             {
+              onMouseenter: () => {
+                hoveredValue.value = node.value;
+              },
+              onMouseleave: () => {
+                if (hoveredValue.value === node.value) hoveredValue.value = null;
+              },
               style: {
                 display: "flex",
                 alignItems: "center",
@@ -9346,7 +9361,7 @@ var IrisTreeSelect = defineComponent({
                 paddingInlineEnd: "6px",
                 paddingBlock: "4px",
                 borderRadius: "var(--iris-radius-sm, 4px)",
-                background: isSelected ? "var(--iris-surface-hover, rgba(99,102,241,0.1))" : "transparent"
+                background: isSelected || hoveredValue.value === node.value ? "var(--iris-surface-hover, rgba(99,102,241,0.1))" : "transparent"
               }
             },
             [
@@ -9754,6 +9769,7 @@ var IrisCascader = defineComponent({
     const open = ref(false);
     const focused = ref(false);
     const activePath = ref([...props.modelValue]);
+    const hoveredValue = ref(null);
     let rootEl = null;
     const toggleOpen = () => {
       if (props.disabled) return;
@@ -9907,6 +9923,12 @@ var IrisCascader = defineComponent({
                       "data-iris-cascader-option": "",
                       "data-value": node.value,
                       onClick: () => selectOption(ci, node),
+                      onMouseenter: () => {
+                        hoveredValue.value = node.value;
+                      },
+                      onMouseleave: () => {
+                        if (hoveredValue.value === node.value) hoveredValue.value = null;
+                      },
                       style: {
                         display: "flex",
                         alignItems: "center",
@@ -9917,7 +9939,7 @@ var IrisCascader = defineComponent({
                         borderRadius: "var(--iris-radius-sm, 4px)",
                         cursor: node.disabled ? "not-allowed" : "pointer",
                         color: node.disabled ? "var(--iris-muted)" : "var(--iris-foreground)",
-                        background: isActive ? "var(--iris-surface-hover, rgba(99,102,241,0.1))" : "transparent"
+                        background: isActive || hoveredValue.value === node.value ? "var(--iris-surface-hover, rgba(99,102,241,0.1))" : "transparent"
                       }
                     },
                     [