@cratis/components 2.9.1 → 3.1.0

package/dist/esm/CommandForm/fields/TextAreaField.js

@@ -1,5 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
-import { InputTextarea } from 'primereact/inputtextarea';
+import { Textarea } from 'primereact/textarea';
 import { asCommandFormField } from '@cratis/arc.react/commands';
 
 /**
@@ -13,7 +13,7 @@ import { asCommandFormField } from '@cratis/arc.react/commands';
  * <TextAreaField value={c => c.description} title="Description" rows={4} />
  * ```
  */
-const TextAreaField = asCommandFormField((props) => (jsx(InputTextarea, { value: props.value, onChange: props.onChange, onBlur: props.onBlur, invalid: props.invalid, placeholder: props.placeholder, rows: props.rows ?? 5, cols: props.cols, className: props.className ? `w-full ${props.className}` : 'w-full', pt: props.pt, ptOptions: props.ptOptions, unstyled: props.unstyled })), {
+const TextAreaField = asCommandFormField((props) => (jsx(Textarea, { value: props.value, onChange: props.onChange, onBlur: props.onBlur, invalid: props.invalid, placeholder: props.placeholder, rows: props.rows ?? 5, cols: props.cols, className: props.className ? `w-full ${props.className}` : 'w-full', pt: props.pt, ptOptions: props.ptOptions, unstyled: props.unstyled })), {
     defaultValue: '',
     extractValue: (e) => e.target.value
 });

package/dist/esm/CommandForm/fields/TextAreaField.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextAreaField.js","sources":["../../../../CommandForm/fields/TextAreaField.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;AAiCA;;;;;;;;;;AAUG;MACU,aAAa,GAAG,kBAAkB,CAC3C,CAAC,KAAK,MACFA,GAAA,CAAC,aAAa,EAAA,EACV,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,IAAI,EAAE,KAAK,CAAC,IAAI,IAAI,CAAC,EACrB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,SAAS,EAAE,KAAK,CAAC,SAAS,GAAG,CAAA,OAAA,EAAU,KAAK,CAAC,SAAS,CAAA,CAAE,GAAG,QAAQ,EACnE,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAA,CAC1B,CACL,EACD;AACI,IAAA,YAAY,EAAE,EAAE;IAChB,YAAY,EAAE,CAAC,CAAyC,KAAK,CAAC,CAAC,MAAM,CAAC;AACzE,CAAA;;;;"}
+{"version":3,"file":"TextAreaField.js","sources":["../../../../CommandForm/fields/TextAreaField.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;AAkCA;;;;;;;;;;AAUG;MACU,aAAa,GAAG,kBAAkB,CAC3C,CAAC,KAAK,MACFA,GAAA,CAAC,QAAQ,EAAA,EACL,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,IAAI,EAAE,KAAK,CAAC,IAAI,IAAI,CAAC,EACrB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,SAAS,EAAE,KAAK,CAAC,SAAS,GAAG,CAAA,OAAA,EAAU,KAAK,CAAC,SAAS,CAAA,CAAE,GAAG,QAAQ,EACnE,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAA,CAC1B,CACL,EACD;AACI,IAAA,YAAY,EAAE,EAAE;IAChB,YAAY,EAAE,CAAC,CAAyC,KAAK,CAAC,CAAC,MAAM,CAAC;AACzE,CAAA;;;;"}

package/dist/esm/CommandForm/fields/ToggleSwitchField.d.ts

@@ -0,0 +1,13 @@
+import type { ToggleSwitchRootProps } from '@primereact/types/primitive/toggleswitch';
+import React from 'react';
+import { WrappedFieldProps } from '@cratis/arc.react/commands';
+interface ToggleSwitchFieldComponentProps extends WrappedFieldProps<boolean> {
+    label?: string;
+    className?: string;
+    pt?: ToggleSwitchRootProps['pt'];
+    ptOptions?: ToggleSwitchRootProps['ptOptions'];
+    unstyled?: boolean;
+}
+export declare const ToggleSwitchField: <TCommand = unknown>(props: import("@cratis/arc.react/commands").CommandFormFieldComponentProps<ToggleSwitchFieldComponentProps, TCommand>) => React.ReactElement;
+export {};
+//# sourceMappingURL=ToggleSwitchField.d.ts.map

package/dist/esm/CommandForm/fields/ToggleSwitchField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleSwitchField.d.ts","sourceRoot":"","sources":["../../../../CommandForm/fields/ToggleSwitchField.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,qBAAqB,EAA+B,MAAM,0CAA0C,CAAC;AACnH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAsB,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAGnF,UAAU,+BAAgC,SAAQ,iBAAiB,CAAC,OAAO,CAAC;IAExE,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,EAAE,CAAC,EAAE,qBAAqB,CAAC,IAAI,CAAC,CAAC;IAEjC,SAAS,CAAC,EAAE,qBAAqB,CAAC,WAAW,CAAC,CAAC;IAE/C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAWD,eAAO,MAAM,iBAAiB,mKA0B7B,CAAC"}

package/dist/esm/CommandForm/fields/ToggleSwitchField.js

@@ -0,0 +1,20 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { ToggleSwitch } from 'primereact/toggleswitch';
+import { asCommandFormField } from '@cratis/arc.react/commands';
+
+/**
+ * A boolean on/off switch field bound to a `boolean` property on a Cratis Arc
+ * command — the toggle counterpart of {@link CheckboxField}. See
+ * {@link InputTextField} for the full `value={c => c.prop}` binding model.
+ *
+ * ```tsx
+ * <ToggleSwitchField value={c => c.notificationsEnabled} label="Notifications" />
+ * ```
+ */
+const ToggleSwitchField = asCommandFormField((props) => (jsxs("label", { className: "flex items-center", onBlur: props.onBlur, children: [jsx(ToggleSwitch.Root, { checked: props.value, onCheckedChange: props.onChange, invalid: props.invalid, className: props.className, pt: props.pt, ptOptions: props.ptOptions, unstyled: props.unstyled, children: jsx(ToggleSwitch.Control, { children: jsx(ToggleSwitch.Handle, {}) }) }), props.label && jsx("span", { className: "ml-2", children: props.label })] })), {
+    defaultValue: false,
+    extractValue: (e) => e.checked
+});
+
+export { ToggleSwitchField };
+//# sourceMappingURL=ToggleSwitchField.js.map

package/dist/esm/CommandForm/fields/ToggleSwitchField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleSwitchField.js","sources":["../../../../CommandForm/fields/ToggleSwitchField.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;AAsBA;;;;;;;;AAQG;MACU,iBAAiB,GAAG,kBAAkB,CAC/C,CAAC,KAAK,MAKFA,IAAA,CAAA,OAAA,EAAA,EAAO,SAAS,EAAC,mBAAmB,EAAC,MAAM,EAAE,KAAK,CAAC,MAAM,EAAA,QAAA,EAAA,CACrDC,IAAC,YAAY,CAAC,IAAI,EAAA,EACd,OAAO,EAAE,KAAK,CAAC,KAAK,EACpB,eAAe,EAAE,KAAK,CAAC,QAAQ,EAC/B,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAA,QAAA,EACxBA,GAAA,CAAC,YAAY,CAAC,OAAO,cACjBA,GAAA,CAAC,YAAY,CAAC,MAAM,EAAA,EAAA,CAAG,GACJ,EAAA,CACP,EACnB,KAAK,CAAC,KAAK,IAAIA,cAAM,SAAS,EAAC,MAAM,EAAA,QAAA,EAAE,KAAK,CAAC,KAAK,EAAA,CAAQ,CAAA,EAAA,CACvD,CACX,EACD;AACI,IAAA,YAAY,EAAE,KAAK;IACnB,YAAY,EAAE,CAAC,CAA8B,KAAK,CAAC,CAAC;AACvD,CAAA;;;;"}

package/dist/esm/CommandForm/fields/index.d.ts

@@ -10,4 +10,7 @@ export * from './MultiSelectField';
 export * from './ChipsField';
 export * from './RadioButtonField';
 export * from './RadioGroupField';
+export * from './PasswordField';
+export * from './ToggleSwitchField';
+export * from './RatingField';
 //# sourceMappingURL=index.d.ts.map

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

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

package/dist/esm/CommandForm/fields/index.js

@@ -10,4 +10,7 @@ export * from './MultiSelectField';
 export * from './ChipsField';
 export * from './RadioButtonField';
 export * from './RadioGroupField';
+export * from './PasswordField';
+export * from './ToggleSwitchField';
+export * from './RatingField';
 //# sourceMappingURL=index.js.map

package/dist/esm/CommandForm/fields/index.js.map

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

package/dist/esm/CommandForm/index.js

@@ -10,6 +10,9 @@ export { MultiSelectField } from './fields/MultiSelectField.js';
 export { ChipsField } from './fields/ChipsField.js';
 export { RadioButtonField } from './fields/RadioButtonField.js';
 export { RadioGroupField } from './fields/RadioGroupField.js';
+export { PasswordField } from './fields/PasswordField.js';
+export { ToggleSwitchField } from './fields/ToggleSwitchField.js';
+export { RatingField } from './fields/RatingField.js';
 export { clearFieldTypeProviders, registerFieldTypeProvider, resolveFieldTypeProvider } from './fieldTypeProviderRegistry.js';
 export { AutoCommandForm } from './AutoCommandForm.js';
 

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../CommandForm/index.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA;AACA"}
+{"version":3,"file":"index.js","sources":["../../../CommandForm/index.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AACA"}

package/dist/esm/Common/ActionMenubar.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import type { ButtonProps } from '@primereact/types/primitive/button';
+export interface ActionMenuItem {
+    label?: string;
+    icon?: React.ReactNode;
+    command?: () => void;
+    disabled?: boolean;
+    className?: string;
+    severity?: 'secondary' | 'info' | 'success' | 'warn' | 'help' | 'danger' | 'contrast';
+    template?: (item: ActionMenuItem) => React.ReactNode;
+}
+export interface ActionMenubarProps {
+    model: ActionMenuItem[];
+    className?: string;
+    'aria-label'?: string;
+    pt?: ButtonProps['pt'];
+    ptOptions?: ButtonProps['ptOptions'];
+    unstyled?: boolean;
+}
+export declare const ActionMenubar: ({ model, className, pt, ptOptions, unstyled, ...rest }: ActionMenubarProps) => React.JSX.Element;
+//# sourceMappingURL=ActionMenubar.d.ts.map

package/dist/esm/Common/ActionMenubar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionMenubar.d.ts","sourceRoot":"","sources":["../../../Common/ActionMenubar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AAGtE,MAAM,WAAW,cAAc;IAE3B,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,QAAQ,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,UAAU,CAAC;IAEtF,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,KAAK,CAAC,SAAS,CAAC;CACxD;AAGD,MAAM,WAAW,kBAAkB;IAE/B,KAAK,EAAE,cAAc,EAAE,CAAC;IAExB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,EAAE,CAAC,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;IAEvB,SAAS,CAAC,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;IAErC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AASD,eAAO,MAAM,aAAa,GAAI,wDAAwD,kBAAkB,sBA2BvG,CAAC"}

package/dist/esm/Common/ActionMenubar.js

@@ -0,0 +1,20 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import React from 'react';
+import { Button } from 'primereact/button';
+
+/**
+ * A horizontal bar of command actions. Replaces the PrimeReact 10 `Menubar`
+ * (removed in PrimeReact 11, and never a great fit for a bar of *actions*
+ * rather than navigation) with a simple button toolbar driven by the same
+ * `model` array shape. Each item is a text `Button` unless it supplies a
+ * `template`.
+ */
+const ActionMenubar = ({ model, className, pt, ptOptions, unstyled, ...rest }) => (jsx("div", { role: "toolbar", className: className ? `cratis-action-menubar ${className}` : 'cratis-action-menubar', ...rest, children: model.map((item, index) => {
+        if (item.template) {
+            return jsx(React.Fragment, { children: item.template(item) }, index);
+        }
+        return (jsxs(Button, { variant: "text", severity: item.severity, onClick: item.command, disabled: item.disabled, className: item.className, pt: pt, ptOptions: ptOptions, unstyled: unstyled, children: [item.icon, item.label && jsx("span", { children: item.label })] }, index));
+    }) }));
+
+export { ActionMenubar };
+//# sourceMappingURL=ActionMenubar.js.map

package/dist/esm/Common/ActionMenubar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionMenubar.js","sources":["../../../Common/ActionMenubar.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;AAyCA;;;;;;AAMG;AACI,MAAM,aAAa,GAAG,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAsB,MACpGA,GAAA,CAAA,KAAA,EAAA,EACI,IAAI,EAAC,SAAS,EACd,SAAS,EAAE,SAAS,GAAG,CAAA,sBAAA,EAAyB,SAAS,CAAA,CAAE,GAAG,uBAAuB,EAAA,GACjF,IAAI,EAAA,QAAA,EACP,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,KAAI;AACvB,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AACf,YAAA,OAAOA,GAAA,CAAC,KAAK,CAAC,QAAQ,cAAc,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAA,EAA3B,KAAK,CAAwC;QAC7E;AAEA,QAAA,QACIC,IAAA,CAAC,MAAM,EAAA,EAEH,OAAO,EAAC,MAAM,EACd,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAAA,QAAA,EAAA,CACjB,IAAI,CAAC,IAAI,EACT,IAAI,CAAC,KAAK,IAAID,GAAA,CAAA,MAAA,EAAA,EAAA,QAAA,EAAO,IAAI,CAAC,KAAK,EAAA,CAAQ,CAAA,EAAA,EAVnC,KAAK,CAWL;IAEjB,CAAC,CAAC,EAAA,CACA;;;;"}

package/dist/esm/Common/CratisComponentsProvider.d.ts

@@ -1,11 +1,13 @@
 import React from 'react';
-import type { APIOptions } from 'primereact/api';
-export type CratisComponentsConfig = Partial<APIOptions>;
+import type { PrimeReactProps } from '@primereact/types/core';
+import { type ToasterProps } from '../Notifications';
+export type CratisComponentsConfig = Partial<PrimeReactProps>;
 export interface CratisComponentsProviderProps {
     value?: CratisComponentsConfig;
+    toaster?: boolean | ToasterProps;
     children: React.ReactNode;
 }
 export declare const cratisDefaults: CratisComponentsConfig;
 export declare const mergeCratisComponentsConfig: (value: CratisComponentsConfig | undefined) => CratisComponentsConfig;
-export declare const CratisComponentsProvider: ({ value, children }: CratisComponentsProviderProps) => React.JSX.Element;
+export declare const CratisComponentsProvider: ({ value, toaster, children }: CratisComponentsProviderProps) => React.JSX.Element;
 //# sourceMappingURL=CratisComponentsProvider.d.ts.map

package/dist/esm/Common/CratisComponentsProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CratisComponentsProvider.d.ts","sourceRoot":"","sources":["../../../Common/CratisComponentsProvider.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAQjD,MAAM,MAAM,sBAAsB,GAAG,OAAO,CAAC,UAAU,CAAC,CAAC;AAEzD,MAAM,WAAW,6BAA6B;IAK1C,KAAK,CAAC,EAAE,sBAAsB,CAAC;IAE/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAUD,eAAO,MAAM,cAAc,EAAE,sBAA2B,CAAC;AAMzD,eAAO,MAAM,2BAA2B,GAAI,OAAO,sBAAsB,GAAG,SAAS,KAAG,sBACxB,CAAC;AAgBjE,eAAO,MAAM,wBAAwB,GAAI,qBAAqB,6BAA6B,sBAI1F,CAAC"}
+{"version":3,"file":"CratisComponentsProvider.d.ts","sourceRoot":"","sources":["../../../Common/CratisComponentsProvider.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAE9D,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAQ9D,MAAM,MAAM,sBAAsB,GAAG,OAAO,CAAC,eAAe,CAAC,CAAC;AAE9D,MAAM,WAAW,6BAA6B;IAK1C,KAAK,CAAC,EAAE,sBAAsB,CAAC;IAO/B,OAAO,CAAC,EAAE,OAAO,GAAG,YAAY,CAAC;IAEjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAUD,eAAO,MAAM,cAAc,EAAE,sBAA2B,CAAC;AAMzD,eAAO,MAAM,2BAA2B,GAAI,OAAO,sBAAsB,GAAG,SAAS,KAAG,sBACxB,CAAC;AA8BjE,eAAO,MAAM,wBAAwB,GAAI,8BAA8B,6BAA6B,sBASnG,CAAC"}

package/dist/esm/Common/CratisComponentsProvider.js

@@ -1,7 +1,9 @@
-import { jsx } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { useMemo } from 'react';
-import { PrimeReactProvider } from 'primereact/api';
+import { PrimeReactProvider } from '@primereact/core';
 import { merge } from 'ts-deepmerge';
+import { Toaster } from '../Notifications/Toaster.js';
+import 'primereact/toaster';
 
 /**
  * Default configuration applied to every consumer. Intentionally empty today —
@@ -18,22 +20,36 @@ const cratisDefaults = {};
  */
 const mergeCratisComponentsConfig = (value) => merge(cratisDefaults, value ?? {});
 /**
- * Single setup point for Cratis Components. Wraps {@link PrimeReactProvider} so the
- * library can layer Cratis-wide defaults on top of PrimeReact's pass-through and
- * unstyled mechanisms while still letting the consumer take complete control:
+ * Single setup point for Cratis Components. Wraps PrimeReact 11's
+ * {@link PrimeReactProvider} so the library can layer Cratis-wide defaults on top of
+ * PrimeReact's pass-through and unstyled mechanisms while still letting the consumer
+ * take complete control. PrimeReact 11 is unstyled-first, so this library ships no
+ * bundled theme — you choose the styling posture:
  *
- * - Pass `unstyled: true` to disable every PrimeReact base style. The wrappers in
- *   this package then render structurally only and pick up all visuals from your
- *   own CSS, Tailwind, or pt definitions.
- * - Pass `pt` / `ptOptions` to apply global per-component pass-through.
+ * Every option is passed through the single `value` prop (it is deep-merged onto
+ * PrimeReact's provider config):
+ *
+ * - **Unstyled (default posture):** pass nothing, or `value={{ unstyled: true }}`, and
+ *   style the structural markup yourself through the `--cratis-*` token layer, your own
+ *   CSS, Tailwind, or `pt` definitions.
+ * - **Styled:** pass `value={{ theme: { preset } }}` with a `@primeuix/themes` preset
+ *   (e.g. `import Aura from '@primeuix/themes/aura'`) to opt into a token-based styled look.
+ * - Pass `value={{ pt, ptOptions }}` to apply global per-component pass-through.
+ *
+ * **PrimeUI license.** PrimeReact 11 is no longer MIT — its provider verifies a PrimeUI
+ * license on mount and, without one, logs a warning and shows an "Invalid PrimeUI License"
+ * banner (in development *and* production). Supply your key via `value={{ license: '…' }}`
+ * (a free Community tier covers individuals, non-profits, non-commercial OSS, and small
+ * orgs; otherwise a Commercial license is required — see primeui.store). The key flows
+ * straight through to PrimeReact's provider.
  *
  * Consumers who want to talk to PrimeReact directly may still mount
  * {@link PrimeReactProvider} themselves — this component is an optional convenience,
  * not a requirement.
  */
-const CratisComponentsProvider = ({ value, children }) => {
+const CratisComponentsProvider = ({ value, toaster, children }) => {
     const merged = useMemo(() => mergeCratisComponentsConfig(value), [value]);
-    return jsx(PrimeReactProvider, { value: merged, children: children });
+    return (jsxs(PrimeReactProvider, { ...merged, children: [children, toaster && jsx(Toaster, { ...(typeof toaster === 'object' ? toaster : {}) })] }));
 };
 
 export { CratisComponentsProvider, cratisDefaults, mergeCratisComponentsConfig };

package/dist/esm/Common/CratisComponentsProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"CratisComponentsProvider.js","sources":["../../../Common/CratisComponentsProvider.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;AAyBA;;;;;;;AAOG;AACI,MAAM,cAAc,GAA2B;AAEtD;;;AAGG;AACI,MAAM,2BAA2B,GAAG,CAAC,KAAyC,KACjF,KAAK,CAAC,cAAc,EAAE,KAAK,IAAI,EAAE;AAErC;;;;;;;;;;;;;AAaG;AACI,MAAM,wBAAwB,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAiC,KAAI;AAC3F,IAAA,MAAM,MAAM,GAAG,OAAO,CAAyB,MAAM,2BAA2B,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;IAEjG,OAAOA,GAAA,CAAC,kBAAkB,EAAA,EAAC,KAAK,EAAE,MAAM,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAsB;AAC7E;;;;"}
+{"version":3,"file":"CratisComponentsProvider.js","sources":["../../../Common/CratisComponentsProvider.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AAkCA;;;;;;;AAOG;AACI,MAAM,cAAc,GAA2B;AAEtD;;;AAGG;AACI,MAAM,2BAA2B,GAAG,CAAC,KAAyC,KACjF,KAAK,CAAC,cAAc,EAAE,KAAK,IAAI,EAAE;AAErC;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BG;AACI,MAAM,wBAAwB,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAiC,KAAI;AACpG,IAAA,MAAM,MAAM,GAAG,OAAO,CAAyB,MAAM,2BAA2B,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;AAEjG,IAAA,QACIA,IAAA,CAAC,kBAAkB,EAAA,EAAA,GAAK,MAAM,EAAA,QAAA,EAAA,CACzB,QAAQ,EACR,OAAO,IAAIC,GAAA,CAAC,OAAO,QAAM,OAAO,OAAO,KAAK,QAAQ,GAAG,OAAO,GAAG,EAAE,CAAC,EAAA,CAAI,CAAA,EAAA,CACxD;AAE7B;;;;"}

package/dist/esm/Common/DatePickerInput.d.ts

@@ -0,0 +1,22 @@
+import React, { type CSSProperties, type FocusEventHandler } from 'react';
+import type { DatePickerRootProps } from '@primereact/types/primitive/datepicker';
+export interface DatePickerInputProps {
+    value: Date | null;
+    onChange: (value: Date | null) => void;
+    onBlur?: FocusEventHandler<HTMLElement>;
+    invalid?: boolean;
+    placeholder?: string;
+    dateFormat?: string;
+    showIcon?: boolean;
+    showTime?: boolean;
+    hourFormat?: '12' | '24';
+    minDate?: Date;
+    maxDate?: Date;
+    className?: string;
+    style?: CSSProperties;
+    pt?: DatePickerRootProps['pt'];
+    ptOptions?: DatePickerRootProps['ptOptions'];
+    unstyled?: boolean;
+}
+export declare const DatePickerInput: ({ value, onChange, onBlur, invalid, placeholder, dateFormat, showIcon, showTime, hourFormat, minDate, maxDate, className, style, pt, ptOptions, unstyled, }: DatePickerInputProps) => React.JSX.Element;
+//# sourceMappingURL=DatePickerInput.d.ts.map

package/dist/esm/Common/DatePickerInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePickerInput.d.ts","sourceRoot":"","sources":["../../../Common/DatePickerInput.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,EAAE,KAAK,aAAa,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAI1E,OAAO,KAAK,EAAE,mBAAmB,EAAkC,MAAM,wCAAwC,CAAC;AAGlH,MAAM,WAAW,oBAAoB;IAEjC,KAAK,EAAE,IAAI,GAAG,IAAI,CAAC;IAEnB,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IAEvC,MAAM,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAC;IAExC,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,UAAU,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAEzB,OAAO,CAAC,EAAE,IAAI,CAAC;IAEf,OAAO,CAAC,EAAE,IAAI,CAAC;IAEf,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,KAAK,CAAC,EAAE,aAAa,CAAC;IAEtB,EAAE,CAAC,EAAE,mBAAmB,CAAC,IAAI,CAAC,CAAC;IAE/B,SAAS,CAAC,EAAE,mBAAmB,CAAC,WAAW,CAAC,CAAC;IAE7C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAWD,eAAO,MAAM,eAAe,GAAI,6JAiB7B,oBAAoB,sBAkDtB,CAAC"}

package/dist/esm/Common/DatePickerInput.js

@@ -0,0 +1,18 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { DatePicker } from 'primereact/datepicker';
+import { InputText } from 'primereact/inputtext';
+import { Button } from 'primereact/button';
+
+/**
+ * A wrapper-owned date (or date-time) picker with a simple `value` / `onChange`
+ * (`Date | null`) surface, assembling PrimeReact 11's compositional
+ * `DatePicker` (Root owns the date model, Input is the text field, and the
+ * popup Calendar/Table auto-render the grid). Shared by {@link CalendarField}
+ * (the command-bound field) and other editors that need a raw date input.
+ *
+ * `onBlur` rides the wrapping `<div>` because React blur bubbles (focusout).
+ */
+const DatePickerInput = ({ value, onChange, onBlur, invalid, placeholder, dateFormat, showIcon, showTime, hourFormat, minDate, maxDate, className, style, pt, ptOptions, unstyled, }) => (jsx("div", { className: className ? `w-full ${className}` : 'w-full', style: style, onBlur: onBlur, children: jsxs(DatePicker.Root, { value: value, onValueChange: (e) => onChange(e.value instanceof Date ? e.value : null), invalid: invalid, dateFormat: dateFormat, showTime: showTime, hourFormat: hourFormat, minDate: minDate, maxDate: maxDate, pt: pt, ptOptions: ptOptions, unstyled: unstyled, children: [jsx(DatePicker.Input, { as: InputText, placeholder: placeholder, className: "w-full" }), showIcon && (jsx(DatePicker.Trigger, { children: jsx("i", { className: "pi pi-calendar" }) })), jsx(DatePicker.Portal, { children: jsx(DatePicker.Positioner, { align: "start", children: jsxs(DatePicker.Popup, { children: [jsxs(DatePicker.Calendar, { children: [jsxs(DatePicker.Header, { children: [jsx(DatePicker.Prev, { as: Button, iconOnly: true, variant: "text", rounded: true, severity: "secondary", size: "small", children: jsx("i", { className: "pi pi-chevron-left" }) }), jsxs(DatePicker.Title, { children: [jsx(DatePicker.SelectMonth, {}), jsx(DatePicker.SelectYear, {}), jsx(DatePicker.Decade, {})] }), jsx(DatePicker.Next, { as: Button, iconOnly: true, variant: "text", rounded: true, severity: "secondary", size: "small", children: jsx("i", { className: "pi pi-chevron-right" }) })] }), jsxs(DatePicker.Table, { children: [jsx(DatePicker.TableHead, {}), jsx(DatePicker.TableBody, {}), jsx(DatePicker.TableBody, { view: "month" }), jsx(DatePicker.TableBody, { view: "year" })] })] }), showTime && jsx(DatePicker.Time, {})] }) }) })] }) }));
+
+export { DatePickerInput };
+//# sourceMappingURL=DatePickerInput.js.map

package/dist/esm/Common/DatePickerInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePickerInput.js","sources":["../../../Common/DatePickerInput.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;AA6CA;;;;;;;;AAQG;AACI,MAAM,eAAe,GAAG,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,MAAM,EACN,OAAO,EACP,WAAW,EACX,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,OAAO,EACP,OAAO,EACP,SAAS,EACT,KAAK,EACL,EAAE,EACF,SAAS,EACT,QAAQ,GACW,MACnBA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,SAAS,GAAG,CAAA,OAAA,EAAU,SAAS,CAAA,CAAE,GAAG,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,YACtFC,IAAA,CAAC,UAAU,CAAC,IAAI,EAAA,EACZ,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,CAAC,CAAiC,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,YAAY,IAAI,GAAG,CAAC,CAAC,KAAK,GAAG,IAAI,CAAC,EACxG,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAAA,QAAA,EAAA,CAClBD,GAAA,CAAC,UAAU,CAAC,KAAK,EAAA,EAAC,EAAE,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,SAAS,EAAC,QAAQ,EAAA,CAAG,EAC/E,QAAQ,KACLA,GAAA,CAAC,UAAU,CAAC,OAAO,cACfA,GAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAC,gBAAgB,EAAA,CAAG,GACf,CACxB,EACDA,GAAA,CAAC,UAAU,CAAC,MAAM,EAAA,EAAA,QAAA,EACdA,GAAA,CAAC,UAAU,CAAC,UAAU,EAAA,EAAC,KAAK,EAAC,OAAO,EAAA,QAAA,EAChCC,IAAA,CAAC,UAAU,CAAC,KAAK,eACbA,IAAA,CAAC,UAAU,CAAC,QAAQ,eAChBA,IAAA,CAAC,UAAU,CAAC,MAAM,EAAA,EAAA,QAAA,EAAA,CACdD,IAAC,UAAU,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAA,IAAA,EAAC,OAAO,EAAC,MAAM,EAAC,OAAO,QAAC,QAAQ,EAAC,WAAW,EAAC,IAAI,EAAC,OAAO,EAAA,QAAA,EAC1FA,GAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAC,oBAAoB,GAAG,EAAA,CACtB,EAClBC,KAAC,UAAU,CAAC,KAAK,EAAA,EAAA,QAAA,EAAA,CACbD,IAAC,UAAU,CAAC,WAAW,EAAA,EAAA,CAAG,EAC1BA,IAAC,UAAU,CAAC,UAAU,EAAA,EAAA,CAAG,EACzBA,GAAA,CAAC,UAAU,CAAC,MAAM,EAAA,EAAA,CAAG,IACN,EACnBA,GAAA,CAAC,UAAU,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAA,IAAA,EAAC,OAAO,EAAC,MAAM,EAAC,OAAO,QAAC,QAAQ,EAAC,WAAW,EAAC,IAAI,EAAC,OAAO,YAC1FA,GAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAC,qBAAqB,EAAA,CAAG,GACvB,CAAA,EAAA,CACF,EACpBC,IAAA,CAAC,UAAU,CAAC,KAAK,EAAA,EAAA,QAAA,EAAA,CACbD,IAAC,UAAU,CAAC,SAAS,EAAA,EAAA,CAAG,EACxBA,GAAA,CAAC,UAAU,CAAC,SAAS,EAAA,EAAA,CAAG,EACxBA,GAAA,CAAC,UAAU,CAAC,SAAS,EAAA,EAAC,IAAI,EAAC,OAAO,EAAA,CAAG,EACrCA,GAAA,CAAC,UAAU,CAAC,SAAS,EAAA,EAAC,IAAI,EAAC,MAAM,EAAA,CAAG,CAAA,EAAA,CACrB,IACD,EACrB,QAAQ,IAAIA,GAAA,CAAC,UAAU,CAAC,IAAI,KAAG,CAAA,EAAA,CACjB,EAAA,CACC,GACR,CAAA,EAAA,CACN,EAAA,CAChB;;;;"}

package/dist/esm/Common/FormElement.d.ts

@@ -1,4 +1,3 @@
-import './FormElement.css';
 export interface FormElementProps {
     children: React.ReactNode;
     icon: React.ReactNode;

package/dist/esm/Common/FormElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormElement.d.ts","sourceRoot":"","sources":["../../../Common/FormElement.tsx"],"names":[],"mappings":"AAGA,OAAO,mBAAmB,CAAC;AAK3B,MAAM,WAAW,gBAAgB;IAE7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAO1B,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB;AAcD,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,gCAWlD,CAAC"}
+{"version":3,"file":"FormElement.d.ts","sourceRoot":"","sources":["../../../Common/FormElement.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,gBAAgB;IAE7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAO1B,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB;AAcD,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,gCAWlD,CAAC"}

package/dist/esm/Common/FormElement.js

@@ -1,5 +1,4 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import './FormElement.css';
 
 /**
  * Lightweight wrapper that places an icon addon to the left of a form input,

package/dist/esm/Common/FormElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormElement.js","sources":["../../../Common/FormElement.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;AAoBA;;;;;;;;;;;AAWG;AACI,MAAM,WAAW,GAAG,CAAC,KAAuB,KAAI;IACnD,QACIA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,iCAAiC,EAAA,QAAA,EAC5CC,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,qBAAqB,EAAA,QAAA,EAAA,CAChCD,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,4BAA4B,EAAA,QAAA,EACvC,KAAK,CAAC,IAAI,EAAA,CACR,EACN,KAAK,CAAC,QAAQ,CAAA,EAAA,CACb,EAAA,CACJ;AAEd;;;;"}
+{"version":3,"file":"FormElement.js","sources":["../../../Common/FormElement.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;AAmBA;;;;;;;;;;;AAWG;AACI,MAAM,WAAW,GAAG,CAAC,KAAuB,KAAI;IACnD,QACIA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,iCAAiC,EAAA,QAAA,EAC5CC,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,qBAAqB,EAAA,QAAA,EAAA,CAChCD,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,4BAA4B,EAAA,QAAA,EACvC,KAAK,CAAC,IAAI,EAAA,CACR,EACN,KAAK,CAAC,QAAQ,CAAA,EAAA,CACb,EAAA,CACJ;AAEd;;;;"}

package/dist/esm/Common/Tooltip.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
-import './Tooltip.css';
 export type TooltipPosition = 'top' | 'right' | 'bottom' | 'left';
 export interface TooltipProps {
-    content: string;
+    content?: string;
     position?: TooltipPosition;
     disabled?: boolean;
+    className?: string;
     children: React.ReactNode;
 }
 export declare const Tooltip: React.FC<TooltipProps>;

package/dist/esm/Common/Tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../Common/Tooltip.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,eAAe,CAAC;AAGvB,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAGlE,MAAM,WAAW,YAAY;IAEzB,OAAO,EAAE,MAAM,CAAC;IAEhB,QAAQ,CAAC,EAAE,eAAe,CAAC;IAM3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAaD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAe1C,CAAC"}
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../Common/Tooltip.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAGlE,MAAM,WAAW,YAAY;IAMzB,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,QAAQ,CAAC,EAAE,eAAe,CAAC;IAM3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IAMnB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAqBD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAmB1C,CAAC"}

package/dist/esm/Common/Tooltip.js

@@ -1,19 +1,31 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import './Tooltip.css';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import { Tooltip as Tooltip$1 } from 'primereact/tooltip';
 
-const POSITION_CLASSES = {
-    right: 'left-full ml-2 top-1/2 -translate-y-1/2',
-    left: 'right-full mr-2 top-1/2 -translate-y-1/2',
-    top: 'bottom-full mb-2 left-1/2 -translate-x-1/2',
-    bottom: 'top-full mt-2 left-1/2 -translate-x-1/2',
-};
 /**
- * A CSS-only hover tooltip wrapper. Wraps any child element and displays
- * a styled floating label on hover without relying on native browser tooltips.
+ * A hover tooltip wrapper around PrimeReact 11's compositional Tooltip. Wraps
+ * any child element and shows a floating label on hover, portaled to the
+ * document body so it is never clipped by an overflow container (table cells,
+ * dropdowns, scroll regions) — the reason this wrapper exists rather than a
+ * plain CSS `position: absolute` bubble.
+ *
+ * The public API (`content`, `position`, `disabled`, `children`) is preserved
+ * from the previous CSS-only implementation, so existing call sites are
+ * unaffected. This replaces the removed PrimeReact 10 `data-pr-tooltip`
+ * directive: wrap the trigger element instead of tagging it with a
+ * `data-pr-tooltip` attribute.
+ *
+ * ```tsx
+ * <Tooltip content="Delete" position="top">
+ *     <i className="pi pi-trash" />
+ * </Tooltip>
+ * ```
  */
-const Tooltip = ({ content, position = 'top', disabled = false, children }) => (jsxs("div", { className: 'relative group inline-flex', children: [children, !disabled && (jsx("div", { role: 'tooltip', className: `tooltip-bubble pointer-events-none absolute ${POSITION_CLASSES[position]} z-50
-                    text-xs px-2 py-1 rounded
-                    whitespace-nowrap opacity-0 group-hover:opacity-100 transition-opacity duration-150 delay-200`, style: { fontFamily: 'system-ui, sans-serif' }, children: content }))] }));
+const Tooltip = ({ content, position = 'top', disabled = false, className, children }) => {
+    if (!content || disabled) {
+        return jsx(Fragment, { children: children });
+    }
+    return (jsxs(Tooltip$1.Root, { children: [jsx(Tooltip$1.Trigger, { as: "span", className: className ? `cratis-tooltip-trigger ${className}` : 'cratis-tooltip-trigger', children: children }), jsx(Tooltip$1.Portal, { children: jsx(Tooltip$1.Positioner, { side: position, sideOffset: 8, children: jsx(Tooltip$1.Popup, { className: "cratis-tooltip-popup", children: content }) }) })] }));
+};
 
 export { Tooltip };
 //# sourceMappingURL=Tooltip.js.map

package/dist/esm/Common/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sources":["../../../Common/Tooltip.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;AAyBA,MAAM,gBAAgB,GAAoC;AACtD,IAAA,KAAK,EAAG,yCAAyC;AACjD,IAAA,IAAI,EAAI,0CAA0C;AAClD,IAAA,GAAG,EAAK,4CAA4C;AACpD,IAAA,MAAM,EAAE,yCAAyC;CACpD;AAED;;;AAGG;MACU,OAAO,GAA2B,CAAC,EAAE,OAAO,EAAE,QAAQ,GAAG,KAAK,EAAE,QAAQ,GAAG,KAAK,EAAE,QAAQ,EAAE,MACrGA,cAAK,SAAS,EAAC,4BAA4B,EAAA,QAAA,EAAA,CACtC,QAAQ,EACR,CAAC,QAAQ,KACNC,GAAA,CAAA,KAAA,EAAA,EACI,IAAI,EAAC,SAAS,EACd,SAAS,EAAE,+CAA+C,gBAAgB,CAAC,QAAQ,CAAC,CAAA;;AAEc,iHAAA,CAAA,EAClG,KAAK,EAAE,EAAE,UAAU,EAAE,uBAAuB,EAAE,EAAA,QAAA,EAE7C,OAAO,EAAA,CACN,CACT,CAAA,EAAA,CACC;;;;"}
+{"version":3,"file":"Tooltip.js","sources":["../../../Common/Tooltip.tsx"],"sourcesContent":[null],"names":["_jsx","_Fragment","_jsxs","PrimeTooltip"],"mappings":";;;AAmCA;;;;;;;;;;;;;;;;;;AAkBG;MACU,OAAO,GAA2B,CAAC,EAAE,OAAO,EAAE,QAAQ,GAAG,KAAK,EAAE,QAAQ,GAAG,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAI;AACpH,IAAA,IAAI,CAAC,OAAO,IAAI,QAAQ,EAAE;QACtB,OAAOA,GAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAI;IAC1B;AAEA,IAAA,QACIC,IAAA,CAACC,SAAY,CAAC,IAAI,EAAA,EAAA,QAAA,EAAA,CACdH,GAAA,CAACG,SAAY,CAAC,OAAO,EAAA,EAAC,EAAE,EAAC,MAAM,EAAC,SAAS,EAAE,SAAS,GAAG,CAAA,uBAAA,EAA0B,SAAS,CAAA,CAAE,GAAG,wBAAwB,EAAA,QAAA,EAClH,QAAQ,EAAA,CACU,EACvBH,GAAA,CAACG,SAAY,CAAC,MAAM,EAAA,EAAA,QAAA,EAChBH,GAAA,CAACG,SAAY,CAAC,UAAU,EAAA,EAAC,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,EAAA,QAAA,EAClDH,GAAA,CAACG,SAAY,CAAC,KAAK,EAAA,EAAC,SAAS,EAAC,sBAAsB,EAAA,QAAA,EAC/C,OAAO,EAAA,CACS,EAAA,CACC,EAAA,CACR,CAAA,EAAA,CACN;AAE5B;;;;"}

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

@@ -1,4 +1,6 @@
+export * from './ActionMenubar';
 export * from './CratisComponentsProvider';
+export * from './DatePickerInput';
 export * from './ErrorBoundary';
 export * from './Icon';
 export * from './normalizeIconClass';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../Common/index.ts"],"names":[],"mappings":"AAGA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,sBAAsB,CAAC;AACrC,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../Common/index.ts"],"names":[],"mappings":"AAGA,cAAc,iBAAiB,CAAC;AAChC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,sBAAsB,CAAC;AACrC,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC"}

package/dist/esm/Common/index.js

@@ -1,4 +1,6 @@
+export { ActionMenubar } from './ActionMenubar.js';
 export { CratisComponentsProvider, cratisDefaults, mergeCratisComponentsConfig } from './CratisComponentsProvider.js';
+export { DatePickerInput } from './DatePickerInput.js';
 export { ErrorBoundary } from './ErrorBoundary.js';
 export { IconDisplay } from './Icon.js';
 export { normalizeIconClass } from './normalizeIconClass.js';

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../Common/index.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;AAAA;AACA"}
+{"version":3,"file":"index.js","sources":["../../../Common/index.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;AAAA;AACA"}

package/dist/esm/DataPage/DataPage.d.ts

@@ -1,12 +1,18 @@
 import { ReactNode } from 'react';
 import React from 'react';
-import { MenuItem as PrimeMenuItem } from 'primereact/menuitem';
-import { type MenubarProps } from 'primereact/menubar';
+import type { ButtonProps } from '@primereact/types/primitive/button';
 import { IObservableQueryFor, IQueryFor } from '@cratis/arc/queries';
-import { DataTableFilterMeta, DataTableSelectionSingleChangeEvent, type DataTableProps as PrimeDataTableProps } from 'primereact/datatable';
+import type { DataTableRootProps } from '@primereact/types/primitive/datatable';
+import type { DataTableFilterMeta } from '../DataTables/DataTableFilterMeta';
+import type { DataTableSelectionChangeEvent } from '../DataTables/DataTableSelectionChangeEvent';
 import { Constructor } from '@cratis/fundamentals';
-import 'allotment/dist/style.css';
-export interface MenuItemProps extends PrimeMenuItem {
+export interface MenuItemProps {
+    icon?: React.ComponentType<{
+        className?: string;
+    }>;
+    label?: string;
+    command?: () => void;
+    disabled?: boolean;
     disableOnUnselected?: boolean;
 }
 export declare const MenuItem: (_: MenuItemProps) => null;
@@ -31,19 +37,20 @@ export interface DataPageProps<TQuery extends IQueryFor<TDataType> | IObservable
     emptyMessage: string;
     dataKey?: string | undefined;
     selection?: any | undefined | null;
-    onSelectionChange?(event: DataTableSelectionSingleChangeEvent<any>): void;
+    onSelectionChange?(event: DataTableSelectionChangeEvent<any>): void;
     globalFilterFields?: string[] | undefined;
     defaultFilters?: DataTableFilterMeta;
     clientFiltering?: boolean;
     onRefresh?(): void;
     tableClassName?: string;
-    tablePt?: PrimeDataTableProps<TDataType[]>['pt'];
-    tablePtOptions?: PrimeDataTableProps<TDataType[]>['ptOptions'];
+    tablePt?: DataTableRootProps['pt'];
+    tablePtOptions?: DataTableRootProps['ptOptions'];
     tableUnstyled?: boolean;
     menubarClassName?: string;
-    menubarPt?: MenubarProps['pt'];
-    menubarPtOptions?: MenubarProps['ptOptions'];
+    menubarPt?: ButtonProps['pt'];
+    menubarPtOptions?: ButtonProps['ptOptions'];
     menubarUnstyled?: boolean;
+    actionsAriaLabel?: string;
 }
 declare const DataPage: {
     <TQuery extends IQueryFor<TDataType> | IObservableQueryFor<TDataType, TArguments>, TDataType extends object, TArguments extends object>(props: DataPageProps<TQuery, TDataType, TArguments>): React.JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"DataPage.d.ts","sourceRoot":"","sources":["../../../DataPage/DataPage.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DataPage.d.ts","sourceRoot":"","sources":["../../../DataPage/DataPage.tsx"],"names":[],"mappings":"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"}

package/dist/esm/DataPage/DataPage.js

@@ -1,18 +1,17 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import React, { useMemo } from 'react';
 import { Page } from '../Common/Page.js';
-import { Menubar } from 'primereact/menubar';
+import { ActionMenubar } from '../Common/ActionMenubar.js';
 import { QueryFor } from '@cratis/arc/queries';
 import { DataTableForObservableQuery } from '../DataTables/DataTableForObservableQuery.js';
 import { DataTableForQuery } from '../DataTables/DataTableForQuery.js';
 import { Allotment } from 'allotment';
 import { DataPageLayout } from './DataPageLayout.js';
-import 'allotment/dist/style.css';
 
 /**
  * Declarative menu item for use inside `<DataPage.MenuItems>`. Renders nothing
  * directly; the surrounding {@link MenuItems} component reads its props and
- * forwards them to the action `Menubar`.
+ * forwards them to the action menubar.
  */
 const MenuItem = (_) => {
     return null;
@@ -38,7 +37,7 @@ const tableRegionStyle = { flexGrow: 1, flexBasis: 0, minHeight: 0 };
  */
 const pageStyle = { minHeight: '20rem' };
 /**
- * Renders an action `Menubar` at the top of a {@link DataPage}, populated from
+ * Renders an action menubar at the top of a {@link DataPage}, populated from
  * `<DataPage.MenuItem>` children. Each menu item's `disableOnUnselected` flag
  * is automatically honored against the current row selection.
  *
@@ -46,23 +45,23 @@ const pageStyle = { minHeight: '20rem' };
  */
 const MenuItems = ({ children }) => {
     const context = useDataPageContext();
-    const isDisabled = useMemo(() => {
-        return !context.selectedItem;
-    }, [context.selectedItem]);
+    const isDisabled = !context.selectedItem;
     const items = useMemo(() => {
         const menuItems = [];
         React.Children.forEach(children, (child) => {
-            if (React.isValidElement(child) && child.type == MenuItem) {
+            if (React.isValidElement(child) && child.type === MenuItem) {
                 const Icon = child.props.icon;
-                const menuItem = { ...child.props };
-                menuItem.icon = jsx(Icon, { className: 'mr-2' });
-                menuItem.disabled = isDisabled && child.props.disableOnUnselected;
-                menuItems.push(menuItem);
+                menuItems.push({
+                    label: child.props.label,
+                    command: child.props.command,
+                    icon: Icon ? jsx(Icon, { className: 'mr-2' }) : undefined,
+                    disabled: (child.props.disabled ?? false) || (isDisabled && (child.props.disableOnUnselected ?? false)),
+                });
             }
         });
         return menuItems;
-    }, [children, context.selectedItem]);
-    return (jsx("div", { className: "cratis-data-page-actions px-4 py-2", style: actionsStyle, children: jsx(Menubar, { "aria-label": "Actions", model: items, className: context.menubarClassName, pt: context.menubarPt, ptOptions: context.menubarPtOptions, unstyled: context.menubarUnstyled }) }));
+    }, [children, isDisabled]);
+    return (jsx("div", { className: "cratis-data-page-actions px-4 py-2", style: actionsStyle, children: jsx(ActionMenubar, { "aria-label": context.actionsAriaLabel ?? 'Actions', model: items, className: context.menubarClassName, pt: context.menubarPt, ptOptions: context.menubarPtOptions, unstyled: context.menubarUnstyled }) }));
 };
 /**
  * Renders the data table at the body of a {@link DataPage}. Automatically
@@ -182,11 +181,13 @@ function useDataPageContext() {
  *
  * ## Styling
  *
- * The inner DataTable and Menubar each have their own per-slot props:
+ * The inner DataTable and action toolbar each have their own per-slot props:
  * `tablePt` / `tableUnstyled` / `tableClassName` for the table;
- * `menubarPt` / `menubarUnstyled` / `menubarClassName` for the action
- * menubar. See the [pass-through cheat sheet](../../Documentation/Styling/pass-through.md)
- * for the full slot reference.
+ * `menubarPt` / `menubarPtOptions` / `menubarUnstyled` / `menubarClassName` for
+ * the action toolbar's buttons (in PrimeReact 11 the v10 Menubar is replaced by
+ * a button toolbar, so `menubarPt` targets those buttons). See the
+ * [pass-through cheat sheet](../../Documentation/Styling/pass-through.md) for
+ * the full slot reference.
  *
  * @typeParam TQuery - The query class (proxy generated from a C# read model query).
  * @typeParam TDataType - The row type returned by the query.