@doubao-apps/template 0.0.31 → 0.0.32

package/dist/components/info-section/styles.css

@@ -0,0 +1,140 @@
+.doubao-template-info-section {
+  box-sizing: border-box;
+  border-top: var(--doubao-template-info-section-border-top, .5px solid var(--neutral-transparent-1));
+  flex-direction: column;
+  width: 100%;
+  padding: 12px;
+  display: flex;
+}
+
+.doubao-template-info-section__info {
+  flex-direction: column;
+  width: 100%;
+  display: flex;
+}
+
+.doubao-template-info-section__info-row {
+  flex-direction: row;
+  width: 100%;
+  display: flex;
+}
+
+.doubao-template-info-section__info-row + .doubao-template-info-section__info-row {
+  margin-top: 8px;
+}
+
+.doubao-template-info-section__info-label-wrap {
+  flex-direction: row;
+  flex: 1 1 0;
+  align-items: center;
+  display: flex;
+}
+
+.doubao-template-info-section__info-label, .doubao-template-info-section__info-value, .doubao-template-info-section__fee, .doubao-template-info-section__total-label, .doubao-template-info-section__total-price {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-family: PingFang SC, sans-serif;
+  font-style: normal;
+  overflow: hidden;
+}
+
+.doubao-template-info-section__info-label {
+  max-width: 100%;
+  color: var(--doubao-template-info-section-label-text, var(--neutral-100));
+  font-size: var(--doubao-template-info-section-label-font-size, 13px);
+  font-weight: var(--doubao-template-info-section-label-font-weight, 400);
+  line-height: var(--doubao-template-info-section-label-line-height, 20px);
+}
+
+.doubao-template-info-section__info-value-wrap {
+  flex-direction: row;
+  flex: 1 1 0;
+  justify-content: flex-end;
+  align-items: center;
+  min-width: 0;
+  display: flex;
+  overflow: hidden;
+}
+
+.doubao-template-info-section__info-value {
+  min-width: 0;
+  margin-left: var(--doubao-template-info-section-value-gap, 6px);
+  color: var(--doubao-template-info-section-value-text, var(--neutral-50));
+  font-size: var(--doubao-template-info-section-value-font-size, 13px);
+  font-weight: var(--doubao-template-info-section-value-font-weight, 400);
+  line-height: var(--doubao-template-info-section-value-line-height, 20px);
+  text-align: right;
+}
+
+.doubao-template-info-section__info-value:first-child {
+  margin-left: 0;
+}
+
+.doubao-template-info-section--value-column .doubao-template-info-section__info-value-wrap {
+  flex-direction: column;
+  align-items: flex-end;
+}
+
+.doubao-template-info-section--value-column .doubao-template-info-section__info-value {
+  max-width: 100%;
+  margin-left: 0;
+}
+
+.doubao-template-info-section__summary {
+  flex-direction: row;
+  justify-content: flex-end;
+  width: 100%;
+  margin-top: 8px;
+  display: flex;
+}
+
+.doubao-template-info-section__summary-content {
+  flex-direction: row;
+  justify-content: flex-end;
+  align-items: center;
+  max-width: 100%;
+  display: flex;
+  overflow: hidden;
+}
+
+.doubao-template-info-section__fee {
+  flex-shrink: var(--doubao-template-info-section-fee-shrink, 1);
+  min-width: 0;
+  margin-left: var(--doubao-template-info-section-fee-gap, 6px);
+  color: var(--doubao-template-info-section-fee-text, var(--neutral-50));
+  font-size: var(--doubao-template-info-section-fee-font-size, 13px);
+  font-weight: var(--doubao-template-info-section-fee-font-weight, 400);
+  line-height: var(--doubao-template-info-section-fee-line-height, 20px);
+}
+
+.doubao-template-info-section__fee:first-child {
+  margin-left: 0;
+}
+
+.doubao-template-info-section__total {
+  margin-left: var(--doubao-template-info-section-total-gap, 6px);
+  flex-direction: row;
+  flex-shrink: 0;
+  align-items: center;
+  display: flex;
+}
+
+.doubao-template-info-section__total:first-child {
+  margin-left: 0;
+}
+
+.doubao-template-info-section__total-label {
+  color: var(--doubao-template-info-section-total-label-text, var(--neutral-100));
+  font-size: var(--doubao-template-info-section-total-label-font-size, 13px);
+  font-weight: var(--doubao-template-info-section-total-label-font-weight, 500);
+  line-height: var(--doubao-template-info-section-total-label-line-height, 20px);
+}
+
+.doubao-template-info-section__total-price {
+  color: var(--doubao-template-info-section-total-price-text, var(--neutral-100));
+  font-size: var(--doubao-template-info-section-total-price-font-size, 15px);
+  font-weight: var(--doubao-template-info-section-total-price-font-weight, 500);
+  line-height: var(--doubao-template-info-section-total-price-line-height, 22px);
+  margin-left: 2px;
+}
+

package/dist/components/product-summary/index.d.ts

@@ -0,0 +1,24 @@
+import type { TouchEvent } from '@lynx-js/types';
+import type { ReactElement, ReactNode } from 'react';
+import type { TemplateText } from '../../types.js';
+import './styles.scss';
+export interface TemplateProductSummaryProps {
+    /** 商品标题。 */
+    title?: string;
+    /** 商品规格说明。 */
+    spec?: string;
+    /** 商品图片地址。 */
+    imageSrc?: string;
+    /** 商品自定义图片节点；优先级高于 imageSrc。 */
+    image?: ReactNode;
+    /** 商品价格前缀文案，例如「券后」。 */
+    pricePrefix?: string;
+    /** 商品价格。 */
+    price?: TemplateText;
+    /** 商品数量。 */
+    quantity?: TemplateText;
+    /** 点击商品摘要时触发。 */
+    onClick?: (event: TouchEvent) => void;
+}
+export declare function TemplateProductSummary(props: TemplateProductSummaryProps): ReactElement | null;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/product-summary/index.js

@@ -0,0 +1,51 @@
+import "./styles.css";
+function isTemplateProductSummaryTextEmpty(content) {
+    return null == content || '' === content;
+}
+function TemplateProductSummaryImage(props) {
+    const { image: image1, imageSrc } = props;
+    if (null != image1) return <view className="doubao-template-product-summary__image">{image1}</view>;
+    if (null != imageSrc && imageSrc.length > 0) return <image className="doubao-template-product-summary__image" src={imageSrc} mode="aspectFill"/>;
+    return <view className="doubao-template-product-summary__image"/>;
+}
+function TemplateProductSummary(props) {
+    const { title, spec, imageSrc, image: image1, pricePrefix, price, quantity, onClick } = props;
+    const hasImage = null != image1 || null != imageSrc && imageSrc.length > 0;
+    const hasTitle = null != title && title.length > 0;
+    const hasPrice = null != pricePrefix && pricePrefix.length > 0 || !isTemplateProductSummaryTextEmpty(price);
+    const hasMainLine = hasTitle || hasPrice;
+    const hasSpec = null != spec && spec.length > 0;
+    const hasQuantity = !isTemplateProductSummaryTextEmpty(quantity);
+    const hasSecondaryLine = hasSpec || hasQuantity;
+    if (!hasImage && !hasMainLine && !hasSecondaryLine) return null;
+    return <view className="doubao-template-product-summary" catchtap={onClick}>
+      {hasImage ? <TemplateProductSummaryImage image={image1} imageSrc={imageSrc}/> : null}
+      <view className={hasImage ? 'doubao-template-product-summary__content doubao-template-product-summary__content--with-image' : 'doubao-template-product-summary__content'}>
+        {hasMainLine ? <view className="doubao-template-product-summary__line-main">
+            {hasTitle ? <view className="doubao-template-product-summary__title-wrap">
+                <text className="doubao-template-product-summary__title" text-maxline="1">
+                  {title}
+                </text>
+                <view className="doubao-template-product-summary__chevron"/>
+              </view> : null}
+            {hasPrice ? <view className="doubao-template-product-summary__price">
+                {null != pricePrefix && pricePrefix.length > 0 ? <text className="doubao-template-product-summary__price-prefix" text-maxline="1">
+                    {pricePrefix}
+                  </text> : null}
+                {!isTemplateProductSummaryTextEmpty(price) ? <text className="doubao-template-product-summary__price-value" text-maxline="1">
+                    {price}
+                  </text> : null}
+              </view> : null}
+          </view> : null}
+        {hasSecondaryLine ? <view className="doubao-template-product-summary__line-secondary">
+            {hasSpec ? <text className="doubao-template-product-summary__spec" text-maxline="1">
+                {spec}
+              </text> : null}
+            {hasQuantity ? <text className="doubao-template-product-summary__quantity" text-maxline="1">
+                ×{quantity}
+              </text> : null}
+          </view> : null}
+      </view>
+    </view>;
+}
+export { TemplateProductSummary };

package/dist/components/product-summary/styles.css

@@ -0,0 +1,125 @@
+.doubao-template-product-summary {
+  box-sizing: border-box;
+  background-color: var(--doubao-template-product-summary-bg, var(--bg-base-1));
+  flex-direction: row;
+  align-items: center;
+  width: 100%;
+  padding: 12px;
+  display: flex;
+}
+
+.doubao-template-product-summary__image {
+  width: var(--doubao-template-product-summary-image-size, 80px);
+  height: var(--doubao-template-product-summary-image-size, 80px);
+  background-color: var(--doubao-template-product-summary-image-bg, var(--bg-base-1-overlay));
+  border-radius: var(--doubao-template-product-summary-image-radius, 5px);
+  flex-shrink: 0;
+  overflow: hidden;
+}
+
+.doubao-template-product-summary__content {
+  flex-direction: column;
+  flex: 1 1 0;
+  min-width: 0;
+  display: flex;
+}
+
+.doubao-template-product-summary__content--with-image {
+  margin-left: 12px;
+}
+
+.doubao-template-product-summary__line-main, .doubao-template-product-summary__line-secondary {
+  flex-direction: row;
+  align-items: center;
+  width: 100%;
+  min-width: 0;
+  display: flex;
+}
+
+.doubao-template-product-summary__line-main {
+  height: var(--doubao-template-product-summary-main-height, 24px);
+}
+
+.doubao-template-product-summary__line-secondary {
+  height: var(--doubao-template-product-summary-secondary-height, 20px);
+  margin-top: var(--doubao-template-product-summary-secondary-margin-top, 2px);
+}
+
+.doubao-template-product-summary__title-wrap {
+  min-width: 0;
+  margin-right: var(--doubao-template-product-summary-title-margin-right, 8px);
+  flex-direction: row;
+  flex: 1 1 0;
+  align-items: center;
+  display: flex;
+}
+
+.doubao-template-product-summary__title, .doubao-template-product-summary__price-prefix, .doubao-template-product-summary__price-value, .doubao-template-product-summary__spec, .doubao-template-product-summary__quantity {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-family: PingFang SC, sans-serif;
+  font-style: normal;
+  overflow: hidden;
+}
+
+.doubao-template-product-summary__title {
+  min-width: 0;
+  color: var(--doubao-template-product-summary-title-text, var(--neutral-100));
+  font-size: var(--doubao-template-product-summary-title-font-size, 16px);
+  font-weight: var(--doubao-template-product-summary-title-font-weight, 500);
+  line-height: var(--doubao-template-product-summary-title-line-height, 24px);
+}
+
+.doubao-template-product-summary__chevron {
+  width: var(--doubao-template-product-summary-chevron-size, 7px);
+  height: var(--doubao-template-product-summary-chevron-size, 7px);
+  margin-left: var(--doubao-template-product-summary-chevron-margin-left, 5px);
+  box-sizing: border-box;
+  border-top: var(--doubao-template-product-summary-chevron-stroke, 1.5px) solid var(--doubao-template-product-summary-chevron-color, var(--neutral-30));
+  border-right: var(--doubao-template-product-summary-chevron-stroke, 1.5px) solid var(--doubao-template-product-summary-chevron-color, var(--neutral-30));
+  flex-shrink: 0;
+  transform: rotate(45deg);
+}
+
+.doubao-template-product-summary__price {
+  color: var(--doubao-template-product-summary-price-text, var(--neutral-100));
+  white-space: nowrap;
+  flex-direction: row;
+  flex-shrink: 0;
+  align-items: flex-end;
+  font-family: PingFang SC, sans-serif;
+  font-style: normal;
+  font-weight: 500;
+  display: flex;
+}
+
+.doubao-template-product-summary__price-prefix {
+  width: var(--doubao-template-product-summary-price-prefix-width, 22px);
+  font-size: var(--doubao-template-product-summary-price-prefix-font-size, 11px);
+  line-height: var(--doubao-template-product-summary-price-prefix-line-height, 17px);
+}
+
+.doubao-template-product-summary__price-value {
+  margin-left: var(--doubao-template-product-summary-price-gap, 2px);
+  font-size: var(--doubao-template-product-summary-price-font-size, 13px);
+  line-height: var(--doubao-template-product-summary-price-line-height, 19px);
+}
+
+.doubao-template-product-summary__spec {
+  min-width: 0;
+  color: var(--doubao-template-product-summary-secondary-text, var(--neutral-50));
+  font-size: var(--doubao-template-product-summary-spec-font-size, 12px);
+  font-weight: var(--doubao-template-product-summary-spec-font-weight, 400);
+  line-height: var(--doubao-template-product-summary-spec-line-height, 18px);
+  flex: 1 1 0;
+}
+
+.doubao-template-product-summary__quantity {
+  margin-left: var(--doubao-template-product-summary-quantity-margin-left, 8px);
+  color: var(--doubao-template-product-summary-secondary-text, var(--neutral-50));
+  font-size: var(--doubao-template-product-summary-quantity-font-size, 13px);
+  font-weight: var(--doubao-template-product-summary-quantity-font-weight, 400);
+  line-height: var(--doubao-template-product-summary-quantity-line-height, 20px);
+  flex-shrink: 0;
+}
+

package/dist/components/route-section/index.d.ts

@@ -0,0 +1,23 @@
+import type { TouchEvent } from '@lynx-js/types';
+import type { ReactElement } from 'react';
+import type { TemplateKey, TemplateText } from '../../types.js';
+import './styles.scss';
+export interface TemplateRouteSectionProps {
+    /** 航程信息列表。 */
+    items?: TemplateRouteSectionItem[];
+}
+export interface TemplateRouteSectionItem {
+    /** 航程项唯一标识；不传时使用数组下标。 */
+    key?: TemplateKey;
+    /** 航程标题，例如「出发地 - 到达地」。 */
+    title?: TemplateText;
+    /** 航程描述，例如「6月1日 周六 20:50-23:50 CZ0000 经济舱」。 */
+    description?: TemplateText;
+    /** 是否展示标题右侧箭头。 */
+    showChevron?: boolean;
+    /** 点击航程项时触发。 */
+    onClick?: (event: TouchEvent) => void;
+}
+export declare function hasTemplateRouteSectionItems(items?: TemplateRouteSectionItem[]): boolean;
+export declare function TemplateRouteSection(props: TemplateRouteSectionProps): ReactElement | null;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/route-section/index.js

@@ -0,0 +1,38 @@
+import "./styles.css";
+function isTemplateRouteSectionTextEmpty(content) {
+    return null == content || '' === content;
+}
+function renderTemplateRouteSectionTextField(textContent, textClassName) {
+    if (isTemplateRouteSectionTextEmpty(textContent)) return null;
+    return <text className={textClassName} text-maxline="1">
+      {textContent}
+    </text>;
+}
+function hasTemplateRouteSectionItemContent(item) {
+    return !isTemplateRouteSectionTextEmpty(item.title) || !isTemplateRouteSectionTextEmpty(item.description);
+}
+function hasTemplateRouteSectionItems(items) {
+    return items?.some(hasTemplateRouteSectionItemContent) ?? false;
+}
+function renderTemplateRouteSectionItem(item, index) {
+    if (!hasTemplateRouteSectionItemContent(item)) return null;
+    const titleNode = renderTemplateRouteSectionTextField(item.title, 'doubao-template-route-section__title-text');
+    const descriptionNode = renderTemplateRouteSectionTextField(item.description, "doubao-template-route-section__description");
+    const showChevron = false !== item.showChevron && null != titleNode;
+    return <view className="doubao-template-route-section__item" key={item.key ?? index} {...null != item.onClick ? {
+        catchtap: item.onClick
+    } : {}}>
+      {null != titleNode ? <view className="doubao-template-route-section__title">
+          {titleNode}
+          {showChevron ? <view className="doubao-template-route-section__chevron"/> : null}
+        </view> : null}
+      {descriptionNode}
+    </view>;
+}
+function TemplateRouteSection(props) {
+    const { items = [] } = props;
+    const routeNodes = items.map(renderTemplateRouteSectionItem).filter((node)=>null != node);
+    if (0 === routeNodes.length) return null;
+    return <view className="doubao-template-route-section">{routeNodes}</view>;
+}
+export { TemplateRouteSection, hasTemplateRouteSectionItems };

package/dist/components/route-section/styles.css

@@ -0,0 +1,58 @@
+.doubao-template-route-section {
+  flex-direction: column;
+  width: 100%;
+  display: flex;
+}
+
+.doubao-template-route-section__item {
+  width: 100%;
+  padding: 12px;
+}
+
+.doubao-template-route-section__title {
+  width: 100%;
+  min-width: 0;
+  height: var(--doubao-template-route-section-title-height, 24px);
+  flex-direction: row;
+  align-items: center;
+  display: flex;
+  overflow: hidden;
+}
+
+.doubao-template-route-section__title-text, .doubao-template-route-section__description {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-family: PingFang SC, sans-serif;
+  font-style: normal;
+  overflow: hidden;
+}
+
+.doubao-template-route-section__title-text {
+  min-width: 0;
+  color: var(--doubao-template-route-section-title-text, var(--neutral-100));
+  font-size: var(--doubao-template-route-section-title-font-size, 16px);
+  font-weight: var(--doubao-template-route-section-title-font-weight, 500);
+  line-height: var(--doubao-template-route-section-title-line-height, 24px);
+}
+
+.doubao-template-route-section__chevron {
+  width: var(--doubao-template-route-section-chevron-size, 7px);
+  height: var(--doubao-template-route-section-chevron-size, 7px);
+  margin-left: var(--doubao-template-route-section-chevron-margin-left, 5px);
+  box-sizing: border-box;
+  border-top: var(--doubao-template-route-section-chevron-stroke, 1.5px) solid var(--doubao-template-route-section-chevron-color, var(--neutral-30));
+  border-right: var(--doubao-template-route-section-chevron-stroke, 1.5px) solid var(--doubao-template-route-section-chevron-color, var(--neutral-30));
+  flex-shrink: 0;
+  transform: rotate(45deg);
+}
+
+.doubao-template-route-section__description {
+  width: 100%;
+  height: var(--doubao-template-route-section-description-height, 20px);
+  margin-top: var(--doubao-template-route-section-description-margin-top, 2px);
+  color: var(--doubao-template-route-section-description-text, var(--neutral-50));
+  font-size: var(--doubao-template-route-section-description-font-size, 13px);
+  font-weight: var(--doubao-template-route-section-description-font-weight, 400);
+  line-height: var(--doubao-template-route-section-description-line-height, 20px);
+}
+

package/dist/components/title-bar/index.d.ts

@@ -0,0 +1,11 @@
+import type { TouchEvent } from '@lynx-js/types';
+import type { ReactElement } from 'react';
+import './styles.scss';
+export interface TemplateTitleBarProps {
+    moreText?: string;
+    showMore?: boolean;
+    reserveMore?: boolean;
+    onMoreClick?: (event: TouchEvent) => void;
+}
+export declare function TemplateTitleBar(props: TemplateTitleBarProps): ReactElement;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/title-bar/index.js

@@ -0,0 +1,32 @@
+import { getAppInfo } from "../../utils/app-info.js";
+import "./styles.css";
+function TemplateTitleBarIcon({ appIconSrc }) {
+    if (null != appIconSrc && appIconSrc.length > 0) return <image className="doubao-template-title-bar__app-icon" src={appIconSrc} mode="aspectFill"/>;
+    return <view className="doubao-template-title-bar__app-icon"/>;
+}
+function TemplateTitleBar(props) {
+    const { moreText, showMore = true, reserveMore = false, onMoreClick } = props;
+    const appInfo = getAppInfo();
+    const hasMore = showMore && null != moreText && moreText.length > 0;
+    return <view className="doubao-template-title-bar">
+      <view className="doubao-template-title-bar__app">
+        <TemplateTitleBarIcon appIconSrc={appInfo.appIconSrc}/>
+        <text className="doubao-template-title-bar__app-name" text-maxline="1">
+          {appInfo.appName}
+        </text>
+      </view>
+      {hasMore ? <view className="doubao-template-title-bar__more" catchtap={onMoreClick}>
+          <text className="doubao-template-title-bar__more-text" text-maxline="1">
+            {moreText}
+          </text>
+          <view className="doubao-template-title-bar__more-chevron"/>
+        </view> : null}
+      {!hasMore && reserveMore ? <view className="doubao-template-title-bar__more-placeholder">
+          <text className="doubao-template-title-bar__more-text" text-maxline="1">
+            更多
+          </text>
+          <view className="doubao-template-title-bar__more-chevron"/>
+        </view> : null}
+    </view>;
+}
+export { TemplateTitleBar };

package/dist/components/title-bar/styles.css

@@ -0,0 +1,69 @@
+.doubao-template-title-bar {
+  box-sizing: border-box;
+  border-bottom: .5px solid var(--neutral-transparent-1);
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+  height: 40px;
+  padding: 12px;
+  display: flex;
+}
+
+.doubao-template-title-bar__app {
+  flex-direction: row;
+  align-items: center;
+  display: flex;
+}
+
+.doubao-template-title-bar__app-icon {
+  border-radius: 4px;
+  flex-shrink: 0;
+  width: 16px;
+  height: 16px;
+  overflow: hidden;
+}
+
+.doubao-template-title-bar__app-name, .doubao-template-title-bar__more-text {
+  color: var(--neutral-50);
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-family: PingFang SC, sans-serif;
+  font-size: 12px;
+  font-style: normal;
+  line-height: 18px;
+  overflow: hidden;
+}
+
+.doubao-template-title-bar__app-name {
+  margin-left: 6px;
+  font-weight: 500;
+}
+
+.doubao-template-title-bar__more, .doubao-template-title-bar__more-placeholder {
+  flex-direction: row;
+  flex-shrink: 0;
+  justify-content: flex-end;
+  align-items: center;
+  min-width: 62.5px;
+  display: flex;
+}
+
+.doubao-template-title-bar__more-placeholder {
+  opacity: 0;
+}
+
+.doubao-template-title-bar__more-text {
+  font-weight: 400;
+}
+
+.doubao-template-title-bar__more-chevron {
+  box-sizing: border-box;
+  border-top: 1px solid var(--neutral-50);
+  border-right: 1px solid var(--neutral-50);
+  width: 7px;
+  height: 7px;
+  margin-left: 2px;
+  transform: rotate(45deg);
+}
+

package/dist/components/transport-summary/index.d.ts

@@ -0,0 +1,31 @@
+import type { ReactElement, ReactNode } from 'react';
+import type { TemplateText } from '../../types.js';
+import './styles.scss';
+export interface TemplateTransportSummaryProps {
+    /** 行程标题块内容。 */
+    title?: ReactNode;
+    /** 出发点主信息文案。 */
+    departureMain?: TemplateText;
+    /** 出发点补充信息文案。 */
+    departureSub?: TemplateText;
+    /** 中转区域整体块内容；优先级高于 transferTop、showTransferDot 和 transferBottom。 */
+    transfer?: ReactNode;
+    /** 中转区域上方文案。 */
+    transferTop?: TemplateText;
+    /** 是否展示中转箭头中间圆点。 */
+    showTransferDot?: boolean;
+    /** 中转区域下方文案。 */
+    transferBottom?: TemplateText;
+    /** 到达点主信息文案。 */
+    arrivalMain?: TemplateText;
+    /** 到达点日期偏移文案，例如 '+1'。 */
+    arrivalDayOffset?: TemplateText;
+    /** 到达点补充信息文案。 */
+    arrivalSub?: TemplateText;
+    /** 价格块内容。 */
+    price?: ReactNode;
+    /** 根节点自定义类名。 */
+    className?: string;
+}
+export declare function TemplateTransportSummary(props: TemplateTransportSummaryProps): ReactElement | null;
+//# sourceMappingURL=index.d.ts.map