@cratis/scene.primereact 1.1.0 → 3.0.0

package/dist/esm/messages/PrimeToast.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PrimeToast.d.ts","sourceRoot":"","sources":["../../../messages/PrimeToast.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAW/D,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,EAAE,wBAAwB,+BAY/D"}
+{"version":3,"file":"PrimeToast.d.ts","sourceRoot":"","sources":["../../../messages/PrimeToast.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAiE/D,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,EAAE,wBAAwB,+BAgC/D"}

package/dist/esm/messages/PrimeToast.js

@@ -1,38 +1,122 @@
-import { jsx } from 'react/jsx-runtime';
-import { useRef, useEffect } from 'react';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import { useEffect } from 'react';
 import { Toast } from 'primereact/toast';
-import { stringProperty, numberProperty } from '../properties.js';
+import { toast, Toaster, useToasterContext } from 'primereact/toaster';
+import { severityProperty, stringProperty, numberProperty } from '../properties.js';
 
+/**
+ * Renders whatever notifications are currently queued for the surrounding toaster.
+ *
+ * PrimeReact 11 splits a toast in two: a `Toaster` owns the queue, the position and the timers, and the
+ * caller decides what one notification looks like. Nothing renders until someone maps the queue, which is
+ * what this does - it has to be its own component because reading the queue means reading the toaster's
+ * context, and that context is only available below the `Toaster.Root` that provides it.
+ *
+ * The severity icons are chosen here rather than left out because `Toast.Icon` renders only when its
+ * `match` equals the toast's severity, so the four are alternatives, not four icons at once.
+ */ function ToastList() {
+    const toaster = useToasterContext();
+    if (toaster === undefined) return null;
+    return /*#__PURE__*/ jsx(Fragment, {
+        children: toaster.toasts.map((item)=>/*#__PURE__*/ jsxs(Toast.Root, {
+                toast: item,
+                children: [
+                    /*#__PURE__*/ jsx(Toast.Icon, {
+                        match: "success",
+                        children: /*#__PURE__*/ jsx("i", {
+                            className: "pi pi-check-circle",
+                            "aria-hidden": "true"
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(Toast.Icon, {
+                        match: "info",
+                        children: /*#__PURE__*/ jsx("i", {
+                            className: "pi pi-info-circle",
+                            "aria-hidden": "true"
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(Toast.Icon, {
+                        match: "warn",
+                        children: /*#__PURE__*/ jsx("i", {
+                            className: "pi pi-exclamation-triangle",
+                            "aria-hidden": "true"
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(Toast.Icon, {
+                        match: "error",
+                        children: /*#__PURE__*/ jsx("i", {
+                            className: "pi pi-times-circle",
+                            "aria-hidden": "true"
+                        })
+                    }),
+                    /*#__PURE__*/ jsxs(Toast.Content, {
+                        children: [
+                            /*#__PURE__*/ jsx(Toast.Title, {}),
+                            /*#__PURE__*/ jsx(Toast.Description, {})
+                        ]
+                    }),
+                    /*#__PURE__*/ jsx(Toast.Close, {
+                        "aria-label": "Dismiss",
+                        children: /*#__PURE__*/ jsx("i", {
+                            className: "pi pi-times",
+                            "aria-hidden": "true"
+                        })
+                    })
+                ]
+            }, item.id))
+    });
+}
 /**
  * The `PrimeReact:toast` component - a transient notification in a corner of the screen.
  *
- * Toast is purely imperative: it renders nothing until someone calls `show`. A Scene element cannot make
- * that call, so the adapter makes it once on mount from the element's own properties. The element
+ * A toast is purely imperative: nothing renders until someone announces something. A Scene element cannot
+ * make that call, so the adapter makes it once on mount from the element's own properties. The element
  * therefore reads as "this screen announces this" rather than as a component that happens to render
  * nothing, which is what a literal wrapper would produce.
+ *
+ * PrimeReact 11 replaced v10's per-component ref and `show()` with a module-level queue and a free
+ * `toast()` function - a better arrangement for an application, since anything can announce without
+ * holding a ref, but a shared one. The element's own id is used as the toast's group so this toaster shows
+ * only what this element announced, and the announcement is withdrawn on unmount; without both, several
+ * `toast` elements on one screen would each show all of each other's notifications and leave them behind.
+ *
+ * `data-scene-id` sits on a wrapper rather than on the toaster, because the toaster renders through a
+ * portal to the end of the document: the identifying attribute would leave the position in the tree where
+ * the element was actually authored, which is where a design-time tool looks for it.
  */ function PrimeToast({ element }) {
-    const toast = useRef(null);
-    const severity = stringProperty(element, 'severity', 'info');
+    const severity = severityProperty(element, 'severity', 'info');
     const summary = stringProperty(element, 'summary', '');
     const detail = stringProperty(element, 'detail', '');
     const life = numberProperty(element, 'life', 3000);
+    const group = element.id;
     useEffect(()=>{
-        toast.current?.show({
-            severity,
-            summary,
-            detail,
-            life
+        const id = toast({
+            group,
+            severity: severity,
+            title: summary,
+            description: detail,
+            duration: life
         });
+        return ()=>toast.dismiss(id);
     }, [
+        group,
         severity,
         summary,
         detail,
         life
     ]);
-    return /*#__PURE__*/ jsx(Toast, {
-        ref: toast,
+    return /*#__PURE__*/ jsx("div", {
         "data-scene-id": element.id,
-        position: stringProperty(element, 'position', 'top-right')
+        children: /*#__PURE__*/ jsx(Toaster.Root, {
+            group: group,
+            timeout: life,
+            position: stringProperty(element, 'position', 'top-right'),
+            children: /*#__PURE__*/ jsx(Toaster.Portal, {
+                children: /*#__PURE__*/ jsx(Toaster.Region, {
+                    children: /*#__PURE__*/ jsx(ToastList, {})
+                })
+            })
+        })
     });
 }
 

package/dist/esm/messages/PrimeToast.js.map

@@ -1 +1 @@
-{"version":3,"file":"PrimeToast.js","sources":["../../../messages/PrimeToast.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 { useEffect, useRef } from 'react';\nimport { Toast } from 'primereact/toast';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { numberProperty, stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:toast` component - a transient notification in a corner of the screen.\n *\n * Toast is purely imperative: it renders nothing until someone calls `show`. A Scene element cannot make\n * that call, so the adapter makes it once on mount from the element's own properties. The element\n * therefore reads as \"this screen announces this\" rather than as a component that happens to render\n * nothing, which is what a literal wrapper would produce.\n */\nexport function PrimeToast({ element }: RegisteredComponentProps) {\n    const toast = useRef<Toast>(null);\n    const severity = stringProperty(element, 'severity', 'info') as 'success' | 'info' | 'warn' | 'error';\n    const summary = stringProperty(element, 'summary', '');\n    const detail = stringProperty(element, 'detail', '');\n    const life = numberProperty(element, 'life', 3000);\n\n    useEffect(() => {\n        toast.current?.show({ severity, summary, detail, life });\n    }, [severity, summary, detail, life]);\n\n    return <Toast ref={toast} data-scene-id={element.id} position={stringProperty(element, 'position', 'top-right') as 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left' | 'top-center' | 'bottom-center' | 'center'} />;\n}\n"],"names":["PrimeToast","element","toast","useRef","severity","stringProperty","summary","detail","life","numberProperty","useEffect","current","show","_jsx","Toast","ref","data-scene-id","id","position"],"mappings":";;;;;AAQA;;;;;;;AAOC,IACM,SAASA,UAAAA,CAAW,EAAEC,OAAO,EAA4B,EAAA;AAC5D,IAAA,MAAMC,QAAQC,MAAAA,CAAc,IAAA,CAAA;IAC5B,MAAMC,QAAAA,GAAWC,cAAAA,CAAeJ,OAAAA,EAAS,UAAA,EAAY,MAAA,CAAA;IACrD,MAAMK,OAAAA,GAAUD,cAAAA,CAAeJ,OAAAA,EAAS,SAAA,EAAW,EAAA,CAAA;IACnD,MAAMM,MAAAA,GAASF,cAAAA,CAAeJ,OAAAA,EAAS,QAAA,EAAU,EAAA,CAAA;IACjD,MAAMO,IAAAA,GAAOC,cAAAA,CAAeR,OAAAA,EAAS,MAAA,EAAQ,IAAA,CAAA;IAE7CS,SAAAA,CAAU,IAAA;QACNR,KAAAA,CAAMS,OAAO,EAAEC,IAAAA,CAAK;AAAER,YAAAA,QAAAA;AAAUE,YAAAA,OAAAA;AAASC,YAAAA,MAAAA;AAAQC,YAAAA;AAAK,SAAA,CAAA;IAC1D,CAAA,EAAG;AAACJ,QAAAA,QAAAA;AAAUE,QAAAA,OAAAA;AAASC,QAAAA,MAAAA;AAAQC,QAAAA;AAAK,KAAA,CAAA;AAEpC,IAAA,qBAAOK,GAAA,CAACC,KAAAA,EAAAA;QAAMC,GAAAA,EAAKb,KAAAA;AAAOc,QAAAA,eAAAA,EAAef,QAAQgB,EAAE;QAAEC,QAAAA,EAAUb,cAAAA,CAAeJ,SAAS,UAAA,EAAY,WAAA;;AACvG;;;;"}
+{"version":3,"file":"PrimeToast.js","sources":["../../../messages/PrimeToast.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 { useEffect } from 'react';\nimport { Toast } from 'primereact/toast';\nimport { Toaster, toast, useToasterContext } from 'primereact/toaster';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport {numberProperty, severityProperty, stringProperty} from '../properties';\n\n/**\n * Renders whatever notifications are currently queued for the surrounding toaster.\n *\n * PrimeReact 11 splits a toast in two: a `Toaster` owns the queue, the position and the timers, and the\n * caller decides what one notification looks like. Nothing renders until someone maps the queue, which is\n * what this does - it has to be its own component because reading the queue means reading the toaster's\n * context, and that context is only available below the `Toaster.Root` that provides it.\n *\n * The severity icons are chosen here rather than left out because `Toast.Icon` renders only when its\n * `match` equals the toast's severity, so the four are alternatives, not four icons at once.\n */\nfunction ToastList() {\n    const toaster = useToasterContext();\n    if (toaster === undefined) return null;\n\n    return (\n        <>\n            {toaster.toasts.map((item) => (\n                <Toast.Root key={item.id} toast={item}>\n                    <Toast.Icon match='success'>\n                        <i className='pi pi-check-circle' aria-hidden='true' />\n                    </Toast.Icon>\n                    <Toast.Icon match='info'>\n                        <i className='pi pi-info-circle' aria-hidden='true' />\n                    </Toast.Icon>\n                    <Toast.Icon match='warn'>\n                        <i className='pi pi-exclamation-triangle' aria-hidden='true' />\n                    </Toast.Icon>\n                    <Toast.Icon match='error'>\n                        <i className='pi pi-times-circle' aria-hidden='true' />\n                    </Toast.Icon>\n                    <Toast.Content>\n                        <Toast.Title />\n                        <Toast.Description />\n                    </Toast.Content>\n                    <Toast.Close aria-label='Dismiss'>\n                        <i className='pi pi-times' aria-hidden='true' />\n                    </Toast.Close>\n                </Toast.Root>\n            ))}\n        </>\n    );\n}\n\n/**\n * The `PrimeReact:toast` component - a transient notification in a corner of the screen.\n *\n * A toast is purely imperative: nothing renders until someone announces something. A Scene element cannot\n * make that call, so the adapter makes it once on mount from the element's own properties. The element\n * therefore reads as \"this screen announces this\" rather than as a component that happens to render\n * nothing, which is what a literal wrapper would produce.\n *\n * PrimeReact 11 replaced v10's per-component ref and `show()` with a module-level queue and a free\n * `toast()` function - a better arrangement for an application, since anything can announce without\n * holding a ref, but a shared one. The element's own id is used as the toast's group so this toaster shows\n * only what this element announced, and the announcement is withdrawn on unmount; without both, several\n * `toast` elements on one screen would each show all of each other's notifications and leave them behind.\n *\n * `data-scene-id` sits on a wrapper rather than on the toaster, because the toaster renders through a\n * portal to the end of the document: the identifying attribute would leave the position in the tree where\n * the element was actually authored, which is where a design-time tool looks for it.\n */\nexport function PrimeToast({ element }: RegisteredComponentProps) {\n    const severity = severityProperty(element, 'severity', 'info');\n    const summary = stringProperty(element, 'summary', '');\n    const detail = stringProperty(element, 'detail', '');\n    const life = numberProperty(element, 'life', 3000);\n    const group = element.id;\n\n    useEffect(() => {\n        const id = toast({\n            group,\n            severity: severity as 'success' | 'info' | 'warn' | 'error',\n            title: summary,\n            description: detail,\n            duration: life,\n        });\n        return () => toast.dismiss(id);\n    }, [group, severity, summary, detail, life]);\n\n    return (\n        <div data-scene-id={element.id}>\n            <Toaster.Root\n                group={group}\n                timeout={life}\n                position={stringProperty(element, 'position', 'top-right') as 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left' | 'top-center' | 'bottom-center' | 'center'}>\n                <Toaster.Portal>\n                    <Toaster.Region>\n                        <ToastList />\n                    </Toaster.Region>\n                </Toaster.Portal>\n            </Toaster.Root>\n        </div>\n    );\n}\n"],"names":["ToastList","toaster","useToasterContext","undefined","_jsx","_Fragment","toasts","map","item","_jsxs","Toast","Root","toast","Icon","match","i","className","aria-hidden","Content","Title","Description","Close","aria-label","id","PrimeToast","element","severity","severityProperty","summary","stringProperty","detail","life","numberProperty","group","useEffect","title","description","duration","dismiss","div","data-scene-id","Toaster","timeout","position","Portal","Region"],"mappings":";;;;;;AASA;;;;;;;;;;AAUC,IACD,SAASA,SAAAA,GAAAA;AACL,IAAA,MAAMC,OAAAA,GAAUC,iBAAAA,EAAAA;IAChB,IAAID,OAAAA,KAAYE,WAAW,OAAO,IAAA;IAElC,qBACIC,GAAA,CAAAC,QAAA,EAAA;kBACKJ,OAAAA,CAAQK,MAAM,CAACC,GAAG,CAAC,CAACC,IAAAA,iBACjBC,IAAA,CAACC,MAAMC,IAAI,EAAA;gBAAeC,KAAAA,EAAOJ,IAAAA;;AAC7B,kCAAAJ,GAAA,CAACM,MAAMG,IAAI,EAAA;wBAACC,KAAAA,EAAM,SAAA;AACd,wBAAA,QAAA,gBAAAV,GAAA,CAACW,GAAAA,EAAAA;4BAAEC,SAAAA,EAAU,oBAAA;4BAAqBC,aAAAA,EAAY;;;AAElD,kCAAAb,GAAA,CAACM,MAAMG,IAAI,EAAA;wBAACC,KAAAA,EAAM,MAAA;AACd,wBAAA,QAAA,gBAAAV,GAAA,CAACW,GAAAA,EAAAA;4BAAEC,SAAAA,EAAU,mBAAA;4BAAoBC,aAAAA,EAAY;;;AAEjD,kCAAAb,GAAA,CAACM,MAAMG,IAAI,EAAA;wBAACC,KAAAA,EAAM,MAAA;AACd,wBAAA,QAAA,gBAAAV,GAAA,CAACW,GAAAA,EAAAA;4BAAEC,SAAAA,EAAU,4BAAA;4BAA6BC,aAAAA,EAAY;;;AAE1D,kCAAAb,GAAA,CAACM,MAAMG,IAAI,EAAA;wBAACC,KAAAA,EAAM,OAAA;AACd,wBAAA,QAAA,gBAAAV,GAAA,CAACW,GAAAA,EAAAA;4BAAEC,SAAAA,EAAU,oBAAA;4BAAqBC,aAAAA,EAAY;;;AAElD,kCAAAR,IAAA,CAACC,MAAMQ,OAAO,EAAA;;AACV,0CAAAd,GAAA,CAACM,MAAMS,KAAK,EAAA,EAAA,CAAA;AACZ,0CAAAf,GAAA,CAACM,MAAMU,WAAW,EAAA,EAAA;;;AAEtB,kCAAAhB,GAAA,CAACM,MAAMW,KAAK,EAAA;wBAACC,YAAAA,EAAW,SAAA;AACpB,wBAAA,QAAA,gBAAAlB,GAAA,CAACW,GAAAA,EAAAA;4BAAEC,SAAAA,EAAU,aAAA;4BAAcC,aAAAA,EAAY;;;;AAlB9BT,aAAAA,EAAAA,IAAAA,CAAKe,EAAE,CAAA;;AAwBxC;AAEA;;;;;;;;;;;;;;;;;AAiBC,IACM,SAASC,UAAAA,CAAW,EAAEC,OAAO,EAA4B,EAAA;IAC5D,MAAMC,QAAAA,GAAWC,gBAAAA,CAAiBF,OAAAA,EAAS,UAAA,EAAY,MAAA,CAAA;IACvD,MAAMG,OAAAA,GAAUC,cAAAA,CAAeJ,OAAAA,EAAS,SAAA,EAAW,EAAA,CAAA;IACnD,MAAMK,MAAAA,GAASD,cAAAA,CAAeJ,OAAAA,EAAS,QAAA,EAAU,EAAA,CAAA;IACjD,MAAMM,IAAAA,GAAOC,cAAAA,CAAeP,OAAAA,EAAS,MAAA,EAAQ,IAAA,CAAA;IAC7C,MAAMQ,KAAAA,GAAQR,QAAQF,EAAE;IAExBW,SAAAA,CAAU,IAAA;AACN,QAAA,MAAMX,KAAKX,KAAAA,CAAM;AACbqB,YAAAA,KAAAA;YACAP,QAAAA,EAAUA,QAAAA;YACVS,KAAAA,EAAOP,OAAAA;YACPQ,WAAAA,EAAaN,MAAAA;YACbO,QAAAA,EAAUN;AACd,SAAA,CAAA;QACA,OAAO,IAAMnB,KAAAA,CAAM0B,OAAO,CAACf,EAAAA,CAAAA;IAC/B,CAAA,EAAG;AAACU,QAAAA,KAAAA;AAAOP,QAAAA,QAAAA;AAAUE,QAAAA,OAAAA;AAASE,QAAAA,MAAAA;AAAQC,QAAAA;AAAK,KAAA,CAAA;AAE3C,IAAA,qBACI3B,GAAA,CAACmC,KAAAA,EAAAA;AAAIC,QAAAA,eAAAA,EAAef,QAAQF,EAAE;gCAC1BnB,GAAA,CAACqC,QAAQ9B,IAAI,EAAA;YACTsB,KAAAA,EAAOA,KAAAA;YACPS,OAAAA,EAASX,IAAAA;YACTY,QAAAA,EAAUd,cAAAA,CAAeJ,SAAS,UAAA,EAAY,WAAA,CAAA;oCAC9CrB,GAAA,CAACqC,QAAQG,MAAM,EAAA;wCACXxC,GAAA,CAACqC,QAAQI,MAAM,EAAA;AACX,oBAAA,QAAA,gBAAAzC,GAAA,CAACJ,SAAAA,EAAAA,EAAAA;;;;;AAMzB;;;;"}

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

@@ -0,0 +1,7 @@
+import { HTMLAttributes } from 'react';
+export interface BlockUIProps extends HTMLAttributes<HTMLDivElement> {
+    blocked?: boolean;
+    fullScreen?: boolean;
+}
+export declare function BlockUI({ blocked, fullScreen, className, children, ...rest }: BlockUIProps): import("react").JSX.Element;
+//# sourceMappingURL=BlockUI.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BlockUI.d.ts","sourceRoot":"","sources":["../../../misc/BlockUI.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAKvC,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,cAAc,CAAC;IAKhE,OAAO,CAAC,EAAE,OAAO,CAAC;IAOlB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAsBD,wBAAgB,OAAO,CAAC,EAAE,OAAe,EAAE,UAAkB,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,YAAY,+BAO1G"}

package/dist/esm/misc/BlockUI.js

@@ -0,0 +1,45 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * A region that greys itself out and stops accepting input while something is in flight.
+ *
+ * Cratis owns this component. PrimeReact 10 had `BlockUI`; PrimeReact 11 removed it with no replacement
+ * and no headless hook, and the `blockUI` name is one this package's manifest already publishes - screens
+ * are written against it. Rebuilding it here is what keeps that promise, and it turns out to be a small
+ * thing to own: the whole component is a positioned wrapper, an `inert` subtree and a translucent mask.
+ *
+ * Blocking is expressed twice on purpose, because the two audiences need different things. `aria-busy`
+ * tells assistive technology that the region's content is being updated and should not be announced as
+ * final. `inert` on the wrapped subtree takes it out of the tab order and stops it responding to clicks -
+ * without that, a mask is only a visual suggestion and a keyboard user tabs straight through it into
+ * controls the screen believes are unavailable.
+ *
+ * What it deliberately does not carry over from v10: the `template` and `containerTemplate` props (a
+ * screen that wants a spinner or a message over the mask composes one into the blocked content itself),
+ * the enter/leave transitions, `baseZIndex` / `autoZIndex` layering (the mask uses one fixed stacking
+ * level and does not negotiate with dialogs), and the `onBlock` / `onUnblock` callbacks - a Scene element
+ * has nowhere to route a callback to, and the blocked state is authored rather than discovered.
+ */ function BlockUI({ blocked = false, fullScreen = false, className, children, ...rest }) {
+    return /*#__PURE__*/ jsxs("div", {
+        ...rest,
+        className: [
+            'relative',
+            className
+        ].filter(Boolean).join(' '),
+        "aria-busy": blocked,
+        children: [
+            /*#__PURE__*/ jsx("div", {
+                inert: blocked,
+                children: children
+            }),
+            blocked && /*#__PURE__*/ jsx("div", {
+                className: fullScreen ? 'fixed inset-0 z-50 bg-black/40' : 'absolute inset-0 z-10 bg-black/40'
+            })
+        ]
+    });
+}
+
+export { BlockUI };
+//# sourceMappingURL=BlockUI.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BlockUI.js","sources":["../../../misc/BlockUI.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 { HTMLAttributes } from 'react';\n\n/**\n * Configuration for {@link BlockUI}.\n */\nexport interface BlockUIProps extends HTMLAttributes<HTMLDivElement> {\n    /**\n     * Whether the region is currently blocked. While this is `false` the component adds nothing but a\n     * positioned wrapper, so it is safe to leave mounted around content that is only occasionally busy.\n     */\n    blocked?: boolean;\n\n    /**\n     * Whether the mask covers the whole viewport rather than only the wrapped content. A long-running\n     * action that would leave the rest of the screen misleadingly usable wants the page; a panel\n     * refreshing its own data does not.\n     */\n    fullScreen?: boolean;\n}\n\n/**\n * A region that greys itself out and stops accepting input while something is in flight.\n *\n * Cratis owns this component. PrimeReact 10 had `BlockUI`; PrimeReact 11 removed it with no replacement\n * and no headless hook, and the `blockUI` name is one this package's manifest already publishes - screens\n * are written against it. Rebuilding it here is what keeps that promise, and it turns out to be a small\n * thing to own: the whole component is a positioned wrapper, an `inert` subtree and a translucent mask.\n *\n * Blocking is expressed twice on purpose, because the two audiences need different things. `aria-busy`\n * tells assistive technology that the region's content is being updated and should not be announced as\n * final. `inert` on the wrapped subtree takes it out of the tab order and stops it responding to clicks -\n * without that, a mask is only a visual suggestion and a keyboard user tabs straight through it into\n * controls the screen believes are unavailable.\n *\n * What it deliberately does not carry over from v10: the `template` and `containerTemplate` props (a\n * screen that wants a spinner or a message over the mask composes one into the blocked content itself),\n * the enter/leave transitions, `baseZIndex` / `autoZIndex` layering (the mask uses one fixed stacking\n * level and does not negotiate with dialogs), and the `onBlock` / `onUnblock` callbacks - a Scene element\n * has nowhere to route a callback to, and the blocked state is authored rather than discovered.\n */\nexport function BlockUI({ blocked = false, fullScreen = false, className, children, ...rest }: BlockUIProps) {\n    return (\n        <div {...rest} className={['relative', className].filter(Boolean).join(' ')} aria-busy={blocked}>\n            <div inert={blocked}>{children}</div>\n            {blocked && <div className={fullScreen ? 'fixed inset-0 z-50 bg-black/40' : 'absolute inset-0 z-10 bg-black/40'} />}\n        </div>\n    );\n}\n"],"names":["BlockUI","blocked","fullScreen","className","children","rest","_jsxs","div","filter","Boolean","join","aria-busy","_jsx","inert"],"mappings":";;AAAA;AACA;AAsBA;;;;;;;;;;;;;;;;;;;AAmBC,IACM,SAASA,OAAAA,CAAQ,EAAEC,UAAU,KAAK,EAAEC,UAAAA,GAAa,KAAK,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGC,IAAAA,EAAoB,EAAA;AACvG,IAAA,qBACIC,IAAA,CAACC,KAAAA,EAAAA;AAAK,QAAA,GAAGF,IAAI;QAAEF,SAAAA,EAAW;AAAC,YAAA,UAAA;AAAYA,YAAAA;AAAU,SAAA,CAACK,MAAM,CAACC,OAAAA,CAAAA,CAASC,IAAI,CAAC,GAAA,CAAA;QAAMC,WAAAA,EAAWV,OAAAA;;0BACpFW,GAAA,CAACL,KAAAA,EAAAA;gBAAIM,KAAAA,EAAOZ,OAAAA;AAAUG,gBAAAA,QAAAA,EAAAA;;AACrBH,YAAAA,OAAAA,kBAAWW,GAAA,CAACL,KAAAA,EAAAA;AAAIJ,gBAAAA,SAAAA,EAAWD,aAAa,gCAAA,GAAmC;;;;AAGxF;;;;"}

package/dist/esm/misc/MiscGallery.stories.js

@@ -7,7 +7,7 @@ const meta = {
     tags: ['autodocs'],
     parameters: {
         layout: 'padded',
-        docs: { description: { component: 'The remaining components: indicators, badges, placeholders and a terminal. `terminal` accepts input and answers nothing until the hosting application subscribes to PrimeReact\'s TerminalService - responding to a command is application behavior, not something a Scene element can express.' } },
+        docs: { description: { component: 'The remaining components: indicators, badges, placeholders and a terminal. Two of them - `blockUI` and `scrollTop` - are Cratis-owned rebuilds, because PrimeReact 11 removed both with no replacement and no headless hook; they render here through the same registry as everything else, which is the point. `terminal` accepts input and answers nothing until the hosting application passes an `onCommand` callback - responding to a command is application behavior, not something a Scene element can express.' } },
     },
 };
 export default meta;

package/dist/esm/misc/MiscGallery.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"MiscGallery.stories.js","sourceRoot":"","sources":["../../../misc/MiscGallery.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,iBAAiB;IACxB,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,iSAAiS,EAAE,EAAE;KAC1U;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,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC;YACpE,cAAc,CAAC,OAAO,EAAE,OAAO,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC;YACpE,cAAc,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,aAAa,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;YAC9F,cAAc,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;YACxF,cAAc,CAAC,aAAa,EAAE,aAAa,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC;YAC3D,cAAc,CAAC,iBAAiB,EAAE,iBAAiB,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC;YAClE,cAAc,CAAC,UAAU,EAAE,UAAU,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;YAC1E,cAAc,CAAC,WAAW,EAAE,WAAW,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,cAAc,CAAC,eAAe,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,uCAAuC,EAAE,CAAC,CAAC,EAAE,CAAC;YACpK,cAAc,CAAC,SAAS,EAAE,SAAS,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,cAAc,CAAC,WAAW,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,iBAAiB,EAAE,CAAC,CAAC,EAAE,CAAC;YACxI,cAAc,CAAC,SAAS,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,cAAc,CAAC,cAAc,EAAE,WAAW,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC;YACnJ,cAAc,CAAC,UAAU,EAAE,UAAU,EAAE,EAAE,cAAc,EAAE,wBAAwB,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC;SAC1G,CAAC;QACF,QAAQ,EAAE,oBAAoB;QAC9B,cAAc,EAAE,GAAG,EAAE,CAAC,SAAS;KAClC;CACJ,CAAC"}
+{"version":3,"file":"MiscGallery.stories.js","sourceRoot":"","sources":["../../../misc/MiscGallery.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,iBAAiB;IACxB,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,yfAAyf,EAAE,EAAE;KACliB;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,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC;YACpE,cAAc,CAAC,OAAO,EAAE,OAAO,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC;YACpE,cAAc,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,aAAa,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;YAC9F,cAAc,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;YACxF,cAAc,CAAC,aAAa,EAAE,aAAa,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC;YAC3D,cAAc,CAAC,iBAAiB,EAAE,iBAAiB,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC;YAClE,cAAc,CAAC,UAAU,EAAE,UAAU,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;YAC1E,cAAc,CAAC,WAAW,EAAE,WAAW,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,cAAc,CAAC,eAAe,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,uCAAuC,EAAE,CAAC,CAAC,EAAE,CAAC;YACpK,cAAc,CAAC,SAAS,EAAE,SAAS,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,cAAc,CAAC,WAAW,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,iBAAiB,EAAE,CAAC,CAAC,EAAE,CAAC;YACxI,cAAc,CAAC,SAAS,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,cAAc,CAAC,cAAc,EAAE,WAAW,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC;YACnJ,cAAc,CAAC,UAAU,EAAE,UAAU,EAAE,EAAE,cAAc,EAAE,wBAAwB,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC;SAC1G,CAAC;QACF,QAAQ,EAAE,oBAAoB;QAC9B,cAAc,EAAE,GAAG,EAAE,CAAC,SAAS;KAClC;CACJ,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"PrimeAvatar.d.ts","sourceRoot":"","sources":["../../../misc/PrimeAvatar.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAM/D,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,EAAE,wBAAwB,+BAWhE"}
+{"version":3,"file":"PrimeAvatar.d.ts","sourceRoot":"","sources":["../../../misc/PrimeAvatar.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAe/D,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,EAAE,wBAAwB,+BAahE"}

package/dist/esm/misc/PrimeAvatar.js

@@ -1,17 +1,38 @@
-import { jsx } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { Avatar } from 'primereact/avatar';
 import { stringProperty } from '../properties.js';
 
 /**
  * The `PrimeReact:avatar` component - a person or entity shown as initials, an icon or a picture.
+ *
+ * PrimeReact 11 turned Avatar into a composition, and the split is the interesting part: `Avatar.Image`
+ * renders only once the browser has actually loaded the source, and `Avatar.Fallback` renders only while
+ * it has not. That is exactly the behavior a screen wants and could not previously express - a picture
+ * that 404s now degrades to the initials instead of leaving a broken image icon in a list of faces.
+ *
+ * The image part is left out entirely when no `image` was authored, rather than mounted with an empty
+ * source: it would spend an effect on a load that can never happen, and the fallback is what shows either
+ * way.
  */ function PrimeAvatar({ element }) {
-    return /*#__PURE__*/ jsx(Avatar, {
+    const label = stringProperty(element, 'label');
+    const icon = stringProperty(element, 'icon');
+    const image = stringProperty(element, 'image');
+    return /*#__PURE__*/ jsxs(Avatar.Root, {
         "data-scene-id": element.id,
-        label: stringProperty(element, 'label'),
-        icon: stringProperty(element, 'icon'),
-        image: stringProperty(element, 'image'),
         size: stringProperty(element, 'size', 'normal'),
-        shape: stringProperty(element, 'shape', 'square')
+        shape: stringProperty(element, 'shape', 'square'),
+        children: [
+            image !== undefined && /*#__PURE__*/ jsx(Avatar.Image, {
+                src: image,
+                alt: label ?? ''
+            }),
+            /*#__PURE__*/ jsx(Avatar.Fallback, {
+                children: icon !== undefined ? /*#__PURE__*/ jsx("i", {
+                    className: icon,
+                    "aria-hidden": "true"
+                }) : label
+            })
+        ]
     });
 }
 

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

@@ -1 +1 @@
-{"version":3,"file":"PrimeAvatar.js","sources":["../../../misc/PrimeAvatar.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 { Avatar } from 'primereact/avatar';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:avatar` component - a person or entity shown as initials, an icon or a picture.\n */\nexport function PrimeAvatar({ element }: RegisteredComponentProps) {\n    return (\n        <Avatar\n            data-scene-id={element.id}\n            label={stringProperty(element, 'label')}\n            icon={stringProperty(element, 'icon')}\n            image={stringProperty(element, 'image')}\n            size={stringProperty(element, 'size', 'normal') as 'normal' | 'large' | 'xlarge'}\n            shape={stringProperty(element, 'shape', 'square') as 'square' | 'circle'}\n        />\n    );\n}\n"],"names":["PrimeAvatar","element","_jsx","Avatar","data-scene-id","id","label","stringProperty","icon","image","size","shape"],"mappings":";;;;AAOA;;AAEC,IACM,SAASA,WAAAA,CAAY,EAAEC,OAAO,EAA4B,EAAA;AAC7D,IAAA,qBACIC,GAAA,CAACC,MAAAA,EAAAA;AACGC,QAAAA,eAAAA,EAAeH,QAAQI,EAAE;AACzBC,QAAAA,KAAAA,EAAOC,eAAeN,OAAAA,EAAS,OAAA,CAAA;AAC/BO,QAAAA,IAAAA,EAAMD,eAAeN,OAAAA,EAAS,MAAA,CAAA;AAC9BQ,QAAAA,KAAAA,EAAOF,eAAeN,OAAAA,EAAS,OAAA,CAAA;QAC/BS,IAAAA,EAAMH,cAAAA,CAAeN,SAAS,MAAA,EAAQ,QAAA,CAAA;QACtCU,KAAAA,EAAOJ,cAAAA,CAAeN,SAAS,OAAA,EAAS,QAAA;;AAGpD;;;;"}
+{"version":3,"file":"PrimeAvatar.js","sources":["../../../misc/PrimeAvatar.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 { Avatar } from 'primereact/avatar';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:avatar` component - a person or entity shown as initials, an icon or a picture.\n *\n * PrimeReact 11 turned Avatar into a composition, and the split is the interesting part: `Avatar.Image`\n * renders only once the browser has actually loaded the source, and `Avatar.Fallback` renders only while\n * it has not. That is exactly the behavior a screen wants and could not previously express - a picture\n * that 404s now degrades to the initials instead of leaving a broken image icon in a list of faces.\n *\n * The image part is left out entirely when no `image` was authored, rather than mounted with an empty\n * source: it would spend an effect on a load that can never happen, and the fallback is what shows either\n * way.\n */\nexport function PrimeAvatar({ element }: RegisteredComponentProps) {\n    const label = stringProperty(element, 'label');\n    const icon = stringProperty(element, 'icon');\n    const image = stringProperty(element, 'image');\n    return (\n        <Avatar.Root\n            data-scene-id={element.id}\n            size={stringProperty(element, 'size', 'normal') as 'normal' | 'large' | 'xlarge'}\n            shape={stringProperty(element, 'shape', 'square') as 'square' | 'circle'}>\n            {image !== undefined && <Avatar.Image src={image} alt={label ?? ''} />}\n            <Avatar.Fallback>{icon !== undefined ? <i className={icon} aria-hidden='true' /> : label}</Avatar.Fallback>\n        </Avatar.Root>\n    );\n}\n"],"names":["PrimeAvatar","element","label","stringProperty","icon","image","_jsxs","Avatar","Root","data-scene-id","id","size","shape","undefined","_jsx","Image","src","alt","Fallback","i","className","aria-hidden"],"mappings":";;;;AAOA;;;;;;;;;;;AAWC,IACM,SAASA,WAAAA,CAAY,EAAEC,OAAO,EAA4B,EAAA;IAC7D,MAAMC,KAAAA,GAAQC,eAAeF,OAAAA,EAAS,OAAA,CAAA;IACtC,MAAMG,IAAAA,GAAOD,eAAeF,OAAAA,EAAS,MAAA,CAAA;IACrC,MAAMI,KAAAA,GAAQF,eAAeF,OAAAA,EAAS,OAAA,CAAA;IACtC,qBACIK,IAAA,CAACC,OAAOC,IAAI,EAAA;AACRC,QAAAA,eAAAA,EAAeR,QAAQS,EAAE;QACzBC,IAAAA,EAAMR,cAAAA,CAAeF,SAAS,MAAA,EAAQ,QAAA,CAAA;QACtCW,KAAAA,EAAOT,cAAAA,CAAeF,SAAS,OAAA,EAAS,QAAA,CAAA;;YACvCI,KAAAA,KAAUQ,SAAAA,kBAAaC,GAAA,CAACP,MAAAA,CAAOQ,KAAK,EAAA;gBAACC,GAAAA,EAAKX,KAAAA;AAAOY,gBAAAA,GAAAA,EAAKf,KAAAA,IAAS;;AAChE,0BAAAY,GAAA,CAACP,OAAOW,QAAQ,EAAA;AAAEd,gBAAAA,QAAAA,EAAAA,IAAAA,KAASS,0BAAYC,GAAA,CAACK,GAAAA,EAAAA;oBAAEC,SAAAA,EAAWhB,IAAAA;oBAAMiB,aAAAA,EAAY;AAAYnB,iBAAAA,CAAAA,GAAAA;;;;AAG/F;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"PrimeBadge.d.ts","sourceRoot":"","sources":["../../../misc/PrimeBadge.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAM/D,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,EAAE,wBAAwB,+BAS/D"}
+{"version":3,"file":"PrimeBadge.d.ts","sourceRoot":"","sources":["../../../misc/PrimeBadge.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAe/D,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,EAAE,wBAAwB,+BAY/D"}

package/dist/esm/misc/PrimeBadge.js

@@ -1,15 +1,27 @@
 import { jsx } from 'react/jsx-runtime';
 import { Badge } from 'primereact/badge';
-import { stringProperty } from '../properties.js';
+import { severityProperty, stringProperty } from '../properties.js';
 
 /**
  * The `PrimeReact:badge` component - a small count or status marker.
+ *
+ * PrimeReact 11 dropped the `value` prop in favor of children, which is why the authored value is placed
+ * inside the element rather than passed to it. The badge keeps rendering with no value at all - v11 marks
+ * that case `data-empty` and styles it as the bare dot a "there is something here" indicator wants.
+ *
+ * Two vocabulary changes are absorbed here rather than pushed onto screens. `warning` became `warn`, so a
+ * screen written against PrimeReact 10 keeps its color instead of silently falling back to the default.
+ * The `normal` size, on the other hand, is simply gone: v11 sizes are `small`, `large` and `xlarge`, and
+ * the unsized badge *is* the normal one, so nothing needs translating.
  */ function PrimeBadge({ element }) {
+    // Tag and Badge are the two components PrimeReact 11 gives no `help` variant, so an authored
+    // `help` degrades to the default styling rather than failing to compile.
+    const severity = severityProperty(element, 'severity');
     return /*#__PURE__*/ jsx(Badge, {
         "data-scene-id": element.id,
-        value: stringProperty(element, 'value', ''),
-        severity: stringProperty(element, 'severity'),
-        size: stringProperty(element, 'size')
+        severity: severity === 'help' ? undefined : severity,
+        size: stringProperty(element, 'size'),
+        children: stringProperty(element, 'value', '')
     });
 }
 

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

@@ -1 +1 @@
-{"version":3,"file":"PrimeBadge.js","sources":["../../../misc/PrimeBadge.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 { Badge } from 'primereact/badge';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:badge` component - a small count or status marker.\n */\nexport function PrimeBadge({ element }: RegisteredComponentProps) {\n    return (\n        <Badge\n            data-scene-id={element.id}\n            value={stringProperty(element, 'value', '')}\n            severity={stringProperty(element, 'severity') as 'success' | 'info' | 'warning' | 'danger' | 'secondary' | 'contrast' | undefined}\n            size={stringProperty(element, 'size') as 'normal' | 'large' | 'xlarge' | undefined}\n        />\n    );\n}\n"],"names":["PrimeBadge","element","_jsx","Badge","data-scene-id","id","value","stringProperty","severity","size"],"mappings":";;;;AAOA;;AAEC,IACM,SAASA,UAAAA,CAAW,EAAEC,OAAO,EAA4B,EAAA;AAC5D,IAAA,qBACIC,GAAA,CAACC,KAAAA,EAAAA;AACGC,QAAAA,eAAAA,EAAeH,QAAQI,EAAE;QACzBC,KAAAA,EAAOC,cAAAA,CAAeN,SAAS,OAAA,EAAS,EAAA,CAAA;AACxCO,QAAAA,QAAAA,EAAUD,eAAeN,OAAAA,EAAS,UAAA,CAAA;AAClCQ,QAAAA,IAAAA,EAAMF,eAAeN,OAAAA,EAAS,MAAA;;AAG1C;;;;"}
+{"version":3,"file":"PrimeBadge.js","sources":["../../../misc/PrimeBadge.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 { Badge } from 'primereact/badge';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport {severityProperty, stringProperty} from '../properties';\n\n/**\n * The `PrimeReact:badge` component - a small count or status marker.\n *\n * PrimeReact 11 dropped the `value` prop in favor of children, which is why the authored value is placed\n * inside the element rather than passed to it. The badge keeps rendering with no value at all - v11 marks\n * that case `data-empty` and styles it as the bare dot a \"there is something here\" indicator wants.\n *\n * Two vocabulary changes are absorbed here rather than pushed onto screens. `warning` became `warn`, so a\n * screen written against PrimeReact 10 keeps its color instead of silently falling back to the default.\n * The `normal` size, on the other hand, is simply gone: v11 sizes are `small`, `large` and `xlarge`, and\n * the unsized badge *is* the normal one, so nothing needs translating.\n */\nexport function PrimeBadge({ element }: RegisteredComponentProps) {\n    // Tag and Badge are the two components PrimeReact 11 gives no `help` variant, so an authored\n    // `help` degrades to the default styling rather than failing to compile.\n    const severity = severityProperty(element, 'severity');\n    return (\n        <Badge\n            data-scene-id={element.id}\n            severity={severity === 'help' ? undefined : severity}\n            size={stringProperty(element, 'size') as 'small' | 'large' | 'xlarge' | undefined}>\n            {stringProperty(element, 'value', '')}\n        </Badge>\n    );\n}\n"],"names":["PrimeBadge","element","severity","severityProperty","_jsx","Badge","data-scene-id","id","undefined","size","stringProperty"],"mappings":";;;;AAOA;;;;;;;;;;;AAWC,IACM,SAASA,UAAAA,CAAW,EAAEC,OAAO,EAA4B,EAAA;;;IAG5D,MAAMC,QAAAA,GAAWC,iBAAiBF,OAAAA,EAAS,UAAA,CAAA;AAC3C,IAAA,qBACIG,GAAA,CAACC,KAAAA,EAAAA;AACGC,QAAAA,eAAAA,EAAeL,QAAQM,EAAE;QACzBL,QAAAA,EAAUA,QAAAA,KAAa,SAASM,SAAAA,GAAYN,QAAAA;AAC5CO,QAAAA,IAAAA,EAAMC,eAAeT,OAAAA,EAAS,MAAA,CAAA;AAC7BS,QAAAA,QAAAA,EAAAA,cAAAA,CAAeT,SAAS,OAAA,EAAS,EAAA;;AAG9C;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"PrimeBlockUI.d.ts","sourceRoot":"","sources":["../../../misc/PrimeBlockUI.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAQ/D,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,wBAAwB,+BAMxE"}
+{"version":3,"file":"PrimeBlockUI.d.ts","sourceRoot":"","sources":["../../../misc/PrimeBlockUI.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAgB/D,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,wBAAwB,+BASxE"}

package/dist/esm/misc/PrimeBlockUI.js

@@ -1,15 +1,25 @@
 import { jsx } from 'react/jsx-runtime';
-import { BlockUI } from 'primereact/blockui';
+import { BlockUI } from './BlockUI.js';
 import { booleanProperty } from '../properties.js';
 
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
 /**
  * The `PrimeReact:blockUI` component - a region masked while something is in flight.
  *
- * In PrimeReact 11 this component is removed with no direct replacement.
+ * PrimeReact 11 removed `BlockUI` outright: no renamed module, no compositional replacement, no headless
+ * hook. The name is in this package's manifest and screens are authored against it, so the adapter now
+ * renders Cratis's own {@link BlockUI} instead. The element's contract is unchanged - a `blocked` flag and
+ * whatever the `content` slot holds - which is the point: the removal is a fact about PrimeReact, not
+ * something a screen should have to know.
+ *
+ * The default is `blocked`, because an element a screen bothered to place is there to say "this region is
+ * waiting"; an unblocked block is a wrapper that does nothing.
  */ function PrimeBlockUI({ element, slots }) {
     return /*#__PURE__*/ jsx(BlockUI, {
         "data-scene-id": element.id,
         blocked: booleanProperty(element, 'blocked', true),
+        fullScreen: booleanProperty(element, 'fullScreen', false),
         children: slots.content
     });
 }

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

@@ -1 +1 @@
-{"version":3,"file":"PrimeBlockUI.js","sources":["../../../misc/PrimeBlockUI.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 { BlockUI } from 'primereact/blockui';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { booleanProperty } from '../properties';\n\n/**\n * The `PrimeReact:blockUI` component - a region masked while something is in flight.\n *\n * In PrimeReact 11 this component is removed with no direct replacement.\n */\nexport function PrimeBlockUI({ element, slots }: RegisteredComponentProps) {\n    return (\n        <BlockUI data-scene-id={element.id} blocked={booleanProperty(element, 'blocked', true)}>\n            {slots.content}\n        </BlockUI>\n    );\n}\n"],"names":["PrimeBlockUI","element","slots","_jsx","BlockUI","data-scene-id","id","blocked","booleanProperty","content"],"mappings":";;;;AAOA;;;;AAIC,IACM,SAASA,YAAAA,CAAa,EAAEC,OAAO,EAAEC,KAAK,EAA4B,EAAA;AACrE,IAAA,qBACIC,GAAA,CAACC,OAAAA,EAAAA;AAAQC,QAAAA,eAAAA,EAAeJ,QAAQK,EAAE;QAAEC,OAAAA,EAASC,eAAAA,CAAgBP,SAAS,SAAA,EAAW,IAAA,CAAA;AAC5EC,QAAAA,QAAAA,EAAAA,KAAAA,CAAMO;;AAGnB;;;;"}
+{"version":3,"file":"PrimeBlockUI.js","sources":["../../../misc/PrimeBlockUI.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 { RegisteredComponentProps } from '@cratis/scene.react';\nimport { BlockUI } from './BlockUI';\nimport { booleanProperty } from '../properties';\n\n/**\n * The `PrimeReact:blockUI` component - a region masked while something is in flight.\n *\n * PrimeReact 11 removed `BlockUI` outright: no renamed module, no compositional replacement, no headless\n * hook. The name is in this package's manifest and screens are authored against it, so the adapter now\n * renders Cratis's own {@link BlockUI} instead. The element's contract is unchanged - a `blocked` flag and\n * whatever the `content` slot holds - which is the point: the removal is a fact about PrimeReact, not\n * something a screen should have to know.\n *\n * The default is `blocked`, because an element a screen bothered to place is there to say \"this region is\n * waiting\"; an unblocked block is a wrapper that does nothing.\n */\nexport function PrimeBlockUI({ element, slots }: RegisteredComponentProps) {\n    return (\n        <BlockUI\n            data-scene-id={element.id}\n            blocked={booleanProperty(element, 'blocked', true)}\n            fullScreen={booleanProperty(element, 'fullScreen', false)}>\n            {slots.content}\n        </BlockUI>\n    );\n}\n"],"names":["PrimeBlockUI","element","slots","_jsx","BlockUI","data-scene-id","id","blocked","booleanProperty","fullScreen","content"],"mappings":";;;;AAAA;AACA;AAMA;;;;;;;;;;;AAWC,IACM,SAASA,YAAAA,CAAa,EAAEC,OAAO,EAAEC,KAAK,EAA4B,EAAA;AACrE,IAAA,qBACIC,GAAA,CAACC,OAAAA,EAAAA;AACGC,QAAAA,eAAAA,EAAeJ,QAAQK,EAAE;QACzBC,OAAAA,EAASC,eAAAA,CAAgBP,SAAS,SAAA,EAAW,IAAA,CAAA;QAC7CQ,UAAAA,EAAYD,eAAAA,CAAgBP,SAAS,YAAA,EAAc,KAAA,CAAA;AAClDC,QAAAA,QAAAA,EAAAA,KAAAA,CAAMQ;;AAGnB;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"PrimeChip.d.ts","sourceRoot":"","sources":["../../../misc/PrimeChip.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAM/D,wBAAgB,SAAS,CAAC,EAAE,OAAO,EAAE,EAAE,wBAAwB,+BAU9D"}
+{"version":3,"file":"PrimeChip.d.ts","sourceRoot":"","sources":["../../../misc/PrimeChip.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAe/D,wBAAgB,SAAS,CAAC,EAAE,OAAO,EAAE,EAAE,wBAAwB,+BAoB9D"}

package/dist/esm/misc/PrimeChip.js

@@ -1,16 +1,52 @@
-import { jsx } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { Chip } from 'primereact/chip';
-import { booleanProperty, stringProperty } from '../properties.js';
+import { stringProperty, booleanProperty } from '../properties.js';
 
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
 /**
  * The `PrimeReact:chip` component - a compact, optionally removable label.
+ *
+ * PrimeReact 11 replaced the `label` / `icon` / `image` / `removable` props with named parts, so the
+ * adapter is what decides that an authored image wins over an authored icon and that both sit in the
+ * leading `Start` slot. A screen can therefore only ever produce one leading adornment, which is the
+ * whole point of a chip: a second one turns it into a toolbar.
+ *
+ * `Chip.Remove` carries the removal behavior itself - clicking it hides the chip through the component's
+ * own state, so the adapter has nothing to wire. It renders a `span`, so the accessible name and button
+ * role are supplied here rather than left to a screen that has no way to reach the part.
  */ function PrimeChip({ element }) {
-    return /*#__PURE__*/ jsx(Chip, {
+    const label = stringProperty(element, 'label');
+    const icon = stringProperty(element, 'icon');
+    const image = stringProperty(element, 'image');
+    let adornment;
+    if (image !== undefined) adornment = /*#__PURE__*/ jsx("img", {
+        src: image,
+        alt: "",
+        className: "h-full w-full rounded-full object-cover"
+    });
+    else if (icon !== undefined) adornment = /*#__PURE__*/ jsx("i", {
+        className: icon,
+        "aria-hidden": "true"
+    });
+    return /*#__PURE__*/ jsxs(Chip.Root, {
         "data-scene-id": element.id,
-        label: stringProperty(element, 'label'),
-        icon: stringProperty(element, 'icon'),
-        image: stringProperty(element, 'image'),
-        removable: booleanProperty(element, 'removable', false)
+        children: [
+            adornment !== undefined && /*#__PURE__*/ jsx(Chip.Start, {
+                children: adornment
+            }),
+            /*#__PURE__*/ jsx(Chip.Label, {
+                children: label
+            }),
+            booleanProperty(element, 'removable', false) && /*#__PURE__*/ jsx(Chip.Remove, {
+                role: "button",
+                "aria-label": label === undefined ? 'Remove' : `Remove ${label}`,
+                children: /*#__PURE__*/ jsx("i", {
+                    className: "pi pi-times-circle",
+                    "aria-hidden": "true"
+                })
+            })
+        ]
     });
 }
 

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

@@ -1 +1 @@
-{"version":3,"file":"PrimeChip.js","sources":["../../../misc/PrimeChip.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 { Chip } from 'primereact/chip';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { booleanProperty, stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:chip` component - a compact, optionally removable label.\n */\nexport function PrimeChip({ element }: RegisteredComponentProps) {\n    return (\n        <Chip\n            data-scene-id={element.id}\n            label={stringProperty(element, 'label')}\n            icon={stringProperty(element, 'icon')}\n            image={stringProperty(element, 'image')}\n            removable={booleanProperty(element, 'removable', false)}\n        />\n    );\n}\n"],"names":["PrimeChip","element","_jsx","Chip","data-scene-id","id","label","stringProperty","icon","image","removable","booleanProperty"],"mappings":";;;;AAOA;;AAEC,IACM,SAASA,SAAAA,CAAU,EAAEC,OAAO,EAA4B,EAAA;AAC3D,IAAA,qBACIC,GAAA,CAACC,IAAAA,EAAAA;AACGC,QAAAA,eAAAA,EAAeH,QAAQI,EAAE;AACzBC,QAAAA,KAAAA,EAAOC,eAAeN,OAAAA,EAAS,OAAA,CAAA;AAC/BO,QAAAA,IAAAA,EAAMD,eAAeN,OAAAA,EAAS,MAAA,CAAA;AAC9BQ,QAAAA,KAAAA,EAAOF,eAAeN,OAAAA,EAAS,OAAA,CAAA;QAC/BS,SAAAA,EAAWC,eAAAA,CAAgBV,SAAS,WAAA,EAAa,KAAA;;AAG7D;;;;"}
+{"version":3,"file":"PrimeChip.js","sources":["../../../misc/PrimeChip.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 { ReactNode } from 'react';\nimport { Chip } from 'primereact/chip';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { booleanProperty, stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:chip` component - a compact, optionally removable label.\n *\n * PrimeReact 11 replaced the `label` / `icon` / `image` / `removable` props with named parts, so the\n * adapter is what decides that an authored image wins over an authored icon and that both sit in the\n * leading `Start` slot. A screen can therefore only ever produce one leading adornment, which is the\n * whole point of a chip: a second one turns it into a toolbar.\n *\n * `Chip.Remove` carries the removal behavior itself - clicking it hides the chip through the component's\n * own state, so the adapter has nothing to wire. It renders a `span`, so the accessible name and button\n * role are supplied here rather than left to a screen that has no way to reach the part.\n */\nexport function PrimeChip({ element }: RegisteredComponentProps) {\n    const label = stringProperty(element, 'label');\n    const icon = stringProperty(element, 'icon');\n    const image = stringProperty(element, 'image');\n\n    let adornment: ReactNode;\n    if (image !== undefined) adornment = <img src={image} alt='' className='h-full w-full rounded-full object-cover' />;\n    else if (icon !== undefined) adornment = <i className={icon} aria-hidden='true' />;\n\n    return (\n        <Chip.Root data-scene-id={element.id}>\n            {adornment !== undefined && <Chip.Start>{adornment}</Chip.Start>}\n            <Chip.Label>{label}</Chip.Label>\n            {booleanProperty(element, 'removable', false) && (\n                <Chip.Remove role='button' aria-label={label === undefined ? 'Remove' : `Remove ${label}`}>\n                    <i className='pi pi-times-circle' aria-hidden='true' />\n                </Chip.Remove>\n            )}\n        </Chip.Root>\n    );\n}\n"],"names":["PrimeChip","element","label","stringProperty","icon","image","adornment","undefined","_jsx","img","src","alt","className","i","aria-hidden","_jsxs","Chip","Root","data-scene-id","id","Start","Label","booleanProperty","Remove","role","aria-label"],"mappings":";;;;AAAA;AACA;AAOA;;;;;;;;;;;AAWC,IACM,SAASA,SAAAA,CAAU,EAAEC,OAAO,EAA4B,EAAA;IAC3D,MAAMC,KAAAA,GAAQC,eAAeF,OAAAA,EAAS,OAAA,CAAA;IACtC,MAAMG,IAAAA,GAAOD,eAAeF,OAAAA,EAAS,MAAA,CAAA;IACrC,MAAMI,KAAAA,GAAQF,eAAeF,OAAAA,EAAS,OAAA,CAAA;IAEtC,IAAIK,SAAAA;IACJ,IAAID,KAAAA,KAAUE,SAAAA,EAAWD,SAAAA,iBAAYE,GAAA,CAACC,KAAAA,EAAAA;QAAIC,GAAAA,EAAKL,KAAAA;QAAOM,GAAAA,EAAI,EAAA;QAAGC,SAAAA,EAAU;;SAClE,IAAIR,IAAAA,KAASG,SAAAA,EAAWD,SAAAA,iBAAYE,GAAA,CAACK,GAAAA,EAAAA;QAAED,SAAAA,EAAWR,IAAAA;QAAMU,aAAAA,EAAY;;IAEzE,qBACIC,IAAA,CAACC,KAAKC,IAAI,EAAA;AAACC,QAAAA,eAAAA,EAAejB,QAAQkB,EAAE;;YAC/Bb,SAAAA,KAAcC,SAAAA,kBAAaC,GAAA,CAACQ,IAAAA,CAAKI,KAAK,EAAA;AAAEd,gBAAAA,QAAAA,EAAAA;;AACzC,0BAAAE,GAAA,CAACQ,KAAKK,KAAK,EAAA;AAAEnB,gBAAAA,QAAAA,EAAAA;;AACZoB,YAAAA,eAAAA,CAAgBrB,OAAAA,EAAS,WAAA,EAAa,KAAA,CAAA,kBACnCO,GAAA,CAACQ,KAAKO,MAAM,EAAA;gBAACC,IAAAA,EAAK,QAAA;AAASC,gBAAAA,YAAAA,EAAYvB,UAAUK,SAAAA,GAAY,QAAA,GAAW,CAAC,OAAO,EAAEL,KAAAA,CAAAA,CAAO;AACrF,gBAAA,QAAA,gBAAAM,GAAA,CAACK,GAAAA,EAAAA;oBAAED,SAAAA,EAAU,oBAAA;oBAAqBE,aAAAA,EAAY;;;;;AAKlE;;;;"}

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

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

package/dist/esm/misc/PrimeInplace.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { Inplace, InplaceDisplay, InplaceContent } from 'primereact/inplace';
+import { Inplace } from 'primereact/inplace';
 import { stringProperty, booleanProperty } from '../properties.js';
 
 /**
@@ -8,16 +8,29 @@ import { stringProperty, booleanProperty } from '../properties.js';
  * The collapsed view comes from the `label` property and the expanded view from the `content` slot,
  * because the two are different kinds of thing: one is a value, the other is whatever editor the screen
  * wants behind it.
+ *
+ * PrimeReact 11 turned the `closable` flag into a `Close` part, which is a better arrangement than it
+ * looks: the button now lives *inside* the editor, so it is reached by the same tab order as the editor
+ * itself instead of floating beside a region the reader has already left. The property is kept and simply
+ * decides whether that part is rendered, so screens written against v10 keep meaning what they said.
  */ function PrimeInplace({ element, slots }) {
-    return /*#__PURE__*/ jsxs(Inplace, {
+    return /*#__PURE__*/ jsxs(Inplace.Root, {
         "data-scene-id": element.id,
-        closable: booleanProperty(element, 'closable', true),
         children: [
-            /*#__PURE__*/ jsx(InplaceDisplay, {
+            /*#__PURE__*/ jsx(Inplace.Display, {
                 children: stringProperty(element, 'label', 'Click to edit')
             }),
-            /*#__PURE__*/ jsx(InplaceContent, {
-                children: slots.content
+            /*#__PURE__*/ jsxs(Inplace.Content, {
+                children: [
+                    slots.content,
+                    booleanProperty(element, 'closable', true) && /*#__PURE__*/ jsx(Inplace.Close, {
+                        "aria-label": "Close editor",
+                        children: /*#__PURE__*/ jsx("i", {
+                            className: "pi pi-times",
+                            "aria-hidden": "true"
+                        })
+                    })
+                ]
             })
         ]
     });

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

@@ -1 +1 @@
-{"version":3,"file":"PrimeInplace.js","sources":["../../../misc/PrimeInplace.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 { Inplace, InplaceContent, InplaceDisplay } from 'primereact/inplace';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { booleanProperty, stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:inplace` component - a read-only value that becomes an editor when clicked.\n *\n * The collapsed view comes from the `label` property and the expanded view from the `content` slot,\n * because the two are different kinds of thing: one is a value, the other is whatever editor the screen\n * wants behind it.\n */\nexport function PrimeInplace({ element, slots }: RegisteredComponentProps) {\n    return (\n        <Inplace data-scene-id={element.id} closable={booleanProperty(element, 'closable', true)}>\n            <InplaceDisplay>{stringProperty(element, 'label', 'Click to edit')}</InplaceDisplay>\n            <InplaceContent>{slots.content}</InplaceContent>\n        </Inplace>\n    );\n}\n"],"names":["PrimeInplace","element","slots","_jsxs","Inplace","data-scene-id","id","closable","booleanProperty","_jsx","InplaceDisplay","stringProperty","InplaceContent","content"],"mappings":";;;;AAOA;;;;;;AAMC,IACM,SAASA,YAAAA,CAAa,EAAEC,OAAO,EAAEC,KAAK,EAA4B,EAAA;AACrE,IAAA,qBACIC,IAAA,CAACC,OAAAA,EAAAA;AAAQC,QAAAA,eAAAA,EAAeJ,QAAQK,EAAE;QAAEC,QAAAA,EAAUC,eAAAA,CAAgBP,SAAS,UAAA,EAAY,IAAA,CAAA;;0BAC/EQ,GAAA,CAACC,cAAAA,EAAAA;AAAgBC,gBAAAA,QAAAA,EAAAA,cAAAA,CAAeV,SAAS,OAAA,EAAS,eAAA;;0BAClDQ,GAAA,CAACG,cAAAA,EAAAA;AAAgBV,gBAAAA,QAAAA,EAAAA,KAAAA,CAAMW;;;;AAGnC;;;;"}
+{"version":3,"file":"PrimeInplace.js","sources":["../../../misc/PrimeInplace.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 { Inplace } from 'primereact/inplace';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { booleanProperty, stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:inplace` component - a read-only value that becomes an editor when clicked.\n *\n * The collapsed view comes from the `label` property and the expanded view from the `content` slot,\n * because the two are different kinds of thing: one is a value, the other is whatever editor the screen\n * wants behind it.\n *\n * PrimeReact 11 turned the `closable` flag into a `Close` part, which is a better arrangement than it\n * looks: the button now lives *inside* the editor, so it is reached by the same tab order as the editor\n * itself instead of floating beside a region the reader has already left. The property is kept and simply\n * decides whether that part is rendered, so screens written against v10 keep meaning what they said.\n */\nexport function PrimeInplace({ element, slots }: RegisteredComponentProps) {\n    return (\n        <Inplace.Root data-scene-id={element.id}>\n            <Inplace.Display>{stringProperty(element, 'label', 'Click to edit')}</Inplace.Display>\n            <Inplace.Content>\n                {slots.content}\n                {booleanProperty(element, 'closable', true) && (\n                    <Inplace.Close aria-label='Close editor'>\n                        <i className='pi pi-times' aria-hidden='true' />\n                    </Inplace.Close>\n                )}\n            </Inplace.Content>\n        </Inplace.Root>\n    );\n}\n"],"names":["PrimeInplace","element","slots","_jsxs","Inplace","Root","data-scene-id","id","_jsx","Display","stringProperty","Content","content","booleanProperty","Close","aria-label","i","className","aria-hidden"],"mappings":";;;;AAOA;;;;;;;;;;;AAWC,IACM,SAASA,YAAAA,CAAa,EAAEC,OAAO,EAAEC,KAAK,EAA4B,EAAA;IACrE,qBACIC,IAAA,CAACC,QAAQC,IAAI,EAAA;AAACC,QAAAA,eAAAA,EAAeL,QAAQM,EAAE;;AACnC,0BAAAC,GAAA,CAACJ,QAAQK,OAAO,EAAA;AAAEC,gBAAAA,QAAAA,EAAAA,cAAAA,CAAeT,SAAS,OAAA,EAAS,eAAA;;AACnD,0BAAAE,IAAA,CAACC,QAAQO,OAAO,EAAA;;AACXT,oBAAAA,KAAAA,CAAMU,OAAO;AACbC,oBAAAA,eAAAA,CAAgBZ,OAAAA,EAAS,UAAA,EAAY,IAAA,CAAA,kBAClCO,GAAA,CAACJ,QAAQU,KAAK,EAAA;wBAACC,YAAAA,EAAW,cAAA;AACtB,wBAAA,QAAA,gBAAAP,GAAA,CAACQ,GAAAA,EAAAA;4BAAEC,SAAAA,EAAU,aAAA;4BAAcC,aAAAA,EAAY;;;;;;;AAM/D;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"PrimeProgressBar.d.ts","sourceRoot":"","sources":["../../../misc/PrimeProgressBar.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAS/D,wBAAgB,gBAAgB,CAAC,EAAE,OAAO,EAAE,EAAE,wBAAwB,+BAWrE"}
+{"version":3,"file":"PrimeProgressBar.d.ts","sourceRoot":"","sources":["../../../misc/PrimeProgressBar.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAe/D,wBAAgB,gBAAgB,CAAC,EAAE,OAAO,EAAE,EAAE,wBAAwB,+BASrE"}