@cratis/scene.primereact 0.1.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"PrimeFloatLabel.d.ts","sourceRoot":"","sources":["../../../form/PrimeFloatLabel.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAW/D,wBAAgB,eAAe,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,wBAAwB,+BAQ3E"}

package/dist/esm/form/PrimeFloatLabel.js

@@ -0,0 +1,30 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { FloatLabel } from 'primereact/floatlabel';
+import { InputText } from 'primereact/inputtext';
+import { stringProperty } from '../properties.js';
+
+/**
+ * The `PrimeReact:floatLabel` component - a label that starts inside its field and floats above it once
+ * the field has focus or a value.
+ *
+ * FloatLabel is a wrapper, not a field, so the field it decorates comes from the `content` slot. An
+ * empty slot falls back to a plain text input rather than rendering a label attached to nothing, which
+ * would look like a styling bug rather than a missing child.
+ */ function PrimeFloatLabel({ element, slots }) {
+    const label = stringProperty(element, 'label', 'Label');
+    return /*#__PURE__*/ jsxs(FloatLabel, {
+        "data-scene-id": element.id,
+        children: [
+            slots.content?.length ? slots.content : /*#__PURE__*/ jsx(InputText, {
+                id: element.id
+            }),
+            /*#__PURE__*/ jsx("label", {
+                htmlFor: element.id,
+                children: label
+            })
+        ]
+    });
+}
+
+export { PrimeFloatLabel };
+//# sourceMappingURL=PrimeFloatLabel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PrimeFloatLabel.js","sources":["../../../form/PrimeFloatLabel.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 { FloatLabel } from 'primereact/floatlabel';\nimport { InputText } from 'primereact/inputtext';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:floatLabel` component - a label that starts inside its field and floats above it once\n * the field has focus or a value.\n *\n * FloatLabel is a wrapper, not a field, so the field it decorates comes from the `content` slot. An\n * empty slot falls back to a plain text input rather than rendering a label attached to nothing, which\n * would look like a styling bug rather than a missing child.\n */\nexport function PrimeFloatLabel({ element, slots }: RegisteredComponentProps) {\n    const label = stringProperty(element, 'label', 'Label');\n    return (\n        <FloatLabel data-scene-id={element.id}>\n            {slots.content?.length ? slots.content : <InputText id={element.id} />}\n            <label htmlFor={element.id}>{label}</label>\n        </FloatLabel>\n    );\n}\n"],"names":["PrimeFloatLabel","element","slots","label","stringProperty","_jsxs","FloatLabel","data-scene-id","id","content","length","_jsx","InputText","htmlFor"],"mappings":";;;;;AAQA;;;;;;;AAOC,IACM,SAASA,eAAAA,CAAgB,EAAEC,OAAO,EAAEC,KAAK,EAA4B,EAAA;IACxE,MAAMC,KAAAA,GAAQC,cAAAA,CAAeH,OAAAA,EAAS,OAAA,EAAS,OAAA,CAAA;AAC/C,IAAA,qBACII,IAAA,CAACC,UAAAA,EAAAA;AAAWC,QAAAA,eAAAA,EAAeN,QAAQO,EAAE;;AAChCN,YAAAA,KAAAA,CAAMO,OAAO,EAAEC,MAAAA,GAASR,KAAAA,CAAMO,OAAO,iBAAGE,GAAA,CAACC,SAAAA,EAAAA;AAAUJ,gBAAAA,EAAAA,EAAIP,QAAQO;;0BAChEG,GAAA,CAACR,OAAAA,EAAAA;AAAMU,gBAAAA,OAAAA,EAASZ,QAAQO,EAAE;AAAGL,gBAAAA,QAAAA,EAAAA;;;;AAGzC;;;;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"PrimeIconField.d.ts","sourceRoot":"","sources":["../../../form/PrimeIconField.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAS/D,wBAAgB,cAAc,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,wBAAwB,+BAO1E"}

package/dist/esm/form/PrimeIconField.js

@@ -0,0 +1,28 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { IconField } from 'primereact/iconfield';
+import { InputIcon } from 'primereact/inputicon';
+import { InputText } from 'primereact/inputtext';
+import { stringProperty } from '../properties.js';
+
+/**
+ * The `PrimeReact:iconField` component - a field with an icon rendered inside it.
+ *
+ * Like {@link PrimeFloatLabel} this decorates a field rather than being one, so the field comes from the
+ * `content` slot with a plain text input as the fallback.
+ */ function PrimeIconField({ element, slots }) {
+    return /*#__PURE__*/ jsxs(IconField, {
+        "data-scene-id": element.id,
+        iconPosition: stringProperty(element, 'iconPosition', 'left'),
+        children: [
+            /*#__PURE__*/ jsx(InputIcon, {
+                className: stringProperty(element, 'icon', 'pi pi-search')
+            }),
+            slots.content?.length ? slots.content : /*#__PURE__*/ jsx(InputText, {
+                placeholder: stringProperty(element, 'placeholder')
+            })
+        ]
+    });
+}
+
+export { PrimeIconField };
+//# sourceMappingURL=PrimeIconField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PrimeIconField.js","sources":["../../../form/PrimeIconField.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 { IconField } from 'primereact/iconfield';\nimport { InputIcon } from 'primereact/inputicon';\nimport { InputText } from 'primereact/inputtext';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:iconField` component - a field with an icon rendered inside it.\n *\n * Like {@link PrimeFloatLabel} this decorates a field rather than being one, so the field comes from the\n * `content` slot with a plain text input as the fallback.\n */\nexport function PrimeIconField({ element, slots }: RegisteredComponentProps) {\n    return (\n        <IconField data-scene-id={element.id} iconPosition={stringProperty(element, 'iconPosition', 'left') as 'left' | 'right'}>\n            <InputIcon className={stringProperty(element, 'icon', 'pi pi-search')} />\n            {slots.content?.length ? slots.content : <InputText placeholder={stringProperty(element, 'placeholder')} />}\n        </IconField>\n    );\n}\n"],"names":["PrimeIconField","element","slots","_jsxs","IconField","data-scene-id","id","iconPosition","stringProperty","_jsx","InputIcon","className","content","length","InputText","placeholder"],"mappings":";;;;;;AASA;;;;;AAKC,IACM,SAASA,cAAAA,CAAe,EAAEC,OAAO,EAAEC,KAAK,EAA4B,EAAA;AACvE,IAAA,qBACIC,IAAA,CAACC,SAAAA,EAAAA;AAAUC,QAAAA,eAAAA,EAAeJ,QAAQK,EAAE;QAAEC,YAAAA,EAAcC,cAAAA,CAAeP,SAAS,cAAA,EAAgB,MAAA,CAAA;;0BACxFQ,GAAA,CAACC,SAAAA,EAAAA;gBAAUC,SAAAA,EAAWH,cAAAA,CAAeP,SAAS,MAAA,EAAQ,cAAA;;AACrDC,YAAAA,KAAAA,CAAMU,OAAO,EAAEC,MAAAA,GAASX,KAAAA,CAAMU,OAAO,iBAAGH,GAAA,CAACK,SAAAA,EAAAA;AAAUC,gBAAAA,WAAAA,EAAaP,eAAeP,OAAAA,EAAS,aAAA;;;;AAGrG;;;;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"PrimeInputMask.d.ts","sourceRoot":"","sources":["../../../form/PrimeInputMask.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAS/D,wBAAgB,cAAc,CAAC,EAAE,OAAO,EAAE,EAAE,wBAAwB,+BAYnE"}

package/dist/esm/form/PrimeInputMask.js

@@ -0,0 +1,24 @@
+import { jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { InputMask } from 'primereact/inputmask';
+import { stringProperty, booleanProperty } from '../properties.js';
+
+/**
+ * The `PrimeReact:inputMask` component - a text field constrained to a fixed pattern.
+ *
+ * Defaults to a phone-number mask so an element authored with nothing but a name still demonstrates
+ * what a mask does; a real screen always supplies its own `mask`.
+ */ function PrimeInputMask({ element }) {
+    const [value, setValue] = useState(stringProperty(element, 'value', ''));
+    return /*#__PURE__*/ jsx(InputMask, {
+        "data-scene-id": element.id,
+        value: value,
+        onChange: (event)=>setValue(event.target.value ?? ''),
+        mask: stringProperty(element, 'mask', '(999) 999-9999'),
+        placeholder: stringProperty(element, 'placeholder'),
+        disabled: booleanProperty(element, 'disabled', false)
+    });
+}
+
+export { PrimeInputMask };
+//# sourceMappingURL=PrimeInputMask.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PrimeInputMask.js","sources":["../../../form/PrimeInputMask.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 { useState } from 'react';\nimport { InputMask } from 'primereact/inputmask';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { booleanProperty, stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:inputMask` component - a text field constrained to a fixed pattern.\n *\n * Defaults to a phone-number mask so an element authored with nothing but a name still demonstrates\n * what a mask does; a real screen always supplies its own `mask`.\n */\nexport function PrimeInputMask({ element }: RegisteredComponentProps) {\n    const [value, setValue] = useState(stringProperty(element, 'value', ''));\n    return (\n        <InputMask\n            data-scene-id={element.id}\n            value={value}\n            onChange={(event) => setValue(event.target.value ?? '')}\n            mask={stringProperty(element, 'mask', '(999) 999-9999')}\n            placeholder={stringProperty(element, 'placeholder')}\n            disabled={booleanProperty(element, 'disabled', false)}\n        />\n    );\n}\n"],"names":["PrimeInputMask","element","value","setValue","useState","stringProperty","_jsx","InputMask","data-scene-id","id","onChange","event","target","mask","placeholder","disabled","booleanProperty"],"mappings":";;;;;AAQA;;;;;AAKC,IACM,SAASA,cAAAA,CAAe,EAAEC,OAAO,EAA4B,EAAA;AAChE,IAAA,MAAM,CAACC,KAAAA,EAAOC,QAAAA,CAAS,GAAGC,QAAAA,CAASC,cAAAA,CAAeJ,SAAS,OAAA,EAAS,EAAA,CAAA,CAAA;AACpE,IAAA,qBACIK,GAAA,CAACC,SAAAA,EAAAA;AACGC,QAAAA,eAAAA,EAAeP,QAAQQ,EAAE;QACzBP,KAAAA,EAAOA,KAAAA;AACPQ,QAAAA,QAAAA,EAAU,CAACC,KAAAA,GAAUR,QAAAA,CAASQ,MAAMC,MAAM,CAACV,KAAK,IAAI,EAAA,CAAA;QACpDW,IAAAA,EAAMR,cAAAA,CAAeJ,SAAS,MAAA,EAAQ,gBAAA,CAAA;AACtCa,QAAAA,WAAAA,EAAaT,eAAeJ,OAAAA,EAAS,aAAA,CAAA;QACrCc,QAAAA,EAAUC,eAAAA,CAAgBf,SAAS,UAAA,EAAY,KAAA;;AAG3D;;;;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"PrimeInputNumber.d.ts","sourceRoot":"","sources":["../../../form/PrimeInputNumber.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAS/D,wBAAgB,gBAAgB,CAAC,EAAE,OAAO,EAAE,EAAE,wBAAwB,+BAiBrE"}

package/dist/esm/form/PrimeInputNumber.js

@@ -0,0 +1,29 @@
+import { jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { InputNumber } from 'primereact/inputnumber';
+import { numberProperty, stringProperty, booleanProperty } from '../properties.js';
+
+/**
+ * The `PrimeReact:inputNumber` component - a numeric field with locale-aware formatting.
+ *
+ * `mode` and `currency` are passed straight through because that is where InputNumber earns its keep
+ * over a plain text field: it formats and parses in the user's locale rather than making a screen do it.
+ */ function PrimeInputNumber({ element }) {
+    const [value, setValue] = useState(numberProperty(element, 'value'));
+    const currency = stringProperty(element, 'currency');
+    return /*#__PURE__*/ jsx(InputNumber, {
+        "data-scene-id": element.id,
+        value: value,
+        onValueChange: (event)=>setValue(typeof event.value === 'number' ? event.value : undefined),
+        mode: currency === undefined ? 'decimal' : 'currency',
+        currency: currency,
+        min: numberProperty(element, 'min'),
+        max: numberProperty(element, 'max'),
+        showButtons: booleanProperty(element, 'showButtons', false),
+        placeholder: stringProperty(element, 'placeholder'),
+        disabled: booleanProperty(element, 'disabled', false)
+    });
+}
+
+export { PrimeInputNumber };
+//# sourceMappingURL=PrimeInputNumber.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PrimeInputNumber.js","sources":["../../../form/PrimeInputNumber.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 { useState } from 'react';\nimport { InputNumber } from 'primereact/inputnumber';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { booleanProperty, numberProperty, stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:inputNumber` component - a numeric field with locale-aware formatting.\n *\n * `mode` and `currency` are passed straight through because that is where InputNumber earns its keep\n * over a plain text field: it formats and parses in the user's locale rather than making a screen do it.\n */\nexport function PrimeInputNumber({ element }: RegisteredComponentProps) {\n    const [value, setValue] = useState<number | undefined>(numberProperty(element, 'value'));\n    const currency = stringProperty(element, 'currency');\n    return (\n        <InputNumber\n            data-scene-id={element.id}\n            value={value}\n            onValueChange={(event) => setValue(typeof event.value === 'number' ? event.value : undefined)}\n            mode={currency === undefined ? 'decimal' : 'currency'}\n            currency={currency}\n            min={numberProperty(element, 'min')}\n            max={numberProperty(element, 'max')}\n            showButtons={booleanProperty(element, 'showButtons', false)}\n            placeholder={stringProperty(element, 'placeholder')}\n            disabled={booleanProperty(element, 'disabled', false)}\n        />\n    );\n}\n"],"names":["PrimeInputNumber","element","value","setValue","useState","numberProperty","currency","stringProperty","_jsx","InputNumber","data-scene-id","id","onValueChange","event","undefined","mode","min","max","showButtons","booleanProperty","placeholder","disabled"],"mappings":";;;;;AAQA;;;;;AAKC,IACM,SAASA,gBAAAA,CAAiB,EAAEC,OAAO,EAA4B,EAAA;AAClE,IAAA,MAAM,CAACC,KAAAA,EAAOC,QAAAA,CAAS,GAAGC,QAAAA,CAA6BC,eAAeJ,OAAAA,EAAS,OAAA,CAAA,CAAA;IAC/E,MAAMK,QAAAA,GAAWC,eAAeN,OAAAA,EAAS,UAAA,CAAA;AACzC,IAAA,qBACIO,GAAA,CAACC,WAAAA,EAAAA;AACGC,QAAAA,eAAAA,EAAeT,QAAQU,EAAE;QACzBT,KAAAA,EAAOA,KAAAA;QACPU,aAAAA,EAAe,CAACC,KAAAA,GAAUV,QAAAA,CAAS,OAAOU,KAAAA,CAAMX,KAAK,KAAK,QAAA,GAAWW,KAAAA,CAAMX,KAAK,GAAGY,SAAAA,CAAAA;QACnFC,IAAAA,EAAMT,QAAAA,KAAaQ,YAAY,SAAA,GAAY,UAAA;QAC3CR,QAAAA,EAAUA,QAAAA;AACVU,QAAAA,GAAAA,EAAKX,eAAeJ,OAAAA,EAAS,KAAA,CAAA;AAC7BgB,QAAAA,GAAAA,EAAKZ,eAAeJ,OAAAA,EAAS,KAAA,CAAA;QAC7BiB,WAAAA,EAAaC,eAAAA,CAAgBlB,SAAS,aAAA,EAAe,KAAA,CAAA;AACrDmB,QAAAA,WAAAA,EAAab,eAAeN,OAAAA,EAAS,aAAA,CAAA;QACrCoB,QAAAA,EAAUF,eAAAA,CAAgBlB,SAAS,UAAA,EAAY,KAAA;;AAG3D;;;;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"PrimeInputText.d.ts","sourceRoot":"","sources":["../../../form/PrimeInputText.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAY/D,wBAAgB,cAAc,CAAC,EAAE,OAAO,EAAE,EAAE,wBAAwB,+BAanE"}

package/dist/esm/form/PrimeInputText.js

@@ -0,0 +1,28 @@
+import { jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { InputText } from 'primereact/inputtext';
+import { stringProperty, booleanProperty } from '../properties.js';
+
+/**
+ * The `PrimeReact:inputText` component - a single-line text field.
+ *
+ * PrimeReact inputs are controlled, and a Scene element has nowhere to put "what the user has typed so
+ * far" - `properties` is authored design-time configuration, not live state. The adapter therefore owns
+ * that state locally, seeded from the `value` property. The consequence is deliberate and worth knowing:
+ * a preview is genuinely typeable instead of frozen, and the typed value is local to the rendered
+ * component rather than pushed back into the model.
+ */ function PrimeInputText({ element }) {
+    const [value, setValue] = useState(stringProperty(element, 'value', ''));
+    return /*#__PURE__*/ jsx(InputText, {
+        "data-scene-id": element.id,
+        value: value,
+        onChange: (event)=>setValue(event.target.value),
+        placeholder: stringProperty(element, 'placeholder'),
+        disabled: booleanProperty(element, 'disabled', false),
+        readOnly: booleanProperty(element, 'readOnly', false),
+        invalid: booleanProperty(element, 'invalid', false)
+    });
+}
+
+export { PrimeInputText };
+//# sourceMappingURL=PrimeInputText.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PrimeInputText.js","sources":["../../../form/PrimeInputText.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 { useState } from 'react';\nimport { InputText } from 'primereact/inputtext';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { booleanProperty, stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:inputText` component - a single-line text field.\n *\n * PrimeReact inputs are controlled, and a Scene element has nowhere to put \"what the user has typed so\n * far\" - `properties` is authored design-time configuration, not live state. The adapter therefore owns\n * that state locally, seeded from the `value` property. The consequence is deliberate and worth knowing:\n * a preview is genuinely typeable instead of frozen, and the typed value is local to the rendered\n * component rather than pushed back into the model.\n */\nexport function PrimeInputText({ element }: RegisteredComponentProps) {\n    const [value, setValue] = useState(stringProperty(element, 'value', ''));\n    return (\n        <InputText\n            data-scene-id={element.id}\n            value={value}\n            onChange={(event) => setValue(event.target.value)}\n            placeholder={stringProperty(element, 'placeholder')}\n            disabled={booleanProperty(element, 'disabled', false)}\n            readOnly={booleanProperty(element, 'readOnly', false)}\n            invalid={booleanProperty(element, 'invalid', false)}\n        />\n    );\n}\n"],"names":["PrimeInputText","element","value","setValue","useState","stringProperty","_jsx","InputText","data-scene-id","id","onChange","event","target","placeholder","disabled","booleanProperty","readOnly","invalid"],"mappings":";;;;;AAQA;;;;;;;;AAQC,IACM,SAASA,cAAAA,CAAe,EAAEC,OAAO,EAA4B,EAAA;AAChE,IAAA,MAAM,CAACC,KAAAA,EAAOC,QAAAA,CAAS,GAAGC,QAAAA,CAASC,cAAAA,CAAeJ,SAAS,OAAA,EAAS,EAAA,CAAA,CAAA;AACpE,IAAA,qBACIK,GAAA,CAACC,SAAAA,EAAAA;AACGC,QAAAA,eAAAA,EAAeP,QAAQQ,EAAE;QACzBP,KAAAA,EAAOA,KAAAA;AACPQ,QAAAA,QAAAA,EAAU,CAACC,KAAAA,GAAUR,QAAAA,CAASQ,KAAAA,CAAMC,MAAM,CAACV,KAAK,CAAA;AAChDW,QAAAA,WAAAA,EAAaR,eAAeJ,OAAAA,EAAS,aAAA,CAAA;QACrCa,QAAAA,EAAUC,eAAAA,CAAgBd,SAAS,UAAA,EAAY,KAAA,CAAA;QAC/Ce,QAAAA,EAAUD,eAAAA,CAAgBd,SAAS,UAAA,EAAY,KAAA,CAAA;QAC/CgB,OAAAA,EAASF,eAAAA,CAAgBd,SAAS,SAAA,EAAW,KAAA;;AAGzD;;;;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"PrimeInputTextarea.d.ts","sourceRoot":"","sources":["../../../form/PrimeInputTextarea.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAQ/D,wBAAgB,kBAAkB,CAAC,EAAE,OAAO,EAAE,EAAE,wBAAwB,+BAcvE"}

package/dist/esm/form/PrimeInputTextarea.js

@@ -0,0 +1,25 @@
+import { jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { InputTextarea } from 'primereact/inputtextarea';
+import { stringProperty, booleanProperty, numberProperty } from '../properties.js';
+
+/**
+ * The `PrimeReact:inputTextarea` component - a multi-line text field.
+ *
+ * Holds the typed value locally for the same reason {@link PrimeInputText} does.
+ */ function PrimeInputTextarea({ element }) {
+    const [value, setValue] = useState(stringProperty(element, 'value', ''));
+    return /*#__PURE__*/ jsx(InputTextarea, {
+        "data-scene-id": element.id,
+        value: value,
+        onChange: (event)=>setValue(event.target.value),
+        rows: numberProperty(element, 'rows', 4),
+        cols: numberProperty(element, 'cols'),
+        autoResize: booleanProperty(element, 'autoResize', false),
+        placeholder: stringProperty(element, 'placeholder'),
+        disabled: booleanProperty(element, 'disabled', false)
+    });
+}
+
+export { PrimeInputTextarea };
+//# sourceMappingURL=PrimeInputTextarea.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PrimeInputTextarea.js","sources":["../../../form/PrimeInputTextarea.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 { useState } from 'react';\nimport { InputTextarea } from 'primereact/inputtextarea';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { booleanProperty, numberProperty, stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:inputTextarea` component - a multi-line text field.\n *\n * Holds the typed value locally for the same reason {@link PrimeInputText} does.\n */\nexport function PrimeInputTextarea({ element }: RegisteredComponentProps) {\n    const [value, setValue] = useState(stringProperty(element, 'value', ''));\n    return (\n        <InputTextarea\n            data-scene-id={element.id}\n            value={value}\n            onChange={(event) => setValue(event.target.value)}\n            rows={numberProperty(element, 'rows', 4)}\n            cols={numberProperty(element, 'cols')}\n            autoResize={booleanProperty(element, 'autoResize', false)}\n            placeholder={stringProperty(element, 'placeholder')}\n            disabled={booleanProperty(element, 'disabled', false)}\n        />\n    );\n}\n"],"names":["PrimeInputTextarea","element","value","setValue","useState","stringProperty","_jsx","InputTextarea","data-scene-id","id","onChange","event","target","rows","numberProperty","cols","autoResize","booleanProperty","placeholder","disabled"],"mappings":";;;;;AAQA;;;;AAIC,IACM,SAASA,kBAAAA,CAAmB,EAAEC,OAAO,EAA4B,EAAA;AACpE,IAAA,MAAM,CAACC,KAAAA,EAAOC,QAAAA,CAAS,GAAGC,QAAAA,CAASC,cAAAA,CAAeJ,SAAS,OAAA,EAAS,EAAA,CAAA,CAAA;AACpE,IAAA,qBACIK,GAAA,CAACC,aAAAA,EAAAA;AACGC,QAAAA,eAAAA,EAAeP,QAAQQ,EAAE;QACzBP,KAAAA,EAAOA,KAAAA;AACPQ,QAAAA,QAAAA,EAAU,CAACC,KAAAA,GAAUR,QAAAA,CAASQ,KAAAA,CAAMC,MAAM,CAACV,KAAK,CAAA;QAChDW,IAAAA,EAAMC,cAAAA,CAAeb,SAAS,MAAA,EAAQ,CAAA,CAAA;AACtCc,QAAAA,IAAAA,EAAMD,eAAeb,OAAAA,EAAS,MAAA,CAAA;QAC9Be,UAAAA,EAAYC,eAAAA,CAAgBhB,SAAS,YAAA,EAAc,KAAA,CAAA;AACnDiB,QAAAA,WAAAA,EAAab,eAAeJ,OAAAA,EAAS,aAAA,CAAA;QACrCkB,QAAAA,EAAUF,eAAAA,CAAgBhB,SAAS,UAAA,EAAY,KAAA;;AAG3D;;;;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"PrimeKnob.d.ts","sourceRoot":"","sources":["../../../form/PrimeKnob.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAM/D,wBAAgB,SAAS,CAAC,EAAE,OAAO,EAAE,EAAE,wBAAwB,+BAe9D"}

package/dist/esm/form/PrimeKnob.js

@@ -0,0 +1,24 @@
+import { jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { Knob } from 'primereact/knob';
+import { numberProperty, booleanProperty } from '../properties.js';
+
+/**
+ * The `PrimeReact:knob` component - a circular value picker that doubles as a readout.
+ */ function PrimeKnob({ element }) {
+    const [value, setValue] = useState(numberProperty(element, 'value', 0));
+    return /*#__PURE__*/ jsx(Knob, {
+        "data-scene-id": element.id,
+        value: value,
+        onChange: (event)=>setValue(event.value),
+        min: numberProperty(element, 'min', 0),
+        max: numberProperty(element, 'max', 100),
+        step: numberProperty(element, 'step', 1),
+        size: numberProperty(element, 'size', 100),
+        readOnly: booleanProperty(element, 'readOnly', false),
+        disabled: booleanProperty(element, 'disabled', false)
+    });
+}
+
+export { PrimeKnob };
+//# sourceMappingURL=PrimeKnob.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PrimeKnob.js","sources":["../../../form/PrimeKnob.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 { useState } from 'react';\nimport { Knob } from 'primereact/knob';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { booleanProperty, numberProperty } from '../properties';\n\n/**\n * The `PrimeReact:knob` component - a circular value picker that doubles as a readout.\n */\nexport function PrimeKnob({ element }: RegisteredComponentProps) {\n    const [value, setValue] = useState(numberProperty(element, 'value', 0));\n    return (\n        <Knob\n            data-scene-id={element.id}\n            value={value}\n            onChange={(event) => setValue(event.value)}\n            min={numberProperty(element, 'min', 0)}\n            max={numberProperty(element, 'max', 100)}\n            step={numberProperty(element, 'step', 1)}\n            size={numberProperty(element, 'size', 100)}\n            readOnly={booleanProperty(element, 'readOnly', false)}\n            disabled={booleanProperty(element, 'disabled', false)}\n        />\n    );\n}\n"],"names":["PrimeKnob","element","value","setValue","useState","numberProperty","_jsx","Knob","data-scene-id","id","onChange","event","min","max","step","size","readOnly","booleanProperty","disabled"],"mappings":";;;;;AAQA;;AAEC,IACM,SAASA,SAAAA,CAAU,EAAEC,OAAO,EAA4B,EAAA;AAC3D,IAAA,MAAM,CAACC,KAAAA,EAAOC,QAAAA,CAAS,GAAGC,QAAAA,CAASC,cAAAA,CAAeJ,SAAS,OAAA,EAAS,CAAA,CAAA,CAAA;AACpE,IAAA,qBACIK,GAAA,CAACC,IAAAA,EAAAA;AACGC,QAAAA,eAAAA,EAAeP,QAAQQ,EAAE;QACzBP,KAAAA,EAAOA,KAAAA;AACPQ,QAAAA,QAAAA,EAAU,CAACC,KAAAA,GAAUR,QAAAA,CAASQ,KAAAA,CAAMT,KAAK,CAAA;QACzCU,GAAAA,EAAKP,cAAAA,CAAeJ,SAAS,KAAA,EAAO,CAAA,CAAA;QACpCY,GAAAA,EAAKR,cAAAA,CAAeJ,SAAS,KAAA,EAAO,GAAA,CAAA;QACpCa,IAAAA,EAAMT,cAAAA,CAAeJ,SAAS,MAAA,EAAQ,CAAA,CAAA;QACtCc,IAAAA,EAAMV,cAAAA,CAAeJ,SAAS,MAAA,EAAQ,GAAA,CAAA;QACtCe,QAAAA,EAAUC,eAAAA,CAAgBhB,SAAS,UAAA,EAAY,KAAA,CAAA;QAC/CiB,QAAAA,EAAUD,eAAAA,CAAgBhB,SAAS,UAAA,EAAY,KAAA;;AAG3D;;;;"}

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

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

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

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

package/dist/esm/form/PrimeListBox.js

@@ -0,0 +1,27 @@
+import { jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { ListBox } from 'primereact/listbox';
+import { stringProperty, booleanProperty, optionsProperty } from '../properties.js';
+
+/**
+ * The `PrimeReact:listBox` component - an always-visible list of choices.
+ *
+ * The alternative to a dropdown when the choices matter enough to stay on screen; `multiple` switches it
+ * between one and many.
+ */ function PrimeListBox({ element }) {
+    const [value, setValue] = useState(stringProperty(element, 'value'));
+    return /*#__PURE__*/ jsx(ListBox, {
+        "data-scene-id": element.id,
+        value: value,
+        onChange: (event)=>setValue(event.value),
+        options: optionsProperty(element, 'options'),
+        optionLabel: "label",
+        optionValue: "value",
+        multiple: booleanProperty(element, 'multiple', false),
+        filter: booleanProperty(element, 'filter', false),
+        disabled: booleanProperty(element, 'disabled', false)
+    });
+}
+
+export { PrimeListBox };
+//# sourceMappingURL=PrimeListBox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PrimeListBox.js","sources":["../../../form/PrimeListBox.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 { useState } from 'react';\nimport { ListBox } from 'primereact/listbox';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { booleanProperty, optionsProperty, stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:listBox` component - an always-visible list of choices.\n *\n * The alternative to a dropdown when the choices matter enough to stay on screen; `multiple` switches it\n * between one and many.\n */\nexport function PrimeListBox({ element }: RegisteredComponentProps) {\n    const [value, setValue] = useState<unknown>(stringProperty(element, 'value'));\n    return (\n        <ListBox\n            data-scene-id={element.id}\n            value={value}\n            onChange={(event) => setValue(event.value)}\n            options={optionsProperty(element, 'options')}\n            optionLabel='label'\n            optionValue='value'\n            multiple={booleanProperty(element, 'multiple', false)}\n            filter={booleanProperty(element, 'filter', false)}\n            disabled={booleanProperty(element, 'disabled', false)}\n        />\n    );\n}\n"],"names":["PrimeListBox","element","value","setValue","useState","stringProperty","_jsx","ListBox","data-scene-id","id","onChange","event","options","optionsProperty","optionLabel","optionValue","multiple","booleanProperty","filter","disabled"],"mappings":";;;;;AAQA;;;;;AAKC,IACM,SAASA,YAAAA,CAAa,EAAEC,OAAO,EAA4B,EAAA;AAC9D,IAAA,MAAM,CAACC,KAAAA,EAAOC,QAAAA,CAAS,GAAGC,QAAAA,CAAkBC,eAAeJ,OAAAA,EAAS,OAAA,CAAA,CAAA;AACpE,IAAA,qBACIK,GAAA,CAACC,OAAAA,EAAAA;AACGC,QAAAA,eAAAA,EAAeP,QAAQQ,EAAE;QACzBP,KAAAA,EAAOA,KAAAA;AACPQ,QAAAA,QAAAA,EAAU,CAACC,KAAAA,GAAUR,QAAAA,CAASQ,KAAAA,CAAMT,KAAK,CAAA;AACzCU,QAAAA,OAAAA,EAASC,gBAAgBZ,OAAAA,EAAS,SAAA,CAAA;QAClCa,WAAAA,EAAY,OAAA;QACZC,WAAAA,EAAY,OAAA;QACZC,QAAAA,EAAUC,eAAAA,CAAgBhB,SAAS,UAAA,EAAY,KAAA,CAAA;QAC/CiB,MAAAA,EAAQD,eAAAA,CAAgBhB,SAAS,QAAA,EAAU,KAAA,CAAA;QAC3CkB,QAAAA,EAAUF,eAAAA,CAAgBhB,SAAS,UAAA,EAAY,KAAA;;AAG3D;;;;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"PrimeMultiSelect.d.ts","sourceRoot":"","sources":["../../../form/PrimeMultiSelect.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAM/D,wBAAgB,gBAAgB,CAAC,EAAE,OAAO,EAAE,EAAE,wBAAwB,+BAgBrE"}

package/dist/esm/form/PrimeMultiSelect.js

@@ -0,0 +1,25 @@
+import { jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { MultiSelect } from 'primereact/multiselect';
+import { stringArrayProperty, booleanProperty, stringProperty, optionsProperty } from '../properties.js';
+
+/**
+ * The `PrimeReact:multiSelect` component - a multiple-choice select with a checkbox list.
+ */ function PrimeMultiSelect({ element }) {
+    const [value, setValue] = useState(stringArrayProperty(element, 'value'));
+    return /*#__PURE__*/ jsx(MultiSelect, {
+        "data-scene-id": element.id,
+        value: value,
+        onChange: (event)=>setValue(event.value),
+        options: optionsProperty(element, 'options'),
+        optionLabel: "label",
+        optionValue: "value",
+        display: stringProperty(element, 'display', 'comma'),
+        placeholder: stringProperty(element, 'placeholder', 'Select'),
+        filter: booleanProperty(element, 'filter', false),
+        disabled: booleanProperty(element, 'disabled', false)
+    });
+}
+
+export { PrimeMultiSelect };
+//# sourceMappingURL=PrimeMultiSelect.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PrimeMultiSelect.js","sources":["../../../form/PrimeMultiSelect.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 { useState } from 'react';\nimport { MultiSelect } from 'primereact/multiselect';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { booleanProperty, optionsProperty, stringArrayProperty, stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:multiSelect` component - a multiple-choice select with a checkbox list.\n */\nexport function PrimeMultiSelect({ element }: RegisteredComponentProps) {\n    const [value, setValue] = useState<string[]>(stringArrayProperty(element, 'value'));\n    return (\n        <MultiSelect\n            data-scene-id={element.id}\n            value={value}\n            onChange={(event) => setValue(event.value)}\n            options={optionsProperty(element, 'options')}\n            optionLabel='label'\n            optionValue='value'\n            display={stringProperty(element, 'display', 'comma') as 'comma' | 'chip'}\n            placeholder={stringProperty(element, 'placeholder', 'Select')}\n            filter={booleanProperty(element, 'filter', false)}\n            disabled={booleanProperty(element, 'disabled', false)}\n        />\n    );\n}\n"],"names":["PrimeMultiSelect","element","value","setValue","useState","stringArrayProperty","_jsx","MultiSelect","data-scene-id","id","onChange","event","options","optionsProperty","optionLabel","optionValue","display","stringProperty","placeholder","filter","booleanProperty","disabled"],"mappings":";;;;;AAQA;;AAEC,IACM,SAASA,gBAAAA,CAAiB,EAAEC,OAAO,EAA4B,EAAA;AAClE,IAAA,MAAM,CAACC,KAAAA,EAAOC,QAAAA,CAAS,GAAGC,QAAAA,CAAmBC,oBAAoBJ,OAAAA,EAAS,OAAA,CAAA,CAAA;AAC1E,IAAA,qBACIK,GAAA,CAACC,WAAAA,EAAAA;AACGC,QAAAA,eAAAA,EAAeP,QAAQQ,EAAE;QACzBP,KAAAA,EAAOA,KAAAA;AACPQ,QAAAA,QAAAA,EAAU,CAACC,KAAAA,GAAUR,QAAAA,CAASQ,KAAAA,CAAMT,KAAK,CAAA;AACzCU,QAAAA,OAAAA,EAASC,gBAAgBZ,OAAAA,EAAS,SAAA,CAAA;QAClCa,WAAAA,EAAY,OAAA;QACZC,WAAAA,EAAY,OAAA;QACZC,OAAAA,EAASC,cAAAA,CAAehB,SAAS,SAAA,EAAW,OAAA,CAAA;QAC5CiB,WAAAA,EAAaD,cAAAA,CAAehB,SAAS,aAAA,EAAe,QAAA,CAAA;QACpDkB,MAAAA,EAAQC,eAAAA,CAAgBnB,SAAS,QAAA,EAAU,KAAA,CAAA;QAC3CoB,QAAAA,EAAUD,eAAAA,CAAgBnB,SAAS,UAAA,EAAY,KAAA;;AAG3D;;;;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"PrimePassword.d.ts","sourceRoot":"","sources":["../../../form/PrimePassword.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAM/D,wBAAgB,aAAa,CAAC,EAAE,OAAO,EAAE,EAAE,wBAAwB,+BAalE"}

package/dist/esm/form/PrimePassword.js

@@ -0,0 +1,22 @@
+import { jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { Password } from 'primereact/password';
+import { stringProperty, booleanProperty } from '../properties.js';
+
+/**
+ * The `PrimeReact:password` component - a masked field with an optional strength meter.
+ */ function PrimePassword({ element }) {
+    const [value, setValue] = useState(stringProperty(element, 'value', ''));
+    return /*#__PURE__*/ jsx(Password, {
+        "data-scene-id": element.id,
+        value: value,
+        onChange: (event)=>setValue(event.target.value),
+        feedback: booleanProperty(element, 'feedback', true),
+        toggleMask: booleanProperty(element, 'toggleMask', true),
+        placeholder: stringProperty(element, 'placeholder'),
+        disabled: booleanProperty(element, 'disabled', false)
+    });
+}
+
+export { PrimePassword };
+//# sourceMappingURL=PrimePassword.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PrimePassword.js","sources":["../../../form/PrimePassword.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 { useState } from 'react';\nimport { Password } from 'primereact/password';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { booleanProperty, stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:password` component - a masked field with an optional strength meter.\n */\nexport function PrimePassword({ element }: RegisteredComponentProps) {\n    const [value, setValue] = useState(stringProperty(element, 'value', ''));\n    return (\n        <Password\n            data-scene-id={element.id}\n            value={value}\n            onChange={(event) => setValue(event.target.value)}\n            feedback={booleanProperty(element, 'feedback', true)}\n            toggleMask={booleanProperty(element, 'toggleMask', true)}\n            placeholder={stringProperty(element, 'placeholder')}\n            disabled={booleanProperty(element, 'disabled', false)}\n        />\n    );\n}\n"],"names":["PrimePassword","element","value","setValue","useState","stringProperty","_jsx","Password","data-scene-id","id","onChange","event","target","feedback","booleanProperty","toggleMask","placeholder","disabled"],"mappings":";;;;;AAQA;;AAEC,IACM,SAASA,aAAAA,CAAc,EAAEC,OAAO,EAA4B,EAAA;AAC/D,IAAA,MAAM,CAACC,KAAAA,EAAOC,QAAAA,CAAS,GAAGC,QAAAA,CAASC,cAAAA,CAAeJ,SAAS,OAAA,EAAS,EAAA,CAAA,CAAA;AACpE,IAAA,qBACIK,GAAA,CAACC,QAAAA,EAAAA;AACGC,QAAAA,eAAAA,EAAeP,QAAQQ,EAAE;QACzBP,KAAAA,EAAOA,KAAAA;AACPQ,QAAAA,QAAAA,EAAU,CAACC,KAAAA,GAAUR,QAAAA,CAASQ,KAAAA,CAAMC,MAAM,CAACV,KAAK,CAAA;QAChDW,QAAAA,EAAUC,eAAAA,CAAgBb,SAAS,UAAA,EAAY,IAAA,CAAA;QAC/Cc,UAAAA,EAAYD,eAAAA,CAAgBb,SAAS,YAAA,EAAc,IAAA,CAAA;AACnDe,QAAAA,WAAAA,EAAaX,eAAeJ,OAAAA,EAAS,aAAA,CAAA;QACrCgB,QAAAA,EAAUH,eAAAA,CAAgBb,SAAS,UAAA,EAAY,KAAA;;AAG3D;;;;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"PrimeRadioButton.d.ts","sourceRoot":"","sources":["../../../form/PrimeRadioButton.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAW/D,wBAAgB,gBAAgB,CAAC,EAAE,OAAO,EAAE,EAAE,wBAAwB,+BAsBrE"}

package/dist/esm/form/PrimeRadioButton.js

@@ -0,0 +1,47 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { RadioButton } from 'primereact/radiobutton';
+import { stringProperty, optionsProperty, booleanProperty } from '../properties.js';
+
+/**
+ * The `PrimeReact:radioButton` component - one exclusive choice out of several.
+ *
+ * PrimeReact's RadioButton is a single button, but a lone radio button is never what a screen means: the
+ * choice is the group. The adapter therefore renders the whole group from `options`, sharing one
+ * `name` so the browser enforces exclusivity, and falls back to a single button when only a `label` was
+ * given.
+ */ function PrimeRadioButton({ element }) {
+    const [value, setValue] = useState(stringProperty(element, 'value'));
+    const options = optionsProperty(element, 'options');
+    const choices = options.length > 0 ? options : [
+        {
+            label: stringProperty(element, 'label', 'Option'),
+            value: element.id
+        }
+    ];
+    const disabled = booleanProperty(element, 'disabled', false);
+    return /*#__PURE__*/ jsx("div", {
+        "data-scene-id": element.id,
+        className: "flex flex-col gap-2",
+        children: choices.map((choice)=>/*#__PURE__*/ jsxs("div", {
+                className: "flex items-center gap-2",
+                children: [
+                    /*#__PURE__*/ jsx(RadioButton, {
+                        inputId: `${element.id}-${choice.value}`,
+                        name: element.id,
+                        value: choice.value,
+                        checked: value === choice.value,
+                        onChange: (event)=>setValue(event.value),
+                        disabled: disabled
+                    }),
+                    /*#__PURE__*/ jsx("label", {
+                        htmlFor: `${element.id}-${choice.value}`,
+                        children: choice.label
+                    })
+                ]
+            }, choice.value))
+    });
+}
+
+export { PrimeRadioButton };
+//# sourceMappingURL=PrimeRadioButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PrimeRadioButton.js","sources":["../../../form/PrimeRadioButton.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 { useState } from 'react';\nimport { RadioButton } from 'primereact/radiobutton';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { booleanProperty, optionsProperty, stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:radioButton` component - one exclusive choice out of several.\n *\n * PrimeReact's RadioButton is a single button, but a lone radio button is never what a screen means: the\n * choice is the group. The adapter therefore renders the whole group from `options`, sharing one\n * `name` so the browser enforces exclusivity, and falls back to a single button when only a `label` was\n * given.\n */\nexport function PrimeRadioButton({ element }: RegisteredComponentProps) {\n    const [value, setValue] = useState<string | undefined>(stringProperty(element, 'value'));\n    const options = optionsProperty(element, 'options');\n    const choices = options.length > 0 ? options : [{ label: stringProperty(element, 'label', 'Option'), value: element.id }];\n    const disabled = booleanProperty(element, 'disabled', false);\n    return (\n        <div data-scene-id={element.id} className='flex flex-col gap-2'>\n            {choices.map((choice) => (\n                <div key={choice.value} className='flex items-center gap-2'>\n                    <RadioButton\n                        inputId={`${element.id}-${choice.value}`}\n                        name={element.id}\n                        value={choice.value}\n                        checked={value === choice.value}\n                        onChange={(event) => setValue(event.value)}\n                        disabled={disabled}\n                    />\n                    <label htmlFor={`${element.id}-${choice.value}`}>{choice.label}</label>\n                </div>\n            ))}\n        </div>\n    );\n}\n"],"names":["PrimeRadioButton","element","value","setValue","useState","stringProperty","options","optionsProperty","choices","length","label","id","disabled","booleanProperty","_jsx","div","data-scene-id","className","map","choice","_jsxs","RadioButton","inputId","name","checked","onChange","event","htmlFor"],"mappings":";;;;;AAQA;;;;;;;AAOC,IACM,SAASA,gBAAAA,CAAiB,EAAEC,OAAO,EAA4B,EAAA;AAClE,IAAA,MAAM,CAACC,KAAAA,EAAOC,QAAAA,CAAS,GAAGC,QAAAA,CAA6BC,eAAeJ,OAAAA,EAAS,OAAA,CAAA,CAAA;IAC/E,MAAMK,OAAAA,GAAUC,gBAAgBN,OAAAA,EAAS,SAAA,CAAA;AACzC,IAAA,MAAMO,OAAAA,GAAUF,OAAAA,CAAQG,MAAM,GAAG,IAAIH,OAAAA,GAAU;AAAC,QAAA;YAAEI,KAAAA,EAAOL,cAAAA,CAAeJ,SAAS,OAAA,EAAS,QAAA,CAAA;AAAWC,YAAAA,KAAAA,EAAOD,QAAQU;AAAG;AAAE,KAAA;IACzH,MAAMC,QAAAA,GAAWC,eAAAA,CAAgBZ,OAAAA,EAAS,UAAA,EAAY,KAAA,CAAA;AACtD,IAAA,qBACIa,GAAA,CAACC,KAAAA,EAAAA;AAAIC,QAAAA,eAAAA,EAAef,QAAQU,EAAE;QAAEM,SAAAA,EAAU,qBAAA;AACrCT,QAAAA,QAAAA,EAAAA,OAAAA,CAAQU,GAAG,CAAC,CAACC,MAAAA,iBACVC,IAAA,CAACL,KAAAA,EAAAA;gBAAuBE,SAAAA,EAAU,yBAAA;;kCAC9BH,GAAA,CAACO,WAAAA,EAAAA;wBACGC,OAAAA,EAAS,CAAA,EAAGrB,QAAQU,EAAE,CAAC,CAAC,EAAEQ,MAAAA,CAAOjB,KAAK,CAAA,CAAE;AACxCqB,wBAAAA,IAAAA,EAAMtB,QAAQU,EAAE;AAChBT,wBAAAA,KAAAA,EAAOiB,OAAOjB,KAAK;wBACnBsB,OAAAA,EAAStB,KAAAA,KAAUiB,OAAOjB,KAAK;AAC/BuB,wBAAAA,QAAAA,EAAU,CAACC,KAAAA,GAAUvB,QAAAA,CAASuB,KAAAA,CAAMxB,KAAK,CAAA;wBACzCU,QAAAA,EAAUA;;kCAEdE,GAAA,CAACJ,OAAAA,EAAAA;wBAAMiB,OAAAA,EAAS,CAAA,EAAG1B,QAAQU,EAAE,CAAC,CAAC,EAAEQ,MAAAA,CAAOjB,KAAK,CAAA,CAAE;AAAGiB,wBAAAA,QAAAA,EAAAA,MAAAA,CAAOT;;;AATnDS,aAAAA,EAAAA,MAAAA,CAAOjB,KAAK,CAAA;;AActC;;;;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"PrimeRating.d.ts","sourceRoot":"","sources":["../../../form/PrimeRating.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAM/D,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,EAAE,wBAAwB,+BAahE"}

package/dist/esm/form/PrimeRating.js

@@ -0,0 +1,22 @@
+import { jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { Rating } from 'primereact/rating';
+import { numberProperty, booleanProperty } from '../properties.js';
+
+/**
+ * The `PrimeReact:rating` component - a star rating.
+ */ function PrimeRating({ element }) {
+    const [value, setValue] = useState(numberProperty(element, 'value'));
+    return /*#__PURE__*/ jsx(Rating, {
+        "data-scene-id": element.id,
+        value: value,
+        onChange: (event)=>setValue(typeof event.value === 'number' ? event.value : undefined),
+        stars: numberProperty(element, 'stars', 5),
+        cancel: booleanProperty(element, 'cancel', true),
+        readOnly: booleanProperty(element, 'readOnly', false),
+        disabled: booleanProperty(element, 'disabled', false)
+    });
+}
+
+export { PrimeRating };
+//# sourceMappingURL=PrimeRating.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PrimeRating.js","sources":["../../../form/PrimeRating.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 { useState } from 'react';\nimport { Rating } from 'primereact/rating';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { booleanProperty, numberProperty } from '../properties';\n\n/**\n * The `PrimeReact:rating` component - a star rating.\n */\nexport function PrimeRating({ element }: RegisteredComponentProps) {\n    const [value, setValue] = useState<number | undefined>(numberProperty(element, 'value'));\n    return (\n        <Rating\n            data-scene-id={element.id}\n            value={value}\n            onChange={(event) => setValue(typeof event.value === 'number' ? event.value : undefined)}\n            stars={numberProperty(element, 'stars', 5)}\n            cancel={booleanProperty(element, 'cancel', true)}\n            readOnly={booleanProperty(element, 'readOnly', false)}\n            disabled={booleanProperty(element, 'disabled', false)}\n        />\n    );\n}\n"],"names":["PrimeRating","element","value","setValue","useState","numberProperty","_jsx","Rating","data-scene-id","id","onChange","event","undefined","stars","cancel","booleanProperty","readOnly","disabled"],"mappings":";;;;;AAQA;;AAEC,IACM,SAASA,WAAAA,CAAY,EAAEC,OAAO,EAA4B,EAAA;AAC7D,IAAA,MAAM,CAACC,KAAAA,EAAOC,QAAAA,CAAS,GAAGC,QAAAA,CAA6BC,eAAeJ,OAAAA,EAAS,OAAA,CAAA,CAAA;AAC/E,IAAA,qBACIK,GAAA,CAACC,MAAAA,EAAAA;AACGC,QAAAA,eAAAA,EAAeP,QAAQQ,EAAE;QACzBP,KAAAA,EAAOA,KAAAA;QACPQ,QAAAA,EAAU,CAACC,KAAAA,GAAUR,QAAAA,CAAS,OAAOQ,KAAAA,CAAMT,KAAK,KAAK,QAAA,GAAWS,KAAAA,CAAMT,KAAK,GAAGU,SAAAA,CAAAA;QAC9EC,KAAAA,EAAOR,cAAAA,CAAeJ,SAAS,OAAA,EAAS,CAAA,CAAA;QACxCa,MAAAA,EAAQC,eAAAA,CAAgBd,SAAS,QAAA,EAAU,IAAA,CAAA;QAC3Ce,QAAAA,EAAUD,eAAAA,CAAgBd,SAAS,UAAA,EAAY,KAAA,CAAA;QAC/CgB,QAAAA,EAAUF,eAAAA,CAAgBd,SAAS,UAAA,EAAY,KAAA;;AAG3D;;;;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"PrimeSelectButton.d.ts","sourceRoot":"","sources":["../../../form/PrimeSelectButton.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAQ/D,wBAAgB,iBAAiB,CAAC,EAAE,OAAO,EAAE,EAAE,wBAAwB,+BActE"}

package/dist/esm/form/PrimeSelectButton.js

@@ -0,0 +1,25 @@
+import { jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { SelectButton } from 'primereact/selectbutton';
+import { stringProperty, booleanProperty, optionsProperty } from '../properties.js';
+
+/**
+ * The `PrimeReact:selectButton` component - a small set of choices shown as joined toggle buttons.
+ *
+ * In PrimeReact 11 this component is renamed `ToggleButtonGroup`.
+ */ function PrimeSelectButton({ element }) {
+    const [value, setValue] = useState(stringProperty(element, 'value'));
+    return /*#__PURE__*/ jsx(SelectButton, {
+        "data-scene-id": element.id,
+        value: value,
+        onChange: (event)=>setValue(event.value),
+        options: optionsProperty(element, 'options'),
+        optionLabel: "label",
+        optionValue: "value",
+        multiple: booleanProperty(element, 'multiple', false),
+        disabled: booleanProperty(element, 'disabled', false)
+    });
+}
+
+export { PrimeSelectButton };
+//# sourceMappingURL=PrimeSelectButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PrimeSelectButton.js","sources":["../../../form/PrimeSelectButton.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 { useState } from 'react';\nimport { SelectButton } from 'primereact/selectbutton';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { booleanProperty, optionsProperty, stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:selectButton` component - a small set of choices shown as joined toggle buttons.\n *\n * In PrimeReact 11 this component is renamed `ToggleButtonGroup`.\n */\nexport function PrimeSelectButton({ element }: RegisteredComponentProps) {\n    const [value, setValue] = useState<unknown>(stringProperty(element, 'value'));\n    return (\n        <SelectButton\n            data-scene-id={element.id}\n            value={value}\n            onChange={(event) => setValue(event.value)}\n            options={optionsProperty(element, 'options')}\n            optionLabel='label'\n            optionValue='value'\n            multiple={booleanProperty(element, 'multiple', false)}\n            disabled={booleanProperty(element, 'disabled', false)}\n        />\n    );\n}\n"],"names":["PrimeSelectButton","element","value","setValue","useState","stringProperty","_jsx","SelectButton","data-scene-id","id","onChange","event","options","optionsProperty","optionLabel","optionValue","multiple","booleanProperty","disabled"],"mappings":";;;;;AAQA;;;;AAIC,IACM,SAASA,iBAAAA,CAAkB,EAAEC,OAAO,EAA4B,EAAA;AACnE,IAAA,MAAM,CAACC,KAAAA,EAAOC,QAAAA,CAAS,GAAGC,QAAAA,CAAkBC,eAAeJ,OAAAA,EAAS,OAAA,CAAA,CAAA;AACpE,IAAA,qBACIK,GAAA,CAACC,YAAAA,EAAAA;AACGC,QAAAA,eAAAA,EAAeP,QAAQQ,EAAE;QACzBP,KAAAA,EAAOA,KAAAA;AACPQ,QAAAA,QAAAA,EAAU,CAACC,KAAAA,GAAUR,QAAAA,CAASQ,KAAAA,CAAMT,KAAK,CAAA;AACzCU,QAAAA,OAAAA,EAASC,gBAAgBZ,OAAAA,EAAS,SAAA,CAAA;QAClCa,WAAAA,EAAY,OAAA;QACZC,WAAAA,EAAY,OAAA;QACZC,QAAAA,EAAUC,eAAAA,CAAgBhB,SAAS,UAAA,EAAY,KAAA,CAAA;QAC/CiB,QAAAA,EAAUD,eAAAA,CAAgBhB,SAAS,UAAA,EAAY,KAAA;;AAG3D;;;;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"PrimeSlider.d.ts","sourceRoot":"","sources":["../../../form/PrimeSlider.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAS/D,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,EAAE,wBAAwB,+BAchE"}