@povio/ui 3.4.0-rc.15 → 3.4.0-rc.17

package/dist/components/overlays/BottomSheet/BottomSheetHeader.js

@@ -1,13 +1,13 @@
-import { Typography } from "../../text/Typography/Typography.js";
+import { Typography } from "../../typography.js";
 import "../../../config/i18n.js";
 import { X } from "lucide-react";
+import { c } from "react/compiler-runtime";
 import { clsx } from "clsx";
 import { Button } from "react-aria-components";
-import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 //#region src/components/overlays/BottomSheet/BottomSheetHeader.tsx
-var BottomSheetHeader = (t0) => {
+const BottomSheetHeader = (t0) => {
 	const $ = c(17);
 	const { label, dragControls, isDismissable, hideThumb, hideHeader, headerTypography, onClose } = t0;
 	const { t } = useTranslation("ui");

package/dist/components/overlays/Modal/Modal.d.ts

@@ -1,15 +1,19 @@
-import { PropsWithChildren, RefObject } from 'react';
-import { ModalVariantProps } from './modal.cva';
-export interface ModalProps extends ModalVariantProps {
-    isOpen: boolean;
-    portalContainerRef?: RefObject<HTMLElement>;
-    onClose: () => void;
-    modalClassName?: string;
-    closeIconClassName?: string;
-    overlayClassName?: string;
-    showCloseIcon?: boolean;
-    isDismissable?: boolean;
-    isKeyboardDismissable?: boolean;
-    shouldCloseOnInteractOutside?: () => boolean;
+import { ModalVariantProps } from "./modal.cva.js";
+import { PropsWithChildren, RefObject } from "react";
+import { DialogProps } from "react-aria-components";
+//#region src/components/overlays/Modal/Modal.d.ts
+interface ModalProps extends ModalVariantProps, Pick<DialogProps, "aria-label" | "aria-labelledby"> {
+  isOpen: boolean;
+  portalContainerRef?: RefObject<HTMLElement>;
+  onClose: () => void;
+  modalClassName?: string;
+  closeIconClassName?: string;
+  overlayClassName?: string;
+  showCloseIcon?: boolean;
+  isDismissable?: boolean;
+  isKeyboardDismissable?: boolean;
+  shouldCloseOnInteractOutside?: () => boolean;
 }
-export declare const Modal: ({ isOpen, portalContainerRef, onClose, aside, children, modalClassName, closeIconClassName, overlayClassName, showCloseIcon, isDismissable, isKeyboardDismissable, shouldCloseOnInteractOutside, }: PropsWithChildren<ModalProps>) => import("react/jsx-runtime").JSX.Element;
+declare const Modal$1: ({ isOpen, portalContainerRef, onClose, aside, children, modalClassName, closeIconClassName, overlayClassName, showCloseIcon, isDismissable, isKeyboardDismissable, shouldCloseOnInteractOutside, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy }: PropsWithChildren<ModalProps>) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { Modal$1 as Modal, ModalProps };

package/dist/components/overlays/Modal/Modal.js

@@ -1,5 +1,5 @@
 import { UIOverrides } from "../../../config/uiOverrides.context.js";
-import { InlineIconButton } from "../../buttons/InlineIconButton/InlineIconButton.js";
+import { InlineIconButton } from "../../inline-icon-button.js";
 import "../../../config/i18n.js";
 import { modalContentDefinition, modalMainDefinition, modalOverlayDefinition } from "./modal.cva.js";
 import { X } from "lucide-react";
@@ -8,7 +8,7 @@ import { Dialog, Modal, ModalOverlay } from "react-aria-components";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 //#region src/components/overlays/Modal/Modal.tsx
-var Modal$1 = ({ isOpen, portalContainerRef, onClose, aside, children, modalClassName, closeIconClassName, overlayClassName, showCloseIcon, isDismissable = true, isKeyboardDismissable, shouldCloseOnInteractOutside }) => {
+const Modal$1 = ({ isOpen, portalContainerRef, onClose, aside, children, modalClassName, closeIconClassName, overlayClassName, showCloseIcon, isDismissable = true, isKeyboardDismissable, shouldCloseOnInteractOutside, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy }) => {
 	const { t } = useTranslation("ui");
 	const modalMainCva = UIOverrides.useCva("modal.mainCva", modalMainDefinition);
 	const modalContentCva = UIOverrides.useCva("modal.contentCva", modalContentDefinition);
@@ -35,6 +35,8 @@ var Modal$1 = ({ isOpen, portalContainerRef, onClose, aside, children, modalClas
 		children: /* @__PURE__ */ jsx(Modal, {
 			className: modalMainCva({ aside }),
 			children: /* @__PURE__ */ jsxs(Dialog, {
+				"aria-label": ariaLabel,
+				"aria-labelledby": ariaLabelledBy,
 				className: modalContentCva({
 					aside,
 					className: modalClassName

package/dist/components/overlays/Modal/modal.cva.d.ts

@@ -1,37 +1,37 @@
-import { UIOverrides } from '../../../config/uiOverrides.context';
-export declare const modalContentDefinition: {
-    base: string[];
-    config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{
-        readonly aside: {
-            readonly left: "h-screen rounded-none border-r";
-            readonly right: "h-screen rounded-none border-l";
-            readonly center: "rounded-modal-rounding-default border";
-        };
-    }>;
+import { StyleMergeUtils } from "../../../utils/style-merge.util.js";
+import { UIOverrides } from "../../../config/uiOverrides.context.js";
+//#region src/components/overlays/Modal/modal.cva.d.ts
+declare const modalContentDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly aside: {
+      readonly left: "h-screen rounded-none border-r";
+      readonly right: "h-screen rounded-none border-l";
+      readonly center: "rounded-modal-rounding-default border";
+    };
+  }>;
 };
-export type ModalConfig = NonNullable<typeof modalContentDefinition.config>;
-export interface ModalVariantProps extends UIOverrides.VariantProps<ModalConfig> {
-}
-export declare const modalOverlayDefinition: {
-    base: string[];
-    config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{
-        readonly aside: {
-            readonly left: "p-0";
-            readonly right: "p-0";
-            readonly center: "p-4";
-        };
-    }>;
+type ModalConfig = NonNullable<typeof modalContentDefinition.config>;
+interface ModalVariantProps extends UIOverrides.VariantProps<ModalConfig> {}
+declare const modalOverlayDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly aside: {
+      readonly left: "p-0";
+      readonly right: "p-0";
+      readonly center: "p-4";
+    };
+  }>;
 };
-export declare const modalOverlay: (props?: ({
-    readonly aside?: "left" | "right" | "center" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export declare const modalMainDefinition: {
-    base: string[];
-    config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{
-        readonly aside: {
-            readonly left: "entering:animate-drawer-enter-left exiting:animate-drawer-exit-left justify-start";
-            readonly right: "entering:animate-drawer-enter-right exiting:animate-drawer-exit-right justify-end";
-            readonly center: "justify-center";
-        };
-    }>;
+declare const modalMainDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly aside: {
+      readonly left: "entering:animate-drawer-enter-left exiting:animate-drawer-exit-left justify-start";
+      readonly right: "entering:animate-drawer-enter-right exiting:animate-drawer-exit-right justify-end";
+      readonly center: "justify-center";
+    };
+  }>;
 };
+//#endregion
+export { ModalConfig, ModalVariantProps, modalContentDefinition, modalMainDefinition, modalOverlayDefinition };

package/dist/components/overlays/Modal/modal.cva.js

@@ -1,7 +1,7 @@
 import { UIOverrides } from "../../../config/uiOverrides.context.js";
 import { cva } from "class-variance-authority";
 //#region src/components/overlays/Modal/modal.cva.ts
-var modalContentDefinition = UIOverrides.defineConfig({
+const modalContentDefinition = UIOverrides.defineConfig({
 	base: [
 		"relative flex flex-col items-center gap-modal-gap-content px-modal-side-mobile py-modal-height-mobile md:px-modal-side-desktop md:py-modal-height-desktop",
 		"w-fit max-w-full [&>*]:max-w-full",
@@ -17,7 +17,7 @@ var modalContentDefinition = UIOverrides.defineConfig({
 		defaultVariants: { aside: "center" }
 	}
 });
-var modalOverlayDefinition = UIOverrides.defineConfig({
+const modalOverlayDefinition = UIOverrides.defineConfig({
 	base: ["fixed inset-0 z-modal flex h-(--visual-viewport-height) w-screen overflow-y-auto bg-support-overlay"],
 	config: {
 		variants: { aside: {
@@ -28,8 +28,8 @@ var modalOverlayDefinition = UIOverrides.defineConfig({
 		defaultVariants: { aside: "center" }
 	}
 });
-var modalOverlay = cva(modalOverlayDefinition.base, modalOverlayDefinition.config);
-var modalMainDefinition = UIOverrides.defineConfig({
+const modalOverlay = cva(modalOverlayDefinition.base, modalOverlayDefinition.config);
+const modalMainDefinition = UIOverrides.defineConfig({
 	base: ["pointer-events-none my-auto flex w-full"],
 	config: {
 		variants: { aside: {

package/dist/components/overlays/Tooltip/tooltip.cva.d.ts

@@ -1,49 +1,43 @@
-import { UIOverrides } from '../../../config/uiOverrides.context';
-export declare const tooltipDefinition: {
-    base: string[];
-    config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{
-        readonly color: {
-            readonly default: ["bg-interactive-contained-secondary-idle"];
-            readonly error: ["w-max bg-elevation-fill-error-1"];
-        };
-    }>;
+import { StyleMergeUtils } from "../../../utils/style-merge.util.js";
+import { UIOverrides } from "../../../config/uiOverrides.context.js";
+//#region src/components/overlays/Tooltip/tooltip.cva.d.ts
+declare const tooltipDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly color: {
+      default: ["bg-interactive-contained-secondary-idle"];
+      error: ["w-max bg-elevation-fill-error-1"];
+    };
+  }>;
 };
-export type TooltipConfig = NonNullable<typeof tooltipDefinition.config>;
-export interface TooltipVariantProps extends UIOverrides.VariantProps<TooltipConfig> {
-}
-export declare const tooltipPointerHorizontalDefinition: {
-    base: string[];
-    config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{
-        readonly color: {
-            readonly default: ["text-interactive-contained-secondary-idle"];
-            readonly error: ["text-elevation-fill-error-1"];
-        };
-    }>;
+type TooltipConfig = NonNullable<typeof tooltipDefinition.config>;
+interface TooltipVariantProps extends UIOverrides.VariantProps<TooltipConfig> {}
+declare const tooltipPointerHorizontalDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly color: {
+      default: ["text-interactive-contained-secondary-idle"];
+      error: ["text-elevation-fill-error-1"];
+    };
+  }>;
 };
-export type TooltipPointerHorizontalConfig = NonNullable<typeof tooltipPointerHorizontalDefinition.config>;
-export interface TooltipPointerHorizontalVariantProps extends UIOverrides.VariantProps<TooltipPointerHorizontalConfig> {
-}
-export declare const tooltipPointerVerticalDefinition: {
-    base: string[];
-    config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{
-        readonly color: {
-            readonly default: ["text-interactive-contained-secondary-idle"];
-            readonly error: ["text-elevation-fill-error-1"];
-        };
-    }>;
+declare const tooltipPointerVerticalDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly color: {
+      default: ["text-interactive-contained-secondary-idle"];
+      error: ["text-elevation-fill-error-1"];
+    };
+  }>;
 };
-export type TooltipPointerVerticalConfig = NonNullable<typeof tooltipPointerVerticalDefinition.config>;
-export interface TooltipPointerVerticalVariantProps extends UIOverrides.VariantProps<TooltipPointerVerticalConfig> {
-}
-export declare const tooltipTextDefinition: {
-    base: string[];
-    config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{
-        readonly color: {
-            readonly default: ["text-interactive-contained-secondary-on-idle"];
-            readonly error: ["text-text-error-inverted-1"];
-        };
-    }>;
+declare const tooltipTextDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly color: {
+      default: ["text-interactive-contained-secondary-on-idle"];
+      error: ["text-text-error-inverted-1"];
+    };
+  }>;
 };
-export type TooltipTextConfig = NonNullable<typeof tooltipTextDefinition.config>;
-export interface TooltipTextVariantProps extends UIOverrides.VariantProps<TooltipTextConfig> {
-}
+//#endregion
+export { TooltipConfig, TooltipVariantProps, tooltipDefinition, tooltipPointerHorizontalDefinition, tooltipPointerVerticalDefinition, tooltipTextDefinition };

package/dist/components/overlays/Tooltip/tooltip.cva.js

@@ -1,6 +1,6 @@
 import { UIOverrides } from "../../../config/uiOverrides.context.js";
 //#region src/components/overlays/Tooltip/tooltip.cva.ts
-var tooltipDefinition = UIOverrides.defineConfig({
+const tooltipDefinition = UIOverrides.defineConfig({
 	base: ["group max-w-64 rounded-tooltip-rounding-default px-tooltip-side-default py-tooltip-height-default shadow-2"],
 	config: {
 		variants: { color: {
@@ -10,7 +10,7 @@ var tooltipDefinition = UIOverrides.defineConfig({
 		defaultVariants: { color: "default" }
 	}
 });
-var tooltipPointerHorizontalDefinition = UIOverrides.defineConfig({
+const tooltipPointerHorizontalDefinition = UIOverrides.defineConfig({
 	base: ["h-2-5 w-5 group-placement-left:hidden group-placement-right:hidden group-placement-top:rotate-180"],
 	config: {
 		variants: { color: {
@@ -20,7 +20,7 @@ var tooltipPointerHorizontalDefinition = UIOverrides.defineConfig({
 		defaultVariants: { color: "default" }
 	}
 });
-var tooltipPointerVerticalDefinition = UIOverrides.defineConfig({
+const tooltipPointerVerticalDefinition = UIOverrides.defineConfig({
 	base: ["h-5 w-2-5 group-placement-bottom:hidden group-placement-top:hidden group-placement-left:rotate-180"],
 	config: {
 		variants: { color: {
@@ -30,7 +30,7 @@ var tooltipPointerVerticalDefinition = UIOverrides.defineConfig({
 		defaultVariants: { color: "default" }
 	}
 });
-var tooltipTextDefinition = UIOverrides.defineConfig({
+const tooltipTextDefinition = UIOverrides.defineConfig({
 	base: [],
 	config: {
 		variants: { color: {

package/dist/components/pagination.d.ts

@@ -0,0 +1,12 @@
+import { PaginationListProps } from "./shared/pagination/PaginationList.js";
+//#region src/components/shared/pagination/Pagination.d.ts
+interface PaginationProps extends Omit<PaginationListProps, "totalPages"> {
+  totalItems: number;
+  pageSize: number;
+  totalPages?: number;
+  className?: string;
+  onPageSizeChange?: (pageSize: number) => void;
+}
+declare const Pagination: ({ size, variant, color, page, totalItems, totalPages, pageSize, hideText, hideFirstLast, hidePrevNext, hideNumbers, className, onPageChange, onPageSizeChange }: PaginationProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { Pagination, PaginationProps };

package/dist/components/pagination.js

@@ -0,0 +1,131 @@
+import { Typography } from "./typography.js";
+import "../config/i18n.js";
+import { NumberInput } from "./number-input.js";
+import { PaginationList } from "./shared/pagination/PaginationList.js";
+import { c } from "react/compiler-runtime";
+import { clsx } from "clsx";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+//#region src/components/shared/pagination/Pagination.tsx
+const Pagination = (t0) => {
+	const $ = c(34);
+	const { size: t1, variant: t2, color: t3, page, totalItems, totalPages, pageSize, hideText: t4, hideFirstLast: t5, hidePrevNext: t6, hideNumbers: t7, className, onPageChange, onPageSizeChange } = t0;
+	const size = t1 === void 0 ? "s" : t1;
+	const variant = t2 === void 0 ? "subtle" : t2;
+	const color = t3 === void 0 ? "secondary" : t3;
+	const hideText = t4 === void 0 ? true : t4;
+	const hideFirstLast = t5 === void 0 ? true : t5;
+	const hidePrevNext = t6 === void 0 ? false : t6;
+	const hideNumbers = t7 === void 0 ? false : t7;
+	const { t } = useTranslation("ui");
+	let t8;
+	if ($[0] !== className) {
+		t8 = clsx("flex items-center gap-2", className);
+		$[0] = className;
+		$[1] = t8;
+	} else t8 = $[1];
+	let t9;
+	if ($[2] !== color || $[3] !== hideFirstLast || $[4] !== hideNumbers || $[5] !== hidePrevNext || $[6] !== hideText || $[7] !== onPageChange || $[8] !== page || $[9] !== pageSize || $[10] !== size || $[11] !== totalItems || $[12] !== totalPages || $[13] !== variant) {
+		t9 = totalItems > pageSize && /* @__PURE__ */ jsx(PaginationList, {
+			page,
+			size,
+			color,
+			variant,
+			hideText,
+			hideFirstLast,
+			hidePrevNext,
+			hideNumbers,
+			totalPages: totalPages ?? Math.ceil(totalItems / pageSize),
+			onPageChange
+		});
+		$[2] = color;
+		$[3] = hideFirstLast;
+		$[4] = hideNumbers;
+		$[5] = hidePrevNext;
+		$[6] = hideText;
+		$[7] = onPageChange;
+		$[8] = page;
+		$[9] = pageSize;
+		$[10] = size;
+		$[11] = totalItems;
+		$[12] = totalPages;
+		$[13] = variant;
+		$[14] = t9;
+	} else t9 = $[14];
+	let t10;
+	if ($[15] !== t) {
+		t10 = t(_temp);
+		$[15] = t;
+		$[16] = t10;
+	} else t10 = $[16];
+	let t11;
+	if ($[17] !== t10) {
+		t11 = /* @__PURE__ */ jsx(Typography, {
+			variant: "default",
+			size: "label-2",
+			as: "span",
+			className: "whitespace-nowrap text-text-default-1",
+			children: t10
+		});
+		$[17] = t10;
+		$[18] = t11;
+	} else t11 = $[18];
+	let t12;
+	if ($[19] !== onPageSizeChange) {
+		t12 = (value) => onPageSizeChange?.(Number(value));
+		$[19] = onPageSizeChange;
+		$[20] = t12;
+	} else t12 = $[20];
+	let t13;
+	if ($[21] !== t) {
+		t13 = t(_temp2);
+		$[21] = t;
+		$[22] = t13;
+	} else t13 = $[22];
+	let t14;
+	if ($[23] !== pageSize || $[24] !== t12 || $[25] !== t13) {
+		t14 = /* @__PURE__ */ jsx(NumberInput, {
+			value: pageSize,
+			onChange: t12,
+			label: t13,
+			hideLabel: true,
+			className: "w-min",
+			inputClassName: "min-w-12 !px-3 !py-0-5"
+		});
+		$[23] = pageSize;
+		$[24] = t12;
+		$[25] = t13;
+		$[26] = t14;
+	} else t14 = $[26];
+	let t15;
+	if ($[27] !== t11 || $[28] !== t14) {
+		t15 = /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-2",
+			children: [t11, t14]
+		});
+		$[27] = t11;
+		$[28] = t14;
+		$[29] = t15;
+	} else t15 = $[29];
+	let t16;
+	if ($[30] !== t15 || $[31] !== t8 || $[32] !== t9) {
+		t16 = /* @__PURE__ */ jsxs("nav", {
+			id: "pagination",
+			className: t8,
+			children: [t9, t15]
+		});
+		$[30] = t15;
+		$[31] = t8;
+		$[32] = t9;
+		$[33] = t16;
+	} else t16 = $[33];
+	return t16;
+};
+function _temp($) {
+	return $.ui.pagination.resultsPerPage;
+}
+function _temp2($_0) {
+	return $_0.ui.pagination.resultsPerPage;
+}
+//#endregion
+export { Pagination };

package/dist/components/password-input.d.ts

@@ -0,0 +1,10 @@
+import { FieldValues } from "./inputs/shared/form.binding.js";
+import { ControlProps } from "./inputs/shared/form.types.js";
+import { TextInputProps } from "./text-input.js";
+//#region src/components/inputs/Input/PasswordInput/PasswordInput.d.ts
+interface PasswordInputProps extends Omit<TextInputProps, "type" | "action" | "trailingIcon" | "unit"> {}
+type ControlledPasswordInputProps<TFieldValues extends FieldValues> = ControlProps<PasswordInputProps, TFieldValues>;
+declare const PasswordInputComponent: <TFieldValues extends FieldValues>(props: ControlledPasswordInputProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
+declare const PasswordInput: typeof PasswordInputComponent;
+//#endregion
+export { ControlledPasswordInputProps, PasswordInput, PasswordInputProps };

package/dist/components/password-input.js

@@ -0,0 +1,23 @@
+import "../config/i18n.js";
+import { TextInput } from "./text-input.js";
+import { Eye, EyeOff } from "lucide-react";
+import { memo, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+//#region src/components/inputs/Input/PasswordInput/PasswordInput.tsx
+const PasswordInputComponent = (props) => {
+	const { t } = useTranslation("ui");
+	const [isRevealed, setIsRevealed] = useState(false);
+	return /* @__PURE__ */ jsx(TextInput, {
+		...props,
+		type: isRevealed ? "text" : "password",
+		action: {
+			icon: isRevealed ? Eye : EyeOff,
+			altText: t(($) => isRevealed ? $.ui.password.hide : $.ui.password.reveal),
+			onClick: () => setIsRevealed(!isRevealed)
+		}
+	});
+};
+const PasswordInput = memo(PasswordInputComponent);
+//#endregion
+export { PasswordInput };

package/dist/components/pill-button.d.ts

@@ -0,0 +1,15 @@
+import { PillButtonVariants } from "./buttons/PillButton/pillButton.cva.js";
+import { ButtonContentVariantProps } from "./buttons/shared/buttonContent.cva.js";
+import { FC, ReactNode, Ref, SVGProps } from "react";
+import { ButtonProps, ToggleButtonProps } from "react-aria-components";
+//#region src/components/buttons/PillButton/PillButton.d.ts
+interface PillButtonProps extends ButtonProps, Omit<ToggleButtonProps, keyof ButtonProps>, ButtonContentVariantProps, PillButtonVariants {
+  children: ReactNode;
+  dismissable?: boolean;
+  toggle?: boolean;
+  icon?: FC<SVGProps<SVGSVGElement>>;
+  contentRef?: Ref<HTMLElement>;
+}
+declare const PillButton: ({ children, dismissable, toggle, icon, iconPosition, contentRef, ...props }: PillButtonProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { PillButton, PillButtonProps };

package/dist/components/{buttons/PillButton/PillButton.js → pill-button.js}

@@ -1,13 +1,13 @@
-import { UIOverrides } from "../../../config/uiOverrides.context.js";
-import { ButtonContent } from "../shared/ButtonContent.js";
-import { pillButtonContent, pillButtonDefinition, pillButtonIconSize, pillButtonTypography } from "./pillButton.cva.js";
+import { UIOverrides } from "../config/uiOverrides.context.js";
+import { ButtonContent } from "./buttons/shared/ButtonContent.js";
+import { pillButtonContent, pillButtonDefinition, pillButtonIconSize, pillButtonTypography } from "./buttons/PillButton/pillButton.cva.js";
 import { X } from "lucide-react";
+import { c } from "react/compiler-runtime";
 import { clsx } from "clsx";
 import { Button, ToggleButton } from "react-aria-components";
-import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/buttons/PillButton/PillButton.tsx
-var PillButton = (t0) => {
+const PillButton = (t0) => {
 	const $ = c(17);
 	const { children, dismissable, toggle, icon, iconPosition, contentRef, ...props } = t0;
 	const pillButtonCva = UIOverrides.useCva("pillButton.cva", pillButtonDefinition);

package/dist/components/pill.d.ts

@@ -0,0 +1,18 @@
+import { PillButtonVariants } from "./buttons/PillButton/pillButton.cva.js";
+import { TypographyProps } from "./typography.js";
+import { Ref } from "react";
+import { ButtonProps } from "react-aria-components";
+//#region src/components/text/Pill/Pill.d.ts
+interface PillProps extends PillButtonVariants, ButtonProps {
+  className?: string;
+  children: string;
+  dismissable?: boolean;
+  isDisabled?: boolean;
+  contentRef?: Ref<HTMLElement>;
+  textVariant?: TypographyProps["variant"];
+  textSize?: TypographyProps["size"];
+  onDismiss?: () => void;
+}
+declare const Pill: ({ className, children, dismissable, isDisabled, onDismiss, contentRef, variant, ...props }: PillProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { Pill, PillProps };

package/dist/components/{text/Pill/Pill.js → pill.js}

@@ -1,15 +1,15 @@
-import { UIOverrides } from "../../../config/uiOverrides.context.js";
-import { Typography } from "../Typography/Typography.js";
-import { UIConfig } from "../../../config/uiConfig.context.js";
-import { pillButtonDefinition } from "../../buttons/PillButton/pillButton.cva.js";
-import "../../../config/i18n.js";
+import { UIOverrides } from "../config/uiOverrides.context.js";
+import { Typography } from "./typography.js";
+import { UIConfig } from "../config/uiConfig.context.js";
+import { pillButtonDefinition } from "./buttons/PillButton/pillButton.cva.js";
+import "../config/i18n.js";
 import { X } from "lucide-react";
 import { clsx } from "clsx";
 import { Button } from "react-aria-components";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 //#region src/components/text/Pill/Pill.tsx
-var Pill = ({ className, children, dismissable, isDisabled, onDismiss, contentRef, variant = "subtle", ...props }) => {
+const Pill = ({ className, children, dismissable, isDisabled, onDismiss, contentRef, variant = "subtle", ...props }) => {
 	const uiConfig = UIConfig.useConfig();
 	const { textVariant = uiConfig.tag.textVariant, textSize = uiConfig.tag.textSize } = props;
 	const pillCva = UIOverrides.useCva("pillButton.cva", pillButtonDefinition);

package/dist/components/query-autocomplete.d.ts

@@ -0,0 +1,8 @@
+import { FieldValues } from "./inputs/shared/form.binding.js";
+import { SelectItem } from "./inputs/Selection/shared/select.types.js";
+import { QueryAutocompleteProps, QueryFn } from "./inputs/Selection/Autocomplete/queryAutocomplete.types.js";
+//#region src/components/inputs/Selection/Autocomplete/QueryAutocomplete.d.ts
+declare const QueryAutocompleteComponent: <TFieldValues extends FieldValues, TSelectItem extends SelectItem<any>, TQueryFn extends QueryFn>(props: QueryAutocompleteProps<TFieldValues, TSelectItem, TQueryFn>) => import("react/jsx-runtime").JSX.Element;
+declare const QueryAutocomplete: typeof QueryAutocompleteComponent;
+//#endregion
+export { QueryAutocomplete };