@povio/ui 3.4.0-rc.1 → 3.4.0-rc.10

package/dist/assets/locales/en/translation.json.d.ts

@@ -0,0 +1,158 @@
+declare const _default: {
+  "ui": {
+    "openAlt": "Open",
+    "closeAlt": "Close",
+    "clearAlt": "Clear",
+    "loadingState": {
+      "text": "Loading..."
+    },
+    "select": {
+      "closeAlt": "Close the menu",
+      "selectAll": "Select all",
+      "clearSelection": "Clear",
+      "allOption": "All",
+      "search": "Search",
+      "clearSearch": "Clear search"
+    },
+    "datePicker": {
+      "today": "Today",
+      "clear": "Clear",
+      "save": "Save",
+      "presets": {
+        "thisWeek": "This week",
+        "lastWeek": "Last week",
+        "thisAndLastWeek": "This & Last week",
+        "thisMonth": "This month",
+        "thisAndLastMonth": "This & Last month",
+        "thisYear": "This year",
+        "lastYear": "Last year",
+        "thisAndLastYear": "This & Last year",
+        "soFar": "So far"
+      },
+      "navigation": {
+        "previousMonth": "Previous month",
+        "nextMonth": "Next month",
+        "previousYear": "Previous year",
+        "nextYear": "Next year"
+      },
+      "errors": {
+        "endDateBeforeStart": "End date cannot be before start date"
+      }
+    },
+    "modal": {
+      "closeBtn": "Close"
+    },
+    "autocomplete": {
+      "createNewBtn": "Create"
+    },
+    "password": {
+      "reveal": "Reveal password",
+      "hide": "Hide password"
+    },
+    "textEditor": {
+      "textStyle": {
+        "label": "Text style",
+        "normal": "Normal text",
+        "heading1": "Heading 1",
+        "heading2": "Heading 2",
+        "heading3": "Heading 3",
+        "heading4": "Heading 4",
+        "heading5": "Heading 5",
+        "heading6": "Heading 6"
+      },
+      "marks": {
+        "bold": "Bold",
+        "italic": "Italic",
+        "underline": "Underline",
+        "strikethrough": "Strikethrough"
+      },
+      "textAlign": {
+        "label": "Text align",
+        "left": "Left",
+        "center": "Center",
+        "right": "Right",
+        "justify": "Justify"
+      },
+      "link": {
+        "label": "Hyperlink",
+        "apply": "Apply",
+        "remove": "Remove",
+        "urlLabel": "URL",
+        "urlPlaceholder": "Enter the URL"
+      }
+    },
+    "tag": {
+      "dismiss": "Dismiss"
+    },
+    "clearInput": "Clear input",
+    "pagination": {
+      "nextBtn": "Next",
+      "backBtn": "Previous",
+      "firstBtn": "First",
+      "lastBtn": "Last",
+      "resultsPerPage": "Results per page"
+    },
+    "confirmation": {
+      "cancel": "Cancel",
+      "confirm": "Confirm"
+    },
+    "fileUpload": {
+      "emptyText": "Upload file",
+      "uploadText": "Drag & drop files here or",
+      "browse": "Browse",
+      "noFileUploaded": "No file uploaded",
+      "upload": "Upload",
+      "uploadFile": "Upload file",
+      "or": "or",
+      "removeFile": "Remove file",
+      "cancel": "Cancel"
+    },
+    "table": {
+      "column": "Column",
+      "show": "Show",
+      "configureColumns": "Configure columns"
+    }
+  },
+  "zodErrors": {
+    "required": "Required",
+    "invalid": "Invalid",
+    "string": {
+      "includes": "Must include \"{{text}}\"",
+      "startsWith": "Must start with \"{{text}}\"",
+      "endsWith": "Must end with \"{{text}}\"",
+      "constraint": "Invalid {{text}}",
+      "contains": "Must contain exactly {{count}} character(s)",
+      "containsAtLeast": "Must contain at least {{count}} character(s)",
+      "containsOver": "Must contain over {{count}} character(s)",
+      "containsAtMost": "Must contain at most {{count}} character(s)",
+      "containsUnder": "Must contain under {{count}} character(s)"
+    },
+    "array": {
+      "contains": "Array must contain exactly {{count}} element(s)",
+      "containsAtLeast": "Array must contain at least {{count}} element(s)",
+      "containsMoreThan": "Array must contain more than {{count}} element(s)",
+      "containsAtMost": "Array must contain at most {{count}} element(s)",
+      "containsLessThan": "Array must contain less than {{count}} element(s)"
+    },
+    "number": {
+      "exact": "Number must be exactly equal to {{number}}",
+      "greaterThanOrEqual": "Number must be greater than or equal to {{number}}",
+      "greaterThan": "Number must be greater than {{number}}",
+      "over": "Number must be over {{number}}",
+      "lessThanOrEqual": "Number must be less than or equal to {{number}}",
+      "lessThan": "Number must be less than {{number}}",
+      "multipleOf": "Number must be a multiple of {{multipleOf}}"
+    },
+    "date": {
+      "invalid": "Invalid date",
+      "exact": "Date must be exactly equal to {{date}}",
+      "greaterThanOrEqual": "Date must be greater than or equal to {{date}}",
+      "greaterThan": "Date must be greater than {{date}}",
+      "smallerThanOrEqual": "Date must be smaller than or equal to {{date}}",
+      "smallerThan": "Date must be smaller than {{date}}"
+    }
+  }
+}
+;
+
+export default _default;

package/dist/assets/locales/sl/translation.json.d.ts

@@ -0,0 +1,154 @@
+declare const _default: {
+  "ui": {
+    "openAlt": "Odpri",
+    "closeAlt": "Zapri",
+    "clearAlt": "Sprazni",
+    "loadingState": {
+      "text": "Nalaganje..."
+    },
+    "select": {
+      "closeAlt": "Zapri meni",
+      "selectAll": "Izberi vse",
+      "clearSelection": "Sprazni",
+      "allOption": "Vse",
+      "search": "Išči",
+      "clearSearch": "Sprazni iskanje"
+    },
+    "datePicker": {
+      "today": "Danes",
+      "clear": "Sprazni",
+      "save": "Shrani",
+      "presets": {
+        "thisWeek": "Ta teden",
+        "lastWeek": "Prejšnji teden",
+        "thisAndLastWeek": "Ta in prejšnji teden",
+        "thisMonth": "Ta mesec",
+        "thisAndLastMonth": "Ta in prejšnji mesec",
+        "thisYear": "To leto",
+        "lastYear": "Prejšnje leto",
+        "thisAndLastYear": "To in prejšnje leto",
+        "soFar": "Od začetka"
+      },
+      "navigation": {
+        "previousMonth": "Prejšnji mesec",
+        "nextMonth": "Naslednji mesec",
+        "previousYear": "Prejšnje leto",
+        "nextYear": "Naslednje leto"
+      },
+      "errors": {
+        "endDateBeforeStart": "Datum konca ne more biti pred datumom začetka"
+      }
+    },
+    "modal": {
+      "closeBtn": "Zapri"
+    },
+    "autocomplete": {
+      "createNewBtn": "Ustvari"
+    },
+    "password": {
+      "reveal": "Prikaži geslo",
+      "hide": "Skrij geslo"
+    },
+    "textEditor": {
+      "textStyle": {
+        "label": "Vrsta besedila",
+        "normal": "Normalni tekst",
+        "heading1": "Naslov 1",
+        "heading2": "Naslov 2",
+        "heading3": "Naslov 3",
+        "heading4": "Naslov 4",
+        "heading5": "Naslov 5",
+        "heading6": "Naslov 6"
+      },
+      "marks": {
+        "bold": "Krepko",
+        "italic": "Poševno",
+        "underline": "Podčrtano",
+        "strikethrough": "Prečrtano"
+      },
+      "textAlign": {
+        "label": "Poravnava besedila",
+        "left": "Levo",
+        "center": "Sredina",
+        "right": "Desno",
+        "justify": "Obojestransko"
+      },
+      "link": {
+        "label": "Povezava",
+        "apply": "Ustvari",
+        "remove": "Odstrani",
+        "urlLabel": "URL",
+        "urlPlaceholder": "Vnesite URL"
+      }
+    },
+    "pagination": {
+      "nextBtn": "Naprej",
+      "backBtn": "Nazaj",
+      "firstBtn": "Prva",
+      "lastBtn": "Zadnja",
+      "resultsPerPage": "Rezultatov na stran"
+    },
+    "confirmation": {
+      "cancel": "Prekliči",
+      "confirm": "Potrdi"
+    },
+    "fileUpload": {
+      "emptyText": "Naloži datoteko",
+      "uploadText": "Povlecite datoteke sem ali",
+      "browse": "Izberi",
+      "noFileUploaded": "Ni datotek",
+      "upload": "Naloži",
+      "uploadFile": "Naloži datoteko",
+      "or": "ali",
+      "removeFile": "Odstrani datoteko",
+      "cancel": "Prekliči"
+    },
+    "table": {
+      "column": "Stolpec",
+      "show": "Prikaži",
+      "configureColumns": "Nastavi stolpce"
+    }
+  },
+  "zodErrors": {
+    "required": "Obvezno",
+    "invalid": "Neveljavno",
+    "string": {
+      "includes": "Mora vključevati \"{{text}}\"",
+      "startsWith": "Se mora začeti z \"{{text}}\"",
+      "endsWith": "Se mora končati z \"{{text}}\"",
+      "constraint": "Neveljaven {{text}}",
+      "contains": "Mora vsebovati natančno {{count}} znak(ov)",
+      "containsAtLeast": "Mora vsebovati vsaj {{count}} znak(ov)",
+      "containsOver": "Mora vsebovati več kot {{count}} znak(ov)",
+      "containsAtMost": "Mora vsebovati največ {{count}} znak(ov)",
+      "containsUnder": "Mora vsebovati manj kot {{count}} znak(ov)"
+    },
+    "array": {
+      "contains": "Polje mora vsebovati natančno {{count}} element(ov)",
+      "containsAtLeast": "Polje mora vsebovati vsaj {{count}} element(ov)",
+      "containsMoreThan": "Polje mora vsebovati več kot {{count}} element(ov)",
+      "containsAtMost": "Polje mora vsebovati največ {{count}} element(ov)",
+      "containsLessThan": "Polje mora vsebovati manj kot {{count}} element(ov)"
+    },
+    "number": {
+      "exact": "Število mora biti natančno enako {{number}}",
+      "greaterThanOrEqual": "Število mora biti večje ali enako {{number}}",
+      "greaterThan": "Število mora biti večje od {{number}}",
+      "over": "Število mora biti nad {{number}}",
+      "lessThanOrEqual": "Število mora biti manjše ali enako {{number}}",
+      "lessThan": "Število mora biti manjše od {{number}}",
+      "multipleOf": "Število mora biti večkratnik števila {{multipleOf}}"
+    },
+    "date": {
+      "invalid": "Neveljaven datum",
+      "exact": "Datum mora biti natančno enak {{date}}",
+      "greaterThanOrEqual": "Datum mora biti večji ali enak {{date}}",
+      "greaterThan": "Datum mora biti večji od {{date}}",
+      "smallerThanOrEqual": "Datum mora biti manjši ali enak {{date}}",
+      "smallerThan": "Datum mora biti manjši od {{date}}"
+    }
+  }
+}
+;
+
+export default _default;

package/dist/components/Breadcrumbs/Breadcrumbs.js

@@ -1,14 +1,14 @@
-import { ChevronRightIcon } from "../../assets/icons/ChevronRight.js";
 import { UIOverrides } from "../../config/uiOverrides.context.js";
 import { breadcrumbChevronDefinition, breadcrumbIconDefinition, breadcrumbItemDefinition, breadcrumbSegmentDefinition, breadcrumbsDefinition } from "./breadcrumbs.cva.js";
 import { MenuDesktop } from "../Menu/MenuDesktop.js";
 import { Typography } from "../text/Typography/Typography.js";
 import { Tooltip as Tooltip$1 } from "../overlays/Tooltip/Tooltip.js";
 import { LinkContext } from "../../config/link.context.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { ChevronRight } from "lucide-react";
 import { clsx } from "clsx";
 import { useLayoutEffect, useRef, useState } from "react";
-import { Breadcrumb, Breadcrumbs, Button, Link } from "react-aria-components";
+import { Breadcrumb, Breadcrumbs, Button, Link as Link$1 } from "react-aria-components";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/Breadcrumbs/Breadcrumbs.tsx
 var Breadcrumbs$1 = ({ items, className, onAction, iconOnly: iconOnly_0 = false }) => {
 	const breadcrumbsCva = UIOverrides.useCva("breadcrumbs.cva", breadcrumbsDefinition);
@@ -35,7 +35,7 @@ var Breadcrumbs$1 = ({ items, className, onAction, iconOnly: iconOnly_0 = false
 	const hiddenItems = items.length > 2 ? items.slice(1, -1) : [];
 	const firstItem = items[0];
 	const lastItem = items[items.length - 1];
-	const LinkComponent = LinkContext.useLinkContext()?.LinkComponent ?? Link;
+	const LinkComponent = LinkContext.useLinkContext()?.LinkComponent ?? Link$1;
 	const renderBreadcrumbLink = (item, isCurrent, iconOnly) => /* @__PURE__ */ jsxs(LinkComponent, {
 		...item.link,
 		className: breadcrumbItem({ isCurrent }),
@@ -80,12 +80,12 @@ var Breadcrumbs$1 = ({ items, className, onAction, iconOnly: iconOnly_0 = false
 				/* @__PURE__ */ jsxs(Breadcrumb, {
 					id: firstItem.id,
 					className: breadcrumbSegmentCva({}),
-					children: [renderBreadcrumbLink(firstItem, false, iconOnly_0), /* @__PURE__ */ jsx(ChevronRightIcon, { className: breadcrumbChevronCva({}) })]
+					children: [renderBreadcrumbLink(firstItem, false, iconOnly_0), /* @__PURE__ */ jsx(ChevronRight, { className: breadcrumbChevronCva({}) })]
 				}),
 				/* @__PURE__ */ jsxs(Breadcrumb, {
 					id: "ellipsis",
 					className: breadcrumbSegmentCva({}),
-					children: [renderEllipsis(), /* @__PURE__ */ jsx(ChevronRightIcon, { className: breadcrumbChevronCva({}) })]
+					children: [renderEllipsis(), /* @__PURE__ */ jsx(ChevronRight, { className: breadcrumbChevronCva({}) })]
 				}),
 				/* @__PURE__ */ jsx(Breadcrumb, {
 					id: lastItem.id,
@@ -104,7 +104,7 @@ var Breadcrumbs$1 = ({ items, className, onAction, iconOnly: iconOnly_0 = false
 		children: (item_1) => /* @__PURE__ */ jsx(Breadcrumb, {
 			id: item_1.id,
 			className: breadcrumbSegmentCva({}),
-			children: ({ isCurrent: isCurrent_0 }) => /* @__PURE__ */ jsxs(Fragment, { children: [renderBreadcrumbLink(item_1, isCurrent_0, iconOnly_0 && item_1 === items[0]), !isCurrent_0 && /* @__PURE__ */ jsx(ChevronRightIcon, { className: breadcrumbChevronCva({}) })] })
+			children: ({ isCurrent: isCurrent_0 }) => /* @__PURE__ */ jsxs(Fragment$1, { children: [renderBreadcrumbLink(item_1, isCurrent_0, iconOnly_0 && item_1 === items[0]), !isCurrent_0 && /* @__PURE__ */ jsx(ChevronRight, { className: breadcrumbChevronCva({}) })] })
 		})
 	});
 };

package/dist/components/Menu/MenuDesktop.js

@@ -1,7 +1,7 @@
 import { MenuPopover } from "./MenuPopover.js";
+import { MenuTrigger } from "react-aria-components";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { MenuTrigger } from "react-aria-components";
 //#region src/components/Menu/MenuDesktop.tsx
 var MenuDesktop = (t0) => {
 	const $ = c(12);

package/dist/components/Menu/MenuItem.js

@@ -1,10 +1,10 @@
-import { ArrowRightIcon } from "../../assets/icons/ArrowRight.js";
 import { UIOverrides } from "../../config/uiOverrides.context.js";
 import { menuItemDefinition } from "./menu.cva.js";
-import { c } from "react/compiler-runtime";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { ArrowRight } from "lucide-react";
 import { clsx } from "clsx";
 import { MenuItem } from "react-aria-components";
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/Menu/MenuItem.tsx
 var MenuItem$1 = (t0) => {
 	const $ = c(9);
@@ -19,7 +19,7 @@ var MenuItem$1 = (t0) => {
 	const t2 = content ?? label;
 	let t3;
 	if ($[0] !== hasSubmenu) {
-		t3 = hasSubmenu && /* @__PURE__ */ jsx(ArrowRightIcon, { className: "size-6" });
+		t3 = hasSubmenu && /* @__PURE__ */ jsx(ArrowRight, { className: "size-6" });
 		$[0] = hasSubmenu;
 		$[1] = t3;
 	} else t3 = $[1];

package/dist/components/Menu/MenuMobile.js

@@ -1,13 +1,13 @@
-import { ArrowLeftIcon } from "../../assets/icons/ArrowLeft.js";
 import { UIOverrides } from "../../config/uiOverrides.context.js";
 import { menuDefinition, menuItemDefinition } from "./menu.cva.js";
 import { MenuItem as MenuItem$1 } from "./MenuItem.js";
 import { BottomSheet } from "../overlays/BottomSheet/BottomSheet.js";
-import { c } from "react/compiler-runtime";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { ArrowLeft } from "lucide-react";
 import { clsx } from "clsx";
 import { useRef, useState } from "react";
 import { Button, Menu } from "react-aria-components";
+import { c } from "react/compiler-runtime";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/Menu/MenuMobile.tsx
 var MenuMobile = (t0) => {
 	const $ = c(23);
@@ -84,13 +84,13 @@ var MenuMobile = (t0) => {
 	const onBack = t4;
 	let t5;
 	if ($[11] !== activeItem || $[12] !== handleAction || $[13] !== items || $[14] !== menuCva || $[15] !== menuItemCva || $[16] !== props) {
-		t5 = () => /* @__PURE__ */ jsxs(Fragment, { children: [activeItem && /* @__PURE__ */ jsxs(Button, {
+		t5 = () => /* @__PURE__ */ jsxs(Fragment$1, { children: [activeItem && /* @__PURE__ */ jsxs(Button, {
 			className: clsx(menuItemCva({
 				...props,
 				isMobile: true
 			})),
 			onPress: onBack,
-			children: [/* @__PURE__ */ jsx(ArrowLeftIcon, { className: "size-6" }), activeItem.label]
+			children: [/* @__PURE__ */ jsx(ArrowLeft, { className: "size-6" }), activeItem.label]
 		}), /* @__PURE__ */ jsx("div", {
 			onClickCapture: (e) => {
 				lastEventRef.current = e;

package/dist/components/Menu/MenuPopover.js

@@ -1,10 +1,10 @@
 import { UIOverrides } from "../../config/uiOverrides.context.js";
 import { menuDefinition, menuPopoverDefinition, menuPopoverWrapperDefinition } from "./menu.cva.js";
 import { MenuItem as MenuItem$1 } from "./MenuItem.js";
-import { c } from "react/compiler-runtime";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { useRef } from "react";
 import { Menu, Popover, SubmenuTrigger } from "react-aria-components";
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/Menu/MenuPopover.tsx
 var MenuPopover = (t0) => {
 	const $ = c(28);

package/dist/components/buttons/Button/Button.js

@@ -3,9 +3,9 @@ import { LinkContext } from "../../../config/link.context.js";
 import { ButtonContent } from "../shared/ButtonContent.js";
 import { UIConfig } from "../../../config/uiConfig.context.js";
 import { buttonContentDefinition, buttonDefinition, buttonIconSizeDefinition, buttonSizeDefinition, buttonTypography } from "./button.cva.js";
-import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { Button, Link, ToggleButton } from "react-aria-components";
+import { jsx } from "react/jsx-runtime";
 //#region src/components/buttons/Button/Button.tsx
 var Button$1 = ({ icon: Icon, iconPosition, children, isLoading, className, link, iconClassName, noDisableWhenLoading, contentRef, ...props }) => {
 	const linkContext = LinkContext.useLinkContext();

package/dist/components/buttons/PillButton/PillButton.js

@@ -1,11 +1,11 @@
-import { CloseIcon } from "../../../assets/icons/Close.js";
 import { UIOverrides } from "../../../config/uiOverrides.context.js";
 import { ButtonContent } from "../shared/ButtonContent.js";
 import { pillButtonContent, pillButtonDefinition, pillButtonIconSize, pillButtonTypography } from "./pillButton.cva.js";
-import { c } from "react/compiler-runtime";
-import { jsx } from "react/jsx-runtime";
+import { X } from "lucide-react";
 import { clsx } from "clsx";
 import { Button, ToggleButton } from "react-aria-components";
+import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
 //#region src/components/buttons/PillButton/PillButton.tsx
 var PillButton = (t0) => {
 	const $ = c(17);
@@ -30,7 +30,7 @@ var PillButton = (t0) => {
 		className: props.className
 	}), pillButtonContent({ iconPosition: getIconPosition() }));
 	const T0 = ButtonContent;
-	const t3 = dismissable ? CloseIcon : icon;
+	const t3 = dismissable ? X : icon;
 	const t4 = dismissable ? "right" : iconPosition;
 	const t5 = pillButtonIconSize;
 	const t6 = pillButtonTypographyMap({ ...props });

package/dist/components/buttons/PillButton/pillButton.cva.d.ts

@@ -31,7 +31,7 @@ export declare const pillButtonContentDefinition: {
     }>;
 };
 export declare const pillButtonContent: (props?: ({
-    readonly iconPosition?: "none" | "left" | "right" | null | undefined;
+    readonly iconPosition?: "left" | "right" | "none" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const pillButtonIconSize: string;
 export declare const pillButtonTypography: (props: {

package/dist/components/buttons/SplitButton/SplitButton.js

@@ -1,10 +1,10 @@
-import { ChevronDownIcon } from "../../../assets/icons/ChevronDown.js";
 import { Button } from "../Button/Button.js";
 import { IconButton } from "../IconButton/IconButton.js";
 import { Menu } from "../../Menu/Menu.js";
+import { ChevronDown } from "lucide-react";
+import { clsx } from "clsx";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { clsx } from "clsx";
 //#region src/components/buttons/SplitButton/SplitButton.tsx
 var SplitButton = (t0) => {
 	const $ = c(36);
@@ -85,7 +85,7 @@ var SplitButton = (t0) => {
 			variant,
 			color,
 			label: labelRight,
-			icon: ChevronDownIcon,
+			icon: ChevronDown,
 			className: "rounded-l-none! border-l-0!",
 			isDisabled: t3
 		});

package/dist/components/buttons/shared/ButtonContent.js

@@ -2,9 +2,9 @@ import { UIOverrides } from "../../../config/uiOverrides.context.js";
 import { typographyDefinition } from "../../text/Typography/typography.cva.js";
 import { buttonContentLabel } from "./buttonContent.cva.js";
 import { Loader } from "../../status/Loader/Loader.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { isValidElement } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/buttons/shared/ButtonContent.tsx
 var ButtonContent = ({ ref, content, isLoading, icon: Icon, iconClassName, hideText, iconPosition = "left", typography: typographyOverrides }) => {
 	const typographyCva = UIOverrides.useCva("typography.cva", typographyDefinition);
@@ -17,7 +17,7 @@ var ButtonContent = ({ ref, content, isLoading, icon: Icon, iconClassName, hideT
 		variant: "prominent-1",
 		...typographyOverrides
 	};
-	return /* @__PURE__ */ jsxs(Fragment, { children: [
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [
 		iconOrLoader && iconPosition === "left" && iconOrLoader,
 		/* @__PURE__ */ jsx("span", {
 			className: clsx(typographyCva({

package/dist/components/buttons/shared/buttonContent.cva.d.ts

@@ -1,7 +1,7 @@
 import { ButtonContentConfig } from '../Button/button.cva';
 import { UIOverrides } from '../../../config/uiOverrides.context';
 export declare const buttonContentLabel: (props?: ({
-    iconPosition?: "none" | "left" | "right" | null | undefined;
+    iconPosition?: "left" | "right" | "none" | null | undefined;
     hideText?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export interface ButtonContentVariantProps extends UIOverrides.VariantProps<ButtonContentConfig> {

package/dist/components/inputs/Checkbox/Checkbox.js

@@ -5,10 +5,10 @@ import { checkboxContentClassName, checkboxIndicatorClass, checkboxTypography }
 import { FormFieldError } from "../FormField/FormFieldError.js";
 import { CheckContent } from "../shared/CheckContent.js";
 import { CheckboxCheckmark } from "./CheckboxCheckmark.js";
-import { c } from "react/compiler-runtime";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { Checkbox } from "react-aria-components";
+import { c } from "react/compiler-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { mergeRefs } from "@react-aria/utils";
 //#region src/components/inputs/Checkbox/Checkbox.tsx
 var CheckboxBase = (props) => {

package/dist/components/inputs/Checkbox/CheckboxCheckmark.js

@@ -1,10 +1,9 @@
-import { CheckboxCheckmarkIcon } from "../../../assets/icons/CheckboxCheckmark.js";
-import { CheckboxIndeterminateIcon } from "../../../assets/icons/CheckboxIndeterminate.js";
 import { UIOverrides } from "../../../config/uiOverrides.context.js";
 import { checkboxDefinition, checkboxIconDefinition } from "./checkbox.cva.js";
+import { Check, Minus } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/inputs/Checkbox/CheckboxCheckmark.tsx
-var CheckboxCheckmark = ({ variant, className, selectedIcon: SelectedIcon = CheckboxCheckmarkIcon, indeterminateIcon: IndeterminateIcon = CheckboxIndeterminateIcon, ...props }) => {
+var CheckboxCheckmark = ({ variant, className, selectedIcon: SelectedIcon = Check, indeterminateIcon: IndeterminateIcon = Minus, ...props }) => {
 	const checkboxCva = UIOverrides.useCva("checkbox.cva", checkboxDefinition);
 	const checkboxIconCva = UIOverrides.useCva("checkbox.iconCva", checkboxIconDefinition);
 	return /* @__PURE__ */ jsxs("div", {

package/dist/components/inputs/Checkbox/CheckboxGroup.js

@@ -6,10 +6,10 @@ import { CheckboxBase } from "./Checkbox.js";
 import { FormFieldLabel } from "../FormField/FormFieldLabel.js";
 import { FormField } from "../FormField/FormField.js";
 import { inputBaseDefinition, inputSizeDefinition } from "../shared/input.cva.js";
-import { c } from "react/compiler-runtime";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { CheckboxGroup } from "react-aria-components";
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useLabel } from "react-aria";
 import { mergeRefs } from "@react-aria/utils";
 //#region src/components/inputs/Checkbox/CheckboxGroup.tsx

package/dist/components/inputs/DateTime/DatePicker/DatePicker.d.ts

@@ -12,6 +12,7 @@ interface DatePickerBaseProps extends FormFieldProps, InputVariantProps, Omit<Da
     ref?: Ref<DatePickerInputHandle & HTMLDivElement>;
     disableDropdown?: boolean;
     isClearable?: boolean;
+    isClearableIfDisabled?: boolean;
     className?: string;
     todayIcon?: DatePickerTodayIcon;
     todayIconButtonSize?: DatePickerTodayIconButtonSize;

package/dist/components/inputs/DateTime/DatePicker/DatePicker.js

@@ -13,9 +13,9 @@ import { getStaticCalendarDateSegments, getStaticDateTimeFocusTarget } from "../
 import { TooltipWrapper } from "../../shared/TooltipWrapper.js";
 import { InputFrame } from "../../Skeleton/InputFrame.js";
 import { useStaticInputHandoff } from "../../shared/useStaticInputHandoff.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useDatePicker, useLocale } from "react-aria";
 import { mergeRefs } from "@react-aria/utils";
 import { createCalendar, getLocalTimeZone, toCalendarDate, today } from "@internationalized/date";
@@ -24,7 +24,7 @@ import { useCalendarState, useDatePickerState } from "react-stately";
 //#region src/components/inputs/DateTime/DatePicker/DatePicker.tsx
 var DatePickerBase = (props) => {
 	const ui = UIConfig.useConfig();
-	const { ref, label, tooltipText, helperText, isRequired, rightContent, isDirty, isDisabled, headerClassName, errorClassName, isHeaderHidden, error, onChange, onBlur, value, disableDropdown, className, placeholder, inputClassName, as: asProp, hideLabel: hideLabelProp, variant: variantProp, size: sizeProp, isClearable: isClearableProp, todayIcon: todayIconProp, todayIconButtonSize: todayIconButtonSizeProp, todayIconButtonComponent: todayIconButtonComponentProp, todayIconPlacement: todayIconPlacementProp, shouldForceLeadingZeros: shouldForceLeadingZerosProp, disableManualEntry: disableManualEntryProp, shouldUpdateDateOnMonthYearChange: shouldUpdateDateOnMonthYearChangeProp, granularity: granularityProp, autoFixYear: autoFixYearProp, format, ...rest } = props;
+	const { ref, label, tooltipText, helperText, isRequired, rightContent, isDirty, isDisabled, headerClassName, errorClassName, isHeaderHidden, error, onChange, onBlur, value, disableDropdown, className, placeholder, inputClassName, as: asProp, hideLabel: hideLabelProp, variant: variantProp, size: sizeProp, isClearable: isClearableProp, isClearableIfDisabled, todayIcon: todayIconProp, todayIconButtonSize: todayIconButtonSizeProp, todayIconButtonComponent: todayIconButtonComponentProp, todayIconPlacement: todayIconPlacementProp, shouldForceLeadingZeros: shouldForceLeadingZerosProp, disableManualEntry: disableManualEntryProp, shouldUpdateDateOnMonthYearChange: shouldUpdateDateOnMonthYearChangeProp, granularity: granularityProp, autoFixYear: autoFixYearProp, format, ...rest } = props;
 	const as = asProp ?? ui.input.as;
 	const hideLabel = hideLabelProp ?? ui.input.hideLabel;
 	const variant = variantProp ?? ui.input.variant;
@@ -227,6 +227,7 @@ var DatePickerBase = (props) => {
 				variant,
 				size,
 				isClearable,
+				isClearableIfDisabled,
 				headerProps,
 				todayIcon,
 				todayIconButtonSize,
@@ -340,6 +341,7 @@ var DatePickerInner = ({ fullIso = true, granularity = "day", minValue, maxValue
 		});
 		return /* @__PURE__ */ jsx(InputFrame, {
 			...props,
+			onClear: () => props.onChange?.(null),
 			isDisabled,
 			className: clsx("group relative inline-flex w-full flex-col text-left", props.className),
 			inputClassName: clsx("min-w-input-width-min-width", props.inputClassName),
@@ -394,7 +396,7 @@ var DatePicker = ({ fullIso = true, granularity = "day", minValue, maxValue, ren
 				...innerProps,
 				ref: mergeRefs(ref, field_0.ref),
 				value: field_0.value ?? null,
-				onChange: field_0.onChange,
+				onChange: (value) => field_0.onChange(value ?? null),
 				onBlur: field_0.onBlur,
 				isDirty,
 				isDisabled: field_0.disabled || props.isDisabled,

package/dist/components/inputs/DateTime/DateRangePicker/DateRangePicker.d.ts

@@ -12,6 +12,7 @@ interface DateRangePickerBaseProps extends FormFieldProps, InputVariantProps, Om
     ref?: Ref<DatePickerInputHandle & HTMLDivElement>;
     disableDropdown?: boolean;
     isClearable?: boolean;
+    isClearableIfDisabled?: boolean;
     hideSidebar?: boolean;
     className?: string;
     todayIcon?: DatePickerTodayIcon;