@hanwenbo/x-taro-ui 0.0.1

package/lib/components/button/button.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Button Component
+ * First validation component for x-taro-ui theme system
+ */
+import React from 'react';
+import type { ButtonGroupProps, ButtonProps } from './types';
+import './style.css';
+export declare const Button: React.FC<ButtonProps>;
+export declare const ButtonGroup: React.FC<ButtonGroupProps>;
+export default Button;
+//# sourceMappingURL=button.d.ts.map

package/lib/components/button/button.js

@@ -0,0 +1,259 @@
+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/button/button.tsx
+var button_exports = {};
+__export(button_exports, {
+  Button: () => Button,
+  ButtonGroup: () => ButtonGroup,
+  default: () => button_default
+});
+module.exports = __toCommonJS(button_exports);
+var import_react = __toESM(require("react"));
+var import_taro = __toESM(require("@tarojs/taro"));
+var import_components = require("@tarojs/components");
+var import_patterns = require("../../patterns");
+var import_utils = require("../../utils");
+var import_tokens = require("./tokens");
+var import_configProvider = require("../configProvider");
+var import_icon = require("../icon");
+var import_style = require("./style.css");
+function normalizeButtonVariant(value) {
+  if (value === "primary" || value === "solid") return "default";
+  if (value === "dashed") return "outline";
+  if (value === "text") return "ghost";
+  return value;
+}
+var Button = ({
+  children,
+  variant = "default",
+  type,
+  htmlType = "button",
+  size: sizeProp,
+  shape = "default",
+  block = false,
+  disabled: disabledProp = false,
+  loading = false,
+  icon,
+  loadingIcon,
+  loadingText,
+  gap = 8,
+  href,
+  to,
+  target,
+  external = false,
+  danger = false,
+  onClick,
+  ariaLabel,
+  className,
+  style,
+  testID = "button"
+}) => {
+  const config = (0, import_configProvider.useConfigProvider)();
+  const size = sizeProp ?? config.size;
+  const disabled = Boolean(disabledProp || config.disabled);
+  const interactionDisabled = disabled || loading;
+  const resolvedVariant = normalizeButtonVariant(type ?? variant);
+  const destination = href ?? to;
+  const content = loading ? loadingText ?? children : children;
+  const hasContent = content !== void 0 && content !== null && content !== false && content !== "";
+  const hasIcon = Boolean(loading ? loadingIcon || true : icon);
+  const iconOnly = hasIcon && !hasContent;
+  const hasActiveFeedback = resolvedVariant !== "link" && !destination;
+  const handlePress = async () => {
+    if (interactionDisabled) return;
+    onClick == null ? void 0 : onClick();
+    if (!destination) return;
+    if (/^https?:\/\//.test(destination) && typeof globalThis.open === "function") {
+      globalThis.open(destination, target || (external ? "_blank" : "_self"));
+      return;
+    }
+    try {
+      await import_taro.default.navigateTo({ url: destination });
+    } catch {
+      if (external) return;
+      try {
+        await import_taro.default.switchTab({ url: destination });
+      } catch {
+      }
+    }
+  };
+  const {
+    pressed,
+    handlers,
+    style: pressStyle
+  } = (0, import_patterns.usePressable)({
+    disabled: interactionDisabled,
+    onPress: handlePress,
+    scale: hasActiveFeedback ? 0.985 : 1
+  });
+  const buttonStyle = (0, import_tokens.useButtonStyle)(
+    resolvedVariant,
+    size,
+    block,
+    interactionDisabled,
+    hasActiveFeedback && pressed,
+    danger,
+    iconOnly
+  );
+  const buttonTokens = (0, import_tokens.useButtonTokens)(size);
+  const buttonColors = (0, import_tokens.useButtonColors)(resolvedVariant, danger);
+  const shapeRadius = shape === "rounded" || shape === "round" ? "var(--x-radius-full)" : shape === "square" || shape === "rectangular" ? 0 : buttonStyle.borderRadius;
+  const combinedStyle = {
+    ...buttonStyle,
+    borderRadius: shapeRadius,
+    gap: typeof gap === "number" ? `${gap}px` : gap,
+    ...style,
+    ...pressStyle,
+    transition: "transform var(--x-duration-fast) var(--x-easing-standard), background-color var(--x-duration-emphasis) var(--x-easing-standard), border-color var(--x-duration-emphasis) var(--x-easing-standard), color var(--x-duration-emphasis) var(--x-easing-standard), opacity var(--x-duration-standard) var(--x-easing-standard)"
+  };
+  const iconNode = loading ? loadingIcon ?? /* @__PURE__ */ import_react.default.createElement(import_icon.Icon, { name: "Loader2", size: buttonTokens.iconSize, spin: true, color: buttonColors.color, block: true }) : icon;
+  const renderedIconNode = import_react.default.isValidElement(iconNode) ? import_react.default.cloneElement(iconNode, {
+    color: iconNode.props.color == null || iconNode.props.color === "currentColor" ? String(buttonStyle.color) : iconNode.props.color
+  }) : iconNode;
+  const textStyle = {
+    color: buttonStyle.color,
+    fontSize: buttonStyle.fontSize,
+    fontWeight: buttonStyle.fontWeight,
+    lineHeight: `${buttonTokens.lineHeight}px`,
+    textAlign: "center",
+    whiteSpace: block ? "normal" : "nowrap",
+    wordBreak: "keep-all"
+  };
+  const contentNode = !hasContent ? iconOnly ? null : /* @__PURE__ */ import_react.default.createElement(
+    import_components.Text,
+    {
+      className: `${config.prefixCls}-button__text`,
+      "data-slot": "button-label",
+      style: textStyle
+    },
+    content
+  ) : typeof content === "string" || typeof content === "number" ? /* @__PURE__ */ import_react.default.createElement(import_components.Text, { className: `${config.prefixCls}-button__text`, "data-slot": "button-label", style: textStyle }, content) : /* @__PURE__ */ import_react.default.createElement(
+    import_components.View,
+    {
+      className: `${config.prefixCls}-button__content`,
+      "data-slot": "button-content",
+      style: {
+        minWidth: 0,
+        display: "inline-flex",
+        alignItems: "center",
+        justifyContent: "center",
+        gap: typeof gap === "number" ? `${gap}px` : gap,
+        color: buttonStyle.color
+      }
+    },
+    content
+  );
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_components.Button,
+    {
+      className: (0, import_utils.classNames)(
+        `${config.prefixCls}-button`,
+        `${config.prefixCls}-button--${resolvedVariant}`,
+        `${config.prefixCls}-button--${size}`,
+        danger && `${config.prefixCls}-button--danger`,
+        loading && `${config.prefixCls}-button--loading`,
+        iconOnly && `${config.prefixCls}-button--icon-only`,
+        className
+      ),
+      style: combinedStyle,
+      disabled: interactionDisabled,
+      formType: htmlType === "button" ? void 0 : htmlType,
+      ariaLabel,
+      "aria-disabled": interactionDisabled,
+      "data-slot": "button",
+      "data-testid": testID,
+      "data-variant": danger ? `${resolvedVariant}-danger` : resolvedVariant,
+      "data-size": size,
+      "data-shape": shape,
+      "data-loading": loading ? "true" : "false",
+      "data-disabled": interactionDisabled ? "true" : "false",
+      "data-block": block ? "true" : "false",
+      "data-icon-only": iconOnly ? "true" : "false",
+      ...handlers
+    },
+    iconNode ? /* @__PURE__ */ import_react.default.createElement(
+      import_components.View,
+      {
+        className: `${config.prefixCls}-button__icon`,
+        "data-slot": loading ? "button-loading-icon" : "button-icon",
+        style: {
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          flexShrink: 0,
+          color: buttonStyle.color
+        }
+      },
+      renderedIconNode
+    ) : null,
+    contentNode
+  );
+};
+var ButtonGroup = ({
+  children,
+  direction = "horizontal",
+  gap = 8,
+  block = false,
+  className,
+  style,
+  testID = "button-group"
+}) => {
+  const config = (0, import_configProvider.useConfigProvider)();
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_components.View,
+    {
+      className: (0, import_utils.classNames)(
+        `${config.prefixCls}-button-group`,
+        `${config.prefixCls}-button-group--${direction}`,
+        block && `${config.prefixCls}-button-group--block`,
+        className
+      ),
+      "data-slot": "button-group",
+      "data-direction": direction,
+      "data-block": block ? "true" : "false",
+      "data-testid": testID,
+      style: {
+        display: "flex",
+        flexDirection: direction === "vertical" ? "column" : "row",
+        alignItems: direction === "vertical" ? "stretch" : "center",
+        flexWrap: direction === "horizontal" ? "wrap" : "nowrap",
+        width: block ? "100%" : void 0,
+        gap: typeof gap === "number" ? `${gap}px` : gap,
+        ...style
+      }
+    },
+    children
+  );
+};
+var button_default = Button;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Button,
+  ButtonGroup
+});

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

@@ -0,0 +1,7 @@
+/**
+ * Button Component Export
+ */
+export { Button, ButtonGroup } from './button';
+export type { ButtonGroupProps, ButtonLegacyType, ButtonProps, ButtonVariant } from './types';
+export { useButtonTokens, useButtonColors, useButtonStyle } from './tokens';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/button/index.js

@@ -0,0 +1,38 @@
+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/button/index.ts
+var index_exports = {};
+__export(index_exports, {
+  Button: () => import_button.Button,
+  ButtonGroup: () => import_button.ButtonGroup,
+  useButtonColors: () => import_tokens.useButtonColors,
+  useButtonStyle: () => import_tokens.useButtonStyle,
+  useButtonTokens: () => import_tokens.useButtonTokens
+});
+module.exports = __toCommonJS(index_exports);
+var import_button = require("./button");
+var import_tokens = require("./tokens");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Button,
+  ButtonGroup,
+  useButtonColors,
+  useButtonStyle,
+  useButtonTokens
+});

package/lib/components/button/style.css

@@ -0,0 +1,4 @@
+[class$='-button']::after,
+[class*='-button ']::after {
+  border: 0;
+}

package/lib/components/button/tokens.d.ts

@@ -0,0 +1,37 @@
+/**
+ * Button Component Tokens
+ * Defines how Button consumes design system tokens
+ */
+/// <reference types="react" />
+import type { SizeVariant } from '../../theme/types';
+import type { ButtonVariant } from './types';
+export interface ButtonTokens {
+    height: number;
+    paddingX: number;
+    fontSize: number;
+    lineHeight: number;
+    iconSize: number;
+    borderRadius: number;
+    borderWidth: number;
+}
+export interface ButtonColors {
+    background: string;
+    color: string;
+    border: string;
+    pressedBackground: string;
+    pressedColor: string;
+    pressedBorder: string;
+}
+/**
+ * Get button size tokens
+ */
+export declare function useButtonTokens(size?: SizeVariant): ButtonTokens;
+/**
+ * Get button colors for variant
+ */
+export declare function useButtonColors(variant?: ButtonVariant, danger?: boolean): ButtonColors;
+/**
+ * Build button style object
+ */
+export declare function useButtonStyle(variant: ButtonVariant, size: SizeVariant, block?: boolean, disabled?: boolean, pressed?: boolean, danger?: boolean, iconOnly?: boolean): React.CSSProperties;
+//# sourceMappingURL=tokens.d.ts.map

package/lib/components/button/tokens.js

@@ -0,0 +1,184 @@
+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/button/tokens.ts
+var tokens_exports = {};
+__export(tokens_exports, {
+  useButtonColors: () => useButtonColors,
+  useButtonStyle: () => useButtonStyle,
+  useButtonTokens: () => useButtonTokens
+});
+module.exports = __toCommonJS(tokens_exports);
+var import_react = require("react");
+var import_theme = require("../../theme");
+function useButtonTokens(size = "middle") {
+  const { radius } = (0, import_theme.useTokens)();
+  return (0, import_react.useMemo)(() => {
+    const sizeConfig = (0, import_theme.getFormControlTokens)(size);
+    return {
+      height: (0, import_theme.scaleMobileSelection)(sizeConfig.height),
+      paddingX: (0, import_theme.scaleMobileSelection)(sizeConfig.inlinePadding),
+      fontSize: sizeConfig.textSize,
+      lineHeight: size === "mini" ? import_theme.designSystemLineHeights.caption : size === "large" ? import_theme.designSystemLineHeights.body : import_theme.designSystemLineHeights.label,
+      iconSize: (0, import_theme.scaleMobileSelection)(sizeConfig.iconSize),
+      borderRadius: (0, import_theme.scaleMobileSelection)(radius.lg),
+      borderWidth: 1
+    };
+  }, [size, radius]);
+}
+function useButtonColors(variant = "default", danger = false) {
+  const { colors } = (0, import_theme.useTokens)();
+  return (0, import_react.useMemo)(() => {
+    const normalizedVariant = variant === "primary" ? "default" : variant;
+    if (danger) {
+      if (normalizedVariant === "outline") {
+        return {
+          background: "transparent",
+          color: colors.destructive,
+          border: (0, import_theme.withOpacity)(colors.destructive, 0.4),
+          pressedBackground: (0, import_theme.withOpacity)(colors.destructive, 0.1),
+          pressedColor: colors.destructive,
+          pressedBorder: colors.destructive
+        };
+      }
+      if (normalizedVariant === "ghost" || normalizedVariant === "link") {
+        return {
+          background: "transparent",
+          color: colors.destructive,
+          border: "transparent",
+          pressedBackground: normalizedVariant === "link" ? "transparent" : (0, import_theme.withOpacity)(colors.destructive, 0.1),
+          pressedColor: colors.destructive,
+          pressedBorder: "transparent"
+        };
+      }
+      return {
+        background: (0, import_theme.withOpacity)(colors.destructive, 0.1),
+        color: colors.destructive,
+        border: "transparent",
+        pressedBackground: (0, import_theme.withOpacity)(colors.destructive, 0.2),
+        pressedColor: colors.destructive,
+        pressedBorder: "transparent"
+      };
+    }
+    switch (normalizedVariant) {
+      case "default":
+        return {
+          background: colors.primary,
+          color: colors["primary-foreground"],
+          border: "transparent",
+          pressedBackground: colors.primary,
+          pressedColor: colors["primary-foreground"],
+          pressedBorder: "transparent"
+        };
+      case "destructive":
+        return {
+          background: (0, import_theme.withOpacity)(colors.destructive, 0.1),
+          color: colors.destructive,
+          border: "transparent",
+          pressedBackground: (0, import_theme.withOpacity)(colors.destructive, 0.2),
+          pressedColor: colors.destructive,
+          pressedBorder: "transparent"
+        };
+      case "secondary":
+        return {
+          background: colors.secondary,
+          color: colors["secondary-foreground"],
+          border: "transparent",
+          pressedBackground: colors.accent,
+          pressedColor: colors["accent-foreground"],
+          pressedBorder: "transparent"
+        };
+      case "outline":
+        return {
+          background: "transparent",
+          color: colors.foreground,
+          border: colors.border,
+          pressedBackground: colors.accent,
+          pressedColor: colors["accent-foreground"],
+          pressedBorder: colors.border
+        };
+      case "ghost":
+        return {
+          background: "transparent",
+          color: colors.foreground,
+          border: "transparent",
+          pressedBackground: colors.accent,
+          pressedColor: colors["accent-foreground"],
+          pressedBorder: "transparent"
+        };
+      case "link":
+        return {
+          background: "transparent",
+          color: colors.primary,
+          border: "transparent",
+          pressedBackground: "transparent",
+          pressedColor: colors.primary,
+          pressedBorder: "transparent"
+        };
+      default:
+        return {
+          background: colors.primary,
+          color: colors["primary-foreground"],
+          border: colors.primary,
+          pressedBackground: colors.primary,
+          pressedColor: colors["primary-foreground"],
+          pressedBorder: colors.primary
+        };
+    }
+  }, [variant, danger, colors]);
+}
+function useButtonStyle(variant, size, block, disabled, pressed, danger, iconOnly) {
+  const tokens = useButtonTokens(size);
+  const colors = useButtonColors(variant, danger);
+  return (0, import_react.useMemo)(() => {
+    const style = {
+      display: block ? "flex" : "inline-flex",
+      alignItems: "center",
+      justifyContent: "center",
+      height: tokens.height,
+      minWidth: iconOnly ? tokens.height : void 0,
+      paddingLeft: iconOnly ? 0 : tokens.paddingX,
+      paddingRight: iconOnly ? 0 : tokens.paddingX,
+      fontSize: tokens.fontSize,
+      lineHeight: `${tokens.lineHeight}px`,
+      borderRadius: tokens.borderRadius,
+      borderWidth: tokens.borderWidth,
+      borderStyle: "solid",
+      borderColor: pressed ? colors.pressedBorder : colors.border,
+      backgroundColor: pressed ? colors.pressedBackground : colors.background,
+      color: pressed ? colors.pressedColor : colors.color,
+      width: block ? "100%" : iconOnly ? tokens.height : "auto",
+      maxWidth: "100%",
+      alignSelf: block ? "stretch" : "flex-start",
+      margin: 0,
+      opacity: disabled ? 0.5 : pressed && variant === "default" && !danger ? 0.8 : 1,
+      cursor: disabled ? "not-allowed" : "pointer",
+      userSelect: "none",
+      boxSizing: "border-box",
+      fontWeight: 500,
+      flexShrink: 0
+    };
+    return style;
+  }, [tokens, colors, block, disabled, iconOnly, pressed, variant, danger]);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useButtonColors,
+  useButtonStyle,
+  useButtonTokens
+});

package/lib/components/button/types.d.ts

@@ -0,0 +1,69 @@
+/**
+ * Button Component Types
+ */
+/// <reference types="react" />
+import type { SizeVariant } from '../../theme/types';
+export declare type ButtonVariant = 'default' | 'secondary' | 'outline' | 'ghost' | 'destructive' | 'link' | 'primary';
+export declare type ButtonLegacyType = 'default' | 'secondary' | 'outline' | 'ghost' | 'destructive' | 'link' | 'primary' | 'solid' | 'dashed' | 'text';
+export interface ButtonProps {
+    /** Button content */
+    children?: React.ReactNode;
+    /**
+     * Visual style variant
+     * @default 'default'
+     * @deprecated 'primary' is deprecated, use 'default' instead
+     */
+    variant?: ButtonVariant;
+    /** Legacy variant alias used by x-mobile-ui and x-web-ui */
+    type?: ButtonLegacyType;
+    /** Native form type compatibility prop */
+    htmlType?: 'button' | 'submit' | 'reset';
+    /** Size variant */
+    size?: SizeVariant;
+    /** Shape variant used by x-web-ui */
+    shape?: 'default' | 'rounded' | 'round' | 'square' | 'rectangular';
+    /** Full width button */
+    block?: boolean;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Loading state */
+    loading?: boolean;
+    /** Icon rendered before the content */
+    icon?: React.ReactNode;
+    /** Custom loading indicator */
+    loadingIcon?: React.ReactNode;
+    /** Replaces children while loading */
+    loadingText?: React.ReactNode;
+    /** Gap between icon and content */
+    gap?: number | string;
+    /** Navigate to a mini-program or H5 route when clicked */
+    href?: string;
+    /** Route target alias aligned with x-mobile-ui */
+    to?: string;
+    /** Link target compatibility prop */
+    target?: string;
+    /** External-link compatibility prop */
+    external?: boolean;
+    /** Danger compatibility prop */
+    danger?: boolean;
+    /** Click handler */
+    onClick?: () => void;
+    /** Accessible label */
+    ariaLabel?: string;
+    /** Additional CSS class */
+    className?: string;
+    /** Additional inline styles */
+    style?: React.CSSProperties;
+    /** Stable selector for tests and automation */
+    testID?: string;
+}
+export interface ButtonGroupProps {
+    children?: React.ReactNode;
+    direction?: 'horizontal' | 'vertical';
+    gap?: number | string;
+    block?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+    testID?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/components/button/types.js

@@ -0,0 +1,17 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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/button/types.ts
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);

package/lib/components/capsuleTabs/capsuleTabs.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { CapsuleTabProps, CapsuleTabsProps } from './types';
+export declare const CapsuleTab: React.FC<CapsuleTabProps>;
+export declare const CapsuleTabs: React.FC<CapsuleTabsProps>;
+export default CapsuleTabs;
+//# sourceMappingURL=capsuleTabs.d.ts.map