@ultraviolet/ui 3.1.0 → 3.2.0

package/dist/components/Slider/index.js

@@ -33,6 +33,7 @@ const Slider = ({
   className,
   tooltipPosition = "top",
   style,
+  labelDescription,
   "aria-label": ariaLabel
 }) => {
   const correctedBounds = options ? { max: Array.isArray(options) ? options.length - 1 : max, min: 0 } : { max, min };
@@ -67,6 +68,7 @@ const Slider = ({
             id,
             input,
             label,
+            labelDescription,
             max: correctedBounds.max,
             min: correctedBounds.min,
             name,
@@ -95,6 +97,7 @@ const Slider = ({
             id,
             input,
             label,
+            labelDescription,
             max: correctedBounds.max,
             min: correctedBounds.min,
             name,

package/dist/components/Slider/styles.css.d.ts

@@ -169,3 +169,4 @@ export declare const sliderInnerRail: import("@vanilla-extract/recipes").Runtime
     };
 }>;
 export declare const sliderNumberInput: string;
+//# sourceMappingURL=styles.css.d.ts.map

package/dist/components/Slider/styles.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/styles.css.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,WAAW,oBAAc,CAAA;AACtC,eAAO,MAAM,UAAU,oBAAc,CAAA;AACrC,eAAO,MAAM,OAAO,oBAAc,CAAA;AAClC,eAAO,MAAM,UAAU,oBAAc,CAAA;AAErC,eAAO,MAAM,eAAe,QAA0C,CAAA;AAEtE,eAAO,MAAM,aAAa,QAIxB,CAAA;AAEF,eAAO,MAAM,cAAc;;;;;;EAczB,CAAA;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;EAgBvB,CAAA;AAgBF,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0E3B,CAAA;AAEF,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;EAgB3B,CAAA;AAUF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;EA8CvB,CAAA;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsDvB,CAAA;AACF,eAAO,MAAM,mBAAmB,QAO9B,CAAA;AAEF,eAAO,MAAM,gBAAgB,QAS3B,CAAA;AAEF,eAAO,MAAM,eAAe;;;;;;;;;;;EAuB1B,CAAA;AAEF,eAAO,MAAM,iBAAiB,QAAsC,CAAA"}

package/dist/components/Slider/types.d.ts

@@ -23,6 +23,7 @@ type DefaultProps = {
      */
     step?: number;
     required?: boolean;
+    labelDescription?: ReactNode;
     /**
      * Where to position the tooltip
      */
@@ -96,3 +97,4 @@ export type LabelProps = {
     finalId: string;
 };
 export {};
+//# sourceMappingURL=types.d.ts.map

package/dist/components/Slider/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtD,KAAK,YAAY,GAAG;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ;;OAEG;IACH,SAAS,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAA;IAC5B;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B;;OAEG;IACH,eAAe,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAA;IAClC;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IACf;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAA;IAElB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACxB;;OAEG;IACH,OAAO,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IAE7C,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,GAAG,IAAI,CACN,cAAc,CAAC,gBAAgB,CAAC,EAChC,IAAI,GAAG,QAAQ,GAAG,SAAS,GAAG,YAAY,GAAG,WAAW,GAAG,OAAO,CACnE,CAAA;AAED,KAAK,WAAW,GAAG;IACjB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IAC1B;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAA;CACnB,CAAA;AAED,KAAK,WAAW,GAAG;IACjB;;OAEG;IACH,KAAK,EAAE,MAAM,EAAE,CAAA;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACpC,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,EAAE,GAAG,MAAM,CAAA;IACrC;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,EAAE,CAAA;CAC9B,CAAA;AAED,MAAM,MAAM,WAAW,GAAG,YAAY,GACpC,CAAC,WAAW,GAAG,WAAW,CAAC,GAAG;IAC5B;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAEH,MAAM,MAAM,iBAAiB,GAAG,YAAY,GAAG,WAAW,CAAA;AAE1D,MAAM,MAAM,iBAAiB,GAAG,YAAY,GAAG,WAAW,CAAA;AAE1D,MAAM,MAAM,UAAU,GAAG;IACvB,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAA;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,MAAM,CAAA;CAChB,CAAA"}

package/dist/components/Snippet/index.d.ts

@@ -28,3 +28,4 @@ type SnippetProps = {
  */
 export declare const Snippet: ({ children, copyText, copiedText, showText, hideText, prefix, className, "data-testid": dataTestId, initiallyExpanded, rows, noExpandable, onCopy, style, helper, label, labelDescription, }: SnippetProps) => import("react/jsx-runtime").JSX.Element;
 export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Snippet/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Snippet/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGrE,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAqB1C,KAAK,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAA;AAuDnC,KAAK,YAAY,GAAG;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,MAAM,CAAA;IAChB;;;;OAIG;IACH,MAAM,CAAC,EAAE,QAAQ,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gBAAgB,CAAC,EAAE,SAAS,CAAA;CAC7B,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC,CAAA;AAEtE;;;GAGG;AACH,eAAO,MAAM,OAAO,GAAI,8LAiBrB,YAAY,4CAoGd,CAAA"}

package/dist/components/Snippet/index.js

@@ -1,6 +1,7 @@
 "use client";
 import { jsxs, jsx } from "react/jsx-runtime";
 import { ArrowDownIcon } from "@ultraviolet/icons";
+import { cn } from "@ultraviolet/themes";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { useReducer, Children } from "react";
 import { useTheme } from "../../theme/ThemeProvider.js";
@@ -9,7 +10,7 @@ import { Expandable } from "../Expandable/index.js";
 import { Label } from "../Label/index.js";
 import { Stack } from "../Stack/index.js";
 import { Text } from "../Text/index.js";
-import { snippetContainer, stackStyle, buttonContainer, showMoreContainer, showMoreButton, centeredText, animatedArrowIcon, pretext, line, prefix, rowsVar } from "./styles.css.js";
+import { stackStyle, buttonContainer, showMoreContainer, showMoreButton, centeredText, animatedArrowIcon, snippetContainer, pretext, line, prefix, rowsVar } from "./styles.css.js";
 const LINES_BREAK_REGEX = /\r\n|\r|\n/;
 const CodeContent = ({
   children,
@@ -36,11 +37,14 @@ const CodeContent = ({
     children: multiline ? Children.map(lines, (child) => /* @__PURE__ */ jsx(
       "span",
       {
-        className: `${line({ multiline: true })}  ${prefix$1 ? prefix[prefix$1] : ""}`,
+        className: cn(
+          line({ multiline: true }),
+          prefix$1 ? prefix[prefix$1] : ""
+        ),
         children: child
       },
       child
-    )) : /* @__PURE__ */ jsx("span", { className: `${line()}  ${prefix$1 ? prefix[prefix$1] : ""}`, children })
+    )) : /* @__PURE__ */ jsx("span", { className: cn(line(), prefix$1 ? prefix[prefix$1] : ""), children })
   }
 );
 const Snippet = ({
@@ -76,7 +80,10 @@ const Snippet = ({
     /* @__PURE__ */ jsx(
       "div",
       {
-        className: `${className ? `${className} ` : ""}${snippetContainer[multiline ? "multiline" : "oneLine"]}`,
+        className: cn(
+          className,
+          snippetContainer[multiline ? "multiline" : "oneLine"]
+        ),
         "data-testid": dataTestId,
         style,
         children: /* @__PURE__ */ jsxs(Stack, { className: stackStyle, children: [

package/dist/components/Snippet/styles.css.d.ts

@@ -46,3 +46,4 @@ export declare const showMoreContainer: Record<"false" | "true", string>;
 export declare const showMoreButton: string;
 export declare const centeredText: string;
 export declare const animatedArrowIcon: Record<"false" | "true", string>;
+//# sourceMappingURL=styles.css.d.ts.map

package/dist/components/Snippet/styles.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Snippet/styles.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,OAAO,oBAAc,CAAA;AAElC,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;EA+BlB,CAAA;AAEF,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;EA4Bf,CAAA;AAkBF,eAAO,MAAM,MAAM,qCAGjB,CAAA;AAWF,eAAO,MAAM,gBAAgB,yCAG3B,CAAA;AAEF,eAAO,MAAM,UAAU,QAErB,CAAA;AAUF,eAAO,MAAM,eAAe,yCAY1B,CAAA;AAEF,eAAO,MAAM,iBAAiB,kCAS5B,CAAA;AAEF,eAAO,MAAM,cAAc,QAOzB,CAAA;AAEF,eAAO,MAAM,YAAY,QAIvB,CAAA;AAEF,eAAO,MAAM,iBAAiB,kCAW5B,CAAA"}

package/dist/components/Stack/index.d.ts

@@ -22,3 +22,4 @@ type OwnStackProps = {
 export type StackProps<T extends ElementType = 'div'> = PolymorphicComponentProps<T, OwnStackProps>;
 export declare const Stack: <T extends ElementType = "div">({ gap, direction, alignItems, justifyContent, wrap, className, children, id, "data-testid": dataTestId, width, maxWidth, minWidth, flex, as, ref, style, ...props }: StackProps<T>) => import("react/jsx-runtime").JSX.Element;
 export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Stack/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Stack/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAElE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AACrD,OAAO,KAAK,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAA;AAEtE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAGxD,KAAK,cAAc,CAAC,CAAC,IACjB,CAAC,GACD,OAAO,CAAC,MAAM,CAAC,MAAM,kBAAkB,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA;AAG/D,KAAK,QAAQ,CAAC,CAAC,SAAS,MAAM,IAAI,CAAC,SAAS,GAAG,MAAM,CAAC,SAAS,MAAM,EAAE,GACnE,CAAC,GACD,KAAK,CAAA;AA4BT,KAAK,aAAa,GAAG;IACnB,GAAG,CAAC,EAAE,cAAc,CAChB,MAAM,kBAAkB,CAAC,OAAO,CAAC,GACjC,QAAQ,CAAC,MAAM,kBAAkB,CAAC,OAAO,CAAC,CAAC,CAC9C,CAAA;IACD,SAAS,CAAC,EAAE,cAAc,CACxB,KAAK,GAAG,QAAQ,GAAG,aAAa,GAAG,gBAAgB,CACpD,CAAA;IACD,UAAU,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAA;IAC3C,cAAc,CAAC,EAAE,cAAc,CAAC,kBAAkB,CAAC,CAAA;IACnD,IAAI,CAAC,EAAE,cAAc,CAAC,OAAO,GAAG,aAAa,CAAC,UAAU,CAAC,CAAC,CAAA;IAC1D,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAA;IAC9B,QAAQ,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAA;IACpC,QAAQ,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAA;IACpC,IAAI,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,SAAS,CAAA;IACnB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ,CAAA;AAED,MAAM,MAAM,UAAU,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,IAClD,yBAAyB,CAAC,CAAC,EAAE,aAAa,CAAC,CAAA;AAE7C,eAAO,MAAM,KAAK,GAAI,CAAC,SAAS,WAAW,GAAG,KAAK,EAAE,qKAkBlD,UAAU,CAAC,CAAC,CAAC,4CA+Df,CAAA"}

package/dist/components/Stack/styles.css.d.ts

@@ -468,3 +468,4 @@ export declare const sprinkles: ((props: {
     properties: Set<"alignItems" | "flexDirection" | "flexWrap" | "justifyContent" | "gap">;
 };
 export {};
+//# sourceMappingURL=styles.css.d.ts.map

package/dist/components/Stack/styles.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Stack/styles.css.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,KAAK,QAMhB,CAAA;AAiCF,QAAA,MAAM,gBAAgB,6LAeZ,CAAA;AAEV,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAA;AAE9D,QAAA,MAAM,oBAAoB,sJAahB,CAAA;AAEV,MAAM,MAAM,kBAAkB,GAAG,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAA;AAEtE,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAW/B,CAAA;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAwC,CAAA"}

package/dist/components/Stack/types.d.ts

@@ -6,3 +6,4 @@ type MainProps<E extends ElementType> = {
 type PropsToOmit<E extends ElementType, P> = keyof (MainProps<E> & P);
 export type PolymorphicComponentProps<E extends ElementType, P> = P & MainProps<E> & Omit<ComponentPropsWithoutRef<E>, PropsToOmit<E, P>>;
 export {};
+//# sourceMappingURL=types.d.ts.map

package/dist/components/Stack/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Stack/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,wBAAwB,EACxB,qBAAqB,EACrB,WAAW,EACZ,MAAM,OAAO,CAAA;AAEd,KAAK,SAAS,CAAC,CAAC,SAAS,WAAW,IAAI;IACtC,EAAE,CAAC,EAAE,CAAC,CAAA;IACN,GAAG,CAAC,EAAE,qBAAqB,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAA;CACtC,CAAA;AAED,KAAK,WAAW,CAAC,CAAC,SAAS,WAAW,EAAE,CAAC,IAAI,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAA;AAErE,MAAM,MAAM,yBAAyB,CAAC,CAAC,SAAS,WAAW,EAAE,CAAC,IAAI,CAAC,GACjE,SAAS,CAAC,CAAC,CAAC,GACZ,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA"}

package/dist/components/Stack/variables.css.d.ts

@@ -2,3 +2,4 @@ export declare const widthVar: `var(--${string})`;
 export declare const maxWidthVar: `var(--${string})`;
 export declare const minWidthVar: `var(--${string})`;
 export declare const flexVar: `var(--${string})`;
+//# sourceMappingURL=variables.css.d.ts.map

package/dist/components/Stack/variables.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"variables.css.d.ts","sourceRoot":"","sources":["../../../src/components/Stack/variables.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ,oBAInB,CAAA;AACF,eAAO,MAAM,WAAW,oBAItB,CAAA;AACF,eAAO,MAAM,WAAW,oBAItB,CAAA;AACF,eAAO,MAAM,OAAO,oBAIlB,CAAA"}

package/dist/components/Status/constant.d.ts

@@ -1 +1,2 @@
 export declare const SENTIMENTS: readonly ["danger", "info", "neutral", "success", "warning"];
+//# sourceMappingURL=constant.d.ts.map

package/dist/components/Status/constant.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constant.d.ts","sourceRoot":"","sources":["../../../src/components/Status/constant.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU,8DAMb,CAAA"}

package/dist/components/Status/index.d.ts

@@ -18,3 +18,4 @@ type StatusProps = {
  */
 export declare const Status: ({ animated, className, tooltip, sentiment, "data-testid": dataTestId, notification, style, }: StatusProps) => import("react/jsx-runtime").JSX.Element;
 export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Status/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Status/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAE1C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AAG5C,KAAK,eAAe,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAA;AAElD,KAAK,WAAW,GAAG;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,EAAE,eAAe,CAAA;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,MAAM,GAAI,8FAQpB,WAAW,4CAab,CAAA"}

package/dist/components/Status/index.js

@@ -1,7 +1,8 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@ultraviolet/themes";
 import { Tooltip } from "../Tooltip/index.js";
-import { status, animatedCircleStatus, circleStatus } from "./styles.css.js";
+import { animatedCircleStatus, circleStatus, status } from "./styles.css.js";
 const Status = ({
   animated = false,
   className,
@@ -13,7 +14,7 @@ const Status = ({
 }) => /* @__PURE__ */ jsx(Tooltip, { text: tooltip, children: /* @__PURE__ */ jsxs(
   "span",
   {
-    className: `${className ? `${className} ` : ""}${status({ notification })}`,
+    className: cn(className, status({ notification })),
     "data-testid": dataTestId,
     style,
     children: [

package/dist/components/Status/styles.css.d.ts

@@ -21,3 +21,4 @@ export declare const status: import("@vanilla-extract/recipes").RuntimeFn<{
         };
     };
 }>;
+//# sourceMappingURL=styles.css.d.ts.map

package/dist/components/Status/styles.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Status/styles.css.ts"],"names":[],"mappings":"AA0BA,eAAO,MAAM,YAAY;;;;;;EAQvB,CAAA;AAEF,eAAO,MAAM,oBAAoB;;;;;;EAU/B,CAAA;AAEF,eAAO,MAAM,MAAM;;;;;;;;EAejB,CAAA"}

package/dist/components/StepList/index.d.ts

@@ -27,3 +27,4 @@ export declare const StepList: {
     Item: ({ bulletContent, sentiment, prominence, children, onClick, onKeyDown, size, disabled, className, }: ItemProps) => import("react/jsx-runtime").JSX.Element;
 };
 export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/StepList/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/StepList/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACrE,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAGlC,MAAM,MAAM,KAAK,GAAG,OAAO,GAAG,QAAQ,CAAA;AAEtC,KAAK,SAAS,GAAG;IACf,SAAS,CAAC,EAAE,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,WAAW,CAAC,CAAA;IACtD,UAAU,CAAC,EAAE,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,YAAY,CAAC,CAAA;IACxD,IAAI,CAAC,EAAE,KAAK,CAAA;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,SAAS,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,SAAS,CAAA;CAC1B,CAAA;AAgCD,KAAK,aAAa,GAAG;IACnB,QAAQ,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ;iEAKlB,aAAa;+GApCb,SAAS;CAwCX,CAAA"}

package/dist/components/StepList/index.js

@@ -1,7 +1,8 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@ultraviolet/themes";
 import { Bullet } from "../Bullet/index.js";
-import { steps, step, stepDiv } from "./styles.css.js";
+import { steps, stepDiv, step } from "./styles.css.js";
 const Item = ({
   bulletContent,
   sentiment,
@@ -15,7 +16,7 @@ const Item = ({
 }) => /* @__PURE__ */ jsxs(
   "li",
   {
-    className: `${className ? `${className} ` : ""}${step({ disabled })}`,
+    className: cn(className, step({ disabled })),
     onClick,
     onKeyDown,
     children: [
@@ -38,15 +39,7 @@ const StepList = ({
   className,
   style,
   "data-testid": dataTestId
-}) => /* @__PURE__ */ jsx(
-  "ul",
-  {
-    className: `${className ? `${className} ` : ""}${steps}`,
-    "data-testid": dataTestId,
-    style,
-    children
-  }
-);
+}) => /* @__PURE__ */ jsx("ul", { className: cn(className, steps), "data-testid": dataTestId, style, children });
 StepList.Item = Item;
 export {
   StepList

package/dist/components/StepList/styles.css.d.ts

@@ -21,3 +21,4 @@ export declare const stepDiv: import("@vanilla-extract/recipes").RuntimeFn<{
         };
     };
 }>;
+//# sourceMappingURL=styles.css.d.ts.map

package/dist/components/StepList/styles.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/StepList/styles.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,KAAK,QAQhB,CAAA;AAEF,eAAO,MAAM,IAAI;;;;;;;;;EAiBf,CAAA;AAEF,eAAO,MAAM,OAAO;;;;;;;;;;;EAkBlB,CAAA"}

package/dist/components/Stepper/Step.d.ts

@@ -24,3 +24,4 @@ type StepProps = {
 };
 export declare const Step: ({ index, onClick, disabled, title, children, className, style, "data-testid": dataTestId, }: StepProps) => import("react/jsx-runtime").JSX.Element;
 export {};
+//# sourceMappingURL=Step.d.ts.map

package/dist/components/Stepper/Step.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Step.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/Step.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAerD,KAAK,SAAS,GAAG;IACf,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,IAAI,GAAI,6FASlB,SAAS,4CAyGX,CAAA"}

package/dist/components/Stepper/Step.js

@@ -1,12 +1,13 @@
 "use client";
 import { jsxs, jsx } from "react/jsx-runtime";
 import { CheckIcon } from "@ultraviolet/icons";
+import { cn } from "@ultraviolet/themes";
 import { useMemo } from "react";
 import { Bullet } from "../Bullet/index.js";
 import { Stack } from "../Stack/index.js";
 import { Text } from "../Text/index.js";
 import { useStepper } from "./StepperProvider.js";
-import { stepContainer, stepperContainerRecipe, animationStepperContainer, stepperInteractive, stepBullet, stepText } from "./styles.css.js";
+import { stepBullet, stepText, stepContainer, stepperContainerRecipe, animationStepperContainer, stepperInteractive } from "./styles.css.js";
 const Step = ({
   index = 0,
   onClick,
@@ -40,7 +41,20 @@ const Step = ({
     Stack,
     {
       alignItems: "center",
-      className: `${className ? `${className} ` : "step "}${stepContainer} ${separatorBottom ? stepperContainerRecipe({ animated, disabled, done: isDone, labelPosition, separator, size }) : ""} ${isActive && separator && animated ? animationStepperContainer[size] : ""} ${interactiveDone && !disabled ? stepperInteractive[isActive ? "active" : "inactive"] : ""}`,
+      className: cn(
+        className ?? "step",
+        stepContainer,
+        separatorBottom ? stepperContainerRecipe({
+          animated,
+          disabled,
+          done: isDone,
+          labelPosition,
+          separator,
+          size
+        }) : "",
+        isActive && separator && animated ? animationStepperContainer[size] : "",
+        interactiveDone && !disabled ? stepperInteractive[isActive ? "active" : "inactive"] : ""
+      ),
       "data-testid": dataTestId ?? `stepper-step-${index}`,
       direction: labelPosition === "right" ? "row" : "column",
       gap: labelPosition === "right" ? 1 : 0,
@@ -63,7 +77,7 @@ const Step = ({
               isActive,
               size
             }),
-            prominence: "strong",
+            prominence: "default",
             sentiment: "primary",
             size,
             children: /* @__PURE__ */ jsx(CheckIcon, {})

package/dist/components/Stepper/StepperProvider.d.ts

@@ -23,3 +23,4 @@ export declare const useStepper: () => ContextType;
  */
 export declare const StepperProvider: ({ children, interactive, selected, animated, labelPosition, size, separator, }: StepperProviderProps) => import("react/jsx-runtime").JSX.Element;
 export {};
+//# sourceMappingURL=StepperProvider.d.ts.map

package/dist/components/Stepper/StepperProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepperProvider.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/StepperProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAA;IACrD,WAAW,EAAE,OAAO,CAAA;IACpB,IAAI,EAAE,QAAQ,GAAG,OAAO,CAAA;IACxB,QAAQ,EAAE,OAAO,CAAA;IACjB,aAAa,EAAE,QAAQ,GAAG,OAAO,CAAA;IACjC,SAAS,EAAE,OAAO,CAAA;CACnB,CAAA;AAYD,KAAK,oBAAoB,GAAG;IAC1B,QAAQ,EAAE,SAAS,CAAA;IACnB,WAAW,EAAE,OAAO,CAAA;IACpB,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,aAAa,EAAE,QAAQ,GAAG,OAAO,CAAA;IACjC,IAAI,EAAE,OAAO,GAAG,QAAQ,CAAA;IACxB,SAAS,EAAE,OAAO,CAAA;CACnB,CAAA;AAGD,eAAO,MAAM,UAAU,mBAAmC,CAAA;AAC1D;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,gFAQ7B,oBAAoB,4CAoBtB,CAAA"}

package/dist/components/Stepper/index.d.ts

@@ -31,3 +31,4 @@ export declare const Stepper: {
     }) => import("react/jsx-runtime").JSX.Element;
 };
 export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Stepper/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMrD,KAAK,YAAY,GAAG;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;IAClC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IACzB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,OAAO;kIAWjB,YAAY;;;;;;;;;;;CAqDd,CAAA"}

package/dist/components/Stepper/index.js

@@ -1,9 +1,10 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@ultraviolet/themes";
 import { Children, isValidElement, Fragment } from "react";
 import { Step } from "./Step.js";
 import { StepperProvider } from "./StepperProvider.js";
-import { stepperContainer, stepperLine } from "./styles.css.js";
+import { stepperLine, stepperContainer } from "./styles.css.js";
 const Stepper = ({
   children,
   interactive = false,
@@ -32,7 +33,10 @@ const Stepper = ({
       children: /* @__PURE__ */ jsx(
         "div",
         {
-          className: `${className ? `${className} ` : ""}${stepperContainer({ labelPosition, separator })}`,
+          className: cn(
+            className,
+            stepperContainer({ labelPosition, separator })
+          ),
           "data-testid": dataTestId,
           style,
           children: Children.map(cleanChildren, (child, index) => {
@@ -52,7 +56,7 @@ const Stepper = ({
               isNotLast && separator && labelPosition === "right" ? /* @__PURE__ */ jsx(
                 "div",
                 {
-                  className: stepperLine({ animated, size, temporal }),
+                  className: stepperLine({ animated, temporal }),
                   "data-size": size
                 }
               ) : null

package/dist/components/Stepper/styles.css.d.ts

@@ -23,14 +23,6 @@ export declare const stepperLine: import("@vanilla-extract/recipes").RuntimeFn<{
         };
         current: {};
     };
-    size: {
-        small: {
-            height: "2px";
-        };
-        medium: {
-            height: "4px";
-        };
-    };
     animated: {
         true: {};
     };
@@ -120,3 +112,4 @@ export declare const stepText: import("@vanilla-extract/recipes").RuntimeFn<{
         };
     };
 }>;
+//# sourceMappingURL=styles.css.d.ts.map

package/dist/components/Stepper/styles.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/styles.css.ts"],"names":[],"mappings":"AAiCA,eAAO,MAAM,gBAAgB;;;;;;;;;;;EAiC3B,CAAA;AAEF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;EAsDtB,CAAA;AAEF,eAAO,MAAM,aAAa,QAIxB,CAAA;AAEF,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;EA0HjC,CAAA;AAEF,eAAO,MAAM,yBAAyB,oCAiBpC,CAAA;AAEF,eAAO,MAAM,kBAAkB,uCAO7B,CAAA;AAWF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2CrB,CAAA;AAgBF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;EA0BnB,CAAA"}

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

@@ -1,13 +1,13 @@
 /* empty css                          */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var stepperContainer = 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({ 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({ 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({ 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({ defaultClassName: "uv_1mvphq219 uv_1mvphq218", variantClassNames: { disabled: { true: "uv_1mvphq21a", false: "uv_1mvphq21b" }, addMarginTop: { true: "uv_1mvphq21c" } }, defaultVariants: { disabled: false }, compoundVariants: [] });
+var stepperLine = createRuntimeFn({ defaultClassName: "uv_1mvphq2a", variantClassNames: { temporal: { next: "uv_1mvphq2b", done: "uv_1mvphq2c", current: "uv_1mvphq2d" }, animated: { true: "uv_1mvphq2e" } }, defaultVariants: { animated: false, temporal: "next" }, compoundVariants: [[{ temporal: "current", animated: true }, "uv_1mvphq2f"]] });
+var stepContainer = "uv_1mvphq2g";
+var stepperContainerRecipe = createRuntimeFn({ defaultClassName: "uv_1mvphq2h", variantClassNames: { size: { small: "uv_1mvphq2i", medium: "uv_1mvphq2j" }, animated: { true: "uv_1mvphq2k" }, disabled: { true: "uv_1mvphq2l", false: "uv_1mvphq2m" }, separator: { true: "uv_1mvphq2n" }, labelPosition: { top: "uv_1mvphq2o", bottom: "uv_1mvphq2p" }, done: { true: "uv_1mvphq2q" } }, defaultVariants: { size: "medium", animated: false, disabled: false, separator: true, labelPosition: "bottom", done: false }, compoundVariants: [[{ labelPosition: "bottom", separator: true, size: "small" }, "uv_1mvphq2r"], [{ labelPosition: "bottom", separator: true, size: "medium" }, "uv_1mvphq2s"], [{ separator: true, labelPosition: "bottom" }, "uv_1mvphq2t"], [{ done: true, separator: true, labelPosition: "bottom" }, "uv_1mvphq2u"]] });
+var animationStepperContainer = { medium: "uv_1mvphq2v", small: "uv_1mvphq2w" };
+var stepperInteractive = { inactive: "uv_1mvphq2x", active: "uv_1mvphq2y" };
+var stepBullet = createRuntimeFn({ defaultClassName: "uv_1mvphq210 uv_1mvphq2z", variantClassNames: { size: { small: "uv_1mvphq211", medium: "uv_1mvphq212" }, isActive: { true: "uv_1mvphq213" }, disabled: { true: "uv_1mvphq214", false: "uv_1mvphq215" } }, defaultVariants: { size: "medium", disabled: false, isActive: false }, compoundVariants: [] });
+var stepText = createRuntimeFn({ defaultClassName: "uv_1mvphq217 uv_1mvphq216", variantClassNames: { disabled: { true: "uv_1mvphq218", false: "uv_1mvphq219" }, addMarginTop: { true: "uv_1mvphq21a" } }, defaultVariants: { disabled: false }, compoundVariants: [] });
 export {
   animationStepperContainer,
   stepBullet,

package/dist/components/SwitchButton/FocusOverlay.d.ts

@@ -6,3 +6,4 @@ type FocusOverlayProps = {
 };
 export declare const FocusOverlay: ({ cardWidth, position, mouseDownSide, sentiment, }: FocusOverlayProps) => import("react/jsx-runtime").JSX.Element;
 export {};
+//# sourceMappingURL=FocusOverlay.d.ts.map

package/dist/components/SwitchButton/FocusOverlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FocusOverlay.d.ts","sourceRoot":"","sources":["../../../src/components/SwitchButton/FocusOverlay.tsx"],"names":[],"mappings":"AAKA,KAAK,iBAAiB,GAAG;IACvB,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,aAAa,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI,CAAA;IACtC,SAAS,EAAE,SAAS,GAAG,SAAS,CAAA;CACjC,CAAA;AAED,eAAO,MAAM,YAAY,GAAI,oDAK1B,iBAAiB,4CAUnB,CAAA"}

package/dist/components/SwitchButton/Option.d.ts

@@ -9,3 +9,4 @@ type OptionProps = {
 };
 export declare const Option: ({ value, children, "data-testid": dataTestId, disabled, tooltip, style, }: OptionProps) => import("react/jsx-runtime").JSX.Element;
 export {};
+//# sourceMappingURL=Option.d.ts.map

package/dist/components/SwitchButton/Option.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Option.d.ts","sourceRoot":"","sources":["../../../src/components/SwitchButton/Option.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMrD,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,SAAS,CAAA;IACnB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AACD,eAAO,MAAM,MAAM,GAAI,2EAOpB,WAAW,4CA6Cb,CAAA"}

package/dist/components/SwitchButton/SwitchButtonContext.d.ts

@@ -17,3 +17,4 @@ type SwitchButtonContextValue = {
 export declare const SwitchButtonContext: import("react").Context<SwitchButtonContextValue | undefined>;
 export declare const useSwitchButton: () => SwitchButtonContextValue;
 export {};
+//# sourceMappingURL=SwitchButtonContext.d.ts.map

package/dist/components/SwitchButton/SwitchButtonContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwitchButtonContext.d.ts","sourceRoot":"","sources":["../../../src/components/SwitchButton/SwitchButtonContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,WAAW,EACX,QAAQ,EACR,iBAAiB,EACjB,cAAc,EACf,MAAM,OAAO,CAAA;AAGd,MAAM,MAAM,aAAa,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,gBAAgB,CAAA;CAAE,CAAA;AAExE,KAAK,wBAAwB,GAAG;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAA;IAC5C,OAAO,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAA;IAC7C,IAAI,EAAE,OAAO,GAAG,QAAQ,CAAA;IACxB,cAAc,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC9D,UAAU,EAAE,aAAa,EAAE,CAAA;IAC3B,aAAa,EAAE,QAAQ,CAAC,cAAc,CAAC,aAAa,EAAE,CAAC,CAAC,CAAA;IACxD,SAAS,EAAE,SAAS,GAAG,SAAS,CAAA;CACjC,CAAA;AAED,eAAO,MAAM,mBAAmB,+DAEpB,CAAA;AAEZ,eAAO,MAAM,eAAe,gCAQ3B,CAAA"}

package/dist/components/SwitchButton/constant.d.ts

@@ -1 +1,2 @@
 export declare const FOCUS_OVERLAY_SCALE_RATIO = 6;
+//# sourceMappingURL=constant.d.ts.map

package/dist/components/SwitchButton/constant.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constant.d.ts","sourceRoot":"","sources":["../../../src/components/SwitchButton/constant.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,yBAAyB,IAAI,CAAA"}

package/dist/components/SwitchButton/index.d.ts

@@ -28,3 +28,4 @@ export declare const SwitchButton: {
     }) => import("react/jsx-runtime").JSX.Element;
 };
 export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/SwitchButton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SwitchButton/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAEV,kBAAkB,EAClB,aAAa,EACb,iBAAiB,EACjB,SAAS,EACV,MAAM,OAAO,CAAA;AAWd,KAAK,iBAAiB,GAAG;IACvB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,SAAS,CAAA;IACnB,MAAM,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAA;IAC5C,QAAQ,EAAE,kBAAkB,CAAC,gBAAgB,CAAC,CAAA;IAC9C,OAAO,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAA;IAC7C,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IACzB,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IACjC,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,YAAY;mIAatB,iBAAiB;;;;;;;;;CA2JnB,CAAA"}

package/dist/components/SwitchButton/styles.css.d.ts

@@ -5,3 +5,4 @@ export declare const switchButtonOptionBase: string;
  */
 export declare const switchButtonOption: Record<"primary" | "neutral", string>;
 export declare const focusOverlay: Record<"primary" | "neutral", string>;
+//# sourceMappingURL=styles.css.d.ts.map

package/dist/components/SwitchButton/styles.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/SwitchButton/styles.css.ts"],"names":[],"mappings":"AAiBA,eAAO,MAAM,qBAAqB,oCAGhC,CAAA;AAEF,eAAO,MAAM,sBAAsB,QAuBjC,CAAA;AAEF;;GAEG;AACH,eAAO,MAAM,kBAAkB,uCAG7B,CAAA;AA2CF,eAAO,MAAM,YAAY,uCASvB,CAAA"}

package/dist/components/Table/Body.d.ts

@@ -4,3 +4,4 @@ type BodyProps = {
 };
 export declare const Body: ({ children }: BodyProps) => import("react/jsx-runtime").JSX.Element;
 export {};
+//# sourceMappingURL=Body.d.ts.map

package/dist/components/Table/Body.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Body.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Body.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,KAAK,SAAS,GAAG;IACf,QAAQ,EAAE,SAAS,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,IAAI,GAAI,cAAc,SAAS,4CAA8B,CAAA"}

package/dist/components/Table/Cell.d.ts

@@ -12,3 +12,4 @@ type CellProps = {
 };
 export declare const Cell: ({ children, className, colSpan, rowSpan, sentiment, align, style, }: CellProps) => import("react/jsx-runtime").JSX.Element;
 export {};
+//# sourceMappingURL=Cell.d.ts.map

package/dist/components/Table/Cell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Cell.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Cell.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACrD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAKxC,KAAK,KAAK,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;AAExC,KAAK,SAAS,GAAG;IACf,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,KAAK,CAAA;IACjB,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,IAAI,GAAI,qEAQlB,SAAS,4CAqBX,CAAA"}

package/dist/components/Table/Cell.js

@@ -1,5 +1,6 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
+import { cn } from "@ultraviolet/themes";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { useColumnProvider } from "../List/ColumnProvider.js";
 import { tableCell } from "./styles.css.js";
@@ -13,19 +14,19 @@ const Cell = ({
   align = "left",
   style
 }) => {
-  const { maxWidth, minWidth, width } = useColumnProvider();
+  const context = useColumnProvider();
   return /* @__PURE__ */ jsx(
     "td",
     {
       align,
-      className: `${className ? `${className} ` : ""}${tableCell({ align, sentiment })}`,
+      className: cn(className, tableCell({ align, sentiment })),
       colSpan,
       rowSpan,
       style: {
         ...assignInlineVars({
-          [widthCell]: width,
-          [minWidthCell]: minWidth,
-          [maxWidthCell]: maxWidth
+          [widthCell]: context?.width ?? "auto",
+          [minWidthCell]: context?.minWidth ?? "auto",
+          [maxWidthCell]: context?.maxWidth ?? "none"
         }),
         ...style
       },

package/dist/components/Table/Header.d.ts

@@ -4,3 +4,4 @@ type HeaderProps = {
 };
 export declare const Header: ({ children }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
 export {};
+//# sourceMappingURL=Header.d.ts.map

package/dist/components/Table/Header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Header.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,SAAS,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,MAAM,GAAI,cAAc,WAAW,4CAE/C,CAAA"}

package/dist/components/Table/HeaderCell.d.ts

@@ -14,3 +14,4 @@ type HeaderCellProps = {
 };
 export declare const HeaderCell: ({ children, className, isOrdered, onOrder, orderDirection, info, align, width, maxWidth, minWidth, isCheckbox, }: HeaderCellProps) => import("react/jsx-runtime").JSX.Element;
 export {};
+//# sourceMappingURL=HeaderCell.d.ts.map

package/dist/components/Table/HeaderCell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderCell.d.ts","sourceRoot":"","sources":["../../../src/components/Table/HeaderCell.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAkBtC,KAAK,eAAe,GAAG;IACrB,QAAQ,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,cAAc,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,MAAM,CAAA;IACxC,OAAO,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,GAAG,MAAM,KAAK,IAAI,CAAA;IAC5C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAA;AAED,eAAO,MAAM,UAAU,GAAI,kHAYxB,eAAe,4CA6DjB,CAAA"}

package/dist/components/Table/HeaderCell.js

@@ -1,11 +1,12 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { InformationOutlineIcon, SouthShortIcon, SortIcon as SortIcon$1 } from "@ultraviolet/icons";
+import { cn } from "@ultraviolet/themes";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { listSortIcon } from "../List/styles.css.js";
 import { Text } from "../Text/index.js";
 import { Tooltip } from "../Tooltip/index.js";
-import { tableHeaderCell, headerCellText } from "./styles.css.js";
+import { headerCellText, tableHeaderCell } from "./styles.css.js";
 import { headerCellMinWidth, headerCellMaxWidth, headerCellWidth } from "./variables.css.js";
 const SortIcon = ({ order }) => order ? /* @__PURE__ */ jsx(SouthShortIcon, { className: listSortIcon[order], sentiment: "primary" }) : /* @__PURE__ */ jsx(SortIcon$1, { sentiment: "neutral" });
 const HeaderCell = ({
@@ -33,7 +34,7 @@ const HeaderCell = ({
     {
       align,
       "aria-sort": order,
-      className: `${className ? `${className} ` : ""}${tableHeaderCell({ align, checked: isCheckbox })}`,
+      className: cn(className, tableHeaderCell({ align, checked: isCheckbox })),
       onClick: handleOrder,
       onKeyDown: handleOrder ? (event) => {
         if (event.key === " " || event.key === "Enter") {

package/dist/components/Table/HeaderRow.d.ts

@@ -5,3 +5,4 @@ type HeaderRowProps = {
 };
 export declare const HeaderRow: ({ children, hasSelectAllColumn }: HeaderRowProps) => import("react/jsx-runtime").JSX.Element;
 export {};
+//# sourceMappingURL=HeaderRow.d.ts.map