@miot-rn/car-component 1.0.1

package/dist/components/pageBackground/index.js

@@ -0,0 +1,22 @@
+import React from 'react';
+import { View } from 'react-native';
+import { dynamicStyleSheet } from 'miot/ui/Style/DynamicStyleSheet';
+import { defaultColorToken } from 'miot/ui/hyperOSUI';
+export const PageBackground = ({
+  children,
+  style
+}) => {
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.container, style]
+  }, children);
+};
+const styles = dynamicStyleSheet({
+  container: {
+    position: 'absolute',
+    left: 0,
+    top: 0,
+    right: 0,
+    bottom: 0,
+    backgroundColor: defaultColorToken.mj_color_gray_bg_2
+  }
+});

package/dist/components/seatControl/index.d.ts

@@ -0,0 +1,34 @@
+import React from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+export interface ButtonStateConfig {
+    value: string;
+    backgroundColor: string;
+    disabledBackgroundColor: string;
+    icon: React.ReactElement;
+    iconColor: string;
+}
+export interface ControlButtonConfig {
+    propType: string;
+    spec?: string;
+    title?: string;
+    states: ButtonStateConfig[];
+    currentStateIndex: number;
+    disabled?: boolean;
+}
+export interface OnButtonPressParams {
+    propType: string;
+    spec?: string;
+    previousStateIndex: number;
+    currentStateIndex: number;
+    previousValue: string;
+    currentValue: string;
+    action: 'switch';
+}
+export interface SeatControlProps {
+    title: string;
+    buttons: ControlButtonConfig[];
+    disabled?: boolean;
+    onButtonPress?: (params: OnButtonPressParams) => void;
+    style?: StyleProp<ViewStyle>;
+}
+export declare const SeatControl: ({ title, buttons, disabled, onButtonPress, style }: SeatControlProps) => React.JSX.Element;

package/dist/components/seatControl/index.js

@@ -0,0 +1,98 @@
+import React, { useCallback } from 'react';
+import { View, Text, TouchableOpacity } from 'react-native';
+import { dynamicStyleSheet } from 'miot/ui/Style/DynamicStyleSheet';
+import { Fonts, defaultColorToken } from 'miot/ui/hyperOSUI';
+export const SeatControl = ({
+  title,
+  buttons = [],
+  disabled = false,
+  onButtonPress,
+  style
+}) => {
+  const handleButtonPress = useCallback((propType, buttonConfig) => {
+    if (buttonConfig.disabled) {
+      return;
+    }
+    const newStateIndex = (buttonConfig.currentStateIndex + 1) % buttonConfig.states.length;
+    if (onButtonPress) {
+      onButtonPress({
+        propType,
+        spec: buttonConfig.spec,
+        previousStateIndex: buttonConfig.currentStateIndex,
+        currentStateIndex: newStateIndex,
+        previousValue: buttonConfig.states[buttonConfig.currentStateIndex].value,
+        currentValue: buttonConfig.states[newStateIndex].value,
+        action: 'switch'
+      });
+    }
+  }, [onButtonPress]);
+  const renderControlButton = useCallback(buttonConfig => {
+    const currentState = buttonConfig.states[buttonConfig.currentStateIndex] || {};
+    const isDisabled = buttonConfig.disabled || disabled;
+    const backgroundColor = currentState.backgroundColor;
+    const IconComponent = currentState.icon;
+    return /*#__PURE__*/React.createElement(TouchableOpacity, {
+      key: buttonConfig.propType,
+      style: styles.buttonWrapper,
+      onPress: () => handleButtonPress(buttonConfig.propType, buttonConfig),
+      disabled: isDisabled
+    }, /*#__PURE__*/React.createElement(View, {
+      style: [styles.controlButton, {
+        backgroundColor
+      }]
+    }, IconComponent));
+  }, [handleButtonPress, disabled]);
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.container, style]
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: [styles.title, disabled && styles.titleDisabled],
+    numberOfLines: 3,
+    ellipsizeMode: "tail"
+  }, title), /*#__PURE__*/React.createElement(View, {
+    style: styles.buttonsContainer
+  }, buttons.map(renderControlButton)));
+};
+const styles = dynamicStyleSheet({
+  container: {
+    alignItems: 'center',
+    justifyContent: 'center',
+    paddingTop: 12,
+    paddingBottom: 0,
+    paddingHorizontal: 8,
+    minHeight: 104
+  },
+  title: {
+    ...Fonts.mj_text_subtitle_3_M,
+    color: defaultColorToken.mj_color_gray_text_2,
+    textAlign: 'center',
+    lineHeight: 20
+  },
+  titleDisabled: {
+    color: defaultColorToken.mj_color_gray_text_6
+  },
+  buttonsContainer: {
+    flexDirection: 'row',
+    justifyContent: 'center',
+    alignItems: 'center',
+    flexWrap: 'wrap',
+    paddingVertical: 12
+  },
+  buttonWrapper: {
+    alignItems: 'center',
+    marginHorizontal: 4,
+    marginVertical: 4,
+    justifyContent: 'center'
+  },
+  controlButton: {
+    width: 40,
+    height: 40,
+    borderRadius: 60,
+    alignItems: 'center',
+    justifyContent: 'center',
+    backgroundColor: defaultColorToken.mj_color_control_fill_5
+  },
+  controlIcon: {
+    width: 20,
+    height: 20
+  }
+});

package/dist/components/seatControl/seatCard.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+import { ControlButtonConfig, OnButtonPressParams } from './index';
+export interface SeatCardProps {
+    title: string;
+    buttons: ControlButtonConfig[];
+    disabled?: boolean;
+    onButtonPress?: (params: OnButtonPressParams) => void;
+    style?: StyleProp<ViewStyle>;
+}
+export declare const SeatCard: ({ title, buttons, disabled, onButtonPress, style }: SeatCardProps) => React.JSX.Element;

package/dist/components/seatControl/seatCard.js

@@ -0,0 +1,24 @@
+import React from 'react';
+import { CardContainer } from "../cardContainer";
+import { SeatControl } from "./index";
+export const SeatCard = ({
+  title,
+  buttons = [],
+  disabled = false,
+  onButtonPress,
+  style
+}) => {
+  const handleSeatControlButtonPress = params => {
+    if (onButtonPress) {
+      onButtonPress(params);
+    }
+  };
+  return /*#__PURE__*/React.createElement(CardContainer, {
+    style: style
+  }, /*#__PURE__*/React.createElement(SeatControl, {
+    title: title,
+    buttons: buttons,
+    disabled: disabled,
+    onButtonPress: handleSeatControlButtonPress
+  }));
+};

package/dist/components/seatControl/seatCardRow.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+import { OnButtonPressParams } from './index';
+export interface SeatConfig {
+    serviceType: string;
+    title: string;
+    buttons: ControlButtonConfig[];
+    disabled?: boolean;
+}
+export interface ControlButtonConfig {
+    propType: string;
+    spec?: string;
+    title?: string;
+    states: {
+        value: string;
+        backgroundColor: string;
+        disabledBackgroundColor: string;
+        icon: React.ReactElement;
+        iconColor: string;
+    }[];
+    currentStateIndex: number;
+    disabled?: boolean;
+}
+export interface SeatCardRowProps {
+    seats: SeatConfig[];
+    onSeatChange?: (params: OnButtonPressParams) => void;
+    style?: StyleProp<ViewStyle>;
+}
+export declare const SeatCardRow: ({ seats, onSeatChange, style }: SeatCardRowProps) => React.JSX.Element;

package/dist/components/seatControl/seatCardRow.js

@@ -0,0 +1,48 @@
+import React from 'react';
+import { View } from 'react-native';
+import { dynamicStyleSheet } from 'miot/ui/Style/DynamicStyleSheet';
+import { SeatCard } from "./seatCard";
+export const SeatCardRow = ({
+  seats = [],
+  onSeatChange,
+  style
+}) => {
+  const handleSeatButtonPress = config => {
+    if (onSeatChange) {
+      onSeatChange(config);
+    }
+  };
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.container, style]
+  }, seats.map((seat, index) => {
+    const {
+      serviceType,
+      title,
+      buttons = [],
+      disabled
+    } = seat;
+    const isLastItem = index === seats.length - 1;
+    return /*#__PURE__*/React.createElement(SeatCard, {
+      key: serviceType || `seat-${index}`,
+      title: title,
+      buttons: buttons,
+      disabled: disabled,
+      onButtonPress: handleSeatButtonPress,
+      style: [styles.seatCard, isLastItem && styles.seatCardLast]
+    });
+  }));
+};
+const styles = dynamicStyleSheet({
+  container: {
+    flexDirection: 'row',
+    justifyContent: 'flex-start',
+    alignItems: 'stretch'
+  },
+  seatCard: {
+    marginRight: 8,
+    flex: 1
+  },
+  seatCardLast: {
+    marginRight: 0
+  }
+});

package/dist/components/seatControlGroup/index.d.ts

@@ -0,0 +1,40 @@
+import React from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+export type ButtonStateConfig = {
+    value: string;
+    backgroundColor: string;
+    disabledBackgroundColor: string;
+    icon: React.ReactElement;
+    iconColor: string;
+};
+export type ControlButtonConfig = {
+    propType: string;
+    spec?: string;
+    title?: string;
+    states: ButtonStateConfig[];
+    currentStateIndex: number;
+    disabled?: boolean;
+};
+export type SeatConfig = {
+    serviceType: string;
+    title: string;
+    buttons: ControlButtonConfig[];
+    disabled?: boolean;
+};
+export type OnButtonPressParams = {
+    propType: string;
+    spec?: string;
+    previousStateIndex: number;
+    currentStateIndex: number;
+    previousValue: string;
+    currentValue: string;
+    action: 'switch';
+};
+export interface SeatControlGroupProps {
+    seatRows: SeatConfig[][];
+    title?: string;
+    onSeatChange?: (params: OnButtonPressParams) => void;
+    disabled?: boolean;
+    style?: StyleProp<ViewStyle>;
+}
+export declare const SeatControlGroup: ({ seatRows, title, onSeatChange, disabled, style, }: SeatControlGroupProps) => React.JSX.Element;

package/dist/components/seatControlGroup/index.js

@@ -0,0 +1,51 @@
+import React from 'react';
+import { StyleSheet } from 'react-native';
+import { GroupContainer } from "../groupContainer";
+import ContainerWithGap from "../containerWithGap";
+import { SeatCard } from "../seatControl/seatCard";
+export const SeatControlGroup = ({
+  seatRows = [],
+  title = '',
+  onSeatChange,
+  disabled = false,
+  style
+}) => {
+  const handleSeatButtonPress = config => {
+    if (onSeatChange) {
+      onSeatChange(config);
+    }
+  };
+  const handleSeatControlButtonPress = params => {
+    handleSeatButtonPress(params);
+  };
+  return /*#__PURE__*/React.createElement(GroupContainer, {
+    title: title,
+    style: style
+  }, seatRows.map((rowSeats, rowIndex) => {
+    return /*#__PURE__*/React.createElement(ContainerWithGap, {
+      key: `row-${rowIndex}`,
+      horizontal: true,
+      gap: 8
+    }, rowSeats.map(seat => {
+      const {
+        serviceType,
+        title,
+        buttons = [],
+        disabled: seatDisabled
+      } = seat;
+      return /*#__PURE__*/React.createElement(SeatCard, {
+        key: serviceType || `seat-${rowIndex}-${serviceType}`,
+        title: title,
+        buttons: buttons,
+        disabled: disabled || seatDisabled,
+        onButtonPress: handleSeatControlButtonPress,
+        style: styles.seatCard
+      });
+    }));
+  }));
+};
+const styles = StyleSheet.create({
+  seatCard: {
+    flex: 1
+  }
+});

package/dist/components/steeringWheelHotCard/index.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { ColorType } from 'miot/ui/hyperOSUI';
+interface OptionItem {
+    value: string | number;
+    colorType?: ColorType;
+    label?: string;
+    description: string;
+}
+interface SteeringWheelHotCardProps {
+    value: string | number;
+    onChange: (value: string | number) => void;
+    options?: OptionItem[];
+    disabled?: boolean;
+    steeringWheelTitle: string;
+}
+export declare const SteeringWheelHotCard: React.MemoExoticComponent<({ value, onChange, options, disabled, steeringWheelTitle }: SteeringWheelHotCardProps) => React.JSX.Element | null>;
+export {};

package/dist/components/steeringWheelHotCard/index.js

@@ -0,0 +1,66 @@
+import React, { useContext, memo, useMemo } from 'react';
+import { ConfigContext } from 'miot/ui/hyperOSUI';
+import { SteeringWheelFirstGear, SteeringWheelSecondGear, SteeringWheelThirdGear, SteeringWheelHot } from "../../icons";
+import { SteeringWheelHotGear } from "../../config";
+import { CardContainer } from "../cardContainer";
+import { GroupContainer } from "../groupContainer";
+import { FlatSelect } from "../flatSelect";
+const {
+  FlatOption
+} = FlatSelect;
+export const SteeringWheelHotCard = /*#__PURE__*/memo(({
+  value,
+  onChange,
+  options = [],
+  disabled = false,
+  steeringWheelTitle
+}) => {
+  const {
+    colorToken
+  } = useContext(ConfigContext);
+  const heatingLevelIcon = useMemo(() => {
+    const color = disabled ? colorToken.mj_color_gray_icon_7 : colorToken.mj_color_gray_icon_2;
+    const icons = {
+      [SteeringWheelHotGear.OFF]: /*#__PURE__*/React.createElement(SteeringWheelHot, {
+        fill: color
+      }),
+      [SteeringWheelHotGear.Level1]: /*#__PURE__*/React.createElement(SteeringWheelFirstGear, {
+        fill: color
+      }),
+      [SteeringWheelHotGear.Level2]: /*#__PURE__*/React.createElement(SteeringWheelSecondGear, {
+        fill: color
+      }),
+      [SteeringWheelHotGear.Level3]: /*#__PURE__*/React.createElement(SteeringWheelThirdGear, {
+        fill: color
+      }),
+      [SteeringWheelHotGear.Off]: /*#__PURE__*/React.createElement(SteeringWheelHot, {
+        fill: color
+      }),
+      [SteeringWheelHotGear['Level 1']]: /*#__PURE__*/React.createElement(SteeringWheelFirstGear, {
+        fill: color
+      }),
+      [SteeringWheelHotGear['Level 2']]: /*#__PURE__*/React.createElement(SteeringWheelSecondGear, {
+        fill: color
+      }),
+      [SteeringWheelHotGear['Level 3']]: /*#__PURE__*/React.createElement(SteeringWheelThirdGear, {
+        fill: color
+      })
+    };
+    return icons;
+  }, [colorToken, disabled]);
+  return options.length > 0 ? /*#__PURE__*/React.createElement(GroupContainer, {
+    title: steeringWheelTitle
+  }, /*#__PURE__*/React.createElement(CardContainer, null, /*#__PURE__*/React.createElement(FlatSelect, {
+    disabled: disabled,
+    value: value,
+    onChange: onChange
+  }, options.map(item => {
+    return /*#__PURE__*/React.createElement(FlatOption, {
+      key: item.value,
+      value: item.value,
+      colorType: item.colorType,
+      label: item.label,
+      icon: heatingLevelIcon[item.description]
+    });
+  })))) : null;
+});

package/dist/components/titleContainer/TitleContainer.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { TitleContainerProps } from './interface';
+declare const TitleContainer: React.FC<TitleContainerProps>;
+export default TitleContainer;

package/dist/components/titleContainer/TitleContainer.js

@@ -0,0 +1,148 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import { ConfigContext, Switch, Fonts } from 'miot/ui/hyperOSUI';
+import React, { useCallback, useContext, useMemo } from 'react';
+import { StyleSheet, Text, View } from 'react-native';
+import { getAccessibilityConfig } from 'miot/utils/accessibility-helper';
+import { WidgetType } from "./interface";
+const THIN_HEIGHT = 32;
+const PADDING = 16;
+const MAX_LINE = 3;
+/**
+ * @export public
+ * @doc_name 标题控件
+ * @doc_index 2
+ * @doc_directory ui
+ * @author gongxiang
+ * @since 10114
+ * @module Title
+ * @description 右侧带四种控件的列表项
+ * @property {string} type - 右侧的图标类型，默认为开关
+ * @property {string} title - 左侧主标题
+ * @property {string} subtitle - 左侧副标题，主标题下方
+ * @property {bool} value - 开关状态，默认值 false
+ * @property {bool} disabled - 是否禁用右侧控件，默认值 false
+ * @property {function} onPress - note: IMPORTANT 列表项点击事件，不传则不具有点击态（disabled）
+ * @property {function} onValueChange - 开关切换事件
+ * @property {string} colorType - 开关按钮打开时的背景颜色类型
+ * @property {ImageSourcePropType} leftIcon - 左侧自定义图标
+ * @property {ImageSourcePropType} showTitleArrow - 是否展示主标题箭头
+ * @property {object} switchOption - 开关的属性
+ * @property {AccessibilityPropTypes} accessibilityTitle - 主标题的无障碍配置
+ * @property {AccessibilityPropTypes} accessibilitySubtitle - 副标题的无障碍配置
+ * @property {React.ReactElement} customRenderer - 右侧自定义渲染区域
+ */
+
+// 类型定义已移至 interface.ts
+const TitleContainer = ({
+  type = WidgetType.SWITCH,
+  title = '',
+  subtitle = '',
+  value = false,
+  disabled = false,
+  leftIcon = null,
+  onValueChange,
+  colorType,
+  switchOption,
+  customRenderer,
+  accessibilityTitle,
+  accessibilitySubtitle
+}) => {
+  const {
+    colorToken
+  } = useContext(ConfigContext);
+  const _onValueChange = useCallback(val => {
+    if (typeof onValueChange === 'function') {
+      onValueChange(val);
+    }
+  }, [onValueChange]);
+  const renderRightContent = useMemo(() => {
+    switch (type) {
+      case WidgetType.SWITCH:
+        return /*#__PURE__*/React.createElement(Switch, _extends({}, switchOption || {}, {
+          value: value,
+          onValueChange: _onValueChange,
+          disabled: disabled,
+          colorType: colorType
+        }));
+      default:
+        return null;
+    }
+  }, [type, value, disabled, colorType, switchOption, _onValueChange]);
+  const subTitleIsString = typeof subtitle === 'string';
+  const leftIconStyle = useMemo(() => [styles.leftIcon, {
+    opacity: disabled ? 0.3 : 1
+  }], [disabled]);
+  return /*#__PURE__*/React.createElement(View, {
+    accessibilityLabel: `${title} ${subTitleIsString ? subtitle : ''}`,
+    style: styles.container
+  }, leftIcon && /*#__PURE__*/React.createElement(View, {
+    style: leftIconStyle
+  }, leftIcon), /*#__PURE__*/React.createElement(View, {
+    style: [styles.left]
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [styles.up]
+  }, /*#__PURE__*/React.createElement(Text, _extends({
+    numberOfLines: MAX_LINE,
+    allowFontScaling: false,
+    style: [Fonts.mj_text_headline_2_M, styles.title, {
+      color: disabled ? colorToken.mj_color_gray_text_6 : colorToken.mj_color_gray_text_1
+    }]
+  }, getAccessibilityConfig({
+    ...accessibilityTitle
+  })), title)), subtitle ? subTitleIsString ? /*#__PURE__*/React.createElement(Text, _extends({
+    numberOfLines: MAX_LINE,
+    allowFontScaling: false,
+    style: [Fonts.mj_text_custom_13_R, {
+      color: disabled ? colorToken.mj_color_gray_text_6 : colorToken.mj_color_gray_text_4
+    }]
+  }, getAccessibilityConfig({
+    ...accessibilitySubtitle
+  })), subtitle) : subtitle : null), /*#__PURE__*/React.createElement(View, {
+    style: styles.gap
+  }), /*#__PURE__*/React.createElement(View, {
+    style: [styles.right]
+  }, customRenderer || renderRightContent));
+};
+const styles = StyleSheet.create({
+  container: {
+    paddingTop: 12,
+    paddingHorizontal: PADDING,
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'flex-start'
+  },
+  left: {
+    flex: 1,
+    minHeight: THIN_HEIGHT,
+    justifyContent: 'center'
+  },
+  right: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'flex-end',
+    maxWidth: 116,
+    minWidth: 56,
+    minHeight: 32
+  },
+  up: {
+    position: 'relative',
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'flex-start'
+  },
+  leftIcon: {
+    width: 24,
+    height: 24,
+    marginRight: 8,
+    alignItems: 'center',
+    overflow: 'hidden',
+    justifyContent: 'center'
+  },
+  title: {
+    flex: 1
+  },
+  gap: {
+    width: 10
+  }
+});
+export default TitleContainer;

package/dist/components/titleContainer/TitleContainer.zh-CN.md

@@ -0,0 +1,62 @@
+# TitleContainer - 标题控件
+
+## 说明
+
+右侧带控件的标题列表项组件，支持开关、自定义渲染等。常用于设置页面的功能开关或选项。
+
+## 属性
+
+| 属性名 | 类型 | 必填 | 默认值 | 说明 |
+|--------|------|------|--------|------|
+| **type** | `WidgetType` | 否 | `WidgetType.SWITCH` | 右侧控件类型，目前主要支持开关 |
+| **title** | `string` | 是 | - | 左侧主标题 |
+| **subtitle** | `string \| React.ReactElement` | 否 | `''` | 左侧副标题，主标题下方 |
+| **value** | `boolean` | 否 | `false` | 开关状态 |
+| **disabled** | `boolean` | 否 | `false` | 是否禁用右侧控件 |
+| **onPress** | `() => void` | 否 | - | 列表项点击事件 |
+| **onValueChange** | `(val: boolean) => void` | 是 | - | 开关切换事件 |
+| **colorType** | `ColorType` | 否 | - | 开关按钮打开时的背景颜色类型 |
+| **leftIcon** | `React.ReactNode` | 否 | `null` | 左侧自定义图标 |
+| **showTitleArrow** | `boolean` | 否 | `false` | 是否展示主标题箭头 |
+| **switchOption** | `SwitchProps` | 否 | - | 开关的额外属性 |
+| **customRenderer** | `React.ReactElement` | 否 | - | 右侧自定义渲染区域（优先级高于 type） |
+| **allowFontScaling** | `boolean` | 否 | `false` | 字体是否随系统字体大小变化 |
+| **accessibilityTitle** | `AccessibilityPropsType` | 否 | - | 主标题的无障碍配置 |
+| **accessibilitySubtitle** | `AccessibilityPropsType` | 否 | - | 副标题的无障碍配置 |
+
+## WidgetType 枚举
+
+```typescript
+export enum WidgetType {
+  SWITCH = 'switch',
+}
+```
+
+## 使用示例
+
+```tsx
+import { TitleContainer } from '@src/hyperOS/IotComponents/titleContainer';
+
+// 基本开关用法
+<TitleContainer
+  title="自动模式"
+  subtitle="开启后将自动调节"
+  value={isAuto}
+  onValueChange={setIsAuto}
+/>
+
+// 带左侧图标
+<TitleContainer
+  title="定时开关"
+  leftIcon={<TimerIcon />}
+  value={isTimerOn}
+  onValueChange={setIsTimerOn}
+/>
+
+// 自定义右侧内容
+<TitleContainer
+  title="自定义选项"
+  customRenderer={<MyCustomButton />}
+  onValueChange={() => {}}
+/>
+```

package/dist/components/titleContainer/index.d.ts

@@ -0,0 +1 @@
+export { default as TitleContainer } from './TitleContainer';

package/dist/components/titleContainer/index.js

@@ -0,0 +1 @@
+export { default as TitleContainer } from "./TitleContainer";