@ultraviolet/ui 3.7.1 → 3.8.0

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

@@ -38,7 +38,7 @@ export declare const alert: import("@vanilla-extract/recipes").RuntimeFn<{
 }>;
 export declare const wrapAlert: string;
 export declare const textAlert: string;
-export declare const buttonAlert: Record<"medium" | "small", string>;
+export declare const buttonAlert: Record<"small" | "medium", string>;
 export declare const buttonCloseAlert: string;
 export type AlertVariants = NonNullable<RecipeVariants<typeof alert>>;
 export declare const smallIcon: string;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/index.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,WAAW,EAAmB,MAAM,SAAS,CAAA;AAO3D;;GAEG;AACH,eAAO,MAAM,MAAM,GAAI,mIAcpB,WAAW,4CA8Db,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/index.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,WAAW,EAAmB,MAAM,SAAS,CAAA;AAO3D;;GAEG;AACH,eAAO,MAAM,MAAM,GAAI,mIAcpB,WAAW,4CAgEb,CAAA"}

package/dist/components/Avatar/index.js

@@ -29,47 +29,51 @@ const Avatar = ({
     (bgColor) => theme.colors[bgColor]?.backgroundStrong ?? bgColor
   );
   const finalSize = sizes(theme)[size];
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn(className, containerAvatar({ sentiment, shape, size })),
-      "data-has-background": !["user", "image"].includes(variant),
-      "data-testid": dataTestId,
-      onClick,
-      onKeyDown: (event) => event.key === " " || event.key === "Enter" ? onClick?.() : null,
-      role: onClick ? "button" : void 0,
-      style: {
-        backgroundImage: image ? `url(${image})` : void 0,
-        backgroundSize: image ? "cover" : void 0,
-        ...style
-      },
-      children: [
-        upload ? /* @__PURE__ */ jsx("div", { className: uploadContainer({ shape, size }), children: /* @__PURE__ */ jsx(UploadIcon, { prominence: "stronger", sentiment: "neutral", size: "large" }) }) : null,
-        variant === "user" ? /* @__PURE__ */ jsx("div", { className: productIconContainer({ shape, size }), children: /* @__PURE__ */ jsx(UserProductIcon, { className: svgAvatar({ shape }) }) }) : null,
-        variant === "icon" ? /* @__PURE__ */ jsx("div", { className: elementContainer({ shape }), children }) : null,
-        variant === "text" ? /* @__PURE__ */ jsx("div", { className: elementContainer({ shape }), children: /* @__PURE__ */ jsx(
-          Text,
-          {
-            as: "span",
-            prominence: sentiment === "primary" ? "stronger" : "strong",
-            sentiment: "neutral",
-            variant: TEXT_VARIANT_BY_SIZE[size],
-            children: text
-          }
-        ) }) : null,
-        variant === "colors" ? /* @__PURE__ */ jsx(
-          "span",
-          {
-            className: colorsAvatar({ shape, size }),
-            style: assignInlineVars({
-              [finalSizeAvatar]: finalSize,
-              [finalColorAvatar]: finalColors[0],
-              [halvedColorAvatar]: isHalved ? finalColors[1] : finalColors[0]
-            })
-          }
-        ) : null
-      ]
-    }
+  return (
+    // biome-ignore lint/a11y/noNoninteractiveElementInteractions: event handler only when role="button"
+    // biome-ignore lint/a11y/noStaticElementInteractions:  event handler only when role="button"
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(className, containerAvatar({ sentiment, shape, size })),
+        "data-has-background": !["user", "image"].includes(variant),
+        "data-testid": dataTestId,
+        onClick,
+        onKeyDown: (event) => event.key === " " || event.key === "Enter" ? onClick?.() : null,
+        role: onClick ? "button" : void 0,
+        style: {
+          backgroundImage: image ? `url(${image})` : void 0,
+          backgroundSize: image ? "cover" : void 0,
+          ...style
+        },
+        children: [
+          upload ? /* @__PURE__ */ jsx("div", { className: uploadContainer({ shape, size }), children: /* @__PURE__ */ jsx(UploadIcon, { prominence: "stronger", sentiment: "neutral", size: "large" }) }) : null,
+          variant === "user" ? /* @__PURE__ */ jsx("div", { className: productIconContainer({ shape, size }), children: /* @__PURE__ */ jsx(UserProductIcon, { className: svgAvatar({ shape }) }) }) : null,
+          variant === "icon" ? /* @__PURE__ */ jsx("div", { className: elementContainer({ shape }), children }) : null,
+          variant === "text" ? /* @__PURE__ */ jsx("div", { className: elementContainer({ shape }), children: /* @__PURE__ */ jsx(
+            Text,
+            {
+              as: "span",
+              prominence: sentiment === "primary" ? "stronger" : "strong",
+              sentiment: "neutral",
+              variant: TEXT_VARIANT_BY_SIZE[size],
+              children: text
+            }
+          ) }) : null,
+          variant === "colors" ? /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: colorsAvatar({ shape, size }),
+              style: assignInlineVars({
+                [finalSizeAvatar]: finalSize,
+                [finalColorAvatar]: finalColors[0],
+                [halvedColorAvatar]: isHalved ? finalColors[1] : finalColors[0]
+              })
+            }
+          ) : null
+        ]
+      }
+    )
   );
 };
 export {

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

@@ -1,3 +1,4 @@
+/* empty css                             */
 /* empty css                          */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var containerAvatar = createRuntimeFn({ defaultClassName: "uv_19x8y1k0", variantClassNames: { sentiment: { neutral: "uv_19x8y1k1", primary: "uv_19x8y1k2" }, shape: { circle: "uv_19x8y1k3", square: "uv_19x8y1k4" }, size: { large: "uv_19x8y1k5", medium: "uv_19x8y1k6", small: "uv_19x8y1k7", xsmall: "uv_19x8y1k8" } }, defaultVariants: {}, compoundVariants: [[{ shape: "square", size: "large" }, "uv_19x8y1k9"], [{ shape: "square", size: "medium" }, "uv_19x8y1ka"], [{ shape: "square", size: "small" }, "uv_19x8y1kb"], [{ shape: "square", size: "xsmall" }, "uv_19x8y1kc"]] });

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

@@ -1,4 +1,3 @@
-/* empty css                             */
 var finalSizeAvatar = "var(--uv_18799yd0)";
 var finalColorAvatar = "var(--uv_18799yd1)";
 var halvedColorAvatar = "var(--uv_18799yd2)";

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Banner/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAErE,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAMlC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAGlD,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAA;IAC5B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,aAAa,CAAC,EAAE,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,SAAS,CAAC,CAAA;IACxD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,GAAG,cAAc,CAAA;AAElB;;GAEG;AACH,eAAO,MAAM,MAAM,GAAI,sKAgBpB,WAAW,mDAqHb,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Banner/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAErE,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAMlC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAGlD,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAA;IAC5B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,aAAa,CAAC,EAAE,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,SAAS,CAAC,CAAA;IACxD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,GAAG,cAAc,CAAA;AAElB;;GAEG;AACH,eAAO,MAAM,MAAM,GAAI,sKAgBpB,WAAW,mDAyHb,CAAA"}

package/dist/components/Banner/index.js

@@ -53,7 +53,7 @@ const Banner = ({
       justifyContent: "space-between",
       style,
       children: [
-        image ? /* @__PURE__ */ jsx(Stack, { className: imageStackBanner[size], justifyContent: "center", children: typeof image === "string" ? /* @__PURE__ */ jsx("img", { alt: "", src: image }) : image }) : /* @__PURE__ */ jsx(Stack, { className: imageStackBanner[size], justifyContent: "center", children: /* @__PURE__ */ jsx("img", { alt: "", src: defaultImage }) }),
+        image ? /* @__PURE__ */ jsx(Stack, { className: imageStackBanner[size], justifyContent: "center", children: typeof image === "string" ? /* @__PURE__ */ jsx("img", { alt: "", height: "auto", src: image, width: "auto" }) : image }) : /* @__PURE__ */ jsx(Stack, { className: imageStackBanner[size], justifyContent: "center", children: /* @__PURE__ */ jsx("img", { alt: "", height: "auto", src: defaultImage, width: "auto" }) }),
         /* @__PURE__ */ jsxs(
           Stack,
           {

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

@@ -13,7 +13,7 @@ export declare const banner: import("@vanilla-extract/recipes").RuntimeFn<{
         promotional: {};
     };
 }>;
-export declare const imageStackBanner: Record<"medium" | "small", string>;
+export declare const imageStackBanner: Record<"small" | "medium", string>;
 export declare const closeButtonBanner: string;
 export type BannerVariants = NonNullable<RecipeVariants<typeof banner>>;
 //# sourceMappingURL=styles.css.d.ts.map

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

@@ -2,7 +2,7 @@
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var wrapperWidth = "var(--uv_1s3oplf0)";
 var wrapperBarStack = "uv_1s3oplf1";
-var barStack = createRuntimeFn({ defaultClassName: "uv_1s3oplf2", variantClassNames: { size: { fontSize: "uv_1s3oplf3 var(--rwwhslcr)", large: "uv_1s3oplf4", medium: "uv_1s3oplf5", small: "uv_1s3oplf6", xsmall: "uv_1s3oplf7" } }, defaultVariants: { size: "medium" }, compoundVariants: [] });
+var barStack = createRuntimeFn({ defaultClassName: "uv_1s3oplf2", variantClassNames: { size: { fontSize: "uv_1s3oplf3 var(--uv_theme_rwwhslcr)", large: "uv_1s3oplf4", medium: "uv_1s3oplf5", small: "uv_1s3oplf6", xsmall: "uv_1s3oplf7" } }, defaultVariants: { size: "medium" }, compoundVariants: [] });
 var barStackText = "uv_1s3oplf8";
 var containerBarStack = "uv_1s3oplf9";
 var barStackLegendCircle = createRuntimeFn({ defaultClassName: "uv_1s3oplfb", variantClassNames: { child: { "0": "uv_1s3oplfc", "1": "uv_1s3oplfd", "2": "uv_1s3oplfe", "3": "uv_1s3oplff", "4": "uv_1s3oplfg", "5": "uv_1s3oplfh" } }, defaultVariants: { child: 0 }, compoundVariants: [] });

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

@@ -1,11 +1,9 @@
+import type { RenderProp } from '@ultraviolet/utils';
 import type { AriaRole, ButtonHTMLAttributes, CSSProperties, MouseEventHandler, ReactNode } from 'react';
-/**
- * Button component is used to trigger an action or event, such as submitting a form, opening a dialog,
- * canceling an action, or performing a delete operation.
- */
-export declare const Button: import("react").ForwardRefExoticComponent<{
-    type?: ButtonHTMLAttributes<HTMLButtonElement>["type"];
-    autoFocus?: ButtonHTMLAttributes<HTMLButtonElement>["autoFocus"];
+import type { ButtonVariants } from './styles.css';
+type CommonProps = {
+    type?: ButtonHTMLAttributes<HTMLButtonElement>['type'];
+    autoFocus?: ButtonHTMLAttributes<HTMLButtonElement>['autoFocus'];
     role?: AriaRole;
     className?: string;
     'data-testid'?: string;
@@ -22,27 +20,48 @@ export declare const Button: import("react").ForwardRefExoticComponent<{
     'aria-keyshortcuts'?: string;
     onClick?: MouseEventHandler<HTMLElement>;
     tooltip?: string;
-    tabIndex?: ButtonHTMLAttributes<HTMLButtonElement>["tabIndex"];
+    tabIndex?: ButtonHTMLAttributes<HTMLButtonElement>['tabIndex'];
     onMouseDown?: MouseEventHandler<HTMLElement>;
     onMouseUp?: MouseEventHandler<HTMLElement>;
     onMouseOut?: MouseEventHandler<HTMLElement>;
-    onBlur?: ButtonHTMLAttributes<HTMLElement>["onBlur"];
+    onBlur?: ButtonHTMLAttributes<HTMLElement>['onBlur'];
     onMouseEnter?: MouseEventHandler<HTMLElement>;
     onMouseLeave?: MouseEventHandler<HTMLElement>;
-    onPointerDown?: ButtonHTMLAttributes<HTMLButtonElement>["onPointerDown"];
-    onKeyDown?: ButtonHTMLAttributes<HTMLButtonElement>["onKeyDown"];
+    onPointerDown?: ButtonHTMLAttributes<HTMLButtonElement>['onPointerDown'];
+    onKeyDown?: ButtonHTMLAttributes<HTMLButtonElement>['onKeyDown'];
     style?: CSSProperties;
-} & {
-    disabled?: boolean | undefined;
-    fullWidth?: boolean | undefined;
-    sentiment?: "primary" | "secondary" | "neutral" | "success" | "danger" | "warning" | "info" | "white" | "black" | undefined;
-    size?: "large" | "medium" | "small" | "xsmall" | undefined;
-    variant?: "filled" | "outlined" | "ghost" | undefined;
-} & {
+} & ButtonVariants;
+type BaseButtonProps = CommonProps & {
     children: ReactNode;
     name?: string;
-    href?: string;
-    target?: string;
-    download?: string;
-} & import("react").RefAttributes<Element>>;
+} & XOR<[
+    {
+        href?: string;
+        target?: string;
+        download?: string;
+    },
+    {
+        /**
+         * Custom element or render function to use instead of the default button.
+         *
+         * Element form (props auto-merged):
+         * ```tsx
+         * <Button render={<NextLink href="/about" />}>About</Button>
+         * ```
+         *
+         * Function form (you control prop merging):
+         * ```tsx
+         * <Button render={(props) => <NextLink {...props} href="/about" />}>About</Button>
+         * ```
+         */
+        render: RenderProp;
+    }
+]>;
+/**
+ * Button component is used to trigger an action or event, such as submitting a form, opening a dialog,
+ * canceling an action, or performing a delete operation.
+ * Use `render` prop to render a custom element (e.g., Next.js Link) while preserving Button's styling.
+ */
+export declare const Button: import("react").ForwardRefExoticComponent<BaseButtonProps & import("react").RefAttributes<Element>>;
+export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EACV,QAAQ,EACR,oBAAoB,EACpB,aAAa,EACb,iBAAiB,EACjB,SAAS,EAEV,MAAM,OAAO,CAAA;AA8Cd;;;GAGG;AACH,eAAO,MAAM,MAAM;WA1CV,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,MAAM,CAAC;gBAC1C,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,WAAW,CAAC;WACzD,QAAQ;gBACH,MAAM;oBACF,MAAM;gBACV,OAAO;mBACJ,MAAM;qBACJ,OAAO;sBACN,MAAM;sBACN,OAAO;sBACP,OAAO;yBACJ,MAAM;sBACT,OAAO;qBACR,OAAO;6BACC,MAAM;0BACT,MAAM;cAClB,iBAAiB,CAAC,WAAW,CAAC;cAC9B,MAAM;eACL,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,UAAU,CAAC;kBAChD,iBAAiB,CAAC,WAAW,CAAC;gBAChC,iBAAiB,CAAC,WAAW,CAAC;iBAC7B,iBAAiB,CAAC,WAAW,CAAC;aAClC,oBAAoB,CAAC,WAAW,CAAC,CAAC,QAAQ,CAAC;mBACrC,iBAAiB,CAAC,WAAW,CAAC;mBAC9B,iBAAiB,CAAC,WAAW,CAAC;oBAC7B,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,eAAe,CAAC;gBAC5D,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,WAAW,CAAC;YACxD,aAAa;;;;;;;;cAIX,SAAS;WACZ,MAAM;WACN,MAAM;aACJ,MAAM;eACJ,MAAM;2CAyJlB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAEpD,OAAO,KAAK,EACV,QAAQ,EACR,oBAAoB,EACpB,aAAa,EACb,iBAAiB,EACjB,SAAS,EAEV,MAAM,OAAO,CAAA;AAId,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAGlD,KAAK,WAAW,GAAG;IACjB,IAAI,CAAC,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAA;IACtD,SAAS,CAAC,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,WAAW,CAAC,CAAA;IAChE,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,sBAAsB,CAAC,EAAE,MAAM,CAAA;IAC/B,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,OAAO,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAA;IACxC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,UAAU,CAAC,CAAA;IAC9D,WAAW,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAA;IAC5C,SAAS,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAA;IAC1C,UAAU,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAA;IAC3C,MAAM,CAAC,EAAE,oBAAoB,CAAC,WAAW,CAAC,CAAC,QAAQ,CAAC,CAAA;IACpD,YAAY,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAA;IAC7C,YAAY,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAA;IAC7C,aAAa,CAAC,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,eAAe,CAAC,CAAA;IACxE,SAAS,CAAC,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,WAAW,CAAC,CAAA;IAChE,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,GAAG,cAAc,CAAA;AAElB,KAAK,eAAe,GAAG,WAAW,GAAG;IACnC,QAAQ,EAAE,SAAS,CAAA;IACnB,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,GAAG,GAAG,CACH;IACE;QACE,IAAI,CAAC,EAAE,MAAM,CAAA;QACb,MAAM,CAAC,EAAE,MAAM,CAAA;QACf,QAAQ,CAAC,EAAE,MAAM,CAAA;KAClB;IACD;QACE;;;;;;;;;;;;WAYG;QACH,MAAM,EAAE,UAAU,CAAA;KACnB;CACF,CACF,CAAA;AAEH;;;;GAIG;AACH,eAAO,MAAM,MAAM,qGAiKlB,CAAA"}

package/dist/components/Button/index.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useTheme } from "@ultraviolet/themes";
-import { cn } from "@ultraviolet/utils";
+import { cn, renderElement } from "@ultraviolet/utils";
 import { forwardRef, useMemo } from "react";
 import { Loader } from "../Loader/index.js";
 import { Tooltip } from "../Tooltip/index.js";
@@ -45,7 +45,8 @@ const Button = forwardRef(
     tooltip,
     tabIndex,
     autoFocus,
-    style
+    style,
+    render
   }, ref) => {
     const computeIsDisabled = disabled || isLoading;
     const { theme } = useTheme();
@@ -62,6 +63,19 @@ const Button = forwardRef(
       isLoading ? /* @__PURE__ */ jsx(Loader, { active: true, sentiment: computedSentimentLoader, size: "small" }) : null,
       children
     ] });
+    const computedClassName = cn(
+      className,
+      button({ disabled, fullWidth, sentiment, size, variant })
+    );
+    if (render) {
+      return /* @__PURE__ */ jsx(Tooltip, { containerFullWidth: fullWidth, text: tooltip, children: renderElement(render, {
+        children,
+        className: computedClassName,
+        "data-testid": dataTestId,
+        ref,
+        style
+      }) });
+    }
     if (href && !computeIsDisabled) {
       return /* @__PURE__ */ jsx(Tooltip, { containerFullWidth: fullWidth, text: tooltip, children: /* @__PURE__ */ jsx(
         "a",
@@ -77,10 +91,7 @@ const Button = forwardRef(
           "aria-pressed": ariaPressed,
           "aria-roledescription": ariaRoledescription,
           autoFocus,
-          className: cn(
-            className,
-            button({ disabled, fullWidth, sentiment, size, variant })
-          ),
+          className: computedClassName,
           "data-testid": dataTestId,
           download,
           href,
@@ -110,10 +121,7 @@ const Button = forwardRef(
         "aria-haspopup": ariaHaspopup,
         "aria-label": ariaLabel,
         autoFocus,
-        className: cn(
-          className,
-          button({ disabled, fullWidth, sentiment, size, variant })
-        ),
+        className: computedClassName,
         "data-testid": dataTestId,
         disabled: computeIsDisabled,
         name,

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

@@ -16,7 +16,7 @@ type CheckboxProps = {
     required?: boolean;
     'data-testid'?: string;
     tooltip?: string;
-} & Pick<InputHTMLAttributes<HTMLInputElement>, 'autoFocus' | 'id' | 'name' | 'onBlur' | 'onChange' | 'onClick' | 'onFocus' | 'tabIndex' | 'value' | 'style'> & LabelProp;
+} & 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,SAAS,GACT,SAAS,GACT,UAAU,GACV,OAAO,GACP,OAAO,CACV,GACC,SAAS,CAAA;AAEX;;GAEG;AACH,eAAO,MAAM,QAAQ,4GAqJpB,CAAA"}
+{"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"}

package/dist/components/Checkbox/index.js

@@ -1,12 +1,12 @@
 "use client";
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useTheme } from "@ultraviolet/themes";
 import { cn } from "@ultraviolet/utils";
 import { forwardRef, useId } from "react";
 import { Stack } from "../Stack/index.js";
 import { Text } from "../Text/index.js";
 import { Tooltip } from "../Tooltip/index.js";
-import { checkboxInput, icon, iconPath, checkMixedMark, label, errorText, checkboxContainer, innerCheckbox } from "./styles.css.js";
+import { checkboxInput, icon, iconPath, checkMixedMark, errorText, checkboxContainer, innerCheckbox, label } from "./styles.css.js";
 const CheckboxIconContainer = ({ children }) => {
   const theme = useTheme();
   return /* @__PURE__ */ jsxs("g", { children: [
@@ -32,6 +32,7 @@ const Checkbox = forwardRef(
     onChange,
     onFocus,
     onBlur,
+    onKeyDown,
     error,
     name,
     helper,
@@ -50,6 +51,18 @@ const Checkbox = forwardRef(
   }, ref) => {
     const uniqId = useId();
     const localId = id ?? uniqId;
+    const styledChildren = typeof children === "string" ? /* @__PURE__ */ jsx(
+      Text,
+      {
+        as: "label",
+        className: label,
+        htmlFor: localId,
+        prominence: "default",
+        sentiment: "neutral",
+        variant: "body",
+        children
+      }
+    ) : /* @__PURE__ */ jsx("label", { className: label, htmlFor: localId, children });
     const isCheck = checked === true ? checked : false;
     return /* @__PURE__ */ jsx(Tooltip, { text: tooltip, children: /* @__PURE__ */ jsxs(
       "div",
@@ -77,6 +90,7 @@ const Checkbox = forwardRef(
               onBlur,
               onChange,
               onFocus,
+              onKeyDown,
               ref,
               required,
               style,
@@ -85,44 +99,36 @@ const Checkbox = forwardRef(
               value
             }
           ),
-          /* @__PURE__ */ jsx("svg", { className: icon, fill: "none", viewBox: "0 0 24 24", children: /* @__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"
-            }
-          ) }) }),
+          /* @__PURE__ */ jsxs("svg", { className: icon, 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 || required || helper || error ? /* @__PURE__ */ jsxs(Stack, { flex: 1, gap: 0.5, children: [
             children || required ? /* @__PURE__ */ jsxs(Stack, { alignItems: "center", direction: "row", flex: 1, gap: 0.5, children: [
-              children ? /* @__PURE__ */ jsx(Fragment, { children: typeof children === "string" ? /* @__PURE__ */ jsx(
-                Text,
-                {
-                  as: "label",
-                  className: label,
-                  htmlFor: localId,
-                  prominence: "default",
-                  sentiment: "neutral",
-                  variant: "body",
-                  children
-                }
-              ) : /* @__PURE__ */ jsx("label", { className: label, htmlFor: localId, children }) }) : null,
+              children ? styledChildren : null,
               required ? /* @__PURE__ */ jsx(Text, { as: "sup", sentiment: "danger", variant: "body", children: "*" }) : null
             ] }) : null,
             helper ? /* @__PURE__ */ jsx(

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

@@ -15,7 +15,7 @@ type ChipType = {
 export declare const Chip: {
     ({ children, size, disabled, active, className, "data-testid": dataTestId, onClick, style, }: ChipType): import("react/jsx-runtime").JSX.Element;
     Icon: ({ name, onClick, "data-testid": dataTestId, }: {
-        name: "search" | "anchor" | "bold" | "filter" | "sort" | "italic" | "underline" | "drag" | "address" | "audio" | "video" | "image" | "stop" | "view" | "id" | "send" | "email" | "arrowLeft" | "cancel" | "close" | "play" | "download" | "pen" | "upload" | "addressOutline" | "addressPlay" | "adjustmentsHorizontal" | "adjustmentsHorizontalOutline" | "alertCircle" | "alertCircleOutline" | "arrowDown" | "arrowLeftBottom" | "arrowLeftDouble" | "arrowRightBottom" | "arrowRightDouble" | "arrowRight" | "arrowUp" | "attach" | "autoFix" | "autoFixOutline" | "bookOpenOutline" | "bookOpenOutlineOutline" | "boxEssentials" | "boxEssentialsOutline" | "bullhorn" | "bullhornOutline" | "burger" | "calculator" | "calculatorOutline" | "calendarRange" | "calendarRangeOutline" | "chat" | "chatOutline" | "checkCircle" | "checkCircleOutline" | "check" | "clickhouse" | "lock" | "clock" | "lockOutline" | "clockOutline" | "closeCircle" | "closeCircleOutline" | "console" | "consoleOutline" | "copyContent" | "credential" | "credentialOutline" | "creditCard" | "creditCardOutline" | "database" | "databaseOutline" | "delete" | "deleteOutline" | "detach" | "doc" | "docOutline" | "docPaper" | "docPaperOutline" | "dotsHorizontal" | "dotsVertical" | "earth" | "earthOutline" | "east" | "eastShort" | "emailOutline" | "emailRemove" | "emailRemoveOutline" | "equal" | "escape" | "expand" | "expandMore" | "eye" | "eyeOff" | "eyeOffOutline" | "eyeOutline" | "filterOutline" | "folder" | "folderOutline" | "github" | "helpCircle" | "helpCircleOutline" | "home" | "homeOutline" | "idOutline" | "imageOutline" | "information" | "informationOutline" | "instagram" | "leaf" | "leafOutline" | "leftRightArrow" | "lightBulb" | "lightBulbOutline" | "linkedin" | "listBullet" | "listNumber" | "logout" | "members" | "membersOutline" | "minus" | "moon" | "moonOutline" | "mosaic" | "mosaicOutline" | "music" | "musicOutline" | "north" | "northShort" | "notification" | "notificationOutline" | "openInNew" | "organization" | "paperclip" | "partnerSpace" | "pen2" | "pen2Outline" | "pencil" | "pencilOutline" | "penOutline" | "phone" | "phoneOutline" | "pin" | "pinOutline" | "playOutline" | "plus" | "privacy" | "privacyOutline" | "profile" | "profileOutline" | "progressCheck" | "rayEndArrow" | "rayStartArrow" | "rayStartEnd" | "rayTopArrow" | "reboot" | "restore" | "revoke" | "rocket" | "rocketOutline" | "rss" | "sendOutline" | "settings" | "settingsOutline" | "shieldCheck" | "shieldCheckOutline" | "shield" | "shieldOutline" | "sidebar" | "sidebarOutline" | "slack" | "south" | "southShort" | "sparkles" | "sparklesOutline" | "star" | "starOutline" | "stopOutline" | "sun" | "sunOutline" | "support" | "supportOutline" | "switchOrga" | "thumbsDown" | "thumbsDownOutline" | "thumbsUp" | "thumbsUpOutline" | "twitter" | "unlock" | "unlockOutline" | "unpin" | "unpinOutline" | "videoOutline" | "weatherNight" | "weatherNightOutline" | "west" | "westShort" | "youtube";
+        name: "search" | "anchor" | "bold" | "sort" | "filter" | "address" | "audio" | "video" | "italic" | "underline" | "drag" | "image" | "stop" | "view" | "id" | "send" | "email" | "arrowLeft" | "cancel" | "close" | "play" | "download" | "pen" | "upload" | "addressOutline" | "addressPlay" | "adjustmentsHorizontal" | "adjustmentsHorizontalOutline" | "alertCircle" | "alertCircleOutline" | "arrowDown" | "arrowLeftBottom" | "arrowLeftDouble" | "arrowRightBottom" | "arrowRightDouble" | "arrowRight" | "arrowUp" | "attach" | "autoFix" | "autoFixOutline" | "bookOpenOutline" | "bookOpenOutlineOutline" | "boxEssentials" | "boxEssentialsOutline" | "bullhorn" | "bullhornOutline" | "burger" | "calculator" | "calculatorOutline" | "calendarRange" | "calendarRangeOutline" | "chat" | "chatOutline" | "checkCircle" | "checkCircleOutline" | "check" | "clickhouse" | "lock" | "clock" | "lockOutline" | "clockOutline" | "closeCircle" | "closeCircleOutline" | "console" | "consoleOutline" | "copyContent" | "credential" | "credentialOutline" | "creditCard" | "creditCardOutline" | "database" | "databaseOutline" | "delete" | "deleteOutline" | "detach" | "doc" | "docOutline" | "docPaper" | "docPaperOutline" | "dotsHorizontal" | "dotsVertical" | "earth" | "earthOutline" | "east" | "eastShort" | "emailOutline" | "emailRemove" | "emailRemoveOutline" | "equal" | "escape" | "expand" | "expandMore" | "eye" | "eyeOff" | "eyeOffOutline" | "eyeOutline" | "filterOutline" | "folder" | "folderOutline" | "github" | "helpCircle" | "helpCircleOutline" | "home" | "homeOutline" | "idOutline" | "imageOutline" | "information" | "informationOutline" | "instagram" | "leaf" | "leafOutline" | "leftRightArrow" | "lightBulb" | "lightBulbOutline" | "linkedin" | "listBullet" | "listNumber" | "logout" | "members" | "membersOutline" | "minus" | "moon" | "moonOutline" | "mosaic" | "mosaicOutline" | "music" | "musicOutline" | "north" | "northShort" | "notification" | "notificationOutline" | "openInNew" | "organization" | "paperclip" | "partnerSpace" | "pen2" | "pen2Outline" | "pencil" | "pencilOutline" | "penOutline" | "phone" | "phoneOutline" | "pin" | "pinOutline" | "playOutline" | "plus" | "privacy" | "privacyOutline" | "profile" | "profileOutline" | "progressCheck" | "rayEndArrow" | "rayStartArrow" | "rayStartEnd" | "rayTopArrow" | "reboot" | "restore" | "revoke" | "rocket" | "rocketOutline" | "rss" | "sendOutline" | "settings" | "settingsOutline" | "shieldCheck" | "shieldCheckOutline" | "shield" | "shieldOutline" | "sidebar" | "sidebarOutline" | "slack" | "south" | "southShort" | "sparkles" | "sparklesOutline" | "star" | "starOutline" | "stopOutline" | "sun" | "sunOutline" | "support" | "supportOutline" | "switchOrga" | "thumbsDown" | "thumbsDownOutline" | "thumbsUp" | "thumbsUpOutline" | "twitter" | "unlock" | "unlockOutline" | "unpin" | "unpinOutline" | "videoOutline" | "weatherNight" | "weatherNightOutline" | "west" | "westShort" | "youtube";
         onClick?: () => void;
         'data-testid'?: string;
     }) => import("react/jsx-runtime").JSX.Element;

package/dist/components/DateInput/helpersLocale.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"helpersLocale.d.ts","sourceRoot":"","sources":["../../../src/components/DateInput/helpersLocale.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAatC,eAAO,MAAM,kBAAkB,GAAI,QAAQ,MAAM,GAAG,MAAM,aAWzD,CAAA;AAaD,eAAO,MAAM,OAAO,GAAI,QAAQ,MAAM,GAAG,MAAM,2BAoB9C,CAAA;AAED,eAAO,MAAM,SAAS,GAAI,QAAQ,MAAM,GAAG,MAAM,2BAahD,CAAA"}
+{"version":3,"file":"helpersLocale.d.ts","sourceRoot":"","sources":["../../../src/components/DateInput/helpersLocale.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAatC,eAAO,MAAM,kBAAkB,GAAI,QAAQ,MAAM,GAAG,MAAM,aAWzD,CAAA;AAaD,eAAO,MAAM,OAAO,GAAI,QAAQ,MAAM,GAAG,MAAM,2BAwB9C,CAAA;AAED,eAAO,MAAM,SAAS,GAAI,QAAQ,MAAM,GAAG,MAAM,2BAahD,CAAA"}

package/dist/components/DateInput/helpersLocale.js

@@ -30,15 +30,18 @@ const getDays = (locale) => {
   const computedLocale = typeof locale === "string" ? locale : locale.code;
   const longDays = getLocalizedDays(computedLocale);
   const days = {};
-  longDays.forEach((longDay) => {
+  for (const longDay of longDays) {
     days[longDay] = longDay.slice(0, 2);
-  });
+  }
   const dayKeys = Object.keys(days);
-  dayKeys.push(dayKeys.shift());
+  const dayKeysShifted = dayKeys.shift();
+  if (dayKeysShifted) {
+    dayKeys.push(dayKeysShifted);
+  }
   const orderedDaysMap = {};
-  dayKeys.forEach((key) => {
+  for (const key of dayKeys) {
     orderedDaysMap[key] = days[key];
-  });
+  }
   return orderedDaysMap;
 };
 const getMonths = (locale) => {

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

@@ -1,3 +1,3 @@
-export declare const DIALOG_SENTIMENTS: ("primary" | "success" | "danger" | "warning")[];
+export declare const DIALOG_SENTIMENTS: ("danger" | "success" | "primary" | "warning")[];
 export type DialogSentiment = (typeof DIALOG_SENTIMENTS)[number];
 //# sourceMappingURL=constants.d.ts.map

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

@@ -13,7 +13,7 @@ export declare const BaseDialog: ({ ariaLabel, className, children, "data-testid
 export declare const Dialog: (({ ariaLabel, className, children, "data-testid": dataTestId, disclosure, hideOnClickOutside, hideOnEsc, id, isClosable, onBeforeClose, onClose, open, placement, sentiment, title, style, }: DialogProps) => import("react/jsx-runtime").JSX.Element) & {
     Button: ({ children, onClick, disabled, tooltip, style, }: {
         children: import("react").ReactNode;
-    } & Pick<{
+    } & Pick<({
         type?: import("react").ButtonHTMLAttributes<HTMLButtonElement>["type"];
         autoFocus?: import("react").ButtonHTMLAttributes<HTMLButtonElement>["autoFocus"];
         role?: import("react").AriaRole;
@@ -45,16 +45,31 @@ export declare const Dialog: (({ ariaLabel, className, children, "data-testid":
     } & {
         disabled?: boolean | undefined;
         fullWidth?: boolean | undefined;
-        sentiment?: "primary" | "secondary" | "neutral" | "success" | "danger" | "warning" | "info" | "white" | "black" | undefined;
-        size?: "large" | "medium" | "small" | "xsmall" | undefined;
+        sentiment?: "danger" | "info" | "neutral" | "success" | "primary" | "warning" | "black" | "white" | "secondary" | undefined;
+        size?: "small" | "large" | "medium" | "xsmall" | undefined;
         variant?: "filled" | "outlined" | "ghost" | undefined;
-    } & {
+    } & ({
         children: import("react").ReactNode;
         name?: string;
+    } & ((Without<{
+        href?: string;
+        target?: string;
+        download?: string;
+    }, {
+        render: import("@ultraviolet/utils").RenderProp;
+    }> & {
+        render: import("@ultraviolet/utils").RenderProp;
+    }) | (Without<{
+        render: import("@ultraviolet/utils").RenderProp;
+    }, {
+        href?: string;
+        target?: string;
+        download?: string;
+    }> & {
         href?: string;
         target?: string;
         download?: string;
-    } & import("react").RefAttributes<Element>, "tooltip" | "style" | "disabled" | "onClick">) => import("react/jsx-runtime").JSX.Element;
+    })))) & import("react").RefAttributes<Element>, "tooltip" | "style" | "disabled" | "onClick">) => import("react/jsx-runtime").JSX.Element;
     Buttons: ({ secondaryButton, primaryButton, }: {
         secondaryButton: import("react").ReactNode;
         primaryButton: import("react").ReactNode;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAG3C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAEhC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAOlD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAKlD,KAAK,WAAW,GAAG,IAAI,CACrB,cAAc,CAAC,OAAO,KAAK,CAAC,EAC1B,WAAW,GACX,UAAU,GACV,WAAW,GACX,aAAa,GACb,YAAY,GACZ,oBAAoB,GACpB,WAAW,GACX,IAAI,GACJ,YAAY,GACZ,eAAe,GACf,SAAS,GACT,MAAM,GACN,WAAW,GACX,OAAO,CACV,GAAG;IACF,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,eAAe,CAAA;CAC3B,CAAA;AAED,eAAO,MAAM,UAAU,GAAI,6LAiBxB,WAAW,4CA4Db,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,MAAM,iMAjEhB,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwEZ,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAG3C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAEhC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAOlD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAKlD,KAAK,WAAW,GAAG,IAAI,CACrB,cAAc,CAAC,OAAO,KAAK,CAAC,EAC1B,WAAW,GACX,UAAU,GACV,WAAW,GACX,aAAa,GACb,YAAY,GACZ,oBAAoB,GACpB,WAAW,GACX,IAAI,GACJ,YAAY,GACZ,eAAe,GACf,SAAS,GACT,MAAM,GACN,WAAW,GACX,OAAO,CACV,GAAG;IACF,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,eAAe,CAAA;CAC3B,CAAA;AAED,eAAO,MAAM,UAAU,GAAI,6LAiBxB,WAAW,4CA4Db,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,MAAM,iMAjEhB,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwEZ,CAAA"}

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

@@ -4,7 +4,7 @@ export declare const SIZES: {
     small: number;
 };
 export type SizeProp = keyof typeof SIZES;
-export declare const drawer: Record<"large" | "medium" | "small", string>;
+export declare const drawer: Record<"small" | "large" | "medium", string>;
 export declare const drawerContentWrapper: string;
 export declare const drawerChildrenWrapper: string;
 export declare const drawerContent: string;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/EmptyState/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIrD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAG9C,KAAK,eAAe,GAAG;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,EAAE,SAAS,CAAA;IACtB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,aAAa,CAAC,EAAE,SAAS,CAAA;IACzB,eAAe,CAAC,EAAE,SAAS,CAAA;IAC3B,SAAS,CAAC,EAAE;QACV,IAAI,EAAE,MAAM,CAAA;QACZ,IAAI,EAAE,MAAM,CAAA;QACZ,MAAM,CAAC,EAAE,MAAM,CAAA;KAChB,CAAA;IACD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,GAAI,kJAaxB,eAAe,4CAkEjB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/EmptyState/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIrD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAG9C,KAAK,eAAe,GAAG;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,EAAE,SAAS,CAAA;IACtB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,aAAa,CAAC,EAAE,SAAS,CAAA;IACzB,eAAe,CAAC,EAAE,SAAS,CAAA;IAC3B,SAAS,CAAC,EAAE;QACV,IAAI,EAAE,MAAM,CAAA;QACZ,IAAI,EAAE,MAAM,CAAA;QACZ,MAAM,CAAC,EAAE,MAAM,CAAA;KAChB,CAAA;IACD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,GAAI,kJAaxB,eAAe,4CAwEjB,CAAA"}

package/dist/components/EmptyState/index.js

@@ -33,7 +33,16 @@ const EmptyState = ({
         justifyContent: "center",
         children: [
           /* @__PURE__ */ jsxs(Stack, { alignItems: "center", gap: 2, justifyContent: "center", children: [
-            image && typeof image === "string" ? /* @__PURE__ */ jsx("img", { alt: "", className: emptyStateImage[size], src: image }) : image,
+            image && typeof image === "string" ? /* @__PURE__ */ jsx(
+              "img",
+              {
+                alt: "",
+                className: emptyStateImage[size],
+                height: "auto",
+                src: image,
+                width: "auto"
+              }
+            ) : image,
             /* @__PURE__ */ jsxs(Stack, { alignItems: "center", gap: 0.5, children: [
               title ? /* @__PURE__ */ jsx(
                 Text,