@ultraviolet/ui 3.7.0 → 3.8.0

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":"AAIA,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/Dialog/index.js

@@ -1,6 +1,7 @@
 "use client";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { AlertCircleIcon, CheckIcon } from "@ultraviolet/icons";
+import { AlertCircleIcon } from "@ultraviolet/icons/AlertCircleIcon";
+import { CheckIcon } from "@ultraviolet/icons/CheckIcon";
 import { cn } from "@ultraviolet/utils";
 import { useMemo } from "react";
 import { Bullet } from "../Bullet/index.js";

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,4CA2DjB,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,
@@ -49,7 +58,9 @@ const EmptyState = ({
               /* @__PURE__ */ jsx(
                 Text,
                 {
-                  as: "p",
+                  as: description && ["string", "number", "bigint", "boolean"].includes(
+                    typeof description
+                  ) ? "p" : "div",
                   placement: "center",
                   sentiment: "neutral",
                   variant: size === "small" ? "bodySmall" : "body",

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

@@ -25,6 +25,6 @@ export declare const emptyStateContainer: import("@vanilla-extract/recipes").Run
     };
 }>;
 export declare const paddedStack: string;
-export declare const emptyStateImage: Record<"large" | "medium" | "small", string>;
+export declare const emptyStateImage: Record<"small" | "large" | "medium", string>;
 export {};
 //# sourceMappingURL=styles.css.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ExpandableCard/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EACV,aAAa,EACb,qBAAqB,EAGrB,aAAa,EACb,SAAS,EACV,MAAM,OAAO,CAAA;AAMd,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAA;AAYvD,KAAK,kBAAkB,GAAG,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAA;AAE/D,KAAK,cAAc,GACf;IACE,SAAS,EAAE,IAAI,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IACb,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,MAAM,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IACrD;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,cAAc,CAAC,KAAK,IAAI,CAAA;CAC3D,GACD;IACE,SAAS,CAAC,EAAE,KAAK,CAAA;IACjB,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,gBAAgB,CAAC,EAAE,KAAK,CAAA;IACxB,MAAM,CAAC,EAAE,KAAK,CAAA;IACd,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,SAAS,CAAC,EAAE,KAAK,CAAA;CAClB,CAAA;AACL,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,SAAS,CAAA;IACjB,IAAI,CAAC,EAAE,kBAAkB,CAAA;IACzB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,SAAS,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,uCAAuC;IACvC,IAAI,CAAC,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,MAAM,CAAC,CAAA;IACxD,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,GAAG,cAAc,CAAA;AA4NlB,eAAO,MAAM,cAAc;;;;cAzNE,OAAO;oBAAkB,MAAM,IAAI;;;CA2N9D,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ExpandableCard/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EACV,aAAa,EACb,qBAAqB,EAGrB,aAAa,EACb,SAAS,EACV,MAAM,OAAO,CAAA;AAMd,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAA;AAYvD,KAAK,kBAAkB,GAAG,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAA;AAE/D,KAAK,cAAc,GACf;IACE,SAAS,EAAE,IAAI,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IACb,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,MAAM,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IACrD;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,cAAc,CAAC,KAAK,IAAI,CAAA;CAC3D,GACD;IACE,SAAS,CAAC,EAAE,KAAK,CAAA;IACjB,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,gBAAgB,CAAC,EAAE,KAAK,CAAA;IACxB,MAAM,CAAC,EAAE,KAAK,CAAA;IACd,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,SAAS,CAAC,EAAE,KAAK,CAAA;CAClB,CAAA;AACL,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,SAAS,CAAA;IACjB,IAAI,CAAC,EAAE,kBAAkB,CAAA;IACzB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,SAAS,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,uCAAuC;IACvC,IAAI,CAAC,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,MAAM,CAAC,CAAA;IACxD,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,GAAG,cAAc,CAAA;AAiOlB,eAAO,MAAM,cAAc;;;;cA9NE,OAAO;oBAAkB,MAAM,IAAI;;;CAgO9D,CAAA"}

package/dist/components/ExpandableCard/index.js

@@ -1,6 +1,7 @@
 "use client";
 import { jsxs, jsx } from "react/jsx-runtime";
-import { DragIcon, ArrowDownIcon } from "@ultraviolet/icons";
+import { ArrowDownIcon } from "@ultraviolet/icons/ArrowDownIcon";
+import { DragIcon } from "@ultraviolet/icons/DragIcon";
 import { useTheme } from "@ultraviolet/themes";
 import { cn } from "@ultraviolet/utils";
 import { forwardRef, useRef, useState, useCallback } from "react";
@@ -181,27 +182,35 @@ const BaseExpandableCard = forwardRef(
             },
             clicking ? "closed" : "open"
           ),
-          draggable && index === 0 ? /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: dropableArea,
-              "data-first": true,
-              onDragLeave: (event) => onDrag(event, "transparent", true),
-              onDragOver: (event) => onDrag(event, theme.colors.primary.border, true),
-              onDrop: (event) => handleDrop(event, true),
-              ref: draggableFirstRef
-            }
+          draggable && index === 0 ? (
+            // biome-ignore lint/a11y/noNoninteractiveElementInteractions: needed for drag and drop
+            // biome-ignore lint/a11y/noStaticElementInteractions: needed for drag and drop
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: dropableArea,
+                "data-first": true,
+                onDragLeave: (event) => onDrag(event, "transparent", true),
+                onDragOver: (event) => onDrag(event, theme.colors.primary.border, true),
+                onDrop: (event) => handleDrop(event, true),
+                ref: draggableFirstRef
+              }
+            )
           ) : null,
-          draggable ? /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: dropableArea,
-              "data-testid": `${value}-dropable-area`,
-              onDragLeave: (event) => onDrag(event, "transparent"),
-              onDragOver: (event) => onDrag(event, theme.colors.primary.border),
-              onDrop: handleDrop,
-              ref: draggableRef
-            }
+          draggable ? (
+            // biome-ignore lint/a11y/noNoninteractiveElementInteractions: needed for drag and drop
+            // biome-ignore lint/a11y/noStaticElementInteractions: needed for drag and drop
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: dropableArea,
+                "data-testid": `${value}-dropable-area`,
+                onDragLeave: (event) => onDrag(event, "transparent"),
+                onDragOver: (event) => onDrag(event, theme.colors.primary.border),
+                onDrop: handleDrop,
+                ref: draggableRef
+              }
+            )
           ) : null
         ]
       }

package/dist/components/FileInput/components/List.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../../src/components/FileInput/components/List.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,SAAS,EAAY,MAAM,UAAU,CAAA;AAgDnD,eAAO,MAAM,SAAS,GAAI,mCAIvB,SAAS,mDAyFX,CAAA"}
+{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../../src/components/FileInput/components/List.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,SAAS,EAAY,MAAM,UAAU,CAAA;AAwDnD,eAAO,MAAM,SAAS,GAAI,mCAIvB,SAAS,mDAyFX,CAAA"}

package/dist/components/FileInput/components/List.js

@@ -1,5 +1,9 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { CloseIcon, AudioIcon, VideoIcon, ImageIcon, DocIcon } from "@ultraviolet/icons";
+import { AudioIcon } from "@ultraviolet/icons/AudioIcon";
+import { CloseIcon } from "@ultraviolet/icons/CloseIcon";
+import { DocIcon } from "@ultraviolet/icons/DocIcon";
+import { ImageIcon } from "@ultraviolet/icons/ImageIcon";
+import { VideoIcon } from "@ultraviolet/icons/VideoIcon";
 import { useState } from "react";
 import { Button } from "../../Button/index.js";
 import { Loader } from "../../Loader/index.js";
@@ -19,7 +23,16 @@ const getIllustration = (type, file, error, loading) => {
     return /* @__PURE__ */ jsx("div", { className: fileViewerImage[error ? "error" : "default"], children: /* @__PURE__ */ jsx(VideoIcon, { sentiment: error ? "danger" : "primary", size: "medium" }) });
   }
   if (type === "image" && !error) {
-    return /* @__PURE__ */ jsx("img", { alt: "", className: fileViewerImage.default, src: file });
+    return /* @__PURE__ */ jsx(
+      "img",
+      {
+        alt: "",
+        className: fileViewerImage.default,
+        height: "auto",
+        src: file,
+        width: "auto"
+      }
+    );
   }
   if (type === "image" && error) {
     return /* @__PURE__ */ jsx("div", { className: fileViewerImage[error ? "error" : "default"], children: /* @__PURE__ */ jsx(ImageIcon, { sentiment: error ? "danger" : "primary", size: "medium" }) });

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FileInput/index.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,cAAc,EAAa,MAAM,SAAS,CAAA;AAmTxD,eAAO,MAAM,SAAS,0OAzRnB,cAAc;;;CA4Rf,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FileInput/index.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,cAAc,EAAa,MAAM,SAAS,CAAA;AAuTxD,eAAO,MAAM,SAAS,0OA7RnB,cAAc;;;CAgSf,CAAA"}

package/dist/components/FileInput/index.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { UploadIcon } from "@ultraviolet/icons";
+import { UploadIcon } from "@ultraviolet/icons/UploadIcon";
 import { useState, useId, useRef, useLayoutEffect, useEffect } from "react";
 import { Label } from "../Label/index.js";
 import { Stack } from "../Stack/index.js";

package/dist/components/GlobalAlert/GlobalAlertLink.d.ts

@@ -1,4 +1,6 @@
 import type { ComponentProps } from 'react';
 import { Link } from '../Link';
-export declare const GlobalAlertLink: ({ children, href, target, download, rel, className, onClick, "aria-label": ariaLabel, oneLine, "data-testid": dataTestId, style, }: Omit<ComponentProps<typeof Link>, "sentiment" | "prominence" | "size">) => import("react/jsx-runtime").JSX.Element;
+type GlobalAlertLinkProps = Omit<ComponentProps<typeof Link>, 'sentiment' | 'prominence' | 'size' | 'render'> & NonNullable<Pick<ComponentProps<typeof Link>, 'href'>>;
+export declare const GlobalAlertLink: ({ children, href, target, download, rel, className, onClick, "aria-label": ariaLabel, oneLine, "data-testid": dataTestId, style, }: GlobalAlertLinkProps) => import("react/jsx-runtime").JSX.Element;
+export {};
 //# sourceMappingURL=GlobalAlertLink.d.ts.map

package/dist/components/GlobalAlert/GlobalAlertLink.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GlobalAlertLink.d.ts","sourceRoot":"","sources":["../../../src/components/GlobalAlert/GlobalAlertLink.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAE9B,eAAO,MAAM,eAAe,GAAI,oIAY7B,IAAI,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EAAE,WAAW,GAAG,YAAY,GAAG,MAAM,CAAC,4CAsBxE,CAAA"}
+{"version":3,"file":"GlobalAlertLink.d.ts","sourceRoot":"","sources":["../../../src/components/GlobalAlert/GlobalAlertLink.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAE9B,KAAK,oBAAoB,GAAG,IAAI,CAC9B,cAAc,CAAC,OAAO,IAAI,CAAC,EAC3B,WAAW,GAAG,YAAY,GAAG,MAAM,GAAG,QAAQ,CAC/C,GACC,WAAW,CAAC,IAAI,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EAAE,MAAM,CAAC,CAAC,CAAA;AAExD,eAAO,MAAM,eAAe,GAAI,oIAY7B,oBAAoB,4CAsBtB,CAAA"}

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

@@ -16,7 +16,67 @@ type GlobalAlertProps = {
  */
 export declare const GlobalAlert: {
     ({ children, variant, onClose, closable, buttonText, onClickButton, className, "data-testid": dataTestId, style, }: GlobalAlertProps): import("react/jsx-runtime").JSX.Element | null;
-    Link: ({ children, href, target, download, rel, className, onClick, "aria-label": ariaLabel, oneLine, "data-testid": dataTestId, style, }: Omit<import("react").ComponentProps<typeof import("..").Link>, "sentiment" | "prominence" | "size">) => import("react/jsx-runtime").JSX.Element;
+    Link: ({ children, href, target, download, rel, className, onClick, "aria-label": ariaLabel, oneLine, "data-testid": dataTestId, style, }: Omit<({
+        children: ReactNode;
+        target?: import("react").HTMLAttributeAnchorTarget;
+        download?: string | boolean;
+        sentiment?: "primary" | "info";
+        prominence?: import("../Link").ProminenceProps;
+        size?: "small" | "large" | "xsmall";
+        iconPosition?: "left" | "right";
+        rel?: import("react").AnchorHTMLAttributes<HTMLAnchorElement>["rel"];
+        className?: string;
+        onClick?: import("react").MouseEventHandler<HTMLAnchorElement>;
+        'aria-label'?: string;
+        'aria-current'?: import("react").AnchorHTMLAttributes<HTMLAnchorElement>["aria-current"];
+        'aria-keyshortcuts'?: string;
+        oneLine?: boolean;
+        'data-testid'?: string;
+        variant?: "inline" | "standalone";
+        style?: CSSProperties;
+    } & ((Without<{
+        href?: string;
+    }, {
+        render: import("@ultraviolet/utils").RenderProp<import("react").AnchorHTMLAttributes<HTMLAnchorElement>>;
+    }> & {
+        render: import("@ultraviolet/utils").RenderProp<import("react").AnchorHTMLAttributes<HTMLAnchorElement>>;
+    }) | (Without<{
+        render: import("@ultraviolet/utils").RenderProp<import("react").AnchorHTMLAttributes<HTMLAnchorElement>>;
+    }, {
+        href?: string;
+    }> & {
+        href?: string;
+    }))) & import("react").RefAttributes<HTMLAnchorElement>, "size" | "sentiment" | "render" | "prominence"> & Pick<({
+        children: ReactNode;
+        target?: import("react").HTMLAttributeAnchorTarget;
+        download?: string | boolean;
+        sentiment?: "primary" | "info";
+        prominence?: import("../Link").ProminenceProps;
+        size?: "small" | "large" | "xsmall";
+        iconPosition?: "left" | "right";
+        rel?: import("react").AnchorHTMLAttributes<HTMLAnchorElement>["rel"];
+        className?: string;
+        onClick?: import("react").MouseEventHandler<HTMLAnchorElement>;
+        'aria-label'?: string;
+        'aria-current'?: import("react").AnchorHTMLAttributes<HTMLAnchorElement>["aria-current"];
+        'aria-keyshortcuts'?: string;
+        oneLine?: boolean;
+        'data-testid'?: string;
+        variant?: "inline" | "standalone";
+        style?: CSSProperties;
+    } & ((Without<{
+        href?: string;
+    }, {
+        render: import("@ultraviolet/utils").RenderProp<import("react").AnchorHTMLAttributes<HTMLAnchorElement>>;
+    }> & {
+        render: import("@ultraviolet/utils").RenderProp<import("react").AnchorHTMLAttributes<HTMLAnchorElement>>;
+    }) | (Without<{
+        render: import("@ultraviolet/utils").RenderProp<import("react").AnchorHTMLAttributes<HTMLAnchorElement>>;
+    }, {
+        href?: string;
+    }> & {
+        href?: string;
+    }))) & import("react").RefAttributes<HTMLAnchorElement>, "href">) => import("react/jsx-runtime").JSX.Element;
 };
 export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/GlobalAlert/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAQrD,KAAK,gBAAgB,GAAG;IACtB,QAAQ,EAAE,SAAS,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,aAAa,CAAA;IAC3C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAC1B,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,WAAW;wHAUrB,gBAAgB;;CAqDlB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/GlobalAlert/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAQrD,KAAK,gBAAgB,GAAG;IACtB,QAAQ,EAAE,SAAS,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,aAAa,CAAA;IAC3C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAC1B,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,WAAW;wHAUrB,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqDlB,CAAA"}

package/dist/components/GlobalAlert/index.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsxs, jsx } from "react/jsx-runtime";
-import { CloseIcon } from "@ultraviolet/icons";
+import { CloseIcon } from "@ultraviolet/icons/CloseIcon";
 import { cn } from "@ultraviolet/utils";
 import { useReducer } from "react";
 import { Button } from "../Button/index.js";

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

@@ -1,3 +1,4 @@
+import type { RenderProp } from '@ultraviolet/utils';
 import type { AnchorHTMLAttributes, CSSProperties, HTMLAttributeAnchorTarget, MouseEventHandler, ReactNode } from 'react';
 import type { PROMINENCES } from './constants';
 export type ProminenceProps = keyof typeof PROMINENCES;
@@ -13,7 +14,6 @@ type LinkProps = {
     iconPosition?: LinkIconPosition;
     rel?: AnchorHTMLAttributes<HTMLAnchorElement>['rel'];
     className?: string;
-    href: string;
     onClick?: MouseEventHandler<HTMLAnchorElement>;
     'aria-label'?: string;
     'aria-current'?: AnchorHTMLAttributes<HTMLAnchorElement>['aria-current'];
@@ -22,9 +22,30 @@ type LinkProps = {
     'data-testid'?: string;
     variant?: 'inline' | 'standalone';
     style?: CSSProperties;
-};
+} & XOR<[
+    {
+        href?: string;
+    },
+    {
+        /**
+         * Custom element or render function to use instead of the default anchor.
+         *
+         * Element form (props auto-merged):
+         * ```tsx
+         * <Link render={<NextLink href="/about" />}>About</Link>
+         * ```
+         *
+         * Function form (you control prop merging):
+         * ```tsx
+         * <Link render={(props) => <NextLink {...props} href="/about" />}>About</Link>
+         * ```
+         */
+        render: RenderProp<AnchorHTMLAttributes<HTMLAnchorElement>>;
+    }
+]>;
 /**
  * Link is a component used to navigate between pages or to external websites.
+ * Use `render` prop to render a custom element (e.g., Next.js Link) while preserving Link's styling.
  */
 export declare const Link: import("react").ForwardRefExoticComponent<LinkProps & import("react").RefAttributes<HTMLAnchorElement>>;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Link/index.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EACV,oBAAoB,EACpB,aAAa,EAEb,yBAAyB,EACzB,iBAAiB,EACjB,SAAS,EAEV,MAAM,OAAO,CAAA;AAId,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAS9C,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,WAAW,CAAA;AAEtD,KAAK,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAA;AAC7C,KAAK,gBAAgB,GAAG,MAAM,GAAG,OAAO,CAAA;AACxC,KAAK,SAAS,GAAG;IACf,QAAQ,EAAE,SAAS,CAAA;IACnB,MAAM,CAAC,EAAE,yBAAyB,CAAA;IAClC,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC3B,SAAS,CAAC,EAAE,SAAS,GAAG,MAAM,CAAA;IAC9B,UAAU,CAAC,EAAE,eAAe,CAAA;IAC5B,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,YAAY,CAAC,EAAE,gBAAgB,CAAA;IAC/B,GAAG,CAAC,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,KAAK,CAAC,CAAA;IACpD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,MAAM,CAAA;IAEZ,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAA;IAC9C,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,cAAc,CAAC,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,cAAc,CAAC,CAAA;IACxE,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,QAAQ,GAAG,YAAY,CAAA;IACjC,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAKD;;GAEG;AACH,eAAO,MAAM,IAAI,yGAiGhB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Link/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAEpD,OAAO,KAAK,EACV,oBAAoB,EACpB,aAAa,EAEb,yBAAyB,EACzB,iBAAiB,EACjB,SAAS,EAEV,MAAM,OAAO,CAAA;AAId,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAS9C,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,WAAW,CAAA;AAEtD,KAAK,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAA;AAC7C,KAAK,gBAAgB,GAAG,MAAM,GAAG,OAAO,CAAA;AAExC,KAAK,SAAS,GAAG;IACf,QAAQ,EAAE,SAAS,CAAA;IACnB,MAAM,CAAC,EAAE,yBAAyB,CAAA;IAClC,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC3B,SAAS,CAAC,EAAE,SAAS,GAAG,MAAM,CAAA;IAC9B,UAAU,CAAC,EAAE,eAAe,CAAA;IAC5B,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,YAAY,CAAC,EAAE,gBAAgB,CAAA;IAC/B,GAAG,CAAC,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,KAAK,CAAC,CAAA;IACpD,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAA;IAC9C,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,cAAc,CAAC,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,cAAc,CAAC,CAAA;IACxE,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,QAAQ,GAAG,YAAY,CAAA;IACjC,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,GAAG,GAAG,CACL;IACE;QACE,IAAI,CAAC,EAAE,MAAM,CAAA;KACd;IACD;QACE;;;;;;;;;;;;WAYG;QACH,MAAM,EAAE,UAAU,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,CAAA;KAC5D;CACF,CACF,CAAA;AAKD;;;GAGG;AACH,eAAO,MAAM,IAAI,yGAmHhB,CAAA"}

package/dist/components/Link/index.js

@@ -1,11 +1,13 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { ArrowLeftIcon, OpenInNewIcon, ArrowRightIcon } from "@ultraviolet/icons";
-import { cn } from "@ultraviolet/utils";
+import { ArrowLeftIcon } from "@ultraviolet/icons/ArrowLeftIcon";
+import { ArrowRightIcon } from "@ultraviolet/icons/ArrowRightIcon";
+import { OpenInNewIcon } from "@ultraviolet/icons/OpenInNewIcon";
+import { cn, renderElement } from "@ultraviolet/utils";
 import { forwardRef, useState, useRef, useMemo, useEffect } from "react";
 import recursivelyGetChildrenString from "../../helpers/recursivelyGetChildrenString.js";
 import { Tooltip } from "../Tooltip/index.js";
-import { iconLeftLink, containerIconLink, iconRightLink, link, defaultLink } from "./styles.css.js";
+import { link, defaultLink, iconLeftLink, containerIconLink, iconRightLink } from "./styles.css.js";
 const ICON_SIZE = "small";
 const BLANK_TARGET_ICON_SIZE = "small";
 const Link = forwardRef(
@@ -27,7 +29,8 @@ const Link = forwardRef(
     oneLine = false,
     "data-testid": dataTestId,
     variant = "standalone",
-    style
+    style,
+    render
   }, ref) => {
     const isBlank = target === "_blank";
     const computedRel = rel || (isBlank ? "noopener noreferrer" : void 0);
@@ -50,23 +53,34 @@ const Link = forwardRef(
         setIsTruncated(offsetWidth < scrollWidth);
       }
     }, [oneLine, ref, usedRef]);
+    const computedClassName = cn(
+      className,
+      link({
+        oneLine,
+        prominence,
+        sentiment,
+        type: variant,
+        variant: textVariant
+      }),
+      defaultLink
+    );
+    if (render) {
+      return /* @__PURE__ */ jsx(Tooltip, { text: oneLine && isTruncated ? finalStringChildren : "", children: renderElement(render, {
+        children,
+        className: computedClassName,
+        "data-testid": dataTestId,
+        "data-variant": variant,
+        ref: usedRef,
+        style
+      }) });
+    }
     return /* @__PURE__ */ jsx(Tooltip, { text: oneLine && isTruncated ? finalStringChildren : "", children: /* @__PURE__ */ jsxs(
       "a",
       {
         "aria-current": ariaCurrent,
         "aria-keyshortcuts": ariaKeyshortcuts,
         "aria-label": ariaLabel,
-        className: cn(
-          className,
-          link({
-            oneLine,
-            prominence,
-            sentiment,
-            type: variant,
-            variant: textVariant
-          }),
-          defaultLink
-        ),
+        className: computedClassName,
         "data-testid": dataTestId,
         "data-variant": variant,
         download,

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

@@ -1 +1 @@
-{"version":3,"file":"HeaderCell.d.ts","sourceRoot":"","sources":["../../../src/components/List/HeaderCell.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAiBtC,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,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,eAAO,MAAM,UAAU,GAAI,+FAUxB,eAAe,4CAuDjB,CAAA"}
+{"version":3,"file":"HeaderCell.d.ts","sourceRoot":"","sources":["../../../src/components/List/HeaderCell.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAiBtC,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,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,eAAO,MAAM,UAAU,GAAI,+FAUxB,eAAe,4CAuDjB,CAAA"}

package/dist/components/List/HeaderCell.js

@@ -1,6 +1,8 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { InformationOutlineIcon, SouthShortIcon, SortIcon as SortIcon$1 } from "@ultraviolet/icons";
+import { InformationOutlineIcon } from "@ultraviolet/icons/InformationOutlineIcon";
+import { SortIcon as SortIcon$1 } from "@ultraviolet/icons/SortIcon";
+import { SouthShortIcon } from "@ultraviolet/icons/SouthShortIcon";
 import { cn } from "@ultraviolet/utils";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { Stack } from "../Stack/index.js";

package/dist/components/List/ListContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListContext.d.ts","sourceRoot":"","sources":["../../../src/components/List/ListContext.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,cAAc,EACd,QAAQ,EACR,WAAW,IAAI,gBAAgB,EAC/B,SAAS,EACT,SAAS,EACT,cAAc,EACf,MAAM,OAAO,CAAA;AASd,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAC3C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAE1C,KAAK,QAAQ,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC,CAAA;AAEhD,MAAM,MAAM,gBAAgB,GAAG;IAE7B;;OAEG;IACH,qBAAqB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,OAAO,KAAK,MAAM,IAAI,CAAA;IACxE,cAAc,EAAE,QAAQ,CAAA;IACxB,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,YAAY,EAAE,OAAO,CAAA;IAErB;;OAEG;IACH,qBAAqB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,IAAI,CAAA;IACpD,iBAAiB,EAAE,cAAc,CAAC,OAAO,QAAQ,CAAC,CAAC,SAAS,CAAC,CAAA;IAC7D,gBAAgB,EAAE,CAAC,KAAK,EAAE,gBAAgB,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACrE,gBAAgB,EAAE,MAAM,IAAI,CAAA;IAC5B,OAAO,EAAE,WAAW,EAAE,CAAA;IACtB,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,UAAU,EAAE,OAAO,CAAA;IACnB,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,cAAc,EAAE,QAAQ,CAAA;IACxB,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,WAAW,EAAE,MAAM,IAAI,CAAA;IACvB,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,OAAO,EAAE,SAAS,CAAC,gBAAgB,CAAC,EAAE,CAAA;IACtC,UAAU,EAAE,QAAQ,CAAC,cAAc,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,CAAC,CAAC,CAAA;IACnE,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IACzD,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAA;CAChC,CAAA;AAID,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,EAAE,SAAS,CAAA;IACnB,YAAY,EAAE,OAAO,CAAA;IACrB,UAAU,EAAE,OAAO,CAAA;IACnB,YAAY,EAAE,OAAO,CAAA;IACrB,gBAAgB,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC,CAAC,CAAA;IACrD,OAAO,EAAE,WAAW,EAAE,CAAA;IACtB,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAA;CAChC,CAAA;AAkBD,eAAO,MAAM,YAAY,GAAI,2FAQ1B,iBAAiB,4CAkSnB,CAAA;AAGD,eAAO,MAAM,cAAc,wBAO1B,CAAA"}
+{"version":3,"file":"ListContext.d.ts","sourceRoot":"","sources":["../../../src/components/List/ListContext.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,cAAc,EACd,QAAQ,EACR,WAAW,IAAI,gBAAgB,EAC/B,SAAS,EACT,SAAS,EACT,cAAc,EACf,MAAM,OAAO,CAAA;AASd,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAC3C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAE1C,KAAK,QAAQ,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC,CAAA;AAEhD,MAAM,MAAM,gBAAgB,GAAG;IAE7B;;OAEG;IACH,qBAAqB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,OAAO,KAAK,MAAM,IAAI,CAAA;IACxE,cAAc,EAAE,QAAQ,CAAA;IACxB,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,YAAY,EAAE,OAAO,CAAA;IAErB;;OAEG;IACH,qBAAqB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,IAAI,CAAA;IACpD,iBAAiB,EAAE,cAAc,CAAC,OAAO,QAAQ,CAAC,CAAC,SAAS,CAAC,CAAA;IAC7D,gBAAgB,EAAE,CAAC,KAAK,EAAE,gBAAgB,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACrE,gBAAgB,EAAE,MAAM,IAAI,CAAA;IAC5B,OAAO,EAAE,WAAW,EAAE,CAAA;IACtB,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,UAAU,EAAE,OAAO,CAAA;IACnB,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,cAAc,EAAE,QAAQ,CAAA;IACxB,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,WAAW,EAAE,MAAM,IAAI,CAAA;IACvB,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,OAAO,EAAE,SAAS,CAAC,gBAAgB,CAAC,EAAE,CAAA;IACtC,UAAU,EAAE,QAAQ,CAAC,cAAc,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,CAAC,CAAC,CAAA;IACnE,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IACzD,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAA;CAChC,CAAA;AAID,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,EAAE,SAAS,CAAA;IACnB,YAAY,EAAE,OAAO,CAAA;IACrB,UAAU,EAAE,OAAO,CAAA;IACnB,YAAY,EAAE,OAAO,CAAA;IACrB,gBAAgB,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC,CAAC,CAAA;IACrD,OAAO,EAAE,WAAW,EAAE,CAAA;IACtB,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAA;CAChC,CAAA;AAkBD,eAAO,MAAM,YAAY,GAAI,2FAQ1B,iBAAiB,4CAoSnB,CAAA;AAGD,eAAO,MAAM,cAAc,wBAO1B,CAAA"}

package/dist/components/List/ListContext.js

@@ -188,7 +188,9 @@ const ListProvider = ({
       }
     });
     return () => {
-      handlers.forEach((cleanup) => cleanup());
+      for (const cleanup of handlers) {
+        cleanup();
+      }
     };
   }, [lastCheckedCheckbox, selectRows]);
   useEffect(() => {

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

@@ -1 +1 @@
-{"version":3,"file":"Row.d.ts","sourceRoot":"","sources":["../../../src/components/List/Row.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EACV,aAAa,EACb,iBAAiB,EACjB,SAAS,EAEV,MAAM,OAAO,CAAA;AAUd,OAAO,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAiBpD,KAAK,QAAQ,GAAG;IACd,QAAQ,EAAE,SAAS,CAAA;IACnB,EAAE,EAAE,MAAM,CAAA;IACV,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAA;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,OAAO,KAAK,CAAA;IACtC,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,YAAY,CAAC,EAAE,iBAAiB,CAAC,mBAAmB,CAAC,CAAA;IACrD,YAAY,CAAC,EAAE,iBAAiB,CAAC,mBAAmB,CAAC,CAAA;IACrD,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;CAC/B,CAAA;AAED,eAAO,MAAM,GAAG,0GA8Nf,CAAA"}
+{"version":3,"file":"Row.d.ts","sourceRoot":"","sources":["../../../src/components/List/Row.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EACV,aAAa,EACb,iBAAiB,EACjB,SAAS,EAEV,MAAM,OAAO,CAAA;AAWd,OAAO,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAkBpD,KAAK,QAAQ,GAAG;IACd,QAAQ,EAAE,SAAS,CAAA;IACnB,EAAE,EAAE,MAAM,CAAA;IACV,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAA;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,OAAO,KAAK,CAAA;IACtC,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,YAAY,CAAC,EAAE,iBAAiB,CAAC,mBAAmB,CAAC,CAAA;IACrD,YAAY,CAAC,EAAE,iBAAiB,CAAC,mBAAmB,CAAC,CAAA;IACrD,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;CAC/B,CAAA;AAED,eAAO,MAAM,GAAG,0GA0Of,CAAA"}

package/dist/components/List/Row.js

@@ -1,17 +1,18 @@
 "use client";
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { ArrowUpIcon, ArrowDownIcon } from "@ultraviolet/icons";
+import { jsxs, Fragment as Fragment$1, jsx } from "react/jsx-runtime";
+import { ArrowDownIcon } from "@ultraviolet/icons/ArrowDownIcon";
+import { ArrowUpIcon } from "@ultraviolet/icons/ArrowUpIcon";
 import { theme } from "@ultraviolet/themes";
 import { cn } from "@ultraviolet/utils";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
-import { forwardRef, useId, useRef, useEffect, useCallback, Children, isValidElement } from "react";
+import { forwardRef, useId, useRef, useEffect, useCallback, Children, isValidElement, Fragment } from "react";
 import { Button } from "../Button/index.js";
 import { Checkbox } from "../Checkbox/index.js";
 import { Tooltip } from "../Tooltip/index.js";
 import { Cell } from "./Cell.js";
 import { ColumnProvider } from "./ColumnProvider.js";
 import { useListContext } from "./ListContext.js";
-import { listNoPaddingCell, listCheckboxContainer, listCheckboxInRange, listRow, listExpandableWrapper, listExpandableCell } from "./styles.css.js";
+import { listNoPaddingCell, listCheckboxContainer, listCheckboxInRange, listExpandableButton, listRow, listExpandableWrapper, listExpandableCell } from "./styles.css.js";
 import { paddingExpandableCell } from "./variables.css.js";
 const Row = forwardRef(
   ({
@@ -78,11 +79,19 @@ const Row = forwardRef(
         setRefList([...refList, checkboxRef]);
       }
     }, [refList, setRefList]);
-    const validChildrenArray = Children.toArray(children).filter(
+    const childrenArrayNoFragment = Children.toArray(children).flatMap(
+      (node) => {
+        if (isValidElement(node) && node.type === Fragment) {
+          return node.props.children;
+        }
+        return node;
+      }
+    );
+    const validChildrenArray = Children.toArray(childrenArrayNoFragment).filter(
       (child) => isValidElement(child)
     );
     const totalColumns = columns.length + (selectable ? 1 : 0) + (expandButton ? 1 : 0);
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
+    return /* @__PURE__ */ jsxs(Fragment$1, { children: [
       /* @__PURE__ */ jsxs(
         "tr",
         {
@@ -135,6 +144,7 @@ const Row = forwardRef(
               Button,
               {
                 "aria-label": "expand",
+                className: listExpandableButton,
                 "data-testid": "list-expand-button",
                 disabled: disabled || !expandable,
                 onClick: () => toggleRowExpand(),

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

@@ -1 +1 @@
-{"version":3,"file":"SkeletonRows.d.ts","sourceRoot":"","sources":["../../../src/components/List/SkeletonRows.tsx"],"names":[],"mappings":"AASA,KAAK,wBAAwB,GAAG;IAC9B,UAAU,EAAE,OAAO,CAAA;IACnB,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED,eAAO,MAAM,YAAY,GAAI,6BAI1B,wBAAwB,4CAgC1B,CAAA"}
+{"version":3,"file":"SkeletonRows.d.ts","sourceRoot":"","sources":["../../../src/components/List/SkeletonRows.tsx"],"names":[],"mappings":"AASA,KAAK,wBAAwB,GAAG;IAC9B,UAAU,EAAE,OAAO,CAAA;IACnB,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED,eAAO,MAAM,YAAY,GAAI,6BAI1B,wBAAwB,4CA8B1B,CAAA"}

package/dist/components/List/SkeletonRows.js

@@ -19,7 +19,6 @@ const SkeletonRows = ({
     {
       className: cn(listRow({ sentiment: "neutral" }), listLoadingRow),
       id: `skeleton-${index}`,
-      role: "row",
       children: [
         selectable ? /* @__PURE__ */ jsx("td", {}) : null,
         colArray.map((columnIndex) => /* @__PURE__ */ jsx(

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

@@ -22,5 +22,6 @@ export declare const listCheckboxContainer: string;
 export declare const listNoPaddingCell: string;
 export declare const listLoadingRow: string;
 export declare const listSkeleton: string;
+export declare const listExpandableButton: string;
 export declare const listExpandableCell: string;
 //# sourceMappingURL=styles.css.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/List/styles.css.ts"],"names":[],"mappings":"AAiEA,eAAO,MAAM,aAAa,QAIxB,CAAA;AAEF,eAAO,MAAM,IAAI,QAMf,CAAA;AAEF,eAAO,MAAM,YAAY,4CAQvB,CAAA;AAEF,eAAO,MAAM,cAAc,QAsBzB,CAAA;AAEF,eAAO,MAAM,aAAa,QAIxB,CAAA;AAEF,eAAO,MAAM,uBAAuB,QAQlC,CAAA;AAEF,eAAO,MAAM,qBAAqB,QAShC,CAAA;AAEF,eAAO,MAAM,mBAAmB,QAAY,CAAA;AAyB5C,eAAO,MAAM,OAAO;;;;;;;;;EAmBlB,CAAA;AAEF,eAAO,MAAM,QAAQ,QAuDnB,CAAA;AAEF,eAAO,MAAM,cAAc,QAAY,CAAA;AAQvC,eAAO,MAAM,qBAAqB,QAA6B,CAAA;AAE/D,eAAO,MAAM,iBAAiB,QAQ5B,CAAA;AAEF,eAAO,MAAM,cAAc,QAEzB,CAAA;AAEF,eAAO,MAAM,YAAY,QAKvB,CAAA;AAEF,eAAO,MAAM,kBAAkB,QAgB7B,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/List/styles.css.ts"],"names":[],"mappings":"AAiEA,eAAO,MAAM,aAAa,QAIxB,CAAA;AAEF,eAAO,MAAM,IAAI,QAMf,CAAA;AAEF,eAAO,MAAM,YAAY,4CAQvB,CAAA;AAEF,eAAO,MAAM,cAAc,QAsBzB,CAAA;AAEF,eAAO,MAAM,aAAa,QAIxB,CAAA;AAEF,eAAO,MAAM,uBAAuB,QAQlC,CAAA;AAEF,eAAO,MAAM,qBAAqB,QAShC,CAAA;AAEF,eAAO,MAAM,mBAAmB,QAAY,CAAA;AAyB5C,eAAO,MAAM,OAAO;;;;;;;;;EAmBlB,CAAA;AAEF,eAAO,MAAM,QAAQ,QAuDnB,CAAA;AAEF,eAAO,MAAM,cAAc,QAAY,CAAA;AAQvC,eAAO,MAAM,qBAAqB,QAA6B,CAAA;AAE/D,eAAO,MAAM,iBAAiB,QAQ5B,CAAA;AAEF,eAAO,MAAM,cAAc,QAEzB,CAAA;AAEF,eAAO,MAAM,YAAY,QAKvB,CAAA;AAEF,eAAO,MAAM,oBAAoB,QAE/B,CAAA;AAEF,eAAO,MAAM,kBAAkB,QAgB7B,CAAA"}