@cratis/components 3.3.3 → 3.4.0

package/README.md

@@ -49,8 +49,8 @@ The other **peer dependencies** you provide are `react` / `react-dom` (**19+**),
 `@cratis/arc*` packages (`>=20.3.1 <22` — Arc 20 and 21 both work), `reflect-metadata`
 and `tsyringe`; you typically already have these in a Cratis app. `pixi.js`,
 `framer-motion`, `allotment` and `react-icons` remain regular dependencies and are
-installed for you. The styled `@primeuix/themes` presets are optional and only needed
-if you opt into a preset (see [Styling](#styling)).
+installed for you. `@primereact/styles` and `@primeuix/themes` are **optional** peers,
+needed only for PrimeReact's styled mode (see [Styling](#styling)).
 
 ### Stylesheets
 
@@ -76,12 +76,13 @@ packages it brings with it.
 |---|---|---|
 | `primereact` | MIT | PrimeUI commercial |
 | `primeicons` | MIT (7.x) | PrimeUI commercial (8.x) |
-| `@primereact/core`, `@primereact/headless` | — | PrimeUI commercial |
+| `@primereact/core`, `@primereact/headless`, `@primereact/styles` | — | PrimeUI commercial |
 | `@primeuix/themes`, `@primeuix/styled` | — | PrimeUI commercial |
 
 `@cratis/components` itself remains **MIT**. The change is in what it depends on, and it is
 yours to satisfy: PrimeReact is a peer dependency, so you install it and its license terms
-apply to you directly.
+apply to you directly. `@primereact/styles` and `@primeuix/themes` — the two styled mode
+adds — are PrimeUI-licensed too.
 
 ### A key is required regardless of how you style
 
@@ -168,13 +169,15 @@ Components:
 - `@cratis/components/SchemaEditor`
 - `@cratis/components/TimeMachine`
 - `@cratis/components/Toolbar`
+- `@cratis/components/styled` — `styledMode`, `CratisPreset`, `primeReactStyles`, `primeReactCssLayer`, `primeReactCssLayerOrder`, `cratisDarkModeSelector`: PrimeReact's styled mode, wired for the provider (needs `@primereact/styles` + `@primeuix/themes`)
 - `@cratis/components/types`
 
 Stylesheets:
 
-- `@cratis/components/theme` — the **Cratis baseline theme** (light + dark, Cratis-authored MIT CSS, no `@primeuix/themes` dependency); import it and add `class="cratis-theme"` to skin every component from the token layer
+- `@cratis/components/theme` — the **Cratis baseline theme** (light + dark, Cratis-authored MIT CSS, no `@primereact/styles` / `@primeuix/themes` dependency); import it and add `class="cratis-theme"` to skin every component from the token layer
 - `@cratis/components/styles` — **required**: every component stylesheet, the Tailwind utilities used inside the package, and the `allotment` rules `DataPage` needs, in one file
 - `@cratis/components/tokens` — **required**: the `--cratis-*` CSS variable tokens every component reads from
+- `@cratis/components/primereact-v10-palette` — the PrimeReact 10 theme variables (`--surface-*`, `--text-color`, `--primary-color`, the color scales, …) restored with the lara-blue values, for CSS already written against them
 
 ## Styling
 
@@ -198,24 +201,31 @@ much control you want, and the other layers stay invisible.
 | Setup | When | Effort | Extra dependency | What you write |
 |---|---|---|---|---|
 | **Cratis baseline theme** | You want a polished default look without adding a theme package. | Lowest | None | `unstyled` + `import '@cratis/components/theme'` + `class="cratis-theme"` |
-| **A styled `@primeuix/themes` preset** | You want a prebuilt design system to tweak from. | Low | `@primeuix/themes` | `value={{ theme: { preset } }}` on the provider |
-| **A custom palette over a preset** | You want the preset's structure but your own colors. | Low | `@primeuix/themes` | A preset + CSS variable overrides |
+| **PrimeReact's styled mode** | You want PrimeReact's own look — a `@primeuix/themes` preset painting PrimeReact's component styles. | Low | `@primereact/styles` + `@primeuix/themes` | `value={{ license, ...styledMode() }}` with `styledMode` from `@cratis/components/styled` |
+| **A custom palette over a theme** | You want the theme's structure but your own colors. | Low | As above, or none | `--cratis-*` overrides on the baseline theme, or `styledMode({ preset: definePreset(CratisPreset, …) })` |
 | **Fully unstyled** | You're integrating into a tightly controlled design system. | Highest | None | `unstyled: true` + a `pt` preset in CSS or Tailwind |
 
 > **Why you need a theme, a baseline stylesheet, or a `pt` preset**
 >
-> PrimeReact 11 is **unstyled-first**: the primitives render structural markup
-> with no built-in visuals. A look comes from one of three sources — a
-> `@primeuix/themes` preset (token-based), the Cratis baseline
-> theme (`@cratis/components/theme`), or your own `pt`/CSS. Load
-> none of them and the components render as their raw HTML primitives.
+> PrimeReact 11 is **unstyled-first**: the `primereact` package is primitives
+> that render structural markup with `data-scope` / `data-part` attributes,
+> no built-in visuals and **no `p-*` class names**. The class names and the
+> CSS behind them live in `@primereact/styles`; PrimeReact's own styled
+> components (`@primereact/ui`) are just the primitives with those styles
+> preset, and this library builds on the primitives. So a look comes from one
+> of three sources — PrimeReact's styled mode (`styledMode()`: a
+> `@primeuix/themes` preset **plus** PrimeReact's component styles), the
+> Cratis baseline theme (`@cratis/components/theme`), or your own `pt`/CSS.
+> Load none of them and the components render as their raw HTML primitives.
+> **A preset alone is not one of the three** — `theme: { preset }` by itself
+> emits `--p-*` tokens but styles nothing rendered here.
 >
 > The `--cratis-*` token layer is an **additive Cratis-scoped tint** for
 > surfaces *our* wrappers own (validation error text, the FormElement addon,
 > breadcrumb borders, etc.). It is not, by itself, enough to skin the
-> PrimeReact widgets — pair it with the baseline theme, a preset, or a `pt`
-> preset. Override the PrimeReact variables (or a preset's `--p-*` tokens) when
-> you want the whole UI in your palette.
+> PrimeReact widgets — pair it with the baseline theme, styled mode, or a `pt`
+> preset. Derive the preset (styled mode) or override the `--cratis-*` tokens
+> (baseline theme) when you want the whole UI in your palette.
 
 All setups share the same one-line provider setup. You can change direction
 later because the same provider, tokens, and `pt` hooks stay available.
@@ -245,7 +255,7 @@ export const App = () => (
   required, not optional.
 - `CratisComponentsProvider` is a thin wrapper over `@primereact/core`'s
   `PrimeReactProvider` so Cratis has one place to layer in defaults (including
-  the optional `value={{ theme: { preset } }}` styled layer). Drop in the raw
+  the optional `...styledMode()` styled layer). Drop in the raw
   `PrimeReactProvider` from `@primereact/core` if you'd rather.
 
 The setups below differ only in **what else** you load on top of this
@@ -253,61 +263,62 @@ provider setup.
 
 ---
 
-### Use a styled preset
+### Use PrimeReact's styled mode
 
 PrimeReact 11 dropped the v10 `primereact/resources/themes/*/theme.css`
-stylesheets in favor of the token-based `@primeuix/themes` layer. Apply a
-preset by passing `value={{ theme: { preset } }}` to `CratisComponentsProvider` —
-no theme CSS import. PrimeReact's own widgets paint themselves from the preset, and the
-`--cratis-*` tokens cascade to the matching variables so Cratis-scoped surfaces
-follow along.
+stylesheets. A theme is now handed to the provider at runtime, in two halves: a
+`@primeuix/themes` **preset** (a token object `@primeuix/styled` turns into
+`--p-*` custom properties) and PrimeReact's **component styles**
+(`@primereact/styles` — the `p-*` class names and the CSS the tokens drive).
+`styledMode()` from `@cratis/components/styled` returns both as
+`{ theme, defaults }`; spread it into the provider `value` next to your
+license key. The `defaults` are `primeReactStyles`, PrimeReact's component
+styles keyed by primitive name, which the provider applies to **every**
+primitive rendered under it — the ones this library renders and the ones your
+app renders itself. That is what puts the `p-*` class names on the elements and
+lets the preset paint them; the `--cratis-*` tokens follow the preset's `--p-*`
+so Cratis-scoped surfaces stay in sync.
+
+```bash
+npm install @primereact/styles @primeuix/themes   # optional peers, styled mode only
+```
 
 ```tsx
-import Aura from '@primeuix/themes/aura';   // or lara / nora / material
 import 'primeicons/primeicons.css';
+import '@cratis/components/tokens';
 import '@cratis/components/styles';
-
 import { CratisComponentsProvider } from '@cratis/components';
+import { styledMode } from '@cratis/components/styled';
 
 export const App = () => (
-    <CratisComponentsProvider value={{ theme: { preset: Aura } }}>
+    <CratisComponentsProvider value={{ license: 'YOUR-PRIMEUI-KEY', ...styledMode() }}>
         <YourApp />
     </CratisComponentsProvider>
 );
 ```
 
-Omit `theme` entirely to stay unstyled-first — ship only structure plus the
-`--cratis-*` tokens and bring your own visuals (see the pass-through / `pt`
-options below).
-
-### Use the Cratis baseline theme
-
-Want a polished default look **without adding `@primeuix/themes`**? Ship the
-components unstyled and import the Cratis baseline theme — Cratis-authored MIT
-CSS that styles every component from the `--cratis-*` layer. (You still need a
-PrimeUI key to run PrimeReact itself — see [Licensing](#licensing).)
-
-```tsx
-import 'primeicons/primeicons.css';
-import '@cratis/components/theme';   // the baseline theme
-
-export const App = () => (
-    <CratisComponentsProvider value={{ unstyled: true }}>
-        <div className="cratis-theme">   {/* scope: put on <body>, app root, or a subtree */}
-            <YourApp />
-        </div>
-    </CratisComponentsProvider>
-);
-```
-
-Add `cratis-dark` to an ancestor for the dark palette. The theme defers to a
-`@primeuix/themes` preset's `--p-*` tokens when one is present, so you can layer
-it under a preset too, and every rule is overridable via your own CSS or `pt`.
+The default preset is `CratisPreset` — Lara with the blue primary and gray
+surfaces of PrimeReact 10's `lara-light-blue` / `lara-dark-blue`, with the dark
+surface scale one step lighter so content sits above the page as it did there,
+both color schemes.
+Options: `preset` (any `@primeuix/themes` preset — Aura, Lara, Nora, Material —
+or a `definePreset` result), `darkModeSelector` (default `.cratis-dark`, the
+class the baseline theme uses too; `'system'` follows `prefers-color-scheme`),
+`cssLayer` (default the `primereact` layer ordered between Tailwind's `base`
+and `components`; `false` emits the theme unlayered).
+
+> **A preset alone styles nothing.** `value={{ theme: { preset } }}` without the
+> `defaults` emits the `--p-*` tokens, but the primitives keep rendering with no
+> `p-*` class, so nothing rendered by this library is painted. Use
+> `styledMode()`.
 
 #### Override a single component with CSS
 
-Plain CSS works fine on top of the theme. Target either PrimeReact's class
-names or your own `className`:
+Plain CSS works fine on top of the theme. In styled mode PrimeReact's elements
+carry their `p-*` class names, and the theme is emitted into the `primereact`
+cascade layer, so a plain unlayered rule in your own stylesheet wins — exactly
+as it did against PrimeReact 10's `@layer primereact` stylesheets. Or target
+your own `className`:
 
 ```css
 /* yourApp.css */
@@ -322,7 +333,7 @@ names or your own `className`:
 ```
 
 ```tsx
-<Button label="Delete" className="dangerous-button" />
+<Button className="dangerous-button">Delete</Button>
 ```
 
 #### Override a single component with Tailwind
@@ -338,72 +349,116 @@ Pass Tailwind utility classes through the wrapper's `className` prop:
 </Dialog>
 ```
 
-**Use this setup when:** you're prototyping, building internal tools, or are
-happy with one of the prebuilt PrimeReact themes.
+**Use this setup when:** you're prototyping, building internal tools, want the
+look Cratis apps had on PrimeReact 10, or are happy with one of the prebuilt
+PrimeReact design systems.
+
+### Use the Cratis baseline theme
+
+Want a polished default look **without adding `@primereact/styles` and
+`@primeuix/themes`**? Ship the components unstyled and import the Cratis baseline
+theme — Cratis-authored MIT CSS that styles every component from the `--cratis-*`
+layer. (You still need a PrimeUI key to run PrimeReact itself — see
+[Licensing](#licensing).)
+
+```tsx
+import 'primeicons/primeicons.css';
+import '@cratis/components/theme';   // the baseline theme
+
+export const App = () => (
+    <CratisComponentsProvider value={{ unstyled: true }}>
+        <div className="cratis-theme">   {/* scope: put on <body>, app root, or a subtree */}
+            <YourApp />
+        </div>
+    </CratisComponentsProvider>
+);
+```
+
+Add `cratis-dark` to an ancestor for the dark palette. The theme defers to a
+`@primeuix/themes` preset's `--p-*` tokens when one is present, so you can layer
+it under styled mode too, and every rule is overridable via your own CSS or `pt`.
+The baseline theme styles the unstyled primitives through their `[data-scope]`
+attributes — there are no `p-*` class names outside styled mode — so target
+those, or your own `className`, or the `--cratis-*` tokens:
+
+```css
+.cratis-theme [data-scope='button'] { border-radius: 999px; }   /* pill buttons */
+.dangerous { background: var(--cratis-red-500); color: white; }
+```
 
 ---
 
 ### Use a custom palette on top of a PrimeReact theme
 
-Keep a PrimeReact theme as your **structural baseline** (so every widget gets
-its padding, dialog frame, button shape, focus ring, etc.) and override the
-PrimeReact CSS variables on `:root` to repaint the whole UI in your own
-colors. The `--cratis-*` tokens follow along through tokens.css's cascade, so
-Cratis-scoped surfaces stay in sync — and you can override the Cratis tokens
-independently if you want Cratis surfaces to differ from PrimeReact widgets.
+Keep a theme as your **structural baseline** (so every widget gets its
+padding, dialog frame, button shape, focus ring, etc.) and repaint it with your
+own colors. Which knob you turn depends on the theme:
+
+- **Cratis baseline theme** — override the `--cratis-*` tokens in CSS; the
+  theme paints the widgets from them, so one override repaints widgets and
+  Cratis-scoped surfaces alike.
+- **PrimeReact's styled mode** — derive your own preset with `definePreset` and
+  hand it to `styledMode({ preset })`; the widgets read the preset's `--p-*`
+  tokens, and the `--cratis-*` tokens follow.
 
-#### With plain CSS
+#### Baseline theme, plain CSS
 
 ```css
-/* palette.override.css — imported once, after @cratis/components/styles */
-:root {
-    /* PrimeReact variables — these are what PrimeReact widgets read. */
-    --surface-0:        #1e293b;
-    --surface-100:      #1e293b;
-    --surface-ground:   #020617;
-    --surface-section:  #0f172a;
-    --surface-card:     #1e293b;
-    --surface-overlay:  #1e293b;
-    --surface-hover:    #334155;
-    --surface-border:   #334155;
-
-    --text-color:           #f8fafc;
-    --text-color-secondary: #94a3b8;
-
-    --primary-color:      #38bdf8;
-    --primary-color-text: #0b1220;
-
-    --highlight-bg:         #1e40af;
-    --highlight-text-color: #ffffff;
-
-    --border-radius: 10px;
-
-    /* --cratis-* tokens default to var(--surface-*) etc. via tokens.css, so
-       the overrides above flow through automatically. Set these explicitly
-       only if you want Cratis-scoped surfaces tinted differently. */
-    --cratis-red-500:   #ef4444;
-    --cratis-green-500: #22c55e;
+/* palette.override.css — imported once, after @cratis/components/theme */
+.cratis-theme {
+    --cratis-surface-section: #0f172a;
+    --cratis-surface-card:    #1e293b;
+    --cratis-surface-overlay: #1e293b;
+    --cratis-surface-hover:   #334155;
+    --cratis-surface-border:  #334155;
+
+    --cratis-text-color:           #f8fafc;
+    --cratis-text-color-secondary: #94a3b8;
+
+    --cratis-primary-color:      #38bdf8;
+    --cratis-primary-color-text: #0b1220;
+
+    --cratis-highlight-bg:         #1e40af;
+    --cratis-highlight-text-color: #ffffff;
+
+    --cratis-border-radius: 10px;
 }
 ```
 
+#### Styled mode, `definePreset`
+
+```ts
+// brand-preset.ts
+import { definePreset } from '@primeuix/themes';
+import { CratisPreset } from '@cratis/components/styled';
+
+export const BrandPreset = definePreset(CratisPreset, {
+    semantic: {
+        primary: {
+            50: '{sky.50}',   100: '{sky.100}', 200: '{sky.200}',
+            300: '{sky.300}', 400: '{sky.400}', 500: '{sky.500}',
+            600: '{sky.600}', 700: '{sky.700}', 800: '{sky.800}',
+            900: '{sky.900}', 950: '{sky.950}',
+        },
+    },
+});
+```
+
 ```tsx
-// 1. A styled preset provides the structure (apply it via the provider — see above).
-import 'primeicons/primeicons.css';
-import '@cratis/components/styles';
-// 2. Your palette overrides — must come after the styles so they win.
-import './palette.override.css';
+<CratisComponentsProvider value={{ license, ...styledMode({ preset: BrandPreset }) }}>
 ```
 
 #### Scoped (dark-on-light, light-on-dark, etc.)
 
-PrimeReact variables cascade like any other CSS variable, so an ancestor
-scope works:
+`--cratis-*` tokens cascade like any other CSS variable, so an ancestor scope
+works under the baseline theme (in styled mode, region-scoped widget colors come
+from the preset; the `--cratis-*` overrides still retint Cratis-scoped surfaces):
 
 ```css
 .dark-zone {
-    --surface-card: #0b1220;
-    --text-color:   #f8fafc;
-    --primary-color: #60a5fa;
+    --cratis-surface-card:  #0b1220;
+    --cratis-text-color:    #f8fafc;
+    --cratis-primary-color: #60a5fa;
 }
 ```
 
@@ -421,37 +476,54 @@ Tailwind handles cascade and dark mode:
 ```css
 /* app.css */
 @import "tailwindcss";
+@import "@cratis/components/tokens";
 @import "@cratis/components/styles";
 
 @layer base {
     :root {
-        --surface-card:   theme('colors.slate.800');
-        --surface-border: theme('colors.slate.700');
-        --text-color:     theme('colors.slate.50');
-        --primary-color:  theme('colors.sky.400');
-        --cratis-red-500: theme('colors.red.500');
+        --cratis-surface-card:   theme('colors.slate.800');
+        --cratis-surface-border: theme('colors.slate.700');
+        --cratis-text-color:     theme('colors.slate.50');
+        --cratis-primary-color:  theme('colors.sky.400');
+        --cratis-red-500:        theme('colors.red.500');
     }
 
-    .dark {
-        --surface-card: theme('colors.slate.900');
-        --text-color:   theme('colors.slate.100');
+    .cratis-dark {
+        --cratis-surface-card: theme('colors.slate.900');
+        --cratis-text-color:   theme('colors.slate.100');
     }
 }
 ```
 
+#### CSS written against PrimeReact 10's variables
+
+If your stylesheets still use the names a v10 theme published on `:root` —
+`--surface-ground`, `--surface-card`, `--surface-border`, `--text-color`,
+`--primary-color`, the `--surface-0…900` and color scales — import
+`@cratis/components/primereact-v10-palette` after `tokens` and `styles`. It
+restores every one of them with the `lara-light-blue` / `lara-dark-blue`
+values: the semantic names follow the active preset's `--p-*` tokens where
+v11 has an equivalent (Lara as the fallback), the numbered scales are the
+lara-blue values verbatim (the v10 dark surface scale was inverted, so
+`--p-surface-*` cannot stand in for it), and light/dark switch through
+`light-dark()` keyed off `.cratis-dark`. It exists so what is already written
+keeps working — write nothing new against those names; use `--cratis-*` (or
+`--p-*`).
+
 #### What `--cratis-*` tokens are for
 
-PrimeReact widgets read PrimeReact's own variables (`--surface-card`,
-`--text-color`, `--primary-color`, …) directly. Cratis wrappers add some
-surfaces of their own (inline validation error text, the FormElement addon
-background, the breadcrumb bottom border, etc.) — those use a parallel set
-of `--cratis-*` tokens that default to the PrimeReact value via the cascade
-defined in `tokens.css`.
+In styled mode PrimeReact widgets read the preset's `--p-*` design tokens
+directly. Cratis wrappers add some surfaces of their own (inline validation
+error text, the FormElement addon background, the breadcrumb bottom border,
+etc.) — those use a parallel set of `--cratis-*` tokens that resolve the v11
+token first and fall back to the v10 variable, via the cascade defined in
+`tokens.css`. Under the baseline theme the widgets read the `--cratis-*` tokens
+too.
 
 The upshot:
 
-- Override **PrimeReact variables** to repaint the whole UI (PrimeReact widgets + Cratis surfaces).
-- Override **`--cratis-*` tokens** when you specifically want Cratis surfaces to differ from PrimeReact widgets.
+- Repaint the whole UI by deriving the **preset** (styled mode) or overriding the **`--cratis-*` tokens** (baseline theme).
+- Override **`--cratis-*` tokens** in styled mode when you specifically want Cratis surfaces to differ from PrimeReact widgets.
 
 #### `--cratis-*` token reference (Cratis-scoped surfaces)
 
@@ -465,8 +537,9 @@ The upshot:
 | Geometry | `--cratis-border-radius` |
 | Effects | `--cratis-focus-ring`, `--cratis-maskbg` |
 
-Each defaults to the PrimeReact variable with the same name minus the
-`--cratis-` prefix (e.g. `--cratis-surface-card` → `var(--surface-card)`).
+Each resolves the v11 design token first and falls back to the v10 variable
+with the same name minus the `--cratis-` prefix (e.g. `--cratis-surface-card`
+→ `var(--p-content-background, var(--surface-card))`).
 
 **Use this setup when:** you want a custom look without writing a PrimeReact
 theme from scratch, you're shipping multiple palette variants (light/dark/
@@ -614,20 +687,22 @@ The styling options compose, so you don't have to choose one for the whole app:
   ```tsx
   <Dialog title="Custom" unstyled pt={brandDialogPt}>…</Dialog>
   ```
-- **Unstyled with one themed island** — wrap a subtree in a second
-  `CratisComponentsProvider` that restores defaults:
+- **Unstyled with one themed island** — the baseline theme's rules are scoped
+  under `.cratis-theme`, so wrapping one element in the class themes just that
+  subtree:
   ```tsx
   <CratisComponentsProvider value={{ unstyled: true, pt: globalPt }}>
       <App />
-      <CratisComponentsProvider value={{ unstyled: false }}>
-          <PrimeReactThemedSubtree />
-      </CratisComponentsProvider>
+      <div className="cratis-theme">
+          <BaselineThemedSubtree />
+      </div>
   </CratisComponentsProvider>
   ```
-- **Dark mode** — scope the palette overrides to `.dark` (override
-  `--surface-card`, `--text-color`, `--primary-color`, etc., plus any
-  `--cratis-*` tokens you want to diverge) and toggle the class on the root
-  element. PrimeReact widgets and Cratis surfaces both follow the cascade.
+- **Dark mode** — toggle `cratis-dark` on the root element: the baseline
+  theme's dark palette, `styledMode()`'s dark scheme (its default
+  `darkModeSelector`) and the v10 palette all key off it, so PrimeReact widgets
+  and Cratis surfaces follow together. Scope any `--cratis-*` tokens you want
+  to diverge to `.cratis-dark` as well.
 
 ### Per-component `pt` cheat sheet
 

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

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../Common/Button.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEnF,OAAO,KAAK,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,oCAAoC,CAAC;AACzF,OAAO,EAAW,KAAK,eAAe,EAAE,MAAM,WAAW,CAAC;AAG1D,MAAM,MAAM,cAAc,GAAG,WAAW,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,UAAU,CAAC;AAKxG,MAAM,WAAW,WAAW;IAExB,KAAK,CAAC,EAAE,SAAS,CAAC;IAKlB,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,cAAc,CAAC,EAAE;QAAE,QAAQ,CAAC,EAAE,eAAe,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAEpE,EAAE,CAAC,EAAE,eAAe,CAAC,IAAI,CAAC,CAAC;IAE3B,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,QAAQ,CAAC,EAAE,cAAc,CAAC;IAE1B,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IAEpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IAErC,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAE/C,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,KAAK,CAAC,EAAE,aAAa,CAAC;IAEtB,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AAeD,eAAO,MAAM,MAAM,GAAI,sMAsBpB,WAAW,gCA4Bb,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../Common/Button.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEnF,OAAO,KAAK,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,oCAAoC,CAAC;AACzF,OAAO,EAAW,KAAK,eAAe,EAAE,MAAM,WAAW,CAAC;AAG1D,MAAM,MAAM,cAAc,GAAG,WAAW,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,UAAU,CAAC;AAKxG,MAAM,WAAW,WAAW;IAExB,KAAK,CAAC,EAAE,SAAS,CAAC;IAKlB,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,cAAc,CAAC,EAAE;QAAE,QAAQ,CAAC,EAAE,eAAe,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAEpE,EAAE,CAAC,EAAE,eAAe,CAAC,IAAI,CAAC,CAAC;IAE3B,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,QAAQ,CAAC,EAAE,cAAc,CAAC;IAE1B,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IAEpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IAErC,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAE/C,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,KAAK,CAAC,EAAE,aAAa,CAAC;IAEtB,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AAkBD,eAAO,MAAM,MAAM,GAAI,sMAsBpB,WAAW,gCA6Bb,CAAC"}

package/dist/esm/Common/Button.js

@@ -12,10 +12,13 @@ const renderIcon = (icon) => typeof icon === 'string' ? jsx("i", { className: ic
  * compiler* and silently ignored at runtime — a `<Button label="Save" />`
  * typechecks and renders an empty button. This wrapper closes that trap once, for
  * every application, rather than leaving each call site to be caught by eye.
+ *
+ * `severity` is also stamped as `data-severity` on the element: the Cratis theme colors
+ * by that attribute (as {@link Tag} does), and PrimeReact 11's button does not emit it.
  */
 const Button = ({ label, icon, loading, tooltip, tooltipOptions, pt, text, link, outlined, rounded, severity, size, disabled, type = 'button', title, autoFocus, onClick, className, style, 'aria-label': ariaLabel, children }) => {
     const variant = link ? 'link' : text ? 'text' : outlined ? 'outlined' : undefined;
-    const button = (jsxs(Button$1, { type: type, title: title, autoFocus: autoFocus, variant: variant, rounded: rounded, severity: severity, size: size, iconOnly: !!icon && label === undefined && !children, disabled: disabled || loading, onClick: onClick, className: className, style: style, "aria-label": ariaLabel, pt: pt, children: [loading ? jsx("i", { className: 'pi pi-spinner pi-spin', "aria-hidden": 'true' }) : renderIcon(icon), label, children] }));
+    const button = (jsxs(Button$1, { type: type, title: title, autoFocus: autoFocus, variant: variant, rounded: rounded, severity: severity, size: size, iconOnly: !!icon && label === undefined && !children, disabled: disabled || loading, onClick: onClick, className: className, style: style, "aria-label": ariaLabel, "data-severity": severity, pt: pt, children: [loading ? jsx("i", { className: 'pi pi-spinner pi-spin', "aria-hidden": 'true' }) : renderIcon(icon), label, children] }));
     return tooltip
         ? jsx(Tooltip, { content: tooltip, position: tooltipOptions?.position, className: tooltipOptions?.className, children: button })
         : button;

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

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../Common/Button.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs","PrimeButton"],"mappings":";;;;AA8DA,MAAM,UAAU,GAAG,CAAC,IAAe,KAC/B,OAAO,IAAI,KAAK,QAAQ,GAAGA,GAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAE,IAAI,EAAA,aAAA,EAAc,MAAM,EAAA,CAAG,GAAG,IAAI;AAE/E;;;;;;;;;AASG;AACI,MAAM,MAAM,GAAG,CAAC,EACnB,KAAK,EACL,IAAI,EACJ,OAAO,EACP,OAAO,EACP,cAAc,EACd,EAAE,EACF,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,IAAI,GAAG,QAAQ,EACf,KAAK,EACL,SAAS,EACT,OAAO,EACP,SAAS,EACT,KAAK,EACL,YAAY,EAAE,SAAS,EACvB,QAAQ,EACE,KAAI;IACd,MAAM,OAAO,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,GAAG,MAAM,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS;IAEjF,MAAM,MAAM,IACRC,IAAA,CAACC,QAAW,EAAA,EACR,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,CAAC,CAAC,IAAI,IAAI,KAAK,KAAK,SAAS,IAAI,CAAC,QAAQ,EACpD,QAAQ,EAAE,QAAQ,IAAI,OAAO,EAC7B,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EAAA,YAAA,EACA,SAAS,EACrB,EAAE,EAAE,EAAE,EAAA,QAAA,EAAA,CACL,OAAO,GAAGF,WAAG,SAAS,EAAC,uBAAuB,EAAA,aAAA,EAAa,MAAM,GAAG,GAAG,UAAU,CAAC,IAAI,CAAC,EACvF,KAAK,EACL,QAAQ,CAAA,EAAA,CACC,CACjB;AAED,IAAA,OAAO;UACDA,IAAC,OAAO,EAAA,EAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE,SAAS,EAAA,QAAA,EAAG,MAAM,EAAA;UAC5G,MAAM;AAChB;;;;"}
+{"version":3,"file":"Button.js","sources":["../../../Common/Button.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs","PrimeButton"],"mappings":";;;;AA8DA,MAAM,UAAU,GAAG,CAAC,IAAe,KAC/B,OAAO,IAAI,KAAK,QAAQ,GAAGA,GAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAE,IAAI,EAAA,aAAA,EAAc,MAAM,EAAA,CAAG,GAAG,IAAI;AAE/E;;;;;;;;;;;;AAYG;AACI,MAAM,MAAM,GAAG,CAAC,EACnB,KAAK,EACL,IAAI,EACJ,OAAO,EACP,OAAO,EACP,cAAc,EACd,EAAE,EACF,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,IAAI,GAAG,QAAQ,EACf,KAAK,EACL,SAAS,EACT,OAAO,EACP,SAAS,EACT,KAAK,EACL,YAAY,EAAE,SAAS,EACvB,QAAQ,EACE,KAAI;IACd,MAAM,OAAO,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,GAAG,MAAM,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS;IAEjF,MAAM,MAAM,IACRC,IAAA,CAACC,QAAW,EAAA,EACR,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,CAAC,CAAC,IAAI,IAAI,KAAK,KAAK,SAAS,IAAI,CAAC,QAAQ,EACpD,QAAQ,EAAE,QAAQ,IAAI,OAAO,EAC7B,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EAAA,YAAA,EACA,SAAS,mBACN,QAAQ,EACvB,EAAE,EAAE,EAAE,EAAA,QAAA,EAAA,CACL,OAAO,GAAGF,GAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAC,uBAAuB,EAAA,aAAA,EAAa,MAAM,EAAA,CAAG,GAAG,UAAU,CAAC,IAAI,CAAC,EACvF,KAAK,EACL,QAAQ,CAAA,EAAA,CACC,CACjB;AAED,IAAA,OAAO;UACDA,IAAC,OAAO,EAAA,EAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE,SAAS,EAAA,QAAA,EAAG,MAAM,EAAA;UAC5G,MAAM;AAChB;;;;"}

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,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"}
+{"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;AAiCjE,eAAO,MAAM,wBAAwB,GAAI,8BAA8B,6BAA6B,sBASnG,CAAC"}

package/dist/esm/Common/CratisComponentsProvider.js

@@ -32,8 +32,11 @@ const mergeCratisComponentsConfig = (value) => merge(cratisDefaults, value ?? {}
  * - **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.
+ * - **Styled:** spread `styledMode()` from `@cratis/components/styled` into `value` -
+ *   PrimeReact's own component styles for every primitive plus a `@primeuix/themes`
+ *   preset (the Cratis preset by default, `styledMode({ preset: Aura })` for another).
+ *   A preset on `theme` alone only emits design tokens; the primitives render without
+ *   `p-*` classes until `defaults` gives them their styles, which is what `styledMode()` does.
  * - Pass `value={{ pt, ptOptions }}` to apply global per-component pass-through.
  *
  * **PrimeUI license.** PrimeReact 11 is no longer MIT — its provider verifies a PrimeUI

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

@@ -1 +1 @@
-{"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;;;;"}
+{"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BG;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/DataTables/DataTableCore.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataTableCore.d.ts","sourceRoot":"","sources":["../../../DataTables/DataTableCore.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,EAAqB,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGrF,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAKhF,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AACrF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AASjE,MAAM,WAAW,sBAAsB,CAAC,KAAK;IAEzC,IAAI,EAAE,KAAK,CAAC;IAEZ,KAAK,EAAE,MAAM,CAAC;CACjB;AAOD,MAAM,WAAW,kBAAkB,CAAC,KAAK,SAAS,MAAM;IAEpD,IAAI,EAAE,KAAK,EAAE,CAAC;IAEd,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,YAAY,EAAE,SAAS,CAAC;IAExB,aAAa,CAAC,EAAE,QAAQ,CAAC;IAEzB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B,SAAS,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IAEzB,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,6BAA6B,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC;IAE1E,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,sBAAsB,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC;IAE5D,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,KAAK,MAAM,CAAC;IAE1C,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAC;IAE9B,uBAAuB,CAAC,EAAE,MAAM,CAAC;IAEjC,cAAc,CAAC,EAAE,mBAAmB,CAAC;IAErC,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAElD,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,KAAK,CAAC,EAAE,aAAa,CAAC;IAEtB,EAAE,CAAC,EAAE,kBAAkB,CAAC,IAAI,CAAC,CAAC;IAE9B,SAAS,CAAC,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAC;IAE5C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAgCD,eAAO,MAAM,aAAa,GAAI,KAAK,SAAS,MAAM,EAAE,mRAsBjD,kBAAkB,CAAC,KAAK,CAAC,sBA4H3B,CAAC"}
+{"version":3,"file":"DataTableCore.d.ts","sourceRoot":"","sources":["../../../DataTables/DataTableCore.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,EAAqB,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGrF,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAKhF,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AACrF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AASjE,MAAM,WAAW,sBAAsB,CAAC,KAAK;IAEzC,IAAI,EAAE,KAAK,CAAC;IAEZ,KAAK,EAAE,MAAM,CAAC;CACjB;AAOD,MAAM,WAAW,kBAAkB,CAAC,KAAK,SAAS,MAAM;IAEpD,IAAI,EAAE,KAAK,EAAE,CAAC;IAEd,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,YAAY,EAAE,SAAS,CAAC;IAExB,aAAa,CAAC,EAAE,QAAQ,CAAC;IAEzB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B,SAAS,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IAEzB,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,6BAA6B,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC;IAE1E,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,sBAAsB,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC;IAE5D,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,KAAK,MAAM,CAAC;IAE1C,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAC;IAE9B,uBAAuB,CAAC,EAAE,MAAM,CAAC;IAEjC,cAAc,CAAC,EAAE,mBAAmB,CAAC;IAErC,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAElD,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,KAAK,CAAC,EAAE,aAAa,CAAC;IAEtB,EAAE,CAAC,EAAE,kBAAkB,CAAC,IAAI,CAAC,CAAC;IAE9B,SAAS,CAAC,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAC;IAE5C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAgCD,eAAO,MAAM,aAAa,GAAI,KAAK,SAAS,MAAM,EAAE,mRAsBjD,kBAAkB,CAAC,KAAK,CAAC,sBAgI3B,CAAC"}

package/dist/esm/DataTables/DataTableCore.js

@@ -52,7 +52,7 @@ const DataTableCore = ({ data, children, dataKey, emptyMessage, selectionMode, s
     const handleRowClick = onRowClick
         ? (event) => onRowClick({ data: event.data, index: event.index })
         : undefined;
-    return (jsxs(DataTable.Root, { data: data, dataKey: dataKey, removableSort: true, selectionMode: selectionMode ?? null, selectionKeys: selectionKeys, onSelectionChange: onSelectionChange ? handleSelectionChange : undefined, onRowClick: handleRowClick, filters: filters, onFilter: handleFilter, globalFilter: globalFilter || null, globalFilterFields: globalFilterFields, scrollable: scrollable, scrollHeight: scrollHeight, className: className, style: style, pt: pt, ptOptions: ptOptions, unstyled: unstyled, children: [showGlobalSearch && (jsx("div", { className: "cratis-datatable-search", children: jsx(InputText, { value: globalFilter, placeholder: globalSearchPlaceholder, className: "w-full", onChange: (event) => setGlobalFilter(event.target.value) }) })), jsx(DataTable.TableContainer, { children: jsxs(DataTable.Table, { children: [jsx(DataTable.THead, { children: jsx(DataTable.THeadRow, { children: columns.map((column, index) => (jsx(DataTable.THeadCell, { style: column.props.headerStyle ?? column.props.style, className: column.props.headerClassName, children: jsxs("div", { className: "cratis-datatable-header-cell", children: [column.props.sortable && column.props.field ? (jsxs(DataTable.Sort, { field: column.props.field, pt: { root: { 'aria-sort': undefined } }, children: [column.props.header, jsx(DataTable.SortIndicator, { match: "asc", children: " \u25B2" }), jsx(DataTable.SortIndicator, { match: "desc", children: " \u25BC" })] })) : (jsx("span", { children: column.props.header })), column.props.filter && (column.props.filterField ?? column.props.field) && (jsx(ColumnFilterMenu, { field: (column.props.filterField ?? column.props.field), dataType: column.props.dataType, placeholder: column.props.filterPlaceholder, showMatchModes: column.props.showFilterMatchModes }))] }) }, index))) }) }), jsx(DataTable.TBody, { children: ({ item, index }) => (jsx(DataTable.Row, { index: index, className: rowClassName?.(item), children: columns.map((column, columnIndex) => (jsx(DataTable.Cell, { style: { ...column.props.style, ...column.props.bodyStyle }, className: column.props.bodyClassName ?? column.props.className, children: column.props.selectionMode ? (jsx("input", { type: "radio", readOnly: true, "aria-label": selectionAriaLabel, checked: !!selection && keyOf(item) === keyOf(selection) })) : (renderCellContent(column.props, item)) }, columnIndex))) })) }), jsx(DataTable.EmptyTBody, { children: jsx(DataTable.Row, { children: jsx(DataTable.Cell, { colSpan: Math.max(columns.length, 1), children: emptyMessage }) }) })] }) })] }));
+    return (jsxs(DataTable.Root, { data: data, dataKey: dataKey, removableSort: true, selectionMode: selectionMode ?? null, selectionKeys: selectionKeys, onSelectionChange: onSelectionChange ? handleSelectionChange : undefined, onRowClick: handleRowClick, filters: filters, onFilter: handleFilter, globalFilter: globalFilter || null, globalFilterFields: globalFilterFields, scrollable: scrollable, scrollHeight: scrollHeight, className: className, style: style, pt: pt, ptOptions: ptOptions, unstyled: unstyled, children: [showGlobalSearch && (jsx("div", { className: "cratis-datatable-search", children: jsx(InputText, { value: globalFilter, placeholder: globalSearchPlaceholder, className: "w-full", onChange: (event) => setGlobalFilter(event.target.value) }) })), jsx(DataTable.TableContainer, { children: jsxs(DataTable.Table, { children: [jsx(DataTable.THead, { children: jsx(DataTable.THeadRow, { children: columns.map((column, index) => (jsx(DataTable.THeadCell, { style: column.props.headerStyle ?? column.props.style, className: column.props.headerClassName, children: jsxs("div", { className: "cratis-datatable-header-cell", children: [column.props.sortable && column.props.field ? (jsxs(DataTable.Sort, { field: column.props.field, pt: { root: { 'aria-sort': undefined } }, children: [jsx(DataTable.THeadTitle, { children: column.props.header }), jsx(DataTable.SortIndicator, { match: "asc", children: " \u25B2" }), jsx(DataTable.SortIndicator, { match: "desc", children: " \u25BC" })] })) : (jsx(DataTable.THeadTitle, { children: column.props.header })), column.props.filter && (column.props.filterField ?? column.props.field) && (jsx(ColumnFilterMenu, { field: (column.props.filterField ?? column.props.field), dataType: column.props.dataType, placeholder: column.props.filterPlaceholder, showMatchModes: column.props.showFilterMatchModes }))] }) }, index))) }) }), jsx(DataTable.TBody, { children: ({ item, index }) => (jsx(DataTable.Row, { index: index, className: rowClassName?.(item), children: columns.map((column, columnIndex) => (jsx(DataTable.Cell, { style: { ...column.props.style, ...column.props.bodyStyle }, className: column.props.bodyClassName ?? column.props.className, children: column.props.selectionMode ? (jsx("input", { type: "radio", readOnly: true, "aria-label": selectionAriaLabel, checked: !!selection && keyOf(item) === keyOf(selection) })) : (renderCellContent(column.props, item)) }, columnIndex))) })) }), jsx(DataTable.EmptyTBody, { className: "p-datatable-tbody", children: jsx(DataTable.Row, { children: jsx(DataTable.Cell, { colSpan: Math.max(columns.length, 1), children: emptyMessage }) }) })] }) })] }));
 };
 
 export { DataTableCore };

package/dist/esm/DataTables/DataTableCore.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataTableCore.js","sources":["../../../DataTables/DataTableCore.tsx"],"sourcesContent":[null],"names":["_jsxs","PrimeDataTable","_jsx"],"mappings":"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"}
+{"version":3,"file":"DataTableCore.js","sources":["../../../DataTables/DataTableCore.tsx"],"sourcesContent":[null],"names":["_jsxs","PrimeDataTable","_jsx"],"mappings":"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"}

package/dist/esm/Display/Message.d.ts

@@ -5,6 +5,7 @@ export interface MessageProps {
     text?: React.ReactNode;
     children?: React.ReactNode;
     className?: string;
+    icon?: React.ReactNode | false;
 }
-export declare const Message: ({ severity, text, children, className }: MessageProps) => React.JSX.Element;
+export declare const Message: ({ severity, text, children, className, icon }: MessageProps) => React.JSX.Element;
 //# sourceMappingURL=Message.d.ts.map