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

package/dist/components/Modal/components/Dialog.cjs

@@ -1,148 +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 reactDom = require("react-dom");
-const index = require("../../Stack/index.cjs");
-const ModalProvider = require("../ModalProvider.cjs");
-const styles_css = require("../styles.css.cjs");
-const stopCancel = (event) => {
-  event.preventDefault();
-  event.stopPropagation();
-};
-const Dialog = ({
-  children,
-  placement,
-  onClose,
-  hideOnClickOutside,
-  size,
-  id,
-  ariaLabel,
-  className,
-  "data-testid": dataTestId,
-  preventBodyScroll,
-  hideOnEsc,
-  backdropClassName,
-  image,
-  style
-}) => {
-  const [isVisible, setIsVisible] = react.useState(false);
-  const containerRef = react.useRef(document.createElement("div"));
-  const dialogRef = react.useRef(null);
-  const onCloseRef = react.useRef(onClose);
-  const {
-    registerModal,
-    unregisterModal,
-    openedModals,
-    previsousOpenedModales
-  } = ModalProvider.useModal();
-  react.useEffect(() => {
-    setIsVisible(true);
-  }, []);
-  react.useEffect(() => {
-    registerModal({
-      id,
-      ref: dialogRef
-    });
-    return () => {
-      unregisterModal(id);
-    };
-  }, [id, registerModal, unregisterModal]);
-  react.useEffect(() => {
-    const element = containerRef.current;
-    document.body.appendChild(element);
-    return () => {
-      if (document.body.contains(element)) {
-        document.body.removeChild(element);
-      }
-    };
-  }, []);
-  react.useEffect(() => {
-    onCloseRef.current = onClose;
-  }, [onClose]);
-  react.useEffect(() => {
-    dialogRef.current?.focus();
-  }, []);
-  react.useEffect(() => {
-    const previousOverflow = document.body.style.overflow;
-    if (preventBodyScroll) {
-      document.body.style.overflow = "hidden";
-    }
-    return () => {
-      document.body.style.overflow = previousOverflow;
-    };
-  }, [preventBodyScroll]);
-  const stopFocus = react.useCallback((event) => {
-    event.stopPropagation();
-  }, []);
-  const realPosition = [...openedModals].findIndex((object) => object.id === id);
-  const position = [...openedModals].reverse().findIndex((object) => object.id === id);
-  const modalAbove = openedModals[realPosition + 1];
-  const currentModalHeight = dialogRef.current?.offsetHeight;
-  let top = 0;
-  const handleKeyUp = react.useCallback((event) => {
-    event.stopPropagation();
-    if (event.key === "Escape" && hideOnEsc) {
-      event.preventDefault();
-      onCloseRef.current();
-    }
-  }, [hideOnEsc]);
-  const handleClose = react.useCallback((event) => {
-    if (hideOnClickOutside && dialogRef.current && !dialogRef.current.contains(event.target) && position === 0) {
-      onCloseRef.current();
-    }
-  }, [hideOnClickOutside, position]);
-  const handleFocusTrap = react.useCallback((event) => {
-    event.stopPropagation();
-    if (event.key === "Escape") {
-      event.preventDefault();
-      return;
-    }
-    const isTabPressed = event.key === "Tab";
-    if (!isTabPressed) {
-      return;
-    }
-    const focusableEls = dialogRef.current?.querySelectorAll("a[href]:not([disabled]), button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled])") ?? [];
-    if (focusableEls.length === 0) {
-      event.preventDefault();
-    }
-    const firstFocusableEl = focusableEls[0];
-    const lastFocusableEl = focusableEls[focusableEls.length - 1];
-    if (event.shiftKey) {
-      if (document.activeElement === firstFocusableEl || document.activeElement === dialogRef.current) {
-        lastFocusableEl.focus();
-        event.preventDefault();
-      }
-    } else if (document.activeElement === lastFocusableEl || document.activeElement === dialogRef.current) {
-      firstFocusableEl.focus();
-      event.preventDefault();
-    }
-  }, []);
-  if (modalAbove?.ref && typeof modalAbove.ref === "object" && "current" in modalAbove.ref && currentModalHeight) {
-    top = (modalAbove?.ref?.current?.offsetHeight ?? 0) / 2 - currentModalHeight / 2 + 20;
-  }
-  const animation = openedModals.length > 1 && position === 0 && previsousOpenedModales.length < openedModals.length;
-  return reactDom.createPortal(/* @__PURE__ */ jsxRuntime.jsx("div", { className: `${backdropClassName} ${styles_css.modalBackdrop({
-    open: true,
-    visible: isVisible
-  })}`, "data-testid": dataTestId ? `${dataTestId}-backdrop` : void 0, "data-visible": isVisible, onClick: handleClose, onFocus: stopFocus, onKeyDown: () => {
-  }, children: /* @__PURE__ */ jsxRuntime.jsx("dialog", { "aria-label": ariaLabel, "aria-modal": true, className: `${className ? `${className} ` : ""}${styles_css.modal({
-    animation,
-    image: !!image,
-    placement,
-    positivePosition: position > 0,
-    size
-  })}`, "data-size": size, "data-testid": dataTestId, id, onCancel: stopCancel, onClose: stopCancel, onKeyDown: handleFocusTrap, onKeyUp: handleKeyUp, open: true, ref: dialogRef, style: {
-    ...dynamic.assignInlineVars({
-      [styles_css.topModal]: `-${top}px`,
-      [styles_css.positionModal]: `${position * 50}px`
-    }),
-    ...style
-  }, tabIndex: 0, children: image ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(index.Stack, { alignItems: "end", className: styles_css.modalImageContainer, justifyContent: "center", children: /* @__PURE__ */ jsxRuntime.jsx("img", { alt: "illustration", className: styles_css.modalImage, src: image }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(index.Stack, { className: styles_css.modalContent, gap: 5, children })
-  ] }) : children }) }), containerRef.current);
-};
-exports.Dialog = Dialog;

package/dist/components/Modal/components/Disclosure.cjs

@@ -1,42 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const react = require("react");
-const Disclosure = ({
-  disclosure,
-  handleOpen,
-  visible,
-  handleClose,
-  toggle,
-  id,
-  ref
-}) => {
-  react.useEffect(() => {
-    const element = ref.current;
-    element?.addEventListener("click", handleOpen);
-    return () => {
-      element?.removeEventListener("click", handleOpen);
-    };
-  }, [handleOpen, ref, disclosure]);
-  const finalDisclosure = react.useMemo(() => {
-    if (typeof disclosure === "function") {
-      return disclosure({
-        close: handleClose,
-        modalId: id,
-        show: handleOpen,
-        toggle,
-        visible
-      });
-    }
-    return disclosure;
-  }, [disclosure, handleOpen, handleClose, id, toggle, visible]);
-  if (!react.isValidElement(finalDisclosure)) {
-    return null;
-  }
-  return react.cloneElement(finalDisclosure, {
-    "aria-controls": id,
-    "aria-haspopup": "dialog",
-    ref
-  });
-};
-exports.Disclosure = Disclosure;

package/dist/components/Modal/index.cjs

@@ -1,58 +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 Disclosure = require("./components/Disclosure.cjs");
-const ModalContent = require("./ModalContent.cjs");
-const ModalProvider = require("./ModalProvider.cjs");
-const Modal = ({
-  ariaLabel = "modal",
-  id,
-  children,
-  disclosure,
-  hideOnClickOutside = true,
-  hideOnEsc = true,
-  isClosable = true,
-  onClose,
-  onBeforeClose,
-  open = false,
-  placement = "center",
-  preventBodyScroll = true,
-  size = "small",
-  className,
-  "data-testid": dataTestId,
-  backdropClassName,
-  image,
-  style
-}) => {
-  const [visible, setVisible] = react.useState(false);
-  const controlId = react.useId();
-  const disclosureRef = react.useRef(null);
-  const handleOpen = react.useCallback(() => {
-    setVisible(true);
-  }, []);
-  const handleClose = react.useCallback(() => {
-    disclosureRef.current?.focus();
-    if (onClose) {
-      onClose();
-    } else {
-      const promise = onBeforeClose?.();
-      if (promise && "catch" in promise) {
-        promise.catch(() => null);
-      }
-      setVisible(false);
-    }
-  }, [onBeforeClose, onClose]);
-  const handleToggle = react.useCallback(() => {
-    disclosureRef.current?.focus();
-    setVisible((current) => !current);
-  }, []);
-  const finalId = id ?? controlId;
-  const context = react.useContext(ModalProvider.ModalContext);
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    disclosure ? /* @__PURE__ */ jsxRuntime.jsx(Disclosure.Disclosure, { disclosure, handleClose, handleOpen, id: finalId, ref: disclosureRef, toggle: handleToggle, visible }) : null,
-    !context ? /* @__PURE__ */ jsxRuntime.jsx(ModalProvider.ModalProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(ModalContent.ModalContent, { ariaLabel, backdropClassName, className, dataTestId, finalId, finalSize: size, handleClose, handleOpen, handleToggle, hideOnClickOutside, hideOnEsc, image, isClosable, open, placement, preventBodyScroll, style, visible, children }) }) : /* @__PURE__ */ jsxRuntime.jsx(ModalContent.ModalContent, { ariaLabel, backdropClassName, className, dataTestId, finalId, finalSize: size, handleClose, handleOpen, handleToggle, hideOnClickOutside, hideOnEsc, image, isClosable, open, placement, preventBodyScroll, style, visible, children })
-  ] });
-};
-exports.Modal = Modal;

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

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-;/* empty css                                                       */
-;/* empty css                            */
-const createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var topModal = "var(--uv_lrojhc0)";
-var positionModal = "var(--uv_lrojhc1)";
-var modalContainer = "uv_lrojhc2";
-var modalImageContainer = "uv_lrojhc3";
-var modalImage = "uv_lrojhc4";
-var modalContent = "uv_lrojhc5";
-var modalBackdrop = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_lrojhc7 uv_lrojhc6", variantClassNames: { open: { true: "uv_lrojhc8" }, visible: { true: "uv_lrojhc9" } }, defaultVariants: {}, compoundVariants: [] });
-var modal = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_lrojhca", variantClassNames: { size: { large: "uv_lrojhcb", medium: "uv_lrojhcc", small: "uv_lrojhcd", xsmall: "uv_lrojhce", xxsmall: "uv_lrojhcf" }, placement: { bottom: "uv_lrojhcg", "bottom-left": "uv_lrojhch", "bottom-right": "uv_lrojhci", center: "uv_lrojhcj", left: "uv_lrojhck", right: "uv_lrojhcl", top: "uv_lrojhcm", "top-left": "uv_lrojhcn", "top-right": "uv_lrojhco" }, image: { true: "uv_lrojhcp" }, animation: { true: "uv_lrojhcq" }, positivePosition: { true: "uv_lrojhcr" } }, defaultVariants: { size: "medium", placement: "center", image: false, animation: false, positivePosition: false }, compoundVariants: [[{ size: "large", positivePosition: true }, "uv_lrojhcs"], [{ size: "medium", positivePosition: true }, "uv_lrojhct"], [{ size: "small", positivePosition: true }, "uv_lrojhcu"], [{ size: "xsmall", positivePosition: true }, "uv_lrojhcv"], [{ size: "xxsmall", positivePosition: true }, "uv_lrojhcw"]] });
-exports.modal = modal;
-exports.modalBackdrop = modalBackdrop;
-exports.modalContainer = modalContainer;
-exports.modalContent = modalContent;
-exports.modalImage = modalImage;
-exports.modalImageContainer = modalImageContainer;
-exports.positionModal = positionModal;
-exports.topModal = topModal;

package/dist/components/Notice/index.cjs

@@ -1,17 +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 index = require("../Text/index.cjs");
-const styles_css = require("./styles.css.cjs");
-const Notice = ({
-  children,
-  className,
-  "data-testid": dataTestId,
-  style
-}) => /* @__PURE__ */ jsxRuntime.jsxs(index.Text, { as: "span", className: `${className ? `${className} ` : ""}${styles_css.notice}`, "data-testid": dataTestId, prominence: "weak", sentiment: "neutral", style, variant: "caption", children: [
-  /* @__PURE__ */ jsxRuntime.jsx(Icon.InformationOutlineIcon, { prominence: "weak", sentiment: "neutral", size: "small" }),
-  children
-] });
-exports.Notice = Notice;

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

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

package/dist/components/Notification/index.cjs

@@ -1,35 +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 reactToastify = require("react-toastify");
-const index$2 = require("../Button/index.cjs");
-const index = require("../Stack/index.cjs");
-const index$1 = require("../Text/index.cjs");
-const styles_css = require("./styles.css.cjs");
-const closeButton = (props) => /* @__PURE__ */ jsxRuntime.jsx(index$2.Button, { "aria-label": "close", onClick: props.closeToast, sentiment: "neutral", size: "xsmall", variant: "ghost", children: /* @__PURE__ */ jsxRuntime.jsx(Icon.CloseIcon, {}) });
-const notification = (children, title, icon, isClosable, containerId, options) => reactToastify.toast("", {
-  ...options,
-  closeButton: (props) => /* @__PURE__ */ jsxRuntime.jsxs(index.Stack, { direction: "row", gap: 2, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { children: icon }),
-    /* @__PURE__ */ jsxRuntime.jsxs(index.Stack, { direction: "column", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(index$1.Text, { as: "h3", variant: "bodySmallStronger", children: title }),
-      typeof children === "function" ? children(props) : children
-    ] }),
-    isClosable ? closeButton(props) : null
-  ] }),
-  containerId: containerId ?? "notification"
-});
-const NotificationContainer = ({
-  newestOnTop,
-  limit,
-  autoClose = false,
-  position = "top-right",
-  "data-testid": dataTestId,
-  className,
-  style,
-  containerId = "notification"
-}) => /* @__PURE__ */ jsxRuntime.jsx(reactToastify.ToastContainer, { autoClose, className: `${className ? `${className} ` : ""}${styles_css.notification}`, containerId, "data-testid": dataTestId, draggable: false, hideProgressBar: true, icon: false, limit, newestOnTop, position, style, transition: reactToastify.Slide });
-exports.NotificationContainer = NotificationContainer;
-exports.notification = notification;

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

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

package/dist/components/NumberInput/index.cjs

@@ -1,145 +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 index$3 = require("../Button/index.cjs");
-const index$1 = require("../Label/index.cjs");
-const index$4 = require("../Row/index.cjs");
-const index = require("../Stack/index.cjs");
-const index$5 = require("../Text/index.cjs");
-const index$2 = require("../Tooltip/index.cjs");
-const styles_css = require("./styles.css.cjs");
-const NumberInput = react.forwardRef(({
-  disabled = false,
-  max = Number.MAX_SAFE_INTEGER,
-  min = 0,
-  name,
-  onChange,
-  onFocus,
-  onBlur,
-  size = "large",
-  step,
-  unit,
-  value,
-  tooltip,
-  className,
-  label,
-  labelDescription,
-  id,
-  controls = true,
-  placeholder = "",
-  error,
-  success,
-  helper,
-  "aria-label": ariaLabel,
-  "data-testid": dataTestId,
-  required,
-  autoFocus,
-  readOnly,
-  style
-}, ref) => {
-  const localRef = react.useRef(null);
-  react.useImperativeHandle(ref, () => localRef.current);
-  const uniqueId = react.useId();
-  const localId = id ?? uniqueId;
-  const computedState = react.useMemo(() => {
-    if (disabled) {
-      return "disabled";
-    }
-    if (readOnly) {
-      return "readOnly";
-    }
-    if (error) {
-      return "error";
-    }
-    if (success) {
-      return "success";
-    }
-    return "default";
-  }, [error, success, disabled, readOnly]);
-  const onClickSideButton = react.useCallback((direction) => () => {
-    if (direction === "up") {
-      localRef.current?.stepUp();
-    } else if (direction === "down") {
-      localRef.current?.stepDown();
-    }
-    onChange?.(Number.parseFloat(localRef.current?.value ?? "") ?? min);
-  }, [localRef, min, onChange]);
-  const isMinusDisabled = react.useCallback(() => {
-    if (!localRef?.current?.value || localRef?.current?.value === "") {
-      return false;
-    }
-    const numericValue = Number(localRef?.current?.value);
-    if (Number.isNaN(numericValue)) {
-      return false;
-    }
-    const minValue = typeof min === "number" ? min : Number(min);
-    return Number.isNaN(numericValue) || numericValue <= minValue;
-  }, [localRef?.current?.value, min]);
-  const isPlusDisabled = react.useCallback(() => {
-    if (!localRef?.current?.value || localRef?.current?.value === "") {
-      return false;
-    }
-    const numericValue = Number(localRef?.current?.value);
-    if (Number.isNaN(numericValue)) {
-      return false;
-    }
-    const maxValue = typeof max === "number" ? max : Number(max);
-    return numericValue >= maxValue;
-  }, [localRef?.current?.value, max]);
-  const helperSentiment = react.useMemo(() => {
-    if (error) {
-      return "danger";
-    }
-    if (success) {
-      return "success";
-    }
-    return "neutral";
-  }, [error, success]);
-  let inputValue;
-  if (value !== void 0) {
-    inputValue = value !== null && typeof value === "number" ? value.toString() : "";
-    if (localRef.current) {
-      localRef.current.value = inputValue;
-    }
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs(index.Stack, { className, gap: "0.5", children: [
-    label || labelDescription ? /* @__PURE__ */ jsxRuntime.jsx(index$1.Label, { htmlFor: id ?? localId, labelDescription, required, size, children: label }) : null,
-    /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(index$2.Tooltip, { text: tooltip, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles_css.numberinputContainer({
-      size,
-      state: computedState
-    }), "data-controls": controls, "data-disabled": disabled, "data-error": !!error, "data-readonly": readOnly, "data-size": size, "data-success": !!success, "data-unit": !!unit, children: [
-      controls ? /* @__PURE__ */ jsxRuntime.jsx(index.Stack, { alignItems: "center", className: styles_css.numberinputSideContainer[size], "data-size": size, justifyContent: "center", children: /* @__PURE__ */ jsxRuntime.jsx(index$3.Button, { "aria-label": "minus", disabled: disabled || readOnly || isMinusDisabled(), onClick: onClickSideButton("down"), sentiment: "neutral", size: size === "small" ? "xsmall" : "small", variant: "ghost", children: /* @__PURE__ */ jsxRuntime.jsx(Icon.MinusIcon, { size: size === "large" ? "small" : "small" }) }) }) : null,
-      /* @__PURE__ */ jsxRuntime.jsxs(index$4.Row, { alignItems: "center", className: styles_css.inputContainer({
-        controls
-      }), justifyContent: "space-between", templateColumns: "1fr auto", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("input", { "aria-label": ariaLabel, autoFocus, className: styles_css.numberinput({
-          controls,
-          hasUnit: !!unit,
-          size
-        }), "data-testid": dataTestId, disabled, id: localId, max, min, name, onBlur: (event) => {
-          if (value && value > max) {
-            onChange?.(max);
-          } else if (value && value < min) {
-            onChange?.(min);
-          }
-          onBlur?.(event);
-        }, onChange: onChange ? (event) => {
-          const newNumber = Number.parseFloat(event.target.value);
-          onChange(Number.isNaN(newNumber) ? null : newNumber);
-        } : void 0, onFocus, placeholder, readOnly, ref: localRef, required, step, style, type: "number", value: inputValue }),
-        unit ? /* @__PURE__ */ jsxRuntime.jsx(index$5.Text, { as: "span", className: styles_css.unit({
-          disabled,
-          readOnly,
-          size
-        }), disabled, sentiment: "neutral", variant: "body", children: unit }) : null
-      ] }),
-      controls ? /* @__PURE__ */ jsxRuntime.jsx(index.Stack, { alignItems: "center", className: styles_css.numberinputSideContainer[size], "data-size": size, justifyContent: "center", children: /* @__PURE__ */ jsxRuntime.jsx(index$3.Button, { "aria-label": "plus", disabled: disabled || readOnly || isPlusDisabled(), onClick: onClickSideButton("up"), sentiment: "neutral", size: size === "small" ? "xsmall" : "small", variant: "ghost", children: /* @__PURE__ */ jsxRuntime.jsx(Icon.PlusIcon, { size: size === "large" ? "small" : "small" }) }) }) : null
-    ] }) }) }),
-    error || typeof success === "string" || typeof helper === "string" ? /* @__PURE__ */ jsxRuntime.jsx(index$5.Text, { as: "span", disabled: disabled || readOnly, prominence: !error && !success ? "weak" : "default", sentiment: helperSentiment, variant: "caption", children: error || success || helper }) : null,
-    !error && !success && typeof helper !== "string" && helper ? helper : null
-  ] });
-});
-exports.NumberInput = NumberInput;

package/dist/components/NumberInput/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 numberinputSideContainer = { small: "uv_1ce7gb60", medium: "uv_1ce7gb61", large: "uv_1ce7gb62" };
-var inputContainer = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_1ce7gb63", variantClassNames: { controls: { false: "uv_1ce7gb64" } }, defaultVariants: { controls: true }, compoundVariants: [] });
-var unit = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_1ce7gb65", variantClassNames: { size: { small: "uv_1ce7gb66", medium: "uv_1ce7gb67", large: "uv_1ce7gb68" }, disabled: { true: "uv_1ce7gb69" }, readOnly: { true: "uv_1ce7gb6a" } }, defaultVariants: { size: "large", disabled: false, readOnly: false }, compoundVariants: [] });
-var numberinput = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_1ce7gb6b", variantClassNames: { hasUnit: { true: "uv_1ce7gb6c" }, size: { small: "uv_1ce7gb6d", medium: "uv_1ce7gb6e", large: "uv_1ce7gb6f" }, controls: { false: "uv_1ce7gb6g" } }, defaultVariants: { hasUnit: false, size: "large", controls: true }, compoundVariants: [] });
-var numberinputContainer = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_1ce7gb6h", variantClassNames: { state: { "default": "uv_1ce7gb6i", success: "uv_1ce7gb6j", error: "uv_1ce7gb6k", readOnly: "uv_1ce7gb6l", disabled: "uv_1ce7gb6m" }, size: { small: "uv_1ce7gb6n", medium: "uv_1ce7gb6o", large: "uv_1ce7gb6p" } }, defaultVariants: { size: "large", state: "default" }, compoundVariants: [] });
-exports.inputContainer = inputContainer;
-exports.numberinput = numberinput;
-exports.numberinputContainer = numberinputContainer;
-exports.numberinputSideContainer = numberinputSideContainer;
-exports.unit = unit;

package/dist/components/Pagination/PaginationButtons.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 react = require("react");
-const index$1 = require("../Button/index.cjs");
-const index = require("../Stack/index.cjs");
-const index$2 = require("../Text/index.cjs");
-const getPageNumbers = require("./getPageNumbers.cjs");
-const styles_css = require("./styles.css.cjs");
-const MakeButton = ({
-  hasEllipsisBefore,
-  pageNumber,
-  disabled,
-  page,
-  handlePageClick,
-  perPage
-}) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-  hasEllipsisBefore ? /* @__PURE__ */ jsxRuntime.jsx(index$2.Text, { "aria-label": "ellipsis", as: "span", className: styles_css.ellipsisClass[perPage ? "small" : "medium"], disabled, placement: "center", prominence: "default", sentiment: "neutral", variant: "body", children: "..." }) : null,
-  /* @__PURE__ */ jsxRuntime.jsx(index$1.Button, { "aria-current": pageNumber === page, className: styles_css.pageButton[perPage ? "small" : "medium"], disabled, onClick: handlePageClick(pageNumber), sentiment: pageNumber === page ? "primary" : "neutral", size: perPage ? "small" : "medium", type: "button", variant: pageNumber === page ? "filled" : "outlined", children: pageNumber })
-] });
-const PaginationButtons = ({
-  page,
-  disabled,
-  onChange,
-  pageCount,
-  pageTabCount,
-  "data-testid": dataTestId,
-  className,
-  perPage
-}) => {
-  const goToNextPage = react.useCallback(() => {
-    onChange(page + 1);
-  }, [onChange, page]);
-  const goToPreviousPage = react.useCallback(() => {
-    onChange(page - 1);
-  }, [onChange, page]);
-  const pageNumbersToDisplay = react.useMemo(() => pageCount > 1 ? getPageNumbers.getPageNumbers(page, pageCount, pageTabCount) : [1], [page, pageCount, pageTabCount]);
-  const handlePageClick = react.useCallback((pageNumber) => () => {
-    onChange(pageNumber);
-  }, [onChange]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(index.Stack, { className, "data-testid": dataTestId, direction: "row", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(index.Stack, { gap: 1, children: /* @__PURE__ */ jsxRuntime.jsx(index$1.Button, { "aria-label": "Back", disabled: page <= 1 || disabled, onClick: goToPreviousPage, sentiment: "primary", size: perPage ? "small" : "medium", variant: "outlined", children: /* @__PURE__ */ jsxRuntime.jsx(Icon.ArrowLeftIcon, {}) }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(index.Stack, { className: styles_css.pageNumbersContainer, direction: "row", gap: 1, children: pageNumbersToDisplay.map((pageNumber, index2) => /* @__PURE__ */ jsxRuntime.jsx(MakeButton, { disabled, handlePageClick, hasEllipsisBefore: !(index2 === 0 || pageNumbersToDisplay[index2 - 1] === pageNumber - 1), page, pageNumber, perPage }, pageNumber)) }),
-    /* @__PURE__ */ jsxRuntime.jsx(index.Stack, { gap: 1, children: /* @__PURE__ */ jsxRuntime.jsx(index$1.Button, { "aria-label": "Next", disabled: page >= pageCount || disabled, onClick: goToNextPage, sentiment: "primary", size: perPage ? "small" : "medium", variant: "outlined", children: /* @__PURE__ */ jsxRuntime.jsx(Icon.ArrowRightIcon, {}) }) })
-  ] });
-};
-exports.PaginationButtons = PaginationButtons;

package/dist/components/Pagination/PerPage.cjs

@@ -1,49 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const index$2 = require("../SelectInput/index.cjs");
-const index = require("../Stack/index.cjs");
-const index$1 = require("../Text/index.cjs");
-const optionsItemsPerPage = [{
-  label: "10",
-  value: "10"
-}, {
-  label: "25",
-  value: "25"
-}, {
-  label: "50",
-  value: "50"
-}, {
-  label: "100",
-  value: "100"
-}];
-const PerPage = ({
-  perPage,
-  onChangePerPage,
-  perPageText,
-  setPerPage,
-  numberOfItemsText,
-  page,
-  numberOfItems
-}) => {
-  const handleChange = (value) => {
-    const intValue = Number.parseInt(value, 10);
-    onChangePerPage?.(intValue);
-    setPerPage(intValue);
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs(index.Stack, { alignItems: "center", direction: "row", gap: "2", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(index$1.Text, { as: "span", prominence: "weak", sentiment: "neutral", variant: "body", children: perPageText ?? "Items per page" }),
-    /* @__PURE__ */ jsxRuntime.jsx(index$2.SelectInput, { name: "select-items-per-page", onChange: handleChange, options: optionsItemsPerPage, size: "small", style: {
-      width: "fit-content"
-    }, value: perPage.toString() }),
-    /* @__PURE__ */ jsxRuntime.jsxs(index$1.Text, { as: "span", prominence: "weak", sentiment: "neutral", variant: "body", children: [
-      (page - 1) * perPage + 1,
-      "-",
-      Math.min(page * perPage, numberOfItems),
-      " ",
-      numberOfItemsText ?? `of ${numberOfItems} items"`
-    ] })
-  ] });
-};
-exports.PerPage = PerPage;

package/dist/components/Pagination/getPageNumbers.cjs

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const NUMBER_OF_BUTTONS_IN_BETWEEN = 3;
-const getPageNumbers = (currentPage, pageCount, range = 5) => {
-  const truncationBefore = currentPage >= range;
-  const truncationAfter = currentPage <= pageCount - range + 1 || currentPage < range;
-  if (pageCount <= range) {
-    return Array.from({
-      length: pageCount
-    }, (_, index) => index + 1);
-  }
-  const pagesToShowBeforeTruncation = truncationBefore ? [1] : Array.from({
-    length: range
-  }, (_, index) => index + 1);
-  const pagesToShowAfterTruncation = truncationAfter ? [pageCount] : Array.from({
-    length: range
-  }, (_, index) => index + pageCount - range + 1);
-  const pagesToShowBetweenTruncation = truncationBefore && truncationAfter ? Array.from({
-    length: NUMBER_OF_BUTTONS_IN_BETWEEN
-  }, (_, index) => currentPage + index - 1) : [];
-  return [...pagesToShowBeforeTruncation, ...pagesToShowBetweenTruncation, ...pagesToShowAfterTruncation];
-};
-exports.getPageNumbers = getPageNumbers;