@amboss/design-system 4.0.0-next.4 → 4.0.0-next.6

package/build/cjs/components/Image/Image.d.ts

@@ -1,8 +1,8 @@
 import type { ImgHTMLAttributes, SourceHTMLAttributes } from "react";
 import React from "react";
 import type { Property } from "csstype";
-import type { MQ, BorderRadius } from "../../types";
-export type ImageProps = Omit<ImgHTMLAttributes<HTMLImageElement>, "alt"> & {
+import type { MQ, BorderRadius, ForbiddenProp, MissingProps } from "../../types";
+type ImageBaseProps = Omit<ImgHTMLAttributes<HTMLImageElement>, "alt"> & {
     /** Src for a placeholder image to be shown while loading the original image */
     placeholderSrc?: string;
     /** Src for a fallback image if original image cannot be loaded */
@@ -17,24 +17,16 @@ export type ImageProps = Omit<ImgHTMLAttributes<HTMLImageElement>, "alt"> & {
     position?: Property.ObjectPosition | MQ<Property.ObjectPosition>;
     borderRadius?: BorderRadius | MQ<BorderRadius>;
     "data-e2e-test-id"?: string;
-    /** Accessible description of image. For decorative images provide an empty string */
-    alt: string;
 };
-export declare const Image: React.ForwardRefExoticComponent<Omit<ImgHTMLAttributes<HTMLImageElement>, "alt"> & {
-    /** Src for a placeholder image to be shown while loading the original image */
-    placeholderSrc?: string;
-    /** Src for a fallback image if original image cannot be loaded */
-    fallbackSrc?: string;
-    /** Provide props for source elements to define multiple srcsets */
-    sources?: SourceHTMLAttributes<HTMLSourceElement>[];
-    /** Lazy load image */
-    lazy?: boolean;
-    /** Maps to object-fit css */
-    fit?: Property.ObjectFit | MQ<Property.ObjectFit>;
-    /** Maps to object-position css */
-    position?: Property.ObjectPosition | MQ<Property.ObjectPosition>;
-    borderRadius?: BorderRadius | MQ<BorderRadius>;
-    "data-e2e-test-id"?: string;
-    /** Accessible description of image. For decorative images provide an empty string */
+export type ImageA11y = {
+    /** Marks a purely decorative image. Renders `alt=""` and forbids `alt`. */
+    isDecorative: true;
+    alt?: ForbiddenProp<"Fix: A decorative image takes no `alt`; remove it or drop `isDecorative`.">;
+} | {
+    isDecorative?: false;
+    /** Accessible description of the image. */
     alt: string;
-} & React.RefAttributes<HTMLImageElement>>;
+} | MissingProps<"Fix: Image needs an `alt` description. For a purely decorative image, pass `isDecorative` instead.">;
+export type ImageProps = ImageBaseProps & ImageA11y;
+export declare const Image: React.ForwardRefExoticComponent<ImageProps & React.RefAttributes<HTMLImageElement>>;
+export {};

package/build/cjs/components/Image/Image.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Image",{enumerable:!0,get:function(){return Image}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_mediaQueries=require("../../shared/mediaQueries"),StyledImg=(0,_styled.default)("img",{target:"ench3gw0",label:"StyledImg"})(({theme,borderRadius})=>(0,_mediaQueries.useResponsiveStyles)({borderRadius:[borderRadius,theme.variables.size.borderRadius]}),({fit,position})=>(0,_mediaQueries.useResponsiveValue)({objectFit:fit,objectPosition:position}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvSW1hZ2UvSW1hZ2UudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9JbWFnZS9JbWFnZS50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUge1xuICBJbWdIVE1MQXR0cmlidXRlcyxcbiAgU291cmNlSFRNTEF0dHJpYnV0ZXMsXG4gIFJlZk9iamVjdCxcbiAgUmVhY3RFbGVtZW50LFxuICBSZWFjdEV2ZW50SGFuZGxlcixcbn0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VTdGF0ZSwgZm9yd2FyZFJlZiB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHR5cGUgeyBQcm9wZXJ0eSB9IGZyb20gXCJjc3N0eXBlXCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7XG4gIHVzZVJlc3BvbnNpdmVWYWx1ZSxcbiAgdXNlUmVzcG9uc2l2ZVN0eWxlcyxcbn0gZnJvbSBcIi4uLy4uL3NoYXJlZC9tZWRpYVF1ZXJpZXNcIjtcbmltcG9ydCB0eXBlIHsgTVEsIEJvcmRlclJhZGl1cyB9IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuXG5leHBvcnQgdHlwZSBJbWFnZVByb3BzID0gT21pdDxJbWdIVE1MQXR0cmlidXRlczxIVE1MSW1hZ2VFbGVtZW50PiwgXCJhbHRcIj4gJiB7XG4gIC8qKiBTcmMgZm9yIGEgcGxhY2Vob2xkZXIgaW1hZ2UgdG8gYmUgc2hvd24gd2hpbGUgbG9hZGluZyB0aGUgb3JpZ2luYWwgaW1hZ2UgKi9cbiAgcGxhY2Vob2xkZXJTcmM/OiBzdHJpbmc7XG4gIC8qKiBTcmMgZm9yIGEgZmFsbGJhY2sgaW1hZ2UgaWYgb3JpZ2luYWwgaW1hZ2UgY2Fubm90IGJlIGxvYWRlZCAqL1xuICBmYWxsYmFja1NyYz86IHN0cmluZztcbiAgLyoqIFByb3ZpZGUgcHJvcHMgZm9yIHNvdXJjZSBlbGVtZW50cyB0byBkZWZpbmUgbXVsdGlwbGUgc3Jjc2V0cyAqL1xuICBzb3VyY2VzPzogU291cmNlSFRNTEF0dHJpYnV0ZXM8SFRNTFNvdXJjZUVsZW1lbnQ+W107XG4gIC8qKiBMYXp5IGxvYWQgaW1hZ2UgKi9cbiAgbGF6eT86IGJvb2xlYW47XG4gIC8qKiBNYXBzIHRvIG9iamVjdC1maXQgY3NzICovXG4gIGZpdD86IFByb3BlcnR5Lk9iamVjdEZpdCB8IE1RPFByb3BlcnR5Lk9iamVjdEZpdD47XG4gIC8qKiBNYXBzIHRvIG9iamVjdC1wb3NpdGlvbiBjc3MgKi9cbiAgcG9zaXRpb24/OiBQcm9wZXJ0eS5PYmplY3RQb3NpdGlvbiB8IE1RPFByb3BlcnR5Lk9iamVjdFBvc2l0aW9uPjtcbiAgYm9yZGVyUmFkaXVzPzogQm9yZGVyUmFkaXVzIHwgTVE8Qm9yZGVyUmFkaXVzPjtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG4gIC8qKiBBY2Nlc3NpYmxlIGRlc2NyaXB0aW9uIG9mIGltYWdlLiBGb3IgZGVjb3JhdGl2ZSBpbWFnZXMgcHJvdmlkZSBhbiBlbXB0eSBzdHJpbmcgKi9cbiAgYWx0OiBzdHJpbmc7XG59O1xuXG50eXBlIFN0eWxlZEltZ1Byb3BzID0gUGljazxJbWFnZVByb3BzLCBcImZpdFwiIHwgXCJwb3NpdGlvblwiIHwgXCJib3JkZXJSYWRpdXNcIj47XG5cbmNvbnN0IFN0eWxlZEltZyA9IHN0eWxlZC5pbWc8U3R5bGVkSW1nUHJvcHM+KFxuICAoeyB0aGVtZSwgYm9yZGVyUmFkaXVzIH0pID0+XG4gICAgdXNlUmVzcG9uc2l2ZVN0eWxlcyh7XG4gICAgICBib3JkZXJSYWRpdXM6IFtib3JkZXJSYWRpdXMsIHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1c10sXG4gICAgfSksXG4gICh7IGZpdCwgcG9zaXRpb24gfSkgPT5cbiAgICB1c2VSZXNwb25zaXZlVmFsdWUoe1xuICAgICAgb2JqZWN0Rml0OiBmaXQsXG4gICAgICBvYmplY3RQb3NpdGlvbjogcG9zaXRpb24sXG4gICAgfSlcbik7XG5cbi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbmV4cG9ydCBjb25zdCBJbWFnZSA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBwbGFjZWhvbGRlclNyYyxcbiAgICAgIGZhbGxiYWNrU3JjLFxuICAgICAgc291cmNlcyA9IFtdLFxuICAgICAgbGF6eSA9IGZhbHNlLFxuICAgICAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG4gICAgICBzcmMsXG4gICAgICBmaXQsXG4gICAgICBwb3NpdGlvbixcbiAgICAgIGJvcmRlclJhZGl1cyxcbiAgICAgIG9uRXJyb3IsXG4gICAgICAuLi5yZXN0XG4gICAgfTogSW1hZ2VQcm9wcyxcbiAgICByZWY6IFJlZk9iamVjdDxIVE1MSW1hZ2VFbGVtZW50PlxuICApOiBSZWFjdEVsZW1lbnQgPT4ge1xuICAgIGNvbnN0IFtpbWdTcmMsIHNldEltZ1NyY10gPSB1c2VTdGF0ZShwbGFjZWhvbGRlclNyYyB8fCBzcmMpO1xuICAgIGNvbnN0IHNvdXJjZUVsbXMgPSBzb3VyY2VzLm1hcCgocHJvcHMpID0+IDxzb3VyY2Ugey4uLnByb3BzfSAvPik7XG5cbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgICAgaWYgKHBsYWNlaG9sZGVyU3JjKSB7XG4gICAgICAgIGNvbnN0IGltZyA9IG5ldyB3aW5kb3cuSW1hZ2UoKTtcblxuICAgICAgICBpbWcuc3JjID0gc3JjO1xuICAgICAgICBpbWcub25sb2FkID0gKCkgPT4ge1xuICAgICAgICAgIC8vIG9yaWdpbmFsIGltYWdlIGxvYWRlZFxuICAgICAgICAgIHNldEltZ1NyYyhzcmMpO1xuICAgICAgICB9O1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgc2V0SW1nU3JjKHNyYyk7XG4gICAgICB9XG4gICAgfSwgW3BsYWNlaG9sZGVyU3JjLCBzcmNdKTtcblxuICAgIGNvbnN0IGhhbmRsZUVycm9yOiBSZWFjdEV2ZW50SGFuZGxlcjxIVE1MSW1hZ2VFbGVtZW50PiA9IChhcmdzKSA9PiB7XG4gICAgICBpZiAoZmFsbGJhY2tTcmMpIHtcbiAgICAgICAgc2V0SW1nU3JjKGZhbGxiYWNrU3JjKTtcbiAgICAgIH1cbiAgICAgIGlmIChvbkVycm9yKSB7XG4gICAgICAgIG9uRXJyb3IoYXJncyk7XG4gICAgICB9XG4gICAgfTtcblxuICAgIGNvbnN0IGltZ1Byb3BzID0ge1xuICAgICAgLi4ucmVzdCxcbiAgICAgIC4uLihsYXp5ICYmIHtcbiAgICAgICAgbG9hZGluZzogXCJsYXp5XCIgYXMgY29uc3QsXG4gICAgICB9KSxcbiAgICAgIGZpdCxcbiAgICAgIHBvc2l0aW9uLFxuICAgICAgYm9yZGVyUmFkaXVzLFxuICAgIH07XG5cbiAgICByZXR1cm4gKFxuICAgICAgPHBpY3R1cmUgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH0gZGF0YS1kcy1pZD1cIkltYWdlXCI+XG4gICAgICAgIHtzb3VyY2VFbG1zfVxuICAgICAgICA8U3R5bGVkSW1nIHsuLi5pbWdQcm9wc30gc3JjPXtpbWdTcmN9IG9uRXJyb3I9e2hhbmRsZUVycm9yfSByZWY9e3JlZn0gLz5cbiAgICAgIDwvcGljdHVyZT5cbiAgICApO1xuICB9XG4pO1xuLyogZXNsaW50LWVuYWJsZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nICovXG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUNrQiJ9 */"),Image=(0,_react.forwardRef)(({placeholderSrc,fallbackSrc,sources=[],lazy=!1,"data-e2e-test-id":dataE2eTestId,src,fit,position,borderRadius,onError,...rest},ref)=>{let[imgSrc,setImgSrc]=(0,_react.useState)(placeholderSrc||src),sourceElms=sources.map(props=>_react.default.createElement("source",props));(0,_react.useEffect)(()=>{if(placeholderSrc){let img=new window.Image;img.src=src,img.onload=()=>{setImgSrc(src)}}else setImgSrc(src)},[placeholderSrc,src]);let imgProps={...rest,...lazy&&{loading:"lazy"},fit,position,borderRadius};return _react.default.createElement("picture",{"data-e2e-test-id":dataE2eTestId,"data-ds-id":"Image"},sourceElms,_react.default.createElement(StyledImg,{...imgProps,src:imgSrc,onError:args=>{fallbackSrc&&setImgSrc(fallbackSrc),onError&&onError(args)},ref:ref}))});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Image",{enumerable:!0,get:function(){return Image}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_mediaQueries=require("../../shared/mediaQueries"),_types=require("../../types"),StyledImg=(0,_styled.default)("img",{target:"e19rs9970",label:"StyledImg"})(({theme,borderRadius})=>(0,_mediaQueries.useResponsiveStyles)({borderRadius:[borderRadius,theme.variables.size.borderRadius]}),({fit,position})=>(0,_mediaQueries.useResponsiveValue)({objectFit:fit,objectPosition:position}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvSW1hZ2UvSW1hZ2UudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9JbWFnZS9JbWFnZS50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUge1xuICBJbWdIVE1MQXR0cmlidXRlcyxcbiAgU291cmNlSFRNTEF0dHJpYnV0ZXMsXG4gIFJlZk9iamVjdCxcbiAgUmVhY3RFbGVtZW50LFxuICBSZWFjdEV2ZW50SGFuZGxlcixcbn0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VTdGF0ZSwgZm9yd2FyZFJlZiB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHR5cGUgeyBQcm9wZXJ0eSB9IGZyb20gXCJjc3N0eXBlXCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7XG4gIHVzZVJlc3BvbnNpdmVWYWx1ZSxcbiAgdXNlUmVzcG9uc2l2ZVN0eWxlcyxcbn0gZnJvbSBcIi4uLy4uL3NoYXJlZC9tZWRpYVF1ZXJpZXNcIjtcbmltcG9ydCB0eXBlIHtcbiAgTVEsXG4gIEJvcmRlclJhZGl1cyxcbiAgRm9yYmlkZGVuUHJvcCxcbiAgTWlzc2luZ1Byb3BzLFxufSBmcm9tIFwiLi4vLi4vdHlwZXNcIjtcbmltcG9ydCB7IGFzVmFsaWRQcm9wcyB9IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuXG50eXBlIEltYWdlQmFzZVByb3BzID0gT21pdDxJbWdIVE1MQXR0cmlidXRlczxIVE1MSW1hZ2VFbGVtZW50PiwgXCJhbHRcIj4gJiB7XG4gIC8qKiBTcmMgZm9yIGEgcGxhY2Vob2xkZXIgaW1hZ2UgdG8gYmUgc2hvd24gd2hpbGUgbG9hZGluZyB0aGUgb3JpZ2luYWwgaW1hZ2UgKi9cbiAgcGxhY2Vob2xkZXJTcmM/OiBzdHJpbmc7XG4gIC8qKiBTcmMgZm9yIGEgZmFsbGJhY2sgaW1hZ2UgaWYgb3JpZ2luYWwgaW1hZ2UgY2Fubm90IGJlIGxvYWRlZCAqL1xuICBmYWxsYmFja1NyYz86IHN0cmluZztcbiAgLyoqIFByb3ZpZGUgcHJvcHMgZm9yIHNvdXJjZSBlbGVtZW50cyB0byBkZWZpbmUgbXVsdGlwbGUgc3Jjc2V0cyAqL1xuICBzb3VyY2VzPzogU291cmNlSFRNTEF0dHJpYnV0ZXM8SFRNTFNvdXJjZUVsZW1lbnQ+W107XG4gIC8qKiBMYXp5IGxvYWQgaW1hZ2UgKi9cbiAgbGF6eT86IGJvb2xlYW47XG4gIC8qKiBNYXBzIHRvIG9iamVjdC1maXQgY3NzICovXG4gIGZpdD86IFByb3BlcnR5Lk9iamVjdEZpdCB8IE1RPFByb3BlcnR5Lk9iamVjdEZpdD47XG4gIC8qKiBNYXBzIHRvIG9iamVjdC1wb3NpdGlvbiBjc3MgKi9cbiAgcG9zaXRpb24/OiBQcm9wZXJ0eS5PYmplY3RQb3NpdGlvbiB8IE1RPFByb3BlcnR5Lk9iamVjdFBvc2l0aW9uPjtcbiAgYm9yZGVyUmFkaXVzPzogQm9yZGVyUmFkaXVzIHwgTVE8Qm9yZGVyUmFkaXVzPjtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG59O1xuXG5leHBvcnQgdHlwZSBJbWFnZUExMXkgPVxuICB8IHtcbiAgICAgIC8qKiBNYXJrcyBhIHB1cmVseSBkZWNvcmF0aXZlIGltYWdlLiBSZW5kZXJzIGBhbHQ9XCJcImAgYW5kIGZvcmJpZHMgYGFsdGAuICovXG4gICAgICBpc0RlY29yYXRpdmU6IHRydWU7XG4gICAgICBhbHQ/OiBGb3JiaWRkZW5Qcm9wPFwiRml4OiBBIGRlY29yYXRpdmUgaW1hZ2UgdGFrZXMgbm8gYGFsdGA7IHJlbW92ZSBpdCBvciBkcm9wIGBpc0RlY29yYXRpdmVgLlwiPjtcbiAgICB9XG4gIHwge1xuICAgICAgaXNEZWNvcmF0aXZlPzogZmFsc2U7XG4gICAgICAvKiogQWNjZXNzaWJsZSBkZXNjcmlwdGlvbiBvZiB0aGUgaW1hZ2UuICovXG4gICAgICBhbHQ6IHN0cmluZztcbiAgICB9XG4gIHwgTWlzc2luZ1Byb3BzPFwiRml4OiBJbWFnZSBuZWVkcyBhbiBgYWx0YCBkZXNjcmlwdGlvbi4gRm9yIGEgcHVyZWx5IGRlY29yYXRpdmUgaW1hZ2UsIHBhc3MgYGlzRGVjb3JhdGl2ZWAgaW5zdGVhZC5cIj47XG5cbmV4cG9ydCB0eXBlIEltYWdlUHJvcHMgPSBJbWFnZUJhc2VQcm9wcyAmIEltYWdlQTExeTtcblxudHlwZSBTdHlsZWRJbWdQcm9wcyA9IFBpY2s8SW1hZ2VQcm9wcywgXCJmaXRcIiB8IFwicG9zaXRpb25cIiB8IFwiYm9yZGVyUmFkaXVzXCI+O1xuXG5jb25zdCBTdHlsZWRJbWcgPSBzdHlsZWQuaW1nPFN0eWxlZEltZ1Byb3BzPihcbiAgKHsgdGhlbWUsIGJvcmRlclJhZGl1cyB9KSA9PlxuICAgIHVzZVJlc3BvbnNpdmVTdHlsZXMoe1xuICAgICAgYm9yZGVyUmFkaXVzOiBbYm9yZGVyUmFkaXVzLCB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXNdLFxuICAgIH0pLFxuICAoeyBmaXQsIHBvc2l0aW9uIH0pID0+XG4gICAgdXNlUmVzcG9uc2l2ZVZhbHVlKHtcbiAgICAgIG9iamVjdEZpdDogZml0LFxuICAgICAgb2JqZWN0UG9zaXRpb246IHBvc2l0aW9uLFxuICAgIH0pXG4pO1xuXG4vKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nICovXG5leHBvcnQgY29uc3QgSW1hZ2UgPSBmb3J3YXJkUmVmKFxuICAocHJvcHM6IEltYWdlUHJvcHMsIHJlZjogUmVmT2JqZWN0PEhUTUxJbWFnZUVsZW1lbnQ+KTogUmVhY3RFbGVtZW50ID0+IHtcbiAgICBjb25zdCB7XG4gICAgICBwbGFjZWhvbGRlclNyYyxcbiAgICAgIGZhbGxiYWNrU3JjLFxuICAgICAgc291cmNlcyA9IFtdLFxuICAgICAgbGF6eSA9IGZhbHNlLFxuICAgICAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG4gICAgICBzcmMsXG4gICAgICBmaXQsXG4gICAgICBwb3NpdGlvbixcbiAgICAgIGJvcmRlclJhZGl1cyxcbiAgICAgIG9uRXJyb3IsXG4gICAgICBpc0RlY29yYXRpdmUsXG4gICAgICBhbHQsXG4gICAgICAuLi5yZXN0XG4gICAgfSA9IGFzVmFsaWRQcm9wcyhwcm9wcyk7XG4gICAgLy8gQSBkZWNvcmF0aXZlIGltYWdlIHJlbmRlcnMgYW4gZW1wdHkgYGFsdGAgc28gYXNzaXN0aXZlIHRlY2ggc2tpcHMgaXQuXG4gICAgY29uc3QgYWx0VGV4dCA9IGlzRGVjb3JhdGl2ZSA/IFwiXCIgOiBhbHQ7XG4gICAgY29uc3QgW2ltZ1NyYywgc2V0SW1nU3JjXSA9IHVzZVN0YXRlKHBsYWNlaG9sZGVyU3JjIHx8IHNyYyk7XG4gICAgY29uc3Qgc291cmNlRWxtcyA9IHNvdXJjZXMubWFwKChzb3VyY2VQcm9wcykgPT4gKFxuICAgICAgPHNvdXJjZSB7Li4uc291cmNlUHJvcHN9IC8+XG4gICAgKSk7XG5cbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgICAgaWYgKHBsYWNlaG9sZGVyU3JjKSB7XG4gICAgICAgIGNvbnN0IGltZyA9IG5ldyB3aW5kb3cuSW1hZ2UoKTtcblxuICAgICAgICBpbWcuc3JjID0gc3JjO1xuICAgICAgICBpbWcub25sb2FkID0gKCkgPT4ge1xuICAgICAgICAgIC8vIG9yaWdpbmFsIGltYWdlIGxvYWRlZFxuICAgICAgICAgIHNldEltZ1NyYyhzcmMpO1xuICAgICAgICB9O1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgc2V0SW1nU3JjKHNyYyk7XG4gICAgICB9XG4gICAgfSwgW3BsYWNlaG9sZGVyU3JjLCBzcmNdKTtcblxuICAgIGNvbnN0IGhhbmRsZUVycm9yOiBSZWFjdEV2ZW50SGFuZGxlcjxIVE1MSW1hZ2VFbGVtZW50PiA9IChhcmdzKSA9PiB7XG4gICAgICBpZiAoZmFsbGJhY2tTcmMpIHtcbiAgICAgICAgc2V0SW1nU3JjKGZhbGxiYWNrU3JjKTtcbiAgICAgIH1cbiAgICAgIGlmIChvbkVycm9yKSB7XG4gICAgICAgIG9uRXJyb3IoYXJncyk7XG4gICAgICB9XG4gICAgfTtcblxuICAgIGNvbnN0IGltZ1Byb3BzID0ge1xuICAgICAgLi4ucmVzdCxcbiAgICAgIC4uLihsYXp5ICYmIHtcbiAgICAgICAgbG9hZGluZzogXCJsYXp5XCIgYXMgY29uc3QsXG4gICAgICB9KSxcbiAgICAgIGFsdDogYWx0VGV4dCxcbiAgICAgIGZpdCxcbiAgICAgIHBvc2l0aW9uLFxuICAgICAgYm9yZGVyUmFkaXVzLFxuICAgIH07XG5cbiAgICByZXR1cm4gKFxuICAgICAgPHBpY3R1cmUgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH0gZGF0YS1kcy1pZD1cIkltYWdlXCI+XG4gICAgICAgIHtzb3VyY2VFbG1zfVxuICAgICAgICA8U3R5bGVkSW1nIHsuLi5pbWdQcm9wc30gc3JjPXtpbWdTcmN9IG9uRXJyb3I9e2hhbmRsZUVycm9yfSByZWY9e3JlZn0gLz5cbiAgICAgIDwvcGljdHVyZT5cbiAgICApO1xuICB9XG4pO1xuLyogZXNsaW50LWVuYWJsZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nICovXG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0RrQiJ9 */"),Image=(0,_react.forwardRef)((props,ref)=>{let{placeholderSrc,fallbackSrc,sources=[],lazy=!1,"data-e2e-test-id":dataE2eTestId,src,fit,position,borderRadius,onError,isDecorative,alt,...rest}=(0,_types.asValidProps)(props),[imgSrc,setImgSrc]=(0,_react.useState)(placeholderSrc||src),sourceElms=sources.map(sourceProps=>_react.default.createElement("source",sourceProps));(0,_react.useEffect)(()=>{if(placeholderSrc){let img=new window.Image;img.src=src,img.onload=()=>{setImgSrc(src)}}else setImgSrc(src)},[placeholderSrc,src]);let imgProps={...rest,...lazy&&{loading:"lazy"},alt:isDecorative?"":alt,fit,position,borderRadius};return _react.default.createElement("picture",{"data-e2e-test-id":dataE2eTestId,"data-ds-id":"Image"},sourceElms,_react.default.createElement(StyledImg,{...imgProps,src:imgSrc,onError:args=>{fallbackSrc&&setImgSrc(fallbackSrc),onError&&onError(args)},ref:ref}))});

package/build/cjs/components/Internal/BaseTag/BaseTag.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import type { BaseTagSize } from "src/types";
+import type { BaseTagSize } from "../../../types";
 export declare const MAX_TAG_WIDTH = 200;
 type OriginalTagProps = {
     label: string;

package/build/cjs/components/Internal/Panel/Panel.d.ts

@@ -0,0 +1,36 @@
+import React from "react";
+import type { LayoutStorage } from "react-resizable-panels";
+/** A size: plain number = pixels; unitless string = percentage ("10%"). */
+type Size = number | string;
+export type PanelItem = {
+    /** Stable id — used by react-resizable-panels to track the panel and persist
+     *  its size, and passed back to `hostFor`/`onResize`/`onCollapse`. */
+    id: string;
+    defaultSize?: Size;
+    minSize?: Size;
+    maxSize?: Size;
+    /** Allow drag-to-collapse; collapsing fires `onCollapse(id)`. */
+    collapsible?: boolean;
+};
+export type PanelProps = {
+    /** Visible panels, left-to-right. Conditionally rendering items toggles a
+     *  panel WITHOUT remounting the others (no `key` on the group). */
+    panels: PanelItem[];
+    /** Persist sizes (keyed by `persistenceKey` + the current panel-id set). */
+    persistenceKey?: string;
+    storage?: LayoutStorage;
+    /** Ref callback for a panel's content host `<div>` (consumer portals into it). */
+    hostFor: (id: string) => (el: HTMLElement | null) => void;
+    /** Reports a settled drag-resize (size as a "%" string). */
+    onResize: (id: string, size: string) => void;
+    /** Reports a drag past `minSize` on a collapsible panel. */
+    onCollapse: (id: string) => void;
+};
+/**
+ * Internal resizable panel row — the only wrapper around react-resizable-panels.
+ * Renders one Panel per item with a content host `<div>` (ref'd back via
+ * `hostFor`), persists sizes, and reports drag-resize / drag-to-collapse. The
+ * public `Layout` component is the intended consumer.
+ */
+export declare function Panel({ panels, persistenceKey, storage, hostFor, onResize, onCollapse, }: PanelProps): React.ReactElement;
+export {};

package/build/cjs/components/Internal/Panel/Panel.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Panel",{enumerable:!0,get:function(){return Panel}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/_interop_require_default._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_reactresizablepanels=require("react-resizable-panels"),CustomGroup=(0,_styled.default)(_reactresizablepanels.Group,{target:"e8gmbta0",label:"CustomGroup"})({height:"100%",width:"100%"},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvSW50ZXJuYWwvUGFuZWwvUGFuZWwudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9JbnRlcm5hbC9QYW5lbC9QYW5lbC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQge1xuICBHcm91cCxcbiAgUGFuZWwgYXMgUmVzaXphYmxlUGFuZWwsXG4gIFNlcGFyYXRvcixcbiAgdXNlRGVmYXVsdExheW91dCxcbn0gZnJvbSBcInJlYWN0LXJlc2l6YWJsZS1wYW5lbHNcIjtcbmltcG9ydCB0eXBlIHsgTGF5b3V0U3RvcmFnZSB9IGZyb20gXCJyZWFjdC1yZXNpemFibGUtcGFuZWxzXCI7XG5cbi8qKiBBIHNpemU6IHBsYWluIG51bWJlciA9IHBpeGVsczsgdW5pdGxlc3Mgc3RyaW5nID0gcGVyY2VudGFnZSAoXCIxMCVcIikuICovXG50eXBlIFNpemUgPSBudW1iZXIgfCBzdHJpbmc7XG5cbmNvbnN0IEN1c3RvbUdyb3VwID0gc3R5bGVkKEdyb3VwKSh7IGhlaWdodDogXCIxMDAlXCIsIHdpZHRoOiBcIjEwMCVcIiB9KTtcblxuLy8gSG9zdCBub2RlIOKAlCBjb250ZW50IGlzIHBvcnRhbGVkIGluIGJ5IHRoZSBjb25zdW1lci4gYHJlbGF0aXZlYCBzb1xuLy8gYWJzb2x1dGVseS1wb3NpdGlvbmVkIGNvbnRlbnQgcmVmbG93cyB3aXRoIHRoZSBwYW5lbC5cbmNvbnN0IFN0eWxlZFBvcnRhbENvbnRhaW5lciA9IHN0eWxlZC5kaXYoe1xuICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxuICB3aWR0aDogXCIxMDAlXCIsXG59KTtcblxuZXhwb3J0IHR5cGUgUGFuZWxJdGVtID0ge1xuICAvKiogU3RhYmxlIGlkIOKAlCB1c2VkIGJ5IHJlYWN0LXJlc2l6YWJsZS1wYW5lbHMgdG8gdHJhY2sgdGhlIHBhbmVsIGFuZCBwZXJzaXN0XG4gICAqICBpdHMgc2l6ZSwgYW5kIHBhc3NlZCBiYWNrIHRvIGBob3N0Rm9yYC9gb25SZXNpemVgL2BvbkNvbGxhcHNlYC4gKi9cbiAgaWQ6IHN0cmluZztcbiAgZGVmYXVsdFNpemU/OiBTaXplO1xuICBtaW5TaXplPzogU2l6ZTtcbiAgbWF4U2l6ZT86IFNpemU7XG4gIC8qKiBBbGxvdyBkcmFnLXRvLWNvbGxhcHNlOyBjb2xsYXBzaW5nIGZpcmVzIGBvbkNvbGxhcHNlKGlkKWAuICovXG4gIGNvbGxhcHNpYmxlPzogYm9vbGVhbjtcbn07XG5cbmV4cG9ydCB0eXBlIFBhbmVsUHJvcHMgPSB7XG4gIC8qKiBWaXNpYmxlIHBhbmVscywgbGVmdC10by1yaWdodC4gQ29uZGl0aW9uYWxseSByZW5kZXJpbmcgaXRlbXMgdG9nZ2xlcyBhXG4gICAqICBwYW5lbCBXSVRIT1VUIHJlbW91bnRpbmcgdGhlIG90aGVycyAobm8gYGtleWAgb24gdGhlIGdyb3VwKS4gKi9cbiAgcGFuZWxzOiBQYW5lbEl0ZW1bXTtcbiAgLyoqIFBlcnNpc3Qgc2l6ZXMgKGtleWVkIGJ5IGBwZXJzaXN0ZW5jZUtleWAgKyB0aGUgY3VycmVudCBwYW5lbC1pZCBzZXQpLiAqL1xuICBwZXJzaXN0ZW5jZUtleT86IHN0cmluZztcbiAgc3RvcmFnZT86IExheW91dFN0b3JhZ2U7XG4gIC8qKiBSZWYgY2FsbGJhY2sgZm9yIGEgcGFuZWwncyBjb250ZW50IGhvc3QgYDxkaXY+YCAoY29uc3VtZXIgcG9ydGFscyBpbnRvIGl0KS4gKi9cbiAgaG9zdEZvcjogKGlkOiBzdHJpbmcpID0+IChlbDogSFRNTEVsZW1lbnQgfCBudWxsKSA9PiB2b2lkO1xuICAvKiogUmVwb3J0cyBhIHNldHRsZWQgZHJhZy1yZXNpemUgKHNpemUgYXMgYSBcIiVcIiBzdHJpbmcpLiAqL1xuICBvblJlc2l6ZTogKGlkOiBzdHJpbmcsIHNpemU6IHN0cmluZykgPT4gdm9pZDtcbiAgLyoqIFJlcG9ydHMgYSBkcmFnIHBhc3QgYG1pblNpemVgIG9uIGEgY29sbGFwc2libGUgcGFuZWwuICovXG4gIG9uQ29sbGFwc2U6IChpZDogc3RyaW5nKSA9PiB2b2lkO1xufTtcblxuLy8gZmxleEdyb3cgYXQvYmVsb3cgdGhpcyBpcyB0cmVhdGVkIGFzIGEgZHJhZy10by1jb2xsYXBzZSBnZXN0dXJlLlxuY29uc3QgQ09MTEFQU0VfRVBTSUxPTiA9IDAuNTtcblxuLy8gcmVhY3QtcmVzaXphYmxlLXBhbmVscyBwZXJzaXN0cyBub3RoaW5nIHdoZW4gZ2l2ZW4gYSBuby1vcCBzdG9yYWdlLlxuY29uc3QgTk9PUF9TVE9SQUdFOiBMYXlvdXRTdG9yYWdlID0geyBnZXRJdGVtOiAoKSA9PiBudWxsLCBzZXRJdGVtOiAoKSA9PiB7fSB9O1xuXG4vKipcbiAqIFN0b3JhZ2UgZm9yIHNpemUgcGVyc2lzdGVuY2U6IHJlYWwgb25seSB3aGVuIEJPVEggYSBgcGVyc2lzdGVuY2VLZXlgIGFuZCBhXG4gKiBgc3RvcmFnZWAgYXJlIHByb3ZpZGVkLiBObyBpbXBsaWNpdCBgd2luZG93LmxvY2FsU3RvcmFnZWAgZmFsbGJhY2sg4oCUXG4gKiBwZXJzaXN0ZW5jZSBpcyBzdHJpY3RseSBvcHQtaW4uXG4gKi9cbmZ1bmN0aW9uIHJlc29sdmVTaXplU3RvcmFnZShcbiAgcGVyc2lzdGVuY2VLZXk6IHN0cmluZyB8IHVuZGVmaW5lZCxcbiAgc3RvcmFnZTogTGF5b3V0U3RvcmFnZSB8IHVuZGVmaW5lZFxuKTogTGF5b3V0U3RvcmFnZSB7XG4gIGlmICghcGVyc2lzdGVuY2VLZXkgfHwgIXN0b3JhZ2UpIHJldHVybiBOT09QX1NUT1JBR0U7XG4gIHJldHVybiBzdG9yYWdlO1xufVxuXG4vKipcbiAqIEludGVybmFsIHJlc2l6YWJsZSBwYW5lbCByb3cg4oCUIHRoZSBvbmx5IHdyYXBwZXIgYXJvdW5kIHJlYWN0LXJlc2l6YWJsZS1wYW5lbHMuXG4gKiBSZW5kZXJzIG9uZSBQYW5lbCBwZXIgaXRlbSB3aXRoIGEgY29udGVudCBob3N0IGA8ZGl2PmAgKHJlZidkIGJhY2sgdmlhXG4gKiBgaG9zdEZvcmApLCBwZXJzaXN0cyBzaXplcywgYW5kIHJlcG9ydHMgZHJhZy1yZXNpemUgLyBkcmFnLXRvLWNvbGxhcHNlLiBUaGVcbiAqIHB1YmxpYyBgTGF5b3V0YCBjb21wb25lbnQgaXMgdGhlIGludGVuZGVkIGNvbnN1bWVyLlxuICovXG5leHBvcnQgZnVuY3Rpb24gUGFuZWwoe1xuICBwYW5lbHMsXG4gIHBlcnNpc3RlbmNlS2V5LFxuICBzdG9yYWdlLFxuICBob3N0Rm9yLFxuICBvblJlc2l6ZSxcbiAgb25Db2xsYXBzZSxcbn06IFBhbmVsUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCB7IGRlZmF1bHRMYXlvdXQsIG9uTGF5b3V0Q2hhbmdlZDogcGVyc2lzdFNpemVzIH0gPSB1c2VEZWZhdWx0TGF5b3V0KHtcbiAgICBpZDogcGVyc2lzdGVuY2VLZXkgPz8gXCJkcy1sYXlvdXRcIixcbiAgICBwYW5lbElkczogcGFuZWxzLm1hcCgocCkgPT4gcC5pZCksXG4gICAgc3RvcmFnZTogcmVzb2x2ZVNpemVTdG9yYWdlKHBlcnNpc3RlbmNlS2V5LCBzdG9yYWdlKSxcbiAgfSk7XG5cbiAgcmV0dXJuIChcbiAgICA8Q3VzdG9tR3JvdXBcbiAgICAgIG9yaWVudGF0aW9uPVwiaG9yaXpvbnRhbFwiXG4gICAgICBkZWZhdWx0TGF5b3V0PXtkZWZhdWx0TGF5b3V0fVxuICAgICAgb25MYXlvdXRDaGFuZ2VkPXsobGF5b3V0KSA9PiB7XG4gICAgICAgIHBlcnNpc3RTaXplcyhsYXlvdXQpOyAvLyBsaWJyYXJ5IHNhdmVzIHRoZSBzaXplc1xuICAgICAgICBwYW5lbHMuZm9yRWFjaCgoeyBpZCwgY29sbGFwc2libGUgfSkgPT4ge1xuICAgICAgICAgIGNvbnN0IHBjdCA9IGxheW91dFtpZF07XG4gICAgICAgICAgaWYgKHR5cGVvZiBwY3QgIT09IFwibnVtYmVyXCIpIHJldHVybjtcbiAgICAgICAgICBpZiAoY29sbGFwc2libGUgJiYgcGN0IDwgQ09MTEFQU0VfRVBTSUxPTikge1xuICAgICAgICAgICAgb25Db2xsYXBzZShpZCk7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgICAgfVxuICAgICAgICAgIGlmIChwY3QgPj0gQ09MTEFQU0VfRVBTSUxPTikgb25SZXNpemUoaWQsIGAke3BjdH0lYCk7XG4gICAgICAgIH0pO1xuICAgICAgfX1cbiAgICA+XG4gICAgICB7cGFuZWxzLm1hcCgoaXRlbSwgaW5kZXgpID0+IChcbiAgICAgICAgPFJlYWN0LkZyYWdtZW50IGtleT17aXRlbS5pZH0+XG4gICAgICAgICAge2luZGV4ID4gMCAmJiA8U2VwYXJhdG9yIC8+fVxuICAgICAgICAgIDxSZXNpemFibGVQYW5lbFxuICAgICAgICAgICAgaWQ9e2l0ZW0uaWR9XG4gICAgICAgICAgICBkZWZhdWx0U2l6ZT17aXRlbS5kZWZhdWx0U2l6ZX1cbiAgICAgICAgICAgIGNvbGxhcHNpYmxlPXtpdGVtLmNvbGxhcHNpYmxlfVxuICAgICAgICAgICAgbWluU2l6ZT17aXRlbS5taW5TaXplfVxuICAgICAgICAgICAgbWF4U2l6ZT17aXRlbS5tYXhTaXplfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxTdHlsZWRQb3J0YWxDb250YWluZXIgcmVmPXtob3N0Rm9yKGl0ZW0uaWQpfSAvPlxuICAgICAgICAgIDwvUmVzaXphYmxlUGFuZWw+XG4gICAgICAgIDwvUmVhY3QuRnJhZ21lbnQ+XG4gICAgICApKX1cbiAgICA8L0N1c3RvbUdyb3VwPlxuICApO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWFvQiJ9 */"),StyledPortalContainer=(0,_styled.default)("div",{target:"e8gmbta1",label:"StyledPortalContainer"})({position:"relative",height:"100%",width:"100%"},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvSW50ZXJuYWwvUGFuZWwvUGFuZWwudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9JbnRlcm5hbC9QYW5lbC9QYW5lbC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQge1xuICBHcm91cCxcbiAgUGFuZWwgYXMgUmVzaXphYmxlUGFuZWwsXG4gIFNlcGFyYXRvcixcbiAgdXNlRGVmYXVsdExheW91dCxcbn0gZnJvbSBcInJlYWN0LXJlc2l6YWJsZS1wYW5lbHNcIjtcbmltcG9ydCB0eXBlIHsgTGF5b3V0U3RvcmFnZSB9IGZyb20gXCJyZWFjdC1yZXNpemFibGUtcGFuZWxzXCI7XG5cbi8qKiBBIHNpemU6IHBsYWluIG51bWJlciA9IHBpeGVsczsgdW5pdGxlc3Mgc3RyaW5nID0gcGVyY2VudGFnZSAoXCIxMCVcIikuICovXG50eXBlIFNpemUgPSBudW1iZXIgfCBzdHJpbmc7XG5cbmNvbnN0IEN1c3RvbUdyb3VwID0gc3R5bGVkKEdyb3VwKSh7IGhlaWdodDogXCIxMDAlXCIsIHdpZHRoOiBcIjEwMCVcIiB9KTtcblxuLy8gSG9zdCBub2RlIOKAlCBjb250ZW50IGlzIHBvcnRhbGVkIGluIGJ5IHRoZSBjb25zdW1lci4gYHJlbGF0aXZlYCBzb1xuLy8gYWJzb2x1dGVseS1wb3NpdGlvbmVkIGNvbnRlbnQgcmVmbG93cyB3aXRoIHRoZSBwYW5lbC5cbmNvbnN0IFN0eWxlZFBvcnRhbENvbnRhaW5lciA9IHN0eWxlZC5kaXYoe1xuICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxuICB3aWR0aDogXCIxMDAlXCIsXG59KTtcblxuZXhwb3J0IHR5cGUgUGFuZWxJdGVtID0ge1xuICAvKiogU3RhYmxlIGlkIOKAlCB1c2VkIGJ5IHJlYWN0LXJlc2l6YWJsZS1wYW5lbHMgdG8gdHJhY2sgdGhlIHBhbmVsIGFuZCBwZXJzaXN0XG4gICAqICBpdHMgc2l6ZSwgYW5kIHBhc3NlZCBiYWNrIHRvIGBob3N0Rm9yYC9gb25SZXNpemVgL2BvbkNvbGxhcHNlYC4gKi9cbiAgaWQ6IHN0cmluZztcbiAgZGVmYXVsdFNpemU/OiBTaXplO1xuICBtaW5TaXplPzogU2l6ZTtcbiAgbWF4U2l6ZT86IFNpemU7XG4gIC8qKiBBbGxvdyBkcmFnLXRvLWNvbGxhcHNlOyBjb2xsYXBzaW5nIGZpcmVzIGBvbkNvbGxhcHNlKGlkKWAuICovXG4gIGNvbGxhcHNpYmxlPzogYm9vbGVhbjtcbn07XG5cbmV4cG9ydCB0eXBlIFBhbmVsUHJvcHMgPSB7XG4gIC8qKiBWaXNpYmxlIHBhbmVscywgbGVmdC10by1yaWdodC4gQ29uZGl0aW9uYWxseSByZW5kZXJpbmcgaXRlbXMgdG9nZ2xlcyBhXG4gICAqICBwYW5lbCBXSVRIT1VUIHJlbW91bnRpbmcgdGhlIG90aGVycyAobm8gYGtleWAgb24gdGhlIGdyb3VwKS4gKi9cbiAgcGFuZWxzOiBQYW5lbEl0ZW1bXTtcbiAgLyoqIFBlcnNpc3Qgc2l6ZXMgKGtleWVkIGJ5IGBwZXJzaXN0ZW5jZUtleWAgKyB0aGUgY3VycmVudCBwYW5lbC1pZCBzZXQpLiAqL1xuICBwZXJzaXN0ZW5jZUtleT86IHN0cmluZztcbiAgc3RvcmFnZT86IExheW91dFN0b3JhZ2U7XG4gIC8qKiBSZWYgY2FsbGJhY2sgZm9yIGEgcGFuZWwncyBjb250ZW50IGhvc3QgYDxkaXY+YCAoY29uc3VtZXIgcG9ydGFscyBpbnRvIGl0KS4gKi9cbiAgaG9zdEZvcjogKGlkOiBzdHJpbmcpID0+IChlbDogSFRNTEVsZW1lbnQgfCBudWxsKSA9PiB2b2lkO1xuICAvKiogUmVwb3J0cyBhIHNldHRsZWQgZHJhZy1yZXNpemUgKHNpemUgYXMgYSBcIiVcIiBzdHJpbmcpLiAqL1xuICBvblJlc2l6ZTogKGlkOiBzdHJpbmcsIHNpemU6IHN0cmluZykgPT4gdm9pZDtcbiAgLyoqIFJlcG9ydHMgYSBkcmFnIHBhc3QgYG1pblNpemVgIG9uIGEgY29sbGFwc2libGUgcGFuZWwuICovXG4gIG9uQ29sbGFwc2U6IChpZDogc3RyaW5nKSA9PiB2b2lkO1xufTtcblxuLy8gZmxleEdyb3cgYXQvYmVsb3cgdGhpcyBpcyB0cmVhdGVkIGFzIGEgZHJhZy10by1jb2xsYXBzZSBnZXN0dXJlLlxuY29uc3QgQ09MTEFQU0VfRVBTSUxPTiA9IDAuNTtcblxuLy8gcmVhY3QtcmVzaXphYmxlLXBhbmVscyBwZXJzaXN0cyBub3RoaW5nIHdoZW4gZ2l2ZW4gYSBuby1vcCBzdG9yYWdlLlxuY29uc3QgTk9PUF9TVE9SQUdFOiBMYXlvdXRTdG9yYWdlID0geyBnZXRJdGVtOiAoKSA9PiBudWxsLCBzZXRJdGVtOiAoKSA9PiB7fSB9O1xuXG4vKipcbiAqIFN0b3JhZ2UgZm9yIHNpemUgcGVyc2lzdGVuY2U6IHJlYWwgb25seSB3aGVuIEJPVEggYSBgcGVyc2lzdGVuY2VLZXlgIGFuZCBhXG4gKiBgc3RvcmFnZWAgYXJlIHByb3ZpZGVkLiBObyBpbXBsaWNpdCBgd2luZG93LmxvY2FsU3RvcmFnZWAgZmFsbGJhY2sg4oCUXG4gKiBwZXJzaXN0ZW5jZSBpcyBzdHJpY3RseSBvcHQtaW4uXG4gKi9cbmZ1bmN0aW9uIHJlc29sdmVTaXplU3RvcmFnZShcbiAgcGVyc2lzdGVuY2VLZXk6IHN0cmluZyB8IHVuZGVmaW5lZCxcbiAgc3RvcmFnZTogTGF5b3V0U3RvcmFnZSB8IHVuZGVmaW5lZFxuKTogTGF5b3V0U3RvcmFnZSB7XG4gIGlmICghcGVyc2lzdGVuY2VLZXkgfHwgIXN0b3JhZ2UpIHJldHVybiBOT09QX1NUT1JBR0U7XG4gIHJldHVybiBzdG9yYWdlO1xufVxuXG4vKipcbiAqIEludGVybmFsIHJlc2l6YWJsZSBwYW5lbCByb3cg4oCUIHRoZSBvbmx5IHdyYXBwZXIgYXJvdW5kIHJlYWN0LXJlc2l6YWJsZS1wYW5lbHMuXG4gKiBSZW5kZXJzIG9uZSBQYW5lbCBwZXIgaXRlbSB3aXRoIGEgY29udGVudCBob3N0IGA8ZGl2PmAgKHJlZidkIGJhY2sgdmlhXG4gKiBgaG9zdEZvcmApLCBwZXJzaXN0cyBzaXplcywgYW5kIHJlcG9ydHMgZHJhZy1yZXNpemUgLyBkcmFnLXRvLWNvbGxhcHNlLiBUaGVcbiAqIHB1YmxpYyBgTGF5b3V0YCBjb21wb25lbnQgaXMgdGhlIGludGVuZGVkIGNvbnN1bWVyLlxuICovXG5leHBvcnQgZnVuY3Rpb24gUGFuZWwoe1xuICBwYW5lbHMsXG4gIHBlcnNpc3RlbmNlS2V5LFxuICBzdG9yYWdlLFxuICBob3N0Rm9yLFxuICBvblJlc2l6ZSxcbiAgb25Db2xsYXBzZSxcbn06IFBhbmVsUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCB7IGRlZmF1bHRMYXlvdXQsIG9uTGF5b3V0Q2hhbmdlZDogcGVyc2lzdFNpemVzIH0gPSB1c2VEZWZhdWx0TGF5b3V0KHtcbiAgICBpZDogcGVyc2lzdGVuY2VLZXkgPz8gXCJkcy1sYXlvdXRcIixcbiAgICBwYW5lbElkczogcGFuZWxzLm1hcCgocCkgPT4gcC5pZCksXG4gICAgc3RvcmFnZTogcmVzb2x2ZVNpemVTdG9yYWdlKHBlcnNpc3RlbmNlS2V5LCBzdG9yYWdlKSxcbiAgfSk7XG5cbiAgcmV0dXJuIChcbiAgICA8Q3VzdG9tR3JvdXBcbiAgICAgIG9yaWVudGF0aW9uPVwiaG9yaXpvbnRhbFwiXG4gICAgICBkZWZhdWx0TGF5b3V0PXtkZWZhdWx0TGF5b3V0fVxuICAgICAgb25MYXlvdXRDaGFuZ2VkPXsobGF5b3V0KSA9PiB7XG4gICAgICAgIHBlcnNpc3RTaXplcyhsYXlvdXQpOyAvLyBsaWJyYXJ5IHNhdmVzIHRoZSBzaXplc1xuICAgICAgICBwYW5lbHMuZm9yRWFjaCgoeyBpZCwgY29sbGFwc2libGUgfSkgPT4ge1xuICAgICAgICAgIGNvbnN0IHBjdCA9IGxheW91dFtpZF07XG4gICAgICAgICAgaWYgKHR5cGVvZiBwY3QgIT09IFwibnVtYmVyXCIpIHJldHVybjtcbiAgICAgICAgICBpZiAoY29sbGFwc2libGUgJiYgcGN0IDwgQ09MTEFQU0VfRVBTSUxPTikge1xuICAgICAgICAgICAgb25Db2xsYXBzZShpZCk7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgICAgfVxuICAgICAgICAgIGlmIChwY3QgPj0gQ09MTEFQU0VfRVBTSUxPTikgb25SZXNpemUoaWQsIGAke3BjdH0lYCk7XG4gICAgICAgIH0pO1xuICAgICAgfX1cbiAgICA+XG4gICAgICB7cGFuZWxzLm1hcCgoaXRlbSwgaW5kZXgpID0+IChcbiAgICAgICAgPFJlYWN0LkZyYWdtZW50IGtleT17aXRlbS5pZH0+XG4gICAgICAgICAge2luZGV4ID4gMCAmJiA8U2VwYXJhdG9yIC8+fVxuICAgICAgICAgIDxSZXNpemFibGVQYW5lbFxuICAgICAgICAgICAgaWQ9e2l0ZW0uaWR9XG4gICAgICAgICAgICBkZWZhdWx0U2l6ZT17aXRlbS5kZWZhdWx0U2l6ZX1cbiAgICAgICAgICAgIGNvbGxhcHNpYmxlPXtpdGVtLmNvbGxhcHNpYmxlfVxuICAgICAgICAgICAgbWluU2l6ZT17aXRlbS5taW5TaXplfVxuICAgICAgICAgICAgbWF4U2l6ZT17aXRlbS5tYXhTaXplfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxTdHlsZWRQb3J0YWxDb250YWluZXIgcmVmPXtob3N0Rm9yKGl0ZW0uaWQpfSAvPlxuICAgICAgICAgIDwvUmVzaXphYmxlUGFuZWw+XG4gICAgICAgIDwvUmVhY3QuRnJhZ21lbnQ+XG4gICAgICApKX1cbiAgICA8L0N1c3RvbUdyb3VwPlxuICApO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlCOEIifQ== */"),NOOP_STORAGE={getItem:()=>null,setItem:()=>{}};function Panel({panels,persistenceKey,storage,hostFor,onResize,onCollapse}){let{defaultLayout,onLayoutChanged:persistSizes}=(0,_reactresizablepanels.useDefaultLayout)({id:persistenceKey??"ds-layout",panelIds:panels.map(p=>p.id),storage:persistenceKey&&storage?storage:NOOP_STORAGE});return _react.default.createElement(CustomGroup,{orientation:"horizontal",defaultLayout:defaultLayout,onLayoutChanged:layout=>{persistSizes(layout),panels.forEach(({id,collapsible})=>{let pct=layout[id];if("number"==typeof pct){if(collapsible&&pct<.5)return void onCollapse(id);pct>=.5&&onResize(id,`${pct}%`)}})}},panels.map((item,index)=>_react.default.createElement(_react.default.Fragment,{key:item.id},index>0&&_react.default.createElement(_reactresizablepanels.Separator,null),_react.default.createElement(_reactresizablepanels.Panel,{id:item.id,defaultSize:item.defaultSize,collapsible:item.collapsible,minSize:item.minSize,maxSize:item.maxSize},_react.default.createElement(StyledPortalContainer,{ref:hostFor(item.id)})))))}

package/build/cjs/components/Internal/Panel/index.d.ts

@@ -0,0 +1,2 @@
+export { Panel } from "./Panel";
+export type { PanelItem, PanelProps } from "./Panel";

package/build/cjs/components/Internal/Panel/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Panel",{enumerable:!0,get:function(){return _Panel.Panel}});const _Panel=require("./Panel");

package/build/cjs/components/Internal/Sandwich/-types.d.ts

@@ -0,0 +1,36 @@
+import type React from "react";
+export type SandwichProps = {
+    children: React.ReactNode;
+    "data-e2e-test-id"?: string;
+    /** Override the root's `data-ds-id` (e.g. when a wrapper component owns the node). */
+    "data-ds-id"?: string;
+} & React.HTMLAttributes<HTMLDivElement>;
+/**
+ * Separator visibility:
+ * - `auto`: show only while the content is scrolled away from the edge (default).
+ * - `always`: always visible.
+ * - `never`: never visible.
+ */
+export type SandwichSeparator = "auto" | "always" | "never";
+export type SandwichHeaderProps = {
+    children: React.ReactNode;
+    showSeparator?: SandwichSeparator;
+};
+export type SandwichFooterProps = {
+    children: React.ReactNode;
+    showSeparator?: SandwichSeparator;
+};
+export type SandwichBodyProps = {
+    children: React.ReactNode;
+    /** Forwarded scroll handler; fires after the internal edge measurement. */
+    onScroll?: React.UIEventHandler<HTMLDivElement>;
+    /** Forwarded to the scroll container element (e.g. for scroll restoration). */
+    scrollRef?: React.Ref<HTMLDivElement>;
+};
+/** Scroll-edge visibility published by `Body`, consumed by `Header` / `Footer`. */
+export type SandwichEdges = {
+    /** Start of the scroll content is visible (not scrolled down). */
+    atTop: boolean;
+    /** End of the scroll content is visible (scrolled to bottom). */
+    atBottom: boolean;
+};

package/build/cjs/components/Internal/Sandwich/-types.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});

package/build/cjs/components/Internal/Sandwich/Sandwich.d.ts

@@ -0,0 +1,23 @@
+import React from "react";
+import type { SandwichProps } from "./-types";
+import { SandwichBody } from "./SandwichBody";
+import { SandwichHeader } from "./SandwichHeader";
+import { SandwichFooter } from "./SandwichFooter";
+/**
+ * Internal compound component: a scrollable middle region (`Sandwich.Body`)
+ * flanked by a sticky `Sandwich.Header` / `Sandwich.Footer` that reveal a border
+ * only while content is scrolled under them. Edge state is shared through
+ * context (see `useSandwichContext.tsx`).
+ */
+declare function SandwichRoot({ children, ...rest }: SandwichProps): React.ReactElement;
+/**
+ * Compound export: `Sandwich` with `.Header`, `.Body`, `.Footer` attached.
+ * Object.assign keeps the static sub-components typed on the root
+ * (function-declaration statics don't type-check).
+ */
+export declare const Sandwich: typeof SandwichRoot & {
+    Header: typeof SandwichHeader;
+    Body: typeof SandwichBody;
+    Footer: typeof SandwichFooter;
+};
+export {};

package/build/cjs/components/Internal/Sandwich/Sandwich.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Sandwich",{enumerable:!0,get:function(){return Sandwich}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_useSandwichContext=require("./useSandwichContext"),_SandwichBody=require("./SandwichBody"),_SandwichHeader=require("./SandwichHeader"),_SandwichFooter=require("./SandwichFooter"),StyledRoot=(0,_styled.default)("div",{target:"e164s6zy0",label:"StyledRoot"})({display:"flex",flexDirection:"column",minHeight:0,height:"100%",width:"100%"},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvSW50ZXJuYWwvU2FuZHdpY2gvU2FuZHdpY2gudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9JbnRlcm5hbC9TYW5kd2ljaC9TYW5kd2ljaC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZUNhbGxiYWNrLCB1c2VNZW1vLCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgdHlwZSB7IFNhbmR3aWNoRWRnZXMsIFNhbmR3aWNoUHJvcHMgfSBmcm9tIFwiLi8tdHlwZXNcIjtcbmltcG9ydCB7IFNhbmR3aWNoUHJvdmlkZXIgfSBmcm9tIFwiLi91c2VTYW5kd2ljaENvbnRleHRcIjtcbmltcG9ydCB7IFNhbmR3aWNoQm9keSB9IGZyb20gXCIuL1NhbmR3aWNoQm9keVwiO1xuaW1wb3J0IHsgU2FuZHdpY2hIZWFkZXIgfSBmcm9tIFwiLi9TYW5kd2ljaEhlYWRlclwiO1xuaW1wb3J0IHsgU2FuZHdpY2hGb290ZXIgfSBmcm9tIFwiLi9TYW5kd2ljaEZvb3RlclwiO1xuXG4vLyBDb2x1bW4gbGF5b3V0OiBoZWFkZXIvZm9vdGVyIHNpdCBhYm92ZS9iZWxvdyBhIHNpbmdsZSBzY3JvbGwgcmVnaW9uLiBUaGVcbi8vIHJvb3QgaXRzZWxmIGRvZXMgbm90IHNjcm9sbCDigJQgYEJvZHlgIG93bnMgdGhlIG92ZXJmbG93LlxuY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZC5kaXYoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgbWluSGVpZ2h0OiAwLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxuICB3aWR0aDogXCIxMDAlXCIsXG59KTtcblxuLyoqXG4gKiBJbnRlcm5hbCBjb21wb3VuZCBjb21wb25lbnQ6IGEgc2Nyb2xsYWJsZSBtaWRkbGUgcmVnaW9uIChgU2FuZHdpY2guQm9keWApXG4gKiBmbGFua2VkIGJ5IGEgc3RpY2t5IGBTYW5kd2ljaC5IZWFkZXJgIC8gYFNhbmR3aWNoLkZvb3RlcmAgdGhhdCByZXZlYWwgYSBib3JkZXJcbiAqIG9ubHkgd2hpbGUgY29udGVudCBpcyBzY3JvbGxlZCB1bmRlciB0aGVtLiBFZGdlIHN0YXRlIGlzIHNoYXJlZCB0aHJvdWdoXG4gKiBjb250ZXh0IChzZWUgYHVzZVNhbmR3aWNoQ29udGV4dC50c3hgKS5cbiAqL1xuZnVuY3Rpb24gU2FuZHdpY2hSb290KHtcbiAgY2hpbGRyZW4sXG4gIC4uLnJlc3Rcbn06IFNhbmR3aWNoUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICAvLyBEZWZhdWx0OiBldmVyeXRoaW5nIHZpc2libGUgKG5vIHNjcm9sbGluZyBuZWVkZWQpIOKGkiBubyBib3JkZXJzLlxuICBjb25zdCBbZWRnZXMsIHNldEVkZ2VzU3RhdGVdID0gdXNlU3RhdGU8U2FuZHdpY2hFZGdlcz4oe1xuICAgIGF0VG9wOiB0cnVlLFxuICAgIGF0Qm90dG9tOiB0cnVlLFxuICB9KTtcblxuICBjb25zdCBzZXRFZGdlcyA9IHVzZUNhbGxiYWNrKChuZXh0OiBQYXJ0aWFsPFNhbmR3aWNoRWRnZXM+KSA9PiB7XG4gICAgc2V0RWRnZXNTdGF0ZSgocHJldikgPT4ge1xuICAgICAgY29uc3QgbWVyZ2VkID0geyAuLi5wcmV2LCAuLi5uZXh0IH07XG4gICAgICBpZiAobWVyZ2VkLmF0VG9wID09PSBwcmV2LmF0VG9wICYmIG1lcmdlZC5hdEJvdHRvbSA9PT0gcHJldi5hdEJvdHRvbSkge1xuICAgICAgICByZXR1cm4gcHJldjtcbiAgICAgIH1cbiAgICAgIHJldHVybiBtZXJnZWQ7XG4gICAgfSk7XG4gIH0sIFtdKTtcblxuICBjb25zdCB2YWx1ZSA9IHVzZU1lbW8oKCkgPT4gKHsgLi4uZWRnZXMsIHNldEVkZ2VzIH0pLCBbZWRnZXMsIHNldEVkZ2VzXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8U2FuZHdpY2hQcm92aWRlciB2YWx1ZT17dmFsdWV9PlxuICAgICAgPFN0eWxlZFJvb3QgZGF0YS1kcy1pZD1cIlNhbmR3aWNoXCIgey4uLnJlc3R9PlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L1N0eWxlZFJvb3Q+XG4gICAgPC9TYW5kd2ljaFByb3ZpZGVyPlxuICApO1xufVxuXG4vKipcbiAqIENvbXBvdW5kIGV4cG9ydDogYFNhbmR3aWNoYCB3aXRoIGAuSGVhZGVyYCwgYC5Cb2R5YCwgYC5Gb290ZXJgIGF0dGFjaGVkLlxuICogT2JqZWN0LmFzc2lnbiBrZWVwcyB0aGUgc3RhdGljIHN1Yi1jb21wb25lbnRzIHR5cGVkIG9uIHRoZSByb290XG4gKiAoZnVuY3Rpb24tZGVjbGFyYXRpb24gc3RhdGljcyBkb24ndCB0eXBlLWNoZWNrKS5cbiAqL1xuZXhwb3J0IGNvbnN0IFNhbmR3aWNoID0gT2JqZWN0LmFzc2lnbihTYW5kd2ljaFJvb3QsIHtcbiAgSGVhZGVyOiBTYW5kd2ljaEhlYWRlcixcbiAgQm9keTogU2FuZHdpY2hCb2R5LFxuICBGb290ZXI6IFNhbmR3aWNoRm9vdGVyLFxufSk7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVW1CIn0= */"),Sandwich=Object.assign(function({children,...rest}){let[edges,setEdgesState]=(0,_react.useState)({atTop:!0,atBottom:!0}),setEdges=(0,_react.useCallback)(next=>{setEdgesState(prev=>{let merged={...prev,...next};return merged.atTop===prev.atTop&&merged.atBottom===prev.atBottom?prev:merged})},[]),value=(0,_react.useMemo)(()=>({...edges,setEdges}),[edges,setEdges]);return _react.default.createElement(_useSandwichContext.SandwichProvider,{value:value},_react.default.createElement(StyledRoot,{"data-ds-id":"Sandwich",...rest},children))},{Header:_SandwichHeader.SandwichHeader,Body:_SandwichBody.SandwichBody,Footer:_SandwichFooter.SandwichFooter});

package/build/cjs/components/Internal/Sandwich/SandwichBody.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import type { SandwichBodyProps } from "./-types";
+export declare function SandwichBody({ children, onScroll, scrollRef, }: SandwichBodyProps): React.ReactElement;

package/build/cjs/components/Internal/Sandwich/SandwichBody.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"SandwichBody",{enumerable:!0,get:function(){return SandwichBody}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_useSandwichContext=require("./useSandwichContext"),StyledBody=(0,_styled.default)("div",{target:"eog7fee0",label:"StyledBody"})({flex:"1 1 auto",minHeight:0,overflowY:"auto",position:"relative"},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvSW50ZXJuYWwvU2FuZHdpY2gvU2FuZHdpY2hCb2R5LnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvSW50ZXJuYWwvU2FuZHdpY2gvU2FuZHdpY2hCb2R5LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlTGF5b3V0RWZmZWN0LCB1c2VSZWYgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHR5cGUgeyBTYW5kd2ljaEJvZHlQcm9wcyB9IGZyb20gXCIuLy10eXBlc1wiO1xuaW1wb3J0IHsgdXNlU2FuZHdpY2hDb250ZXh0IH0gZnJvbSBcIi4vdXNlU2FuZHdpY2hDb250ZXh0XCI7XG5cbmNvbnN0IFN0eWxlZEJvZHkgPSBzdHlsZWQuZGl2KHtcbiAgZmxleDogXCIxIDEgYXV0b1wiLFxuICBtaW5IZWlnaHQ6IDAsXG4gIG92ZXJmbG93WTogXCJhdXRvXCIsXG4gIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG59KTtcblxuLy8gcHggdG9sZXJhbmNlIOKAlCBzdWItcGl4ZWwgcm91bmRpbmcgc2hvdWxkbid0IGxlYXZlIGEgZGl2aWRlciBzdHVjayBvbi5cbmNvbnN0IEVER0VfVEhSRVNIT0xEID0gMTtcblxuZXhwb3J0IGZ1bmN0aW9uIFNhbmR3aWNoQm9keSh7XG4gIGNoaWxkcmVuLFxuICBvblNjcm9sbCxcbiAgc2Nyb2xsUmVmLFxufTogU2FuZHdpY2hCb2R5UHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCB7IHNldEVkZ2VzIH0gPSB1c2VTYW5kd2ljaENvbnRleHQoKTtcbiAgY29uc3QgY29udGFpbmVyUmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50IHwgbnVsbD4obnVsbCk7XG4gIGNvbnN0IGNvbnRlbnRSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQgfCBudWxsPihudWxsKTtcblxuICAvLyBLZWVwIHRoZSBpbnRlcm5hbCByZWYgKHVzZWQgZm9yIG1lYXN1cmluZykgd2hpbGUgYWxzbyBmb3J3YXJkaW5nIHRoZSBub2RlIHRvXG4gIC8vIHRoZSBjb25zdW1lcidzIGBzY3JvbGxSZWZgIOKAlCBhIGNhbGxiYWNrIHJlZiBoYW5kbGVzIGJvdGggZm9ybXMuXG4gIGNvbnN0IHNldENvbnRhaW5lclJlZiA9IHVzZUNhbGxiYWNrKFxuICAgIChub2RlOiBIVE1MRGl2RWxlbWVudCB8IG51bGwpID0+IHtcbiAgICAgIGNvbnRhaW5lclJlZi5jdXJyZW50ID0gbm9kZTtcbiAgICAgIGlmICh0eXBlb2Ygc2Nyb2xsUmVmID09PSBcImZ1bmN0aW9uXCIpIHtcbiAgICAgICAgc2Nyb2xsUmVmKG5vZGUpO1xuICAgICAgfSBlbHNlIGlmIChzY3JvbGxSZWYpIHtcbiAgICAgICAgY29uc3QgbXV0YWJsZVJlZiA9XG4gICAgICAgICAgc2Nyb2xsUmVmIGFzIFJlYWN0Lk11dGFibGVSZWZPYmplY3Q8SFRNTERpdkVsZW1lbnQgfCBudWxsPjtcbiAgICAgICAgbXV0YWJsZVJlZi5jdXJyZW50ID0gbm9kZTtcbiAgICAgIH1cbiAgICB9LFxuICAgIFtzY3JvbGxSZWZdXG4gICk7XG5cbiAgY29uc3QgcmVjYWxjdWxhdGVFZGdlcyA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICBjb25zdCBlbCA9IGNvbnRhaW5lclJlZi5jdXJyZW50O1xuICAgIGlmICghZWwpIHJldHVybjtcbiAgICBjb25zdCB7IHNjcm9sbFRvcCwgc2Nyb2xsSGVpZ2h0LCBjbGllbnRIZWlnaHQgfSA9IGVsO1xuICAgIHNldEVkZ2VzKHtcbiAgICAgIGF0VG9wOiBzY3JvbGxUb3AgPD0gRURHRV9USFJFU0hPTEQsXG4gICAgICBhdEJvdHRvbTogc2Nyb2xsVG9wICsgY2xpZW50SGVpZ2h0ID49IHNjcm9sbEhlaWdodCAtIEVER0VfVEhSRVNIT0xELFxuICAgIH0pO1xuICB9LCBbc2V0RWRnZXNdKTtcblxuICBjb25zdCBoYW5kbGVTY3JvbGwgPSB1c2VDYWxsYmFjayhcbiAgICAoZXZlbnQ6IFJlYWN0LlVJRXZlbnQ8SFRNTERpdkVsZW1lbnQ+KSA9PiB7XG4gICAgICByZWNhbGN1bGF0ZUVkZ2VzKCk7XG4gICAgICBvblNjcm9sbD8uKGV2ZW50KTtcbiAgICB9LFxuICAgIFtyZWNhbGN1bGF0ZUVkZ2VzLCBvblNjcm9sbF1cbiAgKTtcblxuICAvLyBSZS1tZWFzdXJlIGFmdGVyIGV2ZXJ5IHJlbmRlciAobW91bnQgKyBjb250ZW50IGNoYW5nZXMgdmlhIFJlYWN0KS5cbiAgdXNlTGF5b3V0RWZmZWN0KHJlY2FsY3VsYXRlRWRnZXMpO1xuXG4gIC8vIFJlLW1lYXN1cmUgb24gc2l6ZSBjaGFuZ2VzIHRoYXQgRE9OJ1QgdHJpZ2dlciBhIFJlYWN0IHJlbmRlcjogdGhlIGNvbnRlbnRcbiAgLy8gZ3Jvd2luZy9zaHJpbmtpbmcgKGltYWdlIGxvYWQsIGFjY29yZGlvbiBleHBhbmQsIHRleHQgcmVmbG93KSBhbmQgdGhlXG4gIC8vIHZpZXdwb3J0IGl0c2VsZiByZXNpemluZy4gT2JzZXJ2ZSBib3RoIG5vZGVzLlxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmICh0eXBlb2YgUmVzaXplT2JzZXJ2ZXIgPT09IFwidW5kZWZpbmVkXCIpIHJldHVybiB1bmRlZmluZWQ7XG4gICAgY29uc3Qgb2JzZXJ2ZXIgPSBuZXcgUmVzaXplT2JzZXJ2ZXIoKCkgPT4gcmVjYWxjdWxhdGVFZGdlcygpKTtcbiAgICBpZiAoY29udGFpbmVyUmVmLmN1cnJlbnQpIG9ic2VydmVyLm9ic2VydmUoY29udGFpbmVyUmVmLmN1cnJlbnQpO1xuICAgIGlmIChjb250ZW50UmVmLmN1cnJlbnQpIG9ic2VydmVyLm9ic2VydmUoY29udGVudFJlZi5jdXJyZW50KTtcbiAgICByZXR1cm4gKCkgPT4gb2JzZXJ2ZXIuZGlzY29ubmVjdCgpO1xuICB9LCBbcmVjYWxjdWxhdGVFZGdlc10pO1xuXG4gIHJldHVybiAoXG4gICAgLy8gdGFiSW5kZXggbWFrZXMgdGhlIHNjcm9sbCByZWdpb24ga2V5Ym9hcmQtYWNjZXNzaWJsZSAoYTExeTogc2Nyb2xsYWJsZVxuICAgIC8vIHJlZ2lvbnMgbXVzdCBiZSBmb2N1c2FibGUgc28ga2V5Ym9hcmQgdXNlcnMgY2FuIHNjcm9sbCB0aGVtKS5cbiAgICA8U3R5bGVkQm9keSByZWY9e3NldENvbnRhaW5lclJlZn0gb25TY3JvbGw9e2hhbmRsZVNjcm9sbH0gdGFiSW5kZXg9ezB9PlxuICAgICAgPGRpdiByZWY9e2NvbnRlbnRSZWZ9PntjaGlsZHJlbn08L2Rpdj5cbiAgICA8L1N0eWxlZEJvZHk+XG4gICk7XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS21CIn0= */");function SandwichBody({children,onScroll,scrollRef}){let{setEdges}=(0,_useSandwichContext.useSandwichContext)(),containerRef=(0,_react.useRef)(null),contentRef=(0,_react.useRef)(null),setContainerRef=(0,_react.useCallback)(node=>{containerRef.current=node,"function"==typeof scrollRef?scrollRef(node):scrollRef&&(scrollRef.current=node)},[scrollRef]),recalculateEdges=(0,_react.useCallback)(()=>{let el=containerRef.current;if(!el)return;let{scrollTop,scrollHeight,clientHeight}=el;setEdges({atTop:scrollTop<=1,atBottom:scrollTop+clientHeight>=scrollHeight-1})},[setEdges]),handleScroll=(0,_react.useCallback)(event=>{recalculateEdges(),onScroll?.(event)},[recalculateEdges,onScroll]);return(0,_react.useLayoutEffect)(recalculateEdges),(0,_react.useEffect)(()=>{if("undefined"==typeof ResizeObserver)return;let observer=new ResizeObserver(()=>recalculateEdges());return containerRef.current&&observer.observe(containerRef.current),contentRef.current&&observer.observe(contentRef.current),()=>observer.disconnect()},[recalculateEdges]),_react.default.createElement(StyledBody,{ref:setContainerRef,onScroll:handleScroll,tabIndex:0},_react.default.createElement("div",{ref:contentRef},children))}

package/build/cjs/components/Internal/Sandwich/SandwichFooter.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import type { SandwichFooterProps } from "./-types";
+export declare function SandwichFooter({ children, showSeparator, }: SandwichFooterProps): React.ReactElement;

package/build/cjs/components/Internal/Sandwich/SandwichFooter.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"SandwichFooter",{enumerable:!0,get:function(){return SandwichFooter}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/_interop_require_default._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_useSandwichContext=require("./useSandwichContext"),StyledFooter=(0,_styled.default)("div",{shouldForwardProp:prop=>"showBorder"!==prop,target:"esecync0",label:"StyledFooter"})(({theme,showBorder})=>({position:"sticky",bottom:0,flex:"0 0 auto",zIndex:1,borderTopWidth:1,borderTopStyle:"solid",borderTopColor:showBorder?theme.values.color.border.secondary.default:"transparent",transition:"border-color 0.15s ease"}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvSW50ZXJuYWwvU2FuZHdpY2gvU2FuZHdpY2hGb290ZXIudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9JbnRlcm5hbC9TYW5kd2ljaC9TYW5kd2ljaEZvb3Rlci50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgdHlwZSB7IFNhbmR3aWNoRm9vdGVyUHJvcHMgfSBmcm9tIFwiLi8tdHlwZXNcIjtcbmltcG9ydCB7IHVzZVNhbmR3aWNoQ29udGV4dCB9IGZyb20gXCIuL3VzZVNhbmR3aWNoQ29udGV4dFwiO1xuXG5jb25zdCBCT1JERVJfV0lEVEggPSAxO1xuXG5jb25zdCBTdHlsZWRGb290ZXIgPSBzdHlsZWQoXCJkaXZcIiwge1xuICBzaG91bGRGb3J3YXJkUHJvcDogKHByb3ApID0+IHByb3AgIT09IFwic2hvd0JvcmRlclwiLFxufSk8eyBzaG93Qm9yZGVyOiBib29sZWFuIH0+KCh7IHRoZW1lLCBzaG93Qm9yZGVyIH0pID0+ICh7XG4gIHBvc2l0aW9uOiBcInN0aWNreVwiLFxuICBib3R0b206IDAsXG4gIGZsZXg6IFwiMCAwIGF1dG9cIixcbiAgekluZGV4OiAxLFxuICAvLyBSZXNlcnZlIHRoZSBib3JkZXIgYm94IGF0IGFsbCB0aW1lczsgb25seSB0aGUgY29sb3IgdG9nZ2xlcyBzbyB0aGUgZGl2aWRlclxuICAvLyBhcHBlYXJzIHdpdGhvdXQgc2hpZnRpbmcgbGF5b3V0LlxuICBib3JkZXJUb3BXaWR0aDogQk9SREVSX1dJRFRILFxuICBib3JkZXJUb3BTdHlsZTogXCJzb2xpZFwiLFxuICBib3JkZXJUb3BDb2xvcjogc2hvd0JvcmRlclxuICAgID8gdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5zZWNvbmRhcnkuZGVmYXVsdFxuICAgIDogXCJ0cmFuc3BhcmVudFwiLFxuICB0cmFuc2l0aW9uOiBcImJvcmRlci1jb2xvciAwLjE1cyBlYXNlXCIsXG59KSk7XG5cbmV4cG9ydCBmdW5jdGlvbiBTYW5kd2ljaEZvb3Rlcih7XG4gIGNoaWxkcmVuLFxuICBzaG93U2VwYXJhdG9yID0gXCJhdXRvXCIsXG59OiBTYW5kd2ljaEZvb3RlclByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgY29uc3QgeyBhdEJvdHRvbSB9ID0gdXNlU2FuZHdpY2hDb250ZXh0KCk7XG4gIC8vIERpdmlkZXIgd2hpbGUgY29udGVudCByZW1haW5zIGJlbG93IHRoZSBmb2xkIChvciBwZXIgYHNob3dTZXBhcmF0b3JgKS5cbiAgY29uc3Qgc2hvd0JvcmRlciA9XG4gICAgc2hvd1NlcGFyYXRvciA9PT0gXCJhbHdheXNcIiB8fCAoc2hvd1NlcGFyYXRvciA9PT0gXCJhdXRvXCIgJiYgIWF0Qm90dG9tKTtcbiAgcmV0dXJuIDxTdHlsZWRGb290ZXIgc2hvd0JvcmRlcj17c2hvd0JvcmRlcn0+e2NoaWxkcmVufTwvU3R5bGVkRm9vdGVyPjtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPcUIifQ== */");function SandwichFooter({children,showSeparator="auto"}){let{atBottom}=(0,_useSandwichContext.useSandwichContext)();return _react.default.createElement(StyledFooter,{showBorder:"always"===showSeparator||"auto"===showSeparator&&!atBottom},children)}

package/build/cjs/components/Internal/Sandwich/SandwichHeader.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import type { SandwichHeaderProps } from "./-types";
+export declare function SandwichHeader({ children, showSeparator, }: SandwichHeaderProps): React.ReactElement;

package/build/cjs/components/Internal/Sandwich/SandwichHeader.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"SandwichHeader",{enumerable:!0,get:function(){return SandwichHeader}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/_interop_require_default._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_useSandwichContext=require("./useSandwichContext"),StyledHeader=(0,_styled.default)("div",{shouldForwardProp:prop=>"showBorder"!==prop,target:"erdgd190",label:"StyledHeader"})(({theme,showBorder})=>({position:"sticky",top:0,flex:"0 0 auto",zIndex:1,borderBottomWidth:1,borderBottomStyle:"solid",borderBottomColor:showBorder?theme.values.color.border.secondary.default:"transparent",transition:"border-color 0.15s ease"}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvSW50ZXJuYWwvU2FuZHdpY2gvU2FuZHdpY2hIZWFkZXIudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9JbnRlcm5hbC9TYW5kd2ljaC9TYW5kd2ljaEhlYWRlci50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgdHlwZSB7IFNhbmR3aWNoSGVhZGVyUHJvcHMgfSBmcm9tIFwiLi8tdHlwZXNcIjtcbmltcG9ydCB7IHVzZVNhbmR3aWNoQ29udGV4dCB9IGZyb20gXCIuL3VzZVNhbmR3aWNoQ29udGV4dFwiO1xuXG5jb25zdCBCT1JERVJfV0lEVEggPSAxO1xuXG5jb25zdCBTdHlsZWRIZWFkZXIgPSBzdHlsZWQoXCJkaXZcIiwge1xuICBzaG91bGRGb3J3YXJkUHJvcDogKHByb3ApID0+IHByb3AgIT09IFwic2hvd0JvcmRlclwiLFxufSk8eyBzaG93Qm9yZGVyOiBib29sZWFuIH0+KCh7IHRoZW1lLCBzaG93Qm9yZGVyIH0pID0+ICh7XG4gIHBvc2l0aW9uOiBcInN0aWNreVwiLFxuICB0b3A6IDAsXG4gIGZsZXg6IFwiMCAwIGF1dG9cIixcbiAgekluZGV4OiAxLFxuICAvLyBSZXNlcnZlIHRoZSBib3JkZXIgYm94IGF0IGFsbCB0aW1lczsgb25seSB0aGUgY29sb3IgdG9nZ2xlcyBzbyB0aGUgZGl2aWRlclxuICAvLyBhcHBlYXJzIHdpdGhvdXQgc2hpZnRpbmcgbGF5b3V0LlxuICBib3JkZXJCb3R0b21XaWR0aDogQk9SREVSX1dJRFRILFxuICBib3JkZXJCb3R0b21TdHlsZTogXCJzb2xpZFwiLFxuICBib3JkZXJCb3R0b21Db2xvcjogc2hvd0JvcmRlclxuICAgID8gdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5zZWNvbmRhcnkuZGVmYXVsdFxuICAgIDogXCJ0cmFuc3BhcmVudFwiLFxuICB0cmFuc2l0aW9uOiBcImJvcmRlci1jb2xvciAwLjE1cyBlYXNlXCIsXG59KSk7XG5cbmV4cG9ydCBmdW5jdGlvbiBTYW5kd2ljaEhlYWRlcih7XG4gIGNoaWxkcmVuLFxuICBzaG93U2VwYXJhdG9yID0gXCJhdXRvXCIsXG59OiBTYW5kd2ljaEhlYWRlclByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgY29uc3QgeyBhdFRvcCB9ID0gdXNlU2FuZHdpY2hDb250ZXh0KCk7XG4gIC8vIERpdmlkZXIgb25jZSB0aGUgc3RhcnQgb2YgdGhlIGNvbnRlbnQgaXMgc2Nyb2xsZWQgYXdheSAob3IgcGVyIGBzaG93U2VwYXJhdG9yYCkuXG4gIGNvbnN0IHNob3dCb3JkZXIgPVxuICAgIHNob3dTZXBhcmF0b3IgPT09IFwiYWx3YXlzXCIgfHwgKHNob3dTZXBhcmF0b3IgPT09IFwiYXV0b1wiICYmICFhdFRvcCk7XG4gIHJldHVybiA8U3R5bGVkSGVhZGVyIHNob3dCb3JkZXI9e3Nob3dCb3JkZXJ9PntjaGlsZHJlbn08L1N0eWxlZEhlYWRlcj47XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBT3FCIn0= */");function SandwichHeader({children,showSeparator="auto"}){let{atTop}=(0,_useSandwichContext.useSandwichContext)();return _react.default.createElement(StyledHeader,{showBorder:"always"===showSeparator||"auto"===showSeparator&&!atTop},children)}

package/build/cjs/components/Internal/Sandwich/useSandwichContext.d.ts

@@ -0,0 +1,12 @@
+import type { SandwichEdges } from "./-types";
+/**
+ * Context decouples the parts: `Body` reports edge visibility via `setEdges`,
+ * `Header` / `Footer` read `atTop` / `atBottom`. The link is the context, not
+ * child order, so the parts may be authored in any order.
+ */
+export type SandwichContextValue = SandwichEdges & {
+    setEdges: (edges: Partial<SandwichEdges>) => void;
+};
+export declare const SandwichProvider: React.Provider<SandwichContextValue>;
+/** Read the Sandwich context, or throw if used outside `<Sandwich>`. */
+export declare function useSandwichContext(): SandwichContextValue;

package/build/cjs/components/Internal/Sandwich/useSandwichContext.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var target=exports,all={get SandwichProvider(){return SandwichProvider},get useSandwichContext(){return useSandwichContext}};for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:Object.getOwnPropertyDescriptor(all,name).get});const _react=require("react"),SandwichContext=(0,_react.createContext)(null),SandwichProvider=SandwichContext.Provider;function useSandwichContext(){let ctx=(0,_react.useContext)(SandwichContext);if(!ctx)throw Error("Sandwich.Header / Sandwich.Footer / Sandwich.Body must be used within <Sandwich>.");return ctx}

package/build/cjs/components/Layout/-constants.d.ts

@@ -0,0 +1,30 @@
+/**
+ * Slot keys — the single source of truth. The key *types* (`SlotKey`,
+ * `SidePanelKey`, `PanelKey`) are derived from these const values below and
+ * re-exported by `-types.ts`, so the literals are written exactly once.
+ */
+/** Slot keys as named constants — reference these instead of bare literals. */
+export declare const Slot: {
+    readonly sidebar: "sidebar";
+    readonly content: "content";
+    readonly splitview: "splitview";
+    readonly rightPanel: "rightPanel";
+};
+/** Side panels (open/close), left + right. */
+export declare const SIDE_PANELS: readonly ["sidebar", "rightPanel"];
+/** Flex panels — content is always shown; splitview toggles. */
+export declare const PANELS: readonly ["content", "splitview"];
+/** Left-to-right panel order in the resizable row (the full slot set). */
+export declare const PANEL_ORDER: readonly ["sidebar", "content", "splitview", "rightPanel"];
+export type SlotKey = (typeof PANEL_ORDER)[number];
+export type SidePanelKey = (typeof SIDE_PANELS)[number];
+export type PanelKey = (typeof PANELS)[number];
+/** Slide-animation timing. Injected on `:root` by `Layout.Provider` (`SlideVars`)
+ *  from the theme's `navSlide` token; read by animated layout surfaces. */
+export declare const SLIDE_VAR: {
+    readonly duration: "--ds-layout-slide-duration";
+    readonly easing: "--ds-layout-slide-easing";
+};
+/** Vertical offset for the right panel — set this (e.g. to a sticky subnav's
+ *  height) and the panel tracks it; defaults to `0` when unset. */
+export declare const SUBNAV_OFFSET_VAR = "--ds-layout-subnav-offset";

package/build/cjs/components/Layout/-constants.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var target=exports,all={get PANELS(){return PANELS},get PANEL_ORDER(){return PANEL_ORDER},get SIDE_PANELS(){return SIDE_PANELS},get SLIDE_VAR(){return SLIDE_VAR},get SUBNAV_OFFSET_VAR(){return SUBNAV_OFFSET_VAR},get Slot(){return Slot}};for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:Object.getOwnPropertyDescriptor(all,name).get});const Slot={sidebar:"sidebar",content:"content",splitview:"splitview",rightPanel:"rightPanel"},SIDE_PANELS=[Slot.sidebar,Slot.rightPanel],PANELS=[Slot.content,Slot.splitview],PANEL_ORDER=[Slot.sidebar,Slot.content,Slot.splitview,Slot.rightPanel],SLIDE_VAR={duration:"--ds-layout-slide-duration",easing:"--ds-layout-slide-easing"},SUBNAV_OFFSET_VAR="--ds-layout-subnav-offset";

package/build/cjs/components/Layout/-types.d.ts

@@ -0,0 +1,214 @@
+import type React from "react";
+import type { PanelKey, SidePanelKey, SlotKey } from "./-constants";
+import type { IconProps } from "../Icon/Icon";
+/**
+ * Surface = compound components (`Layout.Sidebar` / `Layout.RightPanel` /
+ * `Layout.Content` / `Layout.Split`) + one control hook
+ * (`useLayout()`). The manager owns the open/collapsed/size state; components
+ * render per that state. State engine is replaceable (see `LayoutStore`).
+ *
+ * Slots (max 4 panels, max 3 visible at once — budget enforcement deferred):
+ *   sidebar | content | splitview | rightPanel
+ */
+/** A size: plain number = pixels; unitless string = percentage ("10%"). */
+export type Size = number | string;
+/**
+ * - `sidebar` — in-flow resizable panel.
+ * - `offcanvas` — detached desktop overlay. ⚠️ **RESERVED — not implemented yet.**
+ *   Currently treated like `sidebar` (renders in-flow); the overlay
+ *   implementation lands in a later commit.
+ */
+export type Variant = "sidebar" | "offcanvas";
+export type { PanelKey, SidePanelKey, SlotKey };
+export type SidePanelState = {
+    kind: "sidePanel";
+    /** Shown vs hidden. */
+    visible: boolean;
+    /** Whether it can collapse at all. */
+    collapsible: boolean;
+    /** Render style. */
+    variant: Variant;
+    /** Current size (px number or "%" string). */
+    size?: Size;
+    /** Constraint from config (component prop overrides). */
+    minSize?: Size;
+    maxSize?: Size;
+};
+export type PanelState = {
+    kind: "panel";
+    /** content is always visible; splitview is toggleable. */
+    visible: boolean;
+    size?: Size;
+    /** Constraint from config (component prop overrides). */
+    minSize?: Size;
+    maxSize?: Size;
+};
+export type LayoutState = {
+    sidebar: SidePanelState;
+    rightPanel: SidePanelState;
+    content: PanelState;
+    splitview: PanelState;
+};
+export type SidePanelConfig = {
+    defaultVisible?: boolean;
+    collapsible?: boolean;
+    variant?: Variant;
+    defaultSize?: Size;
+    minSize?: Size;
+    maxSize?: Size;
+};
+export type PanelConfig = {
+    defaultVisible?: boolean;
+    defaultSize?: Size;
+    minSize?: Size;
+    maxSize?: Size;
+};
+export type LayoutConfig = {
+    sidebar?: SidePanelConfig;
+    rightPanel?: SidePanelConfig;
+    content?: PanelConfig;
+    splitview?: PanelConfig;
+};
+export type LayoutAction = {
+    type: "setVisible";
+    slot: SlotKey;
+    visible: boolean;
+} | {
+    type: "setVariant";
+    panel: SidePanelKey;
+    variant: Variant;
+} | {
+    type: "resize";
+    slot: SlotKey;
+    size: Size;
+}
+/** Restore one slot (or all, if omitted) to its config-default state.
+ *  Page panels default hidden, so this also hides them — handy on unmount. */
+ | {
+    type: "reset";
+    slot?: SlotKey;
+};
+export type LayoutReducer = (state: LayoutState, action: LayoutAction, 
+/** Config-default state, used by the `reset` action. */
+initial?: LayoutState) => LayoutState;
+/**
+ * Replaceable state engine. Matches `useSyncExternalStore` + zustand/redux
+ * conventions. The manager depends only on this interface, so a zustand-backed
+ * store can be injected via `<LayoutProvider store={…}>`.
+ */
+export type LayoutStore = {
+    getState: () => LayoutState;
+    dispatch: (action: LayoutAction) => void;
+    subscribe: (listener: () => void) => () => void;
+};
+export type LayoutStorage = {
+    getItem: (key: string) => string | null;
+    setItem: (key: string, value: string) => void;
+};
+export type SidePanelHandle = {
+    state: SidePanelState;
+    isVisible: boolean;
+    show: () => void;
+    hide: () => void;
+    resize: (size: Size) => void;
+    setVariant: (variant: Variant) => void;
+    /** Restore this slot to its config default (hides it for page panels). */
+    reset: () => void;
+};
+export type PanelHandle = {
+    state: PanelState;
+    isVisible: boolean;
+    show: () => void;
+    hide: () => void;
+    resize: (size: Size) => void;
+    /** Restore this slot to its config default (hides it for page panels). */
+    reset: () => void;
+};
+export type LayoutValue = {
+    state: LayoutState;
+    sidebar: SidePanelHandle;
+    rightPanel: SidePanelHandle;
+    content: PanelHandle;
+    splitview: PanelHandle;
+};
+export type SidePanelProps = {
+    children: React.ReactNode;
+    variant?: Variant;
+    collapsible?: boolean;
+    defaultSize?: Size;
+    minSize?: Size;
+    maxSize?: Size;
+    /** Called whenever the panel's visibility changes, with the new value. */
+    onVisibleChange?: (visible: boolean) => void;
+};
+export type ContentProps = {
+    children: React.ReactNode;
+    minSize?: Size;
+    maxSize?: Size;
+};
+export type SplitProps = {
+    children: React.ReactNode;
+    defaultSize?: Size;
+    minSize?: Size;
+    maxSize?: Size;
+};
+export type LayoutProviderProps = {
+    children: React.ReactNode;
+    config?: LayoutConfig;
+    store?: LayoutStore;
+    /** Persistence config for the whole layout namespace. The Provider does NOT
+     *  read these — it publishes them to the nested `<Layout>` (which owns
+     *  persistence). Kept here so consumers configure everything in one place. */
+    persistenceKey?: string;
+    storage?: LayoutStorage;
+};
+export type LayoutProps = {
+    children: React.ReactNode;
+    /** Persist panel SIZES (via react-resizable-panels), keyed by this. Open/
+     *  visible/variant ("intent") persistence is separate and deferred. Falls
+     *  back to the values on `Layout.Provider` when omitted. */
+    persistenceKey?: string;
+    storage?: LayoutStorage;
+};
+/**
+ * Title shown in the panel header. `label` always provides the panel's
+ * accessible name (even when the title block is visually hidden).
+ */
+export type RightPanelContainerTitle = {
+    /** Visible label and the panel's accessible name. */
+    label: string;
+    /** Optional leading icon. */
+    icon?: IconProps;
+    /** Show the visible label+icon block. Default `true`. When `false` the block
+     *  is hidden but `label` is still exposed as the accessible name. */
+    isVisible?: boolean;
+};
+export type RightPanelContainerSlotProps = {
+    /** Header slots around the title. */
+    header?: {
+        /** Rendered at the header start, before the title. */
+        leftSlot?: React.ReactNode;
+        /** Rendered at the header end, after the title and before the close button. */
+        rightSlot?: React.ReactNode;
+    };
+    /** Sticky footer content. Footer is omitted entirely when not provided. */
+    footer?: React.ReactNode;
+    /** Props for the always-rendered close button. */
+    closeButton: {
+        "aria-label": string;
+    };
+};
+export type RightPanelContainerProps = {
+    title: RightPanelContainerTitle;
+    /** Scrollable body content. */
+    children: React.ReactNode;
+    /** Called when the (always rendered) close button is clicked. */
+    onClose?: () => void;
+    slotProps: RightPanelContainerSlotProps;
+    /** Forwarded to the scrollable body element (scroll restoration etc.). */
+    scrollContainerRef?: React.Ref<HTMLDivElement>;
+    /** Forwarded to the scrollable body's scroll handler. */
+    onScroll?: React.UIEventHandler<HTMLDivElement>;
+    "data-e2e-test-id"?: string;
+};
+export type RightPanelProps = SidePanelProps & Omit<RightPanelContainerProps, "data-e2e-test-id">;

package/build/cjs/components/Layout/-types.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});

package/build/cjs/components/Layout/Content.d.ts

@@ -0,0 +1,7 @@
+import type React from "react";
+import type { ContentProps } from "./-types";
+/**
+ * Primary content panel. Always shown (never collapsible) and flexes to fill the
+ * space the side panels leave. Declares the `content` slot and portals into it.
+ */
+export declare const Content: React.FC<ContentProps>;

package/build/cjs/components/Layout/Content.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Content",{enumerable:!0,get:function(){return Content}});const _constants=require("./-constants"),_registry=require("./registry"),Content=({children,minSize,maxSize})=>((0,_registry.useDeclarePanel)(_constants.Slot.content,{minSize,maxSize,collapsible:!1}),(0,_registry.useLayoutPortal)(_constants.Slot.content,children));

package/build/cjs/components/Layout/Layout.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import { LayoutProvider } from "./LayoutProvider";
+import { Content } from "./Content";
+import { RightPanel } from "./RightPanel";
+import { Sidebar } from "./Sidebar";
+import { Split } from "./Split";
+import type { LayoutProps } from "./-types";
+declare function LayoutBase({ children, persistenceKey, storage, }: LayoutProps): React.ReactElement;
+type LayoutComponent = typeof LayoutBase & {
+    Provider: typeof LayoutProvider;
+    Sidebar: typeof Sidebar;
+    RightPanel: typeof RightPanel;
+    Content: typeof Content;
+    Split: typeof Split;
+};
+export declare const Layout: LayoutComponent;
+export {};