@hanwenbo/x-taro-ui 0.0.1

package/lib/components/card/card.js

@@ -0,0 +1,288 @@
+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/card/card.tsx
+var card_exports = {};
+__export(card_exports, {
+  Card: () => Card,
+  CardHeader: () => CardHeader,
+  CardMeta: () => CardMeta,
+  default: () => card_default
+});
+module.exports = __toCommonJS(card_exports);
+var import_react = __toESM(require("react"));
+var import_components = require("@tarojs/components");
+var import_patterns = require("../../patterns");
+var import_utils = require("../../utils");
+var import_tokens = require("./tokens");
+var import_theme = require("../../theme");
+var import_configProvider = require("../configProvider");
+var import_spinner = require("../spinner");
+var Card = ({
+  title,
+  extra,
+  children,
+  cover,
+  actions,
+  loading = false,
+  loadingText,
+  hoverable = false,
+  disabled: disabledProp,
+  variant = "default",
+  size: sizeProp,
+  onClick,
+  onHeaderClick,
+  onBodyClick,
+  headerClassName,
+  headerStyle,
+  bodyClassName,
+  bodyStyle,
+  coverClassName,
+  coverStyle,
+  actionsClassName,
+  actionsStyle,
+  type,
+  bordered,
+  className,
+  style
+}) => {
+  const config = (0, import_configProvider.useConfig)();
+  const size = sizeProp ?? config.componentSize;
+  const disabled = Boolean(disabledProp || config.componentDisabled);
+  const resolvedSize = size === "default" ? "middle" : size;
+  const resolvedVariant = type === "borderless" || variant === "borderless" ? "borderless" : type === "outlined" || variant === "outlined" ? "outline" : variant;
+  const effectiveBordered = bordered ?? (resolvedVariant === "default" || resolvedVariant === "outline");
+  const padding = (0, import_tokens.useCardPadding)(resolvedSize);
+  const colors = (0, import_tokens.useCardColors)(resolvedVariant);
+  const cardStyle = (0, import_tokens.useCardStyle)(resolvedVariant, resolvedSize);
+  const { colors: themeColors } = (0, import_theme.useTokens)();
+  const { handlers, style: pressStyle } = (0, import_patterns.usePressable)({
+    disabled: disabled || loading || !onClick && !hoverable,
+    onPress: onClick,
+    scale: 0.99
+  });
+  const combinedStyle = {
+    ...cardStyle,
+    position: "relative",
+    display: "flex",
+    flexDirection: "column",
+    color: colors.foreground,
+    ...effectiveBordered ? {} : { borderWidth: 0, borderColor: "transparent" },
+    ...disabled ? { opacity: 0.6 } : {},
+    ...style,
+    ...pressStyle
+  };
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_components.View,
+    {
+      "data-slot": "card",
+      className: (0, import_utils.classNames)(
+        `${config.prefixCls}-card`,
+        `${config.prefixCls}-card--${resolvedVariant}`,
+        `${config.prefixCls}-card--${resolvedSize}`,
+        hoverable && !disabled && !loading && `${config.prefixCls}-card--hoverable`,
+        disabled && `${config.prefixCls}-card--disabled`,
+        loading && `${config.prefixCls}-card--loading`,
+        className
+      ),
+      style: combinedStyle,
+      ...handlers
+    },
+    loading && /* @__PURE__ */ import_react.default.createElement(
+      import_components.View,
+      {
+        "data-slot": "card-loading",
+        className: `${config.prefixCls}-card__loading`,
+        style: {
+          position: "absolute",
+          top: 0,
+          right: 0,
+          bottom: 0,
+          left: 0,
+          zIndex: 10,
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          backgroundColor: (0, import_theme.withOpacity)(themeColors.card, 0.8),
+          borderRadius: "inherit",
+          backdropFilter: "blur(4px)",
+          WebkitBackdropFilter: "blur(4px)"
+        }
+      },
+      /* @__PURE__ */ import_react.default.createElement(
+        import_components.View,
+        {
+          "data-slot": "card-loading-content",
+          className: `${config.prefixCls}-card__loading-content`,
+          style: {
+            display: "flex",
+            flexDirection: "column",
+            alignItems: "center",
+            gap: 8 * (14 / 16)
+          }
+        },
+        /* @__PURE__ */ import_react.default.createElement(import_spinner.Spinner, { size: "middle", color: themeColors.primary, label: loadingText }),
+        loadingText ? /* @__PURE__ */ import_react.default.createElement(
+          import_components.Text,
+          {
+            "data-slot": "card-loading-text",
+            className: `${config.prefixCls}-card__loading-text`,
+            style: {
+              color: themeColors["muted-foreground"],
+              fontSize: 14,
+              lineHeight: "20px"
+            }
+          },
+          loadingText
+        ) : null
+      )
+    ),
+    cover && /* @__PURE__ */ import_react.default.createElement(
+      import_components.View,
+      {
+        "data-slot": "card-cover",
+        className: (0, import_utils.classNames)(`${config.prefixCls}-card__cover`, coverClassName),
+        style: { height: padding.coverHeight, overflow: "hidden", ...coverStyle }
+      },
+      cover
+    ),
+    (title !== void 0 || extra !== void 0) && /* @__PURE__ */ import_react.default.createElement(
+      import_components.View,
+      {
+        "data-slot": "card-header",
+        className: (0, import_utils.classNames)(`${config.prefixCls}-card__header`, headerClassName),
+        onClick: disabled || loading ? void 0 : onHeaderClick,
+        style: {
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "space-between",
+          padding: `${padding.headerPaddingY}px ${padding.headerPaddingX}px`,
+          borderBottomWidth: 1,
+          borderBottomStyle: "solid",
+          borderBottomColor: colors.headerBorder,
+          ...headerStyle
+        }
+      },
+      /* @__PURE__ */ import_react.default.createElement(
+        import_components.View,
+        {
+          "data-slot": "card-title",
+          className: `${config.prefixCls}-card__title`,
+          style: {
+            fontSize: padding.titleFontSize,
+            lineHeight: "28px",
+            fontWeight: 600,
+            color: colors.foreground
+          }
+        },
+        title
+      ),
+      extra !== void 0 && /* @__PURE__ */ import_react.default.createElement(import_components.View, { "data-slot": "card-extra", style: { color: themeColors["muted-foreground"] } }, extra)
+    ),
+    children !== void 0 && children !== null && /* @__PURE__ */ import_react.default.createElement(
+      import_components.View,
+      {
+        "data-slot": "card-body",
+        className: (0, import_utils.classNames)(`${config.prefixCls}-card__body`, bodyClassName),
+        onClick: disabled || loading ? void 0 : onBodyClick,
+        style: {
+          flex: 1,
+          padding: `${padding.bodyPaddingY}px ${padding.bodyPaddingX}px`,
+          fontSize: padding.fontSize,
+          lineHeight: "22px",
+          ...bodyStyle
+        }
+      },
+      children
+    ),
+    actions && actions.length > 0 && /* @__PURE__ */ import_react.default.createElement(
+      import_components.View,
+      {
+        "data-slot": "card-actions",
+        className: (0, import_utils.classNames)(`${config.prefixCls}-card__actions`, actionsClassName),
+        style: {
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "flex-end",
+          gap: 8 * (14 / 16),
+          padding: `${padding.actionsPaddingY}px ${padding.actionsPaddingX}px`,
+          backgroundColor: colors.actionsBackground,
+          borderTopWidth: 1,
+          borderTopStyle: "solid",
+          borderTopColor: colors.headerBorder,
+          ...actionsStyle
+        }
+      },
+      actions.map((action, index) => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, { key: index }, action))
+    )
+  );
+};
+var CardHeader = ({ title, subtitle, avatar, extra }) => {
+  const { colors } = (0, import_theme.useTokens)();
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_components.View,
+    {
+      className: "x-card-header",
+      style: {
+        display: "flex",
+        alignItems: "center",
+        gap: 12,
+        padding: 16
+      }
+    },
+    avatar && /* @__PURE__ */ import_react.default.createElement(import_components.View, null, avatar),
+    /* @__PURE__ */ import_react.default.createElement(import_components.View, { style: { flex: 1 } }, title && /* @__PURE__ */ import_react.default.createElement(import_components.Text, { style: { fontSize: 16, fontWeight: 600, color: colors.foreground } }, title), subtitle && /* @__PURE__ */ import_react.default.createElement(import_components.Text, { style: { fontSize: 14, color: colors["muted-foreground"], marginTop: 4 } }, subtitle)),
+    extra && /* @__PURE__ */ import_react.default.createElement(import_components.View, null, extra)
+  );
+};
+var CardMeta = ({ title, description, avatar }) => {
+  const { colors } = (0, import_theme.useTokens)();
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_components.View,
+    {
+      className: "x-card-meta",
+      style: {
+        display: "flex",
+        alignItems: "flex-start",
+        gap: 12
+      }
+    },
+    avatar && /* @__PURE__ */ import_react.default.createElement(import_components.View, null, avatar),
+    /* @__PURE__ */ import_react.default.createElement(import_components.View, { style: { flex: 1 } }, title && /* @__PURE__ */ import_react.default.createElement(import_components.Text, { style: { fontSize: 16, fontWeight: 500, color: colors.foreground } }, title), description && /* @__PURE__ */ import_react.default.createElement(import_components.Text, { style: { fontSize: 14, color: colors["muted-foreground"], marginTop: 4 } }, description))
+  );
+};
+var CardWithSubcomponents = Card;
+CardWithSubcomponents.Header = CardHeader;
+CardWithSubcomponents.Meta = CardMeta;
+var card_default = CardWithSubcomponents;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Card,
+  CardHeader,
+  CardMeta
+});

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

@@ -0,0 +1,7 @@
+/**
+ * Card Component Export
+ */
+export { Card, CardHeader, CardMeta } from './card';
+export type { CardProps, CardSize, CardVariant, CardHeaderProps, CardMetaProps } from './types';
+export { useCardPadding, useCardColors, useCardStyle } from './tokens';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/card/index.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/card/index.ts
+var index_exports = {};
+__export(index_exports, {
+  Card: () => import_card.Card,
+  CardHeader: () => import_card.CardHeader,
+  CardMeta: () => import_card.CardMeta,
+  useCardColors: () => import_tokens.useCardColors,
+  useCardPadding: () => import_tokens.useCardPadding,
+  useCardStyle: () => import_tokens.useCardStyle
+});
+module.exports = __toCommonJS(index_exports);
+var import_card = require("./card");
+var import_tokens = require("./tokens");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Card,
+  CardHeader,
+  CardMeta,
+  useCardColors,
+  useCardPadding,
+  useCardStyle
+});

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

@@ -0,0 +1,37 @@
+/**
+ * Card Component Tokens
+ * Defines how Card consumes design system tokens
+ */
+/// <reference types="react" />
+import type { CardVariant, CardSize } from './types';
+export interface CardPaddingTokens {
+    bodyPaddingX: number;
+    bodyPaddingY: number;
+    headerPaddingX: number;
+    headerPaddingY: number;
+    actionsPaddingX: number;
+    actionsPaddingY: number;
+    coverHeight: number;
+    fontSize: number;
+    titleFontSize: number;
+}
+/**
+ * Get card size tokens
+ */
+export declare function useCardPadding(size?: CardSize): CardPaddingTokens;
+/**
+ * Get card colors for variant
+ */
+export declare function useCardColors(variant?: CardVariant): {
+    background: string;
+    foreground: string;
+    border: string;
+    headerBorder: string;
+    actionsBackground: string;
+    shadow: string;
+};
+/**
+ * Build card style object
+ */
+export declare function useCardStyle(variant: CardVariant, size: CardSize): React.CSSProperties;
+//# sourceMappingURL=tokens.d.ts.map

package/lib/components/card/tokens.js

@@ -0,0 +1,178 @@
+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/card/tokens.ts
+var tokens_exports = {};
+__export(tokens_exports, {
+  useCardColors: () => useCardColors,
+  useCardPadding: () => useCardPadding,
+  useCardStyle: () => useCardStyle
+});
+module.exports = __toCommonJS(tokens_exports);
+var import_react = require("react");
+var import_theme = require("../../theme");
+var MOBILE_ROOT_REM_SCALE = 14 / 16;
+var mobileSpacing = (value) => value * MOBILE_ROOT_REM_SCALE;
+function useCardPadding(size = "default") {
+  return (0, import_react.useMemo)(() => {
+    const sizeMap = {
+      mini: {
+        bodyPaddingX: mobileSpacing(12),
+        bodyPaddingY: mobileSpacing(8),
+        headerPaddingX: mobileSpacing(12),
+        headerPaddingY: mobileSpacing(8),
+        actionsPaddingX: mobileSpacing(12),
+        actionsPaddingY: mobileSpacing(8),
+        coverHeight: mobileSpacing(96),
+        fontSize: 14,
+        titleFontSize: 18
+      },
+      small: {
+        bodyPaddingX: mobileSpacing(16),
+        bodyPaddingY: mobileSpacing(12),
+        headerPaddingX: mobileSpacing(16),
+        headerPaddingY: mobileSpacing(10),
+        actionsPaddingX: mobileSpacing(16),
+        actionsPaddingY: mobileSpacing(10),
+        coverHeight: mobileSpacing(128),
+        fontSize: 14,
+        titleFontSize: 18
+      },
+      middle: {
+        bodyPaddingX: mobileSpacing(16),
+        bodyPaddingY: mobileSpacing(16),
+        headerPaddingX: mobileSpacing(16),
+        headerPaddingY: mobileSpacing(12),
+        actionsPaddingX: mobileSpacing(16),
+        actionsPaddingY: mobileSpacing(12),
+        coverHeight: mobileSpacing(160),
+        fontSize: 14,
+        titleFontSize: 18
+      },
+      large: {
+        bodyPaddingX: mobileSpacing(20),
+        bodyPaddingY: mobileSpacing(20),
+        headerPaddingX: mobileSpacing(20),
+        headerPaddingY: mobileSpacing(16),
+        actionsPaddingX: mobileSpacing(20),
+        actionsPaddingY: mobileSpacing(16),
+        coverHeight: mobileSpacing(192),
+        fontSize: 14,
+        titleFontSize: 18
+      },
+      default: {
+        bodyPaddingX: mobileSpacing(16),
+        bodyPaddingY: mobileSpacing(16),
+        headerPaddingX: mobileSpacing(16),
+        headerPaddingY: mobileSpacing(12),
+        actionsPaddingX: mobileSpacing(16),
+        actionsPaddingY: mobileSpacing(12),
+        coverHeight: mobileSpacing(160),
+        fontSize: 14,
+        titleFontSize: 18
+      }
+    };
+    return sizeMap[size];
+  }, [size]);
+}
+function useCardColors(variant = "default") {
+  const { colors } = (0, import_theme.useTokens)();
+  return (0, import_react.useMemo)(() => {
+    switch (variant) {
+      case "secondary":
+        return {
+          background: colors.secondary,
+          foreground: colors["secondary-foreground"],
+          border: "transparent",
+          headerBorder: "transparent",
+          actionsBackground: (0, import_theme.withOpacity)(colors.secondary, 0.5),
+          shadow: "none"
+        };
+      case "outline":
+      case "outlined":
+        return {
+          background: "transparent",
+          foreground: colors["card-foreground"],
+          border: colors.border,
+          headerBorder: colors.border,
+          actionsBackground: (0, import_theme.withOpacity)(colors.muted, 0.2),
+          shadow: "none"
+        };
+      case "ghost":
+      case "borderless":
+        return {
+          background: "transparent",
+          foreground: colors["card-foreground"],
+          border: "transparent",
+          headerBorder: "transparent",
+          actionsBackground: "transparent",
+          shadow: "none"
+        };
+      case "elevated":
+        return {
+          background: colors.card,
+          foreground: colors["card-foreground"],
+          border: "transparent",
+          headerBorder: colors.border,
+          actionsBackground: (0, import_theme.withOpacity)(colors.muted, 0.3),
+          shadow: `0 10px 24px ${(0, import_theme.withOpacity)(colors.foreground, 0.1)}`
+        };
+      case "default":
+      default:
+        return {
+          background: colors.card,
+          foreground: colors["card-foreground"],
+          border: colors.border,
+          headerBorder: colors.border,
+          actionsBackground: (0, import_theme.withOpacity)(colors.muted, 0.3),
+          shadow: "none"
+        };
+    }
+  }, [variant, colors]);
+}
+function useCardStyle(variant, size) {
+  const colors = useCardColors(variant);
+  const { radius } = (0, import_theme.useTokens)();
+  const resolvedVariant = variant === "outlined" ? "outline" : variant;
+  const resolvedSize = size === "default" ? "middle" : size;
+  const radiusBySize = {
+    mini: radius.get("md"),
+    small: radius.get("lg"),
+    middle: radius.get("lg"),
+    large: radius.get("xl")
+  };
+  const radiusValue = radiusBySize[resolvedSize];
+  return (0, import_react.useMemo)(
+    () => ({
+      backgroundColor: colors.background,
+      borderRadius: radiusValue,
+      borderWidth: resolvedVariant === "outline" || resolvedVariant === "default" ? 1 : 0,
+      borderStyle: "solid",
+      borderColor: colors.border,
+      boxShadow: colors.shadow,
+      overflow: "hidden"
+    }),
+    [colors, radiusValue, resolvedVariant]
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useCardColors,
+  useCardPadding,
+  useCardStyle
+});

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

@@ -0,0 +1,74 @@
+/**
+ * Card Component Types
+ */
+/// <reference types="react" />
+export declare type CardVariant = 'default' | 'secondary' | 'outline' | 'outlined' | 'borderless' | 'ghost' | 'elevated';
+export declare type CardSize = 'mini' | 'small' | 'middle' | 'large' | 'default';
+export interface CardProps {
+    /** Card title */
+    title?: React.ReactNode;
+    /** Extra content in header (top-right) */
+    extra?: React.ReactNode;
+    /** Card content */
+    children?: React.ReactNode;
+    /** Cover image */
+    cover?: React.ReactNode;
+    /** Actions at the bottom */
+    actions?: React.ReactNode[];
+    /** Loading state */
+    loading?: boolean;
+    /** Whether card has hover effect */
+    hoverable?: boolean;
+    /** Disable card interaction */
+    disabled?: boolean;
+    /** Visual style variant */
+    variant?: CardVariant;
+    /** Size variant */
+    size?: CardSize;
+    /** Click handler */
+    onClick?: () => void;
+    /** Click handler for the header */
+    onHeaderClick?: () => void;
+    /** Click handler for the body */
+    onBodyClick?: () => void;
+    /** Header class/style overrides */
+    headerClassName?: string;
+    headerStyle?: React.CSSProperties;
+    /** Body class/style overrides */
+    bodyClassName?: string;
+    bodyStyle?: React.CSSProperties;
+    /** Cover/actions class overrides */
+    coverClassName?: string;
+    coverStyle?: React.CSSProperties;
+    actionsClassName?: string;
+    actionsStyle?: React.CSSProperties;
+    /** Loading copy */
+    loadingText?: string;
+    /** x-web-ui compatibility alias */
+    type?: string;
+    /** x-web-ui compatibility alias */
+    bordered?: boolean;
+    /** Additional CSS class */
+    className?: string;
+    /** Additional inline styles */
+    style?: React.CSSProperties;
+}
+export interface CardHeaderProps {
+    /** Header title */
+    title?: React.ReactNode;
+    /** Subtitle */
+    subtitle?: React.ReactNode;
+    /** Avatar/icon on the left */
+    avatar?: React.ReactNode;
+    /** Extra content on the right */
+    extra?: React.ReactNode;
+}
+export interface CardMetaProps {
+    /** Meta title */
+    title?: React.ReactNode;
+    /** Meta description */
+    description?: React.ReactNode;
+    /** Avatar on the left */
+    avatar?: React.ReactNode;
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/components/card/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/card/types.ts
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);

package/lib/components/cascadePicker/cascadePicker.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { CascadePickerProps } from './types';
+export declare const CascadePicker: React.ForwardRefExoticComponent<CascadePickerProps & React.RefAttributes<import("../picker").PickerActions>>;
+export default CascadePicker;
+//# sourceMappingURL=cascadePicker.d.ts.map