tiny-ui 0.0.95 → 1.0.1

package/lib/intl-provider/index.js

@@ -1,8 +1,11 @@
-import React from 'react';
-import IntlContext from './intl-context';
-var IntlProvider = function (props) {
-    var locale = props.locale, children = props.children;
-    return React.createElement(IntlContext.Provider, { value: locale }, children);
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const intl_context_1 = tslib_1.__importDefault(require("./intl-context"));
+const IntlProvider = (props) => {
+    const { locale, children } = props;
+    return (0, jsx_runtime_1.jsx)(intl_context_1.default.Provider, { value: locale, children: children });
 };
-export default IntlProvider;
+exports.default = IntlProvider;
 //# sourceMappingURL=index.js.map

package/lib/intl-provider/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/intl-provider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,WAAW,MAAM,gBAAgB,CAAC;AAOzC,IAAM,YAAY,GAAG,UAAC,KAAwB;IACpC,IAAA,MAAM,GAAe,KAAK,OAApB,EAAE,QAAQ,GAAK,KAAK,SAAV,CAAW;IACnC,OAAO,oBAAC,WAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,MAAM,IAAG,QAAQ,CAAwB,CAAC;AAChF,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/intl-provider/index.tsx"],"names":[],"mappings":";;;;AAEA,0EAAyC;AAOzC,MAAM,YAAY,GAAG,CAAC,KAAwB,EAAsB,EAAE;IACpE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACnC,OAAO,uBAAC,sBAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,MAAM,YAAG,QAAQ,GAAwB,CAAC;AAChF,CAAC,CAAC;AAEF,kBAAe,YAAY,CAAC"}

package/lib/intl-provider/intl-context.d.ts

@@ -1,3 +1,4 @@
 import React from 'react';
-declare const _default: React.Context<string>;
+import { Locale } from '../locale/types';
+declare const _default: React.Context<Locale>;
 export default _default;

package/lib/intl-provider/intl-context.js

@@ -1,3 +1,7 @@
-import React from 'react';
-export default React.createContext('en_US');
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const en_US_1 = tslib_1.__importDefault(require("../locale/en_US"));
+exports.default = react_1.default.createContext(en_US_1.default);
 //# sourceMappingURL=intl-context.js.map

package/lib/intl-provider/intl-context.js.map

@@ -1 +1 @@
-{"version":3,"file":"intl-context.js","sourceRoot":"","sources":["../../components/intl-provider/intl-context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAe,KAAK,CAAC,aAAa,CAAS,OAAO,CAAC,CAAC"}
+{"version":3,"file":"intl-context.js","sourceRoot":"","sources":["../../components/intl-provider/intl-context.tsx"],"names":[],"mappings":";;;AAAA,0DAA0B;AAE1B,oEAAoC;AAEpC,kBAAe,eAAK,CAAC,aAAa,CAAS,eAAK,CAAC,CAAC"}

package/lib/intl-provider/with-locale.d.ts

@@ -1,2 +1,8 @@
 import { ComponentType } from 'react';
-export declare function withLocale<T>(WrappedComponent: ComponentType<T>): (props: T) => JSX.Element;
+import { Locale } from '../locale/types';
+export declare function withLocale<T extends {
+    locale?: Locale;
+}>(WrappedComponent: ComponentType<T>): {
+    (props: T): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/lib/intl-provider/with-locale.js

@@ -1,10 +1,16 @@
-import { __assign } from "tslib";
-import React, { useContext } from 'react';
-import IntlContext from './intl-context';
-export function withLocale(WrappedComponent) {
-    return function (props) {
-        var locale = useContext(IntlContext);
-        return React.createElement(WrappedComponent, __assign({}, props, { locale: locale }));
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.withLocale = withLocale;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const intl_context_1 = tslib_1.__importDefault(require("./intl-context"));
+function withLocale(WrappedComponent) {
+    const WithLocale = (props) => {
+        const locale = (0, react_1.useContext)(intl_context_1.default);
+        return (0, jsx_runtime_1.jsx)(WrappedComponent, { ...props, locale: locale });
     };
+    WithLocale.displayName = `withLocale(${WrappedComponent.displayName || WrappedComponent.name || 'Component'})`;
+    return WithLocale;
 }
 //# sourceMappingURL=with-locale.js.map

package/lib/intl-provider/with-locale.js.map

@@ -1 +1 @@
-{"version":3,"file":"with-locale.js","sourceRoot":"","sources":["../../components/intl-provider/with-locale.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAiB,MAAM,OAAO,CAAC;AACzD,OAAO,WAAW,MAAM,gBAAgB,CAAC;AAEzC,MAAM,UAAU,UAAU,CAAI,gBAAkC;IAC9D,OAAO,UAAC,KAAQ;QACd,IAAM,MAAM,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC;QACvC,OAAO,oBAAC,gBAAgB,eAAK,KAAK,IAAE,MAAM,EAAE,MAAM,IAAI,CAAC;IACzD,CAAC,CAAC;AACJ,CAAC"}
+{"version":3,"file":"with-locale.js","sourceRoot":"","sources":["../../components/intl-provider/with-locale.tsx"],"names":[],"mappings":";;AAIA,gCAOC;;;AAXD,iCAAkD;AAElD,0EAAyC;AAEzC,SAAgB,UAAU,CAAgC,gBAAkC;IAC1F,MAAM,UAAU,GAAG,CAAC,KAAQ,EAAE,EAAE;QAC9B,MAAM,MAAM,GAAG,IAAA,kBAAU,EAAC,sBAAW,CAAC,CAAC;QACvC,OAAO,uBAAC,gBAAgB,OAAK,KAAK,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC;IACzD,CAAC,CAAC;IACF,UAAU,CAAC,WAAW,GAAG,cAAc,gBAAgB,CAAC,WAAW,IAAI,gBAAgB,CAAC,IAAI,IAAI,WAAW,GAAG,CAAC;IAC/G,OAAO,UAAU,CAAC;AACpB,CAAC"}

package/lib/keyboard/index.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { KeyboardProps } from './types';
-declare const Keyboard: React.ForwardRefExoticComponent<Pick<KeyboardProps, "key" | "id" | "color" | "translate" | "hidden" | "dir" | "slot" | "style" | "title" | "accessKey" | "draggable" | "lang" | "className" | "prefix" | "children" | "contentEditable" | "inputMode" | "tabIndex" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "placeholder" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "prefixCls"> & React.RefAttributes<HTMLElement>>;
+declare const Keyboard: React.ForwardRefExoticComponent<Omit<KeyboardProps, "ref"> & React.RefAttributes<HTMLElement>>;
 export default Keyboard;

package/lib/keyboard/index.js

@@ -1,15 +1,18 @@
-import { __assign, __rest } from "tslib";
-import React, { useContext } from 'react';
-import classNames from 'classnames';
-import { ConfigContext } from '../config-provider/config-context';
-import { getPrefixCls } from '../_utils/general';
-var Keyboard = React.forwardRef(function (props, ref) {
-    var customisedCls = props.prefixCls, className = props.className, children = props.children, otherProps = __rest(props, ["prefixCls", "className", "children"]);
-    var configContext = useContext(ConfigContext);
-    var prefixCls = getPrefixCls('kbd', configContext.prefixCls, customisedCls);
-    var cls = classNames(prefixCls, className);
-    return (React.createElement("kbd", __assign({}, otherProps, { ref: ref, className: cls }), children));
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = tslib_1.__importStar(require("react"));
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const config_context_1 = require("../config-provider/config-context");
+const general_1 = require("../_utils/general");
+const Keyboard = react_1.default.forwardRef((props, ref) => {
+    const { prefixCls: customisedCls, className, children, ...otherProps } = props;
+    const configContext = (0, react_1.useContext)(config_context_1.ConfigContext);
+    const prefixCls = (0, general_1.getPrefixCls)('kbd', configContext.prefixCls, customisedCls);
+    const cls = (0, classnames_1.default)(prefixCls, className);
+    return ((0, jsx_runtime_1.jsx)("kbd", { ...otherProps, ref: ref, className: cls, children: children }));
 });
 Keyboard.displayName = 'Keyboard';
-export default Keyboard;
+exports.default = Keyboard;
 //# sourceMappingURL=index.js.map

package/lib/keyboard/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/keyboard/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAGjD,IAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAA6B,UAAC,KAAoB,EAAE,GAAG;IAC9E,IAAW,aAAa,GAAyC,KAAK,UAA9C,EAAE,SAAS,GAA8B,KAAK,UAAnC,EAAE,QAAQ,GAAoB,KAAK,SAAzB,EAAK,UAAU,UAAK,KAAK,EAAxE,sCAAgE,CAAF,CAAW;IAC/E,IAAM,aAAa,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAChD,IAAM,SAAS,GAAG,YAAY,CAAC,KAAK,EAAE,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IAC9E,IAAM,GAAG,GAAG,UAAU,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IAE7C,OAAO,CACL,wCAAS,UAAU,IAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,KAC1C,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAElC,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/keyboard/index.tsx"],"names":[],"mappings":";;;;AAAA,uDAA0C;AAC1C,oEAAoC;AACpC,sEAAkE;AAClE,+CAAiD;AAGjD,MAAM,QAAQ,GAAG,eAAK,CAAC,UAAU,CAA6B,CAAC,KAAoB,EAAE,GAAG,EAAE,EAAE;IAC1F,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IAC/E,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,8BAAa,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,IAAA,sBAAY,EAAC,KAAK,EAAE,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IAC9E,MAAM,GAAG,GAAG,IAAA,oBAAU,EAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IAE7C,OAAO,CACL,mCAAS,UAAU,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,YAC1C,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAElC,kBAAe,QAAQ,CAAC"}

package/lib/keyboard/style/_index.scss

@@ -1,18 +1,18 @@
-@import '../../style/variables';
+@use '../../style/variables' as *;
 
 .#{$prefix}-kbd {
   font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace;
   display: inline-block;
   padding: 4px 8px;
-  border: 1px solid #d8d8d8;
-  border-bottom-color: #ccc;
+  border: 1px solid var(--ty-kbd-border);
+  border-bottom-color: var(--ty-kbd-border-bottom);
   border-radius: 4px;
   font-size: 11px;
   line-height: 1;
   vertical-align: middle;
-  background-color: #f6f6f6;
-  box-shadow: inset 0 -1px 0 #ccc;
-  color: #333;
+  background-color: var(--ty-kbd-bg);
+  box-shadow: var(--ty-kbd-shadow);
+  color: var(--ty-kbd-color);
   cursor: pointer;
   user-select: none;
 

package/lib/keyboard/style/css.js

@@ -1,2 +1,4 @@
-import './index.css';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+require("./index.css");
 //# sourceMappingURL=index.js.map

package/lib/keyboard/style/index.js

@@ -1,2 +1,4 @@
-import './index.scss';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+require("./index.scss");
 //# sourceMappingURL=index.js.map

package/lib/keyboard/style/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/keyboard/style/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/keyboard/style/index.tsx"],"names":[],"mappings":";;AAAA,wBAAsB"}

package/lib/keyboard/types.js

@@ -1,2 +1,3 @@
-export {};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 //# sourceMappingURL=types.js.map

package/lib/layout/index.d.ts

@@ -1,6 +1,6 @@
 import Layout, { Header, Content, Footer } from './layout';
 import Sidebar from './sidebar';
-declare type ILayout = typeof Layout & {
+type ILayout = typeof Layout & {
     Header: typeof Header;
     Footer: typeof Footer;
     Content: typeof Content;

package/lib/layout/index.js

@@ -1,9 +1,12 @@
-import Layout, { Header, Content, Footer } from './layout';
-import Sidebar from './sidebar';
-var DefaultLayout = Layout;
-DefaultLayout.Sidebar = Sidebar;
-DefaultLayout.Header = Header;
-DefaultLayout.Content = Content;
-DefaultLayout.Footer = Footer;
-export default DefaultLayout;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const layout_1 = tslib_1.__importStar(require("./layout"));
+const sidebar_1 = tslib_1.__importDefault(require("./sidebar"));
+const DefaultLayout = layout_1.default;
+DefaultLayout.Sidebar = sidebar_1.default;
+DefaultLayout.Header = layout_1.Header;
+DefaultLayout.Content = layout_1.Content;
+DefaultLayout.Footer = layout_1.Footer;
+exports.default = DefaultLayout;
 //# sourceMappingURL=index.js.map

package/lib/layout/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/layout/index.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAC3D,OAAO,OAAO,MAAM,WAAW,CAAC;AAShC,IAAM,aAAa,GAAG,MAAiB,CAAC;AACxC,aAAa,CAAC,OAAO,GAAG,OAAO,CAAC;AAChC,aAAa,CAAC,MAAM,GAAG,MAAM,CAAC;AAC9B,aAAa,CAAC,OAAO,GAAG,OAAO,CAAC;AAChC,aAAa,CAAC,MAAM,GAAG,MAAM,CAAC;AAE9B,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/layout/index.tsx"],"names":[],"mappings":";;;AAAA,2DAA2D;AAC3D,gEAAgC;AAShC,MAAM,aAAa,GAAG,gBAAiB,CAAC;AACxC,aAAa,CAAC,OAAO,GAAG,iBAAO,CAAC;AAChC,aAAa,CAAC,MAAM,GAAG,eAAM,CAAC;AAC9B,aAAa,CAAC,OAAO,GAAG,gBAAO,CAAC;AAChC,aAAa,CAAC,MAAM,GAAG,eAAM,CAAC;AAE9B,kBAAe,aAAa,CAAC"}

package/lib/layout/layout.d.ts

@@ -1,8 +1,11 @@
 import React from 'react';
 import { LayoutProps } from './types';
-declare const Layout: React.ForwardRefExoticComponent<Pick<LayoutProps, "key" | "id" | "color" | "translate" | "hidden" | "dir" | "slot" | "style" | "title" | "accessKey" | "draggable" | "lang" | "className" | "prefix" | "children" | "contentEditable" | "inputMode" | "tabIndex" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "placeholder" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "prefixCls"> & React.RefAttributes<HTMLElement>>;
-declare const Header: React.ForwardRefExoticComponent<Pick<LayoutProps, "key" | "id" | "color" | "translate" | "hidden" | "dir" | "slot" | "style" | "title" | "accessKey" | "draggable" | "lang" | "className" | "prefix" | "children" | "contentEditable" | "inputMode" | "tabIndex" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "placeholder" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "prefixCls"> & React.RefAttributes<HTMLDivElement>>;
-declare const Footer: React.ForwardRefExoticComponent<Pick<LayoutProps, "key" | "id" | "color" | "translate" | "hidden" | "dir" | "slot" | "style" | "title" | "accessKey" | "draggable" | "lang" | "className" | "prefix" | "children" | "contentEditable" | "inputMode" | "tabIndex" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "placeholder" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "prefixCls"> & React.RefAttributes<HTMLDivElement>>;
-declare const Content: React.ForwardRefExoticComponent<Pick<LayoutProps, "key" | "id" | "color" | "translate" | "hidden" | "dir" | "slot" | "style" | "title" | "accessKey" | "draggable" | "lang" | "className" | "prefix" | "children" | "contentEditable" | "inputMode" | "tabIndex" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "placeholder" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "prefixCls"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Layout component
+ */
+declare const Layout: React.ForwardRefExoticComponent<Omit<LayoutProps, "ref"> & React.RefAttributes<HTMLElement>>;
+declare const Header: React.ForwardRefExoticComponent<Omit<LayoutProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const Footer: React.ForwardRefExoticComponent<Omit<LayoutProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const Content: React.ForwardRefExoticComponent<Omit<LayoutProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export { Header, Footer, Content };
 export default Layout;

package/lib/layout/layout.js

@@ -1,52 +1,62 @@
-import { __assign, __rest } from "tslib";
-import React, { useContext, useState } from 'react';
-import classNames from 'classnames';
-import { SidebarContext } from './sidebar-context';
-import { ConfigContext } from '../config-provider/config-context';
-import { getPrefixCls } from '../_utils/general';
-var Layout = React.forwardRef(function (props, ref) {
-    var _a;
-    var className = props.className, children = props.children, customisedCls = props.prefixCls, otherProps = __rest(props, ["className", "children", "prefixCls"]);
-    var _b = useState(false), hasSidebar = _b[0], setHasSidebar = _b[1];
-    var configContext = useContext(ConfigContext);
-    var prefixCls = getPrefixCls('layout', configContext.prefixCls, customisedCls);
-    var cls = classNames(prefixCls, className, (_a = {},
-        _a["".concat(prefixCls, "_has-sidebar")] = hasSidebar,
-        _a));
-    return (React.createElement(SidebarContext.Provider, { value: {
-            addSidebar: function () { return setHasSidebar(true); },
-            removeSidebar: function () { return setHasSidebar(false); },
-        } },
-        React.createElement("section", __assign({}, otherProps, { ref: ref, className: cls }), children)));
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Content = exports.Footer = exports.Header = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = tslib_1.__importStar(require("react"));
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const sidebar_context_1 = require("./sidebar-context");
+const config_context_1 = require("../config-provider/config-context");
+const general_1 = require("../_utils/general");
+/**
+ * Layout component
+ */
+const Layout = react_1.default.forwardRef((props, ref) => {
+    const { className, children, prefixCls: customisedCls, ...otherProps } = props;
+    const [hasSidebar, setHasSidebar] = (0, react_1.useState)(false);
+    const configContext = (0, react_1.useContext)(config_context_1.ConfigContext);
+    const prefixCls = (0, general_1.getPrefixCls)('layout', configContext.prefixCls, customisedCls);
+    const cls = (0, classnames_1.default)(prefixCls, className, {
+        [`${prefixCls}_has-sidebar`]: hasSidebar,
+    });
+    return ((0, jsx_runtime_1.jsx)(sidebar_context_1.SidebarContext.Provider, { value: {
+            addSidebar: () => setHasSidebar(true),
+            removeSidebar: () => setHasSidebar(false),
+        }, children: (0, jsx_runtime_1.jsx)("section", { ...otherProps, ref: ref, className: cls, children: children }) }));
 });
 Layout.displayName = 'Layout';
+/**
+ * Generator
+ */
 function generator(_props) {
-    var tagName = _props.tagName, displayName = _props.displayName, defaultCls = _props.prefixCls;
-    var SubComponent = React.forwardRef(function (props, ref) {
-        var className = props.className, children = props.children, customisedCls = props.prefixCls, otherProps = __rest(props, ["className", "children", "prefixCls"]);
-        var configContext = useContext(ConfigContext);
-        var prefixCls = getPrefixCls(defaultCls, configContext.prefixCls, customisedCls);
-        var cls = classNames(prefixCls, className);
-        return React.createElement(tagName, __assign({ ref: ref, className: cls }, otherProps), children);
+    const { tagName, displayName, prefixCls: defaultCls } = _props;
+    const SubComponent = react_1.default.forwardRef((props, ref) => {
+        const { className, children, prefixCls: customisedCls, ...otherProps } = props;
+        const configContext = (0, react_1.useContext)(config_context_1.ConfigContext);
+        const prefixCls = (0, general_1.getPrefixCls)(defaultCls, configContext.prefixCls, customisedCls);
+        const cls = (0, classnames_1.default)(prefixCls, className);
+        return react_1.default.createElement(tagName, { ref, className: cls, ...otherProps }, children);
     });
     SubComponent.displayName = displayName;
     return SubComponent;
 }
-var Header = generator({
+const Header = generator({
     prefixCls: 'layout-header',
     tagName: 'header',
     displayName: 'Header',
 });
-var Footer = generator({
+exports.Header = Header;
+const Footer = generator({
     prefixCls: 'layout-footer',
     tagName: 'footer',
     displayName: 'Footer',
 });
-var Content = generator({
+exports.Footer = Footer;
+const Content = generator({
     prefixCls: 'layout-content',
     tagName: 'main',
     displayName: 'Content',
 });
-export { Header, Footer, Content };
-export default Layout;
+exports.Content = Content;
+exports.default = Layout;
 //# sourceMappingURL=layout.js.map

package/lib/layout/layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"layout.js","sourceRoot":"","sources":["../../components/layout/layout.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAMjD,IAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAC7B,UAAC,KAAkB,EAAE,GAAG;;IACd,IAAA,SAAS,GAAwD,KAAK,UAA7D,EAAE,QAAQ,GAA8C,KAAK,SAAnD,EAAa,aAAa,GAAoB,KAAK,UAAzB,EAAK,UAAU,UAAK,KAAK,EAAxE,sCAAgE,CAAF,CAAW;IACzE,IAAA,KAA8B,QAAQ,CAAC,KAAK,CAAC,EAA5C,UAAU,QAAA,EAAE,aAAa,QAAmB,CAAC;IACpD,IAAM,aAAa,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAChD,IAAM,SAAS,GAAG,YAAY,CAAC,QAAQ,EAAE,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IACjF,IAAM,GAAG,GAAG,UAAU,CAAC,SAAS,EAAE,SAAS;QACzC,GAAC,UAAG,SAAS,iBAAc,IAAG,UAAU;YACxC,CAAC;IAEH,OAAO,CACL,oBAAC,cAAc,CAAC,QAAQ,IACtB,KAAK,EAAE;YACL,UAAU,EAAE,cAAM,OAAA,aAAa,CAAC,IAAI,CAAC,EAAnB,CAAmB;YACrC,aAAa,EAAE,cAAM,OAAA,aAAa,CAAC,KAAK,CAAC,EAApB,CAAoB;SAC1C;QACD,4CAAa,UAAU,IAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,KAC9C,QAAQ,CACD,CACc,CAC3B,CAAC;AACJ,CAAC,CACF,CAAC;AACF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAW9B,SAAS,SAAS,CAAC,MAAsB;IAC/B,IAAA,OAAO,GAAyC,MAAM,QAA/C,EAAE,WAAW,GAA4B,MAAM,YAAlC,EAAa,UAAU,GAAK,MAAM,UAAX,CAAY;IAC/D,IAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CACnC,UAAC,KAAkB,EAAE,GAAG;QACd,IAAA,SAAS,GAAwD,KAAK,UAA7D,EAAE,QAAQ,GAA8C,KAAK,SAAnD,EAAa,aAAa,GAAoB,KAAK,UAAzB,EAAK,UAAU,UAAK,KAAK,EAAxE,sCAAgE,CAAF,CAAW;QAC/E,IAAM,aAAa,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;QAChD,IAAM,SAAS,GAAG,YAAY,CAAC,UAAU,EAAE,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QACnF,IAAM,GAAG,GAAG,UAAU,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QAE7C,OAAO,KAAK,CAAC,aAAa,CAAC,OAAO,aAAI,GAAG,KAAA,EAAE,SAAS,EAAE,GAAG,IAAK,UAAU,GAAI,QAAQ,CAAC,CAAC;IACxF,CAAC,CACF,CAAC;IACF,YAAY,CAAC,WAAW,GAAG,WAAW,CAAC;IAEvC,OAAO,YAAY,CAAC;AACtB,CAAC;AAED,IAAM,MAAM,GAAG,SAAS,CAAC;IACvB,SAAS,EAAE,eAAe;IAC1B,OAAO,EAAE,QAAQ;IACjB,WAAW,EAAE,QAAQ;CACtB,CAAC,CAAC;AACH,IAAM,MAAM,GAAG,SAAS,CAAC;IACvB,SAAS,EAAE,eAAe;IAC1B,OAAO,EAAE,QAAQ;IACjB,WAAW,EAAE,QAAQ;CACtB,CAAC,CAAC;AACH,IAAM,OAAO,GAAG,SAAS,CAAC;IACxB,SAAS,EAAE,gBAAgB;IAC3B,OAAO,EAAE,MAAM;IACf,WAAW,EAAE,SAAS;CACvB,CAAC,CAAC;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC;AACnC,eAAe,MAAM,CAAC"}
+{"version":3,"file":"layout.js","sourceRoot":"","sources":["../../components/layout/layout.tsx"],"names":[],"mappings":";;;;;AAAA,uDAAoD;AACpD,oEAAoC;AACpC,uDAAmD;AACnD,sEAAkE;AAClE,+CAAiD;AAGjD;;GAEG;AACH,MAAM,MAAM,GAAG,eAAK,CAAC,UAAU,CAC7B,CAAC,KAAkB,EAAE,GAAG,EAAe,EAAE;IACvC,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,aAAa,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IAC/E,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IACpD,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,8BAAa,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,IAAA,sBAAY,EAAC,QAAQ,EAAE,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IACjF,MAAM,GAAG,GAAG,IAAA,oBAAU,EAAC,SAAS,EAAE,SAAS,EAAE;QAC3C,CAAC,GAAG,SAAS,cAAc,CAAC,EAAE,UAAU;KACzC,CAAC,CAAC;IAEH,OAAO,CACL,uBAAC,gCAAc,CAAC,QAAQ,IACtB,KAAK,EAAE;YACL,UAAU,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC;YACrC,aAAa,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC;SAC1C,YACD,uCAAa,UAAU,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,YAC9C,QAAQ,GACD,GACc,CAC3B,CAAC;AACJ,CAAC,CACF,CAAC;AACF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAQ9B;;GAEG;AACH,SAAS,SAAS,CAAC,MAAsB;IACvC,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,MAAM,CAAC;IAC/D,MAAM,YAAY,GAAG,eAAK,CAAC,UAAU,CACnC,CAAC,KAAkB,EAAE,GAAG,EAAe,EAAE;QACvC,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,aAAa,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;QAC/E,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,8BAAa,CAAC,CAAC;QAChD,MAAM,SAAS,GAAG,IAAA,sBAAY,EAAC,UAAU,EAAE,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QACnF,MAAM,GAAG,GAAG,IAAA,oBAAU,EAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QAE7C,OAAO,eAAK,CAAC,aAAa,CAAC,OAAO,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,UAAU,EAAE,EAAE,QAAQ,CAAC,CAAC;IACxF,CAAC,CACF,CAAC;IACF,YAAY,CAAC,WAAW,GAAG,WAAW,CAAC;IAEvC,OAAO,YAAY,CAAC;AACtB,CAAC;AAED,MAAM,MAAM,GAAG,SAAS,CAAC;IACvB,SAAS,EAAE,eAAe;IAC1B,OAAO,EAAE,QAAQ;IACjB,WAAW,EAAE,QAAQ;CACtB,CAAC,CAAC;AAYM,wBAAM;AAXf,MAAM,MAAM,GAAG,SAAS,CAAC;IACvB,SAAS,EAAE,eAAe;IAC1B,OAAO,EAAE,QAAQ;IACjB,WAAW,EAAE,QAAQ;CACtB,CAAC,CAAC;AAOc,wBAAM;AANvB,MAAM,OAAO,GAAG,SAAS,CAAC;IACxB,SAAS,EAAE,gBAAgB;IAC3B,OAAO,EAAE,MAAM;IACf,WAAW,EAAE,SAAS;CACvB,CAAC,CAAC;AAEsB,0BAAO;AAChC,kBAAe,MAAM,CAAC"}

package/lib/layout/sidebar-context.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-declare type Props = {
+type Props = {
     addSidebar: () => void;
     removeSidebar: () => void;
 };

package/lib/layout/sidebar-context.js

@@ -1,6 +1,12 @@
-import React from 'react';
-export var SidebarContext = React.createContext({
-    addSidebar: function () { },
-    removeSidebar: function () { },
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SidebarContext = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+// eslint-disable-next-line @typescript-eslint/no-empty-function
+const noop = () => { };
+exports.SidebarContext = react_1.default.createContext({
+    addSidebar: noop,
+    removeSidebar: noop,
 });
 //# sourceMappingURL=sidebar-context.js.map

package/lib/layout/sidebar-context.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar-context.js","sourceRoot":"","sources":["../../components/layout/sidebar-context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,MAAM,CAAC,IAAM,cAAc,GAAG,KAAK,CAAC,aAAa,CAAQ;IACvD,UAAU,EAAE,cAAO,CAAC;IACpB,aAAa,EAAE,cAAO,CAAC;CACxB,CAAC,CAAC"}
+{"version":3,"file":"sidebar-context.js","sourceRoot":"","sources":["../../components/layout/sidebar-context.ts"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAO1B,gEAAgE;AAChE,MAAM,IAAI,GAAG,GAAS,EAAE,GAAE,CAAC,CAAC;AAEf,QAAA,cAAc,GAAG,eAAK,CAAC,aAAa,CAAQ;IACvD,UAAU,EAAE,IAAI;IAChB,aAAa,EAAE,IAAI;CACpB,CAAC,CAAC"}

package/lib/layout/sidebar.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { SidebarProps } from './types';
-declare const Sidebar: React.ForwardRefExoticComponent<Pick<SidebarProps, "key" | "id" | "width" | "color" | "translate" | "hidden" | "dir" | "slot" | "style" | "title" | "accessKey" | "draggable" | "lang" | "className" | "prefix" | "children" | "contentEditable" | "inputMode" | "tabIndex" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "placeholder" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "prefixCls" | "theme" | "trigger" | "collapsible" | "collapsed" | "defaultCollapsed" | "onCollapse" | "collapsedWidth"> & React.RefAttributes<HTMLDivElement>>;
+declare const Sidebar: React.ForwardRefExoticComponent<Omit<SidebarProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export default Sidebar;

package/lib/layout/sidebar.js

@@ -1,51 +1,55 @@
-import { __assign, __rest } from "tslib";
-import React from 'react';
-import { useState, useContext, useEffect } from 'react';
-import classNames from 'classnames';
-import Icon from '../icon';
-import { SidebarContext } from './sidebar-context';
-import { ConfigContext } from '../config-provider/config-context';
-import { getPrefixCls } from '../_utils/general';
-var Sidebar = React.forwardRef(function (props, ref) {
-    var _a;
-    var _b = props.defaultCollapsed, defaultCollapsed = _b === void 0 ? false : _b, _c = props.width, width = _c === void 0 ? 200 : _c, _d = props.collapsedWidth, collapsedWidth = _d === void 0 ? 70 : _d, _e = props.theme, theme = _e === void 0 ? 'light' : _e, _f = props.trigger, trigger = _f === void 0 ? null : _f, _g = props.collapsible, collapsible = _g === void 0 ? false : _g, onCollapse = props.onCollapse, className = props.className, style = props.style, children = props.children, customisedCls = props.prefixCls, otherProps = __rest(props, ["defaultCollapsed", "width", "collapsedWidth", "theme", "trigger", "collapsible", "onCollapse", "className", "style", "children", "prefixCls"]);
-    var _h = useState('collapsed' in props ? props.collapsed : defaultCollapsed), sideCollapsed = _h[0], setSideCollapsed = _h[1];
-    var sidebarContext = useContext(SidebarContext);
-    var sidebarWidth = sideCollapsed ? collapsedWidth : width;
-    var outerStyle = __assign(__assign({}, style), { width: sidebarWidth, maxWidth: sidebarWidth, minWidth: sidebarWidth });
-    var configContext = useContext(ConfigContext);
-    var prefixCls = getPrefixCls('layout-sidebar', configContext.prefixCls, customisedCls);
-    var cls = classNames(prefixCls, className, (_a = {},
-        _a["".concat(prefixCls, "_light")] = theme === 'light',
-        _a));
-    var _collapseBtnOnClick = function () {
-        var collapsedVal = !sideCollapsed;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_2 = require("react");
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const icon_1 = tslib_1.__importDefault(require("../icon"));
+const sidebar_context_1 = require("./sidebar-context");
+const config_context_1 = require("../config-provider/config-context");
+const general_1 = require("../_utils/general");
+const Sidebar = react_1.default.forwardRef((props, ref) => {
+    const { defaultCollapsed = false, width = 200, collapsedWidth = 70, theme = 'light', trigger = null, collapsible = false, onCollapse, className, style, children, prefixCls: customisedCls, ...otherProps } = props;
+    const [sideCollapsed, setSideCollapsed] = (0, react_2.useState)('collapsed' in props ? props.collapsed : defaultCollapsed);
+    const sidebarContext = (0, react_2.useContext)(sidebar_context_1.SidebarContext);
+    const sidebarWidth = sideCollapsed ? collapsedWidth : width;
+    const outerStyle = {
+        ...style,
+        width: sidebarWidth,
+        maxWidth: sidebarWidth,
+        minWidth: sidebarWidth,
+    };
+    const configContext = (0, react_2.useContext)(config_context_1.ConfigContext);
+    const prefixCls = (0, general_1.getPrefixCls)('layout-sidebar', configContext.prefixCls, customisedCls);
+    const cls = (0, classnames_1.default)(prefixCls, className, {
+        [`${prefixCls}_light`]: theme === 'light',
+    });
+    const _collapseBtnOnClick = () => {
+        const collapsedVal = !sideCollapsed;
         if (!('collapsed' in props)) {
             setSideCollapsed(collapsedVal);
         }
         onCollapse && onCollapse(collapsedVal);
     };
-    var renderTrigger = function () {
+    const renderTrigger = () => {
         if (!collapsible) {
             return null;
         }
         if (trigger) {
             return trigger;
         }
-        return (React.createElement("div", { className: "".concat(prefixCls, "__trigger"), onClick: _collapseBtnOnClick },
-            React.createElement(Icon, { name: "left", className: "".concat(prefixCls, "__trigger-icon") })));
+        return ((0, jsx_runtime_1.jsx)("button", { type: "button", className: `${prefixCls}__trigger`, onClick: _collapseBtnOnClick, "aria-label": "Toggle sidebar", children: (0, jsx_runtime_1.jsx)(icon_1.default, { name: "left", className: `${prefixCls}__trigger-icon` }) }));
     };
-    useEffect(function () {
+    (0, react_2.useEffect)(() => {
         'collapsed' in props && setSideCollapsed(props.collapsed);
         sidebarContext.addSidebar();
-        return function () {
+        return () => {
             sidebarContext.removeSidebar();
         };
     }, [props, sidebarContext]);
-    return (React.createElement("div", __assign({}, otherProps, { ref: ref, className: cls, style: outerStyle }),
-        React.createElement("div", { className: "".concat(prefixCls, "__children") }, children),
-        renderTrigger()));
+    return ((0, jsx_runtime_1.jsxs)("div", { ...otherProps, ref: ref, className: cls, style: outerStyle, children: [(0, jsx_runtime_1.jsx)("div", { className: `${prefixCls}__children`, children: children }), renderTrigger()] }));
 });
 Sidebar.displayName = 'Sidebar';
-export default Sidebar;
+exports.default = Sidebar;
 //# sourceMappingURL=sidebar.js.map