@cratis/scene.primereact 1.1.0 → 3.0.0

package/dist/esm/for_primeReactPackage/when_rendering_every_declared_component.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { render } from '@testing-library/react';
+import { PrimeReactProvider } from '@primereact/core';
 import { SceneElementView } from '@cratis/scene.react';
 import { primeReactComponents } from '../primeReactComponents';
 import { primeReactPackageManifest } from '../primeReactPackage';
@@ -8,6 +9,25 @@ describe('when rendering every declared component', () => {
     let unresolved;
     let threw;
     beforeEach(() => {
+        const observerStub = class {
+            observe() {
+                return undefined;
+            }
+            unobserve() {
+                return undefined;
+            }
+            disconnect() {
+                return undefined;
+            }
+        };
+        if (window.ResizeObserver === undefined) {
+            window.ResizeObserver = observerStub;
+            globalThis.ResizeObserver = window.ResizeObserver;
+        }
+        if (window.IntersectionObserver === undefined) {
+            window.IntersectionObserver = observerStub;
+            globalThis.IntersectionObserver = window.IntersectionObserver;
+        }
         if (window.matchMedia === undefined) {
             window.matchMedia = (query) => ({
                 matches: false,
@@ -25,7 +45,7 @@ describe('when rendering every declared component', () => {
         for (const name of primeReactPackageManifest.components) {
             const element = sceneComponent(`element-${name}`, name, { text: name, label: name, value: name });
             try {
-                const { container, unmount } = render(_jsx(SceneElementView, { element: element, registry: primeReactComponents, resolveBinding: () => undefined }));
+                const { container, unmount } = render(_jsx(PrimeReactProvider, { children: _jsx(SceneElementView, { element: element, registry: primeReactComponents, resolveBinding: () => undefined }) }));
                 if (container.querySelector('[data-scene-unresolved-component]') !== null)
                     unresolved.push(name);
                 unmount();

package/dist/esm/for_primeReactPackage/when_rendering_every_declared_component.js.map

@@ -1 +1 @@
-{"version":3,"file":"when_rendering_every_declared_component.js","sourceRoot":"","sources":["../../../for_primeReactPackage/when_rendering_every_declared_component.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAelD,QAAQ,CAAC,yCAAyC,EAAE,GAAG,EAAE;IACrD,IAAI,UAAoB,CAAC;IACzB,IAAI,KAAe,CAAC;IAEpB,UAAU,CAAC,GAAG,EAAE;QAIZ,IAAI,MAAM,CAAC,UAAU,KAAK,SAAS,EAAE,CAAC;YAClC,MAAM,CAAC,UAAU,GAAG,CAAC,KAAa,EAAE,EAAE,CAClC,CAAC;gBACG,OAAO,EAAE,KAAK;gBACd,KAAK,EAAE,KAAK;gBACZ,QAAQ,EAAE,SAAS;gBACnB,WAAW,EAAE,GAAG,EAAE,CAAC,SAAS;gBAC5B,cAAc,EAAE,GAAG,EAAE,CAAC,SAAS;gBAC/B,gBAAgB,EAAE,GAAG,EAAE,CAAC,SAAS;gBACjC,mBAAmB,EAAE,GAAG,EAAE,CAAC,SAAS;gBACpC,aAAa,EAAE,GAAG,EAAE,CAAC,KAAK;aAC7B,CAA8B,CAAC;QACxC,CAAC;QAED,UAAU,GAAG,EAAE,CAAC;QAChB,KAAK,GAAG,EAAE,CAAC;QAEX,KAAK,MAAM,IAAI,IAAI,yBAAyB,CAAC,UAAU,EAAE,CAAC;YACtD,MAAM,OAAO,GAAG,cAAc,CAAC,WAAW,IAAI,EAAE,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC;YAClG,IAAI,CAAC;gBACD,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,MAAM,CACjC,KAAC,gBAAgB,IAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,oBAAoB,EAAE,cAAc,EAAE,GAAG,EAAE,CAAC,SAAS,GAAI,CAC1G,CAAC;gBACF,IAAI,SAAS,CAAC,aAAa,CAAC,mCAAmC,CAAC,KAAK,IAAI;oBAAE,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;gBACjG,OAAO,EAAE,CAAC;YACd,CAAC;YAAC,OAAO,KAAK,EAAE,CAAC;gBACb,KAAK,CAAC,IAAI,CAAC,GAAG,IAAI,KAAM,KAAe,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;YACtE,CAAC;QACL,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wDAAwD,EAAE,GAAG,EAAE;QAC9D,UAAU,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IACrC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sFAAsF,EAAE,GAAG,EAAE;QAC5F,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IAChC,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}
+{"version":3,"file":"when_rendering_every_declared_component.js","sourceRoot":"","sources":["../../../for_primeReactPackage/when_rendering_every_declared_component.tsx"],"names":[],"mappings":"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"}

package/dist/esm/for_primeReactThemePreset/when_resolving_a_preset.d.ts

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

package/dist/esm/for_primeReactThemePreset/when_resolving_a_preset.d.ts.map

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

package/dist/esm/for_primeReactThemePreset/when_resolving_a_preset.js

@@ -0,0 +1,30 @@
+import { primeReactThemeNames, primeReactThemePreset } from '../theme';
+describe('when resolving a preset', () => {
+    describe('and the theme is one this package ships', () => {
+        it('should resolve a preset for every theme in the catalog', () => {
+            primeReactThemeNames.filter((name) => primeReactThemePreset(name) === undefined).should.deep.equal([]);
+        });
+        it('should bind the theme accent onto the preset primary scale', () => {
+            const preset = primeReactThemePreset('lara-light-blue');
+            preset.semantic.primary['500'].should.equal('#3b82f6');
+        });
+        it('should bind a different accent for a differently tinted theme of the same family', () => {
+            const preset = primeReactThemePreset('lara-light-teal');
+            preset.semantic.primary['500'].should.equal('#14b8a6');
+        });
+        it('should not tint one theme with another theme of the same family', () => {
+            primeReactThemePreset('lara-light-purple');
+            const blue = primeReactThemePreset('lara-light-blue');
+            blue.semantic.primary['500'].should.equal('#3b82f6');
+        });
+        it('should return the same preset instance for the same theme, so a re-render is not a theme change', () => {
+            primeReactThemePreset('aura-dark-indigo').should.equal(primeReactThemePreset('aura-dark-indigo'));
+        });
+    });
+    describe('and the theme is unknown', () => {
+        it('should resolve nothing rather than a default that would silently theme a screen wrongly', () => {
+            (primeReactThemePreset('lara-light-chartreuse') === undefined).should.be.true;
+        });
+    });
+});
+//# sourceMappingURL=when_resolving_a_preset.js.map

package/dist/esm/for_primeReactThemePreset/when_resolving_a_preset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"when_resolving_a_preset.js","sourceRoot":"","sources":["../../../for_primeReactThemePreset/when_resolving_a_preset.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAEvE,QAAQ,CAAC,yBAAyB,EAAE,GAAG,EAAE;IACrC,QAAQ,CAAC,yCAAyC,EAAE,GAAG,EAAE;QACrD,EAAE,CAAC,wDAAwD,EAAE,GAAG,EAAE;YAC9D,oBAAoB,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,qBAAqB,CAAC,IAAI,CAAC,KAAK,SAAS,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;QAC3G,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,4DAA4D,EAAE,GAAG,EAAE;YAClE,MAAM,MAAM,GAAG,qBAAqB,CAAC,iBAAiB,CAAE,CAAC;YACxD,MAAM,CAAC,QAAS,CAAC,OAAkC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QACxF,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,kFAAkF,EAAE,GAAG,EAAE;YACxF,MAAM,MAAM,GAAG,qBAAqB,CAAC,iBAAiB,CAAE,CAAC;YACxD,MAAM,CAAC,QAAS,CAAC,OAAkC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QACxF,CAAC,CAAC,CAAC;QAQH,EAAE,CAAC,iEAAiE,EAAE,GAAG,EAAE;YACvE,qBAAqB,CAAC,mBAAmB,CAAC,CAAC;YAC3C,MAAM,IAAI,GAAG,qBAAqB,CAAC,iBAAiB,CAAE,CAAC;YACtD,IAAI,CAAC,QAAS,CAAC,OAAkC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QACtF,CAAC,CAAC,CAAC;QAOH,EAAE,CAAC,iGAAiG,EAAE,GAAG,EAAE;YACvG,qBAAqB,CAAC,kBAAkB,CAAE,CAAC,MAAM,CAAC,KAAK,CAAC,qBAAqB,CAAC,kBAAkB,CAAE,CAAC,CAAC;QACxG,CAAC,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,0BAA0B,EAAE,GAAG,EAAE;QACtC,EAAE,CAAC,yFAAyF,EAAE,GAAG,EAAE;YAC/F,CAAC,qBAAqB,CAAC,uBAAuB,CAAC,KAAK,SAAS,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC;QAClF,CAAC,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}

package/dist/esm/for_primeReactThemes/when_checking_attribution.js

@@ -9,11 +9,11 @@ describe('when checking attribution', () => {
     it('should state a license on every theme', () => {
         primeReactThemes.filter((theme) => theme.license === undefined || theme.license === '').should.deep.equal([]);
     });
-    it('should credit PrimeTek, who made every one of them', () => {
+    it('should credit PrimeTek, whose presets every one of them is built on', () => {
         primeReactThemes.filter((theme) => theme.author !== 'PrimeTek').should.deep.equal([]);
     });
-    it('should state the license the primereact package actually ships under', () => {
-        primeReactThemes.filter((theme) => theme.license !== 'MIT').should.deep.equal([]);
+    it('should state the commercial license PrimeReact 11 actually ships under, not the MIT of v10', () => {
+        primeReactThemes.filter((theme) => theme.license !== 'PrimeUI Commercial').should.deep.equal([]);
     });
     it('should describe every theme for a picker', () => {
         primeReactThemes.filter((theme) => theme.description === undefined || theme.description === '').should.deep.equal([]);

package/dist/esm/for_primeReactThemes/when_checking_attribution.js.map

@@ -1 +1 @@
-{"version":3,"file":"when_checking_attribution.js","sourceRoot":"","sources":["../../../for_primeReactThemes/when_checking_attribution.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAE5C,QAAQ,CAAC,2BAA2B,EAAE,GAAG,EAAE;IACvC,EAAE,CAAC,wCAAwC,EAAE,GAAG,EAAE;QAC9C,gBAAgB,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,KAAK,SAAS,IAAI,KAAK,CAAC,MAAM,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IAChH,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0CAA0C,EAAE,GAAG,EAAE;QAChD,gBAAgB,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,SAAS,KAAK,SAAS,IAAI,KAAK,CAAC,SAAS,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IACtH,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uCAAuC,EAAE,GAAG,EAAE;QAC7C,gBAAgB,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,KAAK,SAAS,IAAI,KAAK,CAAC,OAAO,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IAClH,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,oDAAoD,EAAE,GAAG,EAAE;QAC1D,gBAAgB,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,KAAK,UAAU,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IAC1F,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sEAAsE,EAAE,GAAG,EAAE;QAC5E,gBAAgB,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,KAAK,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IACtF,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0CAA0C,EAAE,GAAG,EAAE;QAChD,gBAAgB,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,WAAW,KAAK,SAAS,IAAI,KAAK,CAAC,WAAW,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IAC1H,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}
+{"version":3,"file":"when_checking_attribution.js","sourceRoot":"","sources":["../../../for_primeReactThemes/when_checking_attribution.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAE5C,QAAQ,CAAC,2BAA2B,EAAE,GAAG,EAAE;IACvC,EAAE,CAAC,wCAAwC,EAAE,GAAG,EAAE;QAC9C,gBAAgB,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,KAAK,SAAS,IAAI,KAAK,CAAC,MAAM,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IAChH,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0CAA0C,EAAE,GAAG,EAAE;QAChD,gBAAgB,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,SAAS,KAAK,SAAS,IAAI,KAAK,CAAC,SAAS,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IACtH,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uCAAuC,EAAE,GAAG,EAAE;QAC7C,gBAAgB,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,KAAK,SAAS,IAAI,KAAK,CAAC,OAAO,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IAClH,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qEAAqE,EAAE,GAAG,EAAE;QAC3E,gBAAgB,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,KAAK,UAAU,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IAC1F,CAAC,CAAC,CAAC;IAQH,EAAE,CAAC,4FAA4F,EAAE,GAAG,EAAE;QAClG,gBAAgB,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,KAAK,oBAAoB,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IACrG,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0CAA0C,EAAE,GAAG,EAAE;QAChD,gBAAgB,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,WAAW,KAAK,SAAS,IAAI,KAAK,CAAC,WAAW,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IAC1H,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}

package/dist/esm/for_primeReactThemes/when_checking_the_token_vocabulary.js

@@ -32,11 +32,17 @@ describe('when checking the token vocabulary', () => {
         primeReactThemes.some((theme) => theme.isDark === true).should.be.true;
         primeReactThemes.some((theme) => theme.isDark === false).should.be.true;
     });
-    it('should mirror the value the shipped stylesheet uses for its primary color', () => {
+    it('should have resolved every token to a literal value rather than leaving a preset reference behind', () => {
+        const unresolved = primeReactThemes.flatMap((theme) => Object.entries(theme.tokens ?? {})
+            .filter(([, value]) => value.includes('{') || value.includes('light-dark('))
+            .map(([token]) => `${theme.name}: ${token}`));
+        unresolved.should.deep.equal([]);
+    });
+    it('should mirror the accent the preset binds for a light theme', () => {
         primeReactThemes.find((theme) => theme.name === 'lara-light-blue').tokens['primary.color'].should.equal('#3b82f6');
     });
-    it('should replace the unresolved SCSS expression PrimeReact ships for the viva-dark hover surface', () => {
-        primeReactThemes.find((theme) => theme.name === 'viva-dark').tokens['surface.hover'].should.equal('rgba(158, 173, 230, 0.08)');
+    it('should take the accent from the lighter end of the ramp for a dark theme', () => {
+        primeReactThemes.find((theme) => theme.name === 'lara-dark-blue').tokens['primary.color'].should.equal('#60a5fa');
     });
 });
 //# sourceMappingURL=when_checking_the_token_vocabulary.js.map

package/dist/esm/for_primeReactThemes/when_checking_the_token_vocabulary.js.map

@@ -1 +1 @@
-{"version":3,"file":"when_checking_the_token_vocabulary.js","sourceRoot":"","sources":["../../../for_primeReactThemes/when_checking_the_token_vocabulary.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAE5C,QAAQ,CAAC,oCAAoC,EAAE,GAAG,EAAE;IAChD,MAAM,UAAU,GAAG;QACf,eAAe;QACf,uBAAuB;QACvB,oBAAoB;QACpB,cAAc;QACd,gBAAgB;QAChB,eAAe;QACf,iBAAiB;QACjB,YAAY;QACZ,iBAAiB;QACjB,sBAAsB;QACtB,iBAAiB;QACjB,sBAAsB;QACtB,YAAY;KACf,CAAC;IAEF,EAAE,CAAC,8CAA8C,EAAE,GAAG,EAAE;QACpD,MAAM,UAAU,GAAG,gBAAgB;aAC9B,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,KAAK,SAAS,CAAC,CAAC;aAClF,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QAChC,UAAU,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IACrC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iFAAiF,EAAE,GAAG,EAAE;QACvF,MAAM,KAAK,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QAClI,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IAChC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wCAAwC,EAAE,GAAG,EAAE;QAC9C,gBAAgB,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IACzF,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wCAAwC,EAAE,GAAG,EAAE;QAC9C,gBAAgB,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,KAAK,IAAI,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC;QACvE,gBAAgB,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,KAAK,KAAK,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC;IAC5E,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2EAA2E,EAAE,GAAG,EAAE;QACjF,gBAAgB,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,KAAK,iBAAiB,CAAE,CAAC,MAAO,CAAC,eAAe,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;IACzH,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gGAAgG,EAAE,GAAG,EAAE;QACtG,gBAAgB,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,KAAK,WAAW,CAAE,CAAC,MAAO,CAAC,eAAe,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,2BAA2B,CAAC,CAAC;IACrI,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}
+{"version":3,"file":"when_checking_the_token_vocabulary.js","sourceRoot":"","sources":["../../../for_primeReactThemes/when_checking_the_token_vocabulary.ts"],"names":[],"mappings":"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"}

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

@@ -1 +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"}
+{"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,KA8BrB,CAAC"}

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

@@ -18,11 +18,10 @@ export const Gallery = {
             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('multiSelect', 'multiSelect', { options: ['Design', 'Engineering', 'Support'], placeholder: 'Teams' }),
             sceneComponent('listBox', 'listBox', { options: ['Daily', 'Weekly', 'Monthly'] }),
             sceneComponent('selectButton', 'selectButton', { options: ['Day', 'Week', 'Month'], value: 'Week' }),
             sceneComponent('checkbox', 'checkbox', { label: 'Notify me', checked: true }),
@@ -38,9 +37,6 @@ export const Gallery = {
             sceneComponent('treeSelect', 'treeSelect', {
                 options: [{ label: 'Documents', children: ['Work', 'Home'] }],
             }),
-            sceneComponent('cascadeSelect', 'cascadeSelect', {
-                options: [{ label: 'Europe', items: [{ label: 'Norway' }, { label: 'Sweden' }] }],
-            }),
         ]),
         registry: primeReactComponents,
         resolveBinding: () => undefined,

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

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

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

package/dist/esm/form/PrimeAutoComplete.js

@@ -1,4 +1,4 @@
-import { jsx } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
 import { AutoComplete } from 'primereact/autocomplete';
 import { optionsProperty, stringProperty, booleanProperty } from '../properties.js';
@@ -6,23 +6,44 @@ import { optionsProperty, stringProperty, booleanProperty } from '../properties.
 /**
  * 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.
+ * AutoComplete has no built-in filtering: it asks the host to narrow the list through `onComplete`,
+ * 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.
+ *
+ * PrimeReact 11 renamed the two halves of that arrangement: the narrowed list is `options` (v10 called it
+ * `suggestions`) and the callback is `onComplete` (v10's `completeMethod`), and `AutoComplete.List`
+ * renders the list itself from `optionLabel` / `optionValue`. The v10 `dropdown` flag is gone as a prop
+ * for the same reason it is gone from every other v11 overlay: the button either exists in the
+ * composition or it does not, so the property now decides whether to render `AutoComplete.Trigger`.
  */ function PrimeAutoComplete({ element }) {
-    const options = optionsProperty(element, 'options');
-    const [value, setValue] = useState(stringProperty(element, 'value', ''));
-    const [suggestions, setSuggestions] = useState([]);
-    return /*#__PURE__*/ jsx(AutoComplete, {
+    const all = optionsProperty(element, 'options');
+    const [options, setOptions] = useState(all);
+    return /*#__PURE__*/ jsxs(AutoComplete.Root, {
         "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)
+        options: options,
+        optionLabel: "label",
+        optionValue: "value",
+        defaultInputValue: stringProperty(element, 'value', ''),
+        onComplete: (event)=>setOptions(all.filter((option)=>option.label.toLowerCase().includes(event.query.toLowerCase()))),
+        disabled: booleanProperty(element, 'disabled', false),
+        children: [
+            /*#__PURE__*/ jsx(AutoComplete.Input, {
+                placeholder: stringProperty(element, 'placeholder')
+            }),
+            booleanProperty(element, 'dropdown', false) && /*#__PURE__*/ jsx(AutoComplete.Trigger, {
+                children: /*#__PURE__*/ jsx("i", {
+                    className: "pi pi-chevron-down"
+                })
+            }),
+            /*#__PURE__*/ jsx(AutoComplete.Portal, {
+                children: /*#__PURE__*/ jsx(AutoComplete.Positioner, {
+                    children: /*#__PURE__*/ jsx(AutoComplete.Popup, {
+                        children: /*#__PURE__*/ jsx(AutoComplete.List, {})
+                    })
+                })
+            })
+        ]
     });
 }
 

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

@@ -1 +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;;;;"}
+{"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 { SelectOption } from '../SelectOption';\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 narrow the list through `onComplete`,\n * because in a real application that is a server call. A Scene element cannot express a server call, so\n * the adapter filters the authored `options` case-insensitively instead - enough for the component to\n * behave like itself in a preview, and honest about where the data came from.\n *\n * PrimeReact 11 renamed the two halves of that arrangement: the narrowed list is `options` (v10 called it\n * `suggestions`) and the callback is `onComplete` (v10's `completeMethod`), and `AutoComplete.List`\n * renders the list itself from `optionLabel` / `optionValue`. The v10 `dropdown` flag is gone as a prop\n * for the same reason it is gone from every other v11 overlay: the button either exists in the\n * composition or it does not, so the property now decides whether to render `AutoComplete.Trigger`.\n */\nexport function PrimeAutoComplete({ element }: RegisteredComponentProps) {\n    const all = optionsProperty(element, 'options');\n    const [options, setOptions] = useState<SelectOption[]>(all);\n\n    return (\n        <AutoComplete.Root\n            data-scene-id={element.id}\n            options={options}\n            optionLabel='label'\n            optionValue='value'\n            defaultInputValue={stringProperty(element, 'value', '')}\n            onComplete={(event) => setOptions(all.filter((option) => option.label.toLowerCase().includes(event.query.toLowerCase())))}\n            disabled={booleanProperty(element, 'disabled', false)}>\n            <AutoComplete.Input placeholder={stringProperty(element, 'placeholder')} />\n            {booleanProperty(element, 'dropdown', false) && (\n                <AutoComplete.Trigger>\n                    <i className='pi pi-chevron-down' />\n                </AutoComplete.Trigger>\n            )}\n            <AutoComplete.Portal>\n                <AutoComplete.Positioner>\n                    <AutoComplete.Popup>\n                        <AutoComplete.List />\n                    </AutoComplete.Popup>\n                </AutoComplete.Positioner>\n            </AutoComplete.Portal>\n        </AutoComplete.Root>\n    );\n}\n"],"names":["PrimeAutoComplete","element","all","optionsProperty","options","setOptions","useState","_jsxs","AutoComplete","Root","data-scene-id","id","optionLabel","optionValue","defaultInputValue","stringProperty","onComplete","event","filter","option","label","toLowerCase","includes","query","disabled","booleanProperty","_jsx","Input","placeholder","Trigger","i","className","Portal","Positioner","Popup","List"],"mappings":";;;;;AASA;;;;;;;;;;;;;AAaC,IACM,SAASA,iBAAAA,CAAkB,EAAEC,OAAO,EAA4B,EAAA;IACnE,MAAMC,GAAAA,GAAMC,gBAAgBF,OAAAA,EAAS,SAAA,CAAA;AACrC,IAAA,MAAM,CAACG,OAAAA,EAASC,UAAAA,CAAW,GAAGC,QAAAA,CAAyBJ,GAAAA,CAAAA;IAEvD,qBACIK,IAAA,CAACC,aAAaC,IAAI,EAAA;AACdC,QAAAA,eAAAA,EAAeT,QAAQU,EAAE;QACzBP,OAAAA,EAASA,OAAAA;QACTQ,WAAAA,EAAY,OAAA;QACZC,WAAAA,EAAY,OAAA;QACZC,iBAAAA,EAAmBC,cAAAA,CAAed,SAAS,OAAA,EAAS,EAAA,CAAA;AACpDe,QAAAA,UAAAA,EAAY,CAACC,KAAAA,GAAUZ,UAAAA,CAAWH,IAAIgB,MAAM,CAAC,CAACC,MAAAA,GAAWA,MAAAA,CAAOC,KAAK,CAACC,WAAW,EAAA,CAAGC,QAAQ,CAACL,KAAAA,CAAMM,KAAK,CAACF,WAAW,EAAA,CAAA,CAAA,CAAA;QACpHG,QAAAA,EAAUC,eAAAA,CAAgBxB,SAAS,UAAA,EAAY,KAAA,CAAA;;AAC/C,0BAAAyB,GAAA,CAAClB,aAAamB,KAAK,EAAA;AAACC,gBAAAA,WAAAA,EAAab,eAAed,OAAAA,EAAS,aAAA;;AACxDwB,YAAAA,eAAAA,CAAgBxB,OAAAA,EAAS,UAAA,EAAY,KAAA,CAAA,kBAClCyB,GAAA,CAAClB,aAAaqB,OAAO,EAAA;AACjB,gBAAA,QAAA,gBAAAH,GAAA,CAACI,GAAAA,EAAAA;oBAAEC,SAAAA,EAAU;;;AAGrB,0BAAAL,GAAA,CAAClB,aAAawB,MAAM,EAAA;wCAChBN,GAAA,CAAClB,aAAayB,UAAU,EAAA;4CACpBP,GAAA,CAAClB,aAAa0B,KAAK,EAAA;gDACfR,GAAA,CAAClB,aAAa2B,IAAI,EAAA,EAAA;;;;;;AAM1C;;;;"}

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

@@ -1 +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"}
+{"version":3,"file":"PrimeCalendar.d.ts","sourceRoot":"","sources":["../../../form/PrimeCalendar.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAiB/D,wBAAgB,aAAa,CAAC,EAAE,OAAO,EAAE,EAAE,wBAAwB,+BAgElE"}

package/dist/esm/form/PrimeCalendar.js

@@ -1,16 +1,22 @@
-import { jsx } from 'react/jsx-runtime';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
-import { Calendar } from 'primereact/calendar';
+import { DatePicker } from 'primereact/datepicker';
+import { InputText } from 'primereact/inputtext';
 import { stringProperty, booleanProperty } from '../properties.js';
 
 /**
- * The `PrimeReact:calendar` component - a date picker.
+ * The `PrimeReact:calendar` component - a date picker, named `DatePicker` by PrimeReact 11.
  *
  * 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`.
+ * v11's `DatePicker` is a composition, and the grid is the bulk of it: `Calendar` holds a `Header` (the
+ * month/year title flanked by the two navigation buttons) and a `Table` whose three `TableBody` views are
+ * what makes clicking the title drill from days to months to years. That whole calendar is built once
+ * here and then placed one of two ways, which is how `inline` survives a version that has no `inline`
+ * prop: either inside a `Panel`, which simply renders where it stands, or behind a `Portal` and a
+ * `Positioner`, which anchors it to the field and escapes any clipping ancestor.
  */ function PrimeCalendar({ element }) {
     const [value, setValue] = useState(()=>{
         const seed = stringProperty(element, 'value');
@@ -18,16 +24,80 @@ import { stringProperty, booleanProperty } from '../properties.js';
         const parsed = new Date(seed);
         return Number.isNaN(parsed.getTime()) ? undefined : parsed;
     });
-    return /*#__PURE__*/ jsx(Calendar, {
+    const inline = booleanProperty(element, 'inline', false);
+    const showTime = booleanProperty(element, 'showTime', false);
+    const calendar = /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsxs(DatePicker.Calendar, {
+                children: [
+                    /*#__PURE__*/ jsxs(DatePicker.Header, {
+                        children: [
+                            /*#__PURE__*/ jsx(DatePicker.Prev, {
+                                children: /*#__PURE__*/ jsx("i", {
+                                    className: "pi pi-chevron-left"
+                                })
+                            }),
+                            /*#__PURE__*/ jsxs(DatePicker.Title, {
+                                children: [
+                                    /*#__PURE__*/ jsx(DatePicker.SelectMonth, {}),
+                                    /*#__PURE__*/ jsx(DatePicker.SelectYear, {}),
+                                    /*#__PURE__*/ jsx(DatePicker.Decade, {})
+                                ]
+                            }),
+                            /*#__PURE__*/ jsx(DatePicker.Next, {
+                                children: /*#__PURE__*/ jsx("i", {
+                                    className: "pi pi-chevron-right"
+                                })
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ jsxs(DatePicker.Table, {
+                        children: [
+                            /*#__PURE__*/ jsx(DatePicker.TableHead, {}),
+                            /*#__PURE__*/ jsx(DatePicker.TableBody, {}),
+                            /*#__PURE__*/ jsx(DatePicker.TableBody, {
+                                view: "month"
+                            }),
+                            /*#__PURE__*/ jsx(DatePicker.TableBody, {
+                                view: "year"
+                            })
+                        ]
+                    })
+                ]
+            }),
+            showTime && /*#__PURE__*/ jsx(DatePicker.Time, {})
+        ]
+    });
+    return /*#__PURE__*/ jsx(DatePicker.Root, {
         "data-scene-id": element.id,
         value: value,
-        onChange: (event)=>setValue(event.value instanceof Date ? event.value : undefined),
+        onValueChange: (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)
+        showTime: showTime,
+        disabled: booleanProperty(element, 'disabled', false),
+        children: inline ? /*#__PURE__*/ jsx(DatePicker.Panel, {
+            children: calendar
+        }) : /*#__PURE__*/ jsxs(Fragment, {
+            children: [
+                /*#__PURE__*/ jsx(DatePicker.Input, {
+                    as: InputText,
+                    placeholder: stringProperty(element, 'placeholder')
+                }),
+                booleanProperty(element, 'showIcon', true) && /*#__PURE__*/ jsx(DatePicker.Trigger, {
+                    children: /*#__PURE__*/ jsx("i", {
+                        className: "pi pi-calendar"
+                    })
+                }),
+                /*#__PURE__*/ jsx(DatePicker.Portal, {
+                    children: /*#__PURE__*/ jsx(DatePicker.Positioner, {
+                        align: "start",
+                        children: /*#__PURE__*/ jsx(DatePicker.Popup, {
+                            children: calendar
+                        })
+                    })
+                })
+            ]
+        })
     });
 }
 

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

@@ -1 +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;;;;"}
+{"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 { DatePicker } from 'primereact/datepicker';\nimport { InputText } from 'primereact/inputtext';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { booleanProperty, stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:calendar` component - a date picker, named `DatePicker` by PrimeReact 11.\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 * v11's `DatePicker` is a composition, and the grid is the bulk of it: `Calendar` holds a `Header` (the\n * month/year title flanked by the two navigation buttons) and a `Table` whose three `TableBody` views are\n * what makes clicking the title drill from days to months to years. That whole calendar is built once\n * here and then placed one of two ways, which is how `inline` survives a version that has no `inline`\n * prop: either inside a `Panel`, which simply renders where it stands, or behind a `Portal` and a\n * `Positioner`, which anchors it to the field and escapes any clipping ancestor.\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    const inline = booleanProperty(element, 'inline', false);\n    const showTime = booleanProperty(element, 'showTime', false);\n    const calendar = (\n        <>\n            <DatePicker.Calendar>\n                <DatePicker.Header>\n                    <DatePicker.Prev>\n                        <i className='pi pi-chevron-left' />\n                    </DatePicker.Prev>\n                    <DatePicker.Title>\n                        <DatePicker.SelectMonth />\n                        <DatePicker.SelectYear />\n                        <DatePicker.Decade />\n                    </DatePicker.Title>\n                    <DatePicker.Next>\n                        <i className='pi pi-chevron-right' />\n                    </DatePicker.Next>\n                </DatePicker.Header>\n                <DatePicker.Table>\n                    <DatePicker.TableHead />\n                    <DatePicker.TableBody />\n                    <DatePicker.TableBody view='month' />\n                    <DatePicker.TableBody view='year' />\n                </DatePicker.Table>\n            </DatePicker.Calendar>\n            {showTime && <DatePicker.Time />}\n        </>\n    );\n\n    return (\n        <DatePicker.Root\n            data-scene-id={element.id}\n            value={value}\n            onValueChange={(event) => setValue(event.value instanceof Date ? event.value : undefined)}\n            dateFormat={stringProperty(element, 'dateFormat')}\n            showTime={showTime}\n            disabled={booleanProperty(element, 'disabled', false)}>\n            {inline ? (\n                <DatePicker.Panel>{calendar}</DatePicker.Panel>\n            ) : (\n                <>\n                    <DatePicker.Input as={InputText} placeholder={stringProperty(element, 'placeholder')} />\n                    {booleanProperty(element, 'showIcon', true) && (\n                        <DatePicker.Trigger>\n                            <i className='pi pi-calendar' />\n                        </DatePicker.Trigger>\n                    )}\n                    <DatePicker.Portal>\n                        <DatePicker.Positioner align='start'>\n                            <DatePicker.Popup>{calendar}</DatePicker.Popup>\n                        </DatePicker.Positioner>\n                    </DatePicker.Portal>\n                </>\n            )}\n        </DatePicker.Root>\n    );\n}\n"],"names":["PrimeCalendar","element","value","setValue","useState","seed","stringProperty","undefined","parsed","Date","Number","isNaN","getTime","inline","booleanProperty","showTime","calendar","_jsxs","_Fragment","DatePicker","Calendar","Header","_jsx","Prev","i","className","Title","SelectMonth","SelectYear","Decade","Next","Table","TableHead","TableBody","view","Time","Root","data-scene-id","id","onValueChange","event","dateFormat","disabled","Panel","Input","as","InputText","placeholder","Trigger","Portal","Positioner","align","Popup"],"mappings":";;;;;;AASA;;;;;;;;;;;;;AAaC,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;IAEA,MAAMK,MAAAA,GAASC,eAAAA,CAAgBb,OAAAA,EAAS,QAAA,EAAU,KAAA,CAAA;IAClD,MAAMc,QAAAA,GAAWD,eAAAA,CAAgBb,OAAAA,EAAS,UAAA,EAAY,KAAA,CAAA;AACtD,IAAA,MAAMe,QAAAA,iBACFC,IAAA,CAAAC,QAAA,EAAA;;AACI,0BAAAD,IAAA,CAACE,WAAWC,QAAQ,EAAA;;AAChB,kCAAAH,IAAA,CAACE,WAAWE,MAAM,EAAA;;AACd,0CAAAC,GAAA,CAACH,WAAWI,IAAI,EAAA;AACZ,gCAAA,QAAA,gBAAAD,GAAA,CAACE,GAAAA,EAAAA;oCAAEC,SAAAA,EAAU;;;AAEjB,0CAAAR,IAAA,CAACE,WAAWO,KAAK,EAAA;;AACb,kDAAAJ,GAAA,CAACH,WAAWQ,WAAW,EAAA,EAAA,CAAA;AACvB,kDAAAL,GAAA,CAACH,WAAWS,UAAU,EAAA,EAAA,CAAA;AACtB,kDAAAN,GAAA,CAACH,WAAWU,MAAM,EAAA,EAAA;;;AAEtB,0CAAAP,GAAA,CAACH,WAAWW,IAAI,EAAA;AACZ,gCAAA,QAAA,gBAAAR,GAAA,CAACE,GAAAA,EAAAA;oCAAEC,SAAAA,EAAU;;;;;AAGrB,kCAAAR,IAAA,CAACE,WAAWY,KAAK,EAAA;;AACb,0CAAAT,GAAA,CAACH,WAAWa,SAAS,EAAA,EAAA,CAAA;AACrB,0CAAAV,GAAA,CAACH,WAAWc,SAAS,EAAA,EAAA,CAAA;AACrB,0CAAAX,GAAA,CAACH,WAAWc,SAAS,EAAA;gCAACC,IAAAA,EAAK;;AAC3B,0CAAAZ,GAAA,CAACH,WAAWc,SAAS,EAAA;gCAACC,IAAAA,EAAK;;;;;;YAGlCnB,QAAAA,kBAAYO,GAAA,CAACH,WAAWgB,IAAI,EAAA,EAAA;;;IAIrC,qBACIb,GAAA,CAACH,WAAWiB,IAAI,EAAA;AACZC,QAAAA,eAAAA,EAAepC,QAAQqC,EAAE;QACzBpC,KAAAA,EAAOA,KAAAA;QACPqC,aAAAA,EAAe,CAACC,QAAUrC,QAAAA,CAASqC,KAAAA,CAAMtC,KAAK,YAAYO,IAAAA,GAAO+B,KAAAA,CAAMtC,KAAK,GAAGK,SAAAA,CAAAA;AAC/EkC,QAAAA,UAAAA,EAAYnC,eAAeL,OAAAA,EAAS,YAAA,CAAA;QACpCc,QAAAA,EAAUA,QAAAA;QACV2B,QAAAA,EAAU5B,eAAAA,CAAgBb,SAAS,UAAA,EAAY,KAAA,CAAA;kBAC9CY,MAAAA,iBACGS,GAAA,CAACH,WAAWwB,KAAK,EAAA;AAAE3B,YAAAA,QAAAA,EAAAA;AAEnB,SAAA,CAAA,iBAAAC,IAAA,CAAAC,QAAA,EAAA;;AACI,8BAAAI,GAAA,CAACH,WAAWyB,KAAK,EAAA;oBAACC,EAAAA,EAAIC,SAAAA;AAAWC,oBAAAA,WAAAA,EAAazC,eAAeL,OAAAA,EAAS,aAAA;;AACrEa,gBAAAA,eAAAA,CAAgBb,OAAAA,EAAS,UAAA,EAAY,IAAA,CAAA,kBAClCqB,GAAA,CAACH,WAAW6B,OAAO,EAAA;AACf,oBAAA,QAAA,gBAAA1B,GAAA,CAACE,GAAAA,EAAAA;wBAAEC,SAAAA,EAAU;;;AAGrB,8BAAAH,GAAA,CAACH,WAAW8B,MAAM,EAAA;4CACd3B,GAAA,CAACH,WAAW+B,UAAU,EAAA;wBAACC,KAAAA,EAAM,OAAA;gDACzB7B,GAAA,CAACH,WAAWiC,KAAK,EAAA;AAAEpC,4BAAAA,QAAAA,EAAAA;;;;;;;AAO/C;;;;"}

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

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

package/dist/esm/form/PrimeCheckbox.js

@@ -8,6 +8,11 @@ import { booleanProperty, stringProperty } from '../properties.js';
  *
  * 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.
+ *
+ * PrimeReact 11 makes the tick its own part: `Root` renders the real (visually hidden) input and owns the
+ * state, `Box` is the square, and `Indicator` is what appears inside it when checked. The `checked` state
+ * now arrives as `onCheckedChange` with a boolean rather than a change event whose `checked` might be
+ * `undefined`, so the defensive `=== true` the v10 adapter needed is gone.
  */ function PrimeCheckbox({ element }) {
     const [checked, setChecked] = useState(booleanProperty(element, 'checked', false));
     const label = stringProperty(element, 'label');
@@ -15,11 +20,14 @@ import { booleanProperty, stringProperty } from '../properties.js';
         "data-scene-id": element.id,
         className: "flex items-center gap-2",
         children: [
-            /*#__PURE__*/ jsx(Checkbox, {
+            /*#__PURE__*/ jsx(Checkbox.Root, {
                 inputId: element.id,
                 checked: checked,
-                onChange: (event)=>setChecked(event.checked === true),
-                disabled: booleanProperty(element, 'disabled', false)
+                onCheckedChange: (event)=>setChecked(event.checked),
+                disabled: booleanProperty(element, 'disabled', false),
+                children: /*#__PURE__*/ jsx(Checkbox.Box, {
+                    children: /*#__PURE__*/ jsx(Checkbox.Indicator, {})
+                })
             }),
             label !== undefined && /*#__PURE__*/ jsx("label", {
                 htmlFor: element.id,

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

@@ -1 +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;;;;"}
+{"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 *\n * PrimeReact 11 makes the tick its own part: `Root` renders the real (visually hidden) input and owns the\n * state, `Box` is the square, and `Indicator` is what appears inside it when checked. The `checked` state\n * now arrives as `onCheckedChange` with a boolean rather than a change event whose `checked` might be\n * `undefined`, so the defensive `=== true` the v10 adapter needed is gone.\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.Root\n                inputId={element.id}\n                checked={checked}\n                onCheckedChange={(event) => setChecked(event.checked)}\n                disabled={booleanProperty(element, 'disabled', false)}>\n                <Checkbox.Box>\n                    <Checkbox.Indicator />\n                </Checkbox.Box>\n            </Checkbox.Root>\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","Root","inputId","onCheckedChange","event","disabled","Box","Indicator","undefined","htmlFor"],"mappings":";;;;;AAQA;;;;;;;;;;AAUC,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;;AACtC,0BAAAC,GAAA,CAACC,SAASC,IAAI,EAAA;AACVC,gBAAAA,OAAAA,EAASf,QAAQU,EAAE;gBACnBT,OAAAA,EAASA,OAAAA;AACTe,gBAAAA,eAAAA,EAAiB,CAACC,KAAAA,GAAUf,UAAAA,CAAWe,KAAAA,CAAMhB,OAAO,CAAA;gBACpDiB,QAAAA,EAAUd,eAAAA,CAAgBJ,SAAS,UAAA,EAAY,KAAA,CAAA;wCAC/CY,GAAA,CAACC,SAASM,GAAG,EAAA;4CACTP,GAAA,CAACC,SAASO,SAAS,EAAA,EAAA;;;AAG1Bf,YAAAA,KAAAA,KAAUgB,2BAAaT,GAAA,CAACP,OAAAA,EAAAA;AAAMiB,gBAAAA,OAAAA,EAAStB,QAAQU,EAAE;AAAGL,gBAAAA,QAAAA,EAAAA;;;;AAGjE;;;;"}

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

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

package/dist/esm/form/PrimeChips.js

@@ -1,21 +1,55 @@
-import { jsx } from 'react/jsx-runtime';
-import { useState } from 'react';
-import { Chips } from 'primereact/chips';
-import { stringArrayProperty, booleanProperty, stringProperty } from '../properties.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState, createElement } from 'react';
+import { InputTags } from 'primereact/inputtags';
+import { stringArrayProperty, stringProperty, booleanProperty, numberProperty } from '../properties.js';
 
 /**
  * The `PrimeReact:chips` component - free-form entry of a list of short values, each shown as a chip.
+ * PrimeReact 11 calls it `InputTags`.
  *
- * In PrimeReact 11 this component is renamed `InputTags`.
+ * The chips and the text field are both render-prop slots in v11 rather than markup the component
+ * chooses, which is why this file draws a chip and its remove button by hand: `Items` hands over one tag
+ * at a time along with the props that make it removable, and `Control` hands over the props for the
+ * input. It is more code than the v10 one-liner and it is the reason the chip is stylable at all.
+ *
+ * A tag is committed per Enter, and pasted text arrives as one tag rather than being split. That is v11's
+ * default and the adapter keeps it: v10's `separator` property is not read, because splitting on a
+ * character is a data-entry policy that belongs to the screen collecting the data, not to a preview of it.
  */ function PrimeChips({ element }) {
     const [value, setValue] = useState(stringArrayProperty(element, 'value'));
-    return /*#__PURE__*/ jsx(Chips, {
+    return /*#__PURE__*/ jsxs(InputTags.Root, {
         "data-scene-id": element.id,
         value: value,
-        onChange: (event)=>setValue(event.value ?? []),
-        max: undefined,
-        placeholder: stringProperty(element, 'placeholder'),
-        disabled: booleanProperty(element, 'disabled', false)
+        onValueChange: (event)=>setValue(event.value ?? []),
+        max: numberProperty(element, 'max'),
+        disabled: booleanProperty(element, 'disabled', false),
+        children: [
+            /*#__PURE__*/ jsx(InputTags.Items, {
+                children: ({ item, index, remove, itemProps })=>/*#__PURE__*/ createElement("span", {
+                        ...itemProps,
+                        key: `${item}-${index}`,
+                        children: [
+                            /*#__PURE__*/ jsx("span", {
+                                children: item
+                            }),
+                            /*#__PURE__*/ jsx("button", {
+                                type: "button",
+                                "aria-label": `Remove ${item}`,
+                                onClick: remove,
+                                children: /*#__PURE__*/ jsx("i", {
+                                    className: "pi pi-times-circle"
+                                })
+                            })
+                        ]
+                    })
+            }),
+            /*#__PURE__*/ jsx(InputTags.Control, {
+                children: ({ controlProps })=>/*#__PURE__*/ jsx("input", {
+                        ...controlProps,
+                        placeholder: stringProperty(element, 'placeholder')
+                    })
+            })
+        ]
     });
 }