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

package/dist/components/EstimateCost/OverlayComponent.cjs

@@ -1,85 +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 ui = require("@ultraviolet/ui");
-const dynamic = require("@vanilla-extract/dynamic");
-const react = require("react");
-const components_css = require("./Components/components.css.cjs");
-const LineThrough = require("./Components/LineThrough.cjs");
-const Strong = require("./Components/Strong.cjs");
-const constants = require("./constants.cjs");
-const EstimateCostProvider = require("./EstimateCostProvider.cjs");
-const OverlayContext = require("./OverlayContext.cjs");
-const styles_css = require("./styles.css.cjs");
-const OverlayComponent = ({
-  children,
-  inView = false,
-  discount = 1,
-  OverlayRight,
-  disableOverlayRight = false,
-  OverlayLeft,
-  disableOverlayLeft = false,
-  totalPrice,
-  unit = "hours",
-  isBeta = false,
-  overlayMargin
-}) => {
-  const {
-    locales,
-    formatNumber
-  } = EstimateCostProvider.useEstimateCost();
-  const value = react.useMemo(() => ({
-    isOverlay: true
-  }), []);
-  const totalOverlayPrice = {
-    days: totalPrice.maxOverlayHourly * constants.multiplier.days,
-    hours: totalPrice.maxOverlayHourly,
-    minutes: totalPrice.maxOverlayHourly * constants.multiplier.minutes,
-    months: totalPrice.maxOverlayHourly * constants.multiplier.months,
-    seconds: totalPrice.maxOverlayHourly * constants.multiplier.seconds
-  }[unit];
-  const overlayPrice = {
-    days: totalPrice.overlayHourly * constants.multiplier.days,
-    hours: totalPrice.overlayHourly,
-    minutes: totalPrice.overlayHourly * constants.multiplier.minutes,
-    months: totalPrice.overlayHourly * constants.multiplier.months,
-    seconds: totalPrice.overlayHourly * constants.multiplier.seconds
-  }[unit];
-  return /* @__PURE__ */ jsxRuntime.jsx(OverlayContext.OverlayContextProvider, { value, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_css.estimateCostOverlayContainer({
-    inView
-  }), "data-testid": "summary-overlay", style: dynamic.assignInlineVars({
-    [styles_css.overlayMarginVar]: overlayMargin ?? "0"
-  }), children: /* @__PURE__ */ jsxRuntime.jsxs("ul", { className: styles_css.estimateCostList, children: [
-    OverlayLeft ? /* @__PURE__ */ jsxRuntime.jsx("li", { className: styles_css.estimateCostSideItem, children: /* @__PURE__ */ jsxRuntime.jsx(OverlayLeft, { disabled: disableOverlayLeft, children: locales["estimate.cost.submit.label"] }) }) : null,
-    react.Children.map(children, (child, index) => react.isValidElement(child) ? react.cloneElement(child, {
-      isFirstElement: index === 0,
-      isLastElement: index === react.Children.count(children) - 1
-    }) : null),
-    /* @__PURE__ */ jsxRuntime.jsxs("li", { className: styles_css.estimateCostOverlayRow(), children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { alignItems: "center", direction: "row", gap: 1, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(icons.CalculatorIcon, { sentiment: "primary", size: "medium" }),
-        locales["estimate.cost.label"]
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: components_css.estimateCostResourceName(), children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Strong.Strong, { variant: "big", children: /* @__PURE__ */ jsxRuntime.jsxs(LineThrough.LineThrough, { isActive: isBeta && discount === 0, children: [
-          formatNumber(overlayPrice, {
-            maximumFractionDigits: constants.maximumFractionDigits[unit]
-          }),
-          totalOverlayPrice > 0 ? ` - ${formatNumber(totalOverlayPrice, {
-            maximumFractionDigits: constants.maximumFractionDigits[unit]
-          })}` : null,
-          "/",
-          locales[`estimate.cost.units.${unit}.label`]
-        ] }) }),
-        isBeta ? /* @__PURE__ */ jsxRuntime.jsxs(ui.Badge, { className: styles_css.estimateCostBadge, prominence: "strong", sentiment: "warning", children: [
-          discount > 0 ? discount * 100 : "",
-          locales[`estimate.cost.beta.${discount > 0 ? "discount" : "free"}`]
-        ] }) : null
-      ] })
-    ] }),
-    OverlayRight ? /* @__PURE__ */ jsxRuntime.jsx("li", { className: styles_css.estimateCostSideItem, children: /* @__PURE__ */ jsxRuntime.jsx(OverlayRight, { disabled: disableOverlayRight, children: locales["estimate.cost.submit.label"] }) }) : null
-  ] }) }) });
-};
-exports.OverlayComponent = OverlayComponent;

package/dist/components/EstimateCost/OverlayContext.cjs

@@ -1,15 +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 OverlayContext = react.createContext({
-  isOverlay: false
-});
-const useOverlay = () => react.useContext(OverlayContext);
-const OverlayContextProvider = ({
-  children,
-  value
-}) => /* @__PURE__ */ jsxRuntime.jsx(OverlayContext.Provider, { value, children });
-exports.OverlayContextProvider = OverlayContextProvider;
-exports.useOverlay = useOverlay;

package/dist/components/EstimateCost/constants.cjs

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const APPROXIMATE_HOURS_IN_MONTH = 730;
-const multiplier = {
-  days: 24,
-  hours: 1,
-  minutes: 1 / 60,
-  months: APPROXIMATE_HOURS_IN_MONTH,
-  seconds: 1 / 60 / 60
-};
-const maximumFractionDigits = {
-  days: 3,
-  hours: 5,
-  minutes: 8,
-  months: 2,
-  seconds: 10
-};
-const maximumFractionDigitsLong = {
-  days: 4,
-  hours: 8,
-  minutes: 10,
-  months: 2,
-  seconds: 12
-};
-exports.APPROXIMATE_HOURS_IN_MONTH = APPROXIMATE_HOURS_IN_MONTH;
-exports.maximumFractionDigits = maximumFractionDigits;
-exports.maximumFractionDigitsLong = maximumFractionDigitsLong;
-exports.multiplier = multiplier;

package/dist/components/EstimateCost/helper.cjs

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const constants = require("./constants.cjs");
-const calculatePrice = ({
-  price,
-  amount,
-  amountFree = 0,
-  timeUnit,
-  timeAmount,
-  discount = 0
-}) => {
-  const nonNanTimeAmount = Number.isNaN(timeAmount) ? 0 : timeAmount;
-  const value = (price - price * discount) * (nonNanTimeAmount * constants.multiplier[`${timeUnit}`]) * Math.max(amount - amountFree, 0);
-  return value;
-};
-exports.calculatePrice = calculatePrice;

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

@@ -1,23 +0,0 @@
-"use strict";
-const EstimateCostLocales = {
-  "estimate.cost.az.label": "Availability Zone",
-  "estimate.cost.beta.badge": "Beta Version",
-  "estimate.cost.beta.discount": "% off during Beta",
-  "estimate.cost.beta.free": "Free During Beta",
-  "estimate.cost.description": "This summary provides a cost estimation based on your configuration, the amount of time you expect to use the resource for, and the scale of your expected usage. For the purposes of this calculation, we consider that 1 month equals to 730 hours.",
-  "estimate.cost.fees.commitment": "Commitment Fees",
-  "estimate.cost.fees.monthly.title": "Each month",
-  "estimate.cost.fees.oneTime.title": "One time fees",
-  "estimate.cost.label": "Estimated cost",
-  "estimate.cost.notDefined": "Not defined",
-  "estimate.cost.region.label": "Region",
-  "estimate.cost.submit.label": "Create",
-  "estimate.cost.units.days.label": "Day(s)",
-  "estimate.cost.units.gb.label": "GB",
-  "estimate.cost.units.hours.label": "Hour(s)",
-  "estimate.cost.units.minutes.label": "Minute(s)",
-  "estimate.cost.units.months.label": "Month(s)",
-  "estimate.cost.units.seconds.label": "Second(s)",
-  "estimate.cost.units.years.label": "Year(s)"
-};
-module.exports = EstimateCostLocales;

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

@@ -1,50 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-;/* empty css                            */
-const createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var paddingLeftCell = "var(--uv_plus_sk5tga0)";
-var overlayMarginVar = "var(--uv_plus_sk5tga1)";
-var estimateCostImage = "uv_plus_sk5tga2";
-var estimateCostTable = { total: "uv_plus_sk5tga4 uv_plus_sk5tga3", noTotal: "uv_plus_sk5tga5 uv_plus_sk5tga3" };
-var estimateCostFeesTable = "uv_plus_sk5tga6 uv_plus_sk5tga3";
-var estimateCostPriceColumn = "uv_plus_sk5tga7";
-var estimateCostPriceCell = "uv_plus_sk5tga8";
-var estimateCostCell = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_plus_sk5tga9", variantClassNames: { hasBorder: { true: "uv_plus_sk5tgaa" }, primary: { true: "uv_plus_sk5tgab" } }, defaultVariants: {}, compoundVariants: [] });
-var estimateCostTotalPriceCell = "uv_plus_sk5tgac";
-var estimateCostEmptyTable = "uv_plus_sk5tgad";
-var estimateCostTitle = "uv_plus_sk5tgae";
-var estimateCostEmptyCell = "uv_plus_sk5tgaf";
-var estimateCostTimeCell = "uv_plus_sk5tgag";
-var estimateCostBadgeBeta = { "long": "uv_plus_sk5tgai uv_plus_sk5tgah", "short": "uv_plus_sk5tgaj uv_plus_sk5tgah" };
-var estimateCostOverlayRow = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_plus_sk5tgak", variantClassNames: { isFirstElement: { true: "uv_plus_sk5tgal" }, shouldBeHidden: { true: "uv_plus_sk5tgam" }, hideFromOverlay: { true: "uv_plus_sk5tgan" } }, defaultVariants: {}, compoundVariants: [] });
-var estimateCostBadge = "uv_plus_sk5tgao";
-var estimatecostFeesText = "uv_plus_sk5tgap";
-var estimateCostText = { beta: "uv_plus_sk5tgaq", notBeta: "uv_plus_sk5tgar" };
-var estimateCostCalculatorIcon = "uv_plus_sk5tgas";
-var estimateCostPriceCellContent = "uv_plus_sk5tgat";
-var estimateCostOverlayContainer = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_plus_sk5tgau", variantClassNames: { inView: { true: "uv_plus_sk5tgav", false: "uv_plus_sk5tgaw" } }, defaultVariants: {}, compoundVariants: [] });
-var estimateCostList = "uv_plus_sk5tgax";
-var estimateCostSideItem = "uv_plus_sk5tgay";
-exports.estimateCostBadge = estimateCostBadge;
-exports.estimateCostBadgeBeta = estimateCostBadgeBeta;
-exports.estimateCostCalculatorIcon = estimateCostCalculatorIcon;
-exports.estimateCostCell = estimateCostCell;
-exports.estimateCostEmptyCell = estimateCostEmptyCell;
-exports.estimateCostEmptyTable = estimateCostEmptyTable;
-exports.estimateCostFeesTable = estimateCostFeesTable;
-exports.estimateCostImage = estimateCostImage;
-exports.estimateCostList = estimateCostList;
-exports.estimateCostOverlayContainer = estimateCostOverlayContainer;
-exports.estimateCostOverlayRow = estimateCostOverlayRow;
-exports.estimateCostPriceCell = estimateCostPriceCell;
-exports.estimateCostPriceCellContent = estimateCostPriceCellContent;
-exports.estimateCostPriceColumn = estimateCostPriceColumn;
-exports.estimateCostSideItem = estimateCostSideItem;
-exports.estimateCostTable = estimateCostTable;
-exports.estimateCostText = estimateCostText;
-exports.estimateCostTimeCell = estimateCostTimeCell;
-exports.estimateCostTitle = estimateCostTitle;
-exports.estimateCostTotalPriceCell = estimateCostTotalPriceCell;
-exports.estimatecostFeesText = estimatecostFeesText;
-exports.overlayMarginVar = overlayMarginVar;
-exports.paddingLeftCell = paddingLeftCell;

package/dist/components/FAQ/index.cjs

@@ -1,49 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const ProductIcon = require("@ultraviolet/icons/product");
-const ui = require("@ultraviolet/ui");
-const styles_css = require("./styles.css.cjs");
-function _interopNamespaceCompat(e) {
-  if (e && typeof e === "object" && "default" in e) return e;
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-  if (e) {
-    for (const k in e) {
-      if (k !== "default") {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-const ProductIcon__namespace = /* @__PURE__ */ _interopNamespaceCompat(ProductIcon);
-const FAQ = ({
-  productIconName,
-  illustrationText,
-  title,
-  description,
-  notes,
-  style
-}) => {
-  const ProductIconUsed = productIconName ? ProductIcon__namespace[`${productIconName.charAt(0).toUpperCase() + productIconName.slice(1)}ProductIcon`] : null;
-  return /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { className: styles_css.faq, style, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { direction: "row", gap: 2, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-      !productIconName && illustrationText ? /* @__PURE__ */ jsxRuntime.jsx(ui.Bullet, { sentiment: "primary", children: illustrationText.toString() }) : null,
-      ProductIconUsed ? /* @__PURE__ */ jsxRuntime.jsx(ProductIconUsed, { size: "xlarge" }) : null
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { as: "p", prominence: "strong", variant: "bodyStronger", children: title }),
-      /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { as: "div", variant: "bodySmall", children: [
-        description,
-        notes ? /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { as: "small", italic: true, variant: "caption", children: notes }) : null
-      ] })
-    ] })
-  ] }) });
-};
-exports.FAQ = FAQ;

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

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-;/* empty css                            */
-var faq = "uv_plus_5imqkb0";
-exports.faq = faq;

package/dist/components/InfoTable/InfoTable.cjs

@@ -1,20 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const Cell = require("./components/Cell.cjs");
-const Row = require("./components/Row.cjs");
-const context = require("./context.cjs");
-const styles_css = require("./styles.css.cjs");
-const InfoTable = ({
-  children,
-  width,
-  className,
-  style,
-  "data-testid": dataTestId
-}) => /* @__PURE__ */ jsxRuntime.jsx(context.InfoTableContext.Provider, { value: {
-  width
-}, children: /* @__PURE__ */ jsxRuntime.jsx("dl", { className: `${className ? `${className} ` : ""}${styles_css.dl}`, "data-testid": dataTestId, style, children }) });
-InfoTable.Row = Row.InfoTableRow;
-InfoTable.Cell = Cell.InfoTableCell;
-exports.InfoTable = InfoTable;

package/dist/components/InfoTable/components/Cell.cjs

@@ -1,16 +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 InfoTableCell = ({
-  children,
-  title,
-  multiline = false,
-  style
-}) => /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { gap: "0.5", minWidth: "0", style, width: "100%", children: [
-  /* @__PURE__ */ jsxRuntime.jsx("dt", { className: styles_css.term, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { as: "div", prominence: "weak", sentiment: "neutral", variant: "bodySmallStrong", children: title }) }),
-  /* @__PURE__ */ jsxRuntime.jsx("dd", { className: styles_css.desc, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { as: "div", className: styles_css.cellText, oneLine: !multiline, prominence: "default", sentiment: "neutral", variant: "body", children }) })
-] });
-exports.InfoTableCell = InfoTableCell;

package/dist/components/InfoTable/components/Row.cjs

@@ -1,25 +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 dynamic = require("@vanilla-extract/dynamic");
-const react = require("react");
-const context = require("../context.cjs");
-const styles_css = require("../styles.css.cjs");
-const InfoTableRow = ({
-  children,
-  templateColumns,
-  style
-}) => {
-  const {
-    width
-  } = react.useContext(context.InfoTableContext);
-  return /* @__PURE__ */ jsxRuntime.jsx(ui.Row, { className: styles_css.infoTableRow, style: {
-    ...dynamic.assignInlineVars({
-      [styles_css.rowWidth]: width ?? "100%"
-    }),
-    ...style
-  }, templateColumns, children });
-};
-exports.InfoTableRow = InfoTableRow;

package/dist/components/InfoTable/context.cjs

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const react = require("react");
-const InfoTableContext = react.createContext({});
-exports.InfoTableContext = InfoTableContext;

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

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-;/* empty css                            */
-var rowWidth = "var(--uv_plus_h6pvpm0)";
-var dl = "uv_plus_h6pvpm1";
-var infoTableRow = "uv_plus_h6pvpm2";
-var term = "uv_plus_h6pvpm3";
-var desc = "uv_plus_h6pvpm4";
-var cellText = "uv_plus_h6pvpm5";
-exports.cellText = cellText;
-exports.desc = desc;
-exports.dl = dl;
-exports.infoTableRow = infoTableRow;
-exports.rowWidth = rowWidth;
-exports.term = term;

package/dist/components/Navigation/Footer.cjs

@@ -1,56 +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 ui = require("@ultraviolet/ui");
-const react = require("react");
-const NavigationProvider = require("./NavigationProvider.cjs");
-const styles_css = require("./styles.css.cjs");
-const Footer = ({
-  onToggleExpand,
-  contentRef
-}) => {
-  const {
-    expanded,
-    toggleExpand,
-    locales
-  } = NavigationProvider.useNavigation();
-  const isScrollAtBottom = react.useCallback(() => {
-    if (contentRef.current) {
-      if (contentRef.current.scrollTop + contentRef.current.offsetHeight >= contentRef.current.scrollHeight) {
-        return false;
-      }
-      return true;
-    }
-    return true;
-  }, [contentRef]);
-  const [footerHasOverflowStyle, setFooterHasOverflowStyle] = react.useState(isScrollAtBottom());
-  react.useEffect(() => {
-    const currentContentRef = contentRef.current;
-    const scroll = () => {
-      const hasOverflow = isScrollAtBottom();
-      if (footerHasOverflowStyle !== hasOverflow) {
-        setFooterHasOverflowStyle(hasOverflow);
-      }
-    };
-    if (currentContentRef) {
-      currentContentRef.addEventListener("scroll", scroll);
-    }
-    return () => {
-      currentContentRef?.removeEventListener("scroll", scroll);
-    };
-  }, [footerHasOverflowStyle, isScrollAtBottom, contentRef]);
-  react.useEffect(() => {
-    setFooterHasOverflowStyle(isScrollAtBottom());
-  }, [isScrollAtBottom]);
-  const Icon = react.useMemo(() => expanded ? icons.ArrowLeftDoubleIcon : icons.ArrowRightDoubleIcon, [expanded]);
-  const label = react.useMemo(() => expanded ? locales["navigation.collapse.button"] : locales["navigation.expand.button"], [expanded, locales]);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_css.navigationStickyFooter({
-    overflow: footerHasOverflowStyle
-  }), children: /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { placement: "right", text: label, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { "aria-label": label, onClick: () => {
-    toggleExpand();
-    onToggleExpand?.(!expanded);
-  }, sentiment: "neutral", size: "small", variant: "ghost", children: /* @__PURE__ */ jsxRuntime.jsx(Icon, {}) }) }) });
-};
-exports.Footer = Footer;

package/dist/components/Navigation/Header.cjs

@@ -1,18 +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 Header = react.memo(({
-  logo
-}) => {
-  const {
-    animation,
-    expanded
-  } = NavigationProvider.useNavigation();
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_css.navigationHeader, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Stack, { alignItems: "start", className: styles_css.navigationLogoContainer, justifyContent: !expanded ? "center" : void 0, children: typeof logo === "function" ? logo(animation ? false : expanded) : logo }) });
-});
-exports.Header = Header;

package/dist/components/Navigation/Navigation.cjs

@@ -1,18 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const Group = require("./components/Group.cjs");
-const Item = require("./components/Item.cjs");
-const PinnedItems = require("./components/PinnedItems.cjs");
-const Separator = require("./components/Separator.cjs");
-const NavigationContent = require("./NavigationContent.cjs");
-const Navigation = ({
-  children,
-  ...props
-}) => /* @__PURE__ */ jsxRuntime.jsx(NavigationContent.NavigationContent, { ...props, children });
-Navigation.Group = Group.Group;
-Navigation.Item = Item.Item;
-Navigation.PinnedItems = PinnedItems.PinnedItems;
-Navigation.Separator = Separator.Separator;
-exports.Navigation = Navigation;

package/dist/components/Navigation/NavigationContent.cjs

@@ -1,112 +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 dynamic = require("@vanilla-extract/dynamic");
-const react = require("react");
-const constants = require("./constants.cjs");
-const Footer = require("./Footer.cjs");
-const Header = require("./Header.cjs");
-const NavigationProvider = require("./NavigationProvider.cjs");
-const styles_css = require("./styles.css.cjs");
-const variables_css = require("./variables.css.cjs");
-const NavigationContent = ({
-  children,
-  logo,
-  onWidthResize,
-  className,
-  "data-testid": dataTestId,
-  id,
-  onToggleExpand
-}) => {
-  const context = NavigationProvider.useNavigation();
-  if (!context) {
-    throw new Error("Navigation should be inside NavigationProvider to use it properly.");
-  }
-  const {
-    setWidth,
-    width,
-    expanded,
-    toggleExpand,
-    animation,
-    navigationRef,
-    allowNavigationResize,
-    shouldAnimate
-  } = context;
-  const sliderRef = react.useRef(null);
-  const contentRef = react.useRef(null);
-  react.useEffect(() => {
-    let prevX;
-    let navRect;
-    let shouldCollapseOnMouseUp = false;
-    let shouldExpandOnMouseUp = false;
-    const mouseMove = (event) => {
-      if (prevX !== void 0) {
-        const navWidth = navRect?.width ?? 0;
-        const newWidth = navWidth + (event.clientX - prevX);
-        if (navigationRef.current && expanded) {
-          navigationRef.current.style.width = `${newWidth}px`;
-        }
-        if (newWidth <= constants.NAVIGATION_MIN_WIDTH) {
-          shouldCollapseOnMouseUp = true;
-        } else {
-          shouldCollapseOnMouseUp = false;
-        }
-        if (newWidth >= constants.NAVIGATION_COLLASPED_WIDTH && !expanded) {
-          shouldExpandOnMouseUp = true;
-        } else {
-          shouldExpandOnMouseUp = false;
-        }
-      }
-    };
-    const mousedown = (event) => {
-      document.body.style.pointerEvents = "none";
-      document.body.style.userSelect = "none";
-      prevX = event.clientX;
-      navRect = navigationRef.current?.getBoundingClientRect();
-      const mouseup = () => {
-        if (shouldCollapseOnMouseUp || shouldExpandOnMouseUp) {
-          toggleExpand();
-          onToggleExpand?.(!expanded);
-        }
-        if (navigationRef.current) {
-          if (!shouldCollapseOnMouseUp && !shouldExpandOnMouseUp) {
-            onWidthResize?.(navigationRef.current.offsetWidth);
-            setWidth?.(navigationRef.current.offsetWidth);
-          }
-          if (!expanded) {
-            navigationRef.current.style.width = "";
-          }
-        }
-        document.removeEventListener("mousemove", mouseMove);
-        window.removeEventListener("mouseup", mouseup);
-        document.body.style.pointerEvents = "";
-        document.body.style.userSelect = "";
-      };
-      document.addEventListener("mousemove", mouseMove);
-      window.addEventListener("mouseup", mouseup);
-    };
-    const sliderRefCurrent = sliderRef.current;
-    sliderRefCurrent?.addEventListener("mousedown", mousedown);
-    return () => {
-      sliderRefCurrent?.removeEventListener("mousedown", mousedown);
-    };
-  }, [expanded, navigationRef, onToggleExpand, onWidthResize, setWidth, toggleExpand]);
-  return /* @__PURE__ */ jsxRuntime.jsxs("nav", { className: `${className ? `${className} ` : ""}${styles_css.navigation}`, "data-testid": dataTestId, id, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles_css.navigationContainer({
-      animation: shouldAnimate ? animation : void 0,
-      expanded
-    }), ref: navigationRef, style: dynamic.assignInlineVars({
-      [variables_css.widthNavigationContainer]: `${width}px`
-    }), children: [
-      logo ? /* @__PURE__ */ jsxRuntime.jsx(Header.Header, { logo }) : null,
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${styles_css.navigationContentContainer}${expanded ? "" : ` ${styles_css.navigationContentContainerCollapsed}`}`, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Stack, { className: styles_css.navigationContent, gap: 0.25, ref: contentRef, children }),
-        allowNavigationResize ? /* @__PURE__ */ jsxRuntime.jsx(Footer.Footer, { contentRef, onToggleExpand }) : null
-      ] })
-    ] }),
-    allowNavigationResize ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_css.navigationSlider, "data-testid": "slider", ref: sliderRef }) : null
-  ] });
-};
-exports.NavigationContent = NavigationContent;