@bifrostui/react 2.0.0-alpha.0 → 2.0.0-alpha.10

package/dist/Popover/hooks/usePopoverEvents.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import { PopoverProps } from '../Popover.types';
+type TriggerType = PopoverProps['trigger'];
+export interface UsePopoverEventsProps {
+    isOpen: boolean;
+    controlByUser: boolean;
+    trigger: TriggerType;
+    onShow: (event: React.SyntheticEvent | Event) => void;
+    onHide: (event: React.SyntheticEvent | Event) => void;
+    onTriggerClick: (event: React.SyntheticEvent | Event) => void;
+    onMounted: () => void;
+    handleKeyDown: (event: KeyboardEvent) => void;
+    tipRef: React.RefObject<HTMLDivElement>;
+    childrenRef: React.RefObject<Element>;
+}
+export interface UsePopoverEventsReturn {
+    triggerEventOption?: Record<string, unknown>;
+    backdropProps?: Record<string, unknown>;
+}
+export declare const usePopoverEvents: ({ isOpen, controlByUser, trigger, onShow, onHide, onTriggerClick, onMounted, handleKeyDown, tipRef, childrenRef, }: UsePopoverEventsProps) => UsePopoverEventsReturn;
+export {};

package/dist/Popover/hooks/usePopoverEvents.js

@@ -0,0 +1,150 @@
+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);
+var usePopoverEvents_exports = {};
+__export(usePopoverEvents_exports, {
+  usePopoverEvents: () => usePopoverEvents
+});
+module.exports = __toCommonJS(usePopoverEvents_exports);
+var import_react = require("react");
+var import_utils = require("@bifrostui/utils");
+const getScrollParents = (element) => {
+  const scrollParents = [];
+  let parent = element.parentElement;
+  while (parent && parent !== document.body) {
+    const { overflow, overflowX, overflowY } = getComputedStyle(parent);
+    if (/auto|scroll|overlay|hidden/.test(overflow + overflowX + overflowY)) {
+      scrollParents.push(parent);
+    }
+    parent = parent.parentElement;
+  }
+  return scrollParents;
+};
+const usePopoverEvents = ({
+  isOpen,
+  controlByUser,
+  trigger,
+  onShow,
+  onHide,
+  onTriggerClick,
+  onMounted,
+  handleKeyDown,
+  tipRef,
+  childrenRef
+}) => {
+  const clickEventHandler = (event) => {
+    if (trigger === "hover" || trigger === "none" || (trigger == null ? void 0 : trigger.length) === 1 && (trigger == null ? void 0 : trigger[0]) === "hover")
+      return;
+    onHide(event);
+  };
+  (0, import_react.useEffect)(() => {
+    let scrollParents = [];
+    let resizeObserver = null;
+    const bindEvent = () => {
+      if (isOpen && !import_utils.isMini) {
+        document.addEventListener("keydown", handleKeyDown);
+      }
+      if (!tipRef.current)
+        return;
+      if (!controlByUser && trigger !== "none" && trigger !== "hover" && !((trigger == null ? void 0 : trigger.length) === 1 && (trigger == null ? void 0 : trigger[0]) === "hover") && !import_utils.isMini) {
+        document.addEventListener("click", clickEventHandler);
+      }
+      if (!import_utils.isMini) {
+        window.addEventListener("resize", onMounted);
+        window.addEventListener("scroll", onMounted, true);
+        if (childrenRef.current) {
+          scrollParents = getScrollParents(childrenRef.current);
+          scrollParents.forEach((parent) => {
+            parent.addEventListener("scroll", onMounted);
+          });
+          if (isOpen && typeof ResizeObserver !== "undefined") {
+            resizeObserver = new ResizeObserver(() => {
+              setTimeout(() => {
+                onMounted();
+              }, 0);
+            });
+            resizeObserver.observe(childrenRef.current);
+            scrollParents.forEach((parent) => {
+              if (resizeObserver) {
+                resizeObserver.observe(parent);
+              }
+            });
+            resizeObserver.observe(document.body);
+          }
+        }
+      }
+    };
+    const unbindEvent = () => {
+      if (!import_utils.isMini) {
+        document.removeEventListener("keydown", handleKeyDown);
+      }
+      if (!controlByUser && trigger !== "none" && trigger !== "hover" && !((trigger == null ? void 0 : trigger.length) === 1 && (trigger == null ? void 0 : trigger[0]) === "hover") && !import_utils.isMini) {
+        document.removeEventListener("click", clickEventHandler);
+      }
+      if (!import_utils.isMini) {
+        window.removeEventListener("resize", onMounted);
+        window.removeEventListener("scroll", onMounted, true);
+        scrollParents.forEach((parent) => {
+          parent.removeEventListener("scroll", onMounted);
+        });
+        if (resizeObserver) {
+          resizeObserver.disconnect();
+          resizeObserver = null;
+        }
+      }
+    };
+    bindEvent();
+    return () => {
+      unbindEvent();
+    };
+  }, [
+    isOpen,
+    handleKeyDown,
+    controlByUser,
+    trigger,
+    onHide,
+    onMounted,
+    tipRef,
+    childrenRef
+  ]);
+  let triggerEventOption;
+  if (!controlByUser && trigger !== "none") {
+    triggerEventOption = (0, import_utils.triggerEventTransform)({
+      trigger,
+      click: onTriggerClick,
+      show: onShow,
+      hide: onHide
+    });
+  }
+  let backdropProps;
+  if (import_utils.isMini && isOpen && !controlByUser && trigger !== "none" && trigger !== "hover" && !((trigger == null ? void 0 : trigger.length) === 1 && (trigger == null ? void 0 : trigger[0]) === "hover")) {
+    backdropProps = {
+      onClick: (event) => {
+        event.stopPropagation();
+        onHide(event);
+      }
+    };
+  }
+  return {
+    triggerEventOption,
+    backdropProps
+  };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  usePopoverEvents
+});

package/dist/Popover/hooks/usePopoverPosition.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { AnchorOrigin } from '../Popover.types';
+export interface UsePopoverPositionProps {
+    anchorOrigin: AnchorOrigin;
+    offsetSpacing: number;
+    isOpen: boolean;
+}
+export interface UsePopoverPositionReturn {
+    arrowDirection: string;
+    arrowLocation: string;
+    toolStyles: React.CSSProperties;
+    tipRef: React.RefObject<HTMLDivElement>;
+    childrenRef: React.RefObject<Element>;
+    onMounted: () => void;
+    clearRef: (status: boolean) => void;
+}
+export declare const usePopoverPosition: ({ anchorOrigin, offsetSpacing, isOpen, }: UsePopoverPositionProps) => UsePopoverPositionReturn;

package/dist/Popover/hooks/usePopoverPosition.js

@@ -0,0 +1,124 @@
+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);
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+var usePopoverPosition_exports = {};
+__export(usePopoverPosition_exports, {
+  usePopoverPosition: () => usePopoverPosition
+});
+module.exports = __toCommonJS(usePopoverPosition_exports);
+var import_react = require("react");
+var import_utils = require("@bifrostui/utils");
+const anchorOriginToPlacement = (anchorOrigin) => {
+  const { vertical, horizontal } = anchorOrigin;
+  if (vertical === "center" && horizontal === "center") {
+    return "top";
+  }
+  if (horizontal === "center") {
+    return vertical;
+  }
+  const horizontalMap = {
+    left: "Left",
+    right: "Right"
+  };
+  if (vertical === "center") {
+    return horizontal;
+  }
+  return `${vertical}${horizontalMap[horizontal]}`;
+};
+const usePopoverPosition = ({
+  anchorOrigin,
+  offsetSpacing,
+  isOpen
+}) => {
+  const placement = anchorOriginToPlacement(anchorOrigin);
+  const { direction, location = "center" } = (0, import_utils.parsePlacement)(placement);
+  const childrenRef = (0, import_react.useRef)();
+  const [arrowDirection, setArrowDirection] = (0, import_react.useState)(direction);
+  const [arrowLocation, setArrowLocation] = (0, import_react.useState)(location);
+  const [toolStyles, setToolStyles] = (0, import_react.useState)({});
+  const tipRef = (0, import_react.useRef)(null);
+  const clearRef = (status) => {
+    if (status === false) {
+      tipRef.current = null;
+    }
+  };
+  const onMounted = (0, import_utils.throttle)(() => __async(void 0, null, function* () {
+    if (!tipRef.current)
+      return;
+    const {
+      direction: newParsedDirection,
+      location: newParsedLocation = "center"
+    } = (0, import_utils.parsePlacement)(placement);
+    const result = yield (0, import_utils.getStylesAndLocation)({
+      childrenRef,
+      arrowDirection: newParsedDirection,
+      arrowLocation: newParsedLocation,
+      offsetSpacing,
+      tipRef
+    });
+    if (!result)
+      return;
+    const { styles, newArrowDirection, newArrowLocation } = result;
+    if (newArrowDirection !== arrowDirection) {
+      setArrowDirection(newArrowDirection);
+    }
+    if (newArrowLocation !== arrowLocation) {
+      setArrowLocation(newArrowLocation);
+    }
+    setToolStyles(styles);
+  }), 16);
+  (0, import_react.useEffect)(() => {
+    if (!isOpen) {
+      setToolStyles({
+        visibility: "hidden"
+      });
+    }
+  }, [isOpen]);
+  return {
+    arrowDirection,
+    arrowLocation,
+    toolStyles,
+    tipRef,
+    childrenRef,
+    onMounted,
+    clearRef
+  };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  usePopoverPosition
+});

package/dist/Popover/hooks/usePopoverState.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+export interface UsePopoverStateProps {
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (event: React.SyntheticEvent | Event, data: {
+        open: boolean;
+    }) => void;
+}
+export interface UsePopoverStateReturn {
+    isOpen: boolean;
+    openStatus: boolean;
+    controlByUser: boolean;
+    changeOpenStatus: (event: React.SyntheticEvent | Event, status: boolean) => void;
+    setOpenStatus: React.Dispatch<React.SetStateAction<boolean>>;
+}
+export declare const usePopoverState: ({ defaultOpen, open, onOpenChange, }: UsePopoverStateProps) => UsePopoverStateReturn;

package/dist/Popover/hooks/usePopoverState.js

@@ -0,0 +1,54 @@
+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);
+var usePopoverState_exports = {};
+__export(usePopoverState_exports, {
+  usePopoverState: () => usePopoverState
+});
+module.exports = __toCommonJS(usePopoverState_exports);
+var import_react = require("react");
+const usePopoverState = ({
+  defaultOpen = false,
+  open,
+  onOpenChange
+}) => {
+  const controlByUser = typeof open !== "undefined";
+  const [openStatus, setOpenStatus] = (0, import_react.useState)(defaultOpen);
+  const isOpen = controlByUser ? open : openStatus;
+  const changeOpenStatus = (event, status) => {
+    if (controlByUser)
+      return;
+    setOpenStatus(status);
+    onOpenChange == null ? void 0 : onOpenChange(event, { open: status });
+  };
+  (0, import_react.useEffect)(() => {
+    if (!controlByUser)
+      return;
+    setOpenStatus(open);
+  }, [open, controlByUser]);
+  return {
+    isOpen,
+    openStatus,
+    controlByUser,
+    changeOpenStatus,
+    setOpenStatus
+  };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  usePopoverState
+});

package/dist/Portal/Portal.miniapp.js

@@ -53,24 +53,33 @@ var import_react = __toESM(require("react"));
 var import_PortalCore = __toESM(require("./PortalCore"));
 const Portal = (0, import_react.forwardRef)((props, ref) => {
   const { disablePortal } = props;
-  const rootWrapperElement = (0, import_react.useMemo)(() => {
-    if (!disablePortal) {
-      const currentPages = import_taro.default.getCurrentPages() || [];
-      const currentPage = currentPages[currentPages.length - 1];
-      const pageElement = currentPage == null ? void 0 : currentPage.$taroPath;
-      const rootElement = document.getElementById(pageElement);
-      const portalId = (rootElement == null ? void 0 : rootElement.sid) ? `${rootElement == null ? void 0 : rootElement.sid}_portalId` : `${pageElement}_portalId`;
+  const [rootWrapperElement, setRootWrapperElement] = (0, import_react.useState)();
+  const initialPageInfo = (0, import_react.useMemo)(() => {
+    const currentPages = import_taro.default.getCurrentPages() || [];
+    const currentPage = currentPages[currentPages.length - 1];
+    return {
+      path: currentPage == null ? void 0 : currentPage.$taroPath
+    };
+  }, []);
+  (0, import_react.useLayoutEffect)(() => {
+    let root;
+    if (!disablePortal && initialPageInfo.path) {
+      const { path } = initialPageInfo;
+      const rootElement = document.getElementById(path);
+      const elementWithSid = rootElement;
+      const portalId = (elementWithSid == null ? void 0 : elementWithSid.sid) ? `${elementWithSid.sid}_portalId` : `${path}_portalId`;
       const portalWrapperElement = document.getElementById(portalId);
       if (!portalWrapperElement) {
         const view = document.createElement("view");
         view.id = portalId;
         rootElement == null ? void 0 : rootElement.appendChild(view);
-        return view;
+        root = view;
+      } else {
+        root = portalWrapperElement;
       }
-      return portalWrapperElement;
     }
-    return void 0;
-  }, []);
+    setRootWrapperElement(root);
+  }, [disablePortal, initialPageInfo.path]);
   return /* @__PURE__ */ import_react.default.createElement(import_PortalCore.default, __spreadProps(__spreadValues({}, props), { ref, rootElement: rootWrapperElement }));
 });
 Portal.displayName = "BuiPortal";

package/dist/Portal/Portal.types.d.ts

@@ -21,6 +21,6 @@ export interface PortalCoreProps {
     /**
      * 挂载成功的回调方法
      */
-    onRootElementMouted?: (e: Element) => void;
+    onMounted?: (e: Element) => void;
 }
 export type PortalProps = Omit<PortalCoreProps, 'rootElement'>;

package/dist/Portal/PortalCore.js

@@ -43,7 +43,7 @@ const PortalCore = /* @__PURE__ */ import_react.default.forwardRef(
       container,
       disablePortal = false,
       rootElement,
-      onRootElementMouted
+      onMounted
     } = props;
     const [mountNode, setMountNode] = import_react.default.useState(null);
     const handleRef = (0, import_utils.useForkRef)(
@@ -59,7 +59,7 @@ const PortalCore = /* @__PURE__ */ import_react.default.forwardRef(
     (0, import_react.useLayoutEffect)(() => {
       if (mountNode && !disablePortal) {
         (0, import_utils.setRef)(ref, mountNode);
-        onRootElementMouted == null ? void 0 : onRootElementMouted(mountNode);
+        onMounted == null ? void 0 : onMounted(mountNode);
         return () => {
           (0, import_utils.setRef)(ref, null);
         };

package/dist/Progress/Progress.js

@@ -59,6 +59,7 @@ __export(Progress_exports, {
 module.exports = __toCommonJS(Progress_exports);
 var import_clsx = __toESM(require("clsx"));
 var import_react = __toESM(require("react"));
+var import_locales = require("../locales");
 var import_index = require("./index.css");
 const prefixCls = "bui-progress";
 function validProgress(progress) {
@@ -94,20 +95,55 @@ const handleGradient = (strokeColor) => {
   }
   return { backgroundImage: `linear-gradient(${direction}, ${from}, ${to})` };
 };
+function getAriaValueText(progress, t) {
+  const validatedProgress = validProgress(progress);
+  if (validatedProgress === 0)
+    return t.notStarted;
+  if (validatedProgress < 10)
+    return t.justBegun;
+  if (validatedProgress < 25)
+    return t.gettingStarted;
+  if (validatedProgress < 50)
+    return t.inProgress;
+  if (validatedProgress < 75)
+    return t.moreThanHalfway;
+  if (validatedProgress < 90)
+    return t.nearingCompletion;
+  if (validatedProgress < 100)
+    return t.almostComplete;
+  return t.complete;
+}
 const Progress = /* @__PURE__ */ import_react.default.forwardRef(
   (props, ref) => {
+    const progressText = (0, import_locales.useLocaleText)("progress");
     const _a = props, {
       className,
-      percent,
-      strokeWidth,
-      strokeColor,
-      trailColor
+      percent = 0,
+      strokeWidth: strokeWidth,
+      strokeColor: strokeColor,
+      trailColor: trailColor,
+      // 轨道颜色
+      "aria-label": ariaLabel = progressText.labelName,
+      "aria-labelledby": ariaLabelledby = "",
+      "aria-valuenow": ariaValueNow,
+      "aria-valuemin": ariaValueMin = 0,
+      "aria-valuemax": ariaValueMax = 100,
+      "aria-valuetext": ariaValueText
     } = _a, others = __objRest(_a, [
       "className",
       "percent",
+      // 当前进度百分比
       "strokeWidth",
+      // 进度条高度
       "strokeColor",
-      "trailColor"
+      // 进度条颜色或渐变
+      "trailColor",
+      "aria-label",
+      "aria-labelledby",
+      "aria-valuenow",
+      "aria-valuemin",
+      "aria-valuemax",
+      "aria-valuetext"
     ]);
     const backgroundProps = strokeColor && typeof strokeColor !== "string" ? handleGradient(strokeColor) : {
       background: strokeColor
@@ -119,7 +155,26 @@ const Progress = /* @__PURE__ */ import_react.default.forwardRef(
     const trailStyle = {
       background: trailColor || void 0
     };
-    return /* @__PURE__ */ import_react.default.createElement("div", __spreadValues({ className: (0, import_clsx.default)(prefixCls, className), ref }, others), /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-inner`, style: trailStyle }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-bg`, style: percentStyle })));
+    const accessibilityProps = {
+      "aria-valuenow": typeof ariaValueNow === "number" ? ariaValueNow : validProgress(percent),
+      "aria-label": ariaLabel,
+      "aria-labelledby": ariaLabelledby,
+      "aria-valuemin": ariaValueMin,
+      "aria-valuemax": ariaValueMax,
+      "aria-valuetext": ariaValueText !== void 0 ? ariaValueText : getAriaValueText(percent, progressText),
+      role: "progressbar"
+    };
+    return (
+      // 外层容器
+      /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        __spreadValues(__spreadValues({
+          className: (0, import_clsx.default)(prefixCls, className),
+          ref
+        }, accessibilityProps), others),
+        /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-inner`, style: trailStyle }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-bg`, style: percentStyle }))
+      )
+    );
   }
 );
 Progress.displayName = "BuiProgress";

package/dist/Progress/Progress.types.d.ts

@@ -22,6 +22,50 @@ export type ProgressProps<D extends React.ElementType = 'div', P = {}> = Overrid
         trailColor?: string;
         /** 进度条线的宽度，单位 */
         strokeWidth?: number | string;
+        /**
+         * 无障碍功能：ARIA标签
+         */
+        'aria-label'?: string;
+        /**
+         * 无障碍功能：描述元素的详细信息
+         */
+        'aria-describedby'?: string;
+        /**
+         * 无障碍功能：是否隐藏元素
+         */
+        'aria-hidden'?: boolean;
+        /**
+         * 无障碍功能：元素在无障碍树中的细节程度
+         */
+        'aria-details'?: string;
+        /**
+         * 无障碍功能：当前元素是否处于忙碌状态
+         */
+        'aria-busy'?: boolean;
+        /**
+         * 无障碍功能：当前元素是否为只读
+         */
+        'aria-readonly'?: boolean;
+        /**
+         * 无障碍功能：当前元素是否为必填
+         */
+        'aria-required'?: boolean;
+        /**
+         * 无障碍功能：进度条的当前值
+         */
+        'aria-valuenow'?: number;
+        /**
+         * 无障碍功能：进度条的最小值
+         */
+        'aria-valuemin'?: number;
+        /**
+         * 无障碍功能：进度条的最大值
+         */
+        'aria-valuemax'?: number;
+        /**
+         * 无障碍功能：进度条的文本描述
+         */
+        'aria-valuetext'?: string;
     };
     defaultComponent: D;
 }, D>;

package/dist/Progress/__tests__/fixtures/A11yDemos.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+/**
+ * 自定义 Progress 组件 Demo 集合
+ * 这个文件包含多个测试 demo，展示如何使用 getCustomDemoCodesFromFile 进行无障碍测试
+ * 文件名必须是 customDemoComponent.tsx（固定约定）
+ */
+export declare const basicProgressDemo: () => React.JSX.Element;
+export declare const coloredProgressDemo: () => React.JSX.Element;
+export declare const sizedProgressDemo: () => React.JSX.Element;
+export declare const gradientProgressDemo: () => React.JSX.Element;
+export declare const customTrailColorProgressDemo: () => React.JSX.Element;
+export declare const accessibilityProgressDemo: () => React.JSX.Element;
+declare const _default: {
+    basicProgressDemo: () => React.JSX.Element;
+    coloredProgressDemo: () => React.JSX.Element;
+    sizedProgressDemo: () => React.JSX.Element;
+    gradientProgressDemo: () => React.JSX.Element;
+    customTrailColorProgressDemo: () => React.JSX.Element;
+    accessibilityProgressDemo: () => React.JSX.Element;
+};
+export default _default;