@cratis/scene.primereact 0.1.0

package/dist/esm/for_properties/when_reading_a_string_property.js

@@ -0,0 +1,23 @@
+import { stringProperty } from '../properties';
+describe('when reading a string property', () => {
+    const element = { id: 'element', properties: { label: 'Save', count: 3 } };
+    describe('and the property is present and a string', () => {
+        it('should return it', () => {
+            stringProperty(element, 'label').should.equal('Save');
+        });
+    });
+    describe('and the property is missing', () => {
+        it('should return undefined when no fallback was given', () => {
+            (stringProperty(element, 'placeholder') === undefined).should.be.true;
+        });
+        it('should return the fallback when one was given', () => {
+            stringProperty(element, 'placeholder', 'Type here').should.equal('Type here');
+        });
+    });
+    describe('and the property is present but not a string', () => {
+        it('should treat it exactly like a missing one', () => {
+            stringProperty(element, 'count', 'none').should.equal('none');
+        });
+    });
+});
+//# sourceMappingURL=when_reading_a_string_property.js.map

package/dist/esm/for_properties/when_reading_a_string_property.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"when_reading_a_string_property.js","sourceRoot":"","sources":["../../../for_properties/when_reading_a_string_property.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/C,QAAQ,CAAC,gCAAgC,EAAE,GAAG,EAAE;IAC5C,MAAM,OAAO,GAAiB,EAAE,EAAE,EAAE,SAAS,EAAE,UAAU,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC;IAEzF,QAAQ,CAAC,0CAA0C,EAAE,GAAG,EAAE;QACtD,EAAE,CAAC,kBAAkB,EAAE,GAAG,EAAE;YACxB,cAAc,CAAC,OAAO,EAAE,OAAO,CAAE,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QAC3D,CAAC,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,6BAA6B,EAAE,GAAG,EAAE;QACzC,EAAE,CAAC,oDAAoD,EAAE,GAAG,EAAE;YAC1D,CAAC,cAAc,CAAC,OAAO,EAAE,aAAa,CAAC,KAAK,SAAS,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC;QAC1E,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,+CAA+C,EAAE,GAAG,EAAE;YACrD,cAAc,CAAC,OAAO,EAAE,aAAa,EAAE,WAAW,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;QAClF,CAAC,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,8CAA8C,EAAE,GAAG,EAAE;QAC1D,EAAE,CAAC,4CAA4C,EAAE,GAAG,EAAE;YAClD,cAAc,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QAClE,CAAC,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}

package/dist/esm/for_properties/when_reading_an_array_property.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=when_reading_an_array_property.d.ts.map

package/dist/esm/for_properties/when_reading_an_array_property.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"when_reading_an_array_property.d.ts","sourceRoot":"","sources":["../../../for_properties/when_reading_an_array_property.ts"],"names":[],"mappings":""}

package/dist/esm/for_properties/when_reading_an_array_property.js

@@ -0,0 +1,32 @@
+import { arrayProperty, recordArrayProperty, stringArrayProperty } from '../properties';
+describe('when reading an array property', () => {
+    const element = {
+        id: 'element',
+        properties: {
+            mixed: ['a', 2, { name: 'c' }, ['d'], undefined],
+            notAnArray: 'a',
+        },
+    };
+    describe('and the property is present and an array', () => {
+        it('should return every entry untouched', () => {
+            arrayProperty(element, 'mixed').should.have.lengthOf(5);
+        });
+        it('should keep only the strings when strings were asked for', () => {
+            stringArrayProperty(element, 'mixed').should.deep.equal(['a']);
+        });
+        it('should keep only the objects when objects were asked for, excluding arrays', () => {
+            recordArrayProperty(element, 'mixed').should.deep.equal([{ name: 'c' }]);
+        });
+    });
+    describe('and the property is missing', () => {
+        it('should return an empty array rather than undefined, because every caller maps over it', () => {
+            arrayProperty(element, 'absent').should.deep.equal([]);
+        });
+    });
+    describe('and the property is present but not an array', () => {
+        it('should treat it exactly like a missing one', () => {
+            arrayProperty(element, 'notAnArray').should.deep.equal([]);
+        });
+    });
+});
+//# sourceMappingURL=when_reading_an_array_property.js.map

package/dist/esm/for_properties/when_reading_an_array_property.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"when_reading_an_array_property.js","sourceRoot":"","sources":["../../../for_properties/when_reading_an_array_property.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAExF,QAAQ,CAAC,gCAAgC,EAAE,GAAG,EAAE;IAC5C,MAAM,OAAO,GAAiB;QAC1B,EAAE,EAAE,SAAS;QACb,UAAU,EAAE;YACR,KAAK,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,EAAE,SAAS,CAAC;YAChD,UAAU,EAAE,GAAG;SAClB;KACJ,CAAC;IAEF,QAAQ,CAAC,0CAA0C,EAAE,GAAG,EAAE;QACtD,EAAE,CAAC,qCAAqC,EAAE,GAAG,EAAE;YAC3C,aAAa,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;QAC5D,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,0DAA0D,EAAE,GAAG,EAAE;YAChE,mBAAmB,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;QACnE,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,4EAA4E,EAAE,GAAG,EAAE;YAClF,mBAAmB,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC;QAC7E,CAAC,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,6BAA6B,EAAE,GAAG,EAAE;QACzC,EAAE,CAAC,uFAAuF,EAAE,GAAG,EAAE;YAC7F,aAAa,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;QAC3D,CAAC,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,8CAA8C,EAAE,GAAG,EAAE;QAC1D,EAAE,CAAC,4CAA4C,EAAE,GAAG,EAAE;YAClD,aAAa,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;QAC/D,CAAC,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}

package/dist/esm/for_properties/when_reading_options.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=when_reading_options.d.ts.map

package/dist/esm/for_properties/when_reading_options.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"when_reading_options.d.ts","sourceRoot":"","sources":["../../../for_properties/when_reading_options.ts"],"names":[],"mappings":""}

package/dist/esm/for_properties/when_reading_options.js

@@ -0,0 +1,37 @@
+import { optionsProperty } from '../properties';
+describe('when reading options', () => {
+    describe('and the options are written as bare strings', () => {
+        const element = { id: 'element', properties: { options: ['Draft', 'Published'] } };
+        it('should use each string as both label and value', () => {
+            optionsProperty(element, 'options').should.deep.equal([
+                { label: 'Draft', value: 'Draft' },
+                { label: 'Published', value: 'Published' },
+            ]);
+        });
+    });
+    describe('and the options are written as records', () => {
+        const element = { id: 'element', properties: { options: [{ label: 'Draft', value: 'draft' }] } };
+        it('should keep the label and value apart', () => {
+            optionsProperty(element, 'options').should.deep.equal([{ label: 'Draft', value: 'draft' }]);
+        });
+    });
+    describe('and a record carries only a label', () => {
+        const element = { id: 'element', properties: { options: [{ label: 'Draft' }] } };
+        it('should use the label as the value, which is what the shorthand means', () => {
+            optionsProperty(element, 'options').should.deep.equal([{ label: 'Draft', value: 'Draft' }]);
+        });
+    });
+    describe('and an entry carries no usable label', () => {
+        const element = { id: 'element', properties: { options: [{ value: 'draft' }, 7, { label: 'Draft' }] } };
+        it('should skip it rather than render a blank choice', () => {
+            optionsProperty(element, 'options').should.deep.equal([{ label: 'Draft', value: 'Draft' }]);
+        });
+    });
+    describe('and the property is missing', () => {
+        const element = { id: 'element', properties: {} };
+        it('should return no options', () => {
+            optionsProperty(element, 'options').should.deep.equal([]);
+        });
+    });
+});
+//# sourceMappingURL=when_reading_options.js.map

package/dist/esm/for_properties/when_reading_options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"when_reading_options.js","sourceRoot":"","sources":["../../../for_properties/when_reading_options.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAEhD,QAAQ,CAAC,sBAAsB,EAAE,GAAG,EAAE;IAClC,QAAQ,CAAC,6CAA6C,EAAE,GAAG,EAAE;QACzD,MAAM,OAAO,GAAiB,EAAE,EAAE,EAAE,SAAS,EAAE,UAAU,EAAE,EAAE,OAAO,EAAE,CAAC,OAAO,EAAE,WAAW,CAAC,EAAE,EAAE,CAAC;QAEjG,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;YACtD,eAAe,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC;gBAClD,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;gBAClC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE;aAC7C,CAAC,CAAC;QACP,CAAC,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,wCAAwC,EAAE,GAAG,EAAE;QACpD,MAAM,OAAO,GAAiB,EAAE,EAAE,EAAE,SAAS,EAAE,UAAU,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,EAAE,EAAE,CAAC;QAE/G,EAAE,CAAC,uCAAuC,EAAE,GAAG,EAAE;YAC7C,eAAe,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC;QAChG,CAAC,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,mCAAmC,EAAE,GAAG,EAAE;QAC/C,MAAM,OAAO,GAAiB,EAAE,EAAE,EAAE,SAAS,EAAE,UAAU,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,EAAE,EAAE,CAAC;QAE/F,EAAE,CAAC,sEAAsE,EAAE,GAAG,EAAE;YAC5E,eAAe,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC;QAChG,CAAC,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,sCAAsC,EAAE,GAAG,EAAE;QAClD,MAAM,OAAO,GAAiB,EAAE,EAAE,EAAE,SAAS,EAAE,UAAU,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,EAAE,EAAE,CAAC;QAEtH,EAAE,CAAC,kDAAkD,EAAE,GAAG,EAAE;YACxD,eAAe,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC;QAChG,CAAC,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,6BAA6B,EAAE,GAAG,EAAE;QACzC,MAAM,OAAO,GAAiB,EAAE,EAAE,EAAE,SAAS,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC;QAEhE,EAAE,CAAC,0BAA0B,EAAE,GAAG,EAAE;YAChC,eAAe,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;QAC9D,CAAC,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}

package/dist/esm/for_treeNodes/when_converting_entries.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=when_converting_entries.d.ts.map

package/dist/esm/for_treeNodes/when_converting_entries.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"when_converting_entries.d.ts","sourceRoot":"","sources":["../../../for_treeNodes/when_converting_entries.ts"],"names":[],"mappings":""}

package/dist/esm/for_treeNodes/when_converting_entries.js

@@ -0,0 +1,33 @@
+import { toTreeNodes } from '../treeNodes';
+describe('when converting entries', () => {
+    describe('and no entry supplies a key', () => {
+        const nodes = toTreeNodes([{ label: 'Documents', children: [{ label: 'Work' }, { label: 'Work' }] }]);
+        it('should derive a key from the path', () => {
+            nodes[0].key.should.equal('0');
+        });
+        it('should keep two identically labeled siblings apart, so expansion and selection track the right row', () => {
+            nodes[0].children[0].key.should.equal('0-0');
+            nodes[0].children[1].key.should.equal('0-1');
+        });
+    });
+    describe('and an entry supplies its own key', () => {
+        const nodes = toTreeNodes([{ key: 'docs', label: 'Documents', children: [{ label: 'Work' }] }]);
+        it('should keep it', () => {
+            nodes[0].key.should.equal('docs');
+        });
+        it('should build child keys from it', () => {
+            nodes[0].children[0].key.should.equal('docs-0');
+        });
+    });
+    describe('and an entry is a bare string', () => {
+        it('should use it as the label', () => {
+            toTreeNodes(['Documents'])[0].label.should.equal('Documents');
+        });
+    });
+    describe('and an entry is neither a string nor a record', () => {
+        it('should drop it', () => {
+            toTreeNodes([7, ['nested'], 'Documents']).should.have.lengthOf(1);
+        });
+    });
+});
+//# sourceMappingURL=when_converting_entries.js.map

package/dist/esm/for_treeNodes/when_converting_entries.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"when_converting_entries.js","sourceRoot":"","sources":["../../../for_treeNodes/when_converting_entries.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,QAAQ,CAAC,yBAAyB,EAAE,GAAG,EAAE;IACrC,QAAQ,CAAC,6BAA6B,EAAE,GAAG,EAAE;QACzC,MAAM,KAAK,GAAG,WAAW,CAAC,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;QAEtG,EAAE,CAAC,mCAAmC,EAAE,GAAG,EAAE;YACzC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAI,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QACpC,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,oGAAoG,EAAE,GAAG,EAAE;YAC1G,KAAK,CAAC,CAAC,CAAC,CAAC,QAAS,CAAC,CAAC,CAAC,CAAC,GAAI,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;YAC/C,KAAK,CAAC,CAAC,CAAC,CAAC,QAAS,CAAC,CAAC,CAAC,CAAC,GAAI,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QACnD,CAAC,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,mCAAmC,EAAE,GAAG,EAAE;QAC/C,MAAM,KAAK,GAAG,WAAW,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;QAEhG,EAAE,CAAC,gBAAgB,EAAE,GAAG,EAAE;YACtB,KAAK,CAAC,CAAC,CAAC,CAAC,GAAI,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QACvC,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,iCAAiC,EAAE,GAAG,EAAE;YACvC,KAAK,CAAC,CAAC,CAAC,CAAC,QAAS,CAAC,CAAC,CAAC,CAAC,GAAI,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;QACtD,CAAC,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,+BAA+B,EAAE,GAAG,EAAE;QAC3C,EAAE,CAAC,4BAA4B,EAAE,GAAG,EAAE;YAClC,WAAW,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAM,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;QACnE,CAAC,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,+CAA+C,EAAE,GAAG,EAAE;QAC3D,EAAE,CAAC,gBAAgB,EAAE,GAAG,EAAE;YACtB,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;QACtE,CAAC,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}

package/dist/esm/form/FormGallery.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=FormGallery.stories.d.ts.map

package/dist/esm/form/FormGallery.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormGallery.stories.d.ts","sourceRoot":"","sources":["../../../form/FormGallery.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,KAkCrB,CAAC"}

package/dist/esm/form/FormGallery.stories.js

@@ -0,0 +1,49 @@
+import { SceneElementView } from '@cratis/scene.react';
+import { primeReactComponents } from '../primeReactComponents';
+import { sceneComponent, sceneGallery } from '../storyElements';
+const meta = {
+    title: 'PrimeReact/Form',
+    component: SceneElementView,
+    tags: ['autodocs'],
+    parameters: {
+        layout: 'padded',
+        docs: { description: { component: 'Every form component the PrimeReact package declares. Each one holds its own value locally, because a Scene element carries authored configuration and has nowhere to record what a user has typed - so a preview is genuinely usable rather than frozen.' } },
+    },
+};
+export default meta;
+export const Gallery = {
+    args: {
+        element: sceneGallery('gallery', [
+            sceneComponent('inputText', 'inputText', { placeholder: 'Name' }),
+            sceneComponent('inputTextarea', 'inputTextarea', { placeholder: 'Notes', rows: 3 }),
+            sceneComponent('inputNumber', 'inputNumber', { value: 42, showButtons: true }),
+            sceneComponent('password', 'password', { placeholder: 'Password' }),
+            sceneComponent('inputMask', 'inputMask', { mask: '99-999999' }),
+            sceneComponent('floatLabel', 'floatLabel', { label: 'Project name' }),
+            sceneComponent('iconField', 'iconField', { icon: 'pi pi-search', placeholder: 'Search' }),
+            sceneComponent('dropdown', 'dropdown', { options: ['Draft', 'In review', 'Published'], placeholder: 'Status' }),
+            sceneComponent('multiSelect', 'multiSelect', { options: ['Design', 'Engineering', 'Support'], display: 'chip' }),
+            sceneComponent('listBox', 'listBox', { options: ['Daily', 'Weekly', 'Monthly'] }),
+            sceneComponent('selectButton', 'selectButton', { options: ['Day', 'Week', 'Month'], value: 'Week' }),
+            sceneComponent('checkbox', 'checkbox', { label: 'Notify me', checked: true }),
+            sceneComponent('radioButton', 'radioButton', { options: ['Email', 'SMS'], value: 'Email' }),
+            sceneComponent('toggleSwitch', 'toggleSwitch', { label: 'Enabled', checked: true }),
+            sceneComponent('slider', 'slider', { value: 35 }),
+            sceneComponent('rating', 'rating', { value: 4 }),
+            sceneComponent('knob', 'knob', { value: 60 }),
+            sceneComponent('calendar', 'calendar', { value: '2026-08-16' }),
+            sceneComponent('colorPicker', 'colorPicker', { value: '#6366f1' }),
+            sceneComponent('chips', 'chips', { value: ['alpha', 'beta'] }),
+            sceneComponent('autoComplete', 'autoComplete', { options: ['Amsterdam', 'Athens', 'Auckland'], dropdown: true }),
+            sceneComponent('treeSelect', 'treeSelect', {
+                options: [{ label: 'Documents', children: ['Work', 'Home'] }],
+            }),
+            sceneComponent('cascadeSelect', 'cascadeSelect', {
+                options: [{ label: 'Europe', items: [{ label: 'Norway' }, { label: 'Sweden' }] }],
+            }),
+        ]),
+        registry: primeReactComponents,
+        resolveBinding: () => undefined,
+    },
+};
+//# sourceMappingURL=FormGallery.stories.js.map

package/dist/esm/form/FormGallery.stories.js.map

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

package/dist/esm/form/PrimeAutoComplete.d.ts

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

package/dist/esm/form/PrimeAutoComplete.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrimeAutoComplete.d.ts","sourceRoot":"","sources":["../../../form/PrimeAutoComplete.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAW/D,wBAAgB,iBAAiB,CAAC,EAAE,OAAO,EAAE,EAAE,wBAAwB,+BAmBtE"}

package/dist/esm/form/PrimeAutoComplete.js

@@ -0,0 +1,30 @@
+import { jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { AutoComplete } from 'primereact/autocomplete';
+import { optionsProperty, stringProperty, booleanProperty } from '../properties.js';
+
+/**
+ * The `PrimeReact:autoComplete` component - a text field that suggests from a known set as you type.
+ *
+ * AutoComplete has no built-in filtering: it asks the host to produce suggestions through
+ * `completeMethod`, because in a real application that is a server call. A Scene element cannot express
+ * a server call, so the adapter filters the authored `options` case-insensitively instead - enough for
+ * the component to behave like itself in a preview, and honest about where the data came from.
+ */ function PrimeAutoComplete({ element }) {
+    const options = optionsProperty(element, 'options');
+    const [value, setValue] = useState(stringProperty(element, 'value', ''));
+    const [suggestions, setSuggestions] = useState([]);
+    return /*#__PURE__*/ jsx(AutoComplete, {
+        "data-scene-id": element.id,
+        value: value,
+        onChange: (event)=>setValue(typeof event.value === 'string' ? event.value : ''),
+        suggestions: suggestions,
+        completeMethod: (event)=>setSuggestions(options.filter((option)=>option.label.toLowerCase().includes(event.query.toLowerCase())).map((option)=>option.label)),
+        dropdown: booleanProperty(element, 'dropdown', false),
+        placeholder: stringProperty(element, 'placeholder'),
+        disabled: booleanProperty(element, 'disabled', false)
+    });
+}
+
+export { PrimeAutoComplete };
+//# sourceMappingURL=PrimeAutoComplete.js.map

package/dist/esm/form/PrimeAutoComplete.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrimeAutoComplete.js","sources":["../../../form/PrimeAutoComplete.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { useState } from 'react';\nimport { AutoComplete } from 'primereact/autocomplete';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { booleanProperty, optionsProperty, stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:autoComplete` component - a text field that suggests from a known set as you type.\n *\n * AutoComplete has no built-in filtering: it asks the host to produce suggestions through\n * `completeMethod`, because in a real application that is a server call. A Scene element cannot express\n * a server call, so the adapter filters the authored `options` case-insensitively instead - enough for\n * the component to behave like itself in a preview, and honest about where the data came from.\n */\nexport function PrimeAutoComplete({ element }: RegisteredComponentProps) {\n    const options = optionsProperty(element, 'options');\n    const [value, setValue] = useState(stringProperty(element, 'value', ''));\n    const [suggestions, setSuggestions] = useState<string[]>([]);\n\n    return (\n        <AutoComplete\n            data-scene-id={element.id}\n            value={value}\n            onChange={(event) => setValue(typeof event.value === 'string' ? event.value : '')}\n            suggestions={suggestions}\n            completeMethod={(event) =>\n                setSuggestions(options.filter((option) => option.label.toLowerCase().includes(event.query.toLowerCase())).map((option) => option.label))\n            }\n            dropdown={booleanProperty(element, 'dropdown', false)}\n            placeholder={stringProperty(element, 'placeholder')}\n            disabled={booleanProperty(element, 'disabled', false)}\n        />\n    );\n}\n"],"names":["PrimeAutoComplete","element","options","optionsProperty","value","setValue","useState","stringProperty","suggestions","setSuggestions","_jsx","AutoComplete","data-scene-id","id","onChange","event","completeMethod","filter","option","label","toLowerCase","includes","query","map","dropdown","booleanProperty","placeholder","disabled"],"mappings":";;;;;AAQA;;;;;;;AAOC,IACM,SAASA,iBAAAA,CAAkB,EAAEC,OAAO,EAA4B,EAAA;IACnE,MAAMC,OAAAA,GAAUC,gBAAgBF,OAAAA,EAAS,SAAA,CAAA;AACzC,IAAA,MAAM,CAACG,KAAAA,EAAOC,QAAAA,CAAS,GAAGC,QAAAA,CAASC,cAAAA,CAAeN,SAAS,OAAA,EAAS,EAAA,CAAA,CAAA;AACpE,IAAA,MAAM,CAACO,WAAAA,EAAaC,cAAAA,CAAe,GAAGH,SAAmB,EAAE,CAAA;AAE3D,IAAA,qBACII,GAAA,CAACC,YAAAA,EAAAA;AACGC,QAAAA,eAAAA,EAAeX,QAAQY,EAAE;QACzBT,KAAAA,EAAOA,KAAAA;QACPU,QAAAA,EAAU,CAACC,KAAAA,GAAUV,QAAAA,CAAS,OAAOU,KAAAA,CAAMX,KAAK,KAAK,QAAA,GAAWW,KAAAA,CAAMX,KAAK,GAAG,EAAA,CAAA;QAC9EI,WAAAA,EAAaA,WAAAA;QACbQ,cAAAA,EAAgB,CAACD,KAAAA,GACbN,cAAAA,CAAeP,OAAAA,CAAQe,MAAM,CAAC,CAACC,MAAAA,GAAWA,MAAAA,CAAOC,KAAK,CAACC,WAAW,GAAGC,QAAQ,CAACN,KAAAA,CAAMO,KAAK,CAACF,WAAW,EAAA,CAAA,CAAA,CAAKG,GAAG,CAAC,CAACL,MAAAA,GAAWA,MAAAA,CAAOC,KAAK,CAAA,CAAA;QAE1IK,QAAAA,EAAUC,eAAAA,CAAgBxB,SAAS,UAAA,EAAY,KAAA,CAAA;AAC/CyB,QAAAA,WAAAA,EAAanB,eAAeN,OAAAA,EAAS,aAAA,CAAA;QACrC0B,QAAAA,EAAUF,eAAAA,CAAgBxB,SAAS,UAAA,EAAY,KAAA;;AAG3D;;;;"}

package/dist/esm/form/PrimeCalendar.d.ts

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

package/dist/esm/form/PrimeCalendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrimeCalendar.d.ts","sourceRoot":"","sources":["../../../form/PrimeCalendar.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAY/D,wBAAgB,aAAa,CAAC,EAAE,OAAO,EAAE,EAAE,wBAAwB,+BAqBlE"}

package/dist/esm/form/PrimeCalendar.js

@@ -0,0 +1,35 @@
+import { jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { Calendar } from 'primereact/calendar';
+import { stringProperty, booleanProperty } from '../properties.js';
+
+/**
+ * The `PrimeReact:calendar` component - a date picker.
+ *
+ * The seed value is parsed from an ISO date string because that is what survives a round trip through a
+ * Scene model's JSON properties; an unparseable one leaves the field empty rather than showing
+ * "Invalid Date".
+ *
+ * In PrimeReact 11 this component is renamed `DatePicker`.
+ */ function PrimeCalendar({ element }) {
+    const [value, setValue] = useState(()=>{
+        const seed = stringProperty(element, 'value');
+        if (seed === undefined) return undefined;
+        const parsed = new Date(seed);
+        return Number.isNaN(parsed.getTime()) ? undefined : parsed;
+    });
+    return /*#__PURE__*/ jsx(Calendar, {
+        "data-scene-id": element.id,
+        value: value,
+        onChange: (event)=>setValue(event.value instanceof Date ? event.value : undefined),
+        dateFormat: stringProperty(element, 'dateFormat'),
+        showIcon: booleanProperty(element, 'showIcon', true),
+        showTime: booleanProperty(element, 'showTime', false),
+        inline: booleanProperty(element, 'inline', false),
+        placeholder: stringProperty(element, 'placeholder'),
+        disabled: booleanProperty(element, 'disabled', false)
+    });
+}
+
+export { PrimeCalendar };
+//# sourceMappingURL=PrimeCalendar.js.map

package/dist/esm/form/PrimeCalendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrimeCalendar.js","sources":["../../../form/PrimeCalendar.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { useState } from 'react';\nimport { Calendar } from 'primereact/calendar';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { booleanProperty, stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:calendar` component - a date picker.\n *\n * The seed value is parsed from an ISO date string because that is what survives a round trip through a\n * Scene model's JSON properties; an unparseable one leaves the field empty rather than showing\n * \"Invalid Date\".\n *\n * In PrimeReact 11 this component is renamed `DatePicker`.\n */\nexport function PrimeCalendar({ element }: RegisteredComponentProps) {\n    const [value, setValue] = useState<Date | undefined>(() => {\n        const seed = stringProperty(element, 'value');\n        if (seed === undefined) return undefined;\n        const parsed = new Date(seed);\n        return Number.isNaN(parsed.getTime()) ? undefined : parsed;\n    });\n\n    return (\n        <Calendar\n            data-scene-id={element.id}\n            value={value}\n            onChange={(event) => setValue(event.value instanceof Date ? event.value : undefined)}\n            dateFormat={stringProperty(element, 'dateFormat')}\n            showIcon={booleanProperty(element, 'showIcon', true)}\n            showTime={booleanProperty(element, 'showTime', false)}\n            inline={booleanProperty(element, 'inline', false)}\n            placeholder={stringProperty(element, 'placeholder')}\n            disabled={booleanProperty(element, 'disabled', false)}\n        />\n    );\n}\n"],"names":["PrimeCalendar","element","value","setValue","useState","seed","stringProperty","undefined","parsed","Date","Number","isNaN","getTime","_jsx","Calendar","data-scene-id","id","onChange","event","dateFormat","showIcon","booleanProperty","showTime","inline","placeholder","disabled"],"mappings":";;;;;AAQA;;;;;;;;AAQC,IACM,SAASA,aAAAA,CAAc,EAAEC,OAAO,EAA4B,EAAA;AAC/D,IAAA,MAAM,CAACC,KAAAA,EAAOC,QAAAA,CAAS,GAAGC,QAAAA,CAA2B,IAAA;QACjD,MAAMC,IAAAA,GAAOC,eAAeL,OAAAA,EAAS,OAAA,CAAA;QACrC,IAAII,IAAAA,KAASE,WAAW,OAAOA,SAAAA;QAC/B,MAAMC,MAAAA,GAAS,IAAIC,IAAAA,CAAKJ,IAAAA,CAAAA;AACxB,QAAA,OAAOK,OAAOC,KAAK,CAACH,MAAAA,CAAOI,OAAO,MAAML,SAAAA,GAAYC,MAAAA;AACxD,IAAA,CAAA,CAAA;AAEA,IAAA,qBACIK,GAAA,CAACC,QAAAA,EAAAA;AACGC,QAAAA,eAAAA,EAAed,QAAQe,EAAE;QACzBd,KAAAA,EAAOA,KAAAA;QACPe,QAAAA,EAAU,CAACC,QAAUf,QAAAA,CAASe,KAAAA,CAAMhB,KAAK,YAAYO,IAAAA,GAAOS,KAAAA,CAAMhB,KAAK,GAAGK,SAAAA,CAAAA;AAC1EY,QAAAA,UAAAA,EAAYb,eAAeL,OAAAA,EAAS,YAAA,CAAA;QACpCmB,QAAAA,EAAUC,eAAAA,CAAgBpB,SAAS,UAAA,EAAY,IAAA,CAAA;QAC/CqB,QAAAA,EAAUD,eAAAA,CAAgBpB,SAAS,UAAA,EAAY,KAAA,CAAA;QAC/CsB,MAAAA,EAAQF,eAAAA,CAAgBpB,SAAS,QAAA,EAAU,KAAA,CAAA;AAC3CuB,QAAAA,WAAAA,EAAalB,eAAeL,OAAAA,EAAS,aAAA,CAAA;QACrCwB,QAAAA,EAAUJ,eAAAA,CAAgBpB,SAAS,UAAA,EAAY,KAAA;;AAG3D;;;;"}

package/dist/esm/form/PrimeCascadeSelect.d.ts

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

package/dist/esm/form/PrimeCascadeSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrimeCascadeSelect.d.ts","sourceRoot":"","sources":["../../../form/PrimeCascadeSelect.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAU/D,wBAAgB,kBAAkB,CAAC,EAAE,OAAO,EAAE,EAAE,wBAAwB,+BAevE"}

package/dist/esm/form/PrimeCascadeSelect.js

@@ -0,0 +1,30 @@
+import { jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { CascadeSelect } from 'primereact/cascadeselect';
+import { stringProperty, booleanProperty, recordArrayProperty } from '../properties.js';
+
+/**
+ * The `PrimeReact:cascadeSelect` component - nested groups revealed one level at a time.
+ *
+ * Options are read as raw records rather than normalized to `SelectOption`, because a cascade is defined
+ * by the nesting itself: `optionGroupChildren` names the property each level recurses into, and
+ * flattening the records would destroy exactly the structure the component exists to show.
+ */ function PrimeCascadeSelect({ element }) {
+    const [value, setValue] = useState(stringProperty(element, 'value'));
+    return /*#__PURE__*/ jsx(CascadeSelect, {
+        "data-scene-id": element.id,
+        value: value,
+        onChange: (event)=>setValue(event.value),
+        options: recordArrayProperty(element, 'options'),
+        optionLabel: stringProperty(element, 'optionLabel', 'label'),
+        optionGroupLabel: stringProperty(element, 'optionGroupLabel', 'label'),
+        optionGroupChildren: [
+            stringProperty(element, 'optionGroupChildren', 'items')
+        ],
+        placeholder: stringProperty(element, 'placeholder', 'Select'),
+        disabled: booleanProperty(element, 'disabled', false)
+    });
+}
+
+export { PrimeCascadeSelect };
+//# sourceMappingURL=PrimeCascadeSelect.js.map

package/dist/esm/form/PrimeCascadeSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrimeCascadeSelect.js","sources":["../../../form/PrimeCascadeSelect.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { useState } from 'react';\nimport { CascadeSelect } from 'primereact/cascadeselect';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { booleanProperty, recordArrayProperty, stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:cascadeSelect` component - nested groups revealed one level at a time.\n *\n * Options are read as raw records rather than normalized to `SelectOption`, because a cascade is defined\n * by the nesting itself: `optionGroupChildren` names the property each level recurses into, and\n * flattening the records would destroy exactly the structure the component exists to show.\n */\nexport function PrimeCascadeSelect({ element }: RegisteredComponentProps) {\n    const [value, setValue] = useState<unknown>(stringProperty(element, 'value'));\n    return (\n        <CascadeSelect\n            data-scene-id={element.id}\n            value={value}\n            onChange={(event) => setValue(event.value)}\n            options={recordArrayProperty(element, 'options')}\n            optionLabel={stringProperty(element, 'optionLabel', 'label')}\n            optionGroupLabel={stringProperty(element, 'optionGroupLabel', 'label')}\n            optionGroupChildren={[stringProperty(element, 'optionGroupChildren', 'items')]}\n            placeholder={stringProperty(element, 'placeholder', 'Select')}\n            disabled={booleanProperty(element, 'disabled', false)}\n        />\n    );\n}\n"],"names":["PrimeCascadeSelect","element","value","setValue","useState","stringProperty","_jsx","CascadeSelect","data-scene-id","id","onChange","event","options","recordArrayProperty","optionLabel","optionGroupLabel","optionGroupChildren","placeholder","disabled","booleanProperty"],"mappings":";;;;;AAQA;;;;;;AAMC,IACM,SAASA,kBAAAA,CAAmB,EAAEC,OAAO,EAA4B,EAAA;AACpE,IAAA,MAAM,CAACC,KAAAA,EAAOC,QAAAA,CAAS,GAAGC,QAAAA,CAAkBC,eAAeJ,OAAAA,EAAS,OAAA,CAAA,CAAA;AACpE,IAAA,qBACIK,GAAA,CAACC,aAAAA,EAAAA;AACGC,QAAAA,eAAAA,EAAeP,QAAQQ,EAAE;QACzBP,KAAAA,EAAOA,KAAAA;AACPQ,QAAAA,QAAAA,EAAU,CAACC,KAAAA,GAAUR,QAAAA,CAASQ,KAAAA,CAAMT,KAAK,CAAA;AACzCU,QAAAA,OAAAA,EAASC,oBAAoBZ,OAAAA,EAAS,SAAA,CAAA;QACtCa,WAAAA,EAAaT,cAAAA,CAAeJ,SAAS,aAAA,EAAe,OAAA,CAAA;QACpDc,gBAAAA,EAAkBV,cAAAA,CAAeJ,SAAS,kBAAA,EAAoB,OAAA,CAAA;QAC9De,mBAAAA,EAAqB;AAACX,YAAAA,cAAAA,CAAeJ,SAAS,qBAAA,EAAuB,OAAA;AAAS,SAAA;QAC9EgB,WAAAA,EAAaZ,cAAAA,CAAeJ,SAAS,aAAA,EAAe,QAAA,CAAA;QACpDiB,QAAAA,EAAUC,eAAAA,CAAgBlB,SAAS,UAAA,EAAY,KAAA;;AAG3D;;;;"}

package/dist/esm/form/PrimeCheckbox.d.ts

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

package/dist/esm/form/PrimeCheckbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrimeCheckbox.d.ts","sourceRoot":"","sources":["../../../form/PrimeCheckbox.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAS/D,wBAAgB,aAAa,CAAC,EAAE,OAAO,EAAE,EAAE,wBAAwB,+BAclE"}

package/dist/esm/form/PrimeCheckbox.js

@@ -0,0 +1,33 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { Checkbox } from 'primereact/checkbox';
+import { booleanProperty, stringProperty } from '../properties.js';
+
+/**
+ * The `PrimeReact:checkbox` component.
+ *
+ * Rendered with its label rather than bare: an unlabeled checkbox has no accessible name and nothing to
+ * click but a 20-pixel box, which is a defect in every screen that would ever use one.
+ */ function PrimeCheckbox({ element }) {
+    const [checked, setChecked] = useState(booleanProperty(element, 'checked', false));
+    const label = stringProperty(element, 'label');
+    return /*#__PURE__*/ jsxs("div", {
+        "data-scene-id": element.id,
+        className: "flex items-center gap-2",
+        children: [
+            /*#__PURE__*/ jsx(Checkbox, {
+                inputId: element.id,
+                checked: checked,
+                onChange: (event)=>setChecked(event.checked === true),
+                disabled: booleanProperty(element, 'disabled', false)
+            }),
+            label !== undefined && /*#__PURE__*/ jsx("label", {
+                htmlFor: element.id,
+                children: label
+            })
+        ]
+    });
+}
+
+export { PrimeCheckbox };
+//# sourceMappingURL=PrimeCheckbox.js.map

package/dist/esm/form/PrimeCheckbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrimeCheckbox.js","sources":["../../../form/PrimeCheckbox.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { useState } from 'react';\nimport { Checkbox } from 'primereact/checkbox';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { booleanProperty, stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:checkbox` component.\n *\n * Rendered with its label rather than bare: an unlabeled checkbox has no accessible name and nothing to\n * click but a 20-pixel box, which is a defect in every screen that would ever use one.\n */\nexport function PrimeCheckbox({ element }: RegisteredComponentProps) {\n    const [checked, setChecked] = useState(booleanProperty(element, 'checked', false));\n    const label = stringProperty(element, 'label');\n    return (\n        <div data-scene-id={element.id} className='flex items-center gap-2'>\n            <Checkbox\n                inputId={element.id}\n                checked={checked}\n                onChange={(event) => setChecked(event.checked === true)}\n                disabled={booleanProperty(element, 'disabled', false)}\n            />\n            {label !== undefined && <label htmlFor={element.id}>{label}</label>}\n        </div>\n    );\n}\n"],"names":["PrimeCheckbox","element","checked","setChecked","useState","booleanProperty","label","stringProperty","_jsxs","div","data-scene-id","id","className","_jsx","Checkbox","inputId","onChange","event","disabled","undefined","htmlFor"],"mappings":";;;;;AAQA;;;;;AAKC,IACM,SAASA,aAAAA,CAAc,EAAEC,OAAO,EAA4B,EAAA;AAC/D,IAAA,MAAM,CAACC,OAAAA,EAASC,UAAAA,CAAW,GAAGC,QAAAA,CAASC,eAAAA,CAAgBJ,SAAS,SAAA,EAAW,KAAA,CAAA,CAAA;IAC3E,MAAMK,KAAAA,GAAQC,eAAeN,OAAAA,EAAS,OAAA,CAAA;AACtC,IAAA,qBACIO,IAAA,CAACC,KAAAA,EAAAA;AAAIC,QAAAA,eAAAA,EAAeT,QAAQU,EAAE;QAAEC,SAAAA,EAAU,yBAAA;;0BACtCC,GAAA,CAACC,QAAAA,EAAAA;AACGC,gBAAAA,OAAAA,EAASd,QAAQU,EAAE;gBACnBT,OAAAA,EAASA,OAAAA;AACTc,gBAAAA,QAAAA,EAAU,CAACC,KAAAA,GAAUd,UAAAA,CAAWc,KAAAA,CAAMf,OAAO,KAAK,IAAA,CAAA;gBAClDgB,QAAAA,EAAUb,eAAAA,CAAgBJ,SAAS,UAAA,EAAY,KAAA;;AAElDK,YAAAA,KAAAA,KAAUa,2BAAaN,GAAA,CAACP,OAAAA,EAAAA;AAAMc,gBAAAA,OAAAA,EAASnB,QAAQU,EAAE;AAAGL,gBAAAA,QAAAA,EAAAA;;;;AAGjE;;;;"}

package/dist/esm/form/PrimeChips.d.ts

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

package/dist/esm/form/PrimeChips.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrimeChips.d.ts","sourceRoot":"","sources":["../../../form/PrimeChips.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAQ/D,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,EAAE,wBAAwB,+BAY/D"}

package/dist/esm/form/PrimeChips.js

@@ -0,0 +1,23 @@
+import { jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { Chips } from 'primereact/chips';
+import { stringArrayProperty, booleanProperty, stringProperty } from '../properties.js';
+
+/**
+ * The `PrimeReact:chips` component - free-form entry of a list of short values, each shown as a chip.
+ *
+ * In PrimeReact 11 this component is renamed `InputTags`.
+ */ function PrimeChips({ element }) {
+    const [value, setValue] = useState(stringArrayProperty(element, 'value'));
+    return /*#__PURE__*/ jsx(Chips, {
+        "data-scene-id": element.id,
+        value: value,
+        onChange: (event)=>setValue(event.value ?? []),
+        max: undefined,
+        placeholder: stringProperty(element, 'placeholder'),
+        disabled: booleanProperty(element, 'disabled', false)
+    });
+}
+
+export { PrimeChips };
+//# sourceMappingURL=PrimeChips.js.map

package/dist/esm/form/PrimeChips.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrimeChips.js","sources":["../../../form/PrimeChips.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { useState } from 'react';\nimport { Chips } from 'primereact/chips';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { booleanProperty, stringArrayProperty, stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:chips` component - free-form entry of a list of short values, each shown as a chip.\n *\n * In PrimeReact 11 this component is renamed `InputTags`.\n */\nexport function PrimeChips({ element }: RegisteredComponentProps) {\n    const [value, setValue] = useState<string[]>(stringArrayProperty(element, 'value'));\n    return (\n        <Chips\n            data-scene-id={element.id}\n            value={value}\n            onChange={(event) => setValue(event.value ?? [])}\n            max={undefined}\n            placeholder={stringProperty(element, 'placeholder')}\n            disabled={booleanProperty(element, 'disabled', false)}\n        />\n    );\n}\n"],"names":["PrimeChips","element","value","setValue","useState","stringArrayProperty","_jsx","Chips","data-scene-id","id","onChange","event","max","undefined","placeholder","stringProperty","disabled","booleanProperty"],"mappings":";;;;;AAQA;;;;AAIC,IACM,SAASA,UAAAA,CAAW,EAAEC,OAAO,EAA4B,EAAA;AAC5D,IAAA,MAAM,CAACC,KAAAA,EAAOC,QAAAA,CAAS,GAAGC,QAAAA,CAAmBC,oBAAoBJ,OAAAA,EAAS,OAAA,CAAA,CAAA;AAC1E,IAAA,qBACIK,GAAA,CAACC,KAAAA,EAAAA;AACGC,QAAAA,eAAAA,EAAeP,QAAQQ,EAAE;QACzBP,KAAAA,EAAOA,KAAAA;AACPQ,QAAAA,QAAAA,EAAU,CAACC,KAAAA,GAAUR,QAAAA,CAASQ,KAAAA,CAAMT,KAAK,IAAI,EAAE,CAAA;QAC/CU,GAAAA,EAAKC,SAAAA;AACLC,QAAAA,WAAAA,EAAaC,eAAed,OAAAA,EAAS,aAAA,CAAA;QACrCe,QAAAA,EAAUC,eAAAA,CAAgBhB,SAAS,UAAA,EAAY,KAAA;;AAG3D;;;;"}

package/dist/esm/form/PrimeColorPicker.d.ts

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

package/dist/esm/form/PrimeColorPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrimeColorPicker.d.ts","sourceRoot":"","sources":["../../../form/PrimeColorPicker.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAS/D,wBAAgB,gBAAgB,CAAC,EAAE,OAAO,EAAE,EAAE,wBAAwB,+BAWrE"}

package/dist/esm/form/PrimeColorPicker.js

@@ -0,0 +1,23 @@
+import { jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { ColorPicker } from 'primereact/colorpicker';
+import { stringProperty, booleanProperty } from '../properties.js';
+
+/**
+ * The `PrimeReact:colorPicker` component.
+ *
+ * The value is kept as a hex string without the leading `#`, which is what ColorPicker's default
+ * `hex` format expects; a screen writing `#6366f1` therefore still works.
+ */ function PrimeColorPicker({ element }) {
+    const [value, setValue] = useState(stringProperty(element, 'value', '6366f1').replace('#', ''));
+    return /*#__PURE__*/ jsx(ColorPicker, {
+        "data-scene-id": element.id,
+        value: value,
+        onChange: (event)=>setValue(typeof event.value === 'string' ? event.value : value),
+        inline: booleanProperty(element, 'inline', false),
+        disabled: booleanProperty(element, 'disabled', false)
+    });
+}
+
+export { PrimeColorPicker };
+//# sourceMappingURL=PrimeColorPicker.js.map

package/dist/esm/form/PrimeColorPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrimeColorPicker.js","sources":["../../../form/PrimeColorPicker.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { useState } from 'react';\nimport { ColorPicker } from 'primereact/colorpicker';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { booleanProperty, stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:colorPicker` component.\n *\n * The value is kept as a hex string without the leading `#`, which is what ColorPicker's default\n * `hex` format expects; a screen writing `#6366f1` therefore still works.\n */\nexport function PrimeColorPicker({ element }: RegisteredComponentProps) {\n    const [value, setValue] = useState(stringProperty(element, 'value', '6366f1').replace('#', ''));\n    return (\n        <ColorPicker\n            data-scene-id={element.id}\n            value={value}\n            onChange={(event) => setValue(typeof event.value === 'string' ? event.value : value)}\n            inline={booleanProperty(element, 'inline', false)}\n            disabled={booleanProperty(element, 'disabled', false)}\n        />\n    );\n}\n"],"names":["PrimeColorPicker","element","value","setValue","useState","stringProperty","replace","_jsx","ColorPicker","data-scene-id","id","onChange","event","inline","booleanProperty","disabled"],"mappings":";;;;;AAQA;;;;;AAKC,IACM,SAASA,gBAAAA,CAAiB,EAAEC,OAAO,EAA4B,EAAA;IAClE,MAAM,CAACC,KAAAA,EAAOC,QAAAA,CAAS,GAAGC,QAAAA,CAASC,cAAAA,CAAeJ,OAAAA,EAAS,OAAA,EAAS,QAAA,CAAA,CAAUK,OAAO,CAAC,GAAA,EAAK,EAAA,CAAA,CAAA;AAC3F,IAAA,qBACIC,GAAA,CAACC,WAAAA,EAAAA;AACGC,QAAAA,eAAAA,EAAeR,QAAQS,EAAE;QACzBR,KAAAA,EAAOA,KAAAA;QACPS,QAAAA,EAAU,CAACC,KAAAA,GAAUT,QAAAA,CAAS,OAAOS,KAAAA,CAAMV,KAAK,KAAK,QAAA,GAAWU,KAAAA,CAAMV,KAAK,GAAGA,KAAAA,CAAAA;QAC9EW,MAAAA,EAAQC,eAAAA,CAAgBb,SAAS,QAAA,EAAU,KAAA,CAAA;QAC3Cc,QAAAA,EAAUD,eAAAA,CAAgBb,SAAS,UAAA,EAAY,KAAA;;AAG3D;;;;"}

package/dist/esm/form/PrimeDropdown.d.ts

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

package/dist/esm/form/PrimeDropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrimeDropdown.d.ts","sourceRoot":"","sources":["../../../form/PrimeDropdown.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAY/D,wBAAgB,aAAa,CAAC,EAAE,OAAO,EAAE,EAAE,wBAAwB,+BAgBlE"}

package/dist/esm/form/PrimeDropdown.js

@@ -0,0 +1,31 @@
+import { jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { Dropdown } from 'primereact/dropdown';
+import { stringProperty, booleanProperty, optionsProperty } from '../properties.js';
+
+/**
+ * The `PrimeReact:dropdown` component - a single-choice select.
+ *
+ * Options are normalized by `optionsProperty`, so a screen may write either bare strings or
+ * `{ label, value }` records and get the same result.
+ *
+ * In PrimeReact 11 this component is renamed `Select`; see the migration notes in the package
+ * documentation.
+ */ function PrimeDropdown({ element }) {
+    const [value, setValue] = useState(stringProperty(element, 'value'));
+    return /*#__PURE__*/ jsx(Dropdown, {
+        "data-scene-id": element.id,
+        value: value,
+        onChange: (event)=>setValue(event.value),
+        options: optionsProperty(element, 'options'),
+        optionLabel: "label",
+        optionValue: "value",
+        placeholder: stringProperty(element, 'placeholder', 'Select'),
+        filter: booleanProperty(element, 'filter', false),
+        showClear: booleanProperty(element, 'showClear', false),
+        disabled: booleanProperty(element, 'disabled', false)
+    });
+}
+
+export { PrimeDropdown };
+//# sourceMappingURL=PrimeDropdown.js.map

package/dist/esm/form/PrimeDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrimeDropdown.js","sources":["../../../form/PrimeDropdown.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { useState } from 'react';\nimport { Dropdown } from 'primereact/dropdown';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { booleanProperty, optionsProperty, stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:dropdown` component - a single-choice select.\n *\n * Options are normalized by `optionsProperty`, so a screen may write either bare strings or\n * `{ label, value }` records and get the same result.\n *\n * In PrimeReact 11 this component is renamed `Select`; see the migration notes in the package\n * documentation.\n */\nexport function PrimeDropdown({ element }: RegisteredComponentProps) {\n    const [value, setValue] = useState<string | undefined>(stringProperty(element, 'value'));\n    return (\n        <Dropdown\n            data-scene-id={element.id}\n            value={value}\n            onChange={(event) => setValue(event.value)}\n            options={optionsProperty(element, 'options')}\n            optionLabel='label'\n            optionValue='value'\n            placeholder={stringProperty(element, 'placeholder', 'Select')}\n            filter={booleanProperty(element, 'filter', false)}\n            showClear={booleanProperty(element, 'showClear', false)}\n            disabled={booleanProperty(element, 'disabled', false)}\n        />\n    );\n}\n"],"names":["PrimeDropdown","element","value","setValue","useState","stringProperty","_jsx","Dropdown","data-scene-id","id","onChange","event","options","optionsProperty","optionLabel","optionValue","placeholder","filter","booleanProperty","showClear","disabled"],"mappings":";;;;;AAQA;;;;;;;;AAQC,IACM,SAASA,aAAAA,CAAc,EAAEC,OAAO,EAA4B,EAAA;AAC/D,IAAA,MAAM,CAACC,KAAAA,EAAOC,QAAAA,CAAS,GAAGC,QAAAA,CAA6BC,eAAeJ,OAAAA,EAAS,OAAA,CAAA,CAAA;AAC/E,IAAA,qBACIK,GAAA,CAACC,QAAAA,EAAAA;AACGC,QAAAA,eAAAA,EAAeP,QAAQQ,EAAE;QACzBP,KAAAA,EAAOA,KAAAA;AACPQ,QAAAA,QAAAA,EAAU,CAACC,KAAAA,GAAUR,QAAAA,CAASQ,KAAAA,CAAMT,KAAK,CAAA;AACzCU,QAAAA,OAAAA,EAASC,gBAAgBZ,OAAAA,EAAS,SAAA,CAAA;QAClCa,WAAAA,EAAY,OAAA;QACZC,WAAAA,EAAY,OAAA;QACZC,WAAAA,EAAaX,cAAAA,CAAeJ,SAAS,aAAA,EAAe,QAAA,CAAA;QACpDgB,MAAAA,EAAQC,eAAAA,CAAgBjB,SAAS,QAAA,EAAU,KAAA,CAAA;QAC3CkB,SAAAA,EAAWD,eAAAA,CAAgBjB,SAAS,WAAA,EAAa,KAAA,CAAA;QACjDmB,QAAAA,EAAUF,eAAAA,CAAgBjB,SAAS,UAAA,EAAY,KAAA;;AAG3D;;;;"}

package/dist/esm/form/PrimeFloatLabel.d.ts

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