@ultraviolet/plus 3.0.0-beta.14 → 3.0.0-beta.16

package/dist/components/Navigation/NavigationProvider.cjs

@@ -1,129 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const react = require("react");
-const constants = require("./constants.cjs");
-const en = require("./locales/en.cjs");
-const NavigationContext = react.createContext({
-  allowNavigationResize: true,
-  animation: false,
-  animationType: "simple",
-  expanded: true,
-  items: {},
-  locales: en,
-  navigationRef: {
-    current: null
-  },
-  pinItem: () => [],
-  pinLimit: 7,
-  pinnedItems: [],
-  registerItem: () => {
-  },
-  reorderItems: () => [],
-  setAllowNavigationResize: () => {
-  },
-  setPinnedItems: () => {
-  },
-  setWidth: () => {
-  },
-  shouldAnimate: true,
-  /**
-   * This function will trigger the expand/collapse of the navigation and
-   * will also trigger the animation
-   */
-  toggleExpand: () => {
-  },
-  unpinItem: () => [],
-  width: constants.NAVIGATION_WIDTH
-});
-const useNavigation = () => react.useContext(NavigationContext);
-const NavigationProvider = ({
-  children,
-  pinnedFeature = false,
-  initialPinned,
-  initialExpanded = true,
-  locales = en,
-  pinLimit = 7,
-  onExpandChange,
-  initialWidth = constants.NAVIGATION_WIDTH,
-  initialAllowNavigationResize = true,
-  animation: shouldAnimate = true,
-  animationType
-}) => {
-  const [expanded, setExpanded] = react.useState(initialExpanded);
-  const [pinnedItems, setPinnedItems] = react.useState(initialPinned ?? []);
-  const [animation, setAnimation] = react.useState(false);
-  const [width, setWidth] = react.useState(initialWidth);
-  const [allowNavigationResize, setAllowNavigationResize] = react.useState(initialAllowNavigationResize);
-  const [items, registerItem] = react.useReducer((oldState, newState) => ({
-    ...oldState,
-    ...newState
-  }), {});
-  const navigationRef = react.useRef(null);
-  const toggleExpand = react.useCallback((toggle) => {
-    if (typeof toggle !== "boolean" && toggle !== void 0) {
-      throw new Error("toggleExpand only accepts boolean or undefined as parameter. You most likely did <button onClick={toggleExpand}> instead of <button onClick={() => toggleExpand()}>");
-    }
-    if (toggle !== void 0 && toggle === expanded) {
-      return;
-    }
-    onExpandChange?.(!expanded);
-    if (navigationRef.current) {
-      navigationRef.current.style.width = "";
-    }
-    if (shouldAnimate) {
-      setAnimation(expanded ? "collapse" : "expand");
-      setTimeout(() => {
-        setExpanded(toggle !== void 0 ? toggle : !expanded);
-        setAnimation(false);
-      }, constants.ANIMATION_DURATION);
-    } else {
-      setExpanded(toggle !== void 0 ? toggle : !expanded);
-    }
-  }, [expanded, onExpandChange, shouldAnimate]);
-  const pinItem = react.useCallback((item) => {
-    const newValue = [...pinnedItems, item];
-    setPinnedItems(newValue);
-    return newValue;
-  }, [pinnedItems]);
-  const unpinItem = react.useCallback((item) => {
-    const newValue = pinnedItems.filter((localItem) => localItem !== item);
-    setPinnedItems(newValue);
-    return newValue;
-  }, [pinnedItems]);
-  const reorderItems = react.useCallback((initialIndex, endIndex) => {
-    const newPinnedItems = [...pinnedItems];
-    const [removed] = newPinnedItems.splice(initialIndex, 1);
-    newPinnedItems.splice(endIndex, 0, removed);
-    setPinnedItems(newPinnedItems);
-    return newPinnedItems;
-  }, [pinnedItems]);
-  const value = react.useMemo(() => ({
-    allowNavigationResize,
-    animation,
-    animationType,
-    expanded,
-    items,
-    locales,
-    navigationRef,
-    pinItem,
-    pinLimit,
-    pinnedFeature,
-    pinnedItems,
-    registerItem,
-    reorderItems,
-    setAllowNavigationResize,
-    setAnimation,
-    setPinnedItems,
-    setWidth,
-    shouldAnimate,
-    toggleExpand,
-    unpinItem,
-    width
-  }), [expanded, toggleExpand, pinnedItems, pinItem, unpinItem, pinnedFeature, locales, pinLimit, animation, width, reorderItems, items, allowNavigationResize, shouldAnimate, animationType]);
-  return /* @__PURE__ */ jsxRuntime.jsx(NavigationContext.Provider, { value, children });
-};
-exports.NavigationContext = NavigationContext;
-exports.NavigationProvider = NavigationProvider;
-exports.useNavigation = useNavigation;

package/dist/components/Navigation/components/Group.cjs

@@ -1,37 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const ui = require("@ultraviolet/ui");
-const react = require("react");
-const NavigationProvider = require("../NavigationProvider.cjs");
-const styles_css = require("./styles.css.cjs");
-const Group = ({
-  children,
-  label,
-  style
-}) => {
-  const context = NavigationProvider.useNavigation();
-  if (!context) {
-    throw new Error("Navigation.Group can only be used inside a NavigationProvider.");
-  }
-  const {
-    expanded,
-    animation,
-    animationType
-  } = context;
-  const isDiplay = !animation && expanded;
-  if (react.Children.count(children) > 0) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { style: {
-      width: animation ? "100%" : void 0,
-      ...style
-    }, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { className: styles_css.navigationGroupStack, direction: "column", children: [
-      isDiplay ? /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { as: "span", className: styles_css.navigationGroupText({
-        animation: animationType === "complex" ? animation : false
-      }), prominence: "weak", sentiment: "neutral", variant: "bodySmallStrong", children: label }) : null,
-      children
-    ] }) });
-  }
-  return null;
-};
-exports.Group = Group;

package/dist/components/Navigation/components/Item.cjs

@@ -1,277 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const icons = require("@ultraviolet/icons");
-const category = require("@ultraviolet/icons/category");
-const ui = require("@ultraviolet/ui");
-const react = require("react");
-const NavigationProvider = require("../NavigationProvider.cjs");
-const ItemProvider = require("./ItemProvider.cjs");
-const items_css = require("./items.css.cjs");
-const onDragStopTrigger = (event) => {
-  event.currentTarget.style.opacity = "1";
-};
-const Item = react.memo(({
-  children,
-  categoryIcon,
-  label,
-  labelDescription,
-  subLabel,
-  badgeText,
-  badgeSentiment,
-  href,
-  target,
-  rel,
-  onToggle,
-  onClickPinUnpin,
-  toggle,
-  active,
-  noPinButton,
-  type = "default",
-  as,
-  disabled,
-  noExpand = false,
-  index,
-  id,
-  "data-testid": dataTestId,
-  style
-}) => {
-  const context = NavigationProvider.useNavigation();
-  if (!context) {
-    throw new Error("Navigation.Item can only be used inside a NavigationProvider.");
-  }
-  const itemProvider = react.useContext(ItemProvider.ItemContext);
-  const hasParents = !!itemProvider;
-  const {
-    expanded,
-    locales,
-    pinnedFeature,
-    pinItem,
-    unpinItem,
-    pinnedItems,
-    pinLimit,
-    animation,
-    registerItem,
-    shouldAnimate,
-    animationType
-  } = context;
-  react.useEffect(() => {
-    if (type !== "pinnedGroup" && pinnedFeature) {
-      registerItem({
-        [id]: {
-          active,
-          label,
-          onClickPinUnpin,
-          onToggle
-        }
-      });
-    }
-  }, [active, id, label, registerItem]);
-  const [internalExpanded, onToggleExpand] = react.useReducer((prevState) => !prevState, Boolean(toggle));
-  const triggerToggle = react.useCallback(() => {
-    onToggleExpand();
-    onToggle?.(internalExpanded);
-  }, [internalExpanded, onToggle]);
-  const hasHrefAndNoChildren = href && !children;
-  const hasPinnedFeatureAndNoChildren = pinnedFeature && !children && !noPinButton;
-  const isItemPinned = pinnedItems.includes(id);
-  const shouldShowPinnedButton = react.useMemo(() => {
-    if (href || disabled) {
-      return false;
-    }
-    if (hasPinnedFeatureAndNoChildren && type !== "default") {
-      return true;
-    }
-    if (hasPinnedFeatureAndNoChildren) {
-      return true;
-    }
-    return false;
-  }, [disabled, hasPinnedFeatureAndNoChildren, href, type]);
-  const hasActiveChildren = react.useMemo(() => {
-    if (!children) {
-      return false;
-    }
-    return react.Children.map(children, (child) => {
-      if (react.isValidElement(child)) {
-        if ("to" in child.props) {
-          return child.props.children?.props.active;
-        }
-        return child.props.active;
-      }
-      return null;
-    }).includes(true);
-  }, [children]);
-  const containerTag = react.useMemo(() => {
-    if (as) {
-      return as;
-    }
-    if (hasHrefAndNoChildren) {
-      return "a";
-    }
-    if (noExpand) {
-      return "div";
-    }
-    return "button";
-  }, [as, hasHrefAndNoChildren, noExpand]);
-  const ArrowIcon = react.useMemo(() => internalExpanded ? icons.ArrowDownIcon : icons.ArrowRightIcon, [internalExpanded]);
-  const PinUnpinIcon = react.useMemo(() => isItemPinned ? icons.UnpinIcon : icons.PinOutlineIcon, [isItemPinned]);
-  const ariaExpanded = react.useMemo(() => {
-    if (hasHrefAndNoChildren && internalExpanded) {
-      return true;
-    }
-    if (hasHrefAndNoChildren && !internalExpanded) {
-      return false;
-    }
-    return void 0;
-  }, [hasHrefAndNoChildren, internalExpanded]);
-  const isPinDisabled = pinnedItems.length >= pinLimit;
-  const pinTooltipLocale = react.useMemo(() => {
-    if (isPinDisabled) {
-      return locales["navigation.pin.limit"];
-    }
-    if (isItemPinned) {
-      return locales["navigation.unpin.tooltip"];
-    }
-    return locales["navigation.pin.tooltip"];
-  }, [isItemPinned, isPinDisabled, locales]);
-  const onDragStart = react.useCallback((event) => {
-    if (expanded) {
-      event.dataTransfer.setData("text/plain", JSON.stringify({
-        index,
-        label
-      }));
-      event.currentTarget.style.opacity = "0.5";
-    }
-    return void 0;
-  }, [expanded, index, label]);
-  const onDragEnd = react.useCallback((event) => expanded ? onDragStopTrigger(event) : void 0, [expanded]);
-  const showDraggableIcon = !noExpand && pinnedFeature && shouldShowPinnedButton && !disabled;
-  const showPinIcon = !noExpand && !disabled && shouldShowPinnedButton && pinnedFeature;
-  const shouldHaveWeakText = !!children && !active && shouldShowPinnedButton && !disabled;
-  if (expanded || !expanded && animation === "expand") {
-    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { alignItems: categoryIcon ? "flex-start" : "center", "aria-expanded": ariaExpanded, as: containerTag, className: `${items_css.navigationItemContainer({
-        disabled,
-        hasActive: hasActiveChildren,
-        isActive: !!active,
-        noExpand,
-        subLabel: !!subLabel
-      })} ${shouldAnimate && animationType === "complex" ? items_css.navigationItemContainerAnimated[animation === "collapse" ? "collapse" : "expand"] : ""} ${showDraggableIcon ? items_css.navigationItemShowDraggable : ""} ${showPinIcon ? items_css.navigationItemShowPinButton : ""} ${shouldHaveWeakText ? items_css.navigationItemWeakText : ""}`, "data-testid": dataTestId, direction: "row", disabled: containerTag === "button" ? disabled : void 0, draggable: type === "pinned" && expanded, gap: 1, href, id, justifyContent: "space-between", onClick: triggerToggle, onDragEnd, onDragStart, rel, style, target, children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { alignItems: categoryIcon ? "flex-start" : "center", direction: "row", gap: 1, justifyContent: "center", children: [
-          categoryIcon ? /* @__PURE__ */ jsxRuntime.jsx(ui.Stack, { alignItems: "center", className: items_css.navigationItemCategoryIcon, justifyContent: "center", children: categoryIcon }) : null,
-          type === "pinned" && expanded ? /* @__PURE__ */ jsxRuntime.jsx(icons.DragIcon, { className: items_css.navigationItemDragIcon, disabled, prominence: "weak", sentiment: "neutral", size: "small" }) : null,
-          /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { children: [
-            !animation ? /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { as: "span", className: items_css.navigationItemWrapText({
-              disabled,
-              weak: hasActiveChildren && !noExpand && !disabled && !!active
-            }), "data-animation": animation, disabled, prominence: (categoryIcon || !hasParents) && !active ? "strong" : "default", sentiment: active ? "primary" : "neutral", variant: "bodySmallStrong", whiteSpace: "pre-wrap", children: [
-              label,
-              labelDescription ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: items_css.navigationItemPadded, children: labelDescription }) : null
-            ] }) : null,
-            subLabel && !animation ? /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { as: "span", className: items_css.navigationItemWrapText({
-              disabled,
-              weak: hasActiveChildren && !noExpand && !disabled && !!active
-            }), "data-animation": animation, disabled, prominence: "weak", sentiment: "neutral", variant: "caption", whiteSpace: "pre-wrap", children: subLabel }) : null
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { alignItems: "center", direction: "row", gap: href ? 1 : void 0, children: [
-          badgeText || hasPinnedFeatureAndNoChildren ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            badgeText && !animation ? /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { className: items_css.navigationItemBadge, disabled, prominence: "strong", sentiment: badgeSentiment, size: "small", children: badgeText }) : null,
-            shouldShowPinnedButton ? /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { placement: "right", text: isItemPinned ? locales["navigation.unpin.tooltip"] : pinTooltipLocale, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: items_css.navigationItemRelative, children: /* @__PURE__ */ jsxRuntime.jsx("div", { "aria-disabled": isItemPinned ? false : isPinDisabled, "aria-label": isItemPinned ? "unpin" : "pin", className: items_css.navigationItemPinnedButton, onClick: (event) => {
-              if (pinnedItems.length < pinLimit || isItemPinned) {
-                event.preventDefault();
-                event.stopPropagation();
-                let newValue;
-                if (isItemPinned) {
-                  newValue = unpinItem(id);
-                } else {
-                  newValue = pinItem(id);
-                }
-                onClickPinUnpin?.({
-                  id,
-                  state: isItemPinned ? "unpin" : "pin",
-                  totalPinned: newValue
-                });
-              }
-            }, onKeyDown: () => {
-            }, role: "button", children: /* @__PURE__ */ jsxRuntime.jsx(PinUnpinIcon, { className: items_css.navigationItemPinIcon[active ? "active" : "inactive"], disabled: isItemPinned ? false : isPinDisabled, sentiment: active ? "primary" : "neutral", size: "medium" }) }) }) }) : null
-          ] }) : null,
-          hasHrefAndNoChildren && target === "_blank" && !animation ? /* @__PURE__ */ jsxRuntime.jsx(icons.OpenInNewIcon, { disabled, prominence: "default", sentiment: "neutral" }) : null,
-          children ? /* @__PURE__ */ jsxRuntime.jsx(ui.Stack, { alignItems: "center", className: items_css.navigationItemStackIcon, direction: "row", gap: 1, children: !animation && !noExpand ? /* @__PURE__ */ jsxRuntime.jsx(ArrowIcon, { prominence: "weak", sentiment: "neutral" }) : null }) : null
-        ] })
-      ] }),
-      children ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: !noExpand ? /* @__PURE__ */ jsxRuntime.jsx(ItemProvider.ItemProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Expandable, { animationDuration: 0, opened: internalExpanded, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Stack, { className: noExpand || type === "pinnedGroup" ? "" : items_css.navigationItemPaddingStack({
-        hide: shouldAnimate && animationType === "complex" && animation === "expand"
-      }), width: animation ? "100%" : void 0, children }) }) }) : /* @__PURE__ */ jsxRuntime.jsx(ItemProvider.ItemProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Stack, { className: noExpand || type === "pinnedGroup" ? "" : items_css.navigationItemPaddingStack({
-        hide: shouldAnimate && animationType === "complex" && animation === "expand"
-      }), width: animation ? "100%" : void 0, children }) }) }) : null
-    ] });
-  }
-  if (categoryIcon || react.Children.count(children) > 0 && !hasParents) {
-    return /* @__PURE__ */ jsxRuntime.jsx(ui.Stack, { alignItems: "start", className: items_css.navigationItemMenuStack, gap: 1, justifyContent: "start", style, children: react.Children.count(children) > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
-      ui.Menu,
-      {
-        className: items_css.navigationItemMenuContainer,
-        disclosure: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { "aria-label": label, sentiment: "neutral", size: "small", variant: hasActiveChildren ? "filled" : "ghost", children: categoryIcon ? /* @__PURE__ */ jsxRuntime.jsx(ui.Stack, { alignItems: "center", direction: "row", gap: 1, justifyContent: "center", children: categoryIcon }) : null }),
-        dynamicDomRendering: false,
-        placement: "right",
-        triggerMethod: "hover",
-        children: /* @__PURE__ */ jsxRuntime.jsx(ItemProvider.ItemProvider, { children })
-      }
-    ) : /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { placement: "right", tabIndex: -1, text: label, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { "aria-label": label, sentiment: "neutral", size: "small", variant: active ? "filled" : "ghost", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Stack, { alignItems: "center", direction: "row", gap: 1, justifyContent: "center", children: categoryIcon || /* @__PURE__ */ jsxRuntime.jsx(category.OrganizationDashboardCategoryIcon, { variant: active ? "primary" : "neutral" }) }) }) }) });
-  }
-  if (hasParents) {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      ui.Menu.Item,
-      {
-        active,
-        borderless: true,
-        className: `${items_css.navigationItemMenu}${pinnedFeature && shouldShowPinnedButton ? ` ${items_css.navigationItemMenuPinned}` : ""}`,
-        disabled,
-        href,
-        onClick: () => onToggle?.(!!active),
-        rel,
-        sentiment: active ? "primary" : "neutral",
-        style,
-        target,
-        children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { alignItems: "center", direction: "row", flex: 1, gap: 1, justifyContent: "space-between", width: "100%", children: [
-          !animation ? /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { as: "span", className: items_css.navigationItemWrapText({
-            disabled,
-            weak: hasActiveChildren && !noExpand && !disabled && !!active
-          }), variant: "bodySmall", whiteSpace: "pre-wrap", children: label }) : null,
-          labelDescription ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: items_css.navigationItemPadded, children: labelDescription }) : null,
-          /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { direction: "row", children: [
-            badgeText && !animation ? /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { className: items_css.navigationItemBadge, disabled, prominence: "strong", sentiment: badgeSentiment, size: "small", children: badgeText }) : null,
-            hasHrefAndNoChildren && target === "_blank" ? /* @__PURE__ */ jsxRuntime.jsx(icons.OpenInNewIcon, { className: shouldAnimate && animationType === "complex" ? items_css.navigationItemAnimatedIcon[animation === "expand" ? "expand" : "collapse"] : "", disabled, prominence: "weak", sentiment: "neutral" }) : null,
-            shouldShowPinnedButton ? /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { placement: "right", text: isItemPinned ? locales["navigation.unpin.tooltip"] : pinTooltipLocale, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: items_css.navigationItemRelative, children: /* @__PURE__ */ jsxRuntime.jsx("div", { "aria-disabled": isItemPinned ? false : isPinDisabled, "aria-label": isItemPinned ? "unpin" : "pin", className: items_css.navigationItemPinnedButton, onClick: (event) => {
-              if (pinnedItems.length < pinLimit || isItemPinned) {
-                event.preventDefault();
-                event.stopPropagation();
-                let newValue;
-                if (isItemPinned) {
-                  newValue = unpinItem(id);
-                } else {
-                  newValue = pinItem(id);
-                }
-                onClickPinUnpin?.({
-                  id,
-                  state: isItemPinned ? "unpin" : "pin",
-                  totalPinned: newValue
-                });
-              }
-            }, onKeyDown: () => {
-            }, role: "button", children: /* @__PURE__ */ jsxRuntime.jsx(PinUnpinIcon, { className: items_css.navigationItemPinIcon[active ? "active" : "inactive"], disabled: isItemPinned ? false : isPinDisabled, sentiment: active ? "primary" : "neutral", size: "medium" }) }) }) }) : null
-          ] })
-        ] })
-      }
-    );
-  }
-  if (!hasParents && href) {
-    return /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { placement: "right", text: label, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Stack, { alignItems: "start", className: items_css.navigationItemMenuStack, gap: 1, justifyContent: "start", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Stack, { alignItems: "center", as: containerTag, className: `${items_css.navigationItemContainer({
-      disabled
-    })} ${shouldAnimate && animationType === "complex" ? items_css.navigationItemContainerAnimated[animation === "collapse" ? "collapse" : "expand"] : ""}`, gap: 1, href, justifyContent: "center", rel, target, children: /* @__PURE__ */ jsxRuntime.jsx(icons.OpenInNewIcon, { className: shouldAnimate && animationType === "complex" ? items_css.navigationItemAnimatedIcon[animation === "expand" ? "expand" : "collapse"] : "", prominence: "weak", sentiment: "neutral" }) }) }) });
-  }
-  return null;
-});
-exports.Item = Item;

package/dist/components/Navigation/components/ItemProvider.cjs

@@ -1,14 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const react = require("react");
-const ItemContext = react.createContext(false);
-const ItemProvider = ({
-  children
-}) => {
-  const value = react.useMemo(() => true, []);
-  return /* @__PURE__ */ jsxRuntime.jsx(ItemContext.Provider, { value, children });
-};
-exports.ItemContext = ItemContext;
-exports.ItemProvider = ItemProvider;

package/dist/components/Navigation/components/PinnedItems.cjs

@@ -1,80 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const category = require("@ultraviolet/icons/category");
-const themes = require("@ultraviolet/themes");
-const ui = require("@ultraviolet/ui");
-const react = require("react");
-const NavigationProvider = require("../NavigationProvider.cjs");
-const Item = require("./Item.cjs");
-const styles_css = require("./styles.css.cjs");
-const PinnedItems = ({
-  toggle = true,
-  onReorder,
-  onToggle,
-  itemWrapper,
-  style
-}) => {
-  const context = NavigationProvider.useNavigation();
-  if (!context) {
-    throw new Error("Navigation.PinnedItems can only be used inside a NavigationProvider.");
-  }
-  const {
-    locales,
-    pinnedItems,
-    pinnedFeature,
-    reorderItems,
-    expanded,
-    items,
-    animation
-  } = context;
-  const theme = themes.useTheme();
-  const onDrop = react.useCallback((event, index) => {
-    event.preventDefault();
-    if (event?.dataTransfer) {
-      event.currentTarget.style.borderColor = "transparent";
-      const data = JSON.parse(event.dataTransfer.getData("text"));
-      if (data.index === index - 1 || index > data.index) {
-        const newItems2 = reorderItems(data.index, index - 1);
-        onReorder?.(newItems2);
-        return;
-      }
-      const newItems = reorderItems(data.index, index);
-      onReorder?.(newItems);
-    }
-  }, [onReorder, reorderItems]);
-  const onDragOver = react.useCallback((event) => {
-    event.preventDefault();
-    event.currentTarget.style.borderColor = theme.colors.primary.border;
-  }, [theme.colors.primary.border]);
-  const onDragLeave = react.useCallback((event) => {
-    event.preventDefault();
-    event.currentTarget.style.borderColor = "transparent";
-  }, []);
-  if (Object.keys(items).length === 0) {
-    return null;
-  }
-  if (pinnedFeature) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { style: {
-      width: animation ? "100%" : void 0,
-      ...style
-    }, children: /* @__PURE__ */ jsxRuntime.jsxs(Item.Item, { categoryIcon: /* @__PURE__ */ jsxRuntime.jsx(category.PinCategoryIcon, { variant: "neutral" }), "data-testid": "pinned-group", id: "pinned-group", label: locales["navigation.pinned.item.group.label"], onToggle, toggle, type: "pinnedGroup", children: [
-      pinnedItems.length > 0 ? pinnedItems.map((itemId, index) => {
-        if (items[itemId]?.label) {
-          const itemElement = /* @__PURE__ */ jsxRuntime.jsx(Item.Item, { active: items[itemId]?.active ?? false, id: itemId, index, label: items[itemId].label, onClickPinUnpin: items[itemId]?.onClickPinUnpin ?? void 0, onToggle: items[itemId]?.onToggle, toggle, type: "pinned" });
-          return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles_css.navigationPinnedItemRelativeDiv, children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_css.navigationPinnedItemDropableArea, onDragLeave, onDragOver, onDrop: (event) => onDrop(event, index) }),
-            itemWrapper ? itemWrapper(itemElement, itemId) : itemElement
-          ] }, itemId);
-        }
-        return null;
-      }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_css.navigationPinnedItemContainer({
-        expanded
-      }), children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { as: "p", prominence: "weak", sentiment: "neutral", variant: "caption", children: locales["navigation.pinned.item.group.empty"] }) }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_css.navigationPinnedItemRelativeDiv, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_css.navigationPinnedItemDropableArea, onDragLeave, onDragOver, onDrop: (event) => onDrop(event, pinnedItems.length) }) })
-    ] }) });
-  }
-  return null;
-};
-exports.PinnedItems = PinnedItems;

package/dist/components/Navigation/components/Separator.cjs

@@ -1,8 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const ui = require("@ultraviolet/ui");
-const styles_css = require("./styles.css.cjs");
-const Separator = () => /* @__PURE__ */ jsxRuntime.jsx(ui.Separator, { className: styles_css.navigationSeparator });
-exports.Separator = Separator;

package/dist/components/Navigation/components/items.css.cjs

@@ -1,47 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-;/* empty css                                 */
-;/* empty css                                                              */
-;/* empty css                                                                     */
-;/* empty css                           */
-const createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var navigationItemMenuContainer = "uv_plus_x6an4g0";
-var navigationItemRelative = "uv_plus_x6an4g1";
-var navigationItemPadded = "uv_plus_x6an4g2";
-var navigationItemPinIcon = { active: "uv_plus_x6an4g4 uv_plus_x6an4g3", inactive: "uv_plus_x6an4g5 uv_plus_x6an4g3" };
-var navigationItemMenu = "uv_plus_x6an4g6";
-var navigationItemMenuPinned = "uv_plus_x6an4g7";
-var navigationItemContainer = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_plus_x6an4g9 uv_plus_x6an4g8", variantClassNames: { noExpand: { false: "uv_plus_x6an4ga" }, disabled: { true: "uv_plus_x6an4gb" }, isActive: { true: "uv_plus_x6an4gc" }, hasActive: { true: "uv_plus_x6an4gd" }, subLabel: { true: "uv_plus_x6an4ge" } }, defaultVariants: { noExpand: false, disabled: false, isActive: false, hasActive: false, subLabel: false }, compoundVariants: [[{ noExpand: false, disabled: false, isActive: false }, "uv_plus_x6an4gf"], [{ hasActive: true, noExpand: false, disabled: false, isActive: false }, "uv_plus_x6an4gg"], [{ noExpand: false, disabled: false, isActive: false }, "uv_plus_x6an4gh"]] });
-var navigationItemContainerAnimated = { collapse: "uv_plus_x6an4gi", expand: "uv_plus_x6an4gj" };
-var navigationItemShowDraggable = "uv_plus_x6an4gk";
-var navigationItemShowPinButton = "uv_plus_x6an4gl";
-var navigationItemWeakText = "uv_plus_x6an4gm";
-var navigationItemDragIcon = "uv_plus_x6an4gn";
-var navigationItemWrapText = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_plus_x6an4go", variantClassNames: { disabled: { true: "uv_plus_x6an4gp" }, weak: { true: "uv_plus_x6an4gq" } }, defaultVariants: { disabled: false, weak: false }, compoundVariants: [] });
-var navigationItemBadge = "uv_plus_x6an4gr";
-var navigationItemPinnedButton = "uv_plus_x6an4gs";
-var navigationItemAnimatedIcon = { expand: "uv_plus_x6an4gt", collapse: "uv_plus_x6an4gu" };
-var navigationItemMenuStack = "uv_plus_x6an4gv";
-var navigationItemStackIcon = "uv_plus_x6an4gw";
-var navigationItemCategoryIcon = "uv_plus_x6an4gx";
-var navigationItemPaddingStack = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_plus_x6an4gy", variantClassNames: { hide: { true: "uv_plus_x6an4gz" } }, defaultVariants: {}, compoundVariants: [] });
-exports.navigationItemAnimatedIcon = navigationItemAnimatedIcon;
-exports.navigationItemBadge = navigationItemBadge;
-exports.navigationItemCategoryIcon = navigationItemCategoryIcon;
-exports.navigationItemContainer = navigationItemContainer;
-exports.navigationItemContainerAnimated = navigationItemContainerAnimated;
-exports.navigationItemDragIcon = navigationItemDragIcon;
-exports.navigationItemMenu = navigationItemMenu;
-exports.navigationItemMenuContainer = navigationItemMenuContainer;
-exports.navigationItemMenuPinned = navigationItemMenuPinned;
-exports.navigationItemMenuStack = navigationItemMenuStack;
-exports.navigationItemPadded = navigationItemPadded;
-exports.navigationItemPaddingStack = navigationItemPaddingStack;
-exports.navigationItemPinIcon = navigationItemPinIcon;
-exports.navigationItemPinnedButton = navigationItemPinnedButton;
-exports.navigationItemRelative = navigationItemRelative;
-exports.navigationItemShowDraggable = navigationItemShowDraggable;
-exports.navigationItemShowPinButton = navigationItemShowPinButton;
-exports.navigationItemStackIcon = navigationItemStackIcon;
-exports.navigationItemWeakText = navigationItemWeakText;
-exports.navigationItemWrapText = navigationItemWrapText;

package/dist/components/Navigation/components/styles.css.cjs

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-;/* empty css                                 */
-;/* empty css                            */
-const createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var navigationGroupText = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_plus_nytpcy0", variantClassNames: { animation: { expand: "uv_plus_nytpcy1", collapse: "uv_plus_nytpcy2", false: "uv_plus_nytpcy3" } }, defaultVariants: {}, compoundVariants: [] });
-var navigationGroupStack = "uv_plus_nytpcy4";
-var navigationPinnedItemDropableArea = "uv_plus_nytpcy5";
-var navigationPinnedItemRelativeDiv = "uv_plus_nytpcy6";
-var navigationPinnedItemContainer = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_plus_nytpcy7", variantClassNames: { expanded: { true: "uv_plus_nytpcy8" } }, defaultVariants: {}, compoundVariants: [] });
-var navigationSeparator = "uv_plus_nytpcy9";
-exports.navigationGroupStack = navigationGroupStack;
-exports.navigationGroupText = navigationGroupText;
-exports.navigationPinnedItemContainer = navigationPinnedItemContainer;
-exports.navigationPinnedItemDropableArea = navigationPinnedItemDropableArea;
-exports.navigationPinnedItemRelativeDiv = navigationPinnedItemRelativeDiv;
-exports.navigationSeparator = navigationSeparator;

package/dist/components/Navigation/constants.cjs

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const NAVIGATION_MIN_WIDTH = 220;
-const NAVIGATION_WIDTH = 280;
-const NAVIGATION_COLLASPED_WIDTH = 67;
-const ANIMATION_DURATION = 250;
-exports.ANIMATION_DURATION = ANIMATION_DURATION;
-exports.NAVIGATION_COLLASPED_WIDTH = NAVIGATION_COLLASPED_WIDTH;
-exports.NAVIGATION_MIN_WIDTH = NAVIGATION_MIN_WIDTH;
-exports.NAVIGATION_WIDTH = NAVIGATION_WIDTH;

package/dist/components/Navigation/locales/en.cjs

@@ -1,11 +0,0 @@
-"use strict";
-const NavigationLocales = {
-  "navigation.collapse.button": "Collapse sidebar",
-  "navigation.expand.button": "Expand sidebar",
-  "navigation.pin.limit": "You cannot pin more products",
-  "navigation.pin.tooltip": "Pin product",
-  "navigation.pinned.item.group.empty": "You have no pinned items.",
-  "navigation.pinned.item.group.label": "Pinned items",
-  "navigation.unpin.tooltip": "Unpin product"
-};
-module.exports = NavigationLocales;