@hanwenbo/x-taro-ui 0.0.1

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

@@ -0,0 +1,61 @@
+/**
+ * TreeSelect Component Types
+ *
+ * @description
+ * Design system aligned treeSelect component types
+ */
+import type { ReactNode } from 'react';
+import type { SizeVariant } from '../../theme/types';
+export interface TreeSelectNode {
+    key: string;
+    /** x-taro-ui legacy label alias. */
+    label?: ReactNode;
+    /** Node label aligned with x-mobile-ui. */
+    title?: ReactNode;
+    /** Select value. Falls back to key. */
+    value?: string;
+    description?: ReactNode;
+    disabled?: boolean;
+    disableCheckbox?: boolean;
+    children?: TreeSelectNode[];
+}
+export declare type TreeNodeType = TreeSelectNode;
+export interface TreeSelectProps {
+    /** Tree data */
+    treeData: TreeSelectNode[];
+    /** Controlled value */
+    value?: string | string[];
+    /** Default value */
+    defaultValue?: string | string[];
+    /** Multiple mode */
+    multiple?: boolean;
+    /** Checkable mode */
+    checkable?: boolean;
+    /** Search enabled */
+    searchable?: boolean;
+    allowClear?: boolean;
+    showSearch?: boolean;
+    treeCheckable?: boolean;
+    variant?: 'default' | 'outline' | 'outlined' | 'filled' | 'borderless' | 'underlined';
+    /** Placeholder */
+    placeholder?: string;
+    /** Size variant */
+    size?: SizeVariant;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Default expanded keys */
+    defaultExpandedKeys?: string[];
+    /** Empty text */
+    emptyText?: ReactNode;
+    /** Change callback */
+    onChange?: (value: string | string[] | undefined, nodes: TreeSelectNode[]) => void;
+    /** Dropdown visibility callback. */
+    onOpenChange?: (open: boolean) => void;
+    /** Custom className */
+    className?: string;
+    /** Custom styles */
+    style?: React.CSSProperties;
+    /** H5 popup mount container. Mini-program runtimes keep this as a compatibility prop. */
+    getPopupContainer?: () => HTMLElement;
+}
+//# sourceMappingURL=types.d.ts.map

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

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

@@ -0,0 +1,4 @@
+export { Typography } from './typography';
+export { default } from './typography';
+export type { TypographyComponent, TypographyLegacyVariant, TypographyLinkProps, TypographyParagraphProps, TypographyProps, TypographySemanticVariant, TypographyTextProps, TypographyTitleProps } from './types';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/typography/index.js

@@ -0,0 +1,41 @@
+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/typography/index.ts
+var index_exports = {};
+__export(index_exports, {
+  Typography: () => import_typography.Typography,
+  default: () => import_typography2.default
+});
+module.exports = __toCommonJS(index_exports);
+var import_typography = require("./typography");
+var import_typography2 = __toESM(require("./typography"));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Typography
+});

package/lib/components/typography/style.css

@@ -0,0 +1,3 @@
+.x-typography__link--pressed {
+  opacity: 0.72;
+}

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

@@ -0,0 +1,68 @@
+import type { ReactNode } from 'react';
+import type { NavigatorProps as TaroNavigatorProps } from '@tarojs/components/types/Navigator';
+import type { ViewProps as TaroViewProps } from '@tarojs/components/types/View';
+import type { TextProps, TextVariant, TextWeight } from '../text';
+declare type NativeTypographyProps = Omit<TaroViewProps, 'children' | 'className' | 'onClick' | 'ref' | 'style'>;
+declare type NativeTypographyLinkProps = Omit<TaroNavigatorProps, 'children' | 'className' | 'onClick' | 'ref' | 'style' | 'url'>;
+export declare type TypographyLegacyVariant = 'display' | 'title' | 'subtitle' | 'body' | 'caption' | 'code';
+export interface TypographyProps extends NativeTypographyProps {
+    /**
+     * Compatibility text preset. Prefer `Typography.Title`, `Typography.Text`,
+     * or `Typography.Paragraph` for new code.
+     */
+    variant?: TypographyLegacyVariant;
+    /** Compatibility text color or custom CSS color. */
+    color?: TextProps['color'];
+    /** Compatibility font-weight override. */
+    weight?: TextWeight;
+    /** Compatibility text alignment. */
+    align?: TextProps['align'];
+    /** Compatibility display override. */
+    block?: boolean;
+    /** Compatibility multiline clamp. */
+    numberOfLines?: number;
+    /** Allow users to select/copy the compatibility text primitive. */
+    copyable?: boolean;
+    /** Root click callback. */
+    onClick?: TaroViewProps['onClick'];
+    children?: ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+    /** React Native compatible test id. */
+    testID?: string;
+    /** Accessible label forwarded to the Taro primitive. */
+    ariaLabel?: string;
+    /** Optional semantic role. */
+    role?: string;
+}
+export interface TypographyTextProps extends TextProps {
+    /** Allow users to select/copy the text. */
+    copyable?: boolean;
+}
+export interface TypographyParagraphProps extends TypographyTextProps {
+}
+export interface TypographyTitleProps extends Omit<TypographyTextProps, 'variant'> {
+    /** Heading level. Values are normalized to the supported 1-5 range. */
+    level?: number;
+}
+export interface TypographyLinkProps extends NativeTypographyLinkProps {
+    /** Taro route or H5 URL. */
+    href?: string;
+    children?: ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+    onClick?: TaroNavigatorProps['onClick'];
+    /** React Native compatible test id. */
+    testID?: string;
+    /** Accessible link label. */
+    ariaLabel?: string;
+}
+export interface TypographyComponent extends React.FC<TypographyProps> {
+    Text: React.FC<TypographyTextProps>;
+    Paragraph: React.FC<TypographyParagraphProps>;
+    Title: React.FC<TypographyTitleProps>;
+    Link: React.FC<TypographyLinkProps>;
+}
+export declare type TypographySemanticVariant = TextVariant;
+export {};
+//# sourceMappingURL=types.d.ts.map

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

package/lib/components/typography/typography.d.ts

@@ -0,0 +1,2 @@
+import './style.css';
+//# sourceMappingURL=typography.d.ts.map

package/lib/components/typography/typography.js

@@ -0,0 +1,247 @@
+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/typography/typography.tsx
+var typography_exports = {};
+__export(typography_exports, {
+  Typography: () => Typography,
+  default: () => typography_default
+});
+module.exports = __toCommonJS(typography_exports);
+var import_react = __toESM(require("react"));
+var import_components = require("@tarojs/components");
+var import_theme = require("../../theme");
+var import_utils = require("../../utils");
+var import_text = __toESM(require("../text/text"));
+var import_style = require("./style.css");
+var legacyVariantMap = {
+  display: "display",
+  title: "h3",
+  subtitle: "h5",
+  body: "body",
+  caption: "caption",
+  code: "code"
+};
+var titleVariantMap = {
+  1: "h1",
+  2: "h2",
+  3: "h3",
+  4: "h4",
+  5: "h5"
+};
+var AccessibleNavigator = import_components.Navigator;
+function normalizeTitleLevel(level) {
+  if (level === void 0 || !Number.isFinite(Number(level))) return 4;
+  return Math.min(5, Math.max(1, Math.trunc(Number(level))));
+}
+function hasCompatibilityTextProps(props) {
+  return props.variant !== void 0 || props.color !== void 0 || props.weight !== void 0 || props.align !== void 0 || props.block !== void 0 || props.numberOfLines !== void 0 || props.copyable !== void 0;
+}
+var TypographyText = ({
+  variant = "body",
+  block = false,
+  copyable = false,
+  selectable,
+  userSelect,
+  className,
+  style,
+  "data-typography-part": typographyPart = "text",
+  ...textProps
+}) => /* @__PURE__ */ import_react.default.createElement(
+  import_text.default,
+  {
+    ...textProps,
+    variant,
+    block,
+    selectable: copyable || selectable,
+    userSelect: copyable || userSelect,
+    className: (0, import_utils.classNames)("x-typography__text", className),
+    "data-typography-part": typographyPart,
+    style: { cursor: copyable ? "text" : void 0, ...style }
+  }
+);
+var Paragraph = ({
+  variant = "body",
+  className,
+  ...textProps
+}) => /* @__PURE__ */ import_react.default.createElement(
+  TypographyText,
+  {
+    ...textProps,
+    variant,
+    block: true,
+    className: (0, import_utils.classNames)("x-typography__paragraph", className),
+    "data-typography-part": "paragraph"
+  }
+);
+var Title = ({ level = 4, className, ...textProps }) => {
+  const normalizedLevel = normalizeTitleLevel(level);
+  return /* @__PURE__ */ import_react.default.createElement(
+    TypographyText,
+    {
+      ...textProps,
+      variant: titleVariantMap[normalizedLevel],
+      block: true,
+      role: "heading",
+      "aria-level": normalizedLevel,
+      className: (0, import_utils.classNames)(
+        "x-typography__title",
+        `x-typography__title--level-${normalizedLevel}`,
+        className
+      ),
+      "data-typography-part": "title",
+      "data-level": normalizedLevel
+    }
+  );
+};
+var Link = ({
+  href,
+  className,
+  style,
+  children,
+  testID,
+  ariaLabel,
+  hoverClass,
+  ...navigatorProps
+}) => {
+  const { theme } = (0, import_theme.useTheme)();
+  return /* @__PURE__ */ import_react.default.createElement(
+    AccessibleNavigator,
+    {
+      ...navigatorProps,
+      url: href,
+      role: "link",
+      tabIndex: 0,
+      ariaLabel,
+      "data-slot": "typography-link",
+      "data-testid": testID,
+      hoverClass: (0, import_utils.classNames)("x-typography__link--pressed", hoverClass),
+      className: (0, import_utils.classNames)("x-typography__link", className),
+      style: {
+        display: "inline",
+        color: theme.colors.primary,
+        fontSize: 16,
+        fontWeight: 400,
+        lineHeight: (0, import_theme.typographyLineHeight)("body"),
+        textDecoration: "underline",
+        cursor: "pointer",
+        ...style
+      }
+    },
+    children
+  );
+};
+var TypographyBase = (props) => {
+  const { theme } = (0, import_theme.useTheme)();
+  if (hasCompatibilityTextProps(props)) {
+    const {
+      variant = "body",
+      color,
+      weight,
+      align,
+      block = variant !== "caption",
+      numberOfLines,
+      copyable = false,
+      onClick: onClick2,
+      children: children2,
+      className: className2,
+      style: style2,
+      testID: testID2,
+      ariaLabel: ariaLabel2,
+      role: role2,
+      ...nativeProps2
+    } = props;
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_text.default,
+      {
+        ...nativeProps2,
+        variant: legacyVariantMap[variant],
+        color,
+        weight,
+        align,
+        block,
+        numberOfLines,
+        selectable: copyable,
+        userSelect: copyable,
+        onClick: onClick2,
+        className: (0, import_utils.classNames)(
+          "x-typography",
+          "x-typography--legacy",
+          `x-typography--${variant}`,
+          className2
+        ),
+        "data-typography-part": "legacy",
+        testID: testID2,
+        ariaLabel: ariaLabel2,
+        role: role2,
+        style: {
+          cursor: copyable ? "text" : onClick2 ? "pointer" : void 0,
+          ...style2
+        }
+      },
+      children2
+    );
+  }
+  const { children, className, style, onClick, testID, ariaLabel, role, ...nativeProps } = props;
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_components.View,
+    {
+      ...nativeProps,
+      className: (0, import_utils.classNames)("x-typography", className),
+      "data-slot": "typography",
+      "data-testid": testID,
+      ariaLabel,
+      role,
+      style: {
+        color: theme.colors.foreground,
+        fontSize: 16,
+        fontWeight: 400,
+        lineHeight: (0, import_theme.typographyLineHeight)("body"),
+        ...style
+      },
+      onClick
+    },
+    children
+  );
+};
+TypographyBase.displayName = "Typography";
+TypographyText.displayName = "Typography.Text";
+Paragraph.displayName = "Typography.Paragraph";
+Title.displayName = "Typography.Title";
+Link.displayName = "Typography.Link";
+var Typography = Object.assign(TypographyBase, {
+  Text: TypographyText,
+  Paragraph,
+  Title,
+  Link
+});
+var typography_default = Typography;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Typography
+});

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

@@ -0,0 +1,4 @@
+export * from './types';
+export { default as View } from './view';
+export { default } from './view';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/view/index.js

@@ -0,0 +1,44 @@
+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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+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/view/index.ts
+var index_exports = {};
+__export(index_exports, {
+  View: () => import_view.default,
+  default: () => import_view2.default
+});
+module.exports = __toCommonJS(index_exports);
+__reExport(index_exports, require("./types"), module.exports);
+var import_view = __toESM(require("./view"));
+var import_view2 = __toESM(require("./view"));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  View,
+  ...require("./types")
+});

package/lib/components/view/observeLayout.d.ts

@@ -0,0 +1,2 @@
+export declare function observeViewLayout(_element: unknown, _listener: () => void): (() => void) | undefined;
+//# sourceMappingURL=observeLayout.d.ts.map

package/lib/components/view/observeLayout.h5.d.ts

@@ -0,0 +1,2 @@
+export declare function observeViewLayout(element: unknown, listener: () => void): (() => void) | undefined;
+//# sourceMappingURL=observeLayout.h5.d.ts.map

package/lib/components/view/observeLayout.h5.js

@@ -0,0 +1,35 @@
+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/view/observeLayout.h5.ts
+var observeLayout_h5_exports = {};
+__export(observeLayout_h5_exports, {
+  observeViewLayout: () => observeViewLayout
+});
+module.exports = __toCommonJS(observeLayout_h5_exports);
+function observeViewLayout(element, listener) {
+  const runtime = globalThis;
+  if (!element || typeof runtime.ResizeObserver !== "function") return void 0;
+  const observer = new runtime.ResizeObserver(listener);
+  observer.observe(element);
+  return () => observer.disconnect();
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  observeViewLayout
+});

package/lib/components/view/observeLayout.js

@@ -0,0 +1,31 @@
+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/view/observeLayout.ts
+var observeLayout_exports = {};
+__export(observeLayout_exports, {
+  observeViewLayout: () => observeViewLayout
+});
+module.exports = __toCommonJS(observeLayout_exports);
+function observeViewLayout(_element, _listener) {
+  return void 0;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  observeViewLayout
+});

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

@@ -0,0 +1,81 @@
+/**
+ * View Component Types
+ *
+ * @description
+ * Design system aligned view component types
+ */
+import type { ReactNode } from 'react';
+import type { ViewProps as TaroViewProps } from '@tarojs/components/types/View';
+declare type NativeViewProps = Omit<TaroViewProps, 'children' | 'className' | 'id' | 'onClick' | 'ref' | 'style'>;
+export declare type ViewDisplay = 'block' | 'flex';
+export declare type ViewDirection = 'row' | 'column';
+export declare type ViewVariant = 'plain' | 'background' | 'card' | 'muted' | 'outline';
+export interface ViewLayout {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+export interface ViewLayoutEvent {
+    nativeEvent: {
+        layout: ViewLayout;
+    };
+    target: unknown;
+    currentTarget: unknown;
+}
+export interface ViewProps extends NativeViewProps {
+    /** Native Taro node id. */
+    id?: string;
+    /** Component children */
+    children?: ReactNode;
+    /** Layout display mode */
+    display?: ViewDisplay;
+    /** Flex direction */
+    direction?: ViewDirection;
+    /** Alignment on cross axis */
+    align?: React.CSSProperties['alignItems'];
+    /** Justify content */
+    justify?: React.CSSProperties['justifyContent'];
+    /** Enable wrapping */
+    wrap?: boolean;
+    /** Inner gap */
+    gap?: number | string;
+    /** Padding */
+    padding?: number | string;
+    /** Margin */
+    margin?: number | string;
+    /** Width */
+    width?: number | string;
+    /** Height */
+    height?: number | string;
+    /** Fill available width */
+    fullWidth?: boolean;
+    /** Fill available height */
+    fullHeight?: boolean;
+    /** Border radius */
+    radius?: number | string;
+    /** Visual variant */
+    variant?: ViewVariant;
+    /** Draw border */
+    bordered?: boolean;
+    /** Add subtle shadow */
+    shadow?: boolean;
+    /** Custom background color */
+    backgroundColor?: string;
+    /** Custom border color */
+    borderColor?: string;
+    /** Native Taro click callback. */
+    onClick?: TaroViewProps['onClick'];
+    /** Custom className */
+    className?: string;
+    /** Custom styles. Caller styles take precedence over component shortcuts. */
+    style?: React.CSSProperties;
+    /** RN-compatible layout callback backed by Taro selector measurement. */
+    onLayout?: (event: ViewLayoutEvent) => void;
+    justifyContent?: React.CSSProperties['justifyContent'];
+    flexWrap?: React.CSSProperties['flexWrap'];
+    bgVariant?: 'background' | 'card' | 'muted';
+    testID?: string;
+}
+export {};
+//# sourceMappingURL=types.d.ts.map