@iris-ui-kit/vue 0.1.0 → 0.2.0

package/dist/index.cjs

@@ -1,9 +1,9 @@
 'use strict';
 
 var vue = require('vue');
+var core = require('@iris-ui-kit/core');
 var theme = require('@iris-ui-kit/theme');
 var skins = require('@iris-ui-kit/skins');
-var core = require('@iris-ui-kit/core');
 var icons = require('@iris-ui-kit/icons');
 var dom = require('@floating-ui/dom');
 var undo = require('@iris-ui-kit/core/undo');
@@ -20,6 +20,41 @@ function useStoreSelector(store2, selector, equals) {
   vue.onScopeDispose(store2.subscribeWith(selector, (v) => slice.value = v, equals));
   return slice;
 }
+function useReconnectingSource(connect, handlers, options) {
+  const status = vue.ref("idle");
+  const handlersRef = { current: handlers };
+  handlersRef.current = handlers;
+  const source = core.createReconnectingSource(
+    connect,
+    {
+      onMessage: (data) => handlersRef.current.onMessage?.(data),
+      onOpen: () => handlersRef.current.onOpen?.(),
+      onError: (err) => handlersRef.current.onError?.(err),
+      onClose: () => handlersRef.current.onClose?.(),
+      onStatus: (s) => {
+        status.value = s;
+      }
+    },
+    options
+  );
+  source.open();
+  vue.onUnmounted(() => source.close());
+  return status;
+}
+function useResilientFetcher(options) {
+  const rf = core.createResilientFetcher(options);
+  vue.onUnmounted(() => {
+    rf.cache.clear();
+  });
+  return rf;
+}
+function useDisposableScope() {
+  const scope = vue.ref(core.createDisposableScope());
+  vue.onUnmounted(() => {
+    scope.value.destroy();
+  });
+  return scope;
+}
 var IrisThemeKey = /* @__PURE__ */ Symbol("IrisTheme");
 var ThemeProvider = vue.defineComponent({
   name: "IrisThemeProvider",
@@ -812,6 +847,10 @@ var IrisNavMenu = vue.defineComponent({
     defaultExpandedKeys: { type: Array, default: void 0 },
     /** Icon-only rail (top-level items only). */
     collapsed: { type: Boolean, default: false },
+    orientation: {
+      type: String,
+      default: "vertical"
+    },
     ariaLabel: { type: String, default: void 0 }
   },
   emits: {
@@ -867,7 +906,7 @@ var IrisNavMenu = vue.defineComponent({
         display: "flex",
         alignItems: "center",
         gap: "10px",
-        width: "100%",
+        width: props.orientation === "horizontal" && opts.depth === 0 ? "auto" : "100%",
         boxSizing: "border-box",
         border: "none",
         borderRadius: "var(--iris-radius-md, 6px)",
@@ -879,7 +918,8 @@ var IrisNavMenu = vue.defineComponent({
         textAlign: "start",
         cursor: opts.disabled ? "not-allowed" : "pointer",
         opacity: opts.disabled ? "0.5" : "1",
-        padding: props.collapsed ? "10px" : `8px 10px 8px ${12 + opts.depth * 16}px`,
+        padding: props.collapsed ? "10px" : "8px 10px",
+        paddingInlineStart: props.collapsed ? "10px" : `${12 + opts.depth * 16}px`,
         justifyContent: props.collapsed ? "center" : "flex-start"
       };
     };
@@ -973,16 +1013,40 @@ var IrisNavMenu = vue.defineComponent({
           }) : null
         ]
       );
+      const groupStyle = props.orientation === "horizontal" && depth === 0 ? { position: "relative" } : void 0;
       if (!branch || !open)
-        return vue.h("div", { key: node.key, "data-iris-nav-group": branch ? "" : void 0 }, [row]);
-      return vue.h("div", { key: node.key, "data-iris-nav-group": "", "data-open": "true" }, [
-        row,
-        vue.h(
+        return vue.h(
           "div",
-          { "data-iris-nav-children": "", role: "group" },
-          (node.children ?? []).map((child) => renderItem(child, depth + 1))
-        )
-      ]);
+          { key: node.key, "data-iris-nav-group": branch ? "" : void 0, style: groupStyle },
+          [row]
+        );
+      return vue.h(
+        "div",
+        { key: node.key, "data-iris-nav-group": "", "data-open": "true", style: groupStyle },
+        [
+          row,
+          vue.h(
+            "div",
+            {
+              "data-iris-nav-children": "",
+              role: "group",
+              style: props.orientation === "horizontal" && depth === 0 ? {
+                position: "absolute",
+                insetBlockStart: "calc(100% + 4px)",
+                insetInlineStart: "0",
+                zIndex: "60",
+                minWidth: "220px",
+                padding: "6px",
+                border: "1px solid var(--iris-border)",
+                borderRadius: "var(--iris-radius-md, 6px)",
+                background: "var(--iris-surface)",
+                boxShadow: "var(--iris-shadow-md)"
+              } : void 0
+            },
+            (node.children ?? []).map((child) => renderItem(child, depth + 1))
+          )
+        ]
+      );
     };
     const onKeydown = (e) => {
       const root = e.currentTarget;
@@ -1035,11 +1099,13 @@ var IrisNavMenu = vue.defineComponent({
         ...attrs,
         "data-iris-nav-menu": "",
         "data-collapsed": props.collapsed ? "true" : void 0,
+        "data-orientation": props.orientation,
         "aria-label": props.ariaLabel ?? t("admin.nav"),
         onKeydown,
         style: {
           display: "flex",
-          flexDirection: "column",
+          flexDirection: props.orientation === "horizontal" ? "row" : "column",
+          alignItems: props.orientation === "horizontal" ? "center" : void 0,
           gap: "2px",
           ...attrs.style ?? {}
         }
@@ -1229,6 +1295,7 @@ function useTabsNav(nav) {
     closeRight: nav.closeRight,
     refresh: nav.refresh,
     setPinned: nav.setPinned,
+    move: nav.move,
     cacheKey: nav.cacheKey
   };
 }
@@ -1785,6 +1852,168 @@ var IrisDropdownSeparator = vue.defineComponent({
     });
   }
 });
+var SORTABLE_ITEM_ATTR = "data-iris-sortable-item";
+var IrisSortable = vue.defineComponent({
+  name: "IrisSortable",
+  inheritAttrs: false,
+  props: {
+    /** The ordered items. Used to detect which item is at which position. */
+    items: {
+      type: Array,
+      required: true
+    },
+    /** Called when the user drops an item in a new position. */
+    onReorder: {
+      type: Function,
+      default: void 0
+    },
+    /** Optional item key getter. Defaults to `String(index)`. */
+    getKey: {
+      type: Function,
+      default: void 0
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    orientation: {
+      type: String,
+      default: "vertical"
+    },
+    class: {
+      type: String,
+      default: void 0
+    },
+    style: {
+      type: Object,
+      default: void 0
+    }
+  },
+  emits: {
+    reorder: (_next) => true
+  },
+  setup(props, { slots, attrs, emit }) {
+    const containerRef = vue.ref(null);
+    const sortable = core.createSortable();
+    const activeKey = vue.ref(null);
+    const unsub = sortable.subscribe((state) => {
+      activeKey.value = state.activeId;
+    });
+    vue.onBeforeUnmount(unsub);
+    const indexOf = (key) => {
+      const container = containerRef.value;
+      if (!container) return -1;
+      return Array.from(
+        container.querySelectorAll(`[${SORTABLE_ITEM_ATTR}]`)
+      ).findIndex((el) => el.getAttribute(SORTABLE_ITEM_ATTR) === key);
+    };
+    const onPointerDown = (e) => {
+      if (props.disabled) return;
+      const target = e.target.closest(`[${SORTABLE_ITEM_ATTR}]`);
+      if (!target) return;
+      const container = containerRef.value;
+      if (!container) return;
+      const key = target.getAttribute(SORTABLE_ITEM_ATTR) ?? "";
+      const index = indexOf(key);
+      if (index < 0) return;
+      sortable.press(key, e.clientX, e.clientY);
+    };
+    const onPointerMove = (e) => {
+      if (!sortable.isPending() && sortable.getState().activeId === null) return;
+      const items = containerRef.value?.querySelectorAll(`[${SORTABLE_ITEM_ATTR}]`);
+      const rects = Array.from(items ?? []).map((el) => {
+        const rect = el.getBoundingClientRect();
+        return {
+          id: el.getAttribute(SORTABLE_ITEM_ATTR) ?? "",
+          left: rect.left,
+          top: rect.top,
+          width: rect.width,
+          height: rect.height
+        };
+      });
+      sortable.tryStart(e.clientX, e.clientY);
+      if (sortable.getState().activeId !== null) {
+        sortable.moveOver({ x: e.clientX, y: e.clientY }, rects);
+      }
+    };
+    const onPointerUp = () => {
+      const state = sortable.getState();
+      if (state.activeId === null) {
+        sortable.cancel();
+        return;
+      }
+      const result = sortable.end();
+      if (result.activeId && result.overId && result.activeId !== result.overId) {
+        const from = indexOf(result.activeId);
+        const to = indexOf(result.overId);
+        if (from >= 0 && to >= 0) {
+          const next = [...props.items];
+          const [moved] = next.splice(from, 1);
+          next.splice(to, 0, moved);
+          if (props.onReorder) {
+            props.onReorder(next);
+          }
+          emit("reorder", next);
+        }
+      }
+    };
+    const resolveKey = (item, index) => props.getKey ? props.getKey(item, index) : String(index);
+    return () => {
+      const children = [];
+      const defaultSlots = slots.default?.();
+      if (defaultSlots) {
+        const itemsArray = props.items;
+        defaultSlots.forEach((child, index) => {
+          const item = itemsArray[index];
+          const key = resolveKey(item, index);
+          const isDragging = key === activeKey.value;
+          children.push(
+            vue.h(
+              "div",
+              {
+                key,
+                [SORTABLE_ITEM_ATTR]: key,
+                "data-iris-sortable-dragging": isDragging ? "" : void 0,
+                style: {
+                  transition: isDragging ? "none" : "transform 150ms ease",
+                  opacity: isDragging ? 0.4 : 1,
+                  position: "relative",
+                  zIndex: isDragging ? 100 : void 0
+                }
+              },
+              [child]
+            )
+          );
+        });
+      }
+      return vue.h(
+        "div",
+        {
+          ...attrs,
+          ref: (el) => {
+            containerRef.value = el ?? null;
+          },
+          "data-iris-sortable": "",
+          "data-state": activeKey.value ? "dragging" : "idle",
+          class: props.class,
+          style: {
+            display: "flex",
+            flexDirection: props.orientation === "horizontal" ? "row" : "column",
+            gap: "var(--iris-gap-sm, 4px)",
+            opacity: props.disabled ? 0.6 : 1,
+            userSelect: activeKey.value ? "none" : void 0,
+            ...props.style ?? {}
+          },
+          onPointerdown: onPointerDown,
+          onPointermove: onPointerMove,
+          onPointerup: onPointerUp,
+          onPointerleave: onPointerUp
+        },
+        children
+      );
+    };
+  }
+});
 
 // src/admin/AdminTabs.ts
 var IrisAdminTabs = vue.defineComponent({
@@ -1792,12 +2021,14 @@ var IrisAdminTabs = vue.defineComponent({
   inheritAttrs: false,
   props: {
     /** Shared tabs store (from `createTabsNav`). */
-    nav: { type: Object, required: true }
+    nav: { type: Object, required: true },
+    reorderable: { type: Boolean, default: true }
   },
   emits: {
     change: (_key) => true,
     close: (_key) => true,
-    refresh: (_key) => true
+    refresh: (_key) => true,
+    reorder: (_tabs) => true
   },
   setup(props, { emit, attrs }) {
     const { t: tr } = useI18n();
@@ -1814,6 +2045,10 @@ var IrisAdminTabs = vue.defineComponent({
       props.nav.refresh(key);
       emit("refresh", key);
     };
+    const reorder = (tabs) => {
+      tabs.forEach((tab, index) => props.nav.move(tab.key, index));
+      emit("reorder", tabs);
+    };
     const focusTab = (root, key) => {
       if (!root || !key) return;
       const labels = root.querySelectorAll("[data-iris-tab-label]");
@@ -1965,6 +2200,8 @@ var IrisAdminTabs = vue.defineComponent({
               action(tr("admin.refresh"), () => refresh(key)),
               action(tr("admin.close"), () => close(key)),
               vue.h(IrisDropdownSeparator),
+              action(tr("admin.closeLeft"), () => props.nav.closeLeft(key)),
+              action(tr("admin.closeRight"), () => props.nav.closeRight(key)),
               action(tr("admin.closeOthers"), () => props.nav.closeOthers(key)),
               action(tr("admin.closeAll"), () => props.nav.closeAll())
             ];
@@ -1996,14 +2233,28 @@ var IrisAdminTabs = vue.defineComponent({
             "aria-label": tr("admin.openPages"),
             onKeydown: onTablistKeydown,
             style: {
-              display: "flex",
-              alignItems: "center",
-              gap: "6px",
               overflowX: "auto",
               flex: "1"
             }
           },
-          t.tabs.value.map((tab) => chip(tab))
+          [
+            vue.h(
+              IrisSortable,
+              {
+                items: t.tabs.value,
+                getKey: (item) => item.key,
+                onReorder: (items) => reorder(items),
+                disabled: !props.reorderable,
+                orientation: "horizontal",
+                style: {
+                  alignItems: "center",
+                  gap: "6px",
+                  width: "max-content"
+                }
+              },
+              { default: () => t.tabs.value.map((tab) => chip(tab)) }
+            )
+          ]
         ),
         actionsMenu()
       ]
@@ -2052,6 +2303,8 @@ var IrisAdminLayout = vue.defineComponent({
     menus: { type: Array, required: true },
     /** Active page key (v-model:activeKey). */
     activeKey: { type: String, default: void 0 },
+    /** Initial active page key when `activeKey` is uncontrolled. */
+    defaultActiveKey: { type: String, default: void 0 },
     /** Sidebar collapsed (v-model:collapsed); undefined = uncontrolled. */
     collapsed: { type: Boolean, default: void 0 },
     defaultCollapsed: { type: Boolean, default: false },
@@ -2060,7 +2313,16 @@ var IrisAdminLayout = vue.defineComponent({
     appTitle: { type: String, default: "Iris Admin" },
     /** Optional shared tabs store; when present the tab bar is rendered. */
     tabs: { type: Object, default: void 0 },
+    showTabs: { type: Boolean, default: true },
     showBreadcrumb: { type: Boolean, default: true },
+    stickyHeader: { type: Boolean, default: true },
+    stickyTabs: { type: Boolean, default: true },
+    menuAlign: { type: String, default: "start" },
+    contentWidth: { type: String, default: "fluid" },
+    contentHeight: {
+      type: String,
+      default: "viewport"
+    },
     sidebarWidth: { type: [Number, String], default: 240 },
     collapsedWidth: { type: [Number, String], default: 64 }
   },
@@ -2079,6 +2341,7 @@ var IrisAdminLayout = vue.defineComponent({
     } = useAdminShell({
       menus: () => props.menus,
       activeKey: () => props.activeKey,
+      defaultActiveKey: props.defaultActiveKey,
       tabs: props.tabs,
       onActiveKeyChange: (key) => emit("update:activeKey", key),
       onSelect: (key, node) => emit("select", key, node)
@@ -2197,11 +2460,37 @@ var IrisAdminLayout = vue.defineComponent({
         ) : null
       ]
     );
-    const renderContent = () => vue.h(
+    const renderContent = (horizontal = false) => vue.h(
       "div",
-      { "data-iris-admin-content": "", style: { padding: "16px" } },
-      slots.default?.({ activeKey: activeKey.value }) ?? []
+      {
+        "data-iris-admin-content": "",
+        "data-width": props.contentWidth,
+        style: {
+          boxSizing: "border-box",
+          width: "100%",
+          maxWidth: props.contentWidth === "centered" ? "72rem" : void 0,
+          marginInline: props.contentWidth === "centered" ? "auto" : void 0,
+          padding: "16px"
+        }
+      },
+      [
+        horizontal && props.showBreadcrumb ? vue.h(IrisAdminBreadcrumb, { trail: trail.value, hideSingle: false, onSelect }) : null,
+        ...slots.default?.({ activeKey: activeKey.value }) ?? []
+      ]
     );
+    const renderTabs = () => props.tabs && props.showTabs ? vue.h(
+      "div",
+      {
+        "data-iris-admin-tabs-region": "",
+        "data-sticky": props.stickyTabs ? "true" : void 0,
+        style: {
+          position: props.stickyTabs && !props.stickyHeader ? "sticky" : "relative",
+          top: "0",
+          zIndex: "49"
+        }
+      },
+      [vue.h(IrisAdminTabs, { nav: props.tabs })]
+    ) : null;
     return () => {
       if (props.mode === "full-content") {
         return vue.h(
@@ -2218,33 +2507,107 @@ var IrisAdminLayout = vue.defineComponent({
           slots.default?.({ activeKey: activeKey.value }) ?? []
         );
       }
-      return vue.h(
-        IrisSidebarLayout,
-        {
-          ...attrs,
-          collapsed: collapsed.value,
-          width: props.sidebarWidth,
-          collapsedWidth: props.collapsedWidth,
-          "onUpdate:collapsed": setCollapsed,
-          "data-iris-admin-layout": "",
-          "data-mode": "sidebar",
-          style: {
-            height: "100vh",
-            ...attrs.style ?? {}
-          }
-        },
-        {
-          sidebar: (state) => vue.h(
-            "div",
-            {
-              "data-iris-admin-sidebar": "",
-              style: {
-                display: "flex",
-                flexDirection: "column",
-                height: "100%",
-                borderInlineEnd: "1px solid var(--iris-border)",
-                background: "var(--iris-surface)"
-              }
+      if (props.mode === "horizontal") {
+        const justifyContent = props.menuAlign === "center" ? "center" : props.menuAlign === "end" ? "flex-end" : "flex-start";
+        return vue.h(
+          "div",
+          {
+            ...attrs,
+            "data-iris-admin-layout": "",
+            "data-mode": "horizontal",
+            style: {
+              height: props.contentHeight === "viewport" ? "100vh" : "auto",
+              minHeight: "100vh",
+              ...attrs.style ?? {}
+            }
+          },
+          [
+            vue.h(
+              IrisHeaderLayout,
+              { sticky: props.stickyHeader },
+              {
+                header: () => vue.h("div", { "data-iris-admin-header": "" }, [
+                  vue.h(
+                    "div",
+                    {
+                      "data-iris-admin-headerbar": "",
+                      style: {
+                        display: "flex",
+                        alignItems: "center",
+                        gap: "12px",
+                        minHeight: "52px",
+                        padding: "0 16px",
+                        background: "var(--iris-background)"
+                      }
+                    },
+                    [
+                      renderLogo({ collapsed: false }),
+                      vue.h(
+                        "div",
+                        {
+                          "data-iris-admin-topnav": "",
+                          style: {
+                            display: "flex",
+                            flex: "1",
+                            minWidth: "0",
+                            justifyContent
+                          }
+                        },
+                        [
+                          vue.h(IrisNavMenu, {
+                            items: props.menus,
+                            activeKey: activeKey.value,
+                            orientation: "horizontal",
+                            onSelect
+                          })
+                        ]
+                      ),
+                      slots.toolbar ? vue.h(
+                        "div",
+                        {
+                          "data-iris-admin-toolbar": "",
+                          style: { display: "flex", alignItems: "center", gap: "8px" }
+                        },
+                        slots.toolbar()
+                      ) : null
+                    ]
+                  ),
+                  renderTabs()
+                ]),
+                default: () => renderContent(true),
+                ...slots.footer ? { footer: () => slots.footer() } : {}
+              }
+            )
+          ]
+        );
+      }
+      return vue.h(
+        IrisSidebarLayout,
+        {
+          ...attrs,
+          collapsed: collapsed.value,
+          width: props.sidebarWidth,
+          collapsedWidth: props.collapsedWidth,
+          "onUpdate:collapsed": setCollapsed,
+          "data-iris-admin-layout": "",
+          "data-mode": "sidebar",
+          style: {
+            height: "100vh",
+            ...attrs.style ?? {}
+          }
+        },
+        {
+          sidebar: (state) => vue.h(
+            "div",
+            {
+              "data-iris-admin-sidebar": "",
+              style: {
+                display: "flex",
+                flexDirection: "column",
+                height: "100%",
+                borderInlineEnd: "1px solid var(--iris-border)",
+                background: "var(--iris-surface)"
+              }
             },
             [
               renderLogo(state),
@@ -2264,12 +2627,9 @@ var IrisAdminLayout = vue.defineComponent({
           ),
           default: () => vue.h(
             IrisHeaderLayout,
-            { sticky: true },
+            { sticky: props.stickyHeader },
             {
-              header: () => vue.h("div", { "data-iris-admin-header": "" }, [
-                renderHeaderBar(),
-                props.tabs ? vue.h(IrisAdminTabs, { nav: props.tabs }) : null
-              ]),
+              header: () => vue.h("div", { "data-iris-admin-header": "" }, [renderHeaderBar(), renderTabs()]),
               default: () => renderContent(),
               ...slots.footer ? { footer: () => slots.footer() } : {}
             }
@@ -2279,6 +2639,24 @@ var IrisAdminLayout = vue.defineComponent({
     };
   }
 });
+function useAdminPreferences(preferences, hydrate = true) {
+  const state = vue.ref(preferences.getState());
+  const unsubscribe = preferences.subscribe((next) => {
+    state.value = next;
+  });
+  vue.onMounted(() => {
+    if (hydrate) void preferences.hydrate();
+  });
+  vue.onBeforeUnmount(unsubscribe);
+  return {
+    state: vue.computed(() => state.value),
+    set: preferences.set,
+    patch: preferences.patch,
+    reset: preferences.reset,
+    hydrate: preferences.hydrate,
+    flush: preferences.flush
+  };
+}
 function useUndoStack(options) {
   const stack = undo.createUndoStack(options);
   const state = vue.shallowRef({
@@ -5663,6 +6041,7 @@ var IrisSelect = vue.defineComponent({
   props: {
     items: { type: Array, required: true },
     modelValue: { type: null },
+    defaultValue: { type: null, default: void 0 },
     placeholder: { type: String, default: void 0 },
     size: { type: String, default: "md" },
     disabled: { type: Boolean, default: false },
@@ -5679,13 +6058,17 @@ var IrisSelect = vue.defineComponent({
     }
   },
   emits: {
-    "update:modelValue": (_value) => true
+    "update:modelValue": (_value) => true,
+    valueChange: (_value) => true
   },
   setup(props, { slots, attrs, emit }) {
     const { t } = useI18n();
     const open = vue.ref(false);
+    const internalValue = vue.ref(props.defaultValue);
+    const controlled = vue.computed(() => props.modelValue !== void 0);
+    const currentValue = vue.computed(() => controlled.value ? props.modelValue : internalValue.value);
     const selectedItem = vue.computed(
-      () => props.items.find((item) => item.value === props.modelValue) ?? null
+      () => props.items.find((item) => item.value === currentValue.value) ?? null
     );
     const triggerLabel = vue.computed(() => {
       const item = selectedItem.value;
@@ -5693,7 +6076,9 @@ var IrisSelect = vue.defineComponent({
       return item.label ?? String(item.value);
     });
     const onSelect = (item) => {
+      if (!controlled.value) internalValue.value = item.value;
       emit("update:modelValue", item.value);
+      emit("valueChange", item.value);
       open.value = false;
     };
     const sizeStyles = vue.computed(() => {
@@ -5759,7 +6144,7 @@ var IrisSelect = vue.defineComponent({
         default: () => [
           vue.h(IrisPopoverTrigger, { asChild: true }, () => [
             slots.trigger ? slots.trigger({
-              value: props.modelValue,
+              value: currentValue.value,
               label: triggerLabel.value,
               open: open.value
             }) : vue.h(
@@ -5796,8 +6181,7 @@ var IrisSelect = vue.defineComponent({
             },
             () => vue.h(IrisList, {
               items: props.items,
-              modelValue: props.modelValue,
-              "onUpdate:modelValue": (v) => emit("update:modelValue", v),
+              modelValue: currentValue.value,
               onSelect,
               ariaLabel: t("select.options")
             })
@@ -6257,8 +6641,8 @@ var IrisSkeleton = vue.defineComponent({
     vue.onMounted(installSkeletonStyles);
     const style = vue.computed(() => {
       const w = props.width !== void 0 ? toCss(props.width) : defaultWidth(props.shape);
-      const h122 = props.height !== void 0 ? toCss(props.height) : defaultHeight(props.shape, props.width);
-      return { width: w, height: h122 };
+      const h123 = props.height !== void 0 ? toCss(props.height) : defaultHeight(props.shape, props.width);
+      return { width: w, height: h123 };
     });
     return () => vue.h("div", {
       ...attrs,
@@ -8722,10 +9106,91 @@ var IrisVirtualScroll = vue.defineComponent({
     };
   }
 });
+
+// src/primitives/table/controlProps.ts
+var tableControlProps = {
+  selectable: {
+    type: String,
+    default: "none"
+  },
+  selection: {
+    type: Array,
+    default: void 0
+  },
+  defaultSelection: {
+    type: Array,
+    default: void 0
+  },
+  sort: {
+    type: Object,
+    default: void 0
+  },
+  defaultSort: {
+    type: Object,
+    default: void 0
+  }
+};
 function getCellValue(row, column) {
   const key = column.dataIndex ?? column.key;
   return row[key];
 }
+
+// src/primitives/table/useTableSort.ts
+function useTableSort(data, options) {
+  const sortProp = vue.computed(() => options.sort === void 0 ? void 0 : vue.toValue(options.sort));
+  const internalSortValue = vue.ref(options.defaultSort ?? null);
+  const sortState = vue.computed({
+    get: () => sortProp.value === void 0 ? internalSortValue.value : sortProp.value ?? null,
+    set: (val) => {
+      if (sortProp.value === void 0) internalSortValue.value = val;
+      options.onSortChange?.(val);
+    }
+  });
+  const sortComparator = vue.computed(() => {
+    const s = sortState.value;
+    if (!s) return null;
+    const col = vue.toValue(options.leafColumns).find((c) => c.key === s.key);
+    if (!col) return null;
+    const dir = s.direction === "asc" ? 1 : -1;
+    const sorter = col.sorter ?? ((a, b) => core.compareValues(getCellValue(a, col), getCellValue(b, col)));
+    return (a, b) => sorter(a, b) * dir;
+  });
+  const sortedData = vue.computed(() => {
+    const compare = sortComparator.value;
+    if (!compare) return data.value;
+    return [...data.value].sort(compare);
+  });
+  function setSort(next) {
+    if (sortProp.value === void 0) internalSortValue.value = next;
+    options.onSortChange?.(next);
+  }
+  function cycleSort(col) {
+    if (!col.sortable) return;
+    const s = sortState.value;
+    if (!s || s.key !== col.key) {
+      setSort({ key: col.key, direction: "asc" });
+      return;
+    }
+    if (s.direction === "asc") {
+      setSort({ key: col.key, direction: "desc" });
+      return;
+    }
+    setSort(null);
+  }
+  return {
+    sortState,
+    cycleSort,
+    setSort,
+    sortComparator,
+    sortedData
+  };
+}
+
+// src/primitives/table/Table.ts
+function getCellValue2(row, column) {
+  const key = column.dataIndex ?? column.key;
+  return row[key];
+}
 var SELECTION_COL_WIDTH = 40;
 var EXPAND_COL_WIDTH = 40;
 var DEFAULT_COL_WIDTH = 140;
@@ -8752,18 +9217,7 @@ var IrisTable = vue.defineComponent({
       required: true
     },
     rowKey: { type: String, default: "id" },
-    selectable: {
-      type: String,
-      default: "none"
-    },
-    selection: {
-      type: Array,
-      default: void 0
-    },
-    sort: {
-      type: Object,
-      default: void 0
-    },
+    ...tableControlProps,
     striped: { type: Boolean, default: false },
     bordered: { type: Boolean, default: true },
     /** Enable per-column resize handles. Combine with `v-model:columnWidths` for persistence. */
@@ -8847,31 +9301,23 @@ var IrisTable = vue.defineComponent({
       () => grouped.value ? core.flattenLeafColumns(props.columns) : props.columns
     );
     const headerMatrix = vue.computed(() => grouped.value ? core.buildHeaderMatrix(props.columns) : null);
-    const internalSortValue = vue.ref(null);
-    const internalSort = vue.computed({
-      get: () => props.sort === void 0 ? internalSortValue.value : props.sort,
-      set: (value) => {
-        if (props.sort === void 0) internalSortValue.value = value;
-        emit("update:sort", value);
+    const {
+      sortState: internalSort,
+      cycleSort,
+      sortComparator,
+      sortedData: sortedRows
+    } = useTableSort(
+      vue.computed(() => props.data ?? []),
+      {
+        leafColumns,
+        sort: vue.computed(() => props.sort),
+        defaultSort: props.defaultSort,
+        onSortChange: (next) => emit("update:sort", next)
       }
-    });
-    const sortComparator = vue.computed(() => {
-      const state = internalSort.value;
-      if (!state) return null;
-      const column = leafColumns.value.find((c) => c.key === state.key);
-      if (!column) return null;
-      const dir = state.direction === "asc" ? 1 : -1;
-      const sorter = column.sorter ?? ((a, b) => core.compareValues(getCellValue(a, column), getCellValue(b, column)));
-      return (a, b) => sorter(a, b) * dir;
-    });
-    const sortedRows = vue.computed(() => {
-      const compare = sortComparator.value;
-      if (!compare) return props.data ?? [];
-      return [...props.data ?? []].sort(compare);
-    });
+    );
     const selControlled = vue.computed(() => props.selection !== void 0);
     const selectionModel = core.createSelectionModel({
-      defaultSelected: props.selection ?? [],
+      defaultSelected: props.selection ?? props.defaultSelection ?? [],
       onChange: (keys) => emit("update:selection", keys)
     });
     const selectedKeys = vue.shallowRef(selectionModel.get());
@@ -8953,14 +9399,14 @@ var IrisTable = vue.defineComponent({
     const beginEdit = (row, column, rowIdent) => {
       if (!column.editable) return;
       editingCellId.value = cellId(rowIdent, column.key);
-      const current = getCellValue(row, column);
+      const current = getCellValue2(row, column);
       editingDraft.value = current == null ? "" : String(current);
       editError.value = null;
       void vue.nextTick(() => editorInputRef.value?.focus());
     };
     const commitEdit = (row, column, rowIndex) => {
       if (editingCellId.value === null) return;
-      const oldValue = getCellValue(row, column);
+      const oldValue = getCellValue2(row, column);
       const draft = editingDraft.value;
       const newValue = column.editor === "number" ? draft === "" || Number.isNaN(Number(draft)) ? oldValue : Number(draft) : draft;
       if (column.validate) {
@@ -9001,17 +9447,7 @@ var IrisTable = vue.defineComponent({
       emit("update:columnWidths", next);
     };
     const onHeaderClick = (column) => {
-      if (!column.sortable) return;
-      const current = internalSort.value;
-      let next;
-      if (!current || current.key !== column.key) {
-        next = { key: column.key, direction: "asc" };
-      } else if (current.direction === "asc") {
-        next = { key: column.key, direction: "desc" };
-      } else {
-        next = null;
-      }
-      internalSort.value = next;
+      cycleSort(column);
     };
     const sortIndicator = (col) => {
       if (!col.sortable) return null;
@@ -9585,7 +10021,7 @@ var IrisTable = vue.defineComponent({
               )
             ] : input;
           } else {
-            content = cellSlot?.({ row, index, value: getCellValue(row, col) }) ?? String(getCellValue(row, col) ?? "");
+            content = cellSlot?.({ row, index, value: getCellValue2(row, col) }) ?? String(getCellValue2(row, col) ?? "");
           }
           const treeIndent = treeMeta && ci === 0 ? vue.h(
             "span",
@@ -9831,7 +10267,7 @@ var IrisTable = vue.defineComponent({
           if (visibleColSet.value && !visibleColSet.value.has(ci)) continue;
           const align = col.align ?? "left";
           const op = col.summary;
-          const value = op ? core.aggregate(bodyData.value, (r) => getCellValue(r, col), op) : null;
+          const value = op ? core.aggregate(bodyData.value, (r) => getCellValue2(r, col), op) : null;
           const summaryContent = op != null && value != null ? col.renderSummary ? col.renderSummary(value, bodyData.value) : String(value) : "";
           summaryCells.push(
             vue.h(
@@ -9910,45 +10346,23 @@ var IrisTable = vue.defineComponent({
     };
   }
 });
-var FORMULA_LEAD = /^[=+\-@\t\r]/;
-function neutralizeFormula(text) {
-  return FORMULA_LEAD.test(text) ? `'${text}` : text;
-}
-function csvCell(value) {
-  if (value == null) return "";
-  const isNumber = typeof value === "number" && Number.isFinite(value);
-  const s = isNumber ? String(value) : neutralizeFormula(String(value));
-  if (/[",\r\n]/.test(s)) {
-    return `"${s.replace(/"/g, '""')}"`;
-  }
-  return s;
-}
 function exportCsv(rows, columns) {
-  const header = columns.map((c) => csvCell(c.title)).join(",");
-  const body = rows.map(
-    (row) => columns.map((col) => {
-      const key = col.dataIndex ?? col.key;
-      return csvCell(row[key]);
-    }).join(",")
-  ).join("\n");
-  return body.length > 0 ? `${header}
-${body}` : header;
+  return core.toCsv(
+    rows,
+    columns.map((column) => ({
+      key: column.key,
+      title: column.title,
+      dataIndex: typeof column.dataIndex === "string" ? column.dataIndex : void 0
+    }))
+  );
 }
 async function downloadCsv(filename, csv) {
   const BOM = String.fromCharCode(65279);
-  const content = BOM + csv;
-  if (await core.saveFile({ filename, content, mimeType: "text/csv;charset=utf-8;" })) return;
-  if (typeof document === "undefined") return;
-  const blob = new Blob([content], { type: "text/csv;charset=utf-8;" });
-  const url = URL.createObjectURL(blob);
-  const anchor = document.createElement("a");
-  anchor.href = url;
-  anchor.download = filename;
-  anchor.style.display = "none";
-  document.body.appendChild(anchor);
-  anchor.click();
-  document.body.removeChild(anchor);
-  setTimeout(() => URL.revokeObjectURL(url), 0);
+  await core.downloadFile({
+    filename,
+    content: BOM + csv,
+    mimeType: "text/csv;charset=utf-8;"
+  });
 }
 function exportExcel(rows, columns, options) {
   return core.toSpreadsheetXml(
@@ -9962,20 +10376,11 @@ function exportExcel(rows, columns, options) {
   );
 }
 async function downloadExcel(filename, xml) {
-  if (await core.saveFile({ filename, content: xml, mimeType: "application/vnd.ms-excel" })) {
-    return;
-  }
-  if (typeof document === "undefined") return;
-  const blob = new Blob([xml], { type: "application/vnd.ms-excel" });
-  const url = URL.createObjectURL(blob);
-  const anchor = document.createElement("a");
-  anchor.href = url;
-  anchor.download = filename;
-  anchor.style.display = "none";
-  document.body.appendChild(anchor);
-  anchor.click();
-  document.body.removeChild(anchor);
-  setTimeout(() => URL.revokeObjectURL(url), 0);
+  await core.downloadFile({
+    filename,
+    content: xml,
+    mimeType: "application/vnd.ms-excel;charset=utf-8"
+  });
 }
 
 // src/primitives/tabs/context.ts
@@ -16367,12 +16772,12 @@ function defaultFilter(query, item) {
   if (!q) return 0;
   const haystacks = [item.label, ...item.keywords ?? []].map((s) => s.toLowerCase());
   let best = null;
-  for (const h122 of haystacks) {
+  for (const h123 of haystacks) {
     let qi = 0;
     let lastIdx = -1;
     let score = 0;
-    for (let i = 0; i < h122.length && qi < q.length; i += 1) {
-      if (h122[i] === q[qi]) {
+    for (let i = 0; i < h123.length && qi < q.length; i += 1) {
+      if (h123[i] === q[qi]) {
         score += lastIdx === -1 ? i : i - lastIdx - 1;
         lastIdx = i;
         qi += 1;
@@ -16738,8 +17143,8 @@ var IrisTimePicker = vue.defineComponent({
       if (props.format === "24h") {
         return { h: value.value.hours, m: value.value.minutes };
       }
-      const h122 = value.value.hours % 12 === 0 ? 12 : value.value.hours % 12;
-      return { h: h122, m: value.value.minutes };
+      const h123 = value.value.hours % 12 === 0 ? 12 : value.value.hours % 12;
+      return { h: h123, m: value.value.minutes };
     });
     const emitNew = (next) => {
       emit("update:modelValue", next);
@@ -16755,16 +17160,16 @@ var IrisTimePicker = vue.defineComponent({
     };
     const toggleMeridiem = () => {
       const isPM = meridiem.value === "PM";
-      const h122 = value.value.hours % 12;
-      const newH24 = isPM ? h122 : h122 + 12;
+      const h123 = value.value.hours % 12;
+      const newH24 = isPM ? h123 : h123 + 12;
       emitNew({ hours: newH24, minutes: value.value.minutes });
     };
     const onHoursInput = (e) => {
       const v = parseInt(e.target.value || "0", 10);
       if (Number.isNaN(v)) return;
       if (props.format === "12h") {
-        const h122 = clamp5(v, 1, 12);
-        const wrap = h122 === 12 ? 0 : h122;
+        const h123 = clamp5(v, 1, 12);
+        const wrap = h123 === 12 ? 0 : h123;
         const newH24 = meridiem.value === "PM" ? wrap + 12 : wrap;
         setHours24(newH24);
       } else {
@@ -17947,164 +18352,6 @@ var IrisClickOutside = vue.defineComponent({
     );
   }
 });
-var SORTABLE_ITEM_ATTR = "data-iris-sortable-item";
-var IrisSortable = vue.defineComponent({
-  name: "IrisSortable",
-  inheritAttrs: false,
-  props: {
-    /** The ordered items. Used to detect which item is at which position. */
-    items: {
-      type: Array,
-      required: true
-    },
-    /** Called when the user drops an item in a new position. */
-    onReorder: {
-      type: Function,
-      default: void 0
-    },
-    /** Optional item key getter. Defaults to `String(index)`. */
-    getKey: {
-      type: Function,
-      default: void 0
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    class: {
-      type: String,
-      default: void 0
-    },
-    style: {
-      type: Object,
-      default: void 0
-    }
-  },
-  emits: {
-    reorder: (_next) => true
-  },
-  setup(props, { slots, attrs, emit }) {
-    const containerRef = vue.ref(null);
-    const sortable = core.createSortable();
-    const activeKey = vue.ref(null);
-    const unsub = sortable.subscribe((state) => {
-      activeKey.value = state.activeId;
-    });
-    vue.onBeforeUnmount(unsub);
-    const indexOf = (key) => {
-      const container = containerRef.value;
-      if (!container) return -1;
-      return Array.from(
-        container.querySelectorAll(`[${SORTABLE_ITEM_ATTR}]`)
-      ).findIndex((el) => el.getAttribute(SORTABLE_ITEM_ATTR) === key);
-    };
-    const onPointerDown = (e) => {
-      if (props.disabled) return;
-      const target = e.target.closest(`[${SORTABLE_ITEM_ATTR}]`);
-      if (!target) return;
-      const container = containerRef.value;
-      if (!container) return;
-      const key = target.getAttribute(SORTABLE_ITEM_ATTR) ?? "";
-      const index = indexOf(key);
-      if (index < 0) return;
-      sortable.press(key, e.clientX, e.clientY);
-    };
-    const onPointerMove = (e) => {
-      if (!sortable.isPending() && sortable.getState().activeId === null) return;
-      const items = containerRef.value?.querySelectorAll(`[${SORTABLE_ITEM_ATTR}]`);
-      const rects = Array.from(items ?? []).map((el) => {
-        const rect = el.getBoundingClientRect();
-        return {
-          id: el.getAttribute(SORTABLE_ITEM_ATTR) ?? "",
-          left: rect.left,
-          top: rect.top,
-          width: rect.width,
-          height: rect.height
-        };
-      });
-      sortable.tryStart(e.clientX, e.clientY);
-      if (sortable.getState().activeId !== null) {
-        sortable.moveOver({ x: e.clientX, y: e.clientY }, rects);
-      }
-    };
-    const onPointerUp = () => {
-      const state = sortable.getState();
-      if (state.activeId === null) {
-        sortable.cancel();
-        return;
-      }
-      const result = sortable.end();
-      if (result.activeId && result.overId && result.activeId !== result.overId) {
-        const from = indexOf(result.activeId);
-        const to = indexOf(result.overId);
-        if (from >= 0 && to >= 0) {
-          const next = [...props.items];
-          const [moved] = next.splice(from, 1);
-          next.splice(to, 0, moved);
-          if (props.onReorder) {
-            props.onReorder(next);
-          }
-          emit("reorder", next);
-        }
-      }
-    };
-    const resolveKey = (item, index) => props.getKey ? props.getKey(item, index) : String(index);
-    return () => {
-      const children = [];
-      const defaultSlots = slots.default?.();
-      if (defaultSlots) {
-        const itemsArray = props.items;
-        defaultSlots.forEach((child, index) => {
-          const item = itemsArray[index];
-          const key = resolveKey(item, index);
-          const isDragging = key === activeKey.value;
-          children.push(
-            vue.h(
-              "div",
-              {
-                key,
-                [SORTABLE_ITEM_ATTR]: key,
-                "data-iris-sortable-dragging": isDragging ? "" : void 0,
-                style: {
-                  transition: isDragging ? "none" : "transform 150ms ease",
-                  opacity: isDragging ? 0.4 : 1,
-                  position: "relative",
-                  zIndex: isDragging ? 100 : void 0
-                }
-              },
-              [child]
-            )
-          );
-        });
-      }
-      return vue.h(
-        "div",
-        {
-          ...attrs,
-          ref: (el) => {
-            containerRef.value = el ?? null;
-          },
-          "data-iris-sortable": "",
-          "data-state": activeKey.value ? "dragging" : "idle",
-          class: props.class,
-          style: {
-            display: "flex",
-            flexDirection: "column",
-            gap: "var(--iris-gap-sm, 4px)",
-            opacity: props.disabled ? 0.6 : 1,
-            userSelect: activeKey.value ? "none" : void 0,
-            ...props.style ?? {}
-          },
-          onPointerdown: onPointerDown,
-          onPointermove: onPointerMove,
-          onPointerup: onPointerUp,
-          onPointerleave: onPointerUp
-        },
-        children
-      );
-    };
-  }
-});
 var IrisLongPress = vue.defineComponent({
   name: "IrisLongPress",
   inheritAttrs: false,
@@ -18160,90 +18407,6 @@ var IrisLongPress = vue.defineComponent({
   }
 });
 
-Object.defineProperty(exports, "applyTheme", {
-  enumerable: true,
-  get: function () { return theme.applyTheme; }
-});
-Object.defineProperty(exports, "createThemeStore", {
-  enumerable: true,
-  get: function () { return theme.createThemeStore; }
-});
-Object.defineProperty(exports, "getCssVar", {
-  enumerable: true,
-  get: function () { return theme.getCssVar; }
-});
-Object.defineProperty(exports, "toCssVarName", {
-  enumerable: true,
-  get: function () { return theme.toCssVarName; }
-});
-Object.defineProperty(exports, "SkinResolutionError", {
-  enumerable: true,
-  get: function () { return skins.SkinResolutionError; }
-});
-Object.defineProperty(exports, "applySkin", {
-  enumerable: true,
-  get: function () { return skins.applySkin; }
-});
-Object.defineProperty(exports, "builtinSkins", {
-  enumerable: true,
-  get: function () { return skins.builtinSkins; }
-});
-Object.defineProperty(exports, "createSkinCatalog", {
-  enumerable: true,
-  get: function () { return skins.createSkinCatalog; }
-});
-Object.defineProperty(exports, "createSkinEngine", {
-  enumerable: true,
-  get: function () { return skins.createSkinEngine; }
-});
-Object.defineProperty(exports, "createSkinRegistry", {
-  enumerable: true,
-  get: function () { return skins.createSkinRegistry; }
-});
-Object.defineProperty(exports, "darkSkin", {
-  enumerable: true,
-  get: function () { return skins.darkSkin; }
-});
-Object.defineProperty(exports, "lightSkin", {
-  enumerable: true,
-  get: function () { return skins.lightSkin; }
-});
-Object.defineProperty(exports, "loadSkin", {
-  enumerable: true,
-  get: function () { return skins.loadSkin; }
-});
-Object.defineProperty(exports, "localStorageSkinStorage", {
-  enumerable: true,
-  get: function () { return skins.localStorageSkinStorage; }
-});
-Object.defineProperty(exports, "memorySkinStorage", {
-  enumerable: true,
-  get: function () { return skins.memorySkinStorage; }
-});
-Object.defineProperty(exports, "renderSkinStyle", {
-  enumerable: true,
-  get: function () { return skins.renderSkinStyle; }
-});
-Object.defineProperty(exports, "resolveSkin", {
-  enumerable: true,
-  get: function () { return skins.resolveSkin; }
-});
-Object.defineProperty(exports, "skinBootScript", {
-  enumerable: true,
-  get: function () { return skins.skinBootScript; }
-});
-Object.defineProperty(exports, "skinError", {
-  enumerable: true,
-  get: function () { return skins.skinError; }
-});
-Object.defineProperty(exports, "skinToCssEntries", {
-  enumerable: true,
-  get: function () { return skins.skinToCssEntries; }
-});
-Object.defineProperty(exports, "validateSkin", {
-  enumerable: true,
-  get: function () { return skins.validateSkin; }
-});
 Object.defineProperty(exports, "addDays", {
   enumerable: true,
   get: function () { return core.addDays; }
@@ -18268,6 +18431,10 @@ Object.defineProperty(exports, "composeEventHandlers", {
   enumerable: true,
   get: function () { return core.composeEventHandlers; }
 });
+Object.defineProperty(exports, "createAdminPreferences", {
+  enumerable: true,
+  get: function () { return core.createAdminPreferences; }
+});
 Object.defineProperty(exports, "createClientDataSource", {
   enumerable: true,
   get: function () { return core.createClientDataSource; }
@@ -18308,6 +18475,10 @@ Object.defineProperty(exports, "endOfMonth", {
   enumerable: true,
   get: function () { return core.endOfMonth; }
 });
+Object.defineProperty(exports, "filterNavByAccess", {
+  enumerable: true,
+  get: function () { return core.filterNavByAccess; }
+});
 Object.defineProperty(exports, "findNavNode", {
   enumerable: true,
   get: function () { return core.findNavNode; }
@@ -18376,10 +18547,18 @@ Object.defineProperty(exports, "isSameMonth", {
   enumerable: true,
   get: function () { return core.isSameMonth; }
 });
+Object.defineProperty(exports, "localStorageAdminPreferencesStorage", {
+  enumerable: true,
+  get: function () { return core.localStorageAdminPreferencesStorage; }
+});
 Object.defineProperty(exports, "mergeProps", {
   enumerable: true,
   get: function () { return core.mergeProps; }
 });
+Object.defineProperty(exports, "nodeAllowsRoles", {
+  enumerable: true,
+  get: function () { return core.nodeAllowsRoles; }
+});
 Object.defineProperty(exports, "rgbToHex", {
   enumerable: true,
   get: function () { return core.rgbToHex; }
@@ -18404,6 +18583,90 @@ Object.defineProperty(exports, "visibleNav", {
   enumerable: true,
   get: function () { return core.visibleNav; }
 });
+Object.defineProperty(exports, "applyTheme", {
+  enumerable: true,
+  get: function () { return theme.applyTheme; }
+});
+Object.defineProperty(exports, "createThemeStore", {
+  enumerable: true,
+  get: function () { return theme.createThemeStore; }
+});
+Object.defineProperty(exports, "getCssVar", {
+  enumerable: true,
+  get: function () { return theme.getCssVar; }
+});
+Object.defineProperty(exports, "toCssVarName", {
+  enumerable: true,
+  get: function () { return theme.toCssVarName; }
+});
+Object.defineProperty(exports, "SkinResolutionError", {
+  enumerable: true,
+  get: function () { return skins.SkinResolutionError; }
+});
+Object.defineProperty(exports, "applySkin", {
+  enumerable: true,
+  get: function () { return skins.applySkin; }
+});
+Object.defineProperty(exports, "builtinSkins", {
+  enumerable: true,
+  get: function () { return skins.builtinSkins; }
+});
+Object.defineProperty(exports, "createSkinCatalog", {
+  enumerable: true,
+  get: function () { return skins.createSkinCatalog; }
+});
+Object.defineProperty(exports, "createSkinEngine", {
+  enumerable: true,
+  get: function () { return skins.createSkinEngine; }
+});
+Object.defineProperty(exports, "createSkinRegistry", {
+  enumerable: true,
+  get: function () { return skins.createSkinRegistry; }
+});
+Object.defineProperty(exports, "darkSkin", {
+  enumerable: true,
+  get: function () { return skins.darkSkin; }
+});
+Object.defineProperty(exports, "lightSkin", {
+  enumerable: true,
+  get: function () { return skins.lightSkin; }
+});
+Object.defineProperty(exports, "loadSkin", {
+  enumerable: true,
+  get: function () { return skins.loadSkin; }
+});
+Object.defineProperty(exports, "localStorageSkinStorage", {
+  enumerable: true,
+  get: function () { return skins.localStorageSkinStorage; }
+});
+Object.defineProperty(exports, "memorySkinStorage", {
+  enumerable: true,
+  get: function () { return skins.memorySkinStorage; }
+});
+Object.defineProperty(exports, "renderSkinStyle", {
+  enumerable: true,
+  get: function () { return skins.renderSkinStyle; }
+});
+Object.defineProperty(exports, "resolveSkin", {
+  enumerable: true,
+  get: function () { return skins.resolveSkin; }
+});
+Object.defineProperty(exports, "skinBootScript", {
+  enumerable: true,
+  get: function () { return skins.skinBootScript; }
+});
+Object.defineProperty(exports, "skinError", {
+  enumerable: true,
+  get: function () { return skins.skinError; }
+});
+Object.defineProperty(exports, "skinToCssEntries", {
+  enumerable: true,
+  get: function () { return skins.skinToCssEntries; }
+});
+Object.defineProperty(exports, "validateSkin", {
+  enumerable: true,
+  get: function () { return skins.validateSkin; }
+});
 Object.defineProperty(exports, "createIconRegistry", {
   enumerable: true,
   get: function () { return icons.createIconRegistry; }
@@ -18637,6 +18900,7 @@ exports.installDataStateStyles = installDataStateStyles;
 exports.mergeSlotProps = mergeSlotProps;
 exports.pushToast = pushToast;
 exports.subscribeToasts = subscribeToasts;
+exports.useAdminPreferences = useAdminPreferences;
 exports.useAdminShell = useAdminShell;
 exports.useAsyncResource = useAsyncResource;
 exports.useBodyScrollLock = useBodyScrollLock;
@@ -18645,6 +18909,7 @@ exports.useDataSource = useDataSource;
 exports.useDataState = useDataState;
 exports.useDirection = useDirection;
 exports.useDismiss = useDismiss;
+exports.useDisposableScope = useDisposableScope;
 exports.useDrag = useDrag;
 exports.useField = useField;
 exports.useFieldArray = useFieldArray;
@@ -18659,6 +18924,8 @@ exports.usePaginatedResource = usePaginatedResource;
 exports.usePlugin = usePlugin;
 exports.usePluginStore = usePluginStore;
 exports.usePrefersReducedMotion = usePrefersReducedMotion;
+exports.useReconnectingSource = useReconnectingSource;
+exports.useResilientFetcher = useResilientFetcher;
 exports.useResourceController = useResourceController;
 exports.useSkin = useSkin;
 exports.useSkinContext = useSkinContext;