@cratis/scene.primereact 0.1.0

package/dist/cjs/misc/PrimeTerminal.js

@@ -0,0 +1,23 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var terminal = require('primereact/terminal');
+var properties = require('../properties.js');
+
+/**
+ * The `PrimeReact:terminal` component - a command-line surface.
+ *
+ * Terminal publishes typed commands on `TerminalService` and waits for something to answer. Nothing in
+ * this package answers, because responding to a command is application behavior and a Scene element
+ * cannot express it. The component therefore accepts input and prints nothing back until the hosting
+ * application subscribes - which is the honest shape of a terminal with no backend, not a broken one.
+ */ function PrimeTerminal({ element }) {
+    return /*#__PURE__*/ jsxRuntime.jsx(terminal.Terminal, {
+        "data-scene-id": element.id,
+        welcomeMessage: properties.stringProperty(element, 'welcomeMessage', 'Welcome'),
+        prompt: properties.stringProperty(element, 'prompt', '$')
+    });
+}
+
+exports.PrimeTerminal = PrimeTerminal;
+//# sourceMappingURL=PrimeTerminal.js.map

package/dist/cjs/misc/PrimeTerminal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrimeTerminal.js","sources":["../../../misc/PrimeTerminal.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 { Terminal } from 'primereact/terminal';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:terminal` component - a command-line surface.\n *\n * Terminal publishes typed commands on `TerminalService` and waits for something to answer. Nothing in\n * this package answers, because responding to a command is application behavior and a Scene element\n * cannot express it. The component therefore accepts input and prints nothing back until the hosting\n * application subscribes - which is the honest shape of a terminal with no backend, not a broken one.\n */\nexport function PrimeTerminal({ element }: RegisteredComponentProps) {\n    return (\n        <Terminal\n            data-scene-id={element.id}\n            welcomeMessage={stringProperty(element, 'welcomeMessage', 'Welcome')}\n            prompt={stringProperty(element, 'prompt', '$')}\n        />\n    );\n}\n"],"names":["PrimeTerminal","element","_jsx","Terminal","data-scene-id","id","welcomeMessage","stringProperty","prompt"],"mappings":";;;;;;AAOA;;;;;;;AAOC,IACM,SAASA,aAAAA,CAAc,EAAEC,OAAO,EAA4B,EAAA;AAC/D,IAAA,qBACIC,cAAA,CAACC,iBAAAA,EAAAA;AACGC,QAAAA,eAAAA,EAAeH,QAAQI,EAAE;QACzBC,cAAAA,EAAgBC,yBAAAA,CAAeN,SAAS,gBAAA,EAAkB,SAAA,CAAA;QAC1DO,MAAAA,EAAQD,yBAAAA,CAAeN,SAAS,QAAA,EAAU,GAAA;;AAGtD;;;;"}

package/dist/cjs/overlay/PrimeConfirmDialog.js

@@ -0,0 +1,41 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var button = require('primereact/button');
+var confirmdialog = require('primereact/confirmdialog');
+var properties = require('../properties.js');
+
+/**
+ * The `PrimeReact:confirmDialog` component - a yes/no question before a consequential action.
+ *
+ * Uses ConfirmDialog's declarative form rather than the imperative `confirmDialog()` call, because the
+ * imperative one needs a caller and a Scene element is configuration, not a caller. Visibility is owned
+ * locally for the reason described on {@link PrimeDialog}.
+ *
+ * In PrimeReact 11 the sibling `ConfirmPopup` is removed; `ConfirmDialog` remains.
+ */ function PrimeConfirmDialog({ element }) {
+    const [visible, setVisible] = react.useState(false);
+    return /*#__PURE__*/ jsxRuntime.jsxs("div", {
+        "data-scene-id": element.id,
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(button.Button, {
+                label: properties.stringProperty(element, 'triggerLabel', 'Confirm'),
+                severity: properties.stringProperty(element, 'severity', 'danger'),
+                onClick: ()=>setVisible(true)
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(confirmdialog.ConfirmDialog, {
+                visible: visible,
+                onHide: ()=>setVisible(false),
+                header: properties.stringProperty(element, 'header', 'Are you sure?'),
+                message: properties.stringProperty(element, 'message', 'This action cannot be undone.'),
+                icon: properties.stringProperty(element, 'icon', 'pi pi-exclamation-triangle'),
+                acceptLabel: properties.stringProperty(element, 'acceptLabel', 'Yes'),
+                rejectLabel: properties.stringProperty(element, 'rejectLabel', 'No')
+            })
+        ]
+    });
+}
+
+exports.PrimeConfirmDialog = PrimeConfirmDialog;
+//# sourceMappingURL=PrimeConfirmDialog.js.map

package/dist/cjs/overlay/PrimeConfirmDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrimeConfirmDialog.js","sources":["../../../overlay/PrimeConfirmDialog.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 { Button } from 'primereact/button';\nimport { ConfirmDialog } from 'primereact/confirmdialog';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:confirmDialog` component - a yes/no question before a consequential action.\n *\n * Uses ConfirmDialog's declarative form rather than the imperative `confirmDialog()` call, because the\n * imperative one needs a caller and a Scene element is configuration, not a caller. Visibility is owned\n * locally for the reason described on {@link PrimeDialog}.\n *\n * In PrimeReact 11 the sibling `ConfirmPopup` is removed; `ConfirmDialog` remains.\n */\nexport function PrimeConfirmDialog({ element }: RegisteredComponentProps) {\n    const [visible, setVisible] = useState(false);\n    return (\n        <div data-scene-id={element.id}>\n            <Button\n                label={stringProperty(element, 'triggerLabel', 'Confirm')}\n                severity={stringProperty(element, 'severity', 'danger') as 'secondary' | 'success' | 'info' | 'warning' | 'danger' | 'help'}\n                onClick={() => setVisible(true)}\n            />\n            <ConfirmDialog\n                visible={visible}\n                onHide={() => setVisible(false)}\n                header={stringProperty(element, 'header', 'Are you sure?')}\n                message={stringProperty(element, 'message', 'This action cannot be undone.')}\n                icon={stringProperty(element, 'icon', 'pi pi-exclamation-triangle')}\n                acceptLabel={stringProperty(element, 'acceptLabel', 'Yes')}\n                rejectLabel={stringProperty(element, 'rejectLabel', 'No')}\n            />\n        </div>\n    );\n}\n"],"names":["PrimeConfirmDialog","element","visible","setVisible","useState","_jsxs","div","data-scene-id","id","_jsx","Button","label","stringProperty","severity","onClick","ConfirmDialog","onHide","header","message","icon","acceptLabel","rejectLabel"],"mappings":";;;;;;;;AASA;;;;;;;;AAQC,IACM,SAASA,kBAAAA,CAAmB,EAAEC,OAAO,EAA4B,EAAA;AACpE,IAAA,MAAM,CAACC,OAAAA,EAASC,UAAAA,CAAW,GAAGC,cAAAA,CAAS,KAAA,CAAA;AACvC,IAAA,qBACIC,eAAA,CAACC,KAAAA,EAAAA;AAAIC,QAAAA,eAAAA,EAAeN,QAAQO,EAAE;;0BAC1BC,cAAA,CAACC,aAAAA,EAAAA;gBACGC,KAAAA,EAAOC,yBAAAA,CAAeX,SAAS,cAAA,EAAgB,SAAA,CAAA;gBAC/CY,QAAAA,EAAUD,yBAAAA,CAAeX,SAAS,UAAA,EAAY,QAAA,CAAA;AAC9Ca,gBAAAA,OAAAA,EAAS,IAAMX,UAAAA,CAAW,IAAA;;0BAE9BM,cAAA,CAACM,2BAAAA,EAAAA;gBACGb,OAAAA,EAASA,OAAAA;AACTc,gBAAAA,MAAAA,EAAQ,IAAMb,UAAAA,CAAW,KAAA,CAAA;gBACzBc,MAAAA,EAAQL,yBAAAA,CAAeX,SAAS,QAAA,EAAU,eAAA,CAAA;gBAC1CiB,OAAAA,EAASN,yBAAAA,CAAeX,SAAS,SAAA,EAAW,+BAAA,CAAA;gBAC5CkB,IAAAA,EAAMP,yBAAAA,CAAeX,SAAS,MAAA,EAAQ,4BAAA,CAAA;gBACtCmB,WAAAA,EAAaR,yBAAAA,CAAeX,SAAS,aAAA,EAAe,KAAA,CAAA;gBACpDoB,WAAAA,EAAaT,yBAAAA,CAAeX,SAAS,aAAA,EAAe,IAAA;;;;AAIpE;;;;"}

package/dist/cjs/overlay/PrimeDialog.js

@@ -0,0 +1,43 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var button = require('primereact/button');
+var dialog = require('primereact/dialog');
+var properties = require('../properties.js');
+
+/**
+ * The `PrimeReact:dialog` component - a modal window.
+ *
+ * A dialog is only ever interesting while it is open, and "the user closed it" is state a Scene element
+ * has no place to record. The adapter therefore owns visibility locally, seeded from the `visible`
+ * property, and always renders a trigger button beside it. That keeps a dialog reachable again after it
+ * is dismissed - without the trigger, closing a previewed dialog would leave a permanently blank spot on
+ * the screen with no way back.
+ */ function PrimeDialog({ element, slots }) {
+    const [visible, setVisible] = react.useState(properties.booleanProperty(element, 'visible', false));
+    const header = properties.stringProperty(element, 'header', 'Dialog');
+    return /*#__PURE__*/ jsxRuntime.jsxs("div", {
+        "data-scene-id": element.id,
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(button.Button, {
+                label: properties.stringProperty(element, 'triggerLabel', header),
+                onClick: ()=>setVisible(true)
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(dialog.Dialog, {
+                header: header,
+                visible: visible,
+                onHide: ()=>setVisible(false),
+                modal: properties.booleanProperty(element, 'modal', true),
+                draggable: properties.booleanProperty(element, 'draggable', false),
+                style: {
+                    width: properties.stringProperty(element, 'width', '32rem')
+                },
+                children: slots.content
+            })
+        ]
+    });
+}
+
+exports.PrimeDialog = PrimeDialog;
+//# sourceMappingURL=PrimeDialog.js.map

package/dist/cjs/overlay/PrimeDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrimeDialog.js","sources":["../../../overlay/PrimeDialog.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 { Button } from 'primereact/button';\nimport { Dialog } from 'primereact/dialog';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { booleanProperty, stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:dialog` component - a modal window.\n *\n * A dialog is only ever interesting while it is open, and \"the user closed it\" is state a Scene element\n * has no place to record. The adapter therefore owns visibility locally, seeded from the `visible`\n * property, and always renders a trigger button beside it. That keeps a dialog reachable again after it\n * is dismissed - without the trigger, closing a previewed dialog would leave a permanently blank spot on\n * the screen with no way back.\n */\nexport function PrimeDialog({ element, slots }: RegisteredComponentProps) {\n    const [visible, setVisible] = useState(booleanProperty(element, 'visible', false));\n    const header = stringProperty(element, 'header', 'Dialog');\n    return (\n        <div data-scene-id={element.id}>\n            <Button label={stringProperty(element, 'triggerLabel', header)} onClick={() => setVisible(true)} />\n            <Dialog\n                header={header}\n                visible={visible}\n                onHide={() => setVisible(false)}\n                modal={booleanProperty(element, 'modal', true)}\n                draggable={booleanProperty(element, 'draggable', false)}\n                style={{ width: stringProperty(element, 'width', '32rem') }}>\n                {slots.content}\n            </Dialog>\n        </div>\n    );\n}\n"],"names":["PrimeDialog","element","slots","visible","setVisible","useState","booleanProperty","header","stringProperty","_jsxs","div","data-scene-id","id","_jsx","Button","label","onClick","Dialog","onHide","modal","draggable","style","width","content"],"mappings":";;;;;;;;AASA;;;;;;;;AAQC,IACM,SAASA,WAAAA,CAAY,EAAEC,OAAO,EAAEC,KAAK,EAA4B,EAAA;AACpE,IAAA,MAAM,CAACC,OAAAA,EAASC,UAAAA,CAAW,GAAGC,cAAAA,CAASC,0BAAAA,CAAgBL,SAAS,SAAA,EAAW,KAAA,CAAA,CAAA;IAC3E,MAAMM,MAAAA,GAASC,yBAAAA,CAAeP,OAAAA,EAAS,QAAA,EAAU,QAAA,CAAA;AACjD,IAAA,qBACIQ,eAAA,CAACC,KAAAA,EAAAA;AAAIC,QAAAA,eAAAA,EAAeV,QAAQW,EAAE;;0BAC1BC,cAAA,CAACC,aAAAA,EAAAA;gBAAOC,KAAAA,EAAOP,yBAAAA,CAAeP,SAAS,cAAA,EAAgBM,MAAAA,CAAAA;AAASS,gBAAAA,OAAAA,EAAS,IAAMZ,UAAAA,CAAW,IAAA;;0BAC1FS,cAAA,CAACI,aAAAA,EAAAA;gBACGV,MAAAA,EAAQA,MAAAA;gBACRJ,OAAAA,EAASA,OAAAA;AACTe,gBAAAA,MAAAA,EAAQ,IAAMd,UAAAA,CAAW,KAAA,CAAA;gBACzBe,KAAAA,EAAOb,0BAAAA,CAAgBL,SAAS,OAAA,EAAS,IAAA,CAAA;gBACzCmB,SAAAA,EAAWd,0BAAAA,CAAgBL,SAAS,WAAA,EAAa,KAAA,CAAA;gBACjDoB,KAAAA,EAAO;oBAAEC,KAAAA,EAAOd,yBAAAA,CAAeP,SAAS,OAAA,EAAS,OAAA;AAAS,iBAAA;AACzDC,gBAAAA,QAAAA,EAAAA,KAAAA,CAAMqB;;;;AAIvB;;;;"}

package/dist/cjs/overlay/PrimeOverlayPanel.js

@@ -0,0 +1,34 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var button = require('primereact/button');
+var overlaypanel = require('primereact/overlaypanel');
+var properties = require('../properties.js');
+
+/**
+ * The `PrimeReact:overlayPanel` component - content revealed next to whatever opened it.
+ *
+ * OverlayPanel positions itself against the event that toggled it, so it is meaningless without a
+ * trigger; the adapter renders one and wires `toggle` to it.
+ *
+ * In PrimeReact 11 this component is renamed `Popover`.
+ */ function PrimeOverlayPanel({ element, slots }) {
+    const overlay = react.useRef(null);
+    return /*#__PURE__*/ jsxRuntime.jsxs("div", {
+        "data-scene-id": element.id,
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(button.Button, {
+                label: properties.stringProperty(element, 'triggerLabel', 'Show'),
+                onClick: (event)=>overlay.current?.toggle(event)
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(overlaypanel.OverlayPanel, {
+                ref: overlay,
+                children: slots.content
+            })
+        ]
+    });
+}
+
+exports.PrimeOverlayPanel = PrimeOverlayPanel;
+//# sourceMappingURL=PrimeOverlayPanel.js.map

package/dist/cjs/overlay/PrimeOverlayPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrimeOverlayPanel.js","sources":["../../../overlay/PrimeOverlayPanel.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 { useRef } from 'react';\nimport { Button } from 'primereact/button';\nimport { OverlayPanel } from 'primereact/overlaypanel';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:overlayPanel` component - content revealed next to whatever opened it.\n *\n * OverlayPanel positions itself against the event that toggled it, so it is meaningless without a\n * trigger; the adapter renders one and wires `toggle` to it.\n *\n * In PrimeReact 11 this component is renamed `Popover`.\n */\nexport function PrimeOverlayPanel({ element, slots }: RegisteredComponentProps) {\n    const overlay = useRef<OverlayPanel>(null);\n    return (\n        <div data-scene-id={element.id}>\n            <Button label={stringProperty(element, 'triggerLabel', 'Show')} onClick={(event) => overlay.current?.toggle(event)} />\n            <OverlayPanel ref={overlay}>{slots.content}</OverlayPanel>\n        </div>\n    );\n}\n"],"names":["PrimeOverlayPanel","element","slots","overlay","useRef","_jsxs","div","data-scene-id","id","_jsx","Button","label","stringProperty","onClick","event","current","toggle","OverlayPanel","ref","content"],"mappings":";;;;;;;;AASA;;;;;;;AAOC,IACM,SAASA,iBAAAA,CAAkB,EAAEC,OAAO,EAAEC,KAAK,EAA4B,EAAA;AAC1E,IAAA,MAAMC,UAAUC,YAAAA,CAAqB,IAAA,CAAA;AACrC,IAAA,qBACIC,eAAA,CAACC,KAAAA,EAAAA;AAAIC,QAAAA,eAAAA,EAAeN,QAAQO,EAAE;;0BAC1BC,cAAA,CAACC,aAAAA,EAAAA;gBAAOC,KAAAA,EAAOC,yBAAAA,CAAeX,SAAS,cAAA,EAAgB,MAAA,CAAA;AAASY,gBAAAA,OAAAA,EAAS,CAACC,KAAAA,GAAUX,OAAAA,CAAQY,OAAO,EAAEC,MAAAA,CAAOF,KAAAA;;0BAC5GL,cAAA,CAACQ,yBAAAA,EAAAA;gBAAaC,GAAAA,EAAKf,OAAAA;AAAUD,gBAAAA,QAAAA,EAAAA,KAAAA,CAAMiB;;;;AAG/C;;;;"}

package/dist/cjs/overlay/PrimeSidebar.js

@@ -0,0 +1,36 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var button = require('primereact/button');
+var sidebar = require('primereact/sidebar');
+var properties = require('../properties.js');
+
+/**
+ * The `PrimeReact:sidebar` component - a panel that slides in from an edge of the viewport.
+ *
+ * Worth knowing before a PrimeReact 11 port: v11 renames this component to `Drawer` *and* introduces an
+ * unrelated new component called `Sidebar` for application-shell navigation. A port that follows the
+ * name rather than the behavior silently swaps a slide-in overlay for a static shell element.
+ */ function PrimeSidebar({ element, slots }) {
+    const [visible, setVisible] = react.useState(properties.booleanProperty(element, 'visible', false));
+    return /*#__PURE__*/ jsxRuntime.jsxs("div", {
+        "data-scene-id": element.id,
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(button.Button, {
+                label: properties.stringProperty(element, 'triggerLabel', 'Open'),
+                onClick: ()=>setVisible(true)
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(sidebar.Sidebar, {
+                visible: visible,
+                onHide: ()=>setVisible(false),
+                position: properties.stringProperty(element, 'position', 'left'),
+                fullScreen: properties.booleanProperty(element, 'fullScreen', false),
+                children: slots.content
+            })
+        ]
+    });
+}
+
+exports.PrimeSidebar = PrimeSidebar;
+//# sourceMappingURL=PrimeSidebar.js.map

package/dist/cjs/overlay/PrimeSidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrimeSidebar.js","sources":["../../../overlay/PrimeSidebar.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 { Button } from 'primereact/button';\nimport { Sidebar } from 'primereact/sidebar';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { booleanProperty, stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:sidebar` component - a panel that slides in from an edge of the viewport.\n *\n * Worth knowing before a PrimeReact 11 port: v11 renames this component to `Drawer` *and* introduces an\n * unrelated new component called `Sidebar` for application-shell navigation. A port that follows the\n * name rather than the behavior silently swaps a slide-in overlay for a static shell element.\n */\nexport function PrimeSidebar({ element, slots }: RegisteredComponentProps) {\n    const [visible, setVisible] = useState(booleanProperty(element, 'visible', false));\n    return (\n        <div data-scene-id={element.id}>\n            <Button label={stringProperty(element, 'triggerLabel', 'Open')} onClick={() => setVisible(true)} />\n            <Sidebar\n                visible={visible}\n                onHide={() => setVisible(false)}\n                position={stringProperty(element, 'position', 'left') as 'left' | 'right' | 'top' | 'bottom'}\n                fullScreen={booleanProperty(element, 'fullScreen', false)}>\n                {slots.content}\n            </Sidebar>\n        </div>\n    );\n}\n"],"names":["PrimeSidebar","element","slots","visible","setVisible","useState","booleanProperty","_jsxs","div","data-scene-id","id","_jsx","Button","label","stringProperty","onClick","Sidebar","onHide","position","fullScreen","content"],"mappings":";;;;;;;;AASA;;;;;;AAMC,IACM,SAASA,YAAAA,CAAa,EAAEC,OAAO,EAAEC,KAAK,EAA4B,EAAA;AACrE,IAAA,MAAM,CAACC,OAAAA,EAASC,UAAAA,CAAW,GAAGC,cAAAA,CAASC,0BAAAA,CAAgBL,SAAS,SAAA,EAAW,KAAA,CAAA,CAAA;AAC3E,IAAA,qBACIM,eAAA,CAACC,KAAAA,EAAAA;AAAIC,QAAAA,eAAAA,EAAeR,QAAQS,EAAE;;0BAC1BC,cAAA,CAACC,aAAAA,EAAAA;gBAAOC,KAAAA,EAAOC,yBAAAA,CAAeb,SAAS,cAAA,EAAgB,MAAA,CAAA;AAASc,gBAAAA,OAAAA,EAAS,IAAMX,UAAAA,CAAW,IAAA;;0BAC1FO,cAAA,CAACK,eAAAA,EAAAA;gBACGb,OAAAA,EAASA,OAAAA;AACTc,gBAAAA,MAAAA,EAAQ,IAAMb,UAAAA,CAAW,KAAA,CAAA;gBACzBc,QAAAA,EAAUJ,yBAAAA,CAAeb,SAAS,UAAA,EAAY,MAAA,CAAA;gBAC9CkB,UAAAA,EAAYb,0BAAAA,CAAgBL,SAAS,YAAA,EAAc,KAAA,CAAA;AAClDC,gBAAAA,QAAAA,EAAAA,KAAAA,CAAMkB;;;;AAIvB;;;;"}

package/dist/cjs/overlay/PrimeTooltip.js

@@ -0,0 +1,33 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var tooltip = require('primereact/tooltip');
+var properties = require('../properties.js');
+
+/**
+ * The `PrimeReact:tooltip` component - explanatory text shown on hover.
+ *
+ * Tooltip attaches itself to a CSS selector rather than wrapping anything, so the adapter renders the
+ * hover target too and points the tooltip at it with a `data-` attribute selector. An attribute selector
+ * is used rather than a class because a Scene element id is free-form and may legally start with a digit,
+ * which is not a valid class selector.
+ */ function PrimeTooltip({ element, slots }) {
+    const target = `[data-scene-tooltip-target="${element.id}"]`;
+    return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(tooltip.Tooltip, {
+                target: target,
+                position: properties.stringProperty(element, 'position', 'top')
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx("span", {
+                "data-scene-id": element.id,
+                "data-scene-tooltip-target": element.id,
+                "data-pr-tooltip": properties.stringProperty(element, 'text', ''),
+                children: slots.content?.length ? slots.content : properties.stringProperty(element, 'label', 'Hover me')
+            })
+        ]
+    });
+}
+
+exports.PrimeTooltip = PrimeTooltip;
+//# sourceMappingURL=PrimeTooltip.js.map

package/dist/cjs/overlay/PrimeTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrimeTooltip.js","sources":["../../../overlay/PrimeTooltip.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { Tooltip } from 'primereact/tooltip';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:tooltip` component - explanatory text shown on hover.\n *\n * Tooltip attaches itself to a CSS selector rather than wrapping anything, so the adapter renders the\n * hover target too and points the tooltip at it with a `data-` attribute selector. An attribute selector\n * is used rather than a class because a Scene element id is free-form and may legally start with a digit,\n * which is not a valid class selector.\n */\nexport function PrimeTooltip({ element, slots }: RegisteredComponentProps) {\n    const target = `[data-scene-tooltip-target=\"${element.id}\"]`;\n    return (\n        <>\n            <Tooltip target={target} position={stringProperty(element, 'position', 'top') as 'top' | 'bottom' | 'left' | 'right'} />\n            <span data-scene-id={element.id} data-scene-tooltip-target={element.id} data-pr-tooltip={stringProperty(element, 'text', '')}>\n                {slots.content?.length ? slots.content : stringProperty(element, 'label', 'Hover me')}\n            </span>\n        </>\n    );\n}\n"],"names":["PrimeTooltip","element","slots","target","id","_jsxs","_Fragment","_jsx","Tooltip","position","stringProperty","span","data-scene-id","data-scene-tooltip-target","data-pr-tooltip","content","length"],"mappings":";;;;;;AAOA;;;;;;;AAOC,IACM,SAASA,YAAAA,CAAa,EAAEC,OAAO,EAAEC,KAAK,EAA4B,EAAA;IACrE,MAAMC,MAAAA,GAAS,CAAC,4BAA4B,EAAEF,QAAQG,EAAE,CAAC,EAAE,CAAC;IAC5D,qBACIC,eAAA,CAAAC,mBAAA,EAAA;;0BACIC,cAAA,CAACC,eAAAA,EAAAA;gBAAQL,MAAAA,EAAQA,MAAAA;gBAAQM,QAAAA,EAAUC,yBAAAA,CAAeT,SAAS,UAAA,EAAY,KAAA;;0BACvEM,cAAA,CAACI,MAAAA,EAAAA;AAAKC,gBAAAA,eAAAA,EAAeX,QAAQG,EAAE;AAAES,gBAAAA,2BAAAA,EAA2BZ,QAAQG,EAAE;gBAAEU,iBAAAA,EAAiBJ,yBAAAA,CAAeT,SAAS,MAAA,EAAQ,EAAA,CAAA;0BACpHC,KAAAA,CAAMa,OAAO,EAAEC,MAAAA,GAASd,KAAAA,CAAMa,OAAO,GAAGL,yBAAAA,CAAeT,SAAS,OAAA,EAAS,UAAA;;;;AAI1F;;;;"}

package/dist/cjs/package.json

@@ -0,0 +1,3 @@
+{
+  "type": "commonjs"
+}

package/dist/cjs/panel/PrimeAccordion.js

@@ -0,0 +1,31 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var accordion = require('primereact/accordion');
+var properties = require('../properties.js');
+
+/**
+ * The `PrimeReact:accordion` component - stacked sections of which one is open at a time.
+ *
+ * Accordion identifies its sections by React element type (`AccordionTab`), so a Scene adapter wrapping
+ * one would not be recognized. Sections are therefore paired here: the `headers` property gives the
+ * titles and the `content` slot gives the bodies, matched by position. A screen puts as many children in
+ * the slot as it lists headers.
+ */ function PrimeAccordion({ element, slots }) {
+    const headers = properties.stringArrayProperty(element, 'headers');
+    const bodies = slots.content ?? [];
+    const count = Math.max(headers.length, bodies.length);
+    return /*#__PURE__*/ jsxRuntime.jsx(accordion.Accordion, {
+        "data-scene-id": element.id,
+        activeIndex: properties.numberProperty(element, 'activeIndex', 0),
+        children: Array.from({
+            length: count
+        }, (_, index)=>/*#__PURE__*/ jsxRuntime.jsx(accordion.AccordionTab, {
+                header: headers[index] ?? `Section ${index + 1}`,
+                children: bodies[index]
+            }, index))
+    });
+}
+
+exports.PrimeAccordion = PrimeAccordion;
+//# sourceMappingURL=PrimeAccordion.js.map

package/dist/cjs/panel/PrimeAccordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrimeAccordion.js","sources":["../../../panel/PrimeAccordion.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 { Accordion, AccordionTab } from 'primereact/accordion';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { numberProperty, stringArrayProperty } from '../properties';\n\n/**\n * The `PrimeReact:accordion` component - stacked sections of which one is open at a time.\n *\n * Accordion identifies its sections by React element type (`AccordionTab`), so a Scene adapter wrapping\n * one would not be recognized. Sections are therefore paired here: the `headers` property gives the\n * titles and the `content` slot gives the bodies, matched by position. A screen puts as many children in\n * the slot as it lists headers.\n */\nexport function PrimeAccordion({ element, slots }: RegisteredComponentProps) {\n    const headers = stringArrayProperty(element, 'headers');\n    const bodies = slots.content ?? [];\n    const count = Math.max(headers.length, bodies.length);\n    return (\n        <Accordion data-scene-id={element.id} activeIndex={numberProperty(element, 'activeIndex', 0)}>\n            {Array.from({ length: count }, (_, index) => (\n                <AccordionTab key={index} header={headers[index] ?? `Section ${index + 1}`}>\n                    {bodies[index]}\n                </AccordionTab>\n            ))}\n        </Accordion>\n    );\n}\n"],"names":["PrimeAccordion","element","slots","headers","stringArrayProperty","bodies","content","count","Math","max","length","_jsx","Accordion","data-scene-id","id","activeIndex","numberProperty","Array","from","_","index","AccordionTab","header"],"mappings":";;;;;;AAOA;;;;;;;AAOC,IACM,SAASA,cAAAA,CAAe,EAAEC,OAAO,EAAEC,KAAK,EAA4B,EAAA;IACvE,MAAMC,OAAAA,GAAUC,+BAAoBH,OAAAA,EAAS,SAAA,CAAA;AAC7C,IAAA,MAAMI,MAAAA,GAASH,KAAAA,CAAMI,OAAO,IAAI,EAAE;IAClC,MAAMC,KAAAA,GAAQC,KAAKC,GAAG,CAACN,QAAQO,MAAM,EAAEL,OAAOK,MAAM,CAAA;AACpD,IAAA,qBACIC,cAAA,CAACC,mBAAAA,EAAAA;AAAUC,QAAAA,eAAAA,EAAeZ,QAAQa,EAAE;QAAEC,WAAAA,EAAaC,yBAAAA,CAAef,SAAS,aAAA,EAAe,CAAA,CAAA;AACrFgB,QAAAA,QAAAA,EAAAA,KAAAA,CAAMC,IAAI,CAAC;YAAER,MAAAA,EAAQH;SAAM,EAAG,CAACY,CAAAA,EAAGC,KAAAA,iBAC/BT,cAAA,CAACU,sBAAAA,EAAAA;gBAAyBC,MAAAA,EAAQnB,OAAO,CAACiB,KAAAA,CAAM,IAAI,CAAC,QAAQ,EAAEA,QAAQ,CAAA,CAAA,CAAG;AACrEf,gBAAAA,QAAAA,EAAAA,MAAM,CAACe,KAAAA;AADOA,aAAAA,EAAAA,KAAAA,CAAAA;;AAMnC;;;;"}

package/dist/cjs/panel/PrimeCard.js

@@ -0,0 +1,23 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var card = require('primereact/card');
+var properties = require('../properties.js');
+
+/**
+ * The `PrimeReact:card` component.
+ *
+ * One of the three names this package deliberately shares with `core` (alongside `text` and `button`), so
+ * a profile that lists `core` and then `PrimeReact` upgrades every card on every screen to a themed one
+ * without a single screen being edited.
+ */ function PrimeCard({ element, slots }) {
+    return /*#__PURE__*/ jsxRuntime.jsx(card.Card, {
+        "data-scene-id": element.id,
+        title: properties.stringProperty(element, 'title'),
+        subTitle: properties.stringProperty(element, 'subtitle'),
+        children: slots.content
+    });
+}
+
+exports.PrimeCard = PrimeCard;
+//# sourceMappingURL=PrimeCard.js.map

package/dist/cjs/panel/PrimeCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrimeCard.js","sources":["../../../panel/PrimeCard.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 { Card } from 'primereact/card';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:card` component.\n *\n * One of the three names this package deliberately shares with `core` (alongside `text` and `button`), so\n * a profile that lists `core` and then `PrimeReact` upgrades every card on every screen to a themed one\n * without a single screen being edited.\n */\nexport function PrimeCard({ element, slots }: RegisteredComponentProps) {\n    return (\n        <Card data-scene-id={element.id} title={stringProperty(element, 'title')} subTitle={stringProperty(element, 'subtitle')}>\n            {slots.content}\n        </Card>\n    );\n}\n"],"names":["PrimeCard","element","slots","_jsx","Card","data-scene-id","id","title","stringProperty","subTitle","content"],"mappings":";;;;;;AAOA;;;;;;AAMC,IACM,SAASA,SAAAA,CAAU,EAAEC,OAAO,EAAEC,KAAK,EAA4B,EAAA;AAClE,IAAA,qBACIC,cAAA,CAACC,SAAAA,EAAAA;AAAKC,QAAAA,eAAAA,EAAeJ,QAAQK,EAAE;AAAEC,QAAAA,KAAAA,EAAOC,0BAAeP,OAAAA,EAAS,OAAA,CAAA;AAAUQ,QAAAA,QAAAA,EAAUD,0BAAeP,OAAAA,EAAS,UAAA,CAAA;AACvGC,QAAAA,QAAAA,EAAAA,KAAAA,CAAMQ;;AAGnB;;;;"}

package/dist/cjs/panel/PrimeDivider.js

@@ -0,0 +1,21 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var divider = require('primereact/divider');
+var properties = require('../properties.js');
+
+/**
+ * The `PrimeReact:divider` component - a rule separating content, optionally with a caption in it.
+ */ function PrimeDivider({ element }) {
+    const label = properties.stringProperty(element, 'label');
+    return /*#__PURE__*/ jsxRuntime.jsx(divider.Divider, {
+        "data-scene-id": element.id,
+        layout: properties.stringProperty(element, 'layout', 'horizontal'),
+        align: properties.stringProperty(element, 'align'),
+        type: properties.stringProperty(element, 'type', 'solid'),
+        children: label
+    });
+}
+
+exports.PrimeDivider = PrimeDivider;
+//# sourceMappingURL=PrimeDivider.js.map

package/dist/cjs/panel/PrimeDivider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrimeDivider.js","sources":["../../../panel/PrimeDivider.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 { Divider } from 'primereact/divider';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:divider` component - a rule separating content, optionally with a caption in it.\n */\nexport function PrimeDivider({ element }: RegisteredComponentProps) {\n    const label = stringProperty(element, 'label');\n    return (\n        <Divider\n            data-scene-id={element.id}\n            layout={stringProperty(element, 'layout', 'horizontal') as 'horizontal' | 'vertical'}\n            align={stringProperty(element, 'align') as 'center' | 'left' | 'right' | 'top' | 'bottom' | undefined}\n            type={stringProperty(element, 'type', 'solid') as 'solid' | 'dashed' | 'dotted'}>\n            {label}\n        </Divider>\n    );\n}\n"],"names":["PrimeDivider","element","label","stringProperty","_jsx","Divider","data-scene-id","id","layout","align","type"],"mappings":";;;;;;AAOA;;AAEC,IACM,SAASA,YAAAA,CAAa,EAAEC,OAAO,EAA4B,EAAA;IAC9D,MAAMC,KAAAA,GAAQC,0BAAeF,OAAAA,EAAS,OAAA,CAAA;AACtC,IAAA,qBACIG,cAAA,CAACC,eAAAA,EAAAA;AACGC,QAAAA,eAAAA,EAAeL,QAAQM,EAAE;QACzBC,MAAAA,EAAQL,yBAAAA,CAAeF,SAAS,QAAA,EAAU,YAAA,CAAA;AAC1CQ,QAAAA,KAAAA,EAAON,0BAAeF,OAAAA,EAAS,OAAA,CAAA;QAC/BS,IAAAA,EAAMP,yBAAAA,CAAeF,SAAS,MAAA,EAAQ,OAAA,CAAA;AACrCC,QAAAA,QAAAA,EAAAA;;AAGb;;;;"}

package/dist/cjs/panel/PrimeFieldset.js

@@ -0,0 +1,19 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var fieldset = require('primereact/fieldset');
+var properties = require('../properties.js');
+
+/**
+ * The `PrimeReact:fieldset` component - a container whose legend sits on its border.
+ */ function PrimeFieldset({ element, slots }) {
+    return /*#__PURE__*/ jsxRuntime.jsx(fieldset.Fieldset, {
+        "data-scene-id": element.id,
+        legend: properties.stringProperty(element, 'legend'),
+        toggleable: properties.booleanProperty(element, 'toggleable', false),
+        children: slots.content
+    });
+}
+
+exports.PrimeFieldset = PrimeFieldset;
+//# sourceMappingURL=PrimeFieldset.js.map

package/dist/cjs/panel/PrimeFieldset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrimeFieldset.js","sources":["../../../panel/PrimeFieldset.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 { Fieldset } from 'primereact/fieldset';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { booleanProperty, stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:fieldset` component - a container whose legend sits on its border.\n */\nexport function PrimeFieldset({ element, slots }: RegisteredComponentProps) {\n    return (\n        <Fieldset data-scene-id={element.id} legend={stringProperty(element, 'legend')} toggleable={booleanProperty(element, 'toggleable', false)}>\n            {slots.content}\n        </Fieldset>\n    );\n}\n"],"names":["PrimeFieldset","element","slots","_jsx","Fieldset","data-scene-id","id","legend","stringProperty","toggleable","booleanProperty","content"],"mappings":";;;;;;AAOA;;AAEC,IACM,SAASA,aAAAA,CAAc,EAAEC,OAAO,EAAEC,KAAK,EAA4B,EAAA;AACtE,IAAA,qBACIC,cAAA,CAACC,iBAAAA,EAAAA;AAASC,QAAAA,eAAAA,EAAeJ,QAAQK,EAAE;AAAEC,QAAAA,MAAAA,EAAQC,0BAAeP,OAAAA,EAAS,QAAA,CAAA;QAAWQ,UAAAA,EAAYC,0BAAAA,CAAgBT,SAAS,YAAA,EAAc,KAAA,CAAA;AAC9HC,QAAAA,QAAAA,EAAAA,KAAAA,CAAMS;;AAGnB;;;;"}

package/dist/cjs/panel/PrimePanel.js

@@ -0,0 +1,20 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var panel = require('primereact/panel');
+var properties = require('../properties.js');
+
+/**
+ * The `PrimeReact:panel` component - a titled container that can optionally collapse.
+ */ function PrimePanel({ element, slots }) {
+    return /*#__PURE__*/ jsxRuntime.jsx(panel.Panel, {
+        "data-scene-id": element.id,
+        header: properties.stringProperty(element, 'header'),
+        toggleable: properties.booleanProperty(element, 'toggleable', false),
+        collapsed: properties.booleanProperty(element, 'collapsed', false),
+        children: slots.content
+    });
+}
+
+exports.PrimePanel = PrimePanel;
+//# sourceMappingURL=PrimePanel.js.map

package/dist/cjs/panel/PrimePanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrimePanel.js","sources":["../../../panel/PrimePanel.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 { Panel } from 'primereact/panel';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { booleanProperty, stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:panel` component - a titled container that can optionally collapse.\n */\nexport function PrimePanel({ element, slots }: RegisteredComponentProps) {\n    return (\n        <Panel\n            data-scene-id={element.id}\n            header={stringProperty(element, 'header')}\n            toggleable={booleanProperty(element, 'toggleable', false)}\n            collapsed={booleanProperty(element, 'collapsed', false)}>\n            {slots.content}\n        </Panel>\n    );\n}\n"],"names":["PrimePanel","element","slots","_jsx","Panel","data-scene-id","id","header","stringProperty","toggleable","booleanProperty","collapsed","content"],"mappings":";;;;;;AAOA;;AAEC,IACM,SAASA,UAAAA,CAAW,EAAEC,OAAO,EAAEC,KAAK,EAA4B,EAAA;AACnE,IAAA,qBACIC,cAAA,CAACC,WAAAA,EAAAA;AACGC,QAAAA,eAAAA,EAAeJ,QAAQK,EAAE;AACzBC,QAAAA,MAAAA,EAAQC,0BAAeP,OAAAA,EAAS,QAAA,CAAA;QAChCQ,UAAAA,EAAYC,0BAAAA,CAAgBT,SAAS,YAAA,EAAc,KAAA,CAAA;QACnDU,SAAAA,EAAWD,0BAAAA,CAAgBT,SAAS,WAAA,EAAa,KAAA,CAAA;AAChDC,QAAAA,QAAAA,EAAAA,KAAAA,CAAMU;;AAGnB;;;;"}

package/dist/cjs/panel/PrimeScrollPanel.js

@@ -0,0 +1,26 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var scrollpanel = require('primereact/scrollpanel');
+var properties = require('../properties.js');
+
+/**
+ * The `PrimeReact:scrollPanel` component - a bounded region with themed scrollbars.
+ *
+ * A height is always applied: ScrollPanel with no bound grows to fit its content and never scrolls,
+ * which looks like the component doing nothing at all.
+ *
+ * In PrimeReact 11 this component is renamed `ScrollArea`.
+ */ function PrimeScrollPanel({ element, slots }) {
+    return /*#__PURE__*/ jsxRuntime.jsx(scrollpanel.ScrollPanel, {
+        "data-scene-id": element.id,
+        style: {
+            height: `${properties.numberProperty(element, 'height', 200)}px`,
+            width: '100%'
+        },
+        children: slots.content
+    });
+}
+
+exports.PrimeScrollPanel = PrimeScrollPanel;
+//# sourceMappingURL=PrimeScrollPanel.js.map

package/dist/cjs/panel/PrimeScrollPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrimeScrollPanel.js","sources":["../../../panel/PrimeScrollPanel.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 { ScrollPanel } from 'primereact/scrollpanel';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { numberProperty } from '../properties';\n\n/**\n * The `PrimeReact:scrollPanel` component - a bounded region with themed scrollbars.\n *\n * A height is always applied: ScrollPanel with no bound grows to fit its content and never scrolls,\n * which looks like the component doing nothing at all.\n *\n * In PrimeReact 11 this component is renamed `ScrollArea`.\n */\nexport function PrimeScrollPanel({ element, slots }: RegisteredComponentProps) {\n    return (\n        <ScrollPanel\n            data-scene-id={element.id}\n            style={{ height: `${numberProperty(element, 'height', 200)}px`, width: '100%' }}>\n            {slots.content}\n        </ScrollPanel>\n    );\n}\n"],"names":["PrimeScrollPanel","element","slots","_jsx","ScrollPanel","data-scene-id","id","style","height","numberProperty","width","content"],"mappings":";;;;;;AAOA;;;;;;;AAOC,IACM,SAASA,gBAAAA,CAAiB,EAAEC,OAAO,EAAEC,KAAK,EAA4B,EAAA;AACzE,IAAA,qBACIC,cAAA,CAACC,uBAAAA,EAAAA;AACGC,QAAAA,eAAAA,EAAeJ,QAAQK,EAAE;QACzBC,KAAAA,EAAO;AAAEC,YAAAA,MAAAA,EAAQ,GAAGC,yBAAAA,CAAeR,OAAAA,EAAS,QAAA,EAAU,GAAA,CAAA,CAAK,EAAE,CAAC;YAAES,KAAAA,EAAO;AAAO,SAAA;AAC7ER,QAAAA,QAAAA,EAAAA,KAAAA,CAAMS;;AAGnB;;;;"}

package/dist/cjs/panel/PrimeSplitter.js

@@ -0,0 +1,32 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var splitter = require('primereact/splitter');
+var properties = require('../properties.js');
+
+/**
+ * The `PrimeReact:splitter` component - regions separated by a bar the user can drag.
+ *
+ * One panel per child in the `content` slot, sized evenly. Splitter needs an explicit height because it
+ * lays its panels out absolutely; without one the whole component collapses.
+ */ function PrimeSplitter({ element, slots }) {
+    const panels = slots.content ?? [];
+    const count = Math.max(panels.length, 2);
+    return /*#__PURE__*/ jsxRuntime.jsx(splitter.Splitter, {
+        "data-scene-id": element.id,
+        layout: properties.stringProperty(element, 'layout', 'horizontal'),
+        style: {
+            height: `${properties.numberProperty(element, 'height', 200)}px`
+        },
+        children: Array.from({
+            length: count
+        }, (_, index)=>/*#__PURE__*/ jsxRuntime.jsx(splitter.SplitterPanel, {
+                size: 100 / count,
+                className: "flex items-center justify-center",
+                children: panels[index]
+            }, index))
+    });
+}
+
+exports.PrimeSplitter = PrimeSplitter;
+//# sourceMappingURL=PrimeSplitter.js.map

package/dist/cjs/panel/PrimeSplitter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrimeSplitter.js","sources":["../../../panel/PrimeSplitter.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 { Splitter, SplitterPanel } from 'primereact/splitter';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { numberProperty, stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:splitter` component - regions separated by a bar the user can drag.\n *\n * One panel per child in the `content` slot, sized evenly. Splitter needs an explicit height because it\n * lays its panels out absolutely; without one the whole component collapses.\n */\nexport function PrimeSplitter({ element, slots }: RegisteredComponentProps) {\n    const panels = slots.content ?? [];\n    const count = Math.max(panels.length, 2);\n    return (\n        <Splitter\n            data-scene-id={element.id}\n            layout={stringProperty(element, 'layout', 'horizontal') as 'horizontal' | 'vertical'}\n            style={{ height: `${numberProperty(element, 'height', 200)}px` }}>\n            {Array.from({ length: count }, (_, index) => (\n                <SplitterPanel key={index} size={100 / count} className='flex items-center justify-center'>\n                    {panels[index]}\n                </SplitterPanel>\n            ))}\n        </Splitter>\n    );\n}\n"],"names":["PrimeSplitter","element","slots","panels","content","count","Math","max","length","_jsx","Splitter","data-scene-id","id","layout","stringProperty","style","height","numberProperty","Array","from","_","index","SplitterPanel","size","className"],"mappings":";;;;;;AAOA;;;;;AAKC,IACM,SAASA,aAAAA,CAAc,EAAEC,OAAO,EAAEC,KAAK,EAA4B,EAAA;AACtE,IAAA,MAAMC,MAAAA,GAASD,KAAAA,CAAME,OAAO,IAAI,EAAE;AAClC,IAAA,MAAMC,QAAQC,IAAAA,CAAKC,GAAG,CAACJ,MAAAA,CAAOK,MAAM,EAAE,CAAA,CAAA;AACtC,IAAA,qBACIC,cAAA,CAACC,iBAAAA,EAAAA;AACGC,QAAAA,eAAAA,EAAeV,QAAQW,EAAE;QACzBC,MAAAA,EAAQC,yBAAAA,CAAeb,SAAS,QAAA,EAAU,YAAA,CAAA;QAC1Cc,KAAAA,EAAO;AAAEC,YAAAA,MAAAA,EAAQ,GAAGC,yBAAAA,CAAehB,OAAAA,EAAS,QAAA,EAAU,GAAA,CAAA,CAAK,EAAE;AAAE,SAAA;AAC9DiB,QAAAA,QAAAA,EAAAA,KAAAA,CAAMC,IAAI,CAAC;YAAEX,MAAAA,EAAQH;SAAM,EAAG,CAACe,CAAAA,EAAGC,KAAAA,iBAC/BZ,cAAA,CAACa,sBAAAA,EAAAA;AAA0BC,gBAAAA,IAAAA,EAAM,GAAA,GAAMlB,KAAAA;gBAAOmB,SAAAA,EAAU,kCAAA;AACnDrB,gBAAAA,QAAAA,EAAAA,MAAM,CAACkB,KAAAA;AADQA,aAAAA,EAAAA,KAAAA,CAAAA;;AAMpC;;;;"}

package/dist/cjs/panel/PrimeStepper.js

@@ -0,0 +1,55 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var button = require('primereact/button');
+var stepper = require('primereact/stepper');
+var stepperpanel = require('primereact/stepperpanel');
+var properties = require('../properties.js');
+
+/**
+ * The `PrimeReact:stepper` component - a wizard whose progress is shown as numbered steps.
+ *
+ * Stepper advances only when something calls `nextCallback` / `prevCallback` on its ref, so the adapter
+ * renders the Back and Next buttons itself. Without them the steps render but nothing can move between
+ * them, which is a stepper that does not step.
+ */ function PrimeStepper({ element, slots }) {
+    const stepper$1 = react.useRef(null);
+    const headers = properties.stringArrayProperty(element, 'headers');
+    const bodies = slots.content ?? [];
+    const count = Math.max(headers.length, bodies.length);
+    return /*#__PURE__*/ jsxRuntime.jsx(stepper.Stepper, {
+        ref: stepper$1,
+        "data-scene-id": element.id,
+        linear: properties.booleanProperty(element, 'linear', false),
+        orientation: properties.stringProperty(element, 'orientation', 'horizontal'),
+        children: Array.from({
+            length: count
+        }, (_, index)=>/*#__PURE__*/ jsxRuntime.jsx(stepperpanel.StepperPanel, {
+                header: headers[index] ?? `Step ${index + 1}`,
+                children: /*#__PURE__*/ jsxRuntime.jsxs("div", {
+                    className: "flex flex-col gap-4",
+                    children: [
+                        bodies[index],
+                        /*#__PURE__*/ jsxRuntime.jsxs("div", {
+                            className: "flex gap-2",
+                            children: [
+                                index > 0 && /*#__PURE__*/ jsxRuntime.jsx(button.Button, {
+                                    label: "Back",
+                                    severity: "secondary",
+                                    onClick: ()=>stepper$1.current?.prevCallback()
+                                }),
+                                index < count - 1 && /*#__PURE__*/ jsxRuntime.jsx(button.Button, {
+                                    label: "Next",
+                                    onClick: ()=>stepper$1.current?.nextCallback()
+                                })
+                            ]
+                        })
+                    ]
+                })
+            }, index))
+    });
+}
+
+exports.PrimeStepper = PrimeStepper;
+//# sourceMappingURL=PrimeStepper.js.map

package/dist/cjs/panel/PrimeStepper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrimeStepper.js","sources":["../../../panel/PrimeStepper.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 { useRef } from 'react';\nimport { Button } from 'primereact/button';\nimport { Stepper } from 'primereact/stepper';\nimport { StepperPanel } from 'primereact/stepperpanel';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { booleanProperty, stringArrayProperty, stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:stepper` component - a wizard whose progress is shown as numbered steps.\n *\n * Stepper advances only when something calls `nextCallback` / `prevCallback` on its ref, so the adapter\n * renders the Back and Next buttons itself. Without them the steps render but nothing can move between\n * them, which is a stepper that does not step.\n */\nexport function PrimeStepper({ element, slots }: RegisteredComponentProps) {\n    const stepper = useRef<Stepper>(null);\n    const headers = stringArrayProperty(element, 'headers');\n    const bodies = slots.content ?? [];\n    const count = Math.max(headers.length, bodies.length);\n    return (\n        <Stepper\n            ref={stepper}\n            data-scene-id={element.id}\n            linear={booleanProperty(element, 'linear', false)}\n            orientation={stringProperty(element, 'orientation', 'horizontal') as 'horizontal' | 'vertical'}>\n            {Array.from({ length: count }, (_, index) => (\n                <StepperPanel key={index} header={headers[index] ?? `Step ${index + 1}`}>\n                    <div className='flex flex-col gap-4'>\n                        {bodies[index]}\n                        <div className='flex gap-2'>\n                            {index > 0 && <Button label='Back' severity='secondary' onClick={() => stepper.current?.prevCallback()} />}\n                            {index < count - 1 && <Button label='Next' onClick={() => stepper.current?.nextCallback()} />}\n                        </div>\n                    </div>\n                </StepperPanel>\n            ))}\n        </Stepper>\n    );\n}\n"],"names":["PrimeStepper","element","slots","stepper","useRef","headers","stringArrayProperty","bodies","content","count","Math","max","length","_jsx","Stepper","ref","data-scene-id","id","linear","booleanProperty","orientation","stringProperty","Array","from","_","index","StepperPanel","header","_jsxs","div","className","Button","label","severity","onClick","current","prevCallback","nextCallback"],"mappings":";;;;;;;;;AAUA;;;;;;AAMC,IACM,SAASA,YAAAA,CAAa,EAAEC,OAAO,EAAEC,KAAK,EAA4B,EAAA;AACrE,IAAA,MAAMC,YAAUC,YAAAA,CAAgB,IAAA,CAAA;IAChC,MAAMC,OAAAA,GAAUC,+BAAoBL,OAAAA,EAAS,SAAA,CAAA;AAC7C,IAAA,MAAMM,MAAAA,GAASL,KAAAA,CAAMM,OAAO,IAAI,EAAE;IAClC,MAAMC,KAAAA,GAAQC,KAAKC,GAAG,CAACN,QAAQO,MAAM,EAAEL,OAAOK,MAAM,CAAA;AACpD,IAAA,qBACIC,cAAA,CAACC,eAAAA,EAAAA;QACGC,GAAAA,EAAKZ,SAAAA;AACLa,QAAAA,eAAAA,EAAef,QAAQgB,EAAE;QACzBC,MAAAA,EAAQC,0BAAAA,CAAgBlB,SAAS,QAAA,EAAU,KAAA,CAAA;QAC3CmB,WAAAA,EAAaC,yBAAAA,CAAepB,SAAS,aAAA,EAAe,YAAA,CAAA;AACnDqB,QAAAA,QAAAA,EAAAA,KAAAA,CAAMC,IAAI,CAAC;YAAEX,MAAAA,EAAQH;SAAM,EAAG,CAACe,CAAAA,EAAGC,KAAAA,iBAC/BZ,cAAA,CAACa,yBAAAA,EAAAA;gBAAyBC,MAAAA,EAAQtB,OAAO,CAACoB,KAAAA,CAAM,IAAI,CAAC,KAAK,EAAEA,QAAQ,CAAA,CAAA,CAAG;AACnE,gBAAA,QAAA,gBAAAG,eAAA,CAACC,KAAAA,EAAAA;oBAAIC,SAAAA,EAAU,qBAAA;;AACVvB,wBAAAA,MAAM,CAACkB,KAAAA,CAAM;sCACdG,eAAA,CAACC,KAAAA,EAAAA;4BAAIC,SAAAA,EAAU,YAAA;;AACVL,gCAAAA,KAAAA,GAAQ,mBAAKZ,cAAA,CAACkB,aAAAA,EAAAA;oCAAOC,KAAAA,EAAM,MAAA;oCAAOC,QAAAA,EAAS,WAAA;oCAAYC,OAAAA,EAAS,IAAM/B,SAAAA,CAAQgC,OAAO,EAAEC,YAAAA;;gCACvFX,KAAAA,GAAQhB,KAAAA,GAAQ,mBAAKI,cAAA,CAACkB,aAAAA,EAAAA;oCAAOC,KAAAA,EAAM,MAAA;oCAAOE,OAAAA,EAAS,IAAM/B,SAAAA,CAAQgC,OAAO,EAAEE,YAAAA;;;;;;AALpEZ,aAAAA,EAAAA,KAAAA,CAAAA;;AAYnC;;;;"}

package/dist/cjs/panel/PrimeTabView.js

@@ -0,0 +1,31 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var tabview = require('primereact/tabview');
+var properties = require('../properties.js');
+
+/**
+ * The `PrimeReact:tabView` component - content behind selectable tabs.
+ *
+ * Pairs a `headers` property with the `content` slot by position, for the same reason
+ * {@link PrimeAccordion} does.
+ *
+ * In PrimeReact 11 `TabView` and `TabPanel` are replaced by a single `Tabs` component.
+ */ function PrimeTabView({ element, slots }) {
+    const headers = properties.stringArrayProperty(element, 'headers');
+    const bodies = slots.content ?? [];
+    const count = Math.max(headers.length, bodies.length);
+    return /*#__PURE__*/ jsxRuntime.jsx(tabview.TabView, {
+        "data-scene-id": element.id,
+        activeIndex: properties.numberProperty(element, 'activeIndex', 0),
+        children: Array.from({
+            length: count
+        }, (_, index)=>/*#__PURE__*/ jsxRuntime.jsx(tabview.TabPanel, {
+                header: headers[index] ?? `Tab ${index + 1}`,
+                children: bodies[index]
+            }, index))
+    });
+}
+
+exports.PrimeTabView = PrimeTabView;
+//# sourceMappingURL=PrimeTabView.js.map

package/dist/cjs/panel/PrimeTabView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrimeTabView.js","sources":["../../../panel/PrimeTabView.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 { TabPanel, TabView } from 'primereact/tabview';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { numberProperty, stringArrayProperty } from '../properties';\n\n/**\n * The `PrimeReact:tabView` component - content behind selectable tabs.\n *\n * Pairs a `headers` property with the `content` slot by position, for the same reason\n * {@link PrimeAccordion} does.\n *\n * In PrimeReact 11 `TabView` and `TabPanel` are replaced by a single `Tabs` component.\n */\nexport function PrimeTabView({ element, slots }: RegisteredComponentProps) {\n    const headers = stringArrayProperty(element, 'headers');\n    const bodies = slots.content ?? [];\n    const count = Math.max(headers.length, bodies.length);\n    return (\n        <TabView data-scene-id={element.id} activeIndex={numberProperty(element, 'activeIndex', 0)}>\n            {Array.from({ length: count }, (_, index) => (\n                <TabPanel key={index} header={headers[index] ?? `Tab ${index + 1}`}>\n                    {bodies[index]}\n                </TabPanel>\n            ))}\n        </TabView>\n    );\n}\n"],"names":["PrimeTabView","element","slots","headers","stringArrayProperty","bodies","content","count","Math","max","length","_jsx","TabView","data-scene-id","id","activeIndex","numberProperty","Array","from","_","index","TabPanel","header"],"mappings":";;;;;;AAOA;;;;;;;AAOC,IACM,SAASA,YAAAA,CAAa,EAAEC,OAAO,EAAEC,KAAK,EAA4B,EAAA;IACrE,MAAMC,OAAAA,GAAUC,+BAAoBH,OAAAA,EAAS,SAAA,CAAA;AAC7C,IAAA,MAAMI,MAAAA,GAASH,KAAAA,CAAMI,OAAO,IAAI,EAAE;IAClC,MAAMC,KAAAA,GAAQC,KAAKC,GAAG,CAACN,QAAQO,MAAM,EAAEL,OAAOK,MAAM,CAAA;AACpD,IAAA,qBACIC,cAAA,CAACC,eAAAA,EAAAA;AAAQC,QAAAA,eAAAA,EAAeZ,QAAQa,EAAE;QAAEC,WAAAA,EAAaC,yBAAAA,CAAef,SAAS,aAAA,EAAe,CAAA,CAAA;AACnFgB,QAAAA,QAAAA,EAAAA,KAAAA,CAAMC,IAAI,CAAC;YAAER,MAAAA,EAAQH;SAAM,EAAG,CAACY,CAAAA,EAAGC,KAAAA,iBAC/BT,cAAA,CAACU,gBAAAA,EAAAA;gBAAqBC,MAAAA,EAAQnB,OAAO,CAACiB,KAAAA,CAAM,IAAI,CAAC,IAAI,EAAEA,QAAQ,CAAA,CAAA,CAAG;AAC7Df,gBAAAA,QAAAA,EAAAA,MAAM,CAACe,KAAAA;AADGA,aAAAA,EAAAA,KAAAA,CAAAA;;AAM/B;;;;"}