@povio/ui 3.4.0-rc.2 → 3.4.0-rc.22

package/dist/Alert-1gjUqXaO.js

@@ -0,0 +1,240 @@
+import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
+import { t as Typography } from "./Typography-AcUd9df8.js";
+import { t as Loader } from "./Loader-C6YkWZOO.js";
+import { c } from "react/compiler-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/status/Alert/alert.cva.ts
+const alertDefinition = UIOverrides.defineConfig({
+	base: ["min-h-0 overflow-hidden rounded-alert-rounding-default p-0"],
+	config: {
+		variants: {
+			variant: {
+				outlined: "border bg-elevation-fill-default-1 text-text-default-1",
+				contained: "text-text-inverted-1"
+			},
+			color: {
+				neutral: "",
+				success: "",
+				warning: "",
+				error: ""
+			}
+		},
+		compoundVariants: [
+			{
+				variant: "outlined",
+				color: "neutral",
+				className: "border-elevation-outline-default-1"
+			},
+			{
+				variant: "outlined",
+				color: "success",
+				className: "border-elevation-outline-success-1"
+			},
+			{
+				variant: "outlined",
+				color: "warning",
+				className: "border-elevation-outline-warning-1"
+			},
+			{
+				variant: "outlined",
+				color: "error",
+				className: "border-elevation-outline-error-1"
+			},
+			{
+				variant: "contained",
+				color: "neutral",
+				className: "bg-elevation-fill-inverted-1"
+			},
+			{
+				variant: "contained",
+				color: "success",
+				className: "bg-elevation-fill-success-1"
+			},
+			{
+				variant: "contained",
+				color: "warning",
+				className: "bg-elevation-fill-warning-1"
+			},
+			{
+				variant: "contained",
+				color: "error",
+				className: "bg-elevation-fill-error-1"
+			}
+		],
+		defaultVariants: {
+			variant: "outlined",
+			color: "neutral"
+		}
+	}
+});
+//#endregion
+//#region src/components/status/shared/status.cva.ts
+const statusIconDefinition = UIOverrides.defineConfig({
+	base: ["size-6 shrink-0"],
+	config: {
+		variants: {
+			variant: {
+				outlined: "",
+				contained: "text-text-inverted-1"
+			},
+			color: {
+				neutral: "",
+				success: "",
+				warning: "",
+				error: ""
+			}
+		},
+		compoundVariants: [
+			{
+				variant: "outlined",
+				color: "neutral",
+				class: "text-text-default-2"
+			},
+			{
+				variant: "outlined",
+				color: "success",
+				class: "text-text-success-1"
+			},
+			{
+				variant: "outlined",
+				color: "warning",
+				class: "text-text-warning-1"
+			},
+			{
+				variant: "outlined",
+				color: "error",
+				class: "text-text-error-1"
+			}
+		],
+		defaultVariants: {
+			variant: "outlined",
+			color: "neutral"
+		}
+	}
+});
+const statusSeparatorDefinition = UIOverrides.defineConfig({
+	base: ["h-px shrink-0 self-stretch md:h-auto md:w-px"],
+	config: {
+		variants: {
+			variant: {
+				outlined: "",
+				contained: "hidden"
+			},
+			color: {
+				neutral: "bg-elevation-outline-default-1",
+				success: "bg-elevation-outline-success-1",
+				warning: "bg-elevation-outline-warning-1",
+				error: "bg-elevation-outline-error-1"
+			}
+		},
+		defaultVariants: { color: "neutral" }
+	}
+});
+//#endregion
+//#region src/components/status/Alert/Alert.tsx
+const Alert = (t0) => {
+	const $ = c(31);
+	const { variant, color, text, isLoading: t1, rightContent, hasSeparator, icon: Icon, className } = t0;
+	const isLoading = t1 === void 0 ? false : t1;
+	const alertCva = UIOverrides.useCva("alert.cva", alertDefinition);
+	const iconCva = UIOverrides.useCva("status.iconCva", statusIconDefinition);
+	const separatorCva = UIOverrides.useCva("status.separatorCva", statusSeparatorDefinition);
+	let t2;
+	if ($[0] !== alertCva || $[1] !== className || $[2] !== color || $[3] !== variant) {
+		t2 = alertCva({
+			variant,
+			color,
+			className
+		});
+		$[0] = alertCva;
+		$[1] = className;
+		$[2] = color;
+		$[3] = variant;
+		$[4] = t2;
+	} else t2 = $[4];
+	let t3;
+	if ($[5] !== isLoading) {
+		t3 = isLoading && /* @__PURE__ */ jsx(Loader, {
+			size: "default",
+			className: "shrink-0"
+		});
+		$[5] = isLoading;
+		$[6] = t3;
+	} else t3 = $[6];
+	let t4;
+	if ($[7] !== Icon || $[8] !== color || $[9] !== iconCva || $[10] !== isLoading || $[11] !== variant) {
+		t4 = !isLoading && Icon && /* @__PURE__ */ jsx(Icon, { className: iconCva({
+			variant,
+			color
+		}) });
+		$[7] = Icon;
+		$[8] = color;
+		$[9] = iconCva;
+		$[10] = isLoading;
+		$[11] = variant;
+		$[12] = t4;
+	} else t4 = $[12];
+	let t5;
+	if ($[13] !== text) {
+		t5 = /* @__PURE__ */ jsx(Typography, {
+			size: "label-2",
+			children: text
+		});
+		$[13] = text;
+		$[14] = t5;
+	} else t5 = $[14];
+	let t6;
+	if ($[15] !== t3 || $[16] !== t4 || $[17] !== t5) {
+		t6 = /* @__PURE__ */ jsxs("div", {
+			className: "flex w-full items-start gap-alert-gap-icon-to-text px-alert-side-default py-alert-height-content",
+			children: [
+				t3,
+				t4,
+				t5
+			]
+		});
+		$[15] = t3;
+		$[16] = t4;
+		$[17] = t5;
+		$[18] = t6;
+	} else t6 = $[18];
+	let t7;
+	if ($[19] !== color || $[20] !== hasSeparator || $[21] !== rightContent || $[22] !== separatorCva || $[23] !== variant) {
+		t7 = !!rightContent && /* @__PURE__ */ jsxs(Fragment, { children: [hasSeparator && /* @__PURE__ */ jsx("div", { className: separatorCva({
+			variant,
+			color
+		}) }), /* @__PURE__ */ jsx("div", {
+			className: "flex w-full shrink-0 flex-wrap items-center justify-end gap-alert-gap-action px-alert-side-default py-alert-height-actions-mobile md:w-auto md:justify-center md:py-alert-height-actions-desktop",
+			children: rightContent
+		})] });
+		$[19] = color;
+		$[20] = hasSeparator;
+		$[21] = rightContent;
+		$[22] = separatorCva;
+		$[23] = variant;
+		$[24] = t7;
+	} else t7 = $[24];
+	let t8;
+	if ($[25] !== t6 || $[26] !== t7) {
+		t8 = /* @__PURE__ */ jsxs("div", {
+			className: "flex w-auto flex-col items-center md:flex-row",
+			children: [t6, t7]
+		});
+		$[25] = t6;
+		$[26] = t7;
+		$[27] = t8;
+	} else t8 = $[27];
+	let t9;
+	if ($[28] !== t2 || $[29] !== t8) {
+		t9 = /* @__PURE__ */ jsx("div", {
+			className: t2,
+			children: t8
+		});
+		$[28] = t2;
+		$[29] = t8;
+		$[30] = t9;
+	} else t9 = $[30];
+	return t9;
+};
+//#endregion
+export { alertDefinition as i, statusIconDefinition as n, statusSeparatorDefinition as r, Alert as t };

package/dist/Alert-C0GAvkdO.d.ts

@@ -0,0 +1,33 @@
+import { n as StyleMergeUtils, t as UIOverrides } from "./uiOverrides.context-BdokYcGO.js";
+import { FC, ReactNode, SVGProps } from "react";
+//#region src/components/status/Alert/alert.cva.d.ts
+declare const alertDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly variant: {
+      readonly outlined: "border bg-elevation-fill-default-1 text-text-default-1";
+      readonly contained: "text-text-inverted-1";
+    };
+    readonly color: {
+      readonly neutral: "";
+      readonly success: "";
+      readonly warning: "";
+      readonly error: "";
+    };
+  }>;
+};
+type AlertConfig = NonNullable<typeof alertDefinition.config>;
+interface AlertVariantProps extends UIOverrides.VariantProps<AlertConfig> {}
+//#endregion
+//#region src/components/status/Alert/Alert.d.ts
+interface AlertProps extends AlertVariantProps {
+  text: string;
+  isLoading?: boolean;
+  icon?: FC<SVGProps<SVGSVGElement>>;
+  rightContent?: ReactNode;
+  hasSeparator?: boolean;
+  className?: string;
+}
+declare const Alert: ({ variant, color, text, isLoading, rightContent, hasSeparator, icon: Icon, className }: AlertProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { AlertProps as n, alertDefinition as r, Alert as t };

package/dist/Autocomplete-CYT1Vk1F.d.ts

@@ -0,0 +1,15 @@
+import { D as Key } from "./types-BV15_DBT.js";
+import { n as FieldValues } from "./form.binding-DWlFTecs.js";
+import { i as GroupedSelectProps, n as DefaultInitialSelectItem, r as GroupedSelectControlProps, t as SelectBaseProps } from "./SelectBase-C4lPY7Hc.js";
+import { s as OmitDiscriminatedUnion } from "./common-UBFya8WY.js";
+import { ReactElement } from "react";
+//#region src/components/inputs/Selection/Autocomplete/Autocomplete.d.ts
+type AutocompleteProps<TKey extends Key = Key, TInitialSelectItem = DefaultInitialSelectItem<TKey>> = OmitDiscriminatedUnion<SelectBaseProps<TKey, TInitialSelectItem>, "isSearchable"> & {
+  renderStaticInput?: boolean;
+};
+type ControlledAutocompleteProps<TFieldValues extends FieldValues, TKey extends Key = Key, TInitialSelectItem = DefaultInitialSelectItem<TKey>> = Omit<AutocompleteProps<TKey, TInitialSelectItem>, keyof GroupedSelectProps> & GroupedSelectControlProps<TFieldValues, TKey, TInitialSelectItem>;
+declare function AutocompleteComponent<TKey extends Key = Key, TInitialSelectItem = DefaultInitialSelectItem<TKey>>(props: AutocompleteProps<TKey, TInitialSelectItem>): ReactElement;
+declare function AutocompleteComponent<TFieldValues extends FieldValues, TKey extends Key = Key, TInitialSelectItem = DefaultInitialSelectItem<TKey>>(props: ControlledAutocompleteProps<TFieldValues, TKey, TInitialSelectItem>): ReactElement;
+declare const Autocomplete: typeof AutocompleteComponent;
+//#endregion
+export { AutocompleteProps as n, ControlledAutocompleteProps as r, Autocomplete as t };

package/dist/BottomSheet-BWKej2PR.d.ts

@@ -0,0 +1,34 @@
+import { t as TypographyVariantProps } from "./typography.cva-7RYwLrA7.js";
+import { ReactNode, RefObject } from "react";
+//#region src/components/overlays/BottomSheet/BottomSheet.d.ts
+type BottomSheetState = "closed" | "opening" | "opened" | "closing";
+interface BottomSheetBaseProps {
+  isOpen?: boolean;
+  onOpenChange?: (isOpen: boolean) => void;
+  onStateChange?: (state: BottomSheetState) => void;
+  isDismissable?: boolean;
+  isScrollable?: boolean;
+  hideHeader?: boolean;
+  hideThumb?: boolean;
+  height?: "auto" | "full";
+  label?: string;
+  portalContainerRef?: RefObject<HTMLElement>;
+  children: ReactNode | ((close: () => void) => ReactNode);
+  footer?: ReactNode;
+  sheetMarginTop?: number;
+  sheetMarginBottom?: number;
+  /** Min downward drag distance (px) to allow close on release. Increase to require a longer drag. */
+  closeDragThreshold?: number;
+  /** Min downward velocity to close on flick. Increase to require a more intentional swipe. */
+  closeVelocityThreshold?: number;
+  shouldCloseOnInteractOutside?: () => boolean;
+  containerClassName?: string;
+  overlayClassName?: string;
+  headerTypography?: TypographyVariantProps;
+}
+interface BottomSheetProps extends BottomSheetBaseProps {
+  trigger?: ReactNode;
+}
+declare const BottomSheet: ({ isOpen, portalContainerRef, onOpenChange, trigger, children, ...rest }: BottomSheetProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { BottomSheetProps as n, BottomSheet as t };