@nxgt/material 3.101.0 → 3.103.0

package/docs/guides/keypad.md

@@ -0,0 +1,225 @@
+# Keypad
+
+`@nxgt/material/keypad` is a numeric keypad you can use outside the Calculator
+widget: a touch and keyboard entry for a quantity, a price, a percentage, or an
+amount tendered in cash with the change worked out. The value is a canonical
+decimal string (`'12.5'`), the arithmetic is exact (`0.1 + 0.2` is `0.3`), and
+nothing is evaluated as code. The maths is `@nxgt/material-core/calculator`, the
+same engine as the [calculator](calculator.md).
+
+- [Set up](#set-up)
+- [Standard entry](#standard-entry)
+- [Decimal or minor-unit entry](#decimal-or-minor-unit-entry)
+- [Calculations](#calculations)
+- [Limits](#limits)
+- [Keyboard](#keyboard)
+- [Bind it to a field](#bind-it-to-a-field)
+- [Cash](#cash)
+- [Props](#props)
+- [Sizing and styles](#sizing-and-styles)
+- [Accessibility](#accessibility)
+- [Troubleshooting](#troubleshooting)
+
+## Set up
+
+```tsx
+import { Keypad } from '@nxgt/material/keypad';
+```
+
+The entry is its own: it is not in `@nxgt/material` or
+`@nxgt/material/components`, and it renders on the server. **There is no keypad
+stylesheet**: the Calculator's `calculator.css` styles it, so import it once,
+after `styles.css`:
+
+```css
+@import "@nxgt/material/styles.css";
+@import "@nxgt/material/calculator.css";
+```
+
+(or `import '@nxgt/material/calculator.css'` in your entry module).
+
+## Standard entry
+
+```tsx
+const [qty, setQty] = useState('');
+
+<Keypad value={qty} onValueChange={setQty} onCommit={(value) => addLine(value)} />
+```
+
+`value` is controlled with `onValueChange`; `defaultValue` leaves the keypad
+uncontrolled. `onValueChange` receives the value text each time it changes
+(`''` when emptied), but not while a calculation waits for `=`. The commit key (a check mark; "Enter" to a screen reader,
+or your `commitLabel`) and the Enter key call `onCommit(value, expression)`:
+the value held between `min` and `max`, and the expression that gave it. An
+empty keypad commits nothing. The keypad keeps its value after a commit; empty
+it from your side with a controlled `value`.
+
+## Decimal or minor-unit entry
+
+`entry="decimal"` (the default) types the number as written: `1`, `2`, `.`, `5`
+is `12.5`.
+
+`entry="minor"` types it the way a till does: `1`, `2`, `5` is `1.25`, `00`
+adds two zeros, backspace drops the last digit. It has no decimal key and no
+operations. The decimals come from `currency` (EUR 2, JPY 0, KWD 3) or
+`fractionDigits` (2 by default).
+
+```tsx
+<Keypad entry="minor" currency="EUR" value={price} onValueChange={setPrice} />
+```
+
+`currency` also draws the symbol after the amount. `locale` sets the decimal
+separator, the grouping and the decimal key's glyph. `fractionDigits` limits the
+decimals typed (a further digit is refused) and rounds a calculation half-up to
+them.
+
+## Calculations
+
+Pass `operations` to add calculation keys: `true` for add, subtract, multiply
+and divide, or a list such as `['add', 'multiply']`. The commit key then reads
+"=" while a calculation waits, and a second press commits the result:
+
+```tsx
+<Keypad operations onCommit={(value, expression) => save(value, expression)} />
+// 2 + 3 =  then the commit key: onCommit('5', '2+3')
+```
+
+An operator pressed after "=" continues from the result. `minor` entry and the
+`cash` variant take no operations.
+
+## Limits
+
+- `max`: a digit that would pass it is refused while typing.
+- `min`: never stops typing (`5` on the way to `50` is fine); the commit key
+  holds the value at `min`, and tells `onValueChange` when it moved it.
+- `fractionDigits`: see above; `0` removes the decimal key.
+
+An operand past `max` inside a calculation is not caught while typing: only the
+commit clamp holds the result.
+
+## Keyboard
+
+`keyboard` says where the physical keyboard works:
+
+| Value | |
+| --- | --- |
+| `'focus'` (default) | When focus is inside the keypad (after a tap or a Tab to a key) |
+| `'global'` | Anywhere on the page, except in a field. Use it for a screen that is the keypad, such as a till |
+| `false` | Never |
+
+Digits, `.` or `,` (by locale), the operators you offer, Backspace, Escape (clear) and
+Enter work. Enter on a focused key presses that key, as a button does; Enter
+elsewhere commits. The keys form one tab stop with arrow keys over the grid,
+Home and End along a row.
+
+## Bind it to a field
+
+`useKeypadNumber` and `useKeypadQuantity` bind the keypad to a field you already
+have. Pass the result as `binding`: the keypad reads the field's number, writes
+each change back, takes its decimals, `min` and `max`, and **hides its own
+display** (the field shows the number; pass `display` to show both). With
+`operations`, the display stays on, since the field keeps its number while a
+calculation is typed and `onValueChange` is called with the result at `=`.
+
+```tsx
+import { NumberField } from '@nxgt/material/components';
+import { Keypad, useKeypadNumber } from '@nxgt/material/keypad';
+
+const [qty, setQty] = useState<number | null>(1);
+const binding = useKeypadNumber({ value: qty, onChange: setQty, min: 1, max: 99 });
+
+<NumberField label="Quantity" value={qty} onChange={setQty} />
+<Keypad binding={binding} />
+```
+
+| Field | Hook |
+| --- | --- |
+| `NumberField`, `PercentField` | `useKeypadNumber({ value, onChange, min, max, fractionDigits })` |
+| `CurrencyField` | `useKeypadNumber({ ..., currency })`; with `minorUnits`, add `minorUnits: true`: the field holds cents (`1250`), the keypad types euros (`12.5`), and `min` / `max` stay in cents |
+| `QuantityField` | `useKeypadQuantity({ value, onChange })`: the keypad types the amount, the unit stays as the field holds it |
+
+An explicit prop on `Keypad` wins over the binding's, and both `onValueChange`
+handlers are called. A cleared keypad writes `null`. While a calculation is
+typed (`2+3`) the field keeps its number and nothing is written; the result is
+written at `=`.
+
+## Cash
+
+`variant="cash"` takes the amount a customer hands over and works out the change:
+
+```tsx
+<Keypad
+  variant="cash"
+  total="17.35"
+  denominations={[5, 10, 20, 50]}
+  currency="EUR"
+  onTender={(tendered, settlement) => {
+    if (settlement.status === 'paid') charge(tendered, settlement.change);
+    else askForMore(settlement.due);
+  }}
+/>
+```
+
+- The total is shown, then the change or what is **still due** as soon as an
+  amount is entered, and a live region says it ("Change 2.65", "Still due 7.35").
+- `denominations` add amount buttons: the exact total, then the next round
+  amount at or above it for each bill or coin (`17.35` with `[5, 10, 20, 50]`
+  gives `17.35`, `20`, `50`), four buttons at most, none above `max`. A button
+  fills the amount; the commit key (named "Tender") reports it.
+- `onTender(tendered, settlement)` is the only callback of the variant (`onCommit`
+  is not called). `settlement` is `{ status: 'paid', change }` (change may be
+  `'0'`) or `{ status: 'short', due }`, as exact decimal text. A short payment is a
+  settlement, not an error. **The app owns the charge**: the keypad only reports.
+- `total` must be a valid, non-negative amount (a number or exact decimal text);
+  without one the commit key does nothing.
+
+Use `entry="minor"` for a till that types cents, and `size="large"` for a
+counter's touch screen.
+
+## Props
+
+| Prop | Default | |
+| --- | --- | --- |
+| `value` / `defaultValue` / `onValueChange` | none | The value as decimal text, controlled or not |
+| `onCommit` | none | `(value, expression)` on the commit key or Enter; standard variant |
+| `binding` | none | From `useKeypadNumber` / `useKeypadQuantity` |
+| `entry` | `'decimal'` | `'decimal'` or `'minor'` |
+| `operations` | off | `true` or a list of `'add' \| 'subtract' \| 'multiply' \| 'divide'` |
+| `locale` | the page's | Separator, grouping, decimal key glyph |
+| `currency` | none | ISO 4217 code: the symbol and the currency's decimals |
+| `fractionDigits` | the currency's, else any | Decimals kept |
+| `min`, `max` | none | See [Limits](#limits) |
+| `keyboard` | `'focus'` | `'focus'`, `'global'` or `false` |
+| `size` | `'comfortable'` | `'comfortable'` or `'large'` |
+| `display` | `true`, `false` with a `binding` and no `operations` | Shows the amount above the keys |
+| `commitLabel` | translated "Enter" ("Tender" in cash) | The commit key's name and text |
+| `disabled` | `false` | Keys do nothing and say so (`aria-disabled`) |
+| `label` | "Keypad" | The group's accessible name |
+| `variant`, `total`, `denominations`, `onTender` | `'standard'` | See [Cash](#cash) |
+| `className` | | On the root |
+
+Types: `KeypadProps`, `KeypadEntry`, `KeypadOperation`, `KeypadVariant`, `KeypadSettlement`, `KeypadBinding`.
+
+## Sizing and styles
+
+The keypad sizes by its own width with the calculator's bands (compact under
+360px, wider keys from 600px) and is at most 24rem wide. `size="large"` gives
+taller keys. Colours and shapes follow the theme and dark mode through
+`styles.css`; the key rules are shared with the calculator in `calculator.css`.
+
+## Accessibility
+
+- The keys are native buttons in one `role="group"` (one tab stop, arrow keys
+  over the grid), at least 44px on a coarse pointer at 360px and 320px.
+- Each key's glyph is decoration; its name is spoken (Plus, Minus, Double zero,
+  Clear all, Enter, "Amount €20.00" in English, "Amount 20,00 €" in French). `commitLabel` replaces the commit key's name.
+- Results and, in cash, the change or amount still due are announced in a
+  polite live region; the display itself is not live, so typing is not read digit by digit.
+- Wording is the `material.keypad.*` and `material.calculator.keys.*` strings
+  (English and French shipped), overridable through `I18nProvider` `resources`.
+
+## Troubleshooting
+
+See [the keypad entries](../troubleshooting.md#keypad): unstyled keys, a keyboard
+that types nothing, a Tender
+key that does nothing, and a digit that is refused.

package/docs/roadmap.md

@@ -6,6 +6,15 @@ version they shipped in, and planned entries may name the major they target.
 
 ## Now
 
+- **Keypad** — `@nxgt/material/keypad` is a touch and keyboard numeric keypad
+  you can use outside the Calculator widget, for quantity, price, percentage
+  and cash-tendered entry with change. Entry is a decimal or minor units, the
+  display is optional, and the keyboard is on `'focus'` by default (opt in to
+  `'global'`). `useKeypadNumber` and `useKeypadQuantity` bind it to
+  `NumberField`, `PercentField` and `CurrencyField`. A `cash` variant reports
+  `onTender(tendered, settlement)` and leaves the charge to your app. It is
+  styled by `calculator.css`, with no separate stylesheet
+  ([guide](guides/keypad.md)).
 - **Calculator** — `@nxgt/material/calculator` is an exact-decimal calculator
   (Standard, Scientific, point of sale, Financial, Conversion, Programmer;
   every variant but Standard loads on demand)
@@ -257,6 +266,9 @@ version they shipped in, and planned entries may name the major they target.
 
 ## Later
 
+- **Keypad for Vue** — the `Keypad`, its field bindings and the cash variant on
+  `@nxgt/material-vue`, on the same engine and stylesheet
+  ([#2830](https://github.com/softistx/nxgt-material/issues/2830)).
 - **A lighter first load for the app shell** — `ActivityLayout` pulls about
   831 KB gzipped through the library's single shared chunk; splitting it so the
   shell costs tens of KB at first load, the rest loaded where a page uses it
@@ -379,6 +391,15 @@ version they shipped in, and planned entries may name the major they target.
 
 ## Shipped
 
+- **A status chip that opens its choices** — `StatusMenu` shows a record's
+  status as a tone-and-icon chip and changes it in one tap: a menu on a wide
+  screen, a bottom sheet on a phone. Statuses not reachable from the current
+  one are greyed with the reason, a locked or read-only record explains why,
+  a slow save keeps the old status with a spinner and announces a failure,
+  and a choice can ask for confirmation. `StatusMenuFormField` binds it to a
+  form, and `@nxgt/material-core/status-menu` holds the model; the status
+  board recipe's detail sheet uses it
+  ([#1653](https://github.com/softistx/nxgt-material/issues/1653)).
 - **Archived status filter (3.99.0)** — `archivedStatusField()` adds an active /
   archived / all choice to a table's filter model as a segmented chip group
   that is always set; `parseArchivedStatus` reads it in a loader and

package/docs/troubleshooting.md

@@ -495,6 +495,13 @@ words in your error.
 - [`The point of sale's Charge button stays off`](#the-point-of-sales-charge-button-stays-off)
 - [`The Financial calculator shows no currency`](#the-financial-calculator-shows-no-currency)
 
+**Keypad**
+
+- [`The keypad is unstyled`](#the-keypad-is-unstyled)
+- [`A keypad key types nothing on the page`](#a-keypad-key-types-nothing-on-the-page)
+- [`A digit is refused by the keypad`](#a-digit-is-refused-by-the-keypad)
+- [`The cash keypad's Tender key does nothing`](#the-cash-keypads-tender-key-does-nothing)
+
 **Barcodes**
 
 - [`Code 128 holds ASCII only (0-127)`](#code-128-holds-ascii-only-0-127)
@@ -504,6 +511,10 @@ words in your error.
 - [`<name> must be a number (millimetres) or a length such as "50mm"`](#name-must-be-a-number-millimetres-or-a-length-such-as-50mm)
 - [`Unknown symbology "x": use "code128" or "datamatrix"`](#unknown-symbology-x-use-code128-or-datamatrix)
 
+**Status menu**
+
+- [`[status-menu] the value "…" matches no choice`](#status-menu-the-value--matches-no-choice)
+
 ---
 
 ## Install
@@ -8422,6 +8433,39 @@ threw (offline, a 500). **Try again** calls it again. Pass the `signal` to your
 
 ---
 
+## Keypad
+
+### `The keypad is unstyled`
+
+The keys are plain buttons in a column with no shape.
+
+**Why:** the keypad has no stylesheet of its own; the Calculator's `calculator.css` styles it, and `styles.css` does not import that.
+**Fix:** import it once, after `styles.css`: `@import "@nxgt/material/calculator.css";` (or `import '@nxgt/material/calculator.css'`).
+
+### `A keypad key types nothing on the page`
+
+**When:** you press a digit on the physical keyboard and nothing is entered.
+**Why:** `keyboard` is `'focus'` by default: the keys work when focus is inside the keypad (tap a key or Tab to it first), and never in `false`. A key the keypad does not offer (`+` without `operations`, `.` at `fractionDigits={0}` or in `minor` entry) is left to the page.
+**Fix:** for a screen that is the keypad (a till), set `keyboard="global"`; it still never takes a key typed in a field.
+
+```tsx
+<Keypad keyboard="global" />
+```
+
+### `A digit is refused by the keypad`
+
+Not an error. A digit that would pass `max`, or add a decimal past `fractionDigits` (or the `currency`'s decimals), is ignored; `min` never refuses a digit, it holds the value when the commit key is pressed.
+
+### `The cash keypad's Tender key does nothing`
+
+**When:** `variant="cash"` and the commit key (Tender) or Enter calls nothing.
+**Why:** `onTender` is called only for a valid, non-negative `total` and a non-empty amount. A missing, negative or non-numeric `total` does nothing; `onCommit` is never called in this variant.
+**Fix:** pass `total` as a number or exact decimal text and use `onTender`.
+
+```tsx
+<Keypad variant="cash" total="17.35" onTender={(tendered, settlement) => pay(tendered, settlement)} />
+```
+
 ## Barcodes
 
 ### `Code 128 holds ASCII only (0-127)`
@@ -8475,6 +8519,25 @@ Raised by `@nxgt/material/barcode` while rendering. `symbology` is neither value
 
 ---
 
+## Status menu
+
+### `[status-menu] the value "…" matches no choice`
+
+A development warning from `StatusMenu` and `StatusMenuFormField`. `value` is not among `choices`: an empty string (a form with no initial status) or a status the server sent that the app did not list. The chip then shows an empty value.
+
+Give an initial status, or add the choice.
+
+```tsx
+const form = useForm({ defaultValues: { status: 'open' } });
+
+const statuses: StatusChoice<'open' | 'archived'>[] = [
+  { value: 'open', label: 'Open' },
+  { value: 'archived', label: 'Archived' }, // a status the server can send
+];
+```
+
+---
+
 ## Reporting a bug
 
 If an error comes from inside this package and none of the entries above

package/lib/components/ui/actions/action-card/action-card-tile.css

@@ -133,6 +133,53 @@
 		align-self: start;
 	}
 
+	/* A tile with an action wraps instead of overflowing: a flex line holds the
+	 * icon, the title and the action; the title may shrink to --ac-title-min
+	 * (4.5rem), so an action that does not fit beside it (a StatusMenu chip in
+	 * a narrow tile) drops under the title, where an icon button still fits
+	 * beside it. The status, description, meta and footer are full-width lines.
+	 * No query, no measuring. */
+	.nxgt-action-card[data-size="tile"][data-has-action] {
+		--ac-icon-offset: 0px;
+		display: flex;
+		flex-wrap: wrap;
+		align-items: flex-start;
+		align-content: flex-start;
+	}
+	.nxgt-action-card[data-size="tile"][data-has-action][data-icon] {
+		--ac-icon-offset: 44px;
+	}
+	.nxgt-action-card[data-size="tile"][data-has-action]
+		> .nxgt-action-card-icon {
+		flex: none;
+	}
+	.nxgt-action-card[data-size="tile"][data-has-action] .nxgt-action-card-title {
+		order: 1;
+		flex: 1 1 var(--ac-title-min, 4.5rem);
+	}
+	.nxgt-action-card[data-size="tile"][data-has-action]
+		> .nxgt-action-card-action {
+		order: 2;
+		flex: none;
+		max-inline-size: 100%;
+	}
+	.nxgt-action-card[data-size="tile"][data-has-action]
+		> .nxgt-action-card-indicator {
+		order: 3;
+		flex: none;
+		margin-inline-start: auto;
+	}
+	.nxgt-action-card[data-size="tile"][data-has-action] .nxgt-action-card-status,
+	.nxgt-action-card[data-size="tile"][data-has-action]
+		.nxgt-action-card-description,
+	.nxgt-action-card[data-size="tile"][data-has-action] .nxgt-action-card-meta,
+	.nxgt-action-card[data-size="tile"][data-has-action]
+		.nxgt-action-card-footer {
+		order: 4;
+		flex: 0 0 calc(100% - var(--ac-icon-offset));
+		margin-inline-start: var(--ac-icon-offset);
+	}
+
 	@media (forced-colors: active) {
 		.nxgt-action-card:has(.nxgt-action-card-button:focus-visible) {
 			outline: 3px solid CanvasText;

package/lib/components/ui/display/code/code-moonlight.css

@@ -4,7 +4,7 @@
 [data-slot="code-block"][data-scheme="dark"] {
 	--code-bg: #222436;
 	--code-fg: #c8d3f5;
-	--code-comment: #7a88cf;
+	--code-comment: #8f9ad6;
 	--code-blue: #82aaff;
 	--code-cyan: #86e1fc;
 	--code-green: #c3e88d;
@@ -19,15 +19,15 @@
 [data-slot="code-block"][data-scheme="light"] {
 	--code-bg: #f5f7ff;
 	--code-fg: #383a51;
-	--code-comment: #7a88cf;
-	--code-blue: #3e68d7;
-	--code-cyan: #0b8ec2;
-	--code-green: #4db380;
-	--code-orange: #c44c22;
-	--code-yellow: #ac8300;
-	--code-red: #c53b40;
-	--code-magenta: #7a5af5;
-	--code-pink: #b04d9a;
+	--code-comment: #4356ba;
+	--code-blue: #2a56ca;
+	--code-cyan: #08658a;
+	--code-green: #2d6a4c;
+	--code-orange: #a33f1c;
+	--code-yellow: #765a00;
+	--code-red: #ac3337;
+	--code-magenta: #5d36f3;
+	--code-pink: #924080;
 	--code-selection: #d4daf0;
 }
 

package/lib/components/ui/widgets/calculator/calculator.css

@@ -95,3 +95,90 @@
 		animation: none;
 	}
 }
+
+/* Keypad (`@nxgt/material/keypad`): the same keys and bands as the Calculator,
+ * on its own root. There is no keypad stylesheet; `.nxgt-calc` gives the root
+ * the container the bands read. A keypad is a column, never wider than a
+ * phone's keypad, and `large` is a till's. */
+.nxgt-keypad {
+	max-width: 24rem;
+}
+.nxgt-keypad-body {
+	padding-block-start: 0;
+}
+.nxgt-keypad[data-size="large"] .nxgt-calc-body {
+	--calc-key: 4.5rem;
+	--calc-gap: 0.625rem;
+}
+.nxgt-keypad-display {
+	display: block;
+	min-width: 0;
+	padding: 1rem 1.25rem;
+	border-radius: var(--calc-radius);
+	font-size: var(--calc-result);
+	font-weight: 500;
+	line-height: 1.1;
+	letter-spacing: -0.02em;
+	font-variant-numeric: tabular-nums;
+	text-align: right;
+	direction: ltr;
+	overflow-wrap: anywhere;
+}
+.nxgt-keypad-display[data-kind="error"] {
+	color: var(--destructive);
+}
+.nxgt-keypad[data-disabled] .nxgt-calc-key {
+	opacity: 0.5;
+	cursor: not-allowed;
+}
+
+/* Keypad, cash variant: the total and change above the keys, the bill
+ * shortcuts under them. */
+.nxgt-keypad-cash {
+	display: flex;
+	flex-direction: column;
+	gap: 0.25rem;
+	margin: 0;
+	padding-inline: 0.5rem;
+	font-variant-numeric: tabular-nums;
+}
+.nxgt-keypad-cash > div {
+	display: flex;
+	align-items: baseline;
+	justify-content: space-between;
+	gap: 0.5rem;
+}
+.nxgt-keypad-cash dt {
+	color: var(--muted-foreground);
+}
+.nxgt-keypad-cash dd {
+	margin: 0;
+	font-size: 1.25rem;
+	font-weight: 600;
+}
+.nxgt-keypad-cash [data-status="short"] dd {
+	color: var(--destructive);
+}
+.nxgt-keypad-shortcuts {
+	display: flex;
+	flex-wrap: wrap;
+	gap: var(--calc-gap);
+}
+.nxgt-keypad-shortcuts button {
+	flex: 1 1 4.5rem;
+	min-width: 0;
+	min-height: max(calc(var(--calc-key) * 0.8), 2.75rem);
+	border: 0;
+	border-radius: 9999px;
+	background: var(--secondary-container);
+	color: var(--foreground);
+	font: inherit;
+	font-weight: 500;
+	font-variant-numeric: tabular-nums;
+	cursor: pointer;
+	touch-action: manipulation;
+}
+.nxgt-keypad-shortcuts button:focus-visible {
+	outline: 2px solid var(--ring);
+	outline-offset: 2px;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@nxgt/material",
-	"version": "3.101.0",
+	"version": "3.103.0",
 	"license": "MIT",
 	"bugs": {
 		"email": "stevegires@gmail.com"
@@ -85,6 +85,11 @@
 			"types": "./dist/lib/calculator/index.d.ts",
 			"require": "./dist/calculator.js"
 		},
+		"./keypad": {
+			"import": "./dist/keypad.js",
+			"types": "./dist/lib/keypad/index.d.ts",
+			"require": "./dist/keypad.js"
+		},
 		"./calculator-field": {
 			"import": "./dist/calculator-field.js",
 			"types": "./dist/lib/calculator-field/index.d.ts",
@@ -390,7 +395,7 @@
 		"docs:previews": "rm -rf node_modules/.cache/nxgt-preview-free/missing && NXGT_PREVIEW_FREE=1 vitest run --project previews && bun .storybook/preview-free-report.ts"
 	},
 	"dependencies": {
-		"@nxgt/material-core": "^0.57.0",
+		"@nxgt/material-core": "^0.58.0",
 		"@base-ui/react": "^1.6.0",
 		"@dnd-kit/core": "^6.3.1",
 		"@dnd-kit/sortable": "^10.0.0",

package/dist/field-blur-context-BLGgf_3z.js

@@ -1,73 +0,0 @@
-import { t as e } from "./utils-BLfntITJ.js";
-import { i as t } from "./dist-DWZXlCZR.js";
-import { t as n } from "./typography-CYEquVeb.js";
-import * as r from "react";
-import { createContext as i, use as a, useMemo as o } from "react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-//#region ../../node_modules/@radix-ui/react-label/dist/index.mjs
-var l = Object.defineProperty, u = /* @__PURE__ */ r.forwardRef(/* @__PURE__ */ ((e, t) => l(e, "name", {
-	value: t,
-	configurable: !0
-}))(function(e, n) {
-	return /* @__PURE__ */ s(t.label, {
-		...e,
-		ref: n,
-		onMouseDown: (t) => {
-			t.target.closest("button, input, select, textarea") || (e.onMouseDown?.(t), !t.defaultPrevented && t.detail > 1 && t.preventDefault());
-		}
-	});
-}, "Label"));
-//#endregion
-//#region lib/components/ui/primitives/helper-text/helper-text.tsx
-function d({ error: t, className: r, ...i }) {
-	return /* @__PURE__ */ s(n, {
-		"data-slot": "helper-text",
-		variant: "caption",
-		className: e("flex ps-0.5 truncate text-wrap", { "text-error-text": t }, r),
-		...i
-	});
-}
-//#endregion
-//#region lib/components/ui/primitives/label/label.tsx
-function f() {
-	return /* @__PURE__ */ s("svg", {
-		"data-slot": "label-required-mark",
-		"aria-hidden": "true",
-		focusable: "false",
-		viewBox: "0 0 10 10",
-		fill: "none",
-		stroke: "currentColor",
-		strokeWidth: "1.75",
-		strokeLinecap: "round",
-		children: /* @__PURE__ */ s("path", { d: "M5 1v8M1.5 3l7 4M8.5 3l-7 4" })
-	});
-}
-function p({ className: t, withAsterisk: n, ...r }) {
-	return /* @__PURE__ */ s(u, {
-		"data-slot": "label",
-		className: e("flex items-center ps-0.5 gap-2 text-sm leading-5 -my-[3px] empty:my-0 font-semibold select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50", t),
-		...r,
-		children: n ? /* @__PURE__ */ c("span", {
-			"data-slot": "label-text",
-			"data-required": "",
-			className: "inline-flex",
-			children: [r.children, /* @__PURE__ */ s(f, {})]
-		}) : r.children
-	});
-}
-//#endregion
-//#region lib/components/ui/forms/field-blur-context.ts
-var m = i(null);
-function h(e, t) {
-	return o(() => e ? t ? (n) => {
-		let r = e(n), i = typeof t == "function" ? t(n) : void 0;
-		return typeof t != "function" && (t.current = n), () => {
-			r?.(), typeof i == "function" ? i() : typeof t == "function" ? t(null) : t.current = null;
-		};
-	} : e : t, [e, t]);
-}
-function g(e) {
-	return h(a(m), e);
-}
-//#endregion
-export { d as a, p as i, g as n, h as r, m as t };