@ultraviolet/ui 3.9.0 → 3.10.0

package/dist/components/CheckboxGroup/index.js

@@ -1,125 +1,107 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cn } from "@ultraviolet/utils";
-import { useMemo, createContext, useContext } from "react";
-import { Checkbox } from "../Checkbox/index.js";
-import { Label } from "../Label/index.js";
+'use client';
+import { __name } from "../../_virtual/_rolldown/runtime.js";
 import { Stack } from "../Stack/index.js";
 import { Text } from "../Text/index.js";
-import { fieldset, checkboxGroup } from "./styles.css.js";
+import { Checkbox } from "../Checkbox/index.js";
+import { Label } from "../Label/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";
+
+//#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 context = useContext(CheckboxGroupContext);
-  if (!context) {
-    throw new Error(
-      "CheckboxGroup.Checkbox can only be used inside a CheckboxGroup"
-    );
-  }
-  const { groupName, onChange, groupValues, error: errorContext } = context;
-  const checkboxName = `${groupName}.${name ?? ""}`;
-  const checkboxValue = value.toString();
-  return /* @__PURE__ */ jsx(
-    Checkbox,
-    {
-      autoFocus,
-      checked: groupValues?.includes(checkboxValue),
-      className: cn(className, checkboxGroup),
-      "data-testid": dataTestId,
-      disabled,
-      error: error || errorContext,
-      helper,
-      name: checkboxName,
-      onBlur,
-      onChange,
-      onFocus,
-      required,
-      style,
-      tooltip,
-      value: checkboxValue,
-      children
-    }
-  );
+const CheckboxGroupCheckbox = ({ onFocus, onBlur, disabled, error, name, value, children, helper, className, autoFocus, "data-testid": dataTestId, required, tooltip, style }) => {
+	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;
+	const checkboxName = `${groupName}.${name !== null && name !== void 0 ? name : ""}`;
+	const checkboxValue = value.toString();
+	return /* @__PURE__ */ jsx(Checkbox, {
+		autoFocus,
+		checked: groupValues === null || groupValues === void 0 ? void 0 : groupValues.includes(checkboxValue),
+		className: cn(className, checkboxGroup),
+		"data-testid": dataTestId,
+		disabled,
+		error: error || errorContext,
+		helper,
+		name: checkboxName,
+		onBlur,
+		onChange,
+		onFocus,
+		required,
+		style,
+		tooltip,
+		value: checkboxValue,
+		children
+	});
 };
-const CheckboxGroup = ({
-  legend,
-  legendDescription,
-  value,
-  className,
-  helper,
-  error,
-  direction = "column",
-  children,
-  onChange,
-  name,
-  description,
-  required = false,
-  style
-}) => {
-  const contextValue = useMemo(
-    () => ({
-      error: !!error,
-      groupName: name,
-      groupValues: value ?? [],
-      onChange,
-      required
-    }),
-    [name, value, onChange, required, error]
-  );
-  return /* @__PURE__ */ jsx(CheckboxGroupContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs(Stack, { gap: 1, children: [
-    /* @__PURE__ */ jsx("fieldset", { className: cn(className, fieldset), style, children: /* @__PURE__ */ jsxs(Stack, { gap: 1.5, children: [
-      legend || description ? /* @__PURE__ */ jsxs(Stack, { gap: 0.5, children: [
-        legend ? /* @__PURE__ */ jsx(
-          Label,
-          {
-            as: "legend",
-            labelDescription: legendDescription,
-            required,
-            children: legend
-          }
-        ) : null,
-        description ? /* @__PURE__ */ jsx(
-          Text,
-          {
-            as: typeof description === "string" ? "p" : "div",
-            prominence: "weak",
-            sentiment: "neutral",
-            variant: "bodySmall",
-            children: description
-          }
-        ) : null
-      ] }) : null,
-      /* @__PURE__ */ jsx(Stack, { direction, gap: direction === "column" ? 1 : 2, children })
-    ] }) }),
-    helper ? /* @__PURE__ */ jsx(
-      Text,
-      {
-        as: "span",
-        prominence: "weak",
-        sentiment: "neutral",
-        variant: "caption",
-        children: helper
-      }
-    ) : null,
-    error ? /* @__PURE__ */ jsx(Text, { as: "span", sentiment: "danger", variant: "caption", children: error }) : null
-  ] }) });
+/**
+* CheckboxGroup is a component that groups a set of checkboxes together with a legend and helper/error text.
+*/
+const CheckboxGroup = ({ legend, legendDescription, value, className, helper, error, direction = "column", children, onChange, name, description, required = false, style }) => {
+	const contextValue = useMemo(() => ({
+		error: !!error,
+		groupName: name,
+		groupValues: value !== null && value !== void 0 ? value : [],
+		onChange,
+		required
+	}), [
+		name,
+		value,
+		onChange,
+		required,
+		error
+	]);
+	return /* @__PURE__ */ jsx(CheckboxGroupContext.Provider, {
+		value: contextValue,
+		children: /* @__PURE__ */ jsxs(Stack, {
+			gap: 1,
+			children: [
+				/* @__PURE__ */ jsx("fieldset", {
+					className: cn(className, fieldset),
+					style,
+					children: /* @__PURE__ */ jsxs(Stack, {
+						gap: 1.5,
+						children: [legend || description ? /* @__PURE__ */ jsxs(Stack, {
+							gap: .5,
+							children: [legend ? /* @__PURE__ */ jsx(Label, {
+								as: "legend",
+								labelDescription: legendDescription,
+								required,
+								children: legend
+							}) : null, description ? /* @__PURE__ */ jsx(Text, {
+								as: typeof description === "string" ? "p" : "div",
+								prominence: "weak",
+								sentiment: "neutral",
+								variant: "bodySmall",
+								children: description
+							}) : null]
+						}) : null, /* @__PURE__ */ jsx(Stack, {
+							direction,
+							gap: direction === "column" ? 1 : 2,
+							children
+						})]
+					})
+				}),
+				helper ? /* @__PURE__ */ jsx(Text, {
+					as: "span",
+					prominence: "weak",
+					sentiment: "neutral",
+					variant: "caption",
+					children: helper
+				}) : null,
+				error ? /* @__PURE__ */ jsx(Text, {
+					as: "span",
+					sentiment: "danger",
+					variant: "caption",
+					children: error
+				}) : null
+			]
+		})
+	});
 };
 CheckboxGroup.Checkbox = CheckboxGroupCheckbox;
-export {
-  CheckboxGroup,
-  CheckboxGroupCheckbox
-};
+
+//#endregion
+export { CheckboxGroup, CheckboxGroupCheckbox };

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

@@ -1,7 +1,8 @@
-/* empty css                          */
+/* empty css                      */
+
+//#region src/components/CheckboxGroup/styles.css.ts
 var fieldset = "uv_19cjf6j0";
 var checkboxGroup = "uv_19cjf6j1";
-export {
-  checkboxGroup,
-  fieldset
-};
+
+//#endregion
+export { checkboxGroup, fieldset };

package/dist/components/Chip/ChipContext.js

@@ -1,6 +1,8 @@
-"use client";
+'use client';
 import { createContext } from "react";
+
+//#region src/components/Chip/ChipContext.tsx
 const ChipContext = createContext(void 0);
-export {
-  ChipContext
-};
+
+//#endregion
+export { ChipContext };

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

@@ -9,6 +9,6 @@ type ChipIconType = {
     onClick?: () => void;
     'data-testid'?: string;
 };
-export declare const ChipIcon: ({ name, onClick, "data-testid": dataTestId, }: ChipIconType) => import("react/jsx-runtime").JSX.Element;
+export declare const ChipIcon: ({ name, onClick, 'data-testid': dataTestId, }: ChipIconType) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=ChipIcon.d.ts.map

package/dist/components/Chip/ChipIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChipIcon.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/ChipIcon.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,IAAI,MAAM,oBAAoB,CAAA;AAG1C,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,aAAa,CAAA;AAIjE,KAAK,QAAQ,GAAG,8BAA8B,CAAC,MAAM,OAAO,IAAI,EAAE,MAAM,CAAC,CAAA;AAEzE,KAAK,YAAY,GAAG;IAClB;;OAEG;IACH,IAAI,EAAE,QAAQ,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CAAA;AAED,eAAO,MAAM,QAAQ,GAAI,+CAItB,YAAY,4CA4Dd,CAAA"}
+{"version":3,"file":"ChipIcon.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/ChipIcon.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,IAAI,MAAM,oBAAoB,CAAA;AAG1C,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,aAAa,CAAA;AAIjE,KAAK,QAAQ,GAAG,8BAA8B,CAAC,MAAM,OAAO,IAAI,EAAE,MAAM,CAAC,CAAA;AAEzE,KAAK,YAAY,GAAG;IAClB;;OAEG;IACH,IAAI,EAAE,QAAQ,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CAAA;AAED,eAAO,MAAM,QAAQ,0GAgEpB,CAAA"}

package/dist/components/Chip/ChipIcon.js

@@ -1,72 +1,52 @@
-"use client";
-import { jsx } from "react/jsx-runtime";
-import * as Icon from "@ultraviolet/icons";
-import { useContext } from "react";
+'use client';
+import { __name } from "../../_virtual/_rolldown/runtime.js";
 import { ChipContext } from "./ChipContext.js";
 import { buttonContainer } from "./styles.css.js";
-const ChipIcon = ({
-  name,
-  onClick,
-  "data-testid": dataTestId
-}) => {
-  const context = useContext(ChipContext);
-  if (!context) {
-    throw new Error("Chip.Icon can only be used inside a Chip component");
-  }
-  const { disabled, isActive, iconRef } = context;
-  const IconUsed = (
-    // biome-ignore lint/performance/noDynamicNamespaceImportAccess: to fix
-    Icon[`${name.charAt(0).toUpperCase() + name.slice(1)}Icon`]
-  );
-  if (onClick) {
-    return /* @__PURE__ */ jsx(
-      "button",
-      {
-        className: buttonContainer,
-        "data-active": isActive,
-        "data-disabled": disabled,
-        "data-has-onclick": !!onClick && !disabled,
-        "data-testid": dataTestId,
-        onClick: (event) => {
-          if (!disabled && onClick) {
-            event.stopPropagation();
-            onClick();
-          }
-        },
-        ref: iconRef,
-        type: "button",
-        children: /* @__PURE__ */ jsx(
-          IconUsed,
-          {
-            disabled,
-            prominence: isActive ? "stronger" : "default",
-            sentiment: "neutral",
-            size: "small"
-          }
-        )
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: buttonContainer,
-      "data-active": isActive,
-      "data-disabled": disabled,
-      "data-testid": dataTestId,
-      ref: iconRef,
-      children: /* @__PURE__ */ jsx(
-        IconUsed,
-        {
-          disabled,
-          prominence: isActive ? "stronger" : "default",
-          sentiment: "neutral",
-          size: "small"
-        }
-      )
-    }
-  );
-};
-export {
-  ChipIcon
+import { useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+import * as Icon from "@ultraviolet/icons";
+
+//#region src/components/Chip/ChipIcon.tsx
+const ChipIcon = ({ name, onClick, "data-testid": dataTestId }) => {
+	const context = useContext(ChipContext);
+	if (!context) throw new Error("Chip.Icon can only be used inside a Chip component");
+	const { disabled, isActive, iconRef } = context;
+	const IconUsed = Icon[`${name.charAt(0).toUpperCase() + name.slice(1)}Icon`];
+	if (onClick) return /* @__PURE__ */ jsx("button", {
+		className: buttonContainer,
+		"data-active": isActive,
+		"data-disabled": disabled,
+		"data-has-onclick": !!onClick && !disabled,
+		"data-testid": dataTestId,
+		onClick: (event) => {
+			if (!disabled && onClick) {
+				event.stopPropagation();
+				onClick();
+			}
+		},
+		ref: iconRef,
+		type: "button",
+		children: /* @__PURE__ */ jsx(IconUsed, {
+			disabled,
+			prominence: isActive ? "stronger" : "default",
+			sentiment: "neutral",
+			size: "small"
+		})
+	});
+	return /* @__PURE__ */ jsx("div", {
+		className: buttonContainer,
+		"data-active": isActive,
+		"data-disabled": disabled,
+		"data-testid": dataTestId,
+		ref: iconRef,
+		children: /* @__PURE__ */ jsx(IconUsed, {
+			disabled,
+			prominence: isActive ? "stronger" : "default",
+			sentiment: "neutral",
+			size: "small"
+		})
+	});
 };
+
+//#endregion
+export { ChipIcon };

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAQrD,KAAK,QAAQ,GAAG;IACd,QAAQ,EAAE,SAAS,CAAA;IACnB,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAA;IACnC,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,IAAI;kGASd,QAAQ;;;;;;CAqEV,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAQrD,KAAK,QAAQ,GAAG;IACd,QAAQ,EAAE,SAAS,CAAA;IACnB,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAA;IACnC,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;6BAKoB,EACnB,QAAQ,EACR,IAAe,EACf,QAAgB,EAChB,MAAc,EACd,SAAS,EACT,aAAa,EAAE,UAAU,EACzB,OAAO,EACP,KAAK,EACN,EAAE,QAAQ"}

package/dist/components/Chip/index.js

@@ -1,86 +1,75 @@
-"use client";
-import { jsx } from "react/jsx-runtime";
-import { cn } from "@ultraviolet/utils";
-import { useState, useRef, useMemo, useEffect } from "react";
+'use client';
+import { __name } from "../../_virtual/_rolldown/runtime.js";
 import { Stack } from "../Stack/index.js";
 import { Text } from "../Text/index.js";
 import { ChipContext } from "./ChipContext.js";
-import { ChipIcon } from "./ChipIcon.js";
 import { container } from "./styles.css.js";
-const Chip = ({
-  children,
-  size = "medium",
-  disabled = false,
-  active = false,
-  className,
-  "data-testid": dataTestId,
-  onClick,
-  style
-}) => {
-  const [isActive, setIsActive] = useState(active);
-  const [hasTrailingIcon, setTrailingIcon] = useState(false);
-  const chipRef = useRef(null);
-  const iconRef = useRef(null);
-  const prominence = useMemo(() => {
-    if (isActive) {
-      return "stronger";
-    }
-    if (disabled) {
-      return "weak";
-    }
-    return "default";
-  }, [isActive, disabled]);
-  const value = useMemo(
-    () => ({ disabled, iconRef, isActive }),
-    [isActive, disabled, iconRef]
-  );
-  useEffect(() => {
-    setIsActive(active);
-  }, [active]);
-  useEffect(() => {
-    if (chipRef.current && iconRef.current) {
-      const lastChildNode = chipRef.current.lastChild;
-      if (lastChildNode === iconRef.current) {
-        setTrailingIcon(true);
-      } else {
-        setTrailingIcon(false);
-      }
-    }
-  }, [children, iconRef]);
-  return /* @__PURE__ */ jsx(ChipContext.Provider, { value, children: /* @__PURE__ */ jsx(
-    Text,
-    {
-      as: "div",
-      style,
-      variant: size === "large" ? "bodySmall" : "caption",
-      children: /* @__PURE__ */ jsx(
-        Stack,
-        {
-          alignItems: "center",
-          className: cn(className, container),
-          "data-active": isActive,
-          "data-disabled": disabled,
-          "data-prominence": prominence,
-          "data-size": size,
-          "data-testid": dataTestId,
-          "data-trailing-icon": hasTrailingIcon,
-          direction: "row",
-          gap: 1,
-          justifyContent: "center",
-          onClick: () => {
-            if (!disabled) {
-              setIsActive(!isActive);
-              onClick?.(!isActive);
-            }
-          },
-          ref: chipRef,
-          children
-        }
-      )
-    }
-  ) });
+import { ChipIcon } from "./ChipIcon.js";
+import { cn } from "@ultraviolet/utils";
+import { useEffect, useMemo, useRef, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/Chip/index.tsx
+/**
+* Chip component is used to display a clickable status or a label in a small container
+*/
+const Chip = ({ children, size = "medium", disabled = false, active = false, className, "data-testid": dataTestId, onClick, style }) => {
+	const [isActive, setIsActive] = useState(active);
+	const [hasTrailingIcon, setTrailingIcon] = useState(false);
+	const chipRef = useRef(null);
+	const iconRef = useRef(null);
+	const prominence = useMemo(() => {
+		if (isActive) return "stronger";
+		if (disabled) return "weak";
+		return "default";
+	}, [isActive, disabled]);
+	const value = useMemo(() => ({
+		disabled,
+		iconRef,
+		isActive
+	}), [
+		isActive,
+		disabled,
+		iconRef
+	]);
+	useEffect(() => {
+		setIsActive(active);
+	}, [active]);
+	useEffect(() => {
+		if (chipRef.current && iconRef.current) if (chipRef.current.lastChild === iconRef.current) setTrailingIcon(true);
+		else setTrailingIcon(false);
+	}, [children, iconRef]);
+	return /* @__PURE__ */ jsx(ChipContext.Provider, {
+		value,
+		children: /* @__PURE__ */ jsx(Text, {
+			as: "div",
+			style,
+			variant: size === "large" ? "bodySmall" : "caption",
+			children: /* @__PURE__ */ jsx(Stack, {
+				alignItems: "center",
+				className: cn(className, container),
+				"data-active": isActive,
+				"data-disabled": disabled,
+				"data-prominence": prominence,
+				"data-size": size,
+				"data-testid": dataTestId,
+				"data-trailing-icon": hasTrailingIcon,
+				direction: "row",
+				gap: 1,
+				justifyContent: "center",
+				onClick: () => {
+					if (!disabled) {
+						setIsActive(!isActive);
+						onClick === null || onClick === void 0 || onClick(!isActive);
+					}
+				},
+				ref: chipRef,
+				children
+			})
+		})
+	});
 };
 Chip.Icon = ChipIcon;
-export {
-  Chip
-};
+
+//#endregion
+export { Chip };

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

@@ -1,7 +1,8 @@
-/* empty css                          */
+/* empty css                      */
+
+//#region src/components/Chip/styles.css.ts
 var buttonContainer = "uv_1u4n71t0";
 var container = "uv_1u4n71t1";
-export {
-  buttonContainer,
-  container
-};
+
+//#endregion
+export { buttonContainer, container };

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

@@ -15,6 +15,6 @@ type CopyButtonProps = {
 /**
  * CopyButton is a button that copies a given value to the clipboard.
  */
-export declare const CopyButton: ({ size, value, copyText, copiedText, sentiment, bordered, className, children, "data-testid": dataTestId, onCopy, style, }: CopyButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CopyButton: ({ size, value, copyText, copiedText, sentiment, bordered, className, children, 'data-testid': dataTestId, onCopy, style, }: CopyButtonProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CopyButton/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAM1C,KAAK,eAAe,GAAG;IACrB,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAC9C,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,GAAI,4HAYxB,eAAe,4CAyBjB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CopyButton/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAM1C,KAAK,eAAe,GAAG;IACrB,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAC9C,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,0LAqCtB,CAAA"}