@salt-ds/core 1.60.0 → 1.62.0

package/dist-cjs/tabs/internal/registry/useCollection.js

@@ -0,0 +1,197 @@
+'use strict';
+
+var React = require('react');
+
+function sortBasedOnDOMPosition(items) {
+  const indexedItems = items.map((item, index) => [index, item]);
+  let orderChanged = false;
+  indexedItems.sort(([itemAIndex, itemA], [itemBIndex, itemB]) => {
+    if (itemA.order != null && itemA.order >= 0 && itemB.order != null && itemB.order >= 0 && itemA.order !== itemB.order) {
+      if (itemA.order < itemB.order && itemAIndex > itemBIndex || itemA.order > itemB.order && itemAIndex < itemBIndex) {
+        orderChanged = true;
+      }
+      return itemA.order - itemB.order;
+    }
+    const itemAElement = itemA.element;
+    const itemBElement = itemB.element;
+    if (itemAElement === itemBElement) return 0;
+    if (!itemAElement || !itemBElement) return 0;
+    const pos = itemAElement.compareDocumentPosition(itemBElement);
+    if (pos & Node.DOCUMENT_POSITION_DISCONNECTED) return 0;
+    if (pos & Node.DOCUMENT_POSITION_FOLLOWING) {
+      if (itemAIndex > itemBIndex) {
+        orderChanged = true;
+      }
+      return -1;
+    }
+    if (itemAIndex < itemBIndex) {
+      orderChanged = true;
+    }
+    return 1;
+  });
+  if (orderChanged) {
+    return indexedItems.map(([_, item]) => item);
+  }
+  return items;
+}
+function useCollection({ wrap, targetWindow }) {
+  const itemsRef = React.useRef([]);
+  const itemMap = React.useRef(/* @__PURE__ */ new Map());
+  const removedItems = React.useRef(/* @__PURE__ */ new Map());
+  const [removalVersion, setRemovalVersion] = React.useState(0);
+  const getOrderedItems = React.useCallback(() => {
+    return sortBasedOnDOMPosition(Array.from(itemMap.current.values()));
+  }, []);
+  const getNavigableItems = React.useCallback(() => {
+    return getOrderedItems().filter((item) => {
+      if (item.location === "hidden") {
+        return false;
+      }
+      return !!item.element;
+    });
+  }, [getOrderedItems]);
+  const sortItems = React.useCallback(() => {
+    itemsRef.current = getOrderedItems();
+  }, [getOrderedItems]);
+  const getRemovedItems = React.useCallback(() => {
+    const items = new Map(removedItems.current);
+    removedItems.current.clear();
+    return items;
+  }, []);
+  const rafId = React.useRef(null);
+  const scheduleSort = React.useCallback(() => {
+    if (!(targetWindow == null ? void 0 : targetWindow.requestAnimationFrame)) {
+      sortItems();
+      return;
+    }
+    if (rafId.current != null) {
+      targetWindow.cancelAnimationFrame(rafId.current);
+    }
+    rafId.current = targetWindow.requestAnimationFrame(() => {
+      rafId.current = null;
+      sortItems();
+    });
+  }, [sortItems, targetWindow]);
+  const registerItem = React.useCallback(
+    (item) => {
+      itemMap.current.set(item.id, item);
+      removedItems.current.delete(item.id);
+      scheduleSort();
+      return () => {
+        const currentItems = getOrderedItems();
+        const currentItem = itemMap.current.get(item.id) ?? item;
+        const staleIndex = currentItems.findIndex(({ id }) => id === item.id);
+        removedItems.current.set(item.id, {
+          ...currentItem,
+          staleIndex
+        });
+        itemsRef.current = currentItems.filter(({ id }) => id !== item.id);
+        itemMap.current.delete(item.id);
+        setRemovalVersion((currentVersion) => currentVersion + 1);
+      };
+    },
+    [getOrderedItems, scheduleSort]
+  );
+  const updateItem = React.useCallback(
+    (id, updates) => {
+      const currentItem = itemMap.current.get(id);
+      if (!currentItem) {
+        return;
+      }
+      let changed = false;
+      const nextItem = { ...currentItem };
+      for (const [key, nextValue] of Object.entries(updates)) {
+        const typedKey = key;
+        if (nextItem[typedKey] !== nextValue) {
+          changed = true;
+          nextItem[typedKey] = nextValue;
+        }
+      }
+      if (!changed) {
+        return;
+      }
+      itemMap.current.set(id, nextItem);
+      itemsRef.current = itemsRef.current.map((item) => {
+        if (item.id !== id) {
+          return item;
+        }
+        return nextItem;
+      });
+      scheduleSort();
+    },
+    [scheduleSort]
+  );
+  React.useEffect(() => {
+    return () => {
+      if (rafId.current != null && targetWindow) {
+        targetWindow.cancelAnimationFrame(rafId.current);
+      }
+    };
+  }, [targetWindow]);
+  return {
+    registerItem,
+    item: React.useCallback((id) => {
+      if (!id) return null;
+      let item = itemMap.current.get(id);
+      if (!item) {
+        item = itemsRef.current.find((item2) => item2.id === id);
+        if (item) {
+          itemMap.current.set(item.id, item);
+        }
+      }
+      return item ?? null;
+    }, []),
+    getNext: React.useCallback(
+      (current) => {
+        const items = getNavigableItems();
+        if (items.length === 0) return null;
+        const index = items.findIndex(({ id }) => id === current);
+        if (index === -1) {
+          return items[0] ;
+        }
+        const newIndex = (index + 1) % items.length ;
+        return items[newIndex] ?? null;
+      },
+      [getNavigableItems, wrap]
+    ),
+    getPrevious: React.useCallback(
+      (current) => {
+        const items = getNavigableItems();
+        if (items.length === 0) return null;
+        const index = items.findIndex(({ id }) => id === current);
+        if (index === -1) {
+          return items[items.length - 1] ;
+        }
+        const newIndex = (index - 1 + items.length) % items.length ;
+        return items[newIndex] ?? null;
+      },
+      [getNavigableItems, wrap]
+    ),
+    getFirst: React.useCallback(() => {
+      return getNavigableItems()[0] ?? null;
+    }, [getNavigableItems]),
+    getLast: React.useCallback(() => {
+      const items = getNavigableItems();
+      return items[items.length - 1] ?? null;
+    }, [getNavigableItems]),
+    getIndex: React.useCallback(
+      (current) => {
+        return getNavigableItems().findIndex(({ id }) => id === current);
+      },
+      [getNavigableItems]
+    ),
+    itemAt: React.useCallback(
+      (index) => {
+        return getNavigableItems()[index] ?? null;
+      },
+      [getNavigableItems]
+    ),
+    updateItem,
+    getRemovedItems,
+    removalVersion,
+    sortItems
+  };
+}
+
+exports.useCollection = useCollection;
+//# sourceMappingURL=useCollection.js.map

package/dist-cjs/tabs/internal/registry/useCollection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCollection.js","sources":["../src/tabs/internal/registry/useCollection.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from \"react\";\n\nexport interface Item {\n  id: string;\n  element?: HTMLElement | null;\n  value: string;\n  location?: \"hidden\" | \"main\" | \"overflow\";\n  order?: number;\n  stale?: boolean;\n}\n\ninterface StaleItem extends Item {\n  staleIndex?: number;\n}\n\nfunction sortBasedOnDOMPosition(items: Item[]): Item[] {\n  const indexedItems = items.map((item, index) => [index, item] as const);\n  let orderChanged = false;\n  indexedItems.sort(([itemAIndex, itemA], [itemBIndex, itemB]) => {\n    if (\n      itemA.order != null &&\n      itemA.order >= 0 &&\n      itemB.order != null &&\n      itemB.order >= 0 &&\n      itemA.order !== itemB.order\n    ) {\n      if (\n        (itemA.order < itemB.order && itemAIndex > itemBIndex) ||\n        (itemA.order > itemB.order && itemAIndex < itemBIndex)\n      ) {\n        orderChanged = true;\n      }\n      return itemA.order - itemB.order;\n    }\n\n    const itemAElement = itemA.element;\n    const itemBElement = itemB.element;\n    if (itemAElement === itemBElement) return 0;\n    if (!itemAElement || !itemBElement) return 0;\n\n    const pos = itemAElement.compareDocumentPosition(itemBElement);\n    if (pos & Node.DOCUMENT_POSITION_DISCONNECTED) return 0;\n\n    if (pos & Node.DOCUMENT_POSITION_FOLLOWING) {\n      if (itemAIndex > itemBIndex) {\n        orderChanged = true;\n      }\n      return -1;\n    }\n\n    if (itemAIndex < itemBIndex) {\n      orderChanged = true;\n    }\n    return 1;\n  });\n\n  if (orderChanged) {\n    return indexedItems.map(([_, item]) => item);\n  }\n  return items;\n}\n\ninterface UseCollectionProps {\n  targetWindow: Window | null | undefined;\n  wrap: boolean;\n}\n\nexport function useCollection({ wrap, targetWindow }: UseCollectionProps) {\n  const itemsRef = useRef<Item[]>([]);\n  const itemMap = useRef<Map<string, Item>>(new Map());\n  const removedItems = useRef<Map<string, StaleItem>>(new Map());\n  const [removalVersion, setRemovalVersion] = useState(0);\n\n  const getOrderedItems = useCallback(() => {\n    return sortBasedOnDOMPosition(Array.from(itemMap.current.values()));\n  }, []);\n\n  const getNavigableItems = useCallback(() => {\n    return getOrderedItems().filter((item) => {\n      if (item.location === \"hidden\") {\n        return false;\n      }\n\n      return !!item.element;\n    });\n  }, [getOrderedItems]);\n\n  const sortItems = useCallback(() => {\n    itemsRef.current = getOrderedItems();\n  }, [getOrderedItems]);\n\n  const getRemovedItems = useCallback(() => {\n    const items = new Map(removedItems.current);\n    removedItems.current.clear();\n\n    return items;\n  }, []);\n\n  const rafId = useRef<number | null>(null);\n\n  const scheduleSort = useCallback(() => {\n    if (!targetWindow?.requestAnimationFrame) {\n      sortItems();\n      return;\n    }\n\n    if (rafId.current != null) {\n      targetWindow.cancelAnimationFrame(rafId.current);\n    }\n\n    rafId.current = targetWindow.requestAnimationFrame(() => {\n      rafId.current = null;\n      sortItems();\n    });\n  }, [sortItems, targetWindow]);\n\n  const registerItem = useCallback(\n    (item: Item) => {\n      itemMap.current.set(item.id, item);\n      removedItems.current.delete(item.id);\n      scheduleSort();\n\n      return () => {\n        const currentItems = getOrderedItems();\n        const currentItem = itemMap.current.get(item.id) ?? item;\n        const staleIndex = currentItems.findIndex(({ id }) => id === item.id);\n\n        removedItems.current.set(item.id, {\n          ...currentItem,\n          staleIndex,\n        });\n\n        itemsRef.current = currentItems.filter(({ id }) => id !== item.id);\n        itemMap.current.delete(item.id);\n        setRemovalVersion((currentVersion) => currentVersion + 1);\n      };\n    },\n    [getOrderedItems, scheduleSort],\n  );\n\n  const updateItem = useCallback(\n    (id: string, updates: Partial<Omit<Item, \"id\" | \"value\">>) => {\n      const currentItem = itemMap.current.get(id);\n      if (!currentItem) {\n        return;\n      }\n\n      let changed = false;\n      const nextItem = { ...currentItem };\n\n      for (const [key, nextValue] of Object.entries(updates)) {\n        const typedKey = key as keyof Omit<Item, \"id\" | \"value\">;\n        if (nextItem[typedKey] !== nextValue) {\n          changed = true;\n          nextItem[typedKey] = nextValue as never;\n        }\n      }\n\n      if (!changed) {\n        return;\n      }\n\n      itemMap.current.set(id, nextItem);\n      itemsRef.current = itemsRef.current.map((item) => {\n        if (item.id !== id) {\n          return item;\n        }\n\n        return nextItem;\n      });\n      scheduleSort();\n    },\n    [scheduleSort],\n  );\n\n  useEffect(() => {\n    return () => {\n      if (rafId.current != null && targetWindow) {\n        targetWindow.cancelAnimationFrame(rafId.current);\n      }\n    };\n  }, [targetWindow]);\n\n  return {\n    registerItem,\n    item: useCallback((id?: string | null): Item | null => {\n      if (!id) return null;\n      let item = itemMap.current.get(id);\n      if (!item) {\n        item = itemsRef.current.find((item) => item.id === id);\n        if (item) {\n          itemMap.current.set(item.id, item);\n        }\n      }\n      return item ?? null;\n    }, []),\n    getNext: useCallback(\n      (current: string): Item | null => {\n        const items = getNavigableItems();\n        if (items.length === 0) return null;\n\n        const index = items.findIndex(({ id }) => id === current);\n\n        if (index === -1) {\n          return wrap ? items[0] : null;\n        }\n\n        const newIndex = wrap\n          ? (index + 1) % items.length\n          : Math.min(index + 1, items.length - 1);\n\n        return items[newIndex] ?? null;\n      },\n      [getNavigableItems, wrap],\n    ),\n    getPrevious: useCallback(\n      (current: string): Item | null => {\n        const items = getNavigableItems();\n        if (items.length === 0) return null;\n\n        const index = items.findIndex(({ id }) => id === current);\n\n        if (index === -1) {\n          return wrap ? items[items.length - 1] : null;\n        }\n\n        const newIndex = wrap\n          ? (index - 1 + items.length) % items.length\n          : Math.max(index - 1, 0);\n\n        return items[newIndex] ?? null;\n      },\n      [getNavigableItems, wrap],\n    ),\n    getFirst: useCallback((): Item | null => {\n      return getNavigableItems()[0] ?? null;\n    }, [getNavigableItems]),\n    getLast: useCallback((): Item | null => {\n      const items = getNavigableItems();\n      return items[items.length - 1] ?? null;\n    }, [getNavigableItems]),\n    getIndex: useCallback(\n      (current: string): number => {\n        return getNavigableItems().findIndex(({ id }) => id === current);\n      },\n      [getNavigableItems],\n    ),\n    itemAt: useCallback(\n      (index: number): Item | null => {\n        return getNavigableItems()[index] ?? null;\n      },\n      [getNavigableItems],\n    ),\n    updateItem,\n    getRemovedItems,\n    removalVersion,\n    sortItems,\n  };\n}\n"],"names":["useRef","useState","useCallback","useEffect","item"],"mappings":"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"}

package/dist-cjs/tabs/internal/registry/useRenderedTabsRegistry.js

@@ -0,0 +1,206 @@
+'use strict';
+
+var React = require('react');
+require('clsx');
+require('react/jsx-runtime');
+var useIsomorphicLayoutEffect = require('../../../utils/useIsomorphicLayoutEffect.js');
+require('../../../utils/useFloatingUI/useFloatingUI.js');
+require('../../../utils/useId.js');
+require('../../../salt-provider/SaltProvider.js');
+require('../../../viewport/ViewportProvider.js');
+var widthMeasurement = require('../overflow/widthMeasurement.js');
+
+function sortRenderedTabs(tabs) {
+  return [...tabs].sort((tabA, tabB) => {
+    if (tabA.marker === tabB.marker) {
+      return 0;
+    }
+    if (!tabA.marker || !tabB.marker) {
+      return 0;
+    }
+    const position = tabA.marker.compareDocumentPosition(tabB.marker);
+    if (position & Node.DOCUMENT_POSITION_FOLLOWING) {
+      return -1;
+    }
+    if (position & Node.DOCUMENT_POSITION_PRECEDING) {
+      return 1;
+    }
+    return 0;
+  });
+}
+function useRenderedTabsRegistry() {
+  const [renderedTabMap, setRenderedTabMap] = React.useState(
+    () => /* @__PURE__ */ new Map()
+  );
+  const [renderMode, setRenderMode] = React.useState("inline");
+  const [bootstrapTabs, setBootstrapTabs] = React.useState(() => /* @__PURE__ */ new Set());
+  const [readyBootstrapTabs, setReadyBootstrapTabs] = React.useState(
+    () => /* @__PURE__ */ new Set()
+  );
+  const [bootstrapOverflowReady, setBootstrapOverflowReadyState] = React.useState(false);
+  const registerBootstrapTab = React.useCallback((tabValue) => {
+    setBootstrapTabs((currentTabs) => {
+      if (currentTabs.has(tabValue)) {
+        return currentTabs;
+      }
+      const nextTabs = new Set(currentTabs);
+      nextTabs.add(tabValue);
+      return nextTabs;
+    });
+    return () => {
+      setBootstrapTabs((currentTabs) => {
+        if (!currentTabs.has(tabValue)) {
+          return currentTabs;
+        }
+        const nextTabs = new Set(currentTabs);
+        nextTabs.delete(tabValue);
+        return nextTabs;
+      });
+      setReadyBootstrapTabs((currentTabs) => {
+        if (!currentTabs.has(tabValue)) {
+          return currentTabs;
+        }
+        const nextTabs = new Set(currentTabs);
+        nextTabs.delete(tabValue);
+        return nextTabs;
+      });
+    };
+  }, []);
+  const setBootstrapTabReady = React.useCallback(
+    (tabValue, ready) => {
+      setReadyBootstrapTabs((currentTabs) => {
+        const hasTab = currentTabs.has(tabValue);
+        if (ready === hasTab) {
+          return currentTabs;
+        }
+        const nextTabs = new Set(currentTabs);
+        if (ready) {
+          nextTabs.add(tabValue);
+        } else {
+          nextTabs.delete(tabValue);
+        }
+        return nextTabs;
+      });
+    },
+    []
+  );
+  const setBootstrapOverflowReady = React.useCallback((ready) => {
+    setBootstrapOverflowReadyState((currentReady) => {
+      if (currentReady === ready) {
+        return currentReady;
+      }
+      return ready;
+    });
+  }, []);
+  useIsomorphicLayoutEffect.useIsomorphicLayoutEffect(() => {
+    if (renderMode === "portal" || bootstrapTabs.size < 1) {
+      return;
+    }
+    if (!bootstrapOverflowReady) {
+      return;
+    }
+    for (const tabValue of bootstrapTabs) {
+      if (!readyBootstrapTabs.has(tabValue)) {
+        return;
+      }
+      const renderedTab = renderedTabMap.get(tabValue);
+      if (!renderedTab || widthMeasurement.getMeasuredWidth(renderedTab.root) <= 0) {
+        return;
+      }
+    }
+    setRenderMode("portal");
+  }, [
+    bootstrapOverflowReady,
+    bootstrapTabs,
+    readyBootstrapTabs,
+    renderMode,
+    renderedTabMap
+  ]);
+  const registerRenderedTab = React.useCallback((tab) => {
+    setRenderedTabMap((map) => {
+      const existing = map.get(tab.value);
+      if (process.env.NODE_ENV !== "production" && existing && existing.id !== tab.id) {
+        console.warn(
+          `Tabs received duplicate tab value "${tab.value}". Tab values must be unique within a Tabs instance.`
+        );
+      }
+      if (existing === tab) {
+        return map;
+      }
+      const next = new Map(map);
+      next.set(tab.value, tab);
+      return next;
+    });
+    return () => {
+      setRenderedTabMap((map) => {
+        const existing = map.get(tab.value);
+        if (!existing || existing.id !== tab.id) {
+          return map;
+        }
+        const next = new Map(map);
+        next.delete(tab.value);
+        return next;
+      });
+    };
+  }, []);
+  const updateRenderedTab = React.useCallback(
+    (value, updates) => {
+      setRenderedTabMap((map) => {
+        const existing = map.get(value);
+        if (!existing) {
+          return map;
+        }
+        let changed = false;
+        const nextRecord = { ...existing };
+        for (const [key, nextValue] of Object.entries(updates)) {
+          const typedKey = key;
+          if (nextRecord[typedKey] !== nextValue) {
+            changed = true;
+            nextRecord[typedKey] = nextValue;
+          }
+        }
+        if (!changed) {
+          return map;
+        }
+        const next = new Map(map);
+        next.set(value, nextRecord);
+        return next;
+      });
+    },
+    []
+  );
+  const getRenderedTab = React.useCallback(
+    (value) => {
+      return renderedTabMap.get(value);
+    },
+    [renderedTabMap]
+  );
+  const renderedTabs = React.useMemo(() => {
+    return sortRenderedTabs(Array.from(renderedTabMap.values()));
+  }, [renderedTabMap]);
+  const renderedTabOrderMap = React.useMemo(() => {
+    return new Map(
+      renderedTabs.map((tab, index) => [tab.value, index])
+    );
+  }, [renderedTabs]);
+  const getRenderedTabOrder = React.useCallback(
+    (value) => {
+      return renderedTabOrderMap.get(value) ?? -1;
+    },
+    [renderedTabOrderMap]
+  );
+  return {
+    renderMode,
+    registerBootstrapTab,
+    setBootstrapTabReady,
+    setBootstrapOverflowReady,
+    registerRenderedTab,
+    updateRenderedTab,
+    getRenderedTab,
+    getRenderedTabOrder,
+    renderedTabs
+  };
+}
+
+exports.useRenderedTabsRegistry = useRenderedTabsRegistry;
+//# sourceMappingURL=useRenderedTabsRegistry.js.map

package/dist-cjs/tabs/internal/registry/useRenderedTabsRegistry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRenderedTabsRegistry.js","sources":["../src/tabs/internal/registry/useRenderedTabsRegistry.ts"],"sourcesContent":["import { useCallback, useMemo, useState } from \"react\";\nimport { useIsomorphicLayoutEffect } from \"../../../utils\";\nimport type { RenderedTab, TabsRenderMode } from \"../contexts/TabsContext\";\nimport { getMeasuredWidth } from \"../overflow/widthMeasurement\";\n\nfunction sortRenderedTabs(tabs: RenderedTab[]) {\n  return [...tabs].sort((tabA, tabB) => {\n    if (tabA.marker === tabB.marker) {\n      return 0;\n    }\n    if (!tabA.marker || !tabB.marker) {\n      return 0;\n    }\n\n    const position = tabA.marker.compareDocumentPosition(tabB.marker);\n    if (position & Node.DOCUMENT_POSITION_FOLLOWING) {\n      return -1;\n    }\n    if (position & Node.DOCUMENT_POSITION_PRECEDING) {\n      return 1;\n    }\n    return 0;\n  });\n}\n\nexport function useRenderedTabsRegistry() {\n  const [renderedTabMap, setRenderedTabMap] = useState(\n    () => new Map<string, RenderedTab>(),\n  );\n  const [renderMode, setRenderMode] = useState<TabsRenderMode>(\"inline\");\n  const [bootstrapTabs, setBootstrapTabs] = useState(() => new Set<string>());\n  const [readyBootstrapTabs, setReadyBootstrapTabs] = useState(\n    () => new Set<string>(),\n  );\n  const [bootstrapOverflowReady, setBootstrapOverflowReadyState] =\n    useState(false);\n\n  const registerBootstrapTab = useCallback((tabValue: string) => {\n    setBootstrapTabs((currentTabs) => {\n      if (currentTabs.has(tabValue)) {\n        return currentTabs;\n      }\n\n      const nextTabs = new Set(currentTabs);\n      nextTabs.add(tabValue);\n      return nextTabs;\n    });\n\n    return () => {\n      setBootstrapTabs((currentTabs) => {\n        if (!currentTabs.has(tabValue)) {\n          return currentTabs;\n        }\n\n        const nextTabs = new Set(currentTabs);\n        nextTabs.delete(tabValue);\n        return nextTabs;\n      });\n      setReadyBootstrapTabs((currentTabs) => {\n        if (!currentTabs.has(tabValue)) {\n          return currentTabs;\n        }\n\n        const nextTabs = new Set(currentTabs);\n        nextTabs.delete(tabValue);\n        return nextTabs;\n      });\n    };\n  }, []);\n\n  const setBootstrapTabReady = useCallback(\n    (tabValue: string, ready: boolean) => {\n      setReadyBootstrapTabs((currentTabs) => {\n        const hasTab = currentTabs.has(tabValue);\n        if (ready === hasTab) {\n          return currentTabs;\n        }\n\n        const nextTabs = new Set(currentTabs);\n        if (ready) {\n          nextTabs.add(tabValue);\n        } else {\n          nextTabs.delete(tabValue);\n        }\n        return nextTabs;\n      });\n    },\n    [],\n  );\n\n  const setBootstrapOverflowReady = useCallback((ready: boolean) => {\n    setBootstrapOverflowReadyState((currentReady) => {\n      if (currentReady === ready) {\n        return currentReady;\n      }\n\n      return ready;\n    });\n  }, []);\n\n  useIsomorphicLayoutEffect(() => {\n    if (renderMode === \"portal\" || bootstrapTabs.size < 1) {\n      return;\n    }\n\n    if (!bootstrapOverflowReady) {\n      return;\n    }\n\n    for (const tabValue of bootstrapTabs) {\n      if (!readyBootstrapTabs.has(tabValue)) {\n        return;\n      }\n\n      const renderedTab = renderedTabMap.get(tabValue);\n      if (!renderedTab || getMeasuredWidth(renderedTab.root) <= 0) {\n        return;\n      }\n    }\n\n    setRenderMode(\"portal\");\n  }, [\n    bootstrapOverflowReady,\n    bootstrapTabs,\n    readyBootstrapTabs,\n    renderMode,\n    renderedTabMap,\n  ]);\n\n  const registerRenderedTab = useCallback((tab: RenderedTab) => {\n    setRenderedTabMap((map) => {\n      const existing = map.get(tab.value);\n      if (\n        process.env.NODE_ENV !== \"production\" &&\n        existing &&\n        existing.id !== tab.id\n      ) {\n        console.warn(\n          `Tabs received duplicate tab value \"${tab.value}\". Tab values must be unique within a Tabs instance.`,\n        );\n      }\n\n      if (existing === tab) {\n        return map;\n      }\n\n      const next = new Map(map);\n      next.set(tab.value, tab);\n      return next;\n    });\n\n    return () => {\n      setRenderedTabMap((map) => {\n        const existing = map.get(tab.value);\n        if (!existing || existing.id !== tab.id) {\n          return map;\n        }\n\n        const next = new Map(map);\n        next.delete(tab.value);\n        return next;\n      });\n    };\n  }, []);\n\n  const updateRenderedTab = useCallback(\n    (value: string, updates: Partial<Omit<RenderedTab, \"value\">>) => {\n      setRenderedTabMap((map) => {\n        const existing = map.get(value);\n        if (!existing) {\n          return map;\n        }\n\n        let changed = false;\n        const nextRecord = { ...existing };\n        for (const [key, nextValue] of Object.entries(updates)) {\n          const typedKey = key as keyof Omit<RenderedTab, \"value\">;\n          if (nextRecord[typedKey] !== nextValue) {\n            changed = true;\n            nextRecord[typedKey] = nextValue as never;\n          }\n        }\n\n        if (!changed) {\n          return map;\n        }\n\n        const next = new Map(map);\n        next.set(value, nextRecord);\n        return next;\n      });\n    },\n    [],\n  );\n\n  const getRenderedTab = useCallback(\n    (value: string) => {\n      return renderedTabMap.get(value);\n    },\n    [renderedTabMap],\n  );\n\n  const renderedTabs = useMemo(() => {\n    return sortRenderedTabs(Array.from(renderedTabMap.values()));\n  }, [renderedTabMap]);\n\n  const renderedTabOrderMap = useMemo(() => {\n    return new Map(\n      renderedTabs.map((tab, index) => [tab.value, index] as const),\n    );\n  }, [renderedTabs]);\n\n  const getRenderedTabOrder = useCallback(\n    (value: string) => {\n      return renderedTabOrderMap.get(value) ?? -1;\n    },\n    [renderedTabOrderMap],\n  );\n\n  return {\n    renderMode,\n    registerBootstrapTab,\n    setBootstrapTabReady,\n    setBootstrapOverflowReady,\n    registerRenderedTab,\n    updateRenderedTab,\n    getRenderedTab,\n    getRenderedTabOrder,\n    renderedTabs,\n  };\n}\n"],"names":["useState","useCallback","useIsomorphicLayoutEffect","getMeasuredWidth","useMemo"],"mappings":"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"}

package/dist-cjs/tabs/internal/utils/domUtils.js

@@ -0,0 +1,13 @@
+'use strict';
+
+function isHTMLElement(node) {
+  if (!node || typeof node !== "object") {
+    return false;
+  }
+  const ownerDocument = node.ownerDocument;
+  const defaultView = ownerDocument == null ? void 0 : ownerDocument.defaultView;
+  return !!defaultView && node instanceof defaultView.HTMLElement;
+}
+
+exports.isHTMLElement = isHTMLElement;
+//# sourceMappingURL=domUtils.js.map

package/dist-cjs/tabs/internal/utils/domUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"domUtils.js","sources":["../src/tabs/internal/utils/domUtils.ts"],"sourcesContent":["export function isHTMLElement(node: unknown): node is HTMLElement {\n  if (!node || typeof node !== \"object\") {\n    return false;\n  }\n\n  const ownerDocument = (node as { ownerDocument?: Document | null })\n    .ownerDocument;\n  const defaultView = ownerDocument?.defaultView;\n\n  return !!defaultView && node instanceof defaultView.HTMLElement;\n}\n"],"names":[],"mappings":";;AAAO,SAAS,cAAc,IAAA,EAAoC;AAChE,EAAA,IAAI,CAAC,IAAA,IAAQ,OAAO,IAAA,KAAS,QAAA,EAAU;AACrC,IAAA,OAAO,KAAA;AAAA,EACT;AAEA,EAAA,MAAM,gBAAiB,IAAA,CACpB,aAAA;AACH,EAAA,MAAM,cAAc,aAAA,IAAA,IAAA,GAAA,MAAA,GAAA,aAAA,CAAe,WAAA;AAEnC,EAAA,OAAO,CAAC,CAAC,WAAA,IAAe,IAAA,YAAgB,WAAA,CAAY,WAAA;AACtD;;;;"}

package/dist-es/index.js

@@ -88,10 +88,19 @@ export { LinearProgress } from './progress/LinearProgress/LinearProgress.js';
 export { RadioButton } from './radio-button/RadioButton.js';
 export { RadioButtonGroup } from './radio-button/RadioButtonGroup.js';
 export { RadioButtonIcon } from './radio-button/RadioButtonIcon.js';
+export { Rating } from './rating/Rating.js';
 export { BreakpointContext, DEFAULT_DENSITY, DensityContext, SaltProvider, SaltProviderNext, ThemeContext, UNSTABLE_SaltProviderNext, useBreakpoints, useDensity, useTheme } from './salt-provider/SaltProvider.js';
 export { Scrim } from './scrim/Scrim.js';
 export { SegmentedButtonGroup } from './segmented-button-group/SegmentedButtonGroup.js';
 export { SemanticIconProvider, useIcon } from './semantic-icon-provider/SemanticIconProvider.js';
+export { SidePanel } from './side-panel/SidePanel.js';
+export { SidePanelCloseButton } from './side-panel/SidePanelCloseButton.js';
+export { SidePanelContent } from './side-panel/SidePanelContent.js';
+export { SidePanelHeader } from './side-panel/SidePanelHeader.js';
+export { SidePanelProvider } from './side-panel/SidePanelProvider.js';
+export { SidePanelTitle } from './side-panel/SidePanelTitle.js';
+export { SidePanelTrigger } from './side-panel/SidePanelTrigger.js';
+export { useSidePanel } from './side-panel/useSidePanel.js';
 export { SkipLink } from './skip-link/SkipLink.js';
 export { RangeSlider } from './slider/RangeSlider.js';
 export { Slider } from './slider/Slider.js';
@@ -112,6 +121,13 @@ export { TFoot } from './table/TFoot.js';
 export { TH } from './table/TH.js';
 export { THead } from './table/THead.js';
 export { TR } from './table/TR.js';
+export { Tab } from './tabs/Tab.js';
+export { TabAction } from './tabs/TabAction.js';
+export { TabBar } from './tabs/TabBar.js';
+export { TabList } from './tabs/TabList.js';
+export { TabPanel } from './tabs/TabPanel.js';
+export { Tabs } from './tabs/Tabs.js';
+export { TabTrigger } from './tabs/TabTrigger.js';
 export { Tag } from './tag/Tag.js';
 export { Code } from './text/Code.js';
 export { Display1, Display2, Display3, Display4 } from './text/Display.js';

package/dist-es/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-es/navigation-item/NavigationItem.js

@@ -28,6 +28,7 @@ const NavigationItem = forwardRef(
       level = 0,
       onExpand,
       style: styleProp,
+      "aria-controls": ariaControls,
       ...rest
     } = props;
     const targetWindow = useWindow();
@@ -65,6 +66,7 @@ const NavigationItem = forwardRef(
             ),
             render: render ?? (isLink ? void 0 : /* @__PURE__ */ jsx("button", { type: "button" })),
             "aria-expanded": isLink ? void 0 : expanded,
+            "aria-controls": ariaControls,
             onClick: handleClick,
             "aria-current": isLink && active ? "page" : void 0,
             href,

package/dist-es/navigation-item/NavigationItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationItem.js","sources":["../src/navigation-item/NavigationItem.tsx"],"sourcesContent":["import { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n  type ComponentPropsWithoutRef,\n  forwardRef,\n  type MouseEvent,\n  type MouseEventHandler,\n} from \"react\";\nimport type { RenderPropsType } from \"../utils\";\nimport { makePrefixer } from \"../utils\";\nimport { ExpansionIcon } from \"./ExpansionIcon\";\nimport navigationItemCss from \"./NavigationItem.css\";\nimport { NavigationItemAction } from \"./NavigationItemAction\";\n\nexport interface NavigationItemProps extends ComponentPropsWithoutRef<\"div\"> {\n  /**\n   * Whether the navigation item is active.\n   */\n  active?: boolean;\n  /**\n   * Whether the nested group is collapsed and there is an active nested item within it.\n   */\n  blurActive?: boolean;\n  /**\n   * Whether the navigation item is expanded.\n   */\n  expanded?: boolean;\n  /**\n   * Level of nesting.\n   */\n  level?: number;\n  /**\n   * The orientation of the navigation item.\n   */\n  orientation?: \"horizontal\" | \"vertical\";\n  /**\n   * Whether the navigation item is a parent with nested items.\n   */\n  parent?: boolean;\n  /**\n   * Render prop to enable customisation of navigation item element.\n   */\n  render?: RenderPropsType[\"render\"];\n  /**\n   * Action to be triggered when the navigation item is expanded.\n   */\n  onExpand?: MouseEventHandler<HTMLButtonElement>;\n  /**\n   * Href to be passed to the Link element.\n   */\n  href?: string;\n}\n\nconst withBaseName = makePrefixer(\"saltNavigationItem\");\n\nexport const NavigationItem = forwardRef<HTMLDivElement, NavigationItemProps>(\n  function NavigationItem(props, ref) {\n    const {\n      active,\n      blurActive,\n      render,\n      children,\n      className,\n      expanded = false,\n      href,\n      orientation = \"horizontal\",\n      parent,\n      level = 0,\n      onExpand,\n      style: styleProp,\n      ...rest\n    } = props;\n\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-navigation-item\",\n      css: navigationItemCss,\n      window: targetWindow,\n    });\n\n    const style = {\n      ...styleProp,\n      \"--saltNavigationItem-level\": `${level}`,\n    };\n\n    const isLink = href !== undefined;\n\n    const handleClick = (event: MouseEvent<HTMLButtonElement>) => {\n      onExpand?.(event);\n    };\n\n    return (\n      <div\n        ref={ref}\n        className={clsx(withBaseName(), className)}\n        style={style}\n        {...rest}\n      >\n        <NavigationItemAction\n          className={clsx(\n            withBaseName(\"wrapper\"),\n            {\n              [withBaseName(\"active\")]: active || blurActive,\n              [withBaseName(\"blurActive\")]: blurActive,\n              [withBaseName(\"rootItem\")]: level === 0,\n            },\n            withBaseName(orientation),\n          )}\n          render={render ?? (isLink ? undefined : <button type=\"button\" />)}\n          aria-expanded={isLink ? undefined : expanded}\n          onClick={handleClick}\n          aria-current={isLink && active ? \"page\" : undefined}\n          href={href}\n        >\n          <span className={withBaseName(\"label\")}>{children}</span>\n          {parent ? (\n            <ExpansionIcon expanded={expanded} orientation={orientation} />\n          ) : null}\n        </NavigationItemAction>\n      </div>\n    );\n  },\n);\n"],"names":["NavigationItem","navigationItemCss"],"mappings":";;;;;;;;;;;;;;AAsDA,MAAM,YAAA,GAAe,aAAa,oBAAoB,CAAA;AAE/C,MAAM,cAAA,GAAiB,UAAA;AAAA,EAC5B,SAASA,eAAAA,CAAe,KAAA,EAAO,GAAA,EAAK;AAClC,IAAA,MAAM;AAAA,MACJ,MAAA;AAAA,MACA,UAAA;AAAA,MACA,MAAA;AAAA,MACA,QAAA;AAAA,MACA,SAAA;AAAA,MACA,QAAA,GAAW,KAAA;AAAA,MACX,IAAA;AAAA,MACA,WAAA,GAAc,YAAA;AAAA,MACd,MAAA;AAAA,MACA,KAAA,GAAQ,CAAA;AAAA,MACR,QAAA;AAAA,MACA,KAAA,EAAO,SAAA;AAAA,MACP,GAAG;AAAA,KACL,GAAI,KAAA;AAEJ,IAAA,MAAM,eAAe,SAAA,EAAU;AAC/B,IAAA,wBAAA,CAAyB;AAAA,MACvB,MAAA,EAAQ,sBAAA;AAAA,MACR,GAAA,EAAKC,QAAA;AAAA,MACL,MAAA,EAAQ;AAAA,KACT,CAAA;AAED,IAAA,MAAM,KAAA,GAAQ;AAAA,MACZ,GAAG,SAAA;AAAA,MACH,4BAAA,EAA8B,GAAG,KAAK,CAAA;AAAA,KACxC;AAEA,IAAA,MAAM,SAAS,IAAA,KAAS,MAAA;AAExB,IAAA,MAAM,WAAA,GAAc,CAAC,KAAA,KAAyC;AAC5D,MAAA,QAAA,IAAA,IAAA,GAAA,MAAA,GAAA,QAAA,CAAW,KAAA,CAAA;AAAA,IACb,CAAA;AAEA,IAAA,uBACE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,IAAA,CAAK,YAAA,EAAa,EAAG,SAAS,CAAA;AAAA,QACzC,KAAA;AAAA,QACC,GAAG,IAAA;AAAA,QAEJ,QAAA,kBAAA,IAAA;AAAA,UAAC,oBAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAW,IAAA;AAAA,cACT,aAAa,SAAS,CAAA;AAAA,cACtB;AAAA,gBACE,CAAC,YAAA,CAAa,QAAQ,CAAC,GAAG,MAAA,IAAU,UAAA;AAAA,gBACpC,CAAC,YAAA,CAAa,YAAY,CAAC,GAAG,UAAA;AAAA,gBAC9B,CAAC,YAAA,CAAa,UAAU,CAAC,GAAG,KAAA,KAAU;AAAA,eACxC;AAAA,cACA,aAAa,WAAW;AAAA,aAC1B;AAAA,YACA,QAAQ,MAAA,KAAW,MAAA,GAAS,yBAAY,GAAA,CAAC,QAAA,EAAA,EAAO,MAAK,QAAA,EAAS,CAAA,CAAA;AAAA,YAC9D,eAAA,EAAe,SAAS,MAAA,GAAY,QAAA;AAAA,YACpC,OAAA,EAAS,WAAA;AAAA,YACT,cAAA,EAAc,MAAA,IAAU,MAAA,GAAS,MAAA,GAAS,MAAA;AAAA,YAC1C,IAAA;AAAA,YAEA,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,YAAA,CAAa,OAAO,GAAI,QAAA,EAAS,CAAA;AAAA,cACjD,MAAA,mBACC,GAAA,CAAC,aAAA,EAAA,EAAc,QAAA,EAAoB,aAA0B,CAAA,GAC3D;AAAA;AAAA;AAAA;AACN;AAAA,KACF;AAAA,EAEJ;AACF;;;;"}
+{"version":3,"file":"NavigationItem.js","sources":["../src/navigation-item/NavigationItem.tsx"],"sourcesContent":["import { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n  type ComponentPropsWithoutRef,\n  forwardRef,\n  type MouseEvent,\n  type MouseEventHandler,\n} from \"react\";\nimport type { RenderPropsType } from \"../utils\";\nimport { makePrefixer } from \"../utils\";\nimport { ExpansionIcon } from \"./ExpansionIcon\";\nimport navigationItemCss from \"./NavigationItem.css\";\nimport { NavigationItemAction } from \"./NavigationItemAction\";\n\nexport interface NavigationItemProps extends ComponentPropsWithoutRef<\"div\"> {\n  /**\n   * Whether the navigation item is active.\n   */\n  active?: boolean;\n  /**\n   * Whether the nested group is collapsed and there is an active nested item within it.\n   */\n  blurActive?: boolean;\n  /**\n   * Whether the navigation item is expanded.\n   */\n  expanded?: boolean;\n  /**\n   * Level of nesting.\n   */\n  level?: number;\n  /**\n   * The orientation of the navigation item.\n   */\n  orientation?: \"horizontal\" | \"vertical\";\n  /**\n   * Whether the navigation item is a parent with nested items.\n   */\n  parent?: boolean;\n  /**\n   * Render prop to enable customisation of navigation item element.\n   */\n  render?: RenderPropsType[\"render\"];\n  /**\n   * Action to be triggered when the navigation item is expanded.\n   */\n  onExpand?: MouseEventHandler<HTMLButtonElement>;\n  /**\n   * Href to be passed to the Link element.\n   */\n  href?: string;\n}\n\nconst withBaseName = makePrefixer(\"saltNavigationItem\");\n\nexport const NavigationItem = forwardRef<HTMLDivElement, NavigationItemProps>(\n  function NavigationItem(props, ref) {\n    const {\n      active,\n      blurActive,\n      render,\n      children,\n      className,\n      expanded = false,\n      href,\n      orientation = \"horizontal\",\n      parent,\n      level = 0,\n      onExpand,\n      style: styleProp,\n      \"aria-controls\": ariaControls,\n      ...rest\n    } = props;\n\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-navigation-item\",\n      css: navigationItemCss,\n      window: targetWindow,\n    });\n\n    const style = {\n      ...styleProp,\n      \"--saltNavigationItem-level\": `${level}`,\n    };\n\n    const isLink = href !== undefined;\n\n    const handleClick = (event: MouseEvent<HTMLButtonElement>) => {\n      onExpand?.(event);\n    };\n\n    return (\n      <div\n        ref={ref}\n        className={clsx(withBaseName(), className)}\n        style={style}\n        {...rest}\n      >\n        <NavigationItemAction\n          className={clsx(\n            withBaseName(\"wrapper\"),\n            {\n              [withBaseName(\"active\")]: active || blurActive,\n              [withBaseName(\"blurActive\")]: blurActive,\n              [withBaseName(\"rootItem\")]: level === 0,\n            },\n            withBaseName(orientation),\n          )}\n          render={render ?? (isLink ? undefined : <button type=\"button\" />)}\n          aria-expanded={isLink ? undefined : expanded}\n          aria-controls={ariaControls}\n          onClick={handleClick}\n          aria-current={isLink && active ? \"page\" : undefined}\n          href={href}\n        >\n          <span className={withBaseName(\"label\")}>{children}</span>\n          {parent ? (\n            <ExpansionIcon expanded={expanded} orientation={orientation} />\n          ) : null}\n        </NavigationItemAction>\n      </div>\n    );\n  },\n);\n"],"names":["NavigationItem","navigationItemCss"],"mappings":";;;;;;;;;;;;;;AAsDA,MAAM,YAAA,GAAe,aAAa,oBAAoB,CAAA;AAE/C,MAAM,cAAA,GAAiB,UAAA;AAAA,EAC5B,SAASA,eAAAA,CAAe,KAAA,EAAO,GAAA,EAAK;AAClC,IAAA,MAAM;AAAA,MACJ,MAAA;AAAA,MACA,UAAA;AAAA,MACA,MAAA;AAAA,MACA,QAAA;AAAA,MACA,SAAA;AAAA,MACA,QAAA,GAAW,KAAA;AAAA,MACX,IAAA;AAAA,MACA,WAAA,GAAc,YAAA;AAAA,MACd,MAAA;AAAA,MACA,KAAA,GAAQ,CAAA;AAAA,MACR,QAAA;AAAA,MACA,KAAA,EAAO,SAAA;AAAA,MACP,eAAA,EAAiB,YAAA;AAAA,MACjB,GAAG;AAAA,KACL,GAAI,KAAA;AAEJ,IAAA,MAAM,eAAe,SAAA,EAAU;AAC/B,IAAA,wBAAA,CAAyB;AAAA,MACvB,MAAA,EAAQ,sBAAA;AAAA,MACR,GAAA,EAAKC,QAAA;AAAA,MACL,MAAA,EAAQ;AAAA,KACT,CAAA;AAED,IAAA,MAAM,KAAA,GAAQ;AAAA,MACZ,GAAG,SAAA;AAAA,MACH,4BAAA,EAA8B,GAAG,KAAK,CAAA;AAAA,KACxC;AAEA,IAAA,MAAM,SAAS,IAAA,KAAS,MAAA;AAExB,IAAA,MAAM,WAAA,GAAc,CAAC,KAAA,KAAyC;AAC5D,MAAA,QAAA,IAAA,IAAA,GAAA,MAAA,GAAA,QAAA,CAAW,KAAA,CAAA;AAAA,IACb,CAAA;AAEA,IAAA,uBACE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,IAAA,CAAK,YAAA,EAAa,EAAG,SAAS,CAAA;AAAA,QACzC,KAAA;AAAA,QACC,GAAG,IAAA;AAAA,QAEJ,QAAA,kBAAA,IAAA;AAAA,UAAC,oBAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAW,IAAA;AAAA,cACT,aAAa,SAAS,CAAA;AAAA,cACtB;AAAA,gBACE,CAAC,YAAA,CAAa,QAAQ,CAAC,GAAG,MAAA,IAAU,UAAA;AAAA,gBACpC,CAAC,YAAA,CAAa,YAAY,CAAC,GAAG,UAAA;AAAA,gBAC9B,CAAC,YAAA,CAAa,UAAU,CAAC,GAAG,KAAA,KAAU;AAAA,eACxC;AAAA,cACA,aAAa,WAAW;AAAA,aAC1B;AAAA,YACA,QAAQ,MAAA,KAAW,MAAA,GAAS,yBAAY,GAAA,CAAC,QAAA,EAAA,EAAO,MAAK,QAAA,EAAS,CAAA,CAAA;AAAA,YAC9D,eAAA,EAAe,SAAS,MAAA,GAAY,QAAA;AAAA,YACpC,eAAA,EAAe,YAAA;AAAA,YACf,OAAA,EAAS,WAAA;AAAA,YACT,cAAA,EAAc,MAAA,IAAU,MAAA,GAAS,MAAA,GAAS,MAAA;AAAA,YAC1C,IAAA;AAAA,YAEA,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,YAAA,CAAa,OAAO,GAAI,QAAA,EAAS,CAAA;AAAA,cACjD,MAAA,mBACC,GAAA,CAAC,aAAA,EAAA,EAAc,QAAA,EAAoB,aAA0B,CAAA,GAC3D;AAAA;AAAA;AAAA;AACN;AAAA,KACF;AAAA,EAEJ;AACF;;;;"}

package/dist-es/rating/Rating.css.js

@@ -0,0 +1,4 @@
+var css_248z = ".saltRating {\n  display: inline-flex;\n  box-sizing: border-box;\n}\n\n.saltFormField .saltRating-container {\n  height: var(--salt-size-base);\n  padding-top: calc(var(--salt-spacing-100) + var(--salt-spacing-fixed-100));\n}\n\n.saltFormField .saltRating-label {\n  min-height: var(--salt-size-base);\n  padding-top: var(--salt-spacing-100);\n}\n\n.saltRating-labelBottom {\n  flex-direction: column;\n  align-items: flex-start;\n  gap: var(--salt-spacing-75);\n}\n\n.saltRating-labelRight {\n  flex-direction: row;\n  gap: var(--salt-spacing-150);\n}\n\n.saltRating-container {\n  display: flex;\n  flex-direction: row;\n  gap: var(--salt-spacing-150);\n  flex-wrap: nowrap;\n  justify-content: flex-start;\n  padding-top: var(--salt-spacing-fixed-100);\n  padding-bottom: var(--salt-spacing-fixed-100);\n  box-sizing: border-box;\n}\n\n.saltRating-label {\n  color: var(--salt-content-primary-foreground);\n  font-family: var(--salt-text-fontFamily);\n  font-size: var(--salt-text-fontSize);\n  font-weight: var(--salt-text-fontWeight);\n  line-height: var(--salt-text-lineHeight);\n  box-sizing: border-box;\n}\n";
+
+export { css_248z as default };
+//# sourceMappingURL=Rating.css.js.map

package/dist-es/rating/Rating.css.js.map

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