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

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

@@ -1,11 +0,0 @@
-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;
-}
-export declare const IconButton: ({ label, disableTooltip, ...props }: IconButtonProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,51 +0,0 @@
-import { Tooltip } from "../../overlays/Tooltip/Tooltip.js";
-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 $ = c(11);
-	let disableTooltip;
-	let label;
-	let props;
-	if ($[0] !== t0) {
-		({label, disableTooltip, ...props} = t0);
-		$[0] = t0;
-		$[1] = disableTooltip;
-		$[2] = label;
-		$[3] = props;
-	} else {
-		disableTooltip = $[1];
-		label = $[2];
-		props = $[3];
-	}
-	const t1 = !label || disableTooltip;
-	let t2;
-	if ($[4] !== label || $[5] !== props) {
-		t2 = /* @__PURE__ */ jsx(Button, {
-			...props,
-			iconOnly: true,
-			width: "hug",
-			children: label
-		});
-		$[4] = label;
-		$[5] = props;
-		$[6] = t2;
-	} else t2 = $[6];
-	let t3;
-	if ($[7] !== label || $[8] !== t1 || $[9] !== t2) {
-		t3 = /* @__PURE__ */ jsx(Tooltip, {
-			text: label,
-			placement: "bottom",
-			hidden: t1,
-			children: t2
-		});
-		$[7] = label;
-		$[8] = t1;
-		$[9] = t2;
-		$[10] = t3;
-	} else t3 = $[10];
-	return t3;
-};
-//#endregion
-export { IconButton };

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

@@ -1,13 +0,0 @@
-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;
-}
-export declare const InlineIconButton: ({ label, size, ...props }: InlineIconButtonProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,15 +0,0 @@
-import { Button } from "../Button/Button.js";
-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
-	});
-};
-//#endregion
-export { InlineIconButton };

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

@@ -1,12 +0,0 @@
-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>;
-}
-export declare const PillButton: ({ children, dismissable, toggle, icon, iconPosition, contentRef, ...props }: PillButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/buttons/PillButton/PillButton.js

@@ -1,72 +0,0 @@
-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 { 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 $ = c(17);
-	const { children, dismissable, toggle, icon, iconPosition, contentRef, ...props } = t0;
-	const pillButtonCva = UIOverrides.useCva("pillButton.cva", pillButtonDefinition);
-	const pillButtonTypographyMap = UIOverrides.useMapper("pillButton.typography", pillButtonTypography);
-	const Component = toggle ? ToggleButton : Button;
-	let t1;
-	if ($[0] !== dismissable || $[1] !== icon || $[2] !== iconPosition) {
-		t1 = () => {
-			if (dismissable) return "right";
-			return icon ? iconPosition : "none";
-		};
-		$[0] = dismissable;
-		$[1] = icon;
-		$[2] = iconPosition;
-		$[3] = t1;
-	} else t1 = $[3];
-	const getIconPosition = t1;
-	const t2 = clsx(pillButtonCva({
-		...props,
-		className: props.className
-	}), pillButtonContent({ iconPosition: getIconPosition() }));
-	const T0 = ButtonContent;
-	const t3 = dismissable ? X : icon;
-	const t4 = dismissable ? "right" : iconPosition;
-	const t5 = pillButtonIconSize;
-	const t6 = pillButtonTypographyMap({ ...props });
-	let t7;
-	if ($[4] !== T0 || $[5] !== children || $[6] !== contentRef || $[7] !== t3 || $[8] !== t4 || $[9] !== t5 || $[10] !== t6) {
-		t7 = /* @__PURE__ */ jsx(T0, {
-			ref: contentRef,
-			content: children,
-			icon: t3,
-			iconPosition: t4,
-			iconClassName: t5,
-			typography: t6
-		});
-		$[4] = T0;
-		$[5] = children;
-		$[6] = contentRef;
-		$[7] = t3;
-		$[8] = t4;
-		$[9] = t5;
-		$[10] = t6;
-		$[11] = t7;
-	} else t7 = $[11];
-	let t8;
-	if ($[12] !== Component || $[13] !== props || $[14] !== t2 || $[15] !== t7) {
-		t8 = /* @__PURE__ */ jsx(Component, {
-			...props,
-			className: t2,
-			children: t7
-		});
-		$[12] = Component;
-		$[13] = props;
-		$[14] = t2;
-		$[15] = t7;
-		$[16] = t8;
-	} else t8 = $[16];
-	return t8;
-};
-//#endregion
-export { PillButton };

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

@@ -1,40 +0,0 @@
-import { TypographyVariantProps } from '../../text/Typography/typography.cva';
-import { UIOverrides } from '../../../config/uiOverrides.context';
-export declare const pillButtonDefinition: {
-    base: string[];
-    config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{
-        readonly color: {
-            readonly primary: "";
-            readonly secondary: "";
-            readonly success: "";
-            readonly warning: "";
-            readonly error: "";
-        };
-        readonly variant: {
-            readonly contained: "";
-            readonly outlined: "";
-            readonly subtle: "";
-        };
-    }>;
-};
-export type PillButtonConfig = NonNullable<typeof pillButtonDefinition.config>;
-export interface PillButtonVariants extends UIOverrides.VariantProps<PillButtonConfig> {
-}
-export declare const pillButtonContentDefinition: {
-    base: string[];
-    config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{
-        readonly iconPosition: {
-            readonly left: "gap-button-gap-icon-to-label";
-            readonly right: "gap-button-gap-icon-to-label";
-            readonly none: "gap-button-gap-icon-to-label";
-        };
-    }>;
-};
-export declare const pillButtonContent: (props?: ({
-    readonly iconPosition?: "left" | "right" | "none" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export declare const pillButtonIconSize: string;
-export declare const pillButtonTypography: (props: {
-    readonly color?: "error" | "primary" | "secondary" | "success" | "warning" | null | undefined;
-    readonly variant?: "contained" | "outlined" | "subtle" | null | undefined;
-}) => TypographyVariantProps | undefined;

package/dist/components/buttons/PillButton/pillButton.cva.js

@@ -1,264 +0,0 @@
-import { UIOverrides } from "../../../config/uiOverrides.context.js";
-import { uiOutlineClass } from "../../outline.clsx.js";
-import { compoundMapper } from "../../../utils/compoundMapper.js";
-import { clsx } from "clsx";
-import { cva } from "class-variance-authority";
-//#region src/components/buttons/PillButton/pillButton.cva.ts
-var pillButtonDefinition = UIOverrides.defineConfig({
-	base: [
-		uiOutlineClass,
-		"flex items-center justify-center",
-		"rounded-pill-rounding-default border border-solid px-pill-side-default py-pill-height-s"
-	],
-	config: {
-		variants: {
-			color: {
-				primary: "",
-				secondary: "",
-				success: "",
-				warning: "",
-				error: ""
-			},
-			variant: {
-				contained: "",
-				outlined: "",
-				subtle: ""
-			}
-		},
-		compoundVariants: [
-			{
-				variant: "contained",
-				color: "primary",
-				className: [
-					"border-interactive-contained-primary-idle bg-interactive-contained-primary-idle text-interactive-contained-primary-on-idle",
-					"hover:border-interactive-contained-primary-hover hover:bg-interactive-contained-primary-hover hover:text-interactive-contained-primary-on-hover",
-					"pressed:border-interactive-contained-primary-pressed pressed:bg-interactive-contained-primary-pressed pressed:text-interactive-contained-primary-on-pressed",
-					"disabled:border-interactive-contained-primary-disabled disabled:bg-interactive-contained-primary-disabled disabled:text-interactive-contained-primary-on-disabled",
-					"focus-visible:outline-interactive-contained-primary-focus",
-					"selected:border-interactive-contained-primary-toggled-idle selected:bg-interactive-contained-primary-toggled-idle selected:text-interactive-contained-primary-on-toggled-idle",
-					"selected:hover:border-interactive-contained-primary-toggled-hover selected:hover:bg-interactive-contained-primary-toggled-hover selected:hover:text-interactive-contained-primary-on-toggled-hover",
-					"selected:disabled:border-interactive-contained-primary-toggled-disabled selected:disabled:bg-interactive-contained-primary-toggled-disabled selected:disabled:text-interactive-contained-primary-on-toggled-disabled"
-				]
-			},
-			{
-				variant: "outlined",
-				color: "primary",
-				className: [
-					"border-interactive-outlined-primary-outline-idle bg-interactive-outlined-primary-idle text-interactive-outlined-primary-on-idle",
-					"hover:border-interactive-outlined-primary-outline-hover hover:bg-interactive-outlined-primary-hover hover:text-interactive-outlined-primary-on-hover",
-					"pressed:border-interactive-outlined-primary-outline-pressed pressed:bg-interactive-outlined-primary-pressed pressed:text-interactive-outlined-primary-on-pressed",
-					"disabled:border-interactive-outlined-primary-outline-disabled disabled:bg-interactive-outlined-primary-disabled disabled:text-interactive-outlined-primary-on-disabled",
-					"focus-visible:outline-interactive-outlined-primary-focus",
-					"selected:border-interactive-outlined-primary-toggled-idle selected:bg-interactive-outlined-primary-toggled-idle selected:text-interactive-outlined-primary-on-toggled-idle",
-					"selected:hover:border-interactive-outlined-primary-toggled-hover selected:hover:bg-interactive-outlined-primary-toggled-hover selected:hover:text-interactive-outlined-primary-on-toggled-hover",
-					"selected:disabled:border-interactive-outlined-primary-toggled-disabled selected:disabled:bg-interactive-outlined-primary-toggled-disabled selected:disabled:text-interactive-outlined-primary-on-toggled-disabled"
-				]
-			},
-			{
-				variant: "subtle",
-				color: "primary",
-				className: [
-					"border-interactive-subtle-primary-idle bg-interactive-subtle-primary-idle text-interactive-subtle-primary-on-idle",
-					"hover:border-interactive-subtle-primary-hover hover:bg-interactive-subtle-primary-hover hover:text-interactive-subtle-primary-on-hover",
-					"pressed:border-interactive-subtle-primary-pressed pressed:bg-interactive-subtle-primary-pressed pressed:text-interactive-subtle-primary-on-pressed",
-					"disabled:border-interactive-subtle-primary-disabled disabled:bg-interactive-subtle-primary-disabled disabled:text-interactive-subtle-primary-on-disabled",
-					"focus-visible:outline-interactive-subtle-primary-focus",
-					"selected:border-interactive-contained-primary-toggled-idle selected:bg-interactive-contained-primary-toggled-idle selected:text-interactive-contained-primary-on-toggled-idle",
-					"selected:hover:border-interactive-subtle-primary-toggled-hover selected:hover:bg-interactive-subtle-primary-toggled-hover selected:hover:text-interactive-subtle-primary-on-toggled-hover",
-					"selected:disabled:border-interactive-subtle-primary-toggled-disabled selected:disabled:bg-interactive-subtle-primary-toggled-disabled selected:disabled:text-interactive-subtle-primary-on-toggled-disabled"
-				]
-			},
-			{
-				variant: "contained",
-				color: "secondary",
-				className: [
-					"border-interactive-contained-secondary-idle bg-interactive-contained-secondary-idle text-interactive-contained-secondary-on-idle",
-					"hover:border-interactive-contained-secondary-hover hover:bg-interactive-contained-secondary-hover hover:text-interactive-contained-secondary-on-hover",
-					"pressed:border-interactive-contained-secondary-pressed pressed:bg-interactive-contained-secondary-pressed pressed:text-interactive-contained-secondary-on-pressed",
-					"disabled:border-interactive-contained-secondary-disabled disabled:bg-interactive-contained-secondary-disabled disabled:text-interactive-contained-secondary-on-disabled",
-					"focus-visible:outline-interactive-contained-secondary-focus",
-					"selected:border-interactive-contained-secondary-toggled-idle selected:bg-interactive-contained-secondary-toggled-idle selected:text-interactive-contained-secondary-on-toggled-idle",
-					"selected:hover:border-interactive-contained-secondary-toggled-hover selected:hover:bg-interactive-contained-secondary-toggled-hover selected:hover:text-interactive-contained-secondary-on-toggled-hover",
-					"selected:disabled:border-interactive-contained-secondary-toggled-disabled selected:disabled:bg-interactive-contained-secondary-toggled-disabled selected:disabled:text-interactive-contained-secondary-on-toggled-disabled"
-				]
-			},
-			{
-				variant: "outlined",
-				color: "secondary",
-				className: [
-					"border-interactive-outlined-secondary-outline-idle bg-interactive-outlined-secondary-idle text-interactive-outlined-secondary-on-idle",
-					"hover:border-interactive-outlined-secondary-outline-hover hover:bg-interactive-outlined-secondary-hover hover:text-interactive-outlined-secondary-on-hover",
-					"pressed:border-interactive-outlined-secondary-outline-pressed pressed:bg-interactive-outlined-secondary-pressed pressed:text-interactive-outlined-secondary-on-pressed",
-					"disabled:border-interactive-outlined-secondary-outline-disabled disabled:bg-interactive-outlined-secondary-disabled disabled:text-interactive-outlined-secondary-on-disabled",
-					"focus-visible:outline-interactive-outlined-secondary-focus",
-					"selected:border-interactive-contained-secondary-toggled-idle selected:bg-interactive-contained-secondary-toggled-idle selected:text-interactive-contained-secondary-on-toggled-idle",
-					"selected:hover:border-interactive-contained-secondary-toggled-hover selected:hover:bg-interactive-contained-secondary-toggled-hover selected:hover:text-interactive-contained-secondary-on-toggled-hover",
-					"selected:disabled:border-interactive-contained-secondary-toggled-disabled selected:disabled:bg-interactive-contained-secondary-toggled-disabled selected:disabled:text-interactive-contained-secondary-on-toggled-disabled"
-				]
-			},
-			{
-				variant: "subtle",
-				color: "secondary",
-				className: [
-					"border-interactive-subtle-secondary-idle bg-interactive-subtle-secondary-idle text-interactive-subtle-secondary-on-idle",
-					"hover:border-interactive-subtle-secondary-hover hover:bg-interactive-subtle-secondary-hover hover:text-interactive-subtle-secondary-on-hover",
-					"pressed:border-interactive-subtle-secondary-pressed pressed:bg-interactive-subtle-secondary-pressed pressed:text-interactive-subtle-secondary-on-pressed",
-					"disabled:border-interactive-subtle-secondary-disabled disabled:bg-interactive-subtle-secondary-disabled disabled:text-interactive-subtle-secondary-on-disabled",
-					"focus-visible:outline-interactive-subtle-secondary-focus",
-					"selected:border-interactive-subtle-secondary-toggled-idle selected:bg-interactive-subtle-secondary-toggled-idle selected:text-interactive-subtle-secondary-on-toggled-idle",
-					"selected:hover:border-interactive-subtle-secondary-toggled-hover selected:hover:bg-interactive-subtle-secondary-toggled-hover selected:hover:text-interactive-subtle-secondary-on-toggled-hover",
-					"selected:disabled:border-interactive-subtle-secondary-toggled-disabled selected:disabled:bg-interactive-subtle-secondary-toggled-disabled selected:disabled:text-interactive-subtle-secondary-on-toggled-disabled"
-				]
-			},
-			{
-				variant: "contained",
-				color: "success",
-				className: [
-					"border-interactive-contained-success-idle bg-interactive-contained-success-idle text-interactive-contained-success-on-idle",
-					"hover:border-interactive-contained-success-hover hover:bg-interactive-contained-success-hover hover:text-interactive-contained-success-on-hover",
-					"pressed:border-interactive-contained-success-pressed pressed:bg-interactive-contained-success-pressed pressed:text-interactive-contained-success-on-pressed",
-					"disabled:border-interactive-contained-success-disabled disabled:bg-interactive-contained-success-disabled disabled:text-interactive-contained-success-on-disabled",
-					"focus-visible:outline-interactive-contained-success-focus",
-					"selected:border-interactive-contained-success-toggled-idle selected:bg-interactive-contained-success-toggled-idle selected:text-interactive-contained-success-on-toggled-idle",
-					"selected:hover:border-interactive-contained-success-toggled-hover selected:hover:bg-interactive-contained-success-toggled-hover selected:hover:text-interactive-contained-success-on-toggled-hover",
-					"selected:disabled:border-interactive-contained-success-toggled-disabled selected:disabled:bg-interactive-contained-success-toggled-disabled selected:disabled:text-interactive-contained-success-on-toggled-disabled"
-				]
-			},
-			{
-				variant: "outlined",
-				color: "success",
-				className: [
-					"border-interactive-outlined-success-outline-idle bg-interactive-outlined-success-idle text-interactive-outlined-success-on-idle",
-					"hover:border-interactive-outlined-success-outline-hover hover:bg-interactive-outlined-success-hover hover:text-interactive-outlined-success-on-hover",
-					"pressed:border-interactive-outlined-success-outline-pressed pressed:bg-interactive-outlined-success-pressed pressed:text-interactive-outlined-success-on-pressed",
-					"disabled:border-interactive-outlined-success-outline-disabled disabled:bg-interactive-outlined-success-disabled disabled:text-interactive-outlined-success-on-disabled",
-					"focus-visible:outline-interactive-outlined-success-focus",
-					"selected:border-interactive-outlined-success-toggled-idle selected:bg-interactive-outlined-success-toggled-idle selected:text-interactive-outlined-success-on-toggled-idle",
-					"selected:hover:border-interactive-outlined-success-toggled-hover selected:hover:bg-interactive-outlined-success-toggled-hover selected:hover:text-interactive-outlined-success-on-toggled-hover",
-					"selected:disabled:border-interactive-outlined-success-toggled-disabled selected:disabled:bg-interactive-outlined-success-toggled-disabled selected:disabled:text-interactive-outlined-success-on-toggled-disabled"
-				]
-			},
-			{
-				variant: "subtle",
-				color: "success",
-				className: [
-					"border-interactive-subtle-success-idle bg-interactive-subtle-success-idle text-interactive-subtle-success-on-idle",
-					"hover:border-interactive-subtle-success-hover hover:bg-interactive-subtle-success-hover hover:text-interactive-subtle-success-on-hover",
-					"pressed:border-interactive-subtle-success-pressed pressed:bg-interactive-subtle-success-pressed pressed:text-interactive-subtle-success-on-pressed",
-					"disabled:border-interactive-subtle-success-disabled disabled:bg-interactive-subtle-success-disabled disabled:text-interactive-subtle-success-on-disabled",
-					"focus-visible:outline-interactive-subtle-success-focus",
-					"selected:border-interactive-subtle-success-toggled-idle selected:bg-interactive-subtle-success-toggled-idle selected:text-interactive-subtle-success-on-toggled-idle",
-					"selected:hover:border-interactive-subtle-success-toggled-hover selected:hover:bg-interactive-subtle-success-toggled-hover selected:hover:text-interactive-subtle-success-on-toggled-hover",
-					"selected:disabled:border-interactive-subtle-success-toggled-disabled selected:disabled:bg-interactive-subtle-success-toggled-disabled selected:disabled:text-interactive-subtle-success-on-toggled-disabled"
-				]
-			},
-			{
-				variant: "contained",
-				color: "warning",
-				className: [
-					"border-interactive-contained-warning-idle bg-interactive-contained-warning-idle text-interactive-contained-warning-on-idle",
-					"hover:border-interactive-contained-warning-hover hover:bg-interactive-contained-warning-hover hover:text-interactive-contained-warning-on-hover",
-					"pressed:border-interactive-contained-warning-pressed pressed:bg-interactive-contained-warning-pressed pressed:text-interactive-contained-warning-on-pressed",
-					"disabled:border-interactive-contained-warning-disabled disabled:bg-interactive-contained-warning-disabled disabled:text-interactive-contained-warning-on-disabled",
-					"focus-visible:outline-interactive-contained-warning-focus",
-					"selected:border-interactive-contained-warning-toggled-idle selected:bg-interactive-contained-warning-toggled-idle selected:text-interactive-contained-warning-on-toggled-idle",
-					"selected:hover:border-interactive-contained-warning-toggled-hover selected:hover:bg-interactive-contained-warning-toggled-hover selected:hover:text-interactive-contained-warning-on-toggled-hover",
-					"selected:disabled:border-interactive-contained-warning-toggled-disabled selected:disabled:bg-interactive-contained-warning-toggled-disabled selected:disabled:text-interactive-contained-warning-on-toggled-disabled"
-				]
-			},
-			{
-				variant: "outlined",
-				color: "warning",
-				className: [
-					"border-interactive-outlined-warning-outline-idle bg-interactive-outlined-warning-idle text-interactive-outlined-warning-on-idle",
-					"hover:border-interactive-outlined-warning-outline-hover hover:bg-interactive-outlined-warning-hover hover:text-interactive-outlined-warning-on-hover",
-					"pressed:border-interactive-outlined-warning-outline-pressed pressed:bg-interactive-outlined-warning-pressed pressed:text-interactive-outlined-warning-on-pressed",
-					"disabled:border-interactive-outlined-warning-outline-disabled disabled:bg-interactive-outlined-warning-disabled disabled:text-interactive-outlined-warning-on-disabled",
-					"focus-visible:outline-interactive-outlined-warning-focus",
-					"selected:border-interactive-outlined-warning-toggled-idle selected:bg-interactive-outlined-warning-toggled-idle selected:text-interactive-outlined-warning-on-toggled-idle",
-					"selected:hover:border-interactive-outlined-warning-toggled-hover selected:hover:bg-interactive-outlined-warning-toggled-hover selected:hover:text-interactive-outlined-warning-on-toggled-hover",
-					"selected:disabled:border-interactive-outlined-warning-toggled-disabled selected:disabled:bg-interactive-outlined-warning-toggled-disabled selected:disabled:text-interactive-outlined-warning-on-toggled-disabled"
-				]
-			},
-			{
-				variant: "subtle",
-				color: "warning",
-				className: [
-					"border-interactive-subtle-warning-idle bg-interactive-subtle-warning-idle text-interactive-subtle-warning-on-idle",
-					"hover:border-interactive-subtle-warning-hover hover:bg-interactive-subtle-warning-hover hover:text-interactive-subtle-warning-on-hover",
-					"pressed:border-interactive-subtle-warning-pressed pressed:bg-interactive-subtle-warning-pressed pressed:text-interactive-subtle-warning-on-pressed",
-					"disabled:border-interactive-subtle-warning-disabled disabled:bg-interactive-subtle-warning-disabled disabled:text-interactive-subtle-warning-on-disabled",
-					"focus-visible:outline-interactive-subtle-warning-focus",
-					"selected:border-interactive-subtle-warning-toggled-idle selected:bg-interactive-subtle-warning-toggled-idle selected:text-interactive-subtle-warning-on-toggled-idle",
-					"selected:hover:border-interactive-subtle-warning-toggled-hover selected:hover:bg-interactive-subtle-warning-toggled-hover selected:hover:text-interactive-subtle-warning-on-toggled-hover",
-					"selected:disabled:border-interactive-subtle-warning-toggled-disabled selected:disabled:bg-interactive-subtle-warning-toggled-disabled selected:disabled:text-interactive-subtle-warning-on-toggled-disabled"
-				]
-			},
-			{
-				variant: "contained",
-				color: "error",
-				className: [
-					"border-interactive-contained-error-idle bg-interactive-contained-error-idle text-interactive-contained-error-on-idle",
-					"hover:border-interactive-contained-error-hover hover:bg-interactive-contained-error-hover hover:text-interactive-contained-error-on-hover",
-					"pressed:border-interactive-contained-error-pressed pressed:bg-interactive-contained-error-pressed pressed:text-interactive-contained-error-on-pressed",
-					"disabled:border-interactive-contained-error-disabled disabled:bg-interactive-contained-error-disabled disabled:text-interactive-contained-error-on-disabled",
-					"focus-visible:outline-interactive-contained-error-focus",
-					"selected:border-interactive-contained-error-toggled-idle selected:bg-interactive-contained-error-toggled-idle selected:text-interactive-contained-error-on-toggled-idle",
-					"selected:hover:border-interactive-contained-error-toggled-hover selected:hover:bg-interactive-contained-error-toggled-hover selected:hover:text-interactive-contained-error-on-toggled-hover",
-					"selected:disabled:border-interactive-contained-error-toggled-disabled selected:disabled:bg-interactive-contained-error-toggled-disabled selected:disabled:text-interactive-contained-error-on-toggled-disabled"
-				]
-			},
-			{
-				variant: "outlined",
-				color: "error",
-				className: [
-					"border-interactive-outlined-error-outline-idle bg-interactive-outlined-error-idle text-interactive-outlined-error-on-idle",
-					"hover:border-interactive-outlined-error-outline-hover hover:bg-interactive-outlined-error-hover hover:text-interactive-outlined-error-on-hover",
-					"pressed:border-interactive-outlined-error-outline-pressed pressed:bg-interactive-outlined-error-pressed pressed:text-interactive-outlined-error-on-pressed",
-					"disabled:border-interactive-outlined-error-outline-disabled disabled:bg-interactive-outlined-error-disabled disabled:text-interactive-outlined-error-on-disabled",
-					"focus-visible:outline-interactive-outlined-error-focus",
-					"selected:border-interactive-outlined-error-toggled-idle selected:bg-interactive-outlined-error-toggled-idle selected:text-interactive-outlined-error-on-toggled-idle",
-					"selected:hover:border-interactive-outlined-error-toggled-hover selected:hover:bg-interactive-outlined-error-toggled-hover selected:hover:text-interactive-outlined-error-on-toggled-hover",
-					"selected:disabled:border-interactive-outlined-error-toggled-disabled selected:disabled:bg-interactive-outlined-error-toggled-disabled selected:disabled:text-interactive-outlined-error-on-toggled-disabled"
-				]
-			},
-			{
-				variant: "subtle",
-				color: "error",
-				className: [
-					"border-interactive-subtle-error-idle bg-interactive-subtle-error-idle text-interactive-subtle-error-on-idle",
-					"hover:border-interactive-subtle-error-hover hover:bg-interactive-subtle-error-hover hover:text-interactive-subtle-error-on-hover",
-					"pressed:border-interactive-subtle-error-pressed pressed:bg-interactive-subtle-error-pressed pressed:text-interactive-subtle-error-on-pressed",
-					"disabled:border-interactive-subtle-error-disabled disabled:bg-interactive-subtle-error-disabled disabled:text-interactive-subtle-error-on-disabled",
-					"focus-visible:outline-interactive-subtle-error-focus",
-					"selected:border-interactive-subtle-error-toggled-idle selected:bg-interactive-subtle-error-toggled-idle selected:text-interactive-subtle-error-on-toggled-idle",
-					"selected:hover:border-interactive-subtle-error-toggled-hover selected:hover:bg-interactive-subtle-error-toggled-hover selected:hover:text-interactive-subtle-error-on-toggled-hover",
-					"selected:disabled:border-interactive-subtle-error-toggled-disabled selected:disabled:bg-interactive-subtle-error-toggled-disabled selected:disabled:text-interactive-subtle-error-on-toggled-disabled"
-				]
-			}
-		],
-		defaultVariants: {
-			color: "primary",
-			variant: "contained"
-		}
-	}
-});
-var pillButtonContentDefinition = UIOverrides.defineConfig({
-	base: [""],
-	config: {
-		variants: { iconPosition: {
-			left: "gap-button-gap-icon-to-label",
-			right: "gap-button-gap-icon-to-label",
-			none: "gap-button-gap-icon-to-label"
-		} },
-		defaultVariants: { iconPosition: "left" }
-	}
-});
-var pillButtonContent = cva(pillButtonContentDefinition.base, pillButtonContentDefinition.config);
-var pillButtonIconSize = clsx("h-6 w-6");
-var pillButtonTypography = compoundMapper({ default: {
-	size: "label-2",
-	variant: "prominent-1"
-} });
-//#endregion
-export { pillButtonContent, pillButtonContentDefinition, pillButtonDefinition, pillButtonIconSize, pillButtonTypography };

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

@@ -1,12 +0,0 @@
-import { ButtonProps as AriaButtonProps } from 'react-aria-components';
-import { ButtonVariantProps } from '../Button/button.cva';
-import { MenuItem } from '../../Menu/Menu';
-import { LinkNavigationProps } from '../../text/Link/Link';
-export interface SplitButtonProps extends ButtonVariantProps, Omit<AriaButtonProps, "children"> {
-    label: string;
-    labelRight: string;
-    link?: LinkNavigationProps;
-    items: MenuItem[];
-    isLoading?: boolean;
-}
-export declare const SplitButton: ({ variant, color, width, size, label, labelRight, link, items, className, isLoading, ...props }: SplitButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/buttons/SplitButton/SplitButton.js

@@ -1,123 +0,0 @@
-import { Button } from "../Button/Button.js";
-import { IconButton } from "../IconButton/IconButton.js";
-import { Menu } from "../../Menu/Menu.js";
-import { ChevronDown } from "lucide-react";
-import { clsx } from "clsx";
-import { c } from "react/compiler-runtime";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/buttons/SplitButton/SplitButton.tsx
-var SplitButton = (t0) => {
-	const $ = c(36);
-	let className;
-	let color;
-	let isLoading;
-	let items;
-	let label;
-	let labelRight;
-	let link;
-	let props;
-	let size;
-	let variant;
-	let width;
-	if ($[0] !== t0) {
-		({variant, color, width, size, label, labelRight, link, items, className, isLoading, ...props} = t0);
-		$[0] = t0;
-		$[1] = className;
-		$[2] = color;
-		$[3] = isLoading;
-		$[4] = items;
-		$[5] = label;
-		$[6] = labelRight;
-		$[7] = link;
-		$[8] = props;
-		$[9] = size;
-		$[10] = variant;
-		$[11] = width;
-	} else {
-		className = $[1];
-		color = $[2];
-		isLoading = $[3];
-		items = $[4];
-		label = $[5];
-		labelRight = $[6];
-		link = $[7];
-		props = $[8];
-		size = $[9];
-		variant = $[10];
-		width = $[11];
-	}
-	let t1;
-	if ($[12] !== className) {
-		t1 = clsx("rounded-r-none! border-r border-solid", className);
-		$[12] = className;
-		$[13] = t1;
-	} else t1 = $[13];
-	let t2;
-	if ($[14] !== color || $[15] !== isLoading || $[16] !== label || $[17] !== link || $[18] !== props || $[19] !== size || $[20] !== t1 || $[21] !== variant || $[22] !== width) {
-		t2 = /* @__PURE__ */ jsx(Button, {
-			...props,
-			width,
-			size,
-			variant,
-			color,
-			link,
-			className: t1,
-			"data-separator": "",
-			isLoading,
-			children: label
-		});
-		$[14] = color;
-		$[15] = isLoading;
-		$[16] = label;
-		$[17] = link;
-		$[18] = props;
-		$[19] = size;
-		$[20] = t1;
-		$[21] = variant;
-		$[22] = width;
-		$[23] = t2;
-	} else t2 = $[23];
-	const t3 = props.isDisabled || isLoading;
-	let t4;
-	if ($[24] !== color || $[25] !== labelRight || $[26] !== size || $[27] !== t3 || $[28] !== variant) {
-		t4 = /* @__PURE__ */ jsx(IconButton, {
-			size,
-			variant,
-			color,
-			label: labelRight,
-			icon: ChevronDown,
-			className: "rounded-l-none! border-l-0!",
-			isDisabled: t3
-		});
-		$[24] = color;
-		$[25] = labelRight;
-		$[26] = size;
-		$[27] = t3;
-		$[28] = variant;
-		$[29] = t4;
-	} else t4 = $[29];
-	let t5;
-	if ($[30] !== items || $[31] !== t4) {
-		t5 = /* @__PURE__ */ jsx(Menu, {
-			trigger: t4,
-			items
-		});
-		$[30] = items;
-		$[31] = t4;
-		$[32] = t5;
-	} else t5 = $[32];
-	let t6;
-	if ($[33] !== t2 || $[34] !== t5) {
-		t6 = /* @__PURE__ */ jsxs("div", {
-			className: "group/split flex items-center",
-			"data-split": "",
-			children: [t2, t5]
-		});
-		$[33] = t2;
-		$[34] = t5;
-		$[35] = t6;
-	} else t6 = $[35];
-	return t6;
-};
-//#endregion
-export { SplitButton };

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

@@ -1,12 +0,0 @@
-import { ButtonProps as AriaButtonProps } from 'react-aria-components';
-import { ReactNode } from 'react';
-import { ButtonIconProps } from '../Button/Button';
-import { ButtonVariantProps } from '../Button/button.cva';
-import { ButtonContentVariantProps } from '../shared/buttonContent.cva';
-import { LinkNavigationProps } from '../../text/Link/Link';
-export type TextButtonProps = Omit<ButtonVariantProps, "variant"> & ButtonContentVariantProps & AriaButtonProps & ButtonIconProps<true | false> & {
-    children: ReactNode;
-    isLoading?: boolean;
-    link?: LinkNavigationProps;
-};
-export declare const TextButton: ({ children, ...props }: TextButtonProps) => import("react/jsx-runtime").JSX.Element;