@cratis/components 3.6.1 → 4.1.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":";;;;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;;"}
+{"version":3,"file":"SliderField.js","sources":["../../../../CommandForm/fields/SliderField.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;MAsCa,WAAW,GAAG,kBAAkB,CACzC,CAAC,KAAK,KAAI;AACN,IAAA,MAAM,aAAa,GAAG,qBAAqB,CAAC,KAAK,EAAE;AAC/C,QAAA,EAAE,EAAE,KAAK,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE;QACvB,SAAS,EAAE,KAAK,CAAC,EAAE,EAAE,KAAK,GAAG,YAAY,CAAC;QAC1C,eAAe,EAAE,KAAK,CAAC,EAAE,EAAE,KAAK,GAAG,kBAAkB,CAAC;AACzD,KAAA,CAAC;IACF,QACAA,iBACQ,KAAK,CAAC,EAAE,EAAE,IAAI,EAClB,SAAS,EAAE;YACP,qBAAqB;YACrB,eAAe;AACf,YAAA,KAAK,CAAC,EAAE,EAAE,IAAI,EAAE,SAAS;AACzB,YAAA,KAAK,CAAC,SAAS;AAClB;aACI,MAAM,CAAC,OAAO;AACd,aAAA,IAAI,CAAC,GAAG,CAAC,EACd,MAAM,EAAE,KAAK,CAAC,MAAM,EAAA,kBAAA,EACH,MAAM,EAAA,eAAA,EACR,KAAK,CAAC,EAAE,EAAE,KAAK,EAAE,QAAQ,IAAI,SAAS,EAAA,cAAA,EACvC,KAAK,CAAC,OAAO,IAAI,SAAS,EAAA,QAAA,EAAA,CAExCC,GAAA,CAAA,OAAA,EAAA,EAAA,GACQ,KAAK,CAAC,EAAE,EAAE,KAAK,EACnB,EAAE,EAAE,aAAa,CAAC,SAAS,EAAA,YAAA,EACf,aAAa,CAAC,SAAS,EAAA,kBAAA,EACjB,aAAa,CAAC,eAAe,EAC/C,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,QAAQ,EAAE,CAAC,KAAK,KAAK,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,EACtE,GAAG,EAAE,KAAK,CAAC,GAAG,IAAI,CAAC,EACnB,GAAG,EAAE,KAAK,CAAC,GAAG,IAAI,GAAG,EACrB,IAAI,EAAE,KAAK,CAAC,IAAI,IAAI,CAAC,EAAA,cAAA,EACP,KAAK,CAAC,OAAO,IAAI,SAAS,EAAA,eAAA,EACzB,KAAK,CAAC,EAAE,EAAE,KAAK,EAAE,QAAQ,IAAI,SAAS,kBACvC,KAAK,CAAC,OAAO,IAAI,SAAS,EACxC,SAAS,EAAE,CAAC,4BAA4B,EAAE,KAAK,CAAC,EAAE,EAAE,KAAK,EAAE,SAAS;qBAC/D,MAAM,CAAC,OAAO;qBACd,IAAI,CAAC,GAAG,CAAC,EAAA,kBAAA,EACG,OAAO,EAAA,CAC1B,EACFA,GAAA,CAAA,MAAA,EAAA,EAAA,GACQ,KAAK,CAAC,EAAE,EAAE,KAAK,EACnB,SAAS,EAAE,CAAC,4BAA4B,EAAE,KAAK,CAAC,EAAE,EAAE,KAAK,EAAE,SAAS;qBAC/D,MAAM,CAAC,OAAO;qBACd,IAAI,CAAC,GAAG,CAAC,EAAA,kBAAA,EACG,OAAO,EAAA,cAAA,EACV,KAAK,CAAC,OAAO,IAAI,SAAS,YAEvC,KAAK,CAAC,KAAK,EAAA,CACT,EACN,aAAa,CAAC,WAAW,CAAA,EAAA,CACxB;AAEV,CAAC,EACD,EAAE,YAAY,EAAE,CAAC,EAAE;;"}

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

@@ -1,15 +1,20 @@
-import type { TextareaProps } from '@primereact/types/primitive/textarea';
-import React from 'react';
-import { WrappedFieldProps } from '@cratis/arc.react/commands';
-interface TextAreaFieldComponentProps extends WrappedFieldProps<string> {
+import type { TextareaHTMLAttributes } from 'react';
+import { type WrappedFieldProps } from '@cratis/arc.react/commands';
+import { type FieldAccessibilityProps } from './fieldAccessibility.js';
+/** Stable part attributes for {@link TextAreaField}. */
+export interface TextAreaParts {
+    /** Native textarea element. */
+    root?: TextareaHTMLAttributes<HTMLTextAreaElement>;
+}
+interface TextAreaFieldComponentProps extends WrappedFieldProps<string>, FieldAccessibilityProps {
     placeholder?: string;
     rows?: number;
     cols?: number;
     className?: string;
-    pt?: TextareaProps['pt'];
-    ptOptions?: TextareaProps['ptOptions'];
+    pt?: TextAreaParts;
+    ptOptions?: object;
     unstyled?: boolean;
 }
+/** A multi-line text field bound to a string property on an Arc command. */
 export declare const TextAreaField: (<TCommand = unknown>(props: import("@cratis/arc.react/commands").CommandFormFieldComponentProps<TextAreaFieldComponentProps, TCommand>) => React.ReactElement) & import("@cratis/arc.react/commands").CommandFormMarked;
 export {};
-//# sourceMappingURL=TextAreaField.d.ts.map

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

@@ -1,22 +1,23 @@
-import { jsx } from 'react/jsx-runtime';
-import { Textarea } from 'primereact/textarea';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { asCommandFormField } from '@cratis/arc.react/commands';
+import { useFieldAccessibility } from './fieldAccessibility.js';
 
-/**
- * A multi-line text field bound to a `string` property on a Cratis Arc
- * command. Use for descriptions, notes, or any free-form text longer than
- * a single line. See {@link InputTextField} for the full
- * `value={c => c.prop}` binding model that every field in this folder
- * follows.
- *
- * ```tsx
- * <TextAreaField value={c => c.description} title="Description" rows={4} />
- * ```
- */
-const TextAreaField = asCommandFormField((props) => (jsx(Textarea, { value: props.value, onChange: props.onChange, onBlur: props.onBlur, invalid: props.invalid, placeholder: props.placeholder, rows: props.rows ?? 5, cols: props.cols, className: props.className ? `w-full ${props.className}` : 'w-full', pt: props.pt, ptOptions: props.ptOptions, unstyled: props.unstyled })), {
-    defaultValue: '',
-    extractValue: (e) => e.target.value
-});
+const TextAreaField = asCommandFormField((props) => {
+    const accessibility = useFieldAccessibility(props, {
+        id: props.pt?.root?.id,
+        ariaLabel: props.pt?.root?.['aria-label'],
+        ariaDescribedBy: props.pt?.root?.['aria-describedby'],
+    });
+    return (jsxs(Fragment, { children: [jsx("textarea", { ...props.pt?.root, id: accessibility.controlId, "aria-label": accessibility.ariaLabel, "aria-describedby": accessibility.ariaDescribedBy, value: props.value, onChange: (event) => props.onChange(event.currentTarget.value), onBlur: props.onBlur, placeholder: props.placeholder, rows: props.rows ?? 5, cols: props.cols, "aria-invalid": props.invalid || undefined, "data-disabled": props.pt?.root?.disabled || undefined, "data-invalid": props.invalid || undefined, "data-readonly": props.pt?.root?.readOnly || undefined, "data-cratis-part": 'textarea', className: [
+                    'cratis-field-input',
+                    'cratis-field-textarea',
+                    'cratis:w-full',
+                    props.pt?.root?.className,
+                    props.className,
+                ]
+                    .filter(Boolean)
+                    .join(' ') }), accessibility.hiddenError] }));
+}, { defaultValue: '' });
 
 export { TextAreaField };
 //# sourceMappingURL=TextAreaField.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TextAreaField.js","sources":["../../../../CommandForm/fields/TextAreaField.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;AAkCA;;;;;;;;;;AAUG;MACU,aAAa,GAAG,kBAAkB,CAC3C,CAAC,KAAK,MACFA,GAAA,CAAC,QAAQ,EAAA,EACL,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,IAAI,EAAE,KAAK,CAAC,IAAI,IAAI,CAAC,EACrB,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,EAAE;IAChB,YAAY,EAAE,CAAC,CAAyC,KAAK,CAAC,CAAC,MAAM,CAAC;AACzE,CAAA;;"}
+{"version":3,"file":"TextAreaField.js","sources":["../../../../CommandForm/fields/TextAreaField.tsx"],"sourcesContent":[null],"names":["_jsxs","_Fragment","_jsx"],"mappings":";;;;MA6Ba,aAAa,GAAG,kBAAkB,CAC3C,CAAC,KAAK,KAAI;AACN,IAAA,MAAM,aAAa,GAAG,qBAAqB,CAAC,KAAK,EAAE;AAC/C,QAAA,EAAE,EAAE,KAAK,CAAC,EAAE,EAAE,IAAI,EAAE,EAAE;QACtB,SAAS,EAAE,KAAK,CAAC,EAAE,EAAE,IAAI,GAAG,YAAY,CAAC;QACzC,eAAe,EAAE,KAAK,CAAC,EAAE,EAAE,IAAI,GAAG,kBAAkB,CAAC;AACxD,KAAA,CAAC;IACF,QACIA,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACJC,GAAA,CAAA,UAAA,EAAA,EAAA,GACQ,KAAK,CAAC,EAAE,EAAE,IAAI,EAClB,EAAE,EAAE,aAAa,CAAC,SAAS,EAAA,YAAA,EACf,aAAa,CAAC,SAAS,EAAA,kBAAA,EACjB,aAAa,CAAC,eAAe,EAC/C,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,QAAQ,EAAE,CAAC,KAAK,KAAK,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,EAC9D,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,IAAI,EAAE,KAAK,CAAC,IAAI,IAAI,CAAC,EACrB,IAAI,EAAE,KAAK,CAAC,IAAI,EAAA,cAAA,EACF,KAAK,CAAC,OAAO,IAAI,SAAS,EAAA,eAAA,EACzB,KAAK,CAAC,EAAE,EAAE,IAAI,EAAE,QAAQ,IAAI,SAAS,EAAA,cAAA,EACtC,KAAK,CAAC,OAAO,IAAI,SAAS,EAAA,eAAA,EACzB,KAAK,CAAC,EAAE,EAAE,IAAI,EAAE,QAAQ,IAAI,SAAS,EAAA,kBAAA,EACnC,UAAU,EAC3B,SAAS,EAAE;oBACP,oBAAoB;oBACpB,uBAAuB;oBACvB,eAAe;AACf,oBAAA,KAAK,CAAC,EAAE,EAAE,IAAI,EAAE,SAAS;AACzB,oBAAA,KAAK,CAAC,SAAS;AAClB;qBACI,MAAM,CAAC,OAAO;qBACd,IAAI,CAAC,GAAG,CAAC,EAAA,CAChB,EACO,aAAa,CAAC,WAAW,CAAA,EAAA,CAC3B;AAEX,CAAC,EACD,EAAE,YAAY,EAAE,EAAE,EAAE;;"}

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

@@ -1,13 +1,24 @@
-import type { ToggleSwitchRootProps } from '@primereact/types/primitive/toggleswitch';
-import React from 'react';
-import { WrappedFieldProps } from '@cratis/arc.react/commands';
-interface ToggleSwitchFieldComponentProps extends WrappedFieldProps<boolean> {
+import type { HTMLAttributes, InputHTMLAttributes } from 'react';
+import { type WrappedFieldProps } from '@cratis/arc.react/commands';
+import { type FieldAccessibilityProps } from './fieldAccessibility.js';
+/** Stable part attributes for {@link ToggleSwitchField}. */
+export interface ToggleSwitchParts {
+    /** Wrapping label. */
+    root?: HTMLAttributes<HTMLLabelElement>;
+    /** Native checkbox with switch semantics. */
+    input?: InputHTMLAttributes<HTMLInputElement>;
+    /** Visual switch track. */
+    control?: HTMLAttributes<HTMLSpanElement>;
+    /** Visual switch handle. */
+    handle?: HTMLAttributes<HTMLSpanElement>;
+}
+interface ToggleSwitchFieldComponentProps extends WrappedFieldProps<boolean>, FieldAccessibilityProps {
     label?: string;
     className?: string;
-    pt?: ToggleSwitchRootProps['pt'];
-    ptOptions?: ToggleSwitchRootProps['ptOptions'];
+    pt?: ToggleSwitchParts;
+    ptOptions?: object;
     unstyled?: boolean;
 }
+/** An on/off switch bound to a boolean property on an Arc command. */
 export declare const ToggleSwitchField: (<TCommand = unknown>(props: import("@cratis/arc.react/commands").CommandFormFieldComponentProps<ToggleSwitchFieldComponentProps, TCommand>) => React.ReactElement) & import("@cratis/arc.react/commands").CommandFormMarked;
 export {};
-//# sourceMappingURL=ToggleSwitchField.d.ts.map

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

@@ -1,20 +1,23 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { ToggleSwitch } from 'primereact/toggleswitch';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { asCommandFormField } from '@cratis/arc.react/commands';
+import { useFieldAccessibility } from './fieldAccessibility.js';
 
-/**
- * A boolean on/off switch field bound to a `boolean` property on a Cratis Arc
- * command — the toggle counterpart of {@link CheckboxField}. See
- * {@link InputTextField} for the full `value={c => c.prop}` binding model.
- *
- * ```tsx
- * <ToggleSwitchField value={c => c.notificationsEnabled} label="Notifications" />
- * ```
- */
-const ToggleSwitchField = asCommandFormField((props) => (jsxs("label", { className: "flex items-center", onBlur: props.onBlur, children: [jsx(ToggleSwitch.Root, { checked: props.value, onCheckedChange: props.onChange, invalid: props.invalid, className: props.className, pt: props.pt, ptOptions: props.ptOptions, unstyled: props.unstyled, children: jsx(ToggleSwitch.Control, { children: jsx(ToggleSwitch.Handle, {}) }) }), props.label && jsx("span", { className: "ml-2", children: props.label })] })), {
-    defaultValue: false,
-    extractValue: (e) => e.checked
-});
+const ToggleSwitchField = asCommandFormField((props) => {
+    const accessibility = useFieldAccessibility(props, {
+        id: props.pt?.input?.id,
+        ariaLabel: props.pt?.input?.['aria-label'] ?? props.label,
+        ariaDescribedBy: props.pt?.input?.['aria-describedby'],
+    });
+    return (jsxs(Fragment, { children: [jsxs("label", { ...props.pt?.root, className: ['cratis-choice-field', props.pt?.root?.className, props.className]
+                    .filter(Boolean)
+                    .join(' '), onBlur: props.onBlur, "data-cratis-part": 'root', "data-disabled": props.pt?.input?.disabled || undefined, "data-invalid": props.invalid || undefined, "data-selected": props.value || undefined, children: [jsx("input", { ...props.pt?.input, id: accessibility.controlId, "aria-label": accessibility.ariaLabel, "aria-describedby": accessibility.ariaDescribedBy, type: 'checkbox', role: 'switch', checked: props.value, onChange: (event) => props.onChange(event.currentTarget.checked), "aria-invalid": props.invalid || undefined, className: ['cratis-choice-field__native', props.pt?.input?.className]
+                            .filter(Boolean)
+                            .join(' '), "data-cratis-part": 'input', "data-disabled": props.pt?.input?.disabled || undefined, "data-invalid": props.invalid || undefined, "data-selected": props.value || undefined }), jsx("span", { ...props.pt?.control, className: ['cratis-switch__control', props.pt?.control?.className]
+                            .filter(Boolean)
+                            .join(' '), "data-cratis-part": 'control', "data-disabled": props.pt?.input?.disabled || undefined, "data-invalid": props.invalid || undefined, "data-selected": props.value || undefined, "aria-hidden": 'true', children: jsx("span", { ...props.pt?.handle, className: ['cratis-switch__handle', props.pt?.handle?.className]
+                                .filter(Boolean)
+                                .join(' '), "data-cratis-part": 'handle', "data-disabled": props.pt?.input?.disabled || undefined, "data-invalid": props.invalid || undefined, "data-selected": props.value || undefined }) }), props.label && (jsx("span", { className: 'cratis-choice-field__label', children: props.label }))] }), accessibility.hiddenError] }));
+}, { defaultValue: false });
 
 export { ToggleSwitchField };
 //# sourceMappingURL=ToggleSwitchField.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ToggleSwitchField.js","sources":["../../../../CommandForm/fields/ToggleSwitchField.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;AAsBA;;;;;;;;AAQG;MACU,iBAAiB,GAAG,kBAAkB,CAC/C,CAAC,KAAK,MAKFA,IAAA,CAAA,OAAA,EAAA,EAAO,SAAS,EAAC,mBAAmB,EAAC,MAAM,EAAE,KAAK,CAAC,MAAM,EAAA,QAAA,EAAA,CACrDC,IAAC,YAAY,CAAC,IAAI,EAAA,EACd,OAAO,EAAE,KAAK,CAAC,KAAK,EACpB,eAAe,EAAE,KAAK,CAAC,QAAQ,EAC/B,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,QAAA,EACxBA,GAAA,CAAC,YAAY,CAAC,OAAO,cACjBA,GAAA,CAAC,YAAY,CAAC,MAAM,EAAA,EAAA,CAAG,GACJ,EAAA,CACP,EACnB,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,KAAK;IACnB,YAAY,EAAE,CAAC,CAA8B,KAAK,CAAC,CAAC;AACvD,CAAA;;"}
+{"version":3,"file":"ToggleSwitchField.js","sources":["../../../../CommandForm/fields/ToggleSwitchField.tsx"],"sourcesContent":[null],"names":["_jsxs","_Fragment","_jsx"],"mappings":"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"}

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

@@ -0,0 +1,6 @@
+/**
+ * Adds normalized chip candidates while preserving insertion order, duplicate policy, and max size.
+ * Internal to the command-field implementation.
+ */
+export declare const appendChipCandidates: (current: readonly string[], candidates: readonly string[], max: number | undefined, allowDuplicate: boolean) => string[];
+//# sourceMappingURL=chipValues.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"chipValues.d.ts","sourceRoot":"","sources":["../../../../CommandForm/fields/chipValues.ts"],"names":[],"mappings":"AAGA;;;GAGG;AACH,eAAO,MAAM,oBAAoB,GAC7B,SAAS,SAAS,MAAM,EAAE,EAC1B,YAAY,SAAS,MAAM,EAAE,EAC7B,KAAK,MAAM,GAAG,SAAS,EACvB,gBAAgB,OAAO,KACxB,MAAM,EAcR,CAAC"}

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

@@ -0,0 +1,17 @@
+const appendChipCandidates = (current, candidates, max, allowDuplicate) => {
+    const availableSlots = max === undefined ? Number.POSITIVE_INFINITY : Math.max(0, max - current.length);
+    const seen = new Set(current);
+    const additions = [];
+    for (const candidate of candidates) {
+        if (!allowDuplicate && seen.has(candidate))
+            continue;
+        if (additions.length >= availableSlots)
+            break;
+        additions.push(candidate);
+        seen.add(candidate);
+    }
+    return [...current, ...additions];
+};
+
+export { appendChipCandidates };
+//# sourceMappingURL=chipValues.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"chipValues.js","sources":["../../../../CommandForm/fields/chipValues.ts"],"sourcesContent":[null],"names":[],"mappings":"AAOO,MAAM,oBAAoB,GAAG,CAChC,OAA0B,EAC1B,UAA6B,EAC7B,GAAuB,EACvB,cAAuB,KACb;IACV,MAAM,cAAc,GAChB,GAAG,KAAK,SAAS,GAAG,MAAM,CAAC,iBAAiB,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,GAAG,OAAO,CAAC,MAAM,CAAC;AACpF,IAAA,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,OAAO,CAAC;IAC7B,MAAM,SAAS,GAAa,EAAE;AAE9B,IAAA,KAAK,MAAM,SAAS,IAAI,UAAU,EAAE;QAChC,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC;YAAE;AAC5C,QAAA,IAAI,SAAS,CAAC,MAAM,IAAI,cAAc;YAAE;AACxC,QAAA,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC;AACzB,QAAA,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC;IACvB;AAEA,IAAA,OAAO,CAAC,GAAG,OAAO,EAAE,GAAG,SAAS,CAAC;AACrC;;"}

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

@@ -0,0 +1,33 @@
+import { type ReactNode } from 'react';
+/** Accessible identity and description props shared by command-form controls. */
+export interface FieldAccessibilityProps {
+    /** Stable DOM id for the primary control or semantic group. */
+    id?: string;
+    /** Explicit accessible name. Falls back to the CommandForm field title. */
+    'aria-label'?: string;
+    /** Additional description ids supplied by the consumer. */
+    'aria-describedby'?: string;
+    /** CommandForm field title supplied by Arc's public field props. */
+    title?: string;
+}
+interface FieldAccessibilityFallbacks {
+    id?: string;
+    ariaLabel?: string;
+    ariaDescribedBy?: string;
+}
+interface FieldAccessibilityResult {
+    controlId: string;
+    ariaLabel?: string;
+    ariaDescribedBy?: string;
+    hiddenError: ReactNode;
+}
+/**
+ * Associates Arc field titles and validation messages with a Components control.
+ * Arc renders the visible title/error presentation; this adds the semantic control
+ * name and a visually hidden error description without duplicating visible chrome.
+ */
+export declare const useFieldAccessibility: (props: FieldAccessibilityProps & {
+    errors: string[];
+}, fallbacks?: FieldAccessibilityFallbacks) => FieldAccessibilityResult;
+export {};
+//# sourceMappingURL=fieldAccessibility.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"fieldAccessibility.d.ts","sourceRoot":"","sources":["../../../../CommandForm/fields/fieldAccessibility.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAS,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9C,iFAAiF;AACjF,MAAM,WAAW,uBAAuB;IACpC,+DAA+D;IAC/D,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,2EAA2E;IAC3E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,2DAA2D;IAC3D,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,oEAAoE;IACpE,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,UAAU,2BAA2B;IACjC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,UAAU,wBAAwB;IAC9B,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,EAAE,SAAS,CAAC;CAC1B;AAED;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,GAC9B,OAAO,uBAAuB,GAAG;IAAE,MAAM,EAAE,MAAM,EAAE,CAAA;CAAE,EACrD,YAAW,2BAAgC,KAC5C,wBAsBF,CAAC"}

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

@@ -0,0 +1,24 @@
+import { jsx } from 'react/jsx-runtime';
+import { useId } from 'react';
+
+const useFieldAccessibility = (props, fallbacks = {}) => {
+    const generatedId = useId();
+    const controlId = props.id ?? fallbacks.id ?? `cratis-field-${generatedId}`;
+    const errorId = props.errors.length > 0 ? `${controlId}-errors` : undefined;
+    const ariaLabel = props['aria-label'] ?? fallbacks.ariaLabel ?? props.title;
+    const ariaDescribedBy = [
+        props['aria-describedby'] ?? fallbacks.ariaDescribedBy,
+        errorId,
+    ]
+        .filter(Boolean)
+        .join(' ') || undefined;
+    return {
+        controlId,
+        ariaLabel,
+        ariaDescribedBy,
+        hiddenError: errorId ? (jsx("span", { id: errorId, className: 'cratis-field-sr-only', children: props.errors.join('. ') })) : null,
+    };
+};
+
+export { useFieldAccessibility };
+//# sourceMappingURL=fieldAccessibility.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"fieldAccessibility.js","sources":["../../../../CommandForm/fields/fieldAccessibility.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;AAmCO,MAAM,qBAAqB,GAAG,CACjC,KAAqD,EACrD,SAAA,GAAyC,EAAE,KACjB;AAC1B,IAAA,MAAM,WAAW,GAAG,KAAK,EAAE;AAC3B,IAAA,MAAM,SAAS,GAAG,KAAK,CAAC,EAAE,IAAI,SAAS,CAAC,EAAE,IAAI,CAAA,aAAA,EAAgB,WAAW,EAAE;AAC3E,IAAA,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,GAAG,GAAG,SAAS,CAAA,OAAA,CAAS,GAAG,SAAS;AAC3E,IAAA,MAAM,SAAS,GAAG,KAAK,CAAC,YAAY,CAAC,IAAI,SAAS,CAAC,SAAS,IAAI,KAAK,CAAC,KAAK;AAC3E,IAAA,MAAM,eAAe,GAAG;AACpB,QAAA,KAAK,CAAC,kBAAkB,CAAC,IAAI,SAAS,CAAC,eAAe;QACtD,OAAO;AACV;SACI,MAAM,CAAC,OAAO;AACd,SAAA,IAAI,CAAC,GAAG,CAAC,IAAI,SAAS;IAE3B,OAAO;QACH,SAAS;QACT,SAAS;QACT,eAAe;AACf,QAAA,WAAW,EAAE,OAAO,IAChBA,GAAA,CAAA,MAAA,EAAA,EAAM,EAAE,EAAE,OAAO,EAAE,SAAS,EAAC,sBAAsB,EAAA,QAAA,EAC9C,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,EAAA,CACrB,IACP,IAAI;KACX;AACL;;"}

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

@@ -0,0 +1,16 @@
+/**
+ * Extracts a primitive value from a native form field's change event target.
+ *
+ * `CommandFormFieldConfig.extractValue` is declared `(event: unknown) => TValue` so every
+ * field type shares one contract regardless of its underlying control. Under strict
+ * TypeScript a field can no longer declare its `extractValue` against a concrete
+ * `React.ChangeEvent<...>` — the narrower parameter type fails contravariant function
+ * assignability against `(event: unknown) => TValue`. This helper keeps field components
+ * strictly typed by doing the one runtime-checked narrowing every field needs, with an
+ * overload per property so callers still get a precise return type.
+ * Internal to the command-field implementation.
+ */
+export declare function fieldValueFromEvent(event: unknown, property: 'checked'): boolean;
+export declare function fieldValueFromEvent(event: unknown, property: 'value'): string;
+export declare function fieldValueFromEvent(event: unknown, property: 'valueAsNumber'): number;
+//# sourceMappingURL=fieldValueFromEvent.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"fieldValueFromEvent.d.ts","sourceRoot":"","sources":["../../../../CommandForm/fields/fieldValueFromEvent.ts"],"names":[],"mappings":"AAcA;;;;;;;;;;;GAWG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,GAAG,OAAO,CAAC;AAClF,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,GAAG,MAAM,CAAC;AAC/E,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,eAAe,GAAG,MAAM,CAAC"}

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

@@ -0,0 +1,20 @@
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+const isRecord = (value) => value !== null && typeof value === 'object';
+const eventTargetOf = (event) => {
+    if (!isRecord(event) || !isRecord(event.target)) {
+        throw new TypeError('Expected a field event with an object target');
+    }
+    return event.target;
+};
+export function fieldValueFromEvent(event, property) {
+    const value = eventTargetOf(event)[property];
+    if (property === 'checked' && typeof value === 'boolean')
+        return value;
+    if (property === 'value' && typeof value === 'string')
+        return value;
+    if (property === 'valueAsNumber' && typeof value === 'number')
+        return value;
+    throw new TypeError(`Expected field event target.${property} to have the matching primitive type`);
+}
+//# sourceMappingURL=fieldValueFromEvent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"fieldValueFromEvent.js","sourceRoot":"","sources":["../../../../CommandForm/fields/fieldValueFromEvent.ts"],"names":[],"mappings":"AAAA,6CAA6C;AAC7C,qGAAqG;AAErG,MAAM,QAAQ,GAAG,CAAC,KAAc,EAAoC,EAAE,CAClE,KAAK,KAAK,IAAI,IAAI,OAAO,KAAK,KAAK,QAAQ,CAAC;AAEhD,MAAM,aAAa,GAAG,CAAC,KAAc,EAA2B,EAAE;IAC9D,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC;QAC9C,MAAM,IAAI,SAAS,CAAC,8CAA8C,CAAC,CAAC;IACxE,CAAC;IAED,OAAO,KAAK,CAAC,MAAM,CAAC;AACxB,CAAC,CAAC;AAiBF,MAAM,UAAU,mBAAmB,CAC/B,KAAc,EACd,QAA+C;IAE/C,MAAM,KAAK,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,CAAC;IAE7C,IAAI,QAAQ,KAAK,SAAS,IAAI,OAAO,KAAK,KAAK,SAAS;QAAE,OAAO,KAAK,CAAC;IACvE,IAAI,QAAQ,KAAK,OAAO,IAAI,OAAO,KAAK,KAAK,QAAQ;QAAE,OAAO,KAAK,CAAC;IACpE,IAAI,QAAQ,KAAK,eAAe,IAAI,OAAO,KAAK,KAAK,QAAQ;QAAE,OAAO,KAAK,CAAC;IAE5E,MAAM,IAAI,SAAS,CACf,+BAA+B,QAAQ,sCAAsC,CAChF,CAAC;AACN,CAAC"}

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

@@ -1,16 +1,15 @@
-export * from './InputTextField';
-export * from './NumberField';
-export * from './CheckboxField';
-export * from './TextAreaField';
-export * from './DropdownField';
-export * from './SliderField';
-export * from './CalendarField';
-export * from './ColorPickerField';
-export * from './MultiSelectField';
-export * from './ChipsField';
-export * from './RadioButtonField';
-export * from './RadioGroupField';
-export * from './PasswordField';
-export * from './ToggleSwitchField';
-export * from './RatingField';
-//# sourceMappingURL=index.d.ts.map
+export * from './InputTextField.js';
+export * from './NumberField.js';
+export * from './CheckboxField.js';
+export * from './TextAreaField.js';
+export * from './DropdownField.js';
+export * from './SliderField.js';
+export * from './CalendarField.js';
+export * from './ColorPickerField.js';
+export * from './MultiSelectField.js';
+export * from './ChipsField.js';
+export * from './RadioButtonField.js';
+export * from './RadioGroupField.js';
+export * from './PasswordField.js';
+export * from './ToggleSwitchField.js';
+export * from './RatingField.js';

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

@@ -1,16 +1,17 @@
-export * from './InputTextField';
-export * from './NumberField';
-export * from './CheckboxField';
-export * from './TextAreaField';
-export * from './DropdownField';
-export * from './SliderField';
-export * from './CalendarField';
-export * from './ColorPickerField';
-export * from './MultiSelectField';
-export * from './ChipsField';
-export * from './RadioButtonField';
-export * from './RadioGroupField';
-export * from './PasswordField';
-export * from './ToggleSwitchField';
-export * from './RatingField';
-//# sourceMappingURL=index.js.map
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+export * from './InputTextField.js';
+export * from './NumberField.js';
+export * from './CheckboxField.js';
+export * from './TextAreaField.js';
+export * from './DropdownField.js';
+export * from './SliderField.js';
+export * from './CalendarField.js';
+export * from './ColorPickerField.js';
+export * from './MultiSelectField.js';
+export * from './ChipsField.js';
+export * from './RadioButtonField.js';
+export * from './RadioGroupField.js';
+export * from './PasswordField.js';
+export * from './ToggleSwitchField.js';
+export * from './RatingField.js';

package/dist/esm/CommandForm/index.d.ts

@@ -1,6 +1,5 @@
-export * from './commandFormMarkers';
-export * from './fields';
-export * from './FieldTypeProvider';
-export * from './fieldTypeProviderRegistry';
-export * from './AutoCommandForm';
-//# sourceMappingURL=index.d.ts.map
+export * from './commandFormMarkers.js';
+export * from './fields/index.js';
+export * from './FieldTypeProvider.js';
+export * from './fieldTypeProviderRegistry.js';
+export * from './AutoCommandForm.js';

package/dist/esm/CommandForm/index.js

@@ -16,7 +16,4 @@ export { ToggleSwitchField } from './fields/ToggleSwitchField.js';
 export { RatingField } from './fields/RatingField.js';
 export { clearFieldTypeProviders, registerFieldTypeProvider, resolveFieldTypeProvider } from './fieldTypeProviderRegistry.js';
 export { AutoCommandForm } from './AutoCommandForm.js';
-
-// Copyright (c) Cratis. All rights reserved.
-// Licensed under the MIT license. See LICENSE file in the project root for full license information.
 //# sourceMappingURL=index.js.map

package/dist/esm/CommandForm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../CommandForm/index.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AACA"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}

package/dist/esm/Common/ActionMenubar.d.ts

@@ -1,21 +1,40 @@
-import React from 'react';
-import type { ButtonProps } from '@primereact/types/primitive/button';
+import { type ReactNode } from 'react';
+import { type ButtonParts, type ButtonSeverity } from './Button.js';
+/** A single action in an {@link ActionMenubar}. */
 export interface ActionMenuItem {
+    /** The visible label. */
     label?: string;
-    icon?: React.ReactNode;
+    /** An icon element rendered before the label. */
+    icon?: ReactNode;
+    /** Invoked when the item is activated. */
     command?: () => void;
+    /** When true, the item is greyed out and not clickable. */
     disabled?: boolean;
+    /** Extra class name for the item. */
     className?: string;
-    severity?: 'secondary' | 'info' | 'success' | 'warn' | 'help' | 'danger' | 'contrast';
-    template?: (item: ActionMenuItem) => React.ReactNode;
+    /** Severity styling for the action. */
+    severity?: ButtonSeverity;
+    /** Fully custom render for this item. */
+    template?: (item: ActionMenuItem) => ReactNode;
 }
+/** Props for {@link ActionMenubar}. */
 export interface ActionMenubarProps {
+    /** Actions to render from left to right. */
     model: ActionMenuItem[];
+    /** Extra class name for the toolbar container. */
     className?: string;
+    /** Accessible label for the toolbar. */
     'aria-label'?: string;
-    pt?: ButtonProps['pt'];
-    ptOptions?: ButtonProps['ptOptions'];
+    /** Cratis-owned per-part attributes applied to each action button. */
+    pt?: ButtonParts;
+    /**
+     * @deprecated Cratis parts always merge. Remove this renderer-era option.
+     */
+    ptOptions?: object;
+    /**
+     * @deprecated Components always uses consumer-owned CSS. Customize through `pt` and CSS instead.
+     */
     unstyled?: boolean;
 }
-export declare const ActionMenubar: ({ model, className, pt, ptOptions, unstyled, ...rest }: ActionMenubarProps) => React.JSX.Element;
-//# sourceMappingURL=ActionMenubar.d.ts.map
+/** A horizontal, accessible toolbar of command actions. */
+export declare const ActionMenubar: ({ model, className, pt, "aria-label": ariaLabel, }: ActionMenubarProps) => import("react").JSX.Element;

package/dist/esm/Common/ActionMenubar.js

@@ -1,19 +1,20 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import React from 'react';
-import { Button } from 'primereact/button';
+import { jsx } from 'react/jsx-runtime';
+import { Fragment } from 'react';
+import { Button } from './Button.js';
 
-/**
- * A horizontal bar of command actions. Replaces the PrimeReact 10 `Menubar`
- * (removed in PrimeReact 11, and never a great fit for a bar of *actions*
- * rather than navigation) with a simple button toolbar driven by the same
- * `model` array shape. Each item is a text `Button` unless it supplies a
- * `template`.
- */
-const ActionMenubar = ({ model, className, pt, ptOptions, unstyled, ...rest }) => (jsx("div", { role: "toolbar", className: className ? `cratis-action-menubar ${className}` : 'cratis-action-menubar', ...rest, children: model.map((item, index) => {
-        if (item.template) {
-            return jsx(React.Fragment, { children: item.template(item) }, index);
-        }
-        return (jsxs(Button, { variant: "text", severity: item.severity, onClick: item.command, disabled: item.disabled, className: item.className, pt: pt, ptOptions: ptOptions, unstyled: unstyled, children: [item.icon, item.label && jsx("span", { children: item.label })] }, index));
+const buttonToneForSeverity = {
+    secondary: 'neutral',
+    info: 'accent',
+    help: 'accent',
+    success: 'positive',
+    warn: 'caution',
+    danger: 'critical',
+    contrast: 'neutral',
+};
+const ActionMenubar = ({ model, className, pt, 'aria-label': ariaLabel, }) => (jsx("div", { role: 'toolbar', className: ['cratis-action-menubar', className].filter(Boolean).join(' '), "data-cratis-part": 'root', "aria-label": ariaLabel, children: model.map((item, index) => {
+        if (item.template)
+            return jsx(Fragment, { children: item.template(item) }, index);
+        return (jsx(Button, { variant: 'ghost', tone: item.severity ? buttonToneForSeverity[item.severity] : undefined, onClick: item.command, disabled: item.disabled, className: item.className, icon: item.icon, label: item.label, pt: pt }, index));
     }) }));
 
 export { ActionMenubar };

package/dist/esm/Common/ActionMenubar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionMenubar.js","sources":["../../../Common/ActionMenubar.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;AAyCA;;;;;;AAMG;AACI,MAAM,aAAa,GAAG,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAsB,MACpGA,GAAA,CAAA,KAAA,EAAA,EACI,IAAI,EAAC,SAAS,EACd,SAAS,EAAE,SAAS,GAAG,CAAA,sBAAA,EAAyB,SAAS,CAAA,CAAE,GAAG,uBAAuB,EAAA,GACjF,IAAI,EAAA,QAAA,EACP,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,KAAI;AACvB,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AACf,YAAA,OAAOA,GAAA,CAAC,KAAK,CAAC,QAAQ,cAAc,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAA,EAA3B,KAAK,CAAwC;QAC7E;AAEA,QAAA,QACIC,IAAA,CAAC,MAAM,EAAA,EAEH,OAAO,EAAC,MAAM,EACd,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAAA,QAAA,EAAA,CACjB,IAAI,CAAC,IAAI,EACT,IAAI,CAAC,KAAK,IAAID,GAAA,CAAA,MAAA,EAAA,EAAA,QAAA,EAAO,IAAI,CAAC,KAAK,EAAA,CAAQ,CAAA,EAAA,EAVnC,KAAK,CAWL;IAEjB,CAAC,CAAC,EAAA,CACA;;"}
+{"version":3,"file":"ActionMenubar.js","sources":["../../../Common/ActionMenubar.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;AA4CA,MAAM,qBAAqB,GAAuC;AAC9D,IAAA,SAAS,EAAE,SAAS;AACpB,IAAA,IAAI,EAAE,QAAQ;AACd,IAAA,IAAI,EAAE,QAAQ;AACd,IAAA,OAAO,EAAE,UAAU;AACnB,IAAA,IAAI,EAAE,SAAS;AACf,IAAA,MAAM,EAAE,UAAU;AAClB,IAAA,QAAQ,EAAE,SAAS;CACtB;AAGM,MAAM,aAAa,GAAG,CAAC,EAC1B,KAAK,EACL,SAAS,EACT,EAAE,EACF,YAAY,EAAE,SAAS,GACN,MACjBA,GAAA,CAAA,KAAA,EAAA,EACI,IAAI,EAAC,SAAS,EACd,SAAS,EAAE,CAAC,uBAAuB,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAAA,kBAAA,EACxD,MAAM,EAAA,YAAA,EACX,SAAS,EAAA,QAAA,EAEpB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,KAAI;QACvB,IAAI,IAAI,CAAC,QAAQ;AACb,YAAA,OAAOA,GAAA,CAAC,QAAQ,EAAA,EAAA,QAAA,EAAc,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAA,EAA3B,KAAK,CAAkC;AAEjE,QAAA,QACIA,GAAA,CAAC,MAAM,EAAA,EAEH,OAAO,EAAC,OAAO,EACf,IAAI,EACA,IAAI,CAAC,QAAQ,GAAG,qBAAqB,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,SAAS,EAEpE,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,EAAE,EAAE,EAAE,EAAA,EAVD,KAAK,CAWZ;IAEV,CAAC,CAAC,EAAA,CACA;;"}