beez-ui 2.5.0 → 2.6.1

package/dist/constants/calendar.js

@@ -0,0 +1,22 @@
+/** Tuning of `Calendar`, adapted from Arc's calendar (https://uiarc.dev, MIT License, see THIRD_PARTY_NOTICES.md). */
+/** Spring of a month sliding in: Arc's month strip, critically damped so it never overshoots or queues. */
+export const CALENDAR_MONTH_SPRING = {
+	type: "spring",
+	visualDuration: .36,
+	bounce: 0,
+	restDelta: .002
+};
+/** Opacity a month starts from while it slides in, matching Arc's neighbouring pane one step off the strip. */
+export const CALENDAR_MONTH_ENTER_OPACITY = .4;
+/** Scale the selected disc grows from when the selection enters a month. */
+export const CALENDAR_SELECTION_ENTER_SCALE = .6;
+/** Duration, in seconds, of the selected disc fading out when the selection leaves a month. */
+export const CALENDAR_SELECTION_EXIT_DURATION_S = .14;
+/** Day button that holds a single selection, the only one the gliding disc follows. */
+export const CALENDAR_SELECTED_DAY_SELECTOR = "[data-selected-single=\"true\"]";
+/** Attribute the month sets while its disc paints the selection, so the selected day drops its own fill. */
+export const CALENDAR_SELECTION_DISC_ATTRIBUTE = "data-selection-disc";
+/** Default copy of the optional Today button. */
+export const CALENDAR_COPY = { today: "Hoy" };
+/** Months in a year, to compare dates by calendar month. */
+export const CALENDAR_MONTHS_PER_YEAR = 12;

package/dist/constants/carousel.d.ts

@@ -0,0 +1,37 @@
+/** Tuning of `Carousel`, adapted from Arc's carousel (https://uiarc.dev, MIT License, see THIRD_PARTY_NOTICES.md). */
+/** Orientation of the slide track; vertical carousels move with the up and down arrows. */
+export type CarouselOrientation = "horizontal" | "vertical";
+/** Arrow keys that move to the previous and next slide along each axis. */
+export declare const CAROUSEL_KEYS: {
+    readonly horizontal: {
+        readonly previous: "ArrowLeft";
+        readonly next: "ArrowRight";
+    };
+    readonly vertical: {
+        readonly previous: "ArrowUp";
+        readonly next: "ArrowDown";
+    };
+};
+/** Keys that jump to the first and the last slide, as in Arc. */
+export declare const CAROUSEL_EDGE_KEYS: {
+    readonly first: "Home";
+    readonly last: "End";
+};
+/**
+ * Focused elements, and composite widgets around them, that own their arrow, Home and End keys instead of moving the
+ * carousel: text entry plus the ARIA widgets with their own keyboard navigation.
+ */
+export declare const CAROUSEL_OWN_KEYBOARD_SELECTOR: string;
+/** Length, in px, of a resting indicator dot and of the active pill it stretches into. */
+export declare const CAROUSEL_INDICATOR_LENGTH_PX: {
+    readonly dot: 6;
+    readonly pill: 22;
+};
+/** Default copy of the slide indicators. */
+export declare const CAROUSEL_COPY: {
+    readonly indicatorsLabel: "Elegir una diapositiva";
+    readonly slideLabelPrefix: "Diapositiva";
+    readonly slideLabelSeparator: "de";
+};
+/** Root of a carousel; a nested carousel owns the keys pressed inside it. */
+export declare const CAROUSEL_ROOT_SELECTOR = "[data-slot=\"carousel\"]";

package/dist/constants/carousel.js

@@ -0,0 +1,53 @@
+/** Arrow keys that move to the previous and next slide along each axis. */
+export const CAROUSEL_KEYS = {
+	horizontal: {
+		previous: "ArrowLeft",
+		next: "ArrowRight"
+	},
+	vertical: {
+		previous: "ArrowUp",
+		next: "ArrowDown"
+	}
+};
+/** Keys that jump to the first and the last slide, as in Arc. */
+export const CAROUSEL_EDGE_KEYS = {
+	first: "Home",
+	last: "End"
+};
+/**
+* Focused elements, and composite widgets around them, that own their arrow, Home and End keys instead of moving the
+* carousel: text entry plus the ARIA widgets with their own keyboard navigation.
+*/
+export const CAROUSEL_OWN_KEYBOARD_SELECTOR = [
+	"input",
+	"textarea",
+	"select",
+	"[contenteditable]:not([contenteditable=false])",
+	...[
+		"combobox",
+		"grid",
+		"listbox",
+		"menu",
+		"menubar",
+		"radiogroup",
+		"slider",
+		"spinbutton",
+		"tablist",
+		"toolbar",
+		"tree",
+		"treegrid"
+	].map((role) => `[role=${role}]`)
+].join(", ");
+/** Length, in px, of a resting indicator dot and of the active pill it stretches into. */
+export const CAROUSEL_INDICATOR_LENGTH_PX = {
+	dot: 6,
+	pill: 22
+};
+/** Default copy of the slide indicators. */
+export const CAROUSEL_COPY = {
+	indicatorsLabel: "Elegir una diapositiva",
+	slideLabelPrefix: "Diapositiva",
+	slideLabelSeparator: "de"
+};
+/** Root of a carousel; a nested carousel owns the keys pressed inside it. */
+export const CAROUSEL_ROOT_SELECTOR = "[data-slot=\"carousel\"]";

package/dist/constants/checkbox.d.ts

@@ -0,0 +1,17 @@
+/** Tuning of Arc's Checkbox mark, adapted from Arc (https://uiarc.dev, MIT License, see THIRD_PARTY_NOTICES.md). */
+/**
+ * The check and the dash share three points, so the mark morphs from one into the other instead of swapping. Both
+ * are drawn in the 18 by 18 view box of `CHECKBOX_MARK_VIEW_BOX`.
+ */
+export declare const CHECKBOX_MARK_PATH: {
+    readonly check: "M4.25 9.25 L7.25 12.25 L13.75 5.75";
+    readonly dash: "M4.75 9 L9 9 L13.25 9";
+};
+/** View box of the mark, matching the 18px square it is drawn on. */
+export declare const CHECKBOX_MARK_VIEW_BOX = "0 0 18 18";
+/** Stroke width of the mark, in view box units. */
+export declare const CHECKBOX_MARK_STROKE_WIDTH = 1.75;
+/** Scale the fill starts from when the box is checked and shrinks back to when it is cleared. */
+export declare const CHECKBOX_FILL_HIDDEN_SCALE = 0.6;
+/** Suffix of the id that ties the helper copy to the control through `aria-describedby`. */
+export declare const CHECKBOX_DESCRIPTION_ID_SUFFIX = "description";

package/dist/constants/checkbox.js

@@ -0,0 +1,17 @@
+/** Tuning of Arc's Checkbox mark, adapted from Arc (https://uiarc.dev, MIT License, see THIRD_PARTY_NOTICES.md). */
+/**
+* The check and the dash share three points, so the mark morphs from one into the other instead of swapping. Both
+* are drawn in the 18 by 18 view box of `CHECKBOX_MARK_VIEW_BOX`.
+*/
+export const CHECKBOX_MARK_PATH = {
+	check: "M4.25 9.25 L7.25 12.25 L13.75 5.75",
+	dash: "M4.75 9 L9 9 L13.25 9"
+};
+/** View box of the mark, matching the 18px square it is drawn on. */
+export const CHECKBOX_MARK_VIEW_BOX = "0 0 18 18";
+/** Stroke width of the mark, in view box units. */
+export const CHECKBOX_MARK_STROKE_WIDTH = 1.75;
+/** Scale the fill starts from when the box is checked and shrinks back to when it is cleared. */
+export const CHECKBOX_FILL_HIDDEN_SCALE = .6;
+/** Suffix of the id that ties the helper copy to the control through `aria-describedby`. */
+export const CHECKBOX_DESCRIPTION_ID_SUFFIX = "description";

package/dist/constants/dialog.d.ts

@@ -0,0 +1,6 @@
+/** Tuning shared by the Arc surfaces of `Dialog` and `AlertDialog`. */
+/** Vertical offsets, in em, of a changed title or description rising in and lifting out while the dialog is open. */
+export declare const DIALOG_TEXT_SWAP_OFFSET_EM: {
+    readonly enter: 0.3;
+    readonly exit: -0.3;
+};

package/dist/constants/dialog.js

@@ -0,0 +1,6 @@
+/** Tuning shared by the Arc surfaces of `Dialog` and `AlertDialog`. */
+/** Vertical offsets, in em, of a changed title or description rising in and lifting out while the dialog is open. */
+export const DIALOG_TEXT_SWAP_OFFSET_EM = {
+	enter: .3,
+	exit: -.3
+};

package/dist/constants/dropdown-menu.d.ts

@@ -0,0 +1,5 @@
+/** Placement defaults of `DropdownMenuContent` and `DropdownMenuSubContent`, taken from Arc's Dropdown menu. */
+/** Gap, in pixels, between the trigger and the menu. */
+export declare const DROPDOWN_MENU_SIDE_OFFSET_PX = 6;
+/** Minimum distance, in pixels, a menu or submenu keeps from the viewport edges. */
+export declare const DROPDOWN_MENU_COLLISION_PADDING_PX = 12;

package/dist/constants/dropdown-menu.js

@@ -0,0 +1,5 @@
+/** Placement defaults of `DropdownMenuContent` and `DropdownMenuSubContent`, taken from Arc's Dropdown menu. */
+/** Gap, in pixels, between the trigger and the menu. */
+export const DROPDOWN_MENU_SIDE_OFFSET_PX = 6;
+/** Minimum distance, in pixels, a menu or submenu keeps from the viewport edges. */
+export const DROPDOWN_MENU_COLLISION_PADDING_PX = 12;

package/dist/constants/hover-card.d.ts

@@ -0,0 +1,37 @@
+import type { ArcFloatingMotion } from "../motion/arc-floating-slot.js";
+/** Milliseconds of hover before the first card opens. */
+export declare const HOVER_CARD_OPEN_DELAY_MS = 500;
+/** Milliseconds of grace after the pointer leaves, so it can travel into the card. */
+export declare const HOVER_CARD_CLOSE_DELAY_MS = 140;
+/** Moving to another trigger within this many milliseconds of a card closing opens the next one almost at once. */
+export declare const HOVER_CARD_SKIP_WINDOW_MS = 300;
+/**
+ * Even warm, a trigger waits this many milliseconds, so a pointer crossing it on the way into an open card does not
+ * steal the card.
+ */
+export declare const HOVER_CARD_WARM_OPEN_DELAY_MS = 80;
+/** Gap, in px, between the card and its trigger. */
+export declare const HOVER_CARD_SIDE_OFFSET_PX = 8;
+/** Distance, in px, the card keeps from the viewport edges before it flips or shifts. */
+export declare const HOVER_CARD_COLLISION_PADDING_PX = 12;
+/** Delay, in seconds, before the first row of `HoverCardProfile` settles in. */
+export declare const HOVER_CARD_PROFILE_SETTLE_DELAY_S = 0.04;
+/** Stagger, in seconds, between the rows of `HoverCardProfile`. */
+export declare const HOVER_CARD_PROFILE_STAGGER_S = 0.035;
+/** Distance, in px, each row of `HoverCardProfile` rises while it settles in. */
+export declare const HOVER_CARD_PROFILE_SETTLE_DISTANCE_PX = 4;
+/** Rows of `HoverCardProfile`, in the order they settle in. */
+export declare const HOVER_CARD_PROFILE_ROW_ORDER: {
+    readonly head: 0;
+    readonly bio: 1;
+    readonly stats: 2;
+    readonly meta: 3;
+};
+/** Initials shown in place of a missing portrait: the first letter of up to this many words of the name. */
+export declare const HOVER_CARD_PROFILE_INITIALS_LENGTH = 2;
+/** Side, in px, of the square portrait of `HoverCardProfile`. */
+export declare const HOVER_CARD_PROFILE_PORTRAIT_SIZE_PX = 48;
+/** The card grows from the trigger edge: 4px of travel and a .96 scale on one smooth spring, with a leading fade. */
+export declare const HOVER_CARD_MOTION: ArcFloatingMotion;
+/** Within the skip window the next card opens in place and only fades. */
+export declare const HOVER_CARD_INSTANT_MOTION: ArcFloatingMotion;

package/dist/constants/hover-card.js

@@ -0,0 +1,85 @@
+import { ARC_DURATION, ARC_EASE, ARC_SPRING_SMOOTH } from "../motion/arc-tokens.js";
+/** Milliseconds of hover before the first card opens. */
+export const HOVER_CARD_OPEN_DELAY_MS = 500;
+/** Milliseconds of grace after the pointer leaves, so it can travel into the card. */
+export const HOVER_CARD_CLOSE_DELAY_MS = 140;
+/** Moving to another trigger within this many milliseconds of a card closing opens the next one almost at once. */
+export const HOVER_CARD_SKIP_WINDOW_MS = 300;
+/**
+* Even warm, a trigger waits this many milliseconds, so a pointer crossing it on the way into an open card does not
+* steal the card.
+*/
+export const HOVER_CARD_WARM_OPEN_DELAY_MS = 80;
+/** Gap, in px, between the card and its trigger. */
+export const HOVER_CARD_SIDE_OFFSET_PX = 8;
+/** Distance, in px, the card keeps from the viewport edges before it flips or shifts. */
+export const HOVER_CARD_COLLISION_PADDING_PX = 12;
+/** Delay, in seconds, before the first row of `HoverCardProfile` settles in. */
+export const HOVER_CARD_PROFILE_SETTLE_DELAY_S = .04;
+/** Stagger, in seconds, between the rows of `HoverCardProfile`. */
+export const HOVER_CARD_PROFILE_STAGGER_S = .035;
+/** Distance, in px, each row of `HoverCardProfile` rises while it settles in. */
+export const HOVER_CARD_PROFILE_SETTLE_DISTANCE_PX = 4;
+/** Rows of `HoverCardProfile`, in the order they settle in. */
+export const HOVER_CARD_PROFILE_ROW_ORDER = {
+	head: 0,
+	bio: 1,
+	stats: 2,
+	meta: 3
+};
+/** Initials shown in place of a missing portrait: the first letter of up to this many words of the name. */
+export const HOVER_CARD_PROFILE_INITIALS_LENGTH = 2;
+/** Side, in px, of the square portrait of `HoverCardProfile`. */
+export const HOVER_CARD_PROFILE_PORTRAIT_SIZE_PX = 48;
+const exitTween = {
+	duration: .12,
+	ease: [...ARC_EASE.standard]
+};
+/** The card grows from the trigger edge: 4px of travel and a .96 scale on one smooth spring, with a leading fade. */
+export const HOVER_CARD_MOTION = {
+	enterFrom: {
+		travel: 4,
+		scale: .96,
+		opacity: 0
+	},
+	enter: {
+		transform: ARC_SPRING_SMOOTH,
+		opacity: {
+			duration: ARC_DURATION.fast,
+			ease: [...ARC_EASE.enter]
+		}
+	},
+	exitTo: {
+		travel: 4,
+		scale: .96,
+		opacity: 0
+	},
+	exit: {
+		transform: exitTween,
+		opacity: exitTween
+	}
+};
+/** Within the skip window the next card opens in place and only fades. */
+export const HOVER_CARD_INSTANT_MOTION = {
+	enterFrom: {
+		travel: 0,
+		scale: 1,
+		opacity: 0
+	},
+	enter: {
+		transform: {
+			duration: .14,
+			ease: [...ARC_EASE.enter]
+		},
+		opacity: {
+			duration: .09,
+			ease: [...ARC_EASE.enter]
+		}
+	},
+	exitTo: {
+		travel: 0,
+		scale: 1,
+		opacity: 0
+	},
+	exit: HOVER_CARD_MOTION.exit
+};

package/dist/constants/pagination.d.ts

@@ -0,0 +1,9 @@
+/** Default Spanish copy of Pagination; every value can be overridden through props. */
+export declare const PAGINATION_DEFAULT_COPY: {
+    readonly navigationLabel: "Paginación";
+    readonly previousText: "Anterior";
+    readonly nextText: "Siguiente";
+    readonly previousLabel: "Ir a la página anterior";
+    readonly nextLabel: "Ir a la página siguiente";
+    readonly morePages: "Más páginas";
+};

package/dist/constants/pagination.js

@@ -0,0 +1,9 @@
+/** Default Spanish copy of Pagination; every value can be overridden through props. */
+export const PAGINATION_DEFAULT_COPY = {
+	navigationLabel: "Paginación",
+	previousText: "Anterior",
+	nextText: "Siguiente",
+	previousLabel: "Ir a la página anterior",
+	nextLabel: "Ir a la página siguiente",
+	morePages: "Más páginas"
+};

package/dist/constants/popover.d.ts

@@ -0,0 +1,7 @@
+import type { ArcFloatingMotion } from "../motion/arc-floating-slot.js";
+/** Gap, in px, between the panel and its trigger. */
+export declare const POPOVER_SIDE_OFFSET_PX = 6;
+/** Distance, in px, the panel keeps from the viewport edges before it flips or shifts. */
+export declare const POPOVER_COLLISION_PADDING_PX = 10;
+/** The panel starts 5px toward its trigger at .97, settles on a spring, and leaves faster than it arrives. */
+export declare const POPOVER_MOTION: ArcFloatingMotion;

package/dist/constants/popover.js

@@ -0,0 +1,39 @@
+import { ARC_DURATION, ARC_EASE } from "../motion/arc-tokens.js";
+/** Gap, in px, between the panel and its trigger. */
+export const POPOVER_SIDE_OFFSET_PX = 6;
+/** Distance, in px, the panel keeps from the viewport edges before it flips or shifts. */
+export const POPOVER_COLLISION_PADDING_PX = 10;
+/** Arc's CSS spring (`--ease-spring`, bounce .15) as a Motion spring: the panel settles with a gentle overshoot. */
+const POPOVER_SETTLE_SPRING = {
+	type: "spring",
+	visualDuration: .34,
+	bounce: .15
+};
+const exitTween = {
+	duration: ARC_DURATION.fast,
+	ease: [...ARC_EASE.standard]
+};
+/** The panel starts 5px toward its trigger at .97, settles on a spring, and leaves faster than it arrives. */
+export const POPOVER_MOTION = {
+	enterFrom: {
+		travel: 5,
+		scale: .97,
+		opacity: 0
+	},
+	enter: {
+		transform: POPOVER_SETTLE_SPRING,
+		opacity: {
+			duration: ARC_DURATION.fast,
+			ease: [...ARC_EASE.enter]
+		}
+	},
+	exitTo: {
+		travel: 2.5,
+		scale: .98,
+		opacity: 0
+	},
+	exit: {
+		transform: exitTween,
+		opacity: exitTween
+	}
+};

package/dist/constants/radio-group.d.ts

@@ -0,0 +1,10 @@
+/** Tuning of Arc's RadioGroup, adapted from Arc (https://uiarc.dev, MIT License, see THIRD_PARTY_NOTICES.md). */
+/** Scale the dot shrinks to when its option is cleared, and springs up from when it is chosen. */
+export declare const RADIO_GROUP_DOT_HIDDEN_SCALE = 0.4;
+/** Attribute the group sets once its highlight is placed, which drops the static fallback look of the checked row. */
+export declare const RADIO_GROUP_READY_ATTRIBUTE = "data-ready";
+/** Suffixes of the ids that tie an option row's copy to its radio. */
+export declare const RADIO_GROUP_OPTION_ID_SUFFIX: {
+    readonly label: "label";
+    readonly description: "description";
+};

package/dist/constants/radio-group.js

@@ -0,0 +1,10 @@
+/** Tuning of Arc's RadioGroup, adapted from Arc (https://uiarc.dev, MIT License, see THIRD_PARTY_NOTICES.md). */
+/** Scale the dot shrinks to when its option is cleared, and springs up from when it is chosen. */
+export const RADIO_GROUP_DOT_HIDDEN_SCALE = .4;
+/** Attribute the group sets once its highlight is placed, which drops the static fallback look of the checked row. */
+export const RADIO_GROUP_READY_ATTRIBUTE = "data-ready";
+/** Suffixes of the ids that tie an option row's copy to its radio. */
+export const RADIO_GROUP_OPTION_ID_SUFFIX = {
+	label: "label",
+	description: "description"
+};

package/dist/constants/select.d.ts

@@ -0,0 +1,3 @@
+/** Placement defaults of `SelectContent`, taken from Arc's Select. */
+/** Minimum distance, in pixels, a `position="popper"` list keeps from the viewport edges. */
+export declare const SELECT_COLLISION_PADDING_PX = 12;

package/dist/constants/select.js

@@ -0,0 +1,3 @@
+/** Placement defaults of `SelectContent`, taken from Arc's Select. */
+/** Minimum distance, in pixels, a `position="popper"` list keeps from the viewport edges. */
+export const SELECT_COLLISION_PADDING_PX = 12;

package/dist/constants/skeleton.d.ts

@@ -0,0 +1,17 @@
+/** Defaults and tuning of Arc's Skeleton placeholder. */
+/** Default Spanish label announced while the composed placeholder is busy. */
+export declare const SKELETON_DEFAULT_LABEL = "Cargando contenido";
+/** Text lines the composed placeholder draws when `lines` is not set. */
+export declare const SKELETON_DEFAULT_LINES = 3;
+/** Bounds of `lines`, so a placeholder never collapses or turns into a wall of bars. */
+export declare const SKELETON_LINE_LIMITS: {
+    readonly min: 1;
+    readonly max: 6;
+};
+/**
+ * After loading flips, resizes inside this window spring to the new height; later resizes (a font swap, a parent
+ * reflow) follow at once.
+ */
+export declare const SKELETON_MORPH_WINDOW_MS = 120;
+/** Vertical travel, in pixels, of revealed content rising into place. */
+export declare const SKELETON_REVEAL_OFFSET_PX = 4;

package/dist/constants/skeleton.js

@@ -0,0 +1,17 @@
+/** Defaults and tuning of Arc's Skeleton placeholder. */
+/** Default Spanish label announced while the composed placeholder is busy. */
+export const SKELETON_DEFAULT_LABEL = "Cargando contenido";
+/** Text lines the composed placeholder draws when `lines` is not set. */
+export const SKELETON_DEFAULT_LINES = 3;
+/** Bounds of `lines`, so a placeholder never collapses or turns into a wall of bars. */
+export const SKELETON_LINE_LIMITS = {
+	min: 1,
+	max: 6
+};
+/**
+* After loading flips, resizes inside this window spring to the new height; later resizes (a font swap, a parent
+* reflow) follow at once.
+*/
+export const SKELETON_MORPH_WINDOW_MS = 120;
+/** Vertical travel, in pixels, of revealed content rising into place. */
+export const SKELETON_REVEAL_OFFSET_PX = 4;

package/dist/constants/switch.d.ts

@@ -0,0 +1,44 @@
+/** Tuning of Arc's Switch thumb, adapted from Arc (https://uiarc.dev, MIT License, see THIRD_PARTY_NOTICES.md). */
+/** Sizes the switch accepts; `default` is Arc's 42 by 24 track and `sm` a compact one for dense rows. */
+export type SwitchSize = "default" | "sm";
+/**
+ * Thumb geometry per size, in pixels: its resting width and how far it travels, which is the track's inner width
+ * minus the thumb. Keep in sync with the track and thumb sizes in `switch.tsx`.
+ */
+export declare const SWITCH_THUMB_GEOMETRY_PX: {
+    readonly default: {
+        readonly size: 18;
+        readonly travel: 18;
+    };
+    readonly sm: {
+        readonly size: 14;
+        readonly travel: 14;
+    };
+};
+/** How far, in pixels, the thumb widens toward the other side while it is held down. */
+export declare const SWITCH_PRESS_STRETCH_PX: {
+    readonly default: 5;
+    readonly sm: 4;
+};
+/** Critically damped glide: the thumb lands on its end without overshooting the state it reports. */
+export declare const SWITCH_THUMB_GLIDE_SPRING: {
+    readonly type: "spring";
+    readonly visualDuration: 0.3;
+    readonly bounce: 0;
+};
+/**
+ * Brief horizontal stretch played when the state changes without a press (a controlled update or a label click), so
+ * the thumb reads as moving mass rather than a sliding dot.
+ */
+export declare const SWITCH_CHANGE_STRETCH: {
+    readonly scaleX: readonly [1, 1.16, 1];
+    readonly duration: 0.34;
+    readonly times: readonly [0, 0.4, 1];
+    readonly ease: readonly ["easeOut", "easeInOut"];
+};
+/** Window, in milliseconds, after a pointer or Space release in which a state change counts as caused by that press. */
+export declare const SWITCH_PRESS_RELEASE_WINDOW_MS = 250;
+/** Key that toggles a focused switch and stretches its thumb while held. */
+export declare const SWITCH_TOGGLE_KEY = " ";
+/** Mouse button that presses the switch: the primary one. */
+export declare const SWITCH_PRIMARY_POINTER_BUTTON = 0;

package/dist/constants/switch.js

@@ -0,0 +1,49 @@
+/**
+* Thumb geometry per size, in pixels: its resting width and how far it travels, which is the track's inner width
+* minus the thumb. Keep in sync with the track and thumb sizes in `switch.tsx`.
+*/
+export const SWITCH_THUMB_GEOMETRY_PX = {
+	default: {
+		size: 18,
+		travel: 18
+	},
+	sm: {
+		size: 14,
+		travel: 14
+	}
+};
+/** How far, in pixels, the thumb widens toward the other side while it is held down. */
+export const SWITCH_PRESS_STRETCH_PX = {
+	default: 5,
+	sm: 4
+};
+/** Critically damped glide: the thumb lands on its end without overshooting the state it reports. */
+export const SWITCH_THUMB_GLIDE_SPRING = {
+	type: "spring",
+	visualDuration: .3,
+	bounce: 0
+};
+/**
+* Brief horizontal stretch played when the state changes without a press (a controlled update or a label click), so
+* the thumb reads as moving mass rather than a sliding dot.
+*/
+export const SWITCH_CHANGE_STRETCH = {
+	scaleX: [
+		1,
+		1.16,
+		1
+	],
+	duration: .34,
+	times: [
+		0,
+		.4,
+		1
+	],
+	ease: ["easeOut", "easeInOut"]
+};
+/** Window, in milliseconds, after a pointer or Space release in which a state change counts as caused by that press. */
+export const SWITCH_PRESS_RELEASE_WINDOW_MS = 250;
+/** Key that toggles a focused switch and stretches its thumb while held. */
+export const SWITCH_TOGGLE_KEY = " ";
+/** Mouse button that presses the switch: the primary one. */
+export const SWITCH_PRIMARY_POINTER_BUTTON = 0;

package/dist/constants/tabs.d.ts

@@ -0,0 +1,17 @@
+/** Tuning of Arc's Tabs: directional panel motion, height morph and active-tab reveal. */
+/** Sign of the travel between two tabs: forward when the new tab sits after the previous one. */
+export declare const TABS_DIRECTION: {
+    readonly forward: 1;
+    readonly backward: -1;
+};
+/** Distance, in px, an entering panel slides in from and a leaving panel slides out to. */
+export declare const TABS_PANEL_OFFSET_PX: {
+    readonly enter: 8;
+    readonly exit: 6;
+};
+/** Fade-out, in seconds, of a leaving panel when motion is reduced. */
+export declare const TABS_PANEL_REDUCED_EXIT_DURATION_S = 0.1;
+/** Height differences up to this many px between panels jump instead of morphing. */
+export declare const TABS_PANEL_HEIGHT_TOLERANCE_PX = 1;
+/** Space, in px, kept between a revealed tab and the scrolled list edge: the list padding. */
+export declare const TABS_REVEAL_MARGIN_PX = 4;

package/dist/constants/tabs.js

@@ -0,0 +1,17 @@
+/** Tuning of Arc's Tabs: directional panel motion, height morph and active-tab reveal. */
+/** Sign of the travel between two tabs: forward when the new tab sits after the previous one. */
+export const TABS_DIRECTION = {
+	forward: 1,
+	backward: -1
+};
+/** Distance, in px, an entering panel slides in from and a leaving panel slides out to. */
+export const TABS_PANEL_OFFSET_PX = {
+	enter: 8,
+	exit: 6
+};
+/** Fade-out, in seconds, of a leaving panel when motion is reduced. */
+export const TABS_PANEL_REDUCED_EXIT_DURATION_S = .1;
+/** Height differences up to this many px between panels jump instead of morphing. */
+export const TABS_PANEL_HEIGHT_TOLERANCE_PX = 1;
+/** Space, in px, kept between a revealed tab and the scrolled list edge: the list padding. */
+export const TABS_REVEAL_MARGIN_PX = 4;

package/dist/constants/toast.d.ts

@@ -0,0 +1,3 @@
+/** Contract with the toast layer rendered by `ThemedToaster` (Sonner). */
+/** Selector of the list Sonner renders for each toast position, the outermost element of the toast layer. */
+export declare const TOAST_LAYER_SELECTOR = "[data-sonner-toaster]";

package/dist/constants/toast.js

@@ -0,0 +1,3 @@
+/** Contract with the toast layer rendered by `ThemedToaster` (Sonner). */
+/** Selector of the list Sonner renders for each toast position, the outermost element of the toast layer. */
+export const TOAST_LAYER_SELECTOR = "[data-sonner-toaster]";

package/dist/constants/tooltip.d.ts

@@ -0,0 +1,13 @@
+import type { ArcFloatingMotion } from "../motion/arc-floating-slot.js";
+/** Milliseconds of hover or focus before the first tooltip opens. */
+export declare const TOOLTIP_OPEN_DELAY_MS = 250;
+/** While a tooltip is open, and this many milliseconds after the last one closes, the next opens at once and only fades. */
+export declare const TOOLTIP_SKIP_WINDOW_MS = 300;
+/** Gap, in px, between the bubble and its trigger. */
+export declare const TOOLTIP_SIDE_OFFSET_PX = 8;
+/** Distance, in px, the bubble keeps from the viewport edges before it flips or shifts. */
+export declare const TOOLTIP_COLLISION_PADDING_PX = 12;
+/** The first tooltip rises 3px from its trigger while it scales up from .97. */
+export declare const TOOLTIP_MOTION: ArcFloatingMotion;
+/** Within the skip window the next tooltip only fades in, on the instant timing. */
+export declare const TOOLTIP_INSTANT_MOTION: ArcFloatingMotion;

package/dist/constants/tooltip.js

@@ -0,0 +1,52 @@
+import { ARC_DURATION, ARC_EASE } from "../motion/arc-tokens.js";
+/** Milliseconds of hover or focus before the first tooltip opens. */
+export const TOOLTIP_OPEN_DELAY_MS = 250;
+/** While a tooltip is open, and this many milliseconds after the last one closes, the next opens at once and only fades. */
+export const TOOLTIP_SKIP_WINDOW_MS = 300;
+/** Gap, in px, between the bubble and its trigger. */
+export const TOOLTIP_SIDE_OFFSET_PX = 8;
+/** Distance, in px, the bubble keeps from the viewport edges before it flips or shifts. */
+export const TOOLTIP_COLLISION_PADDING_PX = 12;
+const enterTween = {
+	duration: ARC_DURATION.fast,
+	ease: [...ARC_EASE.enter]
+};
+const instantTween = {
+	duration: ARC_DURATION.instant,
+	ease: [...ARC_EASE.standard]
+};
+/** The first tooltip rises 3px from its trigger while it scales up from .97. */
+export const TOOLTIP_MOTION = {
+	enterFrom: {
+		travel: 3,
+		scale: .97,
+		opacity: 0
+	},
+	enter: {
+		transform: enterTween,
+		opacity: enterTween
+	},
+	exitTo: {
+		travel: 0,
+		scale: .98,
+		opacity: 0
+	},
+	exit: {
+		transform: instantTween,
+		opacity: instantTween
+	}
+};
+/** Within the skip window the next tooltip only fades in, on the instant timing. */
+export const TOOLTIP_INSTANT_MOTION = {
+	enterFrom: {
+		travel: 0,
+		scale: 1,
+		opacity: 0
+	},
+	enter: {
+		transform: instantTween,
+		opacity: instantTween
+	},
+	exitTo: TOOLTIP_MOTION.exitTo,
+	exit: TOOLTIP_MOTION.exit
+};