@ultraviolet/ui 3.1.1 → 3.2.1

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderRow.d.ts","sourceRoot":"","sources":["../../../src/components/Table/HeaderRow.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMtC,KAAK,cAAc,GAAG;IACpB,QAAQ,EAAE,SAAS,CAAA;IACnB,kBAAkB,EAAE,OAAO,CAAA;CAC5B,CAAA;AAED,eAAO,MAAM,SAAS,GAAI,kCAAkC,cAAc,4CA4BzE,CAAA"}

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

@@ -15,3 +15,4 @@ type RowProps = {
 };
 export declare const Row: ({ children, className, id, selectDisabled, highlightAnimation, expandable, expanded, style, "data-testid": dataTestid, }: RowProps) => import("react/jsx-runtime").JSX.Element;
 export {};
+//# sourceMappingURL=Row.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Row.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Row.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAa,MAAM,OAAO,CAAA;AAehE,KAAK,QAAQ,GAAG;IACd,QAAQ,EAAE,SAAS,CAAA;IACnB,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,EAAE,EAAE,MAAM,CAAA;IACV,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;;SAEK;IACL,cAAc,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IACjC,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,GAAG,GAAI,0HAUjB,QAAQ,4CA4JV,CAAA"}

package/dist/components/Table/Row.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { ArrowUpIcon, ArrowDownIcon } from "@ultraviolet/icons";
-import { theme } from "@ultraviolet/themes";
+import { cn, theme } from "@ultraviolet/themes";
 import { useRef, useEffect, useCallback, Children } from "react";
 import { Button } from "../Button/index.js";
 import { Checkbox } from "../Checkbox/index.js";
@@ -9,7 +9,7 @@ import { ColumnProvider } from "../List/ColumnProvider.js";
 import { listNoPaddingCell, listCheckboxInRange } from "../List/styles.css.js";
 import { Tooltip } from "../Tooltip/index.js";
 import { Cell } from "./Cell.js";
-import { tableTrAnimation, tableCheckboxContainer, tableExpandableWrapper } from "./styles.css.js";
+import { tableCheckboxContainer, tableTrAnimation, tableExpandableWrapper } from "./styles.css.js";
 import { useTableContext } from "./TableContext.js";
 const Row = ({
   children,
@@ -71,7 +71,7 @@ const Row = ({
     /* @__PURE__ */ jsxs(
       "tr",
       {
-        className: `${className ? `${className}` : ""}${highlightAnimation ? ` ${tableTrAnimation}` : ""}`,
+        className: cn(className, highlightAnimation ? tableTrAnimation : ""),
         "data-testid": dataTestid,
         role: canClickRowToExpand ? "button row" : "row",
         style,
@@ -88,7 +88,7 @@ const Row = ({
                   className: inRange?.includes(id) ? listCheckboxInRange : void 0,
                   disabled: !!selectDisabled,
                   name: "table-select-checkbox",
-                  onChange: () => handleOnChange(id, selectedRowIds[id]),
+                  onChange: () => handleOnChange(id, selectedRowIds[id] ?? false),
                   ref: checkboxRowRef,
                   value: id
                 }

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

@@ -13,3 +13,4 @@ type SelectBarProps<T> = {
 };
 export declare const SelectBar: <T>({ children, data, idKey, className, }: SelectBarProps<T>) => import("react/jsx-runtime").JSX.Element | null;
 export {};
+//# sourceMappingURL=SelectBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectBar.d.ts","sourceRoot":"","sources":["../../../src/components/Table/SelectBar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMtC,KAAK,cAAc,CAAC,CAAC,IAAI;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,CAAC,CAAC,EAAE;QAAE,aAAa,EAAE,CAAC,EAAE,CAAC;QAAC,WAAW,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,SAAS,CAAA;IAC3E,IAAI,EAAE,CAAC,EAAE,CAAA;IACT;;SAEK;IACL,KAAK,EAAE,MAAM,CAAC,CAAA;CACf,CAAA;AAED,eAAO,MAAM,SAAS,GAAI,CAAC,EAAG,uCAK3B,cAAc,CAAC,CAAC,CAAC,mDA4BnB,CAAA"}

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

@@ -5,3 +5,4 @@ type SkeletonRowsProps = {
 };
 export declare const SkeletonRows: ({ selectable, rows, cols }: SkeletonRowsProps) => import("react/jsx-runtime").JSX.Element;
 export {};
+//# sourceMappingURL=SkeletonRows.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SkeletonRows.d.ts","sourceRoot":"","sources":["../../../src/components/Table/SkeletonRows.tsx"],"names":[],"mappings":"AAMA,KAAK,iBAAiB,GAAG;IACvB,UAAU,EAAE,OAAO,CAAA;IACnB,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED,eAAO,MAAM,YAAY,GAAI,4BAA4B,iBAAiB,4CAuBzE,CAAA"}

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

@@ -12,3 +12,4 @@ export type TableProviderProps = Omit<ListProviderProps, 'columns'> & {
 export declare const TableProvider: ({ children, bordered, stripped, columns, ...props }: TableProviderProps) => import("react/jsx-runtime").JSX.Element;
 export declare const useTableContext: () => TableContextValue;
 export {};
+//# sourceMappingURL=TableContext.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableContext.d.ts","sourceRoot":"","sources":["../../../src/components/Table/TableContext.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAE9E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAE1C,KAAK,iBAAiB,GAAG,IAAI,CAAC,gBAAgB,EAAE,SAAS,CAAC,GAAG;IAC3D,QAAQ,EAAE,OAAO,CAAA;IACjB,OAAO,EAAE,WAAW,EAAE,CAAA;CACvB,CAAA;AAID,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,iBAAiB,EAAE,SAAS,CAAC,GAAG;IACpE,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,OAAO,CAAA;IACjB,OAAO,EAAE,WAAW,EAAE,CAAA;CACvB,CAAA;AA0BD,eAAO,MAAM,aAAa,GAAI,qDAM3B,kBAAkB,4CAWpB,CAAA;AAGD,eAAO,MAAM,eAAe,yBAO3B,CAAA"}

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

@@ -1,2 +1,3 @@
 export declare const SELECTABLE_CHECKBOX_SIZE = "500";
 export declare const EXPANDABLE_COLUMN_SIZE = "500";
+//# sourceMappingURL=constants.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/Table/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,wBAAwB,QAAQ,CAAA;AAC7C,eAAO,MAAM,sBAAsB,QAAQ,CAAA"}

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

@@ -75,3 +75,4 @@ export declare const Table: import("react").ForwardRefExoticComponent<Omit<Table
         columns: ColumnProps[];
     };
 };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Table/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAarD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAA;AAExD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAuD1C,eAAO,MAAM,SAAS;iBApCP,OAAO;IACpB;;SAEK;cACK,OAAO;eACN,OAAO;eACP,OAAO;iBACL,OAAO;IACpB;;SAEK;mBACU,OAAO;mBACP,OAAO;aACb,WAAW,EAAE;YACd,aAAa;oDA2FtB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,KAAK;iBA9GH,OAAO;IACpB;;SAEK;cACK,OAAO;eACN,OAAO;eACP,OAAO;iBACL,OAAO;IACpB;;SAEK;mBACU,OAAO;mBACP,OAAO;aACb,WAAW,EAAE;YACd,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsGrB,CAAA"}

package/dist/components/Table/index.js

@@ -1,5 +1,6 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@ultraviolet/themes";
 import { forwardRef, useState, Children, useEffect } from "react";
 import { useListContext } from "../List/ListContext.js";
 import { listContainer } from "../List/styles.css.js";
@@ -51,7 +52,11 @@ const BaseTable = forwardRef(
       children: /* @__PURE__ */ jsx(TableContainer, { children: /* @__PURE__ */ jsxs(
         "table",
         {
-          className: `${table}${stripped ? ` ${tableStripped}` : ""}${bordered ? ` ${tableBordered}` : ""}`,
+          className: cn(
+            table,
+            stripped ? tableStripped : "",
+            bordered ? tableBordered : ""
+          ),
           ref,
           style,
           children: [

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

@@ -66,3 +66,4 @@ export declare const tableCheckboxContainer: string;
 export declare const tableTrAnimation: string;
 export declare const tableSkeletonRow: string;
 export declare const tableSkeleton: string;
+//# sourceMappingURL=styles.css.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Table/styles.css.ts"],"names":[],"mappings":"AAsBA,eAAO,MAAM,KAAK,QAIhB,CAAA;AAEF,eAAO,MAAM,aAAa,QAAY,CAAA;AACtC,eAAO,MAAM,aAAa,QAAY,CAAA;AAUtC,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4BpB,CAAA;AAEF,eAAO,MAAM,WAAW,QAEtB,CAAA;AAEF,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;EA+B1B,CAAA;AAEF,eAAO,MAAM,cAAc,QAKzB,CAAA;AAEF,eAAO,MAAM,sBAAsB,QASjC,CAAA;AAEF,eAAO,MAAM,sBAAsB,QAGjC,CAAA;AAEF,eAAO,MAAM,gBAAgB,QAE3B,CAAA;AAEF,eAAO,MAAM,gBAAgB,QAAgC,CAAA;AAC7D,eAAO,MAAM,aAAa,QAA4C,CAAA"}

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

@@ -8,3 +8,4 @@ export type ColumnProps = Pick<ComponentProps<typeof HeaderCell>, 'isOrdered' |
     info?: string;
     align?: 'left' | 'center' | 'right';
 };
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Table/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAE9C,MAAM,MAAM,WAAW,GAAG,IAAI,CAC5B,cAAc,CAAC,OAAO,UAAU,CAAC,EACjC,WAAW,GAAG,SAAS,GAAG,gBAAgB,CAC3C,GAAG;IACF,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;CACpC,CAAA"}

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

@@ -4,3 +4,4 @@ export declare const headerCellMaxWidth: `var(--${string})`;
 export declare const widthCell: `var(--${string})`;
 export declare const maxWidthCell: `var(--${string})`;
 export declare const minWidthCell: `var(--${string})`;
+//# sourceMappingURL=variables.css.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"variables.css.d.ts","sourceRoot":"","sources":["../../../src/components/Table/variables.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,oBAAc,CAAA;AAC1C,eAAO,MAAM,kBAAkB,oBAAc,CAAA;AAC7C,eAAO,MAAM,kBAAkB,oBAAc,CAAA;AAE7C,eAAO,MAAM,SAAS,oBAAc,CAAA;AACpC,eAAO,MAAM,YAAY,oBAAc,CAAA;AACvC,eAAO,MAAM,YAAY,oBAAc,CAAA"}

package/dist/components/Tabs/Tab.d.ts

@@ -15,3 +15,4 @@ type TabProps<T extends ElementType = 'button'> = {
 } & Omit<ComponentProps<T>, 'as' | 'badge' | 'children' | 'className' | 'counter' | 'disabled' | 'value' | 'tooltip' | 'role'>;
 export declare const Tab: import("react").ForwardRefExoticComponent<Omit<TabProps<ElementType>, "ref"> & import("react").RefAttributes<HTMLElement>>;
 export {};
+//# sourceMappingURL=Tab.d.ts.map

package/dist/components/Tabs/Tab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tab.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,cAAc,EACd,aAAa,EACb,WAAW,EAEX,oBAAoB,EACpB,iBAAiB,EACjB,SAAS,EAEV,MAAM,OAAO,CAAA;AAcd,KAAK,QAAQ,CAAC,CAAC,SAAS,WAAW,GAAG,QAAQ,IAAI;IAChD,EAAE,CAAC,EAAE,CAAC,CAAA;IACN,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAA;IACxC,SAAS,CAAC,EAAE,oBAAoB,CAAC,WAAW,CAAC,CAAA;IAC7C,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,GAAG,IAAI,CACN,cAAc,CAAC,CAAC,CAAC,EACf,IAAI,GACJ,OAAO,GACP,UAAU,GACV,WAAW,GACX,SAAS,GACT,UAAU,GACV,OAAO,GACP,SAAS,GACT,MAAM,CACT,CAAA;AAED,eAAO,MAAM,GAAG,4HAyFf,CAAA"}

package/dist/components/Tabs/Tab.js

@@ -1,11 +1,12 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@ultraviolet/themes";
 import { forwardRef, useMemo } from "react";
 import { Badge } from "../Badge/index.js";
 import { Stack } from "../Stack/index.js";
 import { Text } from "../Text/index.js";
 import { Tooltip } from "../Tooltip/index.js";
-import { tabsButton, tabsBadge, tabsBadgeContainer, tabsTextSelected } from "./styles.css.js";
+import { tabsBadge, tabsBadgeContainer, tabsTextSelected, tabsButton } from "./styles.css.js";
 import { useTabsContext } from "./TabsContext.js";
 const Tab = forwardRef(
   ({
@@ -35,7 +36,7 @@ const Tab = forwardRef(
         "aria-disabled": disabled,
         "aria-label": value ? `${value}` : void 0,
         "aria-selected": isSelected,
-        className: `${className ? `${className} ` : ""}${tabsButton}`,
+        className: cn(className, tabsButton),
         "data-is-selected": isSelected,
         disabled: computedAs === "button" ? disabled : void 0,
         onClick: (event) => {

package/dist/components/Tabs/TabMenu.d.ts

@@ -6,3 +6,4 @@ export declare const TabMenu: import("react").ForwardRefExoticComponent<{
     visible?: ComponentProps<typeof Menu>["visible"];
     id?: ComponentProps<typeof Menu>["id"];
 } & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "aria-disabled"> & import("react").RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=TabMenu.d.ts.map

package/dist/components/Tabs/TabMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabMenu.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/TabMenu.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,oBAAoB,EACpB,cAAc,EACd,SAAS,EAEV,MAAM,OAAO,CAAA;AAEd,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAU9B,eAAO,MAAM,OAAO;cANR,SAAS;gBACP,SAAS;cACX,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC,SAAS,CAAC;SAC3C,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC,IAAI,CAAC;sHA4CvC,CAAA"}

package/dist/components/Tabs/TabMenu.js

@@ -1,9 +1,10 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ArrowDownIcon } from "@ultraviolet/icons";
+import { cn } from "@ultraviolet/themes";
 import { forwardRef } from "react";
 import { Menu } from "../Menu/index.js";
-import { tabsMenuWrapper, tabsButton, tabsArrowIcon } from "./styles.css.js";
+import { tabsMenuWrapper, tabsArrowIcon, tabsButton } from "./styles.css.js";
 const TabMenu = forwardRef(
   ({
     children,
@@ -23,7 +24,7 @@ const TabMenu = forwardRef(
           "aria-disabled": disabled ?? "false",
           "aria-haspopup": "menu",
           "aria-selected": ariaSelected,
-          className: `${className ? `${className} ` : ""}${tabsButton}`,
+          className: cn(className, tabsButton),
           disabled,
           role: "tab",
           type: "button",

package/dist/components/Tabs/TabMenuItem.d.ts

@@ -5,3 +5,4 @@ type TabMenuItemProps = {
 } & ComponentProps<typeof Menu.Item>;
 export declare const TabMenuItem: ({ value, children, onClick, ...props }: TabMenuItemProps) => import("react/jsx-runtime").JSX.Element;
 export {};
+//# sourceMappingURL=TabMenuItem.d.ts.map

package/dist/components/Tabs/TabMenuItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabMenuItem.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/TabMenuItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAI9B,KAAK,gBAAgB,GAAG;IACtB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACxB,GAAG,cAAc,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,CAAA;AAEpC,eAAO,MAAM,WAAW,GAAI,wCAKzB,gBAAgB,4CAuBlB,CAAA"}

package/dist/components/Tabs/TabsContext.d.ts

@@ -5,3 +5,4 @@ type TabsContextValue = {
 export declare const TabsContext: import("react").Context<TabsContextValue>;
 export declare const useTabsContext: () => TabsContextValue;
 export {};
+//# sourceMappingURL=TabsContext.d.ts.map

package/dist/components/Tabs/TabsContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsContext.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/TabsContext.ts"],"names":[],"mappings":"AAEA,KAAK,gBAAgB,GAAG;IACtB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B,QAAQ,EAAE,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAA;CACjD,CAAA;AAED,eAAO,MAAM,WAAW,2CAEvB,CAAA;AAED,eAAO,MAAM,cAAc,wBAAgC,CAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAgBtE,KAAK,SAAS,GAAG;IACf,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAA;IACzC,cAAc,CAAC,EAAE,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,GAAG,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC,CAAA;AAI1D;;GAEG;AACH,eAAO,MAAM,IAAI;uGAQd,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqFX,CAAA"}

package/dist/components/Tabs/index.js

@@ -1,7 +1,8 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@ultraviolet/themes";
 import { useRef, useState, useMemo, useEffect, Children, isValidElement, cloneElement } from "react";
-import { tabsContainer, tabsMenu, tabsMenuContainer } from "./styles.css.js";
+import { tabsMenu, tabsMenuContainer, tabsContainer } from "./styles.css.js";
 import { Tab } from "./Tab.js";
 import { TabMenu } from "./TabMenu.js";
 import { TabMenuItem } from "./TabMenuItem.js";
@@ -66,7 +67,7 @@ const Tabs = ({
   return /* @__PURE__ */ jsx(TabsContext.Provider, { value, children: /* @__PURE__ */ jsxs(
     "div",
     {
-      className: `${className ? `${className} ` : ""}${tabsContainer}`,
+      className: cn(className, tabsContainer),
       "data-testid": dataTestId,
       ref: tabsRef,
       role: "tablist",

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

@@ -7,3 +7,4 @@ export declare const tabsBadgeContainer: string;
 export declare const tabsButton: string;
 export declare const tabsArrowIcon: string;
 export declare const tabsMenuWrapper: string;
+//# sourceMappingURL=styles.css.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/styles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,iBAAiB,QAG5B,CAAA;AAEF,eAAO,MAAM,QAAQ,QAOnB,CAAA;AAEF,eAAO,MAAM,aAAa,QAuBxB,CAAA;AAEF,eAAO,MAAM,SAAS,QAGpB,CAAA;AAEF,eAAO,MAAM,gBAAgB,wCAK3B,CAAA;AAEF,eAAO,MAAM,kBAAkB,QAG7B,CAAA;AAEF,eAAO,MAAM,UAAU,QA+DrB,CAAA;AAkBF,eAAO,MAAM,aAAa,QAIxB,CAAA;AAEF,eAAO,MAAM,eAAe,QAM1B,CAAA"}

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

@@ -19,3 +19,4 @@ type TagProps = {
  */
 export declare const Tag: ({ children, isLoading, onClose, copiable, copyText, copiedText, disabled, sentiment, className, style, "data-testid": dataTestId, }: TagProps) => import("react/jsx-runtime").JSX.Element;
 export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAOxE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAK9C,KAAK,QAAQ,GAAG;IACd,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAA;IAC9C,SAAS,CAAC,EAAE,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAA;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,SAAS,CAAA;IACnB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AA0CD;;;GAGG;AACH,eAAO,MAAM,GAAG,GAAI,qIAYjB,QAAQ,4CAgDV,CAAA"}

package/dist/components/Tag/index.js

@@ -1,6 +1,7 @@
 "use client";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { CloseIcon } from "@ultraviolet/icons";
+import { cn } from "@ultraviolet/themes";
 import { useMemo } from "react";
 import useClipboard from "react-use-clipboard";
 import { Button } from "../Button/index.js";
@@ -71,7 +72,10 @@ const Tag = ({
     return /* @__PURE__ */ jsx(Tooltip, { text: isCopied ? copiedText : copyText, children: /* @__PURE__ */ jsx(
       "button",
       {
-        className: `${className ? `${className} ` : ""}${containerTag({ copiable, disabled, sentiment })}`,
+        className: cn(
+          className,
+          containerTag({ copiable, disabled, sentiment })
+        ),
         "data-testid": dataTestId,
         disabled,
         onClick: setCopied,
@@ -82,7 +86,7 @@ const Tag = ({
   return /* @__PURE__ */ jsx(
     "span",
     {
-      className: `${className ? `${className} ` : ""}${containerTag({ disabled, sentiment })}`,
+      className: cn(className, containerTag({ disabled, sentiment })),
       "data-testid": dataTestId,
       style,
       children: /* @__PURE__ */ jsx(TagInner, { disabled, isLoading, onClose, children })

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/styles.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,UAAU,sFAQb,CAAA;AAEV,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoDvB,CAAA;AAEF,eAAO,MAAM,OAAO,QAElB,CAAA;AAEF,eAAO,MAAM,cAAc,QAIzB,CAAA"}

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

@@ -35,3 +35,4 @@ type TagInputProps = {
  */
 export declare const TagInput: ({ disabled, id, name, onChange, placeholder, value, className, "data-testid": dataTestId, "aria-label": ariaLabel, label, labelDescription, required, size, error, success, helper, readOnly, tooltip, clearable, style, }: TagInputProps) => import("react/jsx-runtime").JSX.Element;
 export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TagInput/index.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAEV,aAAa,EAEb,SAAS,EACV,MAAM,OAAO,CAAA;AASd,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAA;AAQzD,KAAK,YAAY,GAAG,MAAM,OAAO,qBAAqB,CAAA;AAiBtD,KAAK,YAAY,GAAG,CAAC,MAAM,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC,EAAE,CAAA;AAEjE,KAAK,aAAa,GAAG;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACnC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,YAAY,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC1B,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,GAAI,4NAqBtB,aAAa,4CAiOf,CAAA"}

package/dist/components/TagInput/index.js

@@ -1,6 +1,7 @@
 "use client";
 import { jsxs, jsx } from "react/jsx-runtime";
 import { CloseIcon, CheckCircleOutlineIcon, AlertCircleIcon } from "@ultraviolet/icons";
+import { cn } from "@ultraviolet/themes";
 import { useState, useId, useEffect, useRef, useMemo } from "react";
 import { Button } from "../Button/index.js";
 import { Label } from "../Label/index.js";
@@ -8,7 +9,7 @@ import { Stack } from "../Stack/index.js";
 import { Tag } from "../Tag/index.js";
 import { Text } from "../Text/index.js";
 import { Tooltip } from "../Tooltip/index.js";
-import { tagInputContainer, tagInputDataContainer, tagInput, tagInputStateContainer } from "./styles.css.js";
+import { tagInputDataContainer, tagInput, tagInputStateContainer, tagInputContainer } from "./styles.css.js";
 import { getUUID } from "../../utils/ids.js";
 const STATUS = {
   IDLE: "idle",
@@ -143,7 +144,7 @@ const TagInput = ({
     /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Tooltip, { text: tooltip, children: /* @__PURE__ */ jsxs(
       "div",
       {
-        className: `${className ? `${className} ` : ""}${tagInputContainer({ size })}`,
+        className: cn(className, tagInputContainer({ size })),
         "data-disabled": disabled,
         "data-error": !!error,
         "data-readonly": readOnly,

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

@@ -22,3 +22,4 @@ export declare const tagInputContainer: import("@vanilla-extract/recipes").Runti
 export declare const tagInputDataContainer: string;
 export declare const tagInputStateContainer: string;
 export declare const tagInput: string;
+//# sourceMappingURL=styles.css.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/TagInput/styles.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,qBAAqB;;;;CAIxB,CAAA;AAEV,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;EA6D5B,CAAA;AAEF,eAAO,MAAM,qBAAqB,QAOhC,CAAA;AAEF,eAAO,MAAM,sBAAsB,QAIjC,CAAA;AAEF,eAAO,MAAM,QAAQ,QAoBnB,CAAA"}

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

@@ -1 +1,2 @@
 export declare const TAGS_GAP: string;
+//# sourceMappingURL=constant.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constant.d.ts","sourceRoot":"","sources":["../../../src/components/TagList/constant.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ,QAA+B,CAAA"}

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

@@ -42,3 +42,4 @@ type TagListProps = {
  */
 export declare const TagList: ({ maxLength, tags, threshold, multiline, popoverTitle, popoverPlacement, popoverMaxHeight, copiable, copyText, copiedText, className, "data-testid": dataTestId, style, }: TagListProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TagList/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAErE,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AACpC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAY5B,MAAM,MAAM,OAAO,GAAG,MAAM,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,SAAS,CAAA;CAAE,CAAA;AAEjE,KAAK,YAAY,GAAG;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,EAAE,CAAA;IAChB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;OAEG;IACH,YAAY,EAAE,MAAM,CAAA;IACpB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,cAAc,CAAC,OAAO,OAAO,CAAC,CAAC,WAAW,CAAC,CAAA;IAC9D;;OAEG;IACH,gBAAgB,CAAC,EAAE,cAAc,CAAC,OAAO,OAAO,CAAC,CAAC,WAAW,CAAC,CAAA;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,YAAY,CAAC,CAAA;AAO5E;;GAEG;AACH,eAAO,MAAM,OAAO,GAAI,2KAcrB,YAAY,mDAmRd,CAAA"}

package/dist/components/TagList/index.js

@@ -1,11 +1,12 @@
 "use client";
 import { jsxs, jsx } from "react/jsx-runtime";
+import { cn } from "@ultraviolet/themes";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { useRef, useState, useMemo, useEffect } from "react";
 import { Popover } from "../Popover/index.js";
 import { Tag } from "../Tag/index.js";
 import { TAGS_GAP } from "./constant.js";
-import { tagListContainer, tagContainer, ellipsisContainer, popoverTriggerWidthVar, tagsWrapper } from "./styles.css.js";
+import { popoverTriggerWidthVar, tagContainer, ellipsisContainer, tagsWrapper, tagListContainer } from "./styles.css.js";
 const DEFAULT_POPOVER_MAX_HEIGHT = "16rem";
 const DEFAULT_TAGS = [];
 const getTagLabel = (tag) => typeof tag === "object" ? tag.label : tag;
@@ -152,16 +153,19 @@ const TagList = ({
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: `${className ? `${className} ` : ""}${tagListContainer}`,
+      className: cn(className, tagListContainer),
       "data-testid": dataTestId,
       style: { visibility: isReady ? "visible" : "hidden", ...style },
       children: [
         /* @__PURE__ */ jsx(
           "div",
           {
-            className: `${tagContainer({
-              multiline
-            })} ${visibleTags.length === 1 && hiddenTags.length === 0 || popoverTriggerWidth ? ellipsisContainer : ""}`,
+            className: cn(
+              tagContainer({
+                multiline
+              }),
+              visibleTags.length === 1 && hiddenTags.length === 0 || popoverTriggerWidth ? ellipsisContainer : ""
+            ),
             "data-testid": `${dataTestId ?? "taglist"}-container`,
             ref: containerRef,
             style: assignInlineVars({

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/TagList/styles.css.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,sBAAsB,oBAAc,CAAA;AAEjD,eAAO,MAAM,gBAAgB,QAA6B,CAAA;AAE1D,eAAO,MAAM,YAAY;;;;;;EAcvB,CAAA;AAEF,eAAO,MAAM,iBAAiB,QAO5B,CAAA;AAOF,eAAO,MAAM,WAAW,QAatB,CAAA"}

package/dist/components/Text/constants.d.ts

@@ -7,3 +7,4 @@ export declare const PROMINENCES: {
 };
 export type TextVariant = keyof typeof typography;
 export declare const textVariants: TextVariant[];
+//# sourceMappingURL=constants.d.ts.map

package/dist/components/Text/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/Text/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAExC,eAAO,MAAM,WAAW;;;;;CAKvB,CAAA;AAED,MAAM,MAAM,WAAW,GAAG,MAAM,OAAO,UAAU,CAAA;AAEjD,eAAO,MAAM,YAAY,EAA8B,WAAW,EAAE,CAAA"}

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

@@ -30,3 +30,4 @@ type TextProps = {
  */
 export declare const Text: ({ variant, children, as: Component, sentiment, oneLine, placement, prominence, className, disabled, italic, underline, strikeThrough, id, dir, whiteSpace, htmlFor, "data-testid": dataTestId, "aria-hidden": ariaHidden, style, }: TextProps) => import("react/jsx-runtime").JSX.Element;
 export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Text/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIlE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAEhD,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAI3D,KAAK,eAAe,GAAG,MAAM,OAAO,WAAW,CAAA;AAC/C,KAAK,cAAc,GAAG,aAAa,CAAC,WAAW,CAAC,CAAA;AAChD,KAAK,eAAe,GAAG,aAAa,CAAC,YAAY,CAAC,CAAA;AAElD,KAAK,SAAS,GAAG;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,cAAc,CAAA;IAC1B,OAAO,EAAE,WAAW,CAAA;IACpB,SAAS,CAAC,EAAE,aAAa,CAAA;IACzB,UAAU,CAAC,EAAE,eAAe,CAAA;IAC5B,EAAE,EAAE,WAAW,CAAA;IACf,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,GAAG,MAAM,CAAA;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,UAAU,CAAC,EAAE,eAAe,CAAA;IAC5B,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,IAAI,GAAI,oOAoBlB,SAAS,4CAwCX,CAAA"}

package/dist/components/Text/index.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 { useRef } from "react";
 import recursivelyGetChildrenString from "../../helpers/recursivelyGetChildrenString.js";
@@ -35,7 +36,19 @@ const Text = ({
     Component,
     {
       "aria-hidden": ariaHidden,
-      className: `${className ? `${className} ` : ""}${text({ disabled, italic, oneLine, prominence, sentiment, strikeThrough, underline, variant })}`,
+      className: cn(
+        className,
+        text({
+          disabled,
+          italic,
+          oneLine,
+          prominence,
+          sentiment,
+          strikeThrough,
+          underline,
+          variant
+        })
+      ),
       "data-testid": dataTestId,
       dir,
       htmlFor,

package/dist/components/Text/style.css.d.ts

@@ -50,3 +50,4 @@ export declare const text: import("@vanilla-extract/recipes").RuntimeFn<{
     };
 }>;
 export type TextVariants = NonNullable<RecipeVariants<typeof text>>;
+//# sourceMappingURL=style.css.d.ts.map

package/dist/components/Text/style.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.css.d.ts","sourceRoot":"","sources":["../../../src/components/Text/style.css.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AA+G9D,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyEf,CAAA;AAEF,MAAM,MAAM,YAAY,GAAG,WAAW,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC,CAAA"}

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

@@ -1,2 +1,3 @@
 export declare const placementText: `var(--${string})`;
 export declare const whiteSpaceText: `var(--${string})`;
+//# sourceMappingURL=variables.css.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"variables.css.d.ts","sourceRoot":"","sources":["../../../src/components/Text/variables.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,oBAAc,CAAA;AACxC,eAAO,MAAM,cAAc,oBAAc,CAAA"}