@ultraviolet/ui 3.8.2 → 3.10.0

package/dist/components/List/index.js

@@ -1,82 +1,68 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cn } from "@ultraviolet/utils";
-import { forwardRef, useState, Children, useEffect } from "react";
+'use client';
+import { __name } from "../../_virtual/_rolldown/runtime.js";
+import { ListProvider, useListContext } from "./ListContext.js";
+import { list, listContainer } from "./styles.css.js";
 import { Cell } from "./Cell.js";
 import { HeaderCell } from "./HeaderCell.js";
 import { HeaderRow } from "./HeaderRow.js";
-import { useListContext, ListProvider } from "./ListContext.js";
 import { Row } from "./Row.js";
 import { SelectBar } from "./SelectBar.js";
 import { SkeletonRows } from "./SkeletonRows.js";
-import { list, listContainer } from "./styles.css.js";
+import { cn } from "@ultraviolet/utils";
+import { Children, forwardRef, useEffect, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/List/index.tsx
 const TableContainer = ({ children }) => {
-  const [childrenMemory, setChildrenMemory] = useState(
-    Children.toArray(children)
-  );
-  const { setRefList } = useListContext();
-  useEffect(() => {
-    if (Children.toArray(children) !== childrenMemory) {
-      setRefList([]);
-      setChildrenMemory(Children.toArray(children));
-    }
-  }, [children, setRefList]);
-  return /* @__PURE__ */ jsx("div", { className: listContainer, children });
+	const [childrenMemory, setChildrenMemory] = useState(Children.toArray(children));
+	const { setRefList } = useListContext();
+	useEffect(() => {
+		if (Children.toArray(children) !== childrenMemory) {
+			setRefList([]);
+			setChildrenMemory(Children.toArray(children));
+		}
+	}, [children, setRefList]);
+	return /* @__PURE__ */ jsx("div", {
+		className: listContainer,
+		children
+	});
 };
-const BaseList = forwardRef(
-  ({
-    expandable = false,
-    selectable = false,
-    columns,
-    children,
-    loading,
-    autoCollapse = false,
-    onSelectedChange,
-    className,
-    style,
-    colMode = "flexible"
-  }, ref) => /* @__PURE__ */ jsx(
-    ListProvider,
-    {
-      autoCollapse,
-      colMode,
-      columns,
-      expandButton: expandable,
-      onSelectedChange,
-      selectable,
-      children: /* @__PURE__ */ jsx(TableContainer, { children: /* @__PURE__ */ jsxs("table", { className: cn(className, list), ref, style, children: [
-        /* @__PURE__ */ jsx(HeaderRow, { hasSelectAllColumn: selectable, children: columns.map((column, index) => /* @__PURE__ */ jsx(
-          HeaderCell,
-          {
-            info: column.info,
-            isOrdered: column.isOrdered,
-            maxWidth: column.maxWidth,
-            minWidth: column.minWidth,
-            onOrder: column.onOrder,
-            orderDirection: column.orderDirection,
-            width: column.width,
-            children: column.label
-          },
-          `header-column-${index}`
-        )) }),
-        /* @__PURE__ */ jsx("tbody", { children: loading ? /* @__PURE__ */ jsx(
-          SkeletonRows,
-          {
-            cols: columns.length,
-            rows: 5,
-            selectable
-          }
-        ) : children })
-      ] }) })
-    }
-  )
-);
+const BaseList = forwardRef(({ expandable = false, selectable = false, columns, children, loading, autoCollapse = false, onSelectedChange, className, style, colMode = "flexible" }, ref) => /* @__PURE__ */ jsx(ListProvider, {
+	autoCollapse,
+	colMode,
+	columns,
+	expandButton: expandable,
+	onSelectedChange,
+	selectable,
+	children: /* @__PURE__ */ jsx(TableContainer, { children: /* @__PURE__ */ jsxs("table", {
+		className: cn(className, list),
+		ref,
+		style,
+		children: [/* @__PURE__ */ jsx(HeaderRow, {
+			hasSelectAllColumn: selectable,
+			children: columns.map((column, index) => /* @__PURE__ */ jsx(HeaderCell, {
+				info: column.info,
+				isOrdered: column.isOrdered,
+				maxWidth: column.maxWidth,
+				minWidth: column.minWidth,
+				onOrder: column.onOrder,
+				orderDirection: column.orderDirection,
+				width: column.width,
+				children: column.label
+			}, `header-column-${index}`))
+		}), /* @__PURE__ */ jsx("tbody", { children: loading ? /* @__PURE__ */ jsx(SkeletonRows, {
+			cols: columns.length,
+			rows: 5,
+			selectable
+		}) : children })]
+	}) })
+}));
 const List = Object.assign(BaseList, {
-  Cell,
-  Row,
-  SelectBar,
-  useListContext
+	Cell,
+	Row,
+	SelectBar,
+	useListContext
 });
-export {
-  List
-};
+
+//#endregion
+export { List };

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

@@ -1,14 +1,39 @@
-/* empty css                          */
+/* empty css                         */
+/* empty css                      */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
+
+//#region src/components/List/styles.css.ts
 var listContainer = "uv_inoh541";
 var list = "uv_inoh542";
-var listSortIcon = { ascending: "uv_inoh543", descending: "uv_inoh544" };
+var listSortIcon = {
+	ascending: "uv_inoh543",
+	descending: "uv_inoh544"
+};
 var listHeaderCell = "uv_inoh545";
 var listHeaderRow = "uv_inoh546";
 var listNoPaddingHeaderCell = "uv_inoh547";
 var listExpandableWrapper = "uv_inoh548";
 var listCheckboxInRange = "uv_inoh549";
-var listRow = createRuntimeFn({ defaultClassName: "uv_inoh54b uv_inoh54a", variantClassNames: { highlightAnimation: { true: "uv_inoh54c" }, sentiment: { primary: "uv_inoh54d", secondary: "uv_inoh54e", neutral: "uv_inoh54f", success: "uv_inoh54g", danger: "uv_inoh54h", warning: "uv_inoh54i", info: "uv_inoh54j" } }, defaultVariants: { highlightAnimation: false, sentiment: "neutral" }, compoundVariants: [] });
+var listRow = createRuntimeFn({
+	defaultClassName: "uv_inoh54b uv_inoh54a",
+	variantClassNames: {
+		highlightAnimation: { true: "uv_inoh54c" },
+		sentiment: {
+			primary: "uv_inoh54d",
+			secondary: "uv_inoh54e",
+			neutral: "uv_inoh54f",
+			success: "uv_inoh54g",
+			danger: "uv_inoh54h",
+			warning: "uv_inoh54i",
+			info: "uv_inoh54j"
+		}
+	},
+	defaultVariants: {
+		highlightAnimation: false,
+		sentiment: "neutral"
+	},
+	compoundVariants: []
+});
 var listCell = "uv_inoh54k";
 var listCellStrict = "uv_inoh54l";
 var listCheckboxContainer = "uv_inoh54m";
@@ -17,22 +42,6 @@ var listLoadingRow = "uv_inoh54o";
 var listSkeleton = "uv_inoh54p";
 var listExpandableButton = "uv_inoh54q";
 var listExpandableCell = "uv_inoh54r";
-export {
-  list,
-  listCell,
-  listCellStrict,
-  listCheckboxContainer,
-  listCheckboxInRange,
-  listContainer,
-  listExpandableButton,
-  listExpandableCell,
-  listExpandableWrapper,
-  listHeaderCell,
-  listHeaderRow,
-  listLoadingRow,
-  listNoPaddingCell,
-  listNoPaddingHeaderCell,
-  listRow,
-  listSkeleton,
-  listSortIcon
-};
+
+//#endregion
+export { list, listCell, listCellStrict, listCheckboxContainer, listCheckboxInRange, listContainer, listExpandableButton, listExpandableCell, listExpandableWrapper, listHeaderCell, listHeaderRow, listLoadingRow, listNoPaddingCell, listNoPaddingHeaderCell, listRow, listSkeleton, listSortIcon };

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

@@ -1,3 +1,4 @@
+//#region src/components/List/variables.css.ts
 var widthHeaderCell = "var(--uv_1431nf60)";
 var maxWidthHeaderCell = "var(--uv_1431nf61)";
 var minWidthHeaderCell = "var(--uv_1431nf62)";
@@ -9,16 +10,6 @@ var widthChildrenCell = "var(--uv_1431nf67)";
 var maxWidthChildrenCell = "var(--uv_1431nf68)";
 var minWidthChildrenCell = "var(--uv_1431nf69)";
 var listCellPadding = "var(--uv_theme_rwwhsl9v)";
-export {
-  listCellPadding,
-  maxWidthCell,
-  maxWidthChildrenCell,
-  maxWidthHeaderCell,
-  minWidthCell,
-  minWidthChildrenCell,
-  minWidthHeaderCell,
-  paddingExpandableCell,
-  widthCell,
-  widthChildrenCell,
-  widthHeaderCell
-};
+
+//#endregion
+export { listCellPadding, maxWidthCell, maxWidthChildrenCell, maxWidthHeaderCell, minWidthCell, minWidthChildrenCell, minWidthHeaderCell, paddingExpandableCell, widthCell, widthChildrenCell, widthHeaderCell };

package/dist/components/Loader/constants.js

@@ -1,11 +1,12 @@
+//#region src/components/Loader/constants.ts
 const SIZES = {
-  large: "300",
-  medium: "250",
-  small: "200",
-  xlarge: "400",
-  xsmall: "150",
-  xxlarge: "700"
-};
-export {
-  SIZES
+	large: "300",
+	medium: "250",
+	small: "200",
+	xlarge: "400",
+	xsmall: "150",
+	xxlarge: "700"
 };
+
+//#endregion
+export { SIZES };

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Loader/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAQnC,KAAK,WAAW,GAAG;IACjB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,SAAS,CAAC,EAAE,aAAa,CAAA;IACzB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,IAAI,CAAC,EAAE,MAAM,OAAO,KAAK,CAAA;IACzB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,MAAM,GAAI,wDAOpB,WAAW,4CAiDb,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Loader/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAQnC,KAAK,WAAW,GAAG;IACjB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,SAAS,CAAC,EAAE,aAAa,CAAA;IACzB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,IAAI,CAAC,EAAE,MAAM,OAAO,KAAK,CAAA;IACzB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,MAAM,kHAwDlB,CAAA"}

package/dist/components/Loader/index.js

@@ -1,71 +1,59 @@
-"use client";
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useTheme } from "@ultraviolet/themes";
+'use client';
+import { __name } from "../../_virtual/_rolldown/runtime.js";
+import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.113.0/helpers/objectSpread2.js";
 import { SIZES } from "./constants.js";
-import { loader, circle, loaderCircleAnimation } from "./styles.css.js";
+import { circle, loader, loaderCircleAnimation } from "./styles.css.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTheme } from "@ultraviolet/themes";
+
+//#region src/components/Loader/index.tsx
 const VIEWBOX_WIDTH = 100;
 const VIEWBOX_HEIGHT = 100;
 const HALF_VIEWBOX_WIDTH = VIEWBOX_WIDTH / 2;
 const HALF_VIEWBOX_HEIGHT = VIEWBOX_HEIGHT / 2;
-const Loader = ({
-  percentage = 20,
-  size = "xlarge",
-  sentiment = "primary",
-  active = false,
-  label = "Loading",
-  style
-}) => {
-  const theme = useTheme();
-  const circleRadius = HALF_VIEWBOX_HEIGHT - 8;
-  const boundedPercentage = Math.min(Math.max(percentage, 0), 100) / 100;
-  const circleDiameter = Math.PI * 2 * circleRadius;
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      "aria-label": label,
-      "aria-valuemax": 100,
-      "aria-valuemin": 0,
-      "aria-valuenow": percentage,
-      "aria-valuetext": `${percentage}%`,
-      className: active ? loader : void 0,
-      role: "progressbar",
-      style: {
-        height: theme.sizing[SIZES[size]],
-        width: theme.sizing[SIZES[size]],
-        ...style
-      },
-      viewBox: `0 0 ${VIEWBOX_WIDTH} ${VIEWBOX_HEIGHT}`,
-      children: [
-        /* @__PURE__ */ jsx(
-          "circle",
-          {
-            className: circle,
-            cx: HALF_VIEWBOX_WIDTH,
-            cy: HALF_VIEWBOX_HEIGHT,
-            fill: "none",
-            r: circleRadius,
-            strokeWidth: 16
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "circle",
-          {
-            className: loaderCircleAnimation,
-            cx: HALF_VIEWBOX_WIDTH,
-            cy: HALF_VIEWBOX_HEIGHT,
-            fill: "none",
-            r: circleRadius,
-            stroke: sentiment === "black" || sentiment === "white" ? theme.colors.other.monochrome[sentiment].background : theme.colors[sentiment]?.backgroundStrong,
-            strokeDasharray: circleDiameter,
-            strokeDashoffset: (1 - boundedPercentage) * circleDiameter,
-            strokeLinecap: "round",
-            strokeWidth: 16
-          }
-        )
-      ]
-    }
-  );
-};
-export {
-  Loader
+/**
+* Loader is a circular progress indicator that can be used to indicate that an action is being performed.
+*/
+const Loader = ({ percentage = 20, size = "xlarge", sentiment = "primary", active = false, label = "Loading", style }) => {
+	var _theme$colors$sentime;
+	const theme = useTheme();
+	const circleRadius = HALF_VIEWBOX_HEIGHT - 8;
+	const boundedPercentage = Math.min(Math.max(percentage, 0), 100) / 100;
+	const circleDiameter = Math.PI * 2 * circleRadius;
+	return /* @__PURE__ */ jsxs("svg", {
+		"aria-label": label,
+		"aria-valuemax": 100,
+		"aria-valuemin": 0,
+		"aria-valuenow": percentage,
+		"aria-valuetext": `${percentage}%`,
+		className: active ? loader : void 0,
+		role: "progressbar",
+		style: _objectSpread2({
+			height: theme.sizing[SIZES[size]],
+			width: theme.sizing[SIZES[size]]
+		}, style),
+		viewBox: `0 0 ${VIEWBOX_WIDTH} ${VIEWBOX_HEIGHT}`,
+		children: [/* @__PURE__ */ jsx("circle", {
+			className: circle,
+			cx: HALF_VIEWBOX_WIDTH,
+			cy: HALF_VIEWBOX_HEIGHT,
+			fill: "none",
+			r: circleRadius,
+			strokeWidth: 16
+		}), /* @__PURE__ */ jsx("circle", {
+			className: loaderCircleAnimation,
+			cx: HALF_VIEWBOX_WIDTH,
+			cy: HALF_VIEWBOX_HEIGHT,
+			fill: "none",
+			r: circleRadius,
+			stroke: sentiment === "black" || sentiment === "white" ? theme.colors.other.monochrome[sentiment].background : (_theme$colors$sentime = theme.colors[sentiment]) === null || _theme$colors$sentime === void 0 ? void 0 : _theme$colors$sentime.backgroundStrong,
+			strokeDasharray: circleDiameter,
+			strokeDashoffset: (1 - boundedPercentage) * circleDiameter,
+			strokeLinecap: "round",
+			strokeWidth: 16
+		})]
+	});
 };
+
+//#endregion
+export { Loader };

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

@@ -1,9 +1,9 @@
-/* empty css                          */
+/* empty css                      */
+
+//#region src/components/Loader/styles.css.ts
 var circle = "uv_tkulld1";
 var loader = "uv_tkulld2";
 var loaderCircleAnimation = "uv_tkulld3";
-export {
-  circle,
-  loader,
-  loaderCircleAnimation
-};
+
+//#endregion
+export { circle, loader, loaderCircleAnimation };

package/dist/components/Menu/MenuContent.d.ts

@@ -1,58 +1,57 @@
 import type { ButtonHTMLAttributes, ReactNode, Ref } from 'react';
-import { Popup } from '../Popup';
 export declare const Menu: import("react").ForwardRefExoticComponent<{
-    id?: string;
-    ariaLabel?: string;
-    children?: ReactNode | (({ toggle }: {
+    id?: string | undefined;
+    ariaLabel?: string | undefined;
+    children?: (({ toggle }: {
         toggle: () => void;
-    }) => ReactNode);
-    className?: string;
-    disclosure: (import("react").ReactElement<ButtonHTMLAttributes<HTMLButtonElement>, string | import("react").JSXElementConstructor<any>> & {
-        ref?: Ref<HTMLButtonElement>;
-    }) | ((disclosure: import("./types").DisclosureProps) => import("react").ReactElement<ButtonHTMLAttributes<HTMLButtonElement>>);
-    hasArrow?: boolean;
-    visible?: boolean;
-    'data-testid'?: string;
-    maxHeight?: string;
-    portalTarget?: HTMLElement;
-    triggerMethod?: "click" | "hover";
-    searchable?: boolean;
-    hideOnClickItem?: boolean;
+    }) => ReactNode) | ReactNode;
+    className?: string | undefined;
+    disclosure: ((disclosure: import("./types").DisclosureProps) => import("react").ReactElement<ButtonHTMLAttributes<HTMLButtonElement>, string | import("react").JSXElementConstructor<any>>) | (import("react").ReactElement<ButtonHTMLAttributes<HTMLButtonElement>, string | import("react").JSXElementConstructor<any>> & {
+        ref?: Ref<HTMLButtonElement> | undefined;
+    });
+    hasArrow?: boolean | undefined;
+    visible?: boolean | undefined;
+    'data-testid'?: string | undefined;
+    maxHeight?: string | undefined;
+    portalTarget?: HTMLElement | undefined;
+    triggerMethod?: "click" | "hover" | undefined;
+    searchable?: boolean | undefined;
+    hideOnClickItem?: boolean | undefined;
     footer?: ReactNode;
-    placement?: Exclude<import("react").ComponentProps<typeof Popup>["placement"], "nested-menu">;
-    shrink?: boolean;
+    placement?: "bottom" | "left" | "right" | "top" | ("auto" | "auto-bottom" | "auto-left" | "auto-right" | "auto-top") | undefined;
+    shrink?: boolean | undefined;
 } & Pick<{
-    id?: string;
-    children: ReactNode | ((renderProps: {
-        className?: string;
+    id?: string | undefined;
+    children: ((renderProps: {
+        className?: string | undefined;
         onBlur: () => void;
         onFocus: () => void;
         onPointerEnter: () => void;
         onPointerLeave: () => void;
         ref: import("react").RefObject<HTMLDivElement | null>;
-    }) => ReactNode);
-    maxWidth?: number | string;
-    placement?: import("../Popup/helpers").PopupPlacement;
-    align?: import("../Popup/helpers").PopupAlign;
+    }) => ReactNode) | ReactNode;
+    maxWidth?: string | number | undefined;
+    placement?: import("../Popup/helpers").PopupPlacement | undefined;
+    align?: import("../Popup/helpers").PopupAlign | undefined;
     text?: ReactNode;
-    className?: string;
-    containerFullWidth?: boolean;
-    containerFullHeight?: boolean;
-    visible?: boolean;
-    innerRef?: Ref<HTMLDivElement | null>;
-    role?: "tooltip" | "dialog" | "popup";
-    'data-testid'?: string;
-    hasArrow?: boolean;
-    onClose?: () => void;
-    tabIndex?: number;
-    onKeyDown?: import("react").KeyboardEventHandler;
-    'aria-haspopup'?: import("react").HTMLAttributes<HTMLDivElement>["aria-haspopup"];
-    hideOnClickOutside?: boolean;
-    debounceDelay?: number;
-    maxHeight?: string | number;
-    disableAnimation?: boolean;
-    portalTarget?: HTMLElement;
-    dynamicDomRendering?: boolean;
-    style?: import("react").CSSProperties;
-} & import("react").RefAttributes<HTMLDivElement>, "style" | "align" | "dynamicDomRendering"> & import("react").RefAttributes<HTMLButtonElement>>;
+    className?: string | undefined;
+    containerFullWidth?: boolean | undefined;
+    containerFullHeight?: boolean | undefined;
+    visible?: boolean | undefined;
+    innerRef?: Ref<HTMLDivElement | null> | undefined;
+    role?: ("dialog" | "popup" | "tooltip") | undefined;
+    'data-testid'?: string | undefined;
+    hasArrow?: boolean | undefined;
+    onClose?: (() => void) | undefined;
+    tabIndex?: number | undefined;
+    onKeyDown?: import("react").KeyboardEventHandler | undefined;
+    'aria-haspopup'?: "dialog" | "false" | "grid" | "listbox" | "menu" | "tree" | "true" | boolean | undefined;
+    hideOnClickOutside?: boolean | undefined;
+    debounceDelay?: number | undefined;
+    maxHeight?: string | number | undefined;
+    disableAnimation?: boolean | undefined;
+    portalTarget?: HTMLElement | undefined;
+    dynamicDomRendering?: boolean | undefined;
+    style?: import("react").CSSProperties | undefined;
+} & import("react").RefAttributes<HTMLDivElement>, "align" | "dynamicDomRendering" | "style"> & import("react").RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=MenuContent.d.ts.map

package/dist/components/Menu/MenuContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuContent.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/MenuContent.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,oBAAoB,EAGpB,SAAS,EACT,GAAG,EACJ,MAAM,OAAO,CAAA;AAad,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAkBhC,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;iBAqCU,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iJAkN3B,CAAA"}
+{"version":3,"file":"MenuContent.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/MenuContent.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,oBAAoB,EAGpB,SAAS,EACT,GAAG,EACJ,MAAM,OAAO,CAAA;AA+Bd,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iJAuPhB,CAAA"}