@povio/ui 5.0.0-rc.9 → 6.0.0-rc.2

package/dist/AppCanvasPage-BIFYeEeS.d.ts

@@ -1,80 +0,0 @@
-//#region src/app-canvas/route-model.d.ts
-/** Structural TanStack Router contract; no router runtime is bundled with UI. */
-interface CanvasRoute {
-  id?: string;
-  path?: string;
-  fullPath?: string;
-  children?: readonly CanvasRoute[] | object;
-  options?: {
-    id?: string;
-    path?: string;
-    component?: unknown;
-    lazyFn?: unknown;
-  };
-}
-interface CanvasRouter {
-  routeTree: CanvasRoute;
-  routesById?: object;
-}
-interface CanvasRouteExample {
-  params?: Record<string, string>;
-  search?: Record<string, unknown>;
-  title?: string;
-}
-interface DiscoverCanvasPagesOptions {
-  examples?: Record<string, CanvasRouteExample>;
-  exclude?: string[];
-  excludePaths?: string[];
-}
-interface CanvasPage {
-  id: string;
-  title: string;
-  path: string;
-  href?: string;
-  parentId?: string;
-  missingParams: string[];
-  kind: "page" | "unresolved";
-}
-interface CanvasPosition {
-  x: number;
-  y: number;
-}
-interface CanvasPageLayout extends CanvasPage, CanvasPosition {
-  width: number;
-  height: number;
-}
-/** Catalog route destinations without executing loaders or needing every dynamic parameter. */
-declare function discoverCanvasPages(router: CanvasRouter, options?: DiscoverCanvasPagesOptions): CanvasPage[];
-/** Deterministic masonry placement. Full measured heights (including 20,000px pages) are never capped. */
-declare function layoutCanvasPages(pages: readonly CanvasPage[], width: number, heights: Record<string, number>, positions?: Record<string, CanvasPosition>): CanvasPageLayout[];
-//#endregion
-//#region src/app-canvas/AppCanvas.d.ts
-interface CanvasBreakpoint {
-  id: string;
-  label: string;
-  width: number;
-  height: number;
-}
-declare const defaultCanvasBreakpoints: CanvasBreakpoint[];
-interface AppCanvasProps {
-  router: CanvasRouter;
-  examples?: Record<string, CanvasRouteExample>;
-  exclude?: string[];
-  excludePaths?: string[];
-  breakpoints?: CanvasBreakpoint[];
-  storageKey?: string;
-  frameUrl?: (page: CanvasPage) => string;
-}
-/** Live route artboards. The camera transforms only the canvas, never the iframe viewport width. */
-declare function AppCanvas({ router, examples, exclude, excludePaths, breakpoints, storageKey, frameUrl }: AppCanvasProps): import("react").JSX.Element;
-//#endregion
-//#region src/app-canvas/AppCanvasPage.d.ts
-declare const APP_CANVAS_PATH = "/_canvas";
-interface AppCanvasPageProps extends AppCanvasProps {
-  /** Excluded from the catalog to prevent recursively rendering the canvas itself. */
-  canvasPath?: string;
-}
-/** Ready-made route page. Mount beneath the app's UIConfigurationProvider. */
-declare function AppCanvasPage({ canvasPath, excludePaths, ...props }: AppCanvasPageProps): import("react").JSX.Element | null;
-//#endregion
-export { AppCanvasProps as a, CanvasPage as c, CanvasRouter as d, discoverCanvasPages as f, AppCanvas as i, CanvasPosition as l, AppCanvasPage as n, CanvasBreakpoint as o, layoutCanvasPages as p, AppCanvasPageProps as r, defaultCanvasBreakpoints as s, APP_CANVAS_PATH as t, CanvasRouteExample as u };

package/dist/Autocomplete-BwNHp8fy.d.ts

@@ -1,15 +0,0 @@
-import { n as FieldValues } from "./form.binding-DVJ5F0JE.js";
-import { n as GroupedSelectControlProps, o as SelectBaseProps, r as GroupedSelectProps, t as DefaultInitialSelectItem } from "./SelectBase-Omiq2D3M.js";
-import { s as OmitDiscriminatedUnion } from "./common-UBFya8WY.js";
-import { ReactElement } from "react";
-import { Key } from "react-aria-components";
-//#region src/components/inputs/Selection/Autocomplete/Autocomplete.d.ts
-type AutocompleteProps<TKey extends Key = Key, TInitialSelectItem = DefaultInitialSelectItem<TKey>> = OmitDiscriminatedUnion<SelectBaseProps<TKey, TInitialSelectItem>, "isSearchable"> & {
-  renderStaticInput?: boolean;
-};
-type ControlledAutocompleteProps<TFieldValues extends FieldValues, TKey extends Key = Key, TInitialSelectItem = DefaultInitialSelectItem<TKey>> = Omit<AutocompleteProps<TKey, TInitialSelectItem>, keyof GroupedSelectProps> & GroupedSelectControlProps<TFieldValues, TKey, TInitialSelectItem>;
-declare function AutocompleteComponent<TKey extends Key = Key, TInitialSelectItem = DefaultInitialSelectItem<TKey>>(props: AutocompleteProps<TKey, TInitialSelectItem>): ReactElement;
-declare function AutocompleteComponent<TFieldValues extends FieldValues, TKey extends Key = Key, TInitialSelectItem = DefaultInitialSelectItem<TKey>>(props: ControlledAutocompleteProps<TFieldValues, TKey, TInitialSelectItem>): ReactElement;
-declare const Autocomplete: typeof AutocompleteComponent;
-//#endregion
-export { AutocompleteProps as n, ControlledAutocompleteProps as r, Autocomplete as t };

package/dist/Button-C5rv4Cr2.js

@@ -1,506 +0,0 @@
-import { t as UIConfig } from "./uiConfig.context-BS3r_kTS.js";
-import { t as clsx } from "./clsx-CnD0nOiA.js";
-import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
-import { t as $984a1fc08f87e4f3$export$a6c7ac8248d6e38a } from "./Link-FupWOW1f.js";
-import { n as $7705c033048f6da7$export$353f5b6fc5456de1 } from "./Button-D6KlWSFL.js";
-import { t as $75afe627ae0cc0fa$export$d2b052e7b4be1756 } from "./ToggleButton-BW1ensey.js";
-import { t as LinkContext } from "./link.context-J7aQtMOr.js";
-import { t as ButtonContent } from "./ButtonContent-c7lJayVQ.js";
-import { n as uiOutlineClass } from "./outline.clsx-50W_vNDl.js";
-import { t as compoundMapper } from "./compoundMapper-Di3SKZnS.js";
-import { jsx } from "react/jsx-runtime";
-//#region src/components/buttons/Button/button.cva.ts
-const buttonDefinition = UIOverrides.defineConfig({
-	base: [
-		"group inline-flex items-center justify-center border border-solid",
-		uiOutlineClass,
-		"group-data-[split]/split:data-[separator]:relative",
-		"group-data-[split]/split:data-[separator]:after:content-['']",
-		"group-data-[split]/split:data-[separator]:after:h-full",
-		"group-data-[split]/split:data-[separator]:after:w-px",
-		"group-data-[split]/split:data-[separator]:after:absolute",
-		"group-data-[split]/split:data-[separator]:after:-right-px",
-		"group-data-[split]/split:data-[separator]:after:border-t",
-		"group-data-[split]/split:data-[separator]:after:border-b",
-		"group-data-[split]/split:data-[separator]:after:box-content"
-	],
-	config: {
-		variants: {
-			width: {
-				fill: "w-full",
-				hug: "w-auto"
-			},
-			size: {
-				s: "",
-				sm: "",
-				default: "",
-				none: ""
-			},
-			color: {
-				primary: "",
-				secondary: "",
-				error: "",
-				dual: ""
-			},
-			variant: {
-				contained: "",
-				solid: "",
-				outlined: "",
-				outline: "",
-				subtle: "",
-				text: "group-data-[split]/split:data-[separator]:after:hidden",
-				ghost: ""
-			},
-			inverted: {
-				true: "",
-				false: ""
-			}
-		},
-		compoundVariants: [
-			{
-				variant: ["contained", "solid"],
-				color: ["primary", "dual"],
-				className: [
-					"bg-interactive-primary-background border-interactive-primary-background text-interactive-primary-foreground",
-					"not-data-[selected]:hover:border-state-interactive-primary-background/hover not-data-[selected]:hover:bg-state-interactive-primary-background/hover",
-					"not-data-[selected]:pressed:border-state-interactive-primary-background/pressed not-data-[selected]:pressed:bg-state-interactive-primary-background/pressed",
-					"not-data-[selected]:disabled:border-state-interactive-primary-background/disabled not-data-[selected]:disabled:bg-state-interactive-primary-background/disabled",
-					"not-data-[selected]:focus-visible:border-state-interactive-primary-background/focus not-data-[selected]:focus-visible:bg-state-interactive-primary-background/focus",
-					"focus-visible:outline-interactive-ring",
-					"selected:bg-state-interactive-primary-background/toggled selected:border-state-interactive-primary-background/toggled selected:text-interactive-primary-foreground",
-					"selected:hover:bg-state-interactive-primary-background/toggled-hovered selected:hover:border-state-interactive-primary-background/toggled-hovered selected:hover:text-interactive-primary-foreground",
-					"selected:disabled:bg-state-interactive-primary-background/toggled-disabled selected:disabled:border-state-interactive-primary-background/toggled-disabled selected:disabled:text-interactive-primary-foreground/40",
-					"group-data-[split]/split:data-[separator]:after:bg-interactive-primary-foreground! group-data-[split]/split:data-[separator]:selected:after:bg-interactive-primary-foreground!"
-				]
-			},
-			{
-				variant: ["outlined", "outline"],
-				color: ["primary", "dual"],
-				className: [
-					"bg-support-transparent-outline border-interactive-subtle-primary-foreground text-interactive-subtle-primary-foreground",
-					"not-data-[selected]:hover:border-state-interactive-subtle-primary-foreground/hover not-data-[selected]:hover:text-state-interactive-subtle-primary-foreground/hover",
-					"not-data-[selected]:pressed:border-state-interactive-subtle-primary-foreground/pressed not-data-[selected]:pressed:text-state-interactive-subtle-primary-foreground/pressed",
-					"not-data-[selected]:disabled:border-state-interactive-subtle-primary-foreground/disabled not-data-[selected]:disabled:text-state-interactive-subtle-primary-foreground/disabled",
-					"not-data-[selected]:focus-visible:border-state-interactive-subtle-primary-foreground/focus not-data-[selected]:focus-visible:text-state-interactive-subtle-primary-foreground/focus",
-					"focus-visible:outline-interactive-ring",
-					"selected:bg-state-interactive-primary-background/toggled selected:border-state-interactive-primary-background/toggled selected:text-interactive-primary-foreground",
-					"selected:hover:bg-state-interactive-primary-background/toggled-hovered selected:hover:border-state-interactive-primary-background/toggled-hovered selected:hover:text-interactive-primary-foreground",
-					"selected:disabled:bg-state-interactive-primary-background/toggled-disabled selected:disabled:border-state-interactive-primary-background/toggled-disabled selected:disabled:text-interactive-primary-foreground/40",
-					"group-data-[split]/split:data-[separator]:after:bg-interactive-subtle-primary-foreground! group-data-[split]/split:data-[separator]:selected:after:bg-interactive-primary-foreground!"
-				]
-			},
-			{
-				variant: "subtle",
-				color: ["primary", "dual"],
-				className: [
-					"bg-interactive-subtle-primary-background border-interactive-subtle-primary-background text-interactive-subtle-primary-foreground",
-					"not-data-[selected]:hover:border-state-interactive-subtle-primary-background/hover not-data-[selected]:hover:bg-state-interactive-subtle-primary-background/hover not-data-[selected]:hover:text-state-interactive-subtle-primary-foreground/hover",
-					"not-data-[selected]:pressed:border-state-interactive-subtle-primary-background/pressed not-data-[selected]:pressed:bg-state-interactive-subtle-primary-background/pressed not-data-[selected]:pressed:text-state-interactive-subtle-primary-foreground/pressed",
-					"not-data-[selected]:disabled:border-state-interactive-subtle-primary-background/disabled not-data-[selected]:disabled:bg-state-interactive-subtle-primary-background/disabled not-data-[selected]:disabled:text-state-interactive-subtle-primary-foreground/disabled",
-					"not-data-[selected]:focus-visible:border-state-interactive-subtle-primary-background/focus not-data-[selected]:focus-visible:bg-state-interactive-subtle-primary-background/focus not-data-[selected]:focus-visible:text-state-interactive-subtle-primary-foreground/focus",
-					"focus-visible:outline-interactive-ring",
-					"selected:bg-state-interactive-primary-background/toggled selected:border-state-interactive-primary-background/toggled selected:text-interactive-primary-foreground",
-					"selected:hover:bg-state-interactive-primary-background/toggled-hovered selected:hover:border-state-interactive-primary-background/toggled-hovered selected:hover:text-interactive-primary-foreground",
-					"selected:disabled:bg-state-interactive-primary-background/toggled-disabled selected:disabled:border-state-interactive-primary-background/toggled-disabled selected:disabled:text-interactive-primary-foreground/40",
-					"group-data-[split]/split:data-[separator]:after:bg-interactive-subtle-primary-foreground! group-data-[split]/split:data-[separator]:selected:after:bg-interactive-primary-foreground!"
-				]
-			},
-			{
-				variant: "ghost",
-				color: ["primary", "dual"],
-				className: [
-					"bg-support-transparent-outline border-support-transparent-outline text-interactive-subtle-primary-foreground",
-					"not-data-[selected]:hover:border-state-interactive-subtle-primary-background/hover not-data-[selected]:hover:bg-state-interactive-subtle-primary-background/hover not-data-[selected]:hover:text-state-interactive-subtle-primary-foreground/hover",
-					"not-data-[selected]:pressed:border-state-interactive-subtle-primary-background/pressed not-data-[selected]:pressed:bg-state-interactive-subtle-primary-background/pressed not-data-[selected]:pressed:text-state-interactive-subtle-primary-foreground/pressed",
-					"not-data-[selected]:disabled:border-state-interactive-subtle-primary-background/disabled not-data-[selected]:disabled:bg-state-interactive-subtle-primary-background/disabled not-data-[selected]:disabled:text-state-interactive-subtle-primary-foreground/disabled",
-					"not-data-[selected]:focus-visible:border-state-interactive-subtle-primary-background/focus not-data-[selected]:focus-visible:bg-state-interactive-subtle-primary-background/focus not-data-[selected]:focus-visible:text-state-interactive-subtle-primary-foreground/focus",
-					"focus-visible:outline-interactive-ring",
-					"selected:bg-state-interactive-primary-background/toggled selected:border-state-interactive-primary-background/toggled selected:text-interactive-primary-foreground",
-					"selected:hover:bg-state-interactive-primary-background/toggled-hovered selected:hover:border-state-interactive-primary-background/toggled-hovered selected:hover:text-interactive-primary-foreground",
-					"selected:disabled:bg-state-interactive-primary-background/toggled-disabled selected:disabled:border-state-interactive-primary-background/toggled-disabled selected:disabled:text-interactive-primary-foreground/40",
-					"group-data-[split]/split:data-[separator]:after:hidden"
-				]
-			},
-			{
-				variant: ["contained", "solid"],
-				color: "secondary",
-				className: [
-					"bg-interactive-secondary-background border-interactive-secondary-background text-interactive-secondary-foreground",
-					"not-data-[selected]:hover:border-state-interactive-secondary-background/hover not-data-[selected]:hover:bg-state-interactive-secondary-background/hover",
-					"not-data-[selected]:pressed:border-state-interactive-secondary-background/pressed not-data-[selected]:pressed:bg-state-interactive-secondary-background/pressed",
-					"not-data-[selected]:disabled:border-state-interactive-secondary-background/disabled not-data-[selected]:disabled:bg-state-interactive-secondary-background/disabled",
-					"not-data-[selected]:focus-visible:border-state-interactive-secondary-background/focus not-data-[selected]:focus-visible:bg-state-interactive-secondary-background/focus",
-					"focus-visible:outline-interactive-ring",
-					"selected:bg-state-interactive-secondary-background/toggled selected:border-state-interactive-secondary-background/toggled selected:text-interactive-secondary-foreground",
-					"selected:hover:bg-state-interactive-secondary-background/toggled-hovered selected:hover:border-state-interactive-secondary-background/toggled-hovered selected:hover:text-interactive-secondary-foreground",
-					"selected:disabled:bg-state-interactive-secondary-background/toggled-disabled selected:disabled:border-state-interactive-secondary-background/toggled-disabled selected:disabled:text-interactive-secondary-foreground/40",
-					"group-data-[split]/split:data-[separator]:after:bg-interactive-secondary-foreground! group-data-[split]/split:data-[separator]:selected:after:bg-interactive-secondary-foreground!"
-				]
-			},
-			{
-				variant: ["outlined", "outline"],
-				color: "secondary",
-				className: [
-					"bg-support-transparent-outline border-interactive-subtle-secondary-foreground text-interactive-subtle-secondary-foreground",
-					"not-data-[selected]:hover:border-state-interactive-subtle-secondary-foreground/hover not-data-[selected]:hover:text-state-interactive-subtle-secondary-foreground/hover",
-					"not-data-[selected]:pressed:border-state-interactive-subtle-secondary-foreground/pressed not-data-[selected]:pressed:text-state-interactive-subtle-secondary-foreground/pressed",
-					"not-data-[selected]:disabled:border-state-interactive-subtle-secondary-foreground/disabled not-data-[selected]:disabled:text-state-interactive-subtle-secondary-foreground/disabled",
-					"not-data-[selected]:focus-visible:border-state-interactive-subtle-secondary-foreground/focus not-data-[selected]:focus-visible:text-state-interactive-subtle-secondary-foreground/focus",
-					"focus-visible:outline-interactive-ring",
-					"selected:bg-state-interactive-secondary-background/toggled selected:border-state-interactive-secondary-background/toggled selected:text-interactive-secondary-foreground",
-					"selected:hover:bg-state-interactive-secondary-background/toggled-hovered selected:hover:border-state-interactive-secondary-background/toggled-hovered selected:hover:text-interactive-secondary-foreground",
-					"selected:disabled:bg-state-interactive-secondary-background/toggled-disabled selected:disabled:border-state-interactive-secondary-background/toggled-disabled selected:disabled:text-interactive-secondary-foreground/40",
-					"group-data-[split]/split:data-[separator]:after:bg-interactive-subtle-secondary-foreground! group-data-[split]/split:data-[separator]:selected:after:bg-interactive-secondary-foreground!"
-				]
-			},
-			{
-				variant: "subtle",
-				color: "secondary",
-				className: [
-					"bg-interactive-subtle-secondary-background border-interactive-subtle-secondary-background text-interactive-subtle-secondary-foreground",
-					"not-data-[selected]:hover:border-state-interactive-subtle-secondary-background/hover not-data-[selected]:hover:bg-state-interactive-subtle-secondary-background/hover not-data-[selected]:hover:text-state-interactive-subtle-secondary-foreground/hover",
-					"not-data-[selected]:pressed:border-state-interactive-subtle-secondary-background/pressed not-data-[selected]:pressed:bg-state-interactive-subtle-secondary-background/pressed not-data-[selected]:pressed:text-state-interactive-subtle-secondary-foreground/pressed",
-					"not-data-[selected]:disabled:border-state-interactive-subtle-secondary-background/disabled not-data-[selected]:disabled:bg-state-interactive-subtle-secondary-background/disabled not-data-[selected]:disabled:text-state-interactive-subtle-secondary-foreground/disabled",
-					"not-data-[selected]:focus-visible:border-state-interactive-subtle-secondary-background/focus not-data-[selected]:focus-visible:bg-state-interactive-subtle-secondary-background/focus not-data-[selected]:focus-visible:text-state-interactive-subtle-secondary-foreground/focus",
-					"focus-visible:outline-interactive-ring",
-					"selected:bg-state-interactive-secondary-background/toggled selected:border-state-interactive-secondary-background/toggled selected:text-interactive-secondary-foreground",
-					"selected:hover:bg-state-interactive-secondary-background/toggled-hovered selected:hover:border-state-interactive-secondary-background/toggled-hovered selected:hover:text-interactive-secondary-foreground",
-					"selected:disabled:bg-state-interactive-secondary-background/toggled-disabled selected:disabled:border-state-interactive-secondary-background/toggled-disabled selected:disabled:text-interactive-secondary-foreground/40",
-					"group-data-[split]/split:data-[separator]:after:bg-interactive-subtle-secondary-foreground! group-data-[split]/split:data-[separator]:selected:after:bg-interactive-secondary-foreground!"
-				]
-			},
-			{
-				variant: "ghost",
-				color: "secondary",
-				className: [
-					"bg-support-transparent-outline border-support-transparent-outline text-interactive-subtle-secondary-foreground",
-					"not-data-[selected]:hover:border-state-interactive-subtle-secondary-background/hover not-data-[selected]:hover:bg-state-interactive-subtle-secondary-background/hover not-data-[selected]:hover:text-state-interactive-subtle-secondary-foreground/hover",
-					"not-data-[selected]:pressed:border-state-interactive-subtle-secondary-background/pressed not-data-[selected]:pressed:bg-state-interactive-subtle-secondary-background/pressed not-data-[selected]:pressed:text-state-interactive-subtle-secondary-foreground/pressed",
-					"not-data-[selected]:disabled:border-state-interactive-subtle-secondary-background/disabled not-data-[selected]:disabled:bg-state-interactive-subtle-secondary-background/disabled not-data-[selected]:disabled:text-state-interactive-subtle-secondary-foreground/disabled",
-					"not-data-[selected]:focus-visible:border-state-interactive-subtle-secondary-background/focus not-data-[selected]:focus-visible:bg-state-interactive-subtle-secondary-background/focus not-data-[selected]:focus-visible:text-state-interactive-subtle-secondary-foreground/focus",
-					"focus-visible:outline-interactive-ring",
-					"selected:bg-state-interactive-secondary-background/toggled selected:border-state-interactive-secondary-background/toggled selected:text-interactive-secondary-foreground",
-					"selected:hover:bg-state-interactive-secondary-background/toggled-hovered selected:hover:border-state-interactive-secondary-background/toggled-hovered selected:hover:text-interactive-secondary-foreground",
-					"selected:disabled:bg-state-interactive-secondary-background/toggled-disabled selected:disabled:border-state-interactive-secondary-background/toggled-disabled selected:disabled:text-interactive-secondary-foreground/40",
-					"group-data-[split]/split:data-[separator]:after:hidden"
-				]
-			},
-			{
-				variant: ["contained", "solid"],
-				color: "error",
-				className: [
-					"bg-interactive-destructive-background border-interactive-destructive-background text-interactive-destructive-foreground",
-					"not-data-[selected]:hover:border-state-interactive-destructive-background/hover not-data-[selected]:hover:bg-state-interactive-destructive-background/hover",
-					"not-data-[selected]:pressed:border-state-interactive-destructive-background/pressed not-data-[selected]:pressed:bg-state-interactive-destructive-background/pressed",
-					"not-data-[selected]:disabled:border-state-interactive-destructive-background/disabled not-data-[selected]:disabled:bg-state-interactive-destructive-background/disabled",
-					"not-data-[selected]:focus-visible:border-state-interactive-destructive-background/focus not-data-[selected]:focus-visible:bg-state-interactive-destructive-background/focus",
-					"focus-visible:outline-interactive-ring",
-					"selected:bg-state-interactive-destructive-background/toggled selected:border-state-interactive-destructive-background/toggled selected:text-interactive-destructive-foreground",
-					"selected:hover:bg-state-interactive-destructive-background/toggled-hovered selected:hover:border-state-interactive-destructive-background/toggled-hovered selected:hover:text-interactive-destructive-foreground",
-					"selected:disabled:bg-state-interactive-destructive-background/toggled-disabled selected:disabled:border-state-interactive-destructive-background/toggled-disabled selected:disabled:text-interactive-destructive-foreground/40",
-					"group-data-[split]/split:data-[separator]:after:bg-interactive-destructive-foreground! group-data-[split]/split:data-[separator]:selected:after:bg-interactive-destructive-foreground!"
-				]
-			},
-			{
-				variant: ["outlined", "outline"],
-				color: "error",
-				className: [
-					"bg-support-transparent-outline border-interactive-subtle-destructive-foreground text-interactive-subtle-destructive-foreground",
-					"not-data-[selected]:hover:border-state-interactive-subtle-destructive-foreground/hover not-data-[selected]:hover:text-state-interactive-subtle-destructive-foreground/hover",
-					"not-data-[selected]:pressed:border-state-interactive-subtle-destructive-foreground/pressed not-data-[selected]:pressed:text-state-interactive-subtle-destructive-foreground/pressed",
-					"not-data-[selected]:disabled:border-state-interactive-subtle-destructive-foreground/disabled not-data-[selected]:disabled:text-state-interactive-subtle-destructive-foreground/disabled",
-					"not-data-[selected]:focus-visible:border-state-interactive-subtle-destructive-foreground/focus not-data-[selected]:focus-visible:text-state-interactive-subtle-destructive-foreground/focus",
-					"focus-visible:outline-interactive-ring",
-					"selected:bg-state-interactive-destructive-background/toggled selected:border-state-interactive-destructive-background/toggled selected:text-interactive-destructive-foreground",
-					"selected:hover:bg-state-interactive-destructive-background/toggled-hovered selected:hover:border-state-interactive-destructive-background/toggled-hovered selected:hover:text-interactive-destructive-foreground",
-					"selected:disabled:bg-state-interactive-destructive-background/toggled-disabled selected:disabled:border-state-interactive-destructive-background/toggled-disabled selected:disabled:text-interactive-destructive-foreground/40",
-					"group-data-[split]/split:data-[separator]:after:bg-interactive-subtle-destructive-foreground! group-data-[split]/split:data-[separator]:selected:after:bg-interactive-destructive-foreground!"
-				]
-			},
-			{
-				variant: "subtle",
-				color: "error",
-				className: [
-					"bg-interactive-subtle-destructive-background border-interactive-subtle-destructive-background text-interactive-subtle-destructive-foreground",
-					"not-data-[selected]:hover:border-state-interactive-subtle-destructive-background/hover not-data-[selected]:hover:bg-state-interactive-subtle-destructive-background/hover not-data-[selected]:hover:text-state-interactive-subtle-destructive-foreground/hover",
-					"not-data-[selected]:pressed:border-state-interactive-subtle-destructive-background/pressed not-data-[selected]:pressed:bg-state-interactive-subtle-destructive-background/pressed not-data-[selected]:pressed:text-state-interactive-subtle-destructive-foreground/pressed",
-					"not-data-[selected]:disabled:border-state-interactive-subtle-destructive-background/disabled not-data-[selected]:disabled:bg-state-interactive-subtle-destructive-background/disabled not-data-[selected]:disabled:text-state-interactive-subtle-destructive-foreground/disabled",
-					"not-data-[selected]:focus-visible:border-state-interactive-subtle-destructive-background/focus not-data-[selected]:focus-visible:bg-state-interactive-subtle-destructive-background/focus not-data-[selected]:focus-visible:text-state-interactive-subtle-destructive-foreground/focus",
-					"focus-visible:outline-interactive-ring",
-					"selected:bg-state-interactive-destructive-background/toggled selected:border-state-interactive-destructive-background/toggled selected:text-interactive-destructive-foreground",
-					"selected:hover:bg-state-interactive-destructive-background/toggled-hovered selected:hover:border-state-interactive-destructive-background/toggled-hovered selected:hover:text-interactive-destructive-foreground",
-					"selected:disabled:bg-state-interactive-destructive-background/toggled-disabled selected:disabled:border-state-interactive-destructive-background/toggled-disabled selected:disabled:text-interactive-destructive-foreground/40",
-					"group-data-[split]/split:data-[separator]:after:bg-interactive-subtle-destructive-foreground! group-data-[split]/split:data-[separator]:selected:after:bg-interactive-destructive-foreground!"
-				]
-			},
-			{
-				variant: "ghost",
-				color: "error",
-				className: [
-					"bg-support-transparent-outline border-support-transparent-outline text-interactive-subtle-destructive-foreground",
-					"not-data-[selected]:hover:border-state-interactive-subtle-destructive-background/hover not-data-[selected]:hover:bg-state-interactive-subtle-destructive-background/hover not-data-[selected]:hover:text-state-interactive-subtle-destructive-foreground/hover",
-					"not-data-[selected]:pressed:border-state-interactive-subtle-destructive-background/pressed not-data-[selected]:pressed:bg-state-interactive-subtle-destructive-background/pressed not-data-[selected]:pressed:text-state-interactive-subtle-destructive-foreground/pressed",
-					"not-data-[selected]:disabled:border-state-interactive-subtle-destructive-background/disabled not-data-[selected]:disabled:bg-state-interactive-subtle-destructive-background/disabled not-data-[selected]:disabled:text-state-interactive-subtle-destructive-foreground/disabled",
-					"not-data-[selected]:focus-visible:border-state-interactive-subtle-destructive-background/focus not-data-[selected]:focus-visible:bg-state-interactive-subtle-destructive-background/focus not-data-[selected]:focus-visible:text-state-interactive-subtle-destructive-foreground/focus",
-					"focus-visible:outline-interactive-ring",
-					"selected:bg-state-interactive-destructive-background/toggled selected:border-state-interactive-destructive-background/toggled selected:text-interactive-destructive-foreground",
-					"selected:hover:bg-state-interactive-destructive-background/toggled-hovered selected:hover:border-state-interactive-destructive-background/toggled-hovered selected:hover:text-interactive-destructive-foreground",
-					"selected:disabled:bg-state-interactive-destructive-background/toggled-disabled selected:disabled:border-state-interactive-destructive-background/toggled-disabled selected:disabled:text-interactive-destructive-foreground/40",
-					"group-data-[split]/split:data-[separator]:after:hidden"
-				]
-			},
-			{
-				variant: "text",
-				color: "primary",
-				inverted: false,
-				className: [
-					"bg-support-transparent-outline border-support-transparent-outline",
-					"text-interactive-primary-background",
-					"not-data-[selected]:hover:text-state-interactive-primary-background/hover",
-					"not-data-[selected]:pressed:text-state-interactive-primary-background/pressed",
-					"not-data-[selected]:disabled:text-state-interactive-primary-background/disabled",
-					"not-data-[selected]:focus-visible:text-state-interactive-primary-background/focus",
-					"selected:text-state-interactive-primary-background/toggled",
-					"selected:hover:text-state-interactive-primary-background/toggled-hovered",
-					"selected:disabled:text-state-interactive-primary-background/toggled-disabled",
-					"focus-visible:outline-interactive-ring"
-				]
-			},
-			{
-				variant: "text",
-				color: "secondary",
-				className: [
-					"bg-support-transparent-outline border-support-transparent-outline",
-					"text-interactive-secondary-background",
-					"not-data-[selected]:hover:text-state-interactive-secondary-background/hover",
-					"not-data-[selected]:pressed:text-state-interactive-secondary-background/pressed",
-					"not-data-[selected]:disabled:text-state-interactive-secondary-background/disabled",
-					"not-data-[selected]:focus-visible:text-state-interactive-secondary-background/focus",
-					"selected:text-state-interactive-secondary-background/toggled",
-					"selected:hover:text-state-interactive-secondary-background/toggled-hovered",
-					"selected:disabled:text-state-interactive-secondary-background/toggled-disabled",
-					"focus-visible:outline-interactive-ring"
-				]
-			},
-			{
-				variant: "text",
-				color: "error",
-				className: [
-					"bg-support-transparent-outline border-support-transparent-outline",
-					"text-interactive-destructive-background",
-					"not-data-[selected]:hover:text-state-interactive-destructive-background/hover",
-					"not-data-[selected]:pressed:text-state-interactive-destructive-background/pressed",
-					"not-data-[selected]:disabled:text-state-interactive-destructive-background/disabled",
-					"not-data-[selected]:focus-visible:text-state-interactive-destructive-background/focus",
-					"selected:text-state-interactive-destructive-background/toggled",
-					"selected:hover:text-state-interactive-destructive-background/toggled-hovered",
-					"selected:disabled:text-state-interactive-destructive-background/toggled-disabled",
-					"focus-visible:outline-interactive-ring"
-				]
-			},
-			{
-				variant: "text",
-				color: "primary",
-				inverted: true,
-				className: [
-					"bg-support-transparent-outline border-support-transparent-outline",
-					"text-interactive-primary-foreground",
-					"not-data-[selected]:hover:text-state-interactive-primary-foreground/hover",
-					"not-data-[selected]:pressed:text-state-interactive-primary-foreground/pressed",
-					"not-data-[selected]:disabled:text-state-interactive-primary-foreground/disabled",
-					"not-data-[selected]:focus-visible:text-state-interactive-primary-foreground/focus",
-					"selected:text-state-interactive-primary-foreground/toggled",
-					"selected:hover:text-state-interactive-primary-foreground/toggled-hovered",
-					"selected:disabled:text-state-interactive-primary-foreground/toggled-disabled",
-					"focus-visible:outline-interactive-ring"
-				]
-			},
-			{
-				variant: "text",
-				color: "dual",
-				className: [
-					"bg-support-transparent-outline border-support-transparent-outline",
-					"text-interactive-primary-background",
-					"[&_svg]:text-interactive-secondary-background",
-					"not-data-[selected]:hover:text-state-interactive-primary-background/hover not-data-[selected]:hover:[&_svg]:text-state-interactive-secondary-background/hover",
-					"not-data-[selected]:pressed:text-state-interactive-primary-background/pressed not-data-[selected]:pressed:[&_svg]:text-state-interactive-secondary-background/pressed",
-					"not-data-[selected]:disabled:text-state-interactive-primary-background/disabled not-data-[selected]:disabled:[&_svg]:text-state-interactive-secondary-background/disabled",
-					"not-data-[selected]:focus-visible:text-state-interactive-primary-background/focus not-data-[selected]:focus-visible:[&_svg]:text-state-interactive-secondary-background/focus",
-					"selected:text-state-interactive-primary-background/toggled selected:[&_svg]:text-state-interactive-secondary-background/toggled",
-					"selected:hover:text-state-interactive-primary-background/toggled-hovered selected:hover:[&_svg]:text-state-interactive-secondary-background/toggled-hovered",
-					"selected:disabled:text-state-interactive-primary-background/toggled-disabled selected:disabled:[&_svg]:text-state-interactive-secondary-background/toggled-disabled",
-					"focus-visible:outline-interactive-ring"
-				]
-			}
-		],
-		defaultVariants: {
-			width: "hug",
-			color: "primary",
-			variant: "contained",
-			inverted: false
-		}
-	}
-});
-const buttonSizeDefinition = UIOverrides.defineConfig({
-	base: [],
-	config: {
-		variants: {
-			size: {
-				s: "rounded-button-rounding-small",
-				sm: "rounded-button-rounding-small",
-				default: "rounded-button-rounding-default",
-				none: "p-0"
-			},
-			iconOnly: {
-				true: "",
-				false: ""
-			}
-		},
-		compoundVariants: [
-			{
-				size: ["s", "sm"],
-				iconOnly: false,
-				className: "px-button-side-small py-button-height-small"
-			},
-			{
-				size: "default",
-				iconOnly: false,
-				className: "px-button-side-default py-button-height-default"
-			},
-			{
-				size: ["s", "sm"],
-				iconOnly: true,
-				className: "p-button-height-small"
-			},
-			{
-				size: "default",
-				iconOnly: true,
-				className: "p-button-height-default"
-			}
-		],
-		defaultVariants: {
-			size: "default",
-			iconOnly: false
-		}
-	}
-});
-const buttonContentDefinition = UIOverrides.defineConfig({
-	base: [],
-	config: {
-		variants: {
-			size: {
-				s: "gap-button-gap-icon-to-label",
-				sm: "gap-button-gap-icon-to-label",
-				default: "gap-button-gap-icon-to-label",
-				none: "gap-button-gap-icon-to-label"
-			},
-			iconPosition: {
-				left: "",
-				right: "",
-				none: ""
-			},
-			iconOnly: {
-				true: "",
-				false: ""
-			}
-		},
-		defaultVariants: {
-			size: "default",
-			iconPosition: "left",
-			iconOnly: false
-		}
-	}
-});
-const buttonIconSizeDefinition = UIOverrides.defineConfig({
-	base: [],
-	config: {
-		variants: { size: {
-			s: "size-icons-size",
-			sm: "size-icons-size",
-			default: "size-icons-size",
-			none: "size-icons-size"
-		} },
-		defaultVariants: { size: "default" }
-	}
-});
-const buttonTypography = compoundMapper({ default: {
-	size: "large",
-	className: "font-bold"
-} });
-//#endregion
-//#region src/components/buttons/Button/Button.tsx
-const getContentIconPosition = ({ icon, startIcon, endIcon, iconPosition }) => {
-	if (startIcon || !endIcon && icon && iconPosition !== "right") return "left";
-	if (endIcon || icon) return "right";
-	return "none";
-};
-const Button = ({ icon: Icon, startIcon, endIcon, iconPosition, children, isLoading: isLoadingProp, loading, className, link, iconClassName, noDisableWhenLoading, disableWhileLoading, contentRef, variant: variantProp, size: sizeProp, width: widthProp, fullWidth, ...props }) => {
-	const linkContext = LinkContext.useLinkContext();
-	const uiConfig = UIConfig.useConfig();
-	const variant = variantProp ?? uiConfig.button.variant;
-	const size = sizeProp ?? uiConfig.button.size;
-	const width = fullWidth ? "fill" : widthProp;
-	const isLoading = isLoadingProp ?? loading;
-	const shouldDisableWhileLoading = disableWhileLoading ?? !noDisableWhenLoading;
-	const contentIconPosition = getContentIconPosition({
-		icon: Icon,
-		startIcon,
-		endIcon,
-		iconPosition
-	});
-	const buttonCva = UIOverrides.useCva("button.cva", buttonDefinition);
-	const buttonSizeCva = UIOverrides.useCva("button.sizeCva", buttonSizeDefinition);
-	const buttonContentCva = UIOverrides.useCva("button.contentCva", buttonContentDefinition);
-	const buttonIconSizeCva = UIOverrides.useCva("button.iconSize", buttonIconSizeDefinition);
-	const typographyMap = UIOverrides.useMapper("button.typography", buttonTypography);
-	const Component = (() => {
-		if (link) return linkContext?.LinkComponent ?? $984a1fc08f87e4f3$export$a6c7ac8248d6e38a;
-		if (props.toggle != null) return $75afe627ae0cc0fa$export$d2b052e7b4be1756;
-		return $7705c033048f6da7$export$353f5b6fc5456de1;
-	})();
-	if (link && !link.to && link.href) link.to = link.href;
-	return /* @__PURE__ */ jsx(Component, {
-		...props,
-		...link,
-		isDisabled: props.isDisabled || isLoading && shouldDisableWhileLoading,
-		className: clsx(buttonCva({
-			...props,
-			variant,
-			size,
-			width,
-			className
-		}), buttonSizeCva({
-			...props,
-			variant,
-			size
-		}), buttonContentCva({
-			...props,
-			variant,
-			size,
-			iconPosition: contentIconPosition
-		})),
-		children: /* @__PURE__ */ jsx(ButtonContent, {
-			ref: contentRef,
-			isLoading,
-			icon: Icon,
-			startIcon,
-			endIcon,
-			content: children,
-			hideText: props.iconOnly,
-			iconPosition,
-			iconClassName: buttonIconSizeCva({
-				...props,
-				variant,
-				size,
-				className: iconClassName
-			}),
-			typography: typographyMap({
-				...props,
-				variant,
-				size
-			})
-		})
-	});
-};
-//#endregion
-export { buttonSizeDefinition as a, buttonIconSizeDefinition as i, buttonContentDefinition as n, buttonDefinition as r, Button as t };

package/dist/Button-D-4qb0IR.d.ts

@@ -1,42 +0,0 @@
-import { n as LinkNavigationProps } from "./Link-Ow9H7kNv.js";
-import { n as ButtonVariantProps } from "./button.cva-C7kEhgoA.js";
-import { t as ButtonContentVariantProps } from "./buttonContent.cva-DPIlROA9.js";
-import { FC, ReactElement, ReactNode, Ref, SVGProps } from "react";
-import { ButtonProps as ButtonProps$2, ToggleButtonProps as ToggleButtonProps$2 } 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;
-});
-type ToggleButtonProps$1 = {
-  toggle?: false;
-} | ({
-  toggle: true;
-  isSelected?: boolean;
-} & ToggleButtonProps$2);
-type ButtonAppearanceProps = Omit<ButtonVariantProps, "width"> & {
-  /** Standard boolean alternative to `width="fill"`. */
-  fullWidth?: boolean;
-  width?: ButtonVariantProps["width"];
-};
-type ButtonProps$1<IconOnly extends boolean = false> = ButtonAppearanceProps & Omit<ButtonContentVariantProps, "size"> & ButtonProps$2 & ButtonIconProps<IconOnly> & ToggleButtonProps$1 & {
-  children: ReactNode;
-  isLoading?: boolean;
-  /** Standard alias for `isLoading`. */
-  loading?: boolean;
-  link?: LinkNavigationProps;
-  /** Prefer this positive form over `noDisableWhenLoading`. */
-  disableWhileLoading?: boolean;
-  noDisableWhenLoading?: boolean;
-  iconClassName?: string;
-  contentRef?: Ref<HTMLElement>;
-  /** Standard icon placement props. `icon` and `iconPosition` remain supported. */
-  startIcon?: FC<SVGProps<SVGSVGElement>> | ReactElement;
-  endIcon?: FC<SVGProps<SVGSVGElement>> | ReactElement;
-};
-declare const Button: <IconOnly extends boolean = false>({ icon: Icon, startIcon, endIcon, iconPosition, children, isLoading: isLoadingProp, loading, className, link, iconClassName, noDisableWhenLoading, disableWhileLoading, contentRef, variant: variantProp, size: sizeProp, width: widthProp, fullWidth, ...props }: ButtonProps$1<IconOnly>) => import("react").JSX.Element;
-//#endregion
-export { ButtonProps$2 as a, ButtonProps$1 as i, ButtonAppearanceProps as n, ButtonIconProps as r, Button as t };