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

package/dist/Alert-BALBsBrP.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 Spinner } from "./Spinner-owSXOEzg.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(Spinner, {
+			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-CbEhRaU5.d.ts

@@ -0,0 +1,33 @@
+import { n as StyleMergeUtils, t as UIOverrides } from "./uiOverrides.context-C3xb4Ttq.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.Element;
+//#endregion
+export { AlertProps as n, alertDefinition as r, Alert as t };

package/dist/AlertDialog-PjYM6lDo.d.ts

@@ -0,0 +1,26 @@
+import { n as ButtonVariantProps } from "./button.cva-ChabF4Am.js";
+import { n as DialogProps } from "./Dialog-DEbI_9S-.js";
+import { r as TypographyPropsCva } from "./Typography-BWmZd20e.js";
+//#region src/components/overlays/AlertDialog/AlertDialog.d.ts
+interface AlertDialogAction {
+  label: string;
+  onPress: () => void;
+  className?: string;
+  variant?: ButtonVariantProps["variant"];
+  color?: ButtonVariantProps["color"];
+}
+interface AlertDialogProps extends DialogProps {
+  heading: string;
+  description: string;
+  primaryAction: AlertDialogAction;
+  secondaryAction?: AlertDialogAction;
+  buttonSize?: ButtonVariantProps["size"];
+  textAlign?: "left" | "center" | "right";
+  titleTypography?: TypographyPropsCva;
+  titleClassName?: string;
+  descriptionTypography?: TypographyPropsCva;
+  descriptionClassName?: string;
+}
+declare const AlertDialog: ({ heading, description, primaryAction, secondaryAction, buttonSize, textAlign, dialogClassName, titleTypography, titleClassName, descriptionTypography, descriptionClassName, ...modalProps }: AlertDialogProps) => import("react").JSX.Element;
+//#endregion
+export { AlertDialogProps as n, AlertDialog as t };

package/dist/Autocomplete-DE2lQi5o.d.ts

@@ -0,0 +1,15 @@
+import { n as FieldValues } from "./form.binding-DVJ5F0JE.js";
+import { n as GroupedSelectControlProps, o as SelectBaseProps, r as GroupedSelectProps, t as DefaultInitialSelectItem } from "./SelectBase-DefgAEzh.js";
+import { s as OmitDiscriminatedUnion } from "./common-UBFya8WY.js";
+import { ReactElement } from "react";
+import { Key } from "react-aria-components";
+//#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/Badge-CjPpYa50.d.ts

@@ -0,0 +1,28 @@
+import { t as PillButtonVariants } from "./pillButton.cva-BVsxGnqF.js";
+import { n as TypographyProps } from "./Typography-BWmZd20e.js";
+import { Ref } from "react";
+import { ButtonProps } from "react-aria-components";
+//#region src/components/text/Badge/Badge.d.ts
+interface BadgeProps extends PillButtonVariants {
+  className?: string;
+  children: string;
+  /** Preferred spelling. `dismissable` remains supported. */
+  dismissible?: boolean;
+  dismissable?: boolean;
+  isDisabled?: boolean;
+  disabled?: boolean;
+  contentRef?: Ref<HTMLElement>;
+  textVariant?: TypographyProps["variant"];
+  textSize?: TypographyProps["size"];
+  /** Preferred callback name. */
+  onRemove?: () => void;
+  onDismiss?: () => void;
+  /** Props applied to the actual dismiss button, when one is rendered. */
+  dismissButtonProps?: Omit<ButtonProps, "children" | "onPress">;
+  excludeFromTabOrder?: boolean;
+  /** Compatibility callback for the historical button-like prop surface. */
+  onPress?: ButtonProps["onPress"];
+}
+declare const Badge: ({ className, children, dismissible, dismissable, isDisabled, disabled, onRemove, onDismiss, dismissButtonProps, excludeFromTabOrder, onPress, contentRef, variant, textVariant: textVariantProp, textSize: textSizeProp, ...appearanceProps }: BadgeProps) => import("react").JSX.Element;
+//#endregion
+export { BadgeProps as n, Badge as t };