@iris-ui-kit/vue 0.2.20 → 0.2.21

package/dist/index.js

@@ -6,21 +6,21 @@ 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 { IrisProvider, PluginStoreContextKey, usePlugin, usePluginStore } from './chunk-MO7AAXA6.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';
+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-4WQOZ2OV.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 { 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 { IrisHeaderLayout, IrisSidebarLayout } from './chunk-3V46HGRC.js';
+export { IrisThemeKey, ThemeProvider, useColorScheme, useDirection, useTheme, useThemeContext } from './chunk-ZTPIXL7Q.js';
 export { useAsyncResource, usePaginatedResource } from './chunk-ZY4NLITM.js';
 import { useDrag } from './chunk-CWXH44OF.js';
 export { IrisClickOutside, IrisHotkey, IrisLongPress, IrisMovable, IrisResizable, useDrag } from './chunk-CWXH44OF.js';
@@ -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"
       };
@@ -2430,6 +2431,12 @@ var IrisList = defineComponent({
           "data-state": selected ? "selected" : active ? "active" : "idle",
           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 +9308,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 +9346,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 +9360,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 +9768,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 +9922,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 +9938,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"
                       }
                     },
                     [