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

package/dist/components/Popup/index.cjs

@@ -1,291 +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 isClientSide = require("../../helpers/isClientSide.cjs");
-const helpers = require("./helpers.cjs");
-const styles_css = require("./styles.css.cjs");
-const variables_css = require("./variables.css.cjs");
-const DEFAULT_ANIMATION_DURATION = 230;
-const DEFAULT_DEBOUNCE_DURATION = 200;
-const noop = () => {
-};
-const stopClickPropagation = (event) => {
-  event.nativeEvent.stopImmediatePropagation();
-};
-const Popup = react.forwardRef(({
-  children,
-  text = "",
-  placement = "auto",
-  align = "center",
-  id,
-  className,
-  containerFullWidth,
-  containerFullHeight,
-  maxWidth = "14.5rem",
-  maxHeight,
-  visible,
-  innerRef,
-  role = "popup",
-  "data-testid": dataTestId,
-  hasArrow = true,
-  onClose,
-  tabIndex = 0,
-  onKeyDown,
-  "aria-haspopup": ariaHasPopup,
-  hideOnClickOutside = false,
-  debounceDelay = DEFAULT_DEBOUNCE_DURATION,
-  disableAnimation = false,
-  portalTarget,
-  dynamicDomRendering = true,
-  style
-}, ref) => {
-  const childrenRef = react.useRef(null);
-  react.useImperativeHandle(innerRef, () => childrenRef.current);
-  const innerPopupRef = react.useRef(null);
-  react.useImperativeHandle(ref, () => innerPopupRef.current);
-  const timer = react.useRef(void 0);
-  const popupPortalTarget = react.useMemo(() => {
-    if (portalTarget) {
-      return portalTarget;
-    }
-    if (role === "dialog") {
-      if (childrenRef.current) {
-        return childrenRef.current;
-      }
-      if (isClientSide.isClientSide) {
-        return document.body;
-      }
-      return null;
-    }
-    if (typeof window !== "undefined") {
-      return document.body;
-    }
-    return null;
-  }, [portalTarget, role, childrenRef.current]);
-  const animationDuration = disableAnimation || maxHeight ? 0 : DEFAULT_ANIMATION_DURATION;
-  const debounceTimer = react.useRef(void 0);
-  const [visibleInDom, setVisibleInDom] = react.useState(false);
-  const [reverseAnimation, setReverseAnimation] = react.useState(false);
-  const [positions, setPositions] = react.useState({
-    ...helpers.DEFAULT_POSITIONS
-  });
-  const uniqueId = react.useId();
-  const generatedId = id ?? uniqueId;
-  const isControlled = visible !== void 0;
-  const isAnimated = react.useMemo(() => animationDuration > 0 && !maxHeight, [animationDuration, maxHeight]);
-  const generatePopupPositions = react.useCallback(() => {
-    if (childrenRef.current && innerPopupRef.current) {
-      setPositions(helpers.computePositions({
-        align,
-        childrenRef,
-        hasArrow,
-        placement,
-        popupPortalTarget,
-        popupRef: innerPopupRef
-      }));
-    }
-  }, [hasArrow, placement, popupPortalTarget, align]);
-  const onWindowChangeDetected = react.useCallback(() => {
-    if (innerPopupRef.current) {
-      innerPopupRef.current.style.animation = "none";
-    }
-    generatePopupPositions();
-  }, [generatePopupPositions, innerPopupRef]);
-  const unmountPopupFromDom = react.useCallback(() => {
-    setVisibleInDom(false);
-    setReverseAnimation(false);
-    window.removeEventListener("scroll", onWindowChangeDetected, true);
-  }, [onWindowChangeDetected]);
-  const closePopup = react.useCallback(() => {
-    const closeFunction = () => {
-      if (!disableAnimation) {
-        setReverseAnimation(true);
-        timer.current = setTimeout(() => {
-          onClose?.();
-          unmountPopupFromDom();
-        }, animationDuration);
-      } else {
-        onClose?.();
-        unmountPopupFromDom();
-      }
-    };
-    if (!disableAnimation) {
-      debounceTimer.current = setTimeout(() => {
-        closeFunction();
-      }, debounceDelay && !disableAnimation ? debounceDelay : 0);
-    } else {
-      closeFunction();
-    }
-  }, [animationDuration, disableAnimation, debounceDelay, onClose, unmountPopupFromDom]);
-  const onPointerEvent = react.useCallback((isVisible) => () => {
-    if (!visible && debounceDelay > 0 && debounceTimer.current) {
-      clearTimeout(debounceTimer.current);
-      debounceTimer.current = void 0;
-    }
-    if (!isVisible && innerPopupRef.current && !debounceTimer.current) {
-      closePopup();
-    } else if (isVisible) {
-      if (timer.current) {
-        setReverseAnimation(false);
-        clearTimeout(timer.current);
-        timer.current = void 0;
-      }
-      if (debounceTimer.current) {
-        clearTimeout(debounceTimer.current);
-        debounceTimer.current = void 0;
-      }
-      if (debounceDelay > 0) {
-        debounceTimer.current = setTimeout(() => {
-          setVisibleInDom(true);
-        }, debounceDelay);
-      } else {
-        react.startTransition(() => {
-          setVisibleInDom(true);
-        });
-      }
-    }
-  }, [closePopup, debounceDelay, visible]);
-  react.useEffect(() => {
-    if (visibleInDom) {
-      generatePopupPositions();
-      if (popupPortalTarget === document.body) {
-        window.addEventListener("scroll", onWindowChangeDetected, true);
-      }
-      window.addEventListener("resize", onWindowChangeDetected, true);
-    }
-    return () => {
-      window.removeEventListener("scroll", onWindowChangeDetected, true);
-      window.removeEventListener("resize", onWindowChangeDetected, true);
-      if (timer.current) {
-        clearTimeout(timer.current);
-        timer.current = void 0;
-      }
-    };
-  }, [generatePopupPositions, onWindowChangeDetected, visibleInDom, maxWidth, popupPortalTarget]);
-  react.useEffect(() => {
-    if (visibleInDom && innerPopupRef.current) {
-      innerPopupRef.current.style.opacity = "1";
-    }
-  }, [positions]);
-  react.useEffect(() => {
-    if (isControlled) {
-      onPointerEvent(visible)();
-    }
-  }, [isControlled, onPointerEvent, visible]);
-  react.useEffect(() => {
-    const handleEscPress = (event) => {
-      if (event.key === "Escape") {
-        event.preventDefault();
-        event.stopPropagation();
-        closePopup();
-      }
-    };
-    const handleClickOutside = (event) => {
-      const popupCurrent = innerPopupRef.current;
-      const childrenCurrent = childrenRef.current;
-      if (popupCurrent && hideOnClickOutside && !event.defaultPrevented && event.target && event.target !== popupCurrent && event.target !== childrenCurrent && !childrenCurrent?.contains(event.target) && !popupCurrent.contains(event.target)) {
-        event.preventDefault();
-        event.stopPropagation();
-        closePopup();
-      }
-    };
-    if (visibleInDom) {
-      document.body.addEventListener("keyup", handleEscPress);
-      document.body.addEventListener("click", handleClickOutside);
-    }
-    return () => {
-      document.body.removeEventListener("keyup", handleEscPress);
-      document.body.removeEventListener("click", handleClickOutside);
-    };
-  }, [closePopup, visibleInDom, innerPopupRef, childrenRef, hideOnClickOutside]);
-  const handleFocusTrap = react.useCallback((event) => {
-    const isTabPressed = event.key === "Tab";
-    if (!isTabPressed) {
-      return;
-    }
-    event.stopPropagation();
-    const focusableEls = innerPopupRef.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 === innerPopupRef.current) {
-        lastFocusableEl.focus();
-        event.preventDefault();
-      }
-    } else if (document.activeElement === lastFocusableEl || document.activeElement === innerPopupRef.current) {
-      firstFocusableEl.focus();
-      event.preventDefault();
-    }
-  }, []);
-  react.useEffect(() => () => {
-    if (timer.current) {
-      clearTimeout(timer.current);
-    }
-    if (debounceTimer.current) {
-      clearTimeout(debounceTimer.current);
-    }
-  }, []);
-  const renderChildren = react.useCallback(() => {
-    if (typeof children === "function") {
-      return children({
-        onBlur: !isControlled ? onPointerEvent(false) : noop,
-        onFocus: !isControlled ? onPointerEvent(true) : noop,
-        onPointerEnter: !isControlled ? onPointerEvent(true) : noop,
-        onPointerLeave: !isControlled ? onPointerEvent(false) : noop,
-        ref: childrenRef
-      });
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { "aria-controls": generatedId, "aria-describedby": generatedId, "aria-haspopup": ariaHasPopup, className: styles_css.childrenContainerPopup({
-      fullHeight: containerFullHeight,
-      fullWidth: containerFullWidth
-    }), onBlur: !isControlled ? onPointerEvent(false) : noop, onFocus: !isControlled ? onPointerEvent(true) : noop, onKeyDown: (event) => {
-      onKeyDown?.(event);
-    }, onPointerEnter: !isControlled ? onPointerEvent(true) : noop, onPointerLeave: !isControlled ? onPointerEvent(false) : noop, ref: childrenRef, tabIndex, children });
-  }, [ariaHasPopup, children, containerFullHeight, containerFullWidth, generatedId, isControlled, onKeyDown, onPointerEvent, tabIndex]);
-  const shouldRender = react.useMemo(() => {
-    if (!dynamicDomRendering) {
-      return true;
-    }
-    if (dynamicDomRendering && visibleInDom) {
-      return true;
-    }
-    return false;
-  }, [dynamicDomRendering, visibleInDom]);
-  if (!text) {
-    if (typeof children === "function") {
-      return null;
-    }
-    return children;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    renderChildren(),
-    shouldRender ? reactDom.createPortal(/* @__PURE__ */ jsxRuntime.jsx("div", { className: `${className ? `${className} ` : ""}${styles_css.popup({
-      hasArrow,
-      visibleInDom: !dynamicDomRendering ? visibleInDom : void 0
-    })} ${isAnimated ? styles_css.animationPopup[reverseAnimation ? "reverse" : "notReverse"] : null}`, "data-testid": dataTestId, "data-visible-in-dom": !dynamicDomRendering ? visibleInDom : void 0, id: generatedId, onClick: stopClickPropagation, onKeyDown: role === "dialog" ? handleFocusTrap : void 0, onPointerEnter: !isControlled ? onPointerEvent(true) : noop, onPointerLeave: !isControlled ? onPointerEvent(false) : noop, ref: innerPopupRef, role, style: {
-      ...dynamic.assignInlineVars({
-        [variables_css.arrowTop]: `${positions.arrowTop}px`,
-        [variables_css.arrowLeft]: `${positions.arrowLeft}px`,
-        [variables_css.arrowTransform]: `${positions.arrowTransform} rotate(${positions.rotate}deg)`,
-        [variables_css.popupPosition]: positions.popupPosition,
-        [variables_css.animationDurationPopup]: `${animationDuration}ms`,
-        [variables_css.popupInitialPosition]: positions.popupInitialPosition,
-        [variables_css.maxWidthPopup]: `${typeof maxWidth === "number" ? `${maxWidth}px` : maxWidth}`,
-        [variables_css.maxHeightPopup]: typeof maxHeight === "number" ? `${maxHeight}px` : maxHeight
-      }),
-      ...style
-    }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_css.containerPopup({
-      hasMaxHeight: !!maxHeight
-    }), style: dynamic.assignInlineVars({
-      [variables_css.maxHeightPopup]: typeof maxHeight === "number" ? `${maxHeight}px` : maxHeight
-    }), children: text }) }), popupPortalTarget) : null
-  ] });
-});
-exports.Popup = Popup;

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

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-;/* empty css                            */
-const createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var containerPopup = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_w40vpo2", variantClassNames: { hasMaxHeight: { true: "uv_w40vpo3" } }, defaultVariants: {}, compoundVariants: [] });
-var popup = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_w40vpo4", variantClassNames: { hasArrow: { true: "uv_w40vpo5" }, visibleInDom: { false: "uv_w40vpo6" } }, defaultVariants: { hasArrow: true, visibleInDom: true }, compoundVariants: [] });
-var animationPopup = { reverse: "uv_w40vpo7", notReverse: "uv_w40vpo8" };
-var childrenContainerPopup = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_w40vpo9", variantClassNames: { fullHeight: { true: "uv_w40vpoa" }, fullWidth: { true: "uv_w40vpob" } }, defaultVariants: {}, compoundVariants: [] });
-exports.animationPopup = animationPopup;
-exports.childrenContainerPopup = childrenContainerPopup;
-exports.containerPopup = containerPopup;
-exports.popup = popup;

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

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-;/* empty css                               */
-var arrowTop = "var(--uv_ozfz3c0)";
-var arrowLeft = "var(--uv_ozfz3c1)";
-var arrowTransform = "var(--uv_ozfz3c2)";
-var maxHeightPopup = "var(--uv_ozfz3c3)";
-var popupInitialPosition = "var(--uv_ozfz3c6)";
-var popupPosition = "var(--uv_ozfz3c4)";
-var animationDurationPopup = "var(--uv_ozfz3c5)";
-var maxWidthPopup = "var(--uv_ozfz3c7)";
-exports.animationDurationPopup = animationDurationPopup;
-exports.arrowLeft = arrowLeft;
-exports.arrowTop = arrowTop;
-exports.arrowTransform = arrowTransform;
-exports.maxHeightPopup = maxHeightPopup;
-exports.maxWidthPopup = maxWidthPopup;
-exports.popupInitialPosition = popupInitialPosition;
-exports.popupPosition = popupPosition;

package/dist/components/ProgressBar/index.cjs

@@ -1,46 +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$1 = require("../Label/index.cjs");
-const index = require("../Stack/index.cjs");
-const index$2 = require("../Text/index.cjs");
-const styles_css = require("./styles.css.cjs");
-const variables_css = require("./variables.css.cjs");
-const ProgressBar = ({
-  progress = false,
-  value = 0,
-  sentiment = "primary",
-  className,
-  "data-testid": dataTestId,
-  showProgress = false,
-  prefix,
-  suffix = "%",
-  max = 100,
-  label,
-  labelDescription,
-  direction = "column",
-  "aria-labelledby": ariaLabelledBy,
-  "aria-label": ariaLabel,
-  style
-}) => /* @__PURE__ */ jsxRuntime.jsxs(index.Stack, { alignItems: "center", direction, gap: direction === "column" ? 1 : 2, children: [
-  direction === "column" && (label || showProgress) ? /* @__PURE__ */ jsxRuntime.jsxs(index.Stack, { direction: "row", justifyContent: !label && showProgress ? "right" : "space-between", width: "100%", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(index$1.Label, { labelDescription, size: "medium", children: label }),
-    showProgress ? /* @__PURE__ */ jsxRuntime.jsxs(index$2.Text, { as: "label", placement: "right", sentiment: "neutral", variant: "bodySmall", children: [
-      prefix,
-      suffix === "%" ? 100 * value / max : value,
-      suffix
-    ] }) : null
-  ] }) : null,
-  direction === "row" && label ? /* @__PURE__ */ jsxRuntime.jsx(index$1.Label, { labelDescription, size: "medium", children: label }) : null,
-  /* @__PURE__ */ jsxRuntime.jsx("div", { "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-valuemax": max, "aria-valuemin": 0, "aria-valuenow": value, className: `${className ? `${className} ` : ""}${styles_css.progressContainer}`, "data-testid": dataTestId, role: "progressbar", style, children: progress ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_css.progressBar }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_css.filledBarSentiments[sentiment], style: dynamic.assignInlineVars({
-    [variables_css.percentageValue]: `${100 * Math.max(0, Math.min(max, value)) / max}%`
-  }) }) }),
-  showProgress && direction === "row" ? /* @__PURE__ */ jsxRuntime.jsx(index.Stack, { direction: "row", gap: 1, width: "fit-content", children: /* @__PURE__ */ jsxRuntime.jsxs(index$2.Text, { as: "label", className: styles_css.customText, sentiment: "neutral", variant: "bodySmall", children: [
-    prefix,
-    suffix === "%" ? 100 * value / max : value,
-    suffix
-  ] }) }) : null
-] });
-exports.ProgressBar = ProgressBar;

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

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-;/* empty css                               */
-;/* empty css                            */
-var progressContainer = "uv_1pgcd801";
-var customText = "uv_1pgcd802";
-var progressBar = "uv_1pgcd803";
-var filledBarSentiments = { primary: "uv_1pgcd805 uv_1pgcd804", secondary: "uv_1pgcd806 uv_1pgcd804", success: "uv_1pgcd807 uv_1pgcd804", danger: "uv_1pgcd808 uv_1pgcd804", warning: "uv_1pgcd809 uv_1pgcd804", info: "uv_1pgcd80a uv_1pgcd804" };
-exports.customText = customText;
-exports.filledBarSentiments = filledBarSentiments;
-exports.progressBar = progressBar;
-exports.progressContainer = progressContainer;

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

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-var percentageValue = "var(--uv_1taqqht0)";
-exports.percentageValue = percentageValue;

package/dist/components/Radio/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 react = require("react");
-const index$1 = require("../Stack/index.cjs");
-const index$2 = require("../Text/index.cjs");
-const index = require("../Tooltip/index.cjs");
-const styles_css = require("./styles.css.cjs");
-const RadioMarkedIcon = () => /* @__PURE__ */ jsxRuntime.jsxs("g", { children: [
-  /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", strokeWidth: "2" }),
-  /* @__PURE__ */ jsxRuntime.jsx("circle", { className: styles_css.innerCircleRing, cx: "12", cy: "12", r: "8" }),
-  /* @__PURE__ */ jsxRuntime.jsx("circle", { className: styles_css.radioMark, cx: "12", cy: "12", r: "5" })
-] });
-const Radio = react.forwardRef(({
-  checked = false,
-  onChange,
-  onFocus,
-  onBlur,
-  disabled = false,
-  error,
-  name,
-  value,
-  label,
-  helper,
-  className,
-  autoFocus,
-  onKeyDown,
-  tooltip,
-  "aria-label": ariaLabel,
-  "data-testid": dataTestId,
-  tabIndex,
-  id,
-  style
-}, forwadedRef) => {
-  const generatedId = react.useId();
-  const localId = id || generatedId;
-  return /* @__PURE__ */ jsxRuntime.jsx(index.Tooltip, { text: tooltip, children: /* @__PURE__ */ jsxRuntime.jsxs(index$1.Stack, { className: styles_css.radioStack, gap: 0.5, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { "aria-disabled": disabled, className: `${className ? `${className} ` : ""}${styles_css.container}`, "data-checked": checked, "data-error": error, "data-testid": dataTestId, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "input",
-        {
-          "aria-disabled": disabled,
-          "aria-invalid": !!error,
-          "aria-label": ariaLabel,
-          autoFocus,
-          checked,
-          className: styles_css.radio,
-          disabled,
-          id: localId,
-          name,
-          onBlur,
-          onChange,
-          onFocus,
-          onKeyDown,
-          ref: forwadedRef,
-          style,
-          tabIndex,
-          type: "radio",
-          value
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx("svg", { className: styles_css.ring, viewBox: "0 0 24 24", children: /* @__PURE__ */ jsxRuntime.jsx(RadioMarkedIcon, {}) }),
-      label ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: typeof label === "string" ? /* @__PURE__ */ jsxRuntime.jsx(index$2.Text, { as: "label", className: styles_css.textLabel, htmlFor: localId, prominence: "default", variant: "body", children: label }) : /* @__PURE__ */ jsxRuntime.jsx("label", { className: styles_css.labelStyle, htmlFor: localId, children: label }) }) : null
-    ] }),
-    helper ? /* @__PURE__ */ jsxRuntime.jsx(index$2.Text, { as: "span", className: styles_css.margedText, prominence: "weak", sentiment: "neutral", variant: "caption", children: helper }) : null
-  ] }) });
-});
-exports.Radio = Radio;

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

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-;/* empty css                            */
-var innerCircleRing = "uv_17da2jl0";
-var radioStack = "uv_17da2jl1";
-var margedText = "uv_17da2jl2";
-var container = "uv_17da2jl3";
-var textLabel = "uv_17da2jl4";
-var labelStyle = "uv_17da2jl5";
-var radio = "uv_17da2jl6";
-var ring = "uv_17da2jl7";
-var radioMark = "uv_17da2jl8";
-exports.container = container;
-exports.innerCircleRing = innerCircleRing;
-exports.labelStyle = labelStyle;
-exports.margedText = margedText;
-exports.radio = radio;
-exports.radioMark = radioMark;
-exports.radioStack = radioStack;
-exports.ring = ring;
-exports.textLabel = textLabel;

package/dist/components/RadioGroup/index.cjs

@@ -1,73 +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$1 = require("../Label/index.cjs");
-const index$3 = require("../Radio/index.cjs");
-const index = require("../Stack/index.cjs");
-const index$2 = require("../Text/index.cjs");
-const styles_css = require("./styles.css.cjs");
-const RadioGroupContext = react.createContext(void 0);
-const RadioGroupRadio = ({
-  onFocus,
-  onBlur,
-  disabled,
-  error,
-  value,
-  label,
-  helper,
-  className,
-  autoFocus,
-  onKeyDown,
-  tooltip,
-  "data-testid": dataTestId,
-  style
-}) => {
-  const context = react.useContext(RadioGroupContext);
-  if (!context) {
-    throw new Error("RadioGroup.Radio can only be used inside a RadioGroup");
-  }
-  const {
-    groupName,
-    onChange,
-    groupValue,
-    error: errorContext
-  } = context;
-  return /* @__PURE__ */ jsxRuntime.jsx(index$3.Radio, { autoFocus, checked: groupValue === value, className, "data-testid": dataTestId, disabled, error: error || errorContext, helper, label, name: groupName, onBlur, onChange, onFocus, onKeyDown, style, tooltip, value });
-};
-const RadioGroup = ({
-  legend,
-  legendDescription,
-  value,
-  className,
-  helper,
-  error,
-  direction = "column",
-  children,
-  onChange,
-  name,
-  description,
-  required = false
-}) => {
-  const contextValue = react.useMemo(() => ({
-    error: !!error,
-    groupName: name,
-    groupValue: value,
-    onChange,
-    required
-  }), [name, value, onChange, required, error]);
-  return /* @__PURE__ */ jsxRuntime.jsx(RadioGroupContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsxs(index.Stack, { gap: 1, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("fieldset", { className: `${className ? `${className} ` : ""}${styles_css.fieldset}`, children: /* @__PURE__ */ jsxRuntime.jsxs(index.Stack, { gap: 1.5, children: [
-      legend || description ? /* @__PURE__ */ jsxRuntime.jsxs(index.Stack, { gap: 0.5, children: [
-        legend ? /* @__PURE__ */ jsxRuntime.jsx(index$1.Label, { as: "legend", labelDescription: legendDescription, required, children: legend }) : null,
-        description ? /* @__PURE__ */ jsxRuntime.jsx(index$2.Text, { as: typeof description === "string" ? "p" : "div", prominence: "weak", sentiment: "neutral", variant: "bodySmall", children: description }) : null
-      ] }) : null,
-      /* @__PURE__ */ jsxRuntime.jsx(index.Stack, { alignItems: "start", direction, gap: direction === "column" ? 1 : 2, children })
-    ] }) }),
-    helper ? /* @__PURE__ */ jsxRuntime.jsx(index$2.Text, { as: "span", prominence: "weak", sentiment: "neutral", variant: "caption", children: helper }) : null,
-    error ? /* @__PURE__ */ jsxRuntime.jsx(index$2.Text, { as: "span", sentiment: "danger", variant: "caption", children: error }) : null
-  ] }) });
-};
-RadioGroup.Radio = RadioGroupRadio;
-exports.RadioGroup = RadioGroup;

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

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

package/dist/components/Row/index.cjs

@@ -1,46 +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 styles_css = require("./styles.css.cjs");
-const variables_css = require("./variables.css.cjs");
-const mapRepsonsiveGap = (object) => object ? Object.keys(object).reduce((acc, key) => ({
-  ...acc,
-  [key]: themes.consoleLightTheme.space[object[key]]
-}), {}) : {};
-const Row = ({
-  className,
-  "data-testid": dataTestId,
-  children,
-  templateColumns,
-  alignItems,
-  justifyContent,
-  gap,
-  padding,
-  style
-}) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${className ? `${className} ` : ""}${styles_css.row} ${styles_css.sprinkles({
-  alignItems: typeof alignItems === "object" ? alignItems : {
-    xxsmall: alignItems
-  },
-  gap: typeof gap === "object" ? mapRepsonsiveGap(gap) : {
-    xxsmall: gap ? themes.consoleLightTheme.space[gap] : void 0
-  },
-  justifyContent: typeof justifyContent === "object" ? justifyContent : {
-    xxsmall: justifyContent
-  }
-})}`, "data-testid": dataTestId, style: {
-  ...dynamic.assignInlineVars({
-    ...Object.keys(variables_css.templateColumn).reduce((acc, column) => ({
-      ...acc,
-      [variables_css.templateColumn[column]]: typeof templateColumns === "object" ? templateColumns[column] || "" : templateColumns
-    }), {}),
-    ...Object.keys(variables_css.paddings).reduce((acc, localPadding) => ({
-      ...acc,
-      [variables_css.paddings[localPadding]]: typeof padding === "object" ? padding[localPadding] || "" : padding
-    }), {})
-  }),
-  ...style
-}, children });
-exports.Row = Row;

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

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-;/* empty css                               */
-;/* empty css                            */
-const createRuntimeSprinkles = require("@vanilla-extract/sprinkles/createRuntimeSprinkles");
-var row = "uv_x6hyh50";
-var responsiveProperties = function() {
-  var x = { conditions: { defaultCondition: "xxsmall", conditionNames: ["xxsmall", "xsmall", "small", "medium", "large", "xlarge"], responsiveArray: ["xxsmall", "xsmall", "small", "medium", "large"] }, styles: { gap: { values: { "0rem": { conditions: { xxsmall: "uv_x6hyh51", xsmall: "uv_x6hyh52", small: "uv_x6hyh53", medium: "uv_x6hyh54", large: "uv_x6hyh55", xlarge: "uv_x6hyh56" }, defaultClass: "uv_x6hyh51" }, "0.5rem": { conditions: { xxsmall: "uv_x6hyh57", xsmall: "uv_x6hyh58", small: "uv_x6hyh59", medium: "uv_x6hyh5a", large: "uv_x6hyh5b", xlarge: "uv_x6hyh5c" }, defaultClass: "uv_x6hyh57" }, "1rem": { conditions: { xxsmall: "uv_x6hyh5d", xsmall: "uv_x6hyh5e", small: "uv_x6hyh5f", medium: "uv_x6hyh5g", large: "uv_x6hyh5h", xlarge: "uv_x6hyh5i" }, defaultClass: "uv_x6hyh5d" }, "1.5rem": { conditions: { xxsmall: "uv_x6hyh5j", xsmall: "uv_x6hyh5k", small: "uv_x6hyh5l", medium: "uv_x6hyh5m", large: "uv_x6hyh5n", xlarge: "uv_x6hyh5o" }, defaultClass: "uv_x6hyh5j" }, "2rem": { conditions: { xxsmall: "uv_x6hyh5p", xsmall: "uv_x6hyh5q", small: "uv_x6hyh5r", medium: "uv_x6hyh5s", large: "uv_x6hyh5t", xlarge: "uv_x6hyh5u" }, defaultClass: "uv_x6hyh5p" }, "2.5rem": { conditions: { xxsmall: "uv_x6hyh5v", xsmall: "uv_x6hyh5w", small: "uv_x6hyh5x", medium: "uv_x6hyh5y", large: "uv_x6hyh5z", xlarge: "uv_x6hyh510" }, defaultClass: "uv_x6hyh5v" }, "3rem": { conditions: { xxsmall: "uv_x6hyh511", xsmall: "uv_x6hyh512", small: "uv_x6hyh513", medium: "uv_x6hyh514", large: "uv_x6hyh515", xlarge: "uv_x6hyh516" }, defaultClass: "uv_x6hyh511" }, "3.5rem": { conditions: { xxsmall: "uv_x6hyh517", xsmall: "uv_x6hyh518", small: "uv_x6hyh519", medium: "uv_x6hyh51a", large: "uv_x6hyh51b", xlarge: "uv_x6hyh51c" }, defaultClass: "uv_x6hyh517" }, "4rem": { conditions: { xxsmall: "uv_x6hyh51d", xsmall: "uv_x6hyh51e", small: "uv_x6hyh51f", medium: "uv_x6hyh51g", large: "uv_x6hyh51h", xlarge: "uv_x6hyh51i" }, defaultClass: "uv_x6hyh51d" }, "4.5rem": { conditions: { xxsmall: "uv_x6hyh51j", xsmall: "uv_x6hyh51k", small: "uv_x6hyh51l", medium: "uv_x6hyh51m", large: "uv_x6hyh51n", xlarge: "uv_x6hyh51o" }, defaultClass: "uv_x6hyh51j" }, "5rem": { conditions: { xxsmall: "uv_x6hyh51p", xsmall: "uv_x6hyh51q", small: "uv_x6hyh51r", medium: "uv_x6hyh51s", large: "uv_x6hyh51t", xlarge: "uv_x6hyh51u" }, defaultClass: "uv_x6hyh51p" }, "0.25rem": { conditions: { xxsmall: "uv_x6hyh51v", xsmall: "uv_x6hyh51w", small: "uv_x6hyh51x", medium: "uv_x6hyh51y", large: "uv_x6hyh51z", xlarge: "uv_x6hyh520" }, defaultClass: "uv_x6hyh51v" }, "0.125rem": { conditions: { xxsmall: "uv_x6hyh521", xsmall: "uv_x6hyh522", small: "uv_x6hyh523", medium: "uv_x6hyh524", large: "uv_x6hyh525", xlarge: "uv_x6hyh526" }, defaultClass: "uv_x6hyh521" }, "0.75rem": { conditions: { xxsmall: "uv_x6hyh527", xsmall: "uv_x6hyh528", small: "uv_x6hyh529", medium: "uv_x6hyh52a", large: "uv_x6hyh52b", xlarge: "uv_x6hyh52c" }, defaultClass: "uv_x6hyh527" } }, responsiveArray: void 0 }, alignItems: { values: { normal: { conditions: { xxsmall: "uv_x6hyh52d", xsmall: "uv_x6hyh52e", small: "uv_x6hyh52f", medium: "uv_x6hyh52g", large: "uv_x6hyh52h", xlarge: "uv_x6hyh52i" }, defaultClass: "uv_x6hyh52d" }, stretch: { conditions: { xxsmall: "uv_x6hyh52j", xsmall: "uv_x6hyh52k", small: "uv_x6hyh52l", medium: "uv_x6hyh52m", large: "uv_x6hyh52n", xlarge: "uv_x6hyh52o" }, defaultClass: "uv_x6hyh52j" }, center: { conditions: { xxsmall: "uv_x6hyh52p", xsmall: "uv_x6hyh52q", small: "uv_x6hyh52r", medium: "uv_x6hyh52s", large: "uv_x6hyh52t", xlarge: "uv_x6hyh52u" }, defaultClass: "uv_x6hyh52p" }, start: { conditions: { xxsmall: "uv_x6hyh52v", xsmall: "uv_x6hyh52w", small: "uv_x6hyh52x", medium: "uv_x6hyh52y", large: "uv_x6hyh52z", xlarge: "uv_x6hyh530" }, defaultClass: "uv_x6hyh52v" }, end: { conditions: { xxsmall: "uv_x6hyh531", xsmall: "uv_x6hyh532", small: "uv_x6hyh533", medium: "uv_x6hyh534", large: "uv_x6hyh535", xlarge: "uv_x6hyh536" }, defaultClass: "uv_x6hyh531" }, "flex-start": { conditions: { xxsmall: "uv_x6hyh537", xsmall: "uv_x6hyh538", small: "uv_x6hyh539", medium: "uv_x6hyh53a", large: "uv_x6hyh53b", xlarge: "uv_x6hyh53c" }, defaultClass: "uv_x6hyh537" }, "flex-end": { conditions: { xxsmall: "uv_x6hyh53d", xsmall: "uv_x6hyh53e", small: "uv_x6hyh53f", medium: "uv_x6hyh53g", large: "uv_x6hyh53h", xlarge: "uv_x6hyh53i" }, defaultClass: "uv_x6hyh53d" }, "self-start": { conditions: { xxsmall: "uv_x6hyh53j", xsmall: "uv_x6hyh53k", small: "uv_x6hyh53l", medium: "uv_x6hyh53m", large: "uv_x6hyh53n", xlarge: "uv_x6hyh53o" }, defaultClass: "uv_x6hyh53j" }, "self-end": { conditions: { xxsmall: "uv_x6hyh53p", xsmall: "uv_x6hyh53q", small: "uv_x6hyh53r", medium: "uv_x6hyh53s", large: "uv_x6hyh53t", xlarge: "uv_x6hyh53u" }, defaultClass: "uv_x6hyh53p" }, baseline: { conditions: { xxsmall: "uv_x6hyh53v", xsmall: "uv_x6hyh53w", small: "uv_x6hyh53x", medium: "uv_x6hyh53y", large: "uv_x6hyh53z", xlarge: "uv_x6hyh540" }, defaultClass: "uv_x6hyh53v" }, "first baseline": { conditions: { xxsmall: "uv_x6hyh541", xsmall: "uv_x6hyh542", small: "uv_x6hyh543", medium: "uv_x6hyh544", large: "uv_x6hyh545", xlarge: "uv_x6hyh546" }, defaultClass: "uv_x6hyh541" }, "last baseline": { conditions: { xxsmall: "uv_x6hyh547", xsmall: "uv_x6hyh548", small: "uv_x6hyh549", medium: "uv_x6hyh54a", large: "uv_x6hyh54b", xlarge: "uv_x6hyh54c" }, defaultClass: "uv_x6hyh547" }, "safe center": { conditions: { xxsmall: "uv_x6hyh54d", xsmall: "uv_x6hyh54e", small: "uv_x6hyh54f", medium: "uv_x6hyh54g", large: "uv_x6hyh54h", xlarge: "uv_x6hyh54i" }, defaultClass: "uv_x6hyh54d" }, "unsafe center": { conditions: { xxsmall: "uv_x6hyh54j", xsmall: "uv_x6hyh54k", small: "uv_x6hyh54l", medium: "uv_x6hyh54m", large: "uv_x6hyh54n", xlarge: "uv_x6hyh54o" }, defaultClass: "uv_x6hyh54j" } }, responsiveArray: void 0 }, justifyContent: { values: { normal: { conditions: { xxsmall: "uv_x6hyh54p", xsmall: "uv_x6hyh54q", small: "uv_x6hyh54r", medium: "uv_x6hyh54s", large: "uv_x6hyh54t", xlarge: "uv_x6hyh54u" }, defaultClass: "uv_x6hyh54p" }, center: { conditions: { xxsmall: "uv_x6hyh54v", xsmall: "uv_x6hyh54w", small: "uv_x6hyh54x", medium: "uv_x6hyh54y", large: "uv_x6hyh54z", xlarge: "uv_x6hyh550" }, defaultClass: "uv_x6hyh54v" }, start: { conditions: { xxsmall: "uv_x6hyh551", xsmall: "uv_x6hyh552", small: "uv_x6hyh553", medium: "uv_x6hyh554", large: "uv_x6hyh555", xlarge: "uv_x6hyh556" }, defaultClass: "uv_x6hyh551" }, end: { conditions: { xxsmall: "uv_x6hyh557", xsmall: "uv_x6hyh558", small: "uv_x6hyh559", medium: "uv_x6hyh55a", large: "uv_x6hyh55b", xlarge: "uv_x6hyh55c" }, defaultClass: "uv_x6hyh557" }, "flex-start": { conditions: { xxsmall: "uv_x6hyh55d", xsmall: "uv_x6hyh55e", small: "uv_x6hyh55f", medium: "uv_x6hyh55g", large: "uv_x6hyh55h", xlarge: "uv_x6hyh55i" }, defaultClass: "uv_x6hyh55d" }, "flex-end": { conditions: { xxsmall: "uv_x6hyh55j", xsmall: "uv_x6hyh55k", small: "uv_x6hyh55l", medium: "uv_x6hyh55m", large: "uv_x6hyh55n", xlarge: "uv_x6hyh55o" }, defaultClass: "uv_x6hyh55j" }, left: { conditions: { xxsmall: "uv_x6hyh55p", xsmall: "uv_x6hyh55q", small: "uv_x6hyh55r", medium: "uv_x6hyh55s", large: "uv_x6hyh55t", xlarge: "uv_x6hyh55u" }, defaultClass: "uv_x6hyh55p" }, right: { conditions: { xxsmall: "uv_x6hyh55v", xsmall: "uv_x6hyh55w", small: "uv_x6hyh55x", medium: "uv_x6hyh55y", large: "uv_x6hyh55z", xlarge: "uv_x6hyh560" }, defaultClass: "uv_x6hyh55v" }, "space-between": { conditions: { xxsmall: "uv_x6hyh561", xsmall: "uv_x6hyh562", small: "uv_x6hyh563", medium: "uv_x6hyh564", large: "uv_x6hyh565", xlarge: "uv_x6hyh566" }, defaultClass: "uv_x6hyh561" }, "space-around": { conditions: { xxsmall: "uv_x6hyh567", xsmall: "uv_x6hyh568", small: "uv_x6hyh569", medium: "uv_x6hyh56a", large: "uv_x6hyh56b", xlarge: "uv_x6hyh56c" }, defaultClass: "uv_x6hyh567" }, "space-evenly": { conditions: { xxsmall: "uv_x6hyh56d", xsmall: "uv_x6hyh56e", small: "uv_x6hyh56f", medium: "uv_x6hyh56g", large: "uv_x6hyh56h", xlarge: "uv_x6hyh56i" }, defaultClass: "uv_x6hyh56d" }, stretch: { conditions: { xxsmall: "uv_x6hyh56j", xsmall: "uv_x6hyh56k", small: "uv_x6hyh56l", medium: "uv_x6hyh56m", large: "uv_x6hyh56n", xlarge: "uv_x6hyh56o" }, defaultClass: "uv_x6hyh56j" } }, responsiveArray: void 0 } } };
-  x.styles.gap.responsiveArray = x.conditions.responsiveArray;
-  x.styles.alignItems.responsiveArray = x.conditions.responsiveArray;
-  x.styles.justifyContent.responsiveArray = x.conditions.responsiveArray;
-  return x;
-}();
-var sprinkles = createRuntimeSprinkles.createSprinkles(responsiveProperties);
-exports.responsiveProperties = responsiveProperties;
-exports.row = row;
-exports.sprinkles = sprinkles;

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

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-;/* empty css                               */
-var templateColumn = { large: "var(--uv_3mg8xe0)", xlarge: "var(--uv_3mg8xe1)", medium: "var(--uv_3mg8xe2)", small: "var(--uv_3mg8xe3)", xsmall: "var(--uv_3mg8xe4)", xxsmall: "var(--uv_3mg8xe5)" };
-var paddings = { large: "var(--uv_3mg8xe6)", xlarge: "var(--uv_3mg8xe7)", medium: "var(--uv_3mg8xe8)", small: "var(--uv_3mg8xe9)", xsmall: "var(--uv_3mg8xea)", xxsmall: "var(--uv_3mg8xeb)" };
-exports.paddings = paddings;
-exports.templateColumn = templateColumn;