@cratis/scene.primereact 0.1.0

package/dist/esm/misc/PrimeTerminal.js

@@ -0,0 +1,21 @@
+import { jsx } from 'react/jsx-runtime';
+import { Terminal } from 'primereact/terminal';
+import { stringProperty } from '../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__*/ jsx(Terminal, {
+        "data-scene-id": element.id,
+        welcomeMessage: stringProperty(element, 'welcomeMessage', 'Welcome'),
+        prompt: stringProperty(element, 'prompt', '$')
+    });
+}
+
+export { PrimeTerminal };
+//# sourceMappingURL=PrimeTerminal.js.map

package/dist/esm/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,GAAA,CAACC,QAAAA,EAAAA;AACGC,QAAAA,eAAAA,EAAeH,QAAQI,EAAE;QACzBC,cAAAA,EAAgBC,cAAAA,CAAeN,SAAS,gBAAA,EAAkB,SAAA,CAAA;QAC1DO,MAAAA,EAAQD,cAAAA,CAAeN,SAAS,QAAA,EAAU,GAAA;;AAGtD;;;;"}

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

@@ -0,0 +1,12 @@
+export * from './PrimeAvatar';
+export * from './PrimeBadge';
+export * from './PrimeChip';
+export * from './PrimeTag';
+export * from './PrimeProgressBar';
+export * from './PrimeProgressSpinner';
+export * from './PrimeSkeleton';
+export * from './PrimeScrollTop';
+export * from './PrimeBlockUI';
+export * from './PrimeInplace';
+export * from './PrimeTerminal';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../misc/index.ts"],"names":[],"mappings":"AAGA,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC"}

package/dist/esm/misc/index.js

@@ -0,0 +1,12 @@
+export * from './PrimeAvatar';
+export * from './PrimeBadge';
+export * from './PrimeChip';
+export * from './PrimeTag';
+export * from './PrimeProgressBar';
+export * from './PrimeProgressSpinner';
+export * from './PrimeSkeleton';
+export * from './PrimeScrollTop';
+export * from './PrimeBlockUI';
+export * from './PrimeInplace';
+export * from './PrimeTerminal';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../misc/index.ts"],"names":[],"mappings":"AAGA,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC"}

package/dist/esm/overlay/OverlayGallery.stories.d.ts

@@ -0,0 +1,19 @@
+import type { StoryObj } from '@storybook/react';
+import { SceneElementView } from '@cratis/scene.react';
+declare const meta: {
+    title: string;
+    component: typeof SceneElementView;
+    tags: string[];
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Gallery: Story;
+//# sourceMappingURL=OverlayGallery.stories.d.ts.map

package/dist/esm/overlay/OverlayGallery.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverlayGallery.stories.d.ts","sourceRoot":"","sources":["../../../overlay/OverlayGallery.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAIvD,QAAA,MAAM,IAAI;;;;;QAKF,MAAM;QACN,IAAI;YAAI,WAAW;gBAAI,SAAS;;;;CAEC,CAAC;eAE3B,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAGnC,eAAO,MAAM,OAAO,EAAE,KAYrB,CAAC"}

package/dist/esm/overlay/OverlayGallery.stories.js

@@ -0,0 +1,27 @@
+import { SceneElementView } from '@cratis/scene.react';
+import { primeReactComponents } from '../primeReactComponents';
+import { sceneComponent, sceneGallery } from '../storyElements';
+const meta = {
+    title: 'PrimeReact/Overlay',
+    component: SceneElementView,
+    tags: ['autodocs'],
+    parameters: {
+        layout: 'padded',
+        docs: { description: { component: 'The overlay family. Each one renders its own trigger: an overlay is only interesting while it is open, and a Scene element has nowhere to record that a user closed it, so the adapter owns visibility and keeps a way back.' } },
+    },
+};
+export default meta;
+export const Gallery = {
+    args: {
+        element: sceneGallery('gallery', [
+            sceneComponent('dialog', 'dialog', { header: 'Edit project' }, { content: [sceneComponent('dialogText', 'text', { text: 'Dialog body' })] }),
+            sceneComponent('confirmDialog', 'confirmDialog', { message: 'Delete this project?', triggerLabel: 'Delete' }),
+            sceneComponent('overlayPanel', 'overlayPanel', { triggerLabel: 'Details' }, { content: [sceneComponent('overlayText', 'text', { text: 'Overlay body' })] }),
+            sceneComponent('sidebar', 'sidebar', { position: 'right', triggerLabel: 'Open panel' }, { content: [sceneComponent('sidebarText', 'text', { text: 'Sidebar body' })] }),
+            sceneComponent('tooltip', 'tooltip', { text: 'Explains the thing', label: 'Hover me' }),
+        ]),
+        registry: primeReactComponents,
+        resolveBinding: () => undefined,
+    },
+};
+//# sourceMappingURL=OverlayGallery.stories.js.map

package/dist/esm/overlay/OverlayGallery.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverlayGallery.stories.js","sourceRoot":"","sources":["../../../overlay/OverlayGallery.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhE,MAAM,IAAI,GAAG;IACT,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,gBAAgB;IAC3B,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACR,MAAM,EAAE,QAAQ;QAChB,IAAI,EAAE,EAAE,WAAW,EAAE,EAAE,SAAS,EAAE,8NAA8N,EAAE,EAAE;KACvQ;CACoC,CAAC;AAE1C,eAAe,IAAI,CAAC;AAKpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC1B,IAAI,EAAE;QACF,OAAO,EAAE,YAAY,CAAC,SAAS,EAAE;YAC7B,cAAc,CAAC,QAAQ,EAAE,QAAQ,EAAE,EAAE,MAAM,EAAE,cAAc,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,cAAc,CAAC,YAAY,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,CAAC,CAAC,EAAE,CAAC;YAC5I,cAAc,CAAC,eAAe,EAAE,eAAe,EAAE,EAAE,OAAO,EAAE,sBAAsB,EAAE,YAAY,EAAE,QAAQ,EAAE,CAAC;YAC7G,cAAc,CAAC,cAAc,EAAE,cAAc,EAAE,EAAE,YAAY,EAAE,SAAS,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,cAAc,CAAC,aAAa,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,CAAC,CAAC,EAAE,CAAC;YAC3J,cAAc,CAAC,SAAS,EAAE,SAAS,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,cAAc,CAAC,aAAa,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,CAAC,CAAC,EAAE,CAAC;YACvK,cAAc,CAAC,SAAS,EAAE,SAAS,EAAE,EAAE,IAAI,EAAE,oBAAoB,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC;SAC1F,CAAC;QACF,QAAQ,EAAE,oBAAoB;QAC9B,cAAc,EAAE,GAAG,EAAE,CAAC,SAAS;KAClC;CACJ,CAAC"}

package/dist/esm/overlay/PrimeConfirmDialog.d.ts

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

package/dist/esm/overlay/PrimeConfirmDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrimeConfirmDialog.d.ts","sourceRoot":"","sources":["../../../overlay/PrimeConfirmDialog.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAY/D,wBAAgB,kBAAkB,CAAC,EAAE,OAAO,EAAE,EAAE,wBAAwB,+BAoBvE"}

package/dist/esm/overlay/PrimeConfirmDialog.js

@@ -0,0 +1,39 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { Button } from 'primereact/button';
+import { ConfirmDialog } from 'primereact/confirmdialog';
+import { stringProperty } from '../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] = useState(false);
+    return /*#__PURE__*/ jsxs("div", {
+        "data-scene-id": element.id,
+        children: [
+            /*#__PURE__*/ jsx(Button, {
+                label: stringProperty(element, 'triggerLabel', 'Confirm'),
+                severity: stringProperty(element, 'severity', 'danger'),
+                onClick: ()=>setVisible(true)
+            }),
+            /*#__PURE__*/ jsx(ConfirmDialog, {
+                visible: visible,
+                onHide: ()=>setVisible(false),
+                header: stringProperty(element, 'header', 'Are you sure?'),
+                message: stringProperty(element, 'message', 'This action cannot be undone.'),
+                icon: stringProperty(element, 'icon', 'pi pi-exclamation-triangle'),
+                acceptLabel: stringProperty(element, 'acceptLabel', 'Yes'),
+                rejectLabel: stringProperty(element, 'rejectLabel', 'No')
+            })
+        ]
+    });
+}
+
+export { PrimeConfirmDialog };
+//# sourceMappingURL=PrimeConfirmDialog.js.map

package/dist/esm/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,QAAAA,CAAS,KAAA,CAAA;AACvC,IAAA,qBACIC,IAAA,CAACC,KAAAA,EAAAA;AAAIC,QAAAA,eAAAA,EAAeN,QAAQO,EAAE;;0BAC1BC,GAAA,CAACC,MAAAA,EAAAA;gBACGC,KAAAA,EAAOC,cAAAA,CAAeX,SAAS,cAAA,EAAgB,SAAA,CAAA;gBAC/CY,QAAAA,EAAUD,cAAAA,CAAeX,SAAS,UAAA,EAAY,QAAA,CAAA;AAC9Ca,gBAAAA,OAAAA,EAAS,IAAMX,UAAAA,CAAW,IAAA;;0BAE9BM,GAAA,CAACM,aAAAA,EAAAA;gBACGb,OAAAA,EAASA,OAAAA;AACTc,gBAAAA,MAAAA,EAAQ,IAAMb,UAAAA,CAAW,KAAA,CAAA;gBACzBc,MAAAA,EAAQL,cAAAA,CAAeX,SAAS,QAAA,EAAU,eAAA,CAAA;gBAC1CiB,OAAAA,EAASN,cAAAA,CAAeX,SAAS,SAAA,EAAW,+BAAA,CAAA;gBAC5CkB,IAAAA,EAAMP,cAAAA,CAAeX,SAAS,MAAA,EAAQ,4BAAA,CAAA;gBACtCmB,WAAAA,EAAaR,cAAAA,CAAeX,SAAS,aAAA,EAAe,KAAA,CAAA;gBACpDoB,WAAAA,EAAaT,cAAAA,CAAeX,SAAS,aAAA,EAAe,IAAA;;;;AAIpE;;;;"}

package/dist/esm/overlay/PrimeDialog.d.ts

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

package/dist/esm/overlay/PrimeDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrimeDialog.d.ts","sourceRoot":"","sources":["../../../overlay/PrimeDialog.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAY/D,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,wBAAwB,+BAiBvE"}

package/dist/esm/overlay/PrimeDialog.js

@@ -0,0 +1,41 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { Button } from 'primereact/button';
+import { Dialog } from 'primereact/dialog';
+import { booleanProperty, stringProperty } from '../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] = useState(booleanProperty(element, 'visible', false));
+    const header = stringProperty(element, 'header', 'Dialog');
+    return /*#__PURE__*/ jsxs("div", {
+        "data-scene-id": element.id,
+        children: [
+            /*#__PURE__*/ jsx(Button, {
+                label: stringProperty(element, 'triggerLabel', header),
+                onClick: ()=>setVisible(true)
+            }),
+            /*#__PURE__*/ jsx(Dialog, {
+                header: header,
+                visible: visible,
+                onHide: ()=>setVisible(false),
+                modal: booleanProperty(element, 'modal', true),
+                draggable: booleanProperty(element, 'draggable', false),
+                style: {
+                    width: stringProperty(element, 'width', '32rem')
+                },
+                children: slots.content
+            })
+        ]
+    });
+}
+
+export { PrimeDialog };
+//# sourceMappingURL=PrimeDialog.js.map

package/dist/esm/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,QAAAA,CAASC,eAAAA,CAAgBL,SAAS,SAAA,EAAW,KAAA,CAAA,CAAA;IAC3E,MAAMM,MAAAA,GAASC,cAAAA,CAAeP,OAAAA,EAAS,QAAA,EAAU,QAAA,CAAA;AACjD,IAAA,qBACIQ,IAAA,CAACC,KAAAA,EAAAA;AAAIC,QAAAA,eAAAA,EAAeV,QAAQW,EAAE;;0BAC1BC,GAAA,CAACC,MAAAA,EAAAA;gBAAOC,KAAAA,EAAOP,cAAAA,CAAeP,SAAS,cAAA,EAAgBM,MAAAA,CAAAA;AAASS,gBAAAA,OAAAA,EAAS,IAAMZ,UAAAA,CAAW,IAAA;;0BAC1FS,GAAA,CAACI,MAAAA,EAAAA;gBACGV,MAAAA,EAAQA,MAAAA;gBACRJ,OAAAA,EAASA,OAAAA;AACTe,gBAAAA,MAAAA,EAAQ,IAAMd,UAAAA,CAAW,KAAA,CAAA;gBACzBe,KAAAA,EAAOb,eAAAA,CAAgBL,SAAS,OAAA,EAAS,IAAA,CAAA;gBACzCmB,SAAAA,EAAWd,eAAAA,CAAgBL,SAAS,WAAA,EAAa,KAAA,CAAA;gBACjDoB,KAAAA,EAAO;oBAAEC,KAAAA,EAAOd,cAAAA,CAAeP,SAAS,OAAA,EAAS,OAAA;AAAS,iBAAA;AACzDC,gBAAAA,QAAAA,EAAAA,KAAAA,CAAMqB;;;;AAIvB;;;;"}

package/dist/esm/overlay/PrimeOverlayPanel.d.ts

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

package/dist/esm/overlay/PrimeOverlayPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrimeOverlayPanel.d.ts","sourceRoot":"","sources":["../../../overlay/PrimeOverlayPanel.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAW/D,wBAAgB,iBAAiB,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,wBAAwB,+BAQ7E"}

package/dist/esm/overlay/PrimeOverlayPanel.js

@@ -0,0 +1,32 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useRef } from 'react';
+import { Button } from 'primereact/button';
+import { OverlayPanel } from 'primereact/overlaypanel';
+import { stringProperty } from '../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 = useRef(null);
+    return /*#__PURE__*/ jsxs("div", {
+        "data-scene-id": element.id,
+        children: [
+            /*#__PURE__*/ jsx(Button, {
+                label: stringProperty(element, 'triggerLabel', 'Show'),
+                onClick: (event)=>overlay.current?.toggle(event)
+            }),
+            /*#__PURE__*/ jsx(OverlayPanel, {
+                ref: overlay,
+                children: slots.content
+            })
+        ]
+    });
+}
+
+export { PrimeOverlayPanel };
+//# sourceMappingURL=PrimeOverlayPanel.js.map

package/dist/esm/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,MAAAA,CAAqB,IAAA,CAAA;AACrC,IAAA,qBACIC,IAAA,CAACC,KAAAA,EAAAA;AAAIC,QAAAA,eAAAA,EAAeN,QAAQO,EAAE;;0BAC1BC,GAAA,CAACC,MAAAA,EAAAA;gBAAOC,KAAAA,EAAOC,cAAAA,CAAeX,SAAS,cAAA,EAAgB,MAAA,CAAA;AAASY,gBAAAA,OAAAA,EAAS,CAACC,KAAAA,GAAUX,OAAAA,CAAQY,OAAO,EAAEC,MAAAA,CAAOF,KAAAA;;0BAC5GL,GAAA,CAACQ,YAAAA,EAAAA;gBAAaC,GAAAA,EAAKf,OAAAA;AAAUD,gBAAAA,QAAAA,EAAAA,KAAAA,CAAMiB;;;;AAG/C;;;;"}

package/dist/esm/overlay/PrimeSidebar.d.ts

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

package/dist/esm/overlay/PrimeSidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrimeSidebar.d.ts","sourceRoot":"","sources":["../../../overlay/PrimeSidebar.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAU/D,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,wBAAwB,+BAcxE"}

package/dist/esm/overlay/PrimeSidebar.js

@@ -0,0 +1,34 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { Button } from 'primereact/button';
+import { Sidebar } from 'primereact/sidebar';
+import { booleanProperty, stringProperty } from '../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] = useState(booleanProperty(element, 'visible', false));
+    return /*#__PURE__*/ jsxs("div", {
+        "data-scene-id": element.id,
+        children: [
+            /*#__PURE__*/ jsx(Button, {
+                label: stringProperty(element, 'triggerLabel', 'Open'),
+                onClick: ()=>setVisible(true)
+            }),
+            /*#__PURE__*/ jsx(Sidebar, {
+                visible: visible,
+                onHide: ()=>setVisible(false),
+                position: stringProperty(element, 'position', 'left'),
+                fullScreen: booleanProperty(element, 'fullScreen', false),
+                children: slots.content
+            })
+        ]
+    });
+}
+
+export { PrimeSidebar };
+//# sourceMappingURL=PrimeSidebar.js.map

package/dist/esm/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,QAAAA,CAASC,eAAAA,CAAgBL,SAAS,SAAA,EAAW,KAAA,CAAA,CAAA;AAC3E,IAAA,qBACIM,IAAA,CAACC,KAAAA,EAAAA;AAAIC,QAAAA,eAAAA,EAAeR,QAAQS,EAAE;;0BAC1BC,GAAA,CAACC,MAAAA,EAAAA;gBAAOC,KAAAA,EAAOC,cAAAA,CAAeb,SAAS,cAAA,EAAgB,MAAA,CAAA;AAASc,gBAAAA,OAAAA,EAAS,IAAMX,UAAAA,CAAW,IAAA;;0BAC1FO,GAAA,CAACK,OAAAA,EAAAA;gBACGb,OAAAA,EAASA,OAAAA;AACTc,gBAAAA,MAAAA,EAAQ,IAAMb,UAAAA,CAAW,KAAA,CAAA;gBACzBc,QAAAA,EAAUJ,cAAAA,CAAeb,SAAS,UAAA,EAAY,MAAA,CAAA;gBAC9CkB,UAAAA,EAAYb,eAAAA,CAAgBL,SAAS,YAAA,EAAc,KAAA,CAAA;AAClDC,gBAAAA,QAAAA,EAAAA,KAAAA,CAAMkB;;;;AAIvB;;;;"}

package/dist/esm/overlay/PrimeTooltip.d.ts

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

package/dist/esm/overlay/PrimeTooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrimeTooltip.d.ts","sourceRoot":"","sources":["../../../overlay/PrimeTooltip.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAW/D,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,wBAAwB,+BAUxE"}

package/dist/esm/overlay/PrimeTooltip.js

@@ -0,0 +1,31 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { Tooltip } from 'primereact/tooltip';
+import { stringProperty } from '../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__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsx(Tooltip, {
+                target: target,
+                position: stringProperty(element, 'position', 'top')
+            }),
+            /*#__PURE__*/ jsx("span", {
+                "data-scene-id": element.id,
+                "data-scene-tooltip-target": element.id,
+                "data-pr-tooltip": stringProperty(element, 'text', ''),
+                children: slots.content?.length ? slots.content : stringProperty(element, 'label', 'Hover me')
+            })
+        ]
+    });
+}
+
+export { PrimeTooltip };
+//# sourceMappingURL=PrimeTooltip.js.map

package/dist/esm/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,IAAA,CAAAC,QAAA,EAAA;;0BACIC,GAAA,CAACC,OAAAA,EAAAA;gBAAQL,MAAAA,EAAQA,MAAAA;gBAAQM,QAAAA,EAAUC,cAAAA,CAAeT,SAAS,UAAA,EAAY,KAAA;;0BACvEM,GAAA,CAACI,MAAAA,EAAAA;AAAKC,gBAAAA,eAAAA,EAAeX,QAAQG,EAAE;AAAES,gBAAAA,2BAAAA,EAA2BZ,QAAQG,EAAE;gBAAEU,iBAAAA,EAAiBJ,cAAAA,CAAeT,SAAS,MAAA,EAAQ,EAAA,CAAA;0BACpHC,KAAAA,CAAMa,OAAO,EAAEC,MAAAA,GAASd,KAAAA,CAAMa,OAAO,GAAGL,cAAAA,CAAeT,SAAS,OAAA,EAAS,UAAA;;;;AAI1F;;;;"}

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

@@ -0,0 +1,6 @@
+export * from './PrimeDialog';
+export * from './PrimeConfirmDialog';
+export * from './PrimeOverlayPanel';
+export * from './PrimeSidebar';
+export * from './PrimeTooltip';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../overlay/index.ts"],"names":[],"mappings":"AAGA,cAAc,eAAe,CAAC;AAC9B,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC"}

package/dist/esm/overlay/index.js

@@ -0,0 +1,6 @@
+export * from './PrimeDialog';
+export * from './PrimeConfirmDialog';
+export * from './PrimeOverlayPanel';
+export * from './PrimeSidebar';
+export * from './PrimeTooltip';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../overlay/index.ts"],"names":[],"mappings":"AAGA,cAAc,eAAe,CAAC;AAC9B,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC"}

package/dist/esm/package.json

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

package/dist/esm/panel/PanelGallery.stories.d.ts

@@ -0,0 +1,19 @@
+import type { StoryObj } from '@storybook/react';
+import { SceneElementView } from '@cratis/scene.react';
+declare const meta: {
+    title: string;
+    component: typeof SceneElementView;
+    tags: string[];
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Gallery: Story;
+//# sourceMappingURL=PanelGallery.stories.d.ts.map

package/dist/esm/panel/PanelGallery.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelGallery.stories.d.ts","sourceRoot":"","sources":["../../../panel/PanelGallery.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAIvD,QAAA,MAAM,IAAI;;;;;QAKF,MAAM;QACN,IAAI;YAAI,WAAW;gBAAI,SAAS;;;;CAEC,CAAC;eAE3B,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAGnC,eAAO,MAAM,OAAO,EAAE,KA0CrB,CAAC"}

package/dist/esm/panel/PanelGallery.stories.js

@@ -0,0 +1,32 @@
+import { SceneElementView } from '@cratis/scene.react';
+import { primeReactComponents } from '../primeReactComponents';
+import { sceneComponent, sceneGallery } from '../storyElements';
+const meta = {
+    title: 'PrimeReact/Panel',
+    component: SceneElementView,
+    tags: ['autodocs'],
+    parameters: {
+        layout: 'padded',
+        docs: { description: { component: 'The panel family. `accordion`, `tabView`, `splitter` and `stepper` pair a headers property with the content slot by position, because PrimeReact identifies their sections by React element type and a Scene adapter wrapping one would not be recognized.' } },
+    },
+};
+export default meta;
+export const Gallery = {
+    args: {
+        element: sceneGallery('gallery', [
+            sceneComponent('card', 'card', { title: 'Project', subtitle: 'Acme' }, { content: [sceneComponent('cardText', 'text', { text: 'Card body' })] }),
+            sceneComponent('panel', 'panel', { header: 'Details', toggleable: true }, { content: [sceneComponent('panelText', 'text', { text: 'Panel body' })] }),
+            sceneComponent('fieldset', 'fieldset', { legend: 'Address' }, { content: [sceneComponent('fieldsetText', 'text', { text: 'Fieldset body' })] }),
+            sceneComponent('divider', 'divider', { label: 'or' }),
+            sceneComponent('scrollPanel', 'scrollPanel', { height: 120 }, { content: [sceneComponent('scrollText', 'text', { text: 'Scrollable content' })] }),
+            sceneComponent('toolbar', 'toolbar', {}, { start: [sceneComponent('toolbarNew', 'button', { label: 'New' })], end: [sceneComponent('toolbarHelp', 'button', { label: 'Help', outlined: true })] }),
+            sceneComponent('accordion', 'accordion', { headers: ['Overview', 'History'] }, { content: [sceneComponent('accOne', 'text', { text: 'Overview body' }), sceneComponent('accTwo', 'text', { text: 'History body' })] }),
+            sceneComponent('tabView', 'tabView', { headers: ['Summary', 'Activity'] }, { content: [sceneComponent('tabOne', 'text', { text: 'Summary body' }), sceneComponent('tabTwo', 'text', { text: 'Activity body' })] }),
+            sceneComponent('splitter', 'splitter', { height: 140 }, { content: [sceneComponent('splitOne', 'text', { text: 'Left' }), sceneComponent('splitTwo', 'text', { text: 'Right' })] }),
+            sceneComponent('stepper', 'stepper', { headers: ['Account', 'Payment'] }, { content: [sceneComponent('stepOne', 'text', { text: 'Account details' }), sceneComponent('stepTwo', 'text', { text: 'Payment details' })] }),
+        ]),
+        registry: primeReactComponents,
+        resolveBinding: () => undefined,
+    },
+};
+//# sourceMappingURL=PanelGallery.stories.js.map

package/dist/esm/panel/PanelGallery.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelGallery.stories.js","sourceRoot":"","sources":["../../../panel/PanelGallery.stories.tsx"],"names":[],"mappings":"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"}

package/dist/esm/panel/PrimeAccordion.d.ts

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

package/dist/esm/panel/PrimeAccordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrimeAccordion.d.ts","sourceRoot":"","sources":["../../../panel/PrimeAccordion.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAW/D,wBAAgB,cAAc,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,wBAAwB,+BAa1E"}

package/dist/esm/panel/PrimeAccordion.js

@@ -0,0 +1,29 @@
+import { jsx } from 'react/jsx-runtime';
+import { Accordion, AccordionTab } from 'primereact/accordion';
+import { stringArrayProperty, numberProperty } from '../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 = stringArrayProperty(element, 'headers');
+    const bodies = slots.content ?? [];
+    const count = Math.max(headers.length, bodies.length);
+    return /*#__PURE__*/ jsx(Accordion, {
+        "data-scene-id": element.id,
+        activeIndex: numberProperty(element, 'activeIndex', 0),
+        children: Array.from({
+            length: count
+        }, (_, index)=>/*#__PURE__*/ jsx(AccordionTab, {
+                header: headers[index] ?? `Section ${index + 1}`,
+                children: bodies[index]
+            }, index))
+    });
+}
+
+export { PrimeAccordion };
+//# sourceMappingURL=PrimeAccordion.js.map

package/dist/esm/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,oBAAoBH,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,GAAA,CAACC,SAAAA,EAAAA;AAAUC,QAAAA,eAAAA,EAAeZ,QAAQa,EAAE;QAAEC,WAAAA,EAAaC,cAAAA,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,GAAA,CAACU,YAAAA,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/esm/panel/PrimeCard.d.ts

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

package/dist/esm/panel/PrimeCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrimeCard.d.ts","sourceRoot":"","sources":["../../../panel/PrimeCard.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAU/D,wBAAgB,SAAS,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,wBAAwB,+BAMrE"}

package/dist/esm/panel/PrimeCard.js

@@ -0,0 +1,21 @@
+import { jsx } from 'react/jsx-runtime';
+import { Card } from 'primereact/card';
+import { stringProperty } from '../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__*/ jsx(Card, {
+        "data-scene-id": element.id,
+        title: stringProperty(element, 'title'),
+        subTitle: stringProperty(element, 'subtitle'),
+        children: slots.content
+    });
+}
+
+export { PrimeCard };
+//# sourceMappingURL=PrimeCard.js.map

package/dist/esm/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,GAAA,CAACC,IAAAA,EAAAA;AAAKC,QAAAA,eAAAA,EAAeJ,QAAQK,EAAE;AAAEC,QAAAA,KAAAA,EAAOC,eAAeP,OAAAA,EAAS,OAAA,CAAA;AAAUQ,QAAAA,QAAAA,EAAUD,eAAeP,OAAAA,EAAS,UAAA,CAAA;AACvGC,QAAAA,QAAAA,EAAAA,KAAAA,CAAMQ;;AAGnB;;;;"}

package/dist/esm/panel/PrimeDivider.d.ts

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

package/dist/esm/panel/PrimeDivider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrimeDivider.d.ts","sourceRoot":"","sources":["../../../panel/PrimeDivider.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAM/D,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,EAAE,wBAAwB,+BAWjE"}

package/dist/esm/panel/PrimeDivider.js

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