@cratis/scene.primereact 1.1.0 → 3.0.0

package/dist/esm/form/TreeSelect.js

@@ -0,0 +1,130 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState, useMemo } from 'react';
+import { Popover } from 'primereact/popover';
+import { Tree } from 'primereact/tree';
+
+/**
+ * A dropdown whose choices are a hierarchy - Cratis-owned, because PrimeReact 11 removed `TreeSelect`
+ * outright and left neither a replacement component nor a headless hook to build one from.
+ *
+ * It is assembled from the two v11 pieces that did survive and together cover the behavior: `Popover`
+ * provides the trigger, the portal and the outside-click and Escape handling, and `Tree` provides the
+ * node list, the expand/collapse state and keyboard navigation. Nothing here re-implements either - the
+ * component is the seam between them, plus the translation from Scene's {@link TreeNode} to the
+ * `TreeNodeData` the tree wants.
+ *
+ * What it deliberately does not carry over from v10, so that no caller is misled into expecting it:
+ * **checkbox multi-select** - selection is single, `onChange` yields one key, and there is no partial or
+ * "n selected" state to reason about; and **filtering** - v10's `filter` prop searched the node labels
+ * and rebuilt the visible tree around the matches, which is a real amount of behavior (match, keep
+ * ancestors, force-expand, restore on clear) and belongs in the component only once something actually
+ * needs it.
+ */ function TreeSelect({ value, options, placeholder, disabled, onChange }) {
+    const [open, setOpen] = useState(false);
+    const nodes = useMemo(()=>toTreeNodeData(options), [
+        options
+    ]);
+    const label = findLabel(nodes, value);
+    return /*#__PURE__*/ jsxs(Popover.Root, {
+        open: open,
+        onOpenChange: (event)=>setOpen(event.value === true),
+        children: [
+            /*#__PURE__*/ jsxs(Popover.Trigger, {
+                disabled: disabled,
+                children: [
+                    /*#__PURE__*/ jsx("span", {
+                        children: label ?? placeholder
+                    }),
+                    /*#__PURE__*/ jsx("i", {
+                        className: "pi pi-chevron-down"
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsx(Popover.Portal, {
+                children: /*#__PURE__*/ jsx(Popover.Positioner, {
+                    children: /*#__PURE__*/ jsx(Popover.Popup, {
+                        children: /*#__PURE__*/ jsx(Popover.Content, {
+                            children: /*#__PURE__*/ jsx(Tree.Root, {
+                                value: nodes,
+                                selectionMode: "single",
+                                selectionKeys: value === undefined ? {} : {
+                                    [value]: true
+                                },
+                                onSelectionChange: (event)=>{
+                                    const selected = Object.keys(event.value).find((key)=>event.value[key] === true);
+                                    if (selected === undefined) return;
+                                    onChange?.(selected);
+                                    setOpen(false);
+                                },
+                                children: /*#__PURE__*/ jsx(Tree.Nodes, {
+                                    children: (row)=>/*#__PURE__*/ jsx(Tree.Node, {
+                                            uKey: row.node.key,
+                                            children: /*#__PURE__*/ jsxs(Tree.Content, {
+                                                children: [
+                                                    /*#__PURE__*/ jsx(Tree.Toggle, {
+                                                        children: /*#__PURE__*/ jsx(Tree.ToggleIndicator, {
+                                                            children: /*#__PURE__*/ jsx("i", {
+                                                                className: row.expanded ? 'pi pi-chevron-down' : 'pi pi-chevron-right'
+                                                            })
+                                                        })
+                                                    }),
+                                                    /*#__PURE__*/ jsx(Tree.Label, {
+                                                        children: row.node.label
+                                                    })
+                                                ]
+                                            })
+                                        })
+                                })
+                            })
+                        })
+                    })
+                })
+            })
+        ]
+    });
+}
+/**
+ * Converts Scene's {@link TreeNode} model into the one PrimeReact 11's `Tree` reads.
+ *
+ * The two shapes agree on everything that matters except one thing: `key` is optional on a Scene node and
+ * required on a PrimeReact one, because the tree keys expansion and selection off it. A missing key is
+ * synthesized from the node's position, which is unique and stable across re-renders - the same rule
+ * `toTreeNodes` applies, repeated here so this component is correct even when handed nodes that did not
+ * come through it.
+ *
+ * @param nodes The Scene nodes to convert.
+ * @param parentKey The key of the node these belong to, used to build unique child keys.
+ * @returns The converted nodes, in order.
+ */ function toTreeNodeData(nodes, parentKey = '') {
+    return nodes.map((node, index)=>{
+        const key = node.key ?? (parentKey === '' ? `${index}` : `${parentKey}-${index}`);
+        return {
+            key,
+            label: node.label,
+            icon: node.icon,
+            children: node.children === undefined ? undefined : toTreeNodeData(node.children, key)
+        };
+    });
+}
+/**
+ * Finds the label to show on the trigger for a selected key.
+ *
+ * The selection is a key rather than a node because that is all the tree reports, so the label has to be
+ * looked back up - and it has to search the whole hierarchy, since the selected node is very rarely a
+ * root one.
+ *
+ * @param nodes The converted nodes to search.
+ * @param key The selected key, or `undefined` when nothing is selected.
+ * @returns The node's label, or `undefined` when nothing is selected or the key matches no node.
+ */ function findLabel(nodes, key) {
+    if (key === undefined) return undefined;
+    for (const node of nodes){
+        if (node.key === key) return node.label;
+        const found = node.children === undefined ? undefined : findLabel(node.children, key);
+        if (found !== undefined) return found;
+    }
+    return undefined;
+}
+
+export { TreeSelect };
+//# sourceMappingURL=TreeSelect.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TreeSelect.js","sources":["../../../form/TreeSelect.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { ReactNode, useMemo, useState } from 'react';\nimport { Popover } from 'primereact/popover';\nimport { Tree, type TreeNodeData } from 'primereact/tree';\nimport { TreeNode } from '../TreeNode';\n\n/**\n * What a {@link TreeSelect} needs from its host.\n *\n * Deliberately the small subset of PrimeReact 10's `TreeSelect` that a Scene element can actually author.\n * The component is Cratis-owned (see {@link TreeSelect}), so this is a promise this package has to keep\n * on its own - every prop added here is one more thing to implement, and a hierarchy picker earns its\n * keep long before it grows options.\n */\nexport interface TreeSelectProps {\n    /**\n     * The key of the selected node. Controlled, because the only thing worth selecting from a tree is a\n     * node's identity and the host is what knows what to do with it.\n     */\n    value?: string;\n\n    /**\n     * The hierarchy to choose from, in Scene's own {@link TreeNode} shape rather than PrimeReact's -\n     * `TreeNode` is this package's type since v11 removed `primereact/treenode`, and translating it is\n     * this component's job rather than every caller's.\n     */\n    options: TreeNode[];\n\n    /**\n     * What the trigger shows when nothing is selected.\n     */\n    placeholder?: string;\n\n    /**\n     * Whether the trigger refuses to open.\n     */\n    disabled?: boolean;\n\n    /**\n     * Called with the newly selected node's key. Selecting also closes the panel, because a single-select\n     * picker has nothing left to ask once it has an answer.\n     */\n    onChange?: (value: string) => void;\n}\n\n/**\n * A dropdown whose choices are a hierarchy - Cratis-owned, because PrimeReact 11 removed `TreeSelect`\n * outright and left neither a replacement component nor a headless hook to build one from.\n *\n * It is assembled from the two v11 pieces that did survive and together cover the behavior: `Popover`\n * provides the trigger, the portal and the outside-click and Escape handling, and `Tree` provides the\n * node list, the expand/collapse state and keyboard navigation. Nothing here re-implements either - the\n * component is the seam between them, plus the translation from Scene's {@link TreeNode} to the\n * `TreeNodeData` the tree wants.\n *\n * What it deliberately does not carry over from v10, so that no caller is misled into expecting it:\n * **checkbox multi-select** - selection is single, `onChange` yields one key, and there is no partial or\n * \"n selected\" state to reason about; and **filtering** - v10's `filter` prop searched the node labels\n * and rebuilt the visible tree around the matches, which is a real amount of behavior (match, keep\n * ancestors, force-expand, restore on clear) and belongs in the component only once something actually\n * needs it.\n */\nexport function TreeSelect({ value, options, placeholder, disabled, onChange }: TreeSelectProps) {\n    const [open, setOpen] = useState(false);\n    const nodes = useMemo(() => toTreeNodeData(options), [options]);\n    const label = findLabel(nodes, value);\n\n    return (\n        <Popover.Root open={open} onOpenChange={(event) => setOpen(event.value === true)}>\n            <Popover.Trigger disabled={disabled}>\n                <span>{label ?? placeholder}</span>\n                <i className='pi pi-chevron-down' />\n            </Popover.Trigger>\n            <Popover.Portal>\n                <Popover.Positioner>\n                    <Popover.Popup>\n                        <Popover.Content>\n                            <Tree.Root\n                                value={nodes}\n                                selectionMode='single'\n                                selectionKeys={value === undefined ? {} : { [value]: true }}\n                                onSelectionChange={(event) => {\n                                    const selected = Object.keys(event.value).find((key) => event.value[key] === true);\n                                    if (selected === undefined) return;\n                                    onChange?.(selected);\n                                    setOpen(false);\n                                }}>\n                                <Tree.Nodes>\n                                    {(row) => (\n                                        <Tree.Node uKey={row.node.key}>\n                                            <Tree.Content>\n                                                <Tree.Toggle>\n                                                    <Tree.ToggleIndicator>\n                                                        <i className={row.expanded ? 'pi pi-chevron-down' : 'pi pi-chevron-right'} />\n                                                    </Tree.ToggleIndicator>\n                                                </Tree.Toggle>\n                                                <Tree.Label>{row.node.label}</Tree.Label>\n                                            </Tree.Content>\n                                        </Tree.Node>\n                                    )}\n                                </Tree.Nodes>\n                            </Tree.Root>\n                        </Popover.Content>\n                    </Popover.Popup>\n                </Popover.Positioner>\n            </Popover.Portal>\n        </Popover.Root>\n    );\n}\n\n/**\n * Converts Scene's {@link TreeNode} model into the one PrimeReact 11's `Tree` reads.\n *\n * The two shapes agree on everything that matters except one thing: `key` is optional on a Scene node and\n * required on a PrimeReact one, because the tree keys expansion and selection off it. A missing key is\n * synthesized from the node's position, which is unique and stable across re-renders - the same rule\n * `toTreeNodes` applies, repeated here so this component is correct even when handed nodes that did not\n * come through it.\n *\n * @param nodes The Scene nodes to convert.\n * @param parentKey The key of the node these belong to, used to build unique child keys.\n * @returns The converted nodes, in order.\n */\nfunction toTreeNodeData(nodes: TreeNode[], parentKey = ''): TreeNodeData[] {\n    return nodes.map((node, index) => {\n        const key = node.key ?? (parentKey === '' ? `${index}` : `${parentKey}-${index}`);\n        return {\n            key,\n            label: node.label,\n            icon: node.icon,\n            children: node.children === undefined ? undefined : toTreeNodeData(node.children, key),\n        };\n    });\n}\n\n/**\n * Finds the label to show on the trigger for a selected key.\n *\n * The selection is a key rather than a node because that is all the tree reports, so the label has to be\n * looked back up - and it has to search the whole hierarchy, since the selected node is very rarely a\n * root one.\n *\n * @param nodes The converted nodes to search.\n * @param key The selected key, or `undefined` when nothing is selected.\n * @returns The node's label, or `undefined` when nothing is selected or the key matches no node.\n */\nfunction findLabel(nodes: TreeNodeData[], key: string | undefined): ReactNode {\n    if (key === undefined) return undefined;\n    for (const node of nodes) {\n        if (node.key === key) return node.label;\n        const found = node.children === undefined ? undefined : findLabel(node.children, key);\n        if (found !== undefined) return found;\n    }\n\n    return undefined;\n}\n"],"names":["TreeSelect","value","options","placeholder","disabled","onChange","open","setOpen","useState","nodes","useMemo","toTreeNodeData","label","findLabel","_jsxs","Popover","Root","onOpenChange","event","Trigger","_jsx","span","i","className","Portal","Positioner","Popup","Content","Tree","selectionMode","selectionKeys","undefined","onSelectionChange","selected","Object","keys","find","key","Nodes","row","Node","uKey","node","Toggle","ToggleIndicator","expanded","Label","parentKey","map","index","icon","children","found"],"mappings":"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"}

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

@@ -2,7 +2,6 @@ export * from './PrimeInputText';
 export * from './PrimeInputTextarea';
 export * from './PrimeInputNumber';
 export * from './PrimePassword';
-export * from './PrimeInputMask';
 export * from './PrimeFloatLabel';
 export * from './PrimeIconField';
 export * from './PrimeDropdown';
@@ -19,6 +18,6 @@ export * from './PrimeCalendar';
 export * from './PrimeColorPicker';
 export * from './PrimeChips';
 export * from './PrimeAutoComplete';
+export * from './TreeSelect';
 export * from './PrimeTreeSelect';
-export * from './PrimeCascadeSelect';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../form/index.ts"],"names":[],"mappings":"AAGA,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../form/index.ts"],"names":[],"mappings":"AAGA,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC"}

package/dist/esm/form/index.js

@@ -2,7 +2,6 @@ export * from './PrimeInputText';
 export * from './PrimeInputTextarea';
 export * from './PrimeInputNumber';
 export * from './PrimePassword';
-export * from './PrimeInputMask';
 export * from './PrimeFloatLabel';
 export * from './PrimeIconField';
 export * from './PrimeDropdown';
@@ -19,6 +18,6 @@ export * from './PrimeCalendar';
 export * from './PrimeColorPicker';
 export * from './PrimeChips';
 export * from './PrimeAutoComplete';
+export * from './TreeSelect';
 export * from './PrimeTreeSelect';
-export * from './PrimeCascadeSelect';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../form/index.ts"],"names":[],"mappings":"AAGA,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../form/index.ts"],"names":[],"mappings":"AAGA,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC"}

package/dist/esm/index.d.ts

@@ -1,4 +1,7 @@
 export * from './SelectOption';
+export * from './MenuItem';
+export * from './PrimeSeverity';
+export * from './TreeNode';
 export * from './properties';
 export * from './menuItems';
 export * from './treeNodes';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../index.ts"],"names":[],"mappings":"AAGA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../index.ts"],"names":[],"mappings":"AAGA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC"}

package/dist/esm/index.js

@@ -1,15 +1,15 @@
-export { arrayProperty, booleanProperty, numberProperty, optionsProperty, recordArrayProperty, stringArrayProperty, stringProperty } from './properties.js';
+export { arrayProperty, booleanProperty, numberProperty, optionsProperty, recordArrayProperty, severityProperty, stringArrayProperty, stringProperty } from './properties.js';
 export { menuItemsProperty, toMenuItems } from './menuItems.js';
 export { toTreeNodes, treeNodesProperty } from './treeNodes.js';
 export { PrimeButton } from './button/PrimeButton.js';
 export { PrimeSplitButton } from './button/PrimeSplitButton.js';
 export { PrimeSpeedDial } from './button/PrimeSpeedDial.js';
 export { PrimeButtonGroup } from './button/PrimeButtonGroup.js';
+export { SplitButton } from './button/SplitButton.js';
 export { PrimeInputText } from './form/PrimeInputText.js';
 export { PrimeInputTextarea } from './form/PrimeInputTextarea.js';
 export { PrimeInputNumber } from './form/PrimeInputNumber.js';
 export { PrimePassword } from './form/PrimePassword.js';
-export { PrimeInputMask } from './form/PrimeInputMask.js';
 export { PrimeFloatLabel } from './form/PrimeFloatLabel.js';
 export { PrimeIconField } from './form/PrimeIconField.js';
 export { PrimeDropdown } from './form/PrimeDropdown.js';
@@ -26,20 +26,19 @@ export { PrimeCalendar } from './form/PrimeCalendar.js';
 export { PrimeColorPicker } from './form/PrimeColorPicker.js';
 export { PrimeChips } from './form/PrimeChips.js';
 export { PrimeAutoComplete } from './form/PrimeAutoComplete.js';
+export { TreeSelect } from './form/TreeSelect.js';
 export { PrimeTreeSelect } from './form/PrimeTreeSelect.js';
-export { PrimeCascadeSelect } from './form/PrimeCascadeSelect.js';
+export { Column } from './data/Column.js';
 export { columnDefinitions } from './data/columnDefinitions.js';
 export { PrimeColumn } from './data/PrimeColumn.js';
 export { PrimeDataTable } from './data/PrimeDataTable.js';
 export { PrimeDataView } from './data/PrimeDataView.js';
 export { PrimeTree } from './data/PrimeTree.js';
-export { PrimeTreeTable } from './data/PrimeTreeTable.js';
 export { PrimeTimeline } from './data/PrimeTimeline.js';
 export { PrimePaginator } from './data/PrimePaginator.js';
 export { PrimeOrderList } from './data/PrimeOrderList.js';
 export { PrimePickList } from './data/PrimePickList.js';
 export { PrimeOrganizationChart } from './data/PrimeOrganizationChart.js';
-export { PrimeVirtualScroller } from './data/PrimeVirtualScroller.js';
 export { PrimeCard } from './panel/PrimeCard.js';
 export { PrimePanel } from './panel/PrimePanel.js';
 export { PrimeFieldset } from './panel/PrimeFieldset.js';
@@ -50,11 +49,22 @@ export { PrimeAccordion } from './panel/PrimeAccordion.js';
 export { PrimeTabView } from './panel/PrimeTabView.js';
 export { PrimeSplitter } from './panel/PrimeSplitter.js';
 export { PrimeStepper } from './panel/PrimeStepper.js';
+export { ConfirmDialog } from './overlay/ConfirmDialog.js';
 export { PrimeDialog } from './overlay/PrimeDialog.js';
 export { PrimeConfirmDialog } from './overlay/PrimeConfirmDialog.js';
 export { PrimeOverlayPanel } from './overlay/PrimeOverlayPanel.js';
 export { PrimeSidebar } from './overlay/PrimeSidebar.js';
 export { PrimeTooltip } from './overlay/PrimeTooltip.js';
+export { MenuItemContent } from './menu/MenuItemContent.js';
+export { MenuItemAction } from './menu/MenuItemAction.js';
+export { DockPosition } from './menu/DockPosition.js';
+export { Menubar } from './menu/Menubar.js';
+export { MegaMenu } from './menu/MegaMenu.js';
+export { TieredMenu } from './menu/TieredMenu.js';
+export { Steps } from './menu/Steps.js';
+export { TabMenu } from './menu/TabMenu.js';
+export { PanelMenu } from './menu/PanelMenu.js';
+export { Dock } from './menu/Dock.js';
 export { PrimeMenu } from './menu/PrimeMenu.js';
 export { PrimeMenubar } from './menu/PrimeMenubar.js';
 export { PrimeBreadcrumb } from './menu/PrimeBreadcrumb.js';
@@ -71,6 +81,7 @@ export { PrimeToast } from './messages/PrimeToast.js';
 export { PrimeImage } from './media/PrimeImage.js';
 export { PrimeGalleria } from './media/PrimeGalleria.js';
 export { PrimeCarousel } from './media/PrimeCarousel.js';
+export { Image } from './media/Image.js';
 export { PrimeAvatar } from './misc/PrimeAvatar.js';
 export { PrimeBadge } from './misc/PrimeBadge.js';
 export { PrimeChip } from './misc/PrimeChip.js';
@@ -82,17 +93,19 @@ export { PrimeScrollTop } from './misc/PrimeScrollTop.js';
 export { PrimeBlockUI } from './misc/PrimeBlockUI.js';
 export { PrimeInplace } from './misc/PrimeInplace.js';
 export { PrimeTerminal } from './misc/PrimeTerminal.js';
+export { BlockUI } from './misc/BlockUI.js';
+export { ScrollTop } from './misc/ScrollTop.js';
 export { PrimeText } from './screen/PrimeText.js';
 export { PrimeTitle } from './screen/PrimeTitle.js';
 export { PrimeField } from './screen/PrimeField.js';
 export { PrimeSection } from './screen/PrimeSection.js';
 export { PrimeSummary } from './screen/PrimeSummary.js';
 export { PrimeAction } from './screen/PrimeAction.js';
+export { PrimeReactThemeFamily } from './theme/PrimeReactThemeFamily.js';
 export { themePresets } from './theme/themePresets.js';
-export { primeReactTheme, primeReactThemeCompatibility, primeReactThemeNames, primeReactThemes } from './theme/primeReactThemes.js';
-export { primeReactThemeStylesheet, themeLinkElementId } from './theme/primeReactThemeStylesheet.js';
-export { applyPrimeReactTheme } from './theme/applyPrimeReactTheme.js';
-export { usePrimeReactTheme } from './theme/usePrimeReactTheme.js';
+export { primeReactTheme, primeReactThemeCompatibility, primeReactThemeLicense, primeReactThemeNames, primeReactThemes } from './theme/primeReactThemes.js';
+export { primeReactThemePreset } from './theme/primeReactThemePreset.js';
+export { primeReactDarkModeClass, usePrimeReactTheme } from './theme/usePrimeReactTheme.js';
 export { primeReactComponents } from './primeReactComponents.js';
 export { primeReactPackage, primeReactPackageManifest } from './primeReactPackage.js';
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/media/Image.d.ts

@@ -0,0 +1,10 @@
+import { HTMLAttributes } from 'react';
+export interface ImageProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'children'> {
+    src?: string;
+    alt?: string;
+    width?: string;
+    height?: string;
+    preview?: boolean;
+}
+export declare function Image({ src, alt, width, height, preview, className, ...rest }: ImageProps): import("react").JSX.Element;
+//# sourceMappingURL=Image.d.ts.map

package/dist/esm/media/Image.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../media/Image.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAY,MAAM,OAAO,CAAC;AAMjD,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,UAAU,CAAC;IAKjF,GAAG,CAAC,EAAE,MAAM,CAAC;IAOb,GAAG,CAAC,EAAE,MAAM,CAAC;IAKb,KAAK,CAAC,EAAE,MAAM,CAAC;IAKf,MAAM,CAAC,EAAE,MAAM,CAAC;IAMhB,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB;AAqBD,wBAAgB,KAAK,CAAC,EAAE,GAAG,EAAE,GAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,OAAe,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,UAAU,+BA4CtG"}

package/dist/esm/media/Image.js

@@ -0,0 +1,97 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { Dialog } from 'primereact/dialog';
+
+/**
+ * A picture, optionally openable full size in an overlay.
+ *
+ * Cratis owns this component. PrimeReact 10 had `Image`; PrimeReact 11 removed it with no replacement and
+ * no headless hook, while `image` remains a name this package's manifest publishes. The plain case is a
+ * plain `img` - there was never much to a themed image - and the preview reuses PrimeReact 11's `Dialog`,
+ * which survived, so the overlay keeps the application's focus trapping, escape handling and stacking
+ * rather than growing a second, worse implementation of all three here.
+ *
+ * With no `src`, an empty element is rendered rather than a broken `img`. That keeps whatever identifying
+ * attributes the caller passed in the document, which is what lets a design-time tool still find and
+ * select the element it has not finished authoring.
+ *
+ * What it deliberately does not carry over from v10: the preview toolbar - zoom in and out, rotate, flip,
+ * download - which is a viewer rather than an image and is exactly what the `galleria` component is for;
+ * `indicatorIcon` and the hover indicator overlay; the `imageStyle` / `previewStyle` prop pairs, since
+ * `className` and `style` already reach the element; and `zoomInDisabled` / `zoomOutDisabled`, which only
+ * ever meant anything to that toolbar.
+ */ function Image({ src, alt = '', width, height, preview = false, className, ...rest }) {
+    const [open, setOpen] = useState(false);
+    if (src === undefined || src === '') return /*#__PURE__*/ jsx("span", {
+        ...rest,
+        className: className
+    });
+    const image = /*#__PURE__*/ jsx("img", {
+        src: src,
+        alt: alt,
+        width: width,
+        height: height,
+        className: "max-w-full"
+    });
+    if (!preview) {
+        return /*#__PURE__*/ jsx("span", {
+            ...rest,
+            className: className,
+            children: image
+        });
+    }
+    return /*#__PURE__*/ jsxs("span", {
+        ...rest,
+        className: className,
+        children: [
+            /*#__PURE__*/ jsx("button", {
+                type: "button",
+                className: "cursor-zoom-in border-0 bg-transparent p-0",
+                "aria-label": alt === '' ? 'Open image preview' : `Open preview of ${alt}`,
+                onClick: ()=>setOpen(true),
+                children: image
+            }),
+            /*#__PURE__*/ jsx(Dialog.Root, {
+                open: open,
+                onOpenChange: (event)=>setOpen(event.value === true),
+                modal: true,
+                dismissable: true,
+                children: /*#__PURE__*/ jsxs(Dialog.Portal, {
+                    children: [
+                        /*#__PURE__*/ jsx(Dialog.Backdrop, {}),
+                        /*#__PURE__*/ jsx(Dialog.Positioner, {
+                            children: /*#__PURE__*/ jsxs(Dialog.Popup, {
+                                children: [
+                                    /*#__PURE__*/ jsxs(Dialog.Header, {
+                                        children: [
+                                            /*#__PURE__*/ jsx(Dialog.Title, {
+                                                children: alt === '' ? 'Preview' : alt
+                                            }),
+                                            /*#__PURE__*/ jsx(Dialog.Close, {
+                                                "aria-label": "Close preview",
+                                                children: /*#__PURE__*/ jsx("i", {
+                                                    className: "pi pi-times",
+                                                    "aria-hidden": "true"
+                                                })
+                                            })
+                                        ]
+                                    }),
+                                    /*#__PURE__*/ jsx(Dialog.Content, {
+                                        children: /*#__PURE__*/ jsx("img", {
+                                            src: src,
+                                            alt: alt,
+                                            className: "max-h-[80vh] max-w-[80vw]"
+                                        })
+                                    })
+                                ]
+                            })
+                        })
+                    ]
+                })
+            })
+        ]
+    });
+}
+
+export { Image };
+//# sourceMappingURL=Image.js.map

package/dist/esm/media/Image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Image.js","sources":["../../../media/Image.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { HTMLAttributes, useState } from 'react';\nimport { Dialog } from 'primereact/dialog';\n\n/**\n * Configuration for {@link Image}.\n */\nexport interface ImageProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'children'> {\n    /**\n     * Where the picture comes from. Optional because a screen under construction routinely names an image\n     * before it has one, and that is not a failure worth taking a page down for.\n     */\n    src?: string;\n\n    /**\n     * The alternative text. Defaults to empty, which marks the image decorative - an image with no\n     * authored alternative is decorative until someone says otherwise, and inventing text from the file\n     * name would put a URL fragment in front of a screen reader.\n     */\n    alt?: string;\n\n    /**\n     * The rendered width, as any CSS length or a bare pixel count.\n     */\n    width?: string;\n\n    /**\n     * The rendered height, as any CSS length or a bare pixel count.\n     */\n    height?: string;\n\n    /**\n     * Whether clicking the image opens it full size in an overlay. Off by default: a picture that grows\n     * when clicked is a promise, and one made on every thumbnail in a layout is usually a mistake.\n     */\n    preview?: boolean;\n}\n\n/**\n * A picture, optionally openable full size in an overlay.\n *\n * Cratis owns this component. PrimeReact 10 had `Image`; PrimeReact 11 removed it with no replacement and\n * no headless hook, while `image` remains a name this package's manifest publishes. The plain case is a\n * plain `img` - there was never much to a themed image - and the preview reuses PrimeReact 11's `Dialog`,\n * which survived, so the overlay keeps the application's focus trapping, escape handling and stacking\n * rather than growing a second, worse implementation of all three here.\n *\n * With no `src`, an empty element is rendered rather than a broken `img`. That keeps whatever identifying\n * attributes the caller passed in the document, which is what lets a design-time tool still find and\n * select the element it has not finished authoring.\n *\n * What it deliberately does not carry over from v10: the preview toolbar - zoom in and out, rotate, flip,\n * download - which is a viewer rather than an image and is exactly what the `galleria` component is for;\n * `indicatorIcon` and the hover indicator overlay; the `imageStyle` / `previewStyle` prop pairs, since\n * `className` and `style` already reach the element; and `zoomInDisabled` / `zoomOutDisabled`, which only\n * ever meant anything to that toolbar.\n */\nexport function Image({ src, alt = '', width, height, preview = false, className, ...rest }: ImageProps) {\n    const [open, setOpen] = useState(false);\n\n    if (src === undefined || src === '') return <span {...rest} className={className} />;\n\n    const image = <img src={src} alt={alt} width={width} height={height} className='max-w-full' />;\n\n    if (!preview) {\n        return (\n            <span {...rest} className={className}>\n                {image}\n            </span>\n        );\n    }\n\n    return (\n        <span {...rest} className={className}>\n            <button\n                type='button'\n                className='cursor-zoom-in border-0 bg-transparent p-0'\n                aria-label={alt === '' ? 'Open image preview' : `Open preview of ${alt}`}\n                onClick={() => setOpen(true)}>\n                {image}\n            </button>\n            <Dialog.Root open={open} onOpenChange={(event) => setOpen(event.value === true)} modal dismissable>\n                <Dialog.Portal>\n                    <Dialog.Backdrop />\n                    <Dialog.Positioner>\n                        <Dialog.Popup>\n                            <Dialog.Header>\n                                <Dialog.Title>{alt === '' ? 'Preview' : alt}</Dialog.Title>\n                                <Dialog.Close aria-label='Close preview'>\n                                    <i className='pi pi-times' aria-hidden='true' />\n                                </Dialog.Close>\n                            </Dialog.Header>\n                            <Dialog.Content>\n                                <img src={src} alt={alt} className='max-h-[80vh] max-w-[80vw]' />\n                            </Dialog.Content>\n                        </Dialog.Popup>\n                    </Dialog.Positioner>\n                </Dialog.Portal>\n            </Dialog.Root>\n        </span>\n    );\n}\n"],"names":["Image","src","alt","width","height","preview","className","rest","open","setOpen","useState","undefined","_jsx","span","image","img","_jsxs","button","type","aria-label","onClick","Dialog","Root","onOpenChange","event","value","modal","dismissable","Portal","Backdrop","Positioner","Popup","Header","Title","Close","i","aria-hidden","Content"],"mappings":";;;;AAwCA;;;;;;;;;;;;;;;;;;AAkBC,IACM,SAASA,KAAAA,CAAM,EAAEC,GAAG,EAAEC,MAAM,EAAE,EAAEC,KAAK,EAAEC,MAAM,EAAEC,OAAAA,GAAU,KAAK,EAAEC,SAAS,EAAE,GAAGC,IAAAA,EAAkB,EAAA;AACnG,IAAA,MAAM,CAACC,IAAAA,EAAMC,OAAAA,CAAQ,GAAGC,QAAAA,CAAS,KAAA,CAAA;AAEjC,IAAA,IAAIT,GAAAA,KAAQU,SAAAA,IAAaV,GAAAA,KAAQ,EAAA,EAAI,qBAAOW,GAAA,CAACC,MAAAA,EAAAA;AAAM,QAAA,GAAGN,IAAI;QAAED,SAAAA,EAAWA;;AAEvE,IAAA,MAAMQ,sBAAQF,GAAA,CAACG,KAAAA,EAAAA;QAAId,GAAAA,EAAKA,GAAAA;QAAKC,GAAAA,EAAKA,GAAAA;QAAKC,KAAAA,EAAOA,KAAAA;QAAOC,MAAAA,EAAQA,MAAAA;QAAQE,SAAAA,EAAU;;AAE/E,IAAA,IAAI,CAACD,OAAAA,EAAS;AACV,QAAA,qBACIO,GAAA,CAACC,MAAAA,EAAAA;AAAM,YAAA,GAAGN,IAAI;YAAED,SAAAA,EAAWA,SAAAA;AACtBQ,YAAAA,QAAAA,EAAAA;;AAGb,IAAA;AAEA,IAAA,qBACIE,IAAA,CAACH,MAAAA,EAAAA;AAAM,QAAA,GAAGN,IAAI;QAAED,SAAAA,EAAWA,SAAAA;;0BACvBM,GAAA,CAACK,QAAAA,EAAAA;gBACGC,IAAAA,EAAK,QAAA;gBACLZ,SAAAA,EAAU,4CAAA;AACVa,gBAAAA,YAAAA,EAAYjB,QAAQ,EAAA,GAAK,oBAAA,GAAuB,CAAC,gBAAgB,EAAEA,GAAAA,CAAAA,CAAK;AACxEkB,gBAAAA,OAAAA,EAAS,IAAMX,OAAAA,CAAQ,IAAA,CAAA;AACtBK,gBAAAA,QAAAA,EAAAA;;AAEL,0BAAAF,GAAA,CAACS,OAAOC,IAAI,EAAA;gBAACd,IAAAA,EAAMA,IAAAA;AAAMe,gBAAAA,YAAAA,EAAc,CAACC,KAAAA,GAAUf,OAAAA,CAAQe,KAAAA,CAAMC,KAAK,KAAK,IAAA,CAAA;gBAAOC,KAAK,EAAA,IAAA;gBAACC,WAAW,EAAA,IAAA;wCAC9FX,IAAA,CAACK,OAAOO,MAAM,EAAA;;AACV,sCAAAhB,GAAA,CAACS,OAAOQ,QAAQ,EAAA,EAAA,CAAA;AAChB,sCAAAjB,GAAA,CAACS,OAAOS,UAAU,EAAA;oDACdd,IAAA,CAACK,OAAOU,KAAK,EAAA;;AACT,kDAAAf,IAAA,CAACK,OAAOW,MAAM,EAAA;;AACV,0DAAApB,GAAA,CAACS,OAAOY,KAAK,EAAA;AAAE/B,gDAAAA,QAAAA,EAAAA,GAAAA,KAAQ,KAAK,SAAA,GAAYA;;AACxC,0DAAAU,GAAA,CAACS,OAAOa,KAAK,EAAA;gDAACf,YAAAA,EAAW,eAAA;AACrB,gDAAA,QAAA,gBAAAP,GAAA,CAACuB,GAAAA,EAAAA;oDAAE7B,SAAAA,EAAU,aAAA;oDAAc8B,aAAAA,EAAY;;;;;AAG/C,kDAAAxB,GAAA,CAACS,OAAOgB,OAAO,EAAA;AACX,wCAAA,QAAA,gBAAAzB,GAAA,CAACG,KAAAA,EAAAA;4CAAId,GAAAA,EAAKA,GAAAA;4CAAKC,GAAAA,EAAKA,GAAAA;4CAAKI,SAAAA,EAAU;;;;;;;;;;;AAQnE;;;;"}

package/dist/esm/media/MediaGallery.stories.js

@@ -7,7 +7,7 @@ const meta = {
     tags: ['autodocs'],
     parameters: {
         layout: 'padded',
-        docs: { description: { component: 'The media family. `galleria` and `carousel` both ship without a default template, so each adapter supplies one built from the fields the element names.' } },
+        docs: { description: { component: 'The media family. `galleria` and `carousel` are compositions in PrimeReact 11 rather than components taking render-prop templates, so each adapter writes out the item list itself from the fields the element names - `galleria` from `{ src, thumbnail, alt }`, `carousel` from `titleField` and `descriptionField`. `image` is a Cratis-owned rebuild: PrimeReact 11 removed its `Image` with no replacement, and the preview overlay here is a PrimeReact `Dialog`.' } },
     },
 };
 export default meta;

package/dist/esm/media/MediaGallery.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"MediaGallery.stories.js","sourceRoot":"","sources":["../../../media/MediaGallery.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhE,MAAM,IAAI,GAAG;IACT,KAAK,EAAE,kBAAkB;IACzB,SAAS,EAAE,gBAAgB;IAC3B,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACR,MAAM,EAAE,QAAQ;QAChB,IAAI,EAAE,EAAE,WAAW,EAAE,EAAE,SAAS,EAAE,yJAAyJ,EAAE,EAAE;KAClM;CACoC,CAAC;AAE1C,eAAe,IAAI,CAAC;AAKpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC1B,IAAI,EAAE;QACF,OAAO,EAAE,YAAY,CAAC,SAAS,EAAE;YAC7B,cAAc,CAAC,OAAO,EAAE,OAAO,EAAE,EAAE,GAAG,EAAE,qEAAqE,EAAE,GAAG,EAAE,aAAa,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;YACjK,cAAc,CAAC,UAAU,EAAE,UAAU,EAAE;gBACnC,QAAQ,EAAE,GAAG;gBACb,KAAK,EAAE;oBACH,EAAE,GAAG,EAAE,qEAAqE,EAAE,GAAG,EAAE,KAAK,EAAE;oBAC1F,EAAE,GAAG,EAAE,qEAAqE,EAAE,GAAG,EAAE,KAAK,EAAE;iBAC7F;aACJ,CAAC;YACF,cAAc,CAAC,UAAU,EAAE,UAAU,EAAE;gBACnC,UAAU,EAAE,CAAC;gBACb,KAAK,EAAE;oBACH,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE;oBAC7C,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,aAAa,EAAE;oBAC7C,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE;iBAChD;aACJ,CAAC;SACL,CAAC;QACF,QAAQ,EAAE,oBAAoB;QAC9B,cAAc,EAAE,GAAG,EAAE,CAAC,SAAS;KAClC;CACJ,CAAC"}
+{"version":3,"file":"MediaGallery.stories.js","sourceRoot":"","sources":["../../../media/MediaGallery.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhE,MAAM,IAAI,GAAG;IACT,KAAK,EAAE,kBAAkB;IACzB,SAAS,EAAE,gBAAgB;IAC3B,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACR,MAAM,EAAE,QAAQ;QAChB,IAAI,EAAE,EAAE,WAAW,EAAE,EAAE,SAAS,EAAE,ycAAyc,EAAE,EAAE;KAClf;CACoC,CAAC;AAE1C,eAAe,IAAI,CAAC;AAKpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC1B,IAAI,EAAE;QACF,OAAO,EAAE,YAAY,CAAC,SAAS,EAAE;YAC7B,cAAc,CAAC,OAAO,EAAE,OAAO,EAAE,EAAE,GAAG,EAAE,qEAAqE,EAAE,GAAG,EAAE,aAAa,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;YACjK,cAAc,CAAC,UAAU,EAAE,UAAU,EAAE;gBACnC,QAAQ,EAAE,GAAG;gBACb,KAAK,EAAE;oBACH,EAAE,GAAG,EAAE,qEAAqE,EAAE,GAAG,EAAE,KAAK,EAAE;oBAC1F,EAAE,GAAG,EAAE,qEAAqE,EAAE,GAAG,EAAE,KAAK,EAAE;iBAC7F;aACJ,CAAC;YACF,cAAc,CAAC,UAAU,EAAE,UAAU,EAAE;gBACnC,UAAU,EAAE,CAAC;gBACb,KAAK,EAAE;oBACH,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE;oBAC7C,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,aAAa,EAAE;oBAC7C,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE;iBAChD;aACJ,CAAC;SACL,CAAC;QACF,QAAQ,EAAE,oBAAoB;QAC9B,cAAc,EAAE,GAAG,EAAE,CAAC,SAAS;KAClC;CACJ,CAAC"}

package/dist/esm/media/PrimeCarousel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PrimeCarousel.d.ts","sourceRoot":"","sources":["../../../media/PrimeCarousel.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAS/D,wBAAgB,aAAa,CAAC,EAAE,OAAO,EAAE,EAAE,wBAAwB,+BAkBlE"}
+{"version":3,"file":"PrimeCarousel.d.ts","sourceRoot":"","sources":["../../../media/PrimeCarousel.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAkB/D,wBAAgB,aAAa,CAAC,EAAE,OAAO,EAAE,EAAE,wBAAwB,+BA8BlE"}

package/dist/esm/media/PrimeCarousel.js

@@ -1,34 +1,68 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { Carousel } from 'primereact/carousel';
-import { stringProperty, booleanProperty, numberProperty, recordArrayProperty } from '../properties.js';
+import { recordArrayProperty, stringProperty, numberProperty, booleanProperty } from '../properties.js';
 
 /**
  * The `PrimeReact:carousel` component - a row of items paged through horizontally.
  *
- * Supplies an item template from the `titleField` and `descriptionField` properties, for the same reason
- * `dataView` does: without one, every item renders empty.
+ * The item body is built from the `titleField` and `descriptionField` properties, for the same reason
+ * `dataView` does it: the element carries records, not markup, and something has to decide which two
+ * fields a reader sees. PrimeReact 11 takes that as children rather than as an `itemTemplate` callback,
+ * which is why the mapping is written out here instead of passed in.
+ *
+ * v10's `numScroll` has no v11 counterpart and is not read: the new carousel scrolls by a page, and a page
+ * is `numVisible` items. Honoring a `numScroll` that differs from it would mean re-implementing paging
+ * against a component that has its own.
+ *
+ * Navigation and page indicators appear only when there is more than one page's worth of items. A control
+ * that cannot do anything is worse than an absent one - it invites a click and answers with nothing.
  */ function PrimeCarousel({ element }) {
+    const items = recordArrayProperty(element, 'items');
     const titleField = stringProperty(element, 'titleField', 'title');
     const descriptionField = stringProperty(element, 'descriptionField', 'description');
-    return /*#__PURE__*/ jsx(Carousel, {
+    const numVisible = numberProperty(element, 'numVisible', 3);
+    return /*#__PURE__*/ jsxs(Carousel.Root, {
         "data-scene-id": element.id,
-        value: recordArrayProperty(element, 'items'),
-        numVisible: numberProperty(element, 'numVisible', 3),
-        numScroll: numberProperty(element, 'numScroll', 1),
-        circular: booleanProperty(element, 'circular', false),
-        itemTemplate: (item)=>/*#__PURE__*/ jsxs("div", {
-                className: "m-2 flex flex-col gap-1 border p-3",
+        slidesPerPage: numVisible,
+        loop: booleanProperty(element, 'circular', false),
+        children: [
+            /*#__PURE__*/ jsx(Carousel.Content, {
+                children: items.map((item, index)=>/*#__PURE__*/ jsx(Carousel.Item, {
+                        children: /*#__PURE__*/ jsxs("div", {
+                            className: "m-2 flex flex-col gap-1 border p-3",
+                            children: [
+                                /*#__PURE__*/ jsx("span", {
+                                    className: "font-semibold",
+                                    children: String(item[titleField] ?? '')
+                                }),
+                                /*#__PURE__*/ jsx("span", {
+                                    className: "text-sm opacity-75",
+                                    children: String(item[descriptionField] ?? '')
+                                })
+                            ]
+                        })
+                    }, index))
+            }),
+            items.length > numVisible && /*#__PURE__*/ jsxs(Fragment, {
                 children: [
-                    /*#__PURE__*/ jsx("span", {
-                        className: "font-semibold",
-                        children: String(item[titleField] ?? '')
+                    /*#__PURE__*/ jsx(Carousel.Prev, {
+                        "aria-label": "Previous items",
+                        children: /*#__PURE__*/ jsx("i", {
+                            className: "pi pi-chevron-left",
+                            "aria-hidden": "true"
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(Carousel.Next, {
+                        "aria-label": "Next items",
+                        children: /*#__PURE__*/ jsx("i", {
+                            className: "pi pi-chevron-right",
+                            "aria-hidden": "true"
+                        })
                     }),
-                    /*#__PURE__*/ jsx("span", {
-                        className: "text-sm opacity-75",
-                        children: String(item[descriptionField] ?? '')
-                    })
+                    /*#__PURE__*/ jsx(Carousel.Indicators, {})
                 ]
             })
+        ]
     });
 }
 

package/dist/esm/media/PrimeCarousel.js.map

@@ -1 +1 @@
-{"version":3,"file":"PrimeCarousel.js","sources":["../../../media/PrimeCarousel.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 { Carousel } from 'primereact/carousel';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { booleanProperty, numberProperty, recordArrayProperty, stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:carousel` component - a row of items paged through horizontally.\n *\n * Supplies an item template from the `titleField` and `descriptionField` properties, for the same reason\n * `dataView` does: without one, every item renders empty.\n */\nexport function PrimeCarousel({ element }: RegisteredComponentProps) {\n    const titleField = stringProperty(element, 'titleField', 'title');\n    const descriptionField = stringProperty(element, 'descriptionField', 'description');\n    return (\n        <Carousel\n            data-scene-id={element.id}\n            value={recordArrayProperty(element, 'items')}\n            numVisible={numberProperty(element, 'numVisible', 3)}\n            numScroll={numberProperty(element, 'numScroll', 1)}\n            circular={booleanProperty(element, 'circular', false)}\n            itemTemplate={(item: Record<string, unknown>) => (\n                <div className='m-2 flex flex-col gap-1 border p-3'>\n                    <span className='font-semibold'>{String(item[titleField] ?? '')}</span>\n                    <span className='text-sm opacity-75'>{String(item[descriptionField] ?? '')}</span>\n                </div>\n            )}\n        />\n    );\n}\n"],"names":["PrimeCarousel","element","titleField","stringProperty","descriptionField","_jsx","Carousel","data-scene-id","id","value","recordArrayProperty","numVisible","numberProperty","numScroll","circular","booleanProperty","itemTemplate","item","_jsxs","div","className","span","String"],"mappings":";;;;AAOA;;;;;AAKC,IACM,SAASA,aAAAA,CAAc,EAAEC,OAAO,EAA4B,EAAA;IAC/D,MAAMC,UAAAA,GAAaC,cAAAA,CAAeF,OAAAA,EAAS,YAAA,EAAc,OAAA,CAAA;IACzD,MAAMG,gBAAAA,GAAmBD,cAAAA,CAAeF,OAAAA,EAAS,kBAAA,EAAoB,aAAA,CAAA;AACrE,IAAA,qBACII,GAAA,CAACC,QAAAA,EAAAA;AACGC,QAAAA,eAAAA,EAAeN,QAAQO,EAAE;AACzBC,QAAAA,KAAAA,EAAOC,oBAAoBT,OAAAA,EAAS,OAAA,CAAA;QACpCU,UAAAA,EAAYC,cAAAA,CAAeX,SAAS,YAAA,EAAc,CAAA,CAAA;QAClDY,SAAAA,EAAWD,cAAAA,CAAeX,SAAS,WAAA,EAAa,CAAA,CAAA;QAChDa,QAAAA,EAAUC,eAAAA,CAAgBd,SAAS,UAAA,EAAY,KAAA,CAAA;QAC/Ce,YAAAA,EAAc,CAACC,qBACXC,IAAA,CAACC,KAAAA,EAAAA;gBAAIC,SAAAA,EAAU,oCAAA;;kCACXf,GAAA,CAACgB,MAAAA,EAAAA;wBAAKD,SAAAA,EAAU,eAAA;kCAAiBE,MAAAA,CAAOL,IAAI,CAACf,UAAAA,CAAW,IAAI,EAAA;;kCAC5DG,GAAA,CAACgB,MAAAA,EAAAA;wBAAKD,SAAAA,EAAU,oBAAA;kCAAsBE,MAAAA,CAAOL,IAAI,CAACb,gBAAAA,CAAiB,IAAI,EAAA;;;;;AAK3F;;;;"}
+{"version":3,"file":"PrimeCarousel.js","sources":["../../../media/PrimeCarousel.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 { Carousel } from 'primereact/carousel';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { booleanProperty, numberProperty, recordArrayProperty, stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:carousel` component - a row of items paged through horizontally.\n *\n * The item body is built from the `titleField` and `descriptionField` properties, for the same reason\n * `dataView` does it: the element carries records, not markup, and something has to decide which two\n * fields a reader sees. PrimeReact 11 takes that as children rather than as an `itemTemplate` callback,\n * which is why the mapping is written out here instead of passed in.\n *\n * v10's `numScroll` has no v11 counterpart and is not read: the new carousel scrolls by a page, and a page\n * is `numVisible` items. Honoring a `numScroll` that differs from it would mean re-implementing paging\n * against a component that has its own.\n *\n * Navigation and page indicators appear only when there is more than one page's worth of items. A control\n * that cannot do anything is worse than an absent one - it invites a click and answers with nothing.\n */\nexport function PrimeCarousel({ element }: RegisteredComponentProps) {\n    const items = recordArrayProperty(element, 'items');\n    const titleField = stringProperty(element, 'titleField', 'title');\n    const descriptionField = stringProperty(element, 'descriptionField', 'description');\n    const numVisible = numberProperty(element, 'numVisible', 3);\n    return (\n        <Carousel.Root data-scene-id={element.id} slidesPerPage={numVisible} loop={booleanProperty(element, 'circular', false)}>\n            <Carousel.Content>\n                {items.map((item, index) => (\n                    <Carousel.Item key={index}>\n                        <div className='m-2 flex flex-col gap-1 border p-3'>\n                            <span className='font-semibold'>{String(item[titleField] ?? '')}</span>\n                            <span className='text-sm opacity-75'>{String(item[descriptionField] ?? '')}</span>\n                        </div>\n                    </Carousel.Item>\n                ))}\n            </Carousel.Content>\n            {items.length > numVisible && (\n                <>\n                    <Carousel.Prev aria-label='Previous items'>\n                        <i className='pi pi-chevron-left' aria-hidden='true' />\n                    </Carousel.Prev>\n                    <Carousel.Next aria-label='Next items'>\n                        <i className='pi pi-chevron-right' aria-hidden='true' />\n                    </Carousel.Next>\n                    <Carousel.Indicators />\n                </>\n            )}\n        </Carousel.Root>\n    );\n}\n"],"names":["PrimeCarousel","element","items","recordArrayProperty","titleField","stringProperty","descriptionField","numVisible","numberProperty","_jsxs","Carousel","Root","data-scene-id","id","slidesPerPage","loop","booleanProperty","_jsx","Content","map","item","index","Item","div","className","span","String","length","_Fragment","Prev","aria-label","i","aria-hidden","Next","Indicators"],"mappings":";;;;AAOA;;;;;;;;;;;;;;AAcC,IACM,SAASA,aAAAA,CAAc,EAAEC,OAAO,EAA4B,EAAA;IAC/D,MAAMC,KAAAA,GAAQC,oBAAoBF,OAAAA,EAAS,OAAA,CAAA;IAC3C,MAAMG,UAAAA,GAAaC,cAAAA,CAAeJ,OAAAA,EAAS,YAAA,EAAc,OAAA,CAAA;IACzD,MAAMK,gBAAAA,GAAmBD,cAAAA,CAAeJ,OAAAA,EAAS,kBAAA,EAAoB,aAAA,CAAA;IACrE,MAAMM,UAAAA,GAAaC,cAAAA,CAAeP,OAAAA,EAAS,YAAA,EAAc,CAAA,CAAA;IACzD,qBACIQ,IAAA,CAACC,SAASC,IAAI,EAAA;AAACC,QAAAA,eAAAA,EAAeX,QAAQY,EAAE;QAAEC,aAAAA,EAAeP,UAAAA;QAAYQ,IAAAA,EAAMC,eAAAA,CAAgBf,SAAS,UAAA,EAAY,KAAA,CAAA;;AAC5G,0BAAAgB,GAAA,CAACP,SAASQ,OAAO,EAAA;AACZhB,gBAAAA,QAAAA,EAAAA,KAAAA,CAAMiB,GAAG,CAAC,CAACC,MAAMC,KAAAA,iBACdJ,GAAA,CAACP,SAASY,IAAI,EAAA;AACV,wBAAA,QAAA,gBAAAb,IAAA,CAACc,KAAAA,EAAAA;4BAAIC,SAAAA,EAAU,oCAAA;;8CACXP,GAAA,CAACQ,MAAAA,EAAAA;oCAAKD,SAAAA,EAAU,eAAA;8CAAiBE,MAAAA,CAAON,IAAI,CAAChB,UAAAA,CAAW,IAAI,EAAA;;8CAC5Da,GAAA,CAACQ,MAAAA,EAAAA;oCAAKD,SAAAA,EAAU,oBAAA;8CAAsBE,MAAAA,CAAON,IAAI,CAACd,gBAAAA,CAAiB,IAAI,EAAA;;;;AAH3De,qBAAAA,EAAAA,KAAAA,CAAAA;;YAQ3BnB,KAAAA,CAAMyB,MAAM,GAAGpB,UAAAA,kBACZE,IAAA,CAAAmB,QAAA,EAAA;;AACI,kCAAAX,GAAA,CAACP,SAASmB,IAAI,EAAA;wBAACC,YAAAA,EAAW,gBAAA;AACtB,wBAAA,QAAA,gBAAAb,GAAA,CAACc,GAAAA,EAAAA;4BAAEP,SAAAA,EAAU,oBAAA;4BAAqBQ,aAAAA,EAAY;;;AAElD,kCAAAf,GAAA,CAACP,SAASuB,IAAI,EAAA;wBAACH,YAAAA,EAAW,YAAA;AACtB,wBAAA,QAAA,gBAAAb,GAAA,CAACc,GAAAA,EAAAA;4BAAEP,SAAAA,EAAU,qBAAA;4BAAsBQ,aAAAA,EAAY;;;AAEnD,kCAAAf,GAAA,CAACP,SAASwB,UAAU,EAAA,EAAA;;;;;AAKxC;;;;"}

package/dist/esm/media/PrimeGalleria.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PrimeGalleria.d.ts","sourceRoot":"","sources":["../../../media/PrimeGalleria.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAY/D,wBAAgB,aAAa,CAAC,EAAE,OAAO,EAAE,EAAE,wBAAwB,+BAkBlE"}
+{"version":3,"file":"PrimeGalleria.d.ts","sourceRoot":"","sources":["../../../media/PrimeGalleria.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAoB/D,wBAAgB,aAAa,CAAC,EAAE,OAAO,EAAE,EAAE,wBAAwB,+BAmClE"}