@povio/ui 4.0.3 → 5.0.0-rc.10

package/dist/{DropdownMenuDesktop-C9ttysuk.js → DropdownMenuDesktop-Cl9gZVq0.js}

@@ -1,7 +1,10 @@
 import { t as createLucideIcon } from "./createLucideIcon-LcezOE4z.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
-import { a as $49319ee1285aa241$export$2ce376c2cc3355c8, c as $542a13ca2fa5b484$export$5b6b19405a83ff9d, i as $49319ee1285aa241$export$27d2ad3c5815583e, o as $49319ee1285aa241$export$d9b273488cd8ce6f, s as $49319ee1285aa241$export$ecabc99eeffab7ca } from "./Dialog-CXoVeIkU.js";
-import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
+import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
+import { t as IconSlot } from "./IconSlot-DSK7qNxc.js";
+import { a as $49319ee1285aa241$export$2ce376c2cc3355c8, c as $542a13ca2fa5b484$export$5b6b19405a83ff9d, i as $49319ee1285aa241$export$27d2ad3c5815583e, o as $49319ee1285aa241$export$d9b273488cd8ce6f, s as $49319ee1285aa241$export$ecabc99eeffab7ca } from "./Dialog-CKLkS00H.js";
+import { i as menuPopoverWrapperDefinition, n as menuItemDefinition, r as menuPopoverDefinition, t as dropdownMenuDefinition } from "./dropdownMenu.cva-DvEmX0bs.js";
+import { t as popoverAnimationClassName } from "./popoverAnimation-DEZSvKP8.js";
 import { useRef } from "react";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -26,38 +29,6 @@ const __iconData = {
 __iconData.node;
 const ArrowRight = createLucideIcon(__iconData);
 //#endregion
-//#region src/components/DropdownMenu/dropdownMenu.cva.ts
-const dropdownMenuDefinition = UIOverrides.defineConfig({
-	base: ["outline-none"],
-	config: {
-		variants: { isMobile: {
-			true: [],
-			false: []
-		} },
-		defaultVariants: { isMobile: false }
-	}
-});
-const menuItemDefinition = UIOverrides.defineConfig({
-	base: [
-		"flex cursor-pointer items-center justify-between gap-list-gap-checkbox-to-label px-list-side-item-left py-list-height-item has-submenu:pr-list-side-item-right",
-		"border-b border-b-elevation-outline-default-1 outline-none last:border-b-0",
-		"bg-elevation-fill-default-1 text-interactive-text-secondary-idle",
-		"disabled:cursor-default disabled:text-interactive-text-secondary-disabled",
-		"hover:bg-elevation-fill-default-2 hover:text-interactive-text-secondary-hover",
-		"open:cursor-default open:bg-interactive-contained-primary-idle! open:text-interactive-contained-primary-on-idle!",
-		"focus-visible:bg-elevation-fill-default-2 focus-visible:text-interactive-text-secondary-hover"
-	],
-	config: {
-		variants: { isMobile: {
-			true: ["justify-start! w-full font-labels-default"],
-			false: []
-		} },
-		defaultVariants: { isMobile: false }
-	}
-});
-const menuPopoverDefinition = UIOverrides.defineConfig({ base: ["pt-2 outline-none"] });
-const menuPopoverWrapperDefinition = UIOverrides.defineConfig({ base: ["overflow-hidden rounded-list-rounding-dropdown border border-elevation-outline-default-1 shadow-5 outline-none"] });
-//#endregion
 //#region src/components/DropdownMenu/MenuItem.tsx
 const MenuItem = (t0) => {
 	const $ = c(9);
@@ -72,7 +43,7 @@ const MenuItem = (t0) => {
 	const t2 = content ?? label;
 	let t3;
 	if ($[0] !== hasSubmenu) {
-		t3 = hasSubmenu && /* @__PURE__ */ jsx(ArrowRight, { className: "size-6" });
+		t3 = hasSubmenu && /* @__PURE__ */ jsx(IconSlot, { icon: ArrowRight });
 		$[0] = hasSubmenu;
 		$[1] = t3;
 	} else t3 = $[1];
@@ -105,10 +76,10 @@ const MenuPopover = (t0) => {
 	const menuPopoverWrapperCva = UIOverrides.useCva("dropdownMenu.popoverWrapperCva", menuPopoverWrapperDefinition);
 	const menuCva = UIOverrides.useCva("dropdownMenu.cva", dropdownMenuDefinition);
 	const T0 = $542a13ca2fa5b484$export$5b6b19405a83ff9d;
-	const t1 = menuPopoverCva({
+	const t1 = clsx(popoverAnimationClassName, menuPopoverCva({
 		...props,
 		className
-	});
+	}));
 	let t2;
 	if ($[0] !== menuPopoverWrapperCva) {
 		t2 = menuPopoverWrapperCva({});
@@ -252,4 +223,4 @@ const DropdownMenuDesktop = (t0) => {
 	return t2;
 };
 //#endregion
-export { menuItemDefinition as a, dropdownMenuDefinition as i, MenuPopover as n, menuPopoverDefinition as o, MenuItem as r, menuPopoverWrapperDefinition as s, DropdownMenuDesktop as t };
+export { ArrowRight as i, MenuPopover as n, MenuItem as r, DropdownMenuDesktop as t };

package/dist/{FileInput-BUs7wL0_.js → FileInput-DUyc_sVu.js}

@@ -1,27 +1,26 @@
-import { t as UIConfig } from "./uiConfig.context-RFvaQYzD.js";
-import { n as $070c0dd15dc89b58$export$3c6489d84dc98b6, r as Upload, t as $b325d7bd7e74496a$export$6fb4a10d2c950550 } from "./FileTrigger-CDXcQthK.js";
+import { t as UIConfig } from "./uiConfig.context-BS3r_kTS.js";
+import { t as Upload } from "./upload-CXU83BJ4.js";
 import { t as X } from "./x-B6vfz8Ps.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
-import { n as cva, t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
-import { t as Typography } from "./Typography-AcUd9df8.js";
-import { t as Button } from "./Button-CcZBqoQp.js";
+import { r as cva, t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
+import { n as $070c0dd15dc89b58$export$3c6489d84dc98b6, t as $b325d7bd7e74496a$export$6fb4a10d2c950550 } from "./FileTrigger-Cthk5_Wp.js";
+import { t as Typography } from "./Typography-LU4z2pR1.js";
+import { t as Button } from "./Button-C5rv4Cr2.js";
 import { InlineIconButton } from "./components/inline-icon-button.js";
 import { TextButton } from "./components/text-button.js";
 import { i as $a8ea2faf2ebe4d2f$re_export$useLabels, r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "./import-BE0r63d8.js";
 import { t as FieldController } from "./form.binding-CG1RPv6o.js";
-import { t as FormField } from "./FormField-DTO2cbXC.js";
+import { t as FormField } from "./FormField-9h3JAhaY.js";
 import "./i18n-CX2EjhJI.js";
-import { a as inputSizeDefinition } from "./input.cva-KYGD4Bdz.js";
+import { a as inputSizeDefinition } from "./input.cva-CbMTwuQU.js";
 import { t as FileUtils } from "./file.utils-DqQxnuAm.js";
 import { memo, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 //#region src/components/inputs/File/fileInput.types.ts
 const inputButtonSizeMapping = {
-	"extra-small": "xs",
 	small: "s",
-	default: "m",
-	large: "l"
+	default: "default"
 };
 //#endregion
 //#region src/components/inputs/File/shared/fileInputButton.cva.ts
@@ -45,14 +44,14 @@ const fileInputDropZoneDefinition = UIOverrides.defineConfig({
 		"relative",
 		"min-w-0 flex-1",
 		"flex items-center",
-		"group-invalid/input-upload:border group-invalid/input-upload:border-input-outlined-outline-error",
-		"data-[drop-target]:border-input-outlined-outline-hover",
-		"hover:border-input-outlined-outline-hover"
+		"group-invalid/input-upload:border group-invalid/input-upload:border-border-destructive-base",
+		"data-[drop-target]:border-state-border-default-input/hover",
+		"hover:border-state-border-default-input/hover"
 	],
 	config: {
 		variants: { variant: {
-			default: ["rounded-input-rounding-default border border-input-outlined-outline-idle border-solid bg-input-outlined-idle"],
-			nested: ["rounded-input-rounding-default border border-input-outlined-outline-idle border-solid bg-input-outlined-idle"]
+			default: ["rounded-input-rounding-default border border-border-default-input border-solid bg-surface-default-background"],
+			nested: ["rounded-input-rounding-default border border-border-default-input border-solid bg-surface-default-background"]
 		} },
 		defaultVariants: { variant: "default" }
 	}
@@ -80,12 +79,12 @@ const FileInputContent = (props) => {
 				isDisabled,
 				className: clsx(fileInputDropZone({ variant }), inputSizeCva({ size })),
 				children: [/* @__PURE__ */ jsx(Typography, {
-					variant: "default",
-					size: "label-1",
+					size: "large",
 					as: "span",
-					className: "min-w-0 flex-fill select-none truncate text-text-default-3",
+					className: "min-w-0 flex-fill select-none truncate text-surface-default-popover-foreground",
 					children: placeholder ?? t(($) => $.ui.fileUpload.emptyText)
 				}), variant === "nested" && /* @__PURE__ */ jsx(TextButton, {
+					size: "none",
 					isDisabled,
 					icon: Upload,
 					children: buttonText ?? t(($) => $.ui.fileUpload.upload)
@@ -105,12 +104,11 @@ const FileInputContent = (props) => {
 const FileInputFilled = ({ files, onRemove, isDisabled, size }) => {
 	const inputSizeCva = UIOverrides.useCva("input.sizeCva", inputSizeDefinition);
 	return /* @__PURE__ */ jsxs("div", {
-		className: clsx("flex items-center rounded-input-rounding-default border border-input-outlined-outline-idle border-solid bg-input-outlined-idle", inputSizeCva({ size })),
+		className: clsx("flex items-center rounded-input-rounding-default border border-border-default-input border-solid bg-surface-default-background", inputSizeCva({ size })),
 		children: [/* @__PURE__ */ jsx(Typography, {
-			variant: "default",
-			size: "label-1",
+			size: "large",
 			as: "span",
-			className: "flex-fill select-none truncate text-ellipsis text-text-default-1 input-disabled:text-text-default-3",
+			className: "flex-fill select-none truncate text-ellipsis text-surface-default-card-foreground input-disabled:text-surface-default-popover-foreground",
 			children: files.map((file) => file.name).join(", ")
 		}), /* @__PURE__ */ jsx(InlineIconButton, {
 			label: "Remove files",

package/dist/{FileInput-CI8D_wf_.d.ts → FileInput-Dt3UDg2s.d.ts}

@@ -1,9 +1,10 @@
-import { n as StyleMergeUtils, t as UIOverrides } from "./uiOverrides.context-C3xb4Ttq.js";
-import "./button.cva-ChabF4Am.js";
+import { t as StyleMergeUtils } from "./style-merge.util-zLimKwt6.js";
+import { t as UIOverrides } from "./uiOverrides.context-DEp139He.js";
+import "./button.cva-C7kEhgoA.js";
 import { n as FieldValues } from "./form.binding-DVJ5F0JE.js";
 import { t as ControlProps } from "./form.types-CecYaerF.js";
-import { n as FormFieldProps } from "./FormField-DTDj3F0A.js";
-import { t as InputSizeProps } from "./input.cva-ByFuAEIS.js";
+import { n as FormFieldProps } from "./FormField-C8_T6by9.js";
+import { t as InputSizeProps } from "./input.cva-CQPV5gW7.js";
 import { Ref } from "react";
 import { DropZoneProps, FileTriggerProps } from "react-aria-components";
 import { ClassProp } from "class-variance-authority/types";
@@ -23,8 +24,8 @@ declare const fileInputDropZoneDefinition: {
   base: string[];
   config: StyleMergeUtils.Config<{
     readonly variant: {
-      default: ["rounded-input-rounding-default border border-input-outlined-outline-idle border-solid bg-input-outlined-idle"];
-      nested: ["rounded-input-rounding-default border border-input-outlined-outline-idle border-solid bg-input-outlined-idle"];
+      default: ["rounded-input-rounding-default border border-border-default-input border-solid bg-surface-default-background"];
+      nested: ["rounded-input-rounding-default border border-border-default-input border-solid bg-surface-default-background"];
     };
   }>;
 };

package/dist/{FileTrigger-CDXcQthK.js → FileTrigger-Cthk5_Wp.js}

@@ -1,4 +1,3 @@
-import { t as createLucideIcon } from "./createLucideIcon-LcezOE4z.js";
 import { n as $7230ffa83bc0c2cf$export$29f1550f4b0d4415, r as $7230ffa83bc0c2cf$export$4d86445c2cf5e3, s as $7230ffa83bc0c2cf$export$df3a06d6289f983e, t as $7230ffa83bc0c2cf$export$2881499e37b75b9a } from "./utils-Czcqspm7.js";
 import { t as $efe09c6d1c304b50$export$9afb8bc826b033ea } from "./Text-D2MPZ3sY.js";
 import { n as $41fb335299a4a39e$export$f5b8910cec6cf069 } from "./Input-BsbLZDtC.js";
@@ -20,34 +19,6 @@ import { isFocusable } from "react-aria/private/utils/isFocusable";
 import { useClipboard } from "react-aria/useClipboard";
 import { useLabels } from "react-aria/private/utils/useLabels";
 import { useSlotId } from "react-aria/private/utils/useId";
-//#region ../../node_modules/.bun/lucide-react@1.43.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/upload.mjs
-/**
-* @license lucide-react v1.43.0 - ISC
-*
-* This source code is licensed under the ISC license.
-* See the LICENSE file in the root directory of this source tree.
-*/
-const __iconData = {
-	name: "upload",
-	size: 24,
-	node: [
-		["path", {
-			d: "M12 3v12",
-			key: "1x0j5s"
-		}],
-		["path", {
-			d: "m17 8-5-5-5 5",
-			key: "7q97r8"
-		}],
-		["path", {
-			d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4",
-			key: "ih7n3h"
-		}]
-	]
-};
-__iconData.node;
-const Upload = createLucideIcon(__iconData);
-//#endregion
 //#region ../../node_modules/.bun/react-aria-components@1.21.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/DropZone.mjs
 function $parcel$interopDefault(a) {
 	return a && a.__esModule ? a.default : a;
@@ -149,4 +120,4 @@ const $b325d7bd7e74496a$export$6fb4a10d2c950550 = /*#__PURE__*/ forwardRef(funct
 	}));
 });
 //#endregion
-export { $070c0dd15dc89b58$export$3c6489d84dc98b6 as n, Upload as r, $b325d7bd7e74496a$export$6fb4a10d2c950550 as t };
+export { $070c0dd15dc89b58$export$3c6489d84dc98b6 as n, $b325d7bd7e74496a$export$6fb4a10d2c950550 as t };

package/dist/{FileUpload-BrnJdN3M.d.ts → FileUpload-BXlKtQ4L.d.ts}

@@ -1,5 +1,5 @@
 import { n as FieldValues } from "./form.binding-DVJ5F0JE.js";
-import { o as FileUploadProps } from "./fileUpload.types-xFzuCT_m.js";
+import { o as FileUploadProps } from "./fileUpload.types-rIGu4MgY.js";
 //#region src/components/inputs/File/FileUpload.d.ts
 declare const FileUploadComponent: <TFieldValues extends FieldValues = FieldValues>(props: FileUploadProps<TFieldValues>) => import("react").JSX.Element;
 declare const FileUpload: typeof FileUploadComponent;