@hanwenbo/x-taro-ui 0.0.1

package/lib/components/sectionList/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/sectionList/index.ts
+var index_exports = {};
+__export(index_exports, {
+  SectionList: () => import_sectionList.default,
+  default: () => import_sectionList2.default
+});
+module.exports = __toCommonJS(index_exports);
+__reExport(index_exports, require("./types"), module.exports);
+var import_sectionList = __toESM(require("./sectionList"));
+var import_sectionList2 = __toESM(require("./sectionList"));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SectionList,
+  ...require("./types")
+});

package/lib/components/sectionList/sectionList.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { SectionListProps } from './types';
+declare function SectionList<T>({ sections, renderItem, renderSectionHeader, renderSectionFooter, keyExtractor, sectionKeyExtractor, stickySectionHeadersEnabled, extraData, initialNumToRender, inverted, ItemSeparatorComponent, SectionSeparatorComponent, ListEmptyComponent, ListHeaderComponent, ListFooterComponent, testID, activeSectionKey, defaultActiveSectionKey, collapsedSectionKeys, defaultCollapsedSectionKeys, size, variant, collapsible, accordion, divider, emptyText, onSectionChange, onCollapsedSectionKeysChange, children, className, style }: SectionListProps<T>): React.JSX.Element;
+declare namespace SectionList {
+    var displayName: string;
+}
+export default SectionList;
+//# sourceMappingURL=sectionList.d.ts.map

package/lib/components/sectionList/sectionList.js

@@ -0,0 +1,464 @@
+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/sectionList/sectionList.tsx
+var sectionList_exports = {};
+__export(sectionList_exports, {
+  default: () => sectionList_default
+});
+module.exports = __toCommonJS(sectionList_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_locale = require("../../utils/locale");
+var import_configProvider = require("../configProvider");
+var import_icon = require("../icon");
+var import_scrollView = require("../scrollView");
+var sizePaddingMap = {
+  mini: { sectionPadding: 7, itemPadding: 7 },
+  small: { sectionPadding: 8, itemPadding: 8 },
+  middle: { sectionPadding: 10, itemPadding: 10 },
+  large: { sectionPadding: 12, itemPadding: 12 }
+};
+function SectionList({
+  sections = [],
+  renderItem,
+  renderSectionHeader,
+  renderSectionFooter,
+  keyExtractor,
+  sectionKeyExtractor,
+  stickySectionHeadersEnabled = false,
+  extraData,
+  initialNumToRender = 10,
+  inverted = false,
+  ItemSeparatorComponent,
+  SectionSeparatorComponent,
+  ListEmptyComponent,
+  ListHeaderComponent,
+  ListFooterComponent,
+  testID = "sectionList",
+  activeSectionKey,
+  defaultActiveSectionKey,
+  collapsedSectionKeys,
+  defaultCollapsedSectionKeys = [],
+  size = "middle",
+  variant = "default",
+  collapsible = false,
+  accordion = false,
+  divider = true,
+  emptyText,
+  onSectionChange,
+  onCollapsedSectionKeysChange,
+  children,
+  className,
+  style
+}) {
+  const { theme } = (0, import_theme.useTheme)();
+  const config = (0, import_configProvider.useConfigProvider)();
+  const [innerActiveSectionKey, setInnerActiveSectionKey] = (0, import_react.useState)(
+    defaultActiveSectionKey ?? (sections[0] ? resolveSectionKey(sections[0], 0, sectionKeyExtractor) : void 0)
+  );
+  const [innerCollapsedKeys, setInnerCollapsedKeys] = (0, import_react.useState)(defaultCollapsedSectionKeys);
+  const selectionEnabled = collapsible || onSectionChange !== void 0 || activeSectionKey !== void 0 || defaultActiveSectionKey !== void 0;
+  const headerInteractive = collapsible || onSectionChange !== void 0;
+  const currentActiveSectionKey = selectionEnabled ? activeSectionKey ?? innerActiveSectionKey : void 0;
+  const currentCollapsedKeys = collapsedSectionKeys ?? innerCollapsedKeys;
+  const metrics = sizePaddingMap[size];
+  const typography = (0, import_theme.getListTypographyTokens)(size);
+  const background = variant === "filled" ? theme.colors.muted : variant === "card" ? theme.colors.card : theme.colors.background;
+  const rows = [];
+  const hasRenderableItems = sections.some((section) => getSectionItems(section).length > 0);
+  const resolvedEmpty = emptyText ?? (0, import_locale.resolveLocaleText)(config.locale, "empty.text", "暂无数据");
+  const listHeaderNode = renderOptionalComponent(ListHeaderComponent);
+  const listFooterNode = renderOptionalComponent(ListFooterComponent);
+  const emptyNode = ListEmptyComponent !== void 0 ? renderOptionalComponent(ListEmptyComponent) : children !== void 0 ? children : renderText(resolvedEmpty, theme.colors["muted-foreground"]);
+  sections.forEach((section, sectionIndex) => {
+    const sectionKey = resolveSectionKey(section, sectionIndex, sectionKeyExtractor);
+    const sectionItems = getSectionItems(section);
+    const collapsed = currentCollapsedKeys.includes(sectionKey);
+    const shouldRenderHeader = Boolean(renderSectionHeader) || [section.title, section.description, section.badge, section.extra].some(hasRenderableNode);
+    if (shouldRenderHeader) rows.push({ type: "header", section, sectionIndex, sectionKey });
+    if (!collapsed) {
+      sectionItems.forEach((item, itemIndex) => {
+        rows.push({ type: "item", section, sectionIndex, sectionKey, item, itemIndex });
+        if (hasRenderableSlot(ItemSeparatorComponent) && itemIndex < sectionItems.length - 1) {
+          rows.push({
+            type: "itemSeparator",
+            section,
+            sectionIndex,
+            sectionKey,
+            itemIndex
+          });
+        }
+      });
+    }
+    if (renderSectionFooter) rows.push({ type: "footer", section, sectionIndex, sectionKey });
+    if (hasRenderableSlot(SectionSeparatorComponent) && sectionIndex < sections.length - 1) {
+      rows.push({ type: "sectionSeparator", section, sectionIndex, sectionKey });
+    }
+  });
+  const renderedRows = inverted ? [...rows].reverse() : rows;
+  const setCollapsedKeys = (nextKeys) => {
+    if (collapsedSectionKeys === void 0) setInnerCollapsedKeys(nextKeys);
+    onCollapsedSectionKeysChange == null ? void 0 : onCollapsedSectionKeysChange(nextKeys);
+  };
+  const surfaceStyle = {
+    boxSizing: "border-box",
+    width: "100%",
+    borderRadius: "var(--x-list-card-radius)",
+    overflow: "hidden",
+    backgroundColor: background,
+    border: variant === "default" ? "none" : `1px solid ${theme.colors.border}`,
+    ...style
+  };
+  const boundaryStyle = {
+    boxSizing: "border-box",
+    width: "100%",
+    minWidth: 0,
+    flexShrink: 0
+  };
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_components.View,
+    {
+      "data-slot": "section-list-root",
+      "data-sticky": stickySectionHeadersEnabled ? "true" : void 0,
+      "data-inverted": inverted ? "true" : void 0,
+      "data-initial-count": String(initialNumToRender),
+      "data-extra-version": extraData === void 0 ? void 0 : "present",
+      "data-testid": testID,
+      className: (0, import_utils.classNames)("x-section-list", `x-section-list--${variant}`, className),
+      style: surfaceStyle
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      import_scrollView.ScrollView,
+      {
+        className: "x-section-list__scroll",
+        flex: false,
+        height: (style == null ? void 0 : style.height) !== void 0 ? "100%" : "auto",
+        scrollY: true,
+        showScrollbar: true,
+        style: {
+          width: "100%",
+          maxHeight: (style == null ? void 0 : style.height) === void 0 ? style == null ? void 0 : style.maxHeight : "100%"
+        },
+        usingSticky: stickySectionHeadersEnabled
+      },
+      /* @__PURE__ */ import_react.default.createElement(
+        import_components.View,
+        {
+          "data-slot": "section-list-content",
+          className: "x-section-list__content",
+          style: {
+            boxSizing: "border-box",
+            display: "flex",
+            width: "100%",
+            minWidth: 0,
+            flexDirection: "column"
+          }
+        },
+        hasRenderableNode(listHeaderNode) ? /* @__PURE__ */ import_react.default.createElement(
+          import_components.View,
+          {
+            "data-slot": "section-list-header",
+            className: "x-section-list__header",
+            style: boundaryStyle
+          },
+          listHeaderNode
+        ) : null,
+        !hasRenderableItems ? /* @__PURE__ */ import_react.default.createElement(
+          import_components.View,
+          {
+            "data-slot": "section-list-empty",
+            className: "x-section-list__empty",
+            style: emptyStyle
+          },
+          emptyNode
+        ) : renderedRows.map((row) => {
+          const active = row.sectionKey === currentActiveSectionKey;
+          const collapsed = currentCollapsedKeys.includes(row.sectionKey);
+          if (row.type === "header") {
+            return /* @__PURE__ */ import_react.default.createElement(
+              import_components.View,
+              {
+                key: `${row.sectionKey}-header`,
+                "data-slot": "section-list-section-header",
+                "data-section-key": row.sectionKey,
+                "data-active": active ? "true" : void 0,
+                "data-collapsed": collapsed ? "true" : void 0,
+                className: (0, import_utils.classNames)(
+                  "x-section-list__section-header",
+                  stickySectionHeadersEnabled && "x-section-list__section-header--sticky"
+                ),
+                role: headerInteractive ? "button" : void 0,
+                "aria-expanded": collapsible ? !collapsed : void 0,
+                "aria-disabled": headerInteractive && row.section.disabled ? true : void 0,
+                ariaLabel: getTextContent(row.section.title),
+                style: {
+                  ...boundaryStyle,
+                  position: stickySectionHeadersEnabled ? "sticky" : "relative",
+                  top: stickySectionHeadersEnabled ? 0 : void 0,
+                  zIndex: stickySectionHeadersEnabled ? 1 : void 0,
+                  display: "flex",
+                  flexDirection: "row",
+                  alignItems: "center",
+                  gap: 12,
+                  padding: metrics.sectionPadding,
+                  backgroundColor: active ? theme.colors.card : background,
+                  opacity: row.section.disabled ? 0.45 : 1
+                },
+                onClick: headerInteractive ? () => {
+                  if (row.section.disabled) return;
+                  if (activeSectionKey === void 0) {
+                    setInnerActiveSectionKey(row.sectionKey);
+                  }
+                  onSectionChange == null ? void 0 : onSectionChange(row.sectionKey, row.section);
+                  if (!collapsible) return;
+                  if (collapsed) {
+                    setCollapsedKeys(
+                      currentCollapsedKeys.filter((key) => key !== row.sectionKey)
+                    );
+                  } else {
+                    const nextKeys = accordion ? sections.map(
+                      (section, index) => resolveSectionKey(section, index, sectionKeyExtractor)
+                    ).filter((key) => key !== row.sectionKey) : [...currentCollapsedKeys, row.sectionKey];
+                    setCollapsedKeys(nextKeys);
+                  }
+                } : void 0
+              },
+              /* @__PURE__ */ import_react.default.createElement(import_components.View, { style: { flex: 1, minWidth: 0 } }, renderHeaderContent(
+                renderSectionHeader,
+                row.section,
+                row.sectionIndex,
+                active,
+                typography,
+                theme.colors
+              )),
+              row.section.badge,
+              row.section.extra,
+              collapsible ? /* @__PURE__ */ import_react.default.createElement(
+                import_icon.Icon,
+                {
+                  name: collapsed ? "ChevronRight" : "ChevronDown",
+                  size: typography.titleFontSize + 2,
+                  color: theme.colors["muted-foreground"]
+                }
+              ) : null
+            );
+          }
+          if (row.type === "item") {
+            const itemIndex = row.itemIndex;
+            const itemKey = resolveItemKey(
+              row.section,
+              row.item,
+              itemIndex,
+              row.sectionIndex,
+              keyExtractor
+            );
+            return /* @__PURE__ */ import_react.default.createElement(
+              import_components.View,
+              {
+                key: `${row.sectionKey}-item-${itemKey}`,
+                "data-slot": "section-list-item",
+                "data-index": itemIndex,
+                "data-section-index": row.sectionIndex,
+                className: "x-section-list__item",
+                style: {
+                  ...boundaryStyle,
+                  position: "relative",
+                  paddingTop: metrics.itemPadding,
+                  paddingBottom: metrics.itemPadding,
+                  paddingLeft: metrics.sectionPadding + 8,
+                  paddingRight: metrics.sectionPadding,
+                  backgroundColor: background
+                }
+              },
+              renderItemContent(
+                row.section.renderItem ?? renderItem,
+                row.item,
+                row.section,
+                itemIndex,
+                row.sectionIndex,
+                theme.colors,
+                typography.descriptionFontSize
+              ),
+              divider && itemIndex < getSectionItems(row.section).length - 1 && !hasRenderableSlot(ItemSeparatorComponent) ? /* @__PURE__ */ import_react.default.createElement(
+                import_components.View,
+                {
+                  "data-slot": "section-list-item-divider",
+                  className: "x-section-list__item-divider",
+                  style: {
+                    position: "absolute",
+                    right: metrics.sectionPadding,
+                    bottom: 0,
+                    left: metrics.sectionPadding + 8,
+                    borderBottom: `1px solid ${theme.colors.border}`
+                  }
+                }
+              ) : null
+            );
+          }
+          if (row.type === "itemSeparator") {
+            return /* @__PURE__ */ import_react.default.createElement(
+              import_components.View,
+              {
+                key: `${row.sectionKey}-item-separator-${row.itemIndex}`,
+                "data-slot": "section-list-item-separator",
+                className: "x-section-list__item-separator",
+                style: boundaryStyle
+              },
+              renderOptionalComponent(ItemSeparatorComponent)
+            );
+          }
+          if (row.type === "footer") {
+            return /* @__PURE__ */ import_react.default.createElement(
+              import_components.View,
+              {
+                key: `${row.sectionKey}-footer`,
+                "data-slot": "section-list-section-footer",
+                className: "x-section-list__section-footer",
+                style: boundaryStyle
+              },
+              renderFooterContent(renderSectionFooter, row.section, row.sectionIndex)
+            );
+          }
+          return /* @__PURE__ */ import_react.default.createElement(
+            import_components.View,
+            {
+              key: `${row.sectionKey}-section-separator`,
+              "data-slot": "section-list-section-separator",
+              className: "x-section-list__section-separator",
+              style: boundaryStyle
+            },
+            renderOptionalComponent(SectionSeparatorComponent)
+          );
+        }),
+        hasRenderableNode(listFooterNode) ? /* @__PURE__ */ import_react.default.createElement(
+          import_components.View,
+          {
+            "data-slot": "section-list-footer",
+            className: "x-section-list__footer",
+            style: boundaryStyle
+          },
+          listFooterNode
+        ) : null
+      )
+    )
+  );
+}
+var emptyStyle = {
+  boxSizing: "border-box",
+  display: "flex",
+  width: "100%",
+  alignItems: "center",
+  justifyContent: "center",
+  padding: 16
+};
+function getSectionItems(section) {
+  return section.data ?? section.items ?? [];
+}
+function resolveSectionKey(section, index, extractor) {
+  return (extractor == null ? void 0 : extractor(section, index)) ?? section.key ?? `section-${index}`;
+}
+function resolveItemKey(section, item, itemIndex, sectionIndex, extractor) {
+  if (section.keyExtractor) return section.keyExtractor(item, itemIndex);
+  if (!extractor) return `item-${sectionIndex}-${itemIndex}`;
+  if (extractor.length >= 3) {
+    return extractor(item, section, itemIndex, sectionIndex);
+  }
+  return extractor(item, itemIndex);
+}
+function renderOptionalComponent(component) {
+  if (!hasRenderableSlot(component)) return null;
+  if (typeof component === "function") {
+    return import_react.default.createElement(component);
+  }
+  return component;
+}
+function hasRenderableSlot(slot) {
+  return typeof slot === "function" || hasRenderableNode(slot);
+}
+function hasRenderableNode(node) {
+  return node !== null && node !== void 0 && typeof node !== "boolean";
+}
+function renderHeaderContent(renderer, section, sectionIndex, active, typography, colors) {
+  if (renderer) {
+    if (renderer.length >= 2) {
+      return renderer(section, sectionIndex, active);
+    }
+    return renderer({ section });
+  }
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, renderText(section.title, colors.foreground, {
+    fontSize: typography.titleFontSize,
+    fontWeight: active ? "600" : "500"
+  }), section.description !== void 0 ? /* @__PURE__ */ import_react.default.createElement(import_components.View, { style: { marginTop: 6 } }, renderText(section.description, colors["muted-foreground"], {
+    fontSize: typography.descriptionFontSize
+  })) : null);
+}
+function renderFooterContent(renderer, section, sectionIndex) {
+  if (renderer.length >= 2) {
+    return renderer(
+      section,
+      sectionIndex
+    );
+  }
+  return renderer({ section });
+}
+function renderItemContent(renderer, item, section, itemIndex, sectionIndex, colors, descriptionFontSize) {
+  if (!renderer) return renderDefaultItem(item, colors, descriptionFontSize);
+  if (renderer.length >= 2) {
+    return renderer(item, section, itemIndex, sectionIndex);
+  }
+  return renderer({
+    item,
+    index: itemIndex,
+    section
+  });
+}
+function renderText(content, color, style) {
+  return typeof content === "string" || typeof content === "number" ? /* @__PURE__ */ import_react.default.createElement(import_components.Text, { style: { color, ...style } }, content) : content;
+}
+function getTextContent(content) {
+  return typeof content === "string" || typeof content === "number" ? String(content) : void 0;
+}
+function renderDefaultItem(item, colors, descriptionFontSize) {
+  if (import_react.default.isValidElement(item)) return item;
+  if (typeof item === "string" || typeof item === "number") {
+    return /* @__PURE__ */ import_react.default.createElement(import_components.Text, { style: { color: colors.foreground } }, item);
+  }
+  if (item && typeof item === "object") {
+    const record = item;
+    const title = record.title ?? record.label ?? record.name;
+    const description = record.description ?? record.subtitle;
+    const extra = record.extra ?? record.value;
+    return /* @__PURE__ */ import_react.default.createElement(import_components.View, { style: { display: "flex", flexDirection: "row", alignItems: "center", gap: 12 } }, /* @__PURE__ */ import_react.default.createElement(import_components.View, { style: { flex: 1, minWidth: 0 } }, title !== void 0 ? /* @__PURE__ */ import_react.default.createElement(import_components.Text, { style: { color: colors.foreground, fontWeight: "600" } }, String(title)) : null, description !== void 0 ? /* @__PURE__ */ import_react.default.createElement(import_components.View, { style: { marginTop: 6 } }, /* @__PURE__ */ import_react.default.createElement(import_components.Text, { style: { color: colors["muted-foreground"], fontSize: descriptionFontSize } }, String(description))) : null), extra !== void 0 ? /* @__PURE__ */ import_react.default.createElement(import_components.Text, { style: { color: colors.foreground } }, String(extra)) : null);
+  }
+  return null;
+}
+SectionList.displayName = "SectionList";
+var sectionList_default = SectionList;

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

@@ -0,0 +1,64 @@
+import type { CSSProperties, ReactNode } from 'react';
+import type { SizeVariant } from '../../theme/types';
+export interface SectionListRenderItemInfo<T = unknown> {
+    item: T;
+    index: number;
+    section: SectionListSection<T>;
+    separators?: unknown;
+}
+export declare type SectionListRenderItem<T = unknown> = ((info: SectionListRenderItemInfo<T>) => ReactNode) | ((item: T, section: SectionListSection<T>, itemIndex: number, sectionIndex: number) => ReactNode);
+export interface SectionListSection<T = unknown> {
+    key?: string;
+    title?: ReactNode;
+    description?: ReactNode;
+    badge?: ReactNode;
+    extra?: ReactNode;
+    disabled?: boolean;
+    /** Canonical x-mobile-ui data field. */
+    data?: T[];
+    /** @deprecated Use data. */
+    items?: T[];
+    renderItem?: SectionListRenderItem<T>;
+    keyExtractor?: (item: T, index: number) => string;
+}
+export declare type SectionListVariant = 'default' | 'filled' | 'card';
+export declare type SectionListSlot = ReactNode | React.ComponentType<any>;
+export interface SectionListProps<T = unknown> {
+    sections?: SectionListSection<T>[];
+    renderItem?: SectionListRenderItem<T>;
+    renderSectionHeader?: ((info: {
+        section: SectionListSection<T>;
+    }) => ReactNode) | ((section: SectionListSection<T>, sectionIndex: number, active: boolean) => ReactNode);
+    renderSectionFooter?: ((info: {
+        section: SectionListSection<T>;
+    }) => ReactNode) | ((section: SectionListSection<T>, sectionIndex: number) => ReactNode);
+    keyExtractor?: ((item: T, index: number) => string) | ((item: T, section: SectionListSection<T>, itemIndex: number, sectionIndex: number) => string);
+    sectionKeyExtractor?: (section: SectionListSection<T>, index: number) => string;
+    stickySectionHeadersEnabled?: boolean;
+    extraData?: unknown;
+    initialNumToRender?: number;
+    inverted?: boolean;
+    ItemSeparatorComponent?: SectionListSlot;
+    SectionSeparatorComponent?: SectionListSlot;
+    ListEmptyComponent?: SectionListSlot;
+    ListHeaderComponent?: SectionListSlot;
+    ListFooterComponent?: SectionListSlot;
+    testID?: string;
+    /** Legacy selectable/collapsible presentation extensions. */
+    activeSectionKey?: string;
+    defaultActiveSectionKey?: string;
+    collapsedSectionKeys?: string[];
+    defaultCollapsedSectionKeys?: string[];
+    size?: SizeVariant;
+    variant?: SectionListVariant;
+    collapsible?: boolean;
+    accordion?: boolean;
+    divider?: boolean;
+    emptyText?: ReactNode;
+    onSectionChange?: (key: string, section: SectionListSection<T>) => void;
+    onCollapsedSectionKeysChange?: (keys: string[]) => void;
+    children?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+}
+//# sourceMappingURL=types.d.ts.map

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

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

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

package/lib/components/segmented/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/segmented/index.ts
+var index_exports = {};
+__export(index_exports, {
+  Segmented: () => import_segmented.default,
+  default: () => import_segmented2.default
+});
+module.exports = __toCommonJS(index_exports);
+__reExport(index_exports, require("./types"), module.exports);
+var import_segmented = __toESM(require("./segmented"));
+var import_segmented2 = __toESM(require("./segmented"));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Segmented,
+  ...require("./types")
+});

package/lib/components/segmented/segmented.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { SegmentedProps } from './types';
+declare const Segmented: React.FC<SegmentedProps>;
+export default Segmented;
+//# sourceMappingURL=segmented.d.ts.map