@funstack/ui 0.1.0-alpha.3 → 0.1.0-alpha.4

package/dist/meter/meter-root.mjs

@@ -0,0 +1,83 @@
+import { mergeRenderRef, renderElement, resolveStateValue } from "../internal/render-element.mjs";
+import { warnOnce } from "../internal/dev-warn.mjs";
+import { clamp, formatRangeValue, isDegenerate, percentage } from "../internal/range-value.mjs";
+import { MeterContext } from "./meter-context.mjs";
+import { meterRegion, resolveMeterBounds } from "./meter-region.mjs";
+import { useId } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/meter/meter-root.tsx
+/**
+* `Meter.Root`: a `div[role=meter]` with the ARIA values and `aria-valuetext` always,
+* `data-region`, and `--meter-value` / `--meter-low` / `--meter-high` / `--meter-optimum` (the
+* percentages) in `style`, where the consumer's entries win. Owned keys: `role`,
+* `aria-valuemin`, `aria-valuemax`, `aria-valuenow`, `aria-valuetext`, `aria-labelledby`
+* (token-merged: the consumer's tokens, then `Meter.Label`'s id, always), `data-region`.
+*/
+function MeterRoot({ value, min = 0, max = 100, low, high, optimum, format, locale, getAriaValueText, className, style, children, render, ref, ...rest }) {
+	const id = useId();
+	let given = value;
+	if (!Number.isFinite(given)) {
+		warnOnce(`Meter.Root:non-finite:${given}`, `Meter.Root: \`value\` is ${given}, which is not a finite number; it is rendered as \`min\`.`);
+		given = min;
+	}
+	if (isDegenerate(min, max)) warnOnce(`Meter.Root:degenerate:${min}:${max}`, `Meter.Root: \`max\` (${max}) must be greater than \`min\` (${min}); the percentage is rendered as 0.`);
+	const clamped = clamp(given, min, max);
+	const bounds = resolveMeterBounds(min, max, low, high, optimum);
+	const formattedValue = formatRangeValue(clamped, min, max, format, locale);
+	const base = {
+		value: clamped,
+		min,
+		max,
+		...bounds,
+		percentage: percentage(clamped, min, max),
+		formattedValue,
+		valueText: formattedValue,
+		region: meterRegion(clamped, bounds.low, bounds.high, bounds.optimum)
+	};
+	const valueText = getAriaValueText === void 0 ? formattedValue : getAriaValueText(clamped, base) ?? null;
+	const state = valueText === base.valueText ? base : {
+		...base,
+		valueText
+	};
+	const variables = {
+		"--meter-value": `${state.percentage}%`,
+		"--meter-low": `${percentage(bounds.low, min, max)}%`,
+		"--meter-high": `${percentage(bounds.high, min, max)}%`,
+		"--meter-optimum": `${percentage(bounds.optimum, min, max)}%`
+	};
+	const libraryProps = {
+		role: "meter",
+		"aria-valuemin": min,
+		"aria-valuemax": max,
+		"aria-valuenow": clamped,
+		"aria-valuetext": valueText ?? void 0,
+		"aria-labelledby": `${id}-label`,
+		"data-region": state.region
+	};
+	const element = renderElement({
+		defaultElement: "div",
+		render,
+		state,
+		className,
+		style: (s) => ({
+			...variables,
+			...resolveStateValue(style, s)
+		}),
+		children,
+		props: rest,
+		libraryProps,
+		ref: mergeRenderRef(ref, render)
+	});
+	return /* @__PURE__ */ jsx(MeterContext, {
+		value: {
+			id,
+			state
+		},
+		children: element
+	});
+}
+MeterRoot.displayName = "MeterRoot";
+//#endregion
+export { MeterRoot };
+
+//# sourceMappingURL=meter-root.mjs.map

package/dist/meter/meter-root.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"meter-root.mjs","names":[],"sources":["../../src/meter/meter-root.tsx"],"sourcesContent":["// No \"use client\": `Meter.Root` uses only `useId`, arithmetic and `Intl`, and renders the client\n// context's provider (conventions 7.1's second exception). Rendered by a Server Component it runs\n// once, on the server (design/components/progress.md 8.1). It must not import from any\n// \"use client\" module except its context (checked by src/__tests__/directives.test.ts).\nimport { useId } from \"react\";\nimport type { ComponentPropsWithRef, CSSProperties, ReactNode } from \"react\";\nimport { warnOnce } from \"../internal/dev-warn.js\";\nimport { clamp, formatRangeValue, isDegenerate, percentage } from \"../internal/range-value.js\";\nimport { mergeRenderRef, renderElement, resolveStateValue } from \"../internal/render-element.js\";\nimport type { DataAttributes } from \"../internal/render-element.js\";\nimport type { RenderProp, StateValue } from \"../internal/types.js\";\nimport { MeterContext } from \"./meter-context.js\";\nimport { meterRegion, resolveMeterBounds } from \"./meter-region.js\";\nimport type { MeterRegion } from \"./meter-region.js\";\n\nexport type { MeterRegion } from \"./meter-region.js\";\n\n/** The state every Meter part receives. */\nexport interface MeterState {\n  /** Clamped to `[min, max]`. */\n  readonly value: number;\n  readonly min: number;\n  readonly max: number;\n  /** After HTML's defaults and clamping. */\n  readonly low: number;\n  readonly high: number;\n  readonly optimum: number;\n  /** A number 0–100. */\n  readonly percentage: number;\n  /** The `Intl.NumberFormat` text of the value (or of the fraction, for the percent style). */\n  readonly formattedValue: string;\n  /** What `aria-valuetext` carries: `getAriaValueText`'s result, else `formattedValue`. */\n  readonly valueText: string | null;\n  readonly region: MeterRegion;\n}\n\nexport interface MeterRootProps extends Omit<\n  ComponentPropsWithRef<\"div\">,\n  | \"role\"\n  | \"aria-valuemin\"\n  | \"aria-valuemax\"\n  | \"aria-valuenow\"\n  | \"aria-valuetext\"\n  | \"defaultValue\"\n  | \"defaultChecked\"\n  | \"className\"\n  | \"style\"\n  | \"children\"\n> {\n  /** Required: a meter always has a value. Clamped to `[min, max]`. */\n  value: number;\n  /** @default 0 */\n  min?: number;\n  /** @default 100 */\n  max?: number;\n  /** Upper bound of the \"low\" part of the range. Default `min`. */\n  low?: number;\n  /** Lower bound of the \"high\" part of the range. Default `max`. */\n  high?: number;\n  /** The best value. Default the midpoint. Decides which part of the range is `optimum`. */\n  optimum?: number;\n  /**\n   * `Intl.NumberFormat` options for `aria-valuetext` and `Meter.Value`. Default\n   * `{ style: \"percent\" }`. A `percent` style formats the fraction of the range; any other style\n   * formats the value. Serialisable: a Server Component may pass it.\n   */\n  format?: Intl.NumberFormatOptions;\n  /**\n   * BCP 47 tag for `Intl.NumberFormat`; default: the runtime's locale. Pass it when a client\n   * tree is server-rendered.\n   */\n  locale?: string;\n  /**\n   * The `aria-valuetext` to render instead of `formattedValue`. Called with the clamped value\n   * and the state as it would be without this prop. Return `null` to render no\n   * `aria-valuetext`.\n   */\n  getAriaValueText?: (value: number, state: MeterState) => string | null | undefined;\n  className?: StateValue<string | undefined, MeterState>;\n  style?: StateValue<CSSProperties | undefined, MeterState>;\n  children?: StateValue<ReactNode, MeterState>;\n  render?: RenderProp<ComponentPropsWithRef<\"div\">, MeterState>;\n}\n\n/**\n * `Meter.Root`: a `div[role=meter]` with the ARIA values and `aria-valuetext` always,\n * `data-region`, and `--meter-value` / `--meter-low` / `--meter-high` / `--meter-optimum` (the\n * percentages) in `style`, where the consumer's entries win. Owned keys: `role`,\n * `aria-valuemin`, `aria-valuemax`, `aria-valuenow`, `aria-valuetext`, `aria-labelledby`\n * (token-merged: the consumer's tokens, then `Meter.Label`'s id, always), `data-region`.\n */\nexport function MeterRoot({\n  value,\n  min = 0,\n  max = 100,\n  low,\n  high,\n  optimum,\n  format,\n  locale,\n  getAriaValueText,\n  className,\n  style,\n  children,\n  render,\n  ref,\n  ...rest\n}: MeterRootProps) {\n  const id = useId();\n\n  let given = value;\n  if (!Number.isFinite(given)) {\n    warnOnce(\n      `Meter.Root:non-finite:${given}`,\n      `Meter.Root: \\`value\\` is ${given}, which is not a finite number; it is rendered as \\`min\\`.`,\n    );\n    given = min;\n  }\n  if (isDegenerate(min, max)) {\n    warnOnce(\n      `Meter.Root:degenerate:${min}:${max}`,\n      `Meter.Root: \\`max\\` (${max}) must be greater than \\`min\\` (${min}); the percentage is ` +\n        \"rendered as 0.\",\n    );\n  }\n\n  const clamped = clamp(given, min, max);\n  const bounds = resolveMeterBounds(min, max, low, high, optimum);\n  const formattedValue = formatRangeValue(clamped, min, max, format, locale);\n  const base: MeterState = {\n    value: clamped,\n    min,\n    max,\n    ...bounds,\n    percentage: percentage(clamped, min, max),\n    formattedValue,\n    valueText: formattedValue,\n    region: meterRegion(clamped, bounds.low, bounds.high, bounds.optimum),\n  };\n  const valueText =\n    getAriaValueText === undefined ? formattedValue : (getAriaValueText(clamped, base) ?? null);\n  const state: MeterState = valueText === base.valueText ? base : { ...base, valueText };\n\n  const variables = {\n    \"--meter-value\": `${state.percentage}%`,\n    \"--meter-low\": `${percentage(bounds.low, min, max)}%`,\n    \"--meter-high\": `${percentage(bounds.high, min, max)}%`,\n    \"--meter-optimum\": `${percentage(bounds.optimum, min, max)}%`,\n  };\n\n  const libraryProps: Partial<ComponentPropsWithRef<\"div\">> & DataAttributes = {\n    role: \"meter\",\n    \"aria-valuemin\": min,\n    \"aria-valuemax\": max,\n    \"aria-valuenow\": clamped,\n    \"aria-valuetext\": valueText ?? undefined,\n    \"aria-labelledby\": `${id}-label`,\n    \"data-region\": state.region,\n  };\n\n  const element = renderElement<ComponentPropsWithRef<\"div\">, MeterState>({\n    defaultElement: \"div\",\n    render,\n    state,\n    className,\n    // The custom properties lose to the consumer's own entries (design 3.3).\n    style: (s) => ({ ...(variables as CSSProperties), ...resolveStateValue(style, s) }),\n    children,\n    props: rest,\n    libraryProps,\n    // Passed through to the element, never read during render.\n    // oxlint-disable-next-line react/refs\n    ref: mergeRenderRef(ref, render),\n  });\n\n  return <MeterContext value={{ id, state }}>{element}</MeterContext>;\n}\n\nMeterRoot.displayName = \"MeterRoot\";\n"],"mappings":";;;;;;;;;;;;;;;AA2FA,SAAgB,UAAU,EACxB,OACA,MAAM,GACN,MAAM,KACN,KACA,MACA,SACA,QACA,QACA,kBACA,WACA,OACA,UACA,QACA,KACA,GAAG,QACc;CACjB,MAAM,KAAK,MAAM;CAEjB,IAAI,QAAQ;CACZ,IAAI,CAAC,OAAO,SAAS,KAAK,GAAG;EAC3B,SACE,yBAAyB,SACzB,4BAA4B,MAAM,2DACpC;EACA,QAAQ;CACV;CACA,IAAI,aAAa,KAAK,GAAG,GACvB,SACE,yBAAyB,IAAI,GAAG,OAChC,wBAAwB,IAAI,kCAAkC,IAAI,oCAEpE;CAGF,MAAM,UAAU,MAAM,OAAO,KAAK,GAAG;CACrC,MAAM,SAAS,mBAAmB,KAAK,KAAK,KAAK,MAAM,OAAO;CAC9D,MAAM,iBAAiB,iBAAiB,SAAS,KAAK,KAAK,QAAQ,MAAM;CACzE,MAAM,OAAmB;EACvB,OAAO;EACP;EACA;EACA,GAAG;EACH,YAAY,WAAW,SAAS,KAAK,GAAG;EACxC;EACA,WAAW;EACX,QAAQ,YAAY,SAAS,OAAO,KAAK,OAAO,MAAM,OAAO,OAAO;CACtE;CACA,MAAM,YACJ,qBAAqB,KAAA,IAAY,iBAAkB,iBAAiB,SAAS,IAAI,KAAK;CACxF,MAAM,QAAoB,cAAc,KAAK,YAAY,OAAO;EAAE,GAAG;EAAM;CAAU;CAErF,MAAM,YAAY;EAChB,iBAAiB,GAAG,MAAM,WAAW;EACrC,eAAe,GAAG,WAAW,OAAO,KAAK,KAAK,GAAG,EAAE;EACnD,gBAAgB,GAAG,WAAW,OAAO,MAAM,KAAK,GAAG,EAAE;EACrD,mBAAmB,GAAG,WAAW,OAAO,SAAS,KAAK,GAAG,EAAE;CAC7D;CAEA,MAAM,eAAuE;EAC3E,MAAM;EACN,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,kBAAkB,aAAa,KAAA;EAC/B,mBAAmB,GAAG,GAAG;EACzB,eAAe,MAAM;CACvB;CAEA,MAAM,UAAU,cAAwD;EACtE,gBAAgB;EAChB;EACA;EACA;EAEA,QAAQ,OAAO;GAAE,GAAI;GAA6B,GAAG,kBAAkB,OAAO,CAAC;EAAE;EACjF;EACA,OAAO;EACP;EAGA,KAAK,eAAe,KAAK,MAAM;CACjC,CAAC;CAED,OAAO,oBAAC,cAAD;EAAc,OAAO;GAAE;GAAI;EAAM;EAAI,UAAA;CAAsB,CAAA;AACpE;AAEA,UAAU,cAAc"}

package/dist/meter/meter-track.d.mts

@@ -0,0 +1,19 @@
+import { RenderProp, StateValue } from "../internal/types.mjs";
+import { MeterState } from "./meter-root.mjs";
+import { CSSProperties, ComponentPropsWithRef, ReactNode } from "react";
+//#region src/meter/meter-track.d.ts
+export interface MeterTrackProps extends Omit<ComponentPropsWithRef<"div">, "className" | "style" | "children"> {
+  className?: StateValue<string | undefined, MeterState>;
+  style?: StateValue<CSSProperties | undefined, MeterState>;
+  children?: StateValue<ReactNode, MeterState>;
+  render?: RenderProp<ComponentPropsWithRef<"div">, MeterState>;
+}
+/**
+ * `Meter.Track`: the rail. It renders nothing but the state's data attributes. Owned keys: `data-region`.
+ */
+export declare function MeterTrack({ className, style, children, render, ...rest }: MeterTrackProps): ReactNode;
+export declare namespace MeterTrack {
+  var displayName: string;
+}
+//#endregion
+//# sourceMappingURL=meter-track.d.mts.map

package/dist/meter/meter-track.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"meter-track.d.mts","names":[],"sources":["../../src/meter/meter-track.tsx"],"mappings":";;;;iBAOiB,wBAAwB,KACvC;EAGA,YAAY,+BAA+B;EAC3C,QAAQ,WAAW,2BAA2B;EAC9C,WAAW,WAAW,WAAW;EACjC,SAAS,WAAW,8BAA8B;;;;;wBAMpC,aAAa,WAAW,OAAO,UAAU,WAAW,QAAQ,kBAAe;yBAA3E"}

package/dist/meter/meter-track.mjs

@@ -0,0 +1,25 @@
+"use client";
+import { useRender } from "../internal/use-render.mjs";
+import { useMeterContext } from "./meter-context.mjs";
+//#region src/meter/meter-track.tsx
+/**
+* `Meter.Track`: the rail. It renders nothing but the state's data attributes. Owned keys: `data-region`.
+*/
+function MeterTrack({ className, style, children, render, ...rest }) {
+	const { state } = useMeterContext("Meter.Track");
+	return useRender({
+		defaultElement: "div",
+		render,
+		state,
+		className,
+		style,
+		children,
+		props: rest,
+		libraryProps: { "data-region": state.region }
+	});
+}
+MeterTrack.displayName = "MeterTrack";
+//#endregion
+export { MeterTrack };
+
+//# sourceMappingURL=meter-track.mjs.map

package/dist/meter/meter-track.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"meter-track.mjs","names":[],"sources":["../../src/meter/meter-track.tsx"],"sourcesContent":["\"use client\";\nimport type { ComponentPropsWithRef, CSSProperties, ReactNode } from \"react\";\nimport type { RenderProp, StateValue } from \"../internal/types.js\";\nimport { useRender } from \"../internal/use-render.js\";\nimport { useMeterContext } from \"./meter-context.js\";\nimport type { MeterState } from \"./meter-root.js\";\n\nexport interface MeterTrackProps extends Omit<\n  ComponentPropsWithRef<\"div\">,\n  \"className\" | \"style\" | \"children\"\n> {\n  className?: StateValue<string | undefined, MeterState>;\n  style?: StateValue<CSSProperties | undefined, MeterState>;\n  children?: StateValue<ReactNode, MeterState>;\n  render?: RenderProp<ComponentPropsWithRef<\"div\">, MeterState>;\n}\n\n/**\n * `Meter.Track`: the rail. It renders nothing but the state's data attributes. Owned keys: `data-region`.\n */\nexport function MeterTrack({ className, style, children, render, ...rest }: MeterTrackProps) {\n  const { state } = useMeterContext(\"Meter.Track\");\n  return useRender<ComponentPropsWithRef<\"div\">, MeterState>({\n    defaultElement: \"div\",\n    render,\n    state,\n    className,\n    style,\n    children,\n    props: rest,\n    libraryProps: {\n      \"data-region\": state.region,\n    },\n  });\n}\n\nMeterTrack.displayName = \"MeterTrack\";\n"],"mappings":";;;;;;;AAoBA,SAAgB,WAAW,EAAE,WAAW,OAAO,UAAU,QAAQ,GAAG,QAAyB;CAC3F,MAAM,EAAE,UAAU,gBAAgB,aAAa;CAC/C,OAAO,UAAoD;EACzD,gBAAgB;EAChB;EACA;EACA;EACA;EACA;EACA,OAAO;EACP,cAAc,EACZ,eAAe,MAAM,OACvB;CACF,CAAC;AACH;AAEA,WAAW,cAAc"}

package/dist/meter/meter-value.d.mts

@@ -0,0 +1,20 @@
+import { RenderProp, StateValue } from "../internal/types.mjs";
+import { MeterState } from "./meter-root.mjs";
+import { CSSProperties, ComponentPropsWithRef, ReactNode } from "react";
+//#region src/meter/meter-value.d.ts
+export interface MeterValueProps extends Omit<ComponentPropsWithRef<"span">, "className" | "style" | "children"> {
+  className?: StateValue<string | undefined, MeterState>;
+  style?: StateValue<CSSProperties | undefined, MeterState>;
+  /** Default: `state.formattedValue`. */
+  children?: StateValue<ReactNode, MeterState>;
+  render?: RenderProp<ComponentPropsWithRef<"span">, MeterState>;
+}
+/**
+ * `Meter.Value`: shows `state.formattedValue` or `children(state)`. `aria-hidden="true"` is a default the consumer may override, not an owned key: the same text is in the Root's `aria-valuetext`. Owned keys: `data-region`.
+ */
+export declare function MeterValue({ className, style, children, render, ...rest }: MeterValueProps): ReactNode;
+export declare namespace MeterValue {
+  var displayName: string;
+}
+//#endregion
+//# sourceMappingURL=meter-value.d.mts.map

package/dist/meter/meter-value.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"meter-value.d.mts","names":[],"sources":["../../src/meter/meter-value.tsx"],"mappings":";;;;iBAOiB,wBAAwB,KACvC;EAGA,YAAY,+BAA+B;EAC3C,QAAQ,WAAW,2BAA2B;;EAE9C,WAAW,WAAW,WAAW;EACjC,SAAS,WAAW,+BAA+B;;;;;wBAMrC,aAAa,WAAW,OAAO,UAAU,WAAW,QAAQ,kBAAe;yBAA3E"}

package/dist/meter/meter-value.mjs

@@ -0,0 +1,29 @@
+"use client";
+import { useRender } from "../internal/use-render.mjs";
+import { useMeterContext } from "./meter-context.mjs";
+//#region src/meter/meter-value.tsx
+/**
+* `Meter.Value`: shows `state.formattedValue` or `children(state)`. `aria-hidden="true"` is a default the consumer may override, not an owned key: the same text is in the Root's `aria-valuetext`. Owned keys: `data-region`.
+*/
+function MeterValue({ className, style, children, render, ...rest }) {
+	const { state } = useMeterContext("Meter.Value");
+	const props = {
+		...rest,
+		"aria-hidden": rest["aria-hidden"] ?? true
+	};
+	return useRender({
+		defaultElement: "span",
+		render,
+		state,
+		className,
+		style,
+		children: children ?? state.formattedValue,
+		props,
+		libraryProps: { "data-region": state.region }
+	});
+}
+MeterValue.displayName = "MeterValue";
+//#endregion
+export { MeterValue };
+
+//# sourceMappingURL=meter-value.mjs.map

package/dist/meter/meter-value.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"meter-value.mjs","names":[],"sources":["../../src/meter/meter-value.tsx"],"sourcesContent":["\"use client\";\nimport type { ComponentPropsWithRef, CSSProperties, ReactNode } from \"react\";\nimport type { RenderProp, StateValue } from \"../internal/types.js\";\nimport { useRender } from \"../internal/use-render.js\";\nimport { useMeterContext } from \"./meter-context.js\";\nimport type { MeterState } from \"./meter-root.js\";\n\nexport interface MeterValueProps extends Omit<\n  ComponentPropsWithRef<\"span\">,\n  \"className\" | \"style\" | \"children\"\n> {\n  className?: StateValue<string | undefined, MeterState>;\n  style?: StateValue<CSSProperties | undefined, MeterState>;\n  /** Default: `state.formattedValue`. */\n  children?: StateValue<ReactNode, MeterState>;\n  render?: RenderProp<ComponentPropsWithRef<\"span\">, MeterState>;\n}\n\n/**\n * `Meter.Value`: shows `state.formattedValue` or `children(state)`. `aria-hidden=\"true\"` is a default the consumer may override, not an owned key: the same text is in the Root's `aria-valuetext`. Owned keys: `data-region`.\n */\nexport function MeterValue({ className, style, children, render, ...rest }: MeterValueProps) {\n  const { state } = useMeterContext(\"Meter.Value\");\n  const props = { ...rest, \"aria-hidden\": rest[\"aria-hidden\"] ?? true };\n  return useRender<ComponentPropsWithRef<\"span\">, MeterState>({\n    defaultElement: \"span\",\n    render,\n    state,\n    className,\n    style,\n    children: children ?? state.formattedValue,\n    props,\n    libraryProps: {\n      \"data-region\": state.region,\n    },\n  });\n}\n\nMeterValue.displayName = \"MeterValue\";\n"],"mappings":";;;;;;;AAqBA,SAAgB,WAAW,EAAE,WAAW,OAAO,UAAU,QAAQ,GAAG,QAAyB;CAC3F,MAAM,EAAE,UAAU,gBAAgB,aAAa;CAC/C,MAAM,QAAQ;EAAE,GAAG;EAAM,eAAe,KAAK,kBAAkB;CAAK;CACpE,OAAO,UAAqD;EAC1D,gBAAgB;EAChB;EACA;EACA;EACA;EACA,UAAU,YAAY,MAAM;EAC5B;EACA,cAAc,EACZ,eAAe,MAAM,OACvB;CACF,CAAC;AACH;AAEA,WAAW,cAAc"}

package/dist/number-field/index.d.mts

@@ -0,0 +1,26 @@
+import "../internal/platform-attributes.mjs";
+import { NumberFieldRoot, NumberFieldRootProps, NumberFieldState, NumberFieldValueChangeDetails } from "./number-field-root.mjs";
+import { NumberFieldButtonState, NumberFieldDecrementProps, NumberFieldIncrement, NumberFieldIncrementProps } from "./number-field-increment.mjs";
+import { NumberFieldDecrement } from "./number-field-decrement.mjs";
+import { NumberFieldInput, NumberFieldInputProps } from "./number-field-input.mjs";
+import { NumberFieldLabel, NumberFieldLabelProps } from "./number-field-label.mjs";
+//#region src/number-field/index.d.ts
+/**
+ * NumberField: a text field that holds a number. `Root` (`div[role=group]`, owns the state),
+ * `Label`, `Input` (the visible `input[type=text]` plus a visually hidden native
+ * `input[type=number]` that carries `name`, the constraints and the posted value), and the
+ * `Increment` / `Decrement` buttons (press-and-hold). The user types in their locale's notation
+ * (committed on blur or Enter) or steps with the keys and buttons. Two actions:
+ * `valueChangeAction` on every step (a transition; keep it cheap) and `valueCommitAction` once
+ * per gesture (the save; uncontrolled state is committed when it resolves).
+ */
+export declare const NumberField: {
+  readonly Root: typeof NumberFieldRoot;
+  readonly Label: typeof NumberFieldLabel;
+  readonly Input: typeof NumberFieldInput;
+  readonly Increment: typeof NumberFieldIncrement;
+  readonly Decrement: typeof NumberFieldDecrement;
+};
+//#endregion
+export type { NumberFieldButtonState, NumberFieldDecrementProps, NumberFieldIncrementProps, NumberFieldInputProps, NumberFieldLabelProps, NumberFieldRootProps, NumberFieldState, NumberFieldValueChangeDetails };
+//# sourceMappingURL=index.d.mts.map

package/dist/number-field/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","names":[],"sources":["../../src/number-field/index.ts"],"mappings":";;;;;;;;;;;;;;;;qBAkBa;WACX,aAAI;WACJ,cAAK;WACL,cAAK;WACL,kBAAS;WACT,kBAAS"}

package/dist/number-field/index.mjs

@@ -0,0 +1,26 @@
+import { NumberFieldIncrement } from "./number-field-increment.mjs";
+import { NumberFieldDecrement } from "./number-field-decrement.mjs";
+import { NumberFieldRoot } from "./number-field-root.mjs";
+import { NumberFieldInput } from "./number-field-input.mjs";
+import { NumberFieldLabel } from "./number-field-label.mjs";
+//#region src/number-field/index.ts
+/**
+* NumberField: a text field that holds a number. `Root` (`div[role=group]`, owns the state),
+* `Label`, `Input` (the visible `input[type=text]` plus a visually hidden native
+* `input[type=number]` that carries `name`, the constraints and the posted value), and the
+* `Increment` / `Decrement` buttons (press-and-hold). The user types in their locale's notation
+* (committed on blur or Enter) or steps with the keys and buttons. Two actions:
+* `valueChangeAction` on every step (a transition; keep it cheap) and `valueCommitAction` once
+* per gesture (the save; uncontrolled state is committed when it resolves).
+*/
+const NumberField = {
+	Root: NumberFieldRoot,
+	Label: NumberFieldLabel,
+	Input: NumberFieldInput,
+	Increment: NumberFieldIncrement,
+	Decrement: NumberFieldDecrement
+};
+//#endregion
+export { NumberField };
+
+//# sourceMappingURL=index.mjs.map

package/dist/number-field/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../src/number-field/index.ts"],"sourcesContent":["// Ships the platform attribute typings with this subpath (conventions 7.4). Type-only: the\n// built JS has no import of it.\nimport \"../internal/platform-attributes.js\";\nimport { NumberFieldDecrement } from \"./number-field-decrement.js\";\nimport { NumberFieldIncrement } from \"./number-field-increment.js\";\nimport { NumberFieldInput } from \"./number-field-input.js\";\nimport { NumberFieldLabel } from \"./number-field-label.js\";\nimport { NumberFieldRoot } from \"./number-field-root.js\";\n\n/**\n * NumberField: a text field that holds a number. `Root` (`div[role=group]`, owns the state),\n * `Label`, `Input` (the visible `input[type=text]` plus a visually hidden native\n * `input[type=number]` that carries `name`, the constraints and the posted value), and the\n * `Increment` / `Decrement` buttons (press-and-hold). The user types in their locale's notation\n * (committed on blur or Enter) or steps with the keys and buttons. Two actions:\n * `valueChangeAction` on every step (a transition; keep it cheap) and `valueCommitAction` once\n * per gesture (the save; uncontrolled state is committed when it resolves).\n */\nexport const NumberField = {\n  Root: NumberFieldRoot,\n  Label: NumberFieldLabel,\n  Input: NumberFieldInput,\n  Increment: NumberFieldIncrement,\n  Decrement: NumberFieldDecrement,\n} as const;\n\nexport type {\n  NumberFieldRootProps,\n  NumberFieldState,\n  NumberFieldValueChangeDetails,\n} from \"./number-field-root.js\";\nexport type { NumberFieldLabelProps } from \"./number-field-label.js\";\nexport type { NumberFieldInputProps } from \"./number-field-input.js\";\nexport type {\n  NumberFieldButtonState,\n  NumberFieldIncrementProps,\n  NumberFieldDecrementProps,\n} from \"./number-field-increment.js\";\n"],"mappings":";;;;;;;;;;;;;;;AAkBA,MAAa,cAAc;CACzB,MAAM;CACN,OAAO;CACP,OAAO;CACP,WAAW;CACX,WAAW;AACb"}

package/dist/number-field/number-field-arithmetic.mjs

@@ -0,0 +1,78 @@
+import { decimalsOf, roundTo } from "../internal/decimal.mjs";
+//#region src/number-field/number-field-arithmetic.ts
+/** Tolerance for grid computations on binary floating point. */
+const EPSILON = 1e-9;
+function decimalsFor(bounds) {
+	return Math.max(decimalsOf(bounds.step), decimalsOf(bounds.min ?? 0));
+}
+/** The largest grid point `≤ max` (an unreachable `max` stays unreachable: `0..5` by `2` is `4`). */
+function gridMax(max, base, step) {
+	return base + Math.floor((max - base) / step + EPSILON) * step;
+}
+function clampAndGuard(result, current, direction, bounds) {
+	const { min, max, step } = bounds;
+	const base = min ?? 0;
+	let next = result;
+	if (max !== void 0 && next > max + EPSILON) next = gridMax(max, base, step);
+	if (min !== void 0 && next < min - EPSILON) next = min;
+	next = roundTo(next, decimalsFor(bounds));
+	if (current !== null) {
+		if (direction > 0 && next < current) return current;
+		if (direction < 0 && next > current) return current;
+	}
+	return next;
+}
+/**
+* `current` stepped `n` times (`n > 0` up, `n < 0` down): empty counts as `0`; the step base is
+* `min` (else `0`); an off-grid value snaps to the nearest grid point in the stepping direction,
+* which counts as one step; the result is clamped to `[min, max]` on the grid and rounded to the
+* decimals of `step` and `min`. When the clamp would move the value against the direction, the
+* value is returned unchanged.
+*/
+function stepValue(current, n, bounds) {
+	const { min, step } = bounds;
+	const value = current ?? 0;
+	const base = min ?? 0;
+	const index = (value - base) / step;
+	const nearest = Math.round(index);
+	let target;
+	if (Math.abs(index - nearest) <= EPSILON * Math.max(1, Math.abs(index))) target = nearest + n;
+	else if (n > 0) target = Math.ceil(index) + (n - 1);
+	else target = Math.floor(index) + (n + 1);
+	return clampAndGuard(base + target * step, current, n, bounds);
+}
+/**
+* `current` moved by `delta` (PageUp / PageDown, Shift+Arrow: `± largeStep`). A whole number of
+* steps is `stepValue(current, delta / step)`; otherwise the value moves by `delta` and snaps to
+* the grid toward the start (never past `delta`), at least one step.
+*/
+function stepBy(current, delta, bounds) {
+	const { min, step } = bounds;
+	const ratio = delta / step;
+	if (Math.abs(ratio - Math.round(ratio)) <= EPSILON * Math.max(1, Math.abs(ratio))) return stepValue(current, Math.round(ratio), bounds);
+	const value = current ?? 0;
+	const base = min ?? 0;
+	const index = (value + delta - base) / step;
+	let target = delta > 0 ? Math.floor(index + EPSILON) : Math.ceil(index - EPSILON);
+	const start = (value - base) / step;
+	if (delta > 0 && target <= start + EPSILON) target = Math.floor(start + EPSILON) + 1;
+	if (delta < 0 && target >= start - EPSILON) target = Math.ceil(start - EPSILON) - 1;
+	return clampAndGuard(base + target * step, current, delta, bounds);
+}
+/** The bound a Home / End key moves to: `min`, or the largest grid point `≤ max`. */
+function boundValue(which, bounds) {
+	const { min, max, step } = bounds;
+	if (which === "min") return min;
+	if (max === void 0) return void 0;
+	if (min !== void 0 && max < min) return min;
+	return roundTo(gridMax(max, min ?? 0, step), decimalsFor(bounds));
+}
+/** The next step in `direction` would change nothing (a button at its bound). Empty never is. */
+function isAtBound(value, direction, bounds) {
+	if (value === null) return false;
+	return stepValue(value, direction, bounds) === value;
+}
+//#endregion
+export { boundValue, isAtBound, stepBy, stepValue };
+
+//# sourceMappingURL=number-field-arithmetic.mjs.map

package/dist/number-field/number-field-arithmetic.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-field-arithmetic.mjs","names":[],"sources":["../../src/number-field/number-field-arithmetic.ts"],"sourcesContent":["// Stepping arithmetic of NumberField (design/components/number-field.md 5.5). No directive: no\n// React, no client-only API. The spec's `stepUp(n)` / `stepDown(n)` (snap off-grid values in the\n// stepping direction, clamp into `[min, max]` on the grid), not the native UI stepping.\nimport { decimalsOf, roundTo } from \"../internal/decimal.js\";\n\nexport interface StepBounds {\n  readonly min: number | undefined;\n  readonly max: number | undefined;\n  /** Positive. */\n  readonly step: number;\n}\n\n/** Tolerance for grid computations on binary floating point. */\nconst EPSILON = 1e-9;\n\nfunction decimalsFor(bounds: StepBounds): number {\n  return Math.max(decimalsOf(bounds.step), decimalsOf(bounds.min ?? 0));\n}\n\n/** The largest grid point `≤ max` (an unreachable `max` stays unreachable: `0..5` by `2` is `4`). */\nfunction gridMax(max: number, base: number, step: number): number {\n  return base + Math.floor((max - base) / step + EPSILON) * step;\n}\n\nfunction clampAndGuard(\n  result: number,\n  current: number | null,\n  direction: number,\n  bounds: StepBounds,\n): number {\n  const { min, max, step } = bounds;\n  const base = min ?? 0;\n  let next = result;\n  if (max !== undefined && next > max + EPSILON) next = gridMax(max, base, step);\n  if (min !== undefined && next < min - EPSILON) next = min;\n  next = roundTo(next, decimalsFor(bounds));\n  // 4. A step that would move against its direction changes nothing (an empty value has no\n  // direction to keep: empty + ArrowDown with `min 3` is `3`, design 5.5).\n  if (current !== null) {\n    if (direction > 0 && next < current) return current;\n    if (direction < 0 && next > current) return current;\n  }\n  return next;\n}\n\n/**\n * `current` stepped `n` times (`n > 0` up, `n < 0` down): empty counts as `0`; the step base is\n * `min` (else `0`); an off-grid value snaps to the nearest grid point in the stepping direction,\n * which counts as one step; the result is clamped to `[min, max]` on the grid and rounded to the\n * decimals of `step` and `min`. When the clamp would move the value against the direction, the\n * value is returned unchanged.\n */\nexport function stepValue(current: number | null, n: number, bounds: StepBounds): number {\n  const { min, step } = bounds;\n  const value = current ?? 0;\n  const base = min ?? 0;\n  const index = (value - base) / step;\n  const nearest = Math.round(index);\n  let target: number;\n  if (Math.abs(index - nearest) <= EPSILON * Math.max(1, Math.abs(index))) {\n    target = nearest + n;\n  } else if (n > 0) {\n    target = Math.ceil(index) + (n - 1);\n  } else {\n    target = Math.floor(index) + (n + 1);\n  }\n  return clampAndGuard(base + target * step, current, n, bounds);\n}\n\n/**\n * `current` moved by `delta` (PageUp / PageDown, Shift+Arrow: `± largeStep`). A whole number of\n * steps is `stepValue(current, delta / step)`; otherwise the value moves by `delta` and snaps to\n * the grid toward the start (never past `delta`), at least one step.\n */\nexport function stepBy(current: number | null, delta: number, bounds: StepBounds): number {\n  const { min, step } = bounds;\n  const ratio = delta / step;\n  if (Math.abs(ratio - Math.round(ratio)) <= EPSILON * Math.max(1, Math.abs(ratio))) {\n    return stepValue(current, Math.round(ratio), bounds);\n  }\n  const value = current ?? 0;\n  const base = min ?? 0;\n  const index = (value + delta - base) / step;\n  let target = delta > 0 ? Math.floor(index + EPSILON) : Math.ceil(index - EPSILON);\n  const start = (value - base) / step;\n  if (delta > 0 && target <= start + EPSILON) target = Math.floor(start + EPSILON) + 1;\n  if (delta < 0 && target >= start - EPSILON) target = Math.ceil(start - EPSILON) - 1;\n  return clampAndGuard(base + target * step, current, delta, bounds);\n}\n\n/** The bound a Home / End key moves to: `min`, or the largest grid point `≤ max`. */\nexport function boundValue(which: \"min\" | \"max\", bounds: StepBounds): number | undefined {\n  const { min, max, step } = bounds;\n  if (which === \"min\") return min;\n  if (max === undefined) return undefined;\n  if (min !== undefined && max < min) return min;\n  return roundTo(gridMax(max, min ?? 0, step), decimalsFor(bounds));\n}\n\n/** The next step in `direction` would change nothing (a button at its bound). Empty never is. */\nexport function isAtBound(value: number | null, direction: 1 | -1, bounds: StepBounds): boolean {\n  if (value === null) return false;\n  return stepValue(value, direction, bounds) === value;\n}\n"],"mappings":";;;AAaA,MAAM,UAAU;AAEhB,SAAS,YAAY,QAA4B;CAC/C,OAAO,KAAK,IAAI,WAAW,OAAO,IAAI,GAAG,WAAW,OAAO,OAAO,CAAC,CAAC;AACtE;;AAGA,SAAS,QAAQ,KAAa,MAAc,MAAsB;CAChE,OAAO,OAAO,KAAK,OAAO,MAAM,QAAQ,OAAO,OAAO,IAAI;AAC5D;AAEA,SAAS,cACP,QACA,SACA,WACA,QACQ;CACR,MAAM,EAAE,KAAK,KAAK,SAAS;CAC3B,MAAM,OAAO,OAAO;CACpB,IAAI,OAAO;CACX,IAAI,QAAQ,KAAA,KAAa,OAAO,MAAM,SAAS,OAAO,QAAQ,KAAK,MAAM,IAAI;CAC7E,IAAI,QAAQ,KAAA,KAAa,OAAO,MAAM,SAAS,OAAO;CACtD,OAAO,QAAQ,MAAM,YAAY,MAAM,CAAC;CAGxC,IAAI,YAAY,MAAM;EACpB,IAAI,YAAY,KAAK,OAAO,SAAS,OAAO;EAC5C,IAAI,YAAY,KAAK,OAAO,SAAS,OAAO;CAC9C;CACA,OAAO;AACT;;;;;;;;AASA,SAAgB,UAAU,SAAwB,GAAW,QAA4B;CACvF,MAAM,EAAE,KAAK,SAAS;CACtB,MAAM,QAAQ,WAAW;CACzB,MAAM,OAAO,OAAO;CACpB,MAAM,SAAS,QAAQ,QAAQ;CAC/B,MAAM,UAAU,KAAK,MAAM,KAAK;CAChC,IAAI;CACJ,IAAI,KAAK,IAAI,QAAQ,OAAO,KAAK,UAAU,KAAK,IAAI,GAAG,KAAK,IAAI,KAAK,CAAC,GACpE,SAAS,UAAU;MACd,IAAI,IAAI,GACb,SAAS,KAAK,KAAK,KAAK,KAAK,IAAI;MAEjC,SAAS,KAAK,MAAM,KAAK,KAAK,IAAI;CAEpC,OAAO,cAAc,OAAO,SAAS,MAAM,SAAS,GAAG,MAAM;AAC/D;;;;;;AAOA,SAAgB,OAAO,SAAwB,OAAe,QAA4B;CACxF,MAAM,EAAE,KAAK,SAAS;CACtB,MAAM,QAAQ,QAAQ;CACtB,IAAI,KAAK,IAAI,QAAQ,KAAK,MAAM,KAAK,CAAC,KAAK,UAAU,KAAK,IAAI,GAAG,KAAK,IAAI,KAAK,CAAC,GAC9E,OAAO,UAAU,SAAS,KAAK,MAAM,KAAK,GAAG,MAAM;CAErD,MAAM,QAAQ,WAAW;CACzB,MAAM,OAAO,OAAO;CACpB,MAAM,SAAS,QAAQ,QAAQ,QAAQ;CACvC,IAAI,SAAS,QAAQ,IAAI,KAAK,MAAM,QAAQ,OAAO,IAAI,KAAK,KAAK,QAAQ,OAAO;CAChF,MAAM,SAAS,QAAQ,QAAQ;CAC/B,IAAI,QAAQ,KAAK,UAAU,QAAQ,SAAS,SAAS,KAAK,MAAM,QAAQ,OAAO,IAAI;CACnF,IAAI,QAAQ,KAAK,UAAU,QAAQ,SAAS,SAAS,KAAK,KAAK,QAAQ,OAAO,IAAI;CAClF,OAAO,cAAc,OAAO,SAAS,MAAM,SAAS,OAAO,MAAM;AACnE;;AAGA,SAAgB,WAAW,OAAsB,QAAwC;CACvF,MAAM,EAAE,KAAK,KAAK,SAAS;CAC3B,IAAI,UAAU,OAAO,OAAO;CAC5B,IAAI,QAAQ,KAAA,GAAW,OAAO,KAAA;CAC9B,IAAI,QAAQ,KAAA,KAAa,MAAM,KAAK,OAAO;CAC3C,OAAO,QAAQ,QAAQ,KAAK,OAAO,GAAG,IAAI,GAAG,YAAY,MAAM,CAAC;AAClE;;AAGA,SAAgB,UAAU,OAAsB,WAAmB,QAA6B;CAC9F,IAAI,UAAU,MAAM,OAAO;CAC3B,OAAO,UAAU,OAAO,WAAW,MAAM,MAAM;AACjD"}

package/dist/number-field/number-field-context.d.mts

@@ -0,0 +1,2 @@
+import "./number-field-root.mjs";
+import { RefObject } from "react";

package/dist/number-field/number-field-context.mjs

@@ -0,0 +1,13 @@
+"use client";
+import { createContext, use } from "react";
+//#region src/number-field/number-field-context.ts
+const NumberFieldContext = createContext(null);
+function useNumberFieldContext(part) {
+	const context = use(NumberFieldContext);
+	if (context === null) throw new Error(`${part} must be rendered inside a NumberField.Root.`);
+	return context;
+}
+//#endregion
+export { NumberFieldContext, useNumberFieldContext };
+
+//# sourceMappingURL=number-field-context.mjs.map

package/dist/number-field/number-field-context.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-field-context.mjs","names":[],"sources":["../../src/number-field/number-field-context.ts"],"sourcesContent":["\"use client\";\nimport { createContext, use } from \"react\";\nimport type { RefObject } from \"react\";\nimport type { StepBounds } from \"./number-field-arithmetic.js\";\nimport type { NumberFieldState } from \"./number-field-root.js\";\n\n/** A step button's direction. */\nexport type StepDirection = \"increment\" | \"decrement\";\n\n/** What produced a step or a commit (`details.source`). */\nexport type NumberFieldSource = \"input\" | \"increment\" | \"decrement\" | \"keyboard\" | \"wheel\" | null;\n\nexport interface NumberFieldContextValue {\n  /** The state every part's function props receive. */\n  readonly state: NumberFieldState;\n  readonly bounds: StepBounds;\n  /** What a button steps from: the parsed draft while one is open, else the shown value. */\n  readonly stepBase: number | null;\n  /** The Root is pending and the latest step or commit came from this source. */\n  readonly pendingSource: NumberFieldSource;\n  /** Ids: the visible input (the Root's, or a Field's control id) and the Label. */\n  readonly inputId: string;\n  readonly labelId: string;\n  readonly name: string | undefined;\n  readonly form: string | undefined;\n  /** `inputmode=\"decimal\"` rather than `\"numeric\"` (8.5). */\n  readonly allowsFractions: boolean;\n  readonly stepOnWheel: boolean;\n  /** The hidden input's `defaultValue`: the reset target as `String(number)` or `\"\"`. */\n  readonly resetTargetText: string;\n  /** Inside a `Field.Root`: `data-invalid` on the Root and the Input. */\n  readonly fieldInvalid: boolean | undefined;\n  readonly visibleRef: RefObject<HTMLInputElement | null>;\n  readonly hiddenRef: RefObject<HTMLInputElement | null>;\n\n  /** `input` on the visible input: the urgent draft. */\n  readonly typed: (text: string) => void;\n  /** `focusout` on the visible input: commit the draft (4.1). */\n  readonly commitDraft: (event: Event) => void;\n  /** `keydown` on the visible input (4.2). */\n  readonly keyDown: (event: KeyboardEvent) => void;\n  /** The native `wheel` listener on the visible input (4.4). */\n  readonly wheel: (event: WheelEvent) => void;\n  /** `pointerdown` on a button: the first step; `false` when no hold is open afterwards. */\n  readonly beginHold: (direction: StepDirection, event: Event) => boolean;\n  /** One tick of the hold; `false` when the hold ended (the bound was reached). */\n  readonly tickHold: (direction: StepDirection, event: Event | undefined) => boolean;\n  /** The hold's release (or cancel): one commit. */\n  readonly endHold: (direction: StepDirection, event: Event) => void;\n  /** A click with no pointer gesture (assistive technology): step + commit. */\n  readonly activate: (direction: StepDirection, event: Event) => void;\n  /** Mirrors the hidden input's `validationMessage` onto the visible input (6.2). */\n  readonly mirror: () => void;\n  /** Called by the Label from a layout effect; returns the unregistration. */\n  readonly registerLabel: () => () => void;\n  /** Called by the Input from its mount layout effect (late mount reconciliation). */\n  readonly onInputMounted: () => void;\n}\n\nexport const NumberFieldContext = createContext<NumberFieldContextValue | null>(null);\n\nexport function useNumberFieldContext(part: string): NumberFieldContextValue {\n  const context = use(NumberFieldContext);\n  if (context === null) {\n    throw new Error(`${part} must be rendered inside a NumberField.Root.`);\n  }\n  return context;\n}\n"],"mappings":";;;AA2DA,MAAa,qBAAqB,cAA8C,IAAI;AAEpF,SAAgB,sBAAsB,MAAuC;CAC3E,MAAM,UAAU,IAAI,kBAAkB;CACtC,IAAI,YAAY,MACd,MAAM,IAAI,MAAM,GAAG,KAAK,6CAA6C;CAEvE,OAAO;AACT"}

package/dist/number-field/number-field-decrement.d.mts

@@ -0,0 +1,16 @@
+import { NumberFieldDecrementProps } from "./number-field-increment.mjs";
+//#region src/number-field/number-field-decrement.d.ts
+/**
+ * Steps the value down: `button[type=button][tabindex=-1]` with `aria-controls` → the input and
+ * the default `aria-label` `"Decrease"`; one step at the press, then repeated while held, one
+ * commit at the release. Natively `disabled` when the next step would change nothing.
+ *
+ * Owned keys: `type`, `tabIndex`, `aria-controls`, `disabled`, `onPointerDown`, `onClick`,
+ * `onContextMenu`, `data-pending`, `data-disabled`.
+ */
+export declare function NumberFieldDecrement(props: NumberFieldDecrementProps): import("react").ReactNode;
+export declare namespace NumberFieldDecrement {
+  var displayName: string;
+}
+//#endregion
+//# sourceMappingURL=number-field-decrement.d.mts.map

package/dist/number-field/number-field-decrement.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-field-decrement.d.mts","names":[],"sources":["../../src/number-field/number-field-decrement.tsx"],"mappings":";;;;;;;;;;wBAcgB,qBAAqB,OAAO,4CAAyB;yBAArD"}

package/dist/number-field/number-field-decrement.mjs

@@ -0,0 +1,19 @@
+"use client";
+import { useStepButtonElement } from "./number-field-increment.mjs";
+//#region src/number-field/number-field-decrement.tsx
+/**
+* Steps the value down: `button[type=button][tabindex=-1]` with `aria-controls` → the input and
+* the default `aria-label` `"Decrease"`; one step at the press, then repeated while held, one
+* commit at the release. Natively `disabled` when the next step would change nothing.
+*
+* Owned keys: `type`, `tabIndex`, `aria-controls`, `disabled`, `onPointerDown`, `onClick`,
+* `onContextMenu`, `data-pending`, `data-disabled`.
+*/
+function NumberFieldDecrement(props) {
+	return useStepButtonElement("decrement", "NumberField.Decrement", props);
+}
+NumberFieldDecrement.displayName = "NumberFieldDecrement";
+//#endregion
+export { NumberFieldDecrement };
+
+//# sourceMappingURL=number-field-decrement.mjs.map

package/dist/number-field/number-field-decrement.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-field-decrement.mjs","names":[],"sources":["../../src/number-field/number-field-decrement.tsx"],"sourcesContent":["\"use client\";\nimport { useStepButtonElement } from \"./number-field-increment.js\";\nimport type { NumberFieldDecrementProps } from \"./number-field-increment.js\";\n\nexport type { NumberFieldDecrementProps } from \"./number-field-increment.js\";\n\n/**\n * Steps the value down: `button[type=button][tabindex=-1]` with `aria-controls` → the input and\n * the default `aria-label` `\"Decrease\"`; one step at the press, then repeated while held, one\n * commit at the release. Natively `disabled` when the next step would change nothing.\n *\n * Owned keys: `type`, `tabIndex`, `aria-controls`, `disabled`, `onPointerDown`, `onClick`,\n * `onContextMenu`, `data-pending`, `data-disabled`.\n */\nexport function NumberFieldDecrement(props: NumberFieldDecrementProps) {\n  return useStepButtonElement(\"decrement\", \"NumberField.Decrement\", props);\n}\n\nNumberFieldDecrement.displayName = \"NumberFieldDecrement\";\n"],"mappings":";;;;;;;;;;;AAcA,SAAgB,qBAAqB,OAAkC;CACrE,OAAO,qBAAqB,aAAa,yBAAyB,KAAK;AACzE;AAEA,qBAAqB,cAAc"}