@digitalc/dxp-ui 0.0.4 → 0.0.5-alpha-gomo.1

package/lib/components/TextLink/index.js

@@ -0,0 +1,120 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/TextLink/index.tsx
+var TextLink_exports = {};
+__export(TextLink_exports, {
+  TextLinkEnum: () => TextLinkEnum,
+  default: () => TextLink_default
+});
+module.exports = __toCommonJS(TextLink_exports);
+var import_react = __toESM(require("react"));
+var import_Text = __toESM(require("../Text"));
+var import_Icon = __toESM(require("../Icon"));
+var import_designTokens = __toESM(require("./designTokens"));
+var TextLinkEnum = {
+  default: "default",
+  withLeftIcon: "withLeftIcon",
+  withRightIcon: "withRightIcon",
+  inlineParagraph: "inlineParagraph"
+};
+var TextLink = (props) => {
+  const _a = props, { text, style, iconName, iconSize, type = TextLinkEnum.default, inverse = false, onClick, className } = _a, restProps = __objRest(_a, ["text", "style", "iconName", "iconSize", "type", "inverse", "onClick", "className"]);
+  const { spacingTextLinkHorizontalGap, sizingTextLinkIconLeft, sizingTextLinkIconRight, colorTextLinkTextInverse, colorTextLinkText, colorTextLinkIconInverse, colorTextLinkIcon } = import_designTokens.default;
+  const colorTextLinkText_ = inverse ? colorTextLinkTextInverse : colorTextLinkText;
+  const colorTextLinkIcon_ = inverse ? colorTextLinkIconInverse : colorTextLinkIcon;
+  let sizingTextLinkIcon = iconSize || 0;
+  if (type === TextLinkEnum.withLeftIcon) {
+    sizingTextLinkIcon = sizingTextLinkIconLeft;
+  } else if (type === TextLinkEnum.withRightIcon) {
+    sizingTextLinkIcon = sizingTextLinkIconRight;
+  }
+  const renderText = () => /* @__PURE__ */ import_react.default.createElement(import_Text.default, { size: "ContentC14TextLink", style: { color: colorTextLinkText_ } }, text);
+  const renderIcon = () => {
+    if (iconName) {
+      return /* @__PURE__ */ import_react.default.createElement(
+        import_Icon.default,
+        {
+          name: iconName,
+          size: sizingTextLinkIcon,
+          color: colorTextLinkIcon_,
+          style: type === TextLinkEnum.withLeftIcon ? { marginRight: spacingTextLinkHorizontalGap } : { marginLeft: spacingTextLinkHorizontalGap }
+        }
+      );
+    }
+    return null;
+  };
+  const renderContent = (type2) => {
+    switch (type2) {
+      case TextLinkEnum.withLeftIcon:
+        return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, renderIcon(), renderText());
+      case TextLinkEnum.withRightIcon:
+        return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, renderText(), renderIcon());
+      case TextLinkEnum.inlineParagraph:
+        return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, renderText(), renderIcon());
+      default:
+        return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, renderText());
+    }
+  };
+  return /* @__PURE__ */ import_react.default.createElement(
+    "span",
+    __spreadValues({
+      style,
+      onClick,
+      className: `${className || ""}`
+    }, restProps),
+    renderContent(type)
+  );
+};
+var TextLink_default = TextLink;

package/lib/components/Toast/designTokens.d.ts

@@ -0,0 +1,13 @@
+declare const designTokens: {
+    colorText: any;
+    contentBg: any;
+    borderRadiusLG: any;
+    colorWarning: string;
+    colorSuccess: string;
+    colorInfo: string;
+    horizontalGap: string;
+    contentPadding: string;
+    colorLinkText: any;
+    sizingToastIcon: any;
+};
+export { designTokens };

package/lib/components/Toast/designTokens.js

@@ -0,0 +1,40 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/Toast/designTokens.ts
+var designTokens_exports = {};
+__export(designTokens_exports, {
+  designTokens: () => designTokens
+});
+module.exports = __toCommonJS(designTokens_exports);
+var import_tokenHelper = require("../../utils/tokenHelper");
+var designTokens = {
+  // 算法配置
+  // algorithm: true,
+  colorText: (0, import_tokenHelper.getToken)("colorToastTextInverse"),
+  contentBg: (0, import_tokenHelper.getToken)("colorToastBackground"),
+  borderRadiusLG: (0, import_tokenHelper.getToken)("borderRadiusCardSm"),
+  colorWarning: "rgb(255,181,36)",
+  colorSuccess: "rgb(0,179,121)",
+  // 成功状态的颜色
+  colorInfo: "rgb(255,93,118)",
+  horizontalGap: `${(0, import_tokenHelper.getToken)("spacingToastPaddingHorizontal")}px`,
+  contentPadding: `${(0, import_tokenHelper.getToken)("spacingToastPaddingHorizontal")}px ${(0, import_tokenHelper.getToken)("spacingToastPaddingVertical")}px`,
+  colorLinkText: (0, import_tokenHelper.getToken)("colorToastTextLinkInverse"),
+  sizingToastIcon: (0, import_tokenHelper.getToken)("sizingToastIcon")
+};

package/lib/components/Toast/index.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import { MessageArgsProps } from 'antd';
+import './style/index.less';
+export type ToastProps = MessageArgsProps & {
+    width?: string;
+    linkProps?: {
+        text: string;
+        url?: string;
+        _blank?: boolean;
+        onClick?: () => void;
+    };
+};
+export declare const Toast: {
+    useMessage: () => readonly [{
+        open: (config: ToastProps) => import("antd/es/message/interface").MessageType;
+        info: (content: React.ReactNode, duration?: number, onClose?: () => void) => void;
+        success: (content: React.ReactNode, duration?: number, onClose?: () => void) => void;
+        error: (content: React.ReactNode, duration?: number, onClose?: () => void) => void;
+        warning: (content: React.ReactNode, duration?: number, onClose?: () => void) => void;
+        loading: (content: React.ReactNode, duration?: number, onClose?: () => void) => void;
+        destroy: (key?: React.Key | undefined) => void;
+    }, React.ReactElement<unknown, string | React.JSXElementConstructor<any>>];
+    config: (config: import("antd/es/message/interface").ConfigOptions) => void;
+    destroy: (key?: React.Key | undefined) => void;
+    useInternalMessage: typeof import("antd/es/message/useMessage").default;
+};

package/lib/components/Toast/index.js

@@ -0,0 +1,213 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/Toast/index.tsx
+var Toast_exports = {};
+__export(Toast_exports, {
+  Toast: () => Toast
+});
+module.exports = __toCommonJS(Toast_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_cssinjs = require("@ant-design/cssinjs");
+var import_classnames = __toESM(require("classnames"));
+var import_theme = require("../../utils/theme");
+var import_constants = require("../../constants");
+var import_Icon = __toESM(require("../Icon"));
+var import_designTokens = require("./designTokens");
+var import_style = require("./style/index.less");
+import_antd.message.config({
+  top: 24,
+  duration: 0,
+  maxCount: 3,
+  prefixCls: import_constants.cssClasses.PREFIX + "-toast"
+});
+var useMessage = () => {
+  const [messageApi, contextHolder] = import_antd.message.useMessage();
+  const prefixCls = import_constants.cssClasses.PREFIX + "-toast";
+  const useCustomToastStyle = () => {
+    const {
+      colorText,
+      contentBg,
+      borderRadiusLG,
+      colorWarning,
+      colorSuccess,
+      colorInfo,
+      contentPadding,
+      horizontalGap
+    } = import_designTokens.designTokens;
+    const hashId2 = (0, import_cssinjs.useStyleRegister)(
+      {
+        theme: import_theme.theme,
+        token: {},
+        path: [prefixCls + "-toast"]
+      },
+      () => `
+      div[class*="-message"] div[class*="-message-notice-wrapper"] .${prefixCls} div[class*="-message-notice-content"] {
+        position: relative;
+        min-width: 300px;
+        background-color: ${contentBg};
+        color: ${colorText};
+        border-radius: ${borderRadiusLG}px;
+        padding: ${contentPadding};
+        text-align: left;
+      }
+
+      div[class*="-message"] div[class*="-message-notice-wrapper"] .${prefixCls} div[class*="message-notice-content"]  div[class*="message-custom-content"] > :nth-child(2),
+      div[class*="message-notice"] .${prefixCls}.full div[class*="message-notice-content"] {
+        width: 100%;
+      }
+
+      div[class*="-message"] div[class*="-message-notice-wrapper"] .${prefixCls} i {
+        margin-inline-end: ${horizontalGap}!important;
+      }
+
+      div[class*="-message"] div[class*="-message-notice-wrapper"] .${prefixCls}-success i {
+        color: ${colorSuccess}!important;
+      }
+
+      div[class*="-message"] div[class*="-message-notice-wrapper"] .${prefixCls}-error i {
+        color: ${colorInfo}!important;
+      }
+
+      div[class*="-message"] div[class*="-message-notice-wrapper"] .${prefixCls}-warning i {
+        color: ${colorWarning}!important;
+      }
+    `
+    );
+    return hashId2;
+  };
+  const hashId = useCustomToastStyle();
+  const dxpOpen = (config) => {
+    const _a = config, { type, className, duration, icon, width, linkProps, content } = _a, rest = __objRest(_a, ["type", "className", "duration", "icon", "width", "linkProps", "content"]);
+    const getIcon = (type2) => {
+      switch (type2) {
+        case "success":
+          return /* @__PURE__ */ import_react.default.createElement(import_Icon.default, { name: "icon-Completed", size: import_designTokens.designTokens.sizingToastIcon });
+        case "error":
+          return /* @__PURE__ */ import_react.default.createElement(import_Icon.default, { name: "icon-Alert", size: import_designTokens.designTokens.sizingToastIcon });
+        case "warning":
+          return /* @__PURE__ */ import_react.default.createElement(import_Icon.default, { name: "icon-a-Inprogress", size: import_designTokens.designTokens.sizingToastIcon });
+        default:
+          return /* @__PURE__ */ import_react.default.createElement("span", null);
+      }
+    };
+    let finalContent = content;
+    if (linkProps) {
+      const { text, url, _blank, onClick } = linkProps;
+      const handleLinkClick = (e) => {
+        e.preventDefault();
+        if (onClick) {
+          onClick();
+        } else if (url) {
+          window.open(url, _blank ? "_blank" : "_self");
+        }
+      };
+      const linkElement = /* @__PURE__ */ import_react.default.createElement(
+        "a",
+        {
+          href: url,
+          onClick: handleLinkClick,
+          style: {
+            color: import_designTokens.designTokens.colorLinkText,
+            marginLeft: import_designTokens.designTokens.horizontalGap
+          }
+        },
+        text
+      );
+      finalContent = /* @__PURE__ */ import_react.default.createElement("div", { style: {
+        display: "flex",
+        alignItems: "center",
+        width: "100%"
+      } }, /* @__PURE__ */ import_react.default.createElement("div", { style: {
+        flex: 1,
+        wordWrap: "break-word"
+      } }, content), linkElement);
+    }
+    return messageApi.open(__spreadProps(__spreadValues({}, rest), {
+      content: finalContent,
+      type,
+      duration,
+      className: (0, import_classnames.default)(prefixCls, `${prefixCls}-${type}`, hashId, width === "full" && "full", className),
+      icon: icon || getIcon(type)
+    }));
+  };
+  const createToast = (type) => (content, duration, onClose) => {
+    dxpOpen({ type, content, duration, onClose });
+  };
+  return {
+    contextHolder,
+    open: dxpOpen,
+    // 强制所有 open 都走自定义
+    info: createToast("info"),
+    success: createToast("success"),
+    error: createToast("error"),
+    warning: createToast("warning"),
+    loading: createToast("loading"),
+    destroy: messageApi.destroy
+  };
+};
+var Toast = {
+  useMessage: () => {
+    const _a = useMessage(), { contextHolder } = _a, rest = __objRest(_a, ["contextHolder"]);
+    return [rest, contextHolder];
+  },
+  config: import_antd.message.config,
+  destroy: import_antd.message.destroy,
+  useInternalMessage: import_antd.message.useMessage
+  // 保留原始 hook
+};

package/lib/components/Toast/style/index.less

@@ -0,0 +1,9 @@
+@import './variables.less';
+
+// 基础按钮样式
+@components: toast;
+
+// 使用字符串拼接
+.@{prefix}-@{components}{
+  // background: @btn-primary-bg-default ;
+}

package/lib/components/Toast/style/variables.less

@@ -0,0 +1,12 @@
+
+@import '../../../style/variables.less';
+
+
+:root {
+  --colorToastBackground: #242328;
+  --colorToastTextInverse: #ffffff;
+}
+
+// Primary bg
+@toast-primary-bg-default: var(--colorToastBackground);
+@toast-primary-text-default: var(--colorToastTextInverse);

package/lib/components/Toggle/designTokens.d.ts

@@ -0,0 +1,9 @@
+declare const designTokens: {
+    handleBg: any;
+    colorPrimary: any;
+    colorPrimaryHover: any;
+    colorTextQuaternary: any;
+    colorTextTertiary: any;
+    colorTextLightSolid: any;
+};
+export default designTokens;

package/lib/components/Toggle/designTokens.js

@@ -0,0 +1,47 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/Toggle/designTokens.ts
+var designTokens_exports = {};
+__export(designTokens_exports, {
+  default: () => designTokens_default
+});
+module.exports = __toCommonJS(designTokens_exports);
+var import_tokenManager = __toESM(require("../../utils/tokenManager"));
+var designTokens = {
+  handleBg: import_tokenManager.default.tokenKey("colorToggleOn"),
+  // 滑块背景色 colorToggleOn colorToggleOff
+  colorPrimary: import_tokenManager.default.tokenKey("colorToggleBaseActive"),
+  // colorToggleBaseActive '#3434E1'
+  colorPrimaryHover: import_tokenManager.default.tokenKey("colorToggleBaseActive"),
+  colorTextQuaternary: import_tokenManager.default.tokenKey("colorToggleBase"),
+  // colorToggleBase
+  colorTextTertiary: import_tokenManager.default.tokenKey("colorToggleBase"),
+  colorTextLightSolid: import_tokenManager.default.tokenKey("colorToggleBase")
+};
+var designTokens_default = designTokens;

package/lib/components/Toggle/index.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+export type SwitchSize = 'small' | 'default';
+export declare type SwitchChangeEventHandler = (checked: boolean, event: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLButtonElement>) => void;
+export declare type SwitchClickEventHandler = SwitchChangeEventHandler;
+export interface IToggleProps {
+    prefixCls?: string;
+    size?: SwitchSize;
+    className?: string;
+    rootClassName?: string;
+    checked?: boolean;
+    defaultChecked?: boolean;
+    value?: boolean;
+    defaultValue?: boolean;
+    onChange?: SwitchChangeEventHandler;
+    onClick?: SwitchClickEventHandler;
+    checkedChildren?: React.ReactNode;
+    unCheckedChildren?: React.ReactNode;
+    disabled?: boolean;
+    loading?: boolean;
+    autoFocus?: boolean;
+    style?: React.CSSProperties;
+    title?: string;
+    tabIndex?: number;
+    id?: string;
+}
+declare const Toggle: (props: IToggleProps) => React.JSX.Element;
+export default Toggle;

package/lib/components/Toggle/index.js

@@ -0,0 +1,67 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/Toggle/index.tsx
+var Toggle_exports = {};
+__export(Toggle_exports, {
+  default: () => Toggle_default
+});
+module.exports = __toCommonJS(Toggle_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_constants = require("../../constants");
+var import_designTokens = __toESM(require("./designTokens"));
+var Toggle = (props) => {
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_antd.ConfigProvider,
+    {
+      prefixCls: import_constants.BASE_CLASS_PREFIX,
+      theme: {
+        components: {
+          Switch: __spreadValues({}, import_designTokens.default)
+        }
+      }
+    },
+    /* @__PURE__ */ import_react.default.createElement(import_antd.Switch, __spreadValues({}, props))
+  );
+};
+var Toggle_default = Toggle;

package/lib/components/index.d.ts

@@ -0,0 +1,49 @@
+export { default as Button } from './Button';
+export type { ButtonProps } from './Button';
+export { default as Text } from './Text';
+export type { TextProps } from './Text';
+export { default as Amount } from './Amount';
+export type { AmountProps } from './Amount';
+export { default as Divider } from './Divider';
+export type { DividerProps } from './Divider';
+export { default as Tabs } from './Tabs';
+export type { TabsProps } from './Tabs';
+export { default as Chip } from './Chip';
+export type { ChipProps } from './Chip';
+export { default as Modal } from './Modal';
+export type { ModalProps } from './Modal';
+export { default as StickyFooter } from './StickyFooter';
+export type { StickyFooterProps } from './StickyFooter';
+export { default as Tag } from './Tag';
+export type { TagProps } from './Tag';
+export { default as TextInputInside } from './TextInputInside';
+export type { TextInputInsideProps } from './TextInputInside';
+export { default as TextInputOutside } from './TextInputOutside';
+export type { TextInputOutsideProps } from './TextInputOutside';
+export { default as Search } from './Search';
+export type { SearchProps } from './Search';
+export { default as Accordion } from './Accordion';
+export type { AccordionProps } from './Accordion';
+export { default as Toggle } from './Toggle';
+export type { IToggleProps } from './Toggle';
+export { default as Image } from './Image';
+export type { IImageProps } from './Image';
+export { BackImageEunm } from './Image';
+export { default as Icon } from './Icon';
+export type { IIconProps } from './Icon';
+export { default as TextLink, TextLinkEnum } from './TextLink';
+export type { ITextLinkProps } from './TextLink';
+export { Toast } from './Toast';
+export type { ToastProps } from './Toast';
+export { default as Stepper } from './Stepper';
+export type { StepperProps } from './Stepper';
+export { default as IconButton } from './IconButton';
+export { default as IconButtonGroup } from './IconButtonGroup';
+export type { IconButtonProps } from './IconButton';
+export { default as Drawer } from './Drawer';
+export type { BottomDrawerProps, DrawerType } from './Drawer';
+export { DrawerTypeEnum } from './Drawer';
+export { default as Navigation } from './Navigation';
+export type { RightLinkConfig, RightIcon, TitleIconBadgeConfig, INavigationProps } from './Navigation';
+export { default as ListItem } from './ListItem';
+export { ListItemTypes, TAPPABLE_AREAS } from './ListItem';