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

package/dist/Switch-BaNEe9Nx.js

@@ -0,0 +1,192 @@
+import { t as UIConfig } from "./uiConfig.context-BvBsrMFI.js";
+import { t as clsx } from "./clsx-CnD0nOiA.js";
+import { c as $7230ffa83bc0c2cf$export$ef03459518577ad4, n as $7230ffa83bc0c2cf$export$29f1550f4b0d4415, r as $7230ffa83bc0c2cf$export$4d86445c2cf5e3, s as $7230ffa83bc0c2cf$export$df3a06d6289f983e, t as $7230ffa83bc0c2cf$export$2881499e37b75b9a } from "./utils-D3gCeElo.js";
+import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
+import { t as uiGroupOutlineClass } from "./outline.clsx-50W_vNDl.js";
+import { t as compoundMapper } from "./compoundMapper-Di3SKZnS.js";
+import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "./import-DDGNxVX8.js";
+import { t as FieldController } from "./form.binding-DLM7NA2s.js";
+import { t as FormFieldError } from "./FormFieldError-CFg0Wn3i.js";
+import { t as CheckContent } from "./CheckContent-DzWpxKGq.js";
+import $ahdqC$react, { createContext, forwardRef, memo, useContext } from "react";
+import { mergeProps } from "react-aria/mergeProps";
+import { mergeRefs } from "react-aria/mergeRefs";
+import { useObjectRef } from "react-aria/useObjectRef";
+import { filterDOMProps } from "react-aria/filterDOMProps";
+import { useFocusRing } from "react-aria/useFocusRing";
+import { useHover } from "react-aria/useHover";
+import { VisuallyHidden } from "react-aria/VisuallyHidden";
+import { useToggleState } from "react-stately/useToggleState";
+import { useSwitch } from "react-aria/useSwitch";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#region ../../node_modules/.bun/react-aria-components@1.20.0+67f6792bdf102c28/node_modules/react-aria-components/dist/private/Switch.mjs
+const $24585aa46d6ffdff$export$8699e3b644d5a28a = /*#__PURE__*/ createContext(null);
+const $24585aa46d6ffdff$export$5cc1518e1ec171c = /*#__PURE__*/ createContext(null);
+const $24585aa46d6ffdff$export$b5d5cf8927ab7262 = /*#__PURE__*/ forwardRef(function Switch(props, ref) {
+	let { inputRef: userProvidedInputRef = null, ...otherProps } = props;
+	[props, ref] = $7230ffa83bc0c2cf$export$29f1550f4b0d4415(otherProps, ref, $24585aa46d6ffdff$export$8699e3b644d5a28a);
+	let inputRef = useObjectRef(mergeRefs(userProvidedInputRef, props.inputRef !== void 0 ? props.inputRef : null));
+	let state = useToggleState(props);
+	let aria = useSwitch({
+		...$7230ffa83bc0c2cf$export$ef03459518577ad4(props),
+		children: typeof props.children === "function" ? true : props.children
+	}, state, inputRef);
+	return /*#__PURE__*/ $ahdqC$react.createElement($7230ffa83bc0c2cf$export$2881499e37b75b9a, { values: [[$24585aa46d6ffdff$export$5cc1518e1ec171c, state], [$24585aa46d6ffdff$var$InternalSwitchContext, {
+		...aria,
+		inputRef,
+		defaultClassName: "react-aria-Switch"
+	}]] }, /*#__PURE__*/ $ahdqC$react.createElement($24585aa46d6ffdff$export$72111f742dee7cb8, {
+		...props,
+		ref
+	}));
+});
+const $24585aa46d6ffdff$var$InternalSwitchContext = /*#__PURE__*/ createContext(null);
+const $24585aa46d6ffdff$export$72111f742dee7cb8 = /*#__PURE__*/ forwardRef(function SwitchButton(props, ref) {
+	let { labelProps, inputProps, isSelected, isDisabled, isReadOnly, isPressed, isInvalid, inputRef, defaultClassName, isRequired } = useContext($24585aa46d6ffdff$var$InternalSwitchContext);
+	let { isFocused, isFocusVisible, focusProps } = useFocusRing();
+	let isInteractionDisabled = isDisabled || isReadOnly;
+	let state = useContext($24585aa46d6ffdff$export$5cc1518e1ec171c);
+	let { hoverProps, isHovered } = useHover({
+		...props,
+		isDisabled: isInteractionDisabled
+	});
+	let renderProps = $7230ffa83bc0c2cf$export$4d86445c2cf5e3({
+		...props,
+		defaultClassName,
+		values: {
+			isSelected,
+			isPressed,
+			isHovered,
+			isFocused,
+			isFocusVisible,
+			isDisabled,
+			isReadOnly,
+			isInvalid,
+			isRequired: isRequired || false,
+			state
+		}
+	});
+	let DOMProps = filterDOMProps(props, { global: true });
+	delete DOMProps.id;
+	delete DOMProps.onClick;
+	return /*#__PURE__*/ $ahdqC$react.createElement($7230ffa83bc0c2cf$export$df3a06d6289f983e.label, {
+		...mergeProps(DOMProps, labelProps, hoverProps, renderProps),
+		ref,
+		slot: props.slot || void 0,
+		"data-selected": isSelected || void 0,
+		"data-pressed": isPressed || void 0,
+		"data-hovered": isHovered || void 0,
+		"data-focused": isFocused || void 0,
+		"data-focus-visible": isFocusVisible || void 0,
+		"data-disabled": isDisabled || void 0,
+		"data-readonly": isReadOnly || void 0,
+		"data-invalid": isInvalid || void 0,
+		"data-required": isRequired || void 0
+	}, /*#__PURE__*/ $ahdqC$react.createElement(VisuallyHidden, { elementType: "span" }, /*#__PURE__*/ $ahdqC$react.createElement("input", {
+		...mergeProps(inputProps, focusProps),
+		ref: inputRef
+	})), renderProps.children);
+});
+//#endregion
+//#region src/components/inputs/Switch/switch.cva.ts
+const switchDefinition = UIOverrides.defineConfig({
+	base: ["h-6 w-10 rounded-full before:m-0-5 before:block before:aspect-square before:h-5 before:rounded-full before:transition-transform before:content-[''] group-selected:before:translate-x-4", uiGroupOutlineClass],
+	config: {
+		variants: { variant: { default: [
+			"bg-interactive-contained-secondary-idle",
+			"group-disabled:bg-interactive-contained-secondary-disabled",
+			"group-hover:bg-interactive-contained-secondary-hover",
+			"group-pressed:bg-interactive-contained-secondary-pressed",
+			"group-selected:bg-interactive-contained-primary-idle",
+			"group-selected:group-hover:bg-interactive-contained-primary-hover",
+			"group-selected:group-pressed:bg-interactive-contained-primary-pressed",
+			"group-focus-visible:outline-interactive-text-secondary-focus",
+			"before:bg-interactive-contained-secondary-on-idle",
+			"group-hover:before:bg-interactive-contained-secondary-on-hover",
+			"group-disabled:before:bg-interactive-contained-secondary-on-disabled",
+			"group-selected:before:bg-interactive-contained-primary-on-idle",
+			"group-selected:group-hover:before:bg-interactive-contained-primary-on-hover",
+			"group-selected:group-pressed:before:bg-interactive-contained-primary-on-pressed",
+			"group-selected:group-disabled:bg-interactive-contained-primary-disabled"
+		] } },
+		defaultVariants: { variant: "default" }
+	}
+});
+const switchTypography = compoundMapper({ default: {
+	size: "label-1",
+	sizeMobile: "label-1",
+	variant: "default"
+} });
+const switchContentClassName = compoundMapper({ default: "text-text-default-2" });
+//#endregion
+//#region src/components/inputs/Switch/Switch.tsx
+const SwitchBase = (props) => {
+	const ui = UIConfig.useConfig();
+	const switchCva = UIOverrides.useCva("switch.cva", switchDefinition);
+	const switchTypographyMap = UIOverrides.useMapper("switch.typography", switchTypography);
+	const switchContentClassNameMap = UIOverrides.useMapper("switch.contentClassName", switchContentClassName);
+	const { className, children, isDisabled, disabled, isRequired, required, error, variant: variantProp, fireBlurOnChange: fireBlurOnChangeProp, onChange, onBlur, ...rest } = props;
+	const resolvedIsDisabled = isDisabled ?? disabled;
+	const resolvedIsRequired = isRequired ?? required;
+	const variant = variantProp ?? ui.switch.variant;
+	const fireBlurOnChange = fireBlurOnChangeProp ?? ui.switch.fireBlurOnChange;
+	const formFieldErrorProps = {
+		error,
+		isDisabled: resolvedIsDisabled
+	};
+	const handleChange = (isSelected) => {
+		onChange?.(isSelected);
+		if (fireBlurOnChange) onBlur?.({});
+	};
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs($24585aa46d6ffdff$export$b5d5cf8927ab7262, {
+		...rest,
+		"data-is-dirty": props.isDirty || void 0,
+		"data-is-required": resolvedIsRequired || void 0,
+		"aria-required": resolvedIsRequired || void 0,
+		isDisabled: resolvedIsDisabled,
+		onChange: handleChange,
+		onBlur,
+		className: clsx("group flex items-center gap-2", !resolvedIsDisabled && "cursor-pointer", className),
+		children: [/* @__PURE__ */ jsx("div", { className: switchCva({
+			variant,
+			...rest
+		}) }), /* @__PURE__ */ jsx(CheckContent, {
+			typography: switchTypographyMap({
+				variant,
+				...rest
+			}),
+			contentClassName: switchContentClassNameMap({
+				variant,
+				...rest
+			}),
+			children
+		})]
+	}), /* @__PURE__ */ jsx(FormFieldError, { ...formFieldErrorProps })] });
+};
+const SwitchComponent = (props) => {
+	if ("field" in props && props.field) {
+		const { field, ref, ...innerProps } = props;
+		return /* @__PURE__ */ jsx(FieldController, {
+			control: field.form,
+			name: field.name,
+			render: ({ field, fieldState: { error, isDirty } }) => /* @__PURE__ */ jsx(SwitchBase, {
+				...innerProps,
+				ref: $a8ea2faf2ebe4d2f$re_export$mergeRefs(ref, field.ref),
+				isSelected: field.value,
+				onChange: (value) => {
+					field.onChange(value);
+					field.onBlur();
+				},
+				onBlur: field.onBlur,
+				name: field.name,
+				isDirty,
+				isDisabled: field.disabled || props.isDisabled,
+				error: props.error ?? error?.message
+			})
+		});
+	}
+	return /* @__PURE__ */ jsx(SwitchBase, { ...props });
+};
+const Switch = memo(SwitchComponent);
+//#endregion
+export { switchDefinition as n, Switch as t };

package/dist/Switch-C0S5Juhf.d.ts

@@ -0,0 +1,22 @@
+import { n as FieldValues } from "./form.binding-DVJ5F0JE.js";
+import { t as FormFieldErrorProps } from "./FormFieldError-BT4uxbKY.js";
+import { t as ControlProps } from "./form.types-CecYaerF.js";
+import { t as SwitchVariantProps } from "./switch.cva-BIioyegR.js";
+import { Ref } from "react";
+import { SwitchProps } from "react-aria-components";
+//#region src/components/inputs/Switch/Switch.d.ts
+interface SwitchBaseProps extends FormFieldErrorProps, SwitchVariantProps, Omit<SwitchProps, "className"> {
+  ref?: Ref<HTMLLabelElement>;
+  children?: string;
+  isDirty?: boolean;
+  isRequired?: boolean;
+  disabled?: boolean;
+  required?: boolean;
+  fireBlurOnChange?: boolean;
+}
+type SwitchProps$1 = SwitchBaseProps;
+type ControlledSwitchProps<TFieldValues extends FieldValues> = ControlProps<SwitchProps$1, TFieldValues, "isSelected">;
+declare const SwitchComponent: <TFieldValues extends FieldValues>(props: ControlledSwitchProps<TFieldValues>) => import("react").JSX.Element;
+declare const Switch: typeof SwitchComponent;
+//#endregion
+export { Switch as n, SwitchProps$1 as r, ControlledSwitchProps as t };

package/dist/TableDnd-CuHxANWh.js

@@ -0,0 +1,133 @@
+import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+import { DndContext, KeyboardSensor, MouseSensor, TouchSensor, closestCenter, useSensor, useSensors } from "@dnd-kit/core";
+import { restrictToVerticalAxis } from "@dnd-kit/modifiers";
+import { SortableContext, useSortable, verticalListSortingStrategy } from "@dnd-kit/sortable";
+import { CSS } from "@dnd-kit/utilities";
+//#region src/components/table/TableDnd.tsx
+const DndProvider = (t0) => {
+	const $ = c(5);
+	const { children, onDragEnd } = t0;
+	const sensors = useSensors(useSensor(MouseSensor), useSensor(TouchSensor), useSensor(KeyboardSensor));
+	let t1;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = [restrictToVerticalAxis];
+		$[0] = t1;
+	} else t1 = $[0];
+	let t2;
+	if ($[1] !== children || $[2] !== onDragEnd || $[3] !== sensors) {
+		t2 = /* @__PURE__ */ jsx(DndContext, {
+			collisionDetection: closestCenter,
+			modifiers: t1,
+			onDragEnd,
+			sensors,
+			children
+		});
+		$[1] = children;
+		$[2] = onDragEnd;
+		$[3] = sensors;
+		$[4] = t2;
+	} else t2 = $[4];
+	return t2;
+};
+const SortableRows = (t0) => {
+	const $ = c(3);
+	const { children, items } = t0;
+	let t1;
+	if ($[0] !== children || $[1] !== items) {
+		t1 = /* @__PURE__ */ jsx(SortableContext, {
+			items,
+			strategy: verticalListSortingStrategy,
+			children
+		});
+		$[0] = children;
+		$[1] = items;
+		$[2] = t1;
+	} else t1 = $[2];
+	return t1;
+};
+const DraggableRow = (t0) => {
+	const $ = c(18);
+	const { id, className, isClickable, isSelected, onClick, onDoubleClick, children } = t0;
+	let t1;
+	if ($[0] !== id) {
+		t1 = { id };
+		$[0] = id;
+		$[1] = t1;
+	} else t1 = $[1];
+	const { transform, transition, setNodeRef, isDragging } = useSortable(t1);
+	let t2;
+	if ($[2] !== transform) {
+		t2 = CSS.Transform.toString(transform);
+		$[2] = transform;
+		$[3] = t2;
+	} else t2 = $[3];
+	const t3 = isDragging ? .8 : 1;
+	const t4 = isDragging ? 1 : 0;
+	let t5;
+	if ($[4] !== t2 || $[5] !== t3 || $[6] !== t4 || $[7] !== transition) {
+		t5 = {
+			transform: t2,
+			transition,
+			opacity: t3,
+			zIndex: t4,
+			position: "relative"
+		};
+		$[4] = t2;
+		$[5] = t3;
+		$[6] = t4;
+		$[7] = transition;
+		$[8] = t5;
+	} else t5 = $[8];
+	const style = t5;
+	const t6 = isClickable || void 0;
+	const t7 = isSelected || void 0;
+	let t8;
+	if ($[9] !== children || $[10] !== className || $[11] !== onClick || $[12] !== onDoubleClick || $[13] !== setNodeRef || $[14] !== style || $[15] !== t6 || $[16] !== t7) {
+		t8 = /* @__PURE__ */ jsx("tr", {
+			ref: setNodeRef,
+			style,
+			className,
+			"data-clickable": t6,
+			"data-selected": t7,
+			onClick,
+			onDoubleClick,
+			children
+		});
+		$[9] = children;
+		$[10] = className;
+		$[11] = onClick;
+		$[12] = onDoubleClick;
+		$[13] = setNodeRef;
+		$[14] = style;
+		$[15] = t6;
+		$[16] = t7;
+		$[17] = t8;
+	} else t8 = $[17];
+	return t8;
+};
+const DragHandle = (t0) => {
+	const $ = c(6);
+	const { id, children } = t0;
+	let t1;
+	if ($[0] !== id) {
+		t1 = { id };
+		$[0] = id;
+		$[1] = t1;
+	} else t1 = $[1];
+	const { attributes, listeners } = useSortable(t1);
+	let t2;
+	if ($[2] !== attributes || $[3] !== children || $[4] !== listeners) {
+		t2 = children({
+			...attributes,
+			...listeners
+		});
+		$[2] = attributes;
+		$[3] = children;
+		$[4] = listeners;
+		$[5] = t2;
+	} else t2 = $[5];
+	return t2;
+};
+//#endregion
+export { DndProvider, DragHandle, DraggableRow, SortableRows };

package/dist/Tag-1N-2yYCH.js

@@ -0,0 +1,148 @@
+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 { n as uiOutlineClass } from "./outline.clsx-50W_vNDl.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/Tag/tag.cva.ts
+const tagDefinition = UIOverrides.defineConfig({
+	base: [
+		uiOutlineClass,
+		"inline-flex items-center gap-list-gap-icon-to-label",
+		"p-pill-height-s px-1-5",
+		"rounded-pill-rounding-default",
+		"overflow-hidden",
+		"disabled:cursor-default"
+	],
+	config: {
+		variants: { color: {
+			primary: [
+				"bg-interactive-subtle-primary-idle text-interactive-subtle-primary-on-idle",
+				"hover:bg-interactive-subtle-primary-hover hover:text-interactive-subtle-primary-on-hover",
+				"pressed:bg-interactive-subtle-primary-pressed pressed:text-interactive-subtle-primary-on-pressed",
+				"disabled:bg-interactive-subtle-primary-disabled disabled:text-interactive-subtle-primary-on-disabled",
+				"focus-visible:outline-interactive-contained-primary-focus"
+			],
+			secondary: [
+				"bg-interactive-subtle-secondary-idle text-interactive-subtle-secondary-on-idle",
+				"hover:bg-interactive-subtle-secondary-hover hover:text-interactive-subtle-secondary-on-hover",
+				"pressed:bg-interactive-subtle-secondary-pressed pressed:text-interactive-subtle-secondary-on-pressed",
+				"disabled:bg-interactive-subtle-secondary-disabled disabled:text-interactive-subtle-secondary-on-disabled",
+				"focus-visible:outline-interactive-contained-primary-focus"
+			],
+			success: [
+				"bg-interactive-subtle-success-idle text-interactive-subtle-success-on-idle",
+				"hover:bg-interactive-subtle-success-hover hover:text-interactive-subtle-success-on-hover",
+				"pressed:bg-interactive-subtle-success-pressed pressed:text-interactive-subtle-success-on-pressed",
+				"disabled:bg-interactive-subtle-success-disabled disabled:text-interactive-subtle-success-on-disabled",
+				"focus-visible:outline-interactive-contained-primary-focus"
+			],
+			warning: [
+				"bg-interactive-subtle-warning-idle text-interactive-subtle-warning-on-idle",
+				"hover:bg-interactive-subtle-warning-hover hover:text-interactive-subtle-warning-on-hover",
+				"pressed:bg-interactive-subtle-warning-pressed pressed:text-interactive-subtle-warning-on-pressed",
+				"disabled:bg-interactive-subtle-warning-disabled disabled:text-interactive-subtle-warning-on-disabled",
+				"focus-visible:outline-interactive-contained-primary-focus"
+			],
+			error: [
+				"bg-interactive-subtle-error-idle text-interactive-subtle-error-on-idle",
+				"hover:bg-interactive-subtle-error-hover hover:text-interactive-subtle-error-on-hover",
+				"pressed:bg-interactive-subtle-error-pressed pressed:text-interactive-subtle-error-on-pressed",
+				"disabled:bg-interactive-subtle-error-disabled disabled:text-interactive-subtle-error-on-disabled",
+				"focus-visible:outline-interactive-contained-primary-focus"
+			]
+		} },
+		defaultVariants: { color: "primary" }
+	}
+});
+//#endregion
+//#region src/components/text/Tag/Tag.tsx
+const Tag = (t0) => {
+	const $ = c(20);
+	const { className, children, dismissible, dismissable, isDisabled, disabled, onRemove, onDismiss, dismissButtonProps, excludeFromTabOrder, onPress, contentRef, textVariant: textVariantProp, textSize: textSizeProp, ...appearanceProps } = t0;
+	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 tagCva = UIOverrides.useCva("tag.cva", tagDefinition);
+	const { t } = useTranslation("ui");
+	const t1 = onRemove ?? onDismiss ?? onPress;
+	let t2;
+	if ($[0] !== t) {
+		t2 = t(_temp);
+		$[0] = t;
+		$[1] = t2;
+	} else t2 = $[1];
+	let t3;
+	if ($[2] !== dismissButtonProps || $[3] !== excludeFromTabOrder || $[4] !== resolvedIsDisabled || $[5] !== t1 || $[6] !== t2) {
+		t3 = {
+			...dismissButtonProps,
+			excludeFromTabOrder,
+			isDisabled: resolvedIsDisabled,
+			onPress: t1,
+			"aria-label": t2
+		};
+		$[2] = dismissButtonProps;
+		$[3] = excludeFromTabOrder;
+		$[4] = resolvedIsDisabled;
+		$[5] = t1;
+		$[6] = t2;
+		$[7] = t3;
+	} else t3 = $[7];
+	const buttonProps = t3;
+	const t4 = tagCva({
+		...appearanceProps,
+		className: clsx("pointer-events-none", className)
+	});
+	const t5 = contentRef;
+	let t6;
+	if ($[8] !== children || $[9] !== t5 || $[10] !== textSize || $[11] !== textVariant) {
+		t6 = /* @__PURE__ */ jsx(Typography, {
+			ref: t5,
+			variant: textVariant,
+			size: textSize,
+			as: "span",
+			className: "truncate",
+			children
+		});
+		$[8] = children;
+		$[9] = t5;
+		$[10] = textSize;
+		$[11] = textVariant;
+		$[12] = t6;
+	} else t6 = $[12];
+	let t7;
+	if ($[13] !== buttonProps || $[14] !== isDismissible) {
+		t7 = 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] = t7;
+	} else t7 = $[15];
+	let t8;
+	if ($[16] !== t4 || $[17] !== t6 || $[18] !== t7) {
+		t8 = /* @__PURE__ */ jsxs("div", {
+			className: t4,
+			children: [t6, t7]
+		});
+		$[16] = t4;
+		$[17] = t6;
+		$[18] = t7;
+		$[19] = t8;
+	} else t8 = $[19];
+	return t8;
+};
+function _temp($) {
+	return $.ui.tag.dismiss;
+}
+//#endregion
+export { tagDefinition as n, Tag as t };

package/dist/Tag-CgPeLVXM.d.ts

@@ -0,0 +1,44 @@
+import { n as StyleMergeUtils, t as UIOverrides } from "./uiOverrides.context-C3xb4Ttq.js";
+import { n as TypographyProps } from "./Typography-BWmZd20e.js";
+import { Ref } from "react";
+import { ButtonProps } from "react-aria-components";
+//#region src/components/text/Tag/tag.cva.d.ts
+declare const tagDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly color: {
+      primary: ["bg-interactive-subtle-primary-idle text-interactive-subtle-primary-on-idle", "hover:bg-interactive-subtle-primary-hover hover:text-interactive-subtle-primary-on-hover", "pressed:bg-interactive-subtle-primary-pressed pressed:text-interactive-subtle-primary-on-pressed", "disabled:bg-interactive-subtle-primary-disabled disabled:text-interactive-subtle-primary-on-disabled", "focus-visible:outline-interactive-contained-primary-focus"];
+      secondary: ["bg-interactive-subtle-secondary-idle text-interactive-subtle-secondary-on-idle", "hover:bg-interactive-subtle-secondary-hover hover:text-interactive-subtle-secondary-on-hover", "pressed:bg-interactive-subtle-secondary-pressed pressed:text-interactive-subtle-secondary-on-pressed", "disabled:bg-interactive-subtle-secondary-disabled disabled:text-interactive-subtle-secondary-on-disabled", "focus-visible:outline-interactive-contained-primary-focus"];
+      success: ["bg-interactive-subtle-success-idle text-interactive-subtle-success-on-idle", "hover:bg-interactive-subtle-success-hover hover:text-interactive-subtle-success-on-hover", "pressed:bg-interactive-subtle-success-pressed pressed:text-interactive-subtle-success-on-pressed", "disabled:bg-interactive-subtle-success-disabled disabled:text-interactive-subtle-success-on-disabled", "focus-visible:outline-interactive-contained-primary-focus"];
+      warning: ["bg-interactive-subtle-warning-idle text-interactive-subtle-warning-on-idle", "hover:bg-interactive-subtle-warning-hover hover:text-interactive-subtle-warning-on-hover", "pressed:bg-interactive-subtle-warning-pressed pressed:text-interactive-subtle-warning-on-pressed", "disabled:bg-interactive-subtle-warning-disabled disabled:text-interactive-subtle-warning-on-disabled", "focus-visible:outline-interactive-contained-primary-focus"];
+      error: ["bg-interactive-subtle-error-idle text-interactive-subtle-error-on-idle", "hover:bg-interactive-subtle-error-hover hover:text-interactive-subtle-error-on-hover", "pressed:bg-interactive-subtle-error-pressed pressed:text-interactive-subtle-error-on-pressed", "disabled:bg-interactive-subtle-error-disabled disabled:text-interactive-subtle-error-on-disabled", "focus-visible:outline-interactive-contained-primary-focus"];
+    };
+  }>;
+};
+type TagConfig = NonNullable<typeof tagDefinition.config>;
+interface TagVariantProps extends UIOverrides.VariantProps<TagConfig> {}
+//#endregion
+//#region src/components/text/Tag/Tag.d.ts
+interface TagProps extends TagVariantProps {
+  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 Tag: ({ className, children, dismissible, dismissable, isDisabled, disabled, onRemove, onDismiss, dismissButtonProps, excludeFromTabOrder, onPress, contentRef, textVariant: textVariantProp, textSize: textSizeProp, ...appearanceProps }: TagProps) => import("react").JSX.Element;
+//#endregion
+export { tagDefinition as i, TagProps as n, TagVariantProps as r, Tag as t };

package/dist/Text-D_lEB52w.js

@@ -0,0 +1,5 @@
+import { createContext } from "react";
+//#region ../../node_modules/.bun/react-aria-components@1.20.0+67f6792bdf102c28/node_modules/react-aria-components/dist/private/Text.mjs
+const $efe09c6d1c304b50$export$9afb8bc826b033ea = /*#__PURE__*/ createContext({});
+//#endregion
+export { $efe09c6d1c304b50$export$9afb8bc826b033ea as t };