@nizivo/react 0.1.0 → 0.2.0

package/dist/choice-card/choice-card.client.js

@@ -0,0 +1,138 @@
+"use client";
+import { cx } from "../_internal/cx.js";
+import { mergeProps } from "../contracts/merge-props.js";
+import { renderElement } from "../contracts/render.js";
+import { details } from "../contracts/details.js";
+import { stateAttrs } from "../contracts/state.js";
+import { useFieldControl } from "../field/field-scope.client.js";
+import { clearFocus, definedProps, markFocus, markKeyDown } from "../_internal/nested-focus.js";
+import { createContext, use, useId, useMemo } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/choice-card/choice-card.client.tsx
+const GroupContext = createContext(null);
+function ChoiceCardGroup({ value, defaultValue, onValueChange, name, form, required, disabled, invalid, "aria-describedby": describedBy, "aria-labelledby": labelledBy, render, className, children, ...rest }) {
+	const field = useFieldControl({
+		name,
+		required,
+		disabled,
+		invalid,
+		"aria-describedby": describedBy
+	});
+	const generated = useId();
+	const { required: radioRequired, onInvalid, onInput, onBlur } = field.controlProps;
+	const groupName = field.name ?? generated;
+	const group = useMemo(() => ({
+		name: groupName,
+		value,
+		defaultValue,
+		disabled: field.disabled,
+		radio: definedProps({
+			required: radioRequired,
+			form,
+			onInvalid,
+			onInput,
+			onBlur
+		}),
+		onValueChange
+	}), [
+		groupName,
+		value,
+		defaultValue,
+		field.disabled,
+		radioRequired,
+		form,
+		onInvalid,
+		onInput,
+		onBlur,
+		onValueChange
+	]);
+	return /* @__PURE__ */ jsx(GroupContext, {
+		value: group,
+		children: renderElement("div", render, {
+			disabled: field.disabled,
+			invalid: field.invalid
+		}, {
+			"data-slot": "choice-card-group",
+			...stateAttrs({
+				disabled: field.disabled,
+				invalid: field.invalid,
+				required: field.required
+			}),
+			...rest,
+			role: "radiogroup",
+			"aria-labelledby": labelledBy ?? field.labelledBy,
+			"aria-describedby": field.describedBy,
+			"aria-invalid": field.invalid ? true : void 0,
+			"aria-required": field.required ? true : void 0,
+			className: cx("nz-choice-card-group", className),
+			children
+		})
+	});
+}
+function ChoiceCard({ value, disabled, leading, description, trailing, render, className, children, ...rest }) {
+	const group = use(GroupContext);
+	if (group === null) throw new Error("ChoiceCard must be inside ChoiceCardGroup");
+	const off = disabled === true || group.disabled;
+	const id = useId();
+	const labelId = `${id}-label`;
+	const descriptionId = description == null ? void 0 : `${id}-description`;
+	const trailingId = trailing == null ? void 0 : `${id}-trailing`;
+	const checked = group.value === void 0 ? { defaultChecked: group.defaultValue === value } : { checked: group.value === value };
+	const onChange = (event) => {
+		if (event.currentTarget.checked) group.onValueChange?.(value, details("input", event.nativeEvent));
+	};
+	return renderElement("label", render, { disabled: off }, {
+		"data-slot": "choice-card",
+		...stateAttrs({ disabled: off }),
+		...rest,
+		className: cx("nz-choice-card", className),
+		children: /* @__PURE__ */ jsxs(Fragment, { children: [
+			/* @__PURE__ */ jsx("input", {
+				...mergeProps(group.radio, {
+					onChange,
+					onFocus: markFocus,
+					onBlur: clearFocus,
+					onKeyDown: markKeyDown
+				}),
+				...checked,
+				type: "radio",
+				className: "nz-choice-card-input",
+				"data-slot": "choice-card-input",
+				name: group.name,
+				value,
+				disabled: off || void 0,
+				"aria-labelledby": trailingId === void 0 ? labelId : `${labelId} ${trailingId}`,
+				"aria-describedby": descriptionId
+			}),
+			leading != null && /* @__PURE__ */ jsx("span", {
+				className: "nz-choice-card-leading",
+				"data-slot": "choice-card-leading",
+				"aria-hidden": "true",
+				children: leading
+			}),
+			/* @__PURE__ */ jsxs("span", {
+				className: "nz-choice-card-content",
+				"data-slot": "choice-card-content",
+				children: [/* @__PURE__ */ jsx("span", {
+					className: "nz-choice-card-label",
+					"data-slot": "choice-card-label",
+					id: labelId,
+					children
+				}), description != null && /* @__PURE__ */ jsx("span", {
+					className: "nz-choice-card-description",
+					"data-slot": "choice-card-description",
+					id: descriptionId,
+					children: description
+				})]
+			}),
+			trailing != null && /* @__PURE__ */ jsx("span", {
+				className: "nz-choice-card-trailing",
+				"data-slot": "choice-card-trailing",
+				id: trailingId,
+				children: trailing
+			})
+		] })
+	});
+}
+//#endregion
+export { ChoiceCard, ChoiceCardGroup };

package/dist/choice-card/index.d.ts

@@ -0,0 +1,2 @@
+import { ChoiceCard, ChoiceCardChangeReason, ChoiceCardGroup, ChoiceCardGroupProps, ChoiceCardGroupState, ChoiceCardProps, ChoiceCardState } from "./choice-card.client.js";
+export { ChoiceCard, type ChoiceCardChangeReason, ChoiceCardGroup, type ChoiceCardGroupProps, type ChoiceCardGroupState, type ChoiceCardProps, type ChoiceCardState };

package/dist/choice-card/index.js

@@ -0,0 +1 @@
+export { ChoiceCard, ChoiceCardGroup } from "./choice-card.client.js";

package/dist/config/config.client.d.ts

@@ -1,9 +1,24 @@
+import { enUS } from "../locales/en-US.js";
 import { JSX, ReactNode } from "react";
 //#region src/config/config.client.d.ts
+/**
+ * Built-in strings for every client part in the scope, shaped like the `enUS` catalogue
+ * (`@nizivo/react/locales/en-US`): keyed by component, every key and every string optional, so a
+ * whole catalogue of another locale fits. Read by the client parts the Strings guide lists; the
+ * other keys (server parts such as Pagination, Button and Breadcrumb, which cannot read a context,
+ * and AlertDismiss) are ignored here, and those parts take `labels` per instance.
+ */
+export type NizivoLabels = { [K in keyof typeof enUS]?: Partial<(typeof enUS)[K]>; };
 export interface NizivoConfigProps {
   /** BCP 47 tag used by engine-backed parts. @default 'en-US' */
   locale?: string;
+  /**
+   * Built-in strings for the client parts in this scope. A part's own `labels` prop wins key by
+   * key; a key neither sets falls back to the English default. Keep the object stable (a module
+   * constant or memoised), as with any context value.
+   */
+  labels?: NizivoLabels;
   children?: ReactNode;
 }
-export declare function NizivoConfig({ locale, children }: NizivoConfigProps): JSX.Element;
+export declare function NizivoConfig({ locale, labels, children }: NizivoConfigProps): JSX.Element;
 //#endregion

package/dist/config/config.client.js

@@ -3,8 +3,11 @@ import { createContext, use, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/config/config.client.tsx
 const ConfigContext = createContext({ locale: "en-US" });
-function NizivoConfig({ locale = "en-US", children }) {
-	const value = useMemo(() => ({ locale }), [locale]);
+function NizivoConfig({ locale = "en-US", labels, children }) {
+	const value = useMemo(() => ({
+		locale,
+		labels
+	}), [locale, labels]);
 	return /* @__PURE__ */ jsx(ConfigContext, {
 		value,
 		children
@@ -14,5 +17,17 @@ function NizivoConfig({ locale = "en-US", children }) {
 function useResolvedLocale() {
 	return use(ConfigContext).locale;
 }
+/**
+* A client part's labels: its own `labels` prop over the scope's `NizivoConfig labels[key]`, key by
+* key. Undefined when neither sets anything, so the part's own English default applies.
+* Internal: server parts never call it (they cannot read a context).
+*/
+function useLabels(key, own) {
+	const scope = use(ConfigContext).labels?.[key];
+	return scope === void 0 ? own : {
+		...scope,
+		...own
+	};
+}
 //#endregion
-export { NizivoConfig, useResolvedLocale };
+export { NizivoConfig, useLabels, useResolvedLocale };

package/dist/config/index.d.ts

@@ -1,2 +1,2 @@
-import { NizivoConfig, NizivoConfigProps } from "./config.client.js";
-export { NizivoConfig, type NizivoConfigProps };
+import { NizivoConfig, NizivoConfigProps, NizivoLabels } from "./config.client.js";
+export { NizivoConfig, type NizivoConfigProps, type NizivoLabels };

package/dist/contracts/index.d.ts

@@ -1,5 +1,5 @@
 import { RenderProp, renderElement, toRenderFn } from "./render.js";
 import { ChangeDetails, OpenReason, details } from "./details.js";
-import { mergeProps } from "./merge-props.js";
 import { Align, Orientation, STATE_ATTR_NAMES, Side, StateAttrs, StateInput, stateAttrs } from "./state.js";
+import { mergeProps } from "./merge-props.js";
 export { type Align, type ChangeDetails, type OpenReason, type Orientation, type RenderProp, STATE_ATTR_NAMES, type Side, type StateAttrs, type StateInput, details, mergeProps, renderElement, stateAttrs, toRenderFn };

package/dist/css/app-shell.css

@@ -0,0 +1,2 @@
+@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
+@layer nz.components{.nz-app-shell{background:var(--nz-app-shell-bg,var(--nz-bg-canvas));min-block-size:100dvh;color:var(--nz-text-primary);grid-template-columns:auto minmax(0,1fr);display:grid}.nz-app-shell-skip{z-index:var(--nz-z-overlay);padding:var(--nz-space-2) var(--nz-space-3);border-radius:var(--nz-radius-md);background:var(--nz-bg-inverse);color:var(--nz-text-inverse);font:var(--nz-font-label-m-strong);letter-spacing:var(--nz-tracking-label-m-strong);translate:0 calc(-100% - var(--nz-space-4));text-decoration:none;position:fixed;inset-block-start:var(--nz-space-2);inset-inline-start:var(--nz-space-2);&:focus-visible{translate:none}}.nz-app-shell-sidebar{grid-column:1}.nz-app-shell-frame{flex-direction:column;grid-column:2;min-inline-size:0;display:flex}.nz-app-shell-main{box-sizing:border-box;inline-size:100%;max-inline-size:calc(var(--nz-layout-content-max) + 2 * var(--nz-grid-margin));padding:var(--nz-app-shell-main-padding,var(--nz-section-gap) var(--nz-grid-margin));outline:none;flex:auto;margin-inline:auto;padding-block-end:calc(var(--nz-section-gap) + var(--nz-layout-bottom-inset,0px))}.nz-app-shell-sidebar,.nz-app-shell-top-bar{display:none}.nz-app-shell-tab-bar{z-index:var(--nz-z-chrome);position:fixed;inset-block-end:0;inset-inline:0}@media (width>=40rem){.nz-app-shell-sidebar,.nz-app-shell-top-bar{display:block}.nz-app-shell-mobile-top-bar,.nz-app-shell-tab-bar{display:none}}}

package/dist/css/avatar.css

@@ -0,0 +1,2 @@
+@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
+@layer nz.components{.nz-avatar{--_nz-avatar-size:var(--nz-space-8);--_nz-avatar-font:var(--nz-font-label-s);--_nz-avatar-tracking:var(--nz-tracking-label-s);box-sizing:border-box;inline-size:var(--nz-avatar-size,var(--_nz-avatar-size));block-size:var(--nz-avatar-size,var(--_nz-avatar-size));border-radius:var(--nz-avatar-radius,var(--nz-radius-full));background:var(--nz-avatar-bg,var(--nz-bg-brand-muted));color:var(--nz-avatar-fg,var(--nz-text-brand));font:var(--nz-avatar-font,var(--_nz-avatar-font));letter-spacing:var(--_nz-avatar-tracking);vertical-align:middle;flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.nz-avatar[data-size=sm]{--_nz-avatar-size:var(--nz-space-6)}.nz-avatar[data-size=lg]{--_nz-avatar-size:var(--nz-space-10);--_nz-avatar-font:var(--nz-font-label-m);--_nz-avatar-tracking:var(--nz-tracking-label-m)}.nz-avatar[data-size=xl]{--_nz-avatar-size:calc(var(--nz-space-12) + var(--nz-space-2));--_nz-avatar-font:var(--nz-font-label-l);--_nz-avatar-tracking:var(--nz-tracking-label-l)}.nz-avatar-initials{white-space:nowrap}.nz-avatar-image{object-fit:cover;color:#0000;block-size:100%;inline-size:100%;display:block;position:absolute;inset:0}.nz-avatar-group{--_nz-avatar-group-size:var(--nz-space-8);--_nz-avatar-group-font:var(--nz-font-label-s);vertical-align:middle;align-items:center;display:inline-flex;&>.nz-avatar,&>.nz-avatar-group-more{box-shadow:0 0 0 var(--nz-border-width-focus) var(--nz-avatar-group-ring,var(--nz-bg-surface))}&>:not(:first-child){margin-inline-start:calc(-1 * var(--nz-space-2))}}.nz-avatar-group[data-size=sm]{--_nz-avatar-group-size:var(--nz-space-6)}.nz-avatar-group[data-size=lg]{--_nz-avatar-group-size:var(--nz-space-10);--_nz-avatar-group-font:var(--nz-font-label-m)}.nz-avatar-group[data-size=xl]{--_nz-avatar-group-size:calc(var(--nz-space-12) + var(--nz-space-2));--_nz-avatar-group-font:var(--nz-font-label-l)}.nz-avatar-group-more{box-sizing:border-box;inline-size:var(--_nz-avatar-group-size);block-size:var(--_nz-avatar-group-size);border-radius:var(--nz-radius-full);background:var(--nz-avatar-group-more-bg,var(--nz-bg-muted));color:var(--nz-avatar-group-more-fg,var(--nz-text-secondary));font:var(--_nz-avatar-group-font);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;justify-content:center;align-items:center;display:inline-flex}@media (forced-colors:active){.nz-avatar,.nz-avatar-group-more{outline-offset:-1px;outline:1px solid canvastext}}}

package/dist/css/banner.css

@@ -0,0 +1,2 @@
+@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
+@layer nz.components{.nz-banner{--_nz-banner-bg:var(--nz-bg-brand-subtle);--_nz-banner-icon-fg:var(--nz-icon-brand);align-items:center;gap:var(--nz-banner-gap,var(--nz-space-5));padding-block:var(--nz-banner-padding-block,var(--nz-space-4));padding-inline:var(--nz-banner-padding-inline,var(--nz-space-6));border-radius:var(--nz-banner-radius,var(--nz-radius-xl));background:var(--nz-banner-bg,var(--_nz-banner-bg));color:var(--nz-text-primary);flex-wrap:wrap;display:flex}.nz-banner[data-tone=warning]{--_nz-banner-bg:var(--nz-bg-warning-subtle);--_nz-banner-icon-fg:var(--nz-icon-warning)}.nz-banner-icon{color:var(--nz-banner-icon-fg,var(--_nz-banner-icon-fg));font-size:var(--nz-size-icon-lg);flex:none;display:inline-flex;&>svg{block-size:1em;inline-size:1em}}.nz-banner-media{flex:none;block-size:4.5rem;inline-size:4.5rem;display:inline-flex;overflow:hidden;&>:is(img,svg,picture,video){object-fit:contain;block-size:100%;inline-size:100%}}.nz-banner-content{gap:var(--nz-space-0-5);flex-direction:column;flex:16rem;min-inline-size:0;display:flex}.nz-banner-title{font:var(--nz-banner-title-font,var(--nz-font-heading-h4));letter-spacing:var(--nz-tracking-heading-h4)}.nz-banner-description{color:var(--nz-text-secondary);font:var(--nz-banner-description-font,var(--nz-font-body-m));letter-spacing:var(--nz-tracking-body-m)}.nz-banner-action{gap:var(--nz-space-2);flex-wrap:wrap;flex:none;display:flex}.nz-banner-dismiss{flex:none;margin-inline-start:auto}.nz-banner>.nz-icon-button.nz-banner-dismiss{--_nz-icon-button-fg:var(--nz-banner-dismiss-fg,var(--nz-icon-secondary))}@media (forced-colors:active){.nz-banner{outline-offset:-1px;outline:1px solid canvastext}}}

package/dist/css/base.css

@@ -1,2 +1,2 @@
 @layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
-@layer nz.base{:where(.nz-alert-dismiss,.nz-button,.nz-checkbox-input,.nz-dialog-close,.nz-dialog-trigger,.nz-icon-button,.nz-menu-trigger,.nz-native-select-trigger,.nz-radio-input,.nz-select-trigger,.nz-switch-input,.nz-tab-nav-link,.nz-tabs-tab,.nz-textarea,.nz-tooltip-trigger):is(:focus-visible,[data-focus-visible]){outline:var(--nz-border-width-focus) solid var(--nz-border-focus);outline-offset:2px}:where(.nz-menu-checkbox-item,.nz-menu-item,.nz-menu-radio-item,.nz-select-item):focus-visible{outline:none}:where(.nz-menu-checkbox-item,.nz-menu-item,.nz-menu-radio-item,.nz-select-item)[data-focus-visible],:where(.nz-segmented-control-item):is(:has(>input:focus-visible),[data-focus-visible]),:where(.nz-input):focus-within{outline:var(--nz-border-width-focus) solid var(--nz-border-focus);outline-offset:2px}[data-focus-inset]:is(:focus-visible,[data-focus-visible],:focus-within),[data-focus-inset]:has(>input:focus-visible){outline-offset:-2px}:where(.nz-alert-dismiss,.nz-button,.nz-checkbox-input,.nz-dialog-close,.nz-dialog-trigger,.nz-icon-button,.nz-menu-checkbox-item,.nz-menu-item,.nz-menu-radio-item,.nz-menu-trigger,.nz-native-select-trigger,.nz-radio-input,.nz-segmented-control-item,.nz-select-item,.nz-select-trigger,.nz-switch-input,.nz-tab-nav-link,.nz-tabs-tab,.nz-textarea,.nz-tooltip-trigger){touch-action:pan-x pan-y pinch-zoom}.nz-hit-target{position:relative}@media (pointer:coarse){.nz-hit-target:not([data-hit-inset]):after{content:"";inset:min(0px, calc((100% - var(--nz-size-touch-min)) / 2));position:absolute}}[data-nz-touch-targets=always] .nz-hit-target:not([data-hit-inset]):after{content:"";inset:min(0px, calc((100% - var(--nz-size-touch-min)) / 2));position:absolute}:dir(rtl) [data-mirror=rtl]{scale:-1 1}html{scroll-padding-block:var(--nz-layout-top-inset,0px) calc(var(--nz-layout-bottom-inset,0px) + var(--nz-toast-inset,0px))}@media (forced-colors:active){:where(.nz-checkbox-input,.nz-dialog-popup,.nz-menu-popup,.nz-radio-input,.nz-select-popup,.nz-switch-input,.nz-tooltip-popup){border:1px solid canvastext}:where(.nz-switch-thumb){forced-color-adjust:none;background:canvastext}:where(.nz-meter-track)::-moz-meter-bar{forced-color-adjust:none;background:highlight;outline-color:canvastext}:where(.nz-progress-bar-track)::-moz-progress-bar{forced-color-adjust:none;background:highlight;outline-color:canvastext}:where(.nz-meter-track)::-webkit-meter-even-less-good-value{forced-color-adjust:none;background:highlight;outline-color:canvastext}:where(.nz-meter-track)::-webkit-meter-optimum-value{forced-color-adjust:none;background:highlight;outline-color:canvastext}:where(.nz-meter-track)::-webkit-meter-suboptimum-value{forced-color-adjust:none;background:highlight;outline-color:canvastext}:where(.nz-progress-bar-track)::-webkit-progress-value{forced-color-adjust:none;background:highlight;outline-color:canvastext}:where(.nz-checkbox-input,.nz-radio-input,.nz-switch-input):checked{forced-color-adjust:none;background:highlight;outline-color:canvastext}:where(.nz-segmented-control-item):has(>input:checked){outline:2px solid highlight}:where(.nz-checkbox-input):indeterminate,:where(.nz-tab-nav-link)[aria-current=page]:before{forced-color-adjust:none;background:highlight;outline-color:canvastext}:where(.nz-icon-button)[aria-pressed=true],:where(.nz-menu-checkbox-item,.nz-menu-radio-item)[data-checked],:where(.nz-select-item)[data-selected]{color:highlighttext;forced-color-adjust:none;background:highlight;outline-color:canvastext}:where(.nz-tabs-tab)[data-selected]:before{forced-color-adjust:none;background:highlight;outline-color:canvastext}}}@layer nz.utilities{.nz-visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}
+@layer nz.base{:where(.nz-alert-dismiss,.nz-app-shell-skip,.nz-banner-dismiss,.nz-breadcrumb-link,.nz-button,.nz-checkbox-input,.nz-dialog-close,.nz-dialog-trigger,.nz-drawer-close,.nz-drawer-trigger,.nz-form-summary,.nz-form-summary-link,.nz-icon-button,.nz-menu-trigger,.nz-mobile-tab-bar-link,.nz-mobile-tab-bar-more-trigger,.nz-native-select-trigger,.nz-nav-item,.nz-pagination-next,.nz-pagination-page,.nz-pagination-previous,.nz-password-input-toggle,.nz-popover-close,.nz-popover-trigger,.nz-radio-input,.nz-ranked-list-action,.nz-select-trigger,.nz-sidebar-item,.nz-switch-input,.nz-tab-nav-link,.nz-table-row-link,.nz-table-sort-button,.nz-tabs-tab,.nz-textarea,.nz-toast,.nz-toast-action,.nz-toast-close,.nz-toast-region,.nz-tooltip-trigger):is(:focus-visible,[data-focus-visible]){outline:var(--nz-border-width-focus) solid var(--nz-border-focus);outline-offset:2px}:where(.nz-menu-checkbox-item,.nz-menu-item,.nz-menu-radio-item,.nz-select-item):focus-visible{outline:none}:where(.nz-menu-checkbox-item,.nz-menu-item,.nz-menu-radio-item,.nz-select-item)[data-focus-visible],:where(.nz-chip,.nz-choice-card,.nz-file-upload-dropzone,.nz-segmented-control-item):is(:has(>input:focus-visible),[data-focus-visible]),:where(.nz-input,.nz-password-input,.nz-search-field):focus-within{outline:var(--nz-border-width-focus) solid var(--nz-border-focus);outline-offset:2px}[data-focus-inset]:is(:focus-visible,[data-focus-visible],:focus-within),[data-focus-inset]:has(>input:focus-visible){outline-offset:-2px}:where(.nz-alert-dismiss,.nz-app-shell-skip,.nz-banner-dismiss,.nz-breadcrumb-link,.nz-button,.nz-checkbox-input,.nz-chip,.nz-choice-card,.nz-dialog-close,.nz-dialog-trigger,.nz-drawer-close,.nz-drawer-trigger,.nz-file-upload-dropzone,.nz-form-summary,.nz-form-summary-link,.nz-icon-button,.nz-menu-checkbox-item,.nz-menu-item,.nz-menu-radio-item,.nz-menu-trigger,.nz-mobile-tab-bar-link,.nz-mobile-tab-bar-more-trigger,.nz-native-select-trigger,.nz-nav-item,.nz-pagination-next,.nz-pagination-page,.nz-pagination-previous,.nz-password-input-toggle,.nz-popover-close,.nz-popover-trigger,.nz-radio-input,.nz-ranked-list-action,.nz-segmented-control-item,.nz-select-item,.nz-select-trigger,.nz-sidebar-item,.nz-switch-input,.nz-tab-nav-link,.nz-table-row-link,.nz-table-sort-button,.nz-tabs-tab,.nz-textarea,.nz-toast,.nz-toast-action,.nz-toast-close,.nz-toast-region,.nz-tooltip-trigger){touch-action:pan-x pan-y pinch-zoom}.nz-hit-target{position:relative}@media (pointer:coarse){.nz-hit-target:not([data-hit-inset]):after{content:"";inset:min(0px, calc((100% - var(--nz-size-touch-min)) / 2));position:absolute}}[data-nz-touch-targets=always] .nz-hit-target:not([data-hit-inset]):after{content:"";inset:min(0px, calc((100% - var(--nz-size-touch-min)) / 2));position:absolute}:dir(rtl) [data-mirror=rtl]{scale:-1 1}html{scroll-padding-block:var(--nz-layout-top-inset,0px) calc(var(--nz-layout-bottom-inset,0px) + var(--nz-toast-inset,0px))}@media (forced-colors:active){:where(.nz-checkbox-input,.nz-chip,.nz-choice-card,.nz-choice-card-input,.nz-dialog-popup,.nz-drawer-popup,.nz-menu-popup,.nz-popover-popup,.nz-radio-input,.nz-select-popup,.nz-switch-input,.nz-tooltip-popup){border:1px solid canvastext}:where(.nz-switch-thumb){forced-color-adjust:none;background:canvastext}:where(.nz-meter-track)::-moz-meter-bar{forced-color-adjust:none;background:highlight;outline-color:canvastext}:where(.nz-progress-bar-track)::-moz-progress-bar{forced-color-adjust:none;background:highlight;outline-color:canvastext}:where(.nz-meter-track)::-webkit-meter-even-less-good-value{forced-color-adjust:none;background:highlight;outline-color:canvastext}:where(.nz-meter-track)::-webkit-meter-optimum-value{forced-color-adjust:none;background:highlight;outline-color:canvastext}:where(.nz-meter-track)::-webkit-meter-suboptimum-value{forced-color-adjust:none;background:highlight;outline-color:canvastext}:where(.nz-progress-bar-track)::-webkit-progress-value{forced-color-adjust:none;background:highlight;outline-color:canvastext}:where(.nz-checkbox-input,.nz-choice-card-input,.nz-radio-input,.nz-switch-input):checked{forced-color-adjust:none;background:highlight;outline-color:canvastext}:where(.nz-chip,.nz-choice-card,.nz-segmented-control-item):has(>input:checked){outline:2px solid highlight}:where(.nz-checkbox-input):indeterminate{forced-color-adjust:none;background:highlight;outline-color:canvastext}:where(.nz-nav-item,.nz-pagination-page)[aria-current=page]{color:highlighttext;forced-color-adjust:none;background:highlight;outline-color:canvastext}:where(.nz-tab-nav-link)[aria-current=page]:before{forced-color-adjust:none;background:highlight;outline-color:canvastext}:where(.nz-icon-button)[aria-pressed=true],:where(.nz-menu-checkbox-item,.nz-menu-radio-item)[data-checked]{color:highlighttext;forced-color-adjust:none;background:highlight;outline-color:canvastext}:where(.nz-file-upload-dropzone)[data-drag-over]{outline:2px solid highlight}:where(.nz-select-item)[data-selected]{color:highlighttext;forced-color-adjust:none;background:highlight;outline-color:canvastext}:where(.nz-tabs-tab)[data-selected]:before{forced-color-adjust:none;background:highlight;outline-color:canvastext}}}@layer nz.utilities{.nz-visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}

package/dist/css/breadcrumb.css

@@ -0,0 +1,2 @@
+@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
+@layer nz.components{.nz-breadcrumb-list{align-items:center;gap:0 var(--nz-breadcrumb-gap,var(--nz-space-1-5));font:var(--nz-font-label-m);letter-spacing:var(--nz-tracking-label-m);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.nz-breadcrumb-item{align-items:center;gap:var(--nz-breadcrumb-gap,var(--nz-space-1-5));min-inline-size:0;display:inline-flex}.nz-breadcrumb-separator{inline-size:var(--nz-size-icon-sm);block-size:var(--nz-size-icon-sm);color:var(--nz-breadcrumb-separator-fg,var(--nz-icon-secondary));font-size:var(--nz-size-icon-sm);flex:none;justify-content:center;align-items:center;line-height:1;display:inline-flex;&>svg{block-size:100%;inline-size:100%}}.nz-breadcrumb-item:first-child>.nz-breadcrumb-separator{display:none}.nz-breadcrumb-link,.nz-breadcrumb-current{min-block-size:var(--nz-space-6);overflow-wrap:anywhere;align-items:center;display:inline-flex}.nz-breadcrumb-link{border-radius:var(--nz-radius-xs);color:var(--nz-breadcrumb-link-fg,var(--nz-text-secondary));transition:color var(--nz-duration-fast) var(--nz-easing-standard);text-decoration:none;@media (hover:hover){&:hover{color:var(--nz-breadcrumb-link-fg-hover,var(--nz-text-primary));text-underline-offset:var(--nz-space-1);text-decoration:underline}}}.nz-breadcrumb-current{color:var(--nz-breadcrumb-current-fg,var(--nz-text-primary));font-weight:var(--nz-font-label-m-strong-font-weight);letter-spacing:var(--nz-tracking-label-m-strong)}}

package/dist/css/card.css

@@ -1,2 +1,2 @@
 @layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
-@layer nz.components{.nz-card{--_nz-card-bg:var(--nz-bg-surface);--_nz-card-border:var(--nz-border-subtle);--_nz-card-padding:var(--nz-space-6);--_nz-card-shadow:none;gap:var(--nz-card-gap,var(--nz-space-5));padding:var(--nz-card-padding,var(--_nz-card-padding));border:var(--nz-border-width-default) solid var(--nz-card-border,var(--_nz-card-border));border-radius:var(--nz-card-radius,var(--nz-radius-xl));background:var(--nz-card-bg,var(--_nz-card-bg));box-shadow:var(--nz-card-shadow,var(--_nz-card-shadow));color:var(--nz-text-primary);flex-direction:column;display:flex}.nz-card[data-tone=subtle]{--_nz-card-bg:var(--nz-bg-subtle);--_nz-card-border:transparent}.nz-card[data-padding=sm]{--_nz-card-padding:var(--nz-space-5)}.nz-card[data-elevation="1"]{--_nz-card-shadow:var(--nz-elevation-1)}.nz-card[data-tone=inverse]{--_nz-card-border:transparent}.nz-card-header{align-items:center;gap:var(--nz-space-1) var(--nz-space-3);grid-template-columns:minmax(0,1fr);display:grid}.nz-card-title{font:var(--nz-card-title-font,var(--nz-font-heading-h4));letter-spacing:var(--nz-tracking-heading-h4);grid-column:1;margin:0}.nz-card-description{color:var(--nz-text-secondary);font:var(--nz-font-body-m);grid-column:1;margin:0}.nz-card-action{align-items:center;gap:var(--nz-space-2);color:var(--nz-icon-secondary);grid-area:1/2;display:flex}.nz-card-body{min-inline-size:0}.nz-card-footer{align-items:center;gap:var(--nz-space-3);flex-wrap:wrap;display:flex}@media (forced-colors:active){.nz-card{border-color:canvastext}}}
+@layer nz.components{.nz-card{--_nz-card-bg:var(--nz-bg-surface);--_nz-card-border:var(--nz-border-subtle);--_nz-card-padding:var(--nz-space-6);--_nz-card-shadow:none;--_nz-card-pill:initial;gap:var(--nz-card-gap,var(--nz-space-5));padding:var(--nz-card-padding,var(--_nz-card-padding));border:var(--nz-border-width-default) solid var(--nz-card-border,var(--_nz-card-border));border-radius:var(--nz-card-radius,var(--nz-radius-xl));background:var(--nz-card-bg,var(--_nz-card-bg));--nz-surface:var(--nz-card-bg,var(--_nz-card-bg));box-shadow:var(--nz-card-shadow,var(--_nz-card-shadow));color:var(--nz-text-primary);flex-direction:column;display:flex}.nz-card[data-tone=subtle]{--_nz-card-bg:var(--nz-bg-subtle);--_nz-card-border:transparent}.nz-card[data-tone=brand]{--_nz-card-bg:var(--nz-bg-brand-subtle);--_nz-card-border:transparent;--_nz-card-pill:var(--nz-bg-surface)}.nz-card[data-tone=accent]{--_nz-card-bg:var(--nz-bg-accent-subtle);--_nz-card-border:transparent;--_nz-card-pill:var(--nz-bg-surface)}.nz-card:is([data-tone=brand],[data-tone=accent]) .nz-delta{--_nz-delta-fill:var(--_nz-card-pill)}.nz-card[data-padding=sm]{--_nz-card-padding:var(--nz-space-5)}.nz-card[data-elevation="1"]{--_nz-card-shadow:var(--nz-elevation-1)}.nz-card[data-tone=inverse]{--_nz-card-border:transparent}.nz-card-header{align-items:center;gap:var(--nz-space-1) var(--nz-space-3);grid-template-columns:minmax(0,1fr);display:grid}.nz-card-title{font:var(--nz-card-title-font,var(--nz-font-heading-h4));letter-spacing:var(--nz-tracking-heading-h4);grid-column:1;margin:0}.nz-card-description{color:var(--nz-text-secondary);font:var(--nz-font-body-m);grid-column:1;margin:0}.nz-card-action{align-items:center;gap:var(--nz-space-2);color:var(--nz-icon-secondary);grid-area:1/2;display:flex}.nz-card-body{min-inline-size:0}.nz-card-footer{align-items:center;gap:var(--nz-space-3);flex-wrap:wrap;display:flex}@media (forced-colors:active){.nz-card{border-color:canvastext}}}

package/dist/css/chip-group.css

@@ -0,0 +1,2 @@
+@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
+@layer nz.components{.nz-chip-group{gap:var(--nz-chip-group-gap,var(--nz-space-2));flex-wrap:wrap;display:flex}.nz-chip{--_nz-chip-edge:var(--nz-border-default);--_nz-chip-edge-width:var(--nz-border-width-default);justify-content:center;align-items:center;gap:var(--nz-space-2);box-sizing:border-box;min-inline-size:var(--nz-size-control-lg);block-size:var(--nz-chip-height,var(--nz-size-control-md));padding-inline:var(--nz-space-4);border-radius:var(--nz-chip-radius,var(--nz-radius-full));background:var(--nz-chip-bg,var(--nz-bg-surface));box-shadow:inset 0 0 0 var(--_nz-chip-edge-width) var(--_nz-chip-edge);color:var(--nz-chip-fg,var(--nz-text-primary));font:var(--nz-font-label-m);letter-spacing:var(--nz-tracking-label-m);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--nz-duration-fast) var(--nz-easing-standard), box-shadow var(--nz-duration-fast) var(--nz-easing-standard), color var(--nz-duration-fast) var(--nz-easing-standard);flex:none;display:inline-flex;position:relative;@media (hover:hover){&:hover:not(:has(>input:disabled,>input:checked)){--_nz-chip-edge:var(--nz-border-strong)}}&:has(>input:checked){--_nz-chip-edge:var(--nz-chip-edge-selected,var(--nz-border-brand));--_nz-chip-edge-width:var(--nz-border-width-focus)}&:has(>input:disabled){--_nz-chip-edge:var(--nz-border-subtle);background:var(--nz-bg-disabled);color:var(--nz-text-disabled);cursor:not-allowed}&:has(>input:checked:disabled){--_nz-chip-edge:var(--nz-border-strong)}}.nz-chip:has(>.nz-chip-leading){padding-inline:var(--nz-space-2) var(--nz-space-3)}.nz-chip-group[data-invalid]>.nz-chip:not(:has(>input:checked)){--_nz-chip-edge:var(--nz-border-critical)}.nz-chip-input{opacity:0;appearance:none;cursor:inherit;margin:0;position:absolute;inset:0}.nz-chip-leading{inline-size:var(--nz-chip-leading-size,var(--nz-size-icon-lg));block-size:var(--nz-chip-leading-size,var(--nz-size-icon-lg));border-radius:var(--nz-radius-full);outline:var(--nz-border-width-default) solid var(--nz-border-subtle);outline-offset:calc(var(--nz-border-width-default) * -1);flex:none;display:inline-flex;position:relative;overflow:hidden;&>:not(.nz-chip-strike){object-fit:cover;block-size:100%;inline-size:100%}}.nz-chip-label{text-overflow:ellipsis;overflow:hidden}.nz-chip-strike{border-radius:inherit;background:linear-gradient(to top right, transparent calc(50% - var(--nz-border-width-default)), var(--nz-chip-strike,var(--nz-border-strong)) calc(50% - var(--nz-border-width-default)), var(--nz-chip-strike,var(--nz-border-strong)) calc(50% + var(--nz-border-width-default)), transparent calc(50% + var(--nz-border-width-default)));pointer-events:none;position:absolute;inset:0}.nz-chip:has(.nz-chip-strike):not(:has(>input:disabled)){color:var(--nz-text-secondary)}@media (forced-colors:active){.nz-chip:has(>input:disabled){color:graytext}.nz-chip-strike{forced-color-adjust:none;background:linear-gradient(to top right,#0000 calc(50% - 1px),canvastext calc(50% - 1px) calc(50% + 1px),#0000 calc(50% + 1px))}}}

package/dist/css/choice-card.css

@@ -0,0 +1,2 @@
+@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
+@layer nz.components{.nz-choice-card-group{gap:var(--nz-choice-card-group-gap,var(--nz-space-3));display:grid}.nz-choice-card{--_nz-choice-card-edge:var(--nz-border-default);--_nz-choice-card-edge-width:var(--nz-border-width-default);align-items:center;gap:var(--nz-choice-card-gap,var(--nz-space-3));box-sizing:border-box;min-block-size:var(--nz-size-control-lg);padding:var(--nz-choice-card-padding,var(--nz-space-4));border-radius:var(--nz-choice-card-radius,var(--nz-radius-lg));background:var(--nz-choice-card-bg,var(--nz-bg-surface));box-shadow:inset 0 0 0 var(--_nz-choice-card-edge-width) var(--_nz-choice-card-edge);color:var(--nz-choice-card-fg,var(--nz-text-primary));font:var(--nz-font-body-m);cursor:pointer;transition:background-color var(--nz-duration-fast) var(--nz-easing-standard), box-shadow var(--nz-duration-fast) var(--nz-easing-standard);display:flex;position:relative;@media (hover:hover){&:hover:not(:has(>input:disabled,>input:checked)){--_nz-choice-card-edge:var(--nz-border-strong)}}&:has(>input:checked){--_nz-choice-card-edge:var(--nz-choice-card-edge-selected,var(--nz-border-brand));--_nz-choice-card-edge-width:var(--nz-border-width-focus);background:var(--nz-choice-card-bg-selected,var(--nz-bg-brand-subtle))}&:has(>input:disabled){--_nz-choice-card-edge:var(--nz-border-subtle);background:var(--nz-bg-disabled);color:var(--nz-text-disabled);cursor:not-allowed}}.nz-choice-card-group[data-invalid]>.nz-choice-card:has(>input:checked){--_nz-choice-card-edge:var(--nz-border-critical)}.nz-choice-card-input{--_nz-choice-card-radio-bg:var(--nz-bg-surface);--_nz-choice-card-radio-border:var(--nz-border-control);--_nz-choice-card-radio-ring:transparent;appearance:none;box-sizing:border-box;border:var(--nz-border-width-default) solid var(--_nz-choice-card-radio-border);border-radius:var(--nz-radius-full);background:var(--_nz-choice-card-radio-bg);block-size:1.25rem;inline-size:1.25rem;box-shadow:inset 0 0 0 .3125rem var(--_nz-choice-card-radio-ring);font:inherit;cursor:inherit;transition:background-color var(--nz-duration-fast) var(--nz-easing-standard), border-color var(--nz-duration-fast) var(--nz-easing-standard), box-shadow var(--nz-duration-fast) var(--nz-easing-standard);outline:none;flex:none;margin:0;&:checked{--_nz-choice-card-radio-bg:var(--nz-text-on-brand);--_nz-choice-card-radio-border:var(--nz-choice-card-accent,var(--nz-bg-brand));--_nz-choice-card-radio-ring:var(--nz-choice-card-accent,var(--nz-bg-brand))}&:disabled{--_nz-choice-card-radio-bg:var(--nz-bg-disabled);--_nz-choice-card-radio-border:var(--nz-border-subtle)}&:disabled:checked{--_nz-choice-card-radio-bg:var(--nz-text-disabled);--_nz-choice-card-radio-border:var(--nz-bg-muted);--_nz-choice-card-radio-ring:var(--nz-bg-muted)}}@media (hover:hover){.nz-choice-card:hover>.nz-choice-card-input:not(:disabled,:checked){--_nz-choice-card-radio-border:var(--nz-border-control-hover)}}.nz-choice-card-group[data-invalid] .nz-choice-card-input:not(:checked){--_nz-choice-card-radio-border:var(--nz-border-critical)}.nz-choice-card-leading{flex:none;align-items:center;display:inline-flex}.nz-choice-card-content{gap:var(--nz-space-0-5);flex:auto;min-inline-size:0;display:grid}.nz-choice-card-label{align-items:center;gap:var(--nz-space-1);min-block-size:1lh;font:var(--nz-font-body-m-strong);flex-wrap:wrap;display:flex}.nz-choice-card-trailing{align-items:center;gap:var(--nz-space-2);flex:none;display:inline-flex}.nz-choice-card-description{min-block-size:1lh;color:var(--nz-choice-card-description-fg,var(--nz-text-secondary))}.nz-choice-card:has(>input:disabled) .nz-choice-card-description{color:var(--nz-text-disabled)}@media (forced-colors:active){.nz-choice-card-input:checked{--_nz-choice-card-radio-ring:Highlight;forced-color-adjust:none;background:highlighttext;border-color:highlight}.nz-choice-card-input:disabled:checked{--_nz-choice-card-radio-ring:GrayText;background:canvas;border-color:graytext}.nz-choice-card:has(>input:disabled){color:graytext}}}

package/dist/css/delta.css

@@ -1,2 +1,2 @@
 @layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
-@layer nz.components{.nz-delta{--_nz-delta-bg:var(--nz-bg-subtle);--_nz-delta-fg:var(--nz-text-secondary);align-items:center;gap:var(--nz-delta-gap,var(--nz-space-1));padding-block:var(--nz-space-1);padding-inline:var(--nz-delta-padding-inline,var(--nz-space-2));border-radius:var(--nz-delta-radius,var(--nz-radius-full));background:var(--nz-delta-bg,var(--_nz-delta-bg));color:var(--nz-delta-fg,var(--_nz-delta-fg));font:var(--nz-delta-font,var(--nz-font-label-m-strong));white-space:nowrap;display:inline-flex}.nz-delta-icon{inline-size:var(--nz-size-icon-sm);block-size:var(--nz-size-icon-sm);font-size:var(--nz-size-icon-sm);flex:none;display:inline-flex}.nz-delta-value{font-variant-numeric:tabular-nums;unicode-bidi:isolate}.nz-delta[data-tone=success]{--_nz-delta-bg:var(--nz-bg-success-subtle);--_nz-delta-fg:var(--nz-text-success)}.nz-delta[data-tone=critical]{--_nz-delta-bg:var(--nz-bg-critical-subtle);--_nz-delta-fg:var(--nz-text-critical)}@media (forced-colors:active){.nz-delta{outline-offset:-1px;outline:1px solid canvastext}}}
+@layer nz.components{.nz-delta{--_nz-delta-fill:initial;--_nz-delta-bg:var(--_nz-delta-fill,var(--nz-bg-subtle));--_nz-delta-fg:var(--nz-text-secondary);align-items:center;gap:var(--nz-delta-gap,var(--nz-space-1));padding-block:var(--nz-space-1);padding-inline:var(--nz-delta-padding-inline,var(--nz-space-2));border-radius:var(--nz-delta-radius,var(--nz-radius-full));background:var(--nz-delta-bg,var(--_nz-delta-bg));color:var(--nz-delta-fg,var(--_nz-delta-fg));font:var(--nz-delta-font,var(--nz-font-label-m-strong));white-space:nowrap;display:inline-flex}.nz-delta-icon{inline-size:var(--nz-size-icon-sm);block-size:var(--nz-size-icon-sm);font-size:var(--nz-size-icon-sm);flex:none;display:inline-flex}.nz-delta-value{font-variant-numeric:tabular-nums;unicode-bidi:isolate}.nz-delta[data-tone=success]{--_nz-delta-bg:var(--_nz-delta-fill,var(--nz-bg-success-subtle));--_nz-delta-fg:var(--nz-text-success)}.nz-delta[data-tone=critical]{--_nz-delta-bg:var(--_nz-delta-fill,var(--nz-bg-critical-subtle));--_nz-delta-fg:var(--nz-text-critical)}@media (forced-colors:active){.nz-delta{outline-offset:-1px;outline:1px solid canvastext}}}

package/dist/css/drawer.css

@@ -0,0 +1,2 @@
+@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
+@layer nz.components{.nz-drawer-trigger.nz-hit-target{min-block-size:1.5rem;min-inline-size:1.5rem}.nz-drawer-positioner{z-index:var(--nz-z-overlay);grid-template:minmax(0,1fr)/minmax(0,1fr);display:grid;position:fixed;inset:0}.nz-drawer-backdrop{background:var(--nz-bg-scrim);transition:opacity var(--nz-duration-base) var(--nz-easing-enter);position:fixed;inset:0;&[data-entering]{opacity:0}&[data-exiting]{opacity:0;transition:opacity var(--nz-duration-fade) var(--nz-easing-exit)}}.nz-drawer-popup{--_nz-drawer-width:27.5rem;--_nz-drawer-radius:var(--nz-drawer-radius,var(--nz-radius-xl));box-sizing:border-box;background:var(--nz-drawer-bg,var(--nz-bg-surface));min-block-size:0;box-shadow:var(--nz-elevation-4);transition:translate var(--nz-duration-slow) var(--nz-easing-enter), opacity var(--nz-duration-slow) var(--nz-easing-enter);flex-direction:column;display:flex;position:relative;&[data-exiting]{transition:translate var(--nz-duration-base) var(--nz-easing-exit), opacity var(--nz-duration-base) var(--nz-easing-exit)}&:is([data-entering],[data-exiting]){opacity:0}&:is([data-side=left],[data-side=right]){inline-size:min(var(--nz-drawer-width,var(--_nz-drawer-width)), 100% - var(--nz-space-12))}&[data-side=right]{border-radius:var(--_nz-drawer-radius) 0 0 var(--_nz-drawer-radius);justify-self:right}&[data-side=left]{border-radius:0 var(--_nz-drawer-radius) var(--_nz-drawer-radius) 0;justify-self:left}&[data-side=bottom]{max-block-size:calc(100% - var(--nz-space-12));border-radius:var(--_nz-drawer-radius) var(--_nz-drawer-radius) 0 0;align-self:end}&[data-side=right]:is([data-entering],[data-exiting]){translate:100%}&[data-side=left]:is([data-entering],[data-exiting]){translate:-100%}&[data-side=bottom]:is([data-entering],[data-exiting]){translate:0 100%}}@media (prefers-reduced-motion:reduce){.nz-drawer-popup[data-side]:is([data-entering],[data-exiting]){translate:none}}[data-nz-motion=reduce] .nz-drawer-popup:is([data-entering],[data-exiting]){translate:none}.nz-drawer-content{border-radius:inherit;flex-direction:column;flex:1;min-block-size:0;display:flex;overflow:clip;&:focus-visible{outline:none}}.nz-drawer-content>:not(.nz-drawer-close.nz-icon-button):is(:focus-visible,[data-focus-visible]){outline-offset:calc(-1 * var(--nz-border-width-focus))}.nz-drawer-content>.nz-drawer-close.nz-icon-button{--_nz-icon-button-fg:var(--nz-icon-secondary);position:absolute;inset-block-start:calc(var(--nz-space-5) - (var(--nz-size-control-md) - var(--nz-size-icon-md)) / 2);inset-inline-end:calc(var(--nz-space-5) - (var(--nz-size-control-md) - var(--nz-size-icon-md)) / 2)}.nz-drawer-header{gap:var(--nz-space-1);padding:var(--nz-space-5) var(--nz-space-5) var(--nz-space-5) var(--nz-space-6);border-block-end:var(--nz-border-width-default) solid var(--nz-border-subtle);flex-direction:column;display:flex}.nz-drawer-content:has(>.nz-drawer-close.nz-icon-button)>.nz-drawer-header{padding-inline-end:calc(var(--nz-space-5) + var(--nz-size-icon-md) + var(--nz-space-3))}.nz-drawer-title{color:var(--nz-text-primary);font:var(--nz-font-heading-h3);letter-spacing:var(--nz-tracking-heading-h3);margin:0}.nz-drawer-description{color:var(--nz-text-secondary);font:var(--nz-font-body-m);letter-spacing:var(--nz-tracking-body-m);margin:0}.nz-drawer-body{align-content:start;gap:var(--nz-space-4);min-block-size:0;padding:var(--nz-space-6);color:var(--nz-text-primary);font:var(--nz-font-body-m);letter-spacing:var(--nz-tracking-body-m);flex:1;display:grid;overflow:auto}.nz-drawer-footer{gap:var(--nz-space-3);padding:var(--nz-space-4) var(--nz-space-6);border-block-start:var(--nz-border-width-default) solid var(--nz-border-subtle);display:flex;&>*{flex:1}}@media (forced-colors:active){.nz-drawer-popup{border:1px solid canvastext}}}

package/dist/css/file-upload.css

@@ -0,0 +1,2 @@
+@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
+@layer nz.components{.nz-file-upload{gap:var(--nz-file-upload-gap,var(--nz-space-3));flex-direction:column;min-inline-size:0;display:flex}.nz-file-upload-dropzone{--_nz-file-upload-bg:var(--nz-bg-subtle);--_nz-file-upload-border:var(--nz-border-strong);--_nz-file-upload-icon-bg:var(--nz-bg-surface);--_nz-file-upload-icon-fg:var(--nz-icon-primary);align-items:center;gap:var(--nz-space-1);box-sizing:border-box;padding-block:var(--nz-file-upload-padding-block,var(--nz-space-6));padding-inline:var(--nz-file-upload-padding-inline,var(--nz-space-6));border:var(--nz-border-width-default) dashed var(--nz-file-upload-border,var(--_nz-file-upload-border));border-radius:var(--nz-file-upload-radius,var(--nz-radius-xl));background:var(--nz-file-upload-bg,var(--_nz-file-upload-bg));color:var(--nz-text-primary);text-align:center;transition:background-color var(--nz-duration-instant) var(--nz-easing-standard), border-color var(--nz-duration-instant) var(--nz-easing-standard);flex-direction:column;display:flex;position:relative;@media (hover:hover){&:hover:not([data-disabled],[data-drag-over]){--_nz-file-upload-border:var(--nz-border-control-hover)}}&[data-drag-over]{--_nz-file-upload-bg:var(--nz-bg-brand-subtle);--_nz-file-upload-border:var(--nz-border-brand);--_nz-file-upload-icon-bg:var(--nz-bg-brand);--_nz-file-upload-icon-fg:var(--nz-text-on-brand)}&[data-invalid]{--_nz-file-upload-border:var(--nz-border-critical)}&[data-disabled]{--_nz-file-upload-bg:var(--nz-bg-disabled);--_nz-file-upload-border:var(--nz-border-subtle);--_nz-file-upload-icon-fg:var(--nz-text-disabled);color:var(--nz-text-disabled)}}.nz-file-upload-input{opacity:0;cursor:pointer;border:0;outline:none;block-size:100%;inline-size:100%;margin:0;padding:0;position:absolute;inset:0;&:disabled{cursor:not-allowed}}.nz-file-upload-icon{box-sizing:border-box;inline-size:var(--nz-size-control-md);block-size:var(--nz-size-control-md);border:var(--nz-border-width-default) solid var(--nz-border-subtle);border-radius:var(--nz-radius-full);background:var(--nz-file-upload-icon-bg,var(--_nz-file-upload-icon-bg));color:var(--nz-file-upload-icon-fg,var(--_nz-file-upload-icon-fg));font-size:var(--nz-size-icon-md);flex:none;justify-content:center;align-items:center;margin-block-end:var(--nz-space-2);display:inline-flex}.nz-file-upload-prompt{max-inline-size:100%;min-block-size:var(--nz-font-label-m-line-height);font:var(--nz-font-label-m);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.nz-file-upload-browse{color:var(--nz-file-upload-browse-fg,var(--nz-text-brand));font:var(--nz-font-label-m-strong)}.nz-file-upload-dropzone[data-disabled] .nz-file-upload-browse{color:inherit}.nz-file-upload-hint{color:var(--nz-file-upload-hint-fg,var(--nz-text-secondary));font:var(--nz-font-body-m)}.nz-file-upload-dropzone[data-disabled] .nz-file-upload-hint{color:inherit}.nz-file-upload-messages{gap:var(--nz-space-1);flex-direction:column;display:flex;&:empty{display:none}}.nz-file-upload-list{gap:var(--nz-space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.nz-file-upload-item{align-items:center;column-gap:var(--nz-space-3);row-gap:var(--nz-space-0-5);box-sizing:border-box;padding-block:var(--nz-space-2);padding-inline:var(--nz-space-3) var(--nz-space-2);border:var(--nz-border-width-default) solid var(--nz-border-subtle);border-radius:var(--nz-file-upload-item-radius,var(--nz-radius-md));background:var(--nz-file-upload-item-bg,var(--nz-bg-surface));grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name actions""status actions";display:grid;&[data-error]{border-color:var(--nz-border-critical)}}.nz-file-upload-item-name{min-inline-size:0;color:var(--nz-text-primary);font:var(--nz-font-label-m);text-overflow:ellipsis;white-space:nowrap;grid-area:name;overflow:hidden}.nz-file-upload-item-status{align-items:center;gap:var(--nz-space-2);min-inline-size:0;block-size:var(--nz-font-body-s-line-height);color:var(--nz-text-secondary);font:var(--nz-font-body-s);grid-area:status;display:flex;&>.nz-progress-bar{flex:auto;min-inline-size:0}}.nz-file-upload-item-size{font-variant-numeric:tabular-nums;unicode-bidi:isolate;flex:none}.nz-file-upload-item-complete,.nz-file-upload-item-error{align-items:center;gap:var(--nz-space-1);text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;display:inline-flex;overflow:hidden;&>.nz-glyph{font-size:var(--nz-size-icon-sm);flex:none}}.nz-file-upload-item-complete{color:var(--nz-text-success)}.nz-file-upload-item-error{color:var(--nz-text-critical)}.nz-file-upload-item-actions{align-items:center;gap:var(--nz-space-1);grid-area:actions;display:inline-flex}@media (forced-colors:active){.nz-file-upload-browse{text-decoration:underline}.nz-file-upload-dropzone[data-disabled]{color:graytext;border-color:graytext}}}

package/dist/css/form.css

@@ -0,0 +1,2 @@
+@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
+@layer nz.components{.nz-form-summary{border-radius:var(--nz-radius-lg)}.nz-form-summary-list{gap:var(--nz-space-1);flex-direction:column;margin:0;padding-inline-start:var(--nz-space-4);display:flex}.nz-form-summary-link{border-radius:var(--nz-radius-xs);color:var(--nz-form-summary-link-fg,var(--nz-text-critical));text-underline-offset:var(--nz-space-1);text-decoration:underline;@media (hover:hover){&:hover{text-decoration-thickness:2px}}}}

package/dist/css/heading.css

@@ -1,2 +1,2 @@
 @layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
-@layer nz.components{.nz-heading{--_nz-heading-font:var(--nz-font-heading-h2);--_nz-heading-tracking:var(--nz-tracking-heading-h2);font:var(--_nz-heading-font);letter-spacing:var(--_nz-heading-tracking);margin:0}.nz-heading[data-tone]{color:var(--_nz-heading-fg)}.nz-heading[data-variant=display-l]{--_nz-heading-font:var(--nz-font-display-l);--_nz-heading-tracking:var(--nz-tracking-display-l)}.nz-heading[data-variant=display-m]{--_nz-heading-font:var(--nz-font-display-m);--_nz-heading-tracking:var(--nz-tracking-display-m)}.nz-heading[data-variant=heading-h1]{--_nz-heading-font:var(--nz-font-heading-h1);--_nz-heading-tracking:var(--nz-tracking-heading-h1)}.nz-heading[data-variant=heading-h3]{--_nz-heading-font:var(--nz-font-heading-h3);--_nz-heading-tracking:var(--nz-tracking-heading-h3)}.nz-heading[data-variant=heading-h4]{--_nz-heading-font:var(--nz-font-heading-h4);--_nz-heading-tracking:var(--nz-tracking-heading-h4)}.nz-heading[data-tone=primary]{--_nz-heading-fg:var(--nz-text-primary)}.nz-heading[data-tone=secondary]{--_nz-heading-fg:var(--nz-text-secondary)}.nz-heading[data-tone=tertiary]{--_nz-heading-fg:var(--nz-text-tertiary)}.nz-heading[data-tone=disabled]{--_nz-heading-fg:var(--nz-text-disabled)}.nz-heading[data-tone=inverse]{--_nz-heading-fg:var(--nz-text-inverse)}.nz-heading[data-tone=on-brand]{--_nz-heading-fg:var(--nz-text-on-brand)}.nz-heading[data-tone=on-accent]{--_nz-heading-fg:var(--nz-text-on-accent)}.nz-heading[data-tone=on-critical]{--_nz-heading-fg:var(--nz-text-on-critical)}.nz-heading[data-tone=brand]{--_nz-heading-fg:var(--nz-text-brand)}.nz-heading[data-tone=accent]{--_nz-heading-fg:var(--nz-text-accent)}.nz-heading[data-tone=success]{--_nz-heading-fg:var(--nz-text-success)}.nz-heading[data-tone=warning]{--_nz-heading-fg:var(--nz-text-warning)}.nz-heading[data-tone=critical]{--_nz-heading-fg:var(--nz-text-critical)}.nz-heading[data-tone=info]{--_nz-heading-fg:var(--nz-text-info)}}
+@layer nz.components{.nz-heading{--_nz-heading-font:var(--nz-font-heading-h2);--_nz-heading-tracking:var(--nz-tracking-heading-h2);font:var(--_nz-heading-font);letter-spacing:var(--_nz-heading-tracking);margin:0}.nz-heading[data-tone]{color:var(--_nz-heading-fg)}.nz-heading[data-variant=display-l]{--_nz-heading-font:var(--nz-font-display-l);--_nz-heading-tracking:var(--nz-tracking-display-l)}.nz-heading[data-variant=display-m]{--_nz-heading-font:var(--nz-font-display-m);--_nz-heading-tracking:var(--nz-tracking-display-m)}.nz-heading[data-variant=heading-h1]{--_nz-heading-font:var(--nz-font-heading-h1);--_nz-heading-tracking:var(--nz-tracking-heading-h1)}.nz-heading[data-variant=heading-h3]{--_nz-heading-font:var(--nz-font-heading-h3);--_nz-heading-tracking:var(--nz-tracking-heading-h3)}.nz-heading[data-variant=heading-h4]{--_nz-heading-font:var(--nz-font-heading-h4);--_nz-heading-tracking:var(--nz-tracking-heading-h4)}.nz-heading[data-tone=primary]{--_nz-heading-fg:var(--nz-text-primary)}.nz-heading[data-tone=secondary]{--_nz-heading-fg:var(--nz-text-secondary)}.nz-heading[data-tone=tertiary]{--_nz-heading-fg:var(--nz-text-tertiary)}.nz-heading[data-tone=disabled]{--_nz-heading-fg:var(--nz-text-disabled)}.nz-heading[data-tone=inverse]{--_nz-heading-fg:var(--nz-text-inverse)}.nz-heading[data-tone=on-brand]{--_nz-heading-fg:var(--nz-text-on-brand)}.nz-heading[data-tone=on-accent]{--_nz-heading-fg:var(--nz-text-on-accent)}.nz-heading[data-tone=on-critical]{--_nz-heading-fg:var(--nz-text-on-critical)}.nz-heading[data-tone=brand],.nz-heading[data-tone=accent]{--_nz-heading-fg:var(--nz-text-brand)}.nz-heading[data-tone=success]{--_nz-heading-fg:var(--nz-text-success)}.nz-heading[data-tone=warning]{--_nz-heading-fg:var(--nz-text-warning)}.nz-heading[data-tone=critical]{--_nz-heading-fg:var(--nz-text-critical)}.nz-heading[data-tone=info]{--_nz-heading-fg:var(--nz-text-info)}}

package/dist/css/kpi-tile.css

@@ -0,0 +1,2 @@
+@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
+@layer nz.components{.nz-card.nz-kpi-tile{min-inline-size:0}.nz-kpi-tile>.nz-metric{flex:auto}.nz-kpi-tile>.nz-metric>.nz-metric-change{margin-block-start:auto}}

package/dist/css/metric.css

@@ -0,0 +1,2 @@
+@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
+@layer nz.components{.nz-metric{--_nz-metric-gap:var(--nz-space-4);--_nz-metric-value-font:var(--nz-font-numeric-kpi);--_nz-metric-value-tracking:var(--nz-tracking-numeric-kpi);--_nz-metric-value-size:var(--nz-font-numeric-kpi-font-size);--_nz-metric-value-line:calc(var(--nz-font-numeric-kpi-font-size) * var(--nz-font-numeric-kpi-line-height));--_nz-metric-change-line:calc(var(--nz-font-label-m-strong-font-size) * var(--nz-font-label-m-strong-line-height) + 2 * var(--nz-space-1));gap:var(--nz-metric-gap,var(--_nz-metric-gap));min-inline-size:0;color:var(--nz-text-primary);flex-direction:column;display:flex}.nz-metric[data-size=display]{--_nz-metric-gap:var(--nz-space-2);--_nz-metric-value-font:var(--nz-font-numeric-display);--_nz-metric-value-tracking:var(--nz-tracking-numeric-display);--_nz-metric-value-size:var(--nz-font-numeric-display-font-size);--_nz-metric-value-line:calc(var(--nz-font-numeric-display-font-size) * var(--nz-font-numeric-display-line-height))}.nz-metric-label{color:var(--nz-text-secondary);font:var(--nz-font-label-m);letter-spacing:var(--nz-tracking-label-m)}.nz-metric-value-row{align-items:flex-end;gap:var(--nz-space-3);min-block-size:var(--_nz-metric-value-line);display:flex}.nz-metric[data-size=display] .nz-metric-value-row{align-items:center}.nz-metric-value{font:var(--_nz-metric-value-font);letter-spacing:var(--_nz-metric-value-tracking);flex:none}.nz-metric-value-row>.nz-metric-value-skeleton{inline-size:min(100%,4em);block-size:var(--_nz-metric-value-line);font-size:var(--_nz-metric-value-size);flex:none}.nz-metric-empty{color:var(--nz-text-secondary);font:var(--_nz-metric-value-font);letter-spacing:var(--_nz-metric-value-tracking);flex:none}.nz-metric-value-row>.nz-inline-error{white-space:nowrap;align-self:center;min-inline-size:0}.nz-metric-value-row>.nz-inline-error>.nz-inline-error-message{text-overflow:ellipsis;min-inline-size:0;overflow:hidden}.nz-metric-chart{--_nz-metric-chart-inline:var(--nz-metric-chart-max-inline-size,5.5rem);--_nz-metric-chart-block:var(--nz-metric-chart-max-block-size,1.75rem);flex:0 auto;justify-content:flex-end;min-inline-size:0;margin-inline-start:auto;display:flex;overflow:hidden}.nz-metric-chart>*{max-inline-size:min(100%, var(--_nz-metric-chart-inline));max-block-size:var(--_nz-metric-chart-block)}.nz-metric-change{align-items:center;gap:var(--nz-space-2);min-inline-size:0;min-block-size:var(--_nz-metric-change-line);display:flex}.nz-metric-change>*{flex:none}.nz-metric[data-size=display] .nz-metric-change{flex:0 auto}.nz-metric-change>.nz-metric-comparison{min-inline-size:0;color:var(--nz-text-tertiary);font:var(--nz-font-body-m);letter-spacing:var(--nz-tracking-body-m);text-overflow:ellipsis;white-space:nowrap;flex:0 auto;overflow:hidden}.nz-metric-change>.nz-metric-change-skeleton{inline-size:4rem;block-size:var(--_nz-metric-change-line);border-radius:var(--nz-radius-full)}}

package/dist/css/mobile-tab-bar.css

@@ -0,0 +1,2 @@
+@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
+@layer nz.components{.nz-mobile-tab-bar{box-sizing:border-box;padding-block:var(--nz-space-2) calc(var(--nz-space-2) + env(safe-area-inset-bottom,0px));padding-inline:var(--nz-space-2);border-block-start:var(--nz-border-width-default) solid var(--nz-mobile-tab-bar-border,var(--nz-border-subtle));background:var(--nz-mobile-tab-bar-bg,var(--nz-bg-surface));color:var(--nz-text-secondary)}.nz-mobile-tab-bar-list{margin:0;padding:0;list-style:none;display:flex}.nz-mobile-tab-bar-item,.nz-mobile-tab-bar-more{flex:1 1 0;min-inline-size:0;display:flex}.nz-mobile-tab-bar-link,.nz-mobile-tab-bar-more-trigger{align-items:center;gap:var(--nz-space-1);box-sizing:border-box;min-inline-size:0;min-block-size:var(--nz-space-16);padding-block:var(--nz-space-1-5);border-radius:var(--nz-radius-md);color:var(--nz-text-secondary);font:var(--nz-font-label-m);letter-spacing:var(--nz-tracking-label-m);cursor:pointer;background:0 0;border:0;flex-direction:column;flex:auto;margin:0;padding-inline:0;text-decoration:none;display:flex;&:is([aria-current=page],[data-current]){color:var(--nz-text-brand);font-weight:var(--nz-font-label-m-strong-font-weight);letter-spacing:var(--nz-tracking-label-m-strong)}}.nz-mobile-tab-bar-indicator,.nz-mobile-tab-bar-more-indicator{padding:var(--nz-space-1) var(--nz-space-4);border-radius:var(--nz-radius-full);color:var(--nz-icon-secondary);transition:background-color var(--nz-duration-fast) var(--nz-easing-standard);justify-content:center;align-items:center;display:inline-flex;position:relative;@media (hover:hover){:is(.nz-mobile-tab-bar-link,.nz-mobile-tab-bar-more-trigger):hover:not([aria-current=page],[data-current])>&{background:var(--nz-bg-muted)}}:is(.nz-mobile-tab-bar-link,.nz-mobile-tab-bar-more-trigger):active:not([aria-current=page],[data-current])>&{background:var(--nz-bg-pressed)}:is(.nz-mobile-tab-bar-link,.nz-mobile-tab-bar-more-trigger):is([aria-current=page],[data-current])>&{background:var(--nz-bg-brand-subtle);color:var(--nz-icon-brand)}}.nz-mobile-tab-bar-icon{inline-size:var(--nz-size-icon-md);block-size:var(--nz-size-icon-md);font-size:var(--nz-size-icon-md);display:inline-flex;&>svg{block-size:100%;inline-size:100%}}.nz-mobile-tab-bar-count{box-sizing:border-box;min-inline-size:var(--nz-space-5);padding-inline:var(--nz-space-1);border:2px solid var(--nz-mobile-tab-bar-bg,var(--nz-bg-surface));border-radius:var(--nz-radius-full);background:var(--nz-bg-brand);color:var(--nz-text-on-brand);font:var(--nz-font-label-s);letter-spacing:var(--nz-tracking-label-s);font-variant-numeric:tabular-nums;text-align:center;position:absolute;inset-block-start:calc(var(--nz-space-1) * -1);inset-inline-end:0}.nz-mobile-tab-bar-label,.nz-mobile-tab-bar-more-label{text-overflow:ellipsis;white-space:nowrap;max-inline-size:100%;overflow:hidden}.nz-mobile-tab-bar-more-sheet{gap:var(--nz-space-1);flex-direction:column;display:flex}@media (forced-colors:active){.nz-mobile-tab-bar{border-block-start-color:canvastext}.nz-mobile-tab-bar-link[aria-current=page]>.nz-mobile-tab-bar-indicator,.nz-mobile-tab-bar-more-trigger[data-current]>.nz-mobile-tab-bar-more-indicator{color:highlighttext;forced-color-adjust:none;background:highlight}.nz-mobile-tab-bar-count{color:canvas;forced-color-adjust:none;background:canvastext;border-color:canvas}}}

package/dist/css/mobile-top-bar.css

@@ -0,0 +1,2 @@
+@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
+@layer nz.components{.nz-mobile-top-bar{align-items:center;gap:var(--nz-space-3);box-sizing:border-box;min-inline-size:0;padding-block:var(--nz-space-3);padding-inline:var(--nz-mobile-top-bar-padding-inline,var(--nz-space-4));border-block-end:var(--nz-border-width-default) solid var(--nz-mobile-top-bar-border,var(--nz-border-subtle));background:var(--nz-mobile-top-bar-bg,var(--nz-bg-canvas));color:var(--nz-text-primary);display:flex}.nz-mobile-top-bar-mark{inline-size:var(--nz-space-8);block-size:var(--nz-space-8);border-radius:var(--nz-radius-sm);background:var(--nz-mobile-top-bar-mark-bg,var(--nz-bg-brand));color:var(--nz-text-on-brand);font:var(--nz-font-label-m-strong);letter-spacing:var(--nz-tracking-label-m-strong);flex:none;justify-content:center;align-items:center;display:inline-flex;overflow:hidden;&>:is(img,svg){object-fit:cover;block-size:100%;inline-size:100%}}.nz-mobile-top-bar-title{min-inline-size:0;font:var(--nz-font-heading-h4);letter-spacing:var(--nz-tracking-heading-h4);text-overflow:ellipsis;white-space:nowrap;flex:1 1 0;overflow:hidden}.nz-mobile-top-bar-actions{align-items:center;gap:var(--nz-space-1);flex:none;display:flex}@media (forced-colors:active){.nz-mobile-top-bar{border-block-end-color:canvastext}.nz-mobile-top-bar-mark{border:1px solid canvastext}}}

package/dist/css/motion.css

@@ -0,0 +1,2 @@
+@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
+@layer nz.components{.nz-count-up-value{font-variant-numeric:tabular-nums;white-space:nowrap;text-align:end;display:inline-block}.nz-count-up-label{-webkit-user-select:none;user-select:none}}

package/dist/css/nav-item.css

@@ -0,0 +1,2 @@
+@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
+@layer nz.components{.nz-nav-item{align-items:center;gap:var(--nz-nav-item-gap,var(--nz-space-3));box-sizing:border-box;min-inline-size:0;block-size:var(--nz-nav-item-height,var(--nz-size-control-md));padding-inline:var(--nz-space-3);border-radius:var(--nz-nav-item-radius,var(--nz-radius-md));background:var(--nz-nav-item-bg,transparent);color:var(--nz-nav-item-fg,var(--nz-text-secondary));font:var(--nz-font-label-m);letter-spacing:var(--nz-tracking-label-m);cursor:pointer;transition:background-color var(--nz-duration-fast) var(--nz-easing-standard), color var(--nz-duration-fast) var(--nz-easing-standard);text-decoration:none;display:flex;@media (hover:hover){&:hover:not([aria-current=page],[data-disabled]){background:var(--nz-nav-item-bg-hover,var(--nz-bg-muted));color:var(--nz-text-primary)}}&:active:not([aria-current=page],[data-disabled]){background:var(--nz-bg-pressed)}&[aria-current=page]{background:var(--nz-nav-item-bg-current,var(--nz-bg-brand-subtle));color:var(--nz-nav-item-fg-current,var(--nz-text-brand));font-weight:var(--nz-font-label-m-strong-font-weight);letter-spacing:var(--nz-tracking-label-m-strong)}&[data-disabled]{color:var(--nz-text-disabled);cursor:not-allowed}}.nz-nav-item-icon{inline-size:var(--nz-size-icon-md);block-size:var(--nz-size-icon-md);color:var(--nz-nav-item-icon-fg,var(--nz-icon-secondary));font-size:var(--nz-size-icon-md);flex:none;display:inline-flex;position:relative;&>svg{block-size:100%;inline-size:100%}}.nz-nav-item[aria-current=page]>.nz-nav-item-icon{color:var(--nz-icon-brand)}.nz-nav-item[data-disabled]>.nz-nav-item-icon{color:var(--nz-text-disabled)}.nz-nav-item-label{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-inline-size:0;overflow:hidden}.nz-nav-item-count{padding-inline:var(--nz-space-1-5);border-radius:var(--nz-radius-full);background:var(--nz-nav-item-count-bg,var(--nz-bg-muted));color:var(--nz-text-secondary);font:var(--nz-font-label-m-strong);letter-spacing:var(--nz-tracking-label-m-strong);font-variant-numeric:tabular-nums;flex:none}.nz-nav-item[aria-current=page]>.nz-nav-item-count{background:var(--nz-nav-item-count-bg-current,var(--nz-bg-brand));color:var(--nz-text-on-brand)}.nz-nav-item[data-disabled]>.nz-nav-item-count{color:var(--nz-text-disabled)}@container nz-sidebar (inline-size<10rem){.nz-nav-item{inline-size:var(--nz-nav-item-height,var(--nz-size-control-md));justify-content:center;padding-inline:0;position:relative}:is(.nz-nav-item-label,.nz-nav-item-count){clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.nz-nav-item:has(>.nz-nav-item-count)>.nz-nav-item-icon:after{content:"";inline-size:var(--nz-space-2);block-size:var(--nz-space-2);border-radius:var(--nz-radius-full);background:var(--nz-nav-item-count-bg-current,var(--nz-bg-brand));position:absolute;inset-block-start:calc(var(--nz-space-0-5) * -1);inset-inline-end:calc(var(--nz-space-0-5) * -1)}}@media (forced-colors:active){.nz-nav-item[aria-current=page]{color:highlighttext;forced-color-adjust:none;background:highlight}.nz-nav-item[aria-current=page]>.nz-nav-item-icon{color:highlighttext}.nz-nav-item-count{border:1px solid canvastext}.nz-nav-item[aria-current=page]>.nz-nav-item-count{color:highlighttext;background:highlight;border-color:highlighttext}.nz-nav-item[data-disabled]{color:graytext}@container nz-sidebar (inline-size<10rem){.nz-nav-item:has(>.nz-nav-item-count)>.nz-nav-item-icon:after{forced-color-adjust:none;background:canvastext}.nz-nav-item[aria-current=page]:has(>.nz-nav-item-count)>.nz-nav-item-icon:after{background:highlighttext}}}}

package/dist/css/number-value.css

@@ -0,0 +1,2 @@
+@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
+@layer nz.components{.nz-number-value{font-variant-numeric:tabular-nums;white-space:nowrap;unicode-bidi:isolate}}

package/dist/css/page-header.css

@@ -0,0 +1,2 @@
+@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
+@layer nz.components{.nz-page-header{align-items:center;gap:var(--nz-page-header-gap,var(--nz-space-4));color:var(--nz-text-primary);flex-wrap:wrap;display:flex}.nz-page-header-content{gap:var(--nz-space-1);flex-direction:column;flex:auto;min-inline-size:0;display:flex}.nz-page-header-heading{align-items:center;gap:var(--nz-space-3);flex-wrap:wrap;min-inline-size:0;display:flex}.nz-page-header-title{--_nz-page-header-title-font:var(--nz-font-heading-h2);--_nz-page-header-title-tracking:var(--nz-tracking-heading-h2);font:var(--nz-page-header-title-font,var(--_nz-page-header-title-font));letter-spacing:var(--_nz-page-header-title-tracking);overflow-wrap:anywhere;margin:0}.nz-page-header-meta{align-items:center;gap:var(--nz-space-2);flex-wrap:wrap;display:flex}.nz-page-header-description{color:var(--nz-text-secondary);font:var(--nz-font-body-m);letter-spacing:var(--nz-tracking-body-m);margin:0}.nz-page-header-actions{align-items:center;gap:var(--nz-space-3);flex-wrap:wrap;display:flex}@media (width>=40rem){.nz-page-header-title{--_nz-page-header-title-font:var(--nz-font-heading-h1);--_nz-page-header-title-tracking:var(--nz-tracking-heading-h1)}.nz-page-header-content{flex-basis:0}.nz-page-header-actions{margin-inline-start:auto}}}

package/dist/css/pagination.css

@@ -0,0 +1,2 @@
+@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
+@layer nz.components{.nz-pagination{--_nz-pagination-size:var(--nz-size-control-md);justify-content:space-between;align-items:center;gap:var(--nz-space-2) var(--nz-space-4);flex-wrap:wrap;display:flex}.nz-pagination[data-size=sm]{--_nz-pagination-size:var(--nz-size-control-sm)}.nz-pagination-summary{color:var(--nz-pagination-summary-fg,var(--nz-text-secondary));font:var(--nz-font-body-m);font-variant-numeric:tabular-nums;margin:0}.nz-pagination-list{align-items:center;gap:var(--nz-pagination-gap,var(--nz-space-1));margin:0;flex-wrap:wrap;margin-inline-start:auto;padding:0;list-style:none;display:flex}.nz-pagination-page,.nz-pagination-step,.nz-pagination-ellipsis{box-sizing:border-box;min-inline-size:var(--_nz-pagination-size);block-size:var(--_nz-pagination-size);padding-inline:var(--nz-space-1);border:var(--nz-border-width-default) solid transparent;border-radius:var(--nz-pagination-radius,var(--nz-radius-sm));color:var(--nz-pagination-fg,var(--nz-text-secondary));font:var(--nz-font-label-m);letter-spacing:var(--nz-tracking-label-m);font-variant-numeric:tabular-nums;transition:background-color var(--nz-duration-fast) var(--nz-easing-standard), color var(--nz-duration-fast) var(--nz-easing-standard);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.nz-pagination-step{border-color:var(--nz-pagination-step-border,var(--nz-border-default));color:var(--nz-pagination-step-fg,var(--nz-icon-secondary))}.nz-pagination-page:is(button),.nz-pagination-step:is(button){cursor:pointer;background:0 0;margin:0}@media (hover:hover){.nz-pagination-page:not([aria-current=page]):hover,.nz-pagination-step:not([data-disabled]):hover{background:var(--nz-pagination-bg-hover,var(--nz-bg-hover));color:var(--nz-text-primary)}}.nz-pagination-page[aria-current=page]{background:var(--nz-pagination-bg-current,var(--nz-bg-inverse));color:var(--nz-pagination-fg-current,var(--nz-text-inverse))}.nz-pagination-step[data-disabled]{color:var(--nz-text-disabled);cursor:not-allowed}.nz-pagination-icon{inline-size:var(--nz-size-icon-sm);block-size:var(--nz-size-icon-sm);font-size:var(--nz-size-icon-sm);flex:none;display:inline-flex;&>svg{block-size:100%;inline-size:100%}}.nz-pagination-previous>.nz-pagination-icon>.nz-glyph{rotate:180deg}@media (forced-colors:active){.nz-pagination-page[aria-current=page]{color:highlighttext;forced-color-adjust:none;background:highlight}.nz-pagination-step[data-disabled]{color:graytext}}}

package/dist/css/password-input.css

@@ -0,0 +1,2 @@
+@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
+@layer nz.components{.nz-password-input-toggle{box-sizing:border-box;inline-size:var(--nz-space-6);block-size:var(--nz-space-6);border-radius:var(--nz-radius-sm);color:var(--nz-password-input-toggle-fg,var(--nz-icon-secondary));font-size:var(--nz-size-icon-sm);cursor:pointer;transition:background-color var(--nz-duration-fast) var(--nz-easing-standard), color var(--nz-duration-fast) var(--nz-easing-standard);background:0 0;border:0;flex:none;justify-content:center;align-items:center;margin-inline-end:calc(-1 * var(--nz-space-1));padding:0;display:inline-flex;@media (hover:hover){&:hover:not(:disabled){background:var(--nz-bg-hover);color:var(--nz-icon-primary)}}&:active:not(:disabled){background:var(--nz-bg-pressed)}&:disabled{color:var(--nz-text-disabled);cursor:not-allowed}}.nz-password-input-icon{display:inline-flex}.nz-password-input:has(>.nz-password-input-toggle:focus){box-shadow:none;outline:none}@media (forced-colors:active){.nz-password-input-toggle{color:buttontext}.nz-password-input-toggle:disabled{color:graytext}}}

package/dist/css/popover.css

@@ -0,0 +1,2 @@
+@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
+@layer nz.components{.nz-popover-trigger.nz-hit-target{min-block-size:1.5rem;min-inline-size:1.5rem}.nz-popover-popup{z-index:var(--nz-z-overlay);box-sizing:border-box;inline-size:var(--nz-popover-width,max-content);max-inline-size:min(22.5rem, 100vw - 2 * var(--nz-space-4));max-block-size:var(--nz-available-height);border:var(--nz-border-width-default) solid var(--nz-popover-border,var(--nz-border-subtle));border-radius:var(--nz-popover-radius,var(--nz-radius-lg));background:var(--nz-popover-bg,var(--nz-bg-surface-raised));box-shadow:var(--nz-popover-shadow,var(--nz-elevation-3));color:var(--nz-text-primary);font:var(--nz-font-body-m);letter-spacing:var(--nz-tracking-body-m);transform-origin:var(--nz-transform-origin);transition:scale var(--nz-duration-spring) var(--nz-easing-spring), opacity var(--nz-duration-spring) var(--nz-easing-enter);flex-direction:column;display:flex;overflow:auto;&[data-entering]{opacity:0;scale:var(--nz-scale-enter)}&[data-exiting]{opacity:0;transition:opacity var(--nz-duration-fade) var(--nz-easing-exit)}}.nz-popover-content{gap:var(--nz-space-2);padding:var(--nz-space-4);flex-direction:column;display:flex;&:focus-visible{outline:none}}.nz-popover-title{color:var(--nz-text-primary);font:var(--nz-font-heading-h4);letter-spacing:var(--nz-tracking-heading-h4);margin:0}.nz-popover-description{color:var(--nz-text-secondary);font:var(--nz-font-body-m);letter-spacing:var(--nz-tracking-body-m);margin:0}.nz-popover-content>.nz-popover-close.nz-icon-button{--_nz-icon-button-fg:var(--nz-icon-secondary);position:absolute;inset-block-start:var(--nz-space-2);inset-inline-end:var(--nz-space-2)}.nz-popover-content:has(>.nz-popover-close.nz-icon-button)>.nz-popover-title{padding-inline-end:var(--nz-space-6)}@media (forced-colors:active){.nz-popover-popup{border-color:canvastext}}}

package/dist/css/ranked-list.css

@@ -0,0 +1,2 @@
+@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
+@layer nz.components{.nz-card.nz-ranked-list{gap:var(--nz-ranked-list-gap,var(--nz-space-4));min-inline-size:0}.nz-ranked-list-header{justify-content:space-between;align-items:center;gap:var(--nz-space-1) var(--nz-space-3);flex-wrap:wrap;display:flex}.nz-ranked-list-title{font:var(--nz-ranked-list-title-font,var(--nz-font-heading-h4));letter-spacing:var(--nz-tracking-heading-h4);margin:0}.nz-ranked-list-action{min-block-size:var(--nz-space-6);border-radius:var(--nz-radius-xs);color:var(--nz-ranked-list-action-fg,var(--nz-text-brand));font:var(--nz-font-label-m);letter-spacing:var(--nz-tracking-label-m);align-items:center;text-decoration:none;display:inline-flex;@media (hover:hover){&:hover{text-underline-offset:var(--nz-space-1);text-decoration:underline}}}.nz-ranked-list-list,.nz-ranked-list-reserve{gap:var(--nz-ranked-list-gap,var(--nz-space-4));flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.nz-ranked-list-item,.nz-ranked-list-placeholder{gap:var(--nz-space-2);flex-direction:column;min-inline-size:0;display:flex}.nz-ranked-list-row{justify-content:space-between;align-items:flex-start;gap:var(--nz-space-3);min-block-size:1lh;font:var(--nz-font-label-m);letter-spacing:var(--nz-tracking-label-m);display:flex}.nz-ranked-list-label{min-inline-size:0;color:var(--nz-ranked-list-label-fg,var(--nz-text-primary));text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nz-ranked-list-value{color:var(--nz-ranked-list-value-fg,var(--nz-text-primary));font:var(--nz-font-numeric-m);letter-spacing:var(--nz-tracking-numeric-m);flex:none}.nz-ranked-list-track{block-size:var(--nz-ranked-list-track-size,var(--nz-space-1-5));border-radius:var(--nz-radius-full);background:var(--nz-ranked-list-track-bg,var(--nz-chart-track));display:block;overflow:hidden}.nz-ranked-list-bar{block-size:100%;inline-size:100%;display:block}.nz-ranked-list-fill{fill:var(--nz-ranked-list-bar-fill,var(--nz-chart-primary))}.nz-ranked-list-row>.nz-ranked-list-skeleton-label{align-self:center;inline-size:40%}.nz-ranked-list-row>.nz-ranked-list-skeleton-value{align-self:center;inline-size:15%}.nz-ranked-list-status{display:grid}.nz-ranked-list-reserve,.nz-ranked-list-message{grid-area:1/1;min-inline-size:0}.nz-ranked-list[data-empty] .nz-ranked-list-reserve,.nz-ranked-list[data-error] .nz-ranked-list-reserve{visibility:hidden}.nz-ranked-list-message{align-self:center}.nz-ranked-list-empty{color:var(--nz-ranked-list-empty-fg,var(--nz-text-secondary));font:var(--nz-font-body-m);margin:0}@media (forced-colors:active){.nz-ranked-list-track{outline-offset:-1px;outline:1px solid canvastext}.nz-ranked-list-bar{forced-color-adjust:none}.nz-ranked-list-fill{fill:canvastext}}}

package/dist/css/search-field.css

@@ -0,0 +1,2 @@
+@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
+@layer nz.components{.nz-search-field{--_nz-search-field-height:var(--nz-size-control-md);--_nz-search-field-radius:var(--nz-radius-lg);--_nz-search-field-border:var(--nz-border-control);--_nz-search-field-border-hover:var(--nz-border-control-hover);--_nz-search-field-bg:var(--nz-bg-subtle);--_nz-search-field-halo:var(--nz-focus-halo);--_nz-search-field-font:var(--nz-font-body-m);align-items:center;gap:var(--nz-search-field-gap,var(--nz-space-2));box-sizing:border-box;min-inline-size:0;inline-size:var(--nz-search-field-inline-size,auto);block-size:var(--nz-search-field-height,var(--_nz-search-field-height));padding-inline:var(--nz-space-3) var(--nz-space-2);border:var(--nz-border-width-default) solid var(--nz-search-field-border,var(--_nz-search-field-border));border-radius:var(--nz-search-field-radius,var(--_nz-search-field-radius));background:var(--nz-search-field-bg,var(--_nz-search-field-bg));color:var(--nz-search-field-fg,var(--nz-text-primary));font:var(--nz-search-field-font,var(--_nz-search-field-font));cursor:text;transition:background-color var(--nz-duration-fast) var(--nz-easing-standard), border-color var(--nz-duration-fast) var(--nz-easing-standard), box-shadow var(--nz-duration-fast) var(--nz-easing-standard);display:flex;@media (hover:hover){&:hover:not([data-disabled],:has(>.nz-search-field-control:disabled)){border-color:var(--nz-search-field-border-hover,var(--_nz-search-field-border-hover))}}&:focus-within{--_nz-search-field-bg:var(--nz-bg-surface);box-shadow:0 0 0 calc(var(--nz-border-width-focus) + 4px) var(--_nz-search-field-halo)}&[data-invalid]{--_nz-search-field-border:var(--nz-border-critical);--_nz-search-field-border-hover:var(--nz-border-critical);--_nz-search-field-halo:var(--nz-focus-halo-critical)}&[data-readonly]{cursor:default}&:is([data-disabled],:has(>.nz-search-field-control:disabled)){--_nz-search-field-border:var(--nz-border-subtle);background:var(--nz-search-field-bg-disabled,var(--nz-bg-disabled));color:var(--nz-search-field-fg-disabled,var(--nz-text-disabled));cursor:not-allowed}&[data-size=sm]{--_nz-search-field-height:var(--nz-size-control-sm);--_nz-search-field-radius:var(--nz-radius-md)}&[data-size=lg]{--_nz-search-field-height:var(--nz-size-control-lg)}@media (pointer:coarse){--_nz-search-field-font:var(--nz-font-body-l)}}.nz-search-field-control{box-sizing:border-box;block-size:100%;min-inline-size:0;color:inherit;font:inherit;cursor:inherit;appearance:none;background:0 0;border:0;outline:none;flex:auto;margin:0;padding:0;&::placeholder{color:var(--nz-search-field-placeholder-fg,var(--nz-text-tertiary));opacity:1}&:disabled::placeholder{color:var(--nz-text-disabled)}&::-webkit-search-cancel-button{appearance:none}&::-webkit-search-decoration{appearance:none}}.nz-search-field-icon{color:var(--nz-search-field-icon-fg,var(--nz-icon-secondary));font-size:var(--nz-size-icon-sm);flex:none;display:inline-flex}.nz-search-field[data-pending] .nz-glyph-spinner{animation:nz-search-field-spin var(--nz-duration-spin) linear infinite}.nz-search-field-clear{box-sizing:border-box;inline-size:var(--nz-size-icon-lg);block-size:var(--nz-size-icon-lg);border-radius:var(--nz-radius-full);color:var(--nz-icon-secondary);font-size:var(--nz-size-icon-sm);cursor:pointer;transition:background-color var(--nz-duration-fast) var(--nz-easing-standard), color var(--nz-duration-fast) var(--nz-easing-standard);background:0 0;border:0;flex:none;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex;@media (hover:hover){&:hover{background:var(--nz-bg-muted);color:var(--nz-icon-primary)}}&:active{background:var(--nz-bg-pressed)}&[hidden]{display:none}}.nz-search-field-shortcut{flex:none;display:inline-flex;&[hidden]{display:none}}.nz-search-field:is([data-disabled],:has(>.nz-search-field-control:disabled)) :is(.nz-search-field-icon,.nz-search-field-shortcut){color:var(--nz-text-disabled)}@keyframes nz-search-field-spin{to{rotate:1turn}}@media (forced-colors:active){.nz-search-field:is([data-disabled],:has(>.nz-search-field-control:disabled)){color:graytext;border-color:graytext}}}

package/dist/css/sidebar.css

@@ -0,0 +1,2 @@
+@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
+@layer nz.components{.nz-sidebar{--_nz-sidebar-width:var(--nz-layout-sidebar);z-index:var(--nz-z-chrome);gap:var(--nz-space-1);box-sizing:border-box;inline-size:var(--nz-sidebar-width,var(--_nz-sidebar-width));block-size:var(--nz-sidebar-block-size,100dvh);padding:var(--nz-space-4);border-inline-end:var(--nz-border-width-default) solid var(--nz-sidebar-border,var(--nz-border-subtle));background:var(--nz-sidebar-bg,var(--nz-bg-canvas));color:var(--nz-text-primary);flex-direction:column;display:none;position:sticky;inset-block-start:0;overflow-y:auto;container:nz-sidebar/inline-size;&[data-collapsed]{--_nz-sidebar-width:4.5rem}&[data-expanded]{--_nz-sidebar-width:16.5rem}@media (width>=40rem){display:flex}}.nz-sidebar-header{align-items:center;gap:var(--nz-space-2);box-sizing:border-box;min-inline-size:0;padding:var(--nz-space-2);border:var(--nz-border-width-default) solid var(--nz-border-subtle);border-radius:var(--nz-radius-lg);background:var(--nz-bg-surface);color:var(--nz-text-primary);margin-block-end:var(--nz-space-3);text-decoration:none;display:flex}:where(a,button).nz-sidebar-header{font:inherit;text-align:start;cursor:pointer;@media (hover:hover){&:hover{background:var(--nz-bg-muted)}}}.nz-sidebar-header-mark{inline-size:var(--nz-space-8);block-size:var(--nz-space-8);border-radius:var(--nz-radius-sm);background:var(--nz-sidebar-mark-bg,var(--nz-bg-brand));color:var(--nz-text-on-brand);font:var(--nz-font-label-m-strong);letter-spacing:var(--nz-tracking-label-m-strong);flex:none;justify-content:center;align-items:center;display:inline-flex;overflow:hidden;&>:is(img,svg){object-fit:cover;block-size:100%;inline-size:100%}}.nz-sidebar-header-text{flex-direction:column;min-inline-size:0;display:flex}.nz-sidebar-header-title,.nz-sidebar-header-description{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nz-sidebar-header-title{font:var(--nz-font-label-m-strong);letter-spacing:var(--nz-tracking-label-m-strong)}.nz-sidebar-header-description{color:var(--nz-text-secondary);font:var(--nz-font-body-m);letter-spacing:var(--nz-tracking-body-m)}.nz-sidebar-content,.nz-sidebar-footer{gap:var(--nz-space-1);flex-direction:column;display:flex}.nz-sidebar-footer{margin-block-start:auto}@container nz-sidebar (inline-size<10rem){.nz-sidebar-header{background:0 0;border-color:#0000;justify-content:center;padding:0}.nz-sidebar-header-text{clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.nz-sidebar-content,.nz-sidebar-footer{align-items:center}}@media (forced-colors:active){.nz-sidebar{border-inline-end-color:canvastext}.nz-sidebar-header-mark{border:1px solid canvastext}}}

package/dist/css/split.css

@@ -0,0 +1,2 @@
+@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
+@layer nz.components{.nz-split{--_nz-split-aside:22.5rem;gap:var(--nz-split-gap,var(--nz-grid-gutter));flex-wrap:wrap;display:flex}.nz-split[data-aside=narrow]{--_nz-split-aside:14.5rem}.nz-split-main{min-inline-size:var(--nz-split-main-min,60%);flex:100000 1 0}.nz-split-aside{flex:1 1 var(--nz-split-aside-width,var(--_nz-split-aside));min-inline-size:0}}

package/dist/css/sticky-bar.css

@@ -0,0 +1,2 @@
+@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
+@layer nz.components{.nz-sticky-bar{z-index:var(--nz-z-sticky);align-items:center;gap:var(--nz-sticky-bar-gap,var(--nz-space-3));box-sizing:border-box;padding-block:var(--nz-space-3) calc(var(--nz-space-3) + env(safe-area-inset-bottom,0px));padding-inline:var(--nz-space-4);border-block-start:var(--nz-border-width-default) solid var(--nz-sticky-bar-border,var(--nz-border-subtle));background:var(--nz-sticky-bar-bg,var(--nz-bg-surface));color:var(--nz-text-primary);display:flex;position:sticky;inset-block-end:var(--nz-layout-bottom-inset,0px)}:root[data-nz-bottom-bar] .nz-sticky-bar{padding-block-end:var(--nz-space-3)}.nz-sticky-bar-summary{min-inline-size:0;color:var(--nz-text-secondary);font:var(--nz-font-label-m);letter-spacing:var(--nz-tracking-label-m);flex-direction:column;flex:auto;display:flex}.nz-sticky-bar-actions{gap:var(--nz-sticky-bar-gap,var(--nz-space-3));flex:auto;justify-content:flex-end;display:flex;&>*{flex:auto}}.nz-sticky-bar-summary+.nz-sticky-bar-actions{flex:0 auto;&>*{flex:none}}}

package/dist/css/table-selection.css

@@ -0,0 +1,2 @@
+@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
+@layer nz.components{.nz-table-selection{display:contents}}

package/dist/css/table.css

@@ -0,0 +1,2 @@
+@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
+@layer nz.components{.nz-table-container{border:var(--nz-border-width-default) solid var(--nz-table-border,var(--nz-border-subtle));border-radius:var(--nz-table-radius,var(--nz-radius-md));background:var(--nz-table-bg,var(--nz-bg-surface));overflow-x:auto}.nz-table-container:focus-visible{outline:var(--nz-border-width-focus) solid var(--nz-border-focus);outline-offset:2px}.nz-table{border-collapse:collapse;border-spacing:0;inline-size:100%;color:var(--nz-text-primary);font:var(--nz-font-body-m);letter-spacing:var(--nz-tracking-body-m)}.nz-table-caption{padding:var(--nz-space-3) var(--nz-space-5);color:var(--nz-text-secondary);font:var(--nz-font-body-m);text-align:start}.nz-table-head,.nz-table-cell{padding-block:var(--nz-table-cell-padding-block,var(--nz-space-3));padding-inline:var(--nz-table-cell-padding-inline,var(--nz-space-5));border-block-end:var(--nz-border-width-default) solid var(--nz-table-border,var(--nz-border-subtle));text-align:start;vertical-align:middle;white-space:nowrap}.nz-table-cell>.nz-inline{flex-wrap:nowrap}.nz-table-head{background:var(--nz-table-header-bg,var(--nz-bg-subtle));color:var(--nz-text-secondary);font:var(--nz-font-label-m);letter-spacing:var(--nz-tracking-label-m)}.nz-table-body .nz-table-head{color:var(--nz-text-primary);font:var(--nz-font-label-m-strong);background:0 0}.nz-table-head[data-numeric],.nz-table-cell[data-numeric]{font-variant-numeric:tabular-nums;text-align:end}.nz-table-cell[data-numeric]{font:var(--nz-font-numeric-m);font-variant-numeric:tabular-nums}:is(.nz-table-body,.nz-table-footer)>.nz-table-row:last-child>.nz-table-head,:is(.nz-table-body,.nz-table-footer)>.nz-table-row:last-child>.nz-table-cell{border-block-end:0}.nz-table-footer .nz-table-head,.nz-table-footer .nz-table-cell{border-block-start:var(--nz-border-width-default) solid var(--nz-table-border,var(--nz-border-subtle));font:var(--nz-font-label-m-strong)}.nz-table-row[data-selected],.nz-table-row:has(>.nz-table-cell>.nz-table-select-row>.nz-table-select-row-input:checked){background:var(--nz-table-row-bg-selected,var(--nz-bg-brand-subtle))}.nz-table-cell:has(>.nz-table-select-row),.nz-table-head:has(>.nz-table-select-all){inline-size:1px;padding-inline-end:0}.nz-table-row[data-interactive]{position:relative}.nz-table-row-link{color:inherit;font:var(--nz-font-label-m-strong);text-decoration:none;.nz-table-row[data-interactive] &:after{content:"";position:absolute;inset:0}}.nz-table-row[data-interactive] :is(a[href],button,input,select,textarea,[tabindex]):not(.nz-table-row-link){z-index:1;position:relative}@media (hover:hover){.nz-table-row[data-interactive]:not([data-selected]):hover{background:var(--nz-table-row-bg-hover,var(--nz-bg-hover))}.nz-table-row-link:hover{text-decoration:underline}}.nz-table-sort-button{align-items:center;gap:var(--nz-space-1);color:inherit;font:inherit;letter-spacing:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0;text-decoration:none;display:inline-flex}.nz-table-head[data-numeric] .nz-table-sort-button{flex-direction:row-reverse}@media (hover:hover){.nz-table-sort-button:hover{color:var(--nz-text-primary)}}.nz-table-sort-icon{color:var(--nz-icon-secondary);font-size:var(--nz-size-icon-sm);display:inline-flex;&>svg{block-size:1em;inline-size:1em}&>svg:last-child{display:none}}.nz-table-head[data-sort] .nz-table-sort-icon{color:var(--nz-icon-primary);&>svg:first-child{display:none}&>svg:last-child{display:block}}.nz-table-head[data-sort=ascending] .nz-table-sort-icon>svg:last-child{rotate:-90deg}.nz-table-head[data-sort=descending] .nz-table-sort-icon>svg:last-child{rotate:90deg}@media (forced-colors:active){.nz-table-row[data-selected],.nz-table-row:has(>.nz-table-cell>.nz-table-select-row>.nz-table-select-row-input:checked){outline-offset:-2px;outline:2px solid highlight}}}

package/dist/css/text.css

@@ -1,2 +1,2 @@
 @layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
-@layer nz.components{.nz-text{--_nz-text-font:var(--nz-font-body-m);--_nz-text-tracking:var(--nz-tracking-body-m);--_nz-text-numeric:normal;font:var(--_nz-text-font);font-variant-numeric:var(--_nz-text-numeric);letter-spacing:var(--_nz-text-tracking);margin:0}.nz-text[data-tone]{color:var(--_nz-text-fg)}.nz-text[data-variant=display-l]{--_nz-text-font:var(--nz-font-display-l);--_nz-text-tracking:var(--nz-tracking-display-l)}.nz-text[data-variant=display-m]{--_nz-text-font:var(--nz-font-display-m);--_nz-text-tracking:var(--nz-tracking-display-m)}.nz-text[data-variant=heading-h1]{--_nz-text-font:var(--nz-font-heading-h1);--_nz-text-tracking:var(--nz-tracking-heading-h1)}.nz-text[data-variant=heading-h2]{--_nz-text-font:var(--nz-font-heading-h2);--_nz-text-tracking:var(--nz-tracking-heading-h2)}.nz-text[data-variant=heading-h3]{--_nz-text-font:var(--nz-font-heading-h3);--_nz-text-tracking:var(--nz-tracking-heading-h3)}.nz-text[data-variant=heading-h4]{--_nz-text-font:var(--nz-font-heading-h4);--_nz-text-tracking:var(--nz-tracking-heading-h4)}.nz-text[data-variant=body-l]{--_nz-text-font:var(--nz-font-body-l);--_nz-text-tracking:var(--nz-tracking-body-l)}.nz-text[data-variant=body-m-strong]{--_nz-text-font:var(--nz-font-body-m-strong);--_nz-text-tracking:var(--nz-tracking-body-m-strong)}.nz-text[data-variant=body-s]{--_nz-text-font:var(--nz-font-body-s);--_nz-text-tracking:var(--nz-tracking-body-s)}.nz-text[data-variant=label-l]{--_nz-text-font:var(--nz-font-label-l);--_nz-text-tracking:var(--nz-tracking-label-l)}.nz-text[data-variant=label-m]{--_nz-text-font:var(--nz-font-label-m);--_nz-text-tracking:var(--nz-tracking-label-m)}.nz-text[data-variant=label-m-strong]{--_nz-text-font:var(--nz-font-label-m-strong);--_nz-text-tracking:var(--nz-tracking-label-m-strong)}.nz-text[data-variant=label-s]{--_nz-text-font:var(--nz-font-label-s);--_nz-text-tracking:var(--nz-tracking-label-s)}.nz-text[data-variant=numeric-display]{--_nz-text-font:var(--nz-font-numeric-display);--_nz-text-tracking:var(--nz-tracking-numeric-display);--_nz-text-numeric:tabular-nums}.nz-text[data-variant=numeric-kpi]{--_nz-text-font:var(--nz-font-numeric-kpi);--_nz-text-tracking:var(--nz-tracking-numeric-kpi);--_nz-text-numeric:tabular-nums}.nz-text[data-variant=numeric-l]{--_nz-text-font:var(--nz-font-numeric-l);--_nz-text-tracking:var(--nz-tracking-numeric-l);--_nz-text-numeric:tabular-nums}.nz-text[data-variant=numeric-m]{--_nz-text-font:var(--nz-font-numeric-m);--_nz-text-tracking:var(--nz-tracking-numeric-m);--_nz-text-numeric:tabular-nums}.nz-text[data-variant=mono-m]{--_nz-text-font:var(--nz-font-mono-m);--_nz-text-tracking:var(--nz-tracking-mono-m)}.nz-text[data-variant=mono-m-strong]{--_nz-text-font:var(--nz-font-mono-m-strong);--_nz-text-tracking:var(--nz-tracking-mono-m-strong)}.nz-text[data-tone=primary]{--_nz-text-fg:var(--nz-text-primary)}.nz-text[data-tone=secondary]{--_nz-text-fg:var(--nz-text-secondary)}.nz-text[data-tone=tertiary]{--_nz-text-fg:var(--nz-text-tertiary)}.nz-text[data-tone=disabled]{--_nz-text-fg:var(--nz-text-disabled)}.nz-text[data-tone=inverse]{--_nz-text-fg:var(--nz-text-inverse)}.nz-text[data-tone=on-brand]{--_nz-text-fg:var(--nz-text-on-brand)}.nz-text[data-tone=on-accent]{--_nz-text-fg:var(--nz-text-on-accent)}.nz-text[data-tone=on-critical]{--_nz-text-fg:var(--nz-text-on-critical)}.nz-text[data-tone=brand]{--_nz-text-fg:var(--nz-text-brand)}.nz-text[data-tone=accent]{--_nz-text-fg:var(--nz-text-accent)}.nz-text[data-tone=success]{--_nz-text-fg:var(--nz-text-success)}.nz-text[data-tone=warning]{--_nz-text-fg:var(--nz-text-warning)}.nz-text[data-tone=critical]{--_nz-text-fg:var(--nz-text-critical)}.nz-text[data-tone=info]{--_nz-text-fg:var(--nz-text-info)}}
+@layer nz.components{.nz-text{--_nz-text-font:var(--nz-font-body-m);--_nz-text-tracking:var(--nz-tracking-body-m);--_nz-text-numeric:normal;font:var(--_nz-text-font);font-variant-numeric:var(--_nz-text-numeric);letter-spacing:var(--_nz-text-tracking);margin:0}.nz-text[data-tone]{color:var(--_nz-text-fg)}.nz-text[data-variant=display-l]{--_nz-text-font:var(--nz-font-display-l);--_nz-text-tracking:var(--nz-tracking-display-l)}.nz-text[data-variant=display-m]{--_nz-text-font:var(--nz-font-display-m);--_nz-text-tracking:var(--nz-tracking-display-m)}.nz-text[data-variant=heading-h1]{--_nz-text-font:var(--nz-font-heading-h1);--_nz-text-tracking:var(--nz-tracking-heading-h1)}.nz-text[data-variant=heading-h2]{--_nz-text-font:var(--nz-font-heading-h2);--_nz-text-tracking:var(--nz-tracking-heading-h2)}.nz-text[data-variant=heading-h3]{--_nz-text-font:var(--nz-font-heading-h3);--_nz-text-tracking:var(--nz-tracking-heading-h3)}.nz-text[data-variant=heading-h4]{--_nz-text-font:var(--nz-font-heading-h4);--_nz-text-tracking:var(--nz-tracking-heading-h4)}.nz-text[data-variant=body-l]{--_nz-text-font:var(--nz-font-body-l);--_nz-text-tracking:var(--nz-tracking-body-l)}.nz-text[data-variant=body-m-strong]{--_nz-text-font:var(--nz-font-body-m-strong);--_nz-text-tracking:var(--nz-tracking-body-m-strong)}.nz-text[data-variant=body-s]{--_nz-text-font:var(--nz-font-body-s);--_nz-text-tracking:var(--nz-tracking-body-s)}.nz-text[data-variant=label-l]{--_nz-text-font:var(--nz-font-label-l);--_nz-text-tracking:var(--nz-tracking-label-l)}.nz-text[data-variant=label-m]{--_nz-text-font:var(--nz-font-label-m);--_nz-text-tracking:var(--nz-tracking-label-m)}.nz-text[data-variant=label-m-strong]{--_nz-text-font:var(--nz-font-label-m-strong);--_nz-text-tracking:var(--nz-tracking-label-m-strong)}.nz-text[data-variant=label-s]{--_nz-text-font:var(--nz-font-label-s);--_nz-text-tracking:var(--nz-tracking-label-s)}.nz-text[data-variant=numeric-display]{--_nz-text-font:var(--nz-font-numeric-display);--_nz-text-tracking:var(--nz-tracking-numeric-display);--_nz-text-numeric:tabular-nums}.nz-text[data-variant=numeric-kpi]{--_nz-text-font:var(--nz-font-numeric-kpi);--_nz-text-tracking:var(--nz-tracking-numeric-kpi);--_nz-text-numeric:tabular-nums}.nz-text[data-variant=numeric-l]{--_nz-text-font:var(--nz-font-numeric-l);--_nz-text-tracking:var(--nz-tracking-numeric-l);--_nz-text-numeric:tabular-nums}.nz-text[data-variant=numeric-m]{--_nz-text-font:var(--nz-font-numeric-m);--_nz-text-tracking:var(--nz-tracking-numeric-m);--_nz-text-numeric:tabular-nums}.nz-text[data-variant=mono-m]{--_nz-text-font:var(--nz-font-mono-m);--_nz-text-tracking:var(--nz-tracking-mono-m)}.nz-text[data-variant=mono-m-strong]{--_nz-text-font:var(--nz-font-mono-m-strong);--_nz-text-tracking:var(--nz-tracking-mono-m-strong)}.nz-text[data-tone=primary]{--_nz-text-fg:var(--nz-text-primary)}.nz-text[data-tone=secondary]{--_nz-text-fg:var(--nz-text-secondary)}.nz-text[data-tone=tertiary]{--_nz-text-fg:var(--nz-text-tertiary)}.nz-text[data-tone=disabled]{--_nz-text-fg:var(--nz-text-disabled)}.nz-text[data-tone=inverse]{--_nz-text-fg:var(--nz-text-inverse)}.nz-text[data-tone=on-brand]{--_nz-text-fg:var(--nz-text-on-brand)}.nz-text[data-tone=on-accent]{--_nz-text-fg:var(--nz-text-on-accent)}.nz-text[data-tone=on-critical]{--_nz-text-fg:var(--nz-text-on-critical)}.nz-text[data-tone=brand],.nz-text[data-tone=accent]{--_nz-text-fg:var(--nz-text-brand)}.nz-text[data-tone=success]{--_nz-text-fg:var(--nz-text-success)}.nz-text[data-tone=warning]{--_nz-text-fg:var(--nz-text-warning)}.nz-text[data-tone=critical]{--_nz-text-fg:var(--nz-text-critical)}.nz-text[data-tone=info]{--_nz-text-fg:var(--nz-text-info)}}

package/dist/css/toast.css

@@ -0,0 +1,2 @@
+@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
+@layer nz.components{@property --_nz-toast-bg{syntax:"<color>";inherits:true;initial-value:#0000}@property --_nz-toast-fg{syntax:"<color>";inherits:true;initial-value:#0000}@property --_nz-toast-accent{syntax:"<color>";inherits:true;initial-value:#0000}.nz-toast-region{--_nz-toast-bg:var(--nz-bg-inverse);--_nz-toast-fg:var(--nz-text-inverse);--_nz-toast-accent:var(--nz-text-inverse-accent);z-index:var(--nz-z-toast);inset:auto 0 calc(var(--nz-space-6) + var(--nz-layout-bottom-inset,0px) + env(safe-area-inset-bottom,0px));align-items:center;gap:var(--nz-space-2);box-sizing:border-box;inline-size:fit-content;max-inline-size:calc(100% - 2 * var(--nz-space-4));border-radius:var(--nz-radius-lg);block-size:fit-content;color:inherit;background:0 0;border:0;flex-direction:column;margin:0 auto;padding:0;display:flex;position:fixed;overflow:visible;&[hidden]{display:none}}:root[data-nz-bottom-bar] .nz-toast-region{inset-block-end:calc(var(--nz-space-6) + var(--nz-layout-bottom-inset,0px))}.nz-toast{align-items:center;gap:var(--nz-space-3);box-sizing:border-box;max-inline-size:30rem;min-block-size:calc(var(--nz-size-control-sm) + 2 * var(--nz-space-3));padding-block:var(--nz-space-3);padding-inline:var(--nz-space-4) var(--nz-space-3);border-radius:var(--nz-toast-radius,var(--nz-radius-lg));background:var(--nz-toast-bg,var(--_nz-toast-bg));box-shadow:var(--nz-toast-shadow,var(--nz-elevation-3));color:var(--_nz-toast-fg);font:var(--nz-font-label-m);letter-spacing:var(--nz-tracking-label-m);transition:opacity var(--nz-duration-fade) var(--nz-easing-enter), translate var(--nz-duration-base) var(--nz-easing-enter);display:flex;@starting-style{opacity:0;translate:0 var(--nz-distance-lift)}}.nz-toast-icon{color:var(--nz-icon-primary);font-size:var(--nz-size-icon-md);flex:none;display:inline-flex}.nz-toast[data-tone=success] .nz-toast-icon{color:var(--nz-icon-success)}.nz-toast[data-tone=critical] .nz-toast-icon{color:var(--nz-icon-critical)}.nz-toast-content{gap:var(--nz-space-0-5);flex-direction:column;flex:auto;min-inline-size:0;display:flex}.nz-toast-message{overflow-wrap:anywhere}.nz-toast-description{font:var(--nz-font-body-m);letter-spacing:var(--nz-tracking-body-m);opacity:.8}.nz-toast .nz-toast-action.nz-button{--_nz-button-fg:var(--_nz-toast-accent);--_nz-button-font:var(--nz-font-label-m-strong);letter-spacing:var(--nz-tracking-label-m-strong);flex:none}.nz-toast .nz-toast-close.nz-icon-button{--_nz-icon-button-fg:var(--_nz-toast-fg);flex:none}@media (forced-colors:active){.nz-toast{border:1px solid canvastext}}}

package/dist/css/top-bar.css

@@ -0,0 +1,2 @@
+@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
+@layer nz.components{.nz-top-bar{align-items:center;gap:var(--nz-top-bar-gap,var(--nz-space-6));box-sizing:border-box;min-inline-size:0;padding-block:var(--nz-space-4);padding-inline:var(--nz-top-bar-padding-inline,var(--nz-grid-margin));border-block-end:var(--nz-border-width-default) solid var(--nz-top-bar-border,var(--nz-border-subtle));background:var(--nz-top-bar-bg,var(--nz-bg-canvas));color:var(--nz-text-primary);display:flex}.nz-top-bar-start{flex:1 0 auto;align-items:center;min-inline-size:0;max-inline-size:50%;display:flex}.nz-top-bar-title{font:var(--nz-font-heading-h3);letter-spacing:var(--nz-tracking-heading-h3);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nz-top-bar-search{flex:0 1 var(--nz-top-bar-search-width,22.5rem);min-inline-size:0}.nz-top-bar-actions{align-items:center;gap:var(--nz-space-3);flex:none;display:flex}@media (forced-colors:active){.nz-top-bar{border-block-end-color:canvastext}}}

package/dist/css/trend-card.css

@@ -0,0 +1,2 @@
+@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
+@layer nz.components{.nz-card.nz-trend-card{gap:var(--nz-trend-card-gap,var(--nz-space-6));box-sizing:border-box;inline-size:100%;min-inline-size:0}.nz-trend-card-header{align-items:start;gap:var(--nz-space-4);grid-template-columns:minmax(0,1fr) auto;display:grid;container-type:inline-size}@container (inline-size<30rem){.nz-trend-card-header>.nz-metric,.nz-trend-card-action{grid-column:1/-1}.nz-trend-card-header>.nz-metric>.nz-metric-value-row{grid-template-rows:minmax(calc(var(--nz-font-numeric-display-font-size) * var(--nz-font-numeric-display-line-height)), auto);grid-template-columns:minmax(0,1fr);display:grid}}.nz-trend-card-action{align-items:center;gap:var(--nz-space-2);display:flex}.nz-trend-card-chart{min-inline-size:0}.nz-trend-card-legend{align-items:center;gap:var(--nz-space-2) var(--nz-space-5);flex-wrap:wrap;display:flex}.nz-trend-card-footer{align-items:center;gap:var(--nz-space-3);flex-wrap:wrap;display:flex}}

package/dist/dialog/dialog.client.d.ts

@@ -21,5 +21,5 @@ export declare function DialogFooter({ className, render, ...rest }: DialogFoote
  * builder cost the Dialog entry about 280 B gzip against its 31 KiB cap. An overlay-lane case
  * compares the two.
  */
-export declare function DialogClose({ className, render, children, labels, ...rest }: DialogCloseProps): JSX.Element;
+export declare function DialogClose({ className, render, children, labels: labelsProp, ...rest }: DialogCloseProps): JSX.Element;
 //#endregion