@cratis/components 1.10.1 → 2.0.0

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

@@ -1,7 +1,12 @@
+import { type CheckboxProps } from 'primereact/checkbox';
 import React from 'react';
 import { WrappedFieldProps } from '@cratis/arc.react/commands';
 interface CheckboxFieldComponentProps extends WrappedFieldProps<boolean> {
     label?: string;
+    className?: string;
+    pt?: CheckboxProps['pt'];
+    ptOptions?: CheckboxProps['ptOptions'];
+    unstyled?: boolean;
 }
 export declare const CheckboxField: {
     <TCommand = unknown>(props: import("@cratis/arc.react/commands").CommandFormFieldComponentProps<CheckboxFieldComponentProps, TCommand>): React.ReactElement;

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

@@ -1 +1 @@
-{"version":3,"file":"CheckboxField.d.ts","sourceRoot":"","sources":["../../../../CommandForm/fields/CheckboxField.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAsB,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAEnF,UAAU,2BAA4B,SAAQ,iBAAiB,CAAC,OAAO,CAAC;IACpE,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,aAAa;;;CAgBzB,CAAC"}
+{"version":3,"file":"CheckboxField.d.ts","sourceRoot":"","sources":["../../../../CommandForm/fields/CheckboxField.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAsB,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAKnF,UAAU,2BAA4B,SAAQ,iBAAiB,CAAC,OAAO,CAAC;IAEpE,KAAK,CAAC,EAAE,MAAM,CAAC;IAGf,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;AAWD,eAAO,MAAM,aAAa;;;CAoBzB,CAAC"}

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

@@ -2,7 +2,16 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { Checkbox } from 'primereact/checkbox';
 import { asCommandFormField } from '@cratis/arc.react/commands';
 
-const CheckboxField = asCommandFormField((props) => (jsxs("div", { className: "flex align-items-center", children: [jsx(Checkbox, { checked: props.value, onChange: props.onChange, onBlur: props.onBlur, invalid: props.invalid }), props.label && jsx("label", { className: "ml-2", children: props.label })] })), {
+/**
+ * A single boolean checkbox field bound to a `boolean` property on a Cratis
+ * Arc command. See {@link InputTextField} for the full `value={c => c.prop}`
+ * binding model.
+ *
+ * ```tsx
+ * <CheckboxField value={c => c.acceptedTerms} label="I agree to the terms" />
+ * ```
+ */
+const CheckboxField = asCommandFormField((props) => (jsxs("div", { className: "flex items-center", children: [jsx(Checkbox, { checked: props.value, onChange: props.onChange, 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 })] })), {
     defaultValue: false,
     extractValue: (e) => e.checked
 });

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

@@ -1 +1 @@
-{"version":3,"file":"CheckboxField.js","sources":["../../../../CommandForm/fields/CheckboxField.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;AAWO,MAAM,aAAa,GAAG,kBAAkB,CAC3C,CAAC,KAAK,MACFA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,yBAAyB,EAAA,QAAA,EAAA,CACpCC,GAAA,CAAC,QAAQ,EAAA,EACL,OAAO,EAAE,KAAK,CAAC,KAAK,EACpB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,OAAO,EAAE,KAAK,CAAC,OAAO,EAAA,CACxB,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,KAAK;IACnB,YAAY,EAAE,CAAC,CAAuB,KAAK,CAAC,CAAC;AAChD,CAAA;;;;"}
+{"version":3,"file":"CheckboxField.js","sources":["../../../../CommandForm/fields/CheckboxField.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;AA2BA;;;;;;;;AAQG;AACI,MAAM,aAAa,GAAG,kBAAkB,CAC3C,CAAC,KAAK,MACFA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,mBAAmB,EAAA,QAAA,EAAA,CAC9BC,IAAC,QAAQ,EAAA,EACL,OAAO,EAAE,KAAK,CAAC,KAAK,EACpB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,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,YAAE,KAAK,CAAC,KAAK,EAAA,CAAS,CAAA,EAAA,CAC3D,CACT,EACD;AACI,IAAA,YAAY,EAAE,KAAK;IACnB,YAAY,EAAE,CAAC,CAAuB,KAAK,CAAC,CAAC;AAChD,CAAA;;;;"}

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

@@ -1,4 +1,5 @@
 import { WrappedFieldProps } from '@cratis/arc.react/commands';
+import { type ChipsProps } from 'primereact/chips';
 import React from 'react';
 interface ChipsFieldComponentProps extends WrappedFieldProps<string[]> {
     placeholder?: string;
@@ -6,6 +7,10 @@ interface ChipsFieldComponentProps extends WrappedFieldProps<string[]> {
     separator?: string;
     addOnBlur?: boolean;
     allowDuplicate?: boolean;
+    className?: string;
+    pt?: ChipsProps['pt'];
+    ptOptions?: ChipsProps['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;AAEnF,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,wBAAyB,SAAQ,iBAAiB,CAAC,MAAM,EAAE,CAAC;IAClE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,eAAO,MAAM,UAAU;;;CAyBtB,CAAC"}
+{"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;;;CA4BtB,CAAC"}

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

@@ -2,7 +2,17 @@ import { jsx } from 'react/jsx-runtime';
 import { asCommandFormField } from '@cratis/arc.react/commands';
 import { Chips } from 'primereact/chips';
 
-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: "w-full" })), {
+/**
+ * A tag/chip input field bound to a `string[]` property on a Cratis Arc
+ * command. Each entered token becomes a chip; `separator` splits pasted
+ * input into multiple chips at once. See {@link InputTextField} for the
+ * full `value={c => c.prop}` binding model.
+ *
+ * ```tsx
+ * <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 })), {
     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":";;;;AAeO,MAAM,UAAU,GAAG,kBAAkB,CACxC,CAAC,KAAK,MACFA,GAAA,CAAC,KAAK,IACF,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,EAAC,QAAQ,EAAA,CACpB,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"],"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;;;;"}

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

@@ -1,8 +1,13 @@
 import { WrappedFieldProps } from '@cratis/arc.react/commands';
+import { type ColorPickerProps } from 'primereact/colorpicker';
 import React from 'react';
 interface ColorPickerFieldComponentProps extends WrappedFieldProps<string> {
     inline?: boolean;
     defaultColor?: string;
+    className?: string;
+    pt?: ColorPickerProps['pt'];
+    ptOptions?: ColorPickerProps['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;AAEnF,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,8BAA+B,SAAQ,iBAAiB,CAAC,MAAM,CAAC;IACtE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,gBAAgB;;;CAoB5B,CAAC"}
+{"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;;;CA6B5B,CAAC"}

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

@@ -2,10 +2,26 @@ import { jsx } from 'react/jsx-runtime';
 import { asCommandFormField } from '@cratis/arc.react/commands';
 import { ColorPicker } from 'primereact/colorpicker';
 
+/**
+ * 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
+ * `inline` to render the picker inline rather than as a popover. See
+ * {@link InputTextField} for the full `value={c => c.prop}` binding model.
+ *
+ * ```tsx
+ * <ColorPickerField value={c => c.accentColor} title="Accent" inline />
+ * ```
+ */
 const ColorPickerField = asCommandFormField((props) => {
     const defaultColor = props.defaultColor ?? '000000';
     const value = typeof props.value === 'string' && props.value.length > 0 ? props.value : defaultColor;
-    return (jsx(ColorPicker, { value: value, onChange: (e) => props.onChange(typeof e.value === 'string' ? e.value : ''), onBlur: props.onBlur, inline: props.inline, defaultColor: defaultColor, className: props.invalid ? 'p-invalid' : undefined }));
+    // 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.
+    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 }));
 }, {
     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":";;;;MAYa,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;AAEpG,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,KAAK,CAAC,OAAO,GAAG,WAAW,GAAG,SAAS,EAAA,CACpD;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"],"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;;;;"}

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

@@ -1,3 +1,4 @@
+import { type DropdownProps } from 'primereact/dropdown';
 import React from 'react';
 import { WrappedFieldProps } from '@cratis/arc.react/commands';
 interface DropdownFieldComponentProps extends WrappedFieldProps<string | number> {
@@ -7,6 +8,10 @@ interface DropdownFieldComponentProps extends WrappedFieldProps<string | number>
     optionValue: string;
     optionLabel: string;
     placeholder?: string;
+    className?: string;
+    pt?: DropdownProps['pt'];
+    ptOptions?: DropdownProps['ptOptions'];
+    unstyled?: boolean;
 }
 export declare const DropdownField: {
     <TCommand = unknown>(props: import("@cratis/arc.react/commands").CommandFormFieldComponentProps<DropdownFieldComponentProps, TCommand>): React.ReactElement;

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":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAsB,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAEnF,UAAU,2BAA4B,SAAQ,iBAAiB,CAAC,MAAM,GAAG,MAAM,CAAC;IAC5E,OAAO,EAAE,KAAK,CAAC;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;KAAE,CAAC,CAAC;IAC3C,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,aAAa;;;CAkBzB,CAAC"}
+{"version":3,"file":"DropdownField.d.ts","sourceRoot":"","sources":["../../../../CommandForm/fields/DropdownField.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACnE,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;;;CAqBzB,CAAC"}

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

@@ -2,7 +2,22 @@ import { jsx } from 'react/jsx-runtime';
 import { Dropdown } from 'primereact/dropdown';
 import { asCommandFormField } from '@cratis/arc.react/commands';
 
-const DropdownField = asCommandFormField((props) => (jsx(Dropdown, { value: props.value, onChange: (e) => props.onChange(e.value), onBlur: props.onBlur, options: props.options, optionValue: props.optionValue, optionLabel: props.optionLabel, placeholder: props.placeholder, invalid: props.invalid, className: "w-full" })), {
+/**
+ * A single-select dropdown field bound to a `string` or `number` property
+ * on a Cratis Arc command. The `options` array supplies the choices;
+ * `optionValue` and `optionLabel` declare which property on each option
+ * holds the bound value and which one holds the visible label. See
+ * {@link InputTextField} for the full `value={c => c.prop}` binding model.
+ *
+ * ```tsx
+ * <DropdownField value={c => c.country}
+ *                options={countries}
+ *                optionValue="code"
+ *                optionLabel="name"
+ *                title="Country" />
+ * ```
+ */
+const DropdownField = asCommandFormField((props) => (jsx(Dropdown, { value: props.value, onChange: (e) => props.onChange(e.value), onBlur: props.onBlur, options: props.options, optionValue: props.optionValue, optionLabel: props.optionLabel, placeholder: props.placeholder, invalid: props.invalid, className: props.className ? `w-full ${props.className}` : 'w-full', pt: props.pt, ptOptions: props.ptOptions, unstyled: props.unstyled })), {
     defaultValue: '',
     extractValue: (e) => e
 });

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":";;;;AAcO,MAAM,aAAa,GAAG,kBAAkB,CAC3C,CAAC,KAAK,MACFA,GAAA,CAAC,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,EAAC,QAAQ,EAAA,CACpB,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,8 +1,13 @@
+import { type InputTextProps } from 'primereact/inputtext';
 import React from 'react';
 import { WrappedFieldProps } from '@cratis/arc.react/commands';
 interface InputTextComponentProps extends WrappedFieldProps<string> {
     type?: 'text' | 'email' | 'password' | 'color' | 'date' | 'datetime-local' | 'time' | 'url' | 'tel' | 'search';
     placeholder?: string;
+    className?: string;
+    pt?: InputTextProps['pt'];
+    ptOptions?: InputTextProps['ptOptions'];
+    unstyled?: boolean;
 }
 export declare const InputTextField: {
     <TCommand = unknown>(props: import("@cratis/arc.react/commands").CommandFormFieldComponentProps<InputTextComponentProps, TCommand>): React.ReactElement;

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":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAsB,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAEnF,UAAU,uBAAwB,SAAQ,iBAAiB,CAAC,MAAM,CAAC;IAC/D,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,OAAO,GAAG,MAAM,GAAG,gBAAgB,GAAG,MAAM,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,CAAC;IAC/G,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,cAAc;;;CAgB1B,CAAC"}
+{"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;;;CAmB1B,CAAC"}

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

@@ -2,7 +2,47 @@ import { jsx } from 'react/jsx-runtime';
 import { InputText } from 'primereact/inputtext';
 import { asCommandFormField } from '@cratis/arc.react/commands';
 
-const InputTextField = asCommandFormField((props) => (jsx(InputText, { type: props.type || 'text', value: props.value, onChange: props.onChange, onBlur: props.onBlur, invalid: props.invalid, placeholder: props.placeholder, className: "w-full" })), {
+/**
+ * A single-line text field for use inside a Cratis Arc `CommandForm` (or any
+ * of its dialog-hosted variants like {@link CommandDialog},
+ * {@link StepperCommandDialog}, {@link CommandStepper}).
+ *
+ * ## How it binds to the command
+ *
+ * The `value` prop is an accessor function — `value={c => c.name}` — where
+ * `c` is the typed command instance. The `asCommandFormField` HOC from
+ * `@cratis/arc.react/commands` reads the accessor, subscribes the field to
+ * that property on the form context, and threads validation state back to
+ * the input. You never read or write the command instance directly; the
+ * field handles it.
+ *
+ * The accessor pattern means the *binding* is fully typechecked end-to-end
+ * — if the command's `name` property is a `string`, the field's value type
+ * is inferred as `string` and TypeScript catches any mismatch.
+ *
+ * ## What's unique vs. PrimeReact's `InputText`
+ *
+ * - Bound to a single command property, no manual `onChange`/`setState`.
+ * - Validation state (`invalid` border) is driven automatically from the
+ *   `CommandResult.validationResults` returned by the backend's `Handle()`.
+ * - All HTML input `type`s PrimeReact supports (`text`, `email`,
+ *   `password`, `url`, `tel`, `date`, `datetime-local`, `time`, `color`,
+ *   `search`) work the same way.
+ *
+ * ## Styling
+ *
+ * Forwards `pt` / `ptOptions` / `unstyled` / `className` to the underlying
+ * `InputText`. The default `w-full` class is preserved when consumer
+ * `className` is supplied. See [pass-through cheat sheet](../../../Documentation/Styling/pass-through.md).
+ *
+ * ```tsx
+ * <InputTextField value={c => c.email}
+ *                 type="email"
+ *                 title="Email"
+ *                 placeholder="you@example.com" />
+ * ```
+ */
+const InputTextField = asCommandFormField((props) => (jsx(InputText, { type: props.type || 'text', value: props.value, onChange: props.onChange, onBlur: props.onBlur, invalid: props.invalid, placeholder: props.placeholder, className: props.className ? `w-full ${props.className}` : 'w-full', pt: props.pt, ptOptions: props.ptOptions, unstyled: props.unstyled })), {
     defaultValue: '',
     extractValue: (e) => e.target.value
 });

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":";;;;AAYO,MAAM,cAAc,GAAG,kBAAkB,CAC5C,CAAC,KAAK,MACFA,GAAA,CAAC,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,EAAC,QAAQ,EAAA,CACpB,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":";;;;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;;;;"}

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

@@ -1,4 +1,5 @@
 import { WrappedFieldProps } from '@cratis/arc.react/commands';
+import { type MultiSelectProps } from 'primereact/multiselect';
 import React from 'react';
 interface MultiSelectFieldComponentProps extends WrappedFieldProps<Array<string | number>> {
     options: Array<Record<string, unknown>>;
@@ -9,6 +10,10 @@ interface MultiSelectFieldComponentProps extends WrappedFieldProps<Array<string
     maxSelectedLabels?: number;
     filter?: boolean;
     showClear?: boolean;
+    className?: string;
+    pt?: MultiSelectProps['pt'];
+    ptOptions?: MultiSelectProps['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;AAEnF,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,8BAA+B,SAAQ,iBAAiB,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IACtF,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IACxC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,gBAAgB;;;CA4B5B,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,EAAe,KAAK,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC5E,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;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;;;CA+B5B,CAAC"}

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

@@ -2,7 +2,19 @@ import { jsx } from 'react/jsx-runtime';
 import { asCommandFormField } from '@cratis/arc.react/commands';
 import { MultiSelect } from 'primereact/multiselect';
 
-const MultiSelectField = asCommandFormField((props) => (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, className: "w-full" })), {
+/**
+ * A multi-select dropdown field bound to an `Array<string | number>`
+ * property on a Cratis Arc command. Use for "pick any subset of these"
+ * controls with optional in-panel filtering. See {@link InputTextField}
+ * for the full `value={c => c.prop}` binding model.
+ *
+ * ```tsx
+ * <MultiSelectField value={c => c.tagIds}
+ *                   options={tags} optionValue="id" optionLabel="name"
+ *                   display="chip" filter title="Tags" />
+ * ```
+ */
+const MultiSelectField = asCommandFormField((props) => (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, 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":";;;;MAkBa,gBAAgB,GAAG,kBAAkB,CAC9C,CAAC,KAAK,MACFA,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,SAAS,EAAC,QAAQ,EAAA,CACpB,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;;;;"}
+{"version":3,"file":"MultiSelectField.js","sources":["../../../../CommandForm/fields/MultiSelectField.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;AAgDA;;;;;;;;;;;AAWG;AACI,MAAM,gBAAgB,GAAG,kBAAkB,CAC9C,CAAC,KAAK,MACFA,IAAC,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,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,3 +1,4 @@
+import { type InputNumberProps } from 'primereact/inputnumber';
 import React from 'react';
 import { WrappedFieldProps } from '@cratis/arc.react/commands';
 interface NumberFieldComponentProps extends WrappedFieldProps<number> {
@@ -5,6 +6,10 @@ interface NumberFieldComponentProps extends WrappedFieldProps<number> {
     min?: number;
     max?: number;
     step?: number;
+    className?: string;
+    pt?: InputNumberProps['pt'];
+    ptOptions?: InputNumberProps['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":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAsB,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAEnF,UAAU,yBAA0B,SAAQ,iBAAiB,CAAC,MAAM,CAAC;IACjE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,WAAW;;;CAkBvB,CAAC"}
+{"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;;;CAqBvB,CAAC"}

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

@@ -2,7 +2,17 @@ import { jsx } from 'react/jsx-runtime';
 import { InputNumber } from 'primereact/inputnumber';
 import { asCommandFormField } from '@cratis/arc.react/commands';
 
-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: "w-full" })), {
+/**
+ * A numeric input field bound to a `number` property on a Cratis Arc
+ * command. Defaults to integer mode without thousands grouping; pass `step`
+ * to enable spinner increments and `min` / `max` to clamp the range. See
+ * {@link InputTextField} for the full `value={c => c.prop}` binding model.
+ *
+ * ```tsx
+ * <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 })), {
     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":";;;;AAcO,MAAM,WAAW,GAAG,kBAAkB,CACzC,CAAC,KAAK,MACFA,GAAA,CAAC,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,EAAC,QAAQ,EAAA,CACpB,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":";;;;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;;;;"}

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

@@ -0,0 +1,17 @@
+import { type RadioButtonProps } from 'primereact/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'];
+    unstyled?: boolean;
+}
+export declare const RadioButtonField: {
+    <TCommand = unknown>(props: import("@cratis/arc.react/commands").CommandFormFieldComponentProps<RadioButtonFieldComponentProps, TCommand>): React.ReactElement;
+    displayName: string;
+};
+export {};
+//# sourceMappingURL=RadioButtonField.d.ts.map

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

@@ -0,0 +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;;;CAqB5B,CAAC"}

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

@@ -0,0 +1,21 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { RadioButton } from 'primereact/radiobutton';
+import { asCommandFormField } from '@cratis/arc.react/commands';
+
+/**
+ * A single radio button bound to a `string` or `number` property on a
+ * Cratis Arc command. Multiple {@link RadioButtonField} instances with the
+ * same `value` accessor and distinct `buttonValue` props together form a
+ * mutually-exclusive group — useful when the radios need to be laid out
+ * non-contiguously in the form. For the common case where the radios sit
+ * in one place, prefer {@link RadioGroupField} which manages the group as
+ * 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 })] })), {
+    defaultValue: '',
+    extractValue: (e) => e
+});
+
+export { RadioButtonField };
+//# sourceMappingURL=RadioButtonField.js.map

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +1,19 @@
+import { type RadioButtonProps } from 'primereact/radiobutton';
+import React from 'react';
+import { WrappedFieldProps } from '@cratis/arc.react/commands';
+interface RadioGroupFieldComponentProps extends WrappedFieldProps<string | number> {
+    options: Array<Record<string, unknown>>;
+    optionLabel: string;
+    optionValue: string;
+    layout?: 'horizontal' | 'vertical';
+    className?: string;
+    pt?: RadioButtonProps['pt'];
+    ptOptions?: RadioButtonProps['ptOptions'];
+    unstyled?: boolean;
+}
+export declare const RadioGroupField: {
+    <TCommand = unknown>(props: import("@cratis/arc.react/commands").CommandFormFieldComponentProps<RadioGroupFieldComponentProps, TCommand>): React.ReactElement;
+    displayName: string;
+};
+export {};
+//# sourceMappingURL=RadioGroupField.d.ts.map

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

@@ -0,0 +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;;;CAmC3B,CAAC"}

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

@@ -0,0 +1,38 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { RadioButton } from 'primereact/radiobutton';
+import { asCommandFormField } from '@cratis/arc.react/commands';
+
+/**
+ * A radio-button group field bound to a `string` or `number` property on a
+ * Cratis Arc command. Use for small mutually-exclusive choice sets where
+ * all options should be visible at once; for larger sets, prefer
+ * {@link DropdownField}. See {@link InputTextField} for the full
+ * `value={c => c.prop}` binding model.
+ *
+ * ```tsx
+ * <RadioGroupField value={c => c.priority}
+ *                  options={priorityOptions}
+ *                  optionLabel="label"
+ *                  optionValue="value"
+ *                  layout="horizontal"
+ *                  title="Priority" />
+ * ```
+ */
+const RadioGroupField = asCommandFormField((props) => {
+    const layout = props.layout ?? 'vertical';
+    const layoutClasses = layout === 'horizontal' ? 'flex-row gap-4 flex-wrap' : 'flex-col gap-2';
+    const containerClassName = props.className
+        ? `flex ${layoutClasses} ${props.className}`
+        : `flex ${layoutClasses}`;
+    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)));
+        }) }));
+}, {
+    defaultValue: '',
+    extractValue: (e) => e
+});
+
+export { RadioGroupField };
+//# sourceMappingURL=RadioGroupField.js.map

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

@@ -0,0 +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;;;;"}

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

@@ -1,9 +1,14 @@
+import { type SliderProps } from 'primereact/slider';
 import React from 'react';
 import { WrappedFieldProps } from '@cratis/arc.react/commands';
 interface SliderFieldComponentProps extends WrappedFieldProps<number> {
     min?: number;
     max?: number;
     step?: number;
+    className?: string;
+    pt?: SliderProps['pt'];
+    ptOptions?: SliderProps['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":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAsB,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAEnF,UAAU,yBAA0B,SAAQ,iBAAiB,CAAC,MAAM,CAAC;IACjE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,WAAW;;;CAoBvB,CAAC"}
+{"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;;;CAuBvB,CAAC"}

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

@@ -2,7 +2,16 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { Slider } from 'primereact/slider';
 import { asCommandFormField } from '@cratis/arc.react/commands';
 
-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: "w-full" }), jsx("div", { className: "text-center mt-2", children: jsx("span", { className: "font-semibold", children: props.value }) })] })), {
+/**
+ * A horizontal slider field bound to a `number` property on a Cratis Arc
+ * command. The current value is rendered below the track for feedback. See
+ * {@link InputTextField} for the full `value={c => c.prop}` binding model.
+ *
+ * ```tsx
+ * <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 }) })] })), {
     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":";;;;MAaa,WAAW,GAAG,kBAAkB,CACzC,CAAC,KAAK,MACFA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,QAAQ,EAAC,MAAM,EAAE,KAAK,CAAC,MAAM,aACxCC,GAAA,CAAC,MAAM,IACH,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,EAAC,QAAQ,EAAA,CACpB,EACFA,aAAK,SAAS,EAAC,kBAAkB,EAAA,QAAA,EAC7BA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,eAAe,YAAE,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":";;;;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;;;;"}

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

@@ -1,9 +1,14 @@
+import { type InputTextareaProps } from 'primereact/inputtextarea';
 import React from 'react';
 import { WrappedFieldProps } from '@cratis/arc.react/commands';
 interface TextAreaFieldComponentProps extends WrappedFieldProps<string> {
     placeholder?: string;
     rows?: number;
     cols?: number;
+    className?: string;
+    pt?: InputTextareaProps['pt'];
+    ptOptions?: InputTextareaProps['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":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAsB,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAEnF,UAAU,2BAA4B,SAAQ,iBAAiB,CAAC,MAAM,CAAC;IACnE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,aAAa;;;CAiBzB,CAAC"}
+{"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;;;CAoBzB,CAAC"}