@ultraviolet/ui 3.10.2 → 3.11.1

package/dist/_virtual/{_@oxc-project_runtime@0.113.0 → _@oxc-project_runtime@0.114.0}/helpers/asyncToGenerator.js

@@ -1,6 +1,6 @@
 import { __name } from "../../_rolldown/runtime.js";
 
-//#region \0@oxc-project+runtime@0.113.0/helpers/asyncToGenerator.js
+//#region \0@oxc-project+runtime@0.114.0/helpers/asyncToGenerator.js
 function asyncGeneratorStep(n, t, e, r, o, a, c) {
 	try {
 		var i = n[a](c);

package/dist/_virtual/{_@oxc-project_runtime@0.113.0 → _@oxc-project_runtime@0.114.0}/helpers/defineProperty.js

@@ -1,7 +1,7 @@
 import { __name } from "../../_rolldown/runtime.js";
 import { toPropertyKey } from "./toPropertyKey.js";
 
-//#region \0@oxc-project+runtime@0.113.0/helpers/defineProperty.js
+//#region \0@oxc-project+runtime@0.114.0/helpers/defineProperty.js
 function _defineProperty(e, r, t) {
 	return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
 		value: t,

package/dist/_virtual/{_@oxc-project_runtime@0.113.0 → _@oxc-project_runtime@0.114.0}/helpers/objectSpread2.js

@@ -1,7 +1,7 @@
 import { __name } from "../../_rolldown/runtime.js";
 import { _defineProperty } from "./defineProperty.js";
 
-//#region \0@oxc-project+runtime@0.113.0/helpers/objectSpread2.js
+//#region \0@oxc-project+runtime@0.114.0/helpers/objectSpread2.js
 function ownKeys(e, r) {
 	var t = Object.keys(e);
 	if (Object.getOwnPropertySymbols) {

package/dist/_virtual/{_@oxc-project_runtime@0.113.0 → _@oxc-project_runtime@0.114.0}/helpers/objectWithoutProperties.js

@@ -1,7 +1,7 @@
 import { __name } from "../../_rolldown/runtime.js";
 import { _objectWithoutPropertiesLoose } from "./objectWithoutPropertiesLoose.js";
 
-//#region \0@oxc-project+runtime@0.113.0/helpers/objectWithoutProperties.js
+//#region \0@oxc-project+runtime@0.114.0/helpers/objectWithoutProperties.js
 function _objectWithoutProperties(e, t) {
 	if (null == e) return {};
 	var o;

package/dist/_virtual/{_@oxc-project_runtime@0.113.0 → _@oxc-project_runtime@0.114.0}/helpers/objectWithoutPropertiesLoose.js

@@ -1,6 +1,6 @@
 import { __name } from "../../_rolldown/runtime.js";
 
-//#region \0@oxc-project+runtime@0.113.0/helpers/objectWithoutPropertiesLoose.js
+//#region \0@oxc-project+runtime@0.114.0/helpers/objectWithoutPropertiesLoose.js
 function _objectWithoutPropertiesLoose(r, e) {
 	if (null == r) return {};
 	var t = {};

package/dist/_virtual/{_@oxc-project_runtime@0.113.0 → _@oxc-project_runtime@0.114.0}/helpers/toPrimitive.js

@@ -1,7 +1,7 @@
 import { __name } from "../../_rolldown/runtime.js";
 import { _typeof } from "./typeof.js";
 
-//#region \0@oxc-project+runtime@0.113.0/helpers/toPrimitive.js
+//#region \0@oxc-project+runtime@0.114.0/helpers/toPrimitive.js
 function toPrimitive(t, r) {
 	if ("object" != _typeof(t) || !t) return t;
 	var e = t[Symbol.toPrimitive];

package/dist/_virtual/{_@oxc-project_runtime@0.113.0 → _@oxc-project_runtime@0.114.0}/helpers/toPropertyKey.js

@@ -2,7 +2,7 @@ import { __name } from "../../_rolldown/runtime.js";
 import { _typeof } from "./typeof.js";
 import { toPrimitive } from "./toPrimitive.js";
 
-//#region \0@oxc-project+runtime@0.113.0/helpers/toPropertyKey.js
+//#region \0@oxc-project+runtime@0.114.0/helpers/toPropertyKey.js
 function toPropertyKey(t) {
 	var i = toPrimitive(t, "string");
 	return "symbol" == _typeof(i) ? i : i + "";

package/dist/_virtual/{_@oxc-project_runtime@0.113.0 → _@oxc-project_runtime@0.114.0}/helpers/typeof.js

@@ -1,6 +1,6 @@
 import { __name } from "../../_rolldown/runtime.js";
 
-//#region \0@oxc-project+runtime@0.113.0/helpers/typeof.js
+//#region \0@oxc-project+runtime@0.114.0/helpers/typeof.js
 function _typeof(o) {
 	"@babel/helpers - typeof";
 	return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {

package/dist/components/ActionBar/index.js

@@ -1,11 +1,11 @@
 'use client';
 import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.113.0/helpers/objectSpread2.js";
+import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.114.0/helpers/objectSpread2.js";
 import { Stack } from "../Stack/index.js";
 import { actionBar, rankActionBar, stackActionBar } from "./styles.css.js";
-import { cn } from "@ultraviolet/utils";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { jsx } from "react/jsx-runtime";
+import { cn } from "@ultraviolet/utils";
 import { createPortal } from "react-dom";
 
 //#region src/components/ActionBar/index.tsx

package/dist/components/Alert/index.js

@@ -4,13 +4,13 @@ import { Stack } from "../Stack/index.js";
 import { Text } from "../Text/index.js";
 import { Button } from "../Button/index.js";
 import { alert, buttonAlert, buttonCloseAlert, smallIcon, textAlert, wrapAlert } from "./styles.css.js";
-import { cn } from "@ultraviolet/utils";
 import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { InformationOutlineIcon } from "@ultraviolet/icons/InformationOutlineIcon";
+import { cn } from "@ultraviolet/utils";
 import { AlertCircleIcon } from "@ultraviolet/icons/AlertCircleIcon";
 import { CloseIcon } from "@ultraviolet/icons/CloseIcon";
 import { CheckCircleOutlineIcon } from "@ultraviolet/icons/CheckCircleOutlineIcon";
+import { InformationOutlineIcon } from "@ultraviolet/icons/InformationOutlineIcon";
 import { LightBulbIcon } from "@ultraviolet/icons/LightBulbIcon";
 
 //#region src/components/Alert/index.tsx

package/dist/components/Avatar/index.js

@@ -1,14 +1,14 @@
 'use client';
 import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.113.0/helpers/objectSpread2.js";
+import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.114.0/helpers/objectSpread2.js";
 import { Text } from "../Text/index.js";
 import { DEFAULT_COLORS, TEXT_VARIANT_BY_SIZE, sizes } from "./constants.js";
 import { colorsAvatar, containerAvatar, elementContainer, productIconContainer, svgAvatar, uploadContainer } from "./styles.css.js";
 import { finalColorAvatar, finalSizeAvatar, halvedColorAvatar } from "./variables.css.js";
-import { cn } from "@ultraviolet/utils";
+import { theme } from "@ultraviolet/themes";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { theme } from "@ultraviolet/themes";
+import { cn } from "@ultraviolet/utils";
 import { UserProductIcon } from "@ultraviolet/icons/product/UserProductIcon";
 import { UploadIcon } from "@ultraviolet/icons/UploadIcon";
 

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

@@ -1,3 +1,4 @@
+/* empty css                         */
 /* empty css                      */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 

package/dist/components/Avatar/variables.css.js

@@ -1,5 +1,3 @@
-/* empty css                         */
-
 //#region src/components/Avatar/variables.css.ts
 var finalSizeAvatar = "var(--uv_18799yd0)";
 var finalColorAvatar = "var(--uv_18799yd1)";

package/dist/components/Badge/index.js

@@ -3,9 +3,9 @@ import { __name } from "../../_virtual/_rolldown/runtime.js";
 import { Text } from "../Text/index.js";
 import { TEXT_VARIANT } from "./constant.js";
 import { badge } from "./styles.css.js";
-import { cn } from "@ultraviolet/utils";
 import { useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
+import { cn } from "@ultraviolet/utils";
 
 //#region src/components/Badge/index.tsx
 /**

package/dist/components/Banner/index.js

@@ -7,10 +7,10 @@ import { Link } from "../Link/index.js";
 import default_image_default from "./assets/default-image.js";
 import default_image_small_default from "./assets/default-image-small.js";
 import { banner, closeButtonBanner, imageStackBanner } from "./styles.css.js";
-import { cn } from "@ultraviolet/utils";
 import { useMemo, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { useTheme } from "@ultraviolet/themes";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@ultraviolet/utils";
 import { CloseIcon } from "@ultraviolet/icons/CloseIcon";
 
 //#region src/components/Banner/index.tsx

package/dist/components/BarChart/Tooltip.js

@@ -2,9 +2,9 @@
 import { __name } from "../../_virtual/_rolldown/runtime.js";
 import { Text } from "../Text/index.js";
 import { barColorSquare, barTooltipContainer, colorBar } from "./styles.css.js";
-import { cn } from "@ultraviolet/utils";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@ultraviolet/utils";
 
 //#region src/components/BarChart/Tooltip.tsx
 const BarChartTooltip = ({ formattedValue, indexValue, color, className, "data-testid": dataTestId }) => /* @__PURE__ */ jsxs("div", {

package/dist/components/BarChart/index.js

@@ -1,12 +1,12 @@
 'use client';
 import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.113.0/helpers/objectSpread2.js";
+import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.114.0/helpers/objectSpread2.js";
 import { getLegendColor } from "../../helpers/legend.js";
 import { getNivoTheme } from "../../helpers/nivoTheme.js";
 import { BarChartTooltip } from "./Tooltip.js";
 import { useCallback } from "react";
-import { jsx } from "react/jsx-runtime";
 import { useTheme } from "@ultraviolet/themes";
+import { jsx } from "react/jsx-runtime";
 import { ResponsiveBar } from "@nivo/bar";
 
 //#region src/components/BarChart/index.tsx

package/dist/components/BarStack/index.js

@@ -5,10 +5,10 @@ import { Tooltip } from "../Tooltip/index.js";
 import { Text } from "../Text/index.js";
 import { Label } from "../Label/index.js";
 import { barStack, barStackLegendCircle, barStackText, containerBarStack, wrapperBarStack, wrapperWidth } from "./styles.css.js";
-import { cn } from "@ultraviolet/utils";
 import { useMemo, useState } from "react";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@ultraviolet/utils";
 
 //#region src/components/BarStack/index.tsx
 /**

package/dist/components/Breadcrumbs/components/Item.js

@@ -4,10 +4,10 @@ import { Text } from "../../Text/index.js";
 import { Button } from "../../Button/index.js";
 import { Link } from "../../Link/index.js";
 import { breadcrumbsItem, contentBreadcrumbs, contentBreadcrumbsText, itemContainerBreadcrumbs, linkBreadcrumbs, maxWidthVar, minWidthVar } from "./styles.css.js";
-import { cn } from "@ultraviolet/utils";
 import { useMemo } from "react";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { jsx } from "react/jsx-runtime";
+import { cn } from "@ultraviolet/utils";
 
 //#region src/components/Breadcrumbs/components/Item.tsx
 const Item = ({ to, children, disabled = false, "aria-current": ariaCurrent, onClick, onKeyDown, className, maxWidth, minWidth }) => {

package/dist/components/Bullet/index.js

@@ -2,8 +2,8 @@
 import { __name } from "../../_virtual/_rolldown/runtime.js";
 import { Tooltip } from "../Tooltip/index.js";
 import { bullet } from "./styles.css.js";
-import { cn } from "@ultraviolet/utils";
 import { jsx } from "react/jsx-runtime";
+import { cn } from "@ultraviolet/utils";
 
 //#region src/components/Bullet/index.tsx
 /**

package/dist/components/Button/index.js

@@ -3,10 +3,10 @@ import { __name } from "../../_virtual/_rolldown/runtime.js";
 import { Tooltip } from "../Tooltip/index.js";
 import { Loader } from "../Loader/index.js";
 import { button } from "./styles.css.js";
-import { cn, renderElement } from "@ultraviolet/utils";
 import { forwardRef, useMemo } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useTheme } from "@ultraviolet/themes";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { cn, renderElement } from "@ultraviolet/utils";
 
 //#region src/components/Button/index.tsx
 /**

package/dist/components/Card/index.js

@@ -3,9 +3,9 @@ import { __name } from "../../_virtual/_rolldown/runtime.js";
 import { Stack } from "../Stack/index.js";
 import { Text } from "../Text/index.js";
 import { borderedBox, stackCard } from "./styles.css.js";
-import { cn } from "@ultraviolet/utils";
 import { forwardRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@ultraviolet/utils";
 
 //#region src/components/Card/index.tsx
 /**

package/dist/components/Carousel/index.js

@@ -1,11 +1,11 @@
 'use client';
 import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.113.0/helpers/objectSpread2.js";
+import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.114.0/helpers/objectSpread2.js";
 import { afterScroll, beforeScroll, borderWrapper, scrollableWrapper, widthVar, wrapper } from "./styles.css.js";
-import { cn } from "@ultraviolet/utils";
 import { useEffect, useRef, useState } from "react";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@ultraviolet/utils";
 
 //#region src/components/Carousel/index.tsx
 const CarouselItem = ({ children, width = "240px", style }) => /* @__PURE__ */ jsx("div", {

package/dist/components/Checkbox/CheckboxIconContainer.d.ts

@@ -0,0 +1,4 @@
+export declare const CheckboxIconContainer: ({ checked, }: {
+    checked?: "indeterminate" | boolean | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CheckboxIconContainer.d.ts.map

package/dist/components/Checkbox/CheckboxIconContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxIconContainer.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/CheckboxIconContainer.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,qBAAqB;;6CA0CjC,CAAA"}

package/dist/components/Checkbox/CheckboxIconContainer.js

@@ -0,0 +1,38 @@
+'use client';
+import { __name } from "../../_virtual/_rolldown/runtime.js";
+import { checkMixedMark, iconPath, innerCheckbox } from "./styles.css.js";
+import { useTheme } from "@ultraviolet/themes";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/Checkbox/CheckboxIconContainer.tsx
+const CheckboxIconContainer = ({ checked }) => {
+	return /* @__PURE__ */ jsxs("g", { children: [/* @__PURE__ */ jsx("rect", {
+		className: innerCheckbox,
+		height: "16",
+		rx: useTheme().radii.small,
+		strokeWidth: "2",
+		width: "16",
+		x: "4",
+		y: "4"
+	}), checked !== "indeterminate" ? /* @__PURE__ */ jsx("path", {
+		className: iconPath,
+		clipRule: "evenodd",
+		d: "M15.6678 5.26709C16.0849 5.6463 16.113 6.28907 15.7307 6.70276L9.29172 13.6705C9.10291 13.8748 8.83818 13.9937 8.55884 13.9998C8.2795 14.0058 8.0098 13.8984 7.81223 13.7024L4.30004 10.2185C3.89999 9.82169 3.89999 9.17831 4.30004 8.78149C4.70009 8.38467 5.34869 8.38467 5.74874 8.78149L8.50441 11.5149L14.2205 5.32951C14.6028 4.91583 15.2508 4.88788 15.6678 5.26709Z",
+		fill: "white",
+		fillRule: "evenodd",
+		height: 9,
+		width: 12,
+		x: "5",
+		y: "4"
+	}) : /* @__PURE__ */ jsx("rect", {
+		className: checkMixedMark,
+		height: "2",
+		rx: "1",
+		width: "12",
+		x: "6",
+		y: "11"
+	})] });
+};
+
+//#endregion
+export { CheckboxIconContainer };

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

@@ -16,6 +16,7 @@ type CheckboxProps = {
     required?: boolean;
     'data-testid'?: string;
     tooltip?: string;
+    size?: 'default' | 'small';
 } & Pick<InputHTMLAttributes<HTMLInputElement>, 'autoFocus' | 'id' | 'name' | 'onBlur' | 'onChange' | 'onKeyDown' | 'onClick' | 'onFocus' | 'tabIndex' | 'value' | 'style'> & LabelProp;
 /**
  * Checkbox is an input component used to select or deselect an option.

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAmC3D,KAAK,SAAS,GACV;IACE,QAAQ,EAAE,SAAS,CAAA;IACnB,YAAY,CAAC,EAAE,KAAK,CAAA;CACrB,GACD;IACE,QAAQ,CAAC,EAAE,KAAK,CAAA;IAChB,YAAY,EAAE,MAAM,CAAA;CACrB,CAAA;AAEL,KAAK,aAAa,GAAG;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,GAAG,eAAe,CAAA;IACnC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,CAAC,iBAAiB,CAAC,CAAC,EAAE,MAAM,CAAA;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,GAAG,IAAI,CACN,mBAAmB,CAAC,gBAAgB,CAAC,EACnC,WAAW,GACX,IAAI,GACJ,MAAM,GACN,QAAQ,GACR,UAAU,GACV,WAAW,GACX,SAAS,GACT,SAAS,GACT,UAAU,GACV,OAAO,GACP,OAAO,CACV,GACC,SAAS,CAAA;AAEX;;GAEG;AACH,eAAO,MAAM,QAAQ,4GAsJpB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAc3D,KAAK,SAAS,GACV;IACE,QAAQ,EAAE,SAAS,CAAA;IACnB,YAAY,CAAC,EAAE,KAAK,CAAA;CACrB,GACD;IACE,QAAQ,CAAC,EAAE,KAAK,CAAA;IAChB,YAAY,EAAE,MAAM,CAAA;CACrB,CAAA;AAEL,KAAK,aAAa,GAAG;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,GAAG,eAAe,CAAA;IACnC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,CAAC,iBAAiB,CAAC,CAAC,EAAE,MAAM,CAAA;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;CAC3B,GAAG,IAAI,CACN,mBAAmB,CAAC,gBAAgB,CAAC,EACnC,WAAW,GACX,IAAI,GACJ,MAAM,GACN,QAAQ,GACR,UAAU,GACV,WAAW,GACX,SAAS,GACT,SAAS,GACT,UAAU,GACV,OAAO,GACP,OAAO,CACV,GACC,SAAS,CAAA;AAEX;;GAEG;AACH,eAAO,MAAM,QAAQ,4GAgIpB,CAAA"}

package/dist/components/Checkbox/index.js

@@ -3,28 +3,17 @@ import { __name } from "../../_virtual/_rolldown/runtime.js";
 import { Stack } from "../Stack/index.js";
 import { Tooltip } from "../Tooltip/index.js";
 import { Text } from "../Text/index.js";
-import { checkMixedMark, checkboxContainer, checkboxInput, errorText, icon, iconPath, innerCheckbox, label } from "./styles.css.js";
-import { cn } from "@ultraviolet/utils";
+import { checkboxContainer, checkboxInput, errorText, icon, label } from "./styles.css.js";
+import { CheckboxIconContainer } from "./CheckboxIconContainer.js";
 import { forwardRef, useId } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useTheme } from "@ultraviolet/themes";
+import { cn } from "@ultraviolet/utils";
 
 //#region src/components/Checkbox/index.tsx
-const CheckboxIconContainer = ({ children }) => {
-	return /* @__PURE__ */ jsxs("g", { children: [/* @__PURE__ */ jsx("rect", {
-		className: innerCheckbox,
-		height: "16",
-		rx: useTheme().radii.small,
-		strokeWidth: "2",
-		width: "16",
-		x: "4",
-		y: "4"
-	}), children] });
-};
 /**
 * Checkbox is an input component used to select or deselect an option.
 */
-const Checkbox = forwardRef(({ id, checked = false, onChange, onFocus, onBlur, onKeyDown, error, name, helper, value, children, disabled = false, autoFocus = false, className, "data-visibility": dataVisibility, "aria-label": ariaLabel, required, "data-testid": dataTestId, tooltip, tabIndex, style }, ref) => {
+const Checkbox = forwardRef(({ id, checked = false, onChange, onFocus, onBlur, onKeyDown, error, name, helper, value, children, disabled = false, autoFocus = false, className, "data-visibility": dataVisibility, "aria-label": ariaLabel, required, "data-testid": dataTestId, tooltip, tabIndex, style, size = "default" }, ref) => {
 	const uniqId = useId();
 	const localId = id !== null && id !== void 0 ? id : uniqId;
 	const styledChildren = typeof children === "string" ? /* @__PURE__ */ jsx(Text, {
@@ -33,7 +22,7 @@ const Checkbox = forwardRef(({ id, checked = false, onChange, onFocus, onBlur, o
 		htmlFor: localId,
 		prominence: "default",
 		sentiment: "neutral",
-		variant: "body",
+		variant: size === "small" ? "bodySmall" : "body",
 		children
 	}) : /* @__PURE__ */ jsx("label", {
 		className: label,
@@ -45,7 +34,7 @@ const Checkbox = forwardRef(({ id, checked = false, onChange, onFocus, onBlur, o
 		text: tooltip,
 		children: /* @__PURE__ */ jsxs("div", {
 			"aria-disabled": disabled,
-			className: cn(className, checkboxContainer),
+			className: cn(className, checkboxContainer[size]),
 			"data-checked": checked,
 			"data-error": !!error,
 			"data-testid": dataTestId,
@@ -58,7 +47,7 @@ const Checkbox = forwardRef(({ id, checked = false, onChange, onFocus, onBlur, o
 					"aria-label": ariaLabel,
 					autoFocus,
 					checked: isCheck,
-					className: checkboxInput,
+					className: checkboxInput[size],
 					disabled,
 					id: localId,
 					name,
@@ -74,27 +63,10 @@ const Checkbox = forwardRef(({ id, checked = false, onChange, onFocus, onBlur, o
 					value
 				}),
 				/* @__PURE__ */ jsxs("svg", {
-					className: icon,
+					className: icon[size],
 					fill: "none",
 					viewBox: "0 0 24 24",
-					children: [/* @__PURE__ */ jsx("title", { children: "checkbox" }), /* @__PURE__ */ jsx(CheckboxIconContainer, { children: checked !== "indeterminate" ? /* @__PURE__ */ jsx("path", {
-						className: iconPath,
-						clipRule: "evenodd",
-						d: "M15.6678 5.26709C16.0849 5.6463 16.113 6.28907 15.7307 6.70276L9.29172 13.6705C9.10291 13.8748 8.83818 13.9937 8.55884 13.9998C8.2795 14.0058 8.0098 13.8984 7.81223 13.7024L4.30004 10.2185C3.89999 9.82169 3.89999 9.17831 4.30004 8.78149C4.70009 8.38467 5.34869 8.38467 5.74874 8.78149L8.50441 11.5149L14.2205 5.32951C14.6028 4.91583 15.2508 4.88788 15.6678 5.26709Z",
-						fill: "white",
-						fillRule: "evenodd",
-						height: 9,
-						width: 12,
-						x: "5",
-						y: "4"
-					}) : /* @__PURE__ */ jsx("rect", {
-						className: checkMixedMark,
-						height: "2",
-						rx: "1",
-						width: "12",
-						x: "6",
-						y: "11"
-					}) })]
+					children: [/* @__PURE__ */ jsx("title", { children: name }), /* @__PURE__ */ jsx(CheckboxIconContainer, { checked })]
 				}),
 				children || required || helper || error ? /* @__PURE__ */ jsxs(Stack, {
 					flex: 1,

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

@@ -1,7 +1,7 @@
 export declare const errorText: string;
-export declare const checkboxContainer: string;
-export declare const checkboxInput: string;
-export declare const icon: string;
+export declare const checkboxContainer: Record<"default" | "small", string>;
+export declare const checkboxInput: Record<"default" | "small", string>;
+export declare const icon: Record<"default" | "small", string>;
 export declare const innerCheckbox: string;
 export declare const iconPath: string;
 export declare const checkMixedMark: string;

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

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/styles.css.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,SAAS,QAEpB,CAAA;AAEF,eAAO,MAAM,iBAAiB,QAa5B,CAAA;AACF,eAAO,MAAM,aAAa,QAexB,CAAA;AAEF,eAAO,MAAM,IAAI,QA+Cf,CAAA;AAEF,eAAO,MAAM,aAAa,QA2FxB,CAAA;AAEF,eAAO,MAAM,QAAQ,QAUnB,CAAA;AAEF,eAAO,MAAM,cAAc,QAMzB,CAAA;AAEF,eAAO,MAAM,KAAK,QAWhB,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/styles.css.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,SAAS,QAEpB,CAAA;AAgBF,eAAO,MAAM,iBAAiB,qCAG5B,CAAA;AAgBF,eAAO,MAAM,aAAa,qCAaxB,CAAA;AA+CF,eAAO,MAAM,IAAI,qCAoBf,CAAA;AAEF,eAAO,MAAM,aAAa,QA6FxB,CAAA;AAEF,eAAO,MAAM,QAAQ,QAUnB,CAAA;AAEF,eAAO,MAAM,cAAc,QAMzB,CAAA;AAEF,eAAO,MAAM,KAAK,QAWhB,CAAA"}

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

@@ -1,17 +1,28 @@
-/* empty css                            */
 /* empty css                                     */
+/* empty css                               */
+/* empty css                            */
+/* empty css                                         */
 /* empty css                                      */
 /* empty css                      */
 
 //#region src/components/Checkbox/styles.css.ts
 var errorText = "uv_9pjq8o0";
-var checkboxContainer = "uv_9pjq8o1";
-var checkboxInput = "uv_9pjq8o2";
-var icon = "uv_9pjq8o3";
-var innerCheckbox = "uv_9pjq8o4";
-var iconPath = "uv_9pjq8o5";
-var checkMixedMark = "uv_9pjq8o6";
-var label = "uv_9pjq8o7";
+var checkboxContainer = {
+	"default": "uv_9pjq8o2 uv_9pjq8o1",
+	small: "uv_9pjq8o3 uv_9pjq8o1"
+};
+var checkboxInput = {
+	"default": "uv_9pjq8o5 uv_9pjq8o4",
+	small: "uv_9pjq8o6 uv_9pjq8o4"
+};
+var icon = {
+	"default": "uv_9pjq8o8 uv_9pjq8o7",
+	small: "uv_9pjq8o9 uv_9pjq8o7"
+};
+var innerCheckbox = "uv_9pjq8oa";
+var iconPath = "uv_9pjq8ob";
+var checkMixedMark = "uv_9pjq8oc";
+var label = "uv_9pjq8od";
 
 //#endregion
 export { checkMixedMark, checkboxContainer, checkboxInput, errorText, icon, iconPath, innerCheckbox, label };

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

@@ -3,7 +3,7 @@ import { Checkbox } from '../Checkbox';
 type CheckboxGroupCheckboxProps = Omit<ComponentProps<typeof Checkbox>, 'onChange' | 'checked'> & {
     value: string;
 };
-export declare const CheckboxGroupCheckbox: ({ onFocus, onBlur, disabled, error, name, value, children, helper, className, autoFocus, 'data-testid': dataTestId, required, tooltip, style, }: CheckboxGroupCheckboxProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CheckboxGroupCheckbox: ({ onFocus, onBlur, disabled, error, name, value, children, helper, className, autoFocus, 'data-testid': dataTestId, required, tooltip, style, size, }: CheckboxGroupCheckboxProps) => import("react/jsx-runtime").JSX.Element;
 type CheckboxGroupProps = {
     legend?: string;
     legendDescription?: ReactNode;
@@ -18,6 +18,6 @@ type CheckboxGroupProps = {
 } & Required<Pick<InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'name'>> & Pick<InputHTMLAttributes<HTMLInputElement>, 'required' | 'style'>;
 export declare function CheckboxGroup({ legend, legendDescription, value, className, helper, error, direction, children, onChange, name, description, required, style }: CheckboxGroupProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace CheckboxGroup {
-    var Checkbox: ({ onFocus, onBlur, disabled, error, name, value, children, helper, className, autoFocus, 'data-testid': dataTestId, required, tooltip, style, }: CheckboxGroupCheckboxProps) => import("react/jsx-runtime").JSX.Element;
+    var Checkbox: ({ onFocus, onBlur, disabled, error, name, value, children, helper, className, autoFocus, 'data-testid': dataTestId, required, tooltip, style, size, }: CheckboxGroupCheckboxProps) => import("react/jsx-runtime").JSX.Element;
 }
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CheckboxGroup/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE3E,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAiBtC,KAAK,0BAA0B,GAAG,IAAI,CACpC,cAAc,CAAC,OAAO,QAAQ,CAAC,EAC/B,UAAU,GAAG,SAAS,CACvB,GAAG;IACF,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,eAAO,MAAM,qBAAqB,0NAkDjC,CAAA;AAED,KAAK,kBAAkB,GAAG;IACxB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,iBAAiB,CAAC,EAAE,SAAS,CAAA;IAC7B,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAA;IAC5B,QAAQ,EAAE,SAAS,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,SAAS,CAAA;CACxB,GAAG,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC,CAAC,GAC5E,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,CAAA;sCAKrC,EAC5B,MAAM,EACN,iBAAiB,EACjB,KAAK,EACL,SAAS,EACT,MAAM,EACN,KAAK,EACL,SAAoB,EACpB,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,WAAW,EACX,QAAgB,EAChB,KAAK,EACN,EAAE,kBAAkB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CheckboxGroup/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE3E,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAiBtC,KAAK,0BAA0B,GAAG,IAAI,CACpC,cAAc,CAAC,OAAO,QAAQ,CAAC,EAC/B,UAAU,GAAG,SAAS,CACvB,GAAG;IACF,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,eAAO,MAAM,qBAAqB,gOAoDjC,CAAA;AAED,KAAK,kBAAkB,GAAG;IACxB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,iBAAiB,CAAC,EAAE,SAAS,CAAA;IAC7B,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAA;IAC5B,QAAQ,EAAE,SAAS,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,SAAS,CAAA;CACxB,GAAG,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC,CAAC,GAC5E,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,CAAA;sCAKrC,EAC5B,MAAM,EACN,iBAAiB,EACjB,KAAK,EACL,SAAS,EACT,MAAM,EACN,KAAK,EACL,SAAoB,EACpB,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,WAAW,EACX,QAAgB,EAChB,KAAK,EACN,EAAE,kBAAkB"}

package/dist/components/CheckboxGroup/index.js

@@ -2,16 +2,16 @@
 import { __name } from "../../_virtual/_rolldown/runtime.js";
 import { Stack } from "../Stack/index.js";
 import { Text } from "../Text/index.js";
-import { Checkbox } from "../Checkbox/index.js";
 import { Label } from "../Label/index.js";
+import { Checkbox } from "../Checkbox/index.js";
 import { checkboxGroup, fieldset } from "./styles.css.js";
-import { cn } from "@ultraviolet/utils";
 import { createContext, useContext, useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@ultraviolet/utils";
 
 //#region src/components/CheckboxGroup/index.tsx
 const CheckboxGroupContext = createContext(void 0);
-const CheckboxGroupCheckbox = ({ onFocus, onBlur, disabled, error, name, value, children, helper, className, autoFocus, "data-testid": dataTestId, required, tooltip, style }) => {
+const CheckboxGroupCheckbox = ({ onFocus, onBlur, disabled, error, name, value, children, helper, className, autoFocus, "data-testid": dataTestId, required, tooltip, style, size }) => {
 	const context = useContext(CheckboxGroupContext);
 	if (!context) throw new Error("CheckboxGroup.Checkbox can only be used inside a CheckboxGroup");
 	const { groupName, onChange, groupValues, error: errorContext } = context;
@@ -30,6 +30,7 @@ const CheckboxGroupCheckbox = ({ onFocus, onBlur, disabled, error, name, value,
 		onChange,
 		onFocus,
 		required,
+		size,
 		style,
 		tooltip,
 		value: checkboxValue,

package/dist/components/Chip/index.js

@@ -5,9 +5,9 @@ import { Text } from "../Text/index.js";
 import { ChipContext } from "./ChipContext.js";
 import { container } from "./styles.css.js";
 import { ChipIcon } from "./ChipIcon.js";
-import { cn } from "@ultraviolet/utils";
 import { useEffect, useMemo, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
+import { cn } from "@ultraviolet/utils";
 
 //#region src/components/Chip/index.tsx
 /**

package/dist/components/DateInput/components/CalendarContent.js

@@ -10,8 +10,8 @@ import { Daily } from "./CalendarDaily.js";
 import { Monthly } from "./CalendarMonthly.js";
 import { useContext } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { ArrowLeftIcon } from "@ultraviolet/icons/ArrowLeftIcon";
 import { ArrowRightIcon } from "@ultraviolet/icons/ArrowRightIcon";
+import { ArrowLeftIcon } from "@ultraviolet/icons/ArrowLeftIcon";
 
 //#region src/components/DateInput/components/CalendarContent.tsx
 const CalendarContent = () => {

package/dist/components/DateInput/components/CalendarMonthly.js

@@ -5,9 +5,9 @@ import { Row } from "../../Row/index.js";
 import { DateInputContext } from "../Context.js";
 import { formatValue, isSameMonth } from "../helpers.js";
 import { capitalizedText, dayMonth } from "./styles.css.js";
-import { cn } from "@ultraviolet/utils";
 import { useContext, useState } from "react";
 import { jsx } from "react/jsx-runtime";
+import { cn } from "@ultraviolet/utils";
 
 //#region src/components/DateInput/components/CalendarMonthly.tsx
 const Monthly = () => {

package/dist/components/DateInput/index.js

@@ -10,9 +10,9 @@ import { CalendarContent } from "./components/CalendarContent.js";
 import { CalendarPopup } from "./components/Popup.js";
 import { getDays, getLocalizedMonths, getMonths } from "./helpersLocale.js";
 import { calendarContentWrapper, dateinputContainer } from "./styles.css.js";
-import { cn } from "@ultraviolet/utils";
 import { useEffect, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@ultraviolet/utils";
 import { CalendarRangeIcon } from "@ultraviolet/icons/CalendarRangeIcon";
 
 //#region src/components/DateInput/index.tsx

package/dist/components/Dialog/index.js

@@ -10,9 +10,9 @@ import { DialogCancelButton } from "./components/CancelButton.js";
 import { DialogStack } from "./components/Stack.js";
 import { DialogText } from "./components/Text.js";
 import { dialogTitle, dialogXsmall } from "./styles.css.js";
-import { cn } from "@ultraviolet/utils";
 import { useMemo } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@ultraviolet/utils";
 import { AlertCircleIcon } from "@ultraviolet/icons/AlertCircleIcon";
 import { CheckIcon } from "@ultraviolet/icons/CheckIcon";
 

package/dist/components/Drawer/index.js

@@ -6,9 +6,9 @@ import { Separator } from "../Separator/index.js";
 import { Modal } from "../Modal/index.js";
 import { contentToPushStyle, drawer, drawerBase, drawerChildrenWrapper, drawerContentWrapper, drawerFooter, drawerHeader, drawerPush } from "./styles.css.js";
 import { DrawerContent } from "./DrawerContent.js";
-import { cn } from "@ultraviolet/utils";
 import { useCallback, useLayoutEffect, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@ultraviolet/utils";
 
 //#region src/components/Drawer/index.tsx
 const BaseDrawer = ({ size = "medium", onClose, open = false, header, footer, disclosure, children, ariaLabel, className, "data-testid": dataTestId, hideOnClickOutside, hideOnEsc, id, isClosable, push, separator = true, noPadding = false, style }) => {