ixia-ui-react 1.0.2 → 1.2.0

package/dist/index.d.mts

@@ -733,7 +733,7 @@ interface CodeBlockValue {
   id: string;
   label: string;
   name: string;
-  content: string;
+  content: string | React.ReactNode;
   icon?: React.ReactNode;
 }
 type CodeBlockTabsProps = React.ComponentProps<typeof Tabs>;

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) {
@@ -2327,6 +2332,7 @@ const COPY_STATUS_ICON = {
 };
 function CodeBlockCopy({ className, children, ref, ...props }) {
 	const { currentValue } = useCodeBlock(), [copied, setCopied] = React.useState(false), handleClick = async () => {
+		if (typeof currentValue.content !== "string") return;
 		try {
 			await navigator.clipboard.writeText(currentValue.content);
 			setCopied(true);
@@ -2362,6 +2368,7 @@ const DOWNLOAD_STATUS_ICON = {
 };
 function CodeBlockDownload({ className, children, ref, ...props }) {
 	const { currentValue } = useCodeBlock(), [downloaded, setDownloaded] = React.useState(false), handleClick = async () => {
+		if (typeof currentValue.content !== "string") return;
 		try {
 			const blob = new Blob([currentValue.content]), url = URL.createObjectURL(blob), link = document.createElement("a");
 			link.href = url;
@@ -2707,7 +2714,11 @@ function CodeBlockWindow({ className, children, ref, ...props }) {
 		className: cn("relative overflow-auto rounded-lg px-md py-sm", className),
 		ref,
 		...props,
-		children: [children, /* @__PURE__ */ jsx("div", { dangerouslySetInnerHTML: { __html: currentValue.content } })]
+		children: [
+			children,
+			typeof currentValue.content === "string" && /* @__PURE__ */ jsx("div", { dangerouslySetInnerHTML: { __html: currentValue.content } }),
+			typeof currentValue.content !== "string" && currentValue.content
+		]
 	});
 }
 //#endregion
@@ -3248,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(),
@@ -3267,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
 				})
 			]
@@ -5196,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