ixia-ui-react 1.1.0 → 1.2.0

package/dist/index.mjs

@@ -8,7 +8,7 @@ import { AlertDialog as AlertDialog$1, Button as Button$1, Checkbox as Checkbox$
 import React, { Children, createContext, createElement, isValidElement, useContext, useEffect, useId, useRef, useState } from "react";
 import { Autocomplete as Autocomplete$1 } from "@base-ui/react/autocomplete";
 import { Avatar as Avatar$1 } from "@base-ui/react/avatar";
-import { DayPicker, getDefaultClassNames, isDateRange } from "@daypicker/react";
+import { DayPicker, getDefaultClassNames, isDateRange, labelDayButton } from "@daypicker/react";
 import { Select as Select$1 } from "@base-ui/react/select";
 import { Legend, ResponsiveContainer, Tooltip as Tooltip$1 } from "recharts";
 import { Checkbox as Checkbox$2 } from "@base-ui/react/checkbox";
@@ -1817,6 +1817,10 @@ function getRangeSelected(selectedDates) {
 function getSingleSelected(selectedDates) {
 	if (selectedDates instanceof Date) return selectedDates;
 }
+function labelDayButtonWithVisibleText(...args) {
+	const [date, modifiers, options, dateLib] = args;
+	return `${dateLib?.format(date, "d") ?? String(date.getDate())}, ${labelDayButton(date, modifiers, options, dateLib)}`;
+}
 const defaultClassNames = getDefaultClassNames();
 const calendarClassNames = {
 	caption_label: "style-text-strong-0",
@@ -1849,6 +1853,7 @@ function CalendarPicker({ className, mode = "single", selected, onSelect, ...pro
 		className,
 		classNames: calendarClassNames,
 		components: calendarComponents,
+		labels: { labelDayButton: labelDayButtonWithVisibleText },
 		...props
 	};
 	switch (mode) {
@@ -3254,7 +3259,7 @@ function InputGroupInput({ size = "medium", className, ref, ...props }) {
 			if (ref && typeof ref === "object") Object.assign(ref, { current: node });
 		};
 		return /* @__PURE__ */ jsxs("button", {
-			"aria-label": "Open color picker",
+			"aria-label": `${colorValue}, open color picker`,
 			className: cn("relative flex size-full items-center justify-start hover:cursor-pointer", className),
 			disabled: props.disabled,
 			onClick: () => inputRef.current?.click(),
@@ -3273,7 +3278,7 @@ function InputGroupInput({ size = "medium", className, ref, ...props }) {
 					...colorProps
 				}),
 				/* @__PURE__ */ jsx("p", {
-					className: cn("text-left", size === "small" && "pr-xs pl-lg style-text-default--1", size === "medium" && "pl-[calc(var(--dawn-spacing-lg)+6px)] style-text-default-0", size === "large" && "pl-2xl style-text-default-1"),
+					className: cn("text-left", size === "small" && "pr-xs pl-lg style-text-default--1", size === "medium" && "pl-[calc(var(--ixia-spacing-lg)+6px)] style-text-default-0", size === "large" && "pl-2xl style-text-default-1"),
 					children: colorValue
 				})
 			]
@@ -5202,7 +5207,7 @@ function Input({ fileUploadButtonIcon = defaultFileUploadButtonIcon, fileUploadB
 			})]
 		});
 		return /* @__PURE__ */ jsxs("button", {
-			"aria-label": "Open color picker",
+			"aria-label": `${colorValue}, open color picker`,
 			className: cn("relative flex hover:cursor-pointer", inputVariants({
 				size,
 				variant