@assure-one/design-system 1.32.0 → 1.33.0

package/dist/index.js

@@ -1,6 +1,6 @@
 "use client";
 import * as React39 from 'react';
-import { forwardRef, useId, useRef, useState, useEffect, useCallback, useImperativeHandle, useMemo, createContext, Fragment as Fragment$1, useContext } from 'react';
+import { forwardRef, useId, useRef, useState, useEffect, useCallback, useImperativeHandle, useMemo, createContext, Fragment as Fragment$1, useSyncExternalStore, useContext } from 'react';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import { clsx } from 'clsx';
 import { extendTailwindMerge } from 'tailwind-merge';
@@ -113,10 +113,10 @@ var radii = {
   full: "9999px"
 };
 var shadows = {
-  quiet: "0 1px 2px rgba(10, 10, 10, 0.03)",
-  card: "0 12px 28px -16px rgba(10, 10, 10, 0.18), 0 1px 2px rgba(10, 10, 10, 0.04)",
-  pop: "0 30px 80px -30px rgba(10, 10, 10, 0.18), 0 8px 24px -8px rgba(10, 10, 10, 0.06)",
-  focusRing: "0 0 0 2px rgba(108, 66, 248, 0.18)"
+  quiet: "0 1px 2px rgba(16, 20, 36, 0.05)",
+  card: "0 1px 2px rgba(16, 20, 36, 0.04), 0 4px 12px -4px rgba(16, 20, 36, 0.08)",
+  pop: "0 0 0 1px rgba(16, 20, 36, 0.03), 0 2px 4px -1px rgba(16, 20, 36, 0.06), 0 12px 28px -6px rgba(16, 20, 36, 0.14)",
+  focusRing: "0 0 0 2px #ffffff, 0 0 0 4px #6c42f8"
 };
 var overlays = {
   hover: "rgba(10, 10, 10, 0.03)",
@@ -163,6 +163,28 @@ var motion = {
     slow: "400ms"
   }
 };
+var iconSizes = {
+  xs: "12px",
+  sm: "14px",
+  md: "16px",
+  lg: "20px"
+};
+var zIndex = {
+  base: 0,
+  sticky: 100,
+  overlay: 200,
+  modal: 300,
+  popover: 400,
+  toast: 500,
+  tooltip: 600
+};
+var breakpoints = {
+  sm: "40rem",
+  md: "48rem",
+  lg: "64rem",
+  xl: "80rem",
+  "2xl": "96rem"
+};
 var reference = {
   colors,
   typography,
@@ -172,7 +194,10 @@ var reference = {
   layout,
   motion,
   spacing,
-  surfaces
+  surfaces,
+  iconSizes,
+  zIndex,
+  breakpoints
 };
 
 // src/tokens/system.ts
@@ -370,6 +395,54 @@ var systemTokens = {
       }
     }
   },
+  /**
+   * Control sizing (amendment A1, W2-03). One outer height per size name, with
+   * the padding, gap, label size and glyph size derived from it.
+   *
+   * **Nothing reads these yet** and the numbers are gated on decision D5
+   * (implementation plan §3) — what each control renders *today* is in
+   * `docs/design-system/control-sizes.md`, and W2-05 is the task that unifies
+   * them. Referencing the scale here is also what keeps the custom properties
+   * in the published stylesheet, so `[data-ds-density="compact"]` has something
+   * to re-point.
+   */
+  control: {
+    height: {
+      xs: "var(--control-height-xs)",
+      sm: "var(--control-height-sm)",
+      md: "var(--control-height-md)",
+      lg: "var(--control-height-lg)",
+      xl: "var(--control-height-xl)"
+    },
+    paddingX: {
+      xs: "var(--control-padding-x-xs)",
+      sm: "var(--control-padding-x-sm)",
+      md: "var(--control-padding-x-md)",
+      lg: "var(--control-padding-x-lg)",
+      xl: "var(--control-padding-x-xl)"
+    },
+    gap: {
+      xs: "var(--control-gap-xs)",
+      sm: "var(--control-gap-sm)",
+      md: "var(--control-gap-md)",
+      lg: "var(--control-gap-lg)",
+      xl: "var(--control-gap-xl)"
+    },
+    fontSize: {
+      xs: "var(--control-font-size-xs)",
+      sm: "var(--control-font-size-sm)",
+      md: "var(--control-font-size-md)",
+      lg: "var(--control-font-size-lg)",
+      xl: "var(--control-font-size-xl)"
+    },
+    icon: {
+      xs: "var(--control-icon-xs)",
+      sm: "var(--control-icon-sm)",
+      md: "var(--control-icon-md)",
+      lg: "var(--control-icon-lg)",
+      xl: "var(--control-icon-xl)"
+    }
+  },
   layout: {
     shellSidebarWidth: "var(--shell-sidebar-w)",
     shellSidebarRailWidth: "var(--shell-sidebar-w-rail)",
@@ -387,10 +460,15 @@ var systemTokens = {
   }
 };
 var split = (values) => values.split(" ");
-var DS_RADIUS = split("badges btn buttons card cards general icon input inputs pill");
-var DS_SHADOW = split("card focus focus-ring pop quiet subtle");
+var DS_RADIUS = split(
+  "badges btn buttons card cards general icon input inputs pill control surface surface-sm badge"
+);
+var DS_SHADOW = split("card focus focus-ring focus-ring-field pop quiet subtle flat raised floating overlay");
 var DS_EASE = split("out-quart");
 var DS_FONT = split("body display");
+var DS_TEXT = split(
+  "display title-page title-section title-sub body body-sm label helper caption micro overline code"
+);
 var DS_ANIMATE = split("accordion-down accordion-up collapsible-down collapsible-up pulse-soft");
 var isDsShadowVar = (value) => /^\[var\(--shadow-[a-z0-9-]*\)\]$/.test(value);
 var dsMergeConfig = {
@@ -400,6 +478,7 @@ var dsMergeConfig = {
       shadow: DS_SHADOW,
       ease: DS_EASE,
       font: DS_FONT,
+      text: DS_TEXT,
       animate: DS_ANIMATE
     },
     classGroups: {
@@ -2527,6 +2606,8 @@ defineAnatomy("message-composer", [
   "below-editor",
   "footer"
 ]);
+var codeAnatomy = defineAnatomy("code", ["root", "content"]);
+var kbdAnatomy = defineAnatomy("kbd", ["root"]);
 var buttonAnatomy = defineAnatomy("button", ["root", "icon-start", "icon-end", "spinner"]);
 var linkButtonAnatomy = defineAnatomy("link-button", ["root", "icon-start", "icon-end"]);
 var badgeAnatomy = defineAnatomy("badge", ["root", "dot", "icon"]);
@@ -2707,6 +2788,11 @@ var sidebarBrandSwitcherAnatomy = defineAnatomy("sidebar-brand-switcher", [
   "trigger",
   "icon"
 ]);
+var textAnatomy = defineAnatomy("text", ["root"]);
+var headingAnatomy = defineAnatomy("heading", ["root"]);
+var stackAnatomy = defineAnatomy("stack", ["root"]);
+var inlineAnatomy = defineAnatomy("inline", ["root"]);
+var surfaceAnatomy = defineAnatomy("surface", ["root"]);
 
 // src/foundation/anatomy/slot.ts
 function slot(anatomy, part) {
@@ -2754,7 +2840,7 @@ var AlertDialogContent = React39.forwardRef(({ className, ...props }, ref) => /*
       className: cn(
         "fixed top-1/2 left-1/2 z-[var(--z-modal)] w-full max-w-lg",
         "scrollbar-thin max-h-[calc(100vh-6rem)] overflow-y-auto",
-        "rounded-card border-rule bg-surface shadow-pop border p-6",
+        "rounded-card border-rule bg-surface shadow-overlay border p-6",
         "font-body text-fg",
         "transition-[opacity,transform] duration-[var(--duration-overlay)] ease-[var(--ease-out-quart)]",
         "data-[state=closed]:-translate-x-1/2 data-[state=closed]:-translate-y-[48%] data-[state=closed]:scale-95 data-[state=closed]:opacity-0",
@@ -3716,7 +3802,7 @@ var SelectTrigger = React39.forwardRef(({ className, children, tabIndex, ...prop
         "transition-[color,background-color,border-color,box-shadow] duration-[var(--duration-fast)] ease-[var(--ease-out-quart)]",
         "motion-reduce:transition-none",
         "placeholder:text-fg-4",
-        "focus-visible:[border-color:var(--focus-ring-border)] focus-visible:[box-shadow:var(--shadow-focus-ring)] focus-visible:outline-none",
+        "focus-visible:[border-color:var(--focus-ring-border)] focus-visible:[box-shadow:var(--shadow-focus-ring-field)] focus-visible:outline-none",
         "disabled:bg-bg-disabled disabled:text-fg-disabled disabled:cursor-not-allowed",
         "data-[placeholder]:text-fg-4",
         "aria-[invalid=true]:border-danger-line aria-[invalid=true]:focus-visible:border-danger-fg",
@@ -4206,7 +4292,7 @@ var Checkbox = React39.forwardRef(function Checkbox2({
           shape === "circle" ? "rounded-full" : "rounded-[4px]",
           microInteractions.selection,
           "hover:border-fg-4",
-          "focus-visible:[border-color:var(--focus-ring-border)] focus-visible:[box-shadow:var(--shadow-focus-ring)] focus-visible:outline-none",
+          "focus-visible:[border-color:var(--focus-ring-border)] focus-visible:[box-shadow:var(--shadow-focus-ring-field)] focus-visible:outline-none",
           "data-[state=checked]:border-brand data-[state=checked]:bg-brand-bg",
           "data-[state=indeterminate]:border-brand data-[state=indeterminate]:bg-brand-bg",
           "disabled:bg-bg-disabled disabled:border-rule disabled:text-fg-disabled disabled:cursor-not-allowed",
@@ -4391,7 +4477,7 @@ var DialogContent = React39.forwardRef(({ size = "md", showCloseButton = true, c
       className: cn(
         "fixed top-1/2 left-1/2 z-[var(--z-modal)] w-full",
         "scrollbar-thin max-h-[calc(100vh-6rem)] overflow-y-auto",
-        "rounded-card border-rule bg-surface shadow-pop border p-6",
+        "rounded-card border-rule bg-surface shadow-overlay border p-6",
         "font-body text-fg",
         // motion: scale + fade keyed off data-state
         microInteractions.overlay,
@@ -4477,11 +4563,67 @@ var DialogDescription = React39.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 DialogDescription.displayName = DialogPrimitive.Description.displayName;
-var kbdClass = cn(
-  "inline-flex items-center justify-center min-w-[18px] h-[18px] px-[5px]",
-  "font-mono text-[10.5px] text-fg-3 bg-bg-2 border border-rule rounded-icon",
-  "[border-bottom-width:1.5px]"
-);
+var APPLE = /Mac|iPhone|iPad|iPod/;
+function detectPlatform(nav) {
+  if (!nav) return "other";
+  const hinted = nav.userAgentData?.platform;
+  if (hinted && /^(macOS|iOS|iPadOS)$/i.test(hinted)) return "apple";
+  if (hinted && hinted.length > 0) return "other";
+  const platform = nav.platform ?? "";
+  if (APPLE.test(platform)) return "apple";
+  const userAgent = nav.userAgent ?? "";
+  return APPLE.test(userAgent) ? "apple" : "other";
+}
+var detected;
+var subscribe = () => () => {
+};
+function usePlatform({ serverValue = "other" } = {}) {
+  const getSnapshot = () => {
+    if (typeof navigator === "undefined") return serverValue;
+    detected ??= detectPlatform(navigator);
+    return detected;
+  };
+  const getServerSnapshot = () => serverValue;
+  return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+}
+var GLYPHS = {
+  mod: { apple: "\u2318", other: "Ctrl" },
+  alt: { apple: "\u2325", other: "Alt" },
+  shift: { apple: "\u21E7", other: "Shift" },
+  ctrl: { apple: "\u2303", other: "Ctrl" }
+};
+function kbdGlyphText(glyph, platform) {
+  return GLYPHS[glyph][platform];
+}
+var VARIANT_CLASS = {
+  keycap: cn(
+    "inline-flex items-center justify-center min-w-[18px] h-[18px] px-[5px]",
+    "font-mono text-[10.5px] text-fg-3 bg-bg-2 border border-rule rounded-icon",
+    "[border-bottom-width:1.5px]"
+  ),
+  flat: cn(
+    "rounded-icon inline-flex h-5 min-w-5 items-center justify-center px-1.5",
+    "border-rule bg-bg-2 text-fg-3 border font-mono text-[10.5px]"
+  )
+};
+var Kbd = forwardRef(function Kbd2({ variant = "keycap", glyph, className, children, ...props }, ref) {
+  const platform = usePlatform();
+  return /* @__PURE__ */ jsxs(
+    "kbd",
+    {
+      ref,
+      ...slot(kbdAnatomy, "root"),
+      ...stateAttributes({ variant }),
+      className: cn(VARIANT_CLASS[variant], className),
+      ...props,
+      children: [
+        glyph ? kbdGlyphText(glyph, platform) : null,
+        children
+      ]
+    }
+  );
+});
+Kbd.displayName = "Kbd";
 function groupItems(items) {
   const groups = /* @__PURE__ */ new Map();
   for (const item of items) {
@@ -4527,7 +4669,7 @@ function CommandPalette({
         "aria-label": "Command palette",
         className: cn(
           "fixed top-[20vh] left-1/2 z-[var(--z-modal)] w-full max-w-xl -translate-x-1/2",
-          "rounded-card border-rule bg-surface shadow-pop overflow-hidden border",
+          "rounded-card border-rule bg-surface shadow-overlay overflow-hidden border",
           "font-body text-fg",
           "transition-[opacity,transform] duration-[var(--duration-overlay)] ease-[var(--ease-out-quart)]",
           "data-[state=closed]:-translate-x-1/2 data-[state=closed]:scale-95 data-[state=closed]:opacity-0",
@@ -4615,7 +4757,7 @@ function CommandPalette({
                                   /* @__PURE__ */ jsx("div", { className: "text-fg text-sm font-medium", children: item.label }),
                                   item.description && /* @__PURE__ */ jsx("div", { className: "text-fg-3 line-clamp-1 text-xs", children: item.description })
                                 ] }),
-                                item.shortcut && /* @__PURE__ */ jsx("kbd", { className: cn(kbdClass, "hidden shrink-0 sm:inline-flex"), children: item.shortcut })
+                                item.shortcut && /* @__PURE__ */ jsx(Kbd, { className: "hidden shrink-0 sm:inline-flex", children: item.shortcut })
                               ]
                             },
                             item.id
@@ -4628,15 +4770,15 @@ function CommandPalette({
                 ),
                 /* @__PURE__ */ jsxs("div", { className: "border-rule bg-bg-2/40 text-fg-3 flex flex-wrap items-center gap-4 border-t px-4 py-2.5", children: [
                   /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5", children: [
-                    /* @__PURE__ */ jsx("kbd", { className: kbdClass, children: "\u2191\u2193" }),
+                    /* @__PURE__ */ jsx(Kbd, { children: "\u2191\u2193" }),
                     "Navigate"
                   ] }),
                   /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5", children: [
-                    /* @__PURE__ */ jsx("kbd", { className: kbdClass, children: "\u21B5" }),
+                    /* @__PURE__ */ jsx(Kbd, { children: "\u21B5" }),
                     "Select"
                   ] }),
                   /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5", children: [
-                    /* @__PURE__ */ jsx("kbd", { className: kbdClass, children: "esc" }),
+                    /* @__PURE__ */ jsx(Kbd, { children: "esc" }),
                     "Close"
                   ] })
                 ] })
@@ -5202,7 +5344,7 @@ var DatePicker = forwardRef(function DatePicker2({
             "motion-reduce:transition-none",
             "placeholder:font-body placeholder:text-fg-4",
             "focus-visible:[border-color:var(--focus-ring-border)] focus-visible:outline-none",
-            "focus-visible:[box-shadow:var(--shadow-focus-ring)]",
+            "focus-visible:[box-shadow:var(--shadow-focus-ring-field)]",
             "disabled:bg-bg-disabled disabled:text-fg-disabled disabled:cursor-not-allowed",
             "aria-[invalid=true]:border-danger-line aria-[invalid=true]:focus-visible:border-danger-fg",
             "aria-[invalid=true]:focus-visible:[box-shadow:0_0_0_2px_var(--color-danger-bg)]",
@@ -5395,7 +5537,7 @@ var DateRangePicker = forwardRef(
               "motion-reduce:transition-none",
               "hover:bg-bg-2",
               "focus-visible:[border-color:var(--focus-ring-border)] focus-visible:outline-none",
-              "focus-visible:[box-shadow:var(--shadow-focus-ring)]",
+              "focus-visible:[box-shadow:var(--shadow-focus-ring-field)]",
               "disabled:bg-bg-disabled disabled:text-fg-disabled disabled:cursor-not-allowed disabled:hover:bg-bg-disabled",
               "data-[invalid=true]:border-danger-line data-[invalid=true]:focus-visible:border-danger-fg",
               "data-[invalid=true]:focus-visible:[box-shadow:0_0_0_2px_var(--color-danger-bg)]"
@@ -6187,7 +6329,7 @@ var inputVariants = cva(
     microInteractions.control,
     "placeholder:text-fg-4",
     "focus-visible:outline-none focus-visible:[border-color:var(--focus-ring-border)]",
-    "focus-visible:[box-shadow:var(--shadow-focus-ring)]",
+    "focus-visible:[box-shadow:var(--shadow-focus-ring-field)]",
     "disabled:cursor-not-allowed disabled:bg-bg-disabled disabled:text-fg-disabled",
     "aria-[invalid=true]:border-danger-line aria-[invalid=true]:focus-visible:border-danger-fg",
     "aria-[invalid=true]:focus-visible:[box-shadow:0_0_0_2px_var(--color-danger-bg)]",
@@ -6367,7 +6509,7 @@ var GENERAL_SECTION = {
     { keys: ["Esc"], description: "Close / go back" }
   ]
 };
-var kbdClass2 = cn(
+var kbdClass = cn(
   "inline-flex items-center justify-center min-w-[18px] h-[18px] px-[5px]",
   "font-mono text-[10.5px] text-fg-3 bg-bg-2 border border-rule rounded-icon",
   "[border-bottom-width:1.5px]"
@@ -6417,7 +6559,7 @@ function KeyboardShortcutsDialog({
             /* @__PURE__ */ jsx("span", { className: "text-fg text-sm", children: shortcut.description }),
             /* @__PURE__ */ jsx("div", { className: "flex shrink-0 items-center gap-1", children: shortcut.keys.map((key, i) => /* @__PURE__ */ jsxs(React39.Fragment, { children: [
               i > 0 && /* @__PURE__ */ jsx("span", { className: "text-fg-4 mx-0.5 text-[11px]", children: "then" }),
-              /* @__PURE__ */ jsx("kbd", { className: kbdClass2, children: key })
+              /* @__PURE__ */ jsx("kbd", { className: kbdClass, children: key })
             ] }, i)) })
           ]
         },
@@ -6426,7 +6568,7 @@ function KeyboardShortcutsDialog({
     ] }, section.title)) }) }),
     /* @__PURE__ */ jsx("div", { className: "border-rule bg-bg-2/40 border-t px-5 py-3", children: /* @__PURE__ */ jsxs("p", { className: "text-fg-3 text-[11px]", children: [
       "Press ",
-      /* @__PURE__ */ jsx("kbd", { className: kbdClass2, children: hotkey ?? "?" }),
+      /* @__PURE__ */ jsx("kbd", { className: kbdClass, children: hotkey ?? "?" }),
       " anytime to toggle this dialog"
     ] }) })
   ] }) });
@@ -6578,6 +6720,19 @@ var LoadingRows = forwardRef(function LoadingRows2({
   );
 });
 LoadingRows.displayName = "LoadingRows";
+
+// src/lib/asset-base.ts
+var basePath = "/";
+function setAssetBasePath(base) {
+  const trimmed = (base ?? "").replace(/\/+$/, "");
+  basePath = trimmed === "" ? "/" : `${trimmed.startsWith("/") ? "" : "/"}${trimmed}/`;
+}
+function getAssetBasePath() {
+  return basePath;
+}
+function assetPath(path) {
+  return `${basePath}${path.replace(/^\/+/, "")}`;
+}
 var sizeStyles = {
   sm: { icon: 20, text: "text-sm", gap: "gap-2", assetHeight: 24 },
   md: { icon: 24, text: "text-[17px]", gap: "gap-2.5", assetHeight: 30 },
@@ -6629,7 +6784,7 @@ function Logo({
     asset && showText ? /* @__PURE__ */ jsx(
       Image2,
       {
-        src: asset.src,
+        src: assetPath(asset.src),
         alt: "",
         width: asset.width,
         height: asset.height,
@@ -6640,7 +6795,7 @@ function Logo({
     ) : markAsset ? /* @__PURE__ */ jsx(
       Image2,
       {
-        src: markAsset.src,
+        src: assetPath(markAsset.src),
         alt: "",
         width: markAsset.width,
         height: markAsset.height,
@@ -7032,7 +7187,7 @@ function OTPSlot({ isActive, char, hasFakeCaret, hasError }) {
         "transition-[color,background-color,border-color,box-shadow] duration-[var(--duration-fast)]",
         "sm:h-14 sm:w-12 sm:text-xl",
         "border-rule-strong",
-        isActive && "[border-color:var(--focus-ring-border)] z-10 [box-shadow:var(--shadow-focus-ring)]",
+        isActive && "[border-color:var(--focus-ring-border)] z-10 [box-shadow:var(--shadow-focus-ring-field)]",
         hasError && "border-danger-line",
         hasError && isActive && "border-danger-fg [box-shadow:0_0_0_2px_var(--color-danger-bg)]"
       ),
@@ -7996,7 +8151,7 @@ var RadioGroupItem = React39.forwardRef(function RadioGroupItem2({ className, la
         "peer border-rule-strong bg-surface text-brand aspect-square size-4 shrink-0 rounded-full border",
         microInteractions.selection,
         "hover:border-fg-4",
-        "focus-visible:[border-color:var(--focus-ring-border)] focus-visible:[box-shadow:var(--shadow-focus-ring)] focus-visible:outline-none",
+        "focus-visible:[border-color:var(--focus-ring-border)] focus-visible:[box-shadow:var(--shadow-focus-ring-field)] focus-visible:outline-none",
         "data-[state=checked]:border-brand",
         "disabled:bg-bg-disabled disabled:border-rule disabled:cursor-not-allowed",
         "aria-[invalid=true]:border-danger-line",
@@ -8102,7 +8257,7 @@ var SheetOverlay = React39.forwardRef(({ className, ...props }, ref) => /* @__PU
 SheetOverlay.displayName = DialogPrimitive.Overlay.displayName;
 var sheetVariants = cva(
   cn(
-    "fixed z-[var(--z-modal)] flex flex-col gap-4 bg-surface text-fg shadow-pop",
+    "fixed z-[var(--z-modal)] flex flex-col gap-4 bg-surface text-fg shadow-overlay",
     "transition ease-in-out duration-[var(--duration-normal)] ease-[var(--ease-out-quart)]",
     "motion-reduce:transition-none"
   ),
@@ -8375,7 +8530,7 @@ var searchInputVariants = cva(
     microInteractions.control,
     "placeholder:text-fg-4",
     "focus-visible:outline-none focus-visible:[border-color:var(--focus-ring-border)]",
-    "focus-visible:[box-shadow:var(--shadow-focus-ring)]",
+    "focus-visible:[box-shadow:var(--shadow-focus-ring-field)]",
     "disabled:cursor-not-allowed disabled:bg-bg-disabled disabled:text-fg-disabled",
     // Hide the native search-cancel button — we render our own clear button.
     "[&::-webkit-search-cancel-button]:appearance-none",
@@ -9084,7 +9239,7 @@ var Separator4 = React39.forwardRef(function Separator5({ className, orientation
 Separator4.displayName = SeparatorPrimitive.Root.displayName;
 var sideDrawerVariants = cva(
   cn(
-    "fixed inset-y-0 z-[var(--z-modal)] flex h-full flex-col bg-surface text-fg shadow-pop",
+    "fixed inset-y-0 z-[var(--z-modal)] flex h-full flex-col bg-surface text-fg shadow-overlay",
     "font-body",
     "transition ease-in-out duration-[var(--duration-normal)] ease-[var(--ease-out-quart)]",
     "motion-reduce:transition-none"
@@ -10511,7 +10666,7 @@ var textareaVariants = cva(
     "motion-reduce:transition-none",
     "placeholder:text-fg-4",
     "focus-visible:outline-none focus-visible:[border-color:var(--focus-ring-border)]",
-    "focus-visible:[box-shadow:var(--shadow-focus-ring)]",
+    "focus-visible:[box-shadow:var(--shadow-focus-ring-field)]",
     "disabled:cursor-not-allowed disabled:bg-bg-disabled disabled:text-fg-disabled",
     "aria-[invalid=true]:border-danger-line aria-[invalid=true]:focus-visible:border-danger-fg",
     "aria-[invalid=true]:focus-visible:[box-shadow:0_0_0_2px_var(--color-danger-bg)]"
@@ -11034,6 +11189,43 @@ var ToggleGroupItem = React39.forwardRef(function ToggleGroupItem2({ className,
   );
 });
 ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
+var INLINE_CLASS = cn(
+  "rounded-icon border-rule bg-bg-2 text-fg border px-1 py-px",
+  "font-mono text-code"
+);
+var BLOCK_CLASS = cn(
+  "rounded-btn border-rule bg-bg-2 text-fg block overflow-x-auto border px-3 py-2.5",
+  "scrollbar-thin font-mono text-code",
+  "focus-visible:[box-shadow:var(--shadow-focus-ring)] focus-visible:outline-none"
+);
+var Code = forwardRef(function Code2({ variant = "inline", className, children, ...props }, ref) {
+  if (variant === "block") {
+    return /* @__PURE__ */ jsx(
+      "pre",
+      {
+        ref,
+        tabIndex: 0,
+        ...slot(codeAnatomy, "root"),
+        ...stateAttributes({ variant }),
+        className: cn(BLOCK_CLASS, className),
+        ...props,
+        children: /* @__PURE__ */ jsx("code", { ...slot(codeAnatomy, "content"), children })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "code",
+    {
+      ref,
+      ...slot(codeAnatomy, "root"),
+      ...stateAttributes({ variant }),
+      className: cn(INLINE_CLASS, className),
+      ...props,
+      children
+    }
+  );
+});
+Code.displayName = "Code";
 var TooltipProvider = TooltipPrimitive.Provider;
 var TooltipTrigger = TooltipPrimitive.Trigger;
 var TooltipPortal = TooltipPrimitive.Portal;
@@ -11157,6 +11349,252 @@ function IntentBadge({ tone = "muted", icon, children, className, ...props }) {
   );
 }
 IntentBadge.displayName = "IntentBadge";
+var SIZE_CLASS = {
+  display: "text-display",
+  "title-page": "text-title-page",
+  "title-section": "text-title-section",
+  "title-sub": "text-title-sub",
+  body: "text-body",
+  "body-sm": "text-body-sm",
+  label: "text-label",
+  helper: "text-helper",
+  caption: "text-caption",
+  micro: "text-micro",
+  overline: "text-overline uppercase",
+  code: "text-code font-mono"
+};
+var COLOR_CLASS = {
+  default: "text-fg",
+  secondary: "text-fg-2",
+  muted: "text-fg-3",
+  subtle: "text-fg-4",
+  inverse: "text-bg",
+  danger: "text-danger-fg",
+  success: "text-success-fg",
+  warning: "text-warning-fg",
+  brand: "text-brand"
+};
+var WEIGHT_CLASS = {
+  regular: "font-normal",
+  medium: "font-medium",
+  semibold: "font-semibold",
+  bold: "font-bold"
+};
+var Text = forwardRef(function Text2({ size = "body", color, weight, numeric, truncate, asChild, className, ...props }, ref) {
+  const Comp = asChild ? Slot : "span";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      ref,
+      ...slot(textAnatomy, "root"),
+      className: cn(
+        SIZE_CLASS[size],
+        color && COLOR_CLASS[color],
+        weight && WEIGHT_CLASS[weight],
+        numeric && "numeric",
+        truncate && "truncate",
+        className
+      ),
+      ...props
+    }
+  );
+});
+Text.displayName = "Text";
+var DEFAULT_SIZE = {
+  1: "title-page",
+  2: "title-section",
+  3: "title-sub",
+  4: "title-sub",
+  5: "title-sub",
+  6: "title-sub"
+};
+var SIZE_CLASS2 = {
+  display: "text-display",
+  "title-page": "text-title-page",
+  "title-section": "text-title-section",
+  "title-sub": "text-title-sub"
+};
+var Heading = forwardRef(function Heading2({ level, size, className, ...props }, ref) {
+  const Tag = `h${level}`;
+  return /* @__PURE__ */ jsx(
+    Tag,
+    {
+      ref,
+      ...slot(headingAnatomy, "root"),
+      className: cn("font-display text-fg", SIZE_CLASS2[size ?? DEFAULT_SIZE[level]], className),
+      ...props
+    }
+  );
+});
+Heading.displayName = "Heading";
+
+// src/primitives/layout/responsive.ts
+var GAP = {
+  base: {
+    none: "gap-0",
+    xs: "gap-(--stack-gap-xs)",
+    sm: "gap-(--stack-gap-sm)",
+    md: "gap-(--stack-gap-md)",
+    lg: "gap-(--stack-gap-lg)",
+    xl: "gap-(--stack-gap-xl)"
+  },
+  sm: {
+    none: "sm:gap-0",
+    xs: "sm:gap-(--stack-gap-xs)",
+    sm: "sm:gap-(--stack-gap-sm)",
+    md: "sm:gap-(--stack-gap-md)",
+    lg: "sm:gap-(--stack-gap-lg)",
+    xl: "sm:gap-(--stack-gap-xl)"
+  },
+  md: {
+    none: "md:gap-0",
+    xs: "md:gap-(--stack-gap-xs)",
+    sm: "md:gap-(--stack-gap-sm)",
+    md: "md:gap-(--stack-gap-md)",
+    lg: "md:gap-(--stack-gap-lg)",
+    xl: "md:gap-(--stack-gap-xl)"
+  },
+  lg: {
+    none: "lg:gap-0",
+    xs: "lg:gap-(--stack-gap-xs)",
+    sm: "lg:gap-(--stack-gap-sm)",
+    md: "lg:gap-(--stack-gap-md)",
+    lg: "lg:gap-(--stack-gap-lg)",
+    xl: "lg:gap-(--stack-gap-xl)"
+  }
+};
+var ALIGN = {
+  start: "items-start",
+  center: "items-center",
+  end: "items-end",
+  stretch: "items-stretch",
+  baseline: "items-baseline"
+};
+var JUSTIFY = {
+  start: "justify-start",
+  center: "justify-center",
+  end: "justify-end",
+  between: "justify-between",
+  around: "justify-around",
+  evenly: "justify-evenly"
+};
+var BREAKPOINTS = ["sm", "md", "lg"];
+function responsiveClasses(value, fallback, table) {
+  if (value === void 0 || typeof value === "string") {
+    return [table.base[value ?? fallback]];
+  }
+  const classes = [table.base[value.base ?? fallback]];
+  for (const breakpoint of BREAKPOINTS) {
+    const step = value[breakpoint];
+    if (step !== void 0) classes.push(table[breakpoint][step]);
+  }
+  return classes;
+}
+function gapClasses(gap, fallback) {
+  return responsiveClasses(gap, fallback, GAP);
+}
+function alignClass(align) {
+  return align === void 0 ? void 0 : ALIGN[align];
+}
+function justifyClass(justify) {
+  return justify === void 0 ? void 0 : JUSTIFY[justify];
+}
+function wrapClass(wrap) {
+  return wrap === void 0 ? void 0 : wrap ? "flex-wrap" : "flex-nowrap";
+}
+var DIRECTION = {
+  base: { column: "flex-col", row: "flex-row" },
+  sm: { column: "sm:flex-col", row: "sm:flex-row" },
+  md: { column: "md:flex-col", row: "md:flex-row" },
+  lg: { column: "lg:flex-col", row: "lg:flex-row" }
+};
+var BREAKPOINTS2 = ["sm", "md", "lg"];
+function directionClasses(direction) {
+  if (direction === void 0 || typeof direction === "string") {
+    return [DIRECTION.base[direction ?? "column"]];
+  }
+  const classes = [DIRECTION.base[direction.base ?? "column"]];
+  for (const breakpoint of BREAKPOINTS2) {
+    const value = direction[breakpoint];
+    if (value !== void 0) classes.push(DIRECTION[breakpoint][value]);
+  }
+  return classes;
+}
+var Stack = forwardRef(function Stack2({ direction, gap, align, justify, wrap, className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      ...slot(stackAnatomy, "root"),
+      className: cn(
+        "flex",
+        directionClasses(direction),
+        gapClasses(gap, "md"),
+        alignClass(align),
+        justifyClass(justify),
+        wrapClass(wrap),
+        className
+      ),
+      ...props
+    }
+  );
+});
+Stack.displayName = "Stack";
+var Inline = forwardRef(function Inline2({ gap, align = "center", justify, wrap = true, className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      ...slot(inlineAnatomy, "root"),
+      className: cn(
+        "flex flex-row",
+        gapClasses(gap, "md"),
+        alignClass(align),
+        justifyClass(justify),
+        wrapClass(wrap),
+        className
+      ),
+      ...props
+    }
+  );
+});
+Inline.displayName = "Inline";
+var PADDING = {
+  none: "p-0",
+  sm: "p-(--surface-pad-sm)",
+  md: "p-(--surface-pad-md)",
+  lg: "p-(--surface-pad-lg)"
+};
+var RADIUS = {
+  none: "rounded-none",
+  "surface-sm": "rounded-surface-sm",
+  surface: "rounded-surface"
+};
+var ELEVATION = {
+  none: void 0,
+  flat: "shadow-flat",
+  raised: "shadow-raised",
+  floating: "shadow-floating",
+  overlay: "shadow-overlay"
+};
+var Surface = forwardRef(function Surface2({ padding = "sm", radius = "surface", elevation = "none", className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      ...slot(surfaceAnatomy, "root"),
+      className: cn(
+        "border-rule bg-surface border",
+        PADDING[padding],
+        RADIUS[radius],
+        ELEVATION[elevation],
+        className
+      ),
+      ...props
+    }
+  );
+});
+Surface.displayName = "Surface";
 var ICON_BTN = cn(
   "inline-flex size-9 shrink-0 items-center justify-center rounded-[9px]",
   "border-rule-strong bg-surface text-fg-3 border",
@@ -18941,20 +19379,8 @@ var Eyebrow = forwardRef(function Eyebrow2({ numeric, className, children, ...pr
   return /* @__PURE__ */ jsx("div", { ref, className: cn(numeric ? "eyebrow-num" : "eyebrow", className), ...props, children });
 });
 Eyebrow.displayName = "Eyebrow";
-var KbdHint = forwardRef(function KbdHint2({ className, children, ...props }, ref) {
-  return /* @__PURE__ */ jsx(
-    "kbd",
-    {
-      ref,
-      className: cn(
-        "rounded-icon inline-flex h-5 min-w-5 items-center justify-center px-1.5",
-        "border-rule bg-bg-2 text-fg-3 border font-mono text-[10.5px]",
-        className
-      ),
-      ...props,
-      children
-    }
-  );
+var KbdHint = forwardRef(function KbdHint2(props, ref) {
+  return /* @__PURE__ */ jsx(Kbd, { ref, variant: "flat", ...props });
 });
 KbdHint.displayName = "KbdHint";
 function SuggestionPills({
@@ -19828,6 +20254,6 @@ var BrandScope = forwardRef(function BrandScope2({ product, children, ...props }
 });
 BrandScope.displayName = "BrandScope";
 
-export { AIReceiptPanel, Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActivityEventItem, ActivityItem, ActivityList, AgreementPaneHeading, AgreementViewer, AiDraftCard, Alert, AlertCircleIcon, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AlertTriangleIcon, AlertTriangleSolidIcon, AppHeader, AppHeaderActions, AppHeaderBreadcrumb, AppHeaderSearch, AppHeaderTitle, AreaChart, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowRightSmallIcon, ArrowUpIcon, AspectRatio, Assignee, AssureAuditBrandIcon, AssureBooksBrandIcon, AssureProBrandIcon, AssureTaxBrandIcon, AtSignIcon, AttachmentChip, AttentionItem, Avatar, BRAND_PRODUCTS, Badge, BarChartIcon, BellIcon, Blockquote, BoldIcon, BottomNav, BrandScope, BrandScopeProvider, Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, BriefcaseIcon, Building2Icon, BuildingIcon, BulkActionBar, BulkActionBarAction, BulkActionBarSeparator, Button, COUNTRY_CODES, Calendar, CalendarIcon, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CategoryDivider, CategoryTag, ChannelTabs, ChatBubbleIcon, CheckCircle2Icon, CheckCircleSolidIcon, CheckIcon, Checkbox, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsUpDownIcon, CircleDotIcon, CircleIcon, ClientRailGroupHeader, ClientRailItem, ClientSelect, ClipboardCheckIcon, ClockIcon, CloseIcon, Collapsible, CollapsibleContent, CollapsibleTrigger, ComingSoon, CommandIcon, CommandPalette, ConfirmActionButton, Content16 as Content, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CopyButton, CopyIcon, CornerDownLeftIcon, CountryFlag, CountrySelect, CreditCardIcon, DATE_DISPLAY_PLACEHOLDER, DangerAction, Dash, DashGrid, DataItem, DataTable, DataTableBody, DataTableCell, DataTableCellDue, DataTableCellId, DataTableCellMono, DataTableCellName, DataTableCheckbox, DataTableHead, DataTableHeader, DataTablePagination, DataTableResultsCount, DataTableRow, DataTableSearch, DataTableSpacer, DataTableToolbar, DataTableView, DatePicker, DateRangePicker, DetailGrid, DetailMain, DetailSpine, DetailSpineHeader, DetailSpineSection, DetailSpineStats, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DismissibleChip, DisplayMenu, DocumentChecklist, DocumentDetailActions, DocumentDetailBody, DocumentDetailHeader, DocumentDetailMetaRow, DocumentDetailPanel, DocumentDetailRequester, DocumentDetailTitle, DocumentFileCard, DocumentFileLine, DocumentFileRow, DocumentIcon, DocumentList, DocumentListSection, DocumentRequestCard, DocumentRequestDetail, DocumentRequestField, DocumentRequestUpload, DocumentRow, DocumentSourceFilter, DocumentSourceTag, DocumentsWorkspaceLayout, DollarSignIcon, DonutChart, DownloadIcon, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmailMessageCard, EmptyState, EngagementCard, EngagementTimeline, EngagementTimelineStep, ExtractIcon, EyeIcon, EyeOffIcon, Eyebrow, FileChip, FileIcon, FileReturnIcon, FileTextIcon, FileTypeBadge, FileUpload, FilterChip, FilterIcon, FlagIcon, FolderClosedIcon, FolderOpenIcon, FolderPlusIcon, FolderTree, FolderUpIcon, FormError, FormSection, FormSuccess, GlobeIcon, GoogleBrandIcon, Grid, HelpCircleIcon, HistoryIcon, HomeIcon, HoverCard, HoverCardContent, HoverCardPortal, HoverCardTrigger, IconAction, IconTile, InboxIcon, InfoCircleSolidIcon, InfoIcon, Input, IntentBadge, ItalicIcon, Kanban, KanbanCard, KanbanColumn, KanbanIcon, KbdHint, KeyIcon, KeyboardShortcutsDialog, KpiCard, Label4 as Label, LandmarkIcon, LayoutDashboardIcon, LayoutGridIcon, LayoutListIcon, LightningIcon, Link2Icon, LinkAction, LinkButton, LinkIcon, ListChecksIcon, ListIcon, ListOrderedIcon, LoaderIcon, LoadingRows, LockIcon, LockKeyholeIcon, LockOpenIcon, LogOutIcon, Logo, MailIcon, Main, MapPinIcon, MasterDetailLayout, MenuIcon, MessageBubble, MessageBubbleAction, MessageBubbleTombstone, MessageCircleIcon, MessageCircleWarningIcon, MessageComposer, MetadataGrid, MicrosoftBrandIcon, MinusIcon, MissingDocumentsPanel, MoneyCell, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoveIcon, MultiFilterPill, MultiSelectField, MutedSpec, NewMenu, NotificationFilter, NotificationItem, NotificationList, NotificationPanel, NotificationPanelFooter, NotificationPanelHeader, Numeric, OTPInput, PageHeader, PageHeaderSep, PageHeaderSpec, Pagination, PaletteIcon, PanelLeftCloseIcon, PanelLeftIcon, PaperclipIcon, PauseIcon, PdfPreview, PenSignIcon, PenToolIcon, PencilIcon, PhoneCountryInput, PhoneIcon, PhoneInput, PlayIcon, PlusIcon, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverPortal, PopoverTrigger, PrimaryAction, PriorityIcon, ProgressBar, ProgressRing, ProposalAddOn, ProposalBillingTerms, ProposalConsentGate, ProposalCustomPage, ProposalNote, ProposalPackageCard, ProposalPaymentCapture, ProposalPricingSummary, ProposalServiceRow, ProposalSignatureBlock, ProposalSignerList, QuestionnairePanel, Questions, RadioGroup3 as RadioGroup, RadioGroupItem, RankedBars, ReceiptIcon, ReplyIcon, ResponsiveDialog, RotateCcwIcon, RouteTransition, SERVICE_TONES, SaveIcon, ScrollArea, ScrollBar, SearchIcon, SearchInput, SearchSelect, SecondaryAction, Section, SectionHead, SectionHeader, SegmentedProgress, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectRoot, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SelectableKpiCard, SendIcon, Separator4 as Separator, SettingsIcon, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Shell, ShieldIcon, SideDrawer, Sidebar, SidebarBrand, SidebarBrandSwitcher, SidebarBrandSwitcherTile, SidebarBrandText, SidebarFooter, SidebarLink, SidebarLinkAction, SidebarLinkBadge, SidebarLinkGroup, SidebarLinkLabel, SidebarPinButton, SidebarProvider, SidebarSection, SidebarTrigger, SidebarUser, SignatureEditor, Skeleton, SkeletonCircle, SkeletonText, SlashIcon, Slider, SmartphoneIcon, SparkleIcon, SparklesIcon, Spinner, SpreadsheetPreview, StackedBarChart, StagePill, StarIcon, StarRating, Stat, StatusDot, StatusIcon, StatusPill, Stepper, StickyActionBar, StickyStack, StickyStackLayer, StickyStackSectionHeader, StickyStackSticky, StopIcon, StrikethroughIcon, SubmitButton, SuggestionPills, SuiteProgress, SunIcon, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableIcon, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TagIcon, TagsCell, TeamIcon, TeamMemberSelect, Textarea, TimeLogger, TimeLoggerActions, TimeLoggerBillable, TimeLoggerContextRow, TimeLoggerEntry, TimeLoggerEntryList, TimeLoggerField, TimeLoggerFooter, TimeLoggerHeader, TimeLoggerNotes, TimeLoggerTimer, ToastProvider, ToggleGroup, ToggleGroupItem, Toolbar, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, Trash2Icon, TrashIcon, TrendingDownIcon, TrendingUpIcon, UnderlineIcon, UploadIcon, UserCircleIcon, UserIcon, UsersIcon, VisuallyHidden, WorkflowIcon, XCircleSolidIcon, XIcon, YEAR_DISPLAY_PLACEHOLDER, ZoomInIcon, ZoomOutIcon, alertVariants, applyMask, applyYearMask, attachmentChipVariants, badgeVariants, brandLabel, brandScope, buttonVariants, cardVariants, cn, colors, dateToIso, displayToIso, fileTypeBadgeVariants, fileTypeFromName, filterChipVariants, formatClock, formatCurrency, formatDuration, getFlagEmoji, iconTileVariants, inputVariants, isoToDate, isoToDisplay, isoToYear, labelVariants, parseDuration, parsePhoneForEditing, progressBarVariants, progressRingVariants, radii, reference, searchInputVariants, serviceToneLabel, serviceToneStyle, shadows, sidebarLinkBadgeVariants, spacing, spinnerVariants, starRatingVariants, statusDotVariants, suiteProgressFillVariants, surfaces, systemTokens, textareaVariants, typography, useBrandScope, useSidebarPeekLock, useSidebarState, useStopwatch, useToast, yearToIso };
+export { AIReceiptPanel, Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActivityEventItem, ActivityItem, ActivityList, AgreementPaneHeading, AgreementViewer, AiDraftCard, Alert, AlertCircleIcon, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AlertTriangleIcon, AlertTriangleSolidIcon, AppHeader, AppHeaderActions, AppHeaderBreadcrumb, AppHeaderSearch, AppHeaderTitle, AreaChart, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowRightSmallIcon, ArrowUpIcon, AspectRatio, Assignee, AssureAuditBrandIcon, AssureBooksBrandIcon, AssureProBrandIcon, AssureTaxBrandIcon, AtSignIcon, AttachmentChip, AttentionItem, Avatar, BRAND_PRODUCTS, Badge, BarChartIcon, BellIcon, Blockquote, BoldIcon, BottomNav, BrandScope, BrandScopeProvider, Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, BriefcaseIcon, Building2Icon, BuildingIcon, BulkActionBar, BulkActionBarAction, BulkActionBarSeparator, Button, COUNTRY_CODES, Calendar, CalendarIcon, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CategoryDivider, CategoryTag, ChannelTabs, ChatBubbleIcon, CheckCircle2Icon, CheckCircleSolidIcon, CheckIcon, Checkbox, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsUpDownIcon, CircleDotIcon, CircleIcon, ClientRailGroupHeader, ClientRailItem, ClientSelect, ClipboardCheckIcon, ClockIcon, CloseIcon, Code, Collapsible, CollapsibleContent, CollapsibleTrigger, ComingSoon, CommandIcon, CommandPalette, ConfirmActionButton, Content16 as Content, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CopyButton, CopyIcon, CornerDownLeftIcon, CountryFlag, CountrySelect, CreditCardIcon, DATE_DISPLAY_PLACEHOLDER, DangerAction, Dash, DashGrid, DataItem, DataTable, DataTableBody, DataTableCell, DataTableCellDue, DataTableCellId, DataTableCellMono, DataTableCellName, DataTableCheckbox, DataTableHead, DataTableHeader, DataTablePagination, DataTableResultsCount, DataTableRow, DataTableSearch, DataTableSpacer, DataTableToolbar, DataTableView, DatePicker, DateRangePicker, DetailGrid, DetailMain, DetailSpine, DetailSpineHeader, DetailSpineSection, DetailSpineStats, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DismissibleChip, DisplayMenu, DocumentChecklist, DocumentDetailActions, DocumentDetailBody, DocumentDetailHeader, DocumentDetailMetaRow, DocumentDetailPanel, DocumentDetailRequester, DocumentDetailTitle, DocumentFileCard, DocumentFileLine, DocumentFileRow, DocumentIcon, DocumentList, DocumentListSection, DocumentRequestCard, DocumentRequestDetail, DocumentRequestField, DocumentRequestUpload, DocumentRow, DocumentSourceFilter, DocumentSourceTag, DocumentsWorkspaceLayout, DollarSignIcon, DonutChart, DownloadIcon, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmailMessageCard, EmptyState, EngagementCard, EngagementTimeline, EngagementTimelineStep, ExtractIcon, EyeIcon, EyeOffIcon, Eyebrow, FileChip, FileIcon, FileReturnIcon, FileTextIcon, FileTypeBadge, FileUpload, FilterChip, FilterIcon, FlagIcon, FolderClosedIcon, FolderOpenIcon, FolderPlusIcon, FolderTree, FolderUpIcon, FormError, FormSection, FormSuccess, GlobeIcon, GoogleBrandIcon, Grid, Heading, HelpCircleIcon, HistoryIcon, HomeIcon, HoverCard, HoverCardContent, HoverCardPortal, HoverCardTrigger, IconAction, IconTile, InboxIcon, InfoCircleSolidIcon, InfoIcon, Inline, Input, IntentBadge, ItalicIcon, Kanban, KanbanCard, KanbanColumn, KanbanIcon, Kbd, KbdHint, KeyIcon, KeyboardShortcutsDialog, KpiCard, Label4 as Label, LandmarkIcon, LayoutDashboardIcon, LayoutGridIcon, LayoutListIcon, LightningIcon, Link2Icon, LinkAction, LinkButton, LinkIcon, ListChecksIcon, ListIcon, ListOrderedIcon, LoaderIcon, LoadingRows, LockIcon, LockKeyholeIcon, LockOpenIcon, LogOutIcon, Logo, MailIcon, Main, MapPinIcon, MasterDetailLayout, MenuIcon, MessageBubble, MessageBubbleAction, MessageBubbleTombstone, MessageCircleIcon, MessageCircleWarningIcon, MessageComposer, MetadataGrid, MicrosoftBrandIcon, MinusIcon, MissingDocumentsPanel, MoneyCell, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoveIcon, MultiFilterPill, MultiSelectField, MutedSpec, NewMenu, NotificationFilter, NotificationItem, NotificationList, NotificationPanel, NotificationPanelFooter, NotificationPanelHeader, Numeric, OTPInput, PageHeader, PageHeaderSep, PageHeaderSpec, Pagination, PaletteIcon, PanelLeftCloseIcon, PanelLeftIcon, PaperclipIcon, PauseIcon, PdfPreview, PenSignIcon, PenToolIcon, PencilIcon, PhoneCountryInput, PhoneIcon, PhoneInput, PlayIcon, PlusIcon, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverPortal, PopoverTrigger, PrimaryAction, PriorityIcon, ProgressBar, ProgressRing, ProposalAddOn, ProposalBillingTerms, ProposalConsentGate, ProposalCustomPage, ProposalNote, ProposalPackageCard, ProposalPaymentCapture, ProposalPricingSummary, ProposalServiceRow, ProposalSignatureBlock, ProposalSignerList, QuestionnairePanel, Questions, RadioGroup3 as RadioGroup, RadioGroupItem, RankedBars, ReceiptIcon, ReplyIcon, ResponsiveDialog, RotateCcwIcon, RouteTransition, SERVICE_TONES, SaveIcon, ScrollArea, ScrollBar, SearchIcon, SearchInput, SearchSelect, SecondaryAction, Section, SectionHead, SectionHeader, SegmentedProgress, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectRoot, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SelectableKpiCard, SendIcon, Separator4 as Separator, SettingsIcon, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Shell, ShieldIcon, SideDrawer, Sidebar, SidebarBrand, SidebarBrandSwitcher, SidebarBrandSwitcherTile, SidebarBrandText, SidebarFooter, SidebarLink, SidebarLinkAction, SidebarLinkBadge, SidebarLinkGroup, SidebarLinkLabel, SidebarPinButton, SidebarProvider, SidebarSection, SidebarTrigger, SidebarUser, SignatureEditor, Skeleton, SkeletonCircle, SkeletonText, SlashIcon, Slider, SmartphoneIcon, SparkleIcon, SparklesIcon, Spinner, SpreadsheetPreview, Stack, StackedBarChart, StagePill, StarIcon, StarRating, Stat, StatusDot, StatusIcon, StatusPill, Stepper, StickyActionBar, StickyStack, StickyStackLayer, StickyStackSectionHeader, StickyStackSticky, StopIcon, StrikethroughIcon, SubmitButton, SuggestionPills, SuiteProgress, SunIcon, Surface, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableIcon, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TagIcon, TagsCell, TeamIcon, TeamMemberSelect, Text, Textarea, TimeLogger, TimeLoggerActions, TimeLoggerBillable, TimeLoggerContextRow, TimeLoggerEntry, TimeLoggerEntryList, TimeLoggerField, TimeLoggerFooter, TimeLoggerHeader, TimeLoggerNotes, TimeLoggerTimer, ToastProvider, ToggleGroup, ToggleGroupItem, Toolbar, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, Trash2Icon, TrashIcon, TrendingDownIcon, TrendingUpIcon, UnderlineIcon, UploadIcon, UserCircleIcon, UserIcon, UsersIcon, VisuallyHidden, WorkflowIcon, XCircleSolidIcon, XIcon, YEAR_DISPLAY_PLACEHOLDER, ZoomInIcon, ZoomOutIcon, alertVariants, applyMask, applyYearMask, assetPath, attachmentChipVariants, badgeVariants, brandLabel, brandScope, buttonVariants, cardVariants, cn, colors, dateToIso, displayToIso, fileTypeBadgeVariants, fileTypeFromName, filterChipVariants, formatClock, formatCurrency, formatDuration, getAssetBasePath, getFlagEmoji, iconTileVariants, inputVariants, isoToDate, isoToDisplay, isoToYear, labelVariants, parseDuration, parsePhoneForEditing, progressBarVariants, progressRingVariants, radii, reference, searchInputVariants, serviceToneLabel, serviceToneStyle, setAssetBasePath, shadows, sidebarLinkBadgeVariants, spacing, spinnerVariants, starRatingVariants, statusDotVariants, suiteProgressFillVariants, surfaces, systemTokens, textareaVariants, typography, useBrandScope, useSidebarPeekLock, useSidebarState, useStopwatch, useToast, yearToIso };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map