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

package/dist/components/Stack/index.cjs

@@ -1,85 +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 react = require("react");
-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 Stack = ({
-  gap,
-  direction = "column",
-  alignItems = "normal",
-  justifyContent = "normal",
-  wrap = "nowrap",
-  className,
-  children,
-  id,
-  "data-testid": dataTestId,
-  width,
-  maxWidth,
-  minWidth,
-  flex,
-  as,
-  ref,
-  style,
-  ...props
-}) => {
-  const wrapValue = react.useMemo(() => {
-    if (typeof wrap === "boolean") {
-      return wrap ? "wrap" : "nowrap";
-    }
-    if (typeof wrap === "object") {
-      return Object.keys(wrap).reduce((acc, key) => ({
-        ...acc,
-        [key]: wrap[key] ? "wrap" : "nowrap"
-      }), {});
-    }
-    return wrap;
-  }, [wrap]);
-  const Component = as || "div";
-  const sprinkleClassName = styles_css.sprinkles({
-    alignItems: typeof alignItems === "object" ? alignItems : {
-      xxsmall: alignItems
-    },
-    flexDirection: typeof direction === "object" ? direction : {
-      xxsmall: direction
-    },
-    flexWrap: typeof wrapValue === "object" ? wrapValue : {
-      xxsmall: wrapValue
-    },
-    gap: typeof gap === "object" ? mapRepsonsiveGap(gap) : {
-      xxsmall: gap ? themes.consoleLightTheme.space[gap] : void 0
-    },
-    justifyContent: typeof justifyContent === "object" ? justifyContent : {
-      xxsmall: justifyContent
-    }
-  });
-  const combinedClassName = [className, styles_css.stack, sprinkleClassName].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Component,
-    {
-      className: combinedClassName,
-      "data-testid": dataTestId,
-      id,
-      ref,
-      style: {
-        ...dynamic.assignInlineVars({
-          [variables_css.widthVar]: width?.toString(),
-          [variables_css.maxWidthVar]: maxWidth?.toString(),
-          [variables_css.minWidthVar]: minWidth?.toString(),
-          [variables_css.flexVar]: flex?.toString()
-        }),
-        ...style
-      },
-      ...props,
-      children
-    }
-  );
-};
-exports.Stack = Stack;

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

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-;/* empty css                               */
-;/* empty css                            */
-const createRuntimeSprinkles = require("@vanilla-extract/sprinkles/createRuntimeSprinkles");
-var stack = "uv_toi52u0";
-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_toi52u1", xsmall: "uv_toi52u2", small: "uv_toi52u3", medium: "uv_toi52u4", large: "uv_toi52u5", xlarge: "uv_toi52u6" }, defaultClass: "uv_toi52u1" }, "0.5rem": { conditions: { xxsmall: "uv_toi52u7", xsmall: "uv_toi52u8", small: "uv_toi52u9", medium: "uv_toi52ua", large: "uv_toi52ub", xlarge: "uv_toi52uc" }, defaultClass: "uv_toi52u7" }, "1rem": { conditions: { xxsmall: "uv_toi52ud", xsmall: "uv_toi52ue", small: "uv_toi52uf", medium: "uv_toi52ug", large: "uv_toi52uh", xlarge: "uv_toi52ui" }, defaultClass: "uv_toi52ud" }, "1.5rem": { conditions: { xxsmall: "uv_toi52uj", xsmall: "uv_toi52uk", small: "uv_toi52ul", medium: "uv_toi52um", large: "uv_toi52un", xlarge: "uv_toi52uo" }, defaultClass: "uv_toi52uj" }, "2rem": { conditions: { xxsmall: "uv_toi52up", xsmall: "uv_toi52uq", small: "uv_toi52ur", medium: "uv_toi52us", large: "uv_toi52ut", xlarge: "uv_toi52uu" }, defaultClass: "uv_toi52up" }, "2.5rem": { conditions: { xxsmall: "uv_toi52uv", xsmall: "uv_toi52uw", small: "uv_toi52ux", medium: "uv_toi52uy", large: "uv_toi52uz", xlarge: "uv_toi52u10" }, defaultClass: "uv_toi52uv" }, "3rem": { conditions: { xxsmall: "uv_toi52u11", xsmall: "uv_toi52u12", small: "uv_toi52u13", medium: "uv_toi52u14", large: "uv_toi52u15", xlarge: "uv_toi52u16" }, defaultClass: "uv_toi52u11" }, "3.5rem": { conditions: { xxsmall: "uv_toi52u17", xsmall: "uv_toi52u18", small: "uv_toi52u19", medium: "uv_toi52u1a", large: "uv_toi52u1b", xlarge: "uv_toi52u1c" }, defaultClass: "uv_toi52u17" }, "4rem": { conditions: { xxsmall: "uv_toi52u1d", xsmall: "uv_toi52u1e", small: "uv_toi52u1f", medium: "uv_toi52u1g", large: "uv_toi52u1h", xlarge: "uv_toi52u1i" }, defaultClass: "uv_toi52u1d" }, "4.5rem": { conditions: { xxsmall: "uv_toi52u1j", xsmall: "uv_toi52u1k", small: "uv_toi52u1l", medium: "uv_toi52u1m", large: "uv_toi52u1n", xlarge: "uv_toi52u1o" }, defaultClass: "uv_toi52u1j" }, "5rem": { conditions: { xxsmall: "uv_toi52u1p", xsmall: "uv_toi52u1q", small: "uv_toi52u1r", medium: "uv_toi52u1s", large: "uv_toi52u1t", xlarge: "uv_toi52u1u" }, defaultClass: "uv_toi52u1p" }, "0.25rem": { conditions: { xxsmall: "uv_toi52u1v", xsmall: "uv_toi52u1w", small: "uv_toi52u1x", medium: "uv_toi52u1y", large: "uv_toi52u1z", xlarge: "uv_toi52u20" }, defaultClass: "uv_toi52u1v" }, "0.125rem": { conditions: { xxsmall: "uv_toi52u21", xsmall: "uv_toi52u22", small: "uv_toi52u23", medium: "uv_toi52u24", large: "uv_toi52u25", xlarge: "uv_toi52u26" }, defaultClass: "uv_toi52u21" }, "0.75rem": { conditions: { xxsmall: "uv_toi52u27", xsmall: "uv_toi52u28", small: "uv_toi52u29", medium: "uv_toi52u2a", large: "uv_toi52u2b", xlarge: "uv_toi52u2c" }, defaultClass: "uv_toi52u27" } }, responsiveArray: void 0 }, flexDirection: { values: { column: { conditions: { xxsmall: "uv_toi52u2d", xsmall: "uv_toi52u2e", small: "uv_toi52u2f", medium: "uv_toi52u2g", large: "uv_toi52u2h", xlarge: "uv_toi52u2i" }, defaultClass: "uv_toi52u2d" }, row: { conditions: { xxsmall: "uv_toi52u2j", xsmall: "uv_toi52u2k", small: "uv_toi52u2l", medium: "uv_toi52u2m", large: "uv_toi52u2n", xlarge: "uv_toi52u2o" }, defaultClass: "uv_toi52u2j" }, "row-reverse": { conditions: { xxsmall: "uv_toi52u2p", xsmall: "uv_toi52u2q", small: "uv_toi52u2r", medium: "uv_toi52u2s", large: "uv_toi52u2t", xlarge: "uv_toi52u2u" }, defaultClass: "uv_toi52u2p" }, "column-reverse": { conditions: { xxsmall: "uv_toi52u2v", xsmall: "uv_toi52u2w", small: "uv_toi52u2x", medium: "uv_toi52u2y", large: "uv_toi52u2z", xlarge: "uv_toi52u30" }, defaultClass: "uv_toi52u2v" } }, responsiveArray: void 0 }, alignItems: { values: { normal: { conditions: { xxsmall: "uv_toi52u31", xsmall: "uv_toi52u32", small: "uv_toi52u33", medium: "uv_toi52u34", large: "uv_toi52u35", xlarge: "uv_toi52u36" }, defaultClass: "uv_toi52u31" }, stretch: { conditions: { xxsmall: "uv_toi52u37", xsmall: "uv_toi52u38", small: "uv_toi52u39", medium: "uv_toi52u3a", large: "uv_toi52u3b", xlarge: "uv_toi52u3c" }, defaultClass: "uv_toi52u37" }, center: { conditions: { xxsmall: "uv_toi52u3d", xsmall: "uv_toi52u3e", small: "uv_toi52u3f", medium: "uv_toi52u3g", large: "uv_toi52u3h", xlarge: "uv_toi52u3i" }, defaultClass: "uv_toi52u3d" }, start: { conditions: { xxsmall: "uv_toi52u3j", xsmall: "uv_toi52u3k", small: "uv_toi52u3l", medium: "uv_toi52u3m", large: "uv_toi52u3n", xlarge: "uv_toi52u3o" }, defaultClass: "uv_toi52u3j" }, end: { conditions: { xxsmall: "uv_toi52u3p", xsmall: "uv_toi52u3q", small: "uv_toi52u3r", medium: "uv_toi52u3s", large: "uv_toi52u3t", xlarge: "uv_toi52u3u" }, defaultClass: "uv_toi52u3p" }, "flex-start": { conditions: { xxsmall: "uv_toi52u3v", xsmall: "uv_toi52u3w", small: "uv_toi52u3x", medium: "uv_toi52u3y", large: "uv_toi52u3z", xlarge: "uv_toi52u40" }, defaultClass: "uv_toi52u3v" }, "flex-end": { conditions: { xxsmall: "uv_toi52u41", xsmall: "uv_toi52u42", small: "uv_toi52u43", medium: "uv_toi52u44", large: "uv_toi52u45", xlarge: "uv_toi52u46" }, defaultClass: "uv_toi52u41" }, "self-start": { conditions: { xxsmall: "uv_toi52u47", xsmall: "uv_toi52u48", small: "uv_toi52u49", medium: "uv_toi52u4a", large: "uv_toi52u4b", xlarge: "uv_toi52u4c" }, defaultClass: "uv_toi52u47" }, "self-end": { conditions: { xxsmall: "uv_toi52u4d", xsmall: "uv_toi52u4e", small: "uv_toi52u4f", medium: "uv_toi52u4g", large: "uv_toi52u4h", xlarge: "uv_toi52u4i" }, defaultClass: "uv_toi52u4d" }, baseline: { conditions: { xxsmall: "uv_toi52u4j", xsmall: "uv_toi52u4k", small: "uv_toi52u4l", medium: "uv_toi52u4m", large: "uv_toi52u4n", xlarge: "uv_toi52u4o" }, defaultClass: "uv_toi52u4j" }, "first baseline": { conditions: { xxsmall: "uv_toi52u4p", xsmall: "uv_toi52u4q", small: "uv_toi52u4r", medium: "uv_toi52u4s", large: "uv_toi52u4t", xlarge: "uv_toi52u4u" }, defaultClass: "uv_toi52u4p" }, "last baseline": { conditions: { xxsmall: "uv_toi52u4v", xsmall: "uv_toi52u4w", small: "uv_toi52u4x", medium: "uv_toi52u4y", large: "uv_toi52u4z", xlarge: "uv_toi52u50" }, defaultClass: "uv_toi52u4v" }, "safe center": { conditions: { xxsmall: "uv_toi52u51", xsmall: "uv_toi52u52", small: "uv_toi52u53", medium: "uv_toi52u54", large: "uv_toi52u55", xlarge: "uv_toi52u56" }, defaultClass: "uv_toi52u51" }, "unsafe center": { conditions: { xxsmall: "uv_toi52u57", xsmall: "uv_toi52u58", small: "uv_toi52u59", medium: "uv_toi52u5a", large: "uv_toi52u5b", xlarge: "uv_toi52u5c" }, defaultClass: "uv_toi52u57" } }, responsiveArray: void 0 }, justifyContent: { values: { normal: { conditions: { xxsmall: "uv_toi52u5d", xsmall: "uv_toi52u5e", small: "uv_toi52u5f", medium: "uv_toi52u5g", large: "uv_toi52u5h", xlarge: "uv_toi52u5i" }, defaultClass: "uv_toi52u5d" }, center: { conditions: { xxsmall: "uv_toi52u5j", xsmall: "uv_toi52u5k", small: "uv_toi52u5l", medium: "uv_toi52u5m", large: "uv_toi52u5n", xlarge: "uv_toi52u5o" }, defaultClass: "uv_toi52u5j" }, start: { conditions: { xxsmall: "uv_toi52u5p", xsmall: "uv_toi52u5q", small: "uv_toi52u5r", medium: "uv_toi52u5s", large: "uv_toi52u5t", xlarge: "uv_toi52u5u" }, defaultClass: "uv_toi52u5p" }, end: { conditions: { xxsmall: "uv_toi52u5v", xsmall: "uv_toi52u5w", small: "uv_toi52u5x", medium: "uv_toi52u5y", large: "uv_toi52u5z", xlarge: "uv_toi52u60" }, defaultClass: "uv_toi52u5v" }, "flex-start": { conditions: { xxsmall: "uv_toi52u61", xsmall: "uv_toi52u62", small: "uv_toi52u63", medium: "uv_toi52u64", large: "uv_toi52u65", xlarge: "uv_toi52u66" }, defaultClass: "uv_toi52u61" }, "flex-end": { conditions: { xxsmall: "uv_toi52u67", xsmall: "uv_toi52u68", small: "uv_toi52u69", medium: "uv_toi52u6a", large: "uv_toi52u6b", xlarge: "uv_toi52u6c" }, defaultClass: "uv_toi52u67" }, left: { conditions: { xxsmall: "uv_toi52u6d", xsmall: "uv_toi52u6e", small: "uv_toi52u6f", medium: "uv_toi52u6g", large: "uv_toi52u6h", xlarge: "uv_toi52u6i" }, defaultClass: "uv_toi52u6d" }, right: { conditions: { xxsmall: "uv_toi52u6j", xsmall: "uv_toi52u6k", small: "uv_toi52u6l", medium: "uv_toi52u6m", large: "uv_toi52u6n", xlarge: "uv_toi52u6o" }, defaultClass: "uv_toi52u6j" }, "space-between": { conditions: { xxsmall: "uv_toi52u6p", xsmall: "uv_toi52u6q", small: "uv_toi52u6r", medium: "uv_toi52u6s", large: "uv_toi52u6t", xlarge: "uv_toi52u6u" }, defaultClass: "uv_toi52u6p" }, "space-around": { conditions: { xxsmall: "uv_toi52u6v", xsmall: "uv_toi52u6w", small: "uv_toi52u6x", medium: "uv_toi52u6y", large: "uv_toi52u6z", xlarge: "uv_toi52u70" }, defaultClass: "uv_toi52u6v" }, "space-evenly": { conditions: { xxsmall: "uv_toi52u71", xsmall: "uv_toi52u72", small: "uv_toi52u73", medium: "uv_toi52u74", large: "uv_toi52u75", xlarge: "uv_toi52u76" }, defaultClass: "uv_toi52u71" }, stretch: { conditions: { xxsmall: "uv_toi52u77", xsmall: "uv_toi52u78", small: "uv_toi52u79", medium: "uv_toi52u7a", large: "uv_toi52u7b", xlarge: "uv_toi52u7c" }, defaultClass: "uv_toi52u77" } }, responsiveArray: void 0 }, flexWrap: { values: { nowrap: { conditions: { xxsmall: "uv_toi52u7d", xsmall: "uv_toi52u7e", small: "uv_toi52u7f", medium: "uv_toi52u7g", large: "uv_toi52u7h", xlarge: "uv_toi52u7i" }, defaultClass: "uv_toi52u7d" }, wrap: { conditions: { xxsmall: "uv_toi52u7j", xsmall: "uv_toi52u7k", small: "uv_toi52u7l", medium: "uv_toi52u7m", large: "uv_toi52u7n", xlarge: "uv_toi52u7o" }, defaultClass: "uv_toi52u7j" }, "wrap-reverse": { conditions: { xxsmall: "uv_toi52u7p", xsmall: "uv_toi52u7q", small: "uv_toi52u7r", medium: "uv_toi52u7s", large: "uv_toi52u7t", xlarge: "uv_toi52u7u" }, defaultClass: "uv_toi52u7p" } }, responsiveArray: void 0 } } };
-  x.styles.gap.responsiveArray = x.conditions.responsiveArray;
-  x.styles.flexDirection.responsiveArray = x.conditions.responsiveArray;
-  x.styles.alignItems.responsiveArray = x.conditions.responsiveArray;
-  x.styles.justifyContent.responsiveArray = x.conditions.responsiveArray;
-  x.styles.flexWrap.responsiveArray = x.conditions.responsiveArray;
-  return x;
-}();
-var sprinkles = createRuntimeSprinkles.createSprinkles(responsiveProperties);
-exports.responsiveProperties = responsiveProperties;
-exports.sprinkles = sprinkles;
-exports.stack = stack;

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

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-;/* empty css                               */
-var widthVar = "var(--uv_4k0ekn0)";
-var maxWidthVar = "var(--uv_4k0ekn1)";
-var minWidthVar = "var(--uv_4k0ekn2)";
-var flexVar = "var(--uv_4k0ekn3)";
-exports.flexVar = flexVar;
-exports.maxWidthVar = maxWidthVar;
-exports.minWidthVar = minWidthVar;
-exports.widthVar = widthVar;

package/dist/components/Status/index.cjs

@@ -1,25 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const index = require("../Tooltip/index.cjs");
-const styles_css = require("./styles.css.cjs");
-const Status = ({
-  animated = false,
-  className,
-  tooltip,
-  sentiment,
-  "data-testid": dataTestId,
-  notification,
-  style
-}) => /* @__PURE__ */ jsxRuntime.jsx(index.Tooltip, { text: tooltip, children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: `${className ? `${className} ` : ""}${styles_css.status({
-  notification
-})}`, "data-testid": dataTestId, style, children: [
-  animated ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles_css.animatedCircleStatus({
-    sentiment
-  }) }) : null,
-  /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles_css.circleStatus({
-    sentiment
-  }) })
-] }) });
-exports.Status = Status;

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

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-;/* empty css                                                       */
-;/* empty css                            */
-const createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var circleStatus = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_bt4zrj0", variantClassNames: { sentiment: { danger: "uv_bt4zrj1", info: "uv_bt4zrj2", neutral: "uv_bt4zrj3", success: "uv_bt4zrj4", warning: "uv_bt4zrj5" } }, defaultVariants: {}, compoundVariants: [] });
-var animatedCircleStatus = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_bt4zrj6", variantClassNames: { sentiment: { danger: "uv_bt4zrj7", info: "uv_bt4zrj8", neutral: "uv_bt4zrj9", success: "uv_bt4zrja", warning: "uv_bt4zrjb" } }, defaultVariants: {}, compoundVariants: [] });
-var status = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_bt4zrjc", variantClassNames: { notification: { true: "uv_bt4zrjd" } }, defaultVariants: {}, compoundVariants: [] });
-exports.animatedCircleStatus = animatedCircleStatus;
-exports.circleStatus = circleStatus;
-exports.status = status;

package/dist/components/StepList/index.cjs

@@ -1,32 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const index = require("../Bullet/index.cjs");
-const styles_css = require("./styles.css.cjs");
-const Item = ({
-  bulletContent,
-  sentiment,
-  prominence,
-  children,
-  onClick,
-  onKeyDown,
-  size = "medium",
-  disabled = false,
-  className
-}) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: `${className ? `${className} ` : ""}${styles_css.step({
-  disabled
-})}`, onClick, onKeyDown, children: [
-  bulletContent ? /* @__PURE__ */ jsxRuntime.jsx(index.Bullet, { disabled, prominence, sentiment, size, children: bulletContent }) : null,
-  /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_css.stepDiv({
-    size
-  }), children })
-] });
-const StepList = ({
-  children,
-  className,
-  style,
-  "data-testid": dataTestId
-}) => /* @__PURE__ */ jsxRuntime.jsx("ul", { className: `${className ? `${className} ` : ""}${styles_css.steps}`, "data-testid": dataTestId, style, children });
-StepList.Item = Item;
-exports.StepList = StepList;

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

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-;/* empty css                            */
-const createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var steps = "uv_1g1au380";
-var step = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_1g1au381", variantClassNames: { disabled: { true: "uv_1g1au382", false: "uv_1g1au383" } }, defaultVariants: {}, compoundVariants: [] });
-var stepDiv = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_1g1au384", variantClassNames: { size: { small: "uv_1g1au385", medium: "uv_1g1au386" } }, defaultVariants: {}, compoundVariants: [] });
-exports.step = step;
-exports.stepDiv = stepDiv;
-exports.steps = steps;

package/dist/components/Stepper/Step.cjs

@@ -1,72 +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("../Bullet/index.cjs");
-const index = require("../Stack/index.cjs");
-const index$2 = require("../Text/index.cjs");
-const StepperProvider = require("./StepperProvider.cjs");
-const styles_css = require("./styles.css.cjs");
-const Step = ({
-  index: index$3 = 0,
-  onClick,
-  disabled = false,
-  title,
-  children,
-  className,
-  style,
-  "data-testid": dataTestId
-}) => {
-  const {
-    separator,
-    labelPosition,
-    animated,
-    size,
-    interactive,
-    step,
-    setStep
-  } = StepperProvider.useStepper();
-  const isActive = index$3 === step;
-  const isDone = index$3 < step;
-  const separatorBottom = separator && labelPosition === "bottom";
-  const interactiveDone = isDone && interactive;
-  const textVariant = react.useMemo(() => {
-    if (size === "medium") {
-      return isActive ? "bodyStrong" : "body";
-    }
-    return isActive ? "bodySmallStrong" : "bodySmall";
-  }, [size, isActive]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(index.Stack, { alignItems: "center", className: `${className ? `${className} ` : "step "}${styles_css.stepContainer} ${separatorBottom ? styles_css.stepperContainerRecipe({
-    animated,
-    disabled,
-    done: isDone,
-    labelPosition,
-    separator,
-    size
-  }) : ""} ${isActive && separator && animated ? styles_css.animationStepperContainer[size] : ""} ${interactiveDone && !disabled ? styles_css.stepperInteractive[isActive ? "active" : "inactive"] : ""}`, "data-testid": dataTestId ?? `stepper-step-${index$3}`, direction: labelPosition === "right" ? "row" : "column", gap: labelPosition === "right" ? 1 : 0, justifyContent: "flex-start", onClick: () => {
-    if (interactive && !disabled) {
-      if (index$3 < step) {
-        setStep(index$3);
-      }
-      onClick?.(index$3);
-    }
-  }, style, children: [
-    isDone && !disabled ? /* @__PURE__ */ jsxRuntime.jsx(index$1.Bullet, { className: styles_css.stepBullet({
-      disabled,
-      isActive,
-      size
-    }), prominence: "strong", sentiment: "primary", size, children: /* @__PURE__ */ jsxRuntime.jsx(Icon.CheckIcon, {}) }) : /* @__PURE__ */ jsxRuntime.jsx(index$1.Bullet, { className: styles_css.stepBullet({
-      disabled,
-      isActive,
-      size
-    }), prominence: "strong", sentiment: isDone || isActive ? "primary" : "neutral", size, children: (index$3 + 1).toString() }),
-    title ? /* @__PURE__ */ jsxRuntime.jsx(index$2.Text, { as: "span", className: styles_css.stepText({
-      addMarginTop: separator && labelPosition !== "right",
-      disabled
-    }), prominence: isDone || isActive ? "default" : "weak", sentiment: isActive ? "primary" : "neutral", variant: textVariant, whiteSpace: "normal", children: title }) : null,
-    children ?? null
-  ] });
-};
-exports.Step = Step;

package/dist/components/Stepper/StepperProvider.cjs

@@ -1,41 +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 StepperContext = react.createContext({
-  animated: false,
-  interactive: false,
-  labelPosition: "bottom",
-  separator: true,
-  setStep: () => {
-  },
-  size: "medium",
-  step: 0
-});
-const useStepper = () => react.useContext(StepperContext);
-const StepperProvider = ({
-  children,
-  interactive,
-  selected,
-  animated,
-  labelPosition,
-  size,
-  separator
-}) => {
-  const currentSelected = react.useMemo(() => selected, [selected]);
-  const [step, setStep] = react.useState(currentSelected);
-  const value = react.useMemo(() => ({
-    animated,
-    interactive,
-    labelPosition,
-    separator,
-    setStep,
-    size,
-    step
-  }), [step, interactive, size, animated, labelPosition, separator]);
-  react.useEffect(() => setStep(selected), [selected]);
-  return /* @__PURE__ */ jsxRuntime.jsx(StepperContext.Provider, { value, children });
-};
-exports.StepperProvider = StepperProvider;
-exports.useStepper = useStepper;

package/dist/components/Stepper/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 Step = require("./Step.cjs");
-const StepperProvider = require("./StepperProvider.cjs");
-const styles_css = require("./styles.css.cjs");
-const Stepper = ({
-  children,
-  interactive = false,
-  selected = 1,
-  animated = false,
-  className,
-  labelPosition = "bottom",
-  size = "medium",
-  "data-testid": dataTestId,
-  separator = true,
-  style
-}) => {
-  const cleanChildren = react.Children.toArray(children).filter(react.isValidElement);
-  const lastStep = react.Children.count(cleanChildren) - 1;
-  return /* @__PURE__ */ jsxRuntime.jsx(StepperProvider.StepperProvider, { animated, interactive, labelPosition, selected, separator, size, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${className ? `${className} ` : ""}${styles_css.stepperContainer({
-    labelPosition,
-    separator
-  })}`, "data-testid": dataTestId, style, children: react.Children.map(cleanChildren, (child, index) => {
-    const getTemporal = () => {
-      if (index < selected) {
-        return "done";
-      }
-      if (index === selected) {
-        return "current";
-      }
-      return "next";
-    };
-    const isNotLast = index < lastStep;
-    const temporal = getTemporal();
-    return /* @__PURE__ */ jsxRuntime.jsxs(react.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(Step.Step, { index, ...child.props }),
-      isNotLast && separator && labelPosition === "right" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_css.stepperLine({
-        animated,
-        size,
-        temporal
-      }), "data-size": size }) : null
-    ] }, `creation-progress-${index}`);
-  }) }) });
-};
-Stepper.Step = Step.Step;
-exports.Stepper = Stepper;

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

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-;/* empty css                            */
-const createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var stepperContainer = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_1mvphq23", variantClassNames: { separator: { true: "uv_1mvphq24", false: "uv_1mvphq25" }, labelPosition: { bottom: "uv_1mvphq26", right: "uv_1mvphq27" } }, defaultVariants: {}, compoundVariants: [[{ separator: true, labelPosition: "bottom" }, "uv_1mvphq28"], [{ separator: true, labelPosition: "right" }, "uv_1mvphq29"]] });
-var stepperLine = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_1mvphq2a", variantClassNames: { temporal: { next: "uv_1mvphq2b", done: "uv_1mvphq2c", current: "uv_1mvphq2d" }, size: { small: "uv_1mvphq2e", medium: "uv_1mvphq2f" }, animated: { true: "uv_1mvphq2g" } }, defaultVariants: { animated: false, size: "medium", temporal: "next" }, compoundVariants: [[{ temporal: "current", animated: true }, "uv_1mvphq2h"]] });
-var stepContainer = "uv_1mvphq2i";
-var stepperContainerRecipe = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_1mvphq2j", variantClassNames: { size: { small: "uv_1mvphq2k", medium: "uv_1mvphq2l" }, animated: { true: "uv_1mvphq2m" }, disabled: { true: "uv_1mvphq2n", false: "uv_1mvphq2o" }, separator: { true: "uv_1mvphq2p" }, labelPosition: { top: "uv_1mvphq2q", bottom: "uv_1mvphq2r" }, done: { true: "uv_1mvphq2s" } }, defaultVariants: { size: "medium", animated: false, disabled: false, separator: true, labelPosition: "bottom", done: false }, compoundVariants: [[{ labelPosition: "bottom", separator: true, size: "small" }, "uv_1mvphq2t"], [{ labelPosition: "bottom", separator: true, size: "medium" }, "uv_1mvphq2u"], [{ separator: true, labelPosition: "bottom" }, "uv_1mvphq2v"], [{ done: true, separator: true, labelPosition: "bottom" }, "uv_1mvphq2w"]] });
-var animationStepperContainer = { medium: "uv_1mvphq2x", small: "uv_1mvphq2y" };
-var stepperInteractive = { inactive: "uv_1mvphq2z", active: "uv_1mvphq210" };
-var stepBullet = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_1mvphq212 uv_1mvphq211", variantClassNames: { size: { small: "uv_1mvphq213", medium: "uv_1mvphq214" }, isActive: { true: "uv_1mvphq215" }, disabled: { true: "uv_1mvphq216", false: "uv_1mvphq217" } }, defaultVariants: { size: "medium", disabled: false, isActive: false }, compoundVariants: [] });
-var stepText = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_1mvphq219 uv_1mvphq218", variantClassNames: { disabled: { true: "uv_1mvphq21a", false: "uv_1mvphq21b" }, addMarginTop: { true: "uv_1mvphq21c" } }, defaultVariants: { disabled: false }, compoundVariants: [] });
-exports.animationStepperContainer = animationStepperContainer;
-exports.stepBullet = stepBullet;
-exports.stepContainer = stepContainer;
-exports.stepText = stepText;
-exports.stepperContainer = stepperContainer;
-exports.stepperContainerRecipe = stepperContainerRecipe;
-exports.stepperInteractive = stepperInteractive;
-exports.stepperLine = stepperLine;

package/dist/components/SwitchButton/FocusOverlay.cjs

@@ -1,16 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const constant = require("./constant.cjs");
-const styles_css = require("./styles.css.cjs");
-const FocusOverlay = ({
-  cardWidth,
-  position,
-  mouseDownSide,
-  sentiment
-}) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_css.focusOverlay[sentiment], style: {
-  left: `${position - (mouseDownSide === "left" ? constant.FOCUS_OVERLAY_SCALE_RATIO : 0)}px`,
-  width: `${cardWidth}px`
-} });
-exports.FocusOverlay = FocusOverlay;

package/dist/components/SwitchButton/Option.cjs

@@ -1,40 +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("../SelectableCard/index.cjs");
-const SwitchButtonContext = require("./SwitchButtonContext.cjs");
-const styles_css = require("./styles.css.cjs");
-const Option = ({
-  value,
-  children,
-  "data-testid": dataTestId,
-  disabled,
-  tooltip,
-  style
-}) => {
-  const context = SwitchButtonContext.useSwitchButton();
-  const ref = react.useRef(null);
-  const {
-    localValue,
-    name,
-    onBlur,
-    onFocus,
-    handleOnChange,
-    refOptions,
-    setRefOptions,
-    sentiment
-  } = context;
-  react.useEffect(() => {
-    if (ref?.current && refOptions.filter((option) => option.value === value).length === 0) {
-      const option = {
-        current: ref.current,
-        value
-      };
-      setRefOptions([...refOptions, option]);
-    }
-  }, [refOptions, setRefOptions, value]);
-  return /* @__PURE__ */ jsxRuntime.jsx(index.SelectableCard, { checked: localValue === value, className: styles_css.switchButtonOption[sentiment], "data-checked": localValue === value, "data-testid": dataTestId ?? `switch-button-${value}`, disabled: !!disabled, label: children, name, onBlur, onChange: handleOnChange, onFocus, ref, style, tooltip, value });
-};
-exports.Option = Option;

package/dist/components/SwitchButton/SwitchButtonContext.cjs

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const react = require("react");
-const SwitchButtonContext = react.createContext(void 0);
-const useSwitchButton = () => {
-  const context = react.useContext(SwitchButtonContext);
-  if (context === void 0) {
-    throw new Error("SwitchButton.Option should be used inside a SwitchButton");
-  }
-  return context;
-};
-exports.SwitchButtonContext = SwitchButtonContext;
-exports.useSwitchButton = useSwitchButton;

package/dist/components/SwitchButton/constant.cjs

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

package/dist/components/SwitchButton/index.cjs

@@ -1,110 +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 = require("../Tooltip/index.cjs");
-const constant = require("./constant.cjs");
-const FocusOverlay = require("./FocusOverlay.cjs");
-const Option = require("./Option.cjs");
-const SwitchButtonContext = require("./SwitchButtonContext.cjs");
-const styles_css = require("./styles.css.cjs");
-const SwitchButton = ({
-  value,
-  onChange,
-  onFocus,
-  onBlur,
-  name,
-  size = "small",
-  sentiment = "primary",
-  tooltip,
-  className,
-  children,
-  "data-testid": dataTestId,
-  style
-}) => {
-  const containerRef = react.useRef(null);
-  const [localValue, setLocalValue] = react.useState(value);
-  const [refOptions, setRefOptions] = react.useState([]);
-  const [position, setPosition] = react.useState(0);
-  const [width, setWidth] = react.useState(0);
-  const [mouseDownSide, setMouseDownSide] = react.useState(null);
-  const getElement = react.useCallback((referenceValue) => refOptions.find((element) => element.current && element.value === referenceValue)?.current, [refOptions]);
-  const getPosition = (curentElement) => {
-    if (!curentElement) {
-      return 0;
-    }
-    const currentPosition = curentElement.getBoundingClientRect().left;
-    const containerPosition = containerRef.current?.getBoundingClientRect().left ?? 0;
-    return currentPosition - containerPosition;
-  };
-  react.useEffect(() => {
-    setLocalValue(value);
-    setWidth(getElement(value)?.offsetWidth ?? 0);
-    setPosition(getPosition(getElement(value)));
-  }, [refOptions, value, getElement]);
-  react.useEffect(() => {
-    const element = getElement(localValue);
-    if (!element) {
-      return void 0;
-    }
-    const resizeObserver = new ResizeObserver(() => {
-      if (element.offsetWidth && (![width, width + constant.FOCUS_OVERLAY_SCALE_RATIO, width - constant.FOCUS_OVERLAY_SCALE_RATIO].includes(element.offsetWidth) || getPosition(element) !== position)) {
-        setWidth(element.offsetWidth ?? 0);
-        setPosition(getPosition(element));
-      }
-    });
-    resizeObserver.observe(element);
-    return () => {
-      resizeObserver.disconnect();
-    };
-  }, [getElement, width, position, localValue, children]);
-  const handleOnChange = react.useCallback((event) => {
-    onChange?.(event);
-    setLocalValue(event.target.value);
-    const currentElement = getElement(event.target.value);
-    if (currentElement && containerRef.current) {
-      const currentWidth = currentElement.offsetWidth ?? 0;
-      setWidth(currentWidth);
-      setPosition(getPosition(currentElement));
-    }
-  }, [getElement, onChange]);
-  const valueContext = react.useMemo(() => ({
-    handleOnChange,
-    localValue,
-    name,
-    onBlur,
-    onFocus,
-    refOptions,
-    sentiment,
-    setRefOptions,
-    size
-  }), [handleOnChange, localValue, name, onBlur, onFocus, refOptions, size, sentiment]);
-  return /* @__PURE__ */ jsxRuntime.jsx(SwitchButtonContext.SwitchButtonContext.Provider, { value: valueContext, children: /* @__PURE__ */ jsxRuntime.jsx(index.Tooltip, { text: tooltip, children: /* @__PURE__ */ jsxRuntime.jsx(index$1.Stack, { className, "data-testid": dataTestId, direction: "row", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles_css.switchButtonContainer[size], onMouseDown: (event) => {
-    const rect = event.currentTarget.getBoundingClientRect();
-    const clickX = event.clientX - rect.left;
-    const clickInCurrentElement = clickX > position && clickX < position + width;
-    if (!clickInCurrentElement) {
-      setMouseDownSide(clickX < getPosition(getElement(localValue)) ? "left" : "right");
-      setWidth(width + constant.FOCUS_OVERLAY_SCALE_RATIO);
-    } else {
-      setMouseDownSide(null);
-    }
-  }, onMouseLeave: () => {
-    setMouseDownSide(null);
-    if (mouseDownSide) {
-      setWidth(width - constant.FOCUS_OVERLAY_SCALE_RATIO);
-    }
-  }, onMouseUp: () => {
-    setMouseDownSide(null);
-    if (mouseDownSide) {
-      setWidth(width - constant.FOCUS_OVERLAY_SCALE_RATIO);
-    }
-  }, ref: containerRef, style, children: [
-    width ? /* @__PURE__ */ jsxRuntime.jsx(FocusOverlay.FocusOverlay, { cardWidth: width, mouseDownSide, position, sentiment }) : null,
-    children
-  ] }) }) }) });
-};
-SwitchButton.Option = Option.Option;
-exports.SwitchButton = SwitchButton;

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

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-;/* empty css                            */
-var switchButtonContainer = { small: "uv_m5izgx1 uv_m5izgx0", medium: "uv_m5izgx2 uv_m5izgx0" };
-var switchButtonOption = { primary: "uv_m5izgx4 uv_m5izgx3", neutral: "uv_m5izgx5 uv_m5izgx3" };
-var focusOverlay = { primary: "uv_m5izgx7 uv_m5izgx6", neutral: "uv_m5izgx8 uv_m5izgx6" };
-exports.focusOverlay = focusOverlay;
-exports.switchButtonContainer = switchButtonContainer;
-exports.switchButtonOption = switchButtonOption;

package/dist/components/Table/Body.cjs

@@ -1,8 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const Body = ({
-  children
-}) => /* @__PURE__ */ jsxRuntime.jsx("tbody", { children });
-exports.Body = Body;