@cratis/scene.primereact 4.5.0 → 4.6.0

package/dist/esm/form/MultiStateGlyph.js

@@ -0,0 +1,57 @@
+import { jsx } from 'react/jsx-runtime';
+import { SceneIcon } from '@cratis/scene.react';
+
+/**
+ * The box a multi-state checkbox draws, themed with the PrimeReact checkbox tokens (`--p-checkbox-*`), so
+ * it follows the active Scene theme and looks like its sibling `checkbox`. It holds the state's icon - a
+ * PrimeIcons class or a qualified icon reference - or a check mark when the state has no icon of its own.
+ * An empty state draws only its own icon, if it has one. It is decorative: the state is announced through the control's text, not through this glyph.
+ */ function MultiStateGlyph({ state, isEmpty, isInactive }) {
+    const icon = state?.icon;
+    return /*#__PURE__*/ jsx("span", {
+        "aria-hidden": "true",
+        "data-scene-part": "glyph",
+        style: {
+            display: 'inline-flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            flexShrink: 0,
+            boxSizing: 'border-box',
+            width: 'var(--p-checkbox-width, 1.125rem)',
+            height: 'var(--p-checkbox-height, 1.125rem)',
+            borderRadius: 'var(--p-checkbox-border-radius, 4px)',
+            border: `1px solid ${isEmpty ? 'var(--p-checkbox-border-color, currentColor)' : 'var(--p-checkbox-checked-border-color, currentColor)'}`,
+            backgroundColor: isEmpty ? 'var(--p-checkbox-background, transparent)' : 'var(--p-checkbox-checked-background, currentColor)',
+            color: glyphColor(isEmpty, isInactive),
+            fontSize: 'var(--p-checkbox-icon-size, 0.75rem)'
+        },
+        children: icon === undefined ? !isEmpty && /*#__PURE__*/ jsx(CheckMark, {}) : typeof icon === 'string' ? /*#__PURE__*/ jsx("i", {
+            className: icon
+        }) : /*#__PURE__*/ jsx(SceneIcon, {
+            reference: icon,
+            size: "var(--p-checkbox-icon-size, 0.75rem)"
+        })
+    });
+}
+function glyphColor(isEmpty, isInactive) {
+    if (isInactive) return 'var(--p-checkbox-icon-disabled-color, currentColor)';
+    return isEmpty ? 'var(--p-checkbox-icon-color, currentColor)' : 'var(--p-checkbox-icon-checked-color, Canvas)';
+}
+function CheckMark() {
+    return /*#__PURE__*/ jsx("svg", {
+        viewBox: "0 0 12 12",
+        width: "1em",
+        height: "1em",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M2 6.5 5 9.5 10 3"
+        })
+    });
+}
+
+export { MultiStateGlyph };
+//# sourceMappingURL=MultiStateGlyph.js.map

package/dist/esm/form/MultiStateGlyph.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiStateGlyph.js","sources":["../../../form/MultiStateGlyph.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 { SceneIcon } from '@cratis/scene.react';\nimport { MultiStateOption } from './MultiStateOption';\n\nexport interface MultiStateGlyphProps {\n    /** The state being shown. */\n    state: MultiStateOption | undefined;\n\n    /** Whether the state is the empty (`null`) state, drawn as an empty box. */\n    isEmpty: boolean;\n\n    /** Whether the control is disabled or read only. */\n    isInactive: boolean;\n}\n\n/**\n * The box a multi-state checkbox draws, themed with the PrimeReact checkbox tokens (`--p-checkbox-*`), so\n * it follows the active Scene theme and looks like its sibling `checkbox`. It holds the state's icon - a\n * PrimeIcons class or a qualified icon reference - or a check mark when the state has no icon of its own.\n * An empty state draws only its own icon, if it has one. It is decorative: the state is announced through the control's text, not through this glyph.\n */\nexport function MultiStateGlyph({ state, isEmpty, isInactive }: MultiStateGlyphProps) {\n    const icon = state?.icon;\n    return (\n        <span\n            aria-hidden='true'\n            data-scene-part='glyph'\n            style={{\n                display: 'inline-flex', alignItems: 'center', justifyContent: 'center', flexShrink: 0, boxSizing: 'border-box',\n                width: 'var(--p-checkbox-width, 1.125rem)', height: 'var(--p-checkbox-height, 1.125rem)',\n                borderRadius: 'var(--p-checkbox-border-radius, 4px)',\n                border: `1px solid ${isEmpty ? 'var(--p-checkbox-border-color, currentColor)' : 'var(--p-checkbox-checked-border-color, currentColor)'}`,\n                backgroundColor: isEmpty ? 'var(--p-checkbox-background, transparent)' : 'var(--p-checkbox-checked-background, currentColor)',\n                color: glyphColor(isEmpty, isInactive),\n                fontSize: 'var(--p-checkbox-icon-size, 0.75rem)',\n            }}>\n            {icon === undefined ? !isEmpty && <CheckMark /> : typeof icon === 'string' ? <i className={icon} /> : <SceneIcon reference={icon} size='var(--p-checkbox-icon-size, 0.75rem)' />}\n        </span>\n    );\n}\n\nfunction glyphColor(isEmpty: boolean, isInactive: boolean): string {\n    if (isInactive) return 'var(--p-checkbox-icon-disabled-color, currentColor)';\n    return isEmpty ? 'var(--p-checkbox-icon-color, currentColor)' : 'var(--p-checkbox-icon-checked-color, Canvas)';\n}\n\nfunction CheckMark() {\n    return (\n        <svg viewBox='0 0 12 12' width='1em' height='1em' fill='none' stroke='currentColor' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round'>\n            <path d='M2 6.5 5 9.5 10 3' />\n        </svg>\n    );\n}\n"],"names":["MultiStateGlyph","state","isEmpty","isInactive","icon","_jsx","span","aria-hidden","data-scene-part","style","display","alignItems","justifyContent","flexShrink","boxSizing","width","height","borderRadius","border","backgroundColor","color","glyphColor","fontSize","undefined","CheckMark","i","className","SceneIcon","reference","size","svg","viewBox","fill","stroke","strokeWidth","strokeLinecap","strokeLinejoin","path","d"],"mappings":";;;AAiBA;;;;;IAMO,SAASA,eAAAA,CAAgB,EAAEC,KAAK,EAAEC,OAAO,EAAEC,UAAU,EAAwB,EAAA;AAChF,IAAA,MAAMC,OAAOH,KAAAA,EAAOG,IAAAA;AACpB,IAAA,qBACIC,GAAA,CAACC,MAAAA,EAAAA;QACGC,aAAAA,EAAY,MAAA;QACZC,iBAAAA,EAAgB,OAAA;QAChBC,KAAAA,EAAO;YACHC,OAAAA,EAAS,aAAA;YAAeC,UAAAA,EAAY,QAAA;YAAUC,cAAAA,EAAgB,QAAA;YAAUC,UAAAA,EAAY,CAAA;YAAGC,SAAAA,EAAW,YAAA;YAClGC,KAAAA,EAAO,mCAAA;YAAqCC,MAAAA,EAAQ,oCAAA;YACpDC,YAAAA,EAAc,sCAAA;AACdC,YAAAA,MAAAA,EAAQ,CAAC,UAAU,EAAEhB,OAAAA,GAAU,iDAAiD,sDAAA,CAAA,CAAwD;AACxIiB,YAAAA,eAAAA,EAAiBjB,UAAU,2CAAA,GAA8C,oDAAA;AACzEkB,YAAAA,KAAAA,EAAOC,WAAWnB,OAAAA,EAASC,UAAAA,CAAAA;YAC3BmB,QAAAA,EAAU;AACd,SAAA;kBACClB,IAAAA,KAASmB,SAAAA,GAAY,CAACrB,OAAAA,kBAAWG,GAAA,CAACmB,iBAAe,OAAOpB,IAAAA,KAAS,yBAAWC,GAAA,CAACoB,GAAAA,EAAAA;YAAEC,SAAAA,EAAWtB;2BAAWC,GAAA,CAACsB,SAAAA,EAAAA;YAAUC,SAAAA,EAAWxB,IAAAA;YAAMyB,IAAAA,EAAK;;;AAGnJ;AAEA,SAASR,UAAAA,CAAWnB,OAAgB,EAAEC,UAAmB,EAAA;AACrD,IAAA,IAAIA,YAAY,OAAO,qDAAA;AACvB,IAAA,OAAOD,UAAU,4CAAA,GAA+C,8CAAA;AACpE;AAEA,SAASsB,SAAAA,GAAAA;AACL,IAAA,qBACInB,GAAA,CAACyB,KAAAA,EAAAA;QAAIC,OAAAA,EAAQ,WAAA;QAAYhB,KAAAA,EAAM,KAAA;QAAMC,MAAAA,EAAO,KAAA;QAAMgB,IAAAA,EAAK,MAAA;QAAOC,MAAAA,EAAO,cAAA;QAAeC,WAAAA,EAAY,GAAA;QAAIC,aAAAA,EAAc,OAAA;QAAQC,cAAAA,EAAe,OAAA;AACrI,QAAA,QAAA,gBAAA/B,GAAA,CAACgC,MAAAA,EAAAA;YAAKC,CAAAA,EAAE;;;AAGpB;;"}

package/dist/esm/form/MultiStateOption.d.ts

@@ -0,0 +1,7 @@
+import { IconReference } from '@cratis/scene.model';
+export interface MultiStateOption {
+    label: string;
+    value: unknown;
+    icon?: string | IconReference;
+}
+//# sourceMappingURL=MultiStateOption.d.ts.map

package/dist/esm/form/MultiStateOption.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiStateOption.d.ts","sourceRoot":"","sources":["../../../form/MultiStateOption.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AASpD,MAAM,WAAW,gBAAgB;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,GAAG,aAAa,CAAC;CACjC"}

package/dist/esm/form/MultiStateOption.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=MultiStateOption.js.map

package/dist/esm/form/MultiStateOption.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiStateOption.js","sourceRoot":"","sources":["../../../form/MultiStateOption.ts"],"names":[],"mappings":""}

package/dist/esm/form/PrimeMultiStateCheckbox.d.ts

@@ -0,0 +1,3 @@
+import { RegisteredComponentProps } from '@cratis/scene.react';
+export declare function PrimeMultiStateCheckbox({ element, interactions }: RegisteredComponentProps): import("react").JSX.Element;
+//# sourceMappingURL=PrimeMultiStateCheckbox.d.ts.map

package/dist/esm/form/PrimeMultiStateCheckbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrimeMultiStateCheckbox.d.ts","sourceRoot":"","sources":["../../../form/PrimeMultiStateCheckbox.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AA6B/D,wBAAgB,uBAAuB,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,EAAE,wBAAwB,+BAqD1F"}

package/dist/esm/form/PrimeMultiStateCheckbox.js

@@ -0,0 +1,121 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useId, useState } from 'react';
+import { isIconReference } from '@cratis/scene.model';
+import { booleanProperty, stringProperty } from '../properties.js';
+import { MultiStateGlyph } from './MultiStateGlyph.js';
+import { multiStateOptions } from './multiStateOptions.js';
+import { multiStateStates } from './multiStateStates.js';
+import { useMultiStateSelection } from './useMultiStateSelection.js';
+
+const visuallyHidden = {
+    position: 'absolute',
+    width: 1,
+    height: 1,
+    margin: -1,
+    padding: 0,
+    overflow: 'hidden',
+    clip: 'rect(0 0 0 0)',
+    whiteSpace: 'nowrap',
+    border: 0
+};
+/**
+ * The `PrimeReact:multiStateCheckbox` component.
+ *
+ * PrimeReact 11 removed MultiStateCheckbox, so Scene renders its original behavior with a native button.
+ * It cycles through the authored states in order, including the optional empty (`null`) state, and keeps
+ * option values and icons exactly as the element carries them. Each click moves one step; the position is
+ * an index, so duplicated or `null` option values do not make later states unreachable.
+ *
+ * Accessibility: a state cycle is not a true/false choice, so the control does not claim `checkbox`
+ * semantics (every non-empty state would announce as "checked"). It is a button whose name is the authored
+ * `ariaLabel`, whose description is the current state, and whose state changes are announced through a
+ * polite live region. `readOnly` keeps the control focusable and unchanged; `disabled` removes it from the
+ * tab order.
+ *
+ * The control follows the document: a changed `value` or `options` restarts the cycle from the new value,
+ * so an inspector edit is reflected immediately. It does not report its own selection to behaviors -
+ * Scene's interaction handlers carry no value.
+ */ function PrimeMultiStateCheckbox({ element, interactions }) {
+    const stateId = useId();
+    const allowEmpty = booleanProperty(element, 'empty', true);
+    const emptyLabel = stringProperty(element, 'emptyLabel', 'No selection');
+    const emptyIcon = element.properties.emptyIcon;
+    const states = multiStateStates(multiStateOptions(element, emptyLabel), allowEmpty, emptyLabel, typeof emptyIcon === 'string' || isIconReference(emptyIcon) ? emptyIcon : undefined);
+    const authored = element.properties.value;
+    const { index, advance } = useMultiStateSelection(states, authored === undefined && allowEmpty ? null : authored);
+    const [focused, setFocused] = useState(false);
+    const selected = states[index];
+    const readOnly = booleanProperty(element, 'readOnly', false);
+    const disabled = !element.isEnabled || booleanProperty(element, 'disabled', false) || states.length === 0;
+    const ariaLabel = stringProperty(element, 'ariaLabel', element.name || 'Multi-state checkbox');
+    const stateText = selected?.label ?? stringProperty(element, 'placeholder', unmatchedText(states.length, authored, emptyLabel));
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsxs("button", {
+                type: "button",
+                "data-scene-id": element.id,
+                "data-scene-component": "multiStateCheckbox",
+                "data-scene-state-index": index,
+                "aria-label": ariaLabel,
+                "aria-describedby": stateId,
+                "aria-disabled": readOnly ? true : undefined,
+                disabled: disabled,
+                style: {
+                    display: 'inline-flex',
+                    alignItems: 'center',
+                    gap: '0.5rem',
+                    padding: 0,
+                    border: 0,
+                    background: 'none',
+                    font: 'inherit',
+                    color: 'inherit',
+                    cursor: disabled ? 'not-allowed' : readOnly ? 'default' : 'pointer',
+                    opacity: disabled ? 0.6 : 1,
+                    outline: focused ? 'var(--p-focus-ring-width, 2px) var(--p-focus-ring-style, solid) var(--p-focus-ring-color, currentColor)' : 'none',
+                    outlineOffset: 'var(--p-focus-ring-offset, 2px)'
+                },
+                onFocus: (event)=>setFocused(isFocusVisible(event.currentTarget)),
+                onBlur: ()=>setFocused(false),
+                onClick: (event)=>{
+                    if (!readOnly) advance();
+                    interactions?.onClick?.(event);
+                    if (readOnly) return;
+                    interactions?.onChange?.();
+                    interactions?.onSelect?.();
+                },
+                onDoubleClick: interactions?.onDoubleClick,
+                children: [
+                    /*#__PURE__*/ jsx(MultiStateGlyph, {
+                        state: selected,
+                        isEmpty: selected === undefined || selected.value === null,
+                        isInactive: disabled || readOnly
+                    }),
+                    /*#__PURE__*/ jsx("span", {
+                        "aria-hidden": "true",
+                        children: stateText
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsx("span", {
+                id: stateId,
+                role: "status",
+                style: visuallyHidden,
+                children: stateText
+            })
+        ]
+    });
+}
+function unmatchedText(stateCount, authored, emptyLabel) {
+    if (stateCount === 0) return 'No states';
+    return authored === undefined ? emptyLabel : 'No matching state';
+}
+function isFocusVisible(target) {
+    try {
+        return target.matches(':focus-visible');
+    } catch  {
+        return true;
+    }
+}
+
+export { PrimeMultiStateCheckbox };
+//# sourceMappingURL=PrimeMultiStateCheckbox.js.map

package/dist/esm/form/PrimeMultiStateCheckbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrimeMultiStateCheckbox.js","sources":["../../../form/PrimeMultiStateCheckbox.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 { CSSProperties, useId, useState } from 'react';\nimport { isIconReference } from '@cratis/scene.model';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { booleanProperty, stringProperty } from '../properties';\nimport { MultiStateGlyph } from './MultiStateGlyph';\nimport { multiStateOptions } from './multiStateOptions';\nimport { multiStateStates } from './multiStateStates';\nimport { useMultiStateSelection } from './useMultiStateSelection';\n\nconst visuallyHidden: CSSProperties = {\n    position: 'absolute', width: 1, height: 1, margin: -1, padding: 0, overflow: 'hidden', clip: 'rect(0 0 0 0)', whiteSpace: 'nowrap', border: 0,\n};\n\n/**\n * The `PrimeReact:multiStateCheckbox` component.\n *\n * PrimeReact 11 removed MultiStateCheckbox, so Scene renders its original behavior with a native button.\n * It cycles through the authored states in order, including the optional empty (`null`) state, and keeps\n * option values and icons exactly as the element carries them. Each click moves one step; the position is\n * an index, so duplicated or `null` option values do not make later states unreachable.\n *\n * Accessibility: a state cycle is not a true/false choice, so the control does not claim `checkbox`\n * semantics (every non-empty state would announce as \"checked\"). It is a button whose name is the authored\n * `ariaLabel`, whose description is the current state, and whose state changes are announced through a\n * polite live region. `readOnly` keeps the control focusable and unchanged; `disabled` removes it from the\n * tab order.\n *\n * The control follows the document: a changed `value` or `options` restarts the cycle from the new value,\n * so an inspector edit is reflected immediately. It does not report its own selection to behaviors -\n * Scene's interaction handlers carry no value.\n */\nexport function PrimeMultiStateCheckbox({ element, interactions }: RegisteredComponentProps) {\n    const stateId = useId();\n    const allowEmpty = booleanProperty(element, 'empty', true);\n    const emptyLabel = stringProperty(element, 'emptyLabel', 'No selection');\n    const emptyIcon = element.properties.emptyIcon;\n    const states = multiStateStates(\n        multiStateOptions(element, emptyLabel),\n        allowEmpty,\n        emptyLabel,\n        typeof emptyIcon === 'string' || isIconReference(emptyIcon) ? emptyIcon : undefined);\n    const authored = element.properties.value;\n    const { index, advance } = useMultiStateSelection(states, authored === undefined && allowEmpty ? null : authored);\n    const [focused, setFocused] = useState(false);\n\n    const selected = states[index];\n    const readOnly = booleanProperty(element, 'readOnly', false);\n    const disabled = !element.isEnabled || booleanProperty(element, 'disabled', false) || states.length === 0;\n    const ariaLabel = stringProperty(element, 'ariaLabel', element.name || 'Multi-state checkbox');\n    const stateText = selected?.label ?? stringProperty(element, 'placeholder', unmatchedText(states.length, authored, emptyLabel));\n\n    return (\n        <>\n            <button\n                type='button'\n                data-scene-id={element.id}\n                data-scene-component='multiStateCheckbox'\n                data-scene-state-index={index}\n                aria-label={ariaLabel}\n                aria-describedby={stateId}\n                aria-disabled={readOnly ? true : undefined}\n                disabled={disabled}\n                style={{\n                    display: 'inline-flex', alignItems: 'center', gap: '0.5rem', padding: 0, border: 0, background: 'none', font: 'inherit',\n                    color: 'inherit', cursor: disabled ? 'not-allowed' : readOnly ? 'default' : 'pointer', opacity: disabled ? 0.6 : 1,\n                    outline: focused ? 'var(--p-focus-ring-width, 2px) var(--p-focus-ring-style, solid) var(--p-focus-ring-color, currentColor)' : 'none',\n                    outlineOffset: 'var(--p-focus-ring-offset, 2px)',\n                }}\n                onFocus={(event) => setFocused(isFocusVisible(event.currentTarget))}\n                onBlur={() => setFocused(false)}\n                onClick={(event) => {\n                    if (!readOnly) advance();\n                    interactions?.onClick?.(event);\n                    if (readOnly) return;\n                    interactions?.onChange?.();\n                    interactions?.onSelect?.();\n                }}\n                onDoubleClick={interactions?.onDoubleClick}>\n                <MultiStateGlyph state={selected} isEmpty={selected === undefined || selected.value === null} isInactive={disabled || readOnly} />\n                <span aria-hidden='true'>{stateText}</span>\n            </button>\n            <span id={stateId} role='status' style={visuallyHidden}>{stateText}</span>\n        </>\n    );\n}\n\nfunction unmatchedText(stateCount: number, authored: unknown, emptyLabel: string): string {\n    if (stateCount === 0) return 'No states';\n    return authored === undefined ? emptyLabel : 'No matching state';\n}\n\nfunction isFocusVisible(target: HTMLElement): boolean {\n    try {\n        return target.matches(':focus-visible');\n    } catch {\n        return true;\n    }\n}\n"],"names":["visuallyHidden","position","width","height","margin","padding","overflow","clip","whiteSpace","border","PrimeMultiStateCheckbox","element","interactions","stateId","useId","allowEmpty","booleanProperty","emptyLabel","stringProperty","emptyIcon","properties","states","multiStateStates","multiStateOptions","isIconReference","undefined","authored","value","index","advance","useMultiStateSelection","focused","setFocused","useState","selected","readOnly","disabled","isEnabled","length","ariaLabel","name","stateText","label","unmatchedText","_jsxs","_Fragment","button","type","data-scene-id","id","data-scene-component","data-scene-state-index","aria-label","aria-describedby","aria-disabled","style","display","alignItems","gap","background","font","color","cursor","opacity","outline","outlineOffset","onFocus","event","isFocusVisible","currentTarget","onBlur","onClick","onChange","onSelect","onDoubleClick","_jsx","MultiStateGlyph","state","isEmpty","isInactive","span","aria-hidden","role","stateCount","target","matches"],"mappings":"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"}

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

@@ -9,6 +9,7 @@ export * from './PrimeMultiSelect';
 export * from './PrimeListBox';
 export * from './PrimeSelectButton';
 export * from './PrimeCheckbox';
+export * from './PrimeMultiStateCheckbox';
 export * from './PrimeRadioButton';
 export * from './PrimeToggleSwitch';
 export * from './PrimeSlider';

package/dist/esm/form/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../form/index.ts"],"names":[],"mappings":"AAGA,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../form/index.ts"],"names":[],"mappings":"AAGA,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC"}

package/dist/esm/form/index.js

@@ -9,6 +9,7 @@ export * from './PrimeMultiSelect';
 export * from './PrimeListBox';
 export * from './PrimeSelectButton';
 export * from './PrimeCheckbox';
+export * from './PrimeMultiStateCheckbox';
 export * from './PrimeRadioButton';
 export * from './PrimeToggleSwitch';
 export * from './PrimeSlider';

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../form/index.ts"],"names":[],"mappings":"AAGA,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../form/index.ts"],"names":[],"mappings":"AAGA,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC"}

package/dist/esm/form/multiStateOptions.d.ts

@@ -0,0 +1,4 @@
+import { SceneElement } from '@cratis/scene.model';
+import { MultiStateOption } from './MultiStateOption';
+export declare function multiStateOptions(element: SceneElement, emptyLabel: string): MultiStateOption[];
+//# sourceMappingURL=multiStateOptions.d.ts.map

package/dist/esm/form/multiStateOptions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"multiStateOptions.d.ts","sourceRoot":"","sources":["../../../form/multiStateOptions.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAmB,MAAM,qBAAqB,CAAC;AAEpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAgBtD,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,GAAG,gBAAgB,EAAE,CAY/F"}

package/dist/esm/form/multiStateOptions.js

@@ -0,0 +1,75 @@
+import { isIconReference } from '@cratis/scene.model';
+import { stringProperty, arrayProperty } from '../properties.js';
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * Reads multi-state options without reshaping their values, dropping any of them, or changing their order.
+ *
+ * This follows the original PrimeReact control. An option that is a record gives its value through
+ * `optionValue` (default, and when that field is absent: its `value` field, and the whole option when it has none) and its label through
+ * `optionLabel` (default: its `label` field). Any other option - a string, number, boolean, `null` or an
+ * array - is its own value. A label that is not text is shown as its JSON, so a numeric or boolean label,
+ * or an option with no label at all, still produces a state the user can reach. A `null` value with no
+ * label of its own is labeled with `emptyLabel`.
+ *
+ * A state's icon is, in order: the option's own `icon`, then the entry of the element's `icons` that is
+ * aligned with the option (an array) or keyed by its value (an object). Either may be a PrimeIcons class
+ * name, kept for legacy documents, or a qualified {@link IconReference}.
+ */ function multiStateOptions(element, emptyLabel) {
+    const labelPath = stringProperty(element, 'optionLabel');
+    const valuePath = stringProperty(element, 'optionValue');
+    const icons = element.properties.icons;
+    return arrayProperty(element, 'options').map((option, index)=>{
+        const record = isRecord(option) ? option : undefined;
+        const value = record === undefined ? option : valueOf(record, valuePath);
+        const label = record === undefined ? undefined : resolvePath(record, labelPath ?? 'label');
+        const icon = toIcon(record?.icon) ?? iconAt(icons, value, index);
+        return {
+            label: labelText(label, value, emptyLabel),
+            value,
+            ...icon === undefined ? {} : {
+                icon
+            }
+        };
+    });
+}
+function valueOf(record, valuePath) {
+    const authored = valuePath === undefined ? undefined : resolvePath(record, valuePath);
+    if (authored !== undefined) return authored;
+    return record.value !== undefined ? record.value : record;
+}
+function resolvePath(record, path) {
+    if (Object.hasOwn(record, path)) return record[path];
+    let current = record;
+    for (const segment of path.split('.')){
+        if (!isRecord(current) || !Object.hasOwn(current, segment)) return undefined;
+        current = current[segment];
+    }
+    return current;
+}
+function labelText(label, value, emptyLabel) {
+    if (typeof label === 'string' && label.length > 0) return label;
+    if (label !== undefined && label !== null && label !== '') return display(label);
+    return value === null ? emptyLabel : display(value);
+}
+function display(value) {
+    const text = typeof value === 'string' ? value : JSON.stringify(value) ?? String(value);
+    return text === '' ? '""' : text;
+}
+function toIcon(candidate) {
+    if (typeof candidate === 'string' && candidate.length > 0) return candidate;
+    return isIconReference(candidate) ? candidate : undefined;
+}
+function iconAt(icons, value, index) {
+    if (Array.isArray(icons)) return toIcon(icons[index]);
+    if (!isRecord(icons)) return undefined;
+    const isKey = value === null || typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean';
+    return isKey ? toIcon(icons[String(value)]) : undefined;
+}
+function isRecord(value) {
+    return value !== null && typeof value === 'object' && !Array.isArray(value);
+}
+
+export { multiStateOptions };
+//# sourceMappingURL=multiStateOptions.js.map

package/dist/esm/form/multiStateOptions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"multiStateOptions.js","sources":["../../../form/multiStateOptions.ts"],"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 { SceneElement, isIconReference } from '@cratis/scene.model';\nimport { arrayProperty, stringProperty } from '../properties';\nimport { MultiStateOption } from './MultiStateOption';\n\n/**\n * Reads multi-state options without reshaping their values, dropping any of them, or changing their order.\n *\n * This follows the original PrimeReact control. An option that is a record gives its value through\n * `optionValue` (default, and when that field is absent: its `value` field, and the whole option when it has none) and its label through\n * `optionLabel` (default: its `label` field). Any other option - a string, number, boolean, `null` or an\n * array - is its own value. A label that is not text is shown as its JSON, so a numeric or boolean label,\n * or an option with no label at all, still produces a state the user can reach. A `null` value with no\n * label of its own is labeled with `emptyLabel`.\n *\n * A state's icon is, in order: the option's own `icon`, then the entry of the element's `icons` that is\n * aligned with the option (an array) or keyed by its value (an object). Either may be a PrimeIcons class\n * name, kept for legacy documents, or a qualified {@link IconReference}.\n */\nexport function multiStateOptions(element: SceneElement, emptyLabel: string): MultiStateOption[] {\n    const labelPath = stringProperty(element, 'optionLabel');\n    const valuePath = stringProperty(element, 'optionValue');\n    const icons = element.properties.icons;\n\n    return arrayProperty(element, 'options').map((option, index) => {\n        const record = isRecord(option) ? option : undefined;\n        const value = record === undefined ? option : valueOf(record, valuePath);\n        const label = record === undefined ? undefined : resolvePath(record, labelPath ?? 'label');\n        const icon = toIcon(record?.icon) ?? iconAt(icons, value, index);\n        return { label: labelText(label, value, emptyLabel), value, ...(icon === undefined ? {} : { icon }) };\n    });\n}\n\nfunction valueOf(record: Record<string, unknown>, valuePath: string | undefined): unknown {\n    const authored = valuePath === undefined ? undefined : resolvePath(record, valuePath);\n    if (authored !== undefined) return authored;\n    return record.value !== undefined ? record.value : record;\n}\n\nfunction resolvePath(record: Record<string, unknown>, path: string): unknown {\n    if (Object.hasOwn(record, path)) return record[path];\n    let current: unknown = record;\n    for (const segment of path.split('.')) {\n        if (!isRecord(current) || !Object.hasOwn(current, segment)) return undefined;\n        current = current[segment];\n    }\n    return current;\n}\n\nfunction labelText(label: unknown, value: unknown, emptyLabel: string): string {\n    if (typeof label === 'string' && label.length > 0) return label;\n    if (label !== undefined && label !== null && label !== '') return display(label);\n    return value === null ? emptyLabel : display(value);\n}\n\nfunction display(value: unknown): string {\n    const text = typeof value === 'string' ? value : JSON.stringify(value) ?? String(value);\n    return text === '' ? '\"\"' : text;\n}\n\nfunction toIcon(candidate: unknown): MultiStateOption['icon'] {\n    if (typeof candidate === 'string' && candidate.length > 0) return candidate;\n    return isIconReference(candidate) ? candidate : undefined;\n}\n\nfunction iconAt(icons: unknown, value: unknown, index: number): MultiStateOption['icon'] {\n    if (Array.isArray(icons)) return toIcon(icons[index]);\n    if (!isRecord(icons)) return undefined;\n\n    const isKey = value === null || typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean';\n    return isKey ? toIcon(icons[String(value)]) : undefined;\n}\n\nfunction isRecord(value: unknown): value is Record<string, unknown> {\n    return value !== null && typeof value === 'object' && !Array.isArray(value);\n}\n"],"names":["multiStateOptions","element","emptyLabel","labelPath","stringProperty","valuePath","icons","properties","arrayProperty","map","option","index","record","isRecord","undefined","value","valueOf","label","resolvePath","icon","toIcon","iconAt","labelText","authored","path","Object","hasOwn","current","segment","split","length","display","text","JSON","stringify","String","candidate","isIconReference","Array","isArray","isKey"],"mappings":"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"}

package/dist/esm/form/multiStateStates.d.ts

@@ -0,0 +1,4 @@
+import { IconReference } from '@cratis/scene.model';
+import { MultiStateOption } from './MultiStateOption';
+export declare function multiStateStates(options: MultiStateOption[], allowEmpty: boolean, emptyLabel: string, emptyIcon: string | IconReference | undefined): MultiStateOption[];
+//# sourceMappingURL=multiStateStates.d.ts.map

package/dist/esm/form/multiStateStates.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"multiStateStates.d.ts","sourceRoot":"","sources":["../../../form/multiStateStates.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAetD,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,gBAAgB,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,aAAa,GAAG,SAAS,GAAG,gBAAgB,EAAE,CAGxK"}

package/dist/esm/form/multiStateStates.js

@@ -0,0 +1,30 @@
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * Builds the ordered states a multi-state checkbox cycles through.
+ *
+ * With the empty state allowed, a state whose value is `null` comes first - unless an authored option
+ * already has the value `null`, in which case that option *is* the empty state and keeps its authored
+ * position, label and icon. Adding a second `null` state would leave two states with one value, and a
+ * control that finds its place by value could then never move past the first of them.
+ *
+ * @param options The authored options, in order.
+ * @param allowEmpty Whether a `null` state is available.
+ * @param emptyLabel The label of the synthesized empty state.
+ * @param emptyIcon The icon of the synthesized empty state.
+ */ function multiStateStates(options, allowEmpty, emptyLabel, emptyIcon) {
+    if (!allowEmpty || options.some((option)=>option.value === null)) return options;
+    return [
+        {
+            label: emptyLabel,
+            value: null,
+            ...emptyIcon === undefined ? {} : {
+                icon: emptyIcon
+            }
+        },
+        ...options
+    ];
+}
+
+export { multiStateStates };
+//# sourceMappingURL=multiStateStates.js.map

package/dist/esm/form/multiStateStates.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"multiStateStates.js","sources":["../../../form/multiStateStates.ts"],"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 { IconReference } from '@cratis/scene.model';\nimport { MultiStateOption } from './MultiStateOption';\n\n/**\n * Builds the ordered states a multi-state checkbox cycles through.\n *\n * With the empty state allowed, a state whose value is `null` comes first - unless an authored option\n * already has the value `null`, in which case that option *is* the empty state and keeps its authored\n * position, label and icon. Adding a second `null` state would leave two states with one value, and a\n * control that finds its place by value could then never move past the first of them.\n *\n * @param options The authored options, in order.\n * @param allowEmpty Whether a `null` state is available.\n * @param emptyLabel The label of the synthesized empty state.\n * @param emptyIcon The icon of the synthesized empty state.\n */\nexport function multiStateStates(options: MultiStateOption[], allowEmpty: boolean, emptyLabel: string, emptyIcon: string | IconReference | undefined): MultiStateOption[] {\n    if (!allowEmpty || options.some(option => option.value === null)) return options;\n    return [{ label: emptyLabel, value: null, ...(emptyIcon === undefined ? {} : { icon: emptyIcon }) }, ...options];\n}\n"],"names":["multiStateStates","options","allowEmpty","emptyLabel","emptyIcon","some","option","value","label","undefined","icon"],"mappings":"AAAA;AACA;AAKA;;;;;;;;;;;;IAaO,SAASA,gBAAAA,CAAiBC,OAA2B,EAAEC,UAAmB,EAAEC,UAAkB,EAAEC,SAA6C,EAAA;IAChJ,IAAI,CAACF,UAAAA,IAAcD,OAAAA,CAAQI,IAAI,CAACC,CAAAA,MAAAA,GAAUA,MAAAA,CAAOC,KAAK,KAAK,IAAA,CAAA,EAAO,OAAON,OAAAA;IACzE,OAAO;AAAC,QAAA;YAAEO,KAAAA,EAAOL,UAAAA;YAAYI,KAAAA,EAAO,IAAA;YAAM,GAAIH,SAAAA,KAAcK,SAAAA,GAAY,EAAC,GAAI;gBAAEC,IAAAA,EAAMN;;AAAa,SAAA;AAAMH,QAAAA,GAAAA;AAAQ,KAAA;AACpH;;"}

package/dist/esm/form/useMultiStateSelection.d.ts

@@ -0,0 +1,6 @@
+import { MultiStateOption } from './MultiStateOption';
+export declare function useMultiStateSelection(states: MultiStateOption[], value: unknown): {
+    index: number;
+    advance(): number;
+};
+//# sourceMappingURL=useMultiStateSelection.d.ts.map

package/dist/esm/form/useMultiStateSelection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMultiStateSelection.d.ts","sourceRoot":"","sources":["../../../form/useMultiStateSelection.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAwBtD,wBAAgB,sBAAsB,CAAC,MAAM,EAAE,gBAAgB,EAAE,EAAE,KAAK,EAAE,OAAO,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,OAAO,IAAI,MAAM,CAAA;CAAE,CAkBvH"}

package/dist/esm/form/useMultiStateSelection.js

@@ -0,0 +1,49 @@
+import { useState } from 'react';
+import { structurallyEqual } from '../structurallyEqual.js';
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * The state a multi-state checkbox is in, as an index into its states.
+ *
+ * The position is tracked by index, not recovered by looking the current value up: several states can
+ * share a value (a duplicated option), and a lookup by value always finds the first of them, which would
+ * make every later state unreachable. The index follows the cycle; the value is only used to find the
+ * starting position.
+ *
+ * The control is driven by the document as well as by the user. When the authored `value` or the states
+ * change in content - an edit in the inspector, a hydrated document - the selection starts again from the
+ * new value. A document clone with equal content changes nothing, so the user's position survives it.
+ *
+ * @param states The states, in cycle order.
+ * @param value The authored current value.
+ * @returns The selected index (`-1` when the value matches no state) and a function that moves to the next.
+ */ function useMultiStateSelection(states, value) {
+    const values = states.map((state)=>state.value);
+    const start = ()=>({
+            source: value,
+            values,
+            index: values.findIndex((candidate)=>structurallyEqual(candidate, value))
+        });
+    const [selection, setSelection] = useState(start);
+    let current = selection;
+    if (!structurallyEqual(selection.source, value) || !structurallyEqual(selection.values, values)) {
+        current = start();
+        setSelection(current);
+    }
+    const advance = ()=>{
+        const index = states.length === 0 ? -1 : (current.index + 1) % states.length;
+        setSelection({
+            ...current,
+            index
+        });
+        return index;
+    };
+    return {
+        index: current.index,
+        advance
+    };
+}
+
+export { useMultiStateSelection };
+//# sourceMappingURL=useMultiStateSelection.js.map

package/dist/esm/form/useMultiStateSelection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMultiStateSelection.js","sources":["../../../form/useMultiStateSelection.ts"],"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 { useState } from 'react';\nimport { structurallyEqual } from '../structurallyEqual';\nimport { MultiStateOption } from './MultiStateOption';\n\ninterface Selection {\n    source: unknown;\n    values: unknown[];\n    index: number;\n}\n\n/**\n * The state a multi-state checkbox is in, as an index into its states.\n *\n * The position is tracked by index, not recovered by looking the current value up: several states can\n * share a value (a duplicated option), and a lookup by value always finds the first of them, which would\n * make every later state unreachable. The index follows the cycle; the value is only used to find the\n * starting position.\n *\n * The control is driven by the document as well as by the user. When the authored `value` or the states\n * change in content - an edit in the inspector, a hydrated document - the selection starts again from the\n * new value. A document clone with equal content changes nothing, so the user's position survives it.\n *\n * @param states The states, in cycle order.\n * @param value The authored current value.\n * @returns The selected index (`-1` when the value matches no state) and a function that moves to the next.\n */\nexport function useMultiStateSelection(states: MultiStateOption[], value: unknown): { index: number; advance(): number } {\n    const values = states.map(state => state.value);\n    const start = (): Selection => ({ source: value, values, index: values.findIndex(candidate => structurallyEqual(candidate, value)) });\n    const [selection, setSelection] = useState<Selection>(start);\n\n    let current = selection;\n    if (!structurallyEqual(selection.source, value) || !structurallyEqual(selection.values, values)) {\n        current = start();\n        setSelection(current);\n    }\n\n    const advance = () => {\n        const index = states.length === 0 ? -1 : (current.index + 1) % states.length;\n        setSelection({ ...current, index });\n        return index;\n    };\n\n    return { index: current.index, advance };\n}\n"],"names":["useMultiStateSelection","states","value","values","map","state","start","source","index","findIndex","candidate","structurallyEqual","selection","setSelection","useState","current","advance","length"],"mappings":";;;AAAA;AACA;AAYA;;;;;;;;;;;;;;;AAeC,IACM,SAASA,sBAAAA,CAAuBC,MAA0B,EAAEC,KAAc,EAAA;AAC7E,IAAA,MAAMC,SAASF,MAAAA,CAAOG,GAAG,CAACC,CAAAA,KAAAA,GAASA,MAAMH,KAAK,CAAA;IAC9C,MAAMI,KAAAA,GAAQ,KAAkB;YAAEC,MAAAA,EAAQL,KAAAA;AAAOC,YAAAA,MAAAA;AAAQK,YAAAA,KAAAA,EAAOL,OAAOM,SAAS,CAACC,CAAAA,SAAAA,GAAaC,kBAAkBD,SAAAA,EAAWR,KAAAA,CAAAA;SAAQ,CAAA;AACnI,IAAA,MAAM,CAACU,SAAAA,EAAWC,YAAAA,CAAa,GAAGC,QAAAA,CAAoBR,KAAAA,CAAAA;AAEtD,IAAA,IAAIS,OAAAA,GAAUH,SAAAA;IACd,IAAI,CAACD,iBAAAA,CAAkBC,SAAAA,CAAUL,MAAM,EAAEL,KAAAA,CAAAA,IAAU,CAACS,iBAAAA,CAAkBC,SAAAA,CAAUT,MAAM,EAAEA,MAAAA,CAAAA,EAAS;QAC7FY,OAAAA,GAAUT,KAAAA,EAAAA;QACVO,YAAAA,CAAaE,OAAAA,CAAAA;AACjB,IAAA;AAEA,IAAA,MAAMC,OAAAA,GAAU,IAAA;AACZ,QAAA,MAAMR,KAAAA,GAAQP,MAAAA,CAAOgB,MAAM,KAAK,IAAI,EAAC,GAAI,CAACF,QAAQP,KAAK,GAAG,CAAA,IAAKP,OAAOgB,MAAM;QAC5EJ,YAAAA,CAAa;AAAE,YAAA,GAAGE,OAAO;AAAEP,YAAAA;AAAM,SAAA,CAAA;QACjC,OAAOA,KAAAA;AACX,IAAA,CAAA;IAEA,OAAO;AAAEA,QAAAA,KAAAA,EAAOO,QAAQP,KAAK;AAAEQ,QAAAA;AAAQ,KAAA;AAC3C;;"}

package/dist/esm/index.d.ts

@@ -7,6 +7,7 @@ export * from './menuItems';
 export * from './treeNodes';
 export * from './button';
 export * from './form';
+export * from './chart';
 export * from './data';
 export * from './panel';
 export * from './overlay';
@@ -17,5 +18,6 @@ export * from './misc';
 export * from './screen';
 export * from './theme';
 export * from './primeReactComponents';
+export * from './primeReactDescriptors';
 export * from './primeReactPackage';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../index.ts"],"names":[],"mappings":"AAGA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../index.ts"],"names":[],"mappings":"AAGA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC"}

package/dist/esm/index.js

@@ -1,4 +1,4 @@
-export { arrayProperty, booleanProperty, numberProperty, optionsProperty, recordArrayProperty, severityProperty, stringArrayProperty, stringProperty } from './properties.js';
+export { arrayProperty, booleanProperty, numberProperty, optionsProperty, recordArrayProperty, recordProperty, severityProperty, stringArrayProperty, stringProperty } from './properties.js';
 export { menuItemsProperty, toMenuItems } from './menuItems.js';
 export { toTreeNodes, treeNodesProperty } from './treeNodes.js';
 export { PrimeButton } from './button/PrimeButton.js';
@@ -17,6 +17,7 @@ export { PrimeMultiSelect } from './form/PrimeMultiSelect.js';
 export { PrimeListBox } from './form/PrimeListBox.js';
 export { PrimeSelectButton } from './form/PrimeSelectButton.js';
 export { PrimeCheckbox } from './form/PrimeCheckbox.js';
+export { PrimeMultiStateCheckbox } from './form/PrimeMultiStateCheckbox.js';
 export { PrimeRadioButton } from './form/PrimeRadioButton.js';
 export { PrimeToggleSwitch } from './form/PrimeToggleSwitch.js';
 export { PrimeSlider } from './form/PrimeSlider.js';
@@ -28,6 +29,9 @@ export { PrimeChips } from './form/PrimeChips.js';
 export { PrimeAutoComplete } from './form/PrimeAutoComplete.js';
 export { TreeSelect } from './form/TreeSelect.js';
 export { PrimeTreeSelect } from './form/PrimeTreeSelect.js';
+export { ChartType } from './chart/ChartType.js';
+export { PrimeChart } from './chart/PrimeChart.js';
+export { legacyChartTypes, resolveChartType } from './chart/resolveChartType.js';
 export { Column } from './data/Column.js';
 export { columnDefinitions } from './data/columnDefinitions.js';
 export { PrimeColumn } from './data/PrimeColumn.js';
@@ -107,5 +111,6 @@ export { primeReactTheme, primeReactThemeCompatibility, primeReactThemeLicense,
 export { primeReactThemePreset } from './theme/primeReactThemePreset.js';
 export { primeReactDarkModeClass, usePrimeReactTheme } from './theme/usePrimeReactTheme.js';
 export { primeReactComponents } from './primeReactComponents.js';
+export { primeReactDescriptors } from './primeReactDescriptors.js';
 export { primeReactPackage, primeReactPackageManifest } from './primeReactPackage.js';
 //# sourceMappingURL=index.js.map

package/dist/esm/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/esm/primeReactComponents.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"primeReactComponents.d.ts","sourceRoot":"","sources":["../../primeReactComponents.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAwB,MAAM,qBAAqB,CAAC;AA+F9E,eAAO,MAAM,oBAAoB,EAAE,iBA6FlC,CAAC"}
+{"version":3,"file":"primeReactComponents.d.ts","sourceRoot":"","sources":["../../primeReactComponents.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAwB,MAAM,qBAAqB,CAAC;AAiG9E,eAAO,MAAM,oBAAoB,EAAE,iBA+FlC,CAAC"}

package/dist/esm/primeReactComponents.js

@@ -6,6 +6,8 @@ import { PrimeButtonGroup } from './button/PrimeButtonGroup.js';
 import 'react/jsx-runtime';
 import 'primereact/button';
 import 'primereact/popover';
+import { PrimeChart } from './chart/PrimeChart.js';
+import './chart/resolveChartType.js';
 import './data/Column.js';
 import { PrimeColumn } from './data/PrimeColumn.js';
 import { PrimeDataTable } from './data/PrimeDataTable.js';
@@ -27,6 +29,7 @@ import { PrimeMultiSelect } from './form/PrimeMultiSelect.js';
 import { PrimeListBox } from './form/PrimeListBox.js';
 import { PrimeSelectButton } from './form/PrimeSelectButton.js';
 import { PrimeCheckbox } from './form/PrimeCheckbox.js';
+import { PrimeMultiStateCheckbox } from './form/PrimeMultiStateCheckbox.js';
 import { PrimeRadioButton } from './form/PrimeRadioButton.js';
 import { PrimeToggleSwitch } from './form/PrimeToggleSwitch.js';
 import { PrimeSlider } from './form/PrimeSlider.js';
@@ -124,6 +127,7 @@ import { PrimeAction } from './screen/PrimeAction.js';
     [componentRegistryKey('PrimeReact', 'listBox')]: PrimeListBox,
     [componentRegistryKey('PrimeReact', 'selectButton')]: PrimeSelectButton,
     [componentRegistryKey('PrimeReact', 'checkbox')]: PrimeCheckbox,
+    [componentRegistryKey('PrimeReact', 'multiStateCheckbox')]: PrimeMultiStateCheckbox,
     [componentRegistryKey('PrimeReact', 'radioButton')]: PrimeRadioButton,
     [componentRegistryKey('PrimeReact', 'toggleSwitch')]: PrimeToggleSwitch,
     [componentRegistryKey('PrimeReact', 'slider')]: PrimeSlider,
@@ -148,6 +152,7 @@ import { PrimeAction } from './screen/PrimeAction.js';
     [componentRegistryKey('PrimeReact', 'orderList')]: PrimeOrderList,
     [componentRegistryKey('PrimeReact', 'pickList')]: PrimePickList,
     [componentRegistryKey('PrimeReact', 'organizationChart')]: PrimeOrganizationChart,
+    [componentRegistryKey('PrimeReact', 'chart')]: PrimeChart,
     [componentRegistryKey('PrimeReact', 'card')]: PrimeCard,
     [componentRegistryKey('PrimeReact', 'panel')]: PrimePanel,
     [componentRegistryKey('PrimeReact', 'accordion')]: PrimeAccordion,