@powered-by-array/ui 1.80.3 → 1.81.0

package/dist/components/SideSheet/SideSheet.d.ts

@@ -5,13 +5,16 @@ import { SideSheetHeader } from "./SideSheetHeader/index.js";
 /**
  * Docked side sheet for master-detail layouts.
  *
- * Composed of three regions — `SideSheet.Header` (carries the close button),
- * `SideSheet.Content` (scrollable), and the optional `SideSheet.Footer`. The
- * panel transitions its width between `0` (closed) and the internal
- * `SIDE_SHEET_WIDTH` constant (open). The consuming app supplies the portal
- * slot and "push" padding — this component is only the visual panel.
+ * The close button is owned by the panel and rendered only when `onClose` is
+ * provided (omit it to hide the close button). With a `SideSheet.Header` it
+ * lives in its own column on the right of the header, so header content can
+ * never overlap it. Without a header it lives at the top-right of the scrollable
+ * `SideSheet.Content` and scrolls away with it. The panel transitions its width
+ * between `0` (closed) and the internal
+ * `SIDE_SHEET_WIDTH` constant (open). The consuming app supplies the portal slot
+ * and "push" padding — this component is only the visual panel.
  */
-declare function SideSheet({ isOpen, children, title }: SideSheetProps): import("react/jsx-runtime").JSX.Element;
+declare function SideSheet({ isOpen, children, title, onClose }: SideSheetProps): import("react/jsx-runtime").JSX.Element;
 declare namespace SideSheet {
     var Header: typeof SideSheetHeader;
     var Content: typeof SideSheetContent;

package/dist/components/SideSheet/SideSheet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SideSheet.d.ts","sourceRoot":"","sources":["../../../src/components/SideSheet/SideSheet.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAE3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAW7D;;;;;;;;GAQG;AACH,iBAAS,SAAS,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,cAAc,2CAgB7D;kBAhBQ,SAAS;;;;;AAsBlB,OAAO,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"SideSheet.d.ts","sourceRoot":"","sources":["../../../src/components/SideSheet/SideSheet.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAE3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAE/D,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAW7D;;;;;;;;;;;GAWG;AACH,iBAAS,SAAS,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,cAAc,2CAsBtE;kBAtBQ,SAAS;;;;;AA4BlB,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/components/SideSheet/SideSheet.js

@@ -1,8 +1,10 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
 import { cn } from "../../lib/cn.js";
 import { sideSheetSlotVariants as sv } from "./SideSheet.variants.js";
 import { SideSheetContent } from "./SideSheetContent/index.js";
+import { SideSheetContext } from "./SideSheetContext.js";
 import { SideSheetFooter } from "./SideSheetFooter/index.js";
 import { SideSheetHeader } from "./SideSheetHeader/index.js";
 /**
@@ -15,14 +17,18 @@ const SIDE_SHEET_WIDTH = "clamp(380px, calc((100vw - var(--sidebar-width)) * 0.4
 /**
  * Docked side sheet for master-detail layouts.
  *
- * Composed of three regions — `SideSheet.Header` (carries the close button),
- * `SideSheet.Content` (scrollable), and the optional `SideSheet.Footer`. The
- * panel transitions its width between `0` (closed) and the internal
- * `SIDE_SHEET_WIDTH` constant (open). The consuming app supplies the portal
- * slot and "push" padding — this component is only the visual panel.
+ * The close button is owned by the panel and rendered only when `onClose` is
+ * provided (omit it to hide the close button). With a `SideSheet.Header` it
+ * lives in its own column on the right of the header, so header content can
+ * never overlap it. Without a header it lives at the top-right of the scrollable
+ * `SideSheet.Content` and scrolls away with it. The panel transitions its width
+ * between `0` (closed) and the internal
+ * `SIDE_SHEET_WIDTH` constant (open). The consuming app supplies the portal slot
+ * and "push" padding — this component is only the visual panel.
  */
-function SideSheet({ isOpen, children, title }) {
-    return (_jsx("div", { "data-slot": "side-sheet", className: cn(sv.root), style: { width: isOpen ? SIDE_SHEET_WIDTH : "0px" }, "aria-hidden": !isOpen, "aria-label": title, children: isOpen && (_jsx("div", { "data-slot": "side-sheet-body", className: cn(sv.body), children: children })) }));
+function SideSheet({ isOpen, children, title, onClose }) {
+    const hasHeader = React.Children.toArray(children).some((child) => React.isValidElement(child) && child.type === SideSheetHeader);
+    return (_jsx(SideSheetContext.Provider, { value: { onClose, hasHeader }, children: _jsx("div", { "data-slot": "side-sheet", className: cn(sv.root), style: { width: isOpen ? SIDE_SHEET_WIDTH : "0px" }, "aria-hidden": !isOpen, "aria-label": title, children: isOpen && (_jsx("div", { "data-slot": "side-sheet-body", className: cn(sv.body), children: children })) }) }));
 }
 SideSheet.Header = SideSheetHeader;
 SideSheet.Content = SideSheetContent;

package/dist/components/SideSheet/SideSheet.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideSheet.js","sourceRoot":"","sources":["../../../src/components/SideSheet/SideSheet.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAErC,OAAO,EAAE,qBAAqB,IAAI,EAAE,EAAE,MAAM,yBAAyB,CAAC;AACtE,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAE7D;;;;;GAKG;AACH,MAAM,gBAAgB,GACpB,mEAAmE,CAAC;AAEtE;;;;;;;;GAQG;AACH,SAAS,SAAS,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAkB;IAC5D,OAAO,CACL,2BACY,YAAY,EACtB,SAAS,EAAE,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,EACtB,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,KAAK,EAAE,iBACtC,CAAC,MAAM,gBACR,KAAK,YAEhB,MAAM,IAAI,CACT,2BAAe,iBAAiB,EAAC,SAAS,EAAE,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,YACpD,QAAQ,GACL,CACP,GACG,CACP,CAAC;AACJ,CAAC;AAED,SAAS,CAAC,MAAM,GAAG,eAAe,CAAC;AACnC,SAAS,CAAC,OAAO,GAAG,gBAAgB,CAAC;AACrC,SAAS,CAAC,MAAM,GAAG,eAAe,CAAC;AAEnC,OAAO,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"SideSheet.js","sourceRoot":"","sources":["../../../src/components/SideSheet/SideSheet.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAErC,OAAO,EAAE,qBAAqB,IAAI,EAAE,EAAE,MAAM,yBAAyB,CAAC;AACtE,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAE7D;;;;;GAKG;AACH,MAAM,gBAAgB,GACpB,mEAAmE,CAAC;AAEtE;;;;;;;;;;;GAWG;AACH,SAAS,SAAS,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAkB;IACrE,MAAM,SAAS,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,IAAI,CACrD,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,KAAK,eAAe,CACzE,CAAC;IAEF,OAAO,CACL,KAAC,gBAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,YACtD,2BACY,YAAY,EACtB,SAAS,EAAE,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,EACtB,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,KAAK,EAAE,iBACtC,CAAC,MAAM,gBACR,KAAK,YAEhB,MAAM,IAAI,CACT,2BAAe,iBAAiB,EAAC,SAAS,EAAE,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,YACpD,QAAQ,GACL,CACP,GACG,GACoB,CAC7B,CAAC;AACJ,CAAC;AAED,SAAS,CAAC,MAAM,GAAG,eAAe,CAAC;AACnC,SAAS,CAAC,OAAO,GAAG,gBAAgB,CAAC;AACrC,SAAS,CAAC,MAAM,GAAG,eAAe,CAAC;AAEnC,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/components/SideSheet/SideSheet.types.d.ts

@@ -6,5 +6,7 @@ export interface SideSheetProps {
     children: ReactNode;
     /** sr-only title for accessibility. */
     title?: string;
+    /** When provided, renders the close button (header column, or top-right of the content when there is no header). Omit it to hide the close button entirely. */
+    onClose?: () => void;
 }
 //# sourceMappingURL=SideSheet.types.d.ts.map

package/dist/components/SideSheet/SideSheet.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SideSheet.types.d.ts","sourceRoot":"","sources":["../../../src/components/SideSheet/SideSheet.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,cAAc;IAC7B,4DAA4D;IAC5D,MAAM,EAAE,OAAO,CAAC;IAChB,sGAAsG;IACtG,QAAQ,EAAE,SAAS,CAAC;IACpB,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB"}
+{"version":3,"file":"SideSheet.types.d.ts","sourceRoot":"","sources":["../../../src/components/SideSheet/SideSheet.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,cAAc;IAC7B,4DAA4D;IAC5D,MAAM,EAAE,OAAO,CAAC;IAChB,sGAAsG;IACtG,QAAQ,EAAE,SAAS,CAAC;IACpB,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+JAA+J;IAC/J,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB"}

package/dist/components/SideSheet/SideSheetContent/SideSheetContent.d.ts

@@ -1,5 +1,8 @@
 import type { SideSheetContentProps } from "./SideSheetContent.types.js";
-/** Scrollable middle region. */
+/**
+ * Scrollable middle region. When the sheet has no header, it also renders the
+ * close button at its top-right, so the button scrolls away with the content.
+ */
 declare function SideSheetContent({ children }: SideSheetContentProps): import("react/jsx-runtime").JSX.Element;
 declare namespace SideSheetContent {
     var displayName: string;

package/dist/components/SideSheet/SideSheetContent/SideSheetContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SideSheetContent.d.ts","sourceRoot":"","sources":["../../../../src/components/SideSheet/SideSheetContent/SideSheetContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AAGzE,gCAAgC;AAChC,iBAAS,gBAAgB,CAAC,EAAE,QAAQ,EAAE,EAAE,qBAAqB,2CAM5D;kBANQ,gBAAgB;;;AAUzB,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
+{"version":3,"file":"SideSheetContent.d.ts","sourceRoot":"","sources":["../../../../src/components/SideSheet/SideSheetContent/SideSheetContent.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AAGzE;;;GAGG;AACH,iBAAS,gBAAgB,CAAC,EAAE,QAAQ,EAAE,EAAE,qBAAqB,2CAmB5D;kBAnBQ,gBAAgB;;;AAuBzB,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/components/SideSheet/SideSheetContent/SideSheetContent.js

@@ -1,9 +1,17 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { X } from "lucide-react";
+import { useContext } from "react";
 import { cn } from "../../../lib/cn.js";
+import { Button } from "../../Button/index.js";
+import { SideSheetContext } from "../SideSheetContext.js";
 import { sideSheetContentSlotVariants as sv } from "./SideSheetContent.variants.js";
-/** Scrollable middle region. */
+/**
+ * Scrollable middle region. When the sheet has no header, it also renders the
+ * close button at its top-right, so the button scrolls away with the content.
+ */
 function SideSheetContent({ children }) {
-    return (_jsx("div", { "data-slot": "side-sheet-content", className: cn(sv.root), children: children }));
+    const { onClose, hasHeader } = useContext(SideSheetContext);
+    return (_jsxs("div", { "data-slot": "side-sheet-content", className: cn(sv.root), children: [onClose && !hasHeader && (_jsx(Button, { variant: "tertiary", size: "sm", className: cn(sv.close), onClick: onClose, "aria-label": "Close", children: _jsx(X, {}) })), children] }));
 }
 SideSheetContent.displayName = "SideSheet.Content";
 export { SideSheetContent };

package/dist/components/SideSheet/SideSheetContent/SideSheetContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideSheetContent.js","sourceRoot":"","sources":["../../../../src/components/SideSheet/SideSheetContent/SideSheetContent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAExC,OAAO,EAAE,4BAA4B,IAAI,EAAE,EAAE,MAAM,gCAAgC,CAAC;AAEpF,gCAAgC;AAChC,SAAS,gBAAgB,CAAC,EAAE,QAAQ,EAAyB;IAC3D,OAAO,CACL,2BAAe,oBAAoB,EAAC,SAAS,EAAE,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,YACvD,QAAQ,GACL,CACP,CAAC;AACJ,CAAC;AAED,gBAAgB,CAAC,WAAW,GAAG,mBAAmB,CAAC;AAEnD,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
+{"version":3,"file":"SideSheetContent.js","sourceRoot":"","sources":["../../../../src/components/SideSheet/SideSheetContent/SideSheetContent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE1D,OAAO,EAAE,4BAA4B,IAAI,EAAE,EAAE,MAAM,gCAAgC,CAAC;AAEpF;;;GAGG;AACH,SAAS,gBAAgB,CAAC,EAAE,QAAQ,EAAyB;IAC3D,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAE5D,OAAO,CACL,4BAAe,oBAAoB,EAAC,SAAS,EAAE,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,aACvD,OAAO,IAAI,CAAC,SAAS,IAAI,CACxB,KAAC,MAAM,IACL,OAAO,EAAC,UAAU,EAClB,IAAI,EAAC,IAAI,EACT,SAAS,EAAE,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,EACvB,OAAO,EAAE,OAAO,gBACL,OAAO,YAElB,KAAC,CAAC,KAAG,GACE,CACV,EACA,QAAQ,IACL,CACP,CAAC;AACJ,CAAC;AAED,gBAAgB,CAAC,WAAW,GAAG,mBAAmB,CAAC;AAEnD,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/components/SideSheet/SideSheetContent/SideSheetContent.variants.d.ts

@@ -1,4 +1,5 @@
 export declare const sideSheetContentSlotVariants: {
-    readonly root: "min-h-0 flex-1 overflow-y-auto overscroll-contain p-[24px]";
+    readonly root: "relative min-h-0 flex-1 overflow-y-auto overscroll-contain p-[24px]";
+    readonly close: "absolute right-[24px] top-[24px] z-10 size-[18px] shrink-0 cursor-pointer p-0 m-0";
 };
 //# sourceMappingURL=SideSheetContent.variants.d.ts.map

package/dist/components/SideSheet/SideSheetContent/SideSheetContent.variants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SideSheetContent.variants.d.ts","sourceRoot":"","sources":["../../../../src/components/SideSheet/SideSheetContent/SideSheetContent.variants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,4BAA4B;;CAE/B,CAAC"}
+{"version":3,"file":"SideSheetContent.variants.d.ts","sourceRoot":"","sources":["../../../../src/components/SideSheet/SideSheetContent/SideSheetContent.variants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,4BAA4B;;;CAG/B,CAAC"}

package/dist/components/SideSheet/SideSheetContent/SideSheetContent.variants.js

@@ -1,4 +1,5 @@
 export const sideSheetContentSlotVariants = {
-    root: "min-h-0 flex-1 overflow-y-auto overscroll-contain p-[24px]",
+    root: "relative min-h-0 flex-1 overflow-y-auto overscroll-contain p-[24px]",
+    close: "absolute right-[24px] top-[24px] z-10 size-[18px] shrink-0 cursor-pointer p-0 m-0",
 };
 //# sourceMappingURL=SideSheetContent.variants.js.map

package/dist/components/SideSheet/SideSheetContent/SideSheetContent.variants.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideSheetContent.variants.js","sourceRoot":"","sources":["../../../../src/components/SideSheet/SideSheetContent/SideSheetContent.variants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,4BAA4B,GAAG;IAC1C,IAAI,EAAE,4DAA4D;CAC1D,CAAC"}
+{"version":3,"file":"SideSheetContent.variants.js","sourceRoot":"","sources":["../../../../src/components/SideSheet/SideSheetContent/SideSheetContent.variants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,4BAA4B,GAAG;IAC1C,IAAI,EAAE,qEAAqE;IAC3E,KAAK,EAAE,mFAAmF;CAClF,CAAC"}

package/dist/components/SideSheet/SideSheetContext.d.ts

@@ -0,0 +1,6 @@
+export interface SideSheetContextValue {
+    onClose?: () => void;
+    hasHeader?: boolean;
+}
+export declare const SideSheetContext: import("react").Context<SideSheetContextValue>;
+//# sourceMappingURL=SideSheetContext.d.ts.map

package/dist/components/SideSheet/SideSheetContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideSheetContext.d.ts","sourceRoot":"","sources":["../../../src/components/SideSheet/SideSheetContext.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,qBAAqB;IACpC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,gBAAgB,gDAA2C,CAAC"}

package/dist/components/SideSheet/SideSheetContext.js

@@ -0,0 +1,3 @@
+import { createContext } from "react";
+export const SideSheetContext = createContext({});
+//# sourceMappingURL=SideSheetContext.js.map

package/dist/components/SideSheet/SideSheetContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideSheetContext.js","sourceRoot":"","sources":["../../../src/components/SideSheet/SideSheetContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAOtC,MAAM,CAAC,MAAM,gBAAgB,GAAG,aAAa,CAAwB,EAAE,CAAC,CAAC"}

package/dist/components/SideSheet/SideSheetHeader/SideSheetHeader.d.ts

@@ -1,6 +1,10 @@
 import type { SideSheetHeaderProps } from "./SideSheetHeader.types.js";
-/** Top region: caller content on the left, close button pinned to the right. */
-declare function SideSheetHeader({ children, onClose }: SideSheetHeaderProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Top region: caller content on the left, close button in its own column on the
+ * right (only when the sheet has an `onClose`). The close button's column bounds
+ * the content so header actions can never overlap it.
+ */
+declare function SideSheetHeader({ children }: SideSheetHeaderProps): import("react/jsx-runtime").JSX.Element;
 declare namespace SideSheetHeader {
     var displayName: string;
 }

package/dist/components/SideSheet/SideSheetHeader/SideSheetHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SideSheetHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/SideSheet/SideSheetHeader/SideSheetHeader.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAGvE,gFAAgF;AAChF,iBAAS,eAAe,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,oBAAoB,2CAenE;kBAfQ,eAAe;;;AAmBxB,OAAO,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"SideSheetHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/SideSheet/SideSheetHeader/SideSheetHeader.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAGvE;;;;GAIG;AACH,iBAAS,eAAe,CAAC,EAAE,QAAQ,EAAE,EAAE,oBAAoB,2CAmB1D;kBAnBQ,eAAe;;;AAuBxB,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/SideSheet/SideSheetHeader/SideSheetHeader.js

@@ -1,11 +1,18 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { X } from "lucide-react";
+import { useContext } from "react";
 import { cn } from "../../../lib/cn.js";
 import { Button } from "../../Button/index.js";
+import { SideSheetContext } from "../SideSheetContext.js";
 import { sideSheetHeaderSlotVariants as sv } from "./SideSheetHeader.variants.js";
-/** Top region: caller content on the left, close button pinned to the right. */
-function SideSheetHeader({ children, onClose }) {
-    return (_jsxs("div", { "data-slot": "side-sheet-header", className: cn(sv.root), children: [_jsx("div", { className: cn(sv.content), children: children }), _jsx(Button, { variant: "tertiary", size: "sm", className: cn(sv.close), onClick: onClose, "aria-label": "Close", children: _jsx(X, {}) })] }));
+/**
+ * Top region: caller content on the left, close button in its own column on the
+ * right (only when the sheet has an `onClose`). The close button's column bounds
+ * the content so header actions can never overlap it.
+ */
+function SideSheetHeader({ children }) {
+    const { onClose } = useContext(SideSheetContext);
+    return (_jsxs("div", { "data-slot": "side-sheet-header", className: cn(sv.root), children: [_jsx("div", { className: cn(sv.content), children: children }), onClose && (_jsx(Button, { variant: "tertiary", size: "sm", className: cn(sv.close), onClick: onClose, "aria-label": "Close", children: _jsx(X, {}) }))] }));
 }
 SideSheetHeader.displayName = "SideSheet.Header";
 export { SideSheetHeader };

package/dist/components/SideSheet/SideSheetHeader/SideSheetHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideSheetHeader.js","sourceRoot":"","sources":["../../../../src/components/SideSheet/SideSheetHeader/SideSheetHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AAEjC,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAE/C,OAAO,EAAE,2BAA2B,IAAI,EAAE,EAAE,MAAM,+BAA+B,CAAC;AAElF,gFAAgF;AAChF,SAAS,eAAe,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAwB;IAClE,OAAO,CACL,4BAAe,mBAAmB,EAAC,SAAS,EAAE,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,aACvD,cAAK,SAAS,EAAE,EAAE,CAAC,EAAE,CAAC,OAAO,CAAC,YAAG,QAAQ,GAAO,EAChD,KAAC,MAAM,IACL,OAAO,EAAC,UAAU,EAClB,IAAI,EAAC,IAAI,EACT,SAAS,EAAE,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,EACvB,OAAO,EAAE,OAAO,gBACL,OAAO,YAElB,KAAC,CAAC,KAAE,GACG,IACL,CACP,CAAC;AACJ,CAAC;AAED,eAAe,CAAC,WAAW,GAAG,kBAAkB,CAAC;AAEjD,OAAO,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"SideSheetHeader.js","sourceRoot":"","sources":["../../../../src/components/SideSheet/SideSheetHeader/SideSheetHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE1D,OAAO,EAAE,2BAA2B,IAAI,EAAE,EAAE,MAAM,+BAA+B,CAAC;AAElF;;;;GAIG;AACH,SAAS,eAAe,CAAC,EAAE,QAAQ,EAAwB;IACzD,MAAM,EAAE,OAAO,EAAE,GAAG,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAEjD,OAAO,CACL,4BAAe,mBAAmB,EAAC,SAAS,EAAE,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,aACvD,cAAK,SAAS,EAAE,EAAE,CAAC,EAAE,CAAC,OAAO,CAAC,YAAG,QAAQ,GAAO,EAC/C,OAAO,IAAI,CACV,KAAC,MAAM,IACL,OAAO,EAAC,UAAU,EAClB,IAAI,EAAC,IAAI,EACT,SAAS,EAAE,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,EACvB,OAAO,EAAE,OAAO,gBACL,OAAO,YAElB,KAAC,CAAC,KAAG,GACE,CACV,IACG,CACP,CAAC;AACJ,CAAC;AAED,eAAe,CAAC,WAAW,GAAG,kBAAkB,CAAC;AAEjD,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/SideSheet/SideSheetHeader/SideSheetHeader.types.d.ts

@@ -1,8 +1,6 @@
 import type { ReactNode } from "react";
 export interface SideSheetHeaderProps {
-    /** Header content rendered to the left of the close button. */
+    /** Header content. The close button is owned by the SideSheet root. */
     children: ReactNode;
-    /** Called when the close button is clicked — closes the side sheet. Required. */
-    onClose: () => void;
 }
 //# sourceMappingURL=SideSheetHeader.types.d.ts.map

package/dist/components/SideSheet/SideSheetHeader/SideSheetHeader.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SideSheetHeader.types.d.ts","sourceRoot":"","sources":["../../../../src/components/SideSheet/SideSheetHeader/SideSheetHeader.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,oBAAoB;IACnC,+DAA+D;IAC/D,QAAQ,EAAE,SAAS,CAAC;IACpB,iFAAiF;IACjF,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB"}
+{"version":3,"file":"SideSheetHeader.types.d.ts","sourceRoot":"","sources":["../../../../src/components/SideSheet/SideSheetHeader/SideSheetHeader.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,oBAAoB;IACnC,uEAAuE;IACvE,QAAQ,EAAE,SAAS,CAAC;CACrB"}

package/dist/components/SideSheet/SideSheetHeader/SideSheetHeader.variants.d.ts

@@ -1,6 +1,6 @@
 export declare const sideSheetHeaderSlotVariants: {
-    readonly root: readonly ["flex shrink-0 items-center justify-between gap-4", "border-b border-[var(--color-semantic-side-sheet-border)]", "p-[24px]"];
+    readonly root: readonly ["flex shrink-0 items-start justify-between gap-4", "border-b border-[var(--color-semantic-side-sheet-border)]", "p-[24px]"];
     readonly content: "min-w-0 flex-1";
-    readonly close: "size-[18px] shrink-0 p-0 m-0 cursor-pointer";
+    readonly close: "size-[18px] shrink-0 cursor-pointer p-0 m-0";
 };
 //# sourceMappingURL=SideSheetHeader.variants.d.ts.map

package/dist/components/SideSheet/SideSheetHeader/SideSheetHeader.variants.js

@@ -1,10 +1,10 @@
 export const sideSheetHeaderSlotVariants = {
     root: [
-        "flex shrink-0 items-center justify-between gap-4",
+        "flex shrink-0 items-start justify-between gap-4",
         "border-b border-[var(--color-semantic-side-sheet-border)]",
         "p-[24px]",
     ],
     content: "min-w-0 flex-1",
-    close: "size-[18px] shrink-0 p-0 m-0 cursor-pointer",
+    close: "size-[18px] shrink-0 cursor-pointer p-0 m-0",
 };
 //# sourceMappingURL=SideSheetHeader.variants.js.map

package/dist/components/SideSheet/SideSheetHeader/SideSheetHeader.variants.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideSheetHeader.variants.js","sourceRoot":"","sources":["../../../../src/components/SideSheet/SideSheetHeader/SideSheetHeader.variants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,2BAA2B,GAAG;IACzC,IAAI,EAAE;QACJ,kDAAkD;QAClD,2DAA2D;QAC3D,UAAU;KACX;IACD,OAAO,EAAE,gBAAgB;IACzB,KAAK,EAAE,6CAA6C;CAC5C,CAAC"}
+{"version":3,"file":"SideSheetHeader.variants.js","sourceRoot":"","sources":["../../../../src/components/SideSheet/SideSheetHeader/SideSheetHeader.variants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,2BAA2B,GAAG;IACzC,IAAI,EAAE;QACJ,iDAAiD;QACjD,2DAA2D;QAC3D,UAAU;KACX;IACD,OAAO,EAAE,gBAAgB;IACzB,KAAK,EAAE,6CAA6C;CAC5C,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@powered-by-array/ui",
-  "version": "1.80.3",
+  "version": "1.81.0",
   "description": "ArrayHQ design system UI components",
   "type": "module",
   "repository": {