@povio/ui 3.4.0-rc.9 → 4.0.0-rc.2

package/dist/types/index.d.ts

@@ -0,0 +1,2 @@
+import { s as OmitDiscriminatedUnion } from "../common-UBFya8WY.js";
+export type { OmitDiscriminatedUnion };

package/dist/typography.cva-BI0FyIqm.js

@@ -0,0 +1,129 @@
+import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
+//#region src/components/text/Typography/typography.cva.ts
+const typographyDefinition = UIOverrides.defineConfig({
+	base: [""],
+	config: {
+		variants: {
+			size: {
+				"headline-1": "md:text-desktop-headline-1",
+				"title-1": "md:text-desktop-title-1",
+				"title-2": "md:text-desktop-title-2",
+				"title-3": "md:text-desktop-title-3",
+				"title-4": "md:text-desktop-title-4",
+				"title-5": "md:text-desktop-title-5",
+				"title-6": "md:text-desktop-title-6",
+				"body-1": "md:text-desktop-body-1",
+				"body-2": "md:text-desktop-body-2",
+				"body-3": "md:text-desktop-body-3",
+				"body-4": "md:text-desktop-body-4",
+				"label-1": "md:text-label-1",
+				"label-2": "md:text-label-2",
+				"label-3": "md:text-label-3"
+			},
+			sizeMobile: {
+				"headline-1": "text-mobile-headline-1",
+				"title-1": "text-mobile-title-1",
+				"title-2": "text-mobile-title-2",
+				"title-3": "text-mobile-title-3",
+				"title-4": "text-mobile-title-4",
+				"title-5": "text-mobile-title-5",
+				"title-6": "text-mobile-title-6",
+				"body-1": "text-mobile-body-1",
+				"body-2": "text-mobile-body-2",
+				"body-3": "text-mobile-body-3",
+				"body-4": "text-mobile-body-4",
+				"label-1": "text-label-1",
+				"label-2": "text-label-2",
+				"label-3": "text-label-3"
+			},
+			variant: {
+				default: "",
+				"prominent-1": "",
+				"default-italic": "italic",
+				"prominent-1-italic": "italic",
+				"prominent-2": "",
+				"prominent-2-italic": "italic"
+			}
+		},
+		compoundVariants: [
+			{
+				size: [
+					"headline-1",
+					"title-1",
+					"title-2",
+					"title-3",
+					"title-4",
+					"title-5",
+					"title-6"
+				],
+				className: "font-geist"
+			},
+			{
+				size: [
+					"body-1",
+					"body-2",
+					"body-3",
+					"body-4",
+					"label-1",
+					"label-2",
+					"label-3"
+				],
+				className: "font-inter"
+			},
+			{
+				size: [
+					"headline-1",
+					"title-1",
+					"title-2",
+					"title-3",
+					"title-4",
+					"title-5",
+					"title-6",
+					"label-1",
+					"label-2",
+					"label-3"
+				],
+				variant: ["default", "default-italic"],
+				className: "font-medium"
+			},
+			{
+				size: [
+					"headline-1",
+					"title-1",
+					"title-2",
+					"title-3",
+					"title-4",
+					"title-5",
+					"title-6",
+					"label-1",
+					"label-2",
+					"label-3"
+				],
+				variant: ["prominent-1", "prominent-1-italic"],
+				className: "font-semibold"
+			},
+			{
+				size: [
+					"body-1",
+					"body-2",
+					"body-3",
+					"body-4"
+				],
+				variant: ["prominent-1", "prominent-1-italic"],
+				className: "font-medium"
+			},
+			{
+				size: [
+					"body-1",
+					"body-2",
+					"body-3",
+					"body-4"
+				],
+				variant: ["prominent-2", "prominent-2-italic"],
+				className: "font-semibold"
+			}
+		]
+	}
+});
+//#endregion
+export { typographyDefinition as t };

package/dist/typography.cva-YaO6JLqU.d.ts

@@ -0,0 +1,51 @@
+import { n as StyleMergeUtils, t as UIOverrides } from "./uiOverrides.context-C3xb4Ttq.js";
+//#region src/components/text/Typography/typography.cva.d.ts
+declare const typographyDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly size: {
+      readonly "headline-1": "md:text-desktop-headline-1";
+      readonly "title-1": "md:text-desktop-title-1";
+      readonly "title-2": "md:text-desktop-title-2";
+      readonly "title-3": "md:text-desktop-title-3";
+      readonly "title-4": "md:text-desktop-title-4";
+      readonly "title-5": "md:text-desktop-title-5";
+      readonly "title-6": "md:text-desktop-title-6";
+      readonly "body-1": "md:text-desktop-body-1";
+      readonly "body-2": "md:text-desktop-body-2";
+      readonly "body-3": "md:text-desktop-body-3";
+      readonly "body-4": "md:text-desktop-body-4";
+      readonly "label-1": "md:text-label-1";
+      readonly "label-2": "md:text-label-2";
+      readonly "label-3": "md:text-label-3";
+    };
+    readonly sizeMobile: {
+      readonly "headline-1": "text-mobile-headline-1";
+      readonly "title-1": "text-mobile-title-1";
+      readonly "title-2": "text-mobile-title-2";
+      readonly "title-3": "text-mobile-title-3";
+      readonly "title-4": "text-mobile-title-4";
+      readonly "title-5": "text-mobile-title-5";
+      readonly "title-6": "text-mobile-title-6";
+      readonly "body-1": "text-mobile-body-1";
+      readonly "body-2": "text-mobile-body-2";
+      readonly "body-3": "text-mobile-body-3";
+      readonly "body-4": "text-mobile-body-4";
+      readonly "label-1": "text-label-1";
+      readonly "label-2": "text-label-2";
+      readonly "label-3": "text-label-3";
+    };
+    readonly variant: {
+      readonly default: "";
+      readonly "prominent-1": "";
+      readonly "default-italic": "italic";
+      readonly "prominent-1-italic": "italic";
+      readonly "prominent-2": "";
+      readonly "prominent-2-italic": "italic";
+    };
+  }>;
+};
+type TypographyConfig = NonNullable<typeof typographyDefinition.config>;
+interface TypographyVariantProps extends UIOverrides.VariantProps<TypographyConfig> {}
+//#endregion
+export { typographyDefinition as n, TypographyVariantProps as t };

package/dist/uiConfig.context-BB7_zyOU.d.ts

@@ -0,0 +1,126 @@
+import { t as TypographyVariantProps } from "./typography.cva-YaO6JLqU.js";
+import { n as ButtonVariantProps } from "./button.cva-ChabF4Am.js";
+import { t as CheckboxVariantProps } from "./checkbox.cva-DwnPS5df.js";
+import { n as InputVariantProps } from "./input.cva-ByFuAEIS.js";
+import { t as RadioVariantProps } from "./radio.cva-DAq2M13H.js";
+import { t as SwitchVariantProps } from "./switch.cva-BIioyegR.js";
+import { r as TypographyPropsCva } from "./Typography-BWmZd20e.js";
+import { t as ToastVariantProps } from "./toast.cva-LU7TGprV.js";
+import { FC, PropsWithChildren, ReactElement, SVGProps } from "react";
+import { ToastPosition } from "react-toastify";
+//#region src/config/uiConfig.types.d.ts
+type Breakpoint = "sm" | "md" | "lg" | "xl";
+interface DateRangeRelativeOption {
+  value: string;
+  label: string;
+  getValue: () => {
+    start: string;
+    end: string;
+  };
+  isDisabled?: boolean;
+}
+type DatePickerIcon = boolean | FC<SVGProps<SVGSVGElement>> | ReactElement;
+interface UIConfigOptions {
+  renderStaticInput: boolean;
+  responsive: {
+    ssrMatches: Partial<Record<Breakpoint, boolean>>;
+  };
+  input: Pick<InputVariantProps, "variant" | "as" | "size"> & {
+    isClearable?: boolean;
+    hideLabel?: boolean;
+    alwaysShowClear?: boolean;
+  };
+  button: Pick<ButtonVariantProps, "variant" | "size">;
+  numberField: {
+    formatOptions?: Intl.NumberFormatOptions;
+  };
+  radioGroup: Pick<RadioVariantProps, "variant"> & {
+    hideLabel?: boolean;
+    fireBlurOnChange?: boolean;
+  };
+  checkbox: Pick<CheckboxVariantProps, "variant"> & {
+    fireBlurOnChange?: boolean;
+  };
+  select: {
+    selectionMode?: "single" | "multiple";
+    isSearchable?: boolean;
+    collapseAfter?: number;
+    selectedTagsType?: "tags" | "list";
+    hideSearchIcon?: boolean;
+    multiSelectAutoConfirm?: boolean;
+    searchDebounceDelay?: number;
+    fireBlurOnChange?: boolean;
+    renderStaticInput?: boolean;
+  };
+  queryAutocomplete: {
+    isInitialQueryDisabled?: boolean;
+    renderStaticInput?: boolean;
+    resolveSelectedItemsWithIds?: boolean;
+    searchDebounceDelay?: number;
+  };
+  querySelect: {
+    isInitialQueryDisabled?: boolean;
+    renderStaticInput?: boolean;
+    resolveSelectedItemsWithIds?: boolean;
+    searchDebounceDelay?: number;
+  };
+  switch: Pick<SwitchVariantProps, "variant"> & {
+    fireBlurOnChange?: boolean;
+  };
+  slider: {
+    minValue?: number;
+    maxValue?: number;
+  };
+  dateInput: {
+    todayIcon?: DatePickerIcon;
+    todayIconButtonSize?: ButtonVariantProps["size"] | "none";
+    todayIconButtonComponent?: "iconButton" | "inlineIconButton";
+    todayIconPlacement?: "content" | "fieldLabel";
+    shouldForceLeadingZeros?: boolean;
+    disableManualEntry?: boolean;
+    shouldUpdateDateOnMonthYearChange?: boolean;
+    granularity?: "day" | "month" | "year";
+    autoFixYear?: boolean;
+    calendarIcon?: ReactElement;
+    dateTimeIcon?: ReactElement;
+    timeIcon?: ReactElement;
+    setDateValueOnDateSelection?: boolean;
+    timeZone?: string;
+    allowPartialRange?: boolean;
+    fireBlurOnChange?: boolean;
+    dateRangeOptions?: DateRangeRelativeOption[];
+  };
+  alertDialog: {
+    titleTypography?: TypographyPropsCva;
+    descriptionTypography?: TypographyPropsCva;
+  };
+  bottomSheet: {
+    closeDragThreshold?: number;
+    closeVelocityThreshold?: number;
+    hideThumb?: boolean;
+    headerTypography?: TypographyVariantProps;
+  };
+  tableHeaderText: Pick<TypographyPropsCva, "variant" | "size">;
+  tableCellText: Pick<TypographyPropsCva, "variant" | "size">;
+  tag: {
+    textVariant?: TypographyVariantProps["variant"];
+    textSize?: TypographyVariantProps["size"];
+  };
+  toast: Pick<ToastVariantProps, "variant"> & {
+    position: ToastPosition;
+  };
+}
+type DeepRequired<T> = { [P in keyof T]-?: T[P] extends object ? DeepRequired<T[P]> : Exclude<T[P], null | undefined>; };
+//#endregion
+//#region src/config/uiConfig.context.d.ts
+declare namespace UIConfig {
+  export type Options = UIConfigOptions;
+  interface ProviderProps {
+    config?: Partial<Options>;
+  }
+  export const Provider: ({ config, children }: PropsWithChildren<ProviderProps>) => import("react").JSX.Element;
+  export const useConfig: () => DeepRequired<UIConfigOptions>;
+  export {};
+}
+//#endregion
+export { UIConfig as t };

package/dist/uiConfig.context-BvBsrMFI.js

@@ -0,0 +1,366 @@
+import { t as createLucideIcon } from "./createLucideIcon-LS26Bb1M.js";
+import { createContext, use, useEffect, useLayoutEffect, useMemo, useRef } from "react";
+import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+/**
+* @license lucide-react v1.37.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+const CalendarClock = createLucideIcon("calendar-clock", [
+	["path", {
+		d: "M16 14v2.2l1.6 1",
+		key: "fo4ql5"
+	}],
+	["path", {
+		d: "M16 2v3",
+		key: "otl347"
+	}],
+	["path", {
+		d: "M21 7.338V5a2 2 0 00-2-2H5a2 2 0 00-2 2v14a2 2 0 002 2h2.338",
+		key: "7hb8p4"
+	}],
+	["path", {
+		d: "M3 9h5.859",
+		key: "numkqi"
+	}],
+	["path", {
+		d: "M8 2v3",
+		key: "1ioesn"
+	}],
+	["circle", {
+		cx: "16",
+		cy: "16",
+		r: "6",
+		key: "qoo3c4"
+	}]
+]);
+/**
+* @license lucide-react v1.37.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+const Calendar = createLucideIcon("calendar", [
+	["path", {
+		d: "M8 2v3",
+		key: "1ioesn"
+	}],
+	["path", {
+		d: "M16 2v3",
+		key: "otl347"
+	}],
+	["rect", {
+		x: "3",
+		y: "3",
+		width: "18",
+		height: "18",
+		rx: "2",
+		key: "h1oib"
+	}],
+	["path", {
+		d: "M3 9h18",
+		key: "1pudct"
+	}]
+]);
+/**
+* @license lucide-react v1.37.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+const Clock = createLucideIcon("clock", [["circle", {
+	cx: "12",
+	cy: "12",
+	r: "10",
+	key: "1mglay"
+}], ["path", {
+	d: "M12 6v6l4 2",
+	key: "mmk7yg"
+}]]);
+//#endregion
+//#region src/utils/object.utils.ts
+let ObjectUtils;
+(function(_ObjectUtils) {
+	_ObjectUtils.isNil = (obj) => {
+		return obj === null || obj === void 0;
+	};
+	_ObjectUtils.isFunction = (obj) => {
+		return typeof obj === "function";
+	};
+	_ObjectUtils.isObject = (obj) => {
+		return typeof obj === "object" && !!obj;
+	};
+	const isString = _ObjectUtils.isString = (obj) => {
+		return Object.prototype.toString.call(obj) === "[object String]";
+	};
+	_ObjectUtils.isDate = (obj) => {
+		return Object.prototype.toString.call(obj) === "[object Date]";
+	};
+	_ObjectUtils.isRegExp = (obj) => {
+		return Object.prototype.toString.call(obj) === "[object RegExp]";
+	};
+	_ObjectUtils.isEmpty = (obj) => {
+		if (obj === null || obj === void 0) return true;
+		if (Array.isArray(obj) || isString(obj)) return obj.length === 0;
+		return Object.keys(obj).length === 0;
+	};
+	const deepConditionalMerge = _ObjectUtils.deepConditionalMerge = (target, source, condition) => {
+		const output = { ...target };
+		for (const key in source) if (Object.prototype.hasOwnProperty.call(source, key)) {
+			const value = source[key];
+			if (condition(value, key)) {
+				if (typeof value === "object" && !Array.isArray(value)) output[key] = deepConditionalMerge(output[key], value, condition);
+				else output[key] = value;
+			}
+		}
+		return output;
+	};
+})(ObjectUtils || (ObjectUtils = {}));
+//#endregion
+//#region src/utils/isEqual.ts
+const isEqual = (a, b) => {
+	return eq(a, b);
+};
+const eq = (a, b, aStack, bStack) => {
+	if (a === b) return a !== 0 || 1 / a === 1 / b;
+	if (a == null || b == null) return a === b;
+	if (a !== a) return b !== b;
+	const type = typeof a;
+	if (type !== "function" && type !== "object" && typeof b !== "object") return false;
+	return deepEq(a, b, aStack, bStack);
+};
+const deepEq = (a, b, aStack, bStack) => {
+	const className = toString.call(a);
+	if (className !== toString.call(b)) return false;
+	switch (className) {
+		case "[object RegExp]":
+		case "[object String]": return `${a}` === `${b}`;
+		case "[object Number]":
+			if (+a !== +a) return +b !== +b;
+			return +a === 0 ? 1 / +a === 1 / b : +a === +b;
+		case "[object Date]":
+		case "[object Boolean]": return +a === +b;
+		case "[object Symbol]": return Symbol.prototype.valueOf.call(a) === Symbol.prototype.valueOf.call(b);
+	}
+	const areArrays = className === "[object Array]";
+	if (!areArrays) {
+		if (typeof a !== "object" || typeof b !== "object") return false;
+		const aCtor = a.constructor;
+		const bCtor = b.constructor;
+		if (aCtor !== bCtor && !(ObjectUtils.isFunction(aCtor) && aCtor instanceof aCtor && ObjectUtils.isFunction(bCtor) && bCtor instanceof bCtor) && "constructor" in a && "constructor" in b) return false;
+	}
+	aStack = aStack || [];
+	bStack = bStack || [];
+	let { length } = aStack;
+	while (length--) if (aStack[length] === a) return bStack[length] === b;
+	aStack.push(a);
+	bStack.push(b);
+	if (areArrays) {
+		length = a.length;
+		if (length !== b.length) return false;
+		while (length--) if (!eq(a[length], b[length], aStack, bStack)) return false;
+	} else {
+		const keys = Object.keys(a);
+		let key;
+		length = keys.length;
+		if (Object.keys(b).length !== length) return false;
+		while (length--) {
+			key = keys[length];
+			if (!(Object.prototype.hasOwnProperty.call(b, key) && eq(a[key], b[key], aStack, bStack))) return false;
+		}
+	}
+	aStack.pop();
+	bStack.pop();
+	return true;
+};
+//#endregion
+//#region src/hooks/useDeepCompare.ts
+const useDeepCompareEffect = (callback, dependencies) => {
+	return useEffect(callback, useDeepCompareDeps(dependencies));
+};
+const useDeepCompareLayoutEffect = (callback, dependencies) => {
+	return useLayoutEffect(callback, useDeepCompareDeps(dependencies));
+};
+const useDeepCompareMemo = (factory, dependencies) => {
+	return useMemo(factory, useDeepCompareDeps(dependencies));
+};
+const useDeepCompareDeps = (value) => {
+	const ref = useRef(void 0);
+	const signalRef = useRef(0);
+	if (!isEqual(value, ref.current)) {
+		ref.current = value;
+		signalRef.current += 1;
+	}
+	return [signalRef.current];
+};
+//#endregion
+//#region src/config/uiConfig.context.tsx
+let UIConfig;
+(function(_UIConfig) {
+	const DEFAULT_CONFIG = {
+		renderStaticInput: true,
+		responsive: { ssrMatches: {
+			sm: false,
+			md: false,
+			lg: false,
+			xl: false
+		} },
+		input: {
+			variant: "outlined",
+			as: "default",
+			size: "default",
+			isClearable: false,
+			hideLabel: false,
+			alwaysShowClear: false
+		},
+		button: {
+			variant: "contained",
+			size: "m"
+		},
+		numberField: { formatOptions: {
+			minimumFractionDigits: 0,
+			maximumFractionDigits: 3
+		} },
+		radioGroup: {
+			variant: "default",
+			hideLabel: false,
+			fireBlurOnChange: false
+		},
+		checkbox: {
+			variant: "default",
+			fireBlurOnChange: false
+		},
+		select: {
+			selectionMode: "single",
+			isSearchable: false,
+			selectedTagsType: "list",
+			collapseAfter: 3,
+			hideSearchIcon: false,
+			multiSelectAutoConfirm: false,
+			searchDebounceDelay: 500,
+			fireBlurOnChange: false,
+			renderStaticInput: true
+		},
+		queryAutocomplete: {
+			isInitialQueryDisabled: false,
+			renderStaticInput: true,
+			resolveSelectedItemsWithIds: false,
+			searchDebounceDelay: 500
+		},
+		querySelect: {
+			isInitialQueryDisabled: false,
+			renderStaticInput: true,
+			resolveSelectedItemsWithIds: false,
+			searchDebounceDelay: 500
+		},
+		switch: {
+			variant: "default",
+			fireBlurOnChange: false
+		},
+		slider: {
+			minValue: 0,
+			maxValue: 100
+		},
+		dateInput: {
+			todayIcon: false,
+			todayIconButtonSize: "none",
+			todayIconButtonComponent: "iconButton",
+			todayIconPlacement: "content",
+			shouldForceLeadingZeros: false,
+			disableManualEntry: false,
+			autoFixYear: false,
+			calendarIcon: /* @__PURE__ */ jsx(Calendar, { className: "size-5" }),
+			dateTimeIcon: /* @__PURE__ */ jsx(CalendarClock, { className: "size-5" }),
+			timeIcon: /* @__PURE__ */ jsx(Clock, { className: "size-6 text-interactive-text-secondary-idle" }),
+			setDateValueOnDateSelection: false,
+			timeZone: "clientLocal",
+			granularity: "day",
+			shouldUpdateDateOnMonthYearChange: false,
+			allowPartialRange: false,
+			fireBlurOnChange: false,
+			dateRangeOptions: []
+		},
+		alertDialog: {
+			titleTypography: {
+				size: "title-5",
+				variant: "prominent-1"
+			},
+			descriptionTypography: { size: "body-3" }
+		},
+		bottomSheet: {
+			closeDragThreshold: 100,
+			closeVelocityThreshold: 200,
+			hideThumb: false,
+			headerTypography: {
+				size: "label-2",
+				variant: "prominent-1"
+			}
+		},
+		tableHeaderText: {
+			variant: "default",
+			size: "label-1"
+		},
+		tableCellText: {
+			variant: "default",
+			size: "label-1"
+		},
+		tag: {
+			textVariant: "default",
+			textSize: "label-2"
+		},
+		toast: {
+			variant: "outlined",
+			position: "top-right"
+		}
+	};
+	const Context = createContext(DEFAULT_CONFIG);
+	_UIConfig.Provider = (t0) => {
+		const $ = c(9);
+		const { config: t1, children } = t0;
+		let t2;
+		if ($[0] !== t1) {
+			t2 = t1 === void 0 ? {} : t1;
+			$[0] = t1;
+			$[1] = t2;
+		} else t2 = $[1];
+		const config = t2;
+		const parentConfig = use(Context) || DEFAULT_CONFIG;
+		let t3;
+		let t4;
+		if ($[2] !== config || $[3] !== parentConfig) {
+			t3 = () => ObjectUtils.deepConditionalMerge(parentConfig, config, _temp);
+			t4 = [config, parentConfig];
+			$[2] = config;
+			$[3] = parentConfig;
+			$[4] = t3;
+			$[5] = t4;
+		} else {
+			t3 = $[4];
+			t4 = $[5];
+		}
+		const value = useDeepCompareMemo(t3, t4);
+		let t5;
+		if ($[6] !== children || $[7] !== value) {
+			t5 = /* @__PURE__ */ jsx(Context.Provider, {
+				value,
+				children
+			});
+			$[6] = children;
+			$[7] = value;
+			$[8] = t5;
+		} else t5 = $[8];
+		return t5;
+	};
+	_UIConfig.useConfig = () => {
+		const context = use(Context);
+		if (!context) throw new Error("UIConfig.useConfig must be used within a UIConfig.Provider");
+		return context;
+	};
+})(UIConfig || (UIConfig = {}));
+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 };