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

package/dist/tooltip.cva-BIzlOXHH.js

@@ -0,0 +1,48 @@
+import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
+//#region src/components/overlays/Tooltip/tooltip.cva.ts
+const tooltipDefinition = UIOverrides.defineConfig({
+	base: [
+		"group flex max-w-64 items-center justify-center gap-2 rounded-tooltip-rounding-default px-tooltip-side-default py-tooltip-height-default shadow-2",
+		"transition-[opacity,scale] duration-100 ease-out starting:scale-96 starting:opacity-0 entering:scale-96 entering:opacity-0 exiting:scale-96 exiting:opacity-0 motion-reduce:transition-none",
+		"data-[placement=top]:origin-bottom data-[placement=bottom]:origin-top data-[placement=left]:origin-right data-[placement=right]:origin-left"
+	],
+	config: {
+		variants: { color: {
+			default: ["bg-interactive-secondary-background"],
+			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-interactive-secondary-background"],
+			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-interactive-secondary-background"],
+			error: ["text-surface-destructive-base"]
+		} },
+		defaultVariants: { color: "default" }
+	}
+});
+const tooltipTextDefinition = UIOverrides.defineConfig({
+	base: [],
+	config: {
+		variants: { color: {
+			default: ["text-interactive-secondary-foreground"],
+			error: ["text-surface-destructive-inverted-base"]
+		} },
+		defaultVariants: { color: "default" }
+	}
+});
+//#endregion
+export { tooltipTextDefinition as i, tooltipPointerHorizontalDefinition as n, tooltipPointerVerticalDefinition as r, tooltipDefinition as t };

package/dist/{tooltipWrapper.cva-CUu8pI-a.js → tooltipWrapper.cva-BBQ4ic3D.js}

@@ -1,4 +1,4 @@
-import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
+import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
 //#region src/components/inputs/shared/tooltipWrapper.cva.ts
 const tooltipWrapperTriggerDefinition = UIOverrides.defineConfig({ base: ["inline-flex"] });
 //#endregion

package/dist/{typography.cva-jtp6WWUH.d.ts → typography.cva-D1JOEYl-.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";
 //#region src/components/text/Typography/typography.cva.d.ts
 declare const typographyDefinition: {
   base: string[];

package/dist/{typography.cva-CJZZSGXW.js → typography.cva-iD15k56p.js}

@@ -1,4 +1,4 @@
-import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
+import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
 //#region src/components/text/Typography/typography.cva.ts
 const typographyDefinition = UIOverrides.defineConfig({
 	base: [""],

package/dist/{uiConfig.context-D2eUIPHn.js → uiConfig.context-BS3r_kTS.js}

@@ -378,4 +378,4 @@ function _temp(val) {
 	return val !== null && val !== void 0;
 }
 //#endregion
-export { isEqual as a, useDeepCompareMemo as i, useDeepCompareEffect as n, ObjectUtils as o, useDeepCompareLayoutEffect as r, UIConfig as t };
+export { isEqual as a, useDeepCompareMemo as i, useDeepCompareEffect as n, ObjectUtils as o, useDeepCompareLayoutEffect as r, Calendar as s, UIConfig as t };

package/dist/{uiConfig.context-aoarCLYX.d.ts → uiConfig.context-DeBX2beU.d.ts}

@@ -1,11 +1,11 @@
-import { t as TypographyVariantProps } from "./typography.cva-jtp6WWUH.js";
-import { n as ButtonVariantProps } from "./button.cva-BvRI-3Gn.js";
-import { t as CheckboxVariantProps } from "./checkbox.cva-gv87kr1W.js";
-import { n as InputVariantProps } from "./input.cva-BhDJxc7r.js";
-import { t as RadioVariantProps } from "./radio.cva-BlOrmxzf.js";
-import { t as SwitchVariantProps } from "./switch.cva-8T0fw31t.js";
-import { r as TypographyPropsCva } from "./Typography-BiuidzDC.js";
-import { t as ToastVariantProps } from "./toast.cva-Cj6o2Rmu.js";
+import { t as TypographyVariantProps } from "./typography.cva-D1JOEYl-.js";
+import { n as ButtonVariantProps } from "./button.cva-C7kEhgoA.js";
+import { t as CheckboxVariantProps } from "./checkbox.cva-t1Ox50hy.js";
+import { n as InputVariantProps } from "./input.cva-BsHgYa-L.js";
+import { t as RadioVariantProps } from "./radio.cva-DN9VQ3Kb.js";
+import { t as SwitchVariantProps } from "./switch.cva-CWNzmdRc.js";
+import { r as TypographyPropsCva } from "./Typography-XljT9s02.js";
+import { t as ToastVariantProps } from "./toast.cva-By5lvAfr.js";
 import { FC, PropsWithChildren, ReactElement, SVGProps } from "react";
 import { ToastPosition } from "react-toastify";
 //#region src/config/uiConfig.types.d.ts

package/dist/{uiOverrides.context-Bfm2n-n8.js → uiOverrides.context-BTCH9y5a.js}

@@ -309,7 +309,7 @@ let UIOverrides;
 		} else t1 = $[2];
 		return t1;
 	};
-	const useConfig = () => {
+	const useConfig = _UIOverrides.useConfig = () => {
 		return use(Context);
 	};
 	const useCvaOverride = _UIOverrides.useCvaOverride = (key) => {
@@ -396,4 +396,4 @@ let UIOverrides;
 	};
 })(UIOverrides || (UIOverrides = {}));
 //#endregion
-export { cva as n, UIOverrides as t };
+export { StyleMergeUtils as n, cva as r, UIOverrides as t };

package/dist/{uiOverrides.context-C3xb4Ttq.d.ts → uiOverrides.context-DEp139He.d.ts}

@@ -1,49 +1,12 @@
-import { n as ConfigSchema$1, t as CompoundMapper } from "./compoundMapper-CMoX98D2.js";
+import { t as StyleMergeUtils } from "./style-merge.util-zLimKwt6.js";
+import { n as ConfigSchema, t as CompoundMapper } from "./compoundMapper-CMoX98D2.js";
 import { PropsWithChildren } from "react";
-import { ClassProp, ClassValue, StringToBoolean } from "class-variance-authority/types";
-//#region src/utils/style-merge.util.d.ts
-declare namespace StyleMergeUtils {
-  export type OverrideMode = "merge" | "overrideEntry" | "overrideCva";
-  export interface CvaVariantMap {
-    [variant: string]: {
-      [value: string]: ClassValue;
-    };
-  }
-  export type ConfigSchema = CvaVariantMap;
-  export type ConfigVariants<TSchema extends ConfigSchema> = { [K in keyof TSchema]?: StringToBoolean<keyof NonNullable<TSchema[K]>> | null | undefined; };
-  export type ConfigVariantsMulti<TSchema extends ConfigSchema> = { [K in keyof TSchema]?: StringToBoolean<keyof NonNullable<TSchema[K]>> | StringToBoolean<keyof NonNullable<TSchema[K]>>[] | undefined; };
-  export interface Config<TSchema extends ConfigSchema> {
-    variants?: TSchema;
-    defaultVariants?: ConfigVariants<TSchema>;
-    compoundVariants?: Array<(ConfigVariants<TSchema> | ConfigVariantsMulti<TSchema>) & ClassProp>;
-  }
-  export interface CvaCompoundEntry {
-    [key: string]: unknown;
-    class?: ClassValue;
-    className?: ClassValue;
-  }
-  export interface CvaConfigShape {
-    variants?: CvaVariantMap;
-    compoundVariants?: CvaCompoundEntry[];
-    defaultVariants?: Record<string, unknown>;
-  }
-  export interface CvaDefinition<TConfig extends CvaConfigShape> {
-    base: string[];
-    config?: TConfig;
-  }
-  type DeepOptionalOverride<T> = T extends string ? string : T extends (infer U)[] ? DeepOptionalOverride<U>[] : T extends object ? { [K in keyof T]?: DeepOptionalOverride<T[K]>; } : T;
-  export type CvaConfigOverride<TConfig extends CvaConfigShape = CvaConfigShape> = DeepOptionalOverride<CvaDefinition<TConfig>> & {
-    mode: OverrideMode;
-  };
-  export const mergeCvaDefinition: <TConfig extends CvaConfigShape>(baseDefinition: CvaDefinition<TConfig>, override?: CvaConfigOverride<TConfig>) => CvaDefinition<TConfig>;
-  export {};
-}
-//#endregion
+import { ClassProp } from "class-variance-authority/types";
 //#region src/config/uiOverrides.context.d.ts
 declare namespace UIOverrides {
   export type Cva<T> = (props?: (T & ClassProp) | ClassProp) => string;
   type GenericCva = Cva<unknown>;
-  type Mapper = CompoundMapper<unknown, ConfigSchema$1>;
+  type Mapper = CompoundMapper<unknown, ConfigSchema>;
   type GenericCvaOption = StyleMergeUtils.CvaConfigOverride | GenericCva;
   type OptionKey = { [K in keyof Options]: Options[K] extends object ? `${K & string}.${keyof Options[K] & string}` : never; }[keyof Options];
   type OptionValue<K extends OptionKey> = K extends `${infer TSection}.${infer TSlot}` ? TSection extends keyof Options ? TSlot extends keyof Options[TSection] ? Options[TSection][TSlot] : never : never : never;
@@ -59,6 +22,9 @@ declare namespace UIOverrides {
   export type VariantProps<TConfig> = [keyof VariantSchema<ExtractConfig<TConfig>>] extends [never] ? EmptyObject : StyleMergeUtils.ConfigVariants<Extract<VariantSchema<ExtractConfig<TConfig>>, StyleMergeUtils.ConfigSchema>>;
   export type OverrideVariantProps<TOverride> = VariantProps<ExtractConfig<TOverride>>;
   export interface Options {
+    iconSlot: {
+      cva?: GenericCvaOption;
+    };
     button: {
       cva?: GenericCvaOption;
       sizeCva?: GenericCvaOption;
@@ -66,7 +32,7 @@ declare namespace UIOverrides {
       iconSize?: GenericCvaOption;
       typography?: Mapper;
     };
-    pillButton: {
+    badgeButton: {
       cva?: GenericCvaOption;
       typography?: Mapper;
     };
@@ -219,6 +185,7 @@ declare namespace UIOverrides {
     config?: Config;
   }
   export const Provider: ({ children, config }: PropsWithChildren<ProviderProps>) => import("react").JSX.Element;
+  export const useConfig: () => Partial<Options> | null | undefined;
   export const useCvaOverride: <K extends OptionKey>(key: K) => undefined;
   export function defineConfig(definition: {
     base: string[];
@@ -236,8 +203,8 @@ declare namespace UIOverrides {
   export const defineOverride: <K extends OptionKey, const TOverride extends NonNullable<OptionValue<K>>>(_key: K, override: TOverride) => TOverride;
   export function useCva<K extends OptionKey>(key: K, fallback: StyleMergeUtils.CvaDefinition<ConfigFromOverride<NonNullable<OptionValue<K>>> & StyleMergeUtils.CvaConfigShape>): Cva<any>;
   export function useCva<K extends OptionKey, TProps>(key: K, fallback: Cva<TProps>): Cva<TProps>;
-  export const useMapper: <T, K extends ConfigSchema$1>(key: OptionKey, fallback: CompoundMapper<T, K>) => CompoundMapper<T, K>;
+  export const useMapper: <T, K extends ConfigSchema>(key: OptionKey, fallback: CompoundMapper<T, K>) => CompoundMapper<T, K>;
   export {};
 }
 //#endregion
-export { StyleMergeUtils as n, UIOverrides as t };
+export { UIOverrides as t };

package/dist/underline-66hmELxa.js

@@ -0,0 +1,81 @@
+import { t as createLucideIcon } from "./createLucideIcon-LcezOE4z.js";
+//#region ../../node_modules/.bun/lucide-react@1.43.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/bold.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$2 = {
+	name: "bold",
+	size: 24,
+	node: [["path", {
+		d: "M6 12h9a4 4 0 0 1 0 8H7a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h7a4 4 0 0 1 0 8",
+		key: "mg9rjx"
+	}]]
+};
+__iconData$2.node;
+const Bold = createLucideIcon(__iconData$2);
+//#endregion
+//#region ../../node_modules/.bun/lucide-react@1.43.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/italic.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$1 = {
+	name: "italic",
+	size: 24,
+	node: [
+		["line", {
+			x1: "19",
+			x2: "10",
+			y1: "4",
+			y2: "4",
+			key: "15jd3p"
+		}],
+		["line", {
+			x1: "14",
+			x2: "5",
+			y1: "20",
+			y2: "20",
+			key: "bu0au3"
+		}],
+		["line", {
+			x1: "15",
+			x2: "9",
+			y1: "4",
+			y2: "20",
+			key: "uljnxc"
+		}]
+	]
+};
+__iconData$1.node;
+const Italic = createLucideIcon(__iconData$1);
+//#endregion
+//#region ../../node_modules/.bun/lucide-react@1.43.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/underline.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: "underline",
+	size: 24,
+	node: [["path", {
+		d: "M6 4v6a6 6 0 0 0 12 0V4",
+		key: "9kb039"
+	}], ["line", {
+		x1: "4",
+		x2: "20",
+		y1: "20",
+		y2: "20",
+		key: "nun2al"
+	}]]
+};
+__iconData.node;
+const Underline = createLucideIcon(__iconData);
+//#endregion
+export { Italic as n, Bold as r, Underline as t };

package/dist/{useBreakpoint-BOA-MyoT.js → useBreakpoint-DQoMN-BG.js}

@@ -1,4 +1,4 @@
-import { t as UIConfig } from "./uiConfig.context-D2eUIPHn.js";
+import { t as UIConfig } from "./uiConfig.context-BS3r_kTS.js";
 import { useSyncExternalStore } from "react";
 import { c } from "react/compiler-runtime";
 //#region src/hooks/useBreakpoint.ts

package/dist/{useFieldAccessibility-D2_Qm26-.js → useFieldAccessibility-B4MVL6fz.js}

@@ -1,11 +1,12 @@
 import { t as clsx } from "./clsx-CnD0nOiA.js";
-import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
-import { t as typographyDefinition } from "./typography.cva-CJZZSGXW.js";
-import { t as Spinner } from "./Spinner-BEYBu85B.js";
+import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
+import { t as IconSlot } from "./IconSlot-DSK7qNxc.js";
+import { t as typographyDefinition } from "./typography.cva-iD15k56p.js";
+import { t as Spinner } from "./Spinner-BeVTUzzx.js";
 import { InlineIconButton } from "./components/inline-icon-button.js";
-import { r as FormFieldLabel } from "./FormField-CHD4OJOt.js";
-import { a as inputSizeDefinition, r as inputContentWrapperDefinition } from "./input.cva-BcXyC1vZ.js";
-import { n as InputClear } from "./TooltipWrapper-CRf-JFeo.js";
+import { r as FormFieldLabel } from "./FormField-U_-d4V_g.js";
+import { a as inputSizeDefinition, r as inputContentWrapperDefinition } from "./input.cva-DJA8ovm_.js";
+import { n as InputClear } from "./TooltipWrapper-DznDgVJB.js";
 import { isValidElement, useId } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/inputs/Input/shared/InputContent.tsx
@@ -25,7 +26,10 @@ const InputContent = ({ leadingIcon: LeadingIcon, trailingIcon: TrailingIcon, un
 			})),
 			children: [LeadingIcon && /* @__PURE__ */ jsx("div", {
 				className: clsx(!isLeadingIconElement && "pointer-events-none"),
-				children: isLeadingIconElement ? LeadingIcon : /* @__PURE__ */ jsx(LeadingIcon, { className: "size-6 text-inherit" })
+				children: /* @__PURE__ */ jsx(IconSlot, {
+					icon: LeadingIcon,
+					className: "text-inherit"
+				})
 			}), /* @__PURE__ */ jsxs("div", {
 				className: inputContentWrapperCva({ as }),
 				children: [as && ["filter", "floating"].includes(as) && headerProps && /* @__PURE__ */ jsx(FormFieldLabel, {
@@ -69,7 +73,10 @@ const InputContent = ({ leadingIcon: LeadingIcon, trailingIcon: TrailingIcon, un
 					className: clsx("border-0!", action.className),
 					"data-static-press-action": ""
 				}),
-				!isLoading && !action && TrailingIcon && (isTrailingIconElement ? TrailingIcon : /* @__PURE__ */ jsx(TrailingIcon, { className: "size-6 text-inherit" }))
+				!isLoading && !action && TrailingIcon && /* @__PURE__ */ jsx(IconSlot, {
+					icon: TrailingIcon,
+					className: "text-inherit"
+				})
 			]
 		})]
 	});

package/dist/{useFormAutosave-BYFn3LH8.js → useFormAutosave-Mg-tdwMh.js}

@@ -1,9 +1,9 @@
-import { a as isEqual, o as ObjectUtils } from "./uiConfig.context-D2eUIPHn.js";
+import { a as isEqual, o as ObjectUtils } from "./uiConfig.context-BS3r_kTS.js";
 import { n as useForm } from "./form.binding-CG1RPv6o.js";
 import { t as StringUtils } from "./string.utils-BPgv6QwA.js";
 import { t as ZodUtils } from "./zod.utils-DrrPDT9v.js";
 import { n as getDefaultInputComponentType } from "./dynamicInputs-CRMWIpHA.js";
-import { t as InputItem } from "./InputItem-2zf6QI5L.js";
+import { t as InputItem } from "./InputItem-D-KuiNSc.js";
 import { useCallback, useEffect, useMemo, useRef } from "react";
 import { jsx } from "react/jsx-runtime";
 import { z } from "zod";

package/dist/{useStaticInputHandoff-DB9PgioW.js → useStaticInputHandoff-CvSBPUB3.js}

@@ -1,20 +1,21 @@
-import { t as UIConfig } from "./uiConfig.context-D2eUIPHn.js";
+import { t as UIConfig } from "./uiConfig.context-BS3r_kTS.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
-import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
-import { t as typographyDefinition } from "./typography.cva-CJZZSGXW.js";
-import { t as Spinner } from "./Spinner-BEYBu85B.js";
+import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
+import { t as IconSlot } from "./IconSlot-DSK7qNxc.js";
+import { t as typographyDefinition } from "./typography.cva-iD15k56p.js";
+import { t as Spinner } from "./Spinner-BeVTUzzx.js";
 import { InlineIconButton } from "./components/inline-icon-button.js";
-import { r as FormFieldLabel, t as FormField } from "./FormField-CHD4OJOt.js";
-import { a as inputSizeDefinition, r as inputContentWrapperDefinition, t as inputBaseDefinition } from "./input.cva-BcXyC1vZ.js";
-import { n as InputClear, t as TooltipWrapper } from "./TooltipWrapper-CRf-JFeo.js";
+import { r as FormFieldLabel, t as FormField } from "./FormField-U_-d4V_g.js";
+import { a as inputSizeDefinition, r as inputContentWrapperDefinition, t as inputBaseDefinition } from "./input.cva-DJA8ovm_.js";
+import { n as InputClear, t as TooltipWrapper } from "./TooltipWrapper-DznDgVJB.js";
 import { isValidElement, useId, useLayoutEffect, useRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useFocusRing as $32daac5f69beb98a$re_export$useFocusRing } from "react-aria/useFocusRing";
 import "react-aria/FocusScope";
 import "react-aria/private/interactions/focusSafely";
 import "react-aria/private/utils/isFocusable";
 import "react-aria/private/interactions/useFocusable";
 import "react-aria/Focusable";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { getFocusableTreeWalker as $32daac5f69beb98a$re_export$getFocusableTreeWalker } from "react-aria/private/focus/FocusScope";
 import "react-aria/FocusRing";
 import "react-aria/private/focus/useHasTabbableChild";
@@ -249,8 +250,10 @@ const inputFrameContentGroupClassNames = {
 	select: "group/select-content"
 };
 const renderIconVisual = (icon) => {
-	if (isValidElement(icon)) return icon;
-	return /* @__PURE__ */ jsx(icon, { className: "size-6 text-inherit" });
+	return /* @__PURE__ */ jsx(IconSlot, {
+		icon,
+		className: "text-inherit"
+	});
 };
 const getInputFrameDataAttributeProps = (dataAttributes) => ({
 	"data-is-empty": dataAttributes?.dataIsEmpty || void 0,