@cratis/components 1.2.0 → 1.4.0

package/dist/cjs/CommandForm/fields/CalendarField.js

@@ -0,0 +1,13 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var commands = require('@cratis/arc.react/commands');
+var calendar = require('primereact/calendar');
+
+const CalendarField = commands.asCommandFormField((props) => (jsxRuntime.jsx(calendar.Calendar, { value: props.value, onChange: (e) => props.onChange(e.value ?? null), onBlur: props.onBlur, invalid: props.invalid, placeholder: props.placeholder, dateFormat: props.dateFormat, showIcon: props.showIcon, showTime: props.showTime, hourFormat: props.hourFormat, minDate: props.minDate, maxDate: props.maxDate, className: "w-full" })), {
+    defaultValue: null,
+    extractValue: (e) => e instanceof Date ? e : null
+});
+
+exports.CalendarField = CalendarField;
+//# sourceMappingURL=CalendarField.js.map

package/dist/cjs/CommandForm/fields/CalendarField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarField.js","sources":["../../../../CommandForm/fields/CalendarField.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { asCommandFormField, WrappedFieldProps } from '@cratis/arc.react/commands';\nimport { Calendar } from 'primereact/calendar';\nimport React from 'react';\n\ninterface CalendarFieldComponentProps extends WrappedFieldProps<Date | null> {\n    placeholder?: string;\n    dateFormat?: string;\n    showIcon?: boolean;\n    showTime?: boolean;\n    hourFormat?: '12' | '24';\n    minDate?: Date;\n    maxDate?: Date;\n}\n\nexport const CalendarField = asCommandFormField<CalendarFieldComponentProps>(\n    (props) => (\n        <Calendar\n            value={props.value}\n            onChange={(e: { value: Date | null | undefined }) => props.onChange(e.value ?? null)}\n            onBlur={props.onBlur}\n            invalid={props.invalid}\n            placeholder={props.placeholder}\n            dateFormat={props.dateFormat}\n            showIcon={props.showIcon}\n            showTime={props.showTime}\n            hourFormat={props.hourFormat}\n            minDate={props.minDate}\n            maxDate={props.maxDate}\n            className=\"w-full\"\n        />\n    ),\n    {\n        defaultValue: null,\n        extractValue: (e: unknown) => e instanceof Date ? e : null\n    }\n);\n"],"names":["asCommandFormField","_jsx","Calendar"],"mappings":";;;;;;MAiBa,aAAa,GAAGA,2BAAkB,CAC3C,CAAC,KAAK,MACFC,cAAA,CAACC,iBAAQ,EAAA,EACL,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,QAAQ,EAAE,CAAC,CAAqC,KAAK,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,IAAI,IAAI,CAAC,EACpF,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,SAAS,EAAC,QAAQ,EAAA,CACpB,CACL,EACD;AACI,IAAA,YAAY,EAAE,IAAI;AAClB,IAAA,YAAY,EAAE,CAAC,CAAU,KAAK,CAAC,YAAY,IAAI,GAAG,CAAC,GAAG;AACzD,CAAA;;;;"}

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

@@ -0,0 +1,18 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var commands = require('@cratis/arc.react/commands');
+var chips = require('primereact/chips');
+
+const ChipsField = commands.asCommandFormField((props) => (jsxRuntime.jsx(chips.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" })), {
+    defaultValue: [],
+    extractValue: (e) => {
+        if (!Array.isArray(e)) {
+            return [];
+        }
+        return e.filter((item) => typeof item === 'string');
+    }
+});
+
+exports.ChipsField = ChipsField;
+//# sourceMappingURL=ChipsField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChipsField.js","sources":["../../../../CommandForm/fields/ChipsField.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { asCommandFormField, WrappedFieldProps } from '@cratis/arc.react/commands';\nimport { Chips } from 'primereact/chips';\nimport React from 'react';\n\ninterface ChipsFieldComponentProps extends WrappedFieldProps<string[]> {\n    placeholder?: string;\n    max?: number;\n    separator?: string;\n    addOnBlur?: boolean;\n    allowDuplicate?: boolean;\n}\n\nexport const ChipsField = asCommandFormField<ChipsFieldComponentProps>(\n    (props) => (\n        <Chips\n            value={props.value}\n            onChange={(e: { value: string[] | null | undefined }) => props.onChange(e.value ?? [])}\n            onBlur={props.onBlur}\n            invalid={props.invalid}\n            placeholder={props.placeholder}\n            max={props.max}\n            separator={props.separator}\n            addOnBlur={props.addOnBlur}\n            allowDuplicate={props.allowDuplicate}\n            className=\"w-full\"\n        />\n    ),\n    {\n        defaultValue: [],\n        extractValue: (e: unknown) => {\n            if (!Array.isArray(e)) {\n                return [];\n            }\n\n            return e.filter((item): item is string => typeof item === 'string');\n        }\n    }\n);\n"],"names":["asCommandFormField","_jsx","Chips"],"mappings":";;;;;;AAeO,MAAM,UAAU,GAAGA,2BAAkB,CACxC,CAAC,KAAK,MACFC,cAAA,CAACC,WAAK,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;;;;"}

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

@@ -0,0 +1,13 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var commands = require('@cratis/arc.react/commands');
+var colorpicker = require('primereact/colorpicker');
+
+const ColorPickerField = commands.asCommandFormField((props) => (jsxRuntime.jsx(colorpicker.ColorPicker, { value: props.value, onChange: (e) => props.onChange(typeof e.value === 'string' ? e.value : ''), onBlur: props.onBlur, inline: props.inline, defaultColor: props.defaultColor, className: props.invalid ? 'p-invalid' : undefined })), {
+    defaultValue: '',
+    extractValue: (e) => typeof e === 'string' ? e : ''
+});
+
+exports.ColorPickerField = ColorPickerField;
+//# sourceMappingURL=ColorPickerField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPickerField.js","sources":["../../../../CommandForm/fields/ColorPickerField.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { asCommandFormField, WrappedFieldProps } from '@cratis/arc.react/commands';\nimport { ColorPicker } from 'primereact/colorpicker';\nimport React from 'react';\n\ninterface ColorPickerFieldComponentProps extends WrappedFieldProps<string> {\n    inline?: boolean;\n    defaultColor?: string;\n}\n\nexport const ColorPickerField = asCommandFormField<ColorPickerFieldComponentProps>(\n    (props) => (\n        <ColorPicker\n            value={props.value}\n            onChange={(e: { value: unknown }) => props.onChange(typeof e.value === 'string' ? e.value : '')}\n            onBlur={props.onBlur}\n            inline={props.inline}\n            defaultColor={props.defaultColor}\n            className={props.invalid ? 'p-invalid' : undefined}\n        />\n    ),\n    {\n        defaultValue: '',\n        extractValue: (e: unknown) => typeof e === 'string' ? e : ''\n    }\n);\n"],"names":["asCommandFormField","_jsx","ColorPicker"],"mappings":";;;;;;AAYO,MAAM,gBAAgB,GAAGA,2BAAkB,CAC9C,CAAC,KAAK,MACFC,cAAA,CAACC,uBAAW,EAAA,EACR,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,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,KAAK,CAAC,YAAY,EAChC,SAAS,EAAE,KAAK,CAAC,OAAO,GAAG,WAAW,GAAG,SAAS,EAAA,CACpD,CACL,EACD;AACI,IAAA,YAAY,EAAE,EAAE;AAChB,IAAA,YAAY,EAAE,CAAC,CAAU,KAAK,OAAO,CAAC,KAAK,QAAQ,GAAG,CAAC,GAAG;AAC7D,CAAA;;;;"}

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

@@ -0,0 +1,18 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var commands = require('@cratis/arc.react/commands');
+var multiselect = require('primereact/multiselect');
+
+const MultiSelectField = commands.asCommandFormField((props) => (jsxRuntime.jsx(multiselect.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" })), {
+    defaultValue: [],
+    extractValue: (e) => {
+        if (!Array.isArray(e)) {
+            return [];
+        }
+        return e.filter((item) => typeof item === 'string' || typeof item === 'number');
+    }
+});
+
+exports.MultiSelectField = MultiSelectField;
+//# sourceMappingURL=MultiSelectField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelectField.js","sources":["../../../../CommandForm/fields/MultiSelectField.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { asCommandFormField, WrappedFieldProps } from '@cratis/arc.react/commands';\nimport { MultiSelect } from 'primereact/multiselect';\nimport React from 'react';\n\ninterface MultiSelectFieldComponentProps extends WrappedFieldProps<Array<string | number>> {\n    options: Array<Record<string, unknown>>;\n    optionValue?: string;\n    optionLabel?: string;\n    placeholder?: string;\n    display?: 'comma' | 'chip';\n    maxSelectedLabels?: number;\n    filter?: boolean;\n    showClear?: boolean;\n}\n\nexport const MultiSelectField = asCommandFormField<MultiSelectFieldComponentProps>(\n    (props) => (\n        <MultiSelect\n            value={props.value}\n            onChange={(e: { value: Array<string | number> | undefined }) => props.onChange(e.value ?? [])}\n            onBlur={props.onBlur}\n            options={props.options}\n            optionValue={props.optionValue}\n            optionLabel={props.optionLabel}\n            placeholder={props.placeholder}\n            display={props.display}\n            maxSelectedLabels={props.maxSelectedLabels}\n            filter={props.filter}\n            showClear={props.showClear}\n            invalid={props.invalid}\n            className=\"w-full\"\n        />\n    ),\n    {\n        defaultValue: [],\n        extractValue: (e: unknown) => {\n            if (!Array.isArray(e)) {\n                return [];\n            }\n\n            return e.filter((item): item is string | number => typeof item === 'string' || typeof item === 'number');\n        }\n    }\n);\n"],"names":["asCommandFormField","_jsx","MultiSelect"],"mappings":";;;;;;MAkBa,gBAAgB,GAAGA,2BAAkB,CAC9C,CAAC,KAAK,MACFC,cAAA,CAACC,uBAAW,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;;;;"}

package/dist/cjs/CommandForm/index.js

@@ -7,6 +7,10 @@ var CheckboxField = require('./fields/CheckboxField.js');
 var TextAreaField = require('./fields/TextAreaField.js');
 var DropdownField = require('./fields/DropdownField.js');
 var SliderField = require('./fields/SliderField.js');
+var CalendarField = require('./fields/CalendarField.js');
+var ColorPickerField = require('./fields/ColorPickerField.js');
+var MultiSelectField = require('./fields/MultiSelectField.js');
+var ChipsField = require('./fields/ChipsField.js');
 
 
 
@@ -48,4 +52,8 @@ exports.CheckboxField = CheckboxField.CheckboxField;
 exports.TextAreaField = TextAreaField.TextAreaField;
 exports.DropdownField = DropdownField.DropdownField;
 exports.SliderField = SliderField.SliderField;
+exports.CalendarField = CalendarField.CalendarField;
+exports.ColorPickerField = ColorPickerField.ColorPickerField;
+exports.MultiSelectField = MultiSelectField.MultiSelectField;
+exports.ChipsField = ChipsField.ChipsField;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/Toolbar/Toolbar.css

@@ -31,6 +31,13 @@
     color: var(--primary-color-text);
 }
 
+.toolbar-button__text {
+    font-size: 0.875rem;
+    font-weight: 600;
+    line-height: 1;
+    white-space: nowrap;
+}
+
 /* ── Toolbar project name label ──────────────────────────────────────────── */
 .toolbar-project-name {
     padding: 0 8px;
@@ -77,6 +84,26 @@
     pointer-events: none;
 }
 
+/* ── Toolbar separator ───────────────────────────────────────────────────── */
+
+.toolbar-separator {
+    background: var(--surface-border);
+    flex-shrink: 0;
+    align-self: stretch;
+}
+
+/* Separator inside a vertical toolbar — renders as a horizontal rule */
+.toolbar-separator--in-vertical {
+    height: 1px;
+    margin: 0.125rem 0.25rem;
+}
+
+/* Separator inside a horizontal toolbar — renders as a vertical rule */
+.toolbar-separator--in-horizontal {
+    width: 1px;
+    margin: 0.25rem 0.125rem;
+}
+
 /* ── Toolbar fan-out item ────────────────────────────────────────────────── */
 
 /*

package/dist/cjs/Toolbar/ToolbarButton.js

@@ -3,9 +3,17 @@
 var jsxRuntime = require('react/jsx-runtime');
 var Tooltip = require('../Common/Tooltip.js');
 
-const ToolbarButton = ({ icon, tooltip, active = false, onClick, tooltipPosition = 'right' }) => {
+const ToolbarButton = ({ icon, text, tooltip, active = false, onClick, tooltipPosition = 'right' }) => {
     const activeClass = active ? 'toolbar-button--active' : '';
-    return (jsxRuntime.jsx(Tooltip.Tooltip, { content: tooltip, position: tooltipPosition, children: jsxRuntime.jsx("button", { type: 'button', "aria-label": tooltip, onClick: onClick, className: `toolbar-button w-10 h-10 flex items-center justify-center rounded-lg cursor-pointer ${activeClass}`, children: jsxRuntime.jsx("i", { className: `${icon} text-lg` }) }) }));
+    const hasText = typeof text === 'string' && text.length > 0;
+    const hasIcon = typeof icon === 'string' && icon.length > 0;
+    const buttonContent = hasText
+        ? jsxRuntime.jsx("span", { className: 'toolbar-button__text', children: text })
+        : hasIcon
+            ? jsxRuntime.jsx("i", { className: `${icon} text-lg` })
+            : null;
+    const buttonSizeClass = hasText ? 'h-10 px-3 min-w-[4rem]' : 'w-10 h-10';
+    return (jsxRuntime.jsx(Tooltip.Tooltip, { content: tooltip, position: tooltipPosition, children: jsxRuntime.jsx("button", { type: 'button', "aria-label": tooltip, onClick: onClick, className: `toolbar-button ${buttonSizeClass} flex items-center justify-center rounded-lg cursor-pointer ${activeClass}`, children: buttonContent }) }));
 };
 
 exports.ToolbarButton = ToolbarButton;

package/dist/cjs/Toolbar/ToolbarButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarButton.js","sources":["../../../Toolbar/ToolbarButton.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { Tooltip } from '../Common/Tooltip';\nimport type { TooltipPosition } from '../Common/Tooltip';\n\n/** Props for the {@link ToolbarButton} component. */\nexport interface ToolbarButtonProps {\n    /** The PrimeIcons CSS class to use as the icon (e.g. 'pi pi-home'). */\n    icon: string;\n\n    /** Tooltip text shown when the user hovers over the button. */\n    tooltip: string;\n\n    /** Whether the button is currently in the active/selected state. */\n    active?: boolean;\n\n    /** Callback invoked when the button is clicked. */\n    onClick?: () => void;\n\n    /** Position of the tooltip relative to the button (default: 'right'). */\n    tooltipPosition?: TooltipPosition;\n}\n\n/**\n * An icon button with a tooltip, intended to be placed inside a {@link Toolbar}.\n * Uses the shared {@link Tooltip} component for consistent hover labels.\n */\nexport const ToolbarButton = ({ icon, tooltip, active = false, onClick, tooltipPosition = 'right' }: ToolbarButtonProps) => {\n    const activeClass = active ? 'toolbar-button--active' : '';\n\n    return (\n        <Tooltip content={tooltip} position={tooltipPosition}>\n            <button\n                type='button'\n                aria-label={tooltip}\n                onClick={onClick}\n                className={`toolbar-button w-10 h-10 flex items-center justify-center rounded-lg cursor-pointer ${activeClass}`}\n            >\n                <i className={`${icon} text-lg`} />\n            </button>\n        </Tooltip>\n    );\n};\n"],"names":["_jsx","Tooltip"],"mappings":";;;;;MA4Ba,aAAa,GAAG,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,GAAG,KAAK,EAAE,OAAO,EAAE,eAAe,GAAG,OAAO,EAAsB,KAAI;IACvH,MAAM,WAAW,GAAG,MAAM,GAAG,wBAAwB,GAAG,EAAE;AAE1D,IAAA,QACIA,cAAA,CAACC,eAAO,EAAA,EAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAA,QAAA,EAChDD,cAAA,CAAA,QAAA,EAAA,EACI,IAAI,EAAC,QAAQ,gBACD,OAAO,EACnB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,CAAA,oFAAA,EAAuF,WAAW,EAAE,EAAA,QAAA,EAE/GA,cAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAE,GAAG,IAAI,CAAA,QAAA,CAAU,GAAI,EAAA,CAC9B,EAAA,CACH;AAElB;;;;"}
+{"version":3,"file":"ToolbarButton.js","sources":["../../../Toolbar/ToolbarButton.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { Tooltip } from '../Common/Tooltip';\nimport type { TooltipPosition } from '../Common/Tooltip';\n\n/** Props for the {@link ToolbarButton} component. */\nexport interface ToolbarButtonProps {\n    /** The PrimeIcons CSS class to use as the icon (e.g. 'pi pi-home'). */\n    icon?: string;\n\n    /** Optional text to render inside the button (e.g. '120%'). */\n    text?: string;\n\n    /** Tooltip text shown when the user hovers over the button. */\n    tooltip: string;\n\n    /** Whether the button is currently in the active/selected state. */\n    active?: boolean;\n\n    /** Callback invoked when the button is clicked. */\n    onClick?: () => void;\n\n    /** Position of the tooltip relative to the button (default: 'right'). */\n    tooltipPosition?: TooltipPosition;\n}\n\n/**\n * An icon button with a tooltip, intended to be placed inside a {@link Toolbar}.\n * Uses the shared {@link Tooltip} component for consistent hover labels.\n */\nexport const ToolbarButton = ({ icon, text, tooltip, active = false, onClick, tooltipPosition = 'right' }: ToolbarButtonProps) => {\n    const activeClass = active ? 'toolbar-button--active' : '';\n    const hasText = typeof text === 'string' && text.length > 0;\n    const hasIcon = typeof icon === 'string' && icon.length > 0;\n    const buttonContent = hasText\n        ? <span className='toolbar-button__text'>{text}</span>\n        : hasIcon\n            ? <i className={`${icon} text-lg`} />\n            : null;\n    const buttonSizeClass = hasText ? 'h-10 px-3 min-w-[4rem]' : 'w-10 h-10';\n\n    return (\n        <Tooltip content={tooltip} position={tooltipPosition}>\n            <button\n                type='button'\n                aria-label={tooltip}\n                onClick={onClick}\n                className={`toolbar-button ${buttonSizeClass} flex items-center justify-center rounded-lg cursor-pointer ${activeClass}`}\n            >\n                {buttonContent}\n            </button>\n        </Tooltip>\n    );\n};\n"],"names":["_jsx","Tooltip"],"mappings":";;;;;MA+Ba,aAAa,GAAG,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,GAAG,KAAK,EAAE,OAAO,EAAE,eAAe,GAAG,OAAO,EAAsB,KAAI;IAC7H,MAAM,WAAW,GAAG,MAAM,GAAG,wBAAwB,GAAG,EAAE;AAC1D,IAAA,MAAM,OAAO,GAAG,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC;AAC3D,IAAA,MAAM,OAAO,GAAG,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC;IAC3D,MAAM,aAAa,GAAG;AAClB,UAAEA,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,sBAAsB,EAAA,QAAA,EAAE,IAAI,EAAA;AAC9C,UAAE;AACE,cAAEA,cAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAE,CAAA,EAAG,IAAI,UAAU,EAAA;cAC/B,IAAI;IACd,MAAM,eAAe,GAAG,OAAO,GAAG,wBAAwB,GAAG,WAAW;AAExE,IAAA,QACIA,cAAA,CAACC,eAAO,EAAA,EAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAA,QAAA,EAChDD,cAAA,CAAA,QAAA,EAAA,EACI,IAAI,EAAC,QAAQ,EAAA,YAAA,EACD,OAAO,EACnB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,CAAA,eAAA,EAAkB,eAAe,CAAA,4DAAA,EAA+D,WAAW,EAAE,EAAA,QAAA,EAEvH,aAAa,EAAA,CACT,EAAA,CACH;AAElB;;;;"}

package/dist/cjs/Toolbar/ToolbarSeparator.js

@@ -0,0 +1,8 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+
+const ToolbarSeparator = ({ orientation = 'vertical' }) => (jsxRuntime.jsx("div", { role: 'separator', "aria-orientation": orientation === 'horizontal' ? 'vertical' : 'horizontal', className: orientation === 'horizontal' ? 'toolbar-separator toolbar-separator--in-horizontal' : 'toolbar-separator toolbar-separator--in-vertical' }));
+
+exports.ToolbarSeparator = ToolbarSeparator;
+//# sourceMappingURL=ToolbarSeparator.js.map

package/dist/cjs/Toolbar/ToolbarSeparator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarSeparator.js","sources":["../../../Toolbar/ToolbarSeparator.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\n/** Props for the {@link ToolbarSeparator} component. */\nexport interface ToolbarSeparatorProps {\n    /** Layout direction matching the parent {@link Toolbar} (default: 'vertical'). */\n    orientation?: 'vertical' | 'horizontal';\n}\n\n/**\n * A visual divider for use inside a {@link Toolbar}.\n *\n * In a vertical toolbar (default) the separator renders as a horizontal rule.\n * In a horizontal toolbar it renders as a vertical rule.\n */\nexport const ToolbarSeparator = ({ orientation = 'vertical' }: ToolbarSeparatorProps) => (\n    <div\n        role='separator'\n        aria-orientation={orientation === 'horizontal' ? 'vertical' : 'horizontal'}\n        className={orientation === 'horizontal' ? 'toolbar-separator toolbar-separator--in-horizontal' : 'toolbar-separator toolbar-separator--in-vertical'}\n    />\n);\n"],"names":["_jsx"],"mappings":";;;;MAea,gBAAgB,GAAG,CAAC,EAAE,WAAW,GAAG,UAAU,EAAyB,MAChFA,cAAA,CAAA,KAAA,EAAA,EACI,IAAI,EAAC,WAAW,EAAA,kBAAA,EACE,WAAW,KAAK,YAAY,GAAG,UAAU,GAAG,YAAY,EAC1E,SAAS,EAAE,WAAW,KAAK,YAAY,GAAG,oDAAoD,GAAG,kDAAkD,EAAA,CACrJ;;;;"}

package/dist/cjs/Toolbar/index.js

@@ -4,6 +4,7 @@ var Toolbar = require('./Toolbar.js');
 var ToolbarButton = require('./ToolbarButton.js');
 var ToolbarContext = require('./ToolbarContext.js');
 var ToolbarSection = require('./ToolbarSection.js');
+var ToolbarSeparator = require('./ToolbarSeparator.js');
 var ToolbarFanOutItem = require('./ToolbarFanOutItem.js');
 
 
@@ -12,5 +13,6 @@ exports.Toolbar = Toolbar.Toolbar;
 exports.ToolbarButton = ToolbarButton.ToolbarButton;
 exports.ToolbarContext = ToolbarContext.ToolbarContext;
 exports.ToolbarSection = ToolbarSection.ToolbarSection;
+exports.ToolbarSeparator = ToolbarSeparator.ToolbarSeparator;
 exports.ToolbarFanOutItem = ToolbarFanOutItem.ToolbarFanOutItem;
 //# sourceMappingURL=index.js.map

package/dist/cjs/Toolbar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/dist/cjs/tailwind-utilities.css

@@ -340,6 +340,9 @@
   .hidden {
     display: none;
   }
+  .inline {
+    display: inline;
+  }
   .inline-flex {
     display: inline-flex;
   }
@@ -358,6 +361,9 @@
   .w-full {
     width: 100%;
   }
+  .min-w-\[4rem\] {
+    min-width: 4rem;
+  }
   .flex-1 {
     flex: 1;
   }

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

@@ -0,0 +1,17 @@
+import { WrappedFieldProps } from '@cratis/arc.react/commands';
+import React from 'react';
+interface CalendarFieldComponentProps extends WrappedFieldProps<Date | null> {
+    placeholder?: string;
+    dateFormat?: string;
+    showIcon?: boolean;
+    showTime?: boolean;
+    hourFormat?: '12' | '24';
+    minDate?: Date;
+    maxDate?: Date;
+}
+export declare const CalendarField: {
+    <TCommand = unknown>(props: import("@cratis/arc.react/commands").CommandFormFieldComponentProps<CalendarFieldComponentProps, TCommand>): React.ReactElement;
+    displayName: string;
+};
+export {};
+//# sourceMappingURL=CalendarField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarField.d.ts","sourceRoot":"","sources":["../../../../CommandForm/fields/CalendarField.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAsB,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAEnF,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,2BAA4B,SAAQ,iBAAiB,CAAC,IAAI,GAAG,IAAI,CAAC;IACxE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACzB,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,OAAO,CAAC,EAAE,IAAI,CAAC;CAClB;AAED,eAAO,MAAM,aAAa;;;CAqBzB,CAAC"}

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

@@ -0,0 +1,11 @@
+import { jsx } from 'react/jsx-runtime';
+import { asCommandFormField } from '@cratis/arc.react/commands';
+import { Calendar } from 'primereact/calendar';
+
+const CalendarField = asCommandFormField((props) => (jsx(Calendar, { value: props.value, onChange: (e) => props.onChange(e.value ?? null), onBlur: props.onBlur, invalid: props.invalid, placeholder: props.placeholder, dateFormat: props.dateFormat, showIcon: props.showIcon, showTime: props.showTime, hourFormat: props.hourFormat, minDate: props.minDate, maxDate: props.maxDate, className: "w-full" })), {
+    defaultValue: null,
+    extractValue: (e) => e instanceof Date ? e : null
+});
+
+export { CalendarField };
+//# sourceMappingURL=CalendarField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarField.js","sources":["../../../../CommandForm/fields/CalendarField.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { asCommandFormField, WrappedFieldProps } from '@cratis/arc.react/commands';\nimport { Calendar } from 'primereact/calendar';\nimport React from 'react';\n\ninterface CalendarFieldComponentProps extends WrappedFieldProps<Date | null> {\n    placeholder?: string;\n    dateFormat?: string;\n    showIcon?: boolean;\n    showTime?: boolean;\n    hourFormat?: '12' | '24';\n    minDate?: Date;\n    maxDate?: Date;\n}\n\nexport const CalendarField = asCommandFormField<CalendarFieldComponentProps>(\n    (props) => (\n        <Calendar\n            value={props.value}\n            onChange={(e: { value: Date | null | undefined }) => props.onChange(e.value ?? null)}\n            onBlur={props.onBlur}\n            invalid={props.invalid}\n            placeholder={props.placeholder}\n            dateFormat={props.dateFormat}\n            showIcon={props.showIcon}\n            showTime={props.showTime}\n            hourFormat={props.hourFormat}\n            minDate={props.minDate}\n            maxDate={props.maxDate}\n            className=\"w-full\"\n        />\n    ),\n    {\n        defaultValue: null,\n        extractValue: (e: unknown) => e instanceof Date ? e : null\n    }\n);\n"],"names":["_jsx"],"mappings":";;;;MAiBa,aAAa,GAAG,kBAAkB,CAC3C,CAAC,KAAK,MACFA,GAAA,CAAC,QAAQ,EAAA,EACL,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,QAAQ,EAAE,CAAC,CAAqC,KAAK,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,IAAI,IAAI,CAAC,EACpF,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,SAAS,EAAC,QAAQ,EAAA,CACpB,CACL,EACD;AACI,IAAA,YAAY,EAAE,IAAI;AAClB,IAAA,YAAY,EAAE,CAAC,CAAU,KAAK,CAAC,YAAY,IAAI,GAAG,CAAC,GAAG;AACzD,CAAA;;;;"}

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

@@ -0,0 +1,15 @@
+import { WrappedFieldProps } from '@cratis/arc.react/commands';
+import React from 'react';
+interface ChipsFieldComponentProps extends WrappedFieldProps<string[]> {
+    placeholder?: string;
+    max?: number;
+    separator?: string;
+    addOnBlur?: boolean;
+    allowDuplicate?: boolean;
+}
+export declare const ChipsField: {
+    <TCommand = unknown>(props: import("@cratis/arc.react/commands").CommandFormFieldComponentProps<ChipsFieldComponentProps, TCommand>): React.ReactElement;
+    displayName: string;
+};
+export {};
+//# sourceMappingURL=ChipsField.d.ts.map

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

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

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

@@ -0,0 +1,16 @@
+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" })), {
+    defaultValue: [],
+    extractValue: (e) => {
+        if (!Array.isArray(e)) {
+            return [];
+        }
+        return e.filter((item) => typeof item === 'string');
+    }
+});
+
+export { ChipsField };
+//# sourceMappingURL=ChipsField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChipsField.js","sources":["../../../../CommandForm/fields/ChipsField.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { asCommandFormField, WrappedFieldProps } from '@cratis/arc.react/commands';\nimport { Chips } from 'primereact/chips';\nimport React from 'react';\n\ninterface ChipsFieldComponentProps extends WrappedFieldProps<string[]> {\n    placeholder?: string;\n    max?: number;\n    separator?: string;\n    addOnBlur?: boolean;\n    allowDuplicate?: boolean;\n}\n\nexport const ChipsField = asCommandFormField<ChipsFieldComponentProps>(\n    (props) => (\n        <Chips\n            value={props.value}\n            onChange={(e: { value: string[] | null | undefined }) => props.onChange(e.value ?? [])}\n            onBlur={props.onBlur}\n            invalid={props.invalid}\n            placeholder={props.placeholder}\n            max={props.max}\n            separator={props.separator}\n            addOnBlur={props.addOnBlur}\n            allowDuplicate={props.allowDuplicate}\n            className=\"w-full\"\n        />\n    ),\n    {\n        defaultValue: [],\n        extractValue: (e: unknown) => {\n            if (!Array.isArray(e)) {\n                return [];\n            }\n\n            return e.filter((item): item is string => typeof item === 'string');\n        }\n    }\n);\n"],"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;;;;"}

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

@@ -0,0 +1,12 @@
+import { WrappedFieldProps } from '@cratis/arc.react/commands';
+import React from 'react';
+interface ColorPickerFieldComponentProps extends WrappedFieldProps<string> {
+    inline?: boolean;
+    defaultColor?: string;
+}
+export declare const ColorPickerField: {
+    <TCommand = unknown>(props: import("@cratis/arc.react/commands").CommandFormFieldComponentProps<ColorPickerFieldComponentProps, TCommand>): React.ReactElement;
+    displayName: string;
+};
+export {};
+//# sourceMappingURL=ColorPickerField.d.ts.map

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

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

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

@@ -0,0 +1,11 @@
+import { jsx } from 'react/jsx-runtime';
+import { asCommandFormField } from '@cratis/arc.react/commands';
+import { ColorPicker } from 'primereact/colorpicker';
+
+const ColorPickerField = asCommandFormField((props) => (jsx(ColorPicker, { value: props.value, onChange: (e) => props.onChange(typeof e.value === 'string' ? e.value : ''), onBlur: props.onBlur, inline: props.inline, defaultColor: props.defaultColor, className: props.invalid ? 'p-invalid' : undefined })), {
+    defaultValue: '',
+    extractValue: (e) => typeof e === 'string' ? e : ''
+});
+
+export { ColorPickerField };
+//# sourceMappingURL=ColorPickerField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPickerField.js","sources":["../../../../CommandForm/fields/ColorPickerField.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { asCommandFormField, WrappedFieldProps } from '@cratis/arc.react/commands';\nimport { ColorPicker } from 'primereact/colorpicker';\nimport React from 'react';\n\ninterface ColorPickerFieldComponentProps extends WrappedFieldProps<string> {\n    inline?: boolean;\n    defaultColor?: string;\n}\n\nexport const ColorPickerField = asCommandFormField<ColorPickerFieldComponentProps>(\n    (props) => (\n        <ColorPicker\n            value={props.value}\n            onChange={(e: { value: unknown }) => props.onChange(typeof e.value === 'string' ? e.value : '')}\n            onBlur={props.onBlur}\n            inline={props.inline}\n            defaultColor={props.defaultColor}\n            className={props.invalid ? 'p-invalid' : undefined}\n        />\n    ),\n    {\n        defaultValue: '',\n        extractValue: (e: unknown) => typeof e === 'string' ? e : ''\n    }\n);\n"],"names":["_jsx"],"mappings":";;;;AAYO,MAAM,gBAAgB,GAAG,kBAAkB,CAC9C,CAAC,KAAK,MACFA,GAAA,CAAC,WAAW,EAAA,EACR,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,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,KAAK,CAAC,YAAY,EAChC,SAAS,EAAE,KAAK,CAAC,OAAO,GAAG,WAAW,GAAG,SAAS,EAAA,CACpD,CACL,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/Fields.stories.d.ts

@@ -10,4 +10,8 @@ export declare const TextAreaFieldExample: Story;
 export declare const DropdownFieldExample: Story;
 export declare const SliderFieldExample: Story;
 export declare const CheckboxFieldExample: Story;
+export declare const CalendarFieldExample: Story;
+export declare const ColorPickerFieldExample: Story;
+export declare const MultiSelectFieldExample: Story;
+export declare const ChipsFieldExample: Story;
 //# sourceMappingURL=Fields.stories.d.ts.map

package/dist/esm/CommandForm/fields/Fields.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Fields.stories.d.ts","sourceRoot":"","sources":["../../../../CommandForm/fields/Fields.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKlD,OAAO,wBAAwB,CAAC;AAUhC,QAAA,MAAM,IAAI,EAAE,IAKX,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAkEtB,eAAO,MAAM,SAAS,EAAE,KAsMvB,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,KAkCnC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAuBhC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAqBlC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAuBlC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAsBhC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAwBlC,CAAC"}
+{"version":3,"file":"Fields.stories.d.ts","sourceRoot":"","sources":["../../../../CommandForm/fields/Fields.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKlD,OAAO,wBAAwB,CAAC;AAchC,QAAA,MAAM,IAAI,EAAE,IAKX,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAqFtB,eAAO,MAAM,SAAS,EAAE,KAsQvB,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,KAkCnC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAuBhC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAqBlC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAuBlC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAsBhC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAwBlC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAqBlC,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,KAmBrC,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,KAyBrC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAqB/B,CAAC"}

package/dist/esm/CommandForm/fields/Fields.stories.js

@@ -5,7 +5,7 @@ import { Command, CommandValidator } from '@cratis/arc/commands';
 import { PropertyDescriptor } from '@cratis/arc/reflection';
 import { StoryContainer, StorySection, StoryDivider } from '@cratis/arc.react/stories';
 import '@cratis/arc/validation';
-import { InputTextField, NumberField, TextAreaField, CheckboxField, SliderField, DropdownField } from './index';
+import { InputTextField, NumberField, TextAreaField, CheckboxField, SliderField, DropdownField, CalendarField, ColorPickerField, MultiSelectField, ChipsField } from './index';
 const meta = {
     title: 'CommandForm/PrimeReact Fields',
     parameters: {
@@ -25,6 +25,10 @@ class FormFieldsCommand extends Command {
         new PropertyDescriptor('checkbox', Boolean),
         new PropertyDescriptor('slider', Number),
         new PropertyDescriptor('dropdown', String),
+        new PropertyDescriptor('calendarDate', Date),
+        new PropertyDescriptor('color', String),
+        new PropertyDescriptor('multiSelect', Array),
+        new PropertyDescriptor('chips', Array),
     ];
     textInput = '';
     emailInput = '';
@@ -34,6 +38,10 @@ class FormFieldsCommand extends Command {
     checkbox = false;
     slider = 50;
     dropdown = '';
+    calendarDate = null;
+    color = '';
+    multiSelect = [];
+    chips = [];
     constructor() {
         super(Object, false);
     }
@@ -49,7 +57,11 @@ class FormFieldsCommand extends Command {
             'textArea',
             'checkbox',
             'slider',
-            'dropdown'
+            'dropdown',
+            'calendarDate',
+            'color',
+            'multiSelect',
+            'chips'
         ];
     }
 }
@@ -69,6 +81,12 @@ const dropdownOptions = [
     { id: 'option3', name: 'Option 3' },
     { id: 'option4', name: 'Option 4' }
 ];
+const multiSelectOptions = [
+    { id: 'feature1', name: 'Feature 1' },
+    { id: 'feature2', name: 'Feature 2' },
+    { id: 'feature3', name: 'Feature 3' },
+    { id: 'feature4', name: 'Feature 4' }
+];
 export const AllFields = {
     render: () => {
         const [validationState, setValidationState] = useState({ errors: {}, canSubmit: false });
@@ -81,6 +99,10 @@ export const AllFields = {
                         checkbox: false,
                         slider: 50,
                         dropdown: '',
+                        calendarDate: null,
+                        color: '10b981',
+                        multiSelect: ['feature1', 'feature3'],
+                        chips: ['alpha', 'beta'],
                     }, onFieldChange: async (command, fieldName) => {
                         const result = await command.validate();
                         if (!result.isValid) {
@@ -101,7 +123,7 @@ export const AllFields = {
                                 };
                             });
                         }
-                    }, children: [_jsxs(StorySection, { children: [_jsx("h3", { children: "Text Inputs" }), _jsx(InputTextField, { value: c => c.textInput, title: "Text Input", placeholder: "Enter at least 3 characters", description: "Standard text input field with validation" }), validationState.errors.textInput && (_jsx("div", { style: { color: 'var(--red-500)', fontSize: '0.875rem', marginTop: '0.25rem', marginBottom: '1rem' }, children: validationState.errors.textInput })), _jsx(InputTextField, { value: c => c.emailInput, title: "Email Input", type: "email", placeholder: "Enter a valid email address", description: "Email input with email validation" }), validationState.errors.emailInput && (_jsx("div", { style: { color: 'var(--red-500)', fontSize: '0.875rem', marginTop: '0.25rem', marginBottom: '1rem' }, children: validationState.errors.emailInput })), _jsx(InputTextField, { value: c => c.passwordInput, title: "Password Input", type: "password", placeholder: "Enter at least 6 characters", description: "Password input field (min 6 characters)" }), validationState.errors.passwordInput && (_jsx("div", { style: { color: 'var(--red-500)', fontSize: '0.875rem', marginTop: '0.25rem', marginBottom: '1rem' }, children: validationState.errors.passwordInput }))] }), _jsx(StoryDivider, {}), _jsxs(StorySection, { children: [_jsx("h3", { children: "Number Input" }), _jsx(NumberField, { value: c => c.numberInput, title: "Number Field", placeholder: "Enter a number (1-100)", description: "Number input with min/max boundaries", min: 1, max: 100, step: 1 }), validationState.errors.numberInput && (_jsx("div", { style: { color: 'var(--red-500)', fontSize: '0.875rem', marginTop: '0.25rem', marginBottom: '1rem' }, children: validationState.errors.numberInput }))] }), _jsx(StoryDivider, {}), _jsxs(StorySection, { children: [_jsx("h3", { children: "Text Area" }), _jsx(TextAreaField, { value: c => c.textArea, title: "Text Area Field", placeholder: "Enter a longer text...", description: "Multi-line text input", rows: 5 })] }), _jsx(StoryDivider, {}), _jsxs(StorySection, { children: [_jsx("h3", { children: "Dropdown" }), _jsx(DropdownField, { value: c => c.dropdown, title: "Dropdown Field", placeholder: "Select an option", description: "PrimeReact dropdown component", options: dropdownOptions, optionValue: "id", optionLabel: "name" }), validationState.errors.dropdown && (_jsx("div", { style: { color: 'var(--red-500)', fontSize: '0.875rem', marginTop: '0.25rem', marginBottom: '1rem' }, children: validationState.errors.dropdown }))] }), _jsx(StoryDivider, {}), _jsxs(StorySection, { children: [_jsx("h3", { children: "Slider" }), _jsx(SliderField, { value: c => c.slider, title: "Slider Field", description: "Slider for numeric values", min: 0, max: 100, step: 5 })] }), _jsx(StoryDivider, {}), _jsxs(StorySection, { children: [_jsx("h3", { children: "Checkbox" }), _jsx(CheckboxField, { value: c => c.checkbox, label: "I agree to the terms and conditions" })] }), _jsx(StoryDivider, {}), _jsxs("div", { style: { marginTop: '1.5rem', display: 'flex', gap: '0.5rem', alignItems: 'center' }, children: [_jsx("button", { type: "submit", disabled: !validationState.canSubmit, className: "p-button p-component", children: "Submit Form" }), !validationState.canSubmit && Object.keys(validationState.errors).length > 0 && (_jsx("span", { style: { color: 'var(--orange-500)', fontSize: '0.875rem' }, children: "Please fix validation errors" }))] })] })] }));
+                    }, children: [_jsxs(StorySection, { children: [_jsx("h3", { children: "Text Inputs" }), _jsx(InputTextField, { value: c => c.textInput, title: "Text Input", placeholder: "Enter at least 3 characters", description: "Standard text input field with validation" }), validationState.errors.textInput && (_jsx("div", { style: { color: 'var(--red-500)', fontSize: '0.875rem', marginTop: '0.25rem', marginBottom: '1rem' }, children: validationState.errors.textInput })), _jsx(InputTextField, { value: c => c.emailInput, title: "Email Input", type: "email", placeholder: "Enter a valid email address", description: "Email input with email validation" }), validationState.errors.emailInput && (_jsx("div", { style: { color: 'var(--red-500)', fontSize: '0.875rem', marginTop: '0.25rem', marginBottom: '1rem' }, children: validationState.errors.emailInput })), _jsx(InputTextField, { value: c => c.passwordInput, title: "Password Input", type: "password", placeholder: "Enter at least 6 characters", description: "Password input field (min 6 characters)" }), validationState.errors.passwordInput && (_jsx("div", { style: { color: 'var(--red-500)', fontSize: '0.875rem', marginTop: '0.25rem', marginBottom: '1rem' }, children: validationState.errors.passwordInput }))] }), _jsx(StoryDivider, {}), _jsxs(StorySection, { children: [_jsx("h3", { children: "Number Input" }), _jsx(NumberField, { value: c => c.numberInput, title: "Number Field", placeholder: "Enter a number (1-100)", description: "Number input with min/max boundaries", min: 1, max: 100, step: 1 }), validationState.errors.numberInput && (_jsx("div", { style: { color: 'var(--red-500)', fontSize: '0.875rem', marginTop: '0.25rem', marginBottom: '1rem' }, children: validationState.errors.numberInput }))] }), _jsx(StoryDivider, {}), _jsxs(StorySection, { children: [_jsx("h3", { children: "Text Area" }), _jsx(TextAreaField, { value: c => c.textArea, title: "Text Area Field", placeholder: "Enter a longer text...", description: "Multi-line text input", rows: 5 })] }), _jsx(StoryDivider, {}), _jsxs(StorySection, { children: [_jsx("h3", { children: "Dropdown" }), _jsx(DropdownField, { value: c => c.dropdown, title: "Dropdown Field", placeholder: "Select an option", description: "PrimeReact dropdown component", options: dropdownOptions, optionValue: "id", optionLabel: "name" }), validationState.errors.dropdown && (_jsx("div", { style: { color: 'var(--red-500)', fontSize: '0.875rem', marginTop: '0.25rem', marginBottom: '1rem' }, children: validationState.errors.dropdown }))] }), _jsx(StoryDivider, {}), _jsxs(StorySection, { children: [_jsx("h3", { children: "Calendar" }), _jsx(CalendarField, { value: c => c.calendarDate, title: "Calendar Field", description: "PrimeReact Calendar component for selecting dates", placeholder: "Select a date", showIcon: true, dateFormat: "mm/dd/yy" })] }), _jsx(StoryDivider, {}), _jsxs(StorySection, { children: [_jsx("h3", { children: "Color Picker" }), _jsx(ColorPickerField, { value: c => c.color, title: "Color Picker Field", description: "PrimeReact ColorPicker for selecting hex colors" })] }), _jsx(StoryDivider, {}), _jsxs(StorySection, { children: [_jsx("h3", { children: "MultiSelect" }), _jsx(MultiSelectField, { value: c => c.multiSelect, title: "MultiSelect Field", description: "PrimeReact MultiSelect for selecting multiple options", placeholder: "Choose one or more features", options: multiSelectOptions, optionValue: "id", optionLabel: "name", display: "chip", filter: true, showClear: true })] }), _jsx(StoryDivider, {}), _jsxs(StorySection, { children: [_jsx("h3", { children: "Chips" }), _jsx(ChipsField, { value: c => c.chips, title: "Chips Field", description: "PrimeReact Chips for entering multiple text values", placeholder: "Add tags and press Enter", separator: "," })] }), _jsx(StoryDivider, {}), _jsxs(StorySection, { children: [_jsx("h3", { children: "Slider" }), _jsx(SliderField, { value: c => c.slider, title: "Slider Field", description: "Slider for numeric values", min: 0, max: 100, step: 5 })] }), _jsx(StoryDivider, {}), _jsxs(StorySection, { children: [_jsx("h3", { children: "Checkbox" }), _jsx(CheckboxField, { value: c => c.checkbox, label: "I agree to the terms and conditions" })] }), _jsx(StoryDivider, {}), _jsxs("div", { style: { marginTop: '1.5rem', display: 'flex', gap: '0.5rem', alignItems: 'center' }, children: [_jsx("button", { type: "submit", disabled: !validationState.canSubmit, className: "p-button p-component", children: "Submit Form" }), !validationState.canSubmit && Object.keys(validationState.errors).length > 0 && (_jsx("span", { style: { color: 'var(--orange-500)', fontSize: '0.875rem' }, children: "Please fix validation errors" }))] })] })] }));
     }
 };
 export const InputTextFieldExample = {
@@ -134,4 +156,24 @@ export const CheckboxFieldExample = {
         return (_jsxs(StoryContainer, { size: "sm", asCard: true, children: [_jsx("h2", { children: "CheckboxField" }), _jsx("p", { children: "PrimeReact Checkbox for boolean values." }), _jsxs(CommandForm, { command: FormFieldsCommand, initialValues: { checkbox: false }, children: [_jsx(CheckboxField, { value: c => c.checkbox, label: "Enable notifications" }), _jsx(CheckboxField, { value: c => c.checkbox, label: "I have read and agree to the terms" })] })] }));
     }
 };
+export const CalendarFieldExample = {
+    render: () => {
+        return (_jsxs(StoryContainer, { size: "sm", asCard: true, children: [_jsx("h2", { children: "CalendarField" }), _jsx("p", { children: "PrimeReact Calendar for selecting date values." }), _jsx(CommandForm, { command: FormFieldsCommand, initialValues: { calendarDate: null }, children: _jsx(CalendarField, { value: c => c.calendarDate, title: "Start Date", placeholder: "Pick a date", showIcon: true }) })] }));
+    }
+};
+export const ColorPickerFieldExample = {
+    render: () => {
+        return (_jsxs(StoryContainer, { size: "sm", asCard: true, children: [_jsx("h2", { children: "ColorPickerField" }), _jsx("p", { children: "PrimeReact ColorPicker for selecting hex colors." }), _jsx(CommandForm, { command: FormFieldsCommand, initialValues: { color: '0ea5e9' }, children: _jsx(ColorPickerField, { value: c => c.color, title: "Brand Color" }) })] }));
+    }
+};
+export const MultiSelectFieldExample = {
+    render: () => {
+        return (_jsxs(StoryContainer, { size: "sm", asCard: true, children: [_jsx("h2", { children: "MultiSelectField" }), _jsx("p", { children: "PrimeReact MultiSelect for selecting multiple options from a list." }), _jsx(CommandForm, { command: FormFieldsCommand, initialValues: { multiSelect: ['feature2'] }, children: _jsx(MultiSelectField, { value: c => c.multiSelect, title: "Features", placeholder: "Select features", options: multiSelectOptions, optionValue: "id", optionLabel: "name", display: "chip", filter: true }) })] }));
+    }
+};
+export const ChipsFieldExample = {
+    render: () => {
+        return (_jsxs(StoryContainer, { size: "sm", asCard: true, children: [_jsx("h2", { children: "ChipsField" }), _jsx("p", { children: "PrimeReact Chips for entering and managing multiple text values." }), _jsx(CommandForm, { command: FormFieldsCommand, initialValues: { chips: ['urgent'] }, children: _jsx(ChipsField, { value: c => c.chips, title: "Tags", placeholder: "Type a tag and press Enter", addOnBlur: true }) })] }));
+    }
+};
 //# sourceMappingURL=Fields.stories.js.map

package/dist/esm/CommandForm/fields/Fields.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Fields.stories.js","sourceRoot":"","sources":["../../../../CommandForm/fields/Fields.stories.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Fields.stories.js","sourceRoot":"","sources":["../../../../CommandForm/fields/Fields.stories.tsx"],"names":[],"mappings":";AAGA,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACvF,OAAO,wBAAwB,CAAC;AAChC,OAAO,EACH,cAAc,EACd,WAAW,EACX,aAAa,EACb,aAAa,EACb,WAAW,EACX,aAAa,EACb,aAAa,EACb,gBAAgB,EAChB,gBAAgB,EAChB,UAAU,EACb,MAAM,SAAS,CAAC;AAEjB,MAAM,IAAI,GAAS;IACf,KAAK,EAAE,+BAA+B;IACtC,UAAU,EAAE;QACR,MAAM,EAAE,UAAU;KACrB;CACJ,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,iBAAkB,SAAQ,OAAO;IAC1B,KAAK,GAAW,aAAa,CAAC;IAC9B,UAAU,GAA+B,IAAI,0BAA0B,EAAE,CAAC;IAC1E,mBAAmB,GAAyB;QACjD,IAAI,kBAAkB,CAAC,WAAW,EAAE,MAAM,CAAC;QAC3C,IAAI,kBAAkB,CAAC,YAAY,EAAE,MAAM,CAAC;QAC5C,IAAI,kBAAkB,CAAC,eAAe,EAAE,MAAM,CAAC;QAC/C,IAAI,kBAAkB,CAAC,aAAa,EAAE,MAAM,CAAC;QAC7C,IAAI,kBAAkB,CAAC,UAAU,EAAE,MAAM,CAAC;QAC1C,IAAI,kBAAkB,CAAC,UAAU,EAAE,OAAO,CAAC;QAC3C,IAAI,kBAAkB,CAAC,QAAQ,EAAE,MAAM,CAAC;QACxC,IAAI,kBAAkB,CAAC,UAAU,EAAE,MAAM,CAAC;QAC1C,IAAI,kBAAkB,CAAC,cAAc,EAAE,IAAI,CAAC;QAC5C,IAAI,kBAAkB,CAAC,OAAO,EAAE,MAAM,CAAC;QACvC,IAAI,kBAAkB,CAAC,aAAa,EAAE,KAAK,CAAC;QAC5C,IAAI,kBAAkB,CAAC,OAAO,EAAE,KAAK,CAAC;KACzC,CAAC;IAEF,SAAS,GAAG,EAAE,CAAC;IACf,UAAU,GAAG,EAAE,CAAC;IAChB,aAAa,GAAG,EAAE,CAAC;IACnB,WAAW,GAAG,CAAC,CAAC;IAChB,QAAQ,GAAG,EAAE,CAAC;IACd,QAAQ,GAAG,KAAK,CAAC;IACjB,MAAM,GAAG,EAAE,CAAC;IACZ,QAAQ,GAAG,EAAE,CAAC;IACd,YAAY,GAAgB,IAAI,CAAC;IACjC,KAAK,GAAG,EAAE,CAAC;IACX,WAAW,GAA2B,EAAE,CAAC;IACzC,KAAK,GAAa,EAAE,CAAC;IAErB;QACI,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IACzB,CAAC;IAED,IAAI,iBAAiB;QACjB,OAAO,EAAE,CAAC;IACd,CAAC;IAED,IAAI,UAAU;QACV,OAAO;YACH,WAAW;YACX,YAAY;YACZ,eAAe;YACf,aAAa;YACb,UAAU;YACV,UAAU;YACV,QAAQ;YACR,UAAU;YACV,cAAc;YACd,OAAO;YACP,aAAa;YACb,OAAO;SACV,CAAC;IACN,CAAC;CACJ;AAED,MAAM,0BAA2B,SAAQ,gBAAmC;IACxE;QACI,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,QAAQ,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;QACvD,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,QAAQ,EAAE,CAAC,YAAY,EAAE,CAAC;QAC1D,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,QAAQ,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;QAC3D,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC;QAC5E,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,QAAQ,EAAE,CAAC;IAC7C,CAAC;CACJ;AAED,MAAM,eAAe,GAAG;IACpB,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,UAAU,EAAE;IACnC,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,UAAU,EAAE;IACnC,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,UAAU,EAAE;IACnC,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,UAAU,EAAE;CACtC,CAAC;AAEF,MAAM,kBAAkB,GAAG;IACvB,EAAE,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,WAAW,EAAE;IACrC,EAAE,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,WAAW,EAAE;IACrC,EAAE,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,WAAW,EAAE;IACrC,EAAE,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,WAAW,EAAE;CACxC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC5B,MAAM,EAAE,GAAG,EAAE;QACT,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAGnD,EAAE,MAAM,EAAE,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,CAAC;QAErC,OAAO,CACH,MAAC,cAAc,IAAC,IAAI,EAAC,IAAI,EAAC,MAAM,mBAC5B,kDAA+B,EAC/B,oJAEI,EAEJ,KAAC,YAAY,KAAG,EAEhB,MAAC,WAAW,IACR,OAAO,EAAE,iBAAiB,EAC1B,aAAa,EAAE;wBACX,SAAS,EAAE,EAAE;wBACb,UAAU,EAAE,EAAE;wBACd,aAAa,EAAE,EAAE;wBACjB,WAAW,EAAE,EAAE;wBACf,QAAQ,EAAE,EAAE;wBACZ,QAAQ,EAAE,KAAK;wBACf,MAAM,EAAE,EAAE;wBACV,QAAQ,EAAE,EAAE;wBACZ,YAAY,EAAE,IAAI;wBAClB,KAAK,EAAE,QAAQ;wBACf,WAAW,EAAE,CAAC,UAAU,EAAE,UAAU,CAAC;wBACrC,KAAK,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC;qBAC3B,EACD,aAAa,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE;wBAExC,MAAM,MAAM,GAAG,MAAM,OAAO,CAAC,QAAQ,EAAE,CAAC;wBAExC,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;4BAClB,MAAM,UAAU,GAAG,MAAM,CAAC,iBAAiB,CAAC,IAAI,CAC5C,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAC,CACrC,CAAC;4BAEF,IAAI,UAAU,EAAE,CAAC;gCACb,kBAAkB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;oCACxB,MAAM,EAAE,EAAE,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC,OAAO,EAAE;oCAC3D,SAAS,EAAE,KAAK;iCACnB,CAAC,CAAC,CAAC;4BACR,CAAC;wBACL,CAAC;6BAAM,CAAC;4BACJ,kBAAkB,CAAC,IAAI,CAAC,EAAE;gCACtB,MAAM,EAAE,CAAC,SAAS,CAAC,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC;gCACtD,OAAO;oCACH,MAAM,EAAE,IAAI;oCACZ,SAAS,EAAE,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC;iCAC5C,CAAC;4BACN,CAAC,CAAC,CAAC;wBACP,CAAC;oBACL,CAAC,aAED,MAAC,YAAY,eACT,uCAAoB,EAEpB,KAAC,cAAc,IACX,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EACvB,KAAK,EAAC,YAAY,EAClB,WAAW,EAAC,6BAA6B,EACzC,WAAW,EAAC,2CAA2C,GACzD,EACD,eAAe,CAAC,MAAM,CAAC,SAAS,IAAI,CACjC,cAAK,KAAK,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,EAAE,YACpG,eAAe,CAAC,MAAM,CAAC,SAAS,GAC/B,CACT,EAED,KAAC,cAAc,IACX,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU,EACxB,KAAK,EAAC,aAAa,EACnB,IAAI,EAAC,OAAO,EACZ,WAAW,EAAC,6BAA6B,EACzC,WAAW,EAAC,mCAAmC,GACjD,EACD,eAAe,CAAC,MAAM,CAAC,UAAU,IAAI,CAClC,cAAK,KAAK,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,EAAE,YACpG,eAAe,CAAC,MAAM,CAAC,UAAU,GAChC,CACT,EAED,KAAC,cAAc,IACX,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,aAAa,EAC3B,KAAK,EAAC,gBAAgB,EACtB,IAAI,EAAC,UAAU,EACf,WAAW,EAAC,6BAA6B,EACzC,WAAW,EAAC,yCAAyC,GACvD,EACD,eAAe,CAAC,MAAM,CAAC,aAAa,IAAI,CACrC,cAAK,KAAK,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,EAAE,YACpG,eAAe,CAAC,MAAM,CAAC,aAAa,GACnC,CACT,IACU,EAEf,KAAC,YAAY,KAAG,EAEhB,MAAC,YAAY,eACT,wCAAqB,EAErB,KAAC,WAAW,IACR,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,EACzB,KAAK,EAAC,cAAc,EACpB,WAAW,EAAC,wBAAwB,EACpC,WAAW,EAAC,sCAAsC,EAClD,GAAG,EAAE,CAAC,EACN,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,CAAC,GACT,EACD,eAAe,CAAC,MAAM,CAAC,WAAW,IAAI,CACnC,cAAK,KAAK,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,EAAE,YACpG,eAAe,CAAC,MAAM,CAAC,WAAW,GACjC,CACT,IACU,EAEf,KAAC,YAAY,KAAG,EAEhB,MAAC,YAAY,eACT,qCAAkB,EAElB,KAAC,aAAa,IACV,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,EACtB,KAAK,EAAC,iBAAiB,EACvB,WAAW,EAAC,wBAAwB,EACpC,WAAW,EAAC,uBAAuB,EACnC,IAAI,EAAE,CAAC,GACT,IACS,EAEf,KAAC,YAAY,KAAG,EAEhB,MAAC,YAAY,eACT,oCAAiB,EAEjB,KAAC,aAAa,IACV,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,EACtB,KAAK,EAAC,gBAAgB,EACtB,WAAW,EAAC,kBAAkB,EAC9B,WAAW,EAAC,+BAA+B,EAC3C,OAAO,EAAE,eAAe,EACxB,WAAW,EAAC,IAAI,EAChB,WAAW,EAAC,MAAM,GACpB,EACD,eAAe,CAAC,MAAM,CAAC,QAAQ,IAAI,CAChC,cAAK,KAAK,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,EAAE,YACpG,eAAe,CAAC,MAAM,CAAC,QAAQ,GAC9B,CACT,IACU,EAEf,KAAC,YAAY,KAAG,EAEhB,MAAC,YAAY,eACT,oCAAiB,EAEjB,KAAC,aAAa,IACV,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY,EAC1B,KAAK,EAAC,gBAAgB,EACtB,WAAW,EAAC,mDAAmD,EAC/D,WAAW,EAAC,eAAe,EAC3B,QAAQ,QACR,UAAU,EAAC,UAAU,GACvB,IACS,EAEf,KAAC,YAAY,KAAG,EAEhB,MAAC,YAAY,eACT,wCAAqB,EAErB,KAAC,gBAAgB,IACb,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,EACnB,KAAK,EAAC,oBAAoB,EAC1B,WAAW,EAAC,iDAAiD,GAC/D,IACS,EAEf,KAAC,YAAY,KAAG,EAEhB,MAAC,YAAY,eACT,uCAAoB,EAEpB,KAAC,gBAAgB,IACb,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,EACzB,KAAK,EAAC,mBAAmB,EACzB,WAAW,EAAC,uDAAuD,EACnE,WAAW,EAAC,6BAA6B,EACzC,OAAO,EAAE,kBAAkB,EAC3B,WAAW,EAAC,IAAI,EAChB,WAAW,EAAC,MAAM,EAClB,OAAO,EAAC,MAAM,EACd,MAAM,QACN,SAAS,SACX,IACS,EAEf,KAAC,YAAY,KAAG,EAEhB,MAAC,YAAY,eACT,iCAAc,EAEd,KAAC,UAAU,IACP,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,EACnB,KAAK,EAAC,aAAa,EACnB,WAAW,EAAC,oDAAoD,EAChE,WAAW,EAAC,0BAA0B,EACtC,SAAS,EAAC,GAAG,GACf,IACS,EAEf,KAAC,YAAY,KAAG,EAEhB,MAAC,YAAY,eACT,kCAAe,EAEf,KAAC,WAAW,IACR,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,EACpB,KAAK,EAAC,cAAc,EACpB,WAAW,EAAC,2BAA2B,EACvC,GAAG,EAAE,CAAC,EACN,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,CAAC,GACT,IACS,EAEf,KAAC,YAAY,KAAG,EAEhB,MAAC,YAAY,eACT,oCAAiB,EAEjB,KAAC,aAAa,IACV,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,EACtB,KAAK,EAAC,qCAAqC,GAC7C,IACS,EAEf,KAAC,YAAY,KAAG,EAEhB,eAAK,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,aACrF,iBACI,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,eAAe,CAAC,SAAS,EACpC,SAAS,EAAC,sBAAsB,4BAG3B,EACR,CAAC,eAAe,CAAC,SAAS,IAAI,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,MAAM,GAAG,CAAC,IAAI,CAC7E,eAAM,KAAK,EAAE,EAAE,KAAK,EAAE,mBAAmB,EAAE,QAAQ,EAAE,UAAU,EAAE,6CAE1D,CACV,IACC,IACI,IACD,CACpB,CAAC;IACN,CAAC;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAU;IACxC,MAAM,EAAE,GAAG,EAAE;QACT,OAAO,CACH,MAAC,cAAc,IAAC,IAAI,EAAC,IAAI,EAAC,MAAM,mBAC5B,0CAAuB,EACvB,kFAA8D,EAE9D,MAAC,WAAW,IACR,OAAO,EAAE,iBAAiB,EAC1B,aAAa,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,aAAa,EAAE,EAAE,EAAE,aAEnE,KAAC,cAAc,IACX,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EACvB,KAAK,EAAC,eAAe,EACrB,WAAW,EAAC,cAAc,GAC5B,EAEF,KAAC,cAAc,IACX,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU,EACxB,KAAK,EAAC,OAAO,EACb,IAAI,EAAC,OAAO,EACZ,WAAW,EAAC,gBAAgB,GAC9B,EAEF,KAAC,cAAc,IACX,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,aAAa,EAC3B,KAAK,EAAC,UAAU,EAChB,IAAI,EAAC,UAAU,EACf,WAAW,EAAC,kDAAU,GACxB,IACQ,IACD,CACpB,CAAC;IACN,CAAC;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAU;IACrC,MAAM,EAAE,GAAG,EAAE;QACT,OAAO,CACH,MAAC,cAAc,IAAC,IAAI,EAAC,IAAI,EAAC,MAAM,mBAC5B,uCAAoB,EACpB,0FAAsE,EAEtE,KAAC,WAAW,IACR,OAAO,EAAE,iBAAiB,EAC1B,aAAa,EAAE,EAAE,WAAW,EAAE,EAAE,EAAE,YAElC,KAAC,WAAW,IACR,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,EACzB,KAAK,EAAC,UAAU,EAChB,WAAW,EAAC,gBAAgB,EAC5B,GAAG,EAAE,CAAC,EACN,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,CAAC,GACT,GACQ,IACD,CACpB,CAAC;IACN,CAAC;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAU;IACvC,MAAM,EAAE,GAAG,EAAE;QACT,OAAO,CACH,MAAC,cAAc,IAAC,IAAI,EAAC,IAAI,EAAC,MAAM,mBAC5B,yCAAsB,EACtB,8EAA0D,EAE1D,KAAC,WAAW,IACR,OAAO,EAAE,iBAAiB,EAC1B,aAAa,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,YAE/B,KAAC,aAAa,IACV,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,EACtB,KAAK,EAAC,aAAa,EACnB,WAAW,EAAC,iCAAiC,EAC7C,IAAI,EAAE,CAAC,GACT,GACQ,IACD,CACpB,CAAC;IACN,CAAC;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAU;IACvC,MAAM,EAAE,GAAG,EAAE;QACT,OAAO,CACH,MAAC,cAAc,IAAC,IAAI,EAAC,IAAI,EAAC,MAAM,mBAC5B,yCAAsB,EACtB,oFAAgE,EAEhE,KAAC,WAAW,IACR,OAAO,EAAE,iBAAiB,EAC1B,aAAa,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,YAE/B,KAAC,aAAa,IACV,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,EACtB,KAAK,EAAC,eAAe,EACrB,WAAW,EAAC,WAAW,EACvB,OAAO,EAAE,eAAe,EACxB,WAAW,EAAC,IAAI,EAChB,WAAW,EAAC,MAAM,GACpB,GACQ,IACD,CACpB,CAAC;IACN,CAAC;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAU;IACrC,MAAM,EAAE,GAAG,EAAE;QACT,OAAO,CACH,MAAC,cAAc,IAAC,IAAI,EAAC,IAAI,EAAC,MAAM,mBAC5B,uCAAoB,EACpB,mFAA+D,EAE/D,KAAC,WAAW,IACR,OAAO,EAAE,iBAAiB,EAC1B,aAAa,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,YAE7B,KAAC,WAAW,IACR,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,EACpB,KAAK,EAAC,QAAQ,EACd,GAAG,EAAE,CAAC,EACN,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,CAAC,GACT,GACQ,IACD,CACpB,CAAC;IACN,CAAC;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAU;IACvC,MAAM,EAAE,GAAG,EAAE;QACT,OAAO,CACH,MAAC,cAAc,IAAC,IAAI,EAAC,IAAI,EAAC,MAAM,mBAC5B,yCAAsB,EACtB,kEAA8C,EAE9C,MAAC,WAAW,IACR,OAAO,EAAE,iBAAiB,EAC1B,aAAa,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,aAElC,KAAC,aAAa,IACV,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,EACtB,KAAK,EAAC,sBAAsB,GAC9B,EAEF,KAAC,aAAa,IACV,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,EACtB,KAAK,EAAC,oCAAoC,GAC5C,IACQ,IACD,CACpB,CAAC;IACN,CAAC;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAU;IACvC,MAAM,EAAE,GAAG,EAAE;QACT,OAAO,CACH,MAAC,cAAc,IAAC,IAAI,EAAC,IAAI,EAAC,MAAM,mBAC5B,yCAAsB,EACtB,yEAAqD,EAErD,KAAC,WAAW,IACR,OAAO,EAAE,iBAAiB,EAC1B,aAAa,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,YAErC,KAAC,aAAa,IACV,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY,EAC1B,KAAK,EAAC,YAAY,EAClB,WAAW,EAAC,aAAa,EACzB,QAAQ,SACV,GACQ,IACD,CACpB,CAAC;IACN,CAAC;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAU;IAC1C,MAAM,EAAE,GAAG,EAAE;QACT,OAAO,CACH,MAAC,cAAc,IAAC,IAAI,EAAC,IAAI,EAAC,MAAM,mBAC5B,4CAAyB,EACzB,2EAAuD,EAEvD,KAAC,WAAW,IACR,OAAO,EAAE,iBAAiB,EAC1B,aAAa,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,YAElC,KAAC,gBAAgB,IACb,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,EACnB,KAAK,EAAC,aAAa,GACrB,GACQ,IACD,CACpB,CAAC;IACN,CAAC;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAU;IAC1C,MAAM,EAAE,GAAG,EAAE;QACT,OAAO,CACH,MAAC,cAAc,IAAC,IAAI,EAAC,IAAI,EAAC,MAAM,mBAC5B,4CAAyB,EACzB,6FAAyE,EAEzE,KAAC,WAAW,IACR,OAAO,EAAE,iBAAiB,EAC1B,aAAa,EAAE,EAAE,WAAW,EAAE,CAAC,UAAU,CAAC,EAAE,YAE5C,KAAC,gBAAgB,IACb,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,EACzB,KAAK,EAAC,UAAU,EAChB,WAAW,EAAC,iBAAiB,EAC7B,OAAO,EAAE,kBAAkB,EAC3B,WAAW,EAAC,IAAI,EAChB,WAAW,EAAC,MAAM,EAClB,OAAO,EAAC,MAAM,EACd,MAAM,SACR,GACQ,IACD,CACpB,CAAC;IACN,CAAC;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAU;IACpC,MAAM,EAAE,GAAG,EAAE;QACT,OAAO,CACH,MAAC,cAAc,IAAC,IAAI,EAAC,IAAI,EAAC,MAAM,mBAC5B,sCAAmB,EACnB,2FAAuE,EAEvE,KAAC,WAAW,IACR,OAAO,EAAE,iBAAiB,EAC1B,aAAa,EAAE,EAAE,KAAK,EAAE,CAAC,QAAQ,CAAC,EAAE,YAEpC,KAAC,UAAU,IACP,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,EACnB,KAAK,EAAC,MAAM,EACZ,WAAW,EAAC,4BAA4B,EACxC,SAAS,SACX,GACQ,IACD,CACpB,CAAC;IACN,CAAC;CACJ,CAAC"}

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

@@ -0,0 +1,18 @@
+import { WrappedFieldProps } from '@cratis/arc.react/commands';
+import React from 'react';
+interface MultiSelectFieldComponentProps extends WrappedFieldProps<Array<string | number>> {
+    options: Array<Record<string, unknown>>;
+    optionValue?: string;
+    optionLabel?: string;
+    placeholder?: string;
+    display?: 'comma' | 'chip';
+    maxSelectedLabels?: number;
+    filter?: boolean;
+    showClear?: boolean;
+}
+export declare const MultiSelectField: {
+    <TCommand = unknown>(props: import("@cratis/arc.react/commands").CommandFormFieldComponentProps<MultiSelectFieldComponentProps, TCommand>): React.ReactElement;
+    displayName: string;
+};
+export {};
+//# sourceMappingURL=MultiSelectField.d.ts.map

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

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