@orianatech/pire 1.2.0 → 1.3.0

package/dist/components/patterns/NumPad.d.cts

@@ -0,0 +1,60 @@
+import * as React from 'react';
+export interface NumPadKey {
+    /**
+     * What the key produces. A digit or a run of digits (`'7'`, `'00'`, `'000'`) is inserted into
+     * the buffer directly — that covers the whole base grid plus a money keypad's multi-zero keys
+     * for free. Anything else is a value NumPad cannot interpret on its own — an exact-balance
+     * button, say — so it is reported through {@link NumPadProps.onAction} instead of touched.
+     * `'backspace'` and `'clear'` are reserved: they always edit the buffer, never insert.
+     */
+    value: string;
+    /** Visible content. Falls back to `value` for a digit key; required for anything else — an
+     *  action key has no default text that would make sense to show. */
+    label?: React.ReactNode;
+    /** Grid columns this key spans, in the 4-column layout. Defaults to 1. */
+    span?: 1 | 2;
+}
+export interface NumPadProps {
+    /** Names the key grid. Required: it is ~16 individually meaningless buttons ("7", "⌫"…), and
+     *  nothing else on screen names the group of them. */
+    'aria-label': string;
+    /** What is currently being edited — a selected line, the amount due. Announced through a live
+     *  region on change, so a screen-reader user knows where their keystrokes are going before they
+     *  press one. */
+    target?: React.ReactNode;
+    /** The buffer, controlled. NumPad renders no state of its own — the same principle
+     *  `NumberField` follows by reading React Aria's state instead of mirroring it — so the grid
+     *  and the physical keyboard can never disagree about what has been typed. */
+    value: string;
+    onChange: (value: string) => void;
+    /** Extra keys appended after the base grid (`7 8 9 C` / `4 5 6 ⌫` / `1 2 3 0`), in the same
+     *  4-column layout — a money keypad's `00`, `000` and a wide "exact balance" key. */
+    extraKeys?: NumPadKey[];
+    /**
+     * Fired when a key whose `value` is not purely digits is pressed (the base grid and any
+     * numeric `extraKeys` never call this — they go straight to `onChange`). The one place NumPad
+     * hands control back to the app: it cannot know what a key like `{ value: 'exact' }` should
+     * write into the buffer, only that it was pressed.
+     */
+    onAction?: (value: string) => void;
+    /** Disables every key at once — real `aria-disabled`, and a press does nothing, not just a
+     *  colour change. Typical use: no line selected yet to type a quantity into. */
+    isDisabled?: boolean;
+    size?: 'md' | 'lg';
+    className?: string;
+    style?: React.CSSProperties;
+}
+/**
+ * An on-screen numeric keypad for a counter operated hands-on-keyboard: a POS quantity or an
+ * amount tendered, typed without looking down at the screen.
+ *
+ * Two defects the design it replaces had, and the reason both traps are closed here rather than
+ * left to each product: every press works from the physical keyboard as well as a click (see
+ * {@link useNumPadKeyboard}), and `isDisabled` is real — a native disabled `<button>`, not a
+ * class name a press still gets through.
+ *
+ * A screen with two of these mounted at once — a quantity keypad in a cart panel, an amount
+ * keypad in the payment overlay covering it — never has both answer the same keystroke either:
+ * see {@link useNumPadKeyboard} for how the backgrounded one recognises that on its own.
+ */
+export declare function NumPad({ 'aria-label': ariaLabel, target, value, onChange, extraKeys, onAction, isDisabled, size, className, style, }: NumPadProps): React.JSX.Element;

package/dist/components/patterns/NumPad.d.ts

@@ -0,0 +1,61 @@
+import * as React from 'react';
+export interface NumPadKey {
+    /**
+     * What the key produces. A digit or a run of digits (`'7'`, `'00'`, `'000'`) is inserted into
+     * the buffer directly — that covers the whole base grid plus a money keypad's multi-zero keys
+     * for free. Anything else is a value NumPad cannot interpret on its own — an exact-balance
+     * button, say — so it is reported through {@link NumPadProps.onAction} instead of touched.
+     * `'backspace'` and `'clear'` are reserved: they always edit the buffer, never insert.
+     */
+    value: string;
+    /** Visible content. Falls back to `value` for a digit key; required for anything else — an
+     *  action key has no default text that would make sense to show. */
+    label?: React.ReactNode;
+    /** Grid columns this key spans, in the 4-column layout. Defaults to 1. */
+    span?: 1 | 2;
+}
+export interface NumPadProps {
+    /** Names the key grid. Required: it is ~16 individually meaningless buttons ("7", "⌫"…), and
+     *  nothing else on screen names the group of them. */
+    'aria-label': string;
+    /** What is currently being edited — a selected line, the amount due. Announced through a live
+     *  region on change, so a screen-reader user knows where their keystrokes are going before they
+     *  press one. */
+    target?: React.ReactNode;
+    /** The buffer, controlled. NumPad renders no state of its own — the same principle
+     *  `NumberField` follows by reading React Aria's state instead of mirroring it — so the grid
+     *  and the physical keyboard can never disagree about what has been typed. */
+    value: string;
+    onChange: (value: string) => void;
+    /** Extra keys appended after the base grid (`7 8 9 C` / `4 5 6 ⌫` / `1 2 3 0`), in the same
+     *  4-column layout — a money keypad's `00`, `000` and a wide "exact balance" key. */
+    extraKeys?: NumPadKey[];
+    /**
+     * Fired when a key whose `value` is not purely digits is pressed (the base grid and any
+     * numeric `extraKeys` never call this — they go straight to `onChange`). The one place NumPad
+     * hands control back to the app: it cannot know what a key like `{ value: 'exact' }` should
+     * write into the buffer, only that it was pressed.
+     */
+    onAction?: (value: string) => void;
+    /** Disables every key at once — real `aria-disabled`, and a press does nothing, not just a
+     *  colour change. Typical use: no line selected yet to type a quantity into. */
+    isDisabled?: boolean;
+    size?: 'md' | 'lg';
+    className?: string;
+    style?: React.CSSProperties;
+}
+/**
+ * An on-screen numeric keypad for a counter operated hands-on-keyboard: a POS quantity or an
+ * amount tendered, typed without looking down at the screen.
+ *
+ * Two defects the design it replaces had, and the reason both traps are closed here rather than
+ * left to each product: every press works from the physical keyboard as well as a click (see
+ * {@link useNumPadKeyboard}), and `isDisabled` is real — a native disabled `<button>`, not a
+ * class name a press still gets through.
+ *
+ * A screen with two of these mounted at once — a quantity keypad in a cart panel, an amount
+ * keypad in the payment overlay covering it — never has both answer the same keystroke either:
+ * see {@link useNumPadKeyboard} for how the backgrounded one recognises that on its own.
+ */
+export declare function NumPad({ 'aria-label': ariaLabel, target, value, onChange, extraKeys, onAction, isDisabled, size, className, style, }: NumPadProps): React.JSX.Element;
+//# sourceMappingURL=NumPad.d.ts.map

package/dist/components/patterns/NumPad.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumPad.d.ts","sourceRoot":"","sources":["../../../src/components/patterns/NumPad.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,SAAS;IACxB;;;;;;OAMG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;wEACoE;IACpE,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,0EAA0E;IAC1E,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;CACd;AAED,MAAM,WAAW,WAAW;IAC1B;0DACsD;IACtD,YAAY,EAAE,MAAM,CAAC;IACrB;;qBAEiB;IACjB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;kFAE8E;IAC9E,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC;yFACqF;IACrF,SAAS,CAAC,EAAE,SAAS,EAAE,CAAC;IACxB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC;oFACgF;IAChF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAyED;;;;;;;;;;;;GAYG;AACH,wBAAgB,MAAM,CAAC,EACrB,YAAY,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAc,EAAE,QAAQ,EAC1E,UAAU,EAAE,IAAW,EAAE,SAAS,EAAE,KAAK,GAC1C,EAAE,WAAW,qBAuCb"}

package/dist/components.css

@@ -886,6 +886,15 @@
 .pire-cp-hint{display:flex;align-items:center;gap:var(--sp-1);font:var(--type-caption);color:var(--text-secondary)}
 .pire-cp-loading{padding:var(--sp-1) var(--sp-4);font:var(--type-caption);color:var(--text-secondary);border-block-end:1px solid var(--border-subtle)}
 
+/* ---- NumPad --------------------------------------------------------------- */
+.pire-numpad{display:flex;flex-direction:column;gap:var(--sp-3)}
+.pire-numpad-target{font:var(--type-body-strong);color:var(--text-secondary)}
+.pire-numpad-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-2)}
+/* Larger than a form button's own type on purpose: this grid is read and pressed without looking
+   closely at the screen, so the digits carry more weight than `.pire-btn`'s default. */
+.pire-numpad-key{font:var(--type-h3)}
+.pire-numpad-key[data-span="2"]{grid-column:span 2}
+
 /* ---- Reduced motion --------------------------------------------------- */
 @media (prefers-reduced-motion: reduce){.pire-modal,.pire-toast,.pire-popover,.pire-tooltip,.pire-sidepanel,.pire-cp-overlay,.pire-cp-modal{animation:none}
 /* The skeleton also drops its background sweep, not just the animation: an infinite shimmer is

package/dist/i18n/messages.d.cts

@@ -133,6 +133,10 @@ export interface PireMessages {
     chartNoValue: string;
     /** Shown in place of the plot when a chart has nothing to draw. */
     chartEmpty: string;
+    /** Accessible name of NumPad's clear key. Its visible glyph is "C". */
+    numPadClear: string;
+    /** Accessible name of NumPad's backspace key. Its visible glyph is "⌫". */
+    numPadBackspace: string;
 }
 export declare const enMessages: PireMessages;
 export declare const esMessages: PireMessages;

package/dist/i18n/messages.d.ts

@@ -133,6 +133,10 @@ export interface PireMessages {
     chartNoValue: string;
     /** Shown in place of the plot when a chart has nothing to draw. */
     chartEmpty: string;
+    /** Accessible name of NumPad's clear key. Its visible glyph is "C". */
+    numPadClear: string;
+    /** Accessible name of NumPad's backspace key. Its visible glyph is "⌫". */
+    numPadBackspace: string;
 }
 export declare const enMessages: PireMessages;
 export declare const esMessages: PireMessages;

package/dist/i18n/messages.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"messages.d.ts","sourceRoot":"","sources":["../../src/i18n/messages.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"messages.d.ts","sourceRoot":"","sources":["../../src/i18n/messages.ts"],"names":[],"mappings":"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"}

package/dist/index.cjs

@@ -77,6 +77,7 @@ __export(src_exports, {
   MenuSeparator: () => MenuSeparator,
   MenuTrigger: () => import_react_aria_components36.MenuTrigger,
   MultiComboBox: () => MultiComboBox,
+  NumPad: () => NumPad,
   NumberField: () => NumberField,
   ObjectHeader: () => ObjectHeader,
   PageBand: () => PageBand,
@@ -914,7 +915,9 @@ var enMessages = {
   commandPaletteHintClose: "close",
   chartCategoryHeader: "Category",
   chartNoValue: "No data",
-  chartEmpty: "No data for this period"
+  chartEmpty: "No data for this period",
+  numPadClear: "Clear",
+  numPadBackspace: "Remove last digit"
 };
 var esMessages = {
   filterBarLabel: "Filtros",
@@ -980,7 +983,9 @@ var esMessages = {
   commandPaletteHintClose: "cerrar",
   chartCategoryHeader: "Categor\xEDa",
   chartNoValue: "Sin datos",
-  chartEmpty: "Sin datos para este per\xEDodo"
+  chartEmpty: "Sin datos para este per\xEDodo",
+  numPadClear: "Limpiar",
+  numPadBackspace: "Borrar \xFAltimo d\xEDgito"
 };
 
 // src/i18n/PireIntlProvider.tsx
@@ -4139,10 +4144,125 @@ function EmptyState({ icon = "file-text", title, action, compact, children, clas
   ] });
 }
 
-// src/components/patterns/FileDropZone.tsx
+// src/components/patterns/NumPad.tsx
 var React28 = __toESM(require("react"), 1);
-var import_react_aria_components35 = require("react-aria-components");
 var import_jsx_runtime65 = require("react/jsx-runtime");
+var BASE_KEYS = [
+  { value: "7" },
+  { value: "8" },
+  { value: "9" },
+  { value: "clear", label: "C" },
+  { value: "4" },
+  { value: "5" },
+  { value: "6" },
+  { value: "backspace", label: "\u232B" },
+  { value: "1" },
+  { value: "2" },
+  { value: "3" },
+  { value: "0" }
+];
+var isInsertable = (value) => /^[0-9]+$/.test(value);
+function useNumPadKeyboard(onKey, isDisabled, containerRef) {
+  const handler = React28.useRef(onKey);
+  handler.current = onKey;
+  React28.useEffect(() => {
+    if (isDisabled) return;
+    const isEditingElsewhere = () => {
+      const el = document.activeElement;
+      if (!el) return false;
+      const tag = el.tagName;
+      return tag === "INPUT" || tag === "TEXTAREA" || tag === "SELECT" || el.hasAttribute("contenteditable");
+    };
+    const isBackgroundedByAnOverlay = () => containerRef.current?.closest("[inert]") != null;
+    const onKeyDown = (event) => {
+      if (event.metaKey || event.ctrlKey || event.altKey) return;
+      if (isEditingElsewhere() || isBackgroundedByAnOverlay()) return;
+      if (event.key >= "0" && event.key <= "9") {
+        handler.current(event.key);
+        return;
+      }
+      if (event.key === "Backspace") {
+        handler.current("backspace");
+        return;
+      }
+      if (event.key === "Escape") {
+        handler.current("clear");
+        return;
+      }
+    };
+    document.addEventListener("keydown", onKeyDown);
+    return () => document.removeEventListener("keydown", onKeyDown);
+  }, [isDisabled, containerRef]);
+}
+function NumPad({
+  "aria-label": ariaLabel,
+  target,
+  value,
+  onChange,
+  extraKeys = [],
+  onAction,
+  isDisabled,
+  size = "md",
+  className,
+  style
+}) {
+  const msg = usePireMessages();
+  const containerRef = React28.useRef(null);
+  const applyKey = React28.useCallback((key) => {
+    if (isDisabled) return;
+    if (key.value === "backspace") {
+      onChange(value.slice(0, -1));
+      return;
+    }
+    if (key.value === "clear") {
+      onChange("");
+      return;
+    }
+    if (isInsertable(key.value)) {
+      onChange(value + key.value);
+      return;
+    }
+    onAction?.(key.value);
+  }, [isDisabled, value, onChange, onAction]);
+  useNumPadKeyboard((keyValue) => applyKey({ value: keyValue }), isDisabled, containerRef);
+  const keys = [...BASE_KEYS, ...extraKeys];
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
+    "div",
+    {
+      ref: containerRef,
+      className: cx("pire-numpad", className),
+      style,
+      "data-size": size,
+      "data-disabled": isDisabled ? "true" : void 0,
+      children: [
+        target !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "pire-numpad-target", role: "status", "aria-live": "polite", children: target }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "pire-numpad-grid", role: "group", "aria-label": ariaLabel, children: keys.map((key) => {
+          const accessibleLabel = key.value === "backspace" ? msg.numPadBackspace : key.value === "clear" ? msg.numPadClear : void 0;
+          return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+            Button,
+            {
+              variant: "secondary",
+              size,
+              fullWidth: true,
+              className: "pire-numpad-key",
+              "data-span": key.span === 2 ? "2" : void 0,
+              isDisabled,
+              "aria-label": accessibleLabel,
+              onPress: () => applyKey(key),
+              children: key.label ?? key.value
+            },
+            key.value
+          );
+        }) })
+      ]
+    }
+  );
+}
+
+// src/components/patterns/FileDropZone.tsx
+var React29 = __toESM(require("react"), 1);
+var import_react_aria_components35 = require("react-aria-components");
+var import_jsx_runtime66 = require("react/jsx-runtime");
 var isImage2 = (file) => file.type.startsWith("image/");
 function FileDropZone({
   label,
@@ -4170,10 +4290,10 @@ function FileDropZone({
   ...rest
 }) {
   const msg = usePireMessages();
-  const [uncontrolled, setUncontrolled] = React28.useState(defaultValue ?? []);
+  const [uncontrolled, setUncontrolled] = React29.useState(defaultValue ?? []);
   const files = value ?? uncontrolled;
-  const created = React28.useRef([]);
-  React28.useEffect(() => () => {
+  const created = React29.useRef([]);
+  React29.useEffect(() => () => {
     for (const url of created.current) URL.revokeObjectURL(url);
   }, []);
   const commit = (next) => {
@@ -4193,12 +4313,12 @@ function FileDropZone({
     commit(allowsMultiple ? [...files, ...wrapped] : wrapped.slice(0, 1));
   };
   const remove = (target) => commit(files.filter((f) => f.file !== target));
-  return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: cx("pire-field", className), style, "data-full-width": String(fullWidth), ...rest, children: [
-    label ? /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("span", { className: "pire-field-label", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: cx("pire-field", className), style, "data-full-width": String(fullWidth), ...rest, children: [
+    label ? /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("span", { className: "pire-field-label", children: [
       label,
-      isRequired ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "pire-field-req", "aria-hidden": "true", children: "*" }) : null
+      isRequired ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "pire-field-req", "aria-hidden": "true", children: "*" }) : null
     ] }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
       import_react_aria_components35.DropZone,
       {
         className: "pire-dropzone",
@@ -4212,25 +4332,25 @@ function FileDropZone({
           accept(dropped);
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Icon, { name: "download", size: 24, className: "pire-dropzone-icon" }),
-          /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "pire-dropzone-prompt", children: promptLabel ?? msg.fileDropZonePrompt }),
-          /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Icon, { name: "download", size: 24, className: "pire-dropzone-icon" }),
+          /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "pire-dropzone-prompt", children: promptLabel ?? msg.fileDropZonePrompt }),
+          /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
             import_react_aria_components35.FileTrigger,
             {
               acceptedFileTypes,
               allowsMultiple,
               onSelect: (list) => accept(list ? [...list] : []),
-              children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Button, { variant: "secondary", isDisabled: isDisabled || isReadOnly, children: msg.fileUploadChoose })
+              children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Button, { variant: "secondary", isDisabled: isDisabled || isReadOnly, children: msg.fileUploadChoose })
             }
           )
         ]
       }
     ),
-    files.length ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("ul", { className: "pire-fileupload-list", children: files.map(({ file, previewUrl }) => /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("li", { className: "pire-fileupload-item", children: [
-      previewUrl ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("img", { className: "pire-fileupload-thumb", src: previewUrl, alt: "" }) : /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Icon, { name: "file-text", size: 16, className: "pire-fileupload-icon" }),
-      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "pire-fileupload-name", children: file.name }),
-      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "pire-fileupload-size", children: formatFileSize(file.size) }),
-      isDisabled || isReadOnly ? null : /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+    files.length ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("ul", { className: "pire-fileupload-list", children: files.map(({ file, previewUrl }) => /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("li", { className: "pire-fileupload-item", children: [
+      previewUrl ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("img", { className: "pire-fileupload-thumb", src: previewUrl, alt: "" }) : /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Icon, { name: "file-text", size: 16, className: "pire-fileupload-icon" }),
+      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "pire-fileupload-name", children: file.name }),
+      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "pire-fileupload-size", children: formatFileSize(file.size) }),
+      isDisabled || isReadOnly ? null : /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
         IconButton,
         {
           icon: "x",
@@ -4240,9 +4360,9 @@ function FileDropZone({
         }
       )
     ] }, `${file.name}-${file.size}-${file.lastModified}`)) }) : null,
-    uploadProgress != null ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(ProgressBar, { value: uploadProgress, label: msg.fileUploadUploading }) : null,
-    description ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "pire-field-hint", children: description }) : null,
-    isInvalid && errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "pire-field-error", children: errorMessage }) : null
+    uploadProgress != null ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(ProgressBar, { value: uploadProgress, label: msg.fileUploadUploading }) : null,
+    description ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "pire-field-hint", children: description }) : null,
+    isInvalid && errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "pire-field-error", children: errorMessage }) : null
   ] });
 }
 
@@ -4298,6 +4418,7 @@ var import_react_aria_components37 = require("react-aria-components");
   MenuSeparator,
   MenuTrigger,
   MultiComboBox,
+  NumPad,
   NumberField,
   ObjectHeader,
   PageBand,