@cratis/scene.primereact 0.1.0

package/dist/esm/messages/PrimeInlineMessage.js

@@ -0,0 +1,20 @@
+import { jsx } from 'react/jsx-runtime';
+import { Message } from 'primereact/message';
+import { stringProperty } from '../properties.js';
+
+/**
+ * The `PrimeReact:inlineMessage` component - a short notice sitting beside the field it is about.
+ *
+ * The same PrimeReact `Message` as `message`, sized to its content instead of the row, so a validation
+ * hint reads as belonging to one field rather than to the whole form.
+ */ function PrimeInlineMessage({ element }) {
+    return /*#__PURE__*/ jsx(Message, {
+        "data-scene-id": element.id,
+        className: "inline-flex",
+        severity: stringProperty(element, 'severity', 'info'),
+        text: stringProperty(element, 'text', '')
+    });
+}
+
+export { PrimeInlineMessage };
+//# sourceMappingURL=PrimeInlineMessage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PrimeInlineMessage.js","sources":["../../../messages/PrimeInlineMessage.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 { Message } from 'primereact/message';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:inlineMessage` component - a short notice sitting beside the field it is about.\n *\n * The same PrimeReact `Message` as `message`, sized to its content instead of the row, so a validation\n * hint reads as belonging to one field rather than to the whole form.\n */\nexport function PrimeInlineMessage({ element }: RegisteredComponentProps) {\n    return (\n        <Message\n            data-scene-id={element.id}\n            className='inline-flex'\n            severity={stringProperty(element, 'severity', 'info') as 'success' | 'info' | 'warn' | 'error'}\n            text={stringProperty(element, 'text', '')}\n        />\n    );\n}\n"],"names":["PrimeInlineMessage","element","_jsx","Message","data-scene-id","id","className","severity","stringProperty","text"],"mappings":";;;;AAOA;;;;;AAKC,IACM,SAASA,kBAAAA,CAAmB,EAAEC,OAAO,EAA4B,EAAA;AACpE,IAAA,qBACIC,GAAA,CAACC,OAAAA,EAAAA;AACGC,QAAAA,eAAAA,EAAeH,QAAQI,EAAE;QACzBC,SAAAA,EAAU,aAAA;QACVC,QAAAA,EAAUC,cAAAA,CAAeP,SAAS,UAAA,EAAY,MAAA,CAAA;QAC9CQ,IAAAA,EAAMD,cAAAA,CAAeP,SAAS,MAAA,EAAQ,EAAA;;AAGlD;;;;"}

package/dist/esm/messages/PrimeMessage.d.ts

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

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

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

package/dist/esm/messages/PrimeMessage.js

@@ -0,0 +1,21 @@
+import { jsx } from 'react/jsx-runtime';
+import { Message } from 'primereact/message';
+import { stringProperty } from '../properties.js';
+
+/**
+ * The `PrimeReact:message` component - a block-level notice attached to a region of a screen.
+ *
+ * Rendered full width, which is what separates it from `inlineMessage`: the two share PrimeReact's
+ * `Message` component but mean different things on a screen, and the width is the difference a reader
+ * actually sees.
+ */ function PrimeMessage({ element }) {
+    return /*#__PURE__*/ jsx(Message, {
+        "data-scene-id": element.id,
+        className: "w-full",
+        severity: stringProperty(element, 'severity', 'info'),
+        text: stringProperty(element, 'text', '')
+    });
+}
+
+export { PrimeMessage };
+//# sourceMappingURL=PrimeMessage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PrimeMessage.js","sources":["../../../messages/PrimeMessage.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 { Message } from 'primereact/message';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:message` component - a block-level notice attached to a region of a screen.\n *\n * Rendered full width, which is what separates it from `inlineMessage`: the two share PrimeReact's\n * `Message` component but mean different things on a screen, and the width is the difference a reader\n * actually sees.\n */\nexport function PrimeMessage({ element }: RegisteredComponentProps) {\n    return (\n        <Message\n            data-scene-id={element.id}\n            className='w-full'\n            severity={stringProperty(element, 'severity', 'info') as 'success' | 'info' | 'warn' | 'error'}\n            text={stringProperty(element, 'text', '')}\n        />\n    );\n}\n"],"names":["PrimeMessage","element","_jsx","Message","data-scene-id","id","className","severity","stringProperty","text"],"mappings":";;;;AAOA;;;;;;AAMC,IACM,SAASA,YAAAA,CAAa,EAAEC,OAAO,EAA4B,EAAA;AAC9D,IAAA,qBACIC,GAAA,CAACC,OAAAA,EAAAA;AACGC,QAAAA,eAAAA,EAAeH,QAAQI,EAAE;QACzBC,SAAAA,EAAU,QAAA;QACVC,QAAAA,EAAUC,cAAAA,CAAeP,SAAS,UAAA,EAAY,MAAA,CAAA;QAC9CQ,IAAAA,EAAMD,cAAAA,CAAeP,SAAS,MAAA,EAAQ,EAAA;;AAGlD;;;;"}

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

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

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

@@ -0,0 +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"}

package/dist/esm/messages/PrimeToast.js

@@ -0,0 +1,40 @@
+import { jsx } from 'react/jsx-runtime';
+import { useRef, useEffect } from 'react';
+import { Toast } from 'primereact/toast';
+import { stringProperty, numberProperty } from '../properties.js';
+
+/**
+ * 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
+ * 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.
+ */ function PrimeToast({ element }) {
+    const toast = useRef(null);
+    const severity = stringProperty(element, 'severity', 'info');
+    const summary = stringProperty(element, 'summary', '');
+    const detail = stringProperty(element, 'detail', '');
+    const life = numberProperty(element, 'life', 3000);
+    useEffect(()=>{
+        toast.current?.show({
+            severity,
+            summary,
+            detail,
+            life
+        });
+    }, [
+        severity,
+        summary,
+        detail,
+        life
+    ]);
+    return /*#__PURE__*/ jsx(Toast, {
+        ref: toast,
+        "data-scene-id": element.id,
+        position: stringProperty(element, 'position', 'top-right')
+    });
+}
+
+export { PrimeToast };
+//# sourceMappingURL=PrimeToast.js.map

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +1,4 @@
+export * from './PrimeMessage';
+export * from './PrimeInlineMessage';
+export * from './PrimeToast';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/esm/messages/index.js

@@ -0,0 +1,4 @@
+export * from './PrimeMessage';
+export * from './PrimeInlineMessage';
+export * from './PrimeToast';
+//# sourceMappingURL=index.js.map

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

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

package/dist/esm/misc/MiscGallery.stories.d.ts

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

package/dist/esm/misc/MiscGallery.stories.d.ts.map

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

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

@@ -0,0 +1,33 @@
+import { SceneElementView } from '@cratis/scene.react';
+import { primeReactComponents } from '../primeReactComponents';
+import { sceneComponent, sceneGallery } from '../storyElements';
+const meta = {
+    title: 'PrimeReact/Misc',
+    component: SceneElementView,
+    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.' } },
+    },
+};
+export default meta;
+export const Gallery = {
+    args: {
+        element: sceneGallery('gallery', [
+            sceneComponent('avatar', 'avatar', { label: 'AL', shape: 'circle' }),
+            sceneComponent('badge', 'badge', { value: '8', severity: 'danger' }),
+            sceneComponent('chip', 'chip', { label: 'Engineering', icon: 'pi pi-users', removable: true }),
+            sceneComponent('tag', 'tag', { value: 'Published', severity: 'success', rounded: true }),
+            sceneComponent('progressBar', 'progressBar', { value: 65 }),
+            sceneComponent('progressSpinner', 'progressSpinner', { size: 40 }),
+            sceneComponent('skeleton', 'skeleton', { width: '12rem', height: '2rem' }),
+            sceneComponent('scrollTop', 'scrollTop', { height: 140 }, { content: [sceneComponent('scrollTopText', 'text', { text: 'Scroll this box to reveal the button.' })] }),
+            sceneComponent('blockUI', 'blockUI', { blocked: true }, { content: [sceneComponent('blockText', 'text', { text: 'Blocked content' })] }),
+            sceneComponent('inplace', 'inplace', { label: 'Click to edit' }, { content: [sceneComponent('inplaceInput', 'inputText', { value: 'Editable' })] }),
+            sceneComponent('terminal', 'terminal', { welcomeMessage: 'Scene preview terminal', prompt: 'scene $' }),
+        ]),
+        registry: primeReactComponents,
+        resolveBinding: () => undefined,
+    },
+};
+//# sourceMappingURL=MiscGallery.stories.js.map

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

@@ -0,0 +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"}

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

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

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

@@ -0,0 +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"}

package/dist/esm/misc/PrimeAvatar.js

@@ -0,0 +1,19 @@
+import { 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.
+ */ function PrimeAvatar({ element }) {
+    return /*#__PURE__*/ jsx(Avatar, {
+        "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')
+    });
+}
+
+export { PrimeAvatar };
+//# sourceMappingURL=PrimeAvatar.js.map

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

@@ -0,0 +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;;;;"}

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

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

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

@@ -0,0 +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"}

package/dist/esm/misc/PrimeBadge.js

@@ -0,0 +1,17 @@
+import { jsx } from 'react/jsx-runtime';
+import { Badge } from 'primereact/badge';
+import { stringProperty } from '../properties.js';
+
+/**
+ * The `PrimeReact:badge` component - a small count or status marker.
+ */ function PrimeBadge({ element }) {
+    return /*#__PURE__*/ jsx(Badge, {
+        "data-scene-id": element.id,
+        value: stringProperty(element, 'value', ''),
+        severity: stringProperty(element, 'severity'),
+        size: stringProperty(element, 'size')
+    });
+}
+
+export { PrimeBadge };
+//# sourceMappingURL=PrimeBadge.js.map

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

@@ -0,0 +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;;;;"}

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

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

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

@@ -0,0 +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"}

package/dist/esm/misc/PrimeBlockUI.js

@@ -0,0 +1,18 @@
+import { jsx } from 'react/jsx-runtime';
+import { BlockUI } from 'primereact/blockui';
+import { booleanProperty } from '../properties.js';
+
+/**
+ * The `PrimeReact:blockUI` component - a region masked while something is in flight.
+ *
+ * In PrimeReact 11 this component is removed with no direct replacement.
+ */ function PrimeBlockUI({ element, slots }) {
+    return /*#__PURE__*/ jsx(BlockUI, {
+        "data-scene-id": element.id,
+        blocked: booleanProperty(element, 'blocked', true),
+        children: slots.content
+    });
+}
+
+export { PrimeBlockUI };
+//# sourceMappingURL=PrimeBlockUI.js.map

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

@@ -0,0 +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;;;;"}

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

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

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

@@ -0,0 +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"}

package/dist/esm/misc/PrimeChip.js

@@ -0,0 +1,18 @@
+import { jsx } from 'react/jsx-runtime';
+import { Chip } from 'primereact/chip';
+import { booleanProperty, stringProperty } from '../properties.js';
+
+/**
+ * The `PrimeReact:chip` component - a compact, optionally removable label.
+ */ function PrimeChip({ element }) {
+    return /*#__PURE__*/ jsx(Chip, {
+        "data-scene-id": element.id,
+        label: stringProperty(element, 'label'),
+        icon: stringProperty(element, 'icon'),
+        image: stringProperty(element, 'image'),
+        removable: booleanProperty(element, 'removable', false)
+    });
+}
+
+export { PrimeChip };
+//# sourceMappingURL=PrimeChip.js.map

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

@@ -0,0 +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;;;;"}

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

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

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

@@ -0,0 +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"}

package/dist/esm/misc/PrimeInplace.js

@@ -0,0 +1,27 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Inplace, InplaceDisplay, InplaceContent } from 'primereact/inplace';
+import { stringProperty, booleanProperty } from '../properties.js';
+
+/**
+ * The `PrimeReact:inplace` component - a read-only value that becomes an editor when clicked.
+ *
+ * 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.
+ */ function PrimeInplace({ element, slots }) {
+    return /*#__PURE__*/ jsxs(Inplace, {
+        "data-scene-id": element.id,
+        closable: booleanProperty(element, 'closable', true),
+        children: [
+            /*#__PURE__*/ jsx(InplaceDisplay, {
+                children: stringProperty(element, 'label', 'Click to edit')
+            }),
+            /*#__PURE__*/ jsx(InplaceContent, {
+                children: slots.content
+            })
+        ]
+    });
+}
+
+export { PrimeInplace };
+//# sourceMappingURL=PrimeInplace.js.map

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

@@ -0,0 +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;;;;"}

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

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

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

@@ -0,0 +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"}

package/dist/esm/misc/PrimeProgressBar.js

@@ -0,0 +1,24 @@
+import { jsx } from 'react/jsx-runtime';
+import { ProgressBar } from 'primereact/progressbar';
+import { numberProperty, booleanProperty } from '../properties.js';
+
+/**
+ * The `PrimeReact:progressBar` component - determinate or indeterminate progress.
+ *
+ * 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.
+ */ function PrimeProgressBar({ element }) {
+    const value = numberProperty(element, 'value');
+    return /*#__PURE__*/ jsx(ProgressBar, {
+        "data-scene-id": element.id,
+        value: value,
+        mode: value === undefined ? 'indeterminate' : 'determinate',
+        showValue: booleanProperty(element, 'showValue', true),
+        style: {
+            height: '1rem'
+        }
+    });
+}
+
+export { PrimeProgressBar };
+//# sourceMappingURL=PrimeProgressBar.js.map

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

@@ -0,0 +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,eAAeF,OAAAA,EAAS,OAAA,CAAA;AACtC,IAAA,qBACIG,GAAA,CAACC,WAAAA,EAAAA;AACGC,QAAAA,eAAAA,EAAeL,QAAQM,EAAE;QACzBL,KAAAA,EAAOA,KAAAA;QACPM,IAAAA,EAAMN,KAAAA,KAAUO,YAAY,eAAA,GAAkB,aAAA;QAC9CC,SAAAA,EAAWC,eAAAA,CAAgBV,SAAS,WAAA,EAAa,IAAA,CAAA;QACjDW,KAAAA,EAAO;YAAEC,MAAAA,EAAQ;AAAO;;AAGpC;;;;"}

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

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

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

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

package/dist/esm/misc/PrimeProgressSpinner.js

@@ -0,0 +1,20 @@
+import { jsx } from 'react/jsx-runtime';
+import { ProgressSpinner } from 'primereact/progressspinner';
+import { numberProperty } from '../properties.js';
+
+/**
+ * The `PrimeReact:progressSpinner` component - an indeterminate busy indicator.
+ */ function PrimeProgressSpinner({ element }) {
+    const size = numberProperty(element, 'size', 50);
+    return /*#__PURE__*/ jsx(ProgressSpinner, {
+        "data-scene-id": element.id,
+        strokeWidth: "4",
+        style: {
+            width: `${size}px`,
+            height: `${size}px`
+        }
+    });
+}
+
+export { PrimeProgressSpinner };
+//# sourceMappingURL=PrimeProgressSpinner.js.map

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

@@ -0,0 +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,cAAAA,CAAeF,OAAAA,EAAS,MAAA,EAAQ,EAAA,CAAA;AAC7C,IAAA,qBAAOG,GAAA,CAACC,eAAAA,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;;;;"}

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

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

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

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

package/dist/esm/misc/PrimeScrollTop.js

@@ -0,0 +1,31 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { ScrollTop } from 'primereact/scrolltop';
+import { numberProperty } from '../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.
+ *
+ * In PrimeReact 11 this becomes a hook rather than a component.
+ */ function PrimeScrollTop({ element, slots }) {
+    return /*#__PURE__*/ jsxs("div", {
+        "data-scene-id": element.id,
+        className: "relative overflow-auto",
+        style: {
+            height: `${numberProperty(element, 'height', 200)}px`
+        },
+        children: [
+            slots.content,
+            /*#__PURE__*/ jsx(ScrollTop, {
+                target: "parent",
+                threshold: numberProperty(element, 'threshold', 100)
+            })
+        ]
+    });
+}
+
+export { PrimeScrollTop };
+//# sourceMappingURL=PrimeScrollTop.js.map

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

@@ -0,0 +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,IAAA,CAACC,KAAAA,EAAAA;AAAIC,QAAAA,eAAAA,EAAeJ,QAAQK,EAAE;QAAEC,SAAAA,EAAU,wBAAA;QAAyBC,KAAAA,EAAO;AAAEC,YAAAA,MAAAA,EAAQ,GAAGC,cAAAA,CAAeT,OAAAA,EAAS,QAAA,EAAU,GAAA,CAAA,CAAK,EAAE;AAAE,SAAA;;AAC7HC,YAAAA,KAAAA,CAAMS,OAAO;0BACdC,GAAA,CAACC,SAAAA,EAAAA;gBAAUC,MAAAA,EAAO,QAAA;gBAASC,SAAAA,EAAWL,cAAAA,CAAeT,SAAS,WAAA,EAAa,GAAA;;;;AAGvF;;;;"}

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

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

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

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

package/dist/esm/misc/PrimeSkeleton.js

@@ -0,0 +1,17 @@
+import { jsx } from 'react/jsx-runtime';
+import { Skeleton } from 'primereact/skeleton';
+import { stringProperty } from '../properties.js';
+
+/**
+ * The `PrimeReact:skeleton` component - the shape of content that has not arrived yet.
+ */ function PrimeSkeleton({ element }) {
+    return /*#__PURE__*/ jsx(Skeleton, {
+        "data-scene-id": element.id,
+        shape: stringProperty(element, 'shape', 'rectangle'),
+        width: stringProperty(element, 'width', '100%'),
+        height: stringProperty(element, 'height', '1rem')
+    });
+}
+
+export { PrimeSkeleton };
+//# sourceMappingURL=PrimeSkeleton.js.map

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

@@ -0,0 +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,GAAA,CAACC,QAAAA,EAAAA;AACGC,QAAAA,eAAAA,EAAeH,QAAQI,EAAE;QACzBC,KAAAA,EAAOC,cAAAA,CAAeN,SAAS,OAAA,EAAS,WAAA,CAAA;QACxCO,KAAAA,EAAOD,cAAAA,CAAeN,SAAS,OAAA,EAAS,MAAA,CAAA;QACxCQ,MAAAA,EAAQF,cAAAA,CAAeN,SAAS,QAAA,EAAU,MAAA;;AAGtD;;;;"}

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

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

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

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

package/dist/esm/misc/PrimeTag.js

@@ -0,0 +1,18 @@
+import { jsx } from 'react/jsx-runtime';
+import { Tag } from 'primereact/tag';
+import { booleanProperty, stringProperty } from '../properties.js';
+
+/**
+ * The `PrimeReact:tag` component - a colored status label, the read-only counterpart to a chip.
+ */ function PrimeTag({ element }) {
+    return /*#__PURE__*/ jsx(Tag, {
+        "data-scene-id": element.id,
+        value: stringProperty(element, 'value', ''),
+        icon: stringProperty(element, 'icon'),
+        severity: stringProperty(element, 'severity'),
+        rounded: booleanProperty(element, 'rounded', false)
+    });
+}
+
+export { PrimeTag };
+//# sourceMappingURL=PrimeTag.js.map

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

@@ -0,0 +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,GAAA,CAACC,GAAAA,EAAAA;AACGC,QAAAA,eAAAA,EAAeH,QAAQI,EAAE;QACzBC,KAAAA,EAAOC,cAAAA,CAAeN,SAAS,OAAA,EAAS,EAAA,CAAA;AACxCO,QAAAA,IAAAA,EAAMD,eAAeN,OAAAA,EAAS,MAAA,CAAA;AAC9BQ,QAAAA,QAAAA,EAAUF,eAAeN,OAAAA,EAAS,UAAA,CAAA;QAClCS,OAAAA,EAASC,eAAAA,CAAgBV,SAAS,SAAA,EAAW,KAAA;;AAGzD;;;;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"PrimeTerminal.d.ts","sourceRoot":"","sources":["../../../misc/PrimeTerminal.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAW/D,wBAAgB,aAAa,CAAC,EAAE,OAAO,EAAE,EAAE,wBAAwB,+BAQlE"}