@cratis/scene.primereact 1.1.0 → 3.0.0

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

@@ -7,7 +7,7 @@ const meta = {
     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.' } },
+        docs: { description: { component: 'The overlay family, on PrimeReact 11. 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 something has to keep a way back. `dialog`, `confirmDialog` and `sidebar` hold that visibility in the adapter and answer v11\'s `onOpenChange`; `overlayPanel` and `tooltip` let the v11 composition own it, because their trigger is part of the component rather than a button beside it. `sidebar` is built on `primereact/drawer` - v11\'s `Sidebar` is an unrelated application-shell primitive.' } },
     },
 };
 export default meta;

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

@@ -1 +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"}
+{"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,okBAAokB,EAAE,EAAE;KAC7mB;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.map

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

package/dist/esm/overlay/PrimeConfirmDialog.js

@@ -1,26 +1,33 @@
 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';
+import { ConfirmDialog } from './ConfirmDialog.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}.
+ * Adapts {@link ConfirmDialog}, which this package owns because PrimeReact 11 removed
+ * `primereact/confirmdialog` and shipped no successor - see that component for what the replacement
+ * deliberately leaves behind. The adapter itself is unchanged in spirit from the v10 one: it was already
+ * using the declarative form rather than the imperative `confirmDialog()` call, because that call needs a
+ * caller and a Scene element is configuration, not a caller. That choice is what made this the one
+ * removal in the family that cost nothing at the adapter boundary.
  *
- * In PrimeReact 11 the sibling `ConfirmPopup` is removed; `ConfirmDialog` remains.
+ * Visibility is owned locally for the reason described on {@link PrimeDialog}.
+ *
+ * A Scene element has nowhere to send an answer - there is no handler to bind to - so accepting and
+ * rejecting differ only in closing the dialog. The two callbacks are still wired rather than omitted, so
+ * the seam is here the moment Scene grows a way to express an action.
  */ 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)
+                onClick: ()=>setVisible(true),
+                children: stringProperty(element, 'triggerLabel', 'Confirm')
             }),
             /*#__PURE__*/ jsx(ConfirmDialog, {
                 visible: visible,

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

@@ -1 +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;;;;"}
+{"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 { RegisteredComponentProps } from '@cratis/scene.react';\nimport { stringProperty } from '../properties';\nimport { ConfirmDialog } from './ConfirmDialog';\n\n/**\n * The `PrimeReact:confirmDialog` component - a yes/no question before a consequential action.\n *\n * Adapts {@link ConfirmDialog}, which this package owns because PrimeReact 11 removed\n * `primereact/confirmdialog` and shipped no successor - see that component for what the replacement\n * deliberately leaves behind. The adapter itself is unchanged in spirit from the v10 one: it was already\n * using the declarative form rather than the imperative `confirmDialog()` call, because that call needs a\n * caller and a Scene element is configuration, not a caller. That choice is what made this the one\n * removal in the family that cost nothing at the adapter boundary.\n *\n * Visibility is owned locally for the reason described on {@link PrimeDialog}.\n *\n * A Scene element has nowhere to send an answer - there is no handler to bind to - so accepting and\n * rejecting differ only in closing the dialog. The two callbacks are still wired rather than omitted, so\n * the seam is here the moment Scene grows a way to express an action.\n */\nexport function PrimeConfirmDialog({ element }: RegisteredComponentProps) {\n    const [visible, setVisible] = useState(false);\n    return (\n        <div data-scene-id={element.id}>\n            <Button severity={stringProperty(element, 'severity', 'danger')} onClick={() => setVisible(true)}>\n                {stringProperty(element, 'triggerLabel', 'Confirm')}\n            </Button>\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","severity","stringProperty","onClick","ConfirmDialog","onHide","header","message","icon","acceptLabel","rejectLabel"],"mappings":";;;;;;AASA;;;;;;;;;;;;;;;AAeC,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;gBAAOC,QAAAA,EAAUC,cAAAA,CAAeX,SAAS,UAAA,EAAY,QAAA,CAAA;AAAWY,gBAAAA,OAAAA,EAAS,IAAMV,UAAAA,CAAW,IAAA,CAAA;AACtFS,gBAAAA,QAAAA,EAAAA,cAAAA,CAAeX,SAAS,cAAA,EAAgB,SAAA;;0BAE7CQ,GAAA,CAACK,aAAAA,EAAAA;gBACGZ,OAAAA,EAASA,OAAAA;AACTa,gBAAAA,MAAAA,EAAQ,IAAMZ,UAAAA,CAAW,KAAA,CAAA;gBACzBa,MAAAA,EAAQJ,cAAAA,CAAeX,SAAS,QAAA,EAAU,eAAA,CAAA;gBAC1CgB,OAAAA,EAASL,cAAAA,CAAeX,SAAS,SAAA,EAAW,+BAAA,CAAA;gBAC5CiB,IAAAA,EAAMN,cAAAA,CAAeX,SAAS,MAAA,EAAQ,4BAAA,CAAA;gBACtCkB,WAAAA,EAAaP,cAAAA,CAAeX,SAAS,aAAA,EAAe,KAAA,CAAA;gBACpDmB,WAAAA,EAAaR,cAAAA,CAAeX,SAAS,aAAA,EAAe,IAAA;;;;AAIpE;;;;"}

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

@@ -1 +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"}
+{"version":3,"file":"PrimeDialog.d.ts","sourceRoot":"","sources":["../../../overlay/PrimeDialog.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAwB/D,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,wBAAwB,+BAgCvE"}

package/dist/esm/overlay/PrimeDialog.js

@@ -12,6 +12,18 @@ import { booleanProperty, stringProperty } from '../properties.js';
  * 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.
+ *
+ * PrimeReact 11 made `Dialog` compositional, which turns that local visibility into a two-way
+ * arrangement: `open` pushes the state down, and every dismissal gesture - the close button, `Escape`, a
+ * click on the backdrop - comes back as `onOpenChange`. Both have to be wired, because a v11 dialog never
+ * hides itself; ignoring the callback would leave a dialog that opens once and can never be closed.
+ *
+ * The parts are assembled here rather than by the component: `Dialog.Portal` and `Dialog.Backdrop` are
+ * what make it modal, and `Dialog.Close` is the only reason the header gets an X.
+ *
+ * **Not available in v11:** the headless dialog has no resize handle, so a dialog cannot be made
+ * user-resizable. No Scene property is lost to this - this adapter never exposed one - but `draggable`,
+ * which v11 does still support, is the only direct-manipulation affordance left.
  */ function PrimeDialog({ element, slots }) {
     const [visible, setVisible] = useState(booleanProperty(element, 'visible', false));
     const header = stringProperty(element, 'header', 'Dialog');
@@ -19,19 +31,48 @@ import { booleanProperty, stringProperty } from '../properties.js';
         "data-scene-id": element.id,
         children: [
             /*#__PURE__*/ jsx(Button, {
-                label: stringProperty(element, 'triggerLabel', header),
-                onClick: ()=>setVisible(true)
+                onClick: ()=>setVisible(true),
+                children: stringProperty(element, 'triggerLabel', header)
             }),
-            /*#__PURE__*/ jsx(Dialog, {
-                header: header,
-                visible: visible,
-                onHide: ()=>setVisible(false),
+            /*#__PURE__*/ jsx(Dialog.Root, {
+                open: visible,
                 modal: booleanProperty(element, 'modal', true),
                 draggable: booleanProperty(element, 'draggable', false),
-                style: {
-                    width: stringProperty(element, 'width', '32rem')
+                dismissable: true,
+                closeOnEscape: true,
+                onOpenChange: (event)=>{
+                    if (!event.value) setVisible(false);
                 },
-                children: slots.content
+                children: /*#__PURE__*/ jsxs(Dialog.Portal, {
+                    children: [
+                        /*#__PURE__*/ jsx(Dialog.Backdrop, {}),
+                        /*#__PURE__*/ jsx(Dialog.Positioner, {
+                            children: /*#__PURE__*/ jsxs(Dialog.Popup, {
+                                style: {
+                                    width: stringProperty(element, 'width', '32rem')
+                                },
+                                children: [
+                                    /*#__PURE__*/ jsxs(Dialog.Header, {
+                                        children: [
+                                            /*#__PURE__*/ jsx(Dialog.Title, {
+                                                children: header
+                                            }),
+                                            /*#__PURE__*/ jsx(Dialog.Close, {
+                                                "aria-label": "Close",
+                                                children: /*#__PURE__*/ jsx("i", {
+                                                    className: "pi pi-times"
+                                                })
+                                            })
+                                        ]
+                                    }),
+                                    /*#__PURE__*/ jsx(Dialog.Content, {
+                                        children: slots.content
+                                    })
+                                ]
+                            })
+                        })
+                    ]
+                })
             })
         ]
     });

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

@@ -1 +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;;;;"}
+{"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 *\n * PrimeReact 11 made `Dialog` compositional, which turns that local visibility into a two-way\n * arrangement: `open` pushes the state down, and every dismissal gesture - the close button, `Escape`, a\n * click on the backdrop - comes back as `onOpenChange`. Both have to be wired, because a v11 dialog never\n * hides itself; ignoring the callback would leave a dialog that opens once and can never be closed.\n *\n * The parts are assembled here rather than by the component: `Dialog.Portal` and `Dialog.Backdrop` are\n * what make it modal, and `Dialog.Close` is the only reason the header gets an X.\n *\n * **Not available in v11:** the headless dialog has no resize handle, so a dialog cannot be made\n * user-resizable. No Scene property is lost to this - this adapter never exposed one - but `draggable`,\n * which v11 does still support, is the only direct-manipulation affordance left.\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 onClick={() => setVisible(true)}>{stringProperty(element, 'triggerLabel', header)}</Button>\n            <Dialog.Root\n                open={visible}\n                modal={booleanProperty(element, 'modal', true)}\n                draggable={booleanProperty(element, 'draggable', false)}\n                dismissable\n                closeOnEscape\n                onOpenChange={(event) => {\n                    if (!event.value) setVisible(false);\n                }}>\n                <Dialog.Portal>\n                    <Dialog.Backdrop />\n                    <Dialog.Positioner>\n                        <Dialog.Popup style={{ width: stringProperty(element, 'width', '32rem') }}>\n                            <Dialog.Header>\n                                <Dialog.Title>{header}</Dialog.Title>\n                                <Dialog.Close aria-label='Close'>\n                                    <i className='pi pi-times' />\n                                </Dialog.Close>\n                            </Dialog.Header>\n                            <Dialog.Content>{slots.content}</Dialog.Content>\n                        </Dialog.Popup>\n                    </Dialog.Positioner>\n                </Dialog.Portal>\n            </Dialog.Root>\n        </div>\n    );\n}\n"],"names":["PrimeDialog","element","slots","visible","setVisible","useState","booleanProperty","header","stringProperty","_jsxs","div","data-scene-id","id","_jsx","Button","onClick","Dialog","Root","open","modal","draggable","dismissable","closeOnEscape","onOpenChange","event","value","Portal","Backdrop","Positioner","Popup","style","width","Header","Title","Close","aria-label","i","className","Content","content"],"mappings":";;;;;;AASA;;;;;;;;;;;;;;;;;;;;AAoBC,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;AAAOC,gBAAAA,OAAAA,EAAS,IAAMX,UAAAA,CAAW,IAAA,CAAA;AAAQI,gBAAAA,QAAAA,EAAAA,cAAAA,CAAeP,SAAS,cAAA,EAAgBM,MAAAA;;AAClF,0BAAAM,GAAA,CAACG,OAAOC,IAAI,EAAA;gBACRC,IAAAA,EAAMf,OAAAA;gBACNgB,KAAAA,EAAOb,eAAAA,CAAgBL,SAAS,OAAA,EAAS,IAAA,CAAA;gBACzCmB,SAAAA,EAAWd,eAAAA,CAAgBL,SAAS,WAAA,EAAa,KAAA,CAAA;gBACjDoB,WAAW,EAAA,IAAA;gBACXC,aAAa,EAAA,IAAA;AACbC,gBAAAA,YAAAA,EAAc,CAACC,KAAAA,GAAAA;AACX,oBAAA,IAAI,CAACA,KAAAA,CAAMC,KAAK,EAAErB,UAAAA,CAAW,KAAA,CAAA;AACjC,gBAAA,CAAA;wCACAK,IAAA,CAACO,OAAOU,MAAM,EAAA;;AACV,sCAAAb,GAAA,CAACG,OAAOW,QAAQ,EAAA,EAAA,CAAA;AAChB,sCAAAd,GAAA,CAACG,OAAOY,UAAU,EAAA;oDACdnB,IAAA,CAACO,OAAOa,KAAK,EAAA;gCAACC,KAAAA,EAAO;oCAAEC,KAAAA,EAAOvB,cAAAA,CAAeP,SAAS,OAAA,EAAS,OAAA;AAAS,iCAAA;;AACpE,kDAAAQ,IAAA,CAACO,OAAOgB,MAAM,EAAA;;AACV,0DAAAnB,GAAA,CAACG,OAAOiB,KAAK,EAAA;AAAE1B,gDAAAA,QAAAA,EAAAA;;AACf,0DAAAM,GAAA,CAACG,OAAOkB,KAAK,EAAA;gDAACC,YAAAA,EAAW,OAAA;AACrB,gDAAA,QAAA,gBAAAtB,GAAA,CAACuB,GAAAA,EAAAA;oDAAEC,SAAAA,EAAU;;;;;AAGrB,kDAAAxB,GAAA,CAACG,OAAOsB,OAAO,EAAA;AAAEpC,wCAAAA,QAAAA,EAAAA,KAAAA,CAAMqC;;;;;;;;;;AAOnD;;;;"}

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

@@ -1 +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"}
+{"version":3,"file":"PrimeOverlayPanel.d.ts","sourceRoot":"","sources":["../../../overlay/PrimeOverlayPanel.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAiB/D,wBAAgB,iBAAiB,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,wBAAwB,+BAe7E"}

package/dist/esm/overlay/PrimeOverlayPanel.js

@@ -1,30 +1,42 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useRef } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { Button } from 'primereact/button';
-import { OverlayPanel } from 'primereact/overlaypanel';
+import { Popover } from 'primereact/popover';
 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.
+ * A popover positions itself against the thing that opened it, so it is meaningless without a trigger;
+ * the adapter renders one.
  *
- * In PrimeReact 11 this component is renamed `Popover`.
+ * PrimeReact 11 renamed `OverlayPanel` to `Popover` and changed how that trigger is wired. v10 needed a
+ * ref and a `toggle(event)` call because it positioned against the *event*; v11 positions against the
+ * trigger *element*, which `Popover.Trigger` registers itself. That removes the ref, the click handler
+ * and the local visibility state in one go - the composition owns all three - so the trigger here is a
+ * real `Button` supplied as `Popover.Trigger`'s `as`, rather than a separate button wired to a ref.
+ *
+ * The abstract Scene name stays `overlayPanel` so existing screens keep resolving.
  */ function PrimeOverlayPanel({ element, slots }) {
-    const overlay = useRef(null);
-    return /*#__PURE__*/ jsxs("div", {
+    return /*#__PURE__*/ jsx("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
-            })
-        ]
+        children: /*#__PURE__*/ jsxs(Popover.Root, {
+            children: [
+                /*#__PURE__*/ jsx(Popover.Trigger, {
+                    as: Button,
+                    children: stringProperty(element, 'triggerLabel', 'Show')
+                }),
+                /*#__PURE__*/ jsx(Popover.Portal, {
+                    children: /*#__PURE__*/ jsx(Popover.Positioner, {
+                        side: "bottom",
+                        children: /*#__PURE__*/ jsx(Popover.Popup, {
+                            children: /*#__PURE__*/ jsx(Popover.Content, {
+                                children: slots.content
+                            })
+                        })
+                    })
+                })
+            ]
+        })
     });
 }
 

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

@@ -1 +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;;;;"}
+{"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 { Button } from 'primereact/button';\nimport { Popover } from 'primereact/popover';\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 * A popover positions itself against the thing that opened it, so it is meaningless without a trigger;\n * the adapter renders one.\n *\n * PrimeReact 11 renamed `OverlayPanel` to `Popover` and changed how that trigger is wired. v10 needed a\n * ref and a `toggle(event)` call because it positioned against the *event*; v11 positions against the\n * trigger *element*, which `Popover.Trigger` registers itself. That removes the ref, the click handler\n * and the local visibility state in one go - the composition owns all three - so the trigger here is a\n * real `Button` supplied as `Popover.Trigger`'s `as`, rather than a separate button wired to a ref.\n *\n * The abstract Scene name stays `overlayPanel` so existing screens keep resolving.\n */\nexport function PrimeOverlayPanel({ element, slots }: RegisteredComponentProps) {\n    return (\n        <div data-scene-id={element.id}>\n            <Popover.Root>\n                <Popover.Trigger as={Button}>{stringProperty(element, 'triggerLabel', 'Show')}</Popover.Trigger>\n                <Popover.Portal>\n                    <Popover.Positioner side='bottom'>\n                        <Popover.Popup>\n                            <Popover.Content>{slots.content}</Popover.Content>\n                        </Popover.Popup>\n                    </Popover.Positioner>\n                </Popover.Portal>\n            </Popover.Root>\n        </div>\n    );\n}\n"],"names":["PrimeOverlayPanel","element","slots","_jsx","div","data-scene-id","id","_jsxs","Popover","Root","Trigger","as","Button","stringProperty","Portal","Positioner","side","Popup","Content","content"],"mappings":";;;;;AAQA;;;;;;;;;;;;;AAaC,IACM,SAASA,iBAAAA,CAAkB,EAAEC,OAAO,EAAEC,KAAK,EAA4B,EAAA;AAC1E,IAAA,qBACIC,GAAA,CAACC,KAAAA,EAAAA;AAAIC,QAAAA,eAAAA,EAAeJ,QAAQK,EAAE;gCAC1BC,IAAA,CAACC,QAAQC,IAAI,EAAA;;AACT,8BAAAN,GAAA,CAACK,QAAQE,OAAO,EAAA;oBAACC,EAAAA,EAAIC,MAAAA;AAASC,oBAAAA,QAAAA,EAAAA,cAAAA,CAAeZ,SAAS,cAAA,EAAgB,MAAA;;AACtE,8BAAAE,GAAA,CAACK,QAAQM,MAAM,EAAA;4CACXX,GAAA,CAACK,QAAQO,UAAU,EAAA;wBAACC,IAAAA,EAAK,QAAA;gDACrBb,GAAA,CAACK,QAAQS,KAAK,EAAA;oDACVd,GAAA,CAACK,QAAQU,OAAO,EAAA;AAAEhB,gCAAAA,QAAAA,EAAAA,KAAAA,CAAMiB;;;;;;;;AAOpD;;;;"}

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

@@ -1 +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"}
+{"version":3,"file":"PrimeSidebar.d.ts","sourceRoot":"","sources":["../../../overlay/PrimeSidebar.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAuB/D,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,wBAAwB,+BA2BxE"}

package/dist/esm/overlay/PrimeSidebar.js

@@ -1,30 +1,69 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
 import { Button } from 'primereact/button';
-import { Sidebar } from 'primereact/sidebar';
+import { Drawer } from 'primereact/drawer';
 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.
+ * **This is built on `primereact/drawer`, and that is not a mistake.** PrimeReact 11 renamed this
+ * component to `Drawer` *and* introduced an unrelated new component under the name `Sidebar` -
+ * `primereact/sidebar` in v11 is an application-shell primitive (`SidebarLayout`, `SidebarAside`,
+ * `SidebarPanel`, `SidebarMenu` and friends) for persistent navigation, with no slide-in overlay
+ * behavior anywhere in it. Importing `Sidebar` from v11 to port a v10 `Sidebar` compiles perfectly and
+ * silently replaces a dismissable overlay with a static shell element, which is why the module here is
+ * the one that does not match the name. The abstract Scene name stays `sidebar` so existing screens keep
+ * resolving; only the implementation moved.
+ *
+ * Visibility is owned locally and a trigger is always rendered, for the reason described on
+ * {@link PrimeDialog}, and v11's controlled `open` / `onOpenChange` pair is wired for the reason
+ * described there too.
+ *
+ * v10's `fullScreen` flag became a fifth `position` value rather than a separate prop, so the two Scene
+ * properties collapse into one: `fullScreen` wins when set, since a drawer covering the viewport has no
+ * edge left to slide in from.
  */ function PrimeSidebar({ element, slots }) {
     const [visible, setVisible] = useState(booleanProperty(element, 'visible', false));
+    const position = booleanProperty(element, 'fullScreen', false) ? 'full' : stringProperty(element, 'position', 'left');
     return /*#__PURE__*/ jsxs("div", {
         "data-scene-id": element.id,
         children: [
             /*#__PURE__*/ jsx(Button, {
-                label: stringProperty(element, 'triggerLabel', 'Open'),
-                onClick: ()=>setVisible(true)
+                onClick: ()=>setVisible(true),
+                children: stringProperty(element, 'triggerLabel', 'Open')
             }),
-            /*#__PURE__*/ jsx(Sidebar, {
-                visible: visible,
-                onHide: ()=>setVisible(false),
-                position: stringProperty(element, 'position', 'left'),
-                fullScreen: booleanProperty(element, 'fullScreen', false),
-                children: slots.content
+            /*#__PURE__*/ jsx(Drawer.Root, {
+                open: visible,
+                position: position,
+                onOpenChange: (event)=>{
+                    if (!event.value) setVisible(false);
+                },
+                children: /*#__PURE__*/ jsxs(Drawer.Portal, {
+                    children: [
+                        /*#__PURE__*/ jsx(Drawer.Backdrop, {}),
+                        /*#__PURE__*/ jsxs(Drawer.Popup, {
+                            children: [
+                                /*#__PURE__*/ jsxs(Drawer.Header, {
+                                    children: [
+                                        /*#__PURE__*/ jsx(Drawer.Title, {
+                                            children: stringProperty(element, 'header')
+                                        }),
+                                        /*#__PURE__*/ jsx(Drawer.Close, {
+                                            "aria-label": "Close",
+                                            children: /*#__PURE__*/ jsx("i", {
+                                                className: "pi pi-times"
+                                            })
+                                        })
+                                    ]
+                                }),
+                                /*#__PURE__*/ jsx(Drawer.Content, {
+                                    children: slots.content
+                                })
+                            ]
+                        })
+                    ]
+                })
             })
         ]
     });

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

@@ -1 +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;;;;"}
+{"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 { Drawer } from 'primereact/drawer';\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 * **This is built on `primereact/drawer`, and that is not a mistake.** PrimeReact 11 renamed this\n * component to `Drawer` *and* introduced an unrelated new component under the name `Sidebar` -\n * `primereact/sidebar` in v11 is an application-shell primitive (`SidebarLayout`, `SidebarAside`,\n * `SidebarPanel`, `SidebarMenu` and friends) for persistent navigation, with no slide-in overlay\n * behavior anywhere in it. Importing `Sidebar` from v11 to port a v10 `Sidebar` compiles perfectly and\n * silently replaces a dismissable overlay with a static shell element, which is why the module here is\n * the one that does not match the name. The abstract Scene name stays `sidebar` so existing screens keep\n * resolving; only the implementation moved.\n *\n * Visibility is owned locally and a trigger is always rendered, for the reason described on\n * {@link PrimeDialog}, and v11's controlled `open` / `onOpenChange` pair is wired for the reason\n * described there too.\n *\n * v10's `fullScreen` flag became a fifth `position` value rather than a separate prop, so the two Scene\n * properties collapse into one: `fullScreen` wins when set, since a drawer covering the viewport has no\n * edge left to slide in from.\n */\nexport function PrimeSidebar({ element, slots }: RegisteredComponentProps) {\n    const [visible, setVisible] = useState(booleanProperty(element, 'visible', false));\n    const position = booleanProperty(element, 'fullScreen', false) ? 'full' : stringProperty(element, 'position', 'left');\n    return (\n        <div data-scene-id={element.id}>\n            <Button onClick={() => setVisible(true)}>{stringProperty(element, 'triggerLabel', 'Open')}</Button>\n            <Drawer.Root\n                open={visible}\n                position={position as 'left' | 'right' | 'top' | 'bottom' | 'full'}\n                onOpenChange={(event) => {\n                    if (!event.value) setVisible(false);\n                }}>\n                <Drawer.Portal>\n                    <Drawer.Backdrop />\n                    <Drawer.Popup>\n                        <Drawer.Header>\n                            <Drawer.Title>{stringProperty(element, 'header')}</Drawer.Title>\n                            <Drawer.Close aria-label='Close'>\n                                <i className='pi pi-times' />\n                            </Drawer.Close>\n                        </Drawer.Header>\n                        <Drawer.Content>{slots.content}</Drawer.Content>\n                    </Drawer.Popup>\n                </Drawer.Portal>\n            </Drawer.Root>\n        </div>\n    );\n}\n"],"names":["PrimeSidebar","element","slots","visible","setVisible","useState","booleanProperty","position","stringProperty","_jsxs","div","data-scene-id","id","_jsx","Button","onClick","Drawer","Root","open","onOpenChange","event","value","Portal","Backdrop","Popup","Header","Title","Close","aria-label","i","className","Content","content"],"mappings":";;;;;;AASA;;;;;;;;;;;;;;;;;;;AAmBC,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;IAC3E,MAAMM,QAAAA,GAAWD,gBAAgBL,OAAAA,EAAS,YAAA,EAAc,SAAS,MAAA,GAASO,cAAAA,CAAeP,SAAS,UAAA,EAAY,MAAA,CAAA;AAC9G,IAAA,qBACIQ,IAAA,CAACC,KAAAA,EAAAA;AAAIC,QAAAA,eAAAA,EAAeV,QAAQW,EAAE;;0BAC1BC,GAAA,CAACC,MAAAA,EAAAA;AAAOC,gBAAAA,OAAAA,EAAS,IAAMX,UAAAA,CAAW,IAAA,CAAA;AAAQI,gBAAAA,QAAAA,EAAAA,cAAAA,CAAeP,SAAS,cAAA,EAAgB,MAAA;;AAClF,0BAAAY,GAAA,CAACG,OAAOC,IAAI,EAAA;gBACRC,IAAAA,EAAMf,OAAAA;gBACNI,QAAAA,EAAUA,QAAAA;AACVY,gBAAAA,YAAAA,EAAc,CAACC,KAAAA,GAAAA;AACX,oBAAA,IAAI,CAACA,KAAAA,CAAMC,KAAK,EAAEjB,UAAAA,CAAW,KAAA,CAAA;AACjC,gBAAA,CAAA;wCACAK,IAAA,CAACO,OAAOM,MAAM,EAAA;;AACV,sCAAAT,GAAA,CAACG,OAAOO,QAAQ,EAAA,EAAA,CAAA;AAChB,sCAAAd,IAAA,CAACO,OAAOQ,KAAK,EAAA;;AACT,8CAAAf,IAAA,CAACO,OAAOS,MAAM,EAAA;;AACV,sDAAAZ,GAAA,CAACG,OAAOU,KAAK,EAAA;AAAElB,4CAAAA,QAAAA,EAAAA,cAAAA,CAAeP,OAAAA,EAAS,QAAA;;AACvC,sDAAAY,GAAA,CAACG,OAAOW,KAAK,EAAA;4CAACC,YAAAA,EAAW,OAAA;AACrB,4CAAA,QAAA,gBAAAf,GAAA,CAACgB,GAAAA,EAAAA;gDAAEC,SAAAA,EAAU;;;;;AAGrB,8CAAAjB,GAAA,CAACG,OAAOe,OAAO,EAAA;AAAE7B,oCAAAA,QAAAA,EAAAA,KAAAA,CAAM8B;;;;;;;;;AAM/C;;;;"}

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

@@ -1 +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"}
+{"version":3,"file":"PrimeTooltip.d.ts","sourceRoot":"","sources":["../../../overlay/PrimeTooltip.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAsB/D,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,wBAAwB,+BAaxE"}

package/dist/esm/overlay/PrimeTooltip.js

@@ -1,27 +1,40 @@
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { jsxs, 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.
+ * The adapter renders the hover target as well as the tooltip, because a tooltip with nothing to point
+ * at has nothing to do.
+ *
+ * PrimeReact 11 replaced the v10 mechanism entirely and this adapter got simpler for it. v10's `Tooltip`
+ * attached itself to a CSS selector and read its text from a `data-pr-tooltip` attribute on whatever it
+ * found, which forced this adapter to invent a unique attribute selector - and to use an attribute 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. v11 wraps the target instead: `Tooltip.Trigger` *is* the target, so the
+ * selector, the generated attribute and the whole indirection are gone.
+ *
+ * The trigger is rendered as a `span` rather than v11's default `button`, because the `content` slot may
+ * hold any Scene children at all - including a button, which nested inside another button is invalid
+ * markup that browsers silently restructure. The cost is that a bare label is not keyboard focusable and
+ * so shows on hover only; when a screen puts a real control in the slot, that control brings its own
+ * focus behavior.
  */ function PrimeTooltip({ element, slots }) {
-    const target = `[data-scene-tooltip-target="${element.id}"]`;
-    return /*#__PURE__*/ jsxs(Fragment, {
+    return /*#__PURE__*/ jsxs(Tooltip.Root, {
         children: [
-            /*#__PURE__*/ jsx(Tooltip, {
-                target: target,
-                position: stringProperty(element, 'position', 'top')
-            }),
-            /*#__PURE__*/ jsx("span", {
+            /*#__PURE__*/ jsx(Tooltip.Trigger, {
+                as: "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')
+            }),
+            /*#__PURE__*/ jsx(Tooltip.Portal, {
+                children: /*#__PURE__*/ jsx(Tooltip.Positioner, {
+                    side: stringProperty(element, 'position', 'top'),
+                    children: /*#__PURE__*/ jsx(Tooltip.Popup, {
+                        children: stringProperty(element, 'text', '')
+                    })
+                })
             })
         ]
     });

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

@@ -1 +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;;;;"}
+{"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 * The adapter renders the hover target as well as the tooltip, because a tooltip with nothing to point\n * at has nothing to do.\n *\n * PrimeReact 11 replaced the v10 mechanism entirely and this adapter got simpler for it. v10's `Tooltip`\n * attached itself to a CSS selector and read its text from a `data-pr-tooltip` attribute on whatever it\n * found, which forced this adapter to invent a unique attribute selector - and to use an attribute rather\n * than a class, because a Scene element id is free-form and may legally start with a digit, which is not\n * a valid class selector. v11 wraps the target instead: `Tooltip.Trigger` *is* the target, so the\n * selector, the generated attribute and the whole indirection are gone.\n *\n * The trigger is rendered as a `span` rather than v11's default `button`, because the `content` slot may\n * hold any Scene children at all - including a button, which nested inside another button is invalid\n * markup that browsers silently restructure. The cost is that a bare label is not keyboard focusable and\n * so shows on hover only; when a screen puts a real control in the slot, that control brings its own\n * focus behavior.\n */\nexport function PrimeTooltip({ element, slots }: RegisteredComponentProps) {\n    return (\n        <Tooltip.Root>\n            <Tooltip.Trigger as='span' data-scene-id={element.id}>\n                {slots.content?.length ? slots.content : stringProperty(element, 'label', 'Hover me')}\n            </Tooltip.Trigger>\n            <Tooltip.Portal>\n                <Tooltip.Positioner side={stringProperty(element, 'position', 'top') as 'top' | 'bottom' | 'left' | 'right'}>\n                    <Tooltip.Popup>{stringProperty(element, 'text', '')}</Tooltip.Popup>\n                </Tooltip.Positioner>\n            </Tooltip.Portal>\n        </Tooltip.Root>\n    );\n}\n"],"names":["PrimeTooltip","element","slots","_jsxs","Tooltip","Root","_jsx","Trigger","as","data-scene-id","id","content","length","stringProperty","Portal","Positioner","side","Popup"],"mappings":";;;;AAOA;;;;;;;;;;;;;;;;;;AAkBC,IACM,SAASA,YAAAA,CAAa,EAAEC,OAAO,EAAEC,KAAK,EAA4B,EAAA;IACrE,qBACIC,IAAA,CAACC,QAAQC,IAAI,EAAA;;AACT,0BAAAC,GAAA,CAACF,QAAQG,OAAO,EAAA;gBAACC,EAAAA,EAAG,MAAA;AAAOC,gBAAAA,eAAAA,EAAeR,QAAQS,EAAE;0BAC/CR,KAAAA,CAAMS,OAAO,EAAEC,MAAAA,GAASV,KAAAA,CAAMS,OAAO,GAAGE,cAAAA,CAAeZ,SAAS,OAAA,EAAS,UAAA;;AAE9E,0BAAAK,GAAA,CAACF,QAAQU,MAAM,EAAA;wCACXR,GAAA,CAACF,QAAQW,UAAU,EAAA;oBAACC,IAAAA,EAAMH,cAAAA,CAAeZ,SAAS,UAAA,EAAY,KAAA,CAAA;4CAC1DK,GAAA,CAACF,QAAQa,KAAK,EAAA;AAAEJ,wBAAAA,QAAAA,EAAAA,cAAAA,CAAeZ,SAAS,MAAA,EAAQ,EAAA;;;;;;AAKpE;;;;"}

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

@@ -1,3 +1,4 @@
+export * from './ConfirmDialog';
 export * from './PrimeDialog';
 export * from './PrimeConfirmDialog';
 export * from './PrimeOverlayPanel';

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

@@ -1 +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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../overlay/index.ts"],"names":[],"mappings":"AAGA,cAAc,iBAAiB,CAAC;AAChC,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

@@ -1,3 +1,4 @@
+export * from './ConfirmDialog';
 export * from './PrimeDialog';
 export * from './PrimeConfirmDialog';
 export * from './PrimeOverlayPanel';

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

@@ -1 +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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../overlay/index.ts"],"names":[],"mappings":"AAGA,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC"}

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

@@ -7,7 +7,7 @@ const meta = {
     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.' } },
+        docs: { description: { component: 'The panel family, on PrimeReact 11. `accordion`, `tabView`, `splitter` and `stepper` pair a headers property with the content slot by position, because a slot arrives as a flat list of already-rendered children with nowhere to hang a per-child title. Every component here except `divider` is compositional in v11, so each adapter assembles the parts - a `tabView` with no `Tabs.Indicator`, or a `splitter` with no `Splitter.Gutter`, renders without an active underline or a drag bar rather than failing.' } },
     },
 };
 export default meta;

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

@@ -1 +1 @@
-{"version":3,"file":"PanelGallery.stories.js","sourceRoot":"","sources":["../../../panel/PanelGallery.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,kBAAkB;IACzB,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,4PAA4P,EAAE,EAAE;KACrS;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,MAAM,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,cAAc,CAAC,UAAU,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC;YAChJ,cAAc,CAAC,OAAO,EAAE,OAAO,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,cAAc,CAAC,WAAW,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,CAAC,EAAE,CAAC;YACrJ,cAAc,CAAC,UAAU,EAAE,UAAU,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,cAAc,CAAC,cAAc,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,eAAe,EAAE,CAAC,CAAC,EAAE,CAAC;YAC/I,cAAc,CAAC,SAAS,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;YACrD,cAAc,CAAC,aAAa,EAAE,aAAa,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,cAAc,CAAC,YAAY,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,oBAAoB,EAAE,CAAC,CAAC,EAAE,CAAC;YAClJ,cAAc,CACV,SAAS,EACT,SAAS,EACT,EAAE,EACF,EAAE,KAAK,EAAE,CAAC,cAAc,CAAC,YAAY,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,aAAa,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,EAAE,CAC3J;YACD,cAAc,CACV,WAAW,EACX,WAAW,EACX,EAAE,OAAO,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC,EAAE,EACpC,EAAE,OAAO,EAAE,CAAC,cAAc,CAAC,QAAQ,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,eAAe,EAAE,CAAC,EAAE,cAAc,CAAC,QAAQ,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,CAAC,CAAC,EAAE,CACzI;YACD,cAAc,CACV,SAAS,EACT,SAAS,EACT,EAAE,OAAO,EAAE,CAAC,SAAS,EAAE,UAAU,CAAC,EAAE,EACpC,EAAE,OAAO,EAAE,CAAC,cAAc,CAAC,QAAQ,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,CAAC,EAAE,cAAc,CAAC,QAAQ,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,eAAe,EAAE,CAAC,CAAC,EAAE,CACzI;YACD,cAAc,CACV,UAAU,EACV,UAAU,EACV,EAAE,MAAM,EAAE,GAAG,EAAE,EACf,EAAE,OAAO,EAAE,CAAC,cAAc,CAAC,UAAU,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,EAAE,cAAc,CAAC,UAAU,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,CAC7H;YACD,cAAc,CACV,SAAS,EACT,SAAS,EACT,EAAE,OAAO,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,EAAE,EACnC,EAAE,OAAO,EAAE,CAAC,cAAc,CAAC,SAAS,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,iBAAiB,EAAE,CAAC,EAAE,cAAc,CAAC,SAAS,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,iBAAiB,EAAE,CAAC,CAAC,EAAE,CAChJ;SACJ,CAAC;QACF,QAAQ,EAAE,oBAAoB;QAC9B,cAAc,EAAE,GAAG,EAAE,CAAC,SAAS;KAClC;CACJ,CAAC"}
+{"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.map

@@ -1 +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"}
+{"version":3,"file":"PrimeAccordion.d.ts","sourceRoot":"","sources":["../../../panel/PrimeAccordion.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAkB/D,wBAAgB,cAAc,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,wBAAwB,+BAwB1E"}