@povio/ui 3.4.0-rc.14 → 3.4.0-rc.16

package/dist/components/Menu/menu.cva.d.ts

@@ -1,39 +1,39 @@
-import { UIOverrides } from '../../config/uiOverrides.context';
-export declare const menuDefinition: {
-    base: string[];
-    config: import("../../utils/style-merge.util").StyleMergeUtils.Config<{
-        readonly isMobile: {
-            readonly true: [];
-            readonly false: [];
-        };
-    }>;
+import { StyleMergeUtils } from "../../utils/style-merge.util.js";
+import { UIOverrides } from "../../config/uiOverrides.context.js";
+//#region src/components/Menu/menu.cva.d.ts
+declare const menuDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly isMobile: {
+      true: [];
+      false: [];
+    };
+  }>;
 };
-export type MenuConfig = NonNullable<typeof menuDefinition.config>;
-export interface MenuCvaVariantProps extends UIOverrides.VariantProps<MenuConfig> {
-}
-export declare const menuItemDefinition: {
-    base: string[];
-    config: import("../../utils/style-merge.util").StyleMergeUtils.Config<{
-        readonly isMobile: {
-            readonly true: ["justify-start! w-full font-labels-default"];
-            readonly false: [];
-        };
-    }>;
+type MenuConfig = NonNullable<typeof menuDefinition.config>;
+interface MenuCvaVariantProps extends UIOverrides.VariantProps<MenuConfig> {}
+declare const menuItemDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly isMobile: {
+      true: ["justify-start! w-full font-labels-default"];
+      false: [];
+    };
+  }>;
 };
-export type MenuItemConfig = NonNullable<typeof menuItemDefinition.config>;
-export interface MenuItemVariantProps extends UIOverrides.VariantProps<MenuItemConfig> {
-}
-export declare const menuPopoverDefinition: {
-    base: string[];
-    config?: import("../../utils/style-merge.util").StyleMergeUtils.Config<Record<never, never>>;
+type MenuItemConfig = NonNullable<typeof menuItemDefinition.config>;
+interface MenuItemVariantProps extends UIOverrides.VariantProps<MenuItemConfig> {}
+declare const menuPopoverDefinition: {
+  base: string[];
+  config?: StyleMergeUtils.Config<Record<never, never>>;
 };
-export type MenuPopoverConfig = NonNullable<typeof menuPopoverDefinition.config>;
-export interface MenuPopoverVariantProps extends UIOverrides.VariantProps<MenuPopoverConfig> {
-}
-export declare const menuPopoverWrapperDefinition: {
-    base: string[];
-    config?: import("../../utils/style-merge.util").StyleMergeUtils.Config<Record<never, never>>;
+type MenuPopoverConfig = NonNullable<typeof menuPopoverDefinition.config>;
+interface MenuPopoverVariantProps extends UIOverrides.VariantProps<MenuPopoverConfig> {}
+declare const menuPopoverWrapperDefinition: {
+  base: string[];
+  config?: StyleMergeUtils.Config<Record<never, never>>;
 };
-export type MenuPopoverWrapperConfig = NonNullable<typeof menuPopoverWrapperDefinition.config>;
-export interface MenuPopoverWrapperVariantProps extends UIOverrides.VariantProps<MenuPopoverWrapperConfig> {
-}
+type MenuPopoverWrapperConfig = NonNullable<typeof menuPopoverWrapperDefinition.config>;
+interface MenuPopoverWrapperVariantProps extends UIOverrides.VariantProps<MenuPopoverWrapperConfig> {}
+//#endregion
+export { MenuConfig, MenuCvaVariantProps, MenuItemConfig, MenuItemVariantProps, MenuPopoverConfig, MenuPopoverVariantProps, MenuPopoverWrapperConfig, MenuPopoverWrapperVariantProps, menuDefinition, menuItemDefinition, menuPopoverDefinition, menuPopoverWrapperDefinition };

package/dist/components/Menu/menu.cva.js

@@ -1,6 +1,6 @@
 import { UIOverrides } from "../../config/uiOverrides.context.js";
 //#region src/components/Menu/menu.cva.ts
-var menuDefinition = UIOverrides.defineConfig({
+const menuDefinition = UIOverrides.defineConfig({
 	base: ["outline-none"],
 	config: {
 		variants: { isMobile: {
@@ -10,7 +10,7 @@ var menuDefinition = UIOverrides.defineConfig({
 		defaultVariants: { isMobile: false }
 	}
 });
-var menuItemDefinition = UIOverrides.defineConfig({
+const menuItemDefinition = UIOverrides.defineConfig({
 	base: [
 		"flex cursor-pointer items-center justify-between gap-list-gap-checkbox-to-label px-list-side-item-left py-list-height-item has-submenu:pr-list-side-item-right",
 		"border-b border-b-elevation-outline-default-1 outline-none last:border-b-0",
@@ -28,7 +28,7 @@ var menuItemDefinition = UIOverrides.defineConfig({
 		defaultVariants: { isMobile: false }
 	}
 });
-var menuPopoverDefinition = UIOverrides.defineConfig({ base: ["pt-2 outline-none"] });
-var menuPopoverWrapperDefinition = UIOverrides.defineConfig({ base: ["overflow-hidden rounded-list-rounding-dropdown border border-elevation-outline-default-1 shadow-5 outline-none"] });
+const menuPopoverDefinition = UIOverrides.defineConfig({ base: ["pt-2 outline-none"] });
+const menuPopoverWrapperDefinition = UIOverrides.defineConfig({ base: ["overflow-hidden rounded-list-rounding-dropdown border border-elevation-outline-default-1 shadow-5 outline-none"] });
 //#endregion
 export { menuDefinition, menuItemDefinition, menuPopoverDefinition, menuPopoverWrapperDefinition };

package/dist/components/buttons/Button/Button.d.ts

@@ -1,28 +1,30 @@
-import { FC, ReactElement, ReactNode, Ref, SVGProps } from 'react';
-import { ButtonProps as AriaButtonProps, ToggleButtonProps as AriaToggleButtonProps } from 'react-aria-components';
-import { ButtonContentVariantProps } from '../shared/buttonContent.cva';
-import { LinkNavigationProps } from '../../text/Link/Link';
-import { ButtonVariantProps } from './button.cva';
-export type ButtonIconProps<IconOnly extends boolean = false> = {
-    iconOnly?: IconOnly;
+import { LinkNavigationProps } from "../../text/Link/Link.js";
+import { ButtonVariantProps } from "./button.cva.js";
+import { ButtonContentVariantProps } from "../shared/buttonContent.cva.js";
+import { FC, ReactElement, ReactNode, Ref, SVGProps } from "react";
+import { ButtonProps, ToggleButtonProps } from "react-aria-components";
+//#region src/components/buttons/Button/Button.d.ts
+type ButtonIconProps<IconOnly extends boolean = false> = {
+  iconOnly?: IconOnly;
 } & (IconOnly extends true ? {
-    icon: FC<SVGProps<SVGSVGElement>> | ReactElement;
+  icon: FC<SVGProps<SVGSVGElement>> | ReactElement;
 } : {
-    icon?: FC<SVGProps<SVGSVGElement>> | ReactElement;
+  icon?: FC<SVGProps<SVGSVGElement>> | ReactElement;
 });
-type ToggleButtonProps = {
-    toggle?: false;
+type ToggleButtonProps$1 = {
+  toggle?: false;
 } | ({
-    toggle: true;
-    isSelected?: boolean;
-} & AriaToggleButtonProps);
-export type ButtonProps<IconOnly extends boolean = false> = ButtonVariantProps & ButtonContentVariantProps & AriaButtonProps & ButtonIconProps<IconOnly> & ToggleButtonProps & {
-    children: ReactNode;
-    isLoading?: boolean;
-    link?: LinkNavigationProps;
-    noDisableWhenLoading?: boolean;
-    iconClassName?: string;
-    contentRef?: Ref<HTMLElement>;
+  toggle: true;
+  isSelected?: boolean;
+} & ToggleButtonProps);
+type ButtonProps$1<IconOnly extends boolean = false> = ButtonVariantProps & ButtonContentVariantProps & ButtonProps & ButtonIconProps<IconOnly> & ToggleButtonProps$1 & {
+  children: ReactNode;
+  isLoading?: boolean;
+  link?: LinkNavigationProps;
+  noDisableWhenLoading?: boolean;
+  iconClassName?: string;
+  contentRef?: Ref<HTMLElement>;
 };
-export declare const Button: <IconOnly extends boolean = false>({ icon: Icon, iconPosition, children, isLoading, className, link, iconClassName, noDisableWhenLoading, contentRef, ...props }: ButtonProps<IconOnly>) => import("react/jsx-runtime").JSX.Element;
-export {};
+declare const Button$1: <IconOnly extends boolean = false>({ icon: Icon, iconPosition, children, isLoading, className, link, iconClassName, noDisableWhenLoading, contentRef, ...props }: ButtonProps$1<IconOnly>) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { Button$1 as Button, ButtonIconProps, ButtonProps$1 as ButtonProps };

package/dist/components/buttons/Button/Button.js

@@ -7,7 +7,7 @@ import { clsx } from "clsx";
 import { Button, Link, ToggleButton } from "react-aria-components";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/buttons/Button/Button.tsx
-var Button$1 = ({ icon: Icon, iconPosition, children, isLoading, className, link, iconClassName, noDisableWhenLoading, contentRef, ...props }) => {
+const Button$1 = ({ icon: Icon, iconPosition, children, isLoading, className, link, iconClassName, noDisableWhenLoading, contentRef, ...props }) => {
 	const linkContext = LinkContext.useLinkContext();
 	const uiConfig = UIConfig.useConfig();
 	const { variant = uiConfig.button.variant, size = uiConfig.button.size } = props;

package/dist/components/buttons/Button/button.cva.d.ts

@@ -1,99 +1,93 @@
-import { UIOverrides } from '../../../config/uiOverrides.context';
-import { TypographyVariantProps } from '../../text/Typography/typography.cva';
-export declare const buttonDefinition: {
-    base: string[];
-    config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{
-        readonly width: {
-            readonly fill: "w-full";
-            readonly hug: "w-auto";
-        };
-        readonly size: {
-            readonly none: "";
-            readonly xs: "";
-            readonly s: "";
-            readonly m: "";
-            readonly l: "";
-        };
-        readonly color: {
-            readonly primary: "";
-            readonly secondary: "";
-            readonly success: "";
-            readonly warning: "";
-            readonly error: "";
-            readonly dual: "";
-        };
-        readonly variant: {
-            readonly contained: "";
-            readonly outlined: "";
-            readonly subtle: "";
-            readonly text: "group-data-[split]/split:data-[separator]:after:hidden";
-            readonly ghost: "";
-        };
-        readonly inverted: {
-            readonly true: "";
-            readonly false: "";
-        };
-    }>;
+import { StyleMergeUtils } from "../../../utils/style-merge.util.js";
+import { UIOverrides } from "../../../config/uiOverrides.context.js";
+import "../../text/Typography/typography.cva.js";
+//#region src/components/buttons/Button/button.cva.d.ts
+declare const buttonDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly width: {
+      readonly fill: "w-full";
+      readonly hug: "w-auto";
+    };
+    readonly size: {
+      readonly none: "";
+      readonly xs: "";
+      readonly s: "";
+      readonly m: "";
+      readonly l: "";
+    };
+    readonly color: {
+      readonly primary: "";
+      readonly secondary: "";
+      readonly success: "";
+      readonly warning: "";
+      readonly error: "";
+      readonly dual: "";
+    };
+    readonly variant: {
+      readonly contained: "";
+      readonly outlined: "";
+      readonly subtle: "";
+      readonly text: "group-data-[split]/split:data-[separator]:after:hidden";
+      readonly ghost: "";
+    };
+    readonly inverted: {
+      readonly true: "";
+      readonly false: "";
+    };
+  }>;
 };
-export type ButtonConfig = NonNullable<typeof buttonDefinition.config>;
-export interface ButtonVariantProps extends UIOverrides.VariantProps<ButtonConfig> {
-}
-export declare const buttonSizeDefinition: {
-    base: string[];
-    config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{
-        readonly size: {
-            readonly none: "rounded-button-rounding-s p-0";
-            readonly xs: "rounded-button-rounding-s";
-            readonly s: "rounded-button-rounding-s";
-            readonly m: "rounded-button-rounding-m";
-            readonly l: "rounded-button-rounding-l";
-        };
-        readonly iconOnly: {
-            readonly true: "";
-            readonly false: "";
-        };
-    }>;
+type ButtonConfig = NonNullable<typeof buttonDefinition.config>;
+interface ButtonVariantProps extends UIOverrides.VariantProps<ButtonConfig> {}
+declare const buttonSizeDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly size: {
+      readonly none: "rounded-button-rounding-s p-0";
+      readonly xs: "rounded-button-rounding-s";
+      readonly s: "rounded-button-rounding-s";
+      readonly m: "rounded-button-rounding-m";
+      readonly l: "rounded-button-rounding-l";
+    };
+    readonly iconOnly: {
+      readonly true: "";
+      readonly false: "";
+    };
+  }>;
 };
-export type ButtonSizeConfig = NonNullable<typeof buttonSizeDefinition.config>;
-export declare const buttonContentDefinition: {
-    base: string[];
-    config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{
-        readonly size: {
-            readonly none: "gap-button-gap-icon-to-label";
-            readonly xs: "gap-button-gap-icon-to-label";
-            readonly s: "gap-button-gap-icon-to-label";
-            readonly m: "gap-button-gap-icon-to-label";
-            readonly l: "gap-button-gap-icon-to-label";
-        };
-        readonly iconPosition: {
-            readonly left: "";
-            readonly right: "";
-            readonly none: "";
-        };
-        readonly iconOnly: {
-            readonly true: "";
-            readonly false: "";
-        };
-    }>;
+declare const buttonContentDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly size: {
+      readonly none: "gap-button-gap-icon-to-label";
+      readonly xs: "gap-button-gap-icon-to-label";
+      readonly s: "gap-button-gap-icon-to-label";
+      readonly m: "gap-button-gap-icon-to-label";
+      readonly l: "gap-button-gap-icon-to-label";
+    };
+    readonly iconPosition: {
+      readonly left: "";
+      readonly right: "";
+      readonly none: "";
+    };
+    readonly iconOnly: {
+      readonly true: "";
+      readonly false: "";
+    };
+  }>;
 };
-export type ButtonContentConfig = NonNullable<typeof buttonContentDefinition.config>;
-export declare const buttonIconSizeDefinition: {
-    base: string[];
-    config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{
-        readonly size: {
-            readonly none: "h-6 w-6";
-            readonly xs: "h-6 w-6";
-            readonly s: "h-6 w-6";
-            readonly m: "h-6 w-6";
-            readonly l: "h-6 w-6";
-        };
-    }>;
+type ButtonContentConfig = NonNullable<typeof buttonContentDefinition.config>;
+declare const buttonIconSizeDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly size: {
+      readonly none: "h-6 w-6";
+      readonly xs: "h-6 w-6";
+      readonly s: "h-6 w-6";
+      readonly m: "h-6 w-6";
+      readonly l: "h-6 w-6";
+    };
+  }>;
 };
-export type ButtonIconSizeConfig = NonNullable<typeof buttonIconSizeDefinition.config>;
-export declare const buttonTypography: (props: {
-    readonly width?: "fill" | "hug" | null | undefined;
-    readonly size?: "none" | "xs" | "s" | "m" | "l" | null | undefined;
-    readonly color?: "error" | "primary" | "dual" | "secondary" | "success" | "warning" | null | undefined;
-    readonly variant?: "text" | "contained" | "outlined" | "subtle" | "ghost" | null | undefined;
-    readonly inverted?: boolean | null | undefined;
-}) => TypographyVariantProps | undefined;
+//#endregion
+export { ButtonConfig, ButtonContentConfig, ButtonVariantProps, buttonContentDefinition, buttonDefinition, buttonIconSizeDefinition, buttonSizeDefinition };

package/dist/components/buttons/Button/button.cva.js

@@ -2,7 +2,7 @@ import { UIOverrides } from "../../../config/uiOverrides.context.js";
 import { uiOutlineClass } from "../../outline.clsx.js";
 import { compoundMapper } from "../../../utils/compoundMapper.js";
 //#region src/components/buttons/Button/button.cva.ts
-var buttonDefinition = UIOverrides.defineConfig({
+const buttonDefinition = UIOverrides.defineConfig({
 	base: [
 		"group inline-flex items-center justify-center border border-solid",
 		uiOutlineClass,
@@ -512,7 +512,7 @@ var buttonDefinition = UIOverrides.defineConfig({
 		}
 	}
 });
-var buttonSizeDefinition = UIOverrides.defineConfig({
+const buttonSizeDefinition = UIOverrides.defineConfig({
 	base: [],
 	config: {
 		variants: {
@@ -576,7 +576,7 @@ var buttonSizeDefinition = UIOverrides.defineConfig({
 		}
 	}
 });
-var buttonContentDefinition = UIOverrides.defineConfig({
+const buttonContentDefinition = UIOverrides.defineConfig({
 	base: [],
 	config: {
 		variants: {
@@ -604,7 +604,7 @@ var buttonContentDefinition = UIOverrides.defineConfig({
 		}
 	}
 });
-var buttonIconSizeDefinition = UIOverrides.defineConfig({
+const buttonIconSizeDefinition = UIOverrides.defineConfig({
 	base: [],
 	config: {
 		variants: { size: {
@@ -617,45 +617,9 @@ var buttonIconSizeDefinition = UIOverrides.defineConfig({
 		defaultVariants: { size: "m" }
 	}
 });
-var buttonTypography = compoundMapper({
-	defaultVariants: { size: "m" },
-	compoundVariants: [
-		{
-			size: "none",
-			value: {
-				size: "label-2",
-				variant: "prominent-1"
-			}
-		},
-		{
-			size: "xs",
-			value: {
-				size: "label-2",
-				variant: "prominent-1"
-			}
-		},
-		{
-			size: "s",
-			value: {
-				size: "label-2",
-				variant: "prominent-1"
-			}
-		},
-		{
-			size: "m",
-			value: {
-				size: "label-2",
-				variant: "prominent-1"
-			}
-		},
-		{
-			size: "l",
-			value: {
-				size: "label-2",
-				variant: "prominent-1"
-			}
-		}
-	]
-});
+const buttonTypography = compoundMapper({ default: {
+	size: "label-2",
+	variant: "prominent-1"
+} });
 //#endregion
 export { buttonContentDefinition, buttonDefinition, buttonIconSizeDefinition, buttonSizeDefinition, buttonTypography };

package/dist/components/buttons/IconButton/IconButton.d.ts

@@ -1,11 +1,14 @@
-import { FC, ReactElement, SVGProps } from 'react';
-import { ButtonProps as AriaButtonProps } from 'react-aria-components';
-import { ButtonVariantProps } from '../Button/button.cva';
-import { LinkNavigationProps } from '../../text/Link/Link';
-export interface IconButtonProps extends ButtonVariantProps, Omit<AriaButtonProps, "children"> {
-    label: string;
-    icon: FC<SVGProps<SVGSVGElement>> | ReactElement;
-    link?: LinkNavigationProps;
-    disableTooltip?: boolean;
+import { LinkNavigationProps } from "../../text/Link/Link.js";
+import { ButtonVariantProps } from "../Button/button.cva.js";
+import { FC, ReactElement, SVGProps } from "react";
+import { ButtonProps } from "react-aria-components";
+//#region src/components/buttons/IconButton/IconButton.d.ts
+interface IconButtonProps extends ButtonVariantProps, Omit<ButtonProps, "children"> {
+  label: string;
+  icon: FC<SVGProps<SVGSVGElement>> | ReactElement;
+  link?: LinkNavigationProps;
+  disableTooltip?: boolean;
 }
-export declare const IconButton: ({ label, disableTooltip, ...props }: IconButtonProps) => import("react/jsx-runtime").JSX.Element;
+declare const IconButton: ({ label, disableTooltip, ...props }: IconButtonProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { IconButton, IconButtonProps };

package/dist/components/buttons/IconButton/IconButton.js

@@ -3,7 +3,7 @@ import { Button } from "../Button/Button.js";
 import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/buttons/IconButton/IconButton.tsx
-var IconButton = (t0) => {
+const IconButton = (t0) => {
 	const $ = c(11);
 	let disableTooltip;
 	let label;

package/dist/components/buttons/InlineIconButton/InlineIconButton.d.ts

@@ -1,13 +1,16 @@
-import { FC, ReactElement, RefObject, SVGProps } from 'react';
-import { ButtonProps as AriaButtonProps } from 'react-aria-components';
-import { ButtonVariantProps } from '../Button/button.cva';
-import { LinkNavigationProps } from '../../text/Link/Link';
-export interface InlineIconButtonProps extends Omit<AriaButtonProps, "children">, ButtonVariantProps {
-    label: string;
-    icon: FC<SVGProps<SVGSVGElement>> | ReactElement;
-    link?: LinkNavigationProps;
-    ref?: RefObject<HTMLButtonElement | HTMLAnchorElement | null>;
-    disableTooltip?: boolean;
-    staticRender?: boolean;
+import { LinkNavigationProps } from "../../text/Link/Link.js";
+import { ButtonVariantProps } from "../Button/button.cva.js";
+import { FC, ReactElement, RefObject, SVGProps } from "react";
+import { ButtonProps } from "react-aria-components";
+//#region src/components/buttons/InlineIconButton/InlineIconButton.d.ts
+interface InlineIconButtonProps extends Omit<ButtonProps, "children">, ButtonVariantProps {
+  label: string;
+  icon: FC<SVGProps<SVGSVGElement>> | ReactElement;
+  link?: LinkNavigationProps;
+  ref?: RefObject<HTMLButtonElement | HTMLAnchorElement | null>;
+  disableTooltip?: boolean;
+  staticRender?: boolean;
 }
-export declare const InlineIconButton: ({ label, size, ...props }: InlineIconButtonProps) => import("react/jsx-runtime").JSX.Element;
+declare const InlineIconButton: ({ label, size, ...props }: InlineIconButtonProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { InlineIconButton, InlineIconButtonProps };

package/dist/components/buttons/InlineIconButton/InlineIconButton.js

@@ -1,15 +1,40 @@
 import { Button } from "../Button/Button.js";
+import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/buttons/InlineIconButton/InlineIconButton.tsx
-var InlineIconButton = ({ label, size = "none", ...props }) => {
-	return /* @__PURE__ */ jsx(Button, {
-		...props,
-		iconOnly: true,
-		variant: "text",
-		size,
-		width: "hug",
-		children: label
-	});
+const InlineIconButton = (t0) => {
+	const $ = c(8);
+	let label;
+	let props;
+	let t1;
+	if ($[0] !== t0) {
+		({label, size: t1, ...props} = t0);
+		$[0] = t0;
+		$[1] = label;
+		$[2] = props;
+		$[3] = t1;
+	} else {
+		label = $[1];
+		props = $[2];
+		t1 = $[3];
+	}
+	const size = t1 === void 0 ? "none" : t1;
+	let t2;
+	if ($[4] !== label || $[5] !== props || $[6] !== size) {
+		t2 = /* @__PURE__ */ jsx(Button, {
+			...props,
+			iconOnly: true,
+			variant: "text",
+			size,
+			width: "hug",
+			children: label
+		});
+		$[4] = label;
+		$[5] = props;
+		$[6] = size;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
 };
 //#endregion
 export { InlineIconButton };

package/dist/components/buttons/PillButton/PillButton.d.ts

@@ -1,12 +1,15 @@
-import { FC, ReactNode, Ref, SVGProps } from 'react';
-import { ButtonProps as AriaButtonProps, ToggleButtonProps as AriaToggleButtonProps } from 'react-aria-components';
-import { PillButtonVariants } from './pillButton.cva';
-import { ButtonContentVariantProps } from '../shared/buttonContent.cva';
-export interface PillButtonProps extends AriaButtonProps, Omit<AriaToggleButtonProps, keyof AriaButtonProps>, ButtonContentVariantProps, PillButtonVariants {
-    children: ReactNode;
-    dismissable?: boolean;
-    toggle?: boolean;
-    icon?: FC<SVGProps<SVGSVGElement>>;
-    contentRef?: Ref<HTMLElement>;
+import { ButtonContentVariantProps } from "../shared/buttonContent.cva.js";
+import { PillButtonVariants } from "./pillButton.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>;
 }
-export declare const PillButton: ({ children, dismissable, toggle, icon, iconPosition, contentRef, ...props }: PillButtonProps) => import("react/jsx-runtime").JSX.Element;
+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

@@ -2,12 +2,12 @@ import { UIOverrides } from "../../../config/uiOverrides.context.js";
 import { ButtonContent } from "../shared/ButtonContent.js";
 import { pillButtonContent, pillButtonDefinition, pillButtonIconSize, pillButtonTypography } from "./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);