@cratis/scene.primereact 1.0.0 → 2.0.0

package/dist/esm/form/PrimeMultiSelect.js

@@ -1,23 +1,58 @@
-import { jsx } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
-import { MultiSelect } from 'primereact/multiselect';
-import { stringArrayProperty, booleanProperty, stringProperty, optionsProperty } from '../properties.js';
+import { Select } from 'primereact/select';
+import { stringArrayProperty, stringProperty, booleanProperty, optionsProperty } from '../properties.js';
 
 /**
- * The `PrimeReact:multiSelect` component - a multiple-choice select with a checkbox list.
+ * The `PrimeReact:multiSelect` component - a multiple-choice select.
+ *
+ * There is no `MultiSelect` in PrimeReact 11; the capability moved onto `Select`, which takes a
+ * `multiple` prop. Keeping the abstract name and re-expressing it over `Select` is the whole point of
+ * having an abstract name: a screen that says `multiSelect` keeps working, and only this file knows the
+ * component behind it changed.
+ *
+ * Two v10 properties have nowhere to go and are deliberately dropped rather than silently ignored.
+ * `display` chose between a comma-separated summary and a row of chips, and `maxSelectedLabels` collapsed
+ * a long selection into an "n items selected" label - both were features of v10's own selection renderer.
+ * v11 renders the selection through `Select.Value`, which joins the selected labels with commas and
+ * offers no chip mode and no collapse threshold, so honoring either property would mean reimplementing
+ * the value slot rather than configuring it.
  */ function PrimeMultiSelect({ element }) {
     const [value, setValue] = useState(stringArrayProperty(element, 'value'));
-    return /*#__PURE__*/ jsx(MultiSelect, {
+    const placeholder = stringProperty(element, 'placeholder', 'Select');
+    const filter = booleanProperty(element, 'filter', false);
+    return /*#__PURE__*/ jsxs(Select.Root, {
         "data-scene-id": element.id,
+        multiple: true,
         value: value,
-        onChange: (event)=>setValue(event.value),
+        onValueChange: (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)
+        filter: filter,
+        disabled: booleanProperty(element, 'disabled', false),
+        children: [
+            /*#__PURE__*/ jsxs(Select.Trigger, {
+                children: [
+                    /*#__PURE__*/ jsx(Select.Value, {
+                        placeholder: placeholder
+                    }),
+                    /*#__PURE__*/ jsx(Select.Arrow, {})
+                ]
+            }),
+            /*#__PURE__*/ jsx(Select.Portal, {
+                children: /*#__PURE__*/ jsx(Select.Positioner, {
+                    children: /*#__PURE__*/ jsxs(Select.Popup, {
+                        children: [
+                            filter && /*#__PURE__*/ jsx(Select.Filter, {
+                                placeholder: placeholder
+                            }),
+                            /*#__PURE__*/ jsx(Select.List, {})
+                        ]
+                    })
+                })
+            })
+        ]
     });
 }
 

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

@@ -1 +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;;;;"}
+{"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 { Select } from 'primereact/select';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { booleanProperty, optionsProperty, stringArrayProperty, stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:multiSelect` component - a multiple-choice select.\n *\n * There is no `MultiSelect` in PrimeReact 11; the capability moved onto `Select`, which takes a\n * `multiple` prop. Keeping the abstract name and re-expressing it over `Select` is the whole point of\n * having an abstract name: a screen that says `multiSelect` keeps working, and only this file knows the\n * component behind it changed.\n *\n * Two v10 properties have nowhere to go and are deliberately dropped rather than silently ignored.\n * `display` chose between a comma-separated summary and a row of chips, and `maxSelectedLabels` collapsed\n * a long selection into an \"n items selected\" label - both were features of v10's own selection renderer.\n * v11 renders the selection through `Select.Value`, which joins the selected labels with commas and\n * offers no chip mode and no collapse threshold, so honoring either property would mean reimplementing\n * the value slot rather than configuring it.\n */\nexport function PrimeMultiSelect({ element }: RegisteredComponentProps) {\n    const [value, setValue] = useState<unknown>(stringArrayProperty(element, 'value'));\n    const placeholder = stringProperty(element, 'placeholder', 'Select');\n    const filter = booleanProperty(element, 'filter', false);\n    return (\n        <Select.Root\n            data-scene-id={element.id}\n            multiple\n            value={value}\n            onValueChange={(event) => setValue(event.value)}\n            options={optionsProperty(element, 'options')}\n            optionLabel='label'\n            optionValue='value'\n            filter={filter}\n            disabled={booleanProperty(element, 'disabled', false)}>\n            <Select.Trigger>\n                <Select.Value placeholder={placeholder} />\n                <Select.Arrow />\n            </Select.Trigger>\n            <Select.Portal>\n                <Select.Positioner>\n                    <Select.Popup>\n                        {filter && <Select.Filter placeholder={placeholder} />}\n                        <Select.List />\n                    </Select.Popup>\n                </Select.Positioner>\n            </Select.Portal>\n        </Select.Root>\n    );\n}\n"],"names":["PrimeMultiSelect","element","value","setValue","useState","stringArrayProperty","placeholder","stringProperty","filter","booleanProperty","_jsxs","Select","Root","data-scene-id","id","multiple","onValueChange","event","options","optionsProperty","optionLabel","optionValue","disabled","Trigger","_jsx","Value","Arrow","Portal","Positioner","Popup","Filter","List"],"mappings":";;;;;AAQA;;;;;;;;;;;;;;AAcC,IACM,SAASA,gBAAAA,CAAiB,EAAEC,OAAO,EAA4B,EAAA;AAClE,IAAA,MAAM,CAACC,KAAAA,EAAOC,QAAAA,CAAS,GAAGC,QAAAA,CAAkBC,oBAAoBJ,OAAAA,EAAS,OAAA,CAAA,CAAA;IACzE,MAAMK,WAAAA,GAAcC,cAAAA,CAAeN,OAAAA,EAAS,aAAA,EAAe,QAAA,CAAA;IAC3D,MAAMO,MAAAA,GAASC,eAAAA,CAAgBR,OAAAA,EAAS,QAAA,EAAU,KAAA,CAAA;IAClD,qBACIS,IAAA,CAACC,OAAOC,IAAI,EAAA;AACRC,QAAAA,eAAAA,EAAeZ,QAAQa,EAAE;QACzBC,QAAQ,EAAA,IAAA;QACRb,KAAAA,EAAOA,KAAAA;AACPc,QAAAA,aAAAA,EAAe,CAACC,KAAAA,GAAUd,QAAAA,CAASc,KAAAA,CAAMf,KAAK,CAAA;AAC9CgB,QAAAA,OAAAA,EAASC,gBAAgBlB,OAAAA,EAAS,SAAA,CAAA;QAClCmB,WAAAA,EAAY,OAAA;QACZC,WAAAA,EAAY,OAAA;QACZb,MAAAA,EAAQA,MAAAA;QACRc,QAAAA,EAAUb,eAAAA,CAAgBR,SAAS,UAAA,EAAY,KAAA,CAAA;;AAC/C,0BAAAS,IAAA,CAACC,OAAOY,OAAO,EAAA;;AACX,kCAAAC,GAAA,CAACb,OAAOc,KAAK,EAAA;wBAACnB,WAAAA,EAAaA;;AAC3B,kCAAAkB,GAAA,CAACb,OAAOe,KAAK,EAAA,EAAA;;;AAEjB,0BAAAF,GAAA,CAACb,OAAOgB,MAAM,EAAA;wCACVH,GAAA,CAACb,OAAOiB,UAAU,EAAA;4CACdlB,IAAA,CAACC,OAAOkB,KAAK,EAAA;;4BACRrB,MAAAA,kBAAUgB,GAAA,CAACb,OAAOmB,MAAM,EAAA;gCAACxB,WAAAA,EAAaA;;AACvC,0CAAAkB,GAAA,CAACb,OAAOoB,IAAI,EAAA,EAAA;;;;;;;AAMpC;;;;"}

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

@@ -1 +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"}
+{"version":3,"file":"PrimePassword.d.ts","sourceRoot":"","sources":["../../../form/PrimePassword.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAa/D,wBAAgB,aAAa,CAAC,EAAE,OAAO,EAAE,EAAE,wBAAwB,+BAYlE"}

package/dist/esm/form/PrimePassword.js

@@ -1,18 +1,24 @@
 import { jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
-import { Password } from 'primereact/password';
+import { InputPassword } from 'primereact/inputpassword';
 import { stringProperty, booleanProperty } from '../properties.js';
 
 /**
- * The `PrimeReact:password` component - a masked field with an optional strength meter.
+ * The `PrimeReact:password` component - a masked field, named `InputPassword` by PrimeReact 11.
+ *
+ * v11 pared this back to what a password field actually is: an input that renders as `type="password"`
+ * until something flips `mask`. The v10 `feedback` strength meter and the `toggleMask` eye button are
+ * both gone from the component - there is no prompt/weak/medium/strong panel and no built-in reveal
+ * control to switch on - so neither property is read here. `mask` is exposed instead, which is the one
+ * knob that survived and the one an authored screen can actually mean: a preview that starts revealed.
+ * A screen that needs a reveal button now owns that button, because only the screen knows where it goes.
  */ function PrimePassword({ element }) {
     const [value, setValue] = useState(stringProperty(element, 'value', ''));
-    return /*#__PURE__*/ jsx(Password, {
+    return /*#__PURE__*/ jsx(InputPassword, {
         "data-scene-id": element.id,
         value: value,
-        onChange: (event)=>setValue(event.target.value),
-        feedback: booleanProperty(element, 'feedback', true),
-        toggleMask: booleanProperty(element, 'toggleMask', true),
+        onValueChange: (event)=>setValue(event.value ?? ''),
+        mask: booleanProperty(element, 'mask', true),
         placeholder: stringProperty(element, 'placeholder'),
         disabled: booleanProperty(element, 'disabled', false)
     });

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

@@ -1 +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;;;;"}
+{"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 { InputPassword } from 'primereact/inputpassword';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { booleanProperty, stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:password` component - a masked field, named `InputPassword` by PrimeReact 11.\n *\n * v11 pared this back to what a password field actually is: an input that renders as `type=\"password\"`\n * until something flips `mask`. The v10 `feedback` strength meter and the `toggleMask` eye button are\n * both gone from the component - there is no prompt/weak/medium/strong panel and no built-in reveal\n * control to switch on - so neither property is read here. `mask` is exposed instead, which is the one\n * knob that survived and the one an authored screen can actually mean: a preview that starts revealed.\n * A screen that needs a reveal button now owns that button, because only the screen knows where it goes.\n */\nexport function PrimePassword({ element }: RegisteredComponentProps) {\n    const [value, setValue] = useState(stringProperty(element, 'value', ''));\n    return (\n        <InputPassword\n            data-scene-id={element.id}\n            value={value}\n            onValueChange={(event) => setValue(event.value ?? '')}\n            mask={booleanProperty(element, 'mask', true)}\n            placeholder={stringProperty(element, 'placeholder')}\n            disabled={booleanProperty(element, 'disabled', false)}\n        />\n    );\n}\n"],"names":["PrimePassword","element","value","setValue","useState","stringProperty","_jsx","InputPassword","data-scene-id","id","onValueChange","event","mask","booleanProperty","placeholder","disabled"],"mappings":";;;;;AAQA;;;;;;;;;AASC,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,aAAAA,EAAAA;AACGC,QAAAA,eAAAA,EAAeP,QAAQQ,EAAE;QACzBP,KAAAA,EAAOA,KAAAA;AACPQ,QAAAA,aAAAA,EAAe,CAACC,KAAAA,GAAUR,QAAAA,CAASQ,KAAAA,CAAMT,KAAK,IAAI,EAAA,CAAA;QAClDU,IAAAA,EAAMC,eAAAA,CAAgBZ,SAAS,MAAA,EAAQ,IAAA,CAAA;AACvCa,QAAAA,WAAAA,EAAaT,eAAeJ,OAAAA,EAAS,aAAA,CAAA;QACrCc,QAAAA,EAAUF,eAAAA,CAAgBZ,SAAS,UAAA,EAAY,KAAA;;AAG3D;;;;"}

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

@@ -1 +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"}
+{"version":3,"file":"PrimeRadioButton.d.ts","sourceRoot":"","sources":["../../../form/PrimeRadioButton.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAgB/D,wBAAgB,gBAAgB,CAAC,EAAE,OAAO,EAAE,EAAE,wBAAwB,+BA2BrE"}

package/dist/esm/form/PrimeRadioButton.js

@@ -10,6 +10,11 @@ import { stringProperty, optionsProperty, booleanProperty } from '../properties.
  * 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.
+ *
+ * PrimeReact 11 splits each button into `Root` (the real radio input and its state), `Box` and
+ * `Indicator`, and reports selection as `onCheckedChange`. Only the transition *into* checked is acted
+ * on: the browser also fires the sibling losing its check, and treating that as a selection would clear
+ * the value a moment after the user set it.
  */ function PrimeRadioButton({ element }) {
     const [value, setValue] = useState(stringProperty(element, 'value'));
     const options = optionsProperty(element, 'options');
@@ -26,13 +31,18 @@ import { stringProperty, optionsProperty, booleanProperty } from '../properties.
         children: choices.map((choice)=>/*#__PURE__*/ jsxs("div", {
                 className: "flex items-center gap-2",
                 children: [
-                    /*#__PURE__*/ jsx(RadioButton, {
+                    /*#__PURE__*/ jsx(RadioButton.Root, {
                         inputId: `${element.id}-${choice.value}`,
                         name: element.id,
                         value: choice.value,
                         checked: value === choice.value,
-                        onChange: (event)=>setValue(event.value),
-                        disabled: disabled
+                        onCheckedChange: (event)=>{
+                            if (event.checked) setValue(choice.value);
+                        },
+                        disabled: disabled,
+                        children: /*#__PURE__*/ jsx(RadioButton.Box, {
+                            children: /*#__PURE__*/ jsx(RadioButton.Indicator, {})
+                        })
                     }),
                     /*#__PURE__*/ jsx("label", {
                         htmlFor: `${element.id}-${choice.value}`,

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

@@ -1 +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;;;;"}
+{"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 *\n * PrimeReact 11 splits each button into `Root` (the real radio input and its state), `Box` and\n * `Indicator`, and reports selection as `onCheckedChange`. Only the transition *into* checked is acted\n * on: the browser also fires the sibling losing its check, and treating that as a selection would clear\n * the value a moment after the user set it.\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.Root\n                        inputId={`${element.id}-${choice.value}`}\n                        name={element.id}\n                        value={choice.value}\n                        checked={value === choice.value}\n                        onCheckedChange={(event) => {\n                            if (event.checked) setValue(choice.value);\n                        }}\n                        disabled={disabled}>\n                        <RadioButton.Box>\n                            <RadioButton.Indicator />\n                        </RadioButton.Box>\n                    </RadioButton.Root>\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","Root","inputId","name","checked","onCheckedChange","event","Box","Indicator","htmlFor"],"mappings":";;;;;AAQA;;;;;;;;;;;;AAYC,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;;AAC9B,kCAAAH,GAAA,CAACO,YAAYC,IAAI,EAAA;wBACbC,OAAAA,EAAS,CAAA,EAAGtB,QAAQU,EAAE,CAAC,CAAC,EAAEQ,MAAAA,CAAOjB,KAAK,CAAA,CAAE;AACxCsB,wBAAAA,IAAAA,EAAMvB,QAAQU,EAAE;AAChBT,wBAAAA,KAAAA,EAAOiB,OAAOjB,KAAK;wBACnBuB,OAAAA,EAASvB,KAAAA,KAAUiB,OAAOjB,KAAK;AAC/BwB,wBAAAA,eAAAA,EAAiB,CAACC,KAAAA,GAAAA;AACd,4BAAA,IAAIA,KAAAA,CAAMF,OAAO,EAAEtB,QAAAA,CAASgB,OAAOjB,KAAK,CAAA;AAC5C,wBAAA,CAAA;wBACAU,QAAAA,EAAUA,QAAAA;gDACVE,GAAA,CAACO,YAAYO,GAAG,EAAA;oDACZd,GAAA,CAACO,YAAYQ,SAAS,EAAA,EAAA;;;kCAG9Bf,GAAA,CAACJ,OAAAA,EAAAA;wBAAMoB,OAAAA,EAAS,CAAA,EAAG7B,QAAQU,EAAE,CAAC,CAAC,EAAEQ,MAAAA,CAAOjB,KAAK,CAAA,CAAE;AAAGiB,wBAAAA,QAAAA,EAAAA,MAAAA,CAAOT;;;AAdnDS,aAAAA,EAAAA,MAAAA,CAAOjB,KAAK,CAAA;;AAmBtC;;;;"}

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

@@ -1 +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"}
+{"version":3,"file":"PrimeRating.d.ts","sourceRoot":"","sources":["../../../form/PrimeRating.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAc/D,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,EAAE,wBAAwB,+BAsBhE"}

package/dist/esm/form/PrimeRating.js

@@ -1,20 +1,45 @@
-import { jsx } from 'react/jsx-runtime';
+import { jsx, jsxs } 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.
+ *
+ * `stars` is no longer a prop the component reads: PrimeReact 11 takes the stars as children, so the
+ * count is what this adapter builds the `Rating.Option` list from, and the icons are ours to name -
+ * `On` and `Off` are the filled and empty faces of one star. The upside of the change is that a rating
+ * of hearts or flames is now a different icon class rather than a different component.
+ *
+ * v10's `cancel` property is not read. It rendered an extra leading icon that reset the rating to none;
+ * v11 has no such part and no "clear" affordance, so there is nothing left to switch on.
  */ function PrimeRating({ element }) {
     const [value, setValue] = useState(numberProperty(element, 'value'));
-    return /*#__PURE__*/ jsx(Rating, {
+    const stars = numberProperty(element, 'stars', 5);
+    return /*#__PURE__*/ jsx(Rating.Root, {
         "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),
+        onValueChange: (event)=>setValue(event.value),
         readOnly: booleanProperty(element, 'readOnly', false),
-        disabled: booleanProperty(element, 'disabled', false)
+        disabled: booleanProperty(element, 'disabled', false),
+        children: Array.from({
+            length: stars
+        }, (_, index)=>/*#__PURE__*/ jsxs(Rating.Option, {
+                index: index,
+                "aria-label": `${index + 1} of ${stars}`,
+                children: [
+                    /*#__PURE__*/ jsx(Rating.On, {
+                        children: /*#__PURE__*/ jsx("i", {
+                            className: "pi pi-star-fill"
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(Rating.Off, {
+                        children: /*#__PURE__*/ jsx("i", {
+                            className: "pi pi-star"
+                        })
+                    })
+                ]
+            }, index))
     });
 }
 

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

@@ -1 +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;;;;"}
+{"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 *\n * `stars` is no longer a prop the component reads: PrimeReact 11 takes the stars as children, so the\n * count is what this adapter builds the `Rating.Option` list from, and the icons are ours to name -\n * `On` and `Off` are the filled and empty faces of one star. The upside of the change is that a rating\n * of hearts or flames is now a different icon class rather than a different component.\n *\n * v10's `cancel` property is not read. It rendered an extra leading icon that reset the rating to none;\n * v11 has no such part and no \"clear\" affordance, so there is nothing left to switch on.\n */\nexport function PrimeRating({ element }: RegisteredComponentProps) {\n    const [value, setValue] = useState<number | undefined>(numberProperty(element, 'value'));\n    const stars = numberProperty(element, 'stars', 5);\n    return (\n        <Rating.Root\n            data-scene-id={element.id}\n            value={value}\n            onValueChange={(event) => setValue(event.value)}\n            readOnly={booleanProperty(element, 'readOnly', false)}\n            disabled={booleanProperty(element, 'disabled', false)}>\n            {Array.from({ length: stars }, (_, index) => (\n                <Rating.Option key={index} index={index} aria-label={`${index + 1} of ${stars}`}>\n                    <Rating.On>\n                        <i className='pi pi-star-fill' />\n                    </Rating.On>\n                    <Rating.Off>\n                        <i className='pi pi-star' />\n                    </Rating.Off>\n                </Rating.Option>\n            ))}\n        </Rating.Root>\n    );\n}\n"],"names":["PrimeRating","element","value","setValue","useState","numberProperty","stars","_jsx","Rating","Root","data-scene-id","id","onValueChange","event","readOnly","booleanProperty","disabled","Array","from","length","_","index","_jsxs","Option","aria-label","On","i","className","Off"],"mappings":";;;;;AAQA;;;;;;;;;;AAUC,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;IAC/E,MAAMK,KAAAA,GAAQD,cAAAA,CAAeJ,OAAAA,EAAS,OAAA,EAAS,CAAA,CAAA;IAC/C,qBACIM,GAAA,CAACC,OAAOC,IAAI,EAAA;AACRC,QAAAA,eAAAA,EAAeT,QAAQU,EAAE;QACzBT,KAAAA,EAAOA,KAAAA;AACPU,QAAAA,aAAAA,EAAe,CAACC,KAAAA,GAAUV,QAAAA,CAASU,KAAAA,CAAMX,KAAK,CAAA;QAC9CY,QAAAA,EAAUC,eAAAA,CAAgBd,SAAS,UAAA,EAAY,KAAA,CAAA;QAC/Ce,QAAAA,EAAUD,eAAAA,CAAgBd,SAAS,UAAA,EAAY,KAAA,CAAA;AAC9CgB,QAAAA,QAAAA,EAAAA,KAAAA,CAAMC,IAAI,CAAC;YAAEC,MAAAA,EAAQb;AAAM,SAAA,EAAG,CAACc,CAAAA,EAAGC,KAAAA,iBAC/BC,IAAA,CAACd,OAAOe,MAAM,EAAA;gBAAaF,KAAAA,EAAOA,KAAAA;AAAOG,gBAAAA,YAAAA,EAAY,CAAA,EAAGH,KAAAA,GAAQ,CAAA,CAAE,IAAI,EAAEf,KAAAA,CAAAA,CAAO;;AAC3E,kCAAAC,GAAA,CAACC,OAAOiB,EAAE,EAAA;AACN,wBAAA,QAAA,gBAAAlB,GAAA,CAACmB,GAAAA,EAAAA;4BAAEC,SAAAA,EAAU;;;AAEjB,kCAAApB,GAAA,CAACC,OAAOoB,GAAG,EAAA;AACP,wBAAA,QAAA,gBAAArB,GAAA,CAACmB,GAAAA,EAAAA;4BAAEC,SAAAA,EAAU;;;;AALDN,aAAAA,EAAAA,KAAAA,CAAAA;;AAWpC;;;;"}

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

@@ -1 +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"}
+{"version":3,"file":"PrimeSelectButton.d.ts","sourceRoot":"","sources":["../../../form/PrimeSelectButton.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAa/D,wBAAgB,iBAAiB,CAAC,EAAE,OAAO,EAAE,EAAE,wBAAwB,+BAgBtE"}

package/dist/esm/form/PrimeSelectButton.js

@@ -1,23 +1,30 @@
 import { jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
-import { SelectButton } from 'primereact/selectbutton';
-import { stringProperty, booleanProperty, optionsProperty } from '../properties.js';
+import { ToggleButton } from 'primereact/togglebutton';
+import { ToggleButtonGroup } from 'primereact/togglebuttongroup';
+import { stringProperty, optionsProperty, booleanProperty } from '../properties.js';
 
 /**
  * The `PrimeReact:selectButton` component - a small set of choices shown as joined toggle buttons.
+ * PrimeReact 11 calls it `ToggleButtonGroup`.
  *
- * In PrimeReact 11 this component is renamed `ToggleButtonGroup`.
+ * v10 took the choices as an `options` array and rendered the buttons itself; v11 takes them as children,
+ * so the mapping that used to be `optionLabel` / `optionValue` is a `map` here. The group still owns the
+ * selection - each `ToggleButton` only declares its `value` and reads its pressed state from the group's
+ * context - which is what keeps `multiple` a single prop on the group rather than a rule every button
+ * would otherwise have to agree on.
  */ function PrimeSelectButton({ element }) {
     const [value, setValue] = useState(stringProperty(element, 'value'));
-    return /*#__PURE__*/ jsx(SelectButton, {
+    return /*#__PURE__*/ jsx(ToggleButtonGroup, {
         "data-scene-id": element.id,
         value: value,
-        onChange: (event)=>setValue(event.value),
-        options: optionsProperty(element, 'options'),
-        optionLabel: "label",
-        optionValue: "value",
+        onValueChange: (event)=>setValue(event.value),
         multiple: booleanProperty(element, 'multiple', false),
-        disabled: booleanProperty(element, 'disabled', false)
+        disabled: booleanProperty(element, 'disabled', false),
+        children: optionsProperty(element, 'options').map((option)=>/*#__PURE__*/ jsx(ToggleButton.Root, {
+                value: option.value,
+                children: option.label
+            }, option.value))
     });
 }
 

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

@@ -1 +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;;;;"}
+{"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 { ToggleButton } from 'primereact/togglebutton';\nimport { ToggleButtonGroup } from 'primereact/togglebuttongroup';\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 * PrimeReact 11 calls it `ToggleButtonGroup`.\n *\n * v10 took the choices as an `options` array and rendered the buttons itself; v11 takes them as children,\n * so the mapping that used to be `optionLabel` / `optionValue` is a `map` here. The group still owns the\n * selection - each `ToggleButton` only declares its `value` and reads its pressed state from the group's\n * context - which is what keeps `multiple` a single prop on the group rather than a rule every button\n * would otherwise have to agree on.\n */\nexport function PrimeSelectButton({ element }: RegisteredComponentProps) {\n    const [value, setValue] = useState<unknown>(stringProperty(element, 'value'));\n    return (\n        <ToggleButtonGroup\n            data-scene-id={element.id}\n            value={value}\n            onValueChange={(event) => setValue(event.value)}\n            multiple={booleanProperty(element, 'multiple', false)}\n            disabled={booleanProperty(element, 'disabled', false)}>\n            {optionsProperty(element, 'options').map((option) => (\n                <ToggleButton.Root key={option.value} value={option.value}>\n                    {option.label}\n                </ToggleButton.Root>\n            ))}\n        </ToggleButtonGroup>\n    );\n}\n"],"names":["PrimeSelectButton","element","value","setValue","useState","stringProperty","_jsx","ToggleButtonGroup","data-scene-id","id","onValueChange","event","multiple","booleanProperty","disabled","optionsProperty","map","option","ToggleButton","Root","label"],"mappings":";;;;;;AASA;;;;;;;;;AASC,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,iBAAAA,EAAAA;AACGC,QAAAA,eAAAA,EAAeP,QAAQQ,EAAE;QACzBP,KAAAA,EAAOA,KAAAA;AACPQ,QAAAA,aAAAA,EAAe,CAACC,KAAAA,GAAUR,QAAAA,CAASQ,KAAAA,CAAMT,KAAK,CAAA;QAC9CU,QAAAA,EAAUC,eAAAA,CAAgBZ,SAAS,UAAA,EAAY,KAAA,CAAA;QAC/Ca,QAAAA,EAAUD,eAAAA,CAAgBZ,SAAS,UAAA,EAAY,KAAA,CAAA;kBAC9Cc,eAAAA,CAAgBd,OAAAA,EAAS,WAAWe,GAAG,CAAC,CAACC,MAAAA,iBACtCX,GAAA,CAACY,aAAaC,IAAI,EAAA;AAAoBjB,gBAAAA,KAAAA,EAAOe,OAAOf,KAAK;AACpDe,gBAAAA,QAAAA,EAAAA,MAAAA,CAAOG;AADYH,aAAAA,EAAAA,MAAAA,CAAOf,KAAK,CAAA;;AAMpD;;;;"}

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

@@ -1 +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"}
+{"version":3,"file":"PrimeSlider.d.ts","sourceRoot":"","sources":["../../../form/PrimeSlider.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAc/D,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,EAAE,wBAAwB,+BAkBhE"}

package/dist/esm/form/PrimeSlider.js

@@ -1,4 +1,4 @@
-import { jsx } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { useState } from 'react';
 import { Slider } from 'primereact/slider';
 import { numberProperty, booleanProperty } from '../properties.js';
@@ -8,18 +8,29 @@ import { numberProperty, booleanProperty } from '../properties.js';
  *
  * Given a width because Slider renders as a zero-height track that collapses to nothing in an
  * auto-sized container - the one piece of layout it cannot supply for itself.
+ *
+ * PrimeReact 11 exposes the track, the filled range and the handle as separate parts, which is what makes
+ * a range slider a matter of rendering a second `Handle` rather than a `range` prop. This adapter renders
+ * one, so the value stays a single number; `onValueChange` still reports `number[]` for the range case,
+ * hence the narrowing on the way back in.
  */ function PrimeSlider({ element }) {
     const [value, setValue] = useState(numberProperty(element, 'value', 50));
     return /*#__PURE__*/ jsx("div", {
         "data-scene-id": element.id,
         className: "w-64",
-        children: /*#__PURE__*/ jsx(Slider, {
+        children: /*#__PURE__*/ jsxs(Slider.Root, {
             value: value,
-            onChange: (event)=>setValue(typeof event.value === 'number' ? event.value : value),
+            onValueChange: (event)=>setValue(typeof event.value === 'number' ? event.value : value),
             min: numberProperty(element, 'min', 0),
             max: numberProperty(element, 'max', 100),
             step: numberProperty(element, 'step', 1),
-            disabled: booleanProperty(element, 'disabled', false)
+            disabled: booleanProperty(element, 'disabled', false),
+            children: [
+                /*#__PURE__*/ jsx(Slider.Track, {
+                    children: /*#__PURE__*/ jsx(Slider.Range, {})
+                }),
+                /*#__PURE__*/ jsx(Slider.Handle, {})
+            ]
         })
     });
 }

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

@@ -1 +1 @@
-{"version":3,"file":"PrimeSlider.js","sources":["../../../form/PrimeSlider.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 { Slider } from 'primereact/slider';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { booleanProperty, numberProperty } from '../properties';\n\n/**\n * The `PrimeReact:slider` component - a value picked along a track.\n *\n * Given a width because Slider renders as a zero-height track that collapses to nothing in an\n * auto-sized container - the one piece of layout it cannot supply for itself.\n */\nexport function PrimeSlider({ element }: RegisteredComponentProps) {\n    const [value, setValue] = useState(numberProperty(element, 'value', 50));\n    return (\n        <div data-scene-id={element.id} className='w-64'>\n            <Slider\n                value={value}\n                onChange={(event) => setValue(typeof event.value === 'number' ? event.value : value)}\n                min={numberProperty(element, 'min', 0)}\n                max={numberProperty(element, 'max', 100)}\n                step={numberProperty(element, 'step', 1)}\n                disabled={booleanProperty(element, 'disabled', false)}\n            />\n        </div>\n    );\n}\n"],"names":["PrimeSlider","element","value","setValue","useState","numberProperty","_jsx","div","data-scene-id","id","className","Slider","onChange","event","min","max","step","disabled","booleanProperty"],"mappings":";;;;;AAQA;;;;;AAKC,IACM,SAASA,WAAAA,CAAY,EAAEC,OAAO,EAA4B,EAAA;AAC7D,IAAA,MAAM,CAACC,KAAAA,EAAOC,QAAAA,CAAS,GAAGC,QAAAA,CAASC,cAAAA,CAAeJ,SAAS,OAAA,EAAS,EAAA,CAAA,CAAA;AACpE,IAAA,qBACIK,GAAA,CAACC,KAAAA,EAAAA;AAAIC,QAAAA,eAAAA,EAAeP,QAAQQ,EAAE;QAAEC,SAAAA,EAAU,MAAA;AACtC,QAAA,QAAA,gBAAAJ,GAAA,CAACK,MAAAA,EAAAA;YACGT,KAAAA,EAAOA,KAAAA;YACPU,QAAAA,EAAU,CAACC,KAAAA,GAAUV,QAAAA,CAAS,OAAOU,KAAAA,CAAMX,KAAK,KAAK,QAAA,GAAWW,KAAAA,CAAMX,KAAK,GAAGA,KAAAA,CAAAA;YAC9EY,GAAAA,EAAKT,cAAAA,CAAeJ,SAAS,KAAA,EAAO,CAAA,CAAA;YACpCc,GAAAA,EAAKV,cAAAA,CAAeJ,SAAS,KAAA,EAAO,GAAA,CAAA;YACpCe,IAAAA,EAAMX,cAAAA,CAAeJ,SAAS,MAAA,EAAQ,CAAA,CAAA;YACtCgB,QAAAA,EAAUC,eAAAA,CAAgBjB,SAAS,UAAA,EAAY,KAAA;;;AAI/D;;;;"}
+{"version":3,"file":"PrimeSlider.js","sources":["../../../form/PrimeSlider.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 { Slider } from 'primereact/slider';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { booleanProperty, numberProperty } from '../properties';\n\n/**\n * The `PrimeReact:slider` component - a value picked along a track.\n *\n * Given a width because Slider renders as a zero-height track that collapses to nothing in an\n * auto-sized container - the one piece of layout it cannot supply for itself.\n *\n * PrimeReact 11 exposes the track, the filled range and the handle as separate parts, which is what makes\n * a range slider a matter of rendering a second `Handle` rather than a `range` prop. This adapter renders\n * one, so the value stays a single number; `onValueChange` still reports `number[]` for the range case,\n * hence the narrowing on the way back in.\n */\nexport function PrimeSlider({ element }: RegisteredComponentProps) {\n    const [value, setValue] = useState(numberProperty(element, 'value', 50));\n    return (\n        <div data-scene-id={element.id} className='w-64'>\n            <Slider.Root\n                value={value}\n                onValueChange={(event) => setValue(typeof event.value === 'number' ? event.value : value)}\n                min={numberProperty(element, 'min', 0)}\n                max={numberProperty(element, 'max', 100)}\n                step={numberProperty(element, 'step', 1)}\n                disabled={booleanProperty(element, 'disabled', false)}>\n                <Slider.Track>\n                    <Slider.Range />\n                </Slider.Track>\n                <Slider.Handle />\n            </Slider.Root>\n        </div>\n    );\n}\n"],"names":["PrimeSlider","element","value","setValue","useState","numberProperty","_jsx","div","data-scene-id","id","className","_jsxs","Slider","Root","onValueChange","event","min","max","step","disabled","booleanProperty","Track","Range","Handle"],"mappings":";;;;;AAQA;;;;;;;;;;AAUC,IACM,SAASA,WAAAA,CAAY,EAAEC,OAAO,EAA4B,EAAA;AAC7D,IAAA,MAAM,CAACC,KAAAA,EAAOC,QAAAA,CAAS,GAAGC,QAAAA,CAASC,cAAAA,CAAeJ,SAAS,OAAA,EAAS,EAAA,CAAA,CAAA;AACpE,IAAA,qBACIK,GAAA,CAACC,KAAAA,EAAAA;AAAIC,QAAAA,eAAAA,EAAeP,QAAQQ,EAAE;QAAEC,SAAAA,EAAU,MAAA;gCACtCC,IAAA,CAACC,OAAOC,IAAI,EAAA;YACRX,KAAAA,EAAOA,KAAAA;YACPY,aAAAA,EAAe,CAACC,KAAAA,GAAUZ,QAAAA,CAAS,OAAOY,KAAAA,CAAMb,KAAK,KAAK,QAAA,GAAWa,KAAAA,CAAMb,KAAK,GAAGA,KAAAA,CAAAA;YACnFc,GAAAA,EAAKX,cAAAA,CAAeJ,SAAS,KAAA,EAAO,CAAA,CAAA;YACpCgB,GAAAA,EAAKZ,cAAAA,CAAeJ,SAAS,KAAA,EAAO,GAAA,CAAA;YACpCiB,IAAAA,EAAMb,cAAAA,CAAeJ,SAAS,MAAA,EAAQ,CAAA,CAAA;YACtCkB,QAAAA,EAAUC,eAAAA,CAAgBnB,SAAS,UAAA,EAAY,KAAA,CAAA;;AAC/C,8BAAAK,GAAA,CAACM,OAAOS,KAAK,EAAA;4CACTf,GAAA,CAACM,OAAOU,KAAK,EAAA,EAAA;;AAEjB,8BAAAhB,GAAA,CAACM,OAAOW,MAAM,EAAA,EAAA;;;;AAI9B;;;;"}

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

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

package/dist/esm/form/PrimeToggleSwitch.js

@@ -1,15 +1,19 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
-import { InputSwitch } from 'primereact/inputswitch';
+import { ToggleSwitch } from 'primereact/toggleswitch';
 import { booleanProperty, stringProperty } from '../properties.js';
 
 /**
  * The `PrimeReact:toggleSwitch` component.
  *
- * The abstract name is `toggleSwitch` while PrimeReact 10 calls the component `InputSwitch` - the Scene
- * name follows what the thing is rather than what one library happens to call it this major version.
- * PrimeReact 11 renames it `ToggleSwitch`, so the abstract name already matches where the library is
- * going and the port changes only this file's import.
+ * The abstract name has always been `toggleSwitch` even while PrimeReact 10 called the component
+ * `InputSwitch` - a Scene name follows what the thing is rather than what one library happens to call it
+ * this major version - and v11 renaming it `ToggleSwitch` is the library catching up rather than the
+ * package moving.
+ *
+ * `Root` renders the hidden checkbox that carries the state and the accessible name, and the visible
+ * switch is `Control` plus the `Handle` that slides inside it. That is why `inputId` and not `id` is what
+ * the label points at: the label has to reach the input, not the wrapper.
  */ function PrimeToggleSwitch({ element }) {
     const [checked, setChecked] = useState(booleanProperty(element, 'checked', false));
     const label = stringProperty(element, 'label');
@@ -17,11 +21,14 @@ import { booleanProperty, stringProperty } from '../properties.js';
         "data-scene-id": element.id,
         className: "flex items-center gap-2",
         children: [
-            /*#__PURE__*/ jsx(InputSwitch, {
+            /*#__PURE__*/ jsx(ToggleSwitch.Root, {
                 inputId: element.id,
                 checked: checked,
-                onChange: (event)=>setChecked(event.value),
-                disabled: booleanProperty(element, 'disabled', false)
+                onCheckedChange: (event)=>setChecked(event.checked),
+                disabled: booleanProperty(element, 'disabled', false),
+                children: /*#__PURE__*/ jsx(ToggleSwitch.Control, {
+                    children: /*#__PURE__*/ jsx(ToggleSwitch.Handle, {})
+                })
             }),
             label !== undefined && /*#__PURE__*/ jsx("label", {
                 htmlFor: element.id,

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

@@ -1 +1 @@
-{"version":3,"file":"PrimeToggleSwitch.js","sources":["../../../form/PrimeToggleSwitch.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 { InputSwitch } from 'primereact/inputswitch';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { booleanProperty, stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:toggleSwitch` component.\n *\n * The abstract name is `toggleSwitch` while PrimeReact 10 calls the component `InputSwitch` - the Scene\n * name follows what the thing is rather than what one library happens to call it this major version.\n * PrimeReact 11 renames it `ToggleSwitch`, so the abstract name already matches where the library is\n * going and the port changes only this file's import.\n */\nexport function PrimeToggleSwitch({ element }: RegisteredComponentProps) {\n    const [checked, setChecked] = useState(booleanProperty(element, 'checked', false));\n    const label = stringProperty(element, 'label');\n    return (\n        <div data-scene-id={element.id} className='flex items-center gap-2'>\n            <InputSwitch\n                inputId={element.id}\n                checked={checked}\n                onChange={(event) => setChecked(event.value)}\n                disabled={booleanProperty(element, 'disabled', false)}\n            />\n            {label !== undefined && <label htmlFor={element.id}>{label}</label>}\n        </div>\n    );\n}\n"],"names":["PrimeToggleSwitch","element","checked","setChecked","useState","booleanProperty","label","stringProperty","_jsxs","div","data-scene-id","id","className","_jsx","InputSwitch","inputId","onChange","event","value","disabled","undefined","htmlFor"],"mappings":";;;;;AAQA;;;;;;;AAOC,IACM,SAASA,iBAAAA,CAAkB,EAAEC,OAAO,EAA4B,EAAA;AACnE,IAAA,MAAM,CAACC,OAAAA,EAASC,UAAAA,CAAW,GAAGC,QAAAA,CAASC,eAAAA,CAAgBJ,SAAS,SAAA,EAAW,KAAA,CAAA,CAAA;IAC3E,MAAMK,KAAAA,GAAQC,eAAeN,OAAAA,EAAS,OAAA,CAAA;AACtC,IAAA,qBACIO,IAAA,CAACC,KAAAA,EAAAA;AAAIC,QAAAA,eAAAA,EAAeT,QAAQU,EAAE;QAAEC,SAAAA,EAAU,yBAAA;;0BACtCC,GAAA,CAACC,WAAAA,EAAAA;AACGC,gBAAAA,OAAAA,EAASd,QAAQU,EAAE;gBACnBT,OAAAA,EAASA,OAAAA;AACTc,gBAAAA,QAAAA,EAAU,CAACC,KAAAA,GAAUd,UAAAA,CAAWc,KAAAA,CAAMC,KAAK,CAAA;gBAC3CC,QAAAA,EAAUd,eAAAA,CAAgBJ,SAAS,UAAA,EAAY,KAAA;;AAElDK,YAAAA,KAAAA,KAAUc,2BAAaP,GAAA,CAACP,OAAAA,EAAAA;AAAMe,gBAAAA,OAAAA,EAASpB,QAAQU,EAAE;AAAGL,gBAAAA,QAAAA,EAAAA;;;;AAGjE;;;;"}
+{"version":3,"file":"PrimeToggleSwitch.js","sources":["../../../form/PrimeToggleSwitch.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 { ToggleSwitch } from 'primereact/toggleswitch';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { booleanProperty, stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:toggleSwitch` component.\n *\n * The abstract name has always been `toggleSwitch` even while PrimeReact 10 called the component\n * `InputSwitch` - a Scene name follows what the thing is rather than what one library happens to call it\n * this major version - and v11 renaming it `ToggleSwitch` is the library catching up rather than the\n * package moving.\n *\n * `Root` renders the hidden checkbox that carries the state and the accessible name, and the visible\n * switch is `Control` plus the `Handle` that slides inside it. That is why `inputId` and not `id` is what\n * the label points at: the label has to reach the input, not the wrapper.\n */\nexport function PrimeToggleSwitch({ element }: RegisteredComponentProps) {\n    const [checked, setChecked] = useState(booleanProperty(element, 'checked', false));\n    const label = stringProperty(element, 'label');\n    return (\n        <div data-scene-id={element.id} className='flex items-center gap-2'>\n            <ToggleSwitch.Root\n                inputId={element.id}\n                checked={checked}\n                onCheckedChange={(event) => setChecked(event.checked)}\n                disabled={booleanProperty(element, 'disabled', false)}>\n                <ToggleSwitch.Control>\n                    <ToggleSwitch.Handle />\n                </ToggleSwitch.Control>\n            </ToggleSwitch.Root>\n            {label !== undefined && <label htmlFor={element.id}>{label}</label>}\n        </div>\n    );\n}\n"],"names":["PrimeToggleSwitch","element","checked","setChecked","useState","booleanProperty","label","stringProperty","_jsxs","div","data-scene-id","id","className","_jsx","ToggleSwitch","Root","inputId","onCheckedChange","event","disabled","Control","Handle","undefined","htmlFor"],"mappings":";;;;;AAQA;;;;;;;;;;;AAWC,IACM,SAASA,iBAAAA,CAAkB,EAAEC,OAAO,EAA4B,EAAA;AACnE,IAAA,MAAM,CAACC,OAAAA,EAASC,UAAAA,CAAW,GAAGC,QAAAA,CAASC,eAAAA,CAAgBJ,SAAS,SAAA,EAAW,KAAA,CAAA,CAAA;IAC3E,MAAMK,KAAAA,GAAQC,eAAeN,OAAAA,EAAS,OAAA,CAAA;AACtC,IAAA,qBACIO,IAAA,CAACC,KAAAA,EAAAA;AAAIC,QAAAA,eAAAA,EAAeT,QAAQU,EAAE;QAAEC,SAAAA,EAAU,yBAAA;;AACtC,0BAAAC,GAAA,CAACC,aAAaC,IAAI,EAAA;AACdC,gBAAAA,OAAAA,EAASf,QAAQU,EAAE;gBACnBT,OAAAA,EAASA,OAAAA;AACTe,gBAAAA,eAAAA,EAAiB,CAACC,KAAAA,GAAUf,UAAAA,CAAWe,KAAAA,CAAMhB,OAAO,CAAA;gBACpDiB,QAAAA,EAAUd,eAAAA,CAAgBJ,SAAS,UAAA,EAAY,KAAA,CAAA;wCAC/CY,GAAA,CAACC,aAAaM,OAAO,EAAA;4CACjBP,GAAA,CAACC,aAAaO,MAAM,EAAA,EAAA;;;AAG3Bf,YAAAA,KAAAA,KAAUgB,2BAAaT,GAAA,CAACP,OAAAA,EAAAA;AAAMiB,gBAAAA,OAAAA,EAAStB,QAAQU,EAAE;AAAGL,gBAAAA,QAAAA,EAAAA;;;;AAGjE;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"PrimeTreeSelect.d.ts","sourceRoot":"","sources":["../../../form/PrimeTreeSelect.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAO/D,wBAAgB,eAAe,CAAC,EAAE,OAAO,EAAE,EAAE,wBAAwB,+BAapE"}
+{"version":3,"file":"PrimeTreeSelect.d.ts","sourceRoot":"","sources":["../../../form/PrimeTreeSelect.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAgB/D,wBAAgB,eAAe,CAAC,EAAE,OAAO,EAAE,EAAE,wBAAwB,+BAapE"}

package/dist/esm/form/PrimeTreeSelect.js

@@ -1,21 +1,30 @@
 import { jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
-import { TreeSelect } from 'primereact/treeselect';
+import { TreeSelect } from './TreeSelect.js';
 import { stringProperty, booleanProperty } from '../properties.js';
 import { treeNodesProperty } from '../treeNodes.js';
 
 /**
  * The `PrimeReact:treeSelect` component - a dropdown whose choices are a hierarchy.
+ *
+ * The abstract name outlived the component: PrimeReact 11 removed `TreeSelect` with no replacement and no
+ * headless hook, so what this adapts is {@link TreeSelect}, this package's own, built from v11's
+ * `Popover` and `Tree`. Keeping the name is the point - a screen that already says `treeSelect` neither
+ * knows nor needs to know that the thing behind it changed owner.
+ *
+ * v10's `filter` property is not read, because the replacement does not filter; see {@link TreeSelect}
+ * for what else was left out and why.
  */ function PrimeTreeSelect({ element }) {
     const [value, setValue] = useState(stringProperty(element, 'value'));
-    return /*#__PURE__*/ jsx(TreeSelect, {
+    return /*#__PURE__*/ jsx("div", {
         "data-scene-id": element.id,
-        value: value,
-        onChange: (event)=>setValue(typeof event.value === 'string' ? event.value : undefined),
-        options: treeNodesProperty(element, 'options'),
-        placeholder: stringProperty(element, 'placeholder', 'Select'),
-        filter: booleanProperty(element, 'filter', false),
-        disabled: booleanProperty(element, 'disabled', false)
+        children: /*#__PURE__*/ jsx(TreeSelect, {
+            value: value,
+            onChange: setValue,
+            options: treeNodesProperty(element, 'options'),
+            placeholder: stringProperty(element, 'placeholder', 'Select'),
+            disabled: booleanProperty(element, 'disabled', false)
+        })
     });
 }
 

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

@@ -1 +1 @@
-{"version":3,"file":"PrimeTreeSelect.js","sources":["../../../form/PrimeTreeSelect.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 { TreeSelect } from 'primereact/treeselect';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { booleanProperty, stringProperty } from '../properties';\nimport { treeNodesProperty } from '../treeNodes';\n\n/**\n * The `PrimeReact:treeSelect` component - a dropdown whose choices are a hierarchy.\n */\nexport function PrimeTreeSelect({ element }: RegisteredComponentProps) {\n    const [value, setValue] = useState<string | undefined>(stringProperty(element, 'value'));\n    return (\n        <TreeSelect\n            data-scene-id={element.id}\n            value={value}\n            onChange={(event) => setValue(typeof event.value === 'string' ? event.value : undefined)}\n            options={treeNodesProperty(element, 'options')}\n            placeholder={stringProperty(element, 'placeholder', 'Select')}\n            filter={booleanProperty(element, 'filter', false)}\n            disabled={booleanProperty(element, 'disabled', false)}\n        />\n    );\n}\n"],"names":["PrimeTreeSelect","element","value","setValue","useState","stringProperty","_jsx","TreeSelect","data-scene-id","id","onChange","event","undefined","options","treeNodesProperty","placeholder","filter","booleanProperty","disabled"],"mappings":";;;;;;AASA;;AAEC,IACM,SAASA,eAAAA,CAAgB,EAAEC,OAAO,EAA4B,EAAA;AACjE,IAAA,MAAM,CAACC,KAAAA,EAAOC,QAAAA,CAAS,GAAGC,QAAAA,CAA6BC,eAAeJ,OAAAA,EAAS,OAAA,CAAA,CAAA;AAC/E,IAAA,qBACIK,GAAA,CAACC,UAAAA,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;AAC9EC,QAAAA,OAAAA,EAASC,kBAAkBb,OAAAA,EAAS,SAAA,CAAA;QACpCc,WAAAA,EAAaV,cAAAA,CAAeJ,SAAS,aAAA,EAAe,QAAA,CAAA;QACpDe,MAAAA,EAAQC,eAAAA,CAAgBhB,SAAS,QAAA,EAAU,KAAA,CAAA;QAC3CiB,QAAAA,EAAUD,eAAAA,CAAgBhB,SAAS,UAAA,EAAY,KAAA;;AAG3D;;;;"}
+{"version":3,"file":"PrimeTreeSelect.js","sources":["../../../form/PrimeTreeSelect.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 { RegisteredComponentProps } from '@cratis/scene.react';\nimport { TreeSelect } from './TreeSelect';\nimport { booleanProperty, stringProperty } from '../properties';\nimport { treeNodesProperty } from '../treeNodes';\n\n/**\n * The `PrimeReact:treeSelect` component - a dropdown whose choices are a hierarchy.\n *\n * The abstract name outlived the component: PrimeReact 11 removed `TreeSelect` with no replacement and no\n * headless hook, so what this adapts is {@link TreeSelect}, this package's own, built from v11's\n * `Popover` and `Tree`. Keeping the name is the point - a screen that already says `treeSelect` neither\n * knows nor needs to know that the thing behind it changed owner.\n *\n * v10's `filter` property is not read, because the replacement does not filter; see {@link TreeSelect}\n * for what else was left out and why.\n */\nexport function PrimeTreeSelect({ element }: RegisteredComponentProps) {\n    const [value, setValue] = useState<string | undefined>(stringProperty(element, 'value'));\n    return (\n        <div data-scene-id={element.id}>\n            <TreeSelect\n                value={value}\n                onChange={setValue}\n                options={treeNodesProperty(element, 'options')}\n                placeholder={stringProperty(element, 'placeholder', 'Select')}\n                disabled={booleanProperty(element, 'disabled', false)}\n            />\n        </div>\n    );\n}\n"],"names":["PrimeTreeSelect","element","value","setValue","useState","stringProperty","_jsx","div","data-scene-id","id","TreeSelect","onChange","options","treeNodesProperty","placeholder","disabled","booleanProperty"],"mappings":";;;;;;AASA;;;;;;;;;;AAUC,IACM,SAASA,eAAAA,CAAgB,EAAEC,OAAO,EAA4B,EAAA;AACjE,IAAA,MAAM,CAACC,KAAAA,EAAOC,QAAAA,CAAS,GAAGC,QAAAA,CAA6BC,eAAeJ,OAAAA,EAAS,OAAA,CAAA,CAAA;AAC/E,IAAA,qBACIK,GAAA,CAACC,KAAAA,EAAAA;AAAIC,QAAAA,eAAAA,EAAeP,QAAQQ,EAAE;AAC1B,QAAA,QAAA,gBAAAH,GAAA,CAACI,UAAAA,EAAAA;YACGR,KAAAA,EAAOA,KAAAA;YACPS,QAAAA,EAAUR,QAAAA;AACVS,YAAAA,OAAAA,EAASC,kBAAkBZ,OAAAA,EAAS,SAAA,CAAA;YACpCa,WAAAA,EAAaT,cAAAA,CAAeJ,SAAS,aAAA,EAAe,QAAA,CAAA;YACpDc,QAAAA,EAAUC,eAAAA,CAAgBf,SAAS,UAAA,EAAY,KAAA;;;AAI/D;;;;"}

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

@@ -0,0 +1,10 @@
+import { TreeNode } from '../TreeNode';
+export interface TreeSelectProps {
+    value?: string;
+    options: TreeNode[];
+    placeholder?: string;
+    disabled?: boolean;
+    onChange?: (value: string) => void;
+}
+export declare function TreeSelect({ value, options, placeholder, disabled, onChange }: TreeSelectProps): import("react").JSX.Element;
+//# sourceMappingURL=TreeSelect.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TreeSelect.d.ts","sourceRoot":"","sources":["../../../form/TreeSelect.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAUvC,MAAM,WAAW,eAAe;IAK5B,KAAK,CAAC,EAAE,MAAM,CAAC;IAOf,OAAO,EAAE,QAAQ,EAAE,CAAC;IAKpB,WAAW,CAAC,EAAE,MAAM,CAAC;IAKrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAMnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC;AAmBD,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,eAAe,+BA8C9F"}