@alfadocs/ui-kit 0.97.2 → 0.98.1

package/dist/components/patient-summary-card/index.js

@@ -1,4 +1,4 @@
-import { P as t, p as m } from "../../_chunks/patient-summary-card-vn1H4xWj.js";
+import { P as t, p as m } from "../../_chunks/patient-summary-card-C-iVDo53.js";
 export {
   t as PatientSummaryCard,
   m as patientSummaryCardAgent

package/dist/components/patient-table/index.js

@@ -1,4 +1,4 @@
-import { B as s, C as l, N as t, P as n, a as C, b as i, g as o, u } from "../../_chunks/patient-table-CvZTIM2R.js";
+import { B as s, C as l, N as t, P as n, a as C, b as i, g as o, u } from "../../_chunks/patient-table-QEVsFvwq.js";
 export {
   s as BalanceBadgeCell,
   l as CarePlanStatusCell,

package/dist/components/public-header/index.js

@@ -1,4 +1,4 @@
-import { P as r, p } from "../../_chunks/public-header.agent-rX_VA6hd.js";
+import { P as r, p } from "../../_chunks/public-header.agent-_8W9biCO.js";
 export {
   r as PublicHeader,
   p as publicHeaderAgent

package/dist/components/rich-text-editor/index.js

@@ -1,4 +1,4 @@
-import { R as a, r as e, w as i } from "../../_chunks/rich-text-editor-RRkBN_WB.js";
+import { R as a, r as e, w as i } from "../../_chunks/rich-text-editor-DHpV2q6d.js";
 export {
   a as RichTextEditor,
   e as richTextEditorAgent,

package/dist/components/sign-document/index.js

@@ -1,4 +1,4 @@
-import { S as o, s } from "../../_chunks/sign-document-DI561d1C.js";
+import { S as o, s } from "../../_chunks/sign-document-cH9CboWB.js";
 export {
   o as SignDocument,
   s as signDocumentAgent

package/dist/components/signature-capture/index.js

@@ -1,4 +1,4 @@
-import { S as r, s as t } from "../../_chunks/signature-capture-DN52VNKL.js";
+import { S as r, s as t } from "../../_chunks/signature-capture-D6ut9_IR.js";
 export {
   r as SignatureCapture,
   t as signatureCaptureAgent

package/dist/components/skeleton-scheme/index.js

@@ -5,7 +5,7 @@ import { c as T1 } from "../../_chunks/index-D2ZczOXr.js";
 import { useTranslation as N1 } from "react-i18next";
 import { u as E1 } from "../../_chunks/registry-DvAUVLHh.js";
 import { m as R1, A as _1 } from "../../_chunks/annotation-marker-qt5R9WZX.js";
-import { T as A } from "../../_chunks/tabs-CVTukWRD.js";
+import { T as A } from "../../_chunks/tabs-CBb2AidH.js";
 import { a as V1, Z as C1 } from "../../_chunks/zoom-out-Dnif4kJx.js";
 import { M as F1 } from "../../_chunks/maximize-2-BYd2Kti7.js";
 const I = {

package/dist/components/tabs/index.js

@@ -1,4 +1,4 @@
-import { T as t, a as b, b as T, c as e, t as r } from "../../_chunks/tabs-CVTukWRD.js";
+import { T as t, a as b, b as T, c as e, t as r } from "../../_chunks/tabs-CBb2AidH.js";
 export {
   t as Tabs,
   b as TabsContent,

package/dist/components/warning-stack/index.js

@@ -1,4 +1,4 @@
-import { W as n } from "../../_chunks/warning-stack-CAHQ0xxS.js";
+import { W as n } from "../../_chunks/warning-stack-DKeAfj5M.js";
 export {
   n as WarningStack
 };

package/dist/host-compat.css

@@ -0,0 +1,578 @@
+/**
+ * @alfadocs/ui-kit — host-compat stylesheet.  GENERATED — DO NOT EDIT.
+ *
+ * Regenerate with `npm run build:host-compat`; `npm run check:host-compat`
+ * fails the build if this file drifts from dist/tokens.css. Source:
+ * scripts/build-host-compat.mjs. Docs: Storybook →
+ * "29. Host Compatibility — Root Font Size".
+ *
+ * WHAT THIS IS
+ * Every dimension the kit ships is rem-based and designed against the
+ * browser default root font size of 16px. A host page that overrides
+ * `html { font-size }` rescales the whole design system — the AlfaDocs
+ * platform's legacy Material bundle sets 10px, so the kit renders at
+ * 62.5%. This sheet re-declares every rem-valued kit dimension in
+ * absolute px so the rem is never evaluated against the host root.
+ *
+ * LOAD IT ONLY IF THE HOST ROOT IS NOT 16px. Check first:
+ *   getComputedStyle(document.documentElement).fontSize
+ * On a healthy 16px host this sheet is a pure regression — it freezes
+ * kit dimensions against the user's browser text-size preference.
+ *
+ * LOAD ORDER: after `@alfadocs/ui-kit/tokens`. The token block below is
+ * unlayered and so wins regardless of order, but the layered block is
+ * ranked by source order within its layer and must come second.
+ *
+ * NOT COVERED (by construction, not by omission):
+ *   - `@media` preludes — rem in a media query resolves against the
+ *     browser's INITIAL font size, not the document root, so the kit's
+ *     breakpoints are already correct on a non-16px host. Left alone.
+ *   - `@container` preludes — container-query rem DOES follow the root,
+ *     but a prelude is not a declaration and no overlay can reach it.
+ *     Fixed at source: the kit authors container thresholds in px.
+ *   - rem written by the CONSUMER in its own CSS or in a host-authored
+ *     arbitrary utility class. Use px or a kit token on a non-16px host.
+ */
+
+/* The kit's layer order, repeated so this file is still correct if a
+   consumer loads it before the tokens sheet. A repeat of an already
+   established order is a no-op. */
+@layer properties, theme, base, components, utilities, ui-kit-tokens, ui-kit-components;
+
+/* ───────────────────────────────────────────────────────────────────────
+   SECTION A — design tokens (custom properties).  UNLAYERED.
+   93 declarations across 72 token names and 23 selectors.
+
+   Unlayered normal declarations outrank every layered one regardless of
+   source order and specificity, so this block beats the kit's own
+   `@layer ui-kit-tokens` and `@layer theme` wherever it is loaded.
+
+   Each selector is mirrored verbatim from dist/tokens.css. A flat
+   `:root` block would not reach the theme-scoped overrides
+   (`.theme-accessible` ships deliberately larger QR sizes) and could
+   not reach the element-scoped arbitrary-property `ds:` utilities at all —
+   a declaration set on the element itself always beats an inherited
+   value from `:root`, whatever the specificity.
+   ─────────────────────────────────────────────────────────────────── */
+:root,:host {
+  --ds-spacing:4px;
+  --ds-container-xs:320px;
+  --ds-container-sm:384px;
+  --ds-container-md:448px;
+  --ds-container-lg:512px;
+  --ds-container-xl:576px;
+  --ds-container-2xl:672px;
+  --ds-container-3xl:768px;
+  --ds-container-4xl:896px;
+  --ds-container-5xl:1024px;
+  --ds-container-6xl:1152px;
+  --ds-container-7xl:1280px;
+  --ds-text-xs:12px;
+  --ds-text-sm:14px;
+  --ds-text-base:16px;
+  --ds-text-lg:18px;
+  --ds-radius-sm:4px;
+  --ds-radius-md:6px;
+  --ds-radius-2xl:16px;
+}
+.ds\:\[--carousel-fade-distance\:5rem\] {
+  --carousel-fade-distance:80px;
+}
+.ds\:\[--carousel-item-inline-size\:14rem\] {
+  --carousel-item-inline-size:224px;
+}
+.ds\:\[--carousel-item-inline-size\:20rem\] {
+  --carousel-item-inline-size:320px;
+}
+.ds\:\[--carousel-item-inline-size\:28rem\] {
+  --carousel-item-inline-size:448px;
+}
+.ds\:\[--map-block-size\:14rem\] {
+  --map-block-size:224px;
+}
+.ds\:\[--map-block-size\:20rem\] {
+  --map-block-size:320px;
+}
+.ds\:\[--map-block-size\:28rem\] {
+  --map-block-size:448px;
+}
+.ds\:\[--marker-box\:0\.75rem\] {
+  --marker-box:12px;
+}
+.ds\:\[--marker-box\:1\.25rem\] {
+  --marker-box:20px;
+}
+.ds\:\[--marker-box\:1rem\] {
+  --marker-box:16px;
+}
+.ds\:\[--qr-edge\:var\(--qr-code-size-lg\,16rem\)\] {
+  --qr-edge:var(--qr-code-size-lg,256px);
+}
+.ds\:\[--qr-edge\:var\(--qr-code-size-md\,12rem\)\] {
+  --qr-edge:var(--qr-code-size-md,192px);
+}
+.ds\:\[--qr-edge\:var\(--qr-code-size-sm\,8rem\)\] {
+  --qr-edge:var(--qr-code-size-sm,128px);
+}
+.ds\:\[--tool-rail-panel-inline-size\:26rem\] {
+  --tool-rail-panel-inline-size:416px;
+}
+:root,.theme-light {
+  --spacing:4px;
+  --spacing-2xs:2px;
+  --spacing-xs:4px;
+  --spacing-sm:8px;
+  --spacing-md:16px;
+  --spacing-lg:24px;
+  --spacing-xl:32px;
+  --spacing-2xl:48px;
+  --skeleton-label-h:16px;
+  --skeleton-label-w:80px;
+  --skeleton-value-h:36px;
+  --skeleton-value-w:128px;
+  --avatar-size-2xl:128px;
+  --avatar-size-3xl:192px;
+  --avatar-text-size-2xl:48px;
+  --avatar-text-size-3xl:64px;
+  --row-height-compact:32px;
+  --row-height-expanded:64px;
+  --header-height-expanded:56px;
+  --form-label-inline-size:160px;
+  --font-size-2xs:10px;
+  --font-size-xs:12px;
+  --font-size-sm:14px;
+  --font-size-base:16px;
+  --font-size-lg:18px;
+  --font-size-xl:20px;
+  --font-size-2xl:24px;
+  --font-size-3xl:30px;
+  --font-size-4xl:36px;
+  --font-size-5xl:48px;
+  --type-title-hero-size:clamp(36px, 4vw, 56px);
+  --badge-truncate-max-width:192px;
+  --dialog-width-sm:320px;
+  --dialog-width-md:480px;
+  --dialog-width-lg:640px;
+  --dialog-width-xl:576px;
+  --header-workspace-max-inline-size:192px;
+  --arrow-size:8px;
+  --rich-text-editor-min-block-size:160px;
+  --rich-text-editor-min-inline-size:96px;
+  --qr-code-size-sm:128px;
+  --qr-code-size-md:192px;
+  --qr-code-size-lg:256px;
+}
+.theme-dark {
+  --qr-code-size-sm:128px;
+  --qr-code-size-md:192px;
+  --qr-code-size-lg:256px;
+}
+.theme-accessible {
+  --qr-code-size-sm:144px;
+  --qr-code-size-md:208px;
+  --qr-code-size-lg:288px;
+  --type-title-hero-size:clamp(40px, 4.5vw, 64px);
+}
+.theme-dark.theme-accessible {
+  --qr-code-size-sm:144px;
+  --qr-code-size-md:208px;
+  --qr-code-size-lg:288px;
+}
+.ag-theme-alfadocs {
+  --ag-menu-min-width:224px;
+  --ag-tab-min-width:288px;
+  --ag-side-bar-panel-width:240px;
+  --ag-chart-menu-panel-width:256px;
+}
+.redactor-theme-alfadocs[data-min-height=sm] {
+  --rich-text-editor-min-block-size:128px;
+}
+.redactor-theme-alfadocs[data-min-height=md] {
+  --rich-text-editor-min-block-size:256px;
+}
+.redactor-theme-alfadocs[data-min-height=lg] {
+  --rich-text-editor-min-block-size:384px;
+}
+
+/* ───────────────────────────────────────────────────────────────────────
+   SECTION B — non-token declarations.  ORIGINAL LAYER PRESERVED.
+   123 declarations across 119 rules.
+
+   Kit-authored arbitrary-value utilities (`ds:w-[20rem]`) and the
+   vendored AG Grid rules. These set real properties on real elements,
+   so their layer rank is deliberate — `@layer ui-kit-components`
+   intentionally outranks `@layer utilities`, and host legacy CSS
+   intentionally outranks both. Re-emitting each rule in its ORIGINAL
+   layer keeps every one of those relationships intact and wins on
+   source order alone; hoisting them unlayered would invert them.
+
+   Consequence: this block only works if the sheet is loaded AFTER
+   `@alfadocs/ui-kit/tokens`.
+   ─────────────────────────────────────────────────────────────────── */
+@layer utilities {
+  .ds\:-inset-\[calc\(\(var\(--min-target-size\)-1\.5rem\)\/2\)\] {
+    inset:calc(calc((var(--min-target-size) - 24px) / 2) * -1);
+  }
+  .ds\:-inset-\[calc\(\(var\(--min-target-size\)-1\.25rem\)\/2\)\] {
+    inset:calc(calc((var(--min-target-size) - 20px) / 2) * -1);
+  }
+  .ds\:-inset-\[calc\(\(var\(--min-target-size\)-1rem\)\/2\)\] {
+    inset:calc(calc((var(--min-target-size) - 16px) / 2) * -1);
+  }
+  .ds\:mt-\[calc\(\(var\(--type-label-size\)\*var\(--type-label-line-height\)-0\.875rem\)\/2\)\] {
+    margin-top:calc((var(--type-label-size) * var(--type-label-line-height) - 14px) / 2);
+  }
+  .ds\:mt-\[calc\(\(var\(--type-label-size\)\*var\(--type-label-line-height\)-1\.25rem\)\/2\)\] {
+    margin-top:calc((var(--type-label-size) * var(--type-label-line-height) - 20px) / 2);
+  }
+  .ds\:mt-\[calc\(\(var\(--type-label-size\)\*var\(--type-label-line-height\)-1rem\)\/2\)\] {
+    margin-top:calc((var(--type-label-size) * var(--type-label-line-height) - 16px) / 2);
+  }
+  .ds\:size-\[1\.5rem\] {
+    width:24px;
+    height:24px;
+  }
+  .ds\:size-\[1\.125rem\] {
+    width:18px;
+    height:18px;
+  }
+  .ds\:size-\[4\.5rem\] {
+    width:72px;
+    height:72px;
+  }
+  .ds\:size-\[7\.5rem\] {
+    width:120px;
+    height:120px;
+  }
+  .ds\:\!h-\[9\.25rem\] {
+    height:148px!important;
+  }
+  .ds\:\!h-\[11\.75rem\] {
+    height:188px!important;
+  }
+  .ds\:h-\[20rem\] {
+    height:320px;
+  }
+  .ds\:h-\[28rem\] {
+    height:448px;
+  }
+  .ds\:h-\[40rem\] {
+    height:640px;
+  }
+  .ds\:h-\[44rem\] {
+    height:704px;
+  }
+  .ds\:h-\[calc\(100dvh-6rem\)\] {
+    height:calc(100dvh - 96px);
+  }
+  .ds\:h-\[clamp\(24rem\,60vh\,42rem\)\] {
+    height:clamp(384px,60vh,672px);
+  }
+  .ds\:max-h-\[18rem\] {
+    max-height:288px;
+  }
+  .ds\:max-h-\[20rem\] {
+    max-height:320px;
+  }
+  .ds\:max-h-\[32rem\] {
+    max-height:512px;
+  }
+  .ds\:max-h-\[min\(24rem\,var\(--radix-popover-content-available-height\)\)\] {
+    max-height:min(384px,var(--radix-popover-content-available-height));
+  }
+  .ds\:min-h-\[3rem\] {
+    min-height:48px;
+  }
+  .ds\:min-h-\[20rem\] {
+    min-height:320px;
+  }
+  .ds\:min-h-\[24rem\] {
+    min-height:384px;
+  }
+  .ds\:min-h-\[30rem\] {
+    min-height:480px;
+  }
+  .ds\:w-\[11rem\] {
+    width:176px;
+  }
+  .ds\:w-\[12rem\] {
+    width:192px;
+  }
+  .ds\:w-\[13rem\] {
+    width:208px;
+  }
+  .ds\:w-\[16rem\] {
+    width:256px;
+  }
+  .ds\:w-\[18rem\] {
+    width:288px;
+  }
+  .ds\:w-\[20rem\] {
+    width:320px;
+  }
+  .ds\:w-\[22rem\] {
+    width:352px;
+  }
+  .ds\:w-\[24rem\] {
+    width:384px;
+  }
+  .ds\:w-\[26rem\] {
+    width:416px;
+  }
+  .ds\:w-\[28rem\] {
+    width:448px;
+  }
+  .ds\:w-\[32rem\] {
+    width:512px;
+  }
+  .ds\:w-\[34rem\] {
+    width:544px;
+  }
+  .ds\:w-\[36rem\] {
+    width:576px;
+  }
+  .ds\:w-\[40rem\] {
+    width:640px;
+  }
+  .ds\:w-\[42rem\] {
+    width:672px;
+  }
+  .ds\:w-\[44rem\] {
+    width:704px;
+  }
+  .ds\:w-\[60rem\] {
+    width:960px;
+  }
+  .ds\:w-\[64rem\] {
+    width:1024px;
+  }
+  .ds\:w-\[72rem\] {
+    width:1152px;
+  }
+  .ds\:w-\[80rem\] {
+    width:1280px;
+  }
+  .ds\:w-\[calc\(100vw-2rem\)\] {
+    width:calc(100vw - 32px);
+  }
+  .ds\:w-\[min\(22rem\,calc\(100vw-2\*var\(--spacing-md\)\)\)\] {
+    width:min(352px,calc(100vw - 2 * var(--spacing-md)));
+  }
+  .ds\:w-\[min\(22rem\,calc\(100vw-var\(--spacing-xl\)\)\)\] {
+    width:min(352px,calc(100vw - var(--spacing-xl)));
+  }
+  .ds\:w-\[min\(24rem\,calc\(100vw-2\*var\(--spacing-md\)\)\)\] {
+    width:min(384px,calc(100vw - 2 * var(--spacing-md)));
+  }
+  .ds\:w-\[min\(26rem\,calc\(100vw-2\*var\(--spacing-md\)\)\)\] {
+    width:min(416px,calc(100vw - 2 * var(--spacing-md)));
+  }
+  .ds\:max-w-\[12rem\] {
+    max-width:192px;
+  }
+  .ds\:max-w-\[16rem\] {
+    max-width:256px;
+  }
+  .ds\:max-w-\[18rem\] {
+    max-width:288px;
+  }
+  .ds\:max-w-\[20rem\] {
+    max-width:320px;
+  }
+  .ds\:max-w-\[24rem\] {
+    max-width:384px;
+  }
+  .ds\:max-w-\[26rem\] {
+    max-width:416px;
+  }
+  .ds\:max-w-\[28rem\] {
+    max-width:448px;
+  }
+  .ds\:max-w-\[32rem\] {
+    max-width:512px;
+  }
+  .ds\:max-w-\[40rem\] {
+    max-width:640px;
+  }
+  .ds\:max-w-\[42rem\] {
+    max-width:672px;
+  }
+  .ds\:max-w-\[48rem\] {
+    max-width:768px;
+  }
+  .ds\:max-w-\[56rem\] {
+    max-width:896px;
+  }
+  .ds\:max-w-\[64rem\] {
+    max-width:1024px;
+  }
+  .ds\:max-w-\[76rem\] {
+    max-width:1216px;
+  }
+  .ds\:max-w-\[80rem\] {
+    max-width:1280px;
+  }
+  .ds\:max-w-\[min\(42rem\,90\%\)\] {
+    max-width:min(672px,90%);
+  }
+  .ds\:max-w-\[min\(42rem\,calc\(100\%-var\(--spacing-xl\)-var\(--spacing-sm\)\)\)\] {
+    max-width:min(672px,calc(100% - var(--spacing-xl) - var(--spacing-sm)));
+  }
+  .ds\:min-w-\[3\.5rem\] {
+    min-width:56px;
+  }
+  .ds\:min-w-\[3rem\] {
+    min-width:48px;
+  }
+  .ds\:min-w-\[6rem\] {
+    min-width:96px;
+  }
+  .ds\:min-w-\[8rem\] {
+    min-width:128px;
+  }
+  .ds\:min-w-\[10rem\] {
+    min-width:160px;
+  }
+  .ds\:min-w-\[12rem\] {
+    min-width:192px;
+  }
+  .ds\:min-w-\[14rem\] {
+    min-width:224px;
+  }
+  .ds\:min-w-\[16rem\] {
+    min-width:256px;
+  }
+  .ds\:min-w-\[32rem\] {
+    min-width:512px;
+  }
+  .ds\:auto-rows-\[14rem\] {
+    grid-auto-rows:224px;
+  }
+  .ds\:auto-rows-\[19rem\] {
+    grid-auto-rows:304px;
+  }
+  .ds\:auto-rows-\[minmax\(12rem\,auto\)\] {
+    grid-auto-rows:minmax(192px,auto);
+  }
+  .ds\:\[grid-template-columns\:minmax\(2\.75rem\,auto\)_repeat\(4\,minmax\(0\,1fr\)\)\] {
+    grid-template-columns:minmax(44px,auto) repeat(4,minmax(0,1fr));
+  }
+  .ds\:\[grid-template-columns\:minmax\(2\.75rem\,auto\)_repeat\(6\,minmax\(0\,1fr\)\)\] {
+    grid-template-columns:minmax(44px,auto) repeat(6,minmax(0,1fr));
+  }
+  .ds\:\[grid-template-columns\:repeat\(auto-fill\,minmax\(2rem\,1fr\)\)\] {
+    grid-template-columns:repeat(auto-fill,minmax(32px,1fr));
+  }
+  .ds\:\[grid-template-columns\:repeat\(auto-fit\,minmax\(14rem\,1fr\)\)\] {
+    grid-template-columns:repeat(auto-fit,minmax(224px,1fr));
+  }
+  .ds\:\[grid-template-columns\:repeat\(auto-fit\,minmax\(16rem\,1fr\)\)\] {
+    grid-template-columns:repeat(auto-fit,minmax(256px,1fr));
+  }
+  .ds\:grid-cols-\[1fr_2rem_1fr\] {
+    grid-template-columns:1fr 32px 1fr;
+  }
+  .ds\:grid-cols-\[repeat\(auto-fill\,minmax\(12rem\,1fr\)\)\] {
+    grid-template-columns:repeat(auto-fill,minmax(192px,1fr));
+  }
+  .ds\:grid-cols-\[repeat\(auto-fit\,minmax\(8rem\,1fr\)\)\] {
+    grid-template-columns:repeat(auto-fit,minmax(128px,1fr));
+  }
+  .ds\:grid-cols-\[repeat\(auto-fit\,minmax\(12rem\,1fr\)\)\] {
+    grid-template-columns:repeat(auto-fit,minmax(192px,1fr));
+  }
+  .ds\:text-\[7rem\] {
+    font-size:112px;
+  }
+  .ds\:\[inline-size\:3rem\] {
+    inline-size:48px;
+  }
+  .ds\:\[inline-size\:22rem\] {
+    inline-size:352px;
+  }
+  .ds\:\[inline-size\:24rem\] {
+    inline-size:384px;
+  }
+  .ds\:\[inline-size\:var\(--tool-rail-panel-inline-size\,var\(--ai-tools-rail-panel-inline-size\,22rem\)\)\] {
+    inline-size:var(--tool-rail-panel-inline-size,var(--ai-tools-rail-panel-inline-size,352px));
+  }
+  .ds\:\[max-block-size\:10rem\] {
+    max-block-size:160px;
+  }
+  .ds\:\[max-block-size\:12rem\] {
+    max-block-size:192px;
+  }
+  .ds\:\[max-inline-size\:16rem\] {
+    max-inline-size:256px;
+  }
+  .ds\:\[max-inline-size\:20rem\] {
+    max-inline-size:320px;
+  }
+  .ds\:\[max-inline-size\:28rem\] {
+    max-inline-size:448px;
+  }
+  .ds\:\[max-inline-size\:34rem\] {
+    max-inline-size:544px;
+  }
+  .ds\:\[max-inline-size\:36rem\] {
+    max-inline-size:576px;
+  }
+  .ds\:\[max-inline-size\:40rem\] {
+    max-inline-size:640px;
+  }
+  .ds\:\[max-inline-size\:48rem\] {
+    max-inline-size:768px;
+  }
+  .ds\:\[min-block-size\:18rem\] {
+    min-block-size:288px;
+  }
+  .ds\:\[min-block-size\:30rem\] {
+    min-block-size:480px;
+  }
+  @media (min-width:40rem) {
+    .ds\:sm\:text-\[8rem\] {
+      font-size:128px;
+    }
+    .ds\:sm\:\[max-block-size\:var\(--message-tray-max-block-size\,26rem\)\] {
+      max-block-size:var(--message-tray-max-block-size,416px);
+    }
+    .ds\:sm\:\[max-block-size\:var\(--notification-tray-max-block-size\,24rem\)\] {
+      max-block-size:var(--notification-tray-max-block-size,384px);
+    }
+    .ds\:sm\:\[max-block-size\:var\(--product-hub-tray-max-block-size\,24rem\)\] {
+      max-block-size:var(--product-hub-tray-max-block-size,384px);
+    }
+  }
+  @media (min-width:64rem) {
+    .ds\:lg\:w-\[15rem\] {
+      width:240px;
+    }
+    .ds\:lg\:w-\[20rem\] {
+      width:320px;
+    }
+    .ds\:lg\:w-\[28rem\] {
+      width:448px;
+    }
+  }
+}
+.ag-watermark-text {
+  padding-left:11.2px;
+}
+.ag-pill-container {
+  gap:4px;
+}
+.ag-pill {
+  padding:0 4px;
+}
+.ag-rich-select-list .ag-rich-select-loading {
+  min-height:32px;
+}
+.ag-ltr .ag-rich-select-typing-multi .ag-rich-select-field-input {
+  margin-left:4px;
+}
+.ag-rtl .ag-rich-select-typing-multi .ag-rich-select-field-input {
+  margin-right:4px;
+}
+.ag-skeleton-effect {
+  border-radius:4px;
+}