@ultraviolet/ui 3.0.0-beta.26 → 3.0.0-beta.28

package/dist/components/InfiniteScroll/index.cjs

@@ -1,91 +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 index = require("../Loader/index.cjs");
-const HEIGHT_THRESHOLD = 100;
-const InfiniteScroll = ({
-  className,
-  "data-testid": dataTestId,
-  onLoadMore,
-  scrollParentRef,
-  height = "2.5rem",
-  loader,
-  id,
-  as: Component = "div",
-  hasMore = true,
-  heightThreshold = HEIGHT_THRESHOLD,
-  style
-}) => {
-  const [isLoading, setIsLoading] = react.useState(false);
-  const containerRef = react.useRef(null);
-  const debounce = react.useCallback((func, delay) => {
-    let timeoutId;
-    return () => {
-      if (timeoutId) {
-        clearTimeout(timeoutId);
-      }
-      timeoutId = setTimeout(() => {
-        func();
-      }, delay);
-    };
-  }, []);
-  const handleScroll = react.useCallback((scrollableContainer) => {
-    if (!containerRef.current) {
-      return;
-    }
-    if (!onLoadMore) {
-      return;
-    }
-    const {
-      scrollTop,
-      scrollHeight,
-      clientHeight
-    } = scrollableContainer;
-    if (scrollTop + clientHeight >= scrollHeight - heightThreshold) {
-      setIsLoading(true);
-      const result = onLoadMore();
-      if (result instanceof Promise) {
-        result.then(() => {
-          setIsLoading(false);
-        }).catch((error) => {
-          setIsLoading(false);
-          throw error;
-        });
-      }
-    }
-  }, [onLoadMore, heightThreshold]);
-  react.useEffect(() => {
-    if (!hasMore) {
-      return;
-    }
-    let scrollableContainer = scrollParentRef?.current || containerRef.current?.parentElement;
-    while (scrollableContainer && scrollableContainer !== document.body) {
-      const {
-        overflowY
-      } = window.getComputedStyle(scrollableContainer);
-      if (overflowY === "auto" || overflowY === "scroll") {
-        break;
-      }
-      scrollableContainer = scrollableContainer.parentElement;
-    }
-    if (!scrollableContainer) {
-      return;
-    }
-    const debouncedHandleScroll = debounce(() => handleScroll(scrollableContainer), 100);
-    scrollableContainer.addEventListener("scroll", debouncedHandleScroll);
-    return () => {
-      scrollableContainer.removeEventListener("scroll", debouncedHandleScroll);
-    };
-  }, [debounce, handleScroll, hasMore, onLoadMore, scrollParentRef]);
-  const localLoader = react.useMemo(() => loader || /* @__PURE__ */ jsxRuntime.jsx(index.Loader, { active: true }), [loader]);
-  if (isLoading) {
-    return localLoader;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(Component, { className, "data-testid": dataTestId, id, ref: containerRef, role: "feed", style: {
-    height,
-    ...style
-  } });
-};
-exports.InfiniteScroll = InfiniteScroll;

package/dist/components/Key/index.cjs

@@ -1,45 +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 index = require("../Text/index.cjs");
-const styles_css = require("./styles.css.cjs");
-const KEYS_MATCH = {
-  backspace: "⌫",
-  command: "⌘",
-  control: "⌃",
-  enter: "↵",
-  option: "⌥",
-  shift: "⇧"
-};
-const Key = ({
-  children,
-  prominence = "default",
-  disabled,
-  size = "medium",
-  sentiment = "neutral",
-  id,
-  className,
-  "data-testid": dataTestId,
-  style
-}) => {
-  const specialKey = react.useMemo(() => Object.keys(KEYS_MATCH).find((key) => key === children.toLowerCase()), [children]);
-  const textProminence = react.useMemo(() => {
-    if (prominence === "default") {
-      return "default";
-    }
-    if (sentiment === "primary") {
-      return "strong";
-    }
-    return "stronger";
-  }, [sentiment, prominence]);
-  return /* @__PURE__ */ jsxRuntime.jsx("kbd", { className: `${className ? `${className} ` : ""}${styles_css.key({
-    disabled,
-    prominence,
-    sentiment,
-    size
-  })}`, "data-disabled": disabled, "data-prominence": prominence, "data-sentiment": sentiment, "data-size": size, "data-testid": dataTestId, id, style, children: /* @__PURE__ */ jsxRuntime.jsx(index.Text, { as: "span", disabled, prominence: textProminence, sentiment, variant: size === "medium" ? "caption" : "captionSmall", children: specialKey ? KEYS_MATCH[specialKey] : children }) });
-};
-exports.KEYS_MATCH = KEYS_MATCH;
-exports.Key = Key;

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

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-;/* empty css                            */
-const createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var key = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_1g4bp0q0", variantClassNames: { prominence: { strong: "uv_1g4bp0q1", "default": "uv_1g4bp0q2" }, disabled: { true: "uv_1g4bp0q3" }, sentiment: { primary: "uv_1g4bp0q4", neutral: "uv_1g4bp0q5" }, size: { small: "uv_1g4bp0q6", medium: "uv_1g4bp0q7" } }, defaultVariants: { prominence: "default", disabled: false, size: "medium", sentiment: "neutral" }, compoundVariants: [[{ prominence: "strong", sentiment: "neutral" }, "uv_1g4bp0q8"], [{ sentiment: "neutral", prominence: "strong", disabled: true }, "uv_1g4bp0q9"], [{ disabled: true, sentiment: "neutral" }, "uv_1g4bp0qa"], [{ sentiment: "primary", prominence: "strong" }, "uv_1g4bp0qb"], [{ sentiment: "primary", prominence: "strong", disabled: true }, "uv_1g4bp0qc"], [{ disabled: true, sentiment: "primary" }, "uv_1g4bp0qd"]] });
-exports.key = key;

package/dist/components/Label/index.cjs

@@ -1,52 +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 index = require("../Stack/index.cjs");
-const index$1 = require("../Text/index.cjs");
-const styles_css = require("./styles.css.cjs");
-const LabelRequiredOrNot = ({
-  children,
-  required,
-  id,
-  size,
-  htmlFor,
-  as,
-  sentiment,
-  disabled,
-  style
-}) => {
-  const textPointerValue = react.useMemo(() => {
-    if (disabled) {
-      return "disabled";
-    }
-    if (htmlFor) {
-      return "htmlFor";
-    }
-    return "default";
-  }, [disabled, htmlFor]);
-  if (required) {
-    return /* @__PURE__ */ jsxRuntime.jsxs(index.Stack, { alignItems: "start", direction: "row", gap: "0.5", style, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(index$1.Text, { as: as === "label" ? "label" : "legend", className: styles_css.textPointer[textPointerValue], disabled, htmlFor, id, sentiment, variant: size === "large" ? "bodyStrong" : "bodySmallStrong", children }),
-      /* @__PURE__ */ jsxRuntime.jsx(index$1.Text, { "aria-label": "required", as: "span", disabled, sentiment: "danger", variant: size === "large" ? "bodyStrong" : "bodySmallStrong", children: "*" })
-    ] });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(index$1.Text, { as: as === "label" ? "label" : "legend", className: styles_css.textPointer[textPointerValue], disabled, htmlFor, id, sentiment, style, variant: size === "large" ? "bodyStrong" : "bodySmallStrong", children });
-};
-const Label = ({
-  as = "label",
-  children,
-  labelDescription,
-  required,
-  size = "large",
-  htmlFor,
-  id,
-  sentiment = "neutral",
-  disabled,
-  style
-}) => labelDescription ? /* @__PURE__ */ jsxRuntime.jsxs(index.Stack, { alignItems: "center", direction: "row", gap: "1", children: [
-  /* @__PURE__ */ jsxRuntime.jsx(LabelRequiredOrNot, { as, disabled, htmlFor, id, required, sentiment, size, style, children }),
-  typeof labelDescription === "string" ? /* @__PURE__ */ jsxRuntime.jsx(index$1.Text, { as: "span", variant: "bodySmall", children: labelDescription }) : labelDescription
-] }) : /* @__PURE__ */ jsxRuntime.jsx(LabelRequiredOrNot, { as, disabled, htmlFor, id, required, sentiment, size, style, children });
-exports.Label = Label;

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

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-;/* empty css                            */
-var textPointer = { disabled: "uv_17td3g90", htmlFor: "uv_17td3g91", "default": "uv_17td3g92" };
-exports.textPointer = textPointer;

package/dist/components/LineChart/CustomLegend.cjs

@@ -1,64 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const themes = require("@ultraviolet/themes");
-const dynamic = require("@vanilla-extract/dynamic");
-const legend = require("../../helpers/legend.cjs");
-const index = require("../Checkbox/index.cjs");
-const index$1 = require("../Text/index.cjs");
-const helpers = require("./helpers.cjs");
-const styles_css = require("./styles.css.cjs");
-const Cell = ({
-  value,
-  variant
-}) => /* @__PURE__ */ jsxRuntime.jsx(index$1.Text, { as: "span", className: styles_css.textLegend, sentiment: "neutral", variant, children: value });
-const noop = (value) => value.toString();
-const CustomLegend = ({
-  axisTransformer = noop,
-  data,
-  selected,
-  setSelected,
-  className,
-  "data-testid": dataTestId
-}) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${className ? `${className} ` : ""}${styles_css.container}`, "data-testid": dataTestId, children: [
-  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles_css.lineChartHead, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_css.longContainer, children: "Legend" }),
-    /* @__PURE__ */ jsxRuntime.jsx(Cell, { value: "Minimum", variant: "body" }),
-    /* @__PURE__ */ jsxRuntime.jsx(Cell, { value: "Maximum", variant: "body" }),
-    /* @__PURE__ */ jsxRuntime.jsx(Cell, { value: "Average", variant: "body" }),
-    /* @__PURE__ */ jsxRuntime.jsx(Cell, { value: "Current", variant: "body" })
-  ] }),
-  /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_css.lineChartBody, children: data?.map((row, index$2) => {
-    const values = row.data.map((val) => val.y);
-    const labelIndexed = `${row.id}${index$2}`;
-    const id = row.id.toString();
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        className: styles_css.lineChartRow,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_css.longContainer, children: /* @__PURE__ */ jsxRuntime.jsx(index.Checkbox, { checked: selected.includes(labelIndexed), name: id, onChange: () => setSelected([...helpers.getSelected(id, index$2, selected)]), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles_css.cellValueContainer, children: [
-            /* @__PURE__ */ jsxRuntime.jsx(index$1.Text, { as: "span", sentiment: "neutral", variant: "bodySmall", children: row?.["label"] }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "div",
-              {
-                className: styles_css.lineChartLegend,
-                "data-testid": `label-${id}`,
-                style: dynamic.assignInlineVars({
-                  [styles_css.backgroundColorLegend]: legend.getLegendColor(themes.theme)[index$2]
-                })
-              }
-            )
-          ] }) }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(Cell, { value: axisTransformer(helpers.getMin(values)), variant: "bodySmall" }),
-          /* @__PURE__ */ jsxRuntime.jsx(Cell, { value: axisTransformer(helpers.getMax(values)), variant: "bodySmall" }),
-          /* @__PURE__ */ jsxRuntime.jsx(Cell, { value: axisTransformer(helpers.getAverage(values)), variant: "bodySmall" }),
-          /* @__PURE__ */ jsxRuntime.jsx(Cell, { value: axisTransformer(helpers.getCurrent(values)), variant: "bodySmall" })
-        ]
-      },
-      labelIndexed
-    );
-  }) })
-] });
-exports.CustomLegend = CustomLegend;

package/dist/components/LineChart/Tooltip.cjs

@@ -1,19 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const dynamic = require("@vanilla-extract/dynamic");
-const index = require("../Text/index.cjs");
-const styles_css = require("./styles.css.cjs");
-const LineChartTooltip = ({
-  point
-}) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles_css.lineTooltipContainer, children: [
-  /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles_css.lineColorSquare, style: dynamic.assignInlineVars({
-    [styles_css.colorLine]: point.serieColor
-  }) }) }),
-  /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(index.Text, { as: "div", prominence: "stronger", sentiment: "neutral", variant: "bodyStronger", children: point.data.yFormatted }),
-    /* @__PURE__ */ jsxRuntime.jsx(index.Text, { as: "div", prominence: "stronger", sentiment: "neutral", variant: "bodySmall", children: point.data.xFormatted })
-  ] })
-] });
-exports.LineChartTooltip = LineChartTooltip;

package/dist/components/LineChart/helpers.cjs

@@ -1,57 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const parse = (data) => {
-  if (typeof data === "number") {
-    return data || 0;
-  }
-  if (typeof data === "string") {
-    return Number.parseFloat(data) || 0;
-  }
-  if (data instanceof Date) {
-    return data.getTime();
-  }
-  return 0;
-};
-const getMin = (values = []) => values.length > 0 ? Math.min(...values.map(parse)) : 0;
-const getMax = (values = []) => values.length > 0 ? Math.max(...values.map(parse)) : 0;
-const getAverage = (values = []) => values.length > 0 ? Math.round(values.reduce((sum, curr) => sum + parse(curr), 0) / values.length * 100) / 100 : 0;
-const getMaxChartValue = (preppedData) => {
-  if (!preppedData?.length) {
-    return 0;
-  }
-  const maximum = Math.max(...preppedData.map(({
-    data
-  }) => getMax(data.map(({
-    y
-  }) => y || 0))));
-  return Math.ceil(maximum + maximum * 0.1);
-};
-const getMinChartValue = (preppedData) => {
-  if (!preppedData?.length) {
-    return 0;
-  }
-  const minimum = Math.min(...preppedData.map(({
-    data
-  }) => getMin(data.map(({
-    y
-  }) => y || 0))));
-  return Math.floor(minimum - minimum * 0.1);
-};
-const getCurrent = (values = []) => values.length > 0 ? values[values.length - 1] : 0;
-const getSelected = (label, index, selected = []) => {
-  const labelIndexed = label + index.toString();
-  const found = selected.indexOf(labelIndexed);
-  if (found !== -1) {
-    selected.splice(found, 1);
-  } else {
-    selected.push(labelIndexed);
-  }
-  return selected;
-};
-exports.getAverage = getAverage;
-exports.getCurrent = getCurrent;
-exports.getMax = getMax;
-exports.getMaxChartValue = getMaxChartValue;
-exports.getMin = getMin;
-exports.getMinChartValue = getMinChartValue;
-exports.getSelected = getSelected;

package/dist/components/LineChart/index.cjs

@@ -1,92 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const line = require("@nivo/line");
-const themes = require("@ultraviolet/themes");
-const react = require("react");
-const legend = require("../../helpers/legend.cjs");
-const nivoTheme = require("../../helpers/nivoTheme.cjs");
-const CustomLegend = require("./CustomLegend.cjs");
-const helpers = require("./helpers.cjs");
-const Tooltip = require("./Tooltip.cjs");
-const DEFAULT_MARGIN = {
-  bottom: 50,
-  left: 60,
-  right: 25,
-  top: 50
-};
-const DEFAULT_XSCALE = {
-  format: "%Y-%m-%dT%H:%M:%S%Z",
-  // 2021-08-30T02:56:07Z
-  precision: "minute",
-  type: "time",
-  useUTC: false
-};
-const DEFAULT_YSCALE = {
-  type: "linear"
-};
-const DEFAULT_CHARTPROPS = {};
-const LineChart = ({
-  height = "537px",
-  // to maintain aspect ratio based on our standard 1074px width
-  margin = DEFAULT_MARGIN,
-  xScale = DEFAULT_XSCALE,
-  yScale = DEFAULT_YSCALE,
-  data,
-  withLegend = false,
-  axisFormatters,
-  pointFormatters,
-  tickValues,
-  chartProps = DEFAULT_CHARTPROPS,
-  style,
-  "data-testid": dataTestId
-}) => {
-  const theme = themes.useTheme();
-  const dataset = {
-    datasets: data?.map((d) => ({
-      data: d.data,
-      id: d.id,
-      label: d?.["label"]
-    }))
-  };
-  const [selected, setSelected] = react.useState(dataset.datasets?.map(({
-    id
-  }, index) => `${id}${index}`));
-  const finalData = dataset.datasets?.filter(({
-    id
-  }, index) => selected ? selected.includes(`${id}${index}`) : false);
-  react.useEffect(() => {
-    if (selected !== void 0) {
-      return;
-    }
-    setSelected(dataset.datasets?.map(({
-      id
-    }, index) => `${id}${index}`));
-  }, [dataset.datasets, selected]);
-  const localColors = legend.getLegendColor(theme);
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { style: {
-      height,
-      ...style
-    }, children: /* @__PURE__ */ jsxRuntime.jsx(line.ResponsiveLine, { axisBottom: {
-      format: axisFormatters?.bottom,
-      tickPadding: 5,
-      tickRotation: 0,
-      tickSize: 5,
-      tickValues: tickValues?.bottom
-    }, axisLeft: {
-      format: axisFormatters?.left,
-      tickPadding: 5,
-      tickRotation: 0,
-      tickSize: 5,
-      tickValues: tickValues?.left
-    }, colors: localColors, curve: "monotoneX", data: finalData ?? [], "data-testid": dataTestId, margin, pointSize: 10, theme: nivoTheme.getNivoTheme(theme), tooltip: Tooltip.LineChartTooltip, useMesh: true, xFormat: pointFormatters?.x, xScale, yFormat: pointFormatters?.y, yScale: {
-      max: helpers.getMaxChartValue(finalData),
-      min: helpers.getMinChartValue(finalData),
-      ...yScale
-    }, ...chartProps }) }),
-    withLegend && /* @__PURE__ */ jsxRuntime.jsx(CustomLegend.CustomLegend, { axisTransformer: axisFormatters?.left, data: dataset.datasets, selected: selected ?? [], setSelected })
-  ] });
-};
-exports.LineChart = LineChart;

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

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-;/* empty css                            */
-var colorLine = "var(--uv_8i9lug0)";
-var backgroundColorLegend = "var(--uv_8i9lug1)";
-var textLegend = "uv_8i9lug2";
-var cellValueContainer = "uv_8i9lug3";
-var longContainer = "uv_8i9lug4";
-var container = "uv_8i9lug5";
-var lineTooltipContainer = "uv_8i9lug6";
-var lineColorSquare = "uv_8i9lug7";
-var lineChartBody = "uv_8i9lug8";
-var lineChartHead = "uv_8i9lug9";
-var lineChartLegend = "uv_8i9luga";
-var lineChartRow = "uv_8i9lugb";
-exports.backgroundColorLegend = backgroundColorLegend;
-exports.cellValueContainer = cellValueContainer;
-exports.colorLine = colorLine;
-exports.container = container;
-exports.lineChartBody = lineChartBody;
-exports.lineChartHead = lineChartHead;
-exports.lineChartLegend = lineChartLegend;
-exports.lineChartRow = lineChartRow;
-exports.lineColorSquare = lineColorSquare;
-exports.lineTooltipContainer = lineTooltipContainer;
-exports.longContainer = longContainer;
-exports.textLegend = textLegend;

package/dist/components/Link/index.cjs

@@ -1,69 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const Icon = require("@ultraviolet/icons");
-const react = require("react");
-const recursivelyGetChildrenString = require("../../helpers/recursivelyGetChildrenString.cjs");
-const index = require("../Tooltip/index.cjs");
-const styles_css = require("./styles.css.cjs");
-const ICON_SIZE = "small";
-const BLANK_TARGET_ICON_SIZE = "small";
-const Link = react.forwardRef(({
-  children,
-  href,
-  target,
-  download,
-  sentiment = "info",
-  prominence,
-  size = "large",
-  iconPosition,
-  rel,
-  className,
-  onClick,
-  "aria-label": ariaLabel,
-  "aria-current": ariaCurrent,
-  "aria-keyshortcuts": ariaKeyshortcuts,
-  oneLine = false,
-  "data-testid": dataTestId,
-  variant = "standalone",
-  style
-}, ref) => {
-  const isBlank = target === "_blank";
-  const computedRel = rel || (isBlank ? "noopener noreferrer" : void 0);
-  const [isTruncated, setIsTruncated] = react.useState(false);
-  const elementRef = react.useRef(null);
-  const usedRef = ref ?? elementRef;
-  const finalStringChildren = recursivelyGetChildrenString(children);
-  const textVariant = react.useMemo(() => {
-    if (size === "xsmall") {
-      return "captionStrong";
-    }
-    if (size === "small") {
-      return "bodySmallStrong";
-    }
-    return "bodyStrong";
-  }, [size]);
-  react.useEffect(() => {
-    if (oneLine && usedRef?.current) {
-      const {
-        offsetWidth,
-        scrollWidth
-      } = usedRef.current;
-      setIsTruncated(offsetWidth < scrollWidth);
-    }
-  }, [oneLine, ref, usedRef]);
-  return /* @__PURE__ */ jsxRuntime.jsx(index.Tooltip, { text: oneLine && isTruncated ? finalStringChildren : "", children: /* @__PURE__ */ jsxRuntime.jsxs("a", { "aria-current": ariaCurrent, "aria-keyshortcuts": ariaKeyshortcuts, "aria-label": ariaLabel, className: `${className ? `${className} ` : ""}${styles_css.link({
-    oneLine,
-    prominence,
-    sentiment,
-    type: variant,
-    variant: textVariant
-  })} ${styles_css.defaultLink}`, "data-testid": dataTestId, "data-variant": variant, download, href, onClick, ref: usedRef, rel: computedRel, style, target, children: [
-    !isBlank && iconPosition === "left" ? /* @__PURE__ */ jsxRuntime.jsx(Icon.ArrowLeftIcon, { className: styles_css.iconLeftLink, size: ICON_SIZE }) : null,
-    children,
-    isBlank ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles_css.containerIconLink, children: /* @__PURE__ */ jsxRuntime.jsx(Icon.OpenInNewIcon, { className: styles_css.iconRightLink, size: BLANK_TARGET_ICON_SIZE }) }) : null,
-    !isBlank && iconPosition === "right" ? /* @__PURE__ */ jsxRuntime.jsx(Icon.ArrowRightIcon, { className: styles_css.iconRightLink, size: ICON_SIZE }) : null
-  ] }) });
-});
-exports.Link = Link;

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

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-;/* empty css                            */
-const createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var link = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_1dtqm9e0", variantClassNames: { sentiment: { primary: "uv_1dtqm9e1", info: "uv_1dtqm9e2" }, prominence: { "default": "uv_1dtqm9e3", strong: "uv_1dtqm9e4", stronger: "uv_1dtqm9e5", weak: "uv_1dtqm9e6" }, oneLine: { true: "uv_1dtqm9e7", false: "uv_1dtqm9e8" }, variant: { captionStrong: "uv_1dtqm9e9", bodySmallStrong: "uv_1dtqm9ea", bodyStrong: "uv_1dtqm9eb" }, type: { inline: "uv_1dtqm9ec", standalone: "uv_1dtqm9ed" } }, defaultVariants: { prominence: "default", sentiment: "info", oneLine: false, variant: "bodyStrong", type: "standalone" }, compoundVariants: [[{ sentiment: "primary", prominence: "default" }, "uv_1dtqm9ee"], [{ sentiment: "primary", prominence: "strong" }, "uv_1dtqm9ef"], [{ sentiment: "primary", prominence: "stronger" }, "uv_1dtqm9eg"], [{ sentiment: "primary", prominence: "weak" }, "uv_1dtqm9eh"], [{ sentiment: "info", prominence: "default" }, "uv_1dtqm9ei"], [{ sentiment: "info", prominence: "strong" }, "uv_1dtqm9ej"], [{ sentiment: "info", prominence: "stronger" }, "uv_1dtqm9ek"], [{ sentiment: "info", prominence: "weak" }, "uv_1dtqm9el"]] });
-var containerIconLink = "uv_1dtqm9em";
-var defaultLink = "uv_1dtqm9en";
-var iconLeftLink = "uv_1dtqm9eo";
-var iconRightLink = "uv_1dtqm9ep";
-exports.containerIconLink = containerIconLink;
-exports.defaultLink = defaultLink;
-exports.iconLeftLink = iconLeftLink;
-exports.iconRightLink = iconRightLink;
-exports.link = link;

package/dist/components/List/Cell.cjs

@@ -1,31 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const dynamic = require("@vanilla-extract/dynamic");
-const react = require("react");
-const ColumnProvider = require("./ColumnProvider.cjs");
-const styles_css = require("./styles.css.cjs");
-const variables_css = require("./variables.css.cjs");
-const Cell = react.forwardRef(({
-  children,
-  className,
-  "data-testid": dataTestid,
-  colSpan,
-  style
-}, ref) => {
-  const {
-    maxWidth,
-    minWidth,
-    width
-  } = ColumnProvider.useColumnProvider();
-  return /* @__PURE__ */ jsxRuntime.jsx("td", { className: `${className ? `${className} ` : ""}${styles_css.listCell}`, colSpan, "data-testid": dataTestid, ref, style: {
-    ...dynamic.assignInlineVars({
-      [variables_css.widthCell]: width,
-      [variables_css.minWidthCell]: minWidth,
-      [variables_css.maxWidthCell]: maxWidth
-    }),
-    ...style
-  }, children });
-});
-exports.Cell = Cell;

package/dist/components/List/ColumnProvider.cjs

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const react = require("react");
-const ColumnContext = react.createContext(void 0);
-const ColumnProvider = ({
-  width,
-  minWidth,
-  maxWidth,
-  children
-}) => /* @__PURE__ */ jsxRuntime.jsx(ColumnContext.Provider, { value: {
-  maxWidth: maxWidth ?? "none",
-  minWidth: minWidth ?? "auto",
-  width: width ?? "auto"
-}, children });
-const useColumnProvider = () => {
-  const context = react.useContext(ColumnContext);
-  if (!context) {
-    return {
-      maxWidth: "none",
-      minWidth: "auto",
-      width: "auto"
-    };
-  }
-  return context;
-};
-exports.ColumnProvider = ColumnProvider;
-exports.useColumnProvider = useColumnProvider;

package/dist/components/List/HeaderCell.cjs

@@ -1,49 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const Icon = require("@ultraviolet/icons");
-const dynamic = require("@vanilla-extract/dynamic");
-const index = require("../Stack/index.cjs");
-const index$1 = require("../Tooltip/index.cjs");
-const styles_css = require("./styles.css.cjs");
-const variables_css = require("./variables.css.cjs");
-const SortIcon = ({
-  order
-}) => order ? /* @__PURE__ */ jsxRuntime.jsx(Icon.SouthShortIcon, { className: styles_css.listSortIcon[order], sentiment: "primary" }) : /* @__PURE__ */ jsxRuntime.jsx(Icon.SortIcon, { sentiment: "neutral" });
-const HeaderCell = ({
-  children,
-  isOrdered,
-  orderDirection,
-  onOrder,
-  className,
-  info,
-  width,
-  minWidth,
-  maxWidth
-}) => {
-  let order;
-  if (isOrdered && orderDirection === "asc") {
-    order = "ascending";
-  } else if (isOrdered && orderDirection === "desc") {
-    order = "descending";
-  }
-  const handleOrder = onOrder ? () => onOrder(order === "ascending" ? "desc" : "asc") : void 0;
-  return /* @__PURE__ */ jsxRuntime.jsx("th", { "aria-sort": order, className: `${className ? `${className} ` : ""}${styles_css.listHeaderCell}`, onClick: handleOrder, onKeyDown: handleOrder ? (event) => {
-    if (event.key === " " || event.key === "Enter") {
-      handleOrder();
-      if (event.key === " ") {
-        event.preventDefault();
-      }
-    }
-  } : void 0, role: onOrder ? "button columnheader" : void 0, style: dynamic.assignInlineVars({
-    [variables_css.widthHeaderCell]: width,
-    [variables_css.minWidthHeaderCell]: minWidth,
-    [variables_css.maxWidthHeaderCell]: maxWidth
-  }), tabIndex: handleOrder ? 0 : -1, children: /* @__PURE__ */ jsxRuntime.jsxs(index.Stack, { alignItems: "center", direction: "row", gap: 1, children: [
-    children,
-    info ? /* @__PURE__ */ jsxRuntime.jsx(index$1.Tooltip, { text: info, children: /* @__PURE__ */ jsxRuntime.jsx(Icon.InformationOutlineIcon, { prominence: "weak", sentiment: "neutral", size: "small" }) }) : null,
-    orderDirection !== void 0 && isOrdered !== void 0 ? /* @__PURE__ */ jsxRuntime.jsx(SortIcon, { order }) : null
-  ] }) });
-};
-exports.HeaderCell = HeaderCell;