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

package/dist/chevron-down-RksSwG1O.js

@@ -0,0 +1,13 @@
+import { t as createLucideIcon } from "./createLucideIcon-LS26Bb1M.js";
+/**
+* @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 ChevronDown = createLucideIcon("chevron-down", [["path", {
+	d: "m6 9 6 6 6-6",
+	key: "qrunsl"
+}]]);
+//#endregion
+export { ChevronDown as t };

package/dist/chevron-left-Dem1_TuL.js

@@ -0,0 +1,13 @@
+import { t as createLucideIcon } from "./createLucideIcon-LS26Bb1M.js";
+/**
+* @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 ChevronLeft = createLucideIcon("chevron-left", [["path", {
+	d: "m15 18-6-6 6-6",
+	key: "1wnfg3"
+}]]);
+//#endregion
+export { ChevronLeft as t };

package/dist/chevron-right-DXbvvsay.js

@@ -0,0 +1,13 @@
+import { t as createLucideIcon } from "./createLucideIcon-LS26Bb1M.js";
+/**
+* @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 ChevronRight = createLucideIcon("chevron-right", [["path", {
+	d: "m9 18 6-6-6-6",
+	key: "mthhwq"
+}]]);
+//#endregion
+export { ChevronRight as t };

package/dist/chevron-up-CgEFpORu.js

@@ -0,0 +1,13 @@
+import { t as createLucideIcon } from "./createLucideIcon-LS26Bb1M.js";
+/**
+* @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 ChevronUp = createLucideIcon("chevron-up", [["path", {
+	d: "m18 15-6-6-6 6",
+	key: "153udz"
+}]]);
+//#endregion
+export { ChevronUp as t };

package/dist/chevrons-right--HrJEes-.js

@@ -0,0 +1,29 @@
+import { t as createLucideIcon } from "./createLucideIcon-LS26Bb1M.js";
+/**
+* @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 ChevronsLeft = createLucideIcon("chevrons-left", [["path", {
+	d: "m11 17-5-5 5-5",
+	key: "13zhaf"
+}], ["path", {
+	d: "m18 17-5-5 5-5",
+	key: "h8a8et"
+}]]);
+/**
+* @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 ChevronsRight = createLucideIcon("chevrons-right", [["path", {
+	d: "m6 17 5-5-5-5",
+	key: "xnjwq"
+}], ["path", {
+	d: "m13 17 5-5-5-5",
+	key: "17xmmf"
+}]]);
+//#endregion
+export { ChevronsLeft as n, ChevronsRight as t };

package/dist/clsx-CnD0nOiA.js

@@ -0,0 +1,16 @@
+//#region ../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
+function r(e) {
+	var t, f, n = "";
+	if ("string" == typeof e || "number" == typeof e) n += e;
+	else if ("object" == typeof e) if (Array.isArray(e)) {
+		var o = e.length;
+		for (t = 0; t < o; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
+	} else for (f in e) e[f] && (n && (n += " "), n += f);
+	return n;
+}
+function clsx() {
+	for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
+	return n;
+}
+//#endregion
+export { clsx as t };

package/dist/common-UBFya8WY.d.ts

@@ -0,0 +1,11 @@
+import { ComponentProps, FC, PropsWithChildren } from "react";
+//#region src/types/common.d.ts
+type Function = (...args: any) => any;
+type IfAny<T, Y, N> = 0 extends 1 & T ? Y : N;
+type IsAny<T> = IfAny<T, true, never>;
+type IsUnknown<T, Y, N = T> = IsAny<T> extends never ? (unknown extends T ? Y : N) : N;
+type OmitDiscriminatedUnion<T, K> = { [P in keyof T as Exclude<P, K & keyof any>]: T[P]; };
+type HasRequiredProperty<T> = { [K in keyof T]-?: Record<string, never> extends Pick<T, K> ? never : K; }[keyof T];
+type IsRequiredChildrenProperty<T extends FC<PropsWithChildren<any>>, Y, N> = HasRequiredProperty<Omit<ComponentProps<T>, "children">> extends never ? Y : N;
+//#endregion
+export { IsRequiredChildrenProperty as a, IsAny as i, HasRequiredProperty as n, IsUnknown as o, IfAny as r, OmitDiscriminatedUnion as s, Function as t };

package/dist/components/accordion.d.ts

@@ -0,0 +1,2 @@
+import { i as AccordionProps, n as AccordionItem, r as AccordionItemProps, t as Accordion } from "../Accordion-Cup5eRZz.js";
+export { Accordion, type AccordionItem, type AccordionItemProps, type AccordionProps };

package/dist/components/accordion.js

@@ -0,0 +1,2 @@
+import { t as Accordion } from "../Accordion-rZ9P9dZy.js";
+export { Accordion };

package/dist/components/alert-dialog.d.ts

@@ -0,0 +1,2 @@
+import { n as AlertDialogProps, t as AlertDialog } from "../AlertDialog-PjYM6lDo.js";
+export { AlertDialog, AlertDialogProps };

package/dist/components/alert-dialog.js

@@ -0,0 +1,188 @@
+import { t as UIConfig } from "../uiConfig.context-BvBsrMFI.js";
+import { t as clsx } from "../clsx-CnD0nOiA.js";
+import { t as Typography } from "../Typography-AcUd9df8.js";
+import { t as Button } from "../Button-CbwNjdRz.js";
+import { t as Dialog } from "../Dialog-DLfOkNe9.js";
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/overlays/AlertDialog/AlertDialog.tsx
+const textAlignClassMap = {
+	left: "text-left",
+	center: "text-center",
+	right: "text-right"
+};
+const AlertDialog = (t0) => {
+	const $ = c(52);
+	let description;
+	let descriptionClassName;
+	let descriptionTypography;
+	let dialogClassName;
+	let heading;
+	let modalProps;
+	let primaryAction;
+	let secondaryAction;
+	let t1;
+	let t2;
+	let titleClassName;
+	let titleTypography;
+	if ($[0] !== t0) {
+		({heading, description, primaryAction, secondaryAction, buttonSize: t1, textAlign: t2, dialogClassName, titleTypography, titleClassName, descriptionTypography, descriptionClassName, ...modalProps} = t0);
+		$[0] = t0;
+		$[1] = description;
+		$[2] = descriptionClassName;
+		$[3] = descriptionTypography;
+		$[4] = dialogClassName;
+		$[5] = heading;
+		$[6] = modalProps;
+		$[7] = primaryAction;
+		$[8] = secondaryAction;
+		$[9] = t1;
+		$[10] = t2;
+		$[11] = titleClassName;
+		$[12] = titleTypography;
+	} else {
+		description = $[1];
+		descriptionClassName = $[2];
+		descriptionTypography = $[3];
+		dialogClassName = $[4];
+		heading = $[5];
+		modalProps = $[6];
+		primaryAction = $[7];
+		secondaryAction = $[8];
+		t1 = $[9];
+		t2 = $[10];
+		titleClassName = $[11];
+		titleTypography = $[12];
+	}
+	const buttonSize = t1 === void 0 ? "m" : t1;
+	const textAlign = t2 === void 0 ? "left" : t2;
+	const ui = UIConfig.useConfig();
+	const textAlignClass = textAlignClassMap[textAlign];
+	let t3;
+	if ($[13] !== dialogClassName) {
+		t3 = clsx("w-modal", dialogClassName);
+		$[13] = dialogClassName;
+		$[14] = t3;
+	} else t3 = $[14];
+	const t4 = titleTypography ?? ui.alertDialog.titleTypography;
+	let t5;
+	if ($[15] !== textAlignClass || $[16] !== titleClassName) {
+		t5 = clsx("text-text-default-1", textAlignClass, titleClassName);
+		$[15] = textAlignClass;
+		$[16] = titleClassName;
+		$[17] = t5;
+	} else t5 = $[17];
+	let t6;
+	if ($[18] !== heading || $[19] !== t4 || $[20] !== t5) {
+		t6 = /* @__PURE__ */ jsx(Typography, {
+			...t4,
+			as: "h2",
+			className: t5,
+			children: heading
+		});
+		$[18] = heading;
+		$[19] = t4;
+		$[20] = t5;
+		$[21] = t6;
+	} else t6 = $[21];
+	const t7 = descriptionTypography ?? ui.alertDialog.descriptionTypography;
+	let t8;
+	if ($[22] !== descriptionClassName || $[23] !== textAlignClass) {
+		t8 = clsx("text-text-default-1", textAlignClass, descriptionClassName);
+		$[22] = descriptionClassName;
+		$[23] = textAlignClass;
+		$[24] = t8;
+	} else t8 = $[24];
+	let t9;
+	if ($[25] !== description || $[26] !== t7 || $[27] !== t8) {
+		t9 = /* @__PURE__ */ jsx(Typography, {
+			...t7,
+			className: t8,
+			children: description
+		});
+		$[25] = description;
+		$[26] = t7;
+		$[27] = t8;
+		$[28] = t9;
+	} else t9 = $[28];
+	let t10;
+	if ($[29] !== t6 || $[30] !== t9) {
+		t10 = /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col gap-modal-gap-text",
+			children: [t6, t9]
+		});
+		$[29] = t6;
+		$[30] = t9;
+		$[31] = t10;
+	} else t10 = $[31];
+	let t11;
+	if ($[32] !== buttonSize || $[33] !== secondaryAction) {
+		t11 = secondaryAction && /* @__PURE__ */ jsx(Button, {
+			variant: secondaryAction?.variant ?? "contained",
+			size: buttonSize,
+			color: secondaryAction?.color ?? "secondary",
+			width: "fill",
+			onPress: secondaryAction?.onPress,
+			className: clsx("min-w-40 flex-1 shrink-0", secondaryAction?.className),
+			children: secondaryAction?.label
+		});
+		$[32] = buttonSize;
+		$[33] = secondaryAction;
+		$[34] = t11;
+	} else t11 = $[34];
+	const t12 = primaryAction?.variant ?? "contained";
+	const t13 = primaryAction?.color ?? "primary";
+	const t14 = primaryAction.onPress;
+	const t15 = primaryAction?.className;
+	let t16;
+	if ($[35] !== t15) {
+		t16 = clsx("min-w-40 flex-1 shrink-0", t15);
+		$[35] = t15;
+		$[36] = t16;
+	} else t16 = $[36];
+	let t17;
+	if ($[37] !== buttonSize || $[38] !== primaryAction.label || $[39] !== primaryAction.onPress || $[40] !== t12 || $[41] !== t13 || $[42] !== t16) {
+		t17 = /* @__PURE__ */ jsx(Button, {
+			variant: t12,
+			size: buttonSize,
+			color: t13,
+			width: "fill",
+			onPress: t14,
+			className: t16,
+			children: primaryAction.label
+		});
+		$[37] = buttonSize;
+		$[38] = primaryAction.label;
+		$[39] = primaryAction.onPress;
+		$[40] = t12;
+		$[41] = t13;
+		$[42] = t16;
+		$[43] = t17;
+	} else t17 = $[43];
+	let t18;
+	if ($[44] !== t11 || $[45] !== t17) {
+		t18 = /* @__PURE__ */ jsxs("div", {
+			className: "flex w-full flex-wrap gap-modal-gap-buttons pt-1",
+			children: [t11, t17]
+		});
+		$[44] = t11;
+		$[45] = t17;
+		$[46] = t18;
+	} else t18 = $[46];
+	let t19;
+	if ($[47] !== modalProps || $[48] !== t10 || $[49] !== t18 || $[50] !== t3) {
+		t19 = /* @__PURE__ */ jsxs(Dialog, {
+			dialogClassName: t3,
+			...modalProps,
+			children: [t10, t18]
+		});
+		$[47] = modalProps;
+		$[48] = t10;
+		$[49] = t18;
+		$[50] = t3;
+		$[51] = t19;
+	} else t19 = $[51];
+	return t19;
+};
+//#endregion
+export { AlertDialog };

package/dist/components/alert.d.ts

@@ -0,0 +1,2 @@
+import { n as AlertProps, t as Alert } from "../Alert-CbEhRaU5.js";
+export { Alert, AlertProps };

package/dist/components/alert.js

@@ -0,0 +1,2 @@
+import { t as Alert } from "../Alert-BALBsBrP.js";
+export { Alert };

package/dist/components/autocomplete/react-aria.d.ts

@@ -0,0 +1 @@
+export { Autocomplete, type AutocompleteProps } from "react-aria-components";

package/dist/components/autocomplete/react-aria.js

@@ -0,0 +1 @@
+import{mergeProps as e}from"react-aria/mergeProps";import{mergeRefs as t}from"react-aria/mergeRefs";import n,{createContext as r,forwardRef as i,useContext as a,useMemo as o,useRef as s}from"react";import{useLayoutEffect as c}from"react-aria/private/utils/useLayoutEffect";import"react-aria/useObjectRef";import{useAutocomplete as l}from"react-aria/useAutocomplete";import{useAutocompleteState as u}from"react-stately/private/autocomplete/useAutocompleteState";const d=Symbol(`default`);function f({values:e,children:t}){for(let[r,i]of e)t=n.createElement(r.Provider,{value:i},t);return t}function p(e,t){let n=a(e);if(t===null)return null;if(n&&typeof n==`object`&&`slots`in n&&n.slots){let e=t||d;if(!n.slots[e]){let e=new Intl.ListFormat().format(Object.keys(n.slots).map(e=>`"${e}"`)),r=t?`Invalid slot "${t}".`:`A slot prop is required.`;throw Error(`${r} Valid slot names are ${e}.`)}return n.slots[e]}return n}function m(e){let t=/^(data-.*)$/,n={};for(let r in e)t.test(r)||(n[r]=e[r]);return n}function h(e,r,i){let{render:a,...l}=r,u=s(null),d=o(()=>t(i,u),[i,u]);c(()=>{},[e,a]);let f={...l,ref:d};return a?a(f,void 0):n.createElement(e,f)}const g={};new Proxy({},{get(e,t){if(typeof t!=`string`)return;let n=g[t];return n||(n=i(h.bind(null,t)),g[t]=n),n}});const _=r(null),v=r(null),y=r(null),b=r(null);function x(t){let r=p(_,t.slot);t=e(r,t);let{filter:i,disableAutoFocusFirst:a}=t,o=u(t),c=s(null),d=s(null),{inputProps:h,collectionProps:g,collectionRef:x,filter:S}=l({...m(t),filter:i,disableAutoFocusFirst:a,inputRef:c,collectionRef:d},o);return n.createElement(f,{values:[[v,o],[b,{...h,ref:c}],[y,{...g,filter:S,ref:x}]]},t.children)}export{x as Autocomplete};

package/dist/components/autocomplete.d.ts

@@ -0,0 +1,2 @@
+import { n as AutocompleteProps, r as ControlledAutocompleteProps, t as Autocomplete } from "../Autocomplete-DE2lQi5o.js";
+export { Autocomplete, AutocompleteProps, ControlledAutocompleteProps };

package/dist/components/autocomplete.js

@@ -0,0 +1,134 @@
+import { t as UIConfig } from "../uiConfig.context-BvBsrMFI.js";
+import { l as selectInputTagsContentWrapperDefinition, n as StaticSelectTrailingContent, r as SelectBase, t as getStaticSelectValue } from "../staticSelect.utils-CBmV4sam.js";
+import { t as clsx } from "../clsx-CnD0nOiA.js";
+import { t as UIOverrides } from "../uiOverrides.context-Bfm2n-n8.js";
+import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "../import-DDGNxVX8.js";
+import { t as FieldController } from "../form.binding-DLM7NA2s.js";
+import { i as InputFrame, n as useStaticInputHandoff, t as getStaticInputFocusTarget } from "../useStaticInputHandoff-Denoy4V_.js";
+import { memo, useRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/inputs/Selection/Autocomplete/Autocomplete.tsx
+function AutocompleteInner({ renderStaticInput, isFormControlDisabled, ...props }) {
+	const ui = UIConfig.useConfig();
+	const selectInputTagsContentWrapperCva = UIOverrides.useCva("select.tagsContentWrapperCva", selectInputTagsContentWrapperDefinition);
+	const [renderInput, setRenderInput] = useState(!(renderStaticInput ?? ui.select.renderStaticInput ?? ui.renderStaticInput));
+	const rootRef = useRef(null);
+	const { renderRealInput, replayStaticInputChange, replayStaticInputPress } = useStaticInputHandoff({
+		inputRef: rootRef,
+		renderInput,
+		setRenderInput,
+		getFocusTarget: (root, _staticTarget, fromEnd) => fromEnd ? getStaticInputFocusTarget(root, true) : root.querySelector("input, [data-type='select-trigger'], button, [tabindex]")
+	});
+	const currentValue = props.value;
+	if (!renderInput && !!props.customTrigger) setRenderInput(true);
+	if (!renderInput) {
+		const as = props.as ?? ui.input.as;
+		const size = props.size ?? ui.input.size;
+		let isDisabled = !!props.isDisabled;
+		if (isFormControlDisabled) isDisabled = true;
+		const mode = props.selectionMode ?? ui.select.selectionMode;
+		const { selectedItem, displayValue, isEmpty } = getStaticSelectValue({
+			items: props.items,
+			value: currentValue,
+			selectionMode: mode,
+			initialSelection: props.initialSelection,
+			mapInitialToSelectItem: props.mapInitialToSelectItem,
+			showSelectionContent: props.showSelectionContent,
+			isDisabled,
+			collapseAfter: props.collapseAfter ?? ui.select.collapseAfter,
+			selectedTagsType: props.selectedTagsType ?? ui.select.selectedTagsType
+		});
+		const isMultiple = mode === "multiple";
+		const trailingContent = /* @__PURE__ */ jsx(StaticSelectTrailingContent, {
+			trailingContent: props.trailingContent,
+			hideDropdownIcon: props.hideDropdownIcon,
+			isDisabled,
+			size
+		});
+		const placeholder = as === "floating" ? null : props.placeholder;
+		const shouldRenderPlaceholderAfterValue = mode !== "single" && props.placeholder && !isEmpty;
+		const inputValue = !isMultiple && selectedItem ? selectedItem.label : "";
+		const dataAttributes = {
+			dataIsEmpty: isEmpty,
+			dataIsFilled: !isEmpty,
+			dataIsDirty: props.isDirty,
+			dataIsRequired: props.isRequired,
+			dataIsDisabled: isDisabled,
+			dataDisabled: isDisabled,
+			dataInvalid: !!props.error,
+			dataHasSelection: !isEmpty,
+			dataHasSearch: false
+		};
+		return /* @__PURE__ */ jsx(InputFrame, {
+			...props,
+			isDisabled,
+			isLoading: false,
+			className: clsx("w-full", props.containerClassName),
+			inputClassName: clsx(props.className, props.inputClassName),
+			contentWrapperClassName: selectInputTagsContentWrapperCva({ isSearchable: true }),
+			contentGroup: "select",
+			labelPlacement: "content-row",
+			dataAttributes,
+			onStaticInteract: renderRealInput,
+			onStaticPress: replayStaticInputPress,
+			wrapTrailingContent: false,
+			leadingContent: props.leadingContent && /* @__PURE__ */ jsx("div", {
+				className: "ml-input-side-default flex shrink-0 items-center",
+				children: props.leadingContent
+			}),
+			trailingContent,
+			children: (dataAttributeProps) => /* @__PURE__ */ jsxs(Fragment$1, { children: [isMultiple && !isEmpty && displayValue, /* @__PURE__ */ jsx("input", {
+				disabled: isDisabled,
+				tabIndex: -1,
+				role: "combobox",
+				"aria-autocomplete": "list",
+				"aria-controls": `${dataAttributeProps.id}-listbox`,
+				"aria-expanded": false,
+				value: inputValue,
+				placeholder: isMultiple && shouldRenderPlaceholderAfterValue ? props.placeholder : placeholder ?? void 0,
+				className: clsx("w-full flex-1 bg-transparent outline-none placeholder:text-text-default-3 disabled:text-interactive-text-secondary-disabled", props.inputClassName),
+				onChange: (event) => replayStaticInputChange(event.target.value),
+				...dataAttributeProps,
+				"data-rac": true
+			})] })
+		});
+	}
+	return /* @__PURE__ */ jsx(SelectBase, {
+		...props,
+		ref: $a8ea2faf2ebe4d2f$re_export$mergeRefs(props.ref, rootRef),
+		isSearchable: true
+	});
+}
+function AutocompleteComponent({ renderStaticInput, ...props }) {
+	if ("field" in props && props.field) {
+		const { ignoreInputValueFiltering = true, field, ref, ...innerProps } = props;
+		const controlWithOptions = field.form;
+		return /* @__PURE__ */ jsx(FieldController, {
+			control: field.form,
+			name: field.name,
+			render: ({ field, fieldState: { error, isDirty } }) => /* @__PURE__ */ jsx(AutocompleteInner, {
+				...innerProps,
+				ref: $a8ea2faf2ebe4d2f$re_export$mergeRefs(ref, field.ref),
+				value: field.value,
+				onChange: (value) => {
+					field.onChange(value);
+					field.onBlur();
+				},
+				onBlur: field.onBlur,
+				isDirty,
+				isDisabled: field.disabled || props.isDisabled,
+				isFormControlDisabled: !!controlWithOptions._options?.disabled,
+				error: props.error ?? error?.message,
+				ignoreInputValueFiltering,
+				renderStaticInput
+			})
+		});
+	}
+	return /* @__PURE__ */ jsx(AutocompleteInner, {
+		...props,
+		renderStaticInput
+	});
+}
+const Autocomplete = memo(AutocompleteComponent);
+//#endregion
+export { Autocomplete };

package/dist/components/badge.d.ts

@@ -0,0 +1,2 @@
+import { n as BadgeProps, t as Badge } from "../Badge-CjPpYa50.js";
+export { Badge, BadgeProps };

package/dist/components/badge.js

@@ -0,0 +1,98 @@
+import { t as UIConfig } from "../uiConfig.context-BvBsrMFI.js";
+import { t as X } from "../x-BD2AijMA.js";
+import { t as clsx } from "../clsx-CnD0nOiA.js";
+import { n as $7705c033048f6da7$export$353f5b6fc5456de1 } from "../Button-CRlZqaJq.js";
+import { t as UIOverrides } from "../uiOverrides.context-Bfm2n-n8.js";
+import { t as Typography } from "../Typography-AcUd9df8.js";
+import { r as pillButtonDefinition } from "../pillButton.cva-6tjADUQ6.js";
+import "../i18n-BDjNuy4Z.js";
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+//#region src/components/text/Badge/Badge.tsx
+const Badge = (t0) => {
+	const $ = c(20);
+	const { className, children, dismissible, dismissable, isDisabled, disabled, onRemove, onDismiss, dismissButtonProps, excludeFromTabOrder, onPress, contentRef, variant: t1, textVariant: textVariantProp, textSize: textSizeProp, ...appearanceProps } = t0;
+	const variant = t1 === void 0 ? "subtle" : t1;
+	const uiConfig = UIConfig.useConfig();
+	const textVariant = textVariantProp ?? uiConfig.tag.textVariant;
+	const textSize = textSizeProp ?? uiConfig.tag.textSize;
+	const isDismissible = dismissible ?? dismissable ?? false;
+	const resolvedIsDisabled = isDisabled ?? disabled;
+	const pillCva = UIOverrides.useCva("pillButton.cva", pillButtonDefinition);
+	const { t } = useTranslation("ui");
+	const t2 = onRemove ?? onDismiss ?? onPress;
+	let t3;
+	if ($[0] !== t) {
+		t3 = t(_temp);
+		$[0] = t;
+		$[1] = t3;
+	} else t3 = $[1];
+	let t4;
+	if ($[2] !== dismissButtonProps || $[3] !== excludeFromTabOrder || $[4] !== resolvedIsDisabled || $[5] !== t2 || $[6] !== t3) {
+		t4 = {
+			...dismissButtonProps,
+			excludeFromTabOrder,
+			isDisabled: resolvedIsDisabled,
+			onPress: t2,
+			"aria-label": t3
+		};
+		$[2] = dismissButtonProps;
+		$[3] = excludeFromTabOrder;
+		$[4] = resolvedIsDisabled;
+		$[5] = t2;
+		$[6] = t3;
+		$[7] = t4;
+	} else t4 = $[7];
+	const buttonProps = t4;
+	const t5 = pillCva({
+		...appearanceProps,
+		variant,
+		className: clsx("pointer-events-none inline-flex gap-list-gap-icon-to-label overflow-hidden", className)
+	});
+	const t6 = contentRef;
+	let t7;
+	if ($[8] !== children || $[9] !== t6 || $[10] !== textSize || $[11] !== textVariant) {
+		t7 = /* @__PURE__ */ jsx(Typography, {
+			ref: t6,
+			variant: textVariant,
+			size: textSize,
+			as: "span",
+			className: "truncate",
+			children
+		});
+		$[8] = children;
+		$[9] = t6;
+		$[10] = textSize;
+		$[11] = textVariant;
+		$[12] = t7;
+	} else t7 = $[12];
+	let t8;
+	if ($[13] !== buttonProps || $[14] !== isDismissible) {
+		t8 = isDismissible && /* @__PURE__ */ jsx($7705c033048f6da7$export$353f5b6fc5456de1, {
+			...buttonProps,
+			className: "pointer-events-auto shrink-0",
+			children: /* @__PURE__ */ jsx(X, { className: "size-4" })
+		});
+		$[13] = buttonProps;
+		$[14] = isDismissible;
+		$[15] = t8;
+	} else t8 = $[15];
+	let t9;
+	if ($[16] !== t5 || $[17] !== t7 || $[18] !== t8) {
+		t9 = /* @__PURE__ */ jsxs("div", {
+			className: t5,
+			children: [t7, t8]
+		});
+		$[16] = t5;
+		$[17] = t7;
+		$[18] = t8;
+		$[19] = t9;
+	} else t9 = $[19];
+	return t9;
+};
+function _temp($) {
+	return $.ui.tag.dismiss;
+}
+//#endregion
+export { Badge };

package/dist/components/bottom-sheet.d.ts

@@ -0,0 +1,3 @@
+import { t as BottomSheetProps } from "../BottomSheet-CT0zuola.js";
+import { t as BottomSheet } from "../BottomSheet.lazy-7AwnB4vS.js";
+export { BottomSheet, type BottomSheetProps };