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

package/dist/components/List/HeaderRow.cjs

@@ -1,26 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const index = require("../Checkbox/index.cjs");
-const HeaderCell = require("./HeaderCell.cjs");
-const ListContext = require("./ListContext.cjs");
-const styles_css = require("./styles.css.cjs");
-const HeaderRow = ({
-  children,
-  hasSelectAllColumn
-}) => {
-  const {
-    allRowSelectValue,
-    selectAllHandler,
-    selectedRowIds,
-    expandButton
-  } = ListContext.useListContext();
-  const selectableRowCount = Object.keys(selectedRowIds).length;
-  return /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: styles_css.listHeaderRow, children: [
-    hasSelectAllColumn ? /* @__PURE__ */ jsxRuntime.jsx(HeaderCell.HeaderCell, { className: styles_css.listNoPaddingHeaderCell, children: /* @__PURE__ */ jsxRuntime.jsx(index.Checkbox, { "aria-label": "select all", checked: allRowSelectValue, disabled: selectableRowCount === 0, name: "list-select-checkbox", onChange: selectAllHandler, value: "all" }) }) : null,
-    expandButton ? /* @__PURE__ */ jsxRuntime.jsx(HeaderCell.HeaderCell, { className: styles_css.listNoPaddingHeaderCell, children: null }) : null,
-    children
-  ] }) });
-};
-exports.HeaderRow = HeaderRow;

package/dist/components/List/ListContext.cjs

@@ -1,210 +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 ListContext = react.createContext(void 0);
-const checkStateOfCheckboxs = (ids) => {
-  const selectableRowCount = Object.keys(ids).length;
-  const selectableValuesCount = new Set(Object.values(ids));
-  if (!selectableRowCount) {
-    return false;
-  }
-  if (selectableValuesCount.size === 1) {
-    return [...selectableValuesCount][0];
-  }
-  return "indeterminate";
-};
-const ListProvider = ({
-  children,
-  autoCollapse,
-  selectable,
-  expandButton,
-  onSelectedChange,
-  columns
-}) => {
-  const [expandedRowIds, setExpandedRowIds] = react.useState({});
-  const [selectedRowIds, setSelectedRowIds] = react.useState({});
-  const [lastCheckedCheckbox, setLastCheckedCheckbox] = react.useState();
-  const [inRange, setInRange] = react.useState([]);
-  const [refList, setRefList] = react.useState([]);
-  const registerExpandableRow = react.useCallback((rowId, expanded = false) => {
-    setExpandedRowIds((current) => ({
-      ...current,
-      [rowId]: expanded
-    }));
-    return () => {
-      setExpandedRowIds((current) => {
-        const {
-          [rowId]: relatedId,
-          ...otherIds
-        } = current;
-        return otherIds;
-      });
-    };
-  }, []);
-  const registerSelectableRow = react.useCallback((rowId) => {
-    setSelectedRowIds((current) => ({
-      ...current,
-      [rowId]: false
-    }));
-    return () => {
-      setSelectedRowIds((current) => {
-        const {
-          [rowId]: relatedId,
-          ...otherIds
-        } = current;
-        return otherIds;
-      });
-    };
-  }, []);
-  const expandRow = react.useCallback((rowId) => {
-    setExpandedRowIds((current) => ({
-      ...autoCollapse ? {} : current,
-      [rowId]: true
-    }));
-  }, [autoCollapse]);
-  const collapseRow = react.useCallback((rowId) => {
-    setExpandedRowIds((current) => ({
-      ...current,
-      [rowId]: false
-    }));
-  }, []);
-  const allRowSelectValue = react.useMemo(() => checkStateOfCheckboxs(selectedRowIds), [selectedRowIds]);
-  const selectRows = react.useCallback((rowIds, state) => {
-    const newSelectedRowIds = rowIds.reduce((acc, rowId) => ({
-      ...acc,
-      [rowId]: state
-    }), selectedRowIds);
-    setSelectedRowIds(newSelectedRowIds);
-    if (onSelectedChange) {
-      onSelectedChange(Object.keys(newSelectedRowIds).filter((row) => newSelectedRowIds[row]));
-    }
-  }, [onSelectedChange, selectedRowIds]);
-  const selectAll = react.useCallback(() => {
-    selectRows(Object.keys(selectedRowIds), true);
-  }, [selectRows, selectedRowIds]);
-  const unselectAll = react.useCallback(() => {
-    selectRows(Object.keys(selectedRowIds), false);
-  }, [selectRows, selectedRowIds]);
-  const selectRow = react.useCallback((rowId) => {
-    selectRows([rowId], true);
-  }, [selectRows]);
-  const unselectRow = react.useCallback((rowId) => {
-    selectRows([rowId], false);
-  }, [selectRows]);
-  const selectAllHandler = react.useCallback(() => {
-    if (allRowSelectValue && [true, "indeterminate"].includes(allRowSelectValue)) {
-      unselectAll();
-    }
-    if (allRowSelectValue === false) {
-      selectAll();
-    }
-    setLastCheckedCheckbox(void 0);
-  }, [allRowSelectValue, unselectAll, selectAll]);
-  const subscribeHandler = react.useCallback(() => {
-    const handlers = [];
-    const updatedRefList = [...new Set(refList.filter((checkbox) => document.contains(checkbox.current) && checkbox.current))];
-    setRefList(updatedRefList);
-    const handleHover = (index, isShiftPressed, leaving) => {
-      const newRange = [];
-      if (lastCheckedCheckbox) {
-        const targetCheckbox = updatedRefList.find((checkbox) => checkbox.current?.value === lastCheckedCheckbox);
-        if (isShiftPressed && targetCheckbox && !leaving) {
-          const lastCheckedIndex = updatedRefList.indexOf(targetCheckbox);
-          const start = Math.min(lastCheckedIndex, index) - (Math.min(lastCheckedIndex, index) === index ? 1 : 0);
-          const end = Math.max(lastCheckedIndex, index);
-          updatedRefList.forEach((checkbox, i) => {
-            if (!checkbox.current?.disabled && i > start && i < end) {
-              newRange.push(checkbox.current?.value);
-            }
-          });
-        }
-      }
-      setInRange(newRange);
-    };
-    const handleClickRange = (currentCheckbox, index, isShiftPressed) => {
-      if (isShiftPressed) {
-        const checkboxesInRange = [];
-        const targetCheckbox = updatedRefList.find((checkbox) => checkbox.current?.value === lastCheckedCheckbox);
-        const lastCheckedIndex = targetCheckbox ? updatedRefList.indexOf(targetCheckbox) : void 0;
-        if (lastCheckedIndex !== void 0) {
-          const start = Math.min(lastCheckedIndex, index) - (Math.min(lastCheckedIndex, index) === index ? 1 : 0);
-          const end = Math.max(lastCheckedIndex, index);
-          updatedRefList.forEach((checkbox, key) => {
-            if (start < key && key <= end && !checkbox.current?.disabled) {
-              checkboxesInRange.push(checkbox.current?.value);
-            }
-          });
-          selectRows(checkboxesInRange, currentCheckbox.checked);
-          setLastCheckedCheckbox(currentCheckbox.value);
-        }
-      }
-      setTimeout(() => {
-        setInRange([]);
-        setLastCheckedCheckbox(currentCheckbox.value);
-      }, 1);
-    };
-    refList.forEach((checkbox, index) => {
-      const clickHandler = function clickHandler2(event) {
-        handleClickRange(this, index, event.shiftKey);
-      };
-      const hoverEnteringHandler = (event) => handleHover(index, event.shiftKey, false);
-      const hoverLeavingHandler = (event) => handleHover(index, event.shiftKey, true);
-      if (checkbox.current) {
-        checkbox.current.addEventListener("click", clickHandler);
-        checkbox.current.addEventListener("mousemove", hoverEnteringHandler);
-        checkbox.current.addEventListener("mouseout", hoverLeavingHandler);
-        handlers.push(() => {
-          if (checkbox.current) {
-            checkbox.current.removeEventListener("click", clickHandler);
-            checkbox.current.removeEventListener("mouseout", hoverEnteringHandler);
-            checkbox.current.removeEventListener("mousemove", hoverLeavingHandler);
-          }
-        });
-      }
-    });
-    return () => {
-      handlers.forEach((cleanup) => cleanup());
-    };
-  }, [lastCheckedCheckbox, selectRows]);
-  react.useEffect(() => {
-    subscribeHandler();
-  }, [subscribeHandler]);
-  const handleOnChange = react.useCallback((value2, checked) => {
-    selectRows([value2], !checked);
-    setLastCheckedCheckbox(value2);
-  }, [selectRows]);
-  const value = react.useMemo(() => ({
-    allRowSelectValue,
-    collapseRow,
-    columns,
-    expandButton,
-    expandedRowIds,
-    expandRow,
-    handleOnChange,
-    inRange,
-    refList,
-    registerExpandableRow,
-    registerSelectableRow,
-    selectAll,
-    selectAllHandler,
-    selectable,
-    selectedRowIds,
-    selectRow,
-    setRefList,
-    subscribeHandler,
-    unselectAll,
-    unselectRow
-  }), [allRowSelectValue, selectAllHandler, subscribeHandler, collapseRow, columns, expandButton, expandedRowIds, expandRow, inRange, refList, registerExpandableRow, registerSelectableRow, selectable, selectAll, selectedRowIds, selectRow, unselectAll, unselectRow, handleOnChange]);
-  return /* @__PURE__ */ jsxRuntime.jsx(ListContext.Provider, { value, children });
-};
-const useListContext = () => {
-  const context = react.useContext(ListContext);
-  if (!context) {
-    throw new Error("useListContext should be used inside a List component");
-  }
-  return context;
-};
-exports.ListProvider = ListProvider;
-exports.useListContext = useListContext;

package/dist/components/List/Row.cjs

@@ -1,107 +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 themes = require("@ultraviolet/themes");
-const dynamic = require("@vanilla-extract/dynamic");
-const react = require("react");
-const index$2 = require("../Button/index.cjs");
-const index$1 = require("../Checkbox/index.cjs");
-const index = require("../Tooltip/index.cjs");
-const Cell = require("./Cell.cjs");
-const ColumnProvider = require("./ColumnProvider.cjs");
-const ListContext = require("./ListContext.cjs");
-const styles_css = require("./styles.css.cjs");
-const variables_css = require("./variables.css.cjs");
-const Row = react.forwardRef(({
-  children,
-  id,
-  expandable,
-  disabled,
-  selectDisabled,
-  sentiment = "neutral",
-  highlightAnimation,
-  expanded,
-  className,
-  expandablePadding,
-  "data-testid": dataTestid,
-  style,
-  "data-dragging": dataDragging,
-  onMouseEnter,
-  onMouseLeave
-}, forwardedRef) => {
-  const {
-    selectable,
-    registerExpandableRow,
-    expandedRowIds,
-    expandRow,
-    collapseRow,
-    registerSelectableRow,
-    selectedRowIds,
-    expandButton,
-    columns,
-    inRange,
-    refList,
-    setRefList,
-    handleOnChange
-  } = ListContext.useListContext();
-  const expandedRowId = react.useId();
-  const checkboxRef = react.useRef(null);
-  const isSelectDisabled = disabled || selectDisabled !== void 0 && selectDisabled !== false;
-  const hasExpandable = !!expandable;
-  react.useEffect(() => {
-    if (hasExpandable) {
-      const unregisterCallback = registerExpandableRow(id, expanded);
-      return unregisterCallback;
-    }
-    return void 0;
-  }, [id, hasExpandable, registerExpandableRow, expanded, expandRow]);
-  react.useEffect(() => {
-    if (!isSelectDisabled) {
-      const unregisterCallback = registerSelectableRow(id);
-      return unregisterCallback;
-    }
-    return void 0;
-  }, [id, registerSelectableRow, isSelectDisabled]);
-  const toggleRowExpand = react.useCallback(() => {
-    if (expandedRowIds[id]) {
-      collapseRow(id);
-    } else {
-      expandRow(id);
-    }
-  }, [collapseRow, expandRow, expandedRowIds, id]);
-  const canClickRowToExpand = !disabled && !!expandable && !expandButton;
-  react.useEffect(() => {
-    if (checkboxRef.current !== null && !refList.includes(checkboxRef)) {
-      setRefList([...refList, checkboxRef]);
-    }
-  }, [refList, setRefList]);
-  const childrenLength = react.Children.count(children) + (selectable ? 1 : 0) + (expandButton ? 1 : 0);
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("tr", { "aria-controls": expandable && expandedRowIds[id] ? expandedRowId : void 0, "aria-disabled": disabled, "aria-expanded": expandable ? expandedRowIds[id] : void 0, className: `${className ? `${className} ` : ""}${styles_css.listRow({
-      highlightAnimation,
-      sentiment
-    })}`, "data-dragging": dataDragging, "data-highlight": selectable && !!selectedRowIds[id], "data-testid": dataTestid, onClick: canClickRowToExpand ? toggleRowExpand : void 0, onKeyDown: canClickRowToExpand ? (event) => {
-      if (event.key === " ") {
-        toggleRowExpand();
-        event.preventDefault();
-      }
-    } : void 0, onMouseEnter, onMouseLeave, ref: forwardedRef, role: canClickRowToExpand ? "button row" : void 0, style, tabIndex: canClickRowToExpand ? 0 : -1, children: [
-      selectable ? /* @__PURE__ */ jsxRuntime.jsx(ColumnProvider.ColumnProvider, { width: themes.theme.sizing[300], children: /* @__PURE__ */ jsxRuntime.jsx(Cell.Cell, { className: styles_css.listNoPaddingCell, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_css.listCheckboxContainer, children: /* @__PURE__ */ jsxRuntime.jsx(index.Tooltip, { text: typeof selectDisabled === "string" ? selectDisabled : void 0, children: /* @__PURE__ */ jsxRuntime.jsx(index$1.Checkbox, { "aria-label": "select", checked: selectedRowIds[id], className: inRange?.includes(id) ? styles_css.listCheckboxInRange : "", disabled: isSelectDisabled, name: "list-select-checkbox", onChange: () => handleOnChange(id, selectedRowIds[id]), ref: checkboxRef, value: id }) }) }) }) }) : null,
-      expandButton ? /* @__PURE__ */ jsxRuntime.jsx(ColumnProvider.ColumnProvider, { width: themes.theme.sizing[300], children: /* @__PURE__ */ jsxRuntime.jsx(Cell.Cell, { className: styles_css.listNoPaddingCell, children: /* @__PURE__ */ jsxRuntime.jsx(index$2.Button, { "aria-label": "expand", "data-testid": "list-expand-button", disabled: disabled || !expandable, onClick: toggleRowExpand, sentiment, size: "small", variant: "ghost", children: expandedRowIds[id] ? /* @__PURE__ */ jsxRuntime.jsx(Icon.ArrowUpIcon, {}) : /* @__PURE__ */ jsxRuntime.jsx(Icon.ArrowDownIcon, {}) }) }) }) : null,
-      react.Children.map(children, (child, index2) => {
-        const column = columns[index2];
-        return /* @__PURE__ */ jsxRuntime.jsx(ColumnProvider.ColumnProvider, { maxWidth: column?.maxWidth, minWidth: column?.minWidth, width: column?.width, children: child });
-      })
-    ] }),
-    expandable && expandedRowIds[id] ? /* @__PURE__ */ jsxRuntime.jsx("tr", { className: styles_css.listExpandableWrapper, "data-expandable-content": true, "data-highlight": selectable && !!selectedRowIds[id], id: expandedRowId, onClick: canClickRowToExpand ? (e) => {
-      e.stopPropagation();
-    } : void 0, onKeyDown: canClickRowToExpand ? (e) => {
-      e.stopPropagation();
-    } : void 0, children: /* @__PURE__ */ jsxRuntime.jsx(Cell.Cell, { className: styles_css.listExpandableCell, colSpan: childrenLength, style: dynamic.assignInlineVars({
-      [variables_css.paddingExpandableCell]: themes.theme.space[expandablePadding ?? "2"]
-    }), children: expandable }) }) : null
-  ] });
-});
-exports.Row = Row;

package/dist/components/List/SelectBar.cjs

@@ -1,28 +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("../ActionBar/index.cjs");
-const index$1 = require("../Stack/index.cjs");
-const ListContext = require("./ListContext.cjs");
-const SelectBar = ({
-  children,
-  data,
-  idKey,
-  className
-}) => {
-  const {
-    selectedRowIds,
-    unselectAll
-  } = ListContext.useListContext();
-  const selectedItems = react.useMemo(() => data.filter((item) => selectedRowIds[item[idKey]]), [data, idKey, selectedRowIds]);
-  if (selectedItems.length === 0) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(index.ActionBar, { className, children: /* @__PURE__ */ jsxRuntime.jsx(index$1.Stack, { alignItems: "center", direction: "row", flex: "1 1 auto", justifyContent: "space-between", width: "100%", children: children({
-    selectedItems,
-    unselectAll
-  }) }) });
-};
-exports.SelectBar = SelectBar;

package/dist/components/List/SkeletonRows.cjs

@@ -1,31 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const index = require("../Skeleton/index.cjs");
-const Cell = require("./Cell.cjs");
-const ColumnProvider = require("./ColumnProvider.cjs");
-const ListContext = require("./ListContext.cjs");
-const styles_css = require("./styles.css.cjs");
-const SkeletonRows = ({
-  selectable,
-  rows,
-  cols
-}) => {
-  const rowArray = Array.from({
-    length: rows
-  }, (_, index2) => index2);
-  const colArray = Array.from({
-    length: cols
-  }, (_, index2) => index2);
-  const {
-    columns
-  } = ListContext.useListContext();
-  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: rowArray.map((index$1) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: `${styles_css.listRow({
-    sentiment: "neutral"
-  })} ${styles_css.listLoadingRow}`, id: `skeleton-${index$1}`, role: "row", children: [
-    selectable ? /* @__PURE__ */ jsxRuntime.jsx("td", {}) : null,
-    colArray.map((columnIndex) => /* @__PURE__ */ jsxRuntime.jsx(ColumnProvider.ColumnProvider, { maxWidth: columns[columnIndex].maxWidth, minWidth: columns[columnIndex].minWidth, width: columns[columnIndex].width, children: /* @__PURE__ */ jsxRuntime.jsx(Cell.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(index.Skeleton, { className: styles_css.listSkeleton, variant: "line" }) }) }, columnIndex))
-  ] }, index$1)) });
-};
-exports.SkeletonRows = SkeletonRows;

package/dist/components/List/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 react = require("react");
-const Cell = require("./Cell.cjs");
-const HeaderCell = require("./HeaderCell.cjs");
-const HeaderRow = require("./HeaderRow.cjs");
-const ListContext = require("./ListContext.cjs");
-const Row = require("./Row.cjs");
-const SelectBar = require("./SelectBar.cjs");
-const SkeletonRows = require("./SkeletonRows.cjs");
-const styles_css = require("./styles.css.cjs");
-const TableContainer = ({
-  children
-}) => {
-  const [childrenMemory, setChildrenMemory] = react.useState(react.Children.toArray(children));
-  const {
-    setRefList
-  } = ListContext.useListContext();
-  react.useEffect(() => {
-    if (react.Children.toArray(children) !== childrenMemory) {
-      setRefList([]);
-      setChildrenMemory(react.Children.toArray(children));
-    }
-  }, [children, setRefList]);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_css.listContainer, children });
-};
-const BaseList = react.forwardRef(({
-  expandable = false,
-  selectable = false,
-  columns,
-  children,
-  loading,
-  autoCollapse = false,
-  onSelectedChange,
-  className,
-  style
-}, ref) => /* @__PURE__ */ jsxRuntime.jsx(ListContext.ListProvider, { autoCollapse, columns, expandButton: expandable, onSelectedChange, selectable, children: /* @__PURE__ */ jsxRuntime.jsx(TableContainer, { children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: `${className ? `${className} ` : ""}${styles_css.list}`, ref, style, children: [
-  /* @__PURE__ */ jsxRuntime.jsx(HeaderRow.HeaderRow, { hasSelectAllColumn: selectable, children: columns.map((column, index) => /* @__PURE__ */ jsxRuntime.jsx(HeaderCell.HeaderCell, { info: column.info, isOrdered: column.isOrdered, maxWidth: column.maxWidth, minWidth: column.minWidth, onOrder: column.onOrder, orderDirection: column.orderDirection, width: column.width, children: column.label }, `header-column-${index}`)) }),
-  /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: loading ? /* @__PURE__ */ jsxRuntime.jsx(SkeletonRows.SkeletonRows, { cols: columns.length, rows: 5, selectable }) : children })
-] }) }) }));
-const List = Object.assign(BaseList, {
-  Cell: Cell.Cell,
-  Row: Row.Row,
-  SelectBar: SelectBar.SelectBar,
-  useListContext: ListContext.useListContext
-});
-exports.List = List;

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

@@ -1,35 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-;/* empty css                               */
-;/* empty css                            */
-const createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var listContainer = "uv_inoh541";
-var list = "uv_inoh542";
-var listSortIcon = { ascending: "uv_inoh543", descending: "uv_inoh544" };
-var listHeaderCell = "uv_inoh545";
-var listHeaderRow = "uv_inoh546";
-var listNoPaddingHeaderCell = "uv_inoh547";
-var listExpandableWrapper = "uv_inoh548";
-var listCheckboxInRange = "uv_inoh549";
-var listRow = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_inoh54b uv_inoh54a", variantClassNames: { sentiment: { primary: "uv_inoh54c", secondary: "uv_inoh54d", neutral: "uv_inoh54e", success: "uv_inoh54f", danger: "uv_inoh54g", warning: "uv_inoh54h", info: "uv_inoh54i" }, highlightAnimation: { true: "uv_inoh54j" } }, defaultVariants: { sentiment: "neutral", highlightAnimation: false }, compoundVariants: [] });
-var listCell = "uv_inoh54k";
-var listCheckboxContainer = "uv_inoh54l";
-var listNoPaddingCell = "uv_inoh54m";
-var listExpandableCell = "uv_inoh54n";
-var listLoadingRow = "uv_inoh54o";
-var listSkeleton = "uv_inoh54p";
-exports.list = list;
-exports.listCell = listCell;
-exports.listCheckboxContainer = listCheckboxContainer;
-exports.listCheckboxInRange = listCheckboxInRange;
-exports.listContainer = listContainer;
-exports.listExpandableCell = listExpandableCell;
-exports.listExpandableWrapper = listExpandableWrapper;
-exports.listHeaderCell = listHeaderCell;
-exports.listHeaderRow = listHeaderRow;
-exports.listLoadingRow = listLoadingRow;
-exports.listNoPaddingCell = listNoPaddingCell;
-exports.listNoPaddingHeaderCell = listNoPaddingHeaderCell;
-exports.listRow = listRow;
-exports.listSkeleton = listSkeleton;
-exports.listSortIcon = listSortIcon;

package/dist/components/List/variables.css.cjs

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-var widthHeaderCell = "var(--uv_1431nf60)";
-var maxWidthHeaderCell = "var(--uv_1431nf61)";
-var minWidthHeaderCell = "var(--uv_1431nf62)";
-var paddingExpandableCell = "var(--uv_1431nf63)";
-var widthCell = "var(--uv_1431nf64)";
-var maxWidthCell = "var(--uv_1431nf65)";
-var minWidthCell = "var(--uv_1431nf66)";
-exports.maxWidthCell = maxWidthCell;
-exports.maxWidthHeaderCell = maxWidthHeaderCell;
-exports.minWidthCell = minWidthCell;
-exports.minWidthHeaderCell = minWidthHeaderCell;
-exports.paddingExpandableCell = paddingExpandableCell;
-exports.widthCell = widthCell;
-exports.widthHeaderCell = widthHeaderCell;

package/dist/components/Loader/index.cjs

@@ -1,66 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const react = require("@emotion/react");
-const styles_css = require("./styles.css.cjs");
-function _EMOTION_STRINGIFIED_CSS_ERROR__() {
-  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
-}
-const VIEWBOX_WIDTH = 100;
-const VIEWBOX_HEIGHT = 100;
-const HALF_VIEWBOX_WIDTH = VIEWBOX_WIDTH / 2;
-const HALF_VIEWBOX_HEIGHT = VIEWBOX_HEIGHT / 2;
-const SIZES = {
-  large: "300",
-  medium: "250",
-  small: "200",
-  xlarge: "400",
-  xsmall: "150",
-  xxlarge: "700"
-};
-var _ref = process.env.NODE_ENV === "production" ? {
-  name: "si0mpz",
-  styles: "transition:stroke-dashoffset 0.5s ease 0s"
-} : {
-  name: "11f05l0-Loader",
-  styles: "transition:stroke-dashoffset 0.5s ease 0s;label:Loader;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0xvYWRlci9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEVnQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9Mb2FkZXIvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCB7IGNzcywgdXNlVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB0eXBlIHsgQ1NTUHJvcGVydGllcyB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHR5cGUgeyBFeHRlbmRlZENvbG9yIH0gZnJvbSAnLi4vLi4vdGhlbWUnXG5pbXBvcnQgeyBjaXJjbGUsIGxvYWRlciB9IGZyb20gJy4vc3R5bGVzLmNzcydcblxuY29uc3QgVklFV0JPWF9XSURUSCA9IDEwMFxuY29uc3QgVklFV0JPWF9IRUlHSFQgPSAxMDBcbmNvbnN0IEhBTEZfVklFV0JPWF9XSURUSCA9IFZJRVdCT1hfV0lEVEggLyAyXG5jb25zdCBIQUxGX1ZJRVdCT1hfSEVJR0hUID0gVklFV0JPWF9IRUlHSFQgLyAyXG5cbmV4cG9ydCBjb25zdCBTSVpFUyA9IHtcbiAgbGFyZ2U6ICczMDAnLFxuICBtZWRpdW06ICcyNTAnLFxuICBzbWFsbDogJzIwMCcsXG4gIHhsYXJnZTogJzQwMCcsXG4gIHhzbWFsbDogJzE1MCcsXG4gIHh4bGFyZ2U6ICc3MDAnLFxufSBhcyBjb25zdFxuXG50eXBlIExvYWRlclByb3BzID0ge1xuICBhY3RpdmU/OiBib29sZWFuXG4gIHNlbnRpbWVudD86IEV4dGVuZGVkQ29sb3JcbiAgcGVyY2VudGFnZT86IG51bWJlclxuICBzaXplPzoga2V5b2YgdHlwZW9mIFNJWkVTXG4gIC8qKlxuICAgKiBMYWJlbCBzaG91bGQgYmUgZGVmaW5lZCBmb3IgYWNjZXNzaWJpbGl0eSwgdG8gaW5kaWNhdGUgd2hhdCBpcyBsb2FkaW5nXG4gICAqL1xuICBsYWJlbD86IHN0cmluZ1xuICBzdHlsZT86IENTU1Byb3BlcnRpZXNcbn1cblxuLyoqXG4gKiBMb2FkZXIgaXMgYSBjaXJjdWxhciBwcm9ncmVzcyBpbmRpY2F0b3IgdGhhdCBjYW4gYmUgdXNlZCB0byBpbmRpY2F0ZSB0aGF0IGFuIGFjdGlvbiBpcyBiZWluZyBwZXJmb3JtZWQuXG4gKi9cbmV4cG9ydCBjb25zdCBMb2FkZXIgPSAoe1xuICBwZXJjZW50YWdlID0gMjAsXG4gIHNpemUgPSAneGxhcmdlJyxcbiAgc2VudGltZW50ID0gJ3ByaW1hcnknLFxuICBhY3RpdmUgPSBmYWxzZSxcbiAgbGFiZWwgPSAnTG9hZGluZycsXG4gIHN0eWxlLFxufTogTG9hZGVyUHJvcHMpID0+IHtcbiAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpXG5cbiAgY29uc3QgY2lyY2xlUmFkaXVzID0gSEFMRl9WSUVXQk9YX0hFSUdIVCAtIDhcbiAgY29uc3QgYm91bmRlZFBlcmNlbnRhZ2UgPSBNYXRoLm1pbihNYXRoLm1heChwZXJjZW50YWdlLCAwKSwgMTAwKSAvIDEwMFxuICBjb25zdCBjaXJjbGVEaWFtZXRlciA9IE1hdGguUEkgKiAyICogY2lyY2xlUmFkaXVzXG5cbiAgcmV0dXJuIChcbiAgICA8c3ZnXG4gICAgICBhcmlhLWxhYmVsPXtsYWJlbH1cbiAgICAgIGFyaWEtdmFsdWVtYXg9ezEwMH1cbiAgICAgIGFyaWEtdmFsdWVtaW49ezB9XG4gICAgICBhcmlhLXZhbHVlbm93PXtwZXJjZW50YWdlfVxuICAgICAgYXJpYS12YWx1ZXRleHQ9e2Ake3BlcmNlbnRhZ2V9JWB9XG4gICAgICBjbGFzc05hbWU9e2FjdGl2ZSA/IGxvYWRlciA6IHVuZGVmaW5lZH1cbiAgICAgIHJvbGU9XCJwcm9ncmVzc2JhclwiXG4gICAgICBzdHlsZT17e1xuICAgICAgICBoZWlnaHQ6IHRoZW1lLnNpemluZ1tTSVpFU1tzaXplXV0sXG4gICAgICAgIHdpZHRoOiB0aGVtZS5zaXppbmdbU0laRVNbc2l6ZV1dLFxuICAgICAgICAuLi5zdHlsZSxcbiAgICAgIH19XG4gICAgICB2aWV3Qm94PXtgMCAwICR7VklFV0JPWF9XSURUSH0gJHtWSUVXQk9YX0hFSUdIVH1gfVxuICAgID5cbiAgICAgIDxjaXJjbGVcbiAgICAgICAgY2xhc3NOYW1lPXtjaXJjbGV9XG4gICAgICAgIGN4PXtIQUxGX1ZJRVdCT1hfV0lEVEh9XG4gICAgICAgIGN5PXtIQUxGX1ZJRVdCT1hfSEVJR0hUfVxuICAgICAgICBmaWxsPVwibm9uZVwiXG4gICAgICAgIHI9e2NpcmNsZVJhZGl1c31cbiAgICAgICAgc3Ryb2tlV2lkdGg9ezE2fVxuICAgICAgLz5cbiAgICAgIDxjaXJjbGVcbiAgICAgICAgLy8gb3hsaW50LWRpc2FibGUtbmV4dC1saW5lIG5vLXVua25vd24tcHJvcGVydHlcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgdHJhbnNpdGlvbjogc3Ryb2tlLWRhc2hvZmZzZXQgMC41cyBlYXNlIDBzO1xuICAgICAgICBgfVxuICAgICAgICBjeD17SEFMRl9WSUVXQk9YX1dJRFRIfVxuICAgICAgICBjeT17SEFMRl9WSUVXQk9YX0hFSUdIVH1cbiAgICAgICAgZmlsbD1cIm5vbmVcIlxuICAgICAgICByPXtjaXJjbGVSYWRpdXN9XG4gICAgICAgIHN0cm9rZT17XG4gICAgICAgICAgc2VudGltZW50ID09PSAnYmxhY2snIHx8IHNlbnRpbWVudCA9PT0gJ3doaXRlJ1xuICAgICAgICAgICAgPyB0aGVtZS5jb2xvcnMub3RoZXIubW9ub2Nocm9tZVtzZW50aW1lbnRdLmJhY2tncm91bmRcbiAgICAgICAgICAgIDogdGhlbWUuY29sb3JzW3NlbnRpbWVudF0/LmJhY2tncm91bmRTdHJvbmdcbiAgICAgICAgfVxuICAgICAgICBzdHJva2VEYXNoYXJyYXk9e2NpcmNsZURpYW1ldGVyfVxuICAgICAgICBzdHJva2VEYXNob2Zmc2V0PXsoMSAtIGJvdW5kZWRQZXJjZW50YWdlKSAqIGNpcmNsZURpYW1ldGVyfVxuICAgICAgICBzdHJva2VMaW5lY2FwPVwicm91bmRcIlxuICAgICAgICBzdHJva2VXaWR0aD17MTZ9XG4gICAgICAvPlxuICAgIDwvc3ZnPlxuICApXG59XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
-const Loader = ({
-  percentage = 20,
-  size = "xlarge",
-  sentiment = "primary",
-  active = false,
-  label = "Loading",
-  style
-}) => {
-  const theme = react.useTheme();
-  const circleRadius = HALF_VIEWBOX_HEIGHT - 8;
-  const boundedPercentage = Math.min(Math.max(percentage, 0), 100) / 100;
-  const circleDiameter = Math.PI * 2 * circleRadius;
-  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { "aria-label": label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": percentage, "aria-valuetext": `${percentage}%`, className: active ? styles_css.loader : void 0, role: "progressbar", style: {
-    height: theme.sizing[SIZES[size]],
-    width: theme.sizing[SIZES[size]],
-    ...style
-  }, viewBox: `0 0 ${VIEWBOX_WIDTH} ${VIEWBOX_HEIGHT}`, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("circle", { className: styles_css.circle, cx: HALF_VIEWBOX_WIDTH, cy: HALF_VIEWBOX_HEIGHT, fill: "none", r: circleRadius, strokeWidth: 16 }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "circle",
-      {
-        css: _ref,
-        cx: HALF_VIEWBOX_WIDTH,
-        cy: HALF_VIEWBOX_HEIGHT,
-        fill: "none",
-        r: circleRadius,
-        stroke: sentiment === "black" || sentiment === "white" ? theme.colors.other.monochrome[sentiment].background : theme.colors[sentiment]?.backgroundStrong,
-        strokeDasharray: circleDiameter,
-        strokeDashoffset: (1 - boundedPercentage) * circleDiameter,
-        strokeLinecap: "round",
-        strokeWidth: 16
-      }
-    )
-  ] });
-};
-exports.Loader = Loader;
-exports.SIZES = SIZES;

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

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-;/* empty css                            */
-var circle = "uv_tkulld1";
-var loader = "uv_tkulld2";
-exports.circle = circle;
-exports.loader = loader;