@ultraviolet/ui 3.11.0 → 3.12.0

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

@@ -1,26 +1,41 @@
-/* empty css                                     */
-/* empty css                            */
-/* empty css                                      */
-/* empty css                      */
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+import { init_styles_css_ts_vanilla } from "../CheckboxGroup/styles.css.ts.vanilla.js";
+import { init_variables_css_ts_vanilla } from "../List/variables.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$1 } from "../List/styles.css.ts.vanilla.js";
+import { init_variables_css_ts_vanilla as init_variables_css_ts_vanilla$1 } from "../SelectableCard/variables.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$2 } from "../SelectableCard/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$3 } from "./styles.css.ts.vanilla.js";
 
 //#region src/components/Checkbox/styles.css.ts
-var errorText = "uv_9pjq8o0";
-var checkboxContainer = {
-	"default": "uv_9pjq8o2 uv_9pjq8o1",
-	small: "uv_9pjq8o3 uv_9pjq8o1"
-};
-var checkboxInput = {
-	"default": "uv_9pjq8o5 uv_9pjq8o4",
-	small: "uv_9pjq8o6 uv_9pjq8o4"
-};
-var icon = {
-	"default": "uv_9pjq8o8 uv_9pjq8o7",
-	small: "uv_9pjq8o9 uv_9pjq8o7"
-};
-var innerCheckbox = "uv_9pjq8oa";
-var iconPath = "uv_9pjq8ob";
-var checkMixedMark = "uv_9pjq8oc";
-var label = "uv_9pjq8od";
+var checkboxStyle;
+var init_styles_css = __esmMin(() => {
+	init_styles_css_ts_vanilla();
+	init_variables_css_ts_vanilla();
+	init_styles_css_ts_vanilla$1();
+	init_variables_css_ts_vanilla$1();
+	init_styles_css_ts_vanilla$2();
+	init_styles_css_ts_vanilla$3();
+	checkboxStyle = {
+		errorText: "uv_9pjq8o0",
+		container: {
+			"default": "uv_9pjq8o2 uv_9pjq8o1",
+			small: "uv_9pjq8o3 uv_9pjq8o1"
+		},
+		input: {
+			"default": "uv_9pjq8o5 uv_9pjq8o4",
+			small: "uv_9pjq8o6 uv_9pjq8o4"
+		},
+		icon: {
+			"default": "uv_9pjq8o8 uv_9pjq8o7",
+			small: "uv_9pjq8o9 uv_9pjq8o7"
+		},
+		innerCheckbox: "uv_9pjq8oa",
+		iconPath: "uv_9pjq8ob",
+		checkMixedMark: "uv_9pjq8oc",
+		label: "uv_9pjq8od"
+	};
+});
 
 //#endregion
-export { checkMixedMark, checkboxContainer, checkboxInput, errorText, icon, iconPath, innerCheckbox, label };
+init_styles_css();
+export { checkboxStyle, init_styles_css };

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

@@ -0,0 +1,8 @@
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+
+//#region src/components/Checkbox/styles.css.ts.vanilla.css
+var init_styles_css_ts_vanilla = __esmMin(() => {});
+
+//#endregion
+init_styles_css_ts_vanilla();
+export { init_styles_css_ts_vanilla };

package/dist/components/CheckboxGroup/index.js

@@ -1,108 +1,114 @@
 'use client';
-import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { Stack } from "../Stack/index.js";
-import { Text } from "../Text/index.js";
-import { Label } from "../Label/index.js";
-import { Checkbox } from "../Checkbox/index.js";
-import { checkboxGroup, fieldset } from "./styles.css.js";
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack } from "../Stack/index.js";
+import { Text, init_Text } from "../Text/index.js";
+import { Label, init_Label } from "../Label/index.js";
+import { Checkbox, init_Checkbox } from "../Checkbox/index.js";
+import { checkboxGroupStyle, init_styles_css } from "./styles.css.js";
 import { createContext, useContext, useMemo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "@ultraviolet/utils";
+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, size }) => {
-	const context = useContext(CheckboxGroupContext);
-	if (!context) throw new Error("CheckboxGroup.Checkbox can only be used inside a CheckboxGroup");
-	const { groupName, onChange, groupValues, error: errorContext } = context;
-	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,
-		size,
-		style,
-		tooltip,
-		value: checkboxValue,
-		children
-	});
-};
-/**
-* 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;
+var CheckboxGroupContext, CheckboxGroupCheckbox, CheckboxGroup;
+var init_CheckboxGroup = __esmMin(() => {
+	init_Checkbox();
+	init_Label();
+	init_Stack();
+	init_Text();
+	init_styles_css();
+	CheckboxGroupContext = createContext(void 0);
+	CheckboxGroupCheckbox = ({ onFocus, onBlur, disabled, error, name, value, children, helper, className, autoFocus, "data-testid": dataTestId, required, tooltip, style, size }) => {
+		const context = useContext(CheckboxGroupContext);
+		if (!context) throw new Error("CheckboxGroup.Checkbox can only be used inside a CheckboxGroup");
+		const { groupName, onChange, groupValues, error: errorContext } = context;
+		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, checkboxGroupStyle.checkboxGroup),
+			"data-testid": dataTestId,
+			disabled,
+			error: error || errorContext,
+			helper,
+			name: checkboxName,
+			onBlur,
+			onChange,
+			onFocus,
+			required,
+			size,
+			style,
+			tooltip,
+			value: checkboxValue,
+			children
+		});
+	};
+	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, checkboxGroupStyle.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;
+});
 
 //#endregion
-export { CheckboxGroup, CheckboxGroupCheckbox };
+init_CheckboxGroup();
+export { CheckboxGroup, CheckboxGroupCheckbox, init_CheckboxGroup };

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

@@ -1,3 +1,5 @@
-export declare const fieldset: string;
-export declare const checkboxGroup: string;
+export declare const checkboxGroupStyle: {
+    fieldset: string;
+    checkboxGroup: string;
+};
 //# sourceMappingURL=styles.css.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/CheckboxGroup/styles.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ,QAInB,CAAA;AAEF,eAAO,MAAM,aAAa,QAAY,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/CheckboxGroup/styles.css.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,kBAAkB;;;CAA8B,CAAA"}

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

@@ -1,8 +1,16 @@
-/* empty css                      */
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+import { init_styles_css_ts_vanilla } from "./styles.css.ts.vanilla.js";
 
 //#region src/components/CheckboxGroup/styles.css.ts
-var fieldset = "uv_19cjf6j0";
-var checkboxGroup = "uv_19cjf6j1";
+var checkboxGroupStyle;
+var init_styles_css = __esmMin(() => {
+	init_styles_css_ts_vanilla();
+	checkboxGroupStyle = {
+		fieldset: "uv_19cjf6j0",
+		checkboxGroup: "uv_19cjf6j1"
+	};
+});
 
 //#endregion
-export { checkboxGroup, fieldset };
+init_styles_css();
+export { checkboxGroupStyle, init_styles_css };

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

@@ -0,0 +1,8 @@
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+
+//#region src/components/CheckboxGroup/styles.css.ts.vanilla.css
+var init_styles_css_ts_vanilla = __esmMin(() => {});
+
+//#endregion
+init_styles_css_ts_vanilla();
+export { init_styles_css_ts_vanilla };

package/dist/components/Chip/ChipContext.js

@@ -1,8 +1,13 @@
 'use client';
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
 import { createContext } from "react";
 
 //#region src/components/Chip/ChipContext.tsx
-const ChipContext = createContext(void 0);
+var ChipContext;
+var init_ChipContext = __esmMin(() => {
+	ChipContext = createContext(void 0);
+});
 
 //#endregion
-export { ChipContext };
+init_ChipContext();
+export { ChipContext, init_ChipContext };

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

@@ -1,14 +1,12 @@
-import * as Icon from '@ultraviolet/icons';
-import type { PascalToCamelCaseWithoutSuffix } from '../../types';
-type IconType = PascalToCamelCaseWithoutSuffix<keyof typeof Icon, 'Icon'>;
+import type { ReactNode } from 'react';
 type ChipIconType = {
     /**
      * Add an icon in the chip
      */
-    name: IconType;
+    icon: ReactNode;
     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: ({ icon, 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,0GAgEpB,CAAA"}
+{"version":3,"file":"ChipIcon.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/ChipIcon.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAa,MAAM,OAAO,CAAA;AAKjD,KAAK,YAAY,GAAG;IAClB;;OAEG;IACH,IAAI,EAAE,SAAS,CAAA;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CAAA;AAED,eAAO,MAAM,QAAQ,0GA8CpB,CAAA"}

package/dist/components/Chip/ChipIcon.js

@@ -1,52 +1,46 @@
 'use client';
-import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { ChipContext } from "./ChipContext.js";
-import { buttonContainer } from "./styles.css.js";
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { ChipContext, init_ChipContext } from "./ChipContext.js";
+import { chipStyle, init_styles_css } from "./styles.css.js";
 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"
-		})
-	});
-};
+var ChipIcon;
+var init_ChipIcon = __esmMin(() => {
+	init_ChipContext();
+	init_styles_css();
+	ChipIcon = ({ icon, 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;
+		if (onClick) return /* @__PURE__ */ jsx("button", {
+			className: chipStyle.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: icon
+		});
+		return /* @__PURE__ */ jsx("div", {
+			className: chipStyle.buttonContainer,
+			"data-active": isActive,
+			"data-disabled": disabled,
+			"data-testid": dataTestId,
+			ref: iconRef,
+			children: icon
+		});
+	};
+});
 
 //#endregion
-export { ChipIcon };
+init_ChipIcon();
+export { ChipIcon, init_ChipIcon };

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

@@ -11,8 +11,8 @@ type ChipType = {
 };
 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";
+    var Icon: ({ icon, onClick, 'data-testid': dataTestId, }: {
+        icon: ReactNode;
         onClick?: (() => void) | undefined;
         'data-testid'?: string | undefined;
     }) => import("react/jsx-runtime").JSX.Element;