@ultraviolet/ui 3.11.0 → 3.12.0

package/dist/components/ExpandableCard/index.js

@@ -1,155 +1,163 @@
 'use client';
-import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { Stack } from "../Stack/index.js";
-import { Tooltip } from "../Tooltip/index.js";
-import { ExpandableCardTitle } from "./components/Title.js";
-import { arrowIcon, content, detailsClass, dragIconContainer, dropableArea, stackClass, summaryClass } from "./styles.css.js";
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack } from "../Stack/index.js";
+import { Tooltip, init_Tooltip } from "../Tooltip/index.js";
+import { ExpandableCardTitle, init_Title } from "./components/Title.js";
+import { expandableCardStyle, init_styles_css } from "./styles.css.js";
 import { forwardRef, useCallback, useRef, useState } from "react";
 import { useTheme } from "@ultraviolet/themes";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "@ultraviolet/utils";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { ArrowDownIcon } from "@ultraviolet/icons/ArrowDownIcon";
 import { DragIcon } from "@ultraviolet/icons/DragIcon";
 
 //#region src/components/ExpandableCard/index.tsx
-const BaseExpandableCard = forwardRef(({ header, name, size = "medium", children, disabled, expanded, onToggleExpand, className, draggable, value, draggableTooltip = "Click and drag to move", onDrop, index, onKeyDown, "data-testid": dataTestId, open, style }, ref) => {
-	const headerRef = useRef(null);
-	const containerRef = useRef(null);
-	const draggableRef = useRef(null);
-	const draggableFirstRef = useRef(null);
-	const [isHovered, setIsHovered] = useState(false);
-	const [clicking, setClicking] = useState(false);
-	const theme = useTheme();
-	const handleMouseEnter = () => {
-		setIsHovered(true);
-	};
-	const handleMouseLeave = () => {
-		setIsHovered(false);
-	};
-	const onDragStart = useCallback((event) => {
-		event.dataTransfer.setData("text/plain", JSON.stringify({ value }));
-	}, [value]);
-	const onDragEnd = useCallback(() => setClicking(false), []);
-	const onDrag = useCallback((event, borderColor, isFirst) => {
-		const refElement = isFirst ? draggableFirstRef : draggableRef;
-		event.preventDefault();
-		if (refElement.current) refElement.current.style.borderColor = borderColor;
-	}, []);
-	const handleDrop = useCallback((event, isFirst) => {
-		event.preventDefault();
-		if (draggableRef.current) draggableRef.current.style.borderColor = "transparent";
-		if (event === null || event === void 0 ? void 0 : event.dataTransfer) {
-			var _data$value;
-			const data = JSON.parse(event.dataTransfer.getData("text"));
-			onDrop === null || onDrop === void 0 || onDrop(isFirst ? "" : value, (_data$value = data.value) !== null && _data$value !== void 0 ? _data$value : "");
-		}
-	}, [onDrop, value]);
-	return /* @__PURE__ */ jsxs(Stack, {
-		className: stackClass,
-		"data-draggable": draggable,
-		"data-name": name,
-		"data-value": value,
-		direction: "row",
-		draggable,
-		gap: 2,
-		onDragEnd,
-		onDragStart,
-		onMouseEnter: handleMouseEnter,
-		onMouseLeave: handleMouseLeave,
-		ref: containerRef,
-		style,
-		width: "100%",
-		children: [
-			draggable ? /* @__PURE__ */ jsx(Stack, {
-				className: dragIconContainer,
-				"data-testid": `draggable-icon-${value}`,
-				"data-visible": isHovered,
-				justifyContent: "center",
-				onKeyDown: (event) => {
-					if (event.key === "Enter" || event.key === " ") {
-						event.preventDefault();
-						if (clicking && containerRef.current) {
-							setClicking(false);
-							setIsHovered(false);
-						} else if (containerRef.current) {
-							setClicking(true);
-							setIsHovered(true);
-						}
-					}
-					if (clicking) onKeyDown === null || onKeyDown === void 0 || onKeyDown(event);
-				},
-				onMouseDown: () => setClicking(true),
-				onMouseUp: () => setClicking(false),
-				children: /* @__PURE__ */ jsx(Tooltip, {
-					text: draggableTooltip,
-					visible: clicking ? false : void 0,
-					children: /* @__PURE__ */ jsx(DragIcon, {
-						disabled,
-						prominence: clicking ? "strong" : "weak",
-						sentiment: "neutral",
-						size: "small"
-					})
-				})
-			}) : null,
-			/* @__PURE__ */ jsxs("details", {
-				className: cn(className, detailsClass),
-				"data-clicking": clicking,
-				"data-testid": dataTestId,
-				name,
-				open: open !== null && open !== void 0 ? open : expanded,
-				ref,
-				tabIndex: disabled ? -1 : void 0,
-				children: [/* @__PURE__ */ jsxs("summary", {
-					className: summaryClass,
-					"data-disabled": !!disabled,
-					"data-testid": dataTestId ? `${dataTestId}-summary` : void 0,
-					onClick: (event) => {
-						if (disabled || onToggleExpand) {
-							onToggleExpand === null || onToggleExpand === void 0 || onToggleExpand();
+var BaseExpandableCard, ExpandableCard;
+var init_ExpandableCard = __esmMin(() => {
+	init_Stack();
+	init_Tooltip();
+	init_Title();
+	init_styles_css();
+	BaseExpandableCard = forwardRef(({ header, name, size = "medium", children, disabled, expanded, onToggleExpand, className, draggable, value, draggableTooltip = "Click and drag to move", onDrop, index, onKeyDown, "data-testid": dataTestId, open, style }, ref) => {
+		const headerRef = useRef(null);
+		const containerRef = useRef(null);
+		const draggableRef = useRef(null);
+		const draggableFirstRef = useRef(null);
+		const [isHovered, setIsHovered] = useState(false);
+		const [clicking, setClicking] = useState(false);
+		const theme = useTheme();
+		const handleMouseEnter = () => {
+			setIsHovered(true);
+		};
+		const handleMouseLeave = () => {
+			setIsHovered(false);
+		};
+		const onDragStart = useCallback((event) => {
+			event.dataTransfer.setData("text/plain", JSON.stringify({ value }));
+		}, [value]);
+		const onDragEnd = useCallback(() => setClicking(false), []);
+		const onDrag = useCallback((event, borderColor, isFirst) => {
+			const refElement = isFirst ? draggableFirstRef : draggableRef;
+			event.preventDefault();
+			if (refElement.current) refElement.current.style.borderColor = borderColor;
+		}, []);
+		const handleDrop = useCallback((event, isFirst) => {
+			event.preventDefault();
+			if (draggableRef.current) draggableRef.current.style.borderColor = "transparent";
+			if (event === null || event === void 0 ? void 0 : event.dataTransfer) {
+				var _data$value;
+				const data = JSON.parse(event.dataTransfer.getData("text"));
+				onDrop === null || onDrop === void 0 || onDrop(isFirst ? "" : value, (_data$value = data.value) !== null && _data$value !== void 0 ? _data$value : "");
+			}
+		}, [onDrop, value]);
+		return /* @__PURE__ */ jsxs(Stack, {
+			className: expandableCardStyle.stack,
+			"data-draggable": draggable,
+			"data-name": name,
+			"data-value": value,
+			direction: "row",
+			draggable,
+			gap: 2,
+			onDragEnd,
+			onDragStart,
+			onMouseEnter: handleMouseEnter,
+			onMouseLeave: handleMouseLeave,
+			ref: containerRef,
+			style,
+			width: "100%",
+			children: [
+				draggable ? /* @__PURE__ */ jsx(Stack, {
+					className: expandableCardStyle.dragIconContainer,
+					"data-testid": `draggable-icon-${value}`,
+					"data-visible": isHovered,
+					justifyContent: "center",
+					onKeyDown: (event) => {
+						if (event.key === "Enter" || event.key === " ") {
 							event.preventDefault();
+							if (clicking && containerRef.current) {
+								setClicking(false);
+								setIsHovered(false);
+							} else if (containerRef.current) {
+								setClicking(true);
+								setIsHovered(true);
+							}
 						}
+						if (clicking) onKeyDown === null || onKeyDown === void 0 || onKeyDown(event);
 					},
-					onKeyDown: onToggleExpand ? (event) => {
-						if (event.key === " " && event.target === headerRef.current) {
-							onToggleExpand();
-							event.preventDefault();
-						}
-					} : void 0,
-					ref: headerRef,
-					children: [/* @__PURE__ */ jsx(ArrowDownIcon, {
-						className: arrowIcon,
-						disabled,
-						sentiment: "neutral"
-					}), typeof header === "string" ? /* @__PURE__ */ jsx(ExpandableCardTitle, {
-						disabled,
-						size,
-						children: header
-					}) : header]
-				}), /* @__PURE__ */ jsx("div", {
-					className: content,
-					children
-				})]
-			}, 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
-			}) : 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
-			}) : null
-		]
+					onMouseDown: () => setClicking(true),
+					onMouseUp: () => setClicking(false),
+					children: /* @__PURE__ */ jsx(Tooltip, {
+						text: draggableTooltip,
+						visible: clicking ? false : void 0,
+						children: /* @__PURE__ */ jsx(DragIcon, {
+							disabled,
+							prominence: clicking ? "strong" : "weak",
+							sentiment: "neutral",
+							size: "small"
+						})
+					})
+				}) : null,
+				/* @__PURE__ */ jsxs("details", {
+					className: cn(className, expandableCardStyle.details),
+					"data-clicking": clicking,
+					"data-testid": dataTestId,
+					name,
+					open: open !== null && open !== void 0 ? open : expanded,
+					ref,
+					tabIndex: disabled ? -1 : void 0,
+					children: [/* @__PURE__ */ jsxs("summary", {
+						className: expandableCardStyle.summary,
+						"data-disabled": !!disabled,
+						"data-testid": dataTestId ? `${dataTestId}-summary` : void 0,
+						onClick: (event) => {
+							if (disabled || onToggleExpand) {
+								onToggleExpand === null || onToggleExpand === void 0 || onToggleExpand();
+								event.preventDefault();
+							}
+						},
+						onKeyDown: onToggleExpand ? (event) => {
+							if (event.key === " " && event.target === headerRef.current) {
+								onToggleExpand();
+								event.preventDefault();
+							}
+						} : void 0,
+						ref: headerRef,
+						children: [/* @__PURE__ */ jsx(ArrowDownIcon, {
+							className: expandableCardStyle.arrowIcon,
+							disabled,
+							sentiment: "neutral"
+						}), typeof header === "string" ? /* @__PURE__ */ jsx(ExpandableCardTitle, {
+							disabled,
+							size,
+							children: header
+						}) : header]
+					}), /* @__PURE__ */ jsx("div", {
+						className: expandableCardStyle.content,
+						children
+					})]
+				}, clicking ? "closed" : "open"),
+				draggable && index === 0 ? /* @__PURE__ */ jsx("div", {
+					className: expandableCardStyle.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: expandableCardStyle.dropableArea,
+					"data-testid": `${value}-dropable-area`,
+					onDragLeave: (event) => onDrag(event, "transparent"),
+					onDragOver: (event) => onDrag(event, theme.colors.primary.border),
+					onDrop: handleDrop,
+					ref: draggableRef
+				}) : null
+			]
+		});
 	});
+	ExpandableCard = Object.assign(BaseExpandableCard, { Title: ExpandableCardTitle });
 });
-const ExpandableCard = Object.assign(BaseExpandableCard, { Title: ExpandableCardTitle });
 
 //#endregion
-export { ExpandableCard };
+init_ExpandableCard();
+export { ExpandableCard, init_ExpandableCard };

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

@@ -1,8 +1,10 @@
-export declare const dropableArea: string;
-export declare const summaryClass: string;
-export declare const stackClass: string;
-export declare const detailsClass: string;
-export declare const arrowIcon: string;
-export declare const content: string;
-export declare const dragIconContainer: string;
+export declare const expandableCardStyle: {
+    dropableArea: string;
+    summary: string;
+    stack: string;
+    details: string;
+    arrowIcon: string;
+    content: string;
+    dragIconContainer: string;
+};
 //# sourceMappingURL=styles.css.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/ExpandableCard/styles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY,QA2BvB,CAAA;AAEF,eAAO,MAAM,YAAY,QAgBvB,CAAA;AAEF,eAAO,MAAM,UAAU,QAErB,CAAA;AAEF,eAAO,MAAM,YAAY,QAkBvB,CAAA;AAEF,eAAO,MAAM,SAAS,QAOpB,CAAA;AAEF,eAAO,MAAM,OAAO,QAQlB,CAAA;AAEF,eAAO,MAAM,iBAAiB,QAmB5B,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/ExpandableCard/styles.css.ts"],"names":[],"mappings":"AAiHA,eAAO,MAAM,mBAAmB;;;;;;;;CAQ/B,CAAA"}

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

@@ -1,13 +1,21 @@
-/* empty css                      */
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+import { init_styles_css_ts_vanilla } from "./styles.css.ts.vanilla.js";
 
 //#region src/components/ExpandableCard/styles.css.ts
-var dropableArea = "uv_jd0jfn0";
-var summaryClass = "uv_jd0jfn1";
-var stackClass = "uv_jd0jfn2";
-var detailsClass = "uv_jd0jfn3";
-var arrowIcon = "uv_jd0jfn4";
-var content = "uv_jd0jfn5";
-var dragIconContainer = "uv_jd0jfn6";
+var expandableCardStyle;
+var init_styles_css = __esmMin(() => {
+	init_styles_css_ts_vanilla();
+	expandableCardStyle = {
+		dropableArea: "uv_jd0jfn0",
+		summary: "uv_jd0jfn1",
+		stack: "uv_jd0jfn2",
+		details: "uv_jd0jfn3",
+		arrowIcon: "uv_jd0jfn4",
+		content: "uv_jd0jfn5",
+		dragIconContainer: "uv_jd0jfn6"
+	};
+});
 
 //#endregion
-export { arrowIcon, content, detailsClass, dragIconContainer, dropableArea, stackClass, summaryClass };
+init_styles_css();
+export { expandableCardStyle, init_styles_css };

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

@@ -0,0 +1,8 @@
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+
+//#region src/components/ExpandableCard/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/FileInput/FileInputProvider.js

@@ -1,13 +1,17 @@
-import { __name } from "../../_virtual/_rolldown/runtime.js";
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
 import { createContext, useContext } from "react";
 
 //#region src/components/FileInput/FileInputProvider.tsx
-const FileInputContext = createContext(void 0);
-const useFileInput = () => {
-	const context = useContext(FileInputContext);
-	if (!context) throw new Error("FileInputContext should be inside FileInput to work properly.");
-	return context;
-};
+var FileInputContext, useFileInput;
+var init_FileInputProvider = __esmMin(() => {
+	FileInputContext = createContext(void 0);
+	useFileInput = () => {
+		const context = useContext(FileInputContext);
+		if (!context) throw new Error("FileInputContext should be inside FileInput to work properly.");
+		return context;
+	};
+});
 
 //#endregion
-export { FileInputContext, useFileInput };
+init_FileInputProvider();
+export { FileInputContext, init_FileInputProvider, useFileInput };

package/dist/components/FileInput/components/Button.js

@@ -1,26 +1,34 @@
-import { __name } from "../../../_virtual/_rolldown/runtime.js";
-import { _objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.114.0/helpers/objectSpread2.js";
-import { _objectWithoutProperties } from "../../../_virtual/_@oxc-project_runtime@0.114.0/helpers/objectWithoutProperties.js";
-import { Button } from "../../Button/index.js";
-import { useFileInput } from "../FileInputProvider.js";
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { _objectSpread2, init_objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.115.0/helpers/objectSpread2.js";
+import { _objectWithoutProperties, init_objectWithoutProperties } from "../../../_virtual/_@oxc-project_runtime@0.115.0/helpers/objectWithoutProperties.js";
+import { Button, init_Button as init_Button$1 } from "../../Button/index.js";
+import { init_FileInputProvider, useFileInput } from "../FileInputProvider.js";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/FileInput/components/Button.tsx
-const _excluded = ["children", "disabled"];
-const FileInputButton = (_ref) => {
-	let { children, disabled } = _ref;
-	let props = _objectWithoutProperties(_ref, _excluded);
-	const context = useFileInput();
-	const isDisabled = disabled || context.disabled;
-	return /* @__PURE__ */ jsx(Button, _objectSpread2(_objectSpread2({}, props), {}, {
-		disabled: isDisabled,
-		onClick: () => {
-			var _context$inputRef$cur;
-			return (_context$inputRef$cur = context.inputRef.current) === null || _context$inputRef$cur === void 0 ? void 0 : _context$inputRef$cur.click();
-		},
-		children
-	}));
-};
+var _excluded, FileInputButton;
+var init_Button = __esmMin(() => {
+	init_Button$1();
+	init_FileInputProvider();
+	init_objectWithoutProperties();
+	init_objectSpread2();
+	_excluded = ["children", "disabled"];
+	FileInputButton = (_ref) => {
+		let { children, disabled } = _ref;
+		let props = _objectWithoutProperties(_ref, _excluded);
+		const context = useFileInput();
+		const isDisabled = disabled || context.disabled;
+		return /* @__PURE__ */ jsx(Button, _objectSpread2(_objectSpread2({}, props), {}, {
+			disabled: isDisabled,
+			onClick: () => {
+				var _context$inputRef$cur;
+				return (_context$inputRef$cur = context.inputRef.current) === null || _context$inputRef$cur === void 0 ? void 0 : _context$inputRef$cur.click();
+			},
+			children
+		}));
+	};
+});
 
 //#endregion
-export { FileInputButton };
+init_Button();
+export { FileInputButton, init_Button };

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":"AAaA,OAAO,KAAK,EAAE,SAAS,EAAY,MAAM,UAAU,CAAA;AAwDnD,eAAO,MAAM,SAAS,kGA6FrB,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;AAkEnD,eAAO,MAAM,SAAS,kGA6FrB,CAAA"}