@cratis/components 2.9.1 → 3.1.0

package/dist/esm/CommandForm/fields/ChipsField.d.ts

@@ -1,5 +1,5 @@
 import { WrappedFieldProps } from '@cratis/arc.react/commands';
-import { type ChipsProps } from 'primereact/chips';
+import type { InputTagsRootProps } from '@primereact/types/primitive/inputtags';
 import React from 'react';
 interface ChipsFieldComponentProps extends WrappedFieldProps<string[]> {
     placeholder?: string;
@@ -7,9 +7,10 @@ interface ChipsFieldComponentProps extends WrappedFieldProps<string[]> {
     separator?: string;
     addOnBlur?: boolean;
     allowDuplicate?: boolean;
+    removeAriaLabel?: string;
     className?: string;
-    pt?: ChipsProps['pt'];
-    ptOptions?: ChipsProps['ptOptions'];
+    pt?: InputTagsRootProps['pt'];
+    ptOptions?: InputTagsRootProps['ptOptions'];
     unstyled?: boolean;
 }
 export declare const ChipsField: <TCommand = unknown>(props: import("@cratis/arc.react/commands").CommandFormFieldComponentProps<ChipsFieldComponentProps, TCommand>) => React.ReactElement;

package/dist/esm/CommandForm/fields/ChipsField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChipsField.d.ts","sourceRoot":"","sources":["../../../../CommandForm/fields/ChipsField.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAsB,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AACnF,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,UAAU,wBAAyB,SAAQ,iBAAiB,CAAC,MAAM,EAAE,CAAC;IAElE,WAAW,CAAC,EAAE,MAAM,CAAC;IAGrB,GAAG,CAAC,EAAE,MAAM,CAAC;IAGb,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,SAAS,CAAC,EAAE,OAAO,CAAC;IAGpB,cAAc,CAAC,EAAE,OAAO,CAAC;IAGzB,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,EAAE,CAAC,EAAE,UAAU,CAAC,IAAI,CAAC,CAAC;IAGtB,SAAS,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC,CAAC;IAGpC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAYD,eAAO,MAAM,UAAU,4JA4BtB,CAAC"}
+{"version":3,"file":"ChipsField.d.ts","sourceRoot":"","sources":["../../../../CommandForm/fields/ChipsField.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAsB,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAEnF,OAAO,KAAK,EAAE,kBAAkB,EAAiC,MAAM,uCAAuC,CAAC;AAC/G,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,UAAU,wBAAyB,SAAQ,iBAAiB,CAAC,MAAM,EAAE,CAAC;IAElE,WAAW,CAAC,EAAE,MAAM,CAAC;IAGrB,GAAG,CAAC,EAAE,MAAM,CAAC;IAQb,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,SAAS,CAAC,EAAE,OAAO,CAAC;IAGpB,cAAc,CAAC,EAAE,OAAO,CAAC;IAGzB,eAAe,CAAC,EAAE,MAAM,CAAC;IAGzB,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,EAAE,CAAC,EAAE,kBAAkB,CAAC,IAAI,CAAC,CAAC;IAG9B,SAAS,CAAC,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAC;IAG5C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAYD,eAAO,MAAM,UAAU,4JA0CtB,CAAC"}

package/dist/esm/CommandForm/fields/ChipsField.js

@@ -1,6 +1,6 @@
-import { jsx } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { asCommandFormField } from '@cratis/arc.react/commands';
-import { Chips } from 'primereact/chips';
+import { InputTags } from 'primereact/inputtags';
 
 /**
  * A tag/chip input field bound to a `string[]` property on a Cratis Arc
@@ -12,7 +12,7 @@ import { Chips } from 'primereact/chips';
  * <ChipsField value={c => c.tags} title="Tags" separator="," />
  * ```
  */
-const ChipsField = asCommandFormField((props) => (jsx(Chips, { value: props.value, onChange: (e) => props.onChange(e.value ?? []), onBlur: props.onBlur, invalid: props.invalid, placeholder: props.placeholder, max: props.max, separator: props.separator, addOnBlur: props.addOnBlur, allowDuplicate: props.allowDuplicate, className: props.className ? `w-full ${props.className}` : 'w-full', pt: props.pt, ptOptions: props.ptOptions, unstyled: props.unstyled })), {
+const ChipsField = asCommandFormField((props) => (jsx("div", { className: props.className ? `w-full ${props.className}` : 'w-full', onBlur: props.onBlur, children: jsxs(InputTags.Root, { value: props.value, onValueChange: (e) => props.onChange(e.value ?? []), invalid: props.invalid, max: props.max, addOnBlur: props.addOnBlur, allowDuplicate: props.allowDuplicate, pt: props.pt, ptOptions: props.ptOptions, unstyled: props.unstyled, children: [jsx(InputTags.Items, { children: ({ item, index, remove, itemProps }) => (jsxs("span", { ...itemProps, className: "cratis-inputtags-item", children: [jsx("span", { children: item }), jsx("button", { type: "button", "aria-label": props.removeAriaLabel ?? 'Remove', onClick: remove, children: jsx("i", { className: "pi pi-times-circle" }) })] }, index)) }), jsx(InputTags.Control, { children: ({ controlProps }) => jsx("input", { ...controlProps, placeholder: props.placeholder }) })] }) })), {
     defaultValue: [],
     extractValue: (e) => {
         if (!Array.isArray(e)) {

package/dist/esm/CommandForm/fields/ChipsField.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChipsField.js","sources":["../../../../CommandForm/fields/ChipsField.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;AAuCA;;;;;;;;;AASG;AACI,MAAM,UAAU,GAAG,kBAAkB,CACxC,CAAC,KAAK,MACFA,GAAA,CAAC,KAAK,EAAA,EACF,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,QAAQ,EAAE,CAAC,CAAyC,KAAK,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,IAAI,EAAE,CAAC,EACtF,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,cAAc,EAAE,KAAK,CAAC,cAAc,EACpC,SAAS,EAAE,KAAK,CAAC,SAAS,GAAG,UAAU,KAAK,CAAC,SAAS,CAAA,CAAE,GAAG,QAAQ,EACnE,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAA,CAC1B,CACL,EACD;AACI,IAAA,YAAY,EAAE,EAAE;AAChB,IAAA,YAAY,EAAE,CAAC,CAAU,KAAI;QACzB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;AACnB,YAAA,OAAO,EAAE;QACb;AAEA,QAAA,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,KAAqB,OAAO,IAAI,KAAK,QAAQ,CAAC;IACvE;AACH,CAAA;;;;"}
+{"version":3,"file":"ChipsField.js","sources":["../../../../CommandForm/fields/ChipsField.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;AAgDA;;;;;;;;;AASG;MACU,UAAU,GAAG,kBAAkB,CACxC,CAAC,KAAK,MAIFA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,KAAK,CAAC,SAAS,GAAG,CAAA,OAAA,EAAU,KAAK,CAAC,SAAS,EAAE,GAAG,QAAQ,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,EAAA,QAAA,EAC1FC,KAAC,SAAS,CAAC,IAAI,EAAA,EACX,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,aAAa,EAAE,CAAC,CAAgC,KAAK,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,IAAI,EAAE,CAAC,EAClF,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,cAAc,EAAE,KAAK,CAAC,cAAc,EACpC,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,QAAQ,EAAE,KAAK,CAAC,QAAQ,aACxBD,GAAA,CAAC,SAAS,CAAC,KAAK,EAAA,EAAA,QAAA,EACX,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAChCC,IAAA,CAAA,MAAA,EAAA,EAAA,GAAsB,SAAS,EAAE,SAAS,EAAC,uBAAuB,EAAA,QAAA,EAAA,CAC9DD,wBAAO,IAAI,EAAA,CAAQ,EACnBA,GAAA,CAAA,QAAA,EAAA,EAAQ,IAAI,EAAC,QAAQ,EAAA,YAAA,EAAa,KAAK,CAAC,eAAe,IAAI,QAAQ,EAAE,OAAO,EAAE,MAAM,YAChFA,GAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAC,oBAAoB,EAAA,CAAG,GAC/B,CAAA,EAAA,EAJF,KAAK,CAKT,CACV,EAAA,CACa,EAClBA,GAAA,CAAC,SAAS,CAAC,OAAO,EAAA,EAAA,QAAA,EACb,CAAC,EAAE,YAAY,EAAE,KAAKA,GAAA,CAAA,OAAA,EAAA,EAAA,GAAW,YAAY,EAAE,WAAW,EAAE,KAAK,CAAC,WAAW,GAAI,EAAA,CAClE,CAAA,EAAA,CACP,EAAA,CACf,CACT,EACD;AACI,IAAA,YAAY,EAAE,EAAE;AAChB,IAAA,YAAY,EAAE,CAAC,CAAU,KAAI;QACzB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;AACnB,YAAA,OAAO,EAAE;QACb;AAEA,QAAA,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,KAAqB,OAAO,IAAI,KAAK,QAAQ,CAAC;IACvE;AACH,CAAA;;;;"}

package/dist/esm/CommandForm/fields/ColorPickerField.d.ts

@@ -1,12 +1,12 @@
 import { WrappedFieldProps } from '@cratis/arc.react/commands';
-import { type ColorPickerProps } from 'primereact/colorpicker';
+import type { InputColorRootProps } from '@primereact/types/primitive/inputcolor';
 import React from 'react';
 interface ColorPickerFieldComponentProps extends WrappedFieldProps<string> {
     inline?: boolean;
     defaultColor?: string;
     className?: string;
-    pt?: ColorPickerProps['pt'];
-    ptOptions?: ColorPickerProps['ptOptions'];
+    pt?: InputColorRootProps['pt'];
+    ptOptions?: InputColorRootProps['ptOptions'];
     unstyled?: boolean;
 }
 export declare const ColorPickerField: <TCommand = unknown>(props: import("@cratis/arc.react/commands").CommandFormFieldComponentProps<ColorPickerFieldComponentProps, TCommand>) => React.ReactElement;

package/dist/esm/CommandForm/fields/ColorPickerField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColorPickerField.d.ts","sourceRoot":"","sources":["../../../../CommandForm/fields/ColorPickerField.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAsB,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AACnF,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC5E,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,UAAU,8BAA+B,SAAQ,iBAAiB,CAAC,MAAM,CAAC;IAEtE,MAAM,CAAC,EAAE,OAAO,CAAC;IAGjB,YAAY,CAAC,EAAE,MAAM,CAAC;IAGtB,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,EAAE,CAAC,EAAE,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAG5B,SAAS,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;IAG1C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAYD,eAAO,MAAM,gBAAgB,kKA6B5B,CAAC"}
+{"version":3,"file":"ColorPickerField.d.ts","sourceRoot":"","sources":["../../../../CommandForm/fields/ColorPickerField.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAsB,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAGnF,OAAO,KAAK,EAAE,mBAAmB,EAA6B,MAAM,wCAAwC,CAAC;AAC7G,OAAO,KAAK,MAAM,OAAO,CAAC;AAe1B,UAAU,8BAA+B,SAAQ,iBAAiB,CAAC,MAAM,CAAC;IAOtE,MAAM,CAAC,EAAE,OAAO,CAAC;IAGjB,YAAY,CAAC,EAAE,MAAM,CAAC;IAGtB,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,EAAE,CAAC,EAAE,mBAAmB,CAAC,IAAI,CAAC,CAAC;IAG/B,SAAS,CAAC,EAAE,mBAAmB,CAAC,WAAW,CAAC,CAAC;IAG7C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAYD,eAAO,MAAM,gBAAgB,kKAqC5B,CAAC"}

package/dist/esm/CommandForm/fields/ColorPickerField.js

@@ -1,7 +1,18 @@
-import { jsx } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { asCommandFormField } from '@cratis/arc.react/commands';
-import { ColorPicker } from 'primereact/colorpicker';
+import { InputColor } from 'primereact/inputcolor';
+import { parseColor } from '@primereact/headless/inputcolor';
 
+/** Parse a bare hex string (no leading `#`) into a color, falling back on invalid input. */
+const toColor = (hex, fallback) => {
+    const candidate = typeof hex === 'string' && hex.length > 0 ? hex : fallback;
+    try {
+        return parseColor(`#${candidate}`);
+    }
+    catch {
+        return parseColor(`#${fallback}`);
+    }
+};
 /**
  * A color picker field bound to a `string` property on a Cratis Arc command,
  * holding a hex color value without the leading `#` (e.g. `"60a5fa"`). Set
@@ -14,14 +25,11 @@ import { ColorPicker } from 'primereact/colorpicker';
  */
 const ColorPickerField = asCommandFormField((props) => {
     const defaultColor = props.defaultColor ?? '000000';
-    const value = typeof props.value === 'string' && props.value.length > 0 ? props.value : defaultColor;
-    // PrimeReact's ColorPicker is the one form component that exposes no `invalid` prop,
-    // so we apply the `p-invalid` state class directly. This is the exact class the
-    // `invalid` prop emits on the other fields, so the rendered DOM stays consistent —
-    // it picks up a theme's invalid styling and harmlessly no-ops in unstyled mode.
+    // InputColor exposes no `invalid` prop, so surface the invalid state as a class on the
+    // wrapper — the same `p-invalid` token the other fields emit; it no-ops when unstyled.
     const invalidClass = props.invalid ? 'p-invalid' : undefined;
     const className = [invalidClass, props.className].filter(Boolean).join(' ') || undefined;
-    return (jsx(ColorPicker, { value: value, onChange: (e) => props.onChange(typeof e.value === 'string' ? e.value : ''), onBlur: props.onBlur, inline: props.inline, defaultColor: defaultColor, className: className, pt: props.pt, ptOptions: props.ptOptions, unstyled: props.unstyled }));
+    return (jsx("div", { className: className, onBlur: props.onBlur, children: jsxs(InputColor.Root, { value: toColor(props.value, defaultColor), onValueChange: (e) => props.onChange(e.value.toString('hex').replace('#', '')), pt: props.pt, ptOptions: props.ptOptions, unstyled: props.unstyled, children: [jsxs(InputColor.Area, { children: [jsx(InputColor.AreaBackground, {}), jsx(InputColor.AreaHandle, {})] }), jsxs(InputColor.Slider, { children: [jsx(InputColor.SliderTrack, {}), jsx(InputColor.SliderHandle, {})] }), jsx(InputColor.Swatch, { children: jsx(InputColor.SwatchBackground, {}) })] }) }));
 }, {
     defaultValue: '',
     extractValue: (e) => typeof e === 'string' ? e : ''

package/dist/esm/CommandForm/fields/ColorPickerField.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorPickerField.js","sources":["../../../../CommandForm/fields/ColorPickerField.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;AA8BA;;;;;;;;;AASG;MACU,gBAAgB,GAAG,kBAAkB,CAC9C,CAAC,KAAK,KAAI;AACN,IAAA,MAAM,YAAY,GAAG,KAAK,CAAC,YAAY,IAAI,QAAQ;IACnD,MAAM,KAAK,GAAG,OAAO,KAAK,CAAC,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,GAAG,KAAK,CAAC,KAAK,GAAG,YAAY;;;;;AAKpG,IAAA,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,GAAG,WAAW,GAAG,SAAS;IAC5D,MAAM,SAAS,GAAG,CAAC,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,SAAS;AAExF,IAAA,QACIA,GAAA,CAAC,WAAW,EAAA,EACR,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAqB,KAAK,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,KAAK,KAAK,QAAQ,GAAG,CAAC,CAAC,KAAK,GAAG,EAAE,CAAC,EAC/F,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAA,CAC1B;AAEV,CAAC,EACD;AACI,IAAA,YAAY,EAAE,EAAE;AAChB,IAAA,YAAY,EAAE,CAAC,CAAU,KAAK,OAAO,CAAC,KAAK,QAAQ,GAAG,CAAC,GAAG;AAC7D,CAAA;;;;"}
+{"version":3,"file":"ColorPickerField.js","sources":["../../../../CommandForm/fields/ColorPickerField.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;AASA;AACA,MAAM,OAAO,GAAG,CAAC,GAAW,EAAE,QAAgB,KAAI;IAC9C,MAAM,SAAS,GAAG,OAAO,GAAG,KAAK,QAAQ,IAAI,GAAG,CAAC,MAAM,GAAG,CAAC,GAAG,GAAG,GAAG,QAAQ;AAC5E,IAAA,IAAI;AACA,QAAA,OAAO,UAAU,CAAC,CAAA,CAAA,EAAI,SAAS,CAAA,CAAE,CAAC;IACtC;AAAE,IAAA,MAAM;AACJ,QAAA,OAAO,UAAU,CAAC,CAAA,CAAA,EAAI,QAAQ,CAAA,CAAE,CAAC;IACrC;AACJ,CAAC;AA8BD;;;;;;;;;AASG;MACU,gBAAgB,GAAG,kBAAkB,CAC9C,CAAC,KAAK,KAAI;AACN,IAAA,MAAM,YAAY,GAAG,KAAK,CAAC,YAAY,IAAI,QAAQ;;;AAGnD,IAAA,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,GAAG,WAAW,GAAG,SAAS;IAC5D,MAAM,SAAS,GAAG,CAAC,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,SAAS;AAExF,IAAA,QAGIA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,EAAA,QAAA,EAC3CC,IAAA,CAAC,UAAU,CAAC,IAAI,EAAA,EACZ,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,KAAK,EAAE,YAAY,CAAC,EACzC,aAAa,EAAE,CAAC,CAA4B,KAAK,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,EACzG,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAA,QAAA,EAAA,CACxBA,IAAA,CAAC,UAAU,CAAC,IAAI,EAAA,EAAA,QAAA,EAAA,CACZD,GAAA,CAAC,UAAU,CAAC,cAAc,EAAA,EAAA,CAAG,EAC7BA,GAAA,CAAC,UAAU,CAAC,UAAU,EAAA,EAAA,CAAG,CAAA,EAAA,CACX,EAClBC,IAAA,CAAC,UAAU,CAAC,MAAM,EAAA,EAAA,QAAA,EAAA,CACdD,GAAA,CAAC,UAAU,CAAC,WAAW,EAAA,EAAA,CAAG,EAC1BA,GAAA,CAAC,UAAU,CAAC,YAAY,EAAA,EAAA,CAAG,CAAA,EAAA,CACX,EACpBA,GAAA,CAAC,UAAU,CAAC,MAAM,EAAA,EAAA,QAAA,EACdA,GAAA,CAAC,UAAU,CAAC,gBAAgB,EAAA,EAAA,CAAG,EAAA,CACf,CAAA,EAAA,CACN,EAAA,CAChB;AAEd,CAAC,EACD;AACI,IAAA,YAAY,EAAE,EAAE;AAChB,IAAA,YAAY,EAAE,CAAC,CAAU,KAAK,OAAO,CAAC,KAAK,QAAQ,GAAG,CAAC,GAAG;AAC7D,CAAA;;;;"}

package/dist/esm/CommandForm/fields/DropdownField.d.ts

@@ -1,4 +1,4 @@
-import { type DropdownProps } from 'primereact/dropdown';
+import { type DropdownProps } from '../../Dropdown/Dropdown';
 import React from 'react';
 import { WrappedFieldProps } from '@cratis/arc.react/commands';
 interface DropdownFieldComponentProps extends WrappedFieldProps<string | number> {

package/dist/esm/CommandForm/fields/DropdownField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownField.d.ts","sourceRoot":"","sources":["../../../../CommandForm/fields/DropdownField.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAsB,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAMnF,UAAU,2BAA4B,SAAQ,iBAAiB,CAAC,MAAM,GAAG,MAAM,CAAC;IAE5E,OAAO,EAAE,KAAK,CAAC;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;KAAE,CAAC,CAAC;IAG3C,WAAW,EAAE,MAAM,CAAC;IAGpB,WAAW,EAAE,MAAM,CAAC;IAGpB,WAAW,CAAC,EAAE,MAAM,CAAC;IAGrB,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,EAAE,CAAC,EAAE,aAAa,CAAC,IAAI,CAAC,CAAC;IAGzB,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IAGvC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAoBD,eAAO,MAAM,aAAa,+JAqBzB,CAAC"}
+{"version":3,"file":"DropdownField.d.ts","sourceRoot":"","sources":["../../../../CommandForm/fields/DropdownField.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACvE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAsB,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAKnF,UAAU,2BAA4B,SAAQ,iBAAiB,CAAC,MAAM,GAAG,MAAM,CAAC;IAE5E,OAAO,EAAE,KAAK,CAAC;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;KAAE,CAAC,CAAC;IAG3C,WAAW,EAAE,MAAM,CAAC;IAGpB,WAAW,EAAE,MAAM,CAAC;IAGpB,WAAW,CAAC,EAAE,MAAM,CAAC;IAGrB,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,EAAE,CAAC,EAAE,aAAa,CAAC,IAAI,CAAC,CAAC;IAGzB,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IAGvC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAiBD,eAAO,MAAM,aAAa,+JAqBzB,CAAC"}

package/dist/esm/CommandForm/fields/DropdownField.js

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
-import { asCommandFormField } from '@cratis/arc.react/commands';
 import { Dropdown } from '../../Dropdown/Dropdown.js';
+import { asCommandFormField } from '@cratis/arc.react/commands';
 
 /**
  * A single-select dropdown field bound to a `string` or `number` property
@@ -9,9 +9,6 @@ import { Dropdown } from '../../Dropdown/Dropdown.js';
  * holds the bound value and which one holds the visible label. See
  * {@link InputTextField} for the full `value={c => c.prop}` binding model.
  *
- * Renders through the library's own {@link Dropdown} wrapper so the panel
- * escapes dialog scroll containers and stays above modal dialogs.
- *
  * ```tsx
  * <DropdownField value={c => c.country}
  *                options={countries}

package/dist/esm/CommandForm/fields/DropdownField.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownField.js","sources":["../../../../CommandForm/fields/DropdownField.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;AAqCA;;;;;;;;;;;;;;;;;AAiBG;AACI,MAAM,aAAa,GAAG,kBAAkB,CAC3C,CAAC,KAAK,MACFA,IAAC,QAAQ,EAAA,EACL,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,QAAQ,EAAE,CAAC,CAAC,KAAK,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,EACxC,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,SAAS,EAAE,KAAK,CAAC,SAAS,GAAG,CAAA,OAAA,EAAU,KAAK,CAAC,SAAS,CAAA,CAAE,GAAG,QAAQ,EACnE,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAA,CAC1B,CACL,EACD;AACI,IAAA,YAAY,EAAE,EAAE;AAChB,IAAA,YAAY,EAAE,CAAC,CAAU,KAAK;AACjC,CAAA;;;;"}
+{"version":3,"file":"DropdownField.js","sources":["../../../../CommandForm/fields/DropdownField.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;AAoCA;;;;;;;;;;;;;;AAcG;AACI,MAAM,aAAa,GAAG,kBAAkB,CAC3C,CAAC,KAAK,MACFA,IAAC,QAAQ,EAAA,EACL,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,QAAQ,EAAE,CAAC,CAAC,KAAK,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,EACxC,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,SAAS,EAAE,KAAK,CAAC,SAAS,GAAG,CAAA,OAAA,EAAU,KAAK,CAAC,SAAS,CAAA,CAAE,GAAG,QAAQ,EACnE,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAA,CAC1B,CACL,EACD;AACI,IAAA,YAAY,EAAE,EAAE;AAChB,IAAA,YAAY,EAAE,CAAC,CAAU,KAAK;AACjC,CAAA;;;;"}

package/dist/esm/CommandForm/fields/InputTextField.d.ts

@@ -1,4 +1,4 @@
-import { type InputTextProps } from 'primereact/inputtext';
+import type { InputTextProps } from '@primereact/types/primitive/inputtext';
 import React from 'react';
 import { WrappedFieldProps } from '@cratis/arc.react/commands';
 interface InputTextComponentProps extends WrappedFieldProps<string> {

package/dist/esm/CommandForm/fields/InputTextField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputTextField.d.ts","sourceRoot":"","sources":["../../../../CommandForm/fields/InputTextField.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAsB,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAOnF,UAAU,uBAAwB,SAAQ,iBAAiB,CAAC,MAAM,CAAC;IAE/D,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,OAAO,GAAG,MAAM,GAAG,gBAAgB,GAAG,MAAM,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,CAAC;IAG/G,WAAW,CAAC,EAAE,MAAM,CAAC;IAGrB,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,EAAE,CAAC,EAAE,cAAc,CAAC,IAAI,CAAC,CAAC;IAG1B,SAAS,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IAGxC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AA0CD,eAAO,MAAM,cAAc,2JAmB1B,CAAC"}
+{"version":3,"file":"InputTextField.d.ts","sourceRoot":"","sources":["../../../../CommandForm/fields/InputTextField.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAC5E,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAsB,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAOnF,UAAU,uBAAwB,SAAQ,iBAAiB,CAAC,MAAM,CAAC;IAE/D,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,OAAO,GAAG,MAAM,GAAG,gBAAgB,GAAG,MAAM,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,CAAC;IAG/G,WAAW,CAAC,EAAE,MAAM,CAAC;IAGrB,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,EAAE,CAAC,EAAE,cAAc,CAAC,IAAI,CAAC,CAAC;IAG1B,SAAS,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IAGxC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AA0CD,eAAO,MAAM,cAAc,2JAmB1B,CAAC"}

package/dist/esm/CommandForm/fields/InputTextField.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputTextField.js","sources":["../../../../CommandForm/fields/InputTextField.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;AAgCA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuCG;AACI,MAAM,cAAc,GAAG,kBAAkB,CAC5C,CAAC,KAAK,MACFA,IAAC,SAAS,EAAA,EACN,IAAI,EAAE,KAAK,CAAC,IAAI,IAAI,MAAM,EAC1B,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,SAAS,EAAE,KAAK,CAAC,SAAS,GAAG,CAAA,OAAA,EAAU,KAAK,CAAC,SAAS,EAAE,GAAG,QAAQ,EACnE,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAA,CAC1B,CACL,EACD;AACI,IAAA,YAAY,EAAE,EAAE;IAChB,YAAY,EAAE,CAAC,CAAsC,KAAK,CAAC,CAAC,MAAM,CAAC;AACtE,CAAA;;;;"}
+{"version":3,"file":"InputTextField.js","sources":["../../../../CommandForm/fields/InputTextField.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;AAiCA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuCG;AACI,MAAM,cAAc,GAAG,kBAAkB,CAC5C,CAAC,KAAK,MACFA,IAAC,SAAS,EAAA,EACN,IAAI,EAAE,KAAK,CAAC,IAAI,IAAI,MAAM,EAC1B,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,SAAS,EAAE,KAAK,CAAC,SAAS,GAAG,CAAA,OAAA,EAAU,KAAK,CAAC,SAAS,EAAE,GAAG,QAAQ,EACnE,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAA,CAC1B,CACL,EACD;AACI,IAAA,YAAY,EAAE,EAAE;IAChB,YAAY,EAAE,CAAC,CAAsC,KAAK,CAAC,CAAC,MAAM,CAAC;AACtE,CAAA;;;;"}

package/dist/esm/CommandForm/fields/MultiSelectField.d.ts

@@ -1,5 +1,5 @@
 import { WrappedFieldProps } from '@cratis/arc.react/commands';
-import { type MultiSelectProps } from 'primereact/multiselect';
+import { type DropdownProps } from '../../Dropdown/Dropdown';
 import React from 'react';
 interface MultiSelectFieldComponentProps extends WrappedFieldProps<Array<string | number>> {
     options: Array<Record<string, unknown>>;
@@ -11,8 +11,8 @@ interface MultiSelectFieldComponentProps extends WrappedFieldProps<Array<string
     filter?: boolean;
     showClear?: boolean;
     className?: string;
-    pt?: MultiSelectProps['pt'];
-    ptOptions?: MultiSelectProps['ptOptions'];
+    pt?: DropdownProps['pt'];
+    ptOptions?: DropdownProps['ptOptions'];
     unstyled?: boolean;
 }
 export declare const MultiSelectField: <TCommand = unknown>(props: import("@cratis/arc.react/commands").CommandFormFieldComponentProps<MultiSelectFieldComponentProps, TCommand>) => React.ReactElement;

package/dist/esm/CommandForm/fields/MultiSelectField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MultiSelectField.d.ts","sourceRoot":"","sources":["../../../../CommandForm/fields/MultiSelectField.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAsB,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AACnF,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC5E,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,UAAU,8BAA+B,SAAQ,iBAAiB,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IAEtF,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAGxC,WAAW,CAAC,EAAE,MAAM,CAAC;IAGrB,WAAW,CAAC,EAAE,MAAM,CAAC;IAGrB,WAAW,CAAC,EAAE,MAAM,CAAC;IAGrB,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAG3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAG3B,MAAM,CAAC,EAAE,OAAO,CAAC;IAGjB,SAAS,CAAC,EAAE,OAAO,CAAC;IAGpB,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,EAAE,CAAC,EAAE,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAG5B,SAAS,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;IAG1C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAcD,eAAO,MAAM,gBAAgB,kKAsC5B,CAAC"}
+{"version":3,"file":"MultiSelectField.d.ts","sourceRoot":"","sources":["../../../../CommandForm/fields/MultiSelectField.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAsB,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AACnF,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACvE,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,UAAU,8BAA+B,SAAQ,iBAAiB,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IAEtF,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAGxC,WAAW,CAAC,EAAE,MAAM,CAAC;IAGrB,WAAW,CAAC,EAAE,MAAM,CAAC;IAGrB,WAAW,CAAC,EAAE,MAAM,CAAC;IASrB,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAQ3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAG3B,MAAM,CAAC,EAAE,OAAO,CAAC;IAGjB,SAAS,CAAC,EAAE,OAAO,CAAC;IAGpB,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,EAAE,CAAC,EAAE,aAAa,CAAC,IAAI,CAAC,CAAC;IAGzB,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IAGvC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAcD,eAAO,MAAM,gBAAgB,kKA8B5B,CAAC"}

package/dist/esm/CommandForm/fields/MultiSelectField.js

@@ -1,7 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { asCommandFormField } from '@cratis/arc.react/commands';
-import { MultiSelect } from 'primereact/multiselect';
-import { useOverlayZIndex } from '../../useOverlayZIndex.js';
+import { Dropdown } from '../../Dropdown/Dropdown.js';
 
 /**
  * A multi-select dropdown field bound to an `Array<string | number>`
@@ -15,12 +14,7 @@ import { useOverlayZIndex } from '../../useOverlayZIndex.js';
  *                   display="chip" filter title="Tags" />
  * ```
  */
-const MultiSelectField = asCommandFormField((props) => {
-    // Same overlay treatment as the Dropdown wrapper: the panel must escape
-    // dialog scroll containers and stay above modal dialogs.
-    useOverlayZIndex('p-multiselect-panel');
-    return (jsx(MultiSelect, { value: props.value, onChange: (e) => props.onChange(e.value ?? []), onBlur: props.onBlur, options: props.options, optionValue: props.optionValue, optionLabel: props.optionLabel, placeholder: props.placeholder, display: props.display, maxSelectedLabels: props.maxSelectedLabels, filter: props.filter, showClear: props.showClear, invalid: props.invalid, appendTo: document.body, className: props.className ? `w-full ${props.className}` : 'w-full', pt: props.pt, ptOptions: props.ptOptions, unstyled: props.unstyled }));
-}, {
+const MultiSelectField = asCommandFormField((props) => (jsx(Dropdown, { multiple: true, value: props.value, onChange: (e) => props.onChange(e.value ?? []), onBlur: props.onBlur, options: props.options, optionValue: props.optionValue, optionLabel: props.optionLabel, placeholder: props.placeholder, filter: props.filter, showClear: props.showClear, invalid: props.invalid, className: props.className ? `w-full ${props.className}` : 'w-full', pt: props.pt, ptOptions: props.ptOptions, unstyled: props.unstyled })), {
     defaultValue: [],
     extractValue: (e) => {
         if (!Array.isArray(e)) {

package/dist/esm/CommandForm/fields/MultiSelectField.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiSelectField.js","sources":["../../../../CommandForm/fields/MultiSelectField.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;AAiDA;;;;;;;;;;;AAWG;MACU,gBAAgB,GAAG,kBAAkB,CAC9C,CAAC,KAAK,KAAI;;;IAGN,gBAAgB,CAAC,qBAAqB,CAAC;AAEvC,IAAA,QACIA,GAAA,CAAC,WAAW,EAAA,EACR,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,QAAQ,EAAE,CAAC,CAAgD,KAAK,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,IAAI,EAAE,CAAC,EAC7F,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,EAC1C,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,QAAQ,EAAE,QAAQ,CAAC,IAAI,EACvB,SAAS,EAAE,KAAK,CAAC,SAAS,GAAG,CAAA,OAAA,EAAU,KAAK,CAAC,SAAS,CAAA,CAAE,GAAG,QAAQ,EACnE,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAA,CAC1B;AAEV,CAAC,EACD;AACI,IAAA,YAAY,EAAE,EAAE;AAChB,IAAA,YAAY,EAAE,CAAC,CAAU,KAAI;QACzB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;AACnB,YAAA,OAAO,EAAE;QACb;AAEA,QAAA,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,KAA8B,OAAO,IAAI,KAAK,QAAQ,IAAI,OAAO,IAAI,KAAK,QAAQ,CAAC;IAC5G;AACH,CAAA;;;;"}
+{"version":3,"file":"MultiSelectField.js","sources":["../../../../CommandForm/fields/MultiSelectField.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;AA2DA;;;;;;;;;;;AAWG;AACI,MAAM,gBAAgB,GAAG,kBAAkB,CAC9C,CAAC,KAAK,MACFA,GAAA,CAAC,QAAQ,EAAA,EACL,QAAQ,EAAA,IAAA,EACR,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,QAAQ,EAAE,CAAC,CAAC,KAAK,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,IAAI,EAAE,CAAC,EAC9C,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,SAAS,EAAE,KAAK,CAAC,SAAS,GAAG,CAAA,OAAA,EAAU,KAAK,CAAC,SAAS,CAAA,CAAE,GAAG,QAAQ,EACnE,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAA,CAC1B,CACL,EACD;AACI,IAAA,YAAY,EAAE,EAAE;AAChB,IAAA,YAAY,EAAE,CAAC,CAAU,KAAI;QACzB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;AACnB,YAAA,OAAO,EAAE;QACb;AAEA,QAAA,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,KAA8B,OAAO,IAAI,KAAK,QAAQ,IAAI,OAAO,IAAI,KAAK,QAAQ,CAAC;IAC5G;AACH,CAAA;;;;"}

package/dist/esm/CommandForm/fields/NumberField.d.ts

@@ -1,4 +1,4 @@
-import { type InputNumberProps } from 'primereact/inputnumber';
+import type { InputNumberRootProps } from '@primereact/types/primitive/inputnumber';
 import React from 'react';
 import { WrappedFieldProps } from '@cratis/arc.react/commands';
 interface NumberFieldComponentProps extends WrappedFieldProps<number> {
@@ -7,8 +7,8 @@ interface NumberFieldComponentProps extends WrappedFieldProps<number> {
     max?: number;
     step?: number;
     className?: string;
-    pt?: InputNumberProps['pt'];
-    ptOptions?: InputNumberProps['ptOptions'];
+    pt?: InputNumberRootProps['pt'];
+    ptOptions?: InputNumberRootProps['ptOptions'];
     unstyled?: boolean;
 }
 export declare const NumberField: <TCommand = unknown>(props: import("@cratis/arc.react/commands").CommandFormFieldComponentProps<NumberFieldComponentProps, TCommand>) => React.ReactElement;

package/dist/esm/CommandForm/fields/NumberField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NumberField.d.ts","sourceRoot":"","sources":["../../../../CommandForm/fields/NumberField.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC5E,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAsB,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAKnF,UAAU,yBAA0B,SAAQ,iBAAiB,CAAC,MAAM,CAAC;IAEjE,WAAW,CAAC,EAAE,MAAM,CAAC;IAGrB,GAAG,CAAC,EAAE,MAAM,CAAC;IAGb,GAAG,CAAC,EAAE,MAAM,CAAC;IAGb,IAAI,CAAC,EAAE,MAAM,CAAC;IAGd,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,EAAE,CAAC,EAAE,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAG5B,SAAS,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;IAG1C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAYD,eAAO,MAAM,WAAW,6JAqBvB,CAAC"}
+{"version":3,"file":"NumberField.d.ts","sourceRoot":"","sources":["../../../../CommandForm/fields/NumberField.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,oBAAoB,EAAmC,MAAM,yCAAyC,CAAC;AACrH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAsB,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAKnF,UAAU,yBAA0B,SAAQ,iBAAiB,CAAC,MAAM,CAAC;IAEjE,WAAW,CAAC,EAAE,MAAM,CAAC;IAGrB,GAAG,CAAC,EAAE,MAAM,CAAC;IAGb,GAAG,CAAC,EAAE,MAAM,CAAC;IAGb,IAAI,CAAC,EAAE,MAAM,CAAC;IAGd,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,EAAE,CAAC,EAAE,oBAAoB,CAAC,IAAI,CAAC,CAAC;IAGhC,SAAS,CAAC,EAAE,oBAAoB,CAAC,WAAW,CAAC,CAAC;IAG9C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAYD,eAAO,MAAM,WAAW,6JAwBvB,CAAC"}

package/dist/esm/CommandForm/fields/NumberField.js

@@ -12,7 +12,7 @@ import { asCommandFormField } from '@cratis/arc.react/commands';
  * <NumberField value={c => c.quantity} title="Quantity" min={0} step={1} />
  * ```
  */
-const NumberField = asCommandFormField((props) => (jsx(InputNumber, { value: props.value, onValueChange: (e) => props.onChange(e.value ?? 0), onBlur: props.onBlur, invalid: props.invalid, placeholder: props.placeholder, min: props.min, max: props.max, step: props.step, className: props.className ? `w-full ${props.className}` : 'w-full', pt: props.pt, ptOptions: props.ptOptions, unstyled: props.unstyled })), {
+const NumberField = asCommandFormField((props) => (jsx("div", { onBlur: props.onBlur, className: props.className ? `w-full ${props.className}` : 'w-full', children: jsx(InputNumber.Root, { value: props.value, onValueChange: (e) => props.onChange(e.value ?? 0), invalid: props.invalid, min: props.min, max: props.max, step: props.step, pt: props.pt, ptOptions: props.ptOptions, unstyled: props.unstyled, children: jsx(InputNumber.Input, { placeholder: props.placeholder, className: "w-full" }) }) })), {
     defaultValue: 0,
     extractValue: (e) => (typeof e === 'number' ? e : 0)
 });

package/dist/esm/CommandForm/fields/NumberField.js.map

@@ -1 +1 @@
-{"version":3,"file":"NumberField.js","sources":["../../../../CommandForm/fields/NumberField.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;AAoCA;;;;;;;;;AASG;AACI,MAAM,WAAW,GAAG,kBAAkB,CACzC,CAAC,KAAK,MACFA,IAAC,WAAW,EAAA,EACR,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,aAAa,EAAE,CAAC,CAAC,KAAK,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,EAClD,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,SAAS,EAAE,KAAK,CAAC,SAAS,GAAG,CAAA,OAAA,EAAU,KAAK,CAAC,SAAS,CAAA,CAAE,GAAG,QAAQ,EACnE,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAA,CAC1B,CACL,EACD;AACI,IAAA,YAAY,EAAE,CAAC;AACf,IAAA,YAAY,EAAE,CAAC,CAAU,MAAM,OAAO,CAAC,KAAK,QAAQ,GAAG,CAAC,GAAG,CAAC;AAC/D,CAAA;;;;"}
+{"version":3,"file":"NumberField.js","sources":["../../../../CommandForm/fields/NumberField.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;AAqCA;;;;;;;;;AASG;AACI,MAAM,WAAW,GAAG,kBAAkB,CACzC,CAAC,KAAK,MAIFA,GAAA,CAAA,KAAA,EAAA,EAAK,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,GAAG,CAAA,OAAA,EAAU,KAAK,CAAC,SAAS,CAAA,CAAE,GAAG,QAAQ,EAAA,QAAA,EAC1FA,GAAA,CAAC,WAAW,CAAC,IAAI,EAAA,EACb,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,aAAa,EAAE,CAAC,CAAkC,KAAK,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,EACnF,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAA,QAAA,EACxBA,GAAA,CAAC,WAAW,CAAC,KAAK,EAAA,EAAC,WAAW,EAAE,KAAK,CAAC,WAAW,EAAE,SAAS,EAAC,QAAQ,EAAA,CAAG,EAAA,CACzD,EAAA,CACjB,CACT,EACD;AACI,IAAA,YAAY,EAAE,CAAC;AACf,IAAA,YAAY,EAAE,CAAC,CAAU,MAAM,OAAO,CAAC,KAAK,QAAQ,GAAG,CAAC,GAAG,CAAC;AAC/D,CAAA;;;;"}

package/dist/esm/CommandForm/fields/PasswordField.d.ts

@@ -0,0 +1,13 @@
+import type { InputPasswordProps } from '@primereact/types/primitive/inputpassword';
+import React from 'react';
+import { WrappedFieldProps } from '@cratis/arc.react/commands';
+interface PasswordFieldComponentProps extends WrappedFieldProps<string> {
+    placeholder?: string;
+    className?: string;
+    pt?: InputPasswordProps['pt'];
+    ptOptions?: InputPasswordProps['ptOptions'];
+    unstyled?: boolean;
+}
+export declare const PasswordField: <TCommand = unknown>(props: import("@cratis/arc.react/commands").CommandFormFieldComponentProps<PasswordFieldComponentProps, TCommand>) => React.ReactElement;
+export {};
+//# sourceMappingURL=PasswordField.d.ts.map

package/dist/esm/CommandForm/fields/PasswordField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordField.d.ts","sourceRoot":"","sources":["../../../../CommandForm/fields/PasswordField.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAiC,MAAM,2CAA2C,CAAC;AACnH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAsB,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAGnF,UAAU,2BAA4B,SAAQ,iBAAiB,CAAC,MAAM,CAAC;IAEnE,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,EAAE,CAAC,EAAE,kBAAkB,CAAC,IAAI,CAAC,CAAC;IAE9B,SAAS,CAAC,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAC;IAE5C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAWD,eAAO,MAAM,aAAa,+JAmBzB,CAAC"}

package/dist/esm/CommandForm/fields/PasswordField.js

@@ -0,0 +1,20 @@
+import { jsx } from 'react/jsx-runtime';
+import { InputPassword } from 'primereact/inputpassword';
+import { asCommandFormField } from '@cratis/arc.react/commands';
+
+/**
+ * A masked password field bound to a `string` property on a Cratis Arc command,
+ * with a built-in show/hide toggle. See {@link InputTextField} for the full
+ * `value={c => c.prop}` binding model.
+ *
+ * ```tsx
+ * <PasswordField value={c => c.password} title="Password" />
+ * ```
+ */
+const PasswordField = asCommandFormField((props) => (jsx("div", { onBlur: props.onBlur, className: props.className ? `w-full ${props.className}` : 'w-full', children: jsx(InputPassword, { value: props.value, onValueChange: props.onChange, invalid: props.invalid, placeholder: props.placeholder, className: "w-full", pt: props.pt, ptOptions: props.ptOptions, unstyled: props.unstyled }) })), {
+    defaultValue: '',
+    extractValue: (e) => e.value
+});
+
+export { PasswordField };
+//# sourceMappingURL=PasswordField.js.map

package/dist/esm/CommandForm/fields/PasswordField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordField.js","sources":["../../../../CommandForm/fields/PasswordField.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;AAsBA;;;;;;;;AAQG;AACI,MAAM,aAAa,GAAG,kBAAkB,CAC3C,CAAC,KAAK,MACFA,aAAK,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,GAAG,CAAA,OAAA,EAAU,KAAK,CAAC,SAAS,CAAA,CAAE,GAAG,QAAQ,EAAA,QAAA,EAC1FA,GAAA,CAAC,aAAa,EAAA,EACV,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,aAAa,EAAE,KAAK,CAAC,QAAQ,EAC7B,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,SAAS,EAAC,QAAQ,EAClB,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAA,CAC1B,EAAA,CACA,CACT,EACD;AACI,IAAA,YAAY,EAAE,EAAE;IAChB,YAAY,EAAE,CAAC,CAAgC,KAAK,CAAC,CAAC;AACzD,CAAA;;;;"}

package/dist/esm/CommandForm/fields/RadioButtonField.d.ts

@@ -1,12 +1,12 @@
-import { type RadioButtonProps } from 'primereact/radiobutton';
+import type { RadioButtonRootProps } from '@primereact/types/primitive/radiobutton';
 import React from 'react';
 import { WrappedFieldProps } from '@cratis/arc.react/commands';
 interface RadioButtonFieldComponentProps extends WrappedFieldProps<string | number> {
     label?: string;
     buttonValue: string | number;
     className?: string;
-    pt?: RadioButtonProps['pt'];
-    ptOptions?: RadioButtonProps['ptOptions'];
+    pt?: RadioButtonRootProps['pt'];
+    ptOptions?: RadioButtonRootProps['ptOptions'];
     unstyled?: boolean;
 }
 export declare const RadioButtonField: <TCommand = unknown>(props: import("@cratis/arc.react/commands").CommandFormFieldComponentProps<RadioButtonFieldComponentProps, TCommand>) => React.ReactElement;

package/dist/esm/CommandForm/fields/RadioButtonField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RadioButtonField.d.ts","sourceRoot":"","sources":["../../../../CommandForm/fields/RadioButtonField.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAuC,KAAK,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AACpG,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAsB,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAKnF,UAAU,8BAA+B,SAAQ,iBAAiB,CAAC,MAAM,GAAG,MAAM,CAAC;IAE/E,KAAK,CAAC,EAAE,MAAM,CAAC;IAMf,WAAW,EAAE,MAAM,GAAG,MAAM,CAAC;IAG7B,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,EAAE,CAAC,EAAE,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAG5B,SAAS,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;IAG1C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAYD,eAAO,MAAM,gBAAgB,kKAqB5B,CAAC"}
+{"version":3,"file":"RadioButtonField.d.ts","sourceRoot":"","sources":["../../../../CommandForm/fields/RadioButtonField.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,oBAAoB,EAA8B,MAAM,yCAAyC,CAAC;AAChH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAsB,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAKnF,UAAU,8BAA+B,SAAQ,iBAAiB,CAAC,MAAM,GAAG,MAAM,CAAC;IAE/E,KAAK,CAAC,EAAE,MAAM,CAAC;IAMf,WAAW,EAAE,MAAM,GAAG,MAAM,CAAC;IAG7B,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,EAAE,CAAC,EAAE,oBAAoB,CAAC,IAAI,CAAC,CAAC;IAGhC,SAAS,CAAC,EAAE,oBAAoB,CAAC,WAAW,CAAC,CAAC;IAG9C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAYD,eAAO,MAAM,gBAAgB,kKA0B5B,CAAC"}

package/dist/esm/CommandForm/fields/RadioButtonField.js

@@ -12,7 +12,8 @@ import { asCommandFormField } from '@cratis/arc.react/commands';
  * a single field. See {@link InputTextField} for the full
  * `value={c => c.prop}` binding model.
  */
-const RadioButtonField = asCommandFormField((props) => (jsxs("div", { className: "flex items-center", children: [jsx(RadioButton, { value: props.buttonValue, checked: props.value === props.buttonValue, onChange: (e) => props.onChange(e.value), onBlur: props.onBlur, invalid: props.invalid, className: props.className, pt: props.pt, ptOptions: props.ptOptions, unstyled: props.unstyled }), props.label && jsx("label", { className: "ml-2", children: props.label })] })), {
+const RadioButtonField = asCommandFormField((props) => (jsxs("label", { className: "flex items-center", onBlur: props.onBlur, children: [jsx(RadioButton.Root, { value: props.buttonValue, checked: props.value === props.buttonValue, onCheckedChange: (e) => { if (e.checked)
+                props.onChange(props.buttonValue); }, invalid: props.invalid, className: props.className, pt: props.pt, ptOptions: props.ptOptions, unstyled: props.unstyled, children: jsx(RadioButton.Box, { children: jsx(RadioButton.Indicator, {}) }) }), props.label && jsx("span", { className: "ml-2", children: props.label })] })), {
     defaultValue: '',
     extractValue: (e) => e
 });

package/dist/esm/CommandForm/fields/RadioButtonField.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioButtonField.js","sources":["../../../../CommandForm/fields/RadioButtonField.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;AAiCA;;;;;;;;;AASG;MACU,gBAAgB,GAAG,kBAAkB,CAC9C,CAAC,KAAK,MACFA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,mBAAmB,EAAA,QAAA,EAAA,CAC9BC,GAAA,CAAC,WAAW,EAAA,EACR,KAAK,EAAE,KAAK,CAAC,WAAW,EACxB,OAAO,EAAE,KAAK,CAAC,KAAK,KAAK,KAAK,CAAC,WAAW,EAC1C,QAAQ,EAAE,CAAC,CAAyB,KAAK,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,EAChE,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAA,CAC1B,EACD,KAAK,CAAC,KAAK,IAAIA,GAAA,CAAA,OAAA,EAAA,EAAO,SAAS,EAAC,MAAM,EAAA,QAAA,EAAE,KAAK,CAAC,KAAK,EAAA,CAAS,CAAA,EAAA,CAC3D,CACT,EACD;AACI,IAAA,YAAY,EAAE,EAAE;AAChB,IAAA,YAAY,EAAE,CAAC,CAAU,KAAK;AACjC,CAAA;;;;"}
+{"version":3,"file":"RadioButtonField.js","sources":["../../../../CommandForm/fields/RadioButtonField.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;AAkCA;;;;;;;;;AASG;AACI,MAAM,gBAAgB,GAAG,kBAAkB,CAC9C,CAAC,KAAK,MAIFA,gBAAO,SAAS,EAAC,mBAAmB,EAAC,MAAM,EAAE,KAAK,CAAC,MAAM,EAAA,QAAA,EAAA,CACrDC,GAAA,CAAC,WAAW,CAAC,IAAI,IACb,KAAK,EAAE,KAAK,CAAC,WAAW,EACxB,OAAO,EAAE,KAAK,CAAC,KAAK,KAAK,KAAK,CAAC,WAAW,EAC1C,eAAe,EAAE,CAAC,CAA6B,KAAI,EAAG,IAAI,CAAC,CAAC,OAAO;AAAE,gBAAA,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,EACzG,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,QAAQ,EAAE,KAAK,CAAC,QAAQ,YACxBA,GAAA,CAAC,WAAW,CAAC,GAAG,EAAA,EAAA,QAAA,EACZA,GAAA,CAAC,WAAW,CAAC,SAAS,EAAA,EAAA,CAAG,EAAA,CACX,EAAA,CACH,EAClB,KAAK,CAAC,KAAK,IAAIA,cAAM,SAAS,EAAC,MAAM,EAAA,QAAA,EAAE,KAAK,CAAC,KAAK,EAAA,CAAQ,CAAA,EAAA,CACvD,CACX,EACD;AACI,IAAA,YAAY,EAAE,EAAE;AAChB,IAAA,YAAY,EAAE,CAAC,CAAU,KAAK;AACjC,CAAA;;;;"}

package/dist/esm/CommandForm/fields/RadioGroupField.d.ts

@@ -1,4 +1,4 @@
-import { type RadioButtonProps } from 'primereact/radiobutton';
+import type { RadioButtonRootProps } from '@primereact/types/primitive/radiobutton';
 import React from 'react';
 import { WrappedFieldProps } from '@cratis/arc.react/commands';
 interface RadioGroupFieldComponentProps extends WrappedFieldProps<string | number> {
@@ -7,8 +7,8 @@ interface RadioGroupFieldComponentProps extends WrappedFieldProps<string | numbe
     optionValue: string;
     layout?: 'horizontal' | 'vertical';
     className?: string;
-    pt?: RadioButtonProps['pt'];
-    ptOptions?: RadioButtonProps['ptOptions'];
+    pt?: RadioButtonRootProps['pt'];
+    ptOptions?: RadioButtonRootProps['ptOptions'];
     unstyled?: boolean;
 }
 export declare const RadioGroupField: <TCommand = unknown>(props: import("@cratis/arc.react/commands").CommandFormFieldComponentProps<RadioGroupFieldComponentProps, TCommand>) => React.ReactElement;

package/dist/esm/CommandForm/fields/RadioGroupField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroupField.d.ts","sourceRoot":"","sources":["../../../../CommandForm/fields/RadioGroupField.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAuC,KAAK,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AACpG,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAsB,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAKnF,UAAU,6BAA8B,SAAQ,iBAAiB,CAAC,MAAM,GAAG,MAAM,CAAC;IAE9E,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAGxC,WAAW,EAAE,MAAM,CAAC;IAGpB,WAAW,EAAE,MAAM,CAAC;IAGpB,MAAM,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IAEnC,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,EAAE,CAAC,EAAE,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAE5B,SAAS,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;IAE1C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAkBD,eAAO,MAAM,eAAe,iKAmC3B,CAAC"}
+{"version":3,"file":"RadioGroupField.d.ts","sourceRoot":"","sources":["../../../../CommandForm/fields/RadioGroupField.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,oBAAoB,EAA8B,MAAM,yCAAyC,CAAC;AAChH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAsB,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAKnF,UAAU,6BAA8B,SAAQ,iBAAiB,CAAC,MAAM,GAAG,MAAM,CAAC;IAE9E,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAGxC,WAAW,EAAE,MAAM,CAAC;IAGpB,WAAW,EAAE,MAAM,CAAC;IAGpB,MAAM,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IAEnC,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,EAAE,CAAC,EAAE,oBAAoB,CAAC,IAAI,CAAC,CAAC;IAEhC,SAAS,CAAC,EAAE,oBAAoB,CAAC,WAAW,CAAC,CAAC;IAE9C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAkBD,eAAO,MAAM,eAAe,iKAuC3B,CAAC"}

package/dist/esm/CommandForm/fields/RadioGroupField.js

@@ -27,7 +27,8 @@ const RadioGroupField = asCommandFormField((props) => {
     return (jsx("div", { className: containerClassName, children: props.options.map((option) => {
             const optValue = option[props.optionValue];
             const optLabel = option[props.optionLabel];
-            return (jsxs("div", { className: "flex items-center", children: [jsx(RadioButton, { value: optValue, checked: props.value === optValue, onChange: (e) => props.onChange(e.value), onBlur: props.onBlur, invalid: props.invalid, pt: props.pt, ptOptions: props.ptOptions, unstyled: props.unstyled }), jsx("label", { className: "ml-2", children: optLabel })] }, String(optValue)));
+            return (jsxs("label", { className: "flex items-center", onBlur: props.onBlur, children: [jsx(RadioButton.Root, { value: optValue, checked: props.value === optValue, onCheckedChange: (e) => { if (e.checked)
+                            props.onChange(optValue); }, invalid: props.invalid, pt: props.pt, ptOptions: props.ptOptions, unstyled: props.unstyled, children: jsx(RadioButton.Box, { children: jsx(RadioButton.Indicator, {}) }) }), jsx("span", { className: "ml-2", children: optLabel })] }, String(optValue)));
         }) }));
 }, {
     defaultValue: '',

package/dist/esm/CommandForm/fields/RadioGroupField.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroupField.js","sources":["../../../../CommandForm/fields/RadioGroupField.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;AAgCA;;;;;;;;;;;;;;;AAeG;MACU,eAAe,GAAG,kBAAkB,CAC7C,CAAC,KAAK,KAAI;AACN,IAAA,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,IAAI,UAAU;AACzC,IAAA,MAAM,aAAa,GAAG,MAAM,KAAK,YAAY,GAAG,0BAA0B,GAAG,gBAAgB;AAC7F,IAAA,MAAM,kBAAkB,GAAG,KAAK,CAAC;AAC7B,UAAE,CAAA,KAAA,EAAQ,aAAa,IAAI,KAAK,CAAC,SAAS,CAAA;AAC1C,UAAE,CAAA,KAAA,EAAQ,aAAa,CAAA,CAAE;AAC7B,IAAA,QACIA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,kBAAkB,EAAA,QAAA,EAC7B,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,KAAI;YAC1B,MAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAC,WAAW,CAAoB;YAC7D,MAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAC,WAAW,CAAW;AACpD,YAAA,QACIC,IAAA,CAAA,KAAA,EAAA,EAA4B,SAAS,EAAC,mBAAmB,aACrDD,GAAA,CAAC,WAAW,EAAA,EACR,KAAK,EAAE,QAAQ,EACf,OAAO,EAAE,KAAK,CAAC,KAAK,KAAK,QAAQ,EACjC,QAAQ,EAAE,CAAC,CAAyB,KAAK,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,EAChE,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAA,CAC1B,EACFA,GAAA,CAAA,OAAA,EAAA,EAAO,SAAS,EAAC,MAAM,EAAA,QAAA,EAAE,QAAQ,EAAA,CAAS,KAXpC,MAAM,CAAC,QAAQ,CAAC,CAYpB;QAEd,CAAC,CAAC,EAAA,CACA;AAEd,CAAC,EACD;AACI,IAAA,YAAY,EAAE,EAAE;AAChB,IAAA,YAAY,EAAE,CAAC,CAAU,KAAK;AACjC,CAAA;;;;"}
+{"version":3,"file":"RadioGroupField.js","sources":["../../../../CommandForm/fields/RadioGroupField.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;AAiCA;;;;;;;;;;;;;;;AAeG;MACU,eAAe,GAAG,kBAAkB,CAC7C,CAAC,KAAK,KAAI;AACN,IAAA,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,IAAI,UAAU;AACzC,IAAA,MAAM,aAAa,GAAG,MAAM,KAAK,YAAY,GAAG,0BAA0B,GAAG,gBAAgB;AAC7F,IAAA,MAAM,kBAAkB,GAAG,KAAK,CAAC;AAC7B,UAAE,CAAA,KAAA,EAAQ,aAAa,IAAI,KAAK,CAAC,SAAS,CAAA;AAC1C,UAAE,CAAA,KAAA,EAAQ,aAAa,CAAA,CAAE;AAC7B,IAAA,QACIA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,kBAAkB,EAAA,QAAA,EAC7B,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,KAAI;YAC1B,MAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAC,WAAW,CAAoB;YAC7D,MAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAC,WAAW,CAAW;AACpD,YAAA,QAGIC,IAAA,CAAA,OAAA,EAAA,EAA8B,SAAS,EAAC,mBAAmB,EAAC,MAAM,EAAE,KAAK,CAAC,MAAM,EAAA,QAAA,EAAA,CAC5ED,GAAA,CAAC,WAAW,CAAC,IAAI,IACb,KAAK,EAAE,QAAQ,EACf,OAAO,EAAE,KAAK,CAAC,KAAK,KAAK,QAAQ,EACjC,eAAe,EAAE,CAAC,CAA6B,OAAO,IAAI,CAAC,CAAC,OAAO;AAAE,4BAAA,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAChG,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAA,QAAA,EACxBA,GAAA,CAAC,WAAW,CAAC,GAAG,EAAA,EAAA,QAAA,EACZA,GAAA,CAAC,WAAW,CAAC,SAAS,EAAA,EAAA,CAAG,EAAA,CACX,EAAA,CACH,EACnBA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,MAAM,EAAA,QAAA,EAAE,QAAQ,EAAA,CAAQ,CAAA,EAAA,EAbhC,MAAM,CAAC,QAAQ,CAAC,CAcpB;QAEhB,CAAC,CAAC,EAAA,CACA;AAEd,CAAC,EACD;AACI,IAAA,YAAY,EAAE,EAAE;AAChB,IAAA,YAAY,EAAE,CAAC,CAAU,KAAK;AACjC,CAAA;;;;"}

package/dist/esm/CommandForm/fields/RatingField.d.ts

@@ -0,0 +1,14 @@
+import type { RatingRootProps } from '@primereact/types/primitive/rating';
+import React from 'react';
+import { WrappedFieldProps } from '@cratis/arc.react/commands';
+interface RatingFieldComponentProps extends WrappedFieldProps<number> {
+    stars?: number;
+    starAriaLabel?: (starValue: number) => string;
+    className?: string;
+    pt?: RatingRootProps['pt'];
+    ptOptions?: RatingRootProps['ptOptions'];
+    unstyled?: boolean;
+}
+export declare const RatingField: <TCommand = unknown>(props: import("@cratis/arc.react/commands").CommandFormFieldComponentProps<RatingFieldComponentProps, TCommand>) => React.ReactElement;
+export {};
+//# sourceMappingURL=RatingField.d.ts.map

package/dist/esm/CommandForm/fields/RatingField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RatingField.d.ts","sourceRoot":"","sources":["../../../../CommandForm/fields/RatingField.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAA8B,MAAM,oCAAoC,CAAC;AACtG,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAsB,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAGnF,UAAU,yBAA0B,SAAQ,iBAAiB,CAAC,MAAM,CAAC;IAEjE,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,aAAa,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,MAAM,CAAC;IAE9C,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,EAAE,CAAC,EAAE,eAAe,CAAC,IAAI,CAAC,CAAC;IAE3B,SAAS,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;IAEzC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAUD,eAAO,MAAM,WAAW,6JA2BvB,CAAC"}

package/dist/esm/CommandForm/fields/RatingField.js

@@ -0,0 +1,19 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Rating } from 'primereact/rating';
+import { asCommandFormField } from '@cratis/arc.react/commands';
+
+/**
+ * A star-rating field bound to a `number` property on a Cratis Arc command.
+ * See {@link InputTextField} for the full `value={c => c.prop}` binding model.
+ *
+ * ```tsx
+ * <RatingField value={c => c.rating} title="Rating" stars={5} />
+ * ```
+ */
+const RatingField = asCommandFormField((props) => (jsx("div", { onBlur: props.onBlur, className: props.className, children: jsx(Rating.Root, { value: props.value, onValueChange: props.onChange, invalid: props.invalid, pt: props.pt, ptOptions: props.ptOptions, unstyled: props.unstyled, children: Array.from({ length: props.stars ?? 5 }, (_, index) => (jsxs(Rating.Option, { value: index + 1, index: index, "aria-label": (props.starAriaLabel ?? ((n) => `${n} ${n === 1 ? 'star' : 'stars'}`))(index + 1), children: [jsx(Rating.On, { children: jsx("i", { className: "pi pi-star-fill" }) }), jsx(Rating.Off, { children: jsx("i", { className: "pi pi-star" }) })] }, index))) }) })), {
+    defaultValue: 0,
+    extractValue: (e) => e.value
+});
+
+export { RatingField };
+//# sourceMappingURL=RatingField.js.map

package/dist/esm/CommandForm/fields/RatingField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RatingField.js","sources":["../../../../CommandForm/fields/RatingField.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;AAwBA;;;;;;;AAOG;AACI,MAAM,WAAW,GAAG,kBAAkB,CACzC,CAAC,KAAK,MACFA,GAAA,CAAA,KAAA,EAAA,EAAK,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,YACjDA,GAAA,CAAC,MAAM,CAAC,IAAI,EAAA,EACR,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,aAAa,EAAE,KAAK,CAAC,QAAQ,EAC7B,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAA,QAAA,EACvB,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,MAC/CC,IAAA,CAAC,MAAM,CAAC,MAAM,EAAA,EAEV,KAAK,EAAE,KAAK,GAAG,CAAC,EAChB,KAAK,EAAE,KAAK,gBACA,CAAC,KAAK,CAAC,aAAa,KAAK,CAAC,CAAC,KAAK,CAAA,EAAG,CAAC,CAAA,CAAA,EAAI,CAAC,KAAK,CAAC,GAAG,MAAM,GAAG,OAAO,CAAA,CAAE,CAAC,EAAE,KAAK,GAAG,CAAC,CAAC,EAAA,QAAA,EAAA,CAC7FD,GAAA,CAAC,MAAM,CAAC,EAAE,EAAA,EAAA,QAAA,EAACA,WAAG,SAAS,EAAC,iBAAiB,EAAA,CAAG,EAAA,CAAY,EACxDA,GAAA,CAAC,MAAM,CAAC,GAAG,cAACA,GAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAC,YAAY,EAAA,CAAG,EAAA,CAAa,CAAA,EAAA,EALhD,KAAK,CAME,CACnB,CAAC,EAAA,CACQ,EAAA,CACZ,CACT,EACD;AACI,IAAA,YAAY,EAAE,CAAC;IACf,YAAY,EAAE,CAAC,CAA6B,KAAK,CAAC,CAAC;AACtD,CAAA;;;;"}

package/dist/esm/CommandForm/fields/SliderField.d.ts

@@ -1,4 +1,4 @@
-import { type SliderProps } from 'primereact/slider';
+import type { SliderRootProps } from '@primereact/types/primitive/slider';
 import React from 'react';
 import { WrappedFieldProps } from '@cratis/arc.react/commands';
 interface SliderFieldComponentProps extends WrappedFieldProps<number> {
@@ -6,8 +6,8 @@ interface SliderFieldComponentProps extends WrappedFieldProps<number> {
     max?: number;
     step?: number;
     className?: string;
-    pt?: SliderProps['pt'];
-    ptOptions?: SliderProps['ptOptions'];
+    pt?: SliderRootProps['pt'];
+    ptOptions?: SliderRootProps['ptOptions'];
     unstyled?: boolean;
 }
 export declare const SliderField: <TCommand = unknown>(props: import("@cratis/arc.react/commands").CommandFormFieldComponentProps<SliderFieldComponentProps, TCommand>) => React.ReactElement;

package/dist/esm/CommandForm/fields/SliderField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SliderField.d.ts","sourceRoot":"","sources":["../../../../CommandForm/fields/SliderField.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAsB,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAKnF,UAAU,yBAA0B,SAAQ,iBAAiB,CAAC,MAAM,CAAC;IAEjE,GAAG,CAAC,EAAE,MAAM,CAAC;IAGb,GAAG,CAAC,EAAE,MAAM,CAAC;IAGb,IAAI,CAAC,EAAE,MAAM,CAAC;IAGd,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,EAAE,CAAC,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;IAGvB,SAAS,CAAC,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;IAGrC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAWD,eAAO,MAAM,WAAW,6JAuBvB,CAAC"}
+{"version":3,"file":"SliderField.d.ts","sourceRoot":"","sources":["../../../../CommandForm/fields/SliderField.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAyB,MAAM,oCAAoC,CAAC;AACjG,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAsB,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAKnF,UAAU,yBAA0B,SAAQ,iBAAiB,CAAC,MAAM,CAAC;IAEjE,GAAG,CAAC,EAAE,MAAM,CAAC;IAGb,GAAG,CAAC,EAAE,MAAM,CAAC;IAGb,IAAI,CAAC,EAAE,MAAM,CAAC;IAGd,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,EAAE,CAAC,EAAE,eAAe,CAAC,IAAI,CAAC,CAAC;IAG3B,SAAS,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;IAGzC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAWD,eAAO,MAAM,WAAW,6JA2BvB,CAAC"}

package/dist/esm/CommandForm/fields/SliderField.js

@@ -11,7 +11,7 @@ import { asCommandFormField } from '@cratis/arc.react/commands';
  * <SliderField value={c => c.volume} title="Volume" min={0} max={100} />
  * ```
  */
-const SliderField = asCommandFormField((props) => (jsxs("div", { className: "w-full", onBlur: props.onBlur, children: [jsx(Slider, { value: props.value, onChange: (e) => props.onChange(e.value), min: props.min ?? 0, max: props.max ?? 100, step: props.step ?? 1, className: props.className ? `w-full ${props.className}` : 'w-full', pt: props.pt, ptOptions: props.ptOptions, unstyled: props.unstyled }), jsx("div", { className: "text-center mt-2", children: jsx("span", { className: "font-semibold", children: props.value }) })] })), {
+const SliderField = asCommandFormField((props) => (jsxs("div", { className: "w-full", onBlur: props.onBlur, children: [jsxs(Slider.Root, { value: props.value, onValueChange: (e) => props.onChange(Array.isArray(e.value) ? (e.value[0] ?? 0) : e.value), min: props.min ?? 0, max: props.max ?? 100, step: props.step ?? 1, className: props.className ? `w-full ${props.className}` : 'w-full', pt: props.pt, ptOptions: props.ptOptions, unstyled: props.unstyled, children: [jsx(Slider.Track, { children: jsx(Slider.Range, {}) }), jsx(Slider.Handle, {})] }), jsx("div", { className: "text-center mt-2", children: jsx("span", { className: "font-semibold", children: props.value }) })] })), {
     defaultValue: 0,
     extractValue: (e) => (typeof e === 'number' ? e : 0)
 });

package/dist/esm/CommandForm/fields/SliderField.js.map

@@ -1 +1 @@
-{"version":3,"file":"SliderField.js","sources":["../../../../CommandForm/fields/SliderField.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;AAiCA;;;;;;;;AAQG;AACI,MAAM,WAAW,GAAG,kBAAkB,CACzC,CAAC,KAAK,MACFA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,QAAQ,EAAC,MAAM,EAAE,KAAK,CAAC,MAAM,EAAA,QAAA,EAAA,CACxCC,GAAA,CAAC,MAAM,EAAA,EACH,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,QAAQ,EAAE,CAAC,CAAC,KAAK,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,EACxC,GAAG,EAAE,KAAK,CAAC,GAAG,IAAI,CAAC,EACnB,GAAG,EAAE,KAAK,CAAC,GAAG,IAAI,GAAG,EACrB,IAAI,EAAE,KAAK,CAAC,IAAI,IAAI,CAAC,EACrB,SAAS,EAAE,KAAK,CAAC,SAAS,GAAG,CAAA,OAAA,EAAU,KAAK,CAAC,SAAS,CAAA,CAAE,GAAG,QAAQ,EACnE,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAA,CAC1B,EACFA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,kBAAkB,EAAA,QAAA,EAC7BA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,eAAe,EAAA,QAAA,EAAE,KAAK,CAAC,KAAK,EAAA,CAAQ,EAAA,CAClD,CAAA,EAAA,CACJ,CACT,EACD;AACI,IAAA,YAAY,EAAE,CAAC;AACf,IAAA,YAAY,EAAE,CAAC,CAAU,MAAM,OAAO,CAAC,KAAK,QAAQ,GAAG,CAAC,GAAG,CAAC;AAC/D,CAAA;;;;"}
+{"version":3,"file":"SliderField.js","sources":["../../../../CommandForm/fields/SliderField.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;AAkCA;;;;;;;;AAQG;AACI,MAAM,WAAW,GAAG,kBAAkB,CACzC,CAAC,KAAK,MACFA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,QAAQ,EAAC,MAAM,EAAE,KAAK,CAAC,MAAM,EAAA,QAAA,EAAA,CACxCA,IAAA,CAAC,MAAM,CAAC,IAAI,IACR,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,aAAa,EAAE,CAAC,CAAwB,KAAK,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,EACjH,GAAG,EAAE,KAAK,CAAC,GAAG,IAAI,CAAC,EACnB,GAAG,EAAE,KAAK,CAAC,GAAG,IAAI,GAAG,EACrB,IAAI,EAAE,KAAK,CAAC,IAAI,IAAI,CAAC,EACrB,SAAS,EAAE,KAAK,CAAC,SAAS,GAAG,CAAA,OAAA,EAAU,KAAK,CAAC,SAAS,CAAA,CAAE,GAAG,QAAQ,EACnE,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,QAAQ,EAAE,KAAK,CAAC,QAAQ,aACxBC,GAAA,CAAC,MAAM,CAAC,KAAK,EAAA,EAAA,QAAA,EACTA,GAAA,CAAC,MAAM,CAAC,KAAK,EAAA,EAAA,CAAG,GACL,EACfA,GAAA,CAAC,MAAM,CAAC,MAAM,EAAA,EAAA,CAAG,CAAA,EAAA,CACP,EACdA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,kBAAkB,EAAA,QAAA,EAC7BA,cAAM,SAAS,EAAC,eAAe,EAAA,QAAA,EAAE,KAAK,CAAC,KAAK,GAAQ,EAAA,CAClD,CAAA,EAAA,CACJ,CACT,EACD;AACI,IAAA,YAAY,EAAE,CAAC;AACf,IAAA,YAAY,EAAE,CAAC,CAAU,MAAM,OAAO,CAAC,KAAK,QAAQ,GAAG,CAAC,GAAG,CAAC;AAC/D,CAAA;;;;"}

package/dist/esm/CommandForm/fields/TextAreaField.d.ts

@@ -1,4 +1,4 @@
-import { type InputTextareaProps } from 'primereact/inputtextarea';
+import type { TextareaProps } from '@primereact/types/primitive/textarea';
 import React from 'react';
 import { WrappedFieldProps } from '@cratis/arc.react/commands';
 interface TextAreaFieldComponentProps extends WrappedFieldProps<string> {
@@ -6,8 +6,8 @@ interface TextAreaFieldComponentProps extends WrappedFieldProps<string> {
     rows?: number;
     cols?: number;
     className?: string;
-    pt?: InputTextareaProps['pt'];
-    ptOptions?: InputTextareaProps['ptOptions'];
+    pt?: TextareaProps['pt'];
+    ptOptions?: TextareaProps['ptOptions'];
     unstyled?: boolean;
 }
 export declare const TextAreaField: <TCommand = unknown>(props: import("@cratis/arc.react/commands").CommandFormFieldComponentProps<TextAreaFieldComponentProps, TCommand>) => React.ReactElement;

package/dist/esm/CommandForm/fields/TextAreaField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextAreaField.d.ts","sourceRoot":"","sources":["../../../../CommandForm/fields/TextAreaField.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAClF,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAsB,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAKnF,UAAU,2BAA4B,SAAQ,iBAAiB,CAAC,MAAM,CAAC;IAEnE,WAAW,CAAC,EAAE,MAAM,CAAC;IAGrB,IAAI,CAAC,EAAE,MAAM,CAAC;IAGd,IAAI,CAAC,EAAE,MAAM,CAAC;IAGd,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,EAAE,CAAC,EAAE,kBAAkB,CAAC,IAAI,CAAC,CAAC;IAG9B,SAAS,CAAC,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAC;IAG5C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAaD,eAAO,MAAM,aAAa,+JAoBzB,CAAC"}
+{"version":3,"file":"TextAreaField.d.ts","sourceRoot":"","sources":["../../../../CommandForm/fields/TextAreaField.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAC1E,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAsB,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAKnF,UAAU,2BAA4B,SAAQ,iBAAiB,CAAC,MAAM,CAAC;IAEnE,WAAW,CAAC,EAAE,MAAM,CAAC;IAGrB,IAAI,CAAC,EAAE,MAAM,CAAC;IAGd,IAAI,CAAC,EAAE,MAAM,CAAC;IAGd,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,EAAE,CAAC,EAAE,aAAa,CAAC,IAAI,CAAC,CAAC;IAGzB,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IAGvC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAaD,eAAO,MAAM,aAAa,+JAoBzB,CAAC"}