@nizivo/react 0.1.0 → 0.2.1

package/dist/form/form.client.js

@@ -0,0 +1,127 @@
+"use client";
+import { cx } from "../_internal/cx.js";
+import { mergeProps } from "../contracts/merge-props.js";
+import { renderElement } from "../contracts/render.js";
+import { Alert } from "../alert/alert.js";
+import { useLabels } from "../config/config.client.js";
+import { FormScope } from "../field/field-scope.client.js";
+import { useEffectEvent, useLayoutEffect, useMemo, useRef, useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/form/form.client.tsx
+const NONE = /* @__PURE__ */ new Set();
+function Form({ errors, summary = false, labels: labelsProp, render, className, children, ...rest }) {
+	const labels = useLabels("form", labelsProp);
+	const [edited, setEdited] = useState({
+		for: errors,
+		names: NONE
+	});
+	const hidden = edited.for === errors ? edited.names : NONE;
+	const shown = useMemo(() => {
+		const out = /* @__PURE__ */ new Map();
+		for (const [name, value] of Object.entries(errors ?? {})) {
+			const message = typeof value === "string" ? value : value?.[0];
+			if (message !== void 0 && message !== "" && !hidden.has(name)) out.set(name, message);
+		}
+		return out;
+	}, [errors, hidden]);
+	const form = useRef(null);
+	const summaryRef = useRef(null);
+	const listed = summary && shown.size > 0;
+	const [placed, setPlaced] = useState([]);
+	useLayoutEffect(() => {
+		const element = form.current;
+		if (!listed || element === null) return;
+		const next = [...shown.keys()].map((name) => [name, controlOf(element, name)]).toSorted(([, a], [, b]) => order(a, b)).map(([name, control]) => [name, control?.id || void 0]);
+		setPlaced((previous) => same(previous, next) ? previous : next);
+	}, [listed, shown]);
+	const seen = useRef(errors);
+	const moveFocus = useEffectEvent(() => {
+		const element = form.current;
+		if (element === null || shown.size === 0) return;
+		(summaryRef.current ?? firstInvalid(element))?.focus();
+	});
+	useLayoutEffect(() => {
+		if (seen.current === errors) return;
+		seen.current = errors;
+		moveFocus();
+	}, [errors]);
+	const own = {
+		"data-slot": "form",
+		className: cx("nz-form", className),
+		ref: form,
+		onInput(event) {
+			const { target } = event;
+			const name = "name" in target ? target.name : void 0;
+			if (typeof name === "string" && shown.has(name)) setEdited({
+				for: errors,
+				names: /* @__PURE__ */ new Set([...hidden, name])
+			});
+		}
+	};
+	const rank = new Map(placed.map(([name], index) => [name, index]));
+	const ids = new Map(placed);
+	const items = [...shown].toSorted(([a], [b]) => (rank.get(a) ?? rank.size) - (rank.get(b) ?? rank.size));
+	const props = {
+		...mergeProps(own, rest),
+		children: /* @__PURE__ */ jsxs(Fragment, { children: [listed && /* @__PURE__ */ jsx("div", {
+			ref: summaryRef,
+			tabIndex: -1,
+			className: "nz-form-summary",
+			"data-slot": "form-summary",
+			children: /* @__PURE__ */ jsx(Alert, {
+				tone: "critical",
+				role: "alert",
+				title: labels?.summaryTitle ?? "There is a problem",
+				children: /* @__PURE__ */ jsx("ul", {
+					className: "nz-form-summary-list",
+					"data-slot": "form-summary-list",
+					children: items.map(([name, message]) => {
+						const id = ids.get(name);
+						return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", {
+							href: id === void 0 ? void 0 : `#${id}`,
+							className: "nz-form-summary-link",
+							"data-slot": "form-summary-link",
+							onClick: (event) => focusControl(event, name),
+							children: message
+						}) }, name);
+					})
+				})
+			})
+		}), children] })
+	};
+	return /* @__PURE__ */ jsx(FormScope, {
+		value: shown,
+		children: renderElement("form", render, {}, props)
+	});
+}
+/** The control a Field `name` names: the first of a radio group. */
+function controlOf(form, name) {
+	const item = form.elements.namedItem(name);
+	const element = item instanceof RadioNodeList ? item[0] : item;
+	return element instanceof HTMLElement ? element : void 0;
+}
+/**
+* The form's first control that presents an error (`aria-invalid="true"`), in tree order: through
+* the error prop, a Form error or a native message. Not a disabled one, nor an unfocusable root.
+*/
+function firstInvalid(form) {
+	for (const element of form.querySelectorAll("[aria-invalid=\"true\"]")) if (element.tabIndex >= 0 && !element.matches(":disabled")) return element;
+}
+/** A summary link focuses its control, which scrolls it into view, and leaves the URL as it is. */
+function focusControl(event, name) {
+	const form = event.currentTarget.closest("form");
+	const control = form === null ? void 0 : controlOf(form, name);
+	if (control === void 0) return;
+	event.preventDefault();
+	control.focus();
+}
+/** Two controls in page order; a missing one comes last. */
+function order(a, b) {
+	if (a === void 0 || b === void 0) return a === b ? 0 : a === void 0 ? 1 : -1;
+	return a.compareDocumentPosition(b) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1;
+}
+function same(a, b) {
+	return a.length === b.length && a.every(([name, id], i) => b[i]?.[0] === name && b[i]?.[1] === id);
+}
+//#endregion
+export { Form };

package/dist/form/form.d.ts

@@ -0,0 +1,36 @@
+import { RenderProp } from "../contracts/render.js";
+import { AlertTone } from "../alert/alert.js";
+import { ComponentPropsWithRef, ReactElement, ReactNode } from "react";
+//#region src/form/form.d.ts
+/** Alert's tones. `critical` is a `role="alert"` container; the others are `role="status"`. */
+export type FormMessageTone = AlertTone;
+export interface FormMessageState {
+  tone: FormMessageTone;
+}
+export interface FormMessageProps extends Omit<ComponentPropsWithRef<"div">, "title" | "role"> {
+  /**
+   * `critical` for a failure the user must act on (network, permission, conflict): `role="alert"`.
+   * `success`, `info` and `warning` are `role="status"`, read when the reader is idle.
+   * @default 'critical'
+   */
+  tone?: FormMessageTone;
+  /** One line above the message, as Alert's `title`. */
+  title?: ReactNode;
+  /** Decorative tone glyph, as Alert's `icon`; the text carries the meaning. */
+  icon?: ReactNode;
+  /** A control under the message, for example `<Button size="sm">Retry</Button>`. */
+  action?: ReactNode;
+  /** Composition of the live container. */
+  render?: RenderProp<FormMessageState>;
+  /**
+   * The message. `null`, `false` and `''` render nothing inside the container, which stays in the
+   * page so the next message is announced: render FormMessage always, and change only this.
+   */
+  children?: ReactNode;
+}
+/**
+ * The form-level message: a live container that is always rendered, with an Alert inside it while
+ * there is a message. Field errors belong to each Field (`error`, or Form's `errors`), not here.
+ */
+export declare function FormMessage({ tone, title, icon, action, render, className, children, ...rest }: FormMessageProps): ReactElement;
+//#endregion

package/dist/form/form.js

@@ -0,0 +1,29 @@
+import { cx } from "../_internal/cx.js";
+import { renderElement } from "../contracts/render.js";
+import { Alert } from "../alert/alert.js";
+import { presented } from "../_internal/field.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/form/form.tsx
+/**
+* The form-level message: a live container that is always rendered, with an Alert inside it while
+* there is a message. Field errors belong to each Field (`error`, or Form's `errors`), not here.
+*/
+function FormMessage({ tone = "critical", title, icon, action, render, className, children, ...rest }) {
+	const shown = presented(children) || presented(title);
+	return renderElement("div", render, { tone }, {
+		"data-slot": "form-message",
+		"data-tone": tone,
+		...rest,
+		className: cx("nz-form-message", className),
+		role: tone === "critical" ? "alert" : "status",
+		children: shown ? /* @__PURE__ */ jsx(Alert, {
+			tone,
+			title,
+			icon,
+			action,
+			children
+		}) : void 0
+	});
+}
+//#endregion
+export { FormMessage };

package/dist/form/index.d.ts

@@ -0,0 +1,4 @@
+import { Form, FormErrorValue, FormErrors, FormLabels, FormProps } from "./form.client.js";
+import { SubmitButton, SubmitButtonProps } from "./submit-button.client.js";
+import { FormMessage, FormMessageProps, FormMessageState, FormMessageTone } from "./form.js";
+export { Form, type FormErrorValue, type FormErrors, type FormLabels, FormMessage, type FormMessageProps, type FormMessageState, type FormMessageTone, type FormProps, SubmitButton, type SubmitButtonProps };

package/dist/form/index.js

@@ -0,0 +1,4 @@
+import { Form } from "./form.client.js";
+import { SubmitButton } from "./submit-button.client.js";
+import { FormMessage } from "./form.js";
+export { Form, FormMessage, SubmitButton };

package/dist/form/submit-button.client.d.ts

@@ -0,0 +1,20 @@
+import { ButtonVariant } from "../augment.js";
+import { ButtonProps } from "../button/button.js";
+import { ReactElement } from "react";
+//#region src/form/submit-button.client.d.ts
+export interface SubmitButtonProps extends Omit<ButtonProps, "type"> {
+  /**
+   * The form's main action, so `primary`; Button's other variants are accepted.
+   * @default 'primary'
+   */
+  variant?: ButtonVariant;
+  /**
+   * Pending even when the form's action is not running, for example while a client handler awaits.
+   * The form's own status is read for you: only an action passed as a function (`<form action={fn}>`
+   * or Form's) reports one, never a URL.
+   * @default false
+   */
+  pending?: boolean;
+}
+export declare function SubmitButton({ variant, pending, labels: labelsProp, ...rest }: SubmitButtonProps): ReactElement;
+//#endregion

package/dist/form/submit-button.client.js

@@ -0,0 +1,19 @@
+"use client";
+import { useLabels } from "../config/config.client.js";
+import { Button } from "../button/button.js";
+import { jsx } from "react/jsx-runtime";
+import { useFormStatus } from "react-dom";
+//#region src/form/submit-button.client.tsx
+function SubmitButton({ variant = "primary", pending = false, labels: labelsProp, ...rest }) {
+	const status = useFormStatus();
+	const labels = useLabels("button", labelsProp);
+	return /* @__PURE__ */ jsx(Button, {
+		...rest,
+		...labels === void 0 ? {} : { labels },
+		variant,
+		type: "submit",
+		pending: pending || status.pending
+	});
+}
+//#endregion
+export { SubmitButton };

package/dist/heading/heading.d.ts

@@ -19,7 +19,10 @@ export interface HeadingProps extends ComponentPropsWithRef<"h2"> {
    * @default the style named after the level, and `heading-h4` for levels 5 and 6 (Figma has no H5 or H6)
    */
   variant?: HeadingVariant;
-  /** A `text/*` colour. Absent, the colour is inherited from the surface. */
+  /**
+   * A `text/*` colour. Absent, the colour is inherited from the surface. Deprecated value:
+   * `'accent'`, which paints `--nz-text-brand`; use `'brand'` (M42; removal deferred to 1.0).
+   */
   tone?: TextTone;
   render?: RenderProp<HeadingState>;
 }

package/dist/i18n/format-label.d.ts

@@ -0,0 +1,24 @@
+//#region src/i18n/format-label.d.ts
+/** The CLDR plural categories `Intl.PluralRules` can select. */
+export type PluralCategory = "zero" | "one" | "two" | "few" | "many" | "other";
+/**
+ * A label with one template per CLDR plural category of its locale, `other` required. A locale
+ * lists exactly the categories `Intl.PluralRules` has for it (en-US: `one`, `other`; pl: `one`,
+ * `few`, `many`, `other`). Exact-number keys (`'=0'`) are not supported.
+ */
+export type PluralLabel = {
+  other: string;
+} & Partial<Record<Exclude<PluralCategory, "other">, string>>;
+/** The values a label's placeholders read: `{count}` reads `count`. */
+export type LabelValues = Readonly<Record<string, string | number>>;
+/**
+ * Fills a label. A `PluralLabel` picks its template by `values.count`, through
+ * `new Intl.PluralRules(locale).select(values.count)` (`other` when the category is missing or
+ * `count` is not a number); a plain string is used as is. Each `{name}` placeholder is replaced by
+ * `values.name`: a number formatted with `Intl.NumberFormat(locale)`, a string as written. A
+ * placeholder with no value stays as written: `formatLabel('+{count}', { count: 1200 })` is
+ * `'+1,200'`.
+ * @param locale BCP 47 tag for the plural rules and the numbers. @default 'en-US'
+ */
+export declare function formatLabel(template: string | PluralLabel, values?: LabelValues, locale?: string): string;
+//#endregion

package/dist/i18n/format-label.js

@@ -0,0 +1,19 @@
+//#region src/i18n/format-label.ts
+/**
+* Fills a label. A `PluralLabel` picks its template by `values.count`, through
+* `new Intl.PluralRules(locale).select(values.count)` (`other` when the category is missing or
+* `count` is not a number); a plain string is used as is. Each `{name}` placeholder is replaced by
+* `values.name`: a number formatted with `Intl.NumberFormat(locale)`, a string as written. A
+* placeholder with no value stays as written: `formatLabel('+{count}', { count: 1200 })` is
+* `'+1,200'`.
+* @param locale BCP 47 tag for the plural rules and the numbers. @default 'en-US'
+*/
+function formatLabel(template, values = {}, locale = "en-US") {
+	const { count } = values;
+	return (typeof template === "string" ? template : (typeof count === "number" ? template[new Intl.PluralRules(locale).select(count)] : void 0) ?? template.other).replace(/\{(\w+)\}/g, (placeholder, name) => {
+		const value = Object.hasOwn(values, name) ? values[name] : void 0;
+		return typeof value === "number" ? new Intl.NumberFormat(locale).format(value) : value ?? placeholder;
+	});
+}
+//#endregion
+export { formatLabel };

package/dist/i18n/index.d.ts

@@ -0,0 +1,2 @@
+import { LabelValues, PluralCategory, PluralLabel, formatLabel } from "./format-label.js";
+export { type LabelValues, type PluralCategory, type PluralLabel, formatLabel };

package/dist/i18n/index.js

@@ -0,0 +1 @@
+export { formatLabel } from "./format-label.js";

package/dist/icon-button/icon-button.client.js

@@ -1,6 +1,6 @@
 "use client";
-import { TooltipPopup, TooltipRoot, TooltipTrigger } from "../tooltip/tooltip.client.js";
 import { iconButtonElement } from "./icon-button-static.js";
+import { TooltipPopup, TooltipRoot, TooltipTrigger } from "../tooltip/tooltip.client.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/icon-button/icon-button.client.tsx
 function IconButtonTooltip({ tooltip: { side, align, delay }, shortcut, ...button }) {

package/dist/icon-button/icon-button.js

@@ -1,5 +1,5 @@
-import { ariaKeyShortcuts } from "../_internal/keys.js";
 import { iconButtonElement, warnUnnamed } from "./icon-button-static.js";
+import { ariaKeyShortcuts } from "../_internal/keys.js";
 import { IconButtonTooltip } from "./icon-button.client.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/icon-button/icon-button.tsx

package/dist/index.d.ts

@@ -1,8 +1,18 @@
 import { Alert, AlertProps, AlertState, AlertTone } from "./alert/alert.js";
 import { AlertDismiss, AlertDismissLabels, AlertDismissProps } from "./alert/alert-dismiss.client.js";
 import "./alert/index.js";
+import { AppShell, AppShellLabels, AppShellProps } from "./app-shell/app-shell.js";
+import "./app-shell/index.js";
+import { Avatar, AvatarGroup, AvatarGroupLabels, AvatarGroupProps, AvatarGroupState, AvatarProps, AvatarSize, AvatarState } from "./avatar/avatar.js";
+import "./avatar/index.js";
 import { Badge, BadgeProps, BadgeState, BadgeTone } from "./badge/badge.js";
 import "./badge/index.js";
+import { Banner, BannerProps, BannerState, BannerTone } from "./banner/banner.js";
+import { BannerDismiss, BannerDismissLabels, BannerDismissProps } from "./banner/banner-dismiss.client.js";
+import "./banner/index.js";
+import { BreadcrumbItem, BreadcrumbItemProps, BreadcrumbItemState, BreadcrumbLabels, BreadcrumbRoot, BreadcrumbRootProps } from "./breadcrumb/breadcrumb.js";
+import { breadcrumb_parts_d_exports } from "./breadcrumb/breadcrumb.parts.js";
+import "./breadcrumb/index.js";
 import { Button, ButtonLabels, ButtonProps, ButtonState } from "./button/button.js";
 import "./button/index.js";
 import { CardAction, CardActionProps, CardBody, CardBodyProps, CardDescription, CardDescriptionProps, CardElevation, CardFooter, CardFooterProps, CardHeader, CardHeaderProps, CardPadding, CardRoot, CardRootProps, CardRootState, CardTitle, CardTitleLevel, CardTitleProps, CardTone } from "./card/card.js";
@@ -11,14 +21,60 @@ import "./card/index.js";
 import { OpenReason } from "./contracts/details.js";
 import { Checkbox, CheckboxChangeReason, CheckboxCheckedState, CheckboxProps, CheckboxState } from "./checkbox/checkbox.client.js";
 import "./checkbox/index.js";
-import { Container, ContainerProps } from "./container/container.js";
-import "./container/index.js";
-import { Delta, DeltaProps, DeltaState, DeltaTone, DeltaTrend } from "./delta/delta.js";
-import "./delta/index.js";
+import { Chip, ChipGroup, ChipGroupChangeReason, ChipGroupLabels, ChipGroupProps, ChipGroupState, ChipGroupValue, ChipProps, ChipState } from "./chip-group/chip-group.client.js";
+import "./chip-group/index.js";
+import { ChoiceCard, ChoiceCardChangeReason, ChoiceCardGroup, ChoiceCardGroupProps, ChoiceCardGroupState, ChoiceCardProps, ChoiceCardState } from "./choice-card/choice-card.client.js";
+import "./choice-card/index.js";
 import { DialogBodyProps, DialogCloseProps, DialogCloseState, DialogDescriptionProps, DialogFooterProps, DialogLabels, DialogPopupProps, DialogPopupState, DialogRole, DialogRootProps, DialogSize, DialogTitleLevel, DialogTitleProps, DialogTriggerProps, DialogTriggerState } from "./dialog/dialog.contract.js";
 import { DialogBody, DialogClose, DialogDescription, DialogFooter, DialogPopup, DialogRoot, DialogTitle, DialogTrigger } from "./dialog/dialog.client.js";
 import { dialog_parts_d_exports } from "./dialog/dialog.parts.js";
 import "./dialog/index.js";
+import { DrawerBodyProps, DrawerCloseProps, DrawerCloseState, DrawerDescriptionProps, DrawerFooterProps, DrawerHeaderProps, DrawerLabels, DrawerPopupProps, DrawerPopupState, DrawerRootProps, DrawerSide, DrawerTitleLevel, DrawerTitleProps, DrawerTriggerProps, DrawerTriggerState } from "./drawer/drawer.contract.js";
+import { DrawerBody, DrawerClose, DrawerDescription, DrawerFooter, DrawerHeader, DrawerPopup, DrawerRoot, DrawerTitle, DrawerTrigger } from "./drawer/drawer.client.js";
+import { drawer_parts_d_exports } from "./drawer/drawer.parts.js";
+import "./drawer/index.js";
+import { FileUploadFile, FileUploadItem, FileUploadLabels, FileUploadProps, FileUploadRejection, FileUploadRejectionReason, FileUploadStatus } from "./file-upload/file-upload.contract.js";
+import { FileUpload } from "./file-upload/file-upload.client.js";
+import "./file-upload/index.js";
+import { Form, FormErrorValue, FormErrors, FormLabels, FormProps } from "./form/form.client.js";
+import { SubmitButton, SubmitButtonProps } from "./form/submit-button.client.js";
+import { FormMessage, FormMessageProps, FormMessageState, FormMessageTone } from "./form/form.js";
+import "./form/index.js";
+import { Metric, MetricDataProps, MetricLabels, MetricProps, MetricSize, MetricState, metricLabels } from "./metric/metric.js";
+import "./metric/index.js";
+import { MobileTabBarItem, MobileTabBarItemProps, MobileTabBarItemState, MobileTabBarLabels, MobileTabBarRoot, MobileTabBarRootProps } from "./mobile-tab-bar/mobile-tab-bar.js";
+import { MobileTabBarMore, MobileTabBarMoreLabels, MobileTabBarMoreProps } from "./mobile-tab-bar/mobile-tab-bar-more.client.js";
+import { mobile_tab_bar_parts_d_exports } from "./mobile-tab-bar/mobile-tab-bar.parts.js";
+import "./mobile-tab-bar/index.js";
+import { Pagination, PaginationChangeReason, PaginationLabels, PaginationLinkState, PaginationProps, PaginationSize, PaginationSlot, PaginationState } from "./pagination/pagination.js";
+import "./pagination/index.js";
+import { PasswordInput, PasswordInputLabels, PasswordInputProps, PasswordInputState, PasswordInputVisibleReason } from "./password-input/password-input.client.js";
+import "./password-input/index.js";
+import { PopoverCloseProps, PopoverCloseState, PopoverDescriptionProps, PopoverLabels, PopoverPopupProps, PopoverPopupState, PopoverRootProps, PopoverSide, PopoverTitleLevel, PopoverTitleProps, PopoverTriggerProps, PopoverTriggerState } from "./popover/popover.contract.js";
+import { PopoverClose, PopoverDescription, PopoverPopup, PopoverRoot, PopoverTitle, PopoverTrigger } from "./popover/popover.client.js";
+import { popover_parts_d_exports } from "./popover/popover.parts.js";
+import "./popover/index.js";
+import { RankedListAction, RankedListActionProps, RankedListItem, RankedListItemProps, RankedListItemState, RankedListLabels, RankedListRoot, RankedListRootProps, RankedListRootState, RankedListTitleLevel } from "./ranked-list/ranked-list.js";
+import { ranked_list_parts_d_exports } from "./ranked-list/ranked-list.parts.js";
+import "./ranked-list/index.js";
+import { SearchField, SearchFieldLabels, SearchFieldProps, SearchFieldState } from "./search-field/search-field.client.js";
+import "./search-field/index.js";
+import { SidebarContent, SidebarContentProps, SidebarFooter, SidebarFooterProps, SidebarHeader, SidebarHeaderProps, SidebarLabels, SidebarRoot, SidebarRootProps } from "./sidebar/sidebar.js";
+import { NavItem, NavItemProps, NavItemState } from "./nav-item/nav-item.js";
+import { SidebarItem, SidebarItemProps } from "./sidebar/sidebar-item.client.js";
+import { sidebar_parts_d_exports } from "./sidebar/sidebar.parts.js";
+import "./sidebar/index.js";
+import { TableSelection, TableSelectionProps } from "./table-selection/table-selection.client.js";
+import { TableSelectAll, TableSelectAllProps, TableSelectRow, TableSelectRowProps, TableSelectionLabels } from "./table-selection/table-selection.js";
+import "./table-selection/index.js";
+import { Politeness, ToastAction, ToastOptions, ToastTone, ToasterLabels, ToasterProps } from "./toast/toast.contract.js";
+import { Toaster } from "./toast/toaster.client.js";
+import { announce, toast } from "./toast/store.js";
+import "./toast/index.js";
+import { Container, ContainerProps } from "./container/container.js";
+import "./container/index.js";
+import { Delta, DeltaProps, DeltaState, DeltaTone, DeltaTrend } from "./delta/delta.js";
+import "./delta/index.js";
 import { EmptyState, EmptyStateProps, EmptyStateTitleLevel } from "./empty-state/empty-state.js";
 import "./empty-state/index.js";
 import { FieldControlProps, FieldIds, FieldProps, FieldState, FieldStatic, FieldStaticProps, FieldStaticWiring, FieldValidateOn, FieldValidityKey } from "./field/field-static.js";
@@ -48,14 +104,25 @@ import { Input, InputProps, InputState, InputType } from "./input/input.client.j
 import "./input/index.js";
 import { Kbd, KbdPlatform, KbdProps } from "./kbd/kbd.js";
 import "./kbd/index.js";
+import { KpiTile, KpiTileProps, KpiTileState, KpiTileTone } from "./kpi-tile/kpi-tile.js";
+import "./kpi-tile/index.js";
 import { MenuCheckboxItemProps, MenuCheckedReason, MenuGroupLabelProps, MenuGroupProps, MenuItemProps, MenuItemState, MenuItemTone, MenuLabels, MenuPopupProps, MenuPopupState, MenuRadioGroupProps, MenuRadioItemProps, MenuRootProps, MenuSeparatorProps, MenuSide, MenuTriggerProps, MenuTriggerState } from "./menu/menu.contract.js";
 import { MenuCheckboxItem, MenuGroup, MenuGroupLabel, MenuItem, MenuPopup, MenuRadioGroup, MenuRadioItem, MenuRoot, MenuSeparator, MenuTrigger } from "./menu/menu.client.js";
 import { menu_parts_d_exports } from "./menu/menu.parts.js";
 import "./menu/index.js";
 import { Meter, MeterProps, MeterState, MeterTone } from "./meter/meter.js";
 import "./meter/index.js";
+import { MobileTopBar, MobileTopBarProps } from "./mobile-top-bar/mobile-top-bar.js";
+import "./mobile-top-bar/index.js";
+import { CountUp, CountUpOptions, CountUpProps, CountUpState, useCountUp } from "./motion/count-up.client.js";
+import "./motion/index.js";
 import { NativeSelect, NativeSelectProps, NativeSelectState } from "./native-select/native-select.js";
 import "./native-select/index.js";
+import "./nav-item/index.js";
+import { NumberValue, NumberValueProps, NumberValueState, formatNumber } from "./number-value/number-value.js";
+import "./number-value/index.js";
+import { PageHeader, PageHeaderProps, PageHeaderTitleLevel } from "./page-header/page-header.js";
+import "./page-header/index.js";
 import { ProgressBar, ProgressBarProps, ProgressBarState, ProgressBarTone } from "./progress-bar/progress-bar.js";
 import "./progress-bar/index.js";
 import { ProgressRing, ProgressRingProps, ProgressRingSize, ProgressRingState, ProgressRingTone } from "./progress-ring/progress-ring.js";
@@ -74,12 +141,20 @@ import { Separator, SeparatorProps, SeparatorState } from "./separator/separator
 import "./separator/index.js";
 import { Skeleton, SkeletonProps, SkeletonShape, SkeletonState } from "./skeleton/skeleton.js";
 import "./skeleton/index.js";
+import { SplitAside, SplitAsideProps, SplitAsideWidth, SplitMain, SplitMainProps, SplitRoot, SplitRootProps } from "./split/split.js";
+import { split_parts_d_exports } from "./split/split.parts.js";
+import "./split/index.js";
 import "./stack/index.js";
+import { StickyBar, StickyBarProps } from "./sticky-bar/sticky-bar.js";
+import "./sticky-bar/index.js";
 import { Switch, SwitchChangeReason, SwitchProps, SwitchState } from "./switch/switch.client.js";
 import "./switch/index.js";
 import { TabNavLink, TabNavLinkProps, TabNavLinkState, TabNavRoot, TabNavRootProps } from "./tab-nav/tab-nav.js";
 import { tab_nav_parts_d_exports } from "./tab-nav/tab-nav.parts.js";
 import "./tab-nav/index.js";
+import { TableBody, TableCaption, TableCaptionProps, TableCell, TableCellProps, TableCellState, TableContainer, TableContainerProps, TableFooter, TableHead, TableHeadProps, TableHeadState, TableHeader, TableRoot, TableRootProps, TableRow, TableRowLink, TableRowLinkProps, TableRowProps, TableRowState, TableSectionProps, TableSort, TableSortButton, TableSortButtonProps } from "./table/table.js";
+import { table_parts_d_exports } from "./table/table.parts.js";
+import "./table/index.js";
 import { TabsActivationMode, TabsListProps, TabsListState, TabsPanelProps, TabsPanelState, TabsRootProps, TabsRootState, TabsTabProps, TabsTabState, TabsValueReason } from "./tabs/tabs.contract.js";
 import { TabsList, TabsPanel, TabsRoot, TabsTab } from "./tabs/tabs.client.js";
 import { tabs_parts_d_exports } from "./tabs/tabs.parts.js";
@@ -92,4 +167,8 @@ import "./theme-script/index.js";
 import { TooltipPopup, TooltipRoot, TooltipTrigger } from "./tooltip/tooltip.client.js";
 import { tooltip_parts_d_exports } from "./tooltip/tooltip.parts.js";
 import "./tooltip/index.js";
-export { Alert, AlertDismiss, type AlertDismissLabels, type AlertDismissProps, type AlertProps, type AlertState, type AlertTone, Badge, type BadgeProps, type BadgeState, type BadgeTone, Button, type ButtonLabels, type ButtonProps, type ButtonState, card_parts_d_exports as Card, CardAction, type CardActionProps, CardBody, type CardBodyProps, CardDescription, type CardDescriptionProps, type CardElevation, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardPadding, CardRoot, type CardRootProps, type CardRootState, CardTitle, type CardTitleLevel, type CardTitleProps, type CardTone, Checkbox, type CheckboxChangeReason, type CheckboxCheckedState, type CheckboxProps, type CheckboxState, Container, type ContainerProps, Delta, type DeltaProps, type DeltaState, type DeltaTone, type DeltaTrend, dialog_parts_d_exports as Dialog, DialogBody, type DialogBodyProps, DialogClose, type DialogCloseProps, type DialogCloseState, DialogDescription, type DialogDescriptionProps, DialogFooter, type DialogFooterProps, type DialogLabels, DialogPopup, type DialogPopupProps, type DialogPopupState, type DialogRole, DialogRoot, type DialogRootProps, type DialogSize, DialogTitle, type DialogTitleLevel, type DialogTitleProps, DialogTrigger, type DialogTriggerProps, type DialogTriggerState, EmptyState, type EmptyStateProps, type EmptyStateTitleLevel, Field, type FieldControl, type FieldControlElementProps, type FieldControlOptions, type FieldControlProps, type FieldIds, type FieldProps, type FieldState, FieldStatic, type FieldStaticProps, type FieldStaticWiring, type FieldValidatable, type FieldValidateOn, type FieldValidityKey, Fieldset, type FieldsetProps, type FieldsetState, Grid, GridItem, type GridItemProps, type GridItemState, type GridProps, type GridResponsiveSpan, type GridSpan, type GridState, Heading, type HeadingLevel, type HeadingProps, type HeadingState, type HeadingVariant, IconButton, type IconButtonProps, type IconButtonState, IconButtonStatic, type IconButtonStaticProps, type IconButtonTooltipOptions, Image, type ImageProps, type ImageRatio, type ImageState, Inline, InlineError, type InlineErrorProps, type InlineProps, type InlineState, Input, type InputProps, type InputState, type InputType, Kbd, type KbdPlatform, type KbdProps, type LayoutGap, menu_parts_d_exports as Menu, MenuCheckboxItem, type MenuCheckboxItemProps, type MenuCheckedReason, MenuGroup, MenuGroupLabel, type MenuGroupLabelProps, type MenuGroupProps, MenuItem, type MenuItemProps, type MenuItemState, type MenuItemTone, type MenuLabels, MenuPopup, type MenuPopupProps, type MenuPopupState, MenuRadioGroup, type MenuRadioGroupProps, MenuRadioItem, type MenuRadioItemProps, MenuRoot, type MenuRootProps, MenuSeparator, type MenuSeparatorProps, type MenuSide, MenuTrigger, type MenuTriggerProps, type MenuTriggerState, Meter, type MeterProps, type MeterState, type MeterTone, NativeSelect, type NativeSelectProps, type NativeSelectState, type OpenReason, ProgressBar, type ProgressBarProps, type ProgressBarState, type ProgressBarTone, ProgressRing, type ProgressRingProps, type ProgressRingSize, type ProgressRingState, type ProgressRingTone, Radio, RadioGroup, type RadioGroupChangeReason, type RadioGroupProps, type RadioProps, type RadioState, segmented_control_parts_d_exports as SegmentedControl, type SegmentedControlChangeReason, SegmentedControlItem, type SegmentedControlItemProps, type SegmentedControlItemState, SegmentedControlRoot, type SegmentedControlRootProps, type SegmentedControlRootState, select_parts_d_exports as Select, SelectGroup, SelectGroupLabel, type SelectGroupLabelProps, type SelectGroupProps, SelectItem, type SelectItemProps, type SelectItemState, type SelectLabels, SelectPopup, type SelectPopupProps, type SelectPopupState, SelectRoot, type SelectRootProps, type SelectRootState, SelectSeparator, type SelectSeparatorProps, SelectTrigger, type SelectTriggerProps, type SelectTriggerState, SelectValue, type SelectValueProps, type SelectValueReason, type SelectValueState, Separator, type SeparatorProps, type SeparatorState, Skeleton, type SkeletonProps, type SkeletonShape, type SkeletonState, Stack, type StackProps, type StackState, Switch, type SwitchChangeReason, type SwitchProps, type SwitchState, tab_nav_parts_d_exports as TabNav, TabNavLink, type TabNavLinkProps, type TabNavLinkState, TabNavRoot, type TabNavRootProps, tabs_parts_d_exports as Tabs, type TabsActivationMode, TabsList, type TabsListProps, type TabsListState, TabsPanel, type TabsPanelProps, type TabsPanelState, TabsRoot, type TabsRootProps, type TabsRootState, TabsTab, type TabsTabProps, type TabsTabState, type TabsValueReason, Text, type TextProps, type TextState, type TextTone, type TextVariant, Textarea, type TextareaProps, ThemeScript, type ThemeScriptProps, tooltip_parts_d_exports as Tooltip, type TooltipLabels, TooltipPopup, type TooltipPopupProps, type TooltipPopupState, TooltipRoot, type TooltipRootProps, type TooltipSide, TooltipTrigger, type TooltipTriggerProps, type TooltipTriggerState, themeScript, useFieldControl };
+import { TopBar, TopBarProps } from "./top-bar/top-bar.js";
+import "./top-bar/index.js";
+import { TrendCard, TrendCardProps, TrendCardState } from "./trend-card/trend-card.js";
+import "./trend-card/index.js";
+export { Alert, AlertDismiss, type AlertDismissLabels, type AlertDismissProps, type AlertProps, type AlertState, type AlertTone, AppShell, type AppShellLabels, type AppShellProps, Avatar, AvatarGroup, type AvatarGroupLabels, type AvatarGroupProps, type AvatarGroupState, type AvatarProps, type AvatarSize, type AvatarState, Badge, type BadgeProps, type BadgeState, type BadgeTone, Banner, BannerDismiss, type BannerDismissLabels, type BannerDismissProps, type BannerProps, type BannerState, type BannerTone, breadcrumb_parts_d_exports as Breadcrumb, BreadcrumbItem, type BreadcrumbItemProps, type BreadcrumbItemState, type BreadcrumbLabels, BreadcrumbRoot, type BreadcrumbRootProps, Button, type ButtonLabels, type ButtonProps, type ButtonState, card_parts_d_exports as Card, CardAction, type CardActionProps, CardBody, type CardBodyProps, CardDescription, type CardDescriptionProps, type CardElevation, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardPadding, CardRoot, type CardRootProps, type CardRootState, CardTitle, type CardTitleLevel, type CardTitleProps, type CardTone, Checkbox, type CheckboxChangeReason, type CheckboxCheckedState, type CheckboxProps, type CheckboxState, Chip, ChipGroup, type ChipGroupChangeReason, type ChipGroupLabels, type ChipGroupProps, type ChipGroupState, type ChipGroupValue, type ChipProps, type ChipState, ChoiceCard, type ChoiceCardChangeReason, ChoiceCardGroup, type ChoiceCardGroupProps, type ChoiceCardGroupState, type ChoiceCardProps, type ChoiceCardState, Container, type ContainerProps, CountUp, type CountUpOptions, type CountUpProps, type CountUpState, Delta, type DeltaProps, type DeltaState, type DeltaTone, type DeltaTrend, dialog_parts_d_exports as Dialog, DialogBody, type DialogBodyProps, DialogClose, type DialogCloseProps, type DialogCloseState, DialogDescription, type DialogDescriptionProps, DialogFooter, type DialogFooterProps, type DialogLabels, DialogPopup, type DialogPopupProps, type DialogPopupState, type DialogRole, DialogRoot, type DialogRootProps, type DialogSize, DialogTitle, type DialogTitleLevel, type DialogTitleProps, DialogTrigger, type DialogTriggerProps, type DialogTriggerState, drawer_parts_d_exports as Drawer, DrawerBody, type DrawerBodyProps, DrawerClose, type DrawerCloseProps, type DrawerCloseState, DrawerDescription, type DrawerDescriptionProps, DrawerFooter, type DrawerFooterProps, DrawerHeader, type DrawerHeaderProps, type DrawerLabels, DrawerPopup, type DrawerPopupProps, type DrawerPopupState, DrawerRoot, type DrawerRootProps, type DrawerSide, DrawerTitle, type DrawerTitleLevel, type DrawerTitleProps, DrawerTrigger, type DrawerTriggerProps, type DrawerTriggerState, EmptyState, type EmptyStateProps, type EmptyStateTitleLevel, Field, type FieldControl, type FieldControlElementProps, type FieldControlOptions, type FieldControlProps, type FieldIds, type FieldProps, type FieldState, FieldStatic, type FieldStaticProps, type FieldStaticWiring, type FieldValidatable, type FieldValidateOn, type FieldValidityKey, Fieldset, type FieldsetProps, type FieldsetState, FileUpload, type FileUploadFile, type FileUploadItem, type FileUploadLabels, type FileUploadProps, type FileUploadRejection, type FileUploadRejectionReason, type FileUploadStatus, Form, type FormErrorValue, type FormErrors, type FormLabels, FormMessage, type FormMessageProps, type FormMessageState, type FormMessageTone, type FormProps, Grid, GridItem, type GridItemProps, type GridItemState, type GridProps, type GridResponsiveSpan, type GridSpan, type GridState, Heading, type HeadingLevel, type HeadingProps, type HeadingState, type HeadingVariant, IconButton, type IconButtonProps, type IconButtonState, IconButtonStatic, type IconButtonStaticProps, type IconButtonTooltipOptions, Image, type ImageProps, type ImageRatio, type ImageState, Inline, InlineError, type InlineErrorProps, type InlineProps, type InlineState, Input, type InputProps, type InputState, type InputType, Kbd, type KbdPlatform, type KbdProps, KpiTile, type KpiTileProps, type KpiTileState, type KpiTileTone, type LayoutGap, menu_parts_d_exports as Menu, MenuCheckboxItem, type MenuCheckboxItemProps, type MenuCheckedReason, MenuGroup, MenuGroupLabel, type MenuGroupLabelProps, type MenuGroupProps, MenuItem, type MenuItemProps, type MenuItemState, type MenuItemTone, type MenuLabels, MenuPopup, type MenuPopupProps, type MenuPopupState, MenuRadioGroup, type MenuRadioGroupProps, MenuRadioItem, type MenuRadioItemProps, MenuRoot, type MenuRootProps, MenuSeparator, type MenuSeparatorProps, type MenuSide, MenuTrigger, type MenuTriggerProps, type MenuTriggerState, Meter, type MeterProps, type MeterState, type MeterTone, Metric, type MetricDataProps, type MetricLabels, type MetricProps, type MetricSize, type MetricState, mobile_tab_bar_parts_d_exports as MobileTabBar, MobileTabBarItem, type MobileTabBarItemProps, type MobileTabBarItemState, type MobileTabBarLabels, MobileTabBarMore, type MobileTabBarMoreLabels, type MobileTabBarMoreProps, MobileTabBarRoot, type MobileTabBarRootProps, MobileTopBar, type MobileTopBarProps, NativeSelect, type NativeSelectProps, type NativeSelectState, NavItem, type NavItemProps, type NavItemState, NumberValue, type NumberValueProps, type NumberValueState, type OpenReason, PageHeader, type PageHeaderProps, type PageHeaderTitleLevel, Pagination, type PaginationChangeReason, type PaginationLabels, type PaginationLinkState, type PaginationProps, type PaginationSize, type PaginationSlot, type PaginationState, PasswordInput, type PasswordInputLabels, type PasswordInputProps, type PasswordInputState, type PasswordInputVisibleReason, type Politeness, popover_parts_d_exports as Popover, PopoverClose, type PopoverCloseProps, type PopoverCloseState, PopoverDescription, type PopoverDescriptionProps, type PopoverLabels, PopoverPopup, type PopoverPopupProps, type PopoverPopupState, PopoverRoot, type PopoverRootProps, type PopoverSide, PopoverTitle, type PopoverTitleLevel, type PopoverTitleProps, PopoverTrigger, type PopoverTriggerProps, type PopoverTriggerState, ProgressBar, type ProgressBarProps, type ProgressBarState, type ProgressBarTone, ProgressRing, type ProgressRingProps, type ProgressRingSize, type ProgressRingState, type ProgressRingTone, Radio, RadioGroup, type RadioGroupChangeReason, type RadioGroupProps, type RadioProps, type RadioState, ranked_list_parts_d_exports as RankedList, RankedListAction, type RankedListActionProps, RankedListItem, type RankedListItemProps, type RankedListItemState, type RankedListLabels, RankedListRoot, type RankedListRootProps, type RankedListRootState, type RankedListTitleLevel, SearchField, type SearchFieldLabels, type SearchFieldProps, type SearchFieldState, segmented_control_parts_d_exports as SegmentedControl, type SegmentedControlChangeReason, SegmentedControlItem, type SegmentedControlItemProps, type SegmentedControlItemState, SegmentedControlRoot, type SegmentedControlRootProps, type SegmentedControlRootState, select_parts_d_exports as Select, SelectGroup, SelectGroupLabel, type SelectGroupLabelProps, type SelectGroupProps, SelectItem, type SelectItemProps, type SelectItemState, type SelectLabels, SelectPopup, type SelectPopupProps, type SelectPopupState, SelectRoot, type SelectRootProps, type SelectRootState, SelectSeparator, type SelectSeparatorProps, SelectTrigger, type SelectTriggerProps, type SelectTriggerState, SelectValue, type SelectValueProps, type SelectValueReason, type SelectValueState, Separator, type SeparatorProps, type SeparatorState, sidebar_parts_d_exports as Sidebar, SidebarContent, type SidebarContentProps, SidebarFooter, type SidebarFooterProps, SidebarHeader, type SidebarHeaderProps, SidebarItem, type SidebarItemProps, type SidebarLabels, SidebarRoot, type SidebarRootProps, Skeleton, type SkeletonProps, type SkeletonShape, type SkeletonState, split_parts_d_exports as Split, SplitAside, type SplitAsideProps, type SplitAsideWidth, SplitMain, type SplitMainProps, SplitRoot, type SplitRootProps, Stack, type StackProps, type StackState, StickyBar, type StickyBarProps, SubmitButton, type SubmitButtonProps, Switch, type SwitchChangeReason, type SwitchProps, type SwitchState, tab_nav_parts_d_exports as TabNav, TabNavLink, type TabNavLinkProps, type TabNavLinkState, TabNavRoot, type TabNavRootProps, table_parts_d_exports as Table, TableBody, TableCaption, type TableCaptionProps, TableCell, type TableCellProps, type TableCellState, TableContainer, type TableContainerProps, TableFooter, TableHead, type TableHeadProps, type TableHeadState, TableHeader, TableRoot, type TableRootProps, TableRow, TableRowLink, type TableRowLinkProps, type TableRowProps, type TableRowState, type TableSectionProps, TableSelectAll, type TableSelectAllProps, TableSelectRow, type TableSelectRowProps, TableSelection, type TableSelectionLabels, type TableSelectionProps, type TableSort, TableSortButton, type TableSortButtonProps, tabs_parts_d_exports as Tabs, type TabsActivationMode, TabsList, type TabsListProps, type TabsListState, TabsPanel, type TabsPanelProps, type TabsPanelState, TabsRoot, type TabsRootProps, type TabsRootState, TabsTab, type TabsTabProps, type TabsTabState, type TabsValueReason, Text, type TextProps, type TextState, type TextTone, type TextVariant, Textarea, type TextareaProps, ThemeScript, type ThemeScriptProps, type ToastAction, type ToastOptions, type ToastTone, Toaster, type ToasterLabels, type ToasterProps, tooltip_parts_d_exports as Tooltip, type TooltipLabels, TooltipPopup, type TooltipPopupProps, type TooltipPopupState, TooltipRoot, type TooltipRootProps, type TooltipSide, TooltipTrigger, type TooltipTriggerProps, type TooltipTriggerState, TopBar, type TopBarProps, TrendCard, type TrendCardProps, type TrendCardState, announce, formatNumber, metricLabels, themeScript, toast, useCountUp, useFieldControl };

package/dist/index.js

@@ -1,6 +1,12 @@
 import { Alert } from "./alert/alert.js";
 import { AlertDismiss } from "./alert/alert-dismiss.client.js";
+import { AppShell } from "./app-shell/app-shell.js";
+import { Avatar, AvatarGroup } from "./avatar/avatar.js";
 import { Badge } from "./badge/badge.js";
+import { Banner } from "./banner/banner.js";
+import { BannerDismiss } from "./banner/banner-dismiss.client.js";
+import { BreadcrumbItem, BreadcrumbRoot } from "./breadcrumb/breadcrumb.js";
+import { breadcrumb_parts_exports } from "./breadcrumb/breadcrumb.parts.js";
 import { Button } from "./button/button.js";
 import { CardAction, CardBody, CardDescription, CardFooter, CardHeader, CardRoot, CardTitle } from "./card/card.js";
 import { card_parts_exports } from "./card/card.parts.js";
@@ -8,44 +14,83 @@ import { InlineError } from "./inline-error/inline-error.js";
 import { FieldStatic } from "./field/field-static.js";
 import { useFieldControl } from "./field/field-scope.client.js";
 import { Checkbox } from "./checkbox/checkbox.client.js";
+import { Chip, ChipGroup } from "./chip-group/chip-group.client.js";
+import { ChoiceCard, ChoiceCardGroup } from "./choice-card/choice-card.client.js";
 import { Container } from "./container/container.js";
 import { Delta } from "./delta/delta.js";
 import { DialogBody, DialogClose, DialogDescription, DialogFooter, DialogPopup, DialogRoot, DialogTitle, DialogTrigger } from "./dialog/dialog.client.js";
 import { dialog_parts_exports } from "./dialog/dialog.parts.js";
+import { DrawerBody, DrawerClose, DrawerDescription, DrawerFooter, DrawerHeader, DrawerPopup, DrawerRoot, DrawerTitle, DrawerTrigger } from "./drawer/drawer.client.js";
+import { drawer_parts_exports } from "./drawer/drawer.parts.js";
 import { EmptyState } from "./empty-state/empty-state.js";
 import { Field } from "./field/field.js";
 import { Fieldset } from "./fieldset/fieldset.js";
+import { IconButtonStatic } from "./icon-button/icon-button-static.js";
+import { ProgressBar } from "./progress-bar/progress-bar.js";
+import { FileUpload } from "./file-upload/file-upload.client.js";
+import { Form } from "./form/form.client.js";
+import { SubmitButton } from "./form/submit-button.client.js";
+import { FormMessage } from "./form/form.js";
 import { Grid, GridItem } from "./grid/grid.js";
 import { Heading } from "./heading/heading.js";
 import { Kbd } from "./kbd/kbd.js";
 import { TooltipPopup, TooltipRoot, TooltipTrigger } from "./tooltip/tooltip.client.js";
-import { IconButtonStatic } from "./icon-button/icon-button-static.js";
 import { IconButton } from "./icon-button/icon-button.js";
 import { Image } from "./image/image.js";
 import { Inline } from "./inline/inline.js";
 import { Input } from "./input/input.client.js";
+import { NumberValue, formatNumber } from "./number-value/number-value.js";
+import { Skeleton } from "./skeleton/skeleton.js";
+import { Metric, metricLabels } from "./metric/metric.js";
+import { KpiTile } from "./kpi-tile/kpi-tile.js";
 import { MenuCheckboxItem, MenuGroup, MenuGroupLabel, MenuItem, MenuPopup, MenuRadioGroup, MenuRadioItem, MenuRoot, MenuSeparator, MenuTrigger } from "./menu/menu.client.js";
 import { menu_parts_exports } from "./menu/menu.parts.js";
 import { Meter } from "./meter/meter.js";
+import { MobileTabBarItem, MobileTabBarRoot } from "./mobile-tab-bar/mobile-tab-bar.js";
+import { MobileTabBarMore } from "./mobile-tab-bar/mobile-tab-bar-more.client.js";
+import { mobile_tab_bar_parts_exports } from "./mobile-tab-bar/mobile-tab-bar.parts.js";
+import { MobileTopBar } from "./mobile-top-bar/mobile-top-bar.js";
+import { CountUp, useCountUp } from "./motion/count-up.client.js";
 import { NativeSelect } from "./native-select/native-select.js";
-import { ProgressBar } from "./progress-bar/progress-bar.js";
+import { NavItem } from "./nav-item/nav-item.js";
+import { PageHeader } from "./page-header/page-header.js";
+import { Pagination } from "./pagination/pagination.js";
+import { PasswordInput } from "./password-input/password-input.client.js";
+import { PopoverClose, PopoverDescription, PopoverPopup, PopoverRoot, PopoverTitle, PopoverTrigger } from "./popover/popover.client.js";
+import { popover_parts_exports } from "./popover/popover.parts.js";
 import { ProgressRing } from "./progress-ring/progress-ring.js";
 import { Radio } from "./radio-group/radio-group.client.js";
 import { RadioGroup } from "./radio-group/radio-group.js";
+import { RankedListAction, RankedListItem, RankedListRoot } from "./ranked-list/ranked-list.js";
+import { ranked_list_parts_exports } from "./ranked-list/ranked-list.parts.js";
+import { SearchField } from "./search-field/search-field.client.js";
 import { SegmentedControlItem, SegmentedControlRoot } from "./segmented-control/segmented-control.client.js";
 import { segmented_control_parts_exports } from "./segmented-control/segmented-control.parts.js";
 import { SelectGroup, SelectGroupLabel, SelectItem, SelectPopup, SelectRoot, SelectSeparator, SelectTrigger, SelectValue } from "./select/select.client.js";
 import { select_parts_exports } from "./select/select.parts.js";
 import { Separator } from "./separator/separator.js";
-import { Skeleton } from "./skeleton/skeleton.js";
+import { SidebarContent, SidebarFooter, SidebarHeader, SidebarRoot } from "./sidebar/sidebar.js";
+import { SidebarItem } from "./sidebar/sidebar-item.client.js";
+import { sidebar_parts_exports } from "./sidebar/sidebar.parts.js";
+import { SplitAside, SplitMain, SplitRoot } from "./split/split.js";
+import { split_parts_exports } from "./split/split.parts.js";
 import { Stack } from "./stack/stack.js";
+import { StickyBar } from "./sticky-bar/sticky-bar.js";
 import { Switch } from "./switch/switch.client.js";
 import { TabNavLink, TabNavRoot } from "./tab-nav/tab-nav.js";
 import { tab_nav_parts_exports } from "./tab-nav/tab-nav.parts.js";
+import { TableBody, TableCaption, TableCell, TableContainer, TableFooter, TableHead, TableHeader, TableRoot, TableRow, TableRowLink, TableSortButton } from "./table/table.js";
+import { table_parts_exports } from "./table/table.parts.js";
+import { TableSelection } from "./table-selection/table-selection.client.js";
+import { TableSelectAll, TableSelectRow } from "./table-selection/table-selection.js";
 import { TabsList, TabsPanel, TabsRoot, TabsTab } from "./tabs/tabs.client.js";
 import { tabs_parts_exports } from "./tabs/tabs.parts.js";
 import { Text } from "./text/text.js";
 import { Textarea } from "./textarea/textarea.client.js";
 import { ThemeScript, themeScript } from "./theme-script/theme-script.js";
+import { announce, toast } from "./toast/store.js";
+import { Toaster } from "./toast/toaster.client.js";
 import { tooltip_parts_exports } from "./tooltip/tooltip.parts.js";
-export { Alert, AlertDismiss, Badge, Button, card_parts_exports as Card, CardAction, CardBody, CardDescription, CardFooter, CardHeader, CardRoot, CardTitle, Checkbox, Container, Delta, dialog_parts_exports as Dialog, DialogBody, DialogClose, DialogDescription, DialogFooter, DialogPopup, DialogRoot, DialogTitle, DialogTrigger, EmptyState, Field, FieldStatic, Fieldset, Grid, GridItem, Heading, IconButton, IconButtonStatic, Image, Inline, InlineError, Input, Kbd, menu_parts_exports as Menu, MenuCheckboxItem, MenuGroup, MenuGroupLabel, MenuItem, MenuPopup, MenuRadioGroup, MenuRadioItem, MenuRoot, MenuSeparator, MenuTrigger, Meter, NativeSelect, ProgressBar, ProgressRing, Radio, RadioGroup, segmented_control_parts_exports as SegmentedControl, SegmentedControlItem, SegmentedControlRoot, select_parts_exports as Select, SelectGroup, SelectGroupLabel, SelectItem, SelectPopup, SelectRoot, SelectSeparator, SelectTrigger, SelectValue, Separator, Skeleton, Stack, Switch, tab_nav_parts_exports as TabNav, TabNavLink, TabNavRoot, tabs_parts_exports as Tabs, TabsList, TabsPanel, TabsRoot, TabsTab, Text, Textarea, ThemeScript, tooltip_parts_exports as Tooltip, TooltipPopup, TooltipRoot, TooltipTrigger, themeScript, useFieldControl };
+import { TopBar } from "./top-bar/top-bar.js";
+import { TrendCard } from "./trend-card/trend-card.js";
+export { Alert, AlertDismiss, AppShell, Avatar, AvatarGroup, Badge, Banner, BannerDismiss, breadcrumb_parts_exports as Breadcrumb, BreadcrumbItem, BreadcrumbRoot, Button, card_parts_exports as Card, CardAction, CardBody, CardDescription, CardFooter, CardHeader, CardRoot, CardTitle, Checkbox, Chip, ChipGroup, ChoiceCard, ChoiceCardGroup, Container, CountUp, Delta, dialog_parts_exports as Dialog, DialogBody, DialogClose, DialogDescription, DialogFooter, DialogPopup, DialogRoot, DialogTitle, DialogTrigger, drawer_parts_exports as Drawer, DrawerBody, DrawerClose, DrawerDescription, DrawerFooter, DrawerHeader, DrawerPopup, DrawerRoot, DrawerTitle, DrawerTrigger, EmptyState, Field, FieldStatic, Fieldset, FileUpload, Form, FormMessage, Grid, GridItem, Heading, IconButton, IconButtonStatic, Image, Inline, InlineError, Input, Kbd, KpiTile, menu_parts_exports as Menu, MenuCheckboxItem, MenuGroup, MenuGroupLabel, MenuItem, MenuPopup, MenuRadioGroup, MenuRadioItem, MenuRoot, MenuSeparator, MenuTrigger, Meter, Metric, mobile_tab_bar_parts_exports as MobileTabBar, MobileTabBarItem, MobileTabBarMore, MobileTabBarRoot, MobileTopBar, NativeSelect, NavItem, NumberValue, PageHeader, Pagination, PasswordInput, popover_parts_exports as Popover, PopoverClose, PopoverDescription, PopoverPopup, PopoverRoot, PopoverTitle, PopoverTrigger, ProgressBar, ProgressRing, Radio, RadioGroup, ranked_list_parts_exports as RankedList, RankedListAction, RankedListItem, RankedListRoot, SearchField, segmented_control_parts_exports as SegmentedControl, SegmentedControlItem, SegmentedControlRoot, select_parts_exports as Select, SelectGroup, SelectGroupLabel, SelectItem, SelectPopup, SelectRoot, SelectSeparator, SelectTrigger, SelectValue, Separator, sidebar_parts_exports as Sidebar, SidebarContent, SidebarFooter, SidebarHeader, SidebarItem, SidebarRoot, Skeleton, split_parts_exports as Split, SplitAside, SplitMain, SplitRoot, Stack, StickyBar, SubmitButton, Switch, tab_nav_parts_exports as TabNav, TabNavLink, TabNavRoot, table_parts_exports as Table, TableBody, TableCaption, TableCell, TableContainer, TableFooter, TableHead, TableHeader, TableRoot, TableRow, TableRowLink, TableSelectAll, TableSelectRow, TableSelection, TableSortButton, tabs_parts_exports as Tabs, TabsList, TabsPanel, TabsRoot, TabsTab, Text, Textarea, ThemeScript, Toaster, tooltip_parts_exports as Tooltip, TooltipPopup, TooltipRoot, TooltipTrigger, TopBar, TrendCard, announce, formatNumber, metricLabels, themeScript, toast, useCountUp, useFieldControl };

package/dist/kpi-tile/index.d.ts

@@ -0,0 +1,2 @@
+import { KpiTile, KpiTileProps, KpiTileState, KpiTileTone } from "./kpi-tile.js";
+export { KpiTile, type KpiTileProps, type KpiTileState, type KpiTileTone };

package/dist/kpi-tile/index.js

@@ -0,0 +1 @@
+export { KpiTile } from "./kpi-tile.js";