@caratlogic/design-system 0.1.47 → 0.1.49

package/dist/components/atoms/BrandLoader/BrandLoader.d.ts

@@ -0,0 +1,10 @@
+import type { ReactElement } from 'react';
+import type { BrandLoaderProps } from './BrandLoader.types';
+export type { BrandLoaderProps, BrandLoaderTone } from './BrandLoader.types';
+/**
+ * The animated brand gem: it winds up, springs out with a glow and settles while
+ * two rings ripple out behind it. Needs the `loader-*` animations from
+ * `source.css`; motion stops for users who ask for reduced motion.
+ */
+export declare function BrandLoader({ logoSrc, tone, className }: BrandLoaderProps): ReactElement;
+//# sourceMappingURL=BrandLoader.d.ts.map

package/dist/components/atoms/BrandLoader/BrandLoader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BrandLoader.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BrandLoader/BrandLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAI1C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAG5D,YAAY,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAE7E;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,IAAgB,EAAE,SAAS,EAAE,EAAE,gBAAgB,GAAG,YAAY,CAuBpG"}

package/dist/components/atoms/BrandLoader/BrandLoader.types.d.ts

@@ -0,0 +1,9 @@
+/** `inverse` is for a dark backdrop, such as SubmittingOverlay's scrim. */
+export type BrandLoaderTone = 'default' | 'inverse';
+export interface BrandLoaderProps {
+    /** The brand gem image; each app passes its own asset URL. */
+    logoSrc: string;
+    tone?: BrandLoaderTone;
+    className?: string;
+}
+//# sourceMappingURL=BrandLoader.types.d.ts.map

package/dist/components/atoms/BrandLoader/BrandLoader.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BrandLoader.types.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BrandLoader/BrandLoader.types.ts"],"names":[],"mappings":"AAAA,2EAA2E;AAC3E,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,SAAS,CAAC;AAEpD,MAAM,WAAW,gBAAgB;IAC/B,8DAA8D;IAC9D,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist/components/atoms/BrandLoader/BrandLoader.utils.d.ts

@@ -0,0 +1,13 @@
+import type { CSSProperties } from 'react';
+import type { BrandLoaderTone } from './BrandLoader.types';
+export declare const BRAND_LOADER_RINGS: readonly [{
+    readonly id: "first";
+    readonly delay: "0s";
+}, {
+    readonly id: "second";
+    readonly delay: "0.45s";
+}];
+export declare const RING_TONE_CLASS: Record<BrandLoaderTone, string>;
+/** Clips the sheen to the logo's own shape. */
+export declare const logoMaskStyle: (logoSrc: string) => CSSProperties;
+//# sourceMappingURL=BrandLoader.utils.d.ts.map

package/dist/components/atoms/BrandLoader/BrandLoader.utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BrandLoader.utils.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BrandLoader/BrandLoader.utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAG3D,eAAO,MAAM,kBAAkB;;;;;;EAGrB,CAAC;AAEX,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,eAAe,EAAE,MAAM,CAG3D,CAAC;AAEF,+CAA+C;AAC/C,eAAO,MAAM,aAAa,GAAI,SAAS,MAAM,KAAG,aAG9C,CAAC"}

package/dist/components/atoms/BrandLoader/index.d.ts

@@ -0,0 +1,4 @@
+export { BrandLoader } from './BrandLoader';
+export type { BrandLoaderProps, BrandLoaderTone } from './BrandLoader';
+export { BRAND_LOADER_RINGS } from './BrandLoader.utils';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/atoms/BrandLoader/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BrandLoader/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACvE,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/components/molecules/DropdownMenu/DropdownMenu.parts.d.ts

@@ -8,11 +8,15 @@ declare const DropdownMenuSub: React.FC<DropdownMenuPrimitive.DropdownMenuSubPro
 declare const DropdownMenuRadioGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
 declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
     inset?: boolean;
+    /** Shown in a tooltip while `disabled`. */
+    disabledReason?: string;
 } & React.RefAttributes<HTMLDivElement>>;
 declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
     inset?: boolean;
+    /** Shown in a tooltip while `disabled`. */
+    disabledReason?: string;
 } & React.RefAttributes<HTMLDivElement>>;
 declare const DropdownMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const DropdownMenuRadioItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/molecules/DropdownMenu/DropdownMenu.parts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu.parts.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/DropdownMenu/DropdownMenu.parts.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAC;AAKvE,QAAA,MAAM,YAAY,mDAA6B,CAAC;AAChD,QAAA,MAAM,mBAAmB,0HAAgC,CAAC;AAC1D,QAAA,MAAM,iBAAiB,qHAA8B,CAAC;AACtD,QAAA,MAAM,kBAAkB,yDAA+B,CAAC;AACxD,QAAA,MAAM,eAAe,sDAA4B,CAAC;AAClD,QAAA,MAAM,sBAAsB,0HAAmC,CAAC;AAEhE,QAAA,MAAM,sBAAsB;YAGhB,OAAO;wCAejB,CAAC;AAIH,QAAA,MAAM,sBAAsB,6KAY1B,CAAC;AAIH,QAAA,MAAM,mBAAmB,0KAevB,CAAC;AAGH,QAAA,MAAM,gBAAgB;YAGV,OAAO;wCAYjB,CAAC;AAGH,QAAA,MAAM,wBAAwB,+KAoB5B,CAAC;AAIH,QAAA,MAAM,qBAAqB,4KAmBzB,CAAC;AAGH,QAAA,MAAM,iBAAiB;YAGX,OAAO;wCAYjB,CAAC;AAGH,QAAA,MAAM,qBAAqB,4KASzB,CAAC;AAGH,QAAA,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,CAWzE,CAAC;AAGF,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,mBAAmB,EACnB,gBAAgB,EAChB,wBAAwB,EACxB,qBAAqB,EACrB,iBAAiB,EACjB,qBAAqB,EACrB,oBAAoB,EACpB,iBAAiB,EACjB,kBAAkB,EAClB,eAAe,EACf,sBAAsB,EACtB,sBAAsB,EACtB,sBAAsB,EACtB,qBAAqB,GACtB,CAAC"}
+{"version":3,"file":"DropdownMenu.parts.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/DropdownMenu/DropdownMenu.parts.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAC;AAWvE,QAAA,MAAM,YAAY,mDAA6B,CAAC;AAChD,QAAA,MAAM,mBAAmB,0HAAgC,CAAC;AAC1D,QAAA,MAAM,iBAAiB,qHAA8B,CAAC;AACtD,QAAA,MAAM,kBAAkB,yDAA+B,CAAC;AACxD,QAAA,MAAM,eAAe,sDAA4B,CAAC;AAClD,QAAA,MAAM,sBAAsB,0HAAmC,CAAC;AAwBhE,QAAA,MAAM,sBAAsB;YAGhB,OAAO;IACf,2CAA2C;qBAC1B,MAAM;wCAmB1B,CAAC;AAIF,QAAA,MAAM,sBAAsB,6KAY1B,CAAC;AAIH,QAAA,MAAM,mBAAmB,0KAevB,CAAC;AAGH,QAAA,MAAM,gBAAgB;YAGV,OAAO;IACf,2CAA2C;qBAC1B,MAAM;wCAgB1B,CAAC;AAGF,QAAA,MAAM,wBAAwB,+KAoB5B,CAAC;AAIH,QAAA,MAAM,qBAAqB,4KAmBzB,CAAC;AAGH,QAAA,MAAM,iBAAiB;YAGX,OAAO;wCAYjB,CAAC;AAGH,QAAA,MAAM,qBAAqB,4KASzB,CAAC;AAGH,QAAA,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,CAWzE,CAAC;AAGF,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,mBAAmB,EACnB,gBAAgB,EAChB,wBAAwB,EACxB,qBAAqB,EACrB,iBAAiB,EACjB,qBAAqB,EACrB,oBAAoB,EACpB,iBAAiB,EACjB,kBAAkB,EAClB,eAAe,EACf,sBAAsB,EACtB,sBAAsB,EACtB,sBAAsB,EACtB,qBAAqB,GACtB,CAAC"}

package/dist/components/molecules/PageLoader/PageLoader.d.ts

@@ -0,0 +1,6 @@
+import type { ReactElement } from 'react';
+import type { PageLoaderProps } from './PageLoader.types';
+export type { PageLoaderProps } from './PageLoader.types';
+/** Fills the content area with the brand loader while a page loads. */
+export declare function PageLoader({ logoSrc, className }: PageLoaderProps): ReactElement;
+//# sourceMappingURL=PageLoader.d.ts.map

package/dist/components/molecules/PageLoader/PageLoader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageLoader.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/PageLoader/PageLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAK1C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,YAAY,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,uEAAuE;AACvE,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,eAAe,GAAG,YAAY,CAWhF"}

package/dist/components/molecules/PageLoader/PageLoader.types.d.ts

@@ -0,0 +1,5 @@
+export interface PageLoaderProps {
+    logoSrc: string;
+    className?: string;
+}
+//# sourceMappingURL=PageLoader.types.d.ts.map

package/dist/components/molecules/PageLoader/PageLoader.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageLoader.types.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/PageLoader/PageLoader.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist/components/molecules/PageLoader/index.d.ts

@@ -0,0 +1,3 @@
+export { PageLoader } from './PageLoader';
+export type { PageLoaderProps } from './PageLoader';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/molecules/PageLoader/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/PageLoader/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/molecules/SubmittingOverlay/SubmittingOverlay.d.ts

@@ -0,0 +1,11 @@
+import type { ReactElement } from 'react';
+import type { SubmittingOverlayProps } from './SubmittingOverlay.types';
+export type { SubmittingOverlayProps } from './SubmittingOverlay.types';
+/**
+ * Full-screen scrim with the brand loader and a short label, shown while a
+ * submit request is in flight. Sits above dialogs and slide-outs (z-50), since
+ * some submits start from one. `pointer-events-auto` because an open Radix
+ * dialog sets `pointer-events: none` on body, which would let clicks through.
+ */
+export declare function SubmittingOverlay({ open, label, logoSrc }: SubmittingOverlayProps): ReactElement | null;
+//# sourceMappingURL=SubmittingOverlay.d.ts.map

package/dist/components/molecules/SubmittingOverlay/SubmittingOverlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubmittingOverlay.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/SubmittingOverlay/SubmittingOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAK1C,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAGxE,YAAY,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAExE;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,sBAAsB,GAAG,YAAY,GAAG,IAAI,CAmBvG"}

package/dist/components/molecules/SubmittingOverlay/SubmittingOverlay.types.d.ts

@@ -0,0 +1,7 @@
+export interface SubmittingOverlayProps {
+    open: boolean;
+    /** Two or three words, e.g. "Creating invoice". */
+    label: string;
+    logoSrc: string;
+}
+//# sourceMappingURL=SubmittingOverlay.types.d.ts.map

package/dist/components/molecules/SubmittingOverlay/SubmittingOverlay.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubmittingOverlay.types.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/SubmittingOverlay/SubmittingOverlay.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,OAAO,CAAC;IACd,mDAAmD;IACnD,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;CACjB"}

package/dist/components/molecules/SubmittingOverlay/SubmittingOverlay.utils.d.ts

@@ -0,0 +1,2 @@
+export declare const GEM_EDGE_GLOW_CLASS = "[filter:drop-shadow(0_0_1px_rgb(255_255_255/0.6))_drop-shadow(0_0_6px_rgb(255_255_255/0.15))]";
+//# sourceMappingURL=SubmittingOverlay.utils.d.ts.map

package/dist/components/molecules/SubmittingOverlay/SubmittingOverlay.utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubmittingOverlay.utils.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/SubmittingOverlay/SubmittingOverlay.utils.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,mBAAmB,kGACiE,CAAC"}

package/dist/components/molecules/SubmittingOverlay/index.d.ts

@@ -0,0 +1,3 @@
+export { SubmittingOverlay } from './SubmittingOverlay';
+export type { SubmittingOverlayProps } from './SubmittingOverlay';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/molecules/SubmittingOverlay/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/SubmittingOverlay/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,YAAY,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/index.cjs.js

@@ -13747,6 +13747,30 @@ const Badge = React.forwardRef(({ appearance = 'solid', color = 'primary', size
 });
 Badge.displayName = 'Badge';
 
+// The second ring trails well behind the first, so the two travel out with a clear gap.
+const BRAND_LOADER_RINGS = [
+    { id: 'first', delay: '0s' },
+    { id: 'second', delay: '0.45s' },
+];
+const RING_TONE_CLASS = {
+    default: 'border-primary/50',
+    inverse: 'border-white/80',
+};
+/** Clips the sheen to the logo's own shape. */
+const logoMaskStyle = (logoSrc) => ({
+    maskImage: `url(${logoSrc})`,
+    WebkitMaskImage: `url(${logoSrc})`,
+});
+
+/**
+ * The animated brand gem: it winds up, springs out with a glow and settles while
+ * two rings ripple out behind it. Needs the `loader-*` animations from
+ * `source.css`; motion stops for users who ask for reduced motion.
+ */
+function BrandLoader({ logoSrc, tone = 'default', className }) {
+    return (jsxRuntime.jsxs("div", { "aria-hidden": true, className: cn('relative flex size-28 items-center justify-center', className), children: [BRAND_LOADER_RINGS.map((ring) => (jsxRuntime.jsx("span", { "data-loader-ring": true, style: { animationDelay: ring.delay }, className: cn('absolute size-24 rounded-full border-2 opacity-0 motion-safe:animate-loader-ring motion-reduce:hidden', RING_TONE_CLASS[tone]) }, ring.id))), jsxRuntime.jsxs("div", { className: "relative size-[7.8rem] shrink-0 motion-safe:animate-loader-gem motion-reduce:scale-[0.77]", children: [jsxRuntime.jsx("img", { src: logoSrc, alt: "", className: "size-full object-contain" }), jsxRuntime.jsx("span", { style: logoMaskStyle(logoSrc), className: "absolute inset-0 bg-[linear-gradient(110deg,transparent_35%,rgb(255_255_255/0.8)_50%,transparent_65%)] bg-[length:200%_100%] [mask-position:center] [mask-repeat:no-repeat] [mask-size:contain] motion-safe:animate-loader-sheen motion-reduce:hidden" })] })] }));
+}
+
 const getButtonRoleProps = (type) => ({
     type: type ?? 'button',
 });
@@ -42717,7 +42741,16 @@ const DropdownMenuGroup = DropdownMenuPrimitive__namespace.Group;
 const DropdownMenuPortal = DropdownMenuPrimitive__namespace.Portal;
 const DropdownMenuSub = DropdownMenuPrimitive__namespace.Sub;
 const DropdownMenuRadioGroup = DropdownMenuPrimitive__namespace.RadioGroup;
-const DropdownMenuSubTrigger = React__namespace.forwardRef(({ className, inset, children, ...props }, ref) => (jsxRuntime.jsxs(DropdownMenuPrimitive__namespace.SubTrigger, { ref: ref, className: cn('flex cursor-pointer select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0', inset && 'pl-8', className), ...props, children: [children, jsxRuntime.jsx(ChevronRight, { className: "ml-auto", "aria-hidden": "true" })] })));
+/**
+ * A disabled item ignores the pointer, so the tooltip hangs off a wrapper.
+ * Without a reason, a greyed-out item reads as a bug.
+ */
+function withDisabledReason(item, disabled, reason) {
+    if (!disabled || !reason)
+        return item;
+    return (jsxRuntime.jsx(TooltipProvider, { children: jsxRuntime.jsxs(Tooltip, { children: [jsxRuntime.jsx(TooltipTrigger, { asChild: true, children: jsxRuntime.jsx("div", { className: "cursor-not-allowed", children: item }) }), jsxRuntime.jsx(TooltipContent, { side: "left", children: reason })] }) }));
+}
+const DropdownMenuSubTrigger = React__namespace.forwardRef(({ className, inset, children, disabledReason, ...props }, ref) => withDisabledReason(jsxRuntime.jsxs(DropdownMenuPrimitive__namespace.SubTrigger, { ref: ref, className: cn('flex cursor-pointer select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0', inset && 'pl-8', className), ...props, children: [children, jsxRuntime.jsx(ChevronRight, { className: "ml-auto", "aria-hidden": "true" })] }), props.disabled, disabledReason));
 DropdownMenuSubTrigger.displayName =
     DropdownMenuPrimitive__namespace.SubTrigger.displayName;
 const DropdownMenuSubContent = React__namespace.forwardRef(({ className, ...props }, ref) => (jsxRuntime.jsx(DropdownMenuPrimitive__namespace.SubContent, { ref: ref, className: cn('z-50 min-w-[8rem] overflow-hidden rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-lg flex flex-col gap-1 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2', className), ...props })));
@@ -42725,7 +42758,7 @@ DropdownMenuSubContent.displayName =
     DropdownMenuPrimitive__namespace.SubContent.displayName;
 const DropdownMenuContent = React__namespace.forwardRef(({ className, sideOffset = 8, ...props }, ref) => (jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Portal, { children: jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Content, { ref: ref, sideOffset: sideOffset, className: cn('z-50 min-w-[12rem] overflow-hidden rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-md flex flex-col gap-1 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2', className), ...props }) })));
 DropdownMenuContent.displayName = DropdownMenuPrimitive__namespace.Content.displayName;
-const DropdownMenuItem = React__namespace.forwardRef(({ className, inset, ...props }, ref) => (jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Item, { ref: ref, className: cn('relative flex cursor-pointer select-none items-center gap-2 rounded-sm p-2 text-sm leading-5 outline-none transition-colors focus:bg-secondary dark:focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0', inset && 'pl-8', className), ...props })));
+const DropdownMenuItem = React__namespace.forwardRef(({ className, inset, disabledReason, ...props }, ref) => withDisabledReason(jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Item, { ref: ref, className: cn('relative flex cursor-pointer select-none items-center gap-2 rounded-sm p-2 text-sm leading-5 outline-none transition-colors focus:bg-secondary dark:focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0', inset && 'pl-8', className), ...props }), props.disabled, disabledReason));
 DropdownMenuItem.displayName = DropdownMenuPrimitive__namespace.Item.displayName;
 const DropdownMenuCheckboxItem = React__namespace.forwardRef(({ className, children, checked, ...props }, ref) => (jsxRuntime.jsxs(DropdownMenuPrimitive__namespace.CheckboxItem, { ref: ref, className: cn('relative flex cursor-pointer select-none items-center gap-2 rounded-sm p-2 pl-8 text-sm leading-5 outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50', className), checked: checked, ...props, children: [jsxRuntime.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: jsxRuntime.jsx(DropdownMenuPrimitive__namespace.ItemIndicator, { children: jsxRuntime.jsx(Check, { className: "h-4 w-4", "aria-hidden": "true" }) }) }), children] })));
 DropdownMenuCheckboxItem.displayName =
@@ -44897,6 +44930,11 @@ const NumberedStepCard = ({ step, title, description, className, }) => {
     return (jsxRuntime.jsxs("div", { className: cn('flex flex-col gap-3 rounded-xl border border-border bg-card p-4', className), children: [jsxRuntime.jsx("span", { className: "inline-flex h-6 w-6 items-center justify-center rounded-full bg-primary text-xs font-medium text-primary-foreground", children: step }), jsxRuntime.jsxs("div", { className: "space-y-1", children: [jsxRuntime.jsx("p", { className: "text-sm font-medium text-foreground", children: title }), jsxRuntime.jsx("p", { className: "text-xs leading-snug text-label", children: description })] })] }));
 };
 
+/** Fills the content area with the brand loader while a page loads. */
+function PageLoader({ logoSrc, className }) {
+    return (jsxRuntime.jsxs("div", { role: "status", "aria-live": "polite", className: cn('flex min-h-full flex-1 items-center justify-center', className), children: [jsxRuntime.jsx(BrandLoader, { logoSrc: logoSrc }), jsxRuntime.jsx("span", { className: "sr-only", children: "Loading" })] }));
+}
+
 /** Options with a description get the taller layout with an icon badge (default variant only). */
 function hasDetails(variant, hasDescription) {
     return variant === 'default' && hasDescription;
@@ -73831,6 +73869,21 @@ const SpecList = ({ rows, zebra = true, className, }) => {
         }) }));
 };
 
+// A thin white glow traces the gem so the green reads on the dark scrim in both themes.
+const GEM_EDGE_GLOW_CLASS = '[filter:drop-shadow(0_0_1px_rgb(255_255_255/0.6))_drop-shadow(0_0_6px_rgb(255_255_255/0.15))]';
+
+/**
+ * Full-screen scrim with the brand loader and a short label, shown while a
+ * submit request is in flight. Sits above dialogs and slide-outs (z-50), since
+ * some submits start from one. `pointer-events-auto` because an open Radix
+ * dialog sets `pointer-events: none` on body, which would let clicks through.
+ */
+function SubmittingOverlay({ open, label, logoSrc }) {
+    if (!open)
+        return null;
+    return ReactDOM.createPortal(jsxRuntime.jsx("div", { role: "status", "aria-live": "polite", "aria-busy": true, className: "pointer-events-auto fixed inset-0 z-[100] flex items-center justify-center bg-black/60 backdrop-blur-sm", children: jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-4", children: [jsxRuntime.jsx("div", { className: GEM_EDGE_GLOW_CLASS, children: jsxRuntime.jsx(BrandLoader, { logoSrc: logoSrc, tone: "inverse" }) }), jsxRuntime.jsx("p", { className: "text-base font-medium tracking-wide text-white", children: label })] }) }), document.body);
+}
+
 const usePageJump = (totalPages, onPageChange) => {
     const [pageInput, setPageInputState] = React.useState('');
     const setPageInput = React.useCallback((v) => {
@@ -81183,8 +81236,10 @@ exports.AuditEntryCard = AuditEntryCard;
 exports.AuditHistoryPanel = AuditHistoryPanel;
 exports.AuditTimeline = AuditTimeline;
 exports.AuditTimelineShimmer = AuditTimelineShimmer;
+exports.BRAND_LOADER_RINGS = BRAND_LOADER_RINGS;
 exports.Badge = Badge;
 exports.BadgeType = BadgeType;
+exports.BrandLoader = BrandLoader;
 exports.BusinessContactStatusFilter = BusinessContactStatusFilter;
 exports.Button = Button;
 exports.CUSTOMER_AUDIT_CONFIG = CUSTOMER_AUDIT_CONFIG;
@@ -81315,6 +81370,7 @@ exports.OwnershipFilter = OwnershipFilter;
 exports.OwnershipSplitCard = OwnershipSplitCard;
 exports.PROFORMA_AUDIT_CONFIG = PROFORMA_AUDIT_CONFIG;
 exports.PageHeader = PageHeader;
+exports.PageLoader = PageLoader;
 exports.PageTabs = PageTabs;
 exports.Pagination = Pagination;
 exports.PaginationSelect = PaginationSelect;
@@ -81383,6 +81439,7 @@ exports.StatusBadge = StatusBadge$1;
 exports.StatusFilter = StatusFilter;
 exports.Stepper = Stepper;
 exports.StockTypeFilter = StockTypeFilter;
+exports.SubmittingOverlay = SubmittingOverlay;
 exports.TableEmptyState = TableEmptyState;
 exports.TablePagination = TablePagination;
 exports.TableRowsSkeleton = TableRowsSkeleton;