@povio/ui 5.0.0-rc.2 → 5.0.0-rc.4

package/dist/{Tooltip-aE1Vswxz.js → Tooltip-CpG1nz7Y.js}

@@ -1,13 +1,14 @@
 import { t as ChevronLeft } from "./chevron-left-Dgo_b9wJ.js";
 import { t as ChevronUp } from "./chevron-up-D_Gqpb5M.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
+import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.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 { n as $4fcfe18fac72dabd$export$746d02f47f4d381, t as $4fcfe18fac72dabd$export$2de4954e8ae13b9f } from "./OverlayArrow-D8z7cCsw.js";
-import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
-import { t as $d1116acdf220c2da$export$4c014de7c8940b4c } from "./useFocusable-Bd0UsrQ7.js";
-import { t as Typography } from "./Typography-B0Gp1lpc.js";
+import { i as tooltipTextDefinition, n as tooltipPointerHorizontalDefinition, r as tooltipPointerVerticalDefinition, t as tooltipDefinition } from "./tooltip.cva-BIzlOXHH.js";
+import { t as Typography } from "./Typography-LU4z2pR1.js";
 import $ahdqC$react, { Fragment, createContext, forwardRef, useContext, useRef } from "react";
 import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { mergeProps } from "react-aria/mergeProps";
 import { filterDOMProps } from "react-aria/filterDOMProps";
 import { useEnterAnimation, useExitAnimation } from "react-aria/private/utils/animation";
@@ -16,7 +17,7 @@ import { useTooltipTriggerState } from "react-stately/useTooltipTriggerState";
 import { useOverlayPosition } from "react-aria/useOverlayPosition";
 import { OverlayContainer } from "react-aria/private/overlays/useModal";
 import { useTooltip, useTooltipTrigger } from "react-aria/useTooltipTrigger";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { useFocusable } from "react-aria";
 //#region ../../node_modules/.bun/react-aria-components@1.21.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/Tooltip.mjs
 const $05a50f7d78b03ad9$export$7a7623236eec67fa = /*#__PURE__*/ createContext(null);
 const $05a50f7d78b03ad9$export$39ae08fa83328b12 = /*#__PURE__*/ createContext(null);
@@ -95,48 +96,6 @@ function $05a50f7d78b03ad9$var$TooltipInner(props) {
 	} }, renderProps.children));
 }
 //#endregion
-//#region src/components/overlays/Tooltip/tooltip.cva.ts
-const tooltipDefinition = UIOverrides.defineConfig({
-	base: ["group max-w-64 rounded-tooltip-rounding-default px-tooltip-side-default py-tooltip-height-default shadow-2"],
-	config: {
-		variants: { color: {
-			default: ["bg-surface-inverted-card"],
-			error: ["w-max bg-surface-destructive-base"]
-		} },
-		defaultVariants: { color: "default" }
-	}
-});
-const tooltipPointerHorizontalDefinition = UIOverrides.defineConfig({
-	base: ["h-5 group-placement-left:hidden group-placement-right:hidden group-placement-top:rotate-180 group-placement-bottom:translate-y-2 group-placement-top:-translate-y-2"],
-	config: {
-		variants: { color: {
-			default: ["text-surface-inverted-card"],
-			error: ["text-surface-destructive-base"]
-		} },
-		defaultVariants: { color: "default" }
-	}
-});
-const tooltipPointerVerticalDefinition = UIOverrides.defineConfig({
-	base: ["w-5 group-placement-bottom:hidden group-placement-top:hidden group-placement-left:rotate-180 group-placement-left:-translate-x-2 group-placement-right:translate-x-2"],
-	config: {
-		variants: { color: {
-			default: ["text-surface-inverted-card"],
-			error: ["text-surface-destructive-base"]
-		} },
-		defaultVariants: { color: "default" }
-	}
-});
-const tooltipTextDefinition = UIOverrides.defineConfig({
-	base: [],
-	config: {
-		variants: { color: {
-			default: ["text-surface-inverted-card-foreground"],
-			error: ["text-surface-destructive-inverted-base"]
-		} },
-		defaultVariants: { color: "default" }
-	}
-});
-//#endregion
 //#region src/components/overlays/Tooltip/Tooltip.tsx
 const CustomTrigger = (t0) => {
 	const $ = c(8);
@@ -147,7 +106,7 @@ const CustomTrigger = (t0) => {
 		t1 = {};
 		$[0] = t1;
 	} else t1 = $[0];
-	const { focusableProps } = $d1116acdf220c2da$export$4c014de7c8940b4c(t1, ref);
+	const { focusableProps } = useFocusable(t1, ref);
 	const t2 = tabIndex ?? 0;
 	let t3;
 	if ($[1] !== className) {
@@ -253,7 +212,7 @@ const Tooltip = (t0) => {
 	let t11;
 	if ($[22] !== t10 || $[23] !== text) {
 		t11 = /* @__PURE__ */ jsx(Typography, {
-			size: "small",
+			size: "large",
 			className: t10,
 			children: text
 		});
@@ -295,4 +254,4 @@ const Tooltip = (t0) => {
 	return t13;
 };
 //#endregion
-export { tooltipTextDefinition as a, tooltipPointerVerticalDefinition as i, tooltipDefinition as n, tooltipPointerHorizontalDefinition as r, Tooltip as t };
+export { Tooltip as t };

package/dist/{Tooltip-D7dNwGy9.d.ts → Tooltip-DHv6vAqW.d.ts}

@@ -1,4 +1,5 @@
-import { n as StyleMergeUtils, t as UIOverrides } from "./uiOverrides.context-C3xb4Ttq.js";
+import { t as StyleMergeUtils } from "./style-merge.util-zLimKwt6.js";
+import { t as UIOverrides } from "./uiOverrides.context-DEp139He.js";
 import { PropsWithChildren, ReactNode } from "react";
 import { TooltipProps } from "react-aria-components";
 //#region src/components/overlays/Tooltip/tooltip.cva.d.ts
@@ -6,7 +7,7 @@ declare const tooltipDefinition: {
   base: string[];
   config: StyleMergeUtils.Config<{
     readonly color: {
-      default: ["bg-surface-inverted-card"];
+      default: ["bg-interactive-secondary-background"];
       error: ["w-max bg-surface-destructive-base"];
     };
   }>;
@@ -17,7 +18,7 @@ declare const tooltipPointerHorizontalDefinition: {
   base: string[];
   config: StyleMergeUtils.Config<{
     readonly color: {
-      default: ["text-surface-inverted-card"];
+      default: ["text-interactive-secondary-background"];
       error: ["text-surface-destructive-base"];
     };
   }>;
@@ -26,7 +27,7 @@ declare const tooltipPointerVerticalDefinition: {
   base: string[];
   config: StyleMergeUtils.Config<{
     readonly color: {
-      default: ["text-surface-inverted-card"];
+      default: ["text-interactive-secondary-background"];
       error: ["text-surface-destructive-base"];
     };
   }>;
@@ -35,7 +36,7 @@ declare const tooltipTextDefinition: {
   base: string[];
   config: StyleMergeUtils.Config<{
     readonly color: {
-      default: ["text-surface-inverted-card-foreground"];
+      default: ["text-interactive-secondary-foreground"];
       error: ["text-surface-destructive-inverted-base"];
     };
   }>;

package/dist/{TooltipWrapper-CRf-JFeo.js → TooltipWrapper-3jyN0Wss.js}

@@ -1,9 +1,9 @@
-import { t as UIConfig } from "./uiConfig.context-D2eUIPHn.js";
+import { t as UIConfig } from "./uiConfig.context-BS3r_kTS.js";
 import { t as X } from "./x-B6vfz8Ps.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
-import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
+import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
 import "./i18n-CX2EjhJI.js";
-import { n as inputClearClassDefinition } from "./input.cva-BcXyC1vZ.js";
+import { n as inputClearClassDefinition } from "./input.cva-DJA8ovm_.js";
 import { Suspense, lazy } from "react";
 import { jsx } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
@@ -46,7 +46,7 @@ const InputClearButton = ({ onClear, className, style }) => {
 };
 //#endregion
 //#region src/components/inputs/shared/TooltipWrapper.tsx
-const InlineTooltipWrapper = lazy(() => import("./InlineTooltipWrapper-g5yoeH1B.js"));
+const InlineTooltipWrapper = lazy(() => import("./InlineTooltipWrapper-BpApaGXV.js"));
 const TooltipWrapper = (props) => {
 	if (props.as !== "inline") return props.children;
 	return /* @__PURE__ */ jsx(Suspense, {

package/dist/{Typography-B0Gp1lpc.js → Typography-LU4z2pR1.js}

@@ -1,5 +1,5 @@
-import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
-import { t as typographyDefinition } from "./typography.cva-CJZZSGXW.js";
+import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
+import { t as typographyDefinition } from "./typography.cva-iD15k56p.js";
 import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/text/Typography/Typography.tsx

package/dist/{Typography-BiuidzDC.d.ts → Typography-XljT9s02.d.ts}

@@ -1,4 +1,4 @@
-import { t as TypographyVariantProps } from "./typography.cva-jtp6WWUH.js";
+import { t as TypographyVariantProps } from "./typography.cva-D1JOEYl-.js";
 import { HTMLAttributes, Ref } from "react";
 //#region src/components/text/Typography/Typography.d.ts
 type TypographyTag = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | "div";

package/dist/accordion.cva-CL1bVscW.js

@@ -0,0 +1,129 @@
+import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
+//#region src/components/navigation/Accordion/accordion.cva.ts
+const accordionDefinition = UIOverrides.defineConfig({
+	base: ["flex w-full flex-col"],
+	config: {
+		variants: {
+			variant: {
+				filled: "gap-1",
+				outlined: ""
+			},
+			singleItem: {
+				true: "",
+				false: ""
+			}
+		},
+		defaultVariants: {
+			variant: "filled",
+			singleItem: false
+		},
+		compoundVariants: [{
+			variant: "outlined",
+			singleItem: false,
+			className: "rounded-global-rounding-s border border-border-default-subtle"
+		}]
+	}
+});
+const accordionItemDefinition = UIOverrides.defineConfig({
+	base: ["flex w-full flex-col"],
+	config: {
+		variants: {
+			variant: {
+				filled: "rounded-accordion-rounding-filled bg-surface-default-background",
+				outlined: ""
+			},
+			singleItem: {
+				true: "",
+				false: ""
+			}
+		},
+		defaultVariants: {
+			variant: "filled",
+			singleItem: false
+		},
+		compoundVariants: [{
+			singleItem: true,
+			variant: "outlined",
+			className: "border-border-default-subtle border-b"
+		}, {
+			singleItem: false,
+			variant: "outlined",
+			className: "not-last:border-border-default-subtle not-last:border-b"
+		}]
+	}
+});
+const accordionTriggerDefinition = UIOverrides.defineConfig({
+	base: [
+		"group flex w-full items-center gap-accordion-gap-content-to-arrow",
+		"px-accordion-side-accordion py-accordion-height-accordion",
+		"outline-none focus-visible:ring-2 focus-visible:ring-interactive-ring"
+	],
+	config: {
+		variants: {
+			variant: {
+				outlined: "rounded-accordion-rounding-outlined hover:bg-state-surface-default-popover/hover",
+				filled: "rounded-accordion-rounding-filled bg-surface-default-background hover:bg-state-surface-default-popover/hover"
+			},
+			actionPosition: {
+				left: "flex-row-reverse",
+				right: "flex-row"
+			},
+			disabled: { true: "opacity-50" }
+		},
+		defaultVariants: {
+			variant: "filled",
+			actionPosition: "right"
+		}
+	}
+});
+const accordionHeadingDefinition = UIOverrides.defineConfig({
+	base: ["flex flex-1 items-center justify-between gap-accordion-gap-content-to-arrow"],
+	config: {
+		variants: {},
+		defaultVariants: {}
+	}
+});
+const accordionHeadingTitleDefinition = UIOverrides.defineConfig({
+	base: ["flex-1 text-left text-surface-default-card-foreground"],
+	config: {
+		variants: {},
+		defaultVariants: {}
+	}
+});
+const accordionHeadingSubtitleDefinition = UIOverrides.defineConfig({
+	base: ["flex-1 text-left text-surface-default-foreground"],
+	config: {
+		variants: {},
+		defaultVariants: {}
+	}
+});
+const accordionChevronDefinition = UIOverrides.defineConfig({
+	base: ["size-icons-size shrink-0 text-surface-default-popover-foreground transition-transform duration-200"],
+	config: {
+		variants: { isExpanded: {
+			true: "rotate-180",
+			false: "rotate-0"
+		} },
+		defaultVariants: { isExpanded: false }
+	}
+});
+const accordionIconDefinition = UIOverrides.defineConfig({
+	base: ["size-icons-size shrink-0 text-surface-default-popover-foreground"],
+	config: {
+		variants: {},
+		defaultVariants: {}
+	}
+});
+const accordionPanelDefinition = UIOverrides.defineConfig({
+	base: ["px-accordion-side-accordion pt-0 pb-accordion-height-accordion"],
+	config: { variants: { isExpanded: { true: "" } } }
+});
+const accordionPanelContentDefinition = UIOverrides.defineConfig({
+	base: ["py-accordion-height-content"],
+	config: {
+		variants: {},
+		defaultVariants: {}
+	}
+});
+//#endregion
+export { accordionHeadingTitleDefinition as a, accordionPanelContentDefinition as c, accordionHeadingSubtitleDefinition as i, accordionPanelDefinition as l, accordionDefinition as n, accordionIconDefinition as o, accordionHeadingDefinition as r, accordionItemDefinition as s, accordionChevronDefinition as t, accordionTriggerDefinition as u };

package/dist/{autocomplete-BJ7rqWa4.d.ts → autocomplete-DeERHN8W.d.ts}

@@ -1,5 +1,5 @@
-import { c as SingleSelectProps, i as MultiSelectProps, r as GroupedSelectProps, t as DefaultInitialSelectItem } from "./SelectBase-7SE9Za2r.js";
-import { n as AutocompleteProps } from "./Autocomplete-CQ63Cynd.js";
+import { c as SingleSelectProps, i as MultiSelectProps, r as GroupedSelectProps, t as DefaultInitialSelectItem } from "./SelectBase-Omiq2D3M.js";
+import { n as AutocompleteProps } from "./Autocomplete-BwNHp8fy.js";
 import { t as ControlProps } from "./form.types-ZNGbcqJS.js";
 import { t as FireBlurOnChangeProps } from "./fieldAdapter-C4sDFC8f.js";
 import { Key } from "react-aria-components";

package/dist/badgeButton.cva-B2bgCQP6.d.ts

@@ -0,0 +1,41 @@
+import { t as StyleMergeUtils } from "./style-merge.util-zLimKwt6.js";
+import { t as UIOverrides } from "./uiOverrides.context-DEp139He.js";
+import "./typography.cva-D1JOEYl-.js";
+//#region src/components/buttons/BadgeButton/badgeButton.cva.d.ts
+declare const badgeButtonDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly color: {
+      readonly primary: "";
+      readonly secondary: "";
+      readonly success: "";
+      readonly warning: "";
+      readonly error: "";
+    };
+    readonly hasIcon: {
+      readonly true: "px-badge-side-dismissable";
+      readonly false: "px-badge-side-default";
+    };
+    readonly variant: {
+      readonly contained: "";
+      readonly solid: "";
+      readonly outlined: "";
+      readonly outline: "";
+      readonly subtle: "";
+    };
+  }>;
+};
+type BadgeButtonConfig = NonNullable<typeof badgeButtonDefinition.config>;
+interface BadgeButtonVariants extends Omit<UIOverrides.VariantProps<BadgeButtonConfig>, "hasIcon"> {}
+declare const badgeButtonContentDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly iconPosition: {
+      readonly left: "gap-button-gap-icon-to-label";
+      readonly right: "gap-button-gap-icon-to-label";
+      readonly none: "gap-button-gap-icon-to-label";
+    };
+  }>;
+};
+//#endregion
+export { badgeButtonContentDefinition as n, badgeButtonDefinition as r, BadgeButtonVariants as t };