@tiny-design/react 1.0.4

package/es/input-number/style/index.css

@@ -0,0 +1,123 @@
+.ty-input-number {
+  position: relative;
+  box-sizing: border-box;
+}
+.ty-input-number:hover .ty-input-number__controls {
+  opacity: 1;
+}
+.ty-input-number__input {
+  box-sizing: border-box;
+  width: 100%;
+  margin: 0;
+  color: var(--ty-color-text);
+  border: 1px solid var(--ty-input-border);
+  transition: all 0.3s;
+  outline: 0;
+  border-radius: 2px;
+  font-size: 1rem;
+  background-color: var(--ty-input-bg);
+}
+.ty-input-number__input:hover {
+  border-color: var(--ty-color-primary);
+}
+.ty-input-number__input:focus {
+  border-color: var(--ty-input-focus-border);
+  box-shadow: var(--ty-input-focus-shadow);
+}
+.ty-input-number__input::-moz-placeholder {
+  color: var(--ty-color-text-placeholder);
+}
+.ty-input-number__input::placeholder {
+  color: var(--ty-color-text-placeholder);
+}
+.ty-input-number__input {
+  padding-left: 7px;
+  padding-right: 25px;
+}
+.ty-input-number__input::-webkit-inner-spin-button, .ty-input-number__input::-webkit-outer-spin-button {
+  -webkit-appearance: none;
+}
+.ty-input-number__controls {
+  box-sizing: border-box;
+  position: absolute;
+  right: 0;
+  top: 0;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 1px;
+  opacity: 0;
+  transition: all 300ms;
+}
+.ty-input-number__up, .ty-input-number__down {
+  cursor: pointer;
+  box-sizing: border-box;
+  flex: 1;
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  padding: 0 7px;
+  border-left: 1px solid var(--ty-input-number-control-border);
+  transition: all 300ms;
+}
+.ty-input-number__up:hover, .ty-input-number__down:hover {
+  flex: 2;
+}
+.ty-input-number__up:hover .ty-icon, .ty-input-number__down:hover .ty-icon {
+  color: var(--ty-color-primary) !important;
+}
+.ty-input-number__up:active, .ty-input-number__down:active {
+  background-color: var(--ty-input-number-control-active-bg);
+}
+.ty-input-number__up {
+  border-bottom: 1px solid var(--ty-input-number-control-border);
+}
+.ty-input-number__down {
+  padding-top: 1px;
+}
+.ty-input-number__icon {
+  color: var(--ty-input-number-icon-color);
+}
+.ty-input-number__icon_reverse {
+  transform: rotate(180deg);
+}
+.ty-input-number_sm .ty-input-number__input {
+  font-size: 0.875rem;
+  height: 24px;
+  line-height: 24px;
+}
+.ty-input-number_md .ty-input-number__input {
+  font-size: 1rem;
+  height: 32px;
+  line-height: 32px;
+}
+.ty-input-number_lg .ty-input-number__input {
+  font-size: 1.25rem;
+  height: 42px;
+  line-height: 42px;
+}
+.ty-input-number_disabled .ty-input-number__input {
+  cursor: not-allowed;
+  background-color: var(--ty-input-disabled-bg);
+  color: var(--ty-input-disabled-color);
+}
+.ty-input-number_disabled .ty-input-number__input:hover {
+  border-color: var(--ty-input-border);
+}
+.ty-input-number_disabled .ty-input-number__up, .ty-input-number_disabled .ty-input-number__down {
+  cursor: not-allowed;
+}
+.ty-input-number_disabled .ty-input-number__up .ty-icon, .ty-input-number_disabled .ty-input-number__down .ty-icon {
+  color: var(--ty-input-number-icon-color) !important;
+}
+.ty-input-number_disabled .ty-input-number__up:hover, .ty-input-number_disabled .ty-input-number__down:hover {
+  flex: 1;
+}
+.ty-input-number_disabled .ty-input-number__up:active, .ty-input-number_disabled .ty-input-number__down:active {
+  background-color: transparent;
+}
+.ty-input-number_always-controls .ty-input-number__controls {
+  opacity: 1;
+}

package/es/input-number/style/index.d.ts

@@ -0,0 +1 @@
+export { };

package/es/input-number/style/index.js

@@ -0,0 +1,2 @@
+import "./index.css";
+import "../../input/style/index.css";

package/es/input-number/types.d.ts

@@ -0,0 +1,21 @@
+import { BaseProps, SizeType } from "../_utils/props.js";
+import React from "react";
+
+//#region src/input-number/types.d.ts
+interface InputNumberProps extends BaseProps {
+  min?: number;
+  max?: number;
+  step?: number;
+  precision?: number;
+  defaultValue?: number;
+  value?: number;
+  onChange?: (value: number, e: React.ChangeEvent<HTMLInputElement> | React.MouseEvent<HTMLSpanElement>) => void;
+  size?: SizeType;
+  disabled?: boolean;
+  /** Determine whether always display the control button  */
+  controls?: boolean;
+  children?: React.ReactNode;
+}
+//#endregion
+export { InputNumberProps };
+//# sourceMappingURL=types.d.ts.map

package/es/input-password/index.d.ts

@@ -0,0 +1 @@
+import { InputPassword } from "./input-password.js";

package/es/input-password/index.js

@@ -0,0 +1,10 @@
+import '../style/base.css';
+import './style/index.css';
+import '../input/style/index.css';
+import InputPassword from "./input-password.js";
+//#region src/input-password/index.tsx
+var input_password_default = InputPassword;
+//#endregion
+export { input_password_default as default };
+
+//# sourceMappingURL=index.js.map

package/es/input-password/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/input-password/index.tsx"],"sourcesContent":["import InputPassword from './input-password';\n\nexport default InputPassword;\n"],"mappings":";;AAEA,IAAA,yBAAe"}

package/es/input-password/input-password.d.ts

@@ -0,0 +1,7 @@
+import { InputPasswordProps } from "./types.js";
+
+//#region src/input-password/input-password.d.ts
+declare const InputPassword: (props: InputPasswordProps) => JSX.Element;
+//#endregion
+export { InputPassword };
+//# sourceMappingURL=input-password.d.ts.map

package/es/input-password/input-password.js

@@ -0,0 +1,40 @@
+import { ConfigContext } from "../config-provider/config-context.js";
+import { getPrefixCls } from "../_utils/general.js";
+import { Eye, EyeClose } from "../_utils/components.js";
+import DefaultInput from "../input/index.js";
+import { useContext, useState } from "react";
+import classNames from "classnames";
+import { jsx } from "react/jsx-runtime";
+//#region src/input-password/input-password.tsx
+const InputPassword = (props) => {
+	const { suffix = true, visibleOnClick, className, prefixCls: customisedCls, ...otherProps } = props;
+	const prefixCls = getPrefixCls("input-pwd", useContext(ConfigContext).prefixCls, customisedCls);
+	const cls = classNames(prefixCls, className);
+	const [visible, setVisible] = useState(false);
+	const renderSuffix = () => /* @__PURE__ */ jsx("button", {
+		type: "button",
+		className: `${prefixCls}__suffix`,
+		"aria-label": "Toggle password visibility",
+		onClick: () => {
+			setVisible(!visible);
+			visibleOnClick && visibleOnClick();
+		},
+		children: visible ? /* @__PURE__ */ jsx(Eye, {
+			size: 17,
+			className: `${prefixCls}__icon`
+		}) : /* @__PURE__ */ jsx(EyeClose, {
+			size: 17,
+			className: `${prefixCls}__icon`
+		})
+	});
+	return /* @__PURE__ */ jsx(DefaultInput, {
+		...otherProps,
+		className: cls,
+		type: visible ? "text" : "password",
+		suffix: suffix ? renderSuffix() : null
+	});
+};
+//#endregion
+export { InputPassword as default };
+
+//# sourceMappingURL=input-password.js.map

package/es/input-password/input-password.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-password.js","names":["Input"],"sources":["../../src/input-password/input-password.tsx"],"sourcesContent":["import React, { useContext, useState } from 'react';\nimport classNames from 'classnames';\nimport Input from '../input';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { InputPasswordProps } from './types';\nimport { Eye, EyeClose } from '../_utils/components';\n\nconst InputPassword = (props: InputPasswordProps): JSX.Element => {\n  const {\n    suffix = true,\n    visibleOnClick,\n    className,\n    prefixCls: customisedCls,\n    ...otherProps\n  } = props;\n  const configContext = useContext(ConfigContext);\n  const prefixCls = getPrefixCls('input-pwd', configContext.prefixCls, customisedCls);\n  const cls = classNames(prefixCls, className);\n  const [visible, setVisible] = useState(false);\n\n  const renderSuffix = (): React.ReactElement => (\n    <button\n      type=\"button\"\n      className={`${prefixCls}__suffix`}\n      aria-label=\"Toggle password visibility\"\n      onClick={(): void => {\n        setVisible(!visible);\n        visibleOnClick && visibleOnClick();\n      }}>\n      {visible ? (\n        <Eye size={17} className={`${prefixCls}__icon`} />\n      ) : (\n        <EyeClose size={17} className={`${prefixCls}__icon`} />\n      )}\n    </button>\n  );\n\n  return (\n    <Input\n      {...otherProps}\n      className={cls}\n      type={visible ? 'text' : 'password'}\n      suffix={suffix ? renderSuffix() : null}\n    />\n  );\n};\n\nexport default InputPassword;\n"],"mappings":";;;;;;;;AAQA,MAAM,iBAAiB,UAA2C;CAChE,MAAM,EACJ,SAAS,MACT,gBACA,WACA,WAAW,eACX,GAAG,eACD;CAEJ,MAAM,YAAY,aAAa,aADT,WAAW,cAAc,CACW,WAAW,cAAc;CACnF,MAAM,MAAM,WAAW,WAAW,UAAU;CAC5C,MAAM,CAAC,SAAS,cAAc,SAAS,MAAM;CAE7C,MAAM,qBACJ,oBAAC,UAAD;EACE,MAAK;EACL,WAAW,GAAG,UAAU;EACxB,cAAW;EACX,eAAqB;AACnB,cAAW,CAAC,QAAQ;AACpB,qBAAkB,gBAAgB;;YAEnC,UACC,oBAAC,KAAD;GAAK,MAAM;GAAI,WAAW,GAAG,UAAU;GAAW,CAAA,GAElD,oBAAC,UAAD;GAAU,MAAM;GAAI,WAAW,GAAG,UAAU;GAAW,CAAA;EAElD,CAAA;AAGX,QACE,oBAACA,cAAD;EACE,GAAI;EACJ,WAAW;EACX,MAAM,UAAU,SAAS;EACzB,QAAQ,SAAS,cAAc,GAAG;EAClC,CAAA"}

package/es/input-password/style/_index.scss

@@ -0,0 +1,20 @@
+@use '../../style/variables' as *;
+
+.#{$prefix}-input-pwd {
+  &__suffix {
+    cursor: pointer;
+    background: none;
+    border: none;
+    padding: 0;
+    color: inherit;
+  }
+
+  &__icon {
+    color: var(--ty-color-text-tertiary);
+    transition: color 250ms;
+
+    &:hover{
+      color: var(--ty-color-text-secondary);
+    }
+  }
+}

package/es/input-password/style/index.css

@@ -0,0 +1,14 @@
+.ty-input-pwd__suffix {
+  cursor: pointer;
+  background: none;
+  border: none;
+  padding: 0;
+  color: inherit;
+}
+.ty-input-pwd__icon {
+  color: var(--ty-color-text-tertiary);
+  transition: color 250ms;
+}
+.ty-input-pwd__icon:hover {
+  color: var(--ty-color-text-secondary);
+}

package/es/input-password/style/index.d.ts

@@ -0,0 +1 @@
+export { };

package/es/input-password/style/index.js

@@ -0,0 +1,2 @@
+import "./index.css";
+import "../../input/style/index.css";

package/es/input-password/types.d.ts

@@ -0,0 +1,12 @@
+import { InputProps } from "../input/types.js";
+import React from "react";
+
+//#region src/input-password/types.d.ts
+interface InputPasswordProps extends InputProps {
+  suffix?: boolean;
+  visibleOnClick?: () => void;
+  children?: React.ReactNode;
+}
+//#endregion
+export { InputPasswordProps };
+//# sourceMappingURL=types.d.ts.map

package/es/intl-provider/index.d.ts

@@ -0,0 +1 @@
+import { IntlProvider } from "./intl-provider.js";

package/es/intl-provider/index.js

@@ -0,0 +1,7 @@
+import IntlProvider from "./intl-provider.js";
+//#region src/intl-provider/index.tsx
+var intl_provider_default = IntlProvider;
+//#endregion
+export { intl_provider_default as default };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/intl-provider/index.tsx"],"sourcesContent":["import IntlProvider from './intl-provider';\n\nexport default IntlProvider;\n"],"mappings":";;AAEA,IAAA,wBAAe"}

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

@@ -0,0 +1,8 @@
+import en_US from "../locale/en_US.js";
+import React from "react";
+//#region src/intl-provider/intl-context.tsx
+var intl_context_default = React.createContext(en_US);
+//#endregion
+export { intl_context_default as default };
+
+//# sourceMappingURL=intl-context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"intl-context.js","names":[],"sources":["../../src/intl-provider/intl-context.tsx"],"sourcesContent":["import React from 'react';\nimport { Locale } from '../locale/types';\nimport en_US from '../locale/en_US';\n\nexport default React.createContext<Locale>(en_US);\n"],"mappings":";;;AAIA,IAAA,uBAAe,MAAM,cAAsB,MAAM"}

package/es/intl-provider/intl-provider.d.ts

@@ -0,0 +1,12 @@
+import { Locale } from "../locale/types.js";
+import React from "react";
+
+//#region src/intl-provider/intl-provider.d.ts
+interface IntlProviderProps {
+  locale: Locale;
+  children: React.ReactNode;
+}
+declare const IntlProvider: (props: IntlProviderProps) => React.ReactElement;
+//#endregion
+export { IntlProvider };
+//# sourceMappingURL=intl-provider.d.ts.map

package/es/intl-provider/intl-provider.js

@@ -0,0 +1,15 @@
+import intl_context_default from "./intl-context.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/intl-provider/intl-provider.tsx
+const IntlProvider = (props) => {
+	const { locale, children } = props;
+	return /* @__PURE__ */ jsx(intl_context_default.Provider, {
+		value: locale,
+		children
+	});
+};
+//#endregion
+export { IntlProvider as default };
+
+//# sourceMappingURL=intl-provider.js.map

package/es/intl-provider/intl-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"intl-provider.js","names":["IntlContext"],"sources":["../../src/intl-provider/intl-provider.tsx"],"sourcesContent":["import React from 'react';\nimport { Locale } from '../locale/types';\nimport IntlContext from './intl-context';\n\nexport interface IntlProviderProps {\n  locale: Locale;\n  children: React.ReactNode;\n}\n\nconst IntlProvider = (props: IntlProviderProps): React.ReactElement => {\n  const { locale, children } = props;\n  return <IntlContext.Provider value={locale}>{children}</IntlContext.Provider>;\n};\n\nexport default IntlProvider;\n"],"mappings":";;;;AASA,MAAM,gBAAgB,UAAiD;CACrE,MAAM,EAAE,QAAQ,aAAa;AAC7B,QAAO,oBAACA,qBAAY,UAAb;EAAsB,OAAO;EAAS;EAAgC,CAAA"}

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

@@ -0,0 +1,14 @@
+import { Locale } from "../locale/types.js";
+import { ComponentType } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/intl-provider/with-locale.d.ts
+declare function withLocale<T extends {
+  locale?: Locale;
+}>(WrappedComponent: ComponentType<T>): {
+  (props: T): react_jsx_runtime0.JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { withLocale };
+//# sourceMappingURL=with-locale.d.ts.map

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

@@ -0,0 +1,19 @@
+import intl_context_default from "./intl-context.js";
+import { useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/intl-provider/with-locale.tsx
+function withLocale(WrappedComponent) {
+	const WithLocale = (props) => {
+		const locale = useContext(intl_context_default);
+		return /* @__PURE__ */ jsx(WrappedComponent, {
+			...props,
+			locale
+		});
+	};
+	WithLocale.displayName = `withLocale(${WrappedComponent.displayName || WrappedComponent.name || "Component"})`;
+	return WithLocale;
+}
+//#endregion
+export { withLocale };
+
+//# sourceMappingURL=with-locale.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"with-locale.js","names":["IntlContext"],"sources":["../../src/intl-provider/with-locale.tsx"],"sourcesContent":["import { useContext, ComponentType } from 'react';\nimport { Locale } from '../locale/types';\nimport IntlContext from './intl-context';\n\nexport function withLocale<T extends { locale?: Locale }>(WrappedComponent: ComponentType<T>) {\n  const WithLocale = (props: T) => {\n    const locale = useContext(IntlContext);\n    return <WrappedComponent {...props} locale={locale} />;\n  };\n  WithLocale.displayName = `withLocale(${WrappedComponent.displayName || WrappedComponent.name || 'Component'})`;\n  return WithLocale;\n}\n"],"mappings":";;;;AAIA,SAAgB,WAA0C,kBAAoC;CAC5F,MAAM,cAAc,UAAa;EAC/B,MAAM,SAAS,WAAWA,qBAAY;AACtC,SAAO,oBAAC,kBAAD;GAAkB,GAAI;GAAe;GAAU,CAAA;;AAExD,YAAW,cAAc,cAAc,iBAAiB,eAAe,iBAAiB,QAAQ,YAAY;AAC5G,QAAO"}

package/es/keyboard/index.d.ts

@@ -0,0 +1 @@
+import { Keyboard } from "./keyboard.js";

package/es/keyboard/index.js

@@ -0,0 +1,9 @@
+import '../style/base.css';
+import './style/index.css';
+import Keyboard from "./keyboard.js";
+//#region src/keyboard/index.tsx
+var keyboard_default = Keyboard;
+//#endregion
+export { keyboard_default as default };
+
+//# sourceMappingURL=index.js.map

package/es/keyboard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/keyboard/index.tsx"],"sourcesContent":["import Keyboard from './keyboard';\n\nexport default Keyboard;\n"],"mappings":";;AAEA,IAAA,mBAAe"}

package/es/keyboard/keyboard.d.ts

@@ -0,0 +1,8 @@
+import { KeyboardProps } from "./types.js";
+import React from "react";
+
+//#region src/keyboard/keyboard.d.ts
+declare const Keyboard: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<KeyboardProps, "ref"> & React.RefAttributes<HTMLElement>>>;
+//#endregion
+export { Keyboard };
+//# sourceMappingURL=keyboard.d.ts.map

package/es/keyboard/keyboard.js

@@ -0,0 +1,21 @@
+import { ConfigContext } from "../config-provider/config-context.js";
+import { getPrefixCls } from "../_utils/general.js";
+import React, { useContext } from "react";
+import classNames from "classnames";
+import { jsx } from "react/jsx-runtime";
+//#region src/keyboard/keyboard.tsx
+const Keyboard = React.memo(React.forwardRef((props, ref) => {
+	const { prefixCls: customisedCls, className, children, ...otherProps } = props;
+	const cls = classNames(getPrefixCls("kbd", useContext(ConfigContext).prefixCls, customisedCls), className);
+	return /* @__PURE__ */ jsx("kbd", {
+		...otherProps,
+		ref,
+		className: cls,
+		children
+	});
+}));
+Keyboard.displayName = "Keyboard";
+//#endregion
+export { Keyboard as default };
+
+//# sourceMappingURL=keyboard.js.map

package/es/keyboard/keyboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"keyboard.js","names":[],"sources":["../../src/keyboard/keyboard.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport classNames from 'classnames';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { KeyboardProps } from './types';\n\nconst Keyboard = React.memo(React.forwardRef<HTMLElement, KeyboardProps>((props: KeyboardProps, ref) => {\n  const { prefixCls: customisedCls, className, children, ...otherProps } = props;\n  const configContext = useContext(ConfigContext);\n  const prefixCls = getPrefixCls('kbd', configContext.prefixCls, customisedCls);\n  const cls = classNames(prefixCls, className);\n\n  return (\n    <kbd {...otherProps} ref={ref} className={cls}>\n      {children}\n    </kbd>\n  );\n}));\n\nKeyboard.displayName = 'Keyboard';\n\nexport default Keyboard;\n"],"mappings":";;;;;;AAMA,MAAM,WAAW,MAAM,KAAK,MAAM,YAAwC,OAAsB,QAAQ;CACtG,MAAM,EAAE,WAAW,eAAe,WAAW,UAAU,GAAG,eAAe;CAGzE,MAAM,MAAM,WADM,aAAa,OADT,WAAW,cAAc,CACK,WAAW,cAAc,EAC3C,UAAU;AAE5C,QACE,oBAAC,OAAD;EAAK,GAAI;EAAiB;EAAK,WAAW;EACvC;EACG,CAAA;EAER,CAAC;AAEH,SAAS,cAAc"}

package/es/keyboard/style/_index.scss

@@ -0,0 +1,23 @@
+@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 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: var(--ty-kbd-bg);
+  box-shadow: var(--ty-kbd-shadow);
+  color: var(--ty-kbd-color);
+  cursor: pointer;
+  user-select: none;
+
+  &:active {
+    transform: translate3d(0, 1px, 0);
+    box-shadow: none;
+  }
+}

package/es/keyboard/style/index.css

@@ -0,0 +1,22 @@
+.ty-kbd {
+  font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace;
+  display: inline-block;
+  padding: 4px 8px;
+  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: var(--ty-kbd-bg);
+  box-shadow: var(--ty-kbd-shadow);
+  color: var(--ty-kbd-color);
+  cursor: pointer;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+}
+.ty-kbd:active {
+  transform: translate3d(0, 1px, 0);
+  box-shadow: none;
+}

package/es/keyboard/style/index.d.ts

@@ -0,0 +1 @@
+export { };

package/es/keyboard/style/index.js

@@ -0,0 +1 @@
+import "./index.css";

package/es/keyboard/types.d.ts

@@ -0,0 +1,10 @@
+import { BaseProps } from "../_utils/props.js";
+import React from "react";
+
+//#region src/keyboard/types.d.ts
+interface KeyboardProps extends BaseProps, React.PropsWithRef<JSX.IntrinsicElements['kbd']> {
+  children?: React.ReactNode;
+}
+//#endregion
+export { KeyboardProps };
+//# sourceMappingURL=types.d.ts.map

package/es/layout/index.d.ts

@@ -0,0 +1,14 @@
+import { Content, Footer, Header, Layout } from "./layout.js";
+import { Sidebar } from "./sidebar.js";
+
+//#region src/layout/index.d.ts
+type ILayout = typeof Layout & {
+  Header: typeof Header;
+  Footer: typeof Footer;
+  Content: typeof Content;
+  Sidebar: typeof Sidebar;
+};
+declare const DefaultLayout: ILayout;
+//#endregion
+export { DefaultLayout };
+//# sourceMappingURL=index.d.ts.map

package/es/layout/index.js

@@ -0,0 +1,14 @@
+import '../style/base.css';
+import './style/index.css';
+import Layout, { Content, Footer, Header } from "./layout.js";
+import Sidebar from "./sidebar.js";
+//#region src/layout/index.tsx
+const DefaultLayout = Layout;
+DefaultLayout.Sidebar = Sidebar;
+DefaultLayout.Header = Header;
+DefaultLayout.Content = Content;
+DefaultLayout.Footer = Footer;
+//#endregion
+export { DefaultLayout as default };
+
+//# sourceMappingURL=index.js.map

package/es/layout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/layout/index.tsx"],"sourcesContent":["import Layout, { Header, Content, Footer } from './layout';\nimport Sidebar from './sidebar';\n\ntype ILayout = typeof Layout & {\n  Header: typeof Header;\n  Footer: typeof Footer;\n  Content: typeof Content;\n  Sidebar: typeof Sidebar;\n};\n\nconst DefaultLayout = Layout as ILayout;\nDefaultLayout.Sidebar = Sidebar;\nDefaultLayout.Header = Header;\nDefaultLayout.Content = Content;\nDefaultLayout.Footer = Footer;\n\nexport default DefaultLayout;\n"],"mappings":";;;AAUA,MAAM,gBAAgB;AACtB,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,UAAU;AACxB,cAAc,SAAS"}

package/es/layout/layout.d.ts

@@ -0,0 +1,14 @@
+import { LayoutProps } from "./types.js";
+import React from "react";
+
+//#region src/layout/layout.d.ts
+/**
+ * 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>>;
+//#endregion
+export { Content, Footer, Header, Layout };
+//# sourceMappingURL=layout.d.ts.map

package/es/layout/layout.js

@@ -0,0 +1,65 @@
+import { ConfigContext } from "../config-provider/config-context.js";
+import { getPrefixCls } from "../_utils/general.js";
+import { SidebarContext } from "./sidebar-context.js";
+import React, { useContext, useState } from "react";
+import classNames from "classnames";
+import { jsx } from "react/jsx-runtime";
+//#region src/layout/layout.tsx
+/**
+* Layout component
+*/
+const Layout = React.forwardRef((props, ref) => {
+	const { className, children, prefixCls: customisedCls, ...otherProps } = props;
+	const [hasSidebar, setHasSidebar] = useState(false);
+	const prefixCls = getPrefixCls("layout", useContext(ConfigContext).prefixCls, customisedCls);
+	const cls = classNames(prefixCls, className, { [`${prefixCls}_has-sidebar`]: hasSidebar });
+	return /* @__PURE__ */ jsx(SidebarContext.Provider, {
+		value: {
+			addSidebar: () => setHasSidebar(true),
+			removeSidebar: () => setHasSidebar(false)
+		},
+		children: /* @__PURE__ */ jsx("section", {
+			...otherProps,
+			ref,
+			className: cls,
+			children
+		})
+	});
+});
+Layout.displayName = "Layout";
+/**
+* Generator
+*/
+function generator(_props) {
+	const { tagName, displayName, prefixCls: defaultCls } = _props;
+	const SubComponent = React.forwardRef((props, ref) => {
+		const { className, children, prefixCls: customisedCls, ...otherProps } = props;
+		const cls = classNames(getPrefixCls(defaultCls, useContext(ConfigContext).prefixCls, customisedCls), className);
+		return React.createElement(tagName, {
+			ref,
+			className: cls,
+			...otherProps
+		}, children);
+	});
+	SubComponent.displayName = displayName;
+	return SubComponent;
+}
+const Header = generator({
+	prefixCls: "layout-header",
+	tagName: "header",
+	displayName: "Header"
+});
+const Footer = generator({
+	prefixCls: "layout-footer",
+	tagName: "footer",
+	displayName: "Footer"
+});
+const Content = generator({
+	prefixCls: "layout-content",
+	tagName: "main",
+	displayName: "Content"
+});
+//#endregion
+export { Content, Footer, Header, Layout as default };
+
+//# sourceMappingURL=layout.js.map

package/es/layout/layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.js","names":[],"sources":["../../src/layout/layout.tsx"],"sourcesContent":["import React, { useContext, useState } from 'react';\nimport classNames from 'classnames';\nimport { SidebarContext } from './sidebar-context';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { LayoutProps } from './types';\n\n/**\n * Layout component\n */\nconst Layout = React.forwardRef<HTMLElement, LayoutProps>(\n  (props: LayoutProps, ref): JSX.Element => {\n    const { className, children, prefixCls: customisedCls, ...otherProps } = props;\n    const [hasSidebar, setHasSidebar] = useState(false);\n    const configContext = useContext(ConfigContext);\n    const prefixCls = getPrefixCls('layout', configContext.prefixCls, customisedCls);\n    const cls = classNames(prefixCls, className, {\n      [`${prefixCls}_has-sidebar`]: hasSidebar,\n    });\n\n    return (\n      <SidebarContext.Provider\n        value={{\n          addSidebar: () => setHasSidebar(true),\n          removeSidebar: () => setHasSidebar(false),\n        }}>\n        <section {...otherProps} ref={ref} className={cls}>\n          {children}\n        </section>\n      </SidebarContext.Provider>\n    );\n  }\n);\nLayout.displayName = 'Layout';\n\ntype generatorProps = {\n  prefixCls: string;\n  displayName: string;\n  tagName: 'header' | 'footer' | 'main';\n};\n\n/**\n * Generator\n */\nfunction generator(_props: generatorProps) {\n  const { tagName, displayName, prefixCls: defaultCls } = _props;\n  const SubComponent = React.forwardRef<HTMLDivElement, LayoutProps>(\n    (props: LayoutProps, ref): JSX.Element => {\n      const { className, children, prefixCls: customisedCls, ...otherProps } = props;\n      const configContext = useContext(ConfigContext);\n      const prefixCls = getPrefixCls(defaultCls, configContext.prefixCls, customisedCls);\n      const cls = classNames(prefixCls, className);\n\n      return React.createElement(tagName, { ref, className: cls, ...otherProps }, children);\n    }\n  );\n  SubComponent.displayName = displayName;\n\n  return SubComponent;\n}\n\nconst Header = generator({\n  prefixCls: 'layout-header',\n  tagName: 'header',\n  displayName: 'Header',\n});\nconst Footer = generator({\n  prefixCls: 'layout-footer',\n  tagName: 'footer',\n  displayName: 'Footer',\n});\nconst Content = generator({\n  prefixCls: 'layout-content',\n  tagName: 'main',\n  displayName: 'Content',\n});\n\nexport { Header, Footer, Content };\nexport default Layout;\n"],"mappings":";;;;;;;;;;AAUA,MAAM,SAAS,MAAM,YAClB,OAAoB,QAAqB;CACxC,MAAM,EAAE,WAAW,UAAU,WAAW,eAAe,GAAG,eAAe;CACzE,MAAM,CAAC,YAAY,iBAAiB,SAAS,MAAM;CAEnD,MAAM,YAAY,aAAa,UADT,WAAW,cAAc,CACQ,WAAW,cAAc;CAChF,MAAM,MAAM,WAAW,WAAW,WAAW,GAC1C,GAAG,UAAU,gBAAgB,YAC/B,CAAC;AAEF,QACE,oBAAC,eAAe,UAAhB;EACE,OAAO;GACL,kBAAkB,cAAc,KAAK;GACrC,qBAAqB,cAAc,MAAM;GAC1C;YACD,oBAAC,WAAD;GAAS,GAAI;GAAiB;GAAK,WAAW;GAC3C;GACO,CAAA;EACc,CAAA;EAG/B;AACD,OAAO,cAAc;;;;AAWrB,SAAS,UAAU,QAAwB;CACzC,MAAM,EAAE,SAAS,aAAa,WAAW,eAAe;CACxD,MAAM,eAAe,MAAM,YACxB,OAAoB,QAAqB;EACxC,MAAM,EAAE,WAAW,UAAU,WAAW,eAAe,GAAG,eAAe;EAGzE,MAAM,MAAM,WADM,aAAa,YADT,WAAW,cAAc,CACU,WAAW,cAAc,EAChD,UAAU;AAE5C,SAAO,MAAM,cAAc,SAAS;GAAE;GAAK,WAAW;GAAK,GAAG;GAAY,EAAE,SAAS;GAExF;AACD,cAAa,cAAc;AAE3B,QAAO;;AAGT,MAAM,SAAS,UAAU;CACvB,WAAW;CACX,SAAS;CACT,aAAa;CACd,CAAC;AACF,MAAM,SAAS,UAAU;CACvB,WAAW;CACX,SAAS;CACT,aAAa;CACd,CAAC;AACF,MAAM,UAAU,UAAU;CACxB,WAAW;CACX,SAAS;CACT,aAAa;CACd,CAAC"}