@cratis/scene.primereact 1.0.0 → 2.0.0

package/dist/cjs/misc/PrimeBadge.js

@@ -6,12 +6,24 @@ var properties = require('../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 = properties.severityProperty(element, 'severity');
     return /*#__PURE__*/ jsxRuntime.jsx(badge.Badge, {
         "data-scene-id": element.id,
-        value: properties.stringProperty(element, 'value', ''),
-        severity: properties.stringProperty(element, 'severity'),
-        size: properties.stringProperty(element, 'size')
+        severity: severity === 'help' ? undefined : severity,
+        size: properties.stringProperty(element, 'size'),
+        children: properties.stringProperty(element, 'value', '')
     });
 }
 

package/dist/cjs/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,cAAA,CAACC,WAAAA,EAAAA;AACGC,QAAAA,eAAAA,EAAeH,QAAQI,EAAE;QACzBC,KAAAA,EAAOC,yBAAAA,CAAeN,SAAS,OAAA,EAAS,EAAA,CAAA;AACxCO,QAAAA,QAAAA,EAAUD,0BAAeN,OAAAA,EAAS,UAAA,CAAA;AAClCQ,QAAAA,IAAAA,EAAMF,0BAAeN,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,4BAAiBF,OAAAA,EAAS,UAAA,CAAA;AAC3C,IAAA,qBACIG,cAAA,CAACC,WAAAA,EAAAA;AACGC,QAAAA,eAAAA,EAAeL,QAAQM,EAAE;QACzBL,QAAAA,EAAUA,QAAAA,KAAa,SAASM,SAAAA,GAAYN,QAAAA;AAC5CO,QAAAA,IAAAA,EAAMC,0BAAeT,OAAAA,EAAS,MAAA,CAAA;AAC7BS,QAAAA,QAAAA,EAAAA,yBAAAA,CAAeT,SAAS,OAAA,EAAS,EAAA;;AAG9C;;;;"}

package/dist/cjs/misc/PrimeBlockUI.js

@@ -1,17 +1,27 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var blockui = require('primereact/blockui');
+var BlockUI = require('./BlockUI.js');
 var properties = require('../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__*/ jsxRuntime.jsx(blockui.BlockUI, {
+    return /*#__PURE__*/ jsxRuntime.jsx(BlockUI.BlockUI, {
         "data-scene-id": element.id,
         blocked: properties.booleanProperty(element, 'blocked', true),
+        fullScreen: properties.booleanProperty(element, 'fullScreen', false),
         children: slots.content
     });
 }

package/dist/cjs/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,cAAA,CAACC,eAAAA,EAAAA;AAAQC,QAAAA,eAAAA,EAAeJ,QAAQK,EAAE;QAAEC,OAAAA,EAASC,0BAAAA,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,cAAA,CAACC,eAAAA,EAAAA;AACGC,QAAAA,eAAAA,EAAeJ,QAAQK,EAAE;QACzBC,OAAAA,EAASC,0BAAAA,CAAgBP,SAAS,SAAA,EAAW,IAAA,CAAA;QAC7CQ,UAAAA,EAAYD,0BAAAA,CAAgBP,SAAS,YAAA,EAAc,KAAA,CAAA;AAClDC,QAAAA,QAAAA,EAAAA,KAAAA,CAAMQ;;AAGnB;;;;"}

package/dist/cjs/misc/PrimeChip.js

@@ -4,15 +4,51 @@ var jsxRuntime = require('react/jsx-runtime');
 var chip = require('primereact/chip');
 var properties = require('../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__*/ jsxRuntime.jsx(chip.Chip, {
+    const label = properties.stringProperty(element, 'label');
+    const icon = properties.stringProperty(element, 'icon');
+    const image = properties.stringProperty(element, 'image');
+    let adornment;
+    if (image !== undefined) adornment = /*#__PURE__*/ jsxRuntime.jsx("img", {
+        src: image,
+        alt: "",
+        className: "h-full w-full rounded-full object-cover"
+    });
+    else if (icon !== undefined) adornment = /*#__PURE__*/ jsxRuntime.jsx("i", {
+        className: icon,
+        "aria-hidden": "true"
+    });
+    return /*#__PURE__*/ jsxRuntime.jsxs(chip.Chip.Root, {
         "data-scene-id": element.id,
-        label: properties.stringProperty(element, 'label'),
-        icon: properties.stringProperty(element, 'icon'),
-        image: properties.stringProperty(element, 'image'),
-        removable: properties.booleanProperty(element, 'removable', false)
+        children: [
+            adornment !== undefined && /*#__PURE__*/ jsxRuntime.jsx(chip.Chip.Start, {
+                children: adornment
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(chip.Chip.Label, {
+                children: label
+            }),
+            properties.booleanProperty(element, 'removable', false) && /*#__PURE__*/ jsxRuntime.jsx(chip.Chip.Remove, {
+                role: "button",
+                "aria-label": label === undefined ? 'Remove' : `Remove ${label}`,
+                children: /*#__PURE__*/ jsxRuntime.jsx("i", {
+                    className: "pi pi-times-circle",
+                    "aria-hidden": "true"
+                })
+            })
+        ]
     });
 }
 

package/dist/cjs/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,cAAA,CAACC,SAAAA,EAAAA;AACGC,QAAAA,eAAAA,EAAeH,QAAQI,EAAE;AACzBC,QAAAA,KAAAA,EAAOC,0BAAeN,OAAAA,EAAS,OAAA,CAAA;AAC/BO,QAAAA,IAAAA,EAAMD,0BAAeN,OAAAA,EAAS,MAAA,CAAA;AAC9BQ,QAAAA,KAAAA,EAAOF,0BAAeN,OAAAA,EAAS,OAAA,CAAA;QAC/BS,SAAAA,EAAWC,0BAAAA,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,0BAAeF,OAAAA,EAAS,OAAA,CAAA;IACtC,MAAMG,IAAAA,GAAOD,0BAAeF,OAAAA,EAAS,MAAA,CAAA;IACrC,MAAMI,KAAAA,GAAQF,0BAAeF,OAAAA,EAAS,OAAA,CAAA;IAEtC,IAAIK,SAAAA;IACJ,IAAID,KAAAA,KAAUE,SAAAA,EAAWD,SAAAA,iBAAYE,cAAA,CAACC,KAAAA,EAAAA;QAAIC,GAAAA,EAAKL,KAAAA;QAAOM,GAAAA,EAAI,EAAA;QAAGC,SAAAA,EAAU;;SAClE,IAAIR,IAAAA,KAASG,SAAAA,EAAWD,SAAAA,iBAAYE,cAAA,CAACK,GAAAA,EAAAA;QAAED,SAAAA,EAAWR,IAAAA;QAAMU,aAAAA,EAAY;;IAEzE,qBACIC,eAAA,CAACC,UAAKC,IAAI,EAAA;AAACC,QAAAA,eAAAA,EAAejB,QAAQkB,EAAE;;YAC/Bb,SAAAA,KAAcC,SAAAA,kBAAaC,cAAA,CAACQ,SAAAA,CAAKI,KAAK,EAAA;AAAEd,gBAAAA,QAAAA,EAAAA;;AACzC,0BAAAE,cAAA,CAACQ,UAAKK,KAAK,EAAA;AAAEnB,gBAAAA,QAAAA,EAAAA;;AACZoB,YAAAA,0BAAAA,CAAgBrB,OAAAA,EAAS,WAAA,EAAa,KAAA,CAAA,kBACnCO,cAAA,CAACQ,UAAKO,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,cAAA,CAACK,GAAAA,EAAAA;oBAAED,SAAAA,EAAU,oBAAA;oBAAqBE,aAAAA,EAAY;;;;;AAKlE;;;;"}

package/dist/cjs/misc/PrimeInplace.js

@@ -10,16 +10,29 @@ var properties = require('../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__*/ jsxRuntime.jsxs(inplace.Inplace, {
+    return /*#__PURE__*/ jsxRuntime.jsxs(inplace.Inplace.Root, {
         "data-scene-id": element.id,
-        closable: properties.booleanProperty(element, 'closable', true),
         children: [
-            /*#__PURE__*/ jsxRuntime.jsx(inplace.InplaceDisplay, {
+            /*#__PURE__*/ jsxRuntime.jsx(inplace.Inplace.Display, {
                 children: properties.stringProperty(element, 'label', 'Click to edit')
             }),
-            /*#__PURE__*/ jsxRuntime.jsx(inplace.InplaceContent, {
-                children: slots.content
+            /*#__PURE__*/ jsxRuntime.jsxs(inplace.Inplace.Content, {
+                children: [
+                    slots.content,
+                    properties.booleanProperty(element, 'closable', true) && /*#__PURE__*/ jsxRuntime.jsx(inplace.Inplace.Close, {
+                        "aria-label": "Close editor",
+                        children: /*#__PURE__*/ jsxRuntime.jsx("i", {
+                            className: "pi pi-times",
+                            "aria-hidden": "true"
+                        })
+                    })
+                ]
             })
         ]
     });

package/dist/cjs/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,eAAA,CAACC,eAAAA,EAAAA;AAAQC,QAAAA,eAAAA,EAAeJ,QAAQK,EAAE;QAAEC,QAAAA,EAAUC,0BAAAA,CAAgBP,SAAS,UAAA,EAAY,IAAA,CAAA;;0BAC/EQ,cAAA,CAACC,sBAAAA,EAAAA;AAAgBC,gBAAAA,QAAAA,EAAAA,yBAAAA,CAAeV,SAAS,OAAA,EAAS,eAAA;;0BAClDQ,cAAA,CAACG,sBAAAA,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,eAAA,CAACC,gBAAQC,IAAI,EAAA;AAACC,QAAAA,eAAAA,EAAeL,QAAQM,EAAE;;AACnC,0BAAAC,cAAA,CAACJ,gBAAQK,OAAO,EAAA;AAAEC,gBAAAA,QAAAA,EAAAA,yBAAAA,CAAeT,SAAS,OAAA,EAAS,eAAA;;AACnD,0BAAAE,eAAA,CAACC,gBAAQO,OAAO,EAAA;;AACXT,oBAAAA,KAAAA,CAAMU,OAAO;AACbC,oBAAAA,0BAAAA,CAAgBZ,OAAAA,EAAS,UAAA,EAAY,IAAA,CAAA,kBAClCO,cAAA,CAACJ,gBAAQU,KAAK,EAAA;wBAACC,YAAAA,EAAW,cAAA;AACtB,wBAAA,QAAA,gBAAAP,cAAA,CAACQ,GAAAA,EAAAA;4BAAEC,SAAAA,EAAU,aAAA;4BAAcC,aAAAA,EAAY;;;;;;;AAM/D;;;;"}

package/dist/cjs/misc/PrimeProgressBar.js

@@ -9,16 +9,26 @@ var properties = require('../properties.js');
  *
  * The mode follows whether a `value` was given at all: progress you cannot measure is exactly what
  * indeterminate mode is for, so an element with no value animates rather than sitting at zero.
+ *
+ * In PrimeReact 11 the root is a headless wrapper that renders no element of its own - `Track` is the
+ * first real DOM node and the one carrying the ARIA `progressbar` role - so `data-scene-id` and the bar's
+ * height belong there rather than on `Root`. `Indicator` renders its children only in determinate mode,
+ * which is why the value label can be handed to it unconditionally: an indeterminate bar has no
+ * percentage to print and drops it on its own.
  */ function PrimeProgressBar({ element }) {
     const value = properties.numberProperty(element, 'value');
-    return /*#__PURE__*/ jsxRuntime.jsx(progressbar.ProgressBar, {
-        "data-scene-id": element.id,
+    return /*#__PURE__*/ jsxRuntime.jsx(progressbar.ProgressBar.Root, {
         value: value,
         mode: value === undefined ? 'indeterminate' : 'determinate',
-        showValue: properties.booleanProperty(element, 'showValue', true),
-        style: {
-            height: '1rem'
-        }
+        children: /*#__PURE__*/ jsxRuntime.jsx(progressbar.ProgressBar.Track, {
+            "data-scene-id": element.id,
+            style: {
+                height: '1rem'
+            },
+            children: /*#__PURE__*/ jsxRuntime.jsx(progressbar.ProgressBar.Indicator, {
+                children: properties.booleanProperty(element, 'showValue', true) && /*#__PURE__*/ jsxRuntime.jsx(progressbar.ProgressBar.Value, {})
+            })
+        })
     });
 }
 

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

@@ -1 +1 @@
-{"version":3,"file":"PrimeProgressBar.js","sources":["../../../misc/PrimeProgressBar.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 { ProgressBar } from 'primereact/progressbar';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { booleanProperty, numberProperty } from '../properties';\n\n/**\n * The `PrimeReact:progressBar` component - determinate or indeterminate progress.\n *\n * The mode follows whether a `value` was given at all: progress you cannot measure is exactly what\n * indeterminate mode is for, so an element with no value animates rather than sitting at zero.\n */\nexport function PrimeProgressBar({ element }: RegisteredComponentProps) {\n    const value = numberProperty(element, 'value');\n    return (\n        <ProgressBar\n            data-scene-id={element.id}\n            value={value}\n            mode={value === undefined ? 'indeterminate' : 'determinate'}\n            showValue={booleanProperty(element, 'showValue', true)}\n            style={{ height: '1rem' }}\n        />\n    );\n}\n"],"names":["PrimeProgressBar","element","value","numberProperty","_jsx","ProgressBar","data-scene-id","id","mode","undefined","showValue","booleanProperty","style","height"],"mappings":";;;;;;AAOA;;;;;AAKC,IACM,SAASA,gBAAAA,CAAiB,EAAEC,OAAO,EAA4B,EAAA;IAClE,MAAMC,KAAAA,GAAQC,0BAAeF,OAAAA,EAAS,OAAA,CAAA;AACtC,IAAA,qBACIG,cAAA,CAACC,uBAAAA,EAAAA;AACGC,QAAAA,eAAAA,EAAeL,QAAQM,EAAE;QACzBL,KAAAA,EAAOA,KAAAA;QACPM,IAAAA,EAAMN,KAAAA,KAAUO,YAAY,eAAA,GAAkB,aAAA;QAC9CC,SAAAA,EAAWC,0BAAAA,CAAgBV,SAAS,WAAA,EAAa,IAAA,CAAA;QACjDW,KAAAA,EAAO;YAAEC,MAAAA,EAAQ;AAAO;;AAGpC;;;;"}
+{"version":3,"file":"PrimeProgressBar.js","sources":["../../../misc/PrimeProgressBar.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 { ProgressBar } from 'primereact/progressbar';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { booleanProperty, numberProperty } from '../properties';\n\n/**\n * The `PrimeReact:progressBar` component - determinate or indeterminate progress.\n *\n * The mode follows whether a `value` was given at all: progress you cannot measure is exactly what\n * indeterminate mode is for, so an element with no value animates rather than sitting at zero.\n *\n * In PrimeReact 11 the root is a headless wrapper that renders no element of its own - `Track` is the\n * first real DOM node and the one carrying the ARIA `progressbar` role - so `data-scene-id` and the bar's\n * height belong there rather than on `Root`. `Indicator` renders its children only in determinate mode,\n * which is why the value label can be handed to it unconditionally: an indeterminate bar has no\n * percentage to print and drops it on its own.\n */\nexport function PrimeProgressBar({ element }: RegisteredComponentProps) {\n    const value = numberProperty(element, 'value');\n    return (\n        <ProgressBar.Root value={value} mode={value === undefined ? 'indeterminate' : 'determinate'}>\n            <ProgressBar.Track data-scene-id={element.id} style={{ height: '1rem' }}>\n                <ProgressBar.Indicator>{booleanProperty(element, 'showValue', true) && <ProgressBar.Value />}</ProgressBar.Indicator>\n            </ProgressBar.Track>\n        </ProgressBar.Root>\n    );\n}\n"],"names":["PrimeProgressBar","element","value","numberProperty","_jsx","ProgressBar","Root","mode","undefined","Track","data-scene-id","id","style","height","Indicator","booleanProperty","Value"],"mappings":";;;;;;AAOA;;;;;;;;;;;AAWC,IACM,SAASA,gBAAAA,CAAiB,EAAEC,OAAO,EAA4B,EAAA;IAClE,MAAMC,KAAAA,GAAQC,0BAAeF,OAAAA,EAAS,OAAA,CAAA;IACtC,qBACIG,cAAA,CAACC,wBAAYC,IAAI,EAAA;QAACJ,KAAAA,EAAOA,KAAAA;QAAOK,IAAAA,EAAML,KAAAA,KAAUM,YAAY,eAAA,GAAkB,aAAA;gCAC1EJ,cAAA,CAACC,wBAAYI,KAAK,EAAA;AAACC,YAAAA,eAAAA,EAAeT,QAAQU,EAAE;YAAEC,KAAAA,EAAO;gBAAEC,MAAAA,EAAQ;AAAO,aAAA;oCAClET,cAAA,CAACC,wBAAYS,SAAS,EAAA;AAAEC,gBAAAA,QAAAA,EAAAA,0BAAAA,CAAgBd,OAAAA,EAAS,WAAA,EAAa,IAAA,CAAA,kBAASG,cAAA,CAACC,wBAAYW,KAAK,EAAA,EAAA;;;;AAIzG;;;;"}

package/dist/cjs/misc/PrimeProgressSpinner.js

@@ -6,15 +6,26 @@ var properties = require('../properties.js');
 
 /**
  * The `PrimeReact:progressSpinner` component - an indeterminate busy indicator.
+ *
+ * PrimeReact 11 opens the SVG up into parts: `Root` draws the `svg` and its viewBox, `Track` is the
+ * circle that stays put and `Range` the arc that turns. Both are needed for the spinner to read as a ring
+ * rather than a lone rotating stroke, so the adapter always supplies the pair - a Scene element has no
+ * property that would sensibly omit one.
+ *
+ * `strokeWidth` is a number in v11 where v10 took a string, and it is left at the component's own default
+ * because the only thing a screen sizes here is the diameter.
  */ function PrimeProgressSpinner({ element }) {
     const size = properties.numberProperty(element, 'size', 50);
-    return /*#__PURE__*/ jsxRuntime.jsx(progressspinner.ProgressSpinner, {
+    return /*#__PURE__*/ jsxRuntime.jsxs(progressspinner.ProgressSpinner.Root, {
         "data-scene-id": element.id,
-        strokeWidth: "4",
         style: {
             width: `${size}px`,
             height: `${size}px`
-        }
+        },
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(progressspinner.ProgressSpinner.Track, {}),
+            /*#__PURE__*/ jsxRuntime.jsx(progressspinner.ProgressSpinner.Range, {})
+        ]
     });
 }
 

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

@@ -1 +1 @@
-{"version":3,"file":"PrimeProgressSpinner.js","sources":["../../../misc/PrimeProgressSpinner.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 { ProgressSpinner } from 'primereact/progressspinner';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { numberProperty } from '../properties';\n\n/**\n * The `PrimeReact:progressSpinner` component - an indeterminate busy indicator.\n */\nexport function PrimeProgressSpinner({ element }: RegisteredComponentProps) {\n    const size = numberProperty(element, 'size', 50);\n    return <ProgressSpinner data-scene-id={element.id} strokeWidth='4' style={{ width: `${size}px`, height: `${size}px` }} />;\n}\n"],"names":["PrimeProgressSpinner","element","size","numberProperty","_jsx","ProgressSpinner","data-scene-id","id","strokeWidth","style","width","height"],"mappings":";;;;;;AAOA;;AAEC,IACM,SAASA,oBAAAA,CAAqB,EAAEC,OAAO,EAA4B,EAAA;IACtE,MAAMC,IAAAA,GAAOC,yBAAAA,CAAeF,OAAAA,EAAS,MAAA,EAAQ,EAAA,CAAA;AAC7C,IAAA,qBAAOG,cAAA,CAACC,+BAAAA,EAAAA;AAAgBC,QAAAA,eAAAA,EAAeL,QAAQM,EAAE;QAAEC,WAAAA,EAAY,GAAA;QAAIC,KAAAA,EAAO;YAAEC,KAAAA,EAAO,CAAA,EAAGR,IAAAA,CAAK,EAAE,CAAC;YAAES,MAAAA,EAAQ,CAAA,EAAGT,IAAAA,CAAK,EAAE;AAAE;;AACxH;;;;"}
+{"version":3,"file":"PrimeProgressSpinner.js","sources":["../../../misc/PrimeProgressSpinner.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 { ProgressSpinner } from 'primereact/progressspinner';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { numberProperty } from '../properties';\n\n/**\n * The `PrimeReact:progressSpinner` component - an indeterminate busy indicator.\n *\n * PrimeReact 11 opens the SVG up into parts: `Root` draws the `svg` and its viewBox, `Track` is the\n * circle that stays put and `Range` the arc that turns. Both are needed for the spinner to read as a ring\n * rather than a lone rotating stroke, so the adapter always supplies the pair - a Scene element has no\n * property that would sensibly omit one.\n *\n * `strokeWidth` is a number in v11 where v10 took a string, and it is left at the component's own default\n * because the only thing a screen sizes here is the diameter.\n */\nexport function PrimeProgressSpinner({ element }: RegisteredComponentProps) {\n    const size = numberProperty(element, 'size', 50);\n    return (\n        <ProgressSpinner.Root data-scene-id={element.id} style={{ width: `${size}px`, height: `${size}px` }}>\n            <ProgressSpinner.Track />\n            <ProgressSpinner.Range />\n        </ProgressSpinner.Root>\n    );\n}\n"],"names":["PrimeProgressSpinner","element","size","numberProperty","_jsxs","ProgressSpinner","Root","data-scene-id","id","style","width","height","_jsx","Track","Range"],"mappings":";;;;;;AAOA;;;;;;;;;;AAUC,IACM,SAASA,oBAAAA,CAAqB,EAAEC,OAAO,EAA4B,EAAA;IACtE,MAAMC,IAAAA,GAAOC,yBAAAA,CAAeF,OAAAA,EAAS,MAAA,EAAQ,EAAA,CAAA;IAC7C,qBACIG,eAAA,CAACC,gCAAgBC,IAAI,EAAA;AAACC,QAAAA,eAAAA,EAAeN,QAAQO,EAAE;QAAEC,KAAAA,EAAO;YAAEC,KAAAA,EAAO,CAAA,EAAGR,IAAAA,CAAK,EAAE,CAAC;YAAES,MAAAA,EAAQ,CAAA,EAAGT,IAAAA,CAAK,EAAE;AAAE,SAAA;;AAC9F,0BAAAU,cAAA,CAACP,gCAAgBQ,KAAK,EAAA,EAAA,CAAA;AACtB,0BAAAD,cAAA,CAACP,gCAAgBS,KAAK,EAAA,EAAA;;;AAGlC;;;;"}

package/dist/cjs/misc/PrimeScrollTop.js

@@ -1,28 +1,38 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var scrolltop = require('primereact/scrolltop');
+var react = require('react');
+var ScrollTop = require('./ScrollTop.js');
 var properties = require('../properties.js');
 
 /**
  * The `PrimeReact:scrollTop` component - a button that returns the reader to the top.
  *
- * Targets its own scrollable parent rather than the window, and the adapter provides that parent. A
- * window-targeted ScrollTop inside a composed screen would scroll something the element does not own,
- * and would stay invisible in any preview shorter than a page.
+ * PrimeReact 11 removed `ScrollTop` with no replacement and no headless hook, so the adapter renders
+ * Cratis's own {@link ScrollTop}. The element keeps the shape it had: a sized, scrollable box holding the
+ * `content` slot, with the button watching that box rather than the window. A window-targeted button
+ * inside a composed screen would scroll something the element does not own, and would stay invisible in
+ * any preview shorter than a page.
  *
- * In PrimeReact 11 this becomes a hook rather than a component.
+ * The box and the scrolling region are two elements rather than one, which is what lets the button sit
+ * still while the content moves under it. Anchored inside the scroller it would drift off with the
+ * content it is offering to escape.
  */ function PrimeScrollTop({ element, slots }) {
+    const scroller = react.useRef(null);
     return /*#__PURE__*/ jsxRuntime.jsxs("div", {
         "data-scene-id": element.id,
-        className: "relative overflow-auto",
-        style: {
-            height: `${properties.numberProperty(element, 'height', 200)}px`
-        },
+        className: "relative",
         children: [
-            slots.content,
-            /*#__PURE__*/ jsxRuntime.jsx(scrolltop.ScrollTop, {
-                target: "parent",
+            /*#__PURE__*/ jsxRuntime.jsx("div", {
+                ref: scroller,
+                className: "overflow-auto",
+                style: {
+                    height: `${properties.numberProperty(element, 'height', 200)}px`
+                },
+                children: slots.content
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(ScrollTop.ScrollTop, {
+                target: scroller,
                 threshold: properties.numberProperty(element, 'threshold', 100)
             })
         ]

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

@@ -1 +1 @@
-{"version":3,"file":"PrimeScrollTop.js","sources":["../../../misc/PrimeScrollTop.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 { ScrollTop } from 'primereact/scrolltop';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { numberProperty } from '../properties';\n\n/**\n * The `PrimeReact:scrollTop` component - a button that returns the reader to the top.\n *\n * Targets its own scrollable parent rather than the window, and the adapter provides that parent. A\n * window-targeted ScrollTop inside a composed screen would scroll something the element does not own,\n * and would stay invisible in any preview shorter than a page.\n *\n * In PrimeReact 11 this becomes a hook rather than a component.\n */\nexport function PrimeScrollTop({ element, slots }: RegisteredComponentProps) {\n    return (\n        <div data-scene-id={element.id} className='relative overflow-auto' style={{ height: `${numberProperty(element, 'height', 200)}px` }}>\n            {slots.content}\n            <ScrollTop target='parent' threshold={numberProperty(element, 'threshold', 100)} />\n        </div>\n    );\n}\n"],"names":["PrimeScrollTop","element","slots","_jsxs","div","data-scene-id","id","className","style","height","numberProperty","content","_jsx","ScrollTop","target","threshold"],"mappings":";;;;;;AAOA;;;;;;;;AAQC,IACM,SAASA,cAAAA,CAAe,EAAEC,OAAO,EAAEC,KAAK,EAA4B,EAAA;AACvE,IAAA,qBACIC,eAAA,CAACC,KAAAA,EAAAA;AAAIC,QAAAA,eAAAA,EAAeJ,QAAQK,EAAE;QAAEC,SAAAA,EAAU,wBAAA;QAAyBC,KAAAA,EAAO;AAAEC,YAAAA,MAAAA,EAAQ,GAAGC,yBAAAA,CAAeT,OAAAA,EAAS,QAAA,EAAU,GAAA,CAAA,CAAK,EAAE;AAAE,SAAA;;AAC7HC,YAAAA,KAAAA,CAAMS,OAAO;0BACdC,cAAA,CAACC,mBAAAA,EAAAA;gBAAUC,MAAAA,EAAO,QAAA;gBAASC,SAAAA,EAAWL,yBAAAA,CAAeT,SAAS,WAAA,EAAa,GAAA;;;;AAGvF;;;;"}
+{"version":3,"file":"PrimeScrollTop.js","sources":["../../../misc/PrimeScrollTop.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 { RegisteredComponentProps } from '@cratis/scene.react';\nimport { ScrollTop } from './ScrollTop';\nimport { numberProperty } from '../properties';\n\n/**\n * The `PrimeReact:scrollTop` component - a button that returns the reader to the top.\n *\n * PrimeReact 11 removed `ScrollTop` with no replacement and no headless hook, so the adapter renders\n * Cratis's own {@link ScrollTop}. The element keeps the shape it had: a sized, scrollable box holding the\n * `content` slot, with the button watching that box rather than the window. A window-targeted button\n * inside a composed screen would scroll something the element does not own, and would stay invisible in\n * any preview shorter than a page.\n *\n * The box and the scrolling region are two elements rather than one, which is what lets the button sit\n * still while the content moves under it. Anchored inside the scroller it would drift off with the\n * content it is offering to escape.\n */\nexport function PrimeScrollTop({ element, slots }: RegisteredComponentProps) {\n    const scroller = useRef<HTMLDivElement>(null);\n    return (\n        <div data-scene-id={element.id} className='relative'>\n            <div ref={scroller} className='overflow-auto' style={{ height: `${numberProperty(element, 'height', 200)}px` }}>\n                {slots.content}\n            </div>\n            <ScrollTop target={scroller} threshold={numberProperty(element, 'threshold', 100)} />\n        </div>\n    );\n}\n"],"names":["PrimeScrollTop","element","slots","scroller","useRef","_jsxs","div","data-scene-id","id","className","_jsx","ref","style","height","numberProperty","content","ScrollTop","target","threshold"],"mappings":";;;;;;;AAQA;;;;;;;;;;;;AAYC,IACM,SAASA,cAAAA,CAAe,EAAEC,OAAO,EAAEC,KAAK,EAA4B,EAAA;AACvE,IAAA,MAAMC,WAAWC,YAAAA,CAAuB,IAAA,CAAA;AACxC,IAAA,qBACIC,eAAA,CAACC,KAAAA,EAAAA;AAAIC,QAAAA,eAAAA,EAAeN,QAAQO,EAAE;QAAEC,SAAAA,EAAU,UAAA;;0BACtCC,cAAA,CAACJ,KAAAA,EAAAA;gBAAIK,GAAAA,EAAKR,QAAAA;gBAAUM,SAAAA,EAAU,eAAA;gBAAgBG,KAAAA,EAAO;AAAEC,oBAAAA,MAAAA,EAAQ,GAAGC,yBAAAA,CAAeb,OAAAA,EAAS,QAAA,EAAU,GAAA,CAAA,CAAK,EAAE;AAAE,iBAAA;AACxGC,gBAAAA,QAAAA,EAAAA,KAAAA,CAAMa;;0BAEXL,cAAA,CAACM,mBAAAA,EAAAA;gBAAUC,MAAAA,EAAQd,QAAAA;gBAAUe,SAAAA,EAAWJ,yBAAAA,CAAeb,SAAS,WAAA,EAAa,GAAA;;;;AAGzF;;;;"}

package/dist/cjs/misc/PrimeSkeleton.js

@@ -6,6 +6,10 @@ var properties = require('../properties.js');
 
 /**
  * The `PrimeReact:skeleton` component - the shape of content that has not arrived yet.
+ *
+ * One of the few components PrimeReact 11 left whole, and the props survived with it. The defaults are
+ * repeated here rather than left to the component because a skeleton is only ever authored for a specific
+ * gap in a layout, and a full-width one-line bar is the gap a screen most often has.
  */ function PrimeSkeleton({ element }) {
     return /*#__PURE__*/ jsxRuntime.jsx(skeleton.Skeleton, {
         "data-scene-id": element.id,

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

@@ -1 +1 @@
-{"version":3,"file":"PrimeSkeleton.js","sources":["../../../misc/PrimeSkeleton.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 { Skeleton } from 'primereact/skeleton';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:skeleton` component - the shape of content that has not arrived yet.\n */\nexport function PrimeSkeleton({ element }: RegisteredComponentProps) {\n    return (\n        <Skeleton\n            data-scene-id={element.id}\n            shape={stringProperty(element, 'shape', 'rectangle') as 'rectangle' | 'circle'}\n            width={stringProperty(element, 'width', '100%')}\n            height={stringProperty(element, 'height', '1rem')}\n        />\n    );\n}\n"],"names":["PrimeSkeleton","element","_jsx","Skeleton","data-scene-id","id","shape","stringProperty","width","height"],"mappings":";;;;;;AAOA;;AAEC,IACM,SAASA,aAAAA,CAAc,EAAEC,OAAO,EAA4B,EAAA;AAC/D,IAAA,qBACIC,cAAA,CAACC,iBAAAA,EAAAA;AACGC,QAAAA,eAAAA,EAAeH,QAAQI,EAAE;QACzBC,KAAAA,EAAOC,yBAAAA,CAAeN,SAAS,OAAA,EAAS,WAAA,CAAA;QACxCO,KAAAA,EAAOD,yBAAAA,CAAeN,SAAS,OAAA,EAAS,MAAA,CAAA;QACxCQ,MAAAA,EAAQF,yBAAAA,CAAeN,SAAS,QAAA,EAAU,MAAA;;AAGtD;;;;"}
+{"version":3,"file":"PrimeSkeleton.js","sources":["../../../misc/PrimeSkeleton.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 { Skeleton } from 'primereact/skeleton';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:skeleton` component - the shape of content that has not arrived yet.\n *\n * One of the few components PrimeReact 11 left whole, and the props survived with it. The defaults are\n * repeated here rather than left to the component because a skeleton is only ever authored for a specific\n * gap in a layout, and a full-width one-line bar is the gap a screen most often has.\n */\nexport function PrimeSkeleton({ element }: RegisteredComponentProps) {\n    return (\n        <Skeleton\n            data-scene-id={element.id}\n            shape={stringProperty(element, 'shape', 'rectangle') as 'rectangle' | 'circle'}\n            width={stringProperty(element, 'width', '100%')}\n            height={stringProperty(element, 'height', '1rem')}\n        />\n    );\n}\n"],"names":["PrimeSkeleton","element","_jsx","Skeleton","data-scene-id","id","shape","stringProperty","width","height"],"mappings":";;;;;;AAOA;;;;;;AAMC,IACM,SAASA,aAAAA,CAAc,EAAEC,OAAO,EAA4B,EAAA;AAC/D,IAAA,qBACIC,cAAA,CAACC,iBAAAA,EAAAA;AACGC,QAAAA,eAAAA,EAAeH,QAAQI,EAAE;QACzBC,KAAAA,EAAOC,yBAAAA,CAAeN,SAAS,OAAA,EAAS,WAAA,CAAA;QACxCO,KAAAA,EAAOD,yBAAAA,CAAeN,SAAS,OAAA,EAAS,MAAA,CAAA;QACxCQ,MAAAA,EAAQF,yBAAAA,CAAeN,SAAS,QAAA,EAAU,MAAA;;AAGtD;;;;"}

package/dist/cjs/misc/PrimeTag.js

@@ -6,13 +6,29 @@ var properties = require('../properties.js');
 
 /**
  * The `PrimeReact:tag` component - a colored status label, the read-only counterpart to a chip.
+ *
+ * PrimeReact 11 dropped the `value` and `icon` props; a tag renders its children now. The icon is marked
+ * decorative because the value beside it already carries the meaning - a screen reader announcing
+ * "check-circle Published" would be reading the styling out loud.
+ *
+ * The v10 severity `warning` is translated to v11's `warn` rather than passed through, so a screen
+ * authored against the old vocabulary keeps its color instead of quietly rendering in the default one.
  */ function PrimeTag({ element }) {
-    return /*#__PURE__*/ jsxRuntime.jsx(tag.Tag, {
+    const icon = properties.stringProperty(element, 'icon');
+    // 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 = properties.severityProperty(element, 'severity');
+    return /*#__PURE__*/ jsxRuntime.jsxs(tag.Tag, {
         "data-scene-id": element.id,
-        value: properties.stringProperty(element, 'value', ''),
-        icon: properties.stringProperty(element, 'icon'),
-        severity: properties.stringProperty(element, 'severity'),
-        rounded: properties.booleanProperty(element, 'rounded', false)
+        severity: severity === 'help' ? undefined : severity,
+        rounded: properties.booleanProperty(element, 'rounded', false),
+        children: [
+            icon !== undefined && /*#__PURE__*/ jsxRuntime.jsx("i", {
+                className: icon,
+                "aria-hidden": "true"
+            }),
+            properties.stringProperty(element, 'value', '')
+        ]
     });
 }
 

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

@@ -1 +1 @@
-{"version":3,"file":"PrimeTag.js","sources":["../../../misc/PrimeTag.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 { Tag } from 'primereact/tag';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { booleanProperty, stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:tag` component - a colored status label, the read-only counterpart to a chip.\n */\nexport function PrimeTag({ element }: RegisteredComponentProps) {\n    return (\n        <Tag\n            data-scene-id={element.id}\n            value={stringProperty(element, 'value', '')}\n            icon={stringProperty(element, 'icon')}\n            severity={stringProperty(element, 'severity') as 'success' | 'info' | 'warning' | 'danger' | 'secondary' | 'contrast' | undefined}\n            rounded={booleanProperty(element, 'rounded', false)}\n        />\n    );\n}\n"],"names":["PrimeTag","element","_jsx","Tag","data-scene-id","id","value","stringProperty","icon","severity","rounded","booleanProperty"],"mappings":";;;;;;AAOA;;AAEC,IACM,SAASA,QAAAA,CAAS,EAAEC,OAAO,EAA4B,EAAA;AAC1D,IAAA,qBACIC,cAAA,CAACC,OAAAA,EAAAA;AACGC,QAAAA,eAAAA,EAAeH,QAAQI,EAAE;QACzBC,KAAAA,EAAOC,yBAAAA,CAAeN,SAAS,OAAA,EAAS,EAAA,CAAA;AACxCO,QAAAA,IAAAA,EAAMD,0BAAeN,OAAAA,EAAS,MAAA,CAAA;AAC9BQ,QAAAA,QAAAA,EAAUF,0BAAeN,OAAAA,EAAS,UAAA,CAAA;QAClCS,OAAAA,EAASC,0BAAAA,CAAgBV,SAAS,SAAA,EAAW,KAAA;;AAGzD;;;;"}
+{"version":3,"file":"PrimeTag.js","sources":["../../../misc/PrimeTag.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 { Tag } from 'primereact/tag';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport {booleanProperty, severityProperty, stringProperty} from '../properties';\n\n/**\n * The `PrimeReact:tag` component - a colored status label, the read-only counterpart to a chip.\n *\n * PrimeReact 11 dropped the `value` and `icon` props; a tag renders its children now. The icon is marked\n * decorative because the value beside it already carries the meaning - a screen reader announcing\n * \"check-circle Published\" would be reading the styling out loud.\n *\n * The v10 severity `warning` is translated to v11's `warn` rather than passed through, so a screen\n * authored against the old vocabulary keeps its color instead of quietly rendering in the default one.\n */\nexport function PrimeTag({ element }: RegisteredComponentProps) {\n    const icon = stringProperty(element, 'icon');\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        <Tag\n            data-scene-id={element.id}\n            severity={severity === 'help' ? undefined : severity}\n            rounded={booleanProperty(element, 'rounded', false)}>\n            {icon !== undefined && <i className={icon} aria-hidden='true' />}\n            {stringProperty(element, 'value', '')}\n        </Tag>\n    );\n}\n"],"names":["PrimeTag","element","icon","stringProperty","severity","severityProperty","_jsxs","Tag","data-scene-id","id","undefined","rounded","booleanProperty","_jsx","i","className","aria-hidden"],"mappings":";;;;;;AAOA;;;;;;;;;AASC,IACM,SAASA,QAAAA,CAAS,EAAEC,OAAO,EAA4B,EAAA;IAC1D,MAAMC,IAAAA,GAAOC,0BAAeF,OAAAA,EAAS,MAAA,CAAA;;;IAGrC,MAAMG,QAAAA,GAAWC,4BAAiBJ,OAAAA,EAAS,UAAA,CAAA;AAC3C,IAAA,qBACIK,eAAA,CAACC,OAAAA,EAAAA;AACGC,QAAAA,eAAAA,EAAeP,QAAQQ,EAAE;QACzBL,QAAAA,EAAUA,QAAAA,KAAa,SAASM,SAAAA,GAAYN,QAAAA;QAC5CO,OAAAA,EAASC,0BAAAA,CAAgBX,SAAS,SAAA,EAAW,KAAA,CAAA;;AAC5CC,YAAAA,IAAAA,KAASQ,2BAAaG,cAAA,CAACC,GAAAA,EAAAA;gBAAEC,SAAAA,EAAWb,IAAAA;gBAAMc,aAAAA,EAAY;;AACtDb,YAAAA,yBAAAA,CAAeF,SAAS,OAAA,EAAS,EAAA;;;AAG9C;;;;"}

package/dist/cjs/misc/PrimeTerminal.js

@@ -7,15 +7,30 @@ var properties = require('../properties.js');
 /**
  * The `PrimeReact:terminal` component - a command-line surface.
  *
- * Terminal publishes typed commands on `TerminalService` and waits for something to answer. Nothing in
- * this package answers, because responding to a command is application behavior and a Scene element
- * cannot express it. The component therefore accepts input and prints nothing back until the hosting
- * application subscribes - which is the honest shape of a terminal with no backend, not a broken one.
+ * Terminal accepts input and waits for something to answer. Nothing in this package answers, because
+ * responding to a command is application behavior and a Scene element cannot express it. The component
+ * therefore echoes what is typed and prints nothing back until the hosting application supplies an
+ * answer - which is the honest shape of a terminal with no backend, not a broken one.
+ *
+ * PrimeReact 11 changed how that answer arrives: v10 published commands on a global `TerminalService`
+ * that any listener could subscribe to, and v11 takes an `onCommand` callback on the component instead.
+ * That is a real improvement for an application - the wiring is local and typed rather than a global
+ * channel keyed by nothing - but it is also why the gap cannot be closed here: a callback has to come from
+ * whoever mounts the screen, and the adapter only has the element.
+ *
+ * `CommandList` and `Prompt` render themselves from the component's own state when given no children, so
+ * the composition is just naming the three regions a terminal has.
  */ function PrimeTerminal({ element }) {
-    return /*#__PURE__*/ jsxRuntime.jsx(terminal.Terminal, {
+    return /*#__PURE__*/ jsxRuntime.jsxs(terminal.Terminal.Root, {
         "data-scene-id": element.id,
-        welcomeMessage: properties.stringProperty(element, 'welcomeMessage', 'Welcome'),
-        prompt: properties.stringProperty(element, 'prompt', '$')
+        prompt: properties.stringProperty(element, 'prompt', '$'),
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(terminal.Terminal.Welcome, {
+                children: properties.stringProperty(element, 'welcomeMessage', 'Welcome')
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(terminal.Terminal.CommandList, {}),
+            /*#__PURE__*/ jsxRuntime.jsx(terminal.Terminal.Prompt, {})
+        ]
     });
 }
 

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

@@ -1 +1 @@
-{"version":3,"file":"PrimeTerminal.js","sources":["../../../misc/PrimeTerminal.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { Terminal } from 'primereact/terminal';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:terminal` component - a command-line surface.\n *\n * Terminal publishes typed commands on `TerminalService` and waits for something to answer. Nothing in\n * this package answers, because responding to a command is application behavior and a Scene element\n * cannot express it. The component therefore accepts input and prints nothing back until the hosting\n * application subscribes - which is the honest shape of a terminal with no backend, not a broken one.\n */\nexport function PrimeTerminal({ element }: RegisteredComponentProps) {\n    return (\n        <Terminal\n            data-scene-id={element.id}\n            welcomeMessage={stringProperty(element, 'welcomeMessage', 'Welcome')}\n            prompt={stringProperty(element, 'prompt', '$')}\n        />\n    );\n}\n"],"names":["PrimeTerminal","element","_jsx","Terminal","data-scene-id","id","welcomeMessage","stringProperty","prompt"],"mappings":";;;;;;AAOA;;;;;;;AAOC,IACM,SAASA,aAAAA,CAAc,EAAEC,OAAO,EAA4B,EAAA;AAC/D,IAAA,qBACIC,cAAA,CAACC,iBAAAA,EAAAA;AACGC,QAAAA,eAAAA,EAAeH,QAAQI,EAAE;QACzBC,cAAAA,EAAgBC,yBAAAA,CAAeN,SAAS,gBAAA,EAAkB,SAAA,CAAA;QAC1DO,MAAAA,EAAQD,yBAAAA,CAAeN,SAAS,QAAA,EAAU,GAAA;;AAGtD;;;;"}
+{"version":3,"file":"PrimeTerminal.js","sources":["../../../misc/PrimeTerminal.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { Terminal } from 'primereact/terminal';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:terminal` component - a command-line surface.\n *\n * Terminal accepts input and waits for something to answer. Nothing in this package answers, because\n * responding to a command is application behavior and a Scene element cannot express it. The component\n * therefore echoes what is typed and prints nothing back until the hosting application supplies an\n * answer - which is the honest shape of a terminal with no backend, not a broken one.\n *\n * PrimeReact 11 changed how that answer arrives: v10 published commands on a global `TerminalService`\n * that any listener could subscribe to, and v11 takes an `onCommand` callback on the component instead.\n * That is a real improvement for an application - the wiring is local and typed rather than a global\n * channel keyed by nothing - but it is also why the gap cannot be closed here: a callback has to come from\n * whoever mounts the screen, and the adapter only has the element.\n *\n * `CommandList` and `Prompt` render themselves from the component's own state when given no children, so\n * the composition is just naming the three regions a terminal has.\n */\nexport function PrimeTerminal({ element }: RegisteredComponentProps) {\n    return (\n        <Terminal.Root data-scene-id={element.id} prompt={stringProperty(element, 'prompt', '$')}>\n            <Terminal.Welcome>{stringProperty(element, 'welcomeMessage', 'Welcome')}</Terminal.Welcome>\n            <Terminal.CommandList />\n            <Terminal.Prompt />\n        </Terminal.Root>\n    );\n}\n"],"names":["PrimeTerminal","element","_jsxs","Terminal","Root","data-scene-id","id","prompt","stringProperty","_jsx","Welcome","CommandList","Prompt"],"mappings":";;;;;;AAOA;;;;;;;;;;;;;;;;AAgBC,IACM,SAASA,aAAAA,CAAc,EAAEC,OAAO,EAA4B,EAAA;IAC/D,qBACIC,eAAA,CAACC,kBAASC,IAAI,EAAA;AAACC,QAAAA,eAAAA,EAAeJ,QAAQK,EAAE;QAAEC,MAAAA,EAAQC,yBAAAA,CAAeP,SAAS,QAAA,EAAU,GAAA,CAAA;;AAChF,0BAAAQ,cAAA,CAACN,kBAASO,OAAO,EAAA;AAAEF,gBAAAA,QAAAA,EAAAA,yBAAAA,CAAeP,SAAS,gBAAA,EAAkB,SAAA;;AAC7D,0BAAAQ,cAAA,CAACN,kBAASQ,WAAW,EAAA,EAAA,CAAA;AACrB,0BAAAF,cAAA,CAACN,kBAASS,MAAM,EAAA,EAAA;;;AAG5B;;;;"}

package/dist/cjs/misc/ScrollTop.js

@@ -0,0 +1,70 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var button = require('primereact/button');
+
+/**
+ * A button that appears once its target has been scrolled past a threshold and takes the reader back to
+ * the top.
+ *
+ * Cratis owns this component. PrimeReact 10 had `ScrollTop`; PrimeReact 11 removed it with no replacement
+ * and no headless hook, and `scrollTop` is a name this package's manifest publishes, so screens are
+ * written against it. The button itself is a PrimeReact `Button` - the piece that survived - so the
+ * component still picks up whatever theme the application is running, and only the scroll watching is
+ * ours.
+ *
+ * The listener is registered on the target and removed when the component unmounts or the target changes.
+ * That is not incidental tidiness: this button is typically mounted inside a scrolling region that a
+ * screen creates and destroys as the reader navigates, and a leaked `scroll` handler on a detached
+ * element keeps the whole subtree alive.
+ *
+ * What it deliberately does not carry over from v10: the enter/leave transition (the button appears and
+ * disappears outright), `behavior` as a prop - scrolling is always smooth, since an instant jump to the
+ * top is disorienting and the only reason v10 exposed it was browsers that lacked support - and the
+ * `pt` / passthrough styling hooks, which have no meaning outside PrimeReact's own component base.
+ */ function ScrollTop({ threshold = 400, target, icon = 'pi pi-chevron-up', className, ...rest }) {
+    const [visible, setVisible] = react.useState(false);
+    react.useEffect(()=>{
+        const element = target?.current;
+        const source = element ?? window;
+        const update = ()=>setVisible((element ? element.scrollTop : window.scrollY) > threshold);
+        update();
+        source.addEventListener('scroll', update, {
+            passive: true
+        });
+        return ()=>source.removeEventListener('scroll', update);
+    }, [
+        target,
+        threshold
+    ]);
+    if (!visible) return null;
+    const scrollToTop = ()=>{
+        const element = target?.current;
+        if (element) element.scrollTo({
+            top: 0,
+            behavior: 'smooth'
+        });
+        else window.scrollTo({
+            top: 0,
+            behavior: 'smooth'
+        });
+    };
+    return /*#__PURE__*/ jsxRuntime.jsx(button.Button, {
+        "aria-label": "Scroll to top",
+        ...rest,
+        rounded: true,
+        className: [
+            target === undefined ? 'fixed bottom-6 right-6 z-40' : 'absolute bottom-3 right-3 z-10',
+            className
+        ].filter(Boolean).join(' '),
+        onClick: scrollToTop,
+        children: /*#__PURE__*/ jsxRuntime.jsx("i", {
+            className: icon,
+            "aria-hidden": "true"
+        })
+    });
+}
+
+exports.ScrollTop = ScrollTop;
+//# sourceMappingURL=ScrollTop.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollTop.js","sources":["../../../misc/ScrollTop.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, RefObject, useEffect, useState } from 'react';\nimport { Button } from 'primereact/button';\n\n/**\n * Configuration for {@link ScrollTop}.\n */\nexport interface ScrollTopProps extends Omit<HTMLAttributes<HTMLButtonElement>, 'children'> {\n    /**\n     * How far the target has to have scrolled, in pixels, before the button appears. A button that is\n     * always there is clutter; one that appears too late is never found.\n     */\n    threshold?: number;\n\n    /**\n     * The element to watch and return to the top of. Left out, the button watches the window - which is\n     * the right default for a page, and the wrong one for a component embedded in a composed screen,\n     * which is why the caller supplies it.\n     */\n    target?: RefObject<HTMLElement | null>;\n\n    /**\n     * The icon class to show, so an application using its own icon font is not forced onto `primeicons`.\n     */\n    icon?: string;\n}\n\n/**\n * A button that appears once its target has been scrolled past a threshold and takes the reader back to\n * the top.\n *\n * Cratis owns this component. PrimeReact 10 had `ScrollTop`; PrimeReact 11 removed it with no replacement\n * and no headless hook, and `scrollTop` is a name this package's manifest publishes, so screens are\n * written against it. The button itself is a PrimeReact `Button` - the piece that survived - so the\n * component still picks up whatever theme the application is running, and only the scroll watching is\n * ours.\n *\n * The listener is registered on the target and removed when the component unmounts or the target changes.\n * That is not incidental tidiness: this button is typically mounted inside a scrolling region that a\n * screen creates and destroys as the reader navigates, and a leaked `scroll` handler on a detached\n * element keeps the whole subtree alive.\n *\n * What it deliberately does not carry over from v10: the enter/leave transition (the button appears and\n * disappears outright), `behavior` as a prop - scrolling is always smooth, since an instant jump to the\n * top is disorienting and the only reason v10 exposed it was browsers that lacked support - and the\n * `pt` / passthrough styling hooks, which have no meaning outside PrimeReact's own component base.\n */\nexport function ScrollTop({ threshold = 400, target, icon = 'pi pi-chevron-up', className, ...rest }: ScrollTopProps) {\n    const [visible, setVisible] = useState(false);\n\n    useEffect(() => {\n        const element = target?.current;\n        const source: EventTarget = element ?? window;\n        const update = () => setVisible((element ? element.scrollTop : window.scrollY) > threshold);\n\n        update();\n        source.addEventListener('scroll', update, { passive: true });\n        return () => source.removeEventListener('scroll', update);\n    }, [target, threshold]);\n\n    if (!visible) return null;\n\n    const scrollToTop = () => {\n        const element = target?.current;\n        if (element) element.scrollTo({ top: 0, behavior: 'smooth' });\n        else window.scrollTo({ top: 0, behavior: 'smooth' });\n    };\n\n    return (\n        <Button\n            aria-label='Scroll to top'\n            {...rest}\n            rounded\n            className={[target === undefined ? 'fixed bottom-6 right-6 z-40' : 'absolute bottom-3 right-3 z-10', className].filter(Boolean).join(' ')}\n            onClick={scrollToTop}>\n            <i className={icon} aria-hidden='true' />\n        </Button>\n    );\n}\n"],"names":["ScrollTop","threshold","target","icon","className","rest","visible","setVisible","useState","useEffect","element","current","source","window","update","scrollTop","scrollY","addEventListener","passive","removeEventListener","scrollToTop","scrollTo","top","behavior","_jsx","Button","aria-label","rounded","undefined","filter","Boolean","join","onClick","i","aria-hidden"],"mappings":";;;;;;AA6BA;;;;;;;;;;;;;;;;;;;AAmBC,IACM,SAASA,SAAAA,CAAU,EAAEC,YAAY,GAAG,EAAEC,MAAM,EAAEC,OAAO,kBAAkB,EAAEC,SAAS,EAAE,GAAGC,IAAAA,EAAsB,EAAA;AAChH,IAAA,MAAM,CAACC,OAAAA,EAASC,UAAAA,CAAW,GAAGC,cAAAA,CAAS,KAAA,CAAA;IAEvCC,eAAAA,CAAU,IAAA;AACN,QAAA,MAAMC,UAAUR,MAAAA,EAAQS,OAAAA;AACxB,QAAA,MAAMC,SAAsBF,OAAAA,IAAWG,MAAAA;AACvC,QAAA,MAAMC,MAAAA,GAAS,IAAMP,UAAAA,CAAYG,CAAAA,OAAAA,GAAUA,OAAAA,CAAQK,SAAS,GAAGF,MAAAA,CAAOG,OAAM,IAAKf,SAAAA,CAAAA;AAEjFa,QAAAA,MAAAA,EAAAA;QACAF,MAAAA,CAAOK,gBAAgB,CAAC,QAAA,EAAUH,MAAAA,EAAQ;YAAEI,OAAAA,EAAS;AAAK,SAAA,CAAA;AAC1D,QAAA,OAAO,IAAMN,MAAAA,CAAOO,mBAAmB,CAAC,QAAA,EAAUL,MAAAA,CAAAA;IACtD,CAAA,EAAG;AAACZ,QAAAA,MAAAA;AAAQD,QAAAA;AAAU,KAAA,CAAA;IAEtB,IAAI,CAACK,SAAS,OAAO,IAAA;AAErB,IAAA,MAAMc,WAAAA,GAAc,IAAA;AAChB,QAAA,MAAMV,UAAUR,MAAAA,EAAQS,OAAAA;QACxB,IAAID,OAAAA,EAASA,OAAAA,CAAQW,QAAQ,CAAC;YAAEC,GAAAA,EAAK,CAAA;YAAGC,QAAAA,EAAU;AAAS,SAAA,CAAA;AACtDV,aAAAA,MAAAA,CAAOQ,QAAQ,CAAC;YAAEC,GAAAA,EAAK,CAAA;YAAGC,QAAAA,EAAU;AAAS,SAAA,CAAA;AACtD,IAAA,CAAA;AAEA,IAAA,qBACIC,cAAA,CAACC,aAAAA,EAAAA;QACGC,YAAAA,EAAW,eAAA;AACV,QAAA,GAAGrB,IAAI;QACRsB,OAAO,EAAA,IAAA;QACPvB,SAAAA,EAAW;AAACF,YAAAA,MAAAA,KAAW0B,YAAY,6BAAA,GAAgC,gCAAA;AAAkCxB,YAAAA;AAAU,SAAA,CAACyB,MAAM,CAACC,OAAAA,CAAAA,CAASC,IAAI,CAAC,GAAA,CAAA;QACrIC,OAAAA,EAASZ,WAAAA;AACT,QAAA,QAAA,gBAAAI,cAAA,CAACS,GAAAA,EAAAA;YAAE7B,SAAAA,EAAWD,IAAAA;YAAM+B,aAAAA,EAAY;;;AAG5C;;;;"}