etudes 5.2.0 → 5.3.0

package/components/Accordion.d.ts

@@ -1,219 +0,0 @@
-import { type ComponentType, type HTMLAttributes, type PropsWithChildren, type ReactElement, type Ref } from 'react';
-import { type CollectionItemProps, type CollectionOrientation, type CollectionProps, type CollectionSelectionMode } from './Collection';
-/**
- * Type describing the current item selection of {@link Accordion}, composed of
- * a dictionary whose key corresponds the section index and value corresponds to
- * an array of selected item indices. If the selection mode of the
- * {@link Accordion} is `single`, only one key will be present and one index in
- * the array value.
- */
-export type AccordionSelection = Record<number, number[]>;
-/**
- * Type describing the data of each section in {@link Accordion}.
- */
-export type AccordionSection<T> = Pick<CollectionProps<T>, 'isSelectionTogglable' | 'itemLength' | 'itemPadding' | 'items' | 'layout' | 'numSegments'> & {
-    /**
-     * Padding (in pixels) between the sectionheader and the internal collection.
-     */
-    collectionPadding?: number;
-    /**
-     * Label for the section header.
-     */
-    label: string;
-    /**
-     * Maximum number of visible rows (if section orientation is `vertical`) or
-     * columns (if section orientation is `horizontal`). If number of rows exceeds
-     * the number of visible, a scrollbar will be put in place.
-     */
-    maxVisible?: number;
-};
-/**
- * Type describing the props of each `ItemComponent` provided to
- * {@link Accordion}.
- */
-export type AccordionItemProps<T> = CollectionItemProps<T>;
-/**
- * Type describing the props of each `HeaderComponent` provided to
- * {@link Accordion}.
- */
-export type AccordionHeaderProps<I, S extends AccordionSection<I> = AccordionSection<I>> = HTMLAttributes<HTMLElement> & PropsWithChildren<{
-    /**
-     * The index of the corresponding section.
-     */
-    index: number;
-    /**
-     * Indicates whether the corresponding section is collapsed.
-     */
-    isCollapsed: boolean;
-    /**
-     * Data provided to the corresponding section.
-     */
-    section: S;
-    /**
-     * Handler invoked to dispatch a custom event.
-     *
-     * @param name User-defined name of the custom event.
-     * @param info Optional user-defined info of the custom event.
-     */
-    onCustomEvent?: (name: string, info?: any) => void;
-}>;
-/**
- * Type describing the props of {@link Accordion}.
- */
-export type AccordionProps<I, S extends AccordionSection<I> = AccordionSection<I>> = HTMLAttributes<HTMLDivElement> & PropsWithChildren<{
-    /**
-     * Specifies if expanded sections should automatically collapse upon expanding
-     * another section.
-     */
-    autoCollapseSections?: boolean;
-    /**
-     * SVG markup to use as the collapse icon when a toggle button is
-     * automatically generated (when `HeaderComponent` is absent).
-     */
-    collapseIconSvg?: string;
-    /**
-     * Indices of sections that are expanded. If specified, the component will not
-     * manage expansion states.
-     */
-    expandedSectionIndices?: number[];
-    /**
-     * SVG markup to use as the expand icon when a toggle button is automatically
-     * generated (when `HeaderComponent` is absent).
-     */
-    expandIconSvg?: string;
-    /**
-     * Orientation of this component.
-     *
-     * @see {@link CollectionOrientation}
-     */
-    orientation?: CollectionOrientation;
-    /**
-     * Padding (in pixels) between each section.
-     */
-    sectionPadding?: number;
-    /**
-     * Data provided to each section.
-     */
-    sections: S[];
-    /**
-     * Indices of selected items per section.
-     *
-     * @see {@link AccordionSelection}
-     */
-    selection?: AccordionSelection;
-    /**
-     * Selection mode of each section.
-     *
-     * @see {@link CollectionSelectionMode}
-     */
-    selectionMode?: CollectionSelectionMode;
-    /**
-     * Specifies if the component should use default styles.
-     */
-    usesDefaultStyles?: boolean;
-    /**
-     * Handler invoked when an item is activated in a section. The order of
-     * handlers invoked when any selection changes take place is:
-     *   1. `onActivateAt`
-     *   2. `onDeselectAt`
-     *   3. `onSelectAt`
-     *   4. `onSelectionChange`
-     *
-     * @param itemIndex Item index.
-     * @param sectionIndex Section index.
-     */
-    onActivateAt?: (itemIndex: number, sectionIndex: number) => void;
-    /**
-     * Handler invoked when a section is collapsed. The order of handlers invoked
-     * when any section expansion changes take place is:
-     *   1. `onCollapseSectionAt`
-     *   2. `onExpandSectionAt`
-     *
-     * @param sectionIndex Section index.
-     */
-    onCollapseSectionAt?: (sectionIndex: number) => void;
-    /**
-     * Handler invoked when an item is deselected in a section. The order of
-     * handlers invoked when any selection changes take place is:
-     *   1. `onActivateAt`
-     *   2. `onDeselectAt`
-     *   3. `onSelectAt`
-     *   4. `onSelectionChange`
-     *
-     * @param itemIndex Item index.
-     * @param sectionIndex Section index.
-     */
-    onDeselectAt?: (itemIndex: number, sectionIndex: number) => void;
-    /**
-     * Handler invoked when the expansion state of any section changes.
-     *
-     * @param expandedSectionIndices Indices of sections that are expanded.
-     */
-    onExpandedSectionsChange?: (expandedSectionIndices: number[]) => void;
-    /**
-     * Handler invoked when a section is expanded. The order of handlers invoked
-     * when any section expansion changes take place is:
-     *   1. `onCollapseSectionAt`
-     *   2. `onExpandSectionAt`
-     *
-     * @param sectionIndex Section index.
-     */
-    onExpandSectionAt?: (sectionIndex: number) => void;
-    /**
-     * Handler invoked when a custom event is dispatched from a section header.
-     *
-     * @param sectionIndex Index of the section which the header belongs.
-     * @param eventName User-defined name of the dispatched event.
-     * @param eventInfo Optional user-defined info of the dispatched event.
-     */
-    onHeaderCustomEvent?: (sectionIndex: number, eventName: string, eventInfo?: any) => void;
-    /**
-     * Handler invoked when a custom event is dispatched from an item.
-     *
-     * @param itemIndex Item index.
-     * @param sectionIndex Section index.
-     * @param eventName User-defined name of the dispatched event.
-     * @param eventInfo Optional user-defined info of the dispatched event.
-     */
-    onItemCustomEvent?: (itemIndex: number, sectionIndex: number, eventName: string, eventInfo?: any) => void;
-    /**
-     * Handler invoked when an item is selected in a section. The order of
-     * handlers invoked when any selection changes take place is:
-     *   1. `onActivateAt`
-     *   2. `onDeselectAt`
-     *   3. `onSelectAt`
-     *   4. `onSelectionChange`
-     *
-     * @param itemIndex Item index.
-     * @param sectionIndex Section index.
-     */
-    onSelectAt?: (itemIndex: number, sectionIndex: number) => void;
-    /**
-     * Handler invoked when selected items have changed. The order of handlers
-     * invoked when any selection changes take place is:
-     *   1. `onActivateAt`
-     *   2. `onDeselectAt`
-     *   3. `onSelectAt`
-     *   4. `onSelectionChange`
-     *
-     * @param selectedIndices Dictionary of indices of selected items per section.
-     */
-    onSelectionChange?: (selection: AccordionSelection) => void;
-    /**
-     * Component type for generating section headers inside the component. When
-     * absent, one will be generated automatically.
-     */
-    HeaderComponent?: ComponentType<AccordionHeaderProps<I, S>>;
-    /**
-     * Component type for generating items for each section.
-     */
-    ItemComponent?: ComponentType<AccordionItemProps<I>>;
-}>;
-/**
- * A collection of selectable items laid out in sections in an accordion. Items
- * are generated based on the provided `ItemComponent` while each section header
- * is optionally provided by `HeaderComponent` or generated automatically.
- */
-export declare const Accordion: <I, S extends AccordionSection<I> = AccordionSection<I>>(props: AccordionProps<I, S> & {
-    ref?: Ref<HTMLDivElement>;
-}) => ReactElement;

package/components/Accordion.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Accordion.js","sourceRoot":"/","sources":["components/Accordion.tsx"],"names":[],"mappings":"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","sourcesContent":["import clsx from 'clsx'\nimport isDeepEqual from 'fast-deep-equal/react'\nimport { forwardRef, useEffect, useRef, type ComponentType, type HTMLAttributes, type PropsWithChildren, type ReactElement, type Ref } from 'react'\nimport { Each } from '../operators/Each'\nimport { asStyleDict, cloneStyledElement, styles } from '../utils'\nimport { Collection, type CollectionItemProps, type CollectionOrientation, type CollectionProps, type CollectionSelectionMode } from './Collection'\nimport { FlatSVG } from './FlatSVG'\n\n/**\n * Type describing the current item selection of {@link Accordion}, composed of\n * a dictionary whose key corresponds the section index and value corresponds to\n * an array of selected item indices. If the selection mode of the\n * {@link Accordion} is `single`, only one key will be present and one index in\n * the array value.\n */\nexport type AccordionSelection = Record<number, number[]>\n\n/**\n * Type describing the data of each section in {@link Accordion}.\n */\nexport type AccordionSection<T> = Pick<CollectionProps<T>, 'isSelectionTogglable' | 'itemLength' | 'itemPadding' | 'items' | 'layout' | 'numSegments'> & {\n  /**\n   * Padding (in pixels) between the sectionheader and the internal collection.\n   */\n  collectionPadding?: number\n\n  /**\n   * Label for the section header.\n   */\n  label: string\n\n  /**\n   * Maximum number of visible rows (if section orientation is `vertical`) or\n   * columns (if section orientation is `horizontal`). If number of rows exceeds\n   * the number of visible, a scrollbar will be put in place.\n   */\n  maxVisible?: number\n}\n\n/**\n * Type describing the props of each `ItemComponent` provided to\n * {@link Accordion}.\n */\nexport type AccordionItemProps<T> = CollectionItemProps<T>\n\n/**\n * Type describing the props of each `HeaderComponent` provided to\n * {@link Accordion}.\n */\nexport type AccordionHeaderProps<I, S extends AccordionSection<I> = AccordionSection<I>> = HTMLAttributes<HTMLElement> & PropsWithChildren<{\n  /**\n   * The index of the corresponding section.\n   */\n  index: number\n\n  /**\n   * Indicates whether the corresponding section is collapsed.\n   */\n  isCollapsed: boolean\n\n  /**\n   * Data provided to the corresponding section.\n   */\n  section: S\n\n  /**\n   * Handler invoked to dispatch a custom event.\n   *\n   * @param name User-defined name of the custom event.\n   * @param info Optional user-defined info of the custom event.\n   */\n  onCustomEvent?: (name: string, info?: any) => void\n}>\n\n/**\n * Type describing the props of {@link Accordion}.\n */\nexport type AccordionProps<I, S extends AccordionSection<I> = AccordionSection<I>> = HTMLAttributes<HTMLDivElement> & PropsWithChildren<{\n  /**\n   * Specifies if expanded sections should automatically collapse upon expanding\n   * another section.\n   */\n  autoCollapseSections?: boolean\n\n  /**\n   * SVG markup to use as the collapse icon when a toggle button is\n   * automatically generated (when `HeaderComponent` is absent).\n   */\n  collapseIconSvg?: string\n\n  /**\n   * Indices of sections that are expanded. If specified, the component will not\n   * manage expansion states.\n   */\n  expandedSectionIndices?: number[]\n\n  /**\n   * SVG markup to use as the expand icon when a toggle button is automatically\n   * generated (when `HeaderComponent` is absent).\n   */\n  expandIconSvg?: string\n\n  /**\n   * Orientation of this component.\n   *\n   * @see {@link CollectionOrientation}\n   */\n  orientation?: CollectionOrientation\n\n  /**\n   * Padding (in pixels) between each section.\n   */\n  sectionPadding?: number\n\n  /**\n   * Data provided to each section.\n   */\n  sections: S[]\n\n  /**\n   * Indices of selected items per section.\n   *\n   * @see {@link AccordionSelection}\n   */\n  selection?: AccordionSelection\n\n  /**\n   * Selection mode of each section.\n   *\n   * @see {@link CollectionSelectionMode}\n   */\n  selectionMode?: CollectionSelectionMode\n\n  /**\n   * Specifies if the component should use default styles.\n   */\n  usesDefaultStyles?: boolean\n\n  /**\n   * Handler invoked when an item is activated in a section. The order of\n   * handlers invoked when any selection changes take place is:\n   *   1. `onActivateAt`\n   *   2. `onDeselectAt`\n   *   3. `onSelectAt`\n   *   4. `onSelectionChange`\n   *\n   * @param itemIndex Item index.\n   * @param sectionIndex Section index.\n   */\n  onActivateAt?: (itemIndex: number, sectionIndex: number) => void\n\n  /**\n   * Handler invoked when a section is collapsed. The order of handlers invoked\n   * when any section expansion changes take place is:\n   *   1. `onCollapseSectionAt`\n   *   2. `onExpandSectionAt`\n   *\n   * @param sectionIndex Section index.\n   */\n  onCollapseSectionAt?: (sectionIndex: number) => void\n\n  /**\n   * Handler invoked when an item is deselected in a section. The order of\n   * handlers invoked when any selection changes take place is:\n   *   1. `onActivateAt`\n   *   2. `onDeselectAt`\n   *   3. `onSelectAt`\n   *   4. `onSelectionChange`\n   *\n   * @param itemIndex Item index.\n   * @param sectionIndex Section index.\n   */\n  onDeselectAt?: (itemIndex: number, sectionIndex: number) => void\n\n  /**\n   * Handler invoked when the expansion state of any section changes.\n   *\n   * @param expandedSectionIndices Indices of sections that are expanded.\n   */\n  onExpandedSectionsChange?: (expandedSectionIndices: number[]) => void\n\n  /**\n   * Handler invoked when a section is expanded. The order of handlers invoked\n   * when any section expansion changes take place is:\n   *   1. `onCollapseSectionAt`\n   *   2. `onExpandSectionAt`\n   *\n   * @param sectionIndex Section index.\n   */\n  onExpandSectionAt?: (sectionIndex: number) => void\n\n  /**\n   * Handler invoked when a custom event is dispatched from a section header.\n   *\n   * @param sectionIndex Index of the section which the header belongs.\n   * @param eventName User-defined name of the dispatched event.\n   * @param eventInfo Optional user-defined info of the dispatched event.\n   */\n  onHeaderCustomEvent?: (sectionIndex: number, eventName: string, eventInfo?: any) => void\n\n  /**\n   * Handler invoked when a custom event is dispatched from an item.\n   *\n   * @param itemIndex Item index.\n   * @param sectionIndex Section index.\n   * @param eventName User-defined name of the dispatched event.\n   * @param eventInfo Optional user-defined info of the dispatched event.\n   */\n  onItemCustomEvent?: (itemIndex: number, sectionIndex: number, eventName: string, eventInfo?: any) => void\n\n  /**\n   * Handler invoked when an item is selected in a section. The order of\n   * handlers invoked when any selection changes take place is:\n   *   1. `onActivateAt`\n   *   2. `onDeselectAt`\n   *   3. `onSelectAt`\n   *   4. `onSelectionChange`\n   *\n   * @param itemIndex Item index.\n   * @param sectionIndex Section index.\n   */\n  onSelectAt?: (itemIndex: number, sectionIndex: number) => void\n\n  /**\n   * Handler invoked when selected items have changed. The order of handlers\n   * invoked when any selection changes take place is:\n   *   1. `onActivateAt`\n   *   2. `onDeselectAt`\n   *   3. `onSelectAt`\n   *   4. `onSelectionChange`\n   *\n   * @param selectedIndices Dictionary of indices of selected items per section.\n   */\n  onSelectionChange?: (selection: AccordionSelection) => void\n\n  /**\n   * Component type for generating section headers inside the component. When\n   * absent, one will be generated automatically.\n   */\n  HeaderComponent?: ComponentType<AccordionHeaderProps<I, S>>\n\n  /**\n   * Component type for generating items for each section.\n   */\n  ItemComponent?: ComponentType<AccordionItemProps<I>>\n}>\n\n/**\n * A collection of selectable items laid out in sections in an accordion. Items\n * are generated based on the provided `ItemComponent` while each section header\n * is optionally provided by `HeaderComponent` or generated automatically.\n */\nexport const Accordion = forwardRef(({\n  children,\n  style,\n  autoCollapseSections = false,\n  collapseIconSvg,\n  expandedSectionIndices: externalExpandedSectionIndices,\n  expandIconSvg,\n  orientation = 'vertical',\n  sectionPadding = 0,\n  sections,\n  selection: externalSelection,\n  selectionMode = 'single',\n  usesDefaultStyles = false,\n  onActivateAt,\n  onCollapseSectionAt,\n  onDeselectAt,\n  onExpandedSectionsChange,\n  onExpandSectionAt,\n  onHeaderCustomEvent,\n  onItemCustomEvent,\n  onSelectAt,\n  onSelectionChange,\n  HeaderComponent,\n  ItemComponent,\n  ...props\n}, ref) => {\n  const isSectionIndexOutOfRange = (sectionIndex: number) => {\n    if (sectionIndex >= sections.length) return true\n    if (sectionIndex < 0) return true\n\n    return false\n  }\n\n  const isItemIndexOutOfRange = (itemIndex: number, sectionIndex: number) => {\n    if (isSectionIndexOutOfRange(sectionIndex)) return true\n\n    const items = sections[sectionIndex].items\n\n    if (itemIndex >= items.length) return true\n    if (itemIndex < 0) return true\n\n    return false\n  }\n\n  const isSelectedAt = (itemIndex: number, sectionIndex: number) => (selection[sectionIndex]?.indexOf(itemIndex) ?? -1) >= 0\n\n  const sanitizeExpandedSectionIndices = (sectionIndices: number[]) => sortIndices(sectionIndices).filter(t => !isSectionIndexOutOfRange(t))\n\n  const sanitizeSelection = (selection: AccordionSelection) => {\n    const newValue: AccordionSelection = {}\n\n    for (const sectionIndex in sections) {\n      if (!Object.hasOwn(sections, sectionIndex)) continue\n\n      const indices = sortIndices([...selection[sectionIndex] ?? []])\n\n      newValue[Number(sectionIndex)] = sortIndices(indices).filter(t => !isItemIndexOutOfRange(t, Number(sectionIndex)))\n    }\n\n    return newValue\n  }\n\n  const isSectionExpandedAt = (sectionIndex: number) => expandedSectionIndices.indexOf(sectionIndex) >= 0\n\n  const toggleSectionAt = (sectionIndex: number) => {\n    let transform: (val: number[]) => number[]\n\n    if (isSectionExpandedAt(sectionIndex)) {\n      transform = val => val.filter(t => t !== sectionIndex)\n    }\n    else if (autoCollapseSections) {\n      transform = val => [sectionIndex]\n    }\n    else {\n      transform = val => [...val.filter(t => t !== sectionIndex), sectionIndex]\n    }\n\n    handleExpandedSectionsChange(expandedSectionIndices, transform(expandedSectionIndices))\n  }\n\n  const handleSelectAt = (itemIndex: number, sectionIndex: number) => {\n    if (isSelectedAt(itemIndex, sectionIndex)) return\n\n    let transform: (val: AccordionSelection) => AccordionSelection\n\n    switch (selectionMode) {\n      case 'multiple':\n        transform = val => ({\n          ...val,\n          [sectionIndex]: sortIndices([...(val[sectionIndex] ?? []).filter(t => t !== itemIndex), itemIndex]),\n        })\n        break\n      case 'single':\n        transform = val => ({\n          [sectionIndex]: [itemIndex],\n        })\n        break\n      default:\n        return\n    }\n\n    const newValue = transform(selection)\n\n    prevSelectionRef.current = newValue\n    handleSelectionChange(selection, newValue)\n  }\n\n  const handleDeselectAt = (itemIndex: number, sectionIndex: number) => {\n    if (!isSelectedAt(itemIndex, sectionIndex)) return\n\n    const transform = (val: AccordionSelection) => ({\n      ...val,\n      [sectionIndex]: (val[sectionIndex] ?? []).filter(t => t !== itemIndex),\n    })\n\n    const newValue = transform(selection)\n\n    prevSelectionRef.current = newValue\n    handleSelectionChange(selection, newValue)\n  }\n\n  const handleExpandedSectionsChange = (oldValue: number[] | undefined, newValue: number[]) => {\n    if (isDeepEqual(oldValue, newValue)) return\n\n    const collapsed = oldValue?.filter(t => newValue.indexOf(t) === -1) ?? []\n    const expanded = newValue.filter(t => oldValue?.indexOf(t) === -1)\n\n    collapsed.forEach(t => onCollapseSectionAt?.(t))\n    expanded.forEach(t => onExpandSectionAt?.(t))\n\n    onExpandedSectionsChange?.(newValue)\n  }\n\n  const handleSelectionChange = (oldValue: AccordionSelection | undefined, newValue: AccordionSelection) => {\n    if (isDeepEqual(oldValue, newValue)) return\n\n    const numSections = sections.length\n\n    let allDeselected: number[][] = []\n    let allSelected: number[][] = []\n\n    for (let i = 0; i < numSections; i++) {\n      const oldSection = oldValue?.[i] ?? []\n      const newSection = newValue[i] ?? []\n      const deselected = oldSection.filter(t => newSection.indexOf(t) === -1)\n      const selected = newSection.filter(t => oldSection?.indexOf(t) === -1)\n\n      allDeselected = [...allDeselected, ...deselected.map(t => [t, i])]\n      allSelected = [...allSelected, ...selected.map(t => [t, i])]\n    }\n\n    allDeselected.forEach(t => onDeselectAt?.(t[0], t[1]))\n    allSelected.forEach(t => onSelectAt?.(t[0], t[1]))\n\n    onSelectionChange?.(newValue)\n  }\n\n  const selection = sanitizeSelection(externalSelection ?? {})\n  const expandedSectionIndices = sanitizeExpandedSectionIndices(externalExpandedSectionIndices ?? [])\n  const fixedStyles = getFixedStyles({ orientation })\n  const defaultStyles = usesDefaultStyles ? getDefaultStyles({ orientation }) : undefined\n  const prevSelectionRef = useRef<AccordionSelection>()\n  const prevSelection = prevSelectionRef.current\n\n  useEffect(() => {\n    prevSelectionRef.current = selection\n\n    if (prevSelection === undefined) return\n\n    handleSelectionChange(prevSelection, selection)\n  }, [JSON.stringify(selection)])\n\n  return (\n    <div {...props} ref={ref} data-component='accordion' style={styles(style, fixedStyles.root)}>\n      <Each in={sections}>\n        {(section, sectionIndex) => {\n          const { collectionPadding = 0, items, itemLength = 50, itemPadding = 0, isSelectionTogglable, layout = 'list', maxVisible = -1, numSegments = 1 } = section\n          const allVisible = layout === 'list' ? items.length : Math.ceil(items.length / numSegments)\n          const numVisible = maxVisible < 0 ? allVisible : Math.min(allVisible, maxVisible)\n          const maxLength = itemLength * numVisible + itemPadding * (numVisible - 1)\n          const isCollapsed = !isSectionExpandedAt(sectionIndex)\n          const expandIconComponent = expandIconSvg ? <FlatSVG style={defaultStyles?.expandIcon} svg={expandIconSvg}/> : <></>\n          const collapseIconComponent = collapseIconSvg ? <FlatSVG style={defaultStyles?.collapseIcon} svg={collapseIconSvg}/> : expandIconComponent\n\n          return (\n            <div\n              style={styles(fixedStyles.section, orientation === 'vertical' ? {\n                marginTop: sectionIndex === 0 ? '0px' : `${sectionPadding}px`,\n              } : {\n                marginLeft: sectionIndex === 0 ? '0px' : `${sectionPadding}px`,\n              })}\n            >\n              {HeaderComponent ? (\n                <HeaderComponent\n                  className={clsx({ collapsed: isCollapsed, expanded: !isCollapsed })}\n                  data-child='header'\n                  index={sectionIndex}\n                  isCollapsed={isCollapsed}\n                  section={section}\n                  style={styles(fixedStyles.header)}\n                  onClick={() => toggleSectionAt(sectionIndex)}\n                  onCustomEvent={(name, info) => onHeaderCustomEvent?.(sectionIndex, name, info)}\n                />\n              ) : (\n                <button\n                  className={clsx({ collapsed: isCollapsed, expanded: !isCollapsed })}\n                  data-child='header'\n                  style={styles(fixedStyles.header, defaultStyles?.header)}\n                  onClick={() => toggleSectionAt(sectionIndex)}\n                >\n                  <span dangerouslySetInnerHTML={{ __html: section.label }} style={styles(defaultStyles?.headerLabel)}/>\n                  {cloneStyledElement(isCollapsed ? expandIconComponent : collapseIconComponent, {\n                    style: styles(isCollapsed ? fixedStyles.expandIcon : fixedStyles.collapseIcon),\n                  })}\n                </button>\n              )}\n              <Collection\n                className={clsx({ collapsed: isCollapsed, expanded: !isCollapsed })}\n                data-child='collection'\n                isSelectionTogglable={isSelectionTogglable}\n                ItemComponent={ItemComponent}\n                itemLength={itemLength}\n                itemPadding={itemPadding}\n                items={items}\n                layout={layout}\n                numSegments={numSegments}\n                orientation={orientation}\n                selection={selection[sectionIndex] ?? []}\n                selectionMode={selectionMode}\n                style={styles(fixedStyles.list, defaultStyles?.collection, orientation === 'vertical' ? {\n                  width: '100%',\n                  height: isCollapsed ? '0px' : `${maxLength}px`,\n                  marginTop: isCollapsed ? '0px' : `${collectionPadding}px`,\n                  overflowY: maxVisible < 0 || maxVisible >= allVisible ? 'hidden' : 'scroll',\n                } : {\n                  marginLeft: isCollapsed ? '0px' : `${collectionPadding}px`,\n                  overflowX: maxVisible < 0 || maxVisible >= allVisible ? 'hidden' : 'scroll',\n                  width: isCollapsed ? '0px' : `${maxLength}px`,\n                  height: '100%',\n                })}\n                onActivateAt={itemIndex => {\n                  onActivateAt?.(itemIndex, sectionIndex)\n                }}\n                onDeselectAt={itemIndex => {\n                  handleDeselectAt?.(itemIndex, sectionIndex)\n                }}\n                onItemCustomEvent={(itemIndex, name, info) => {\n                  onItemCustomEvent?.(itemIndex, sectionIndex, name, info)\n                }}\n                onSelectAt={itemIndex => {\n                  handleSelectAt?.(itemIndex, sectionIndex)\n                }}\n              />\n            </div>\n          )\n        }}\n      </Each>\n    </div>\n  )\n}) as <I, S extends AccordionSection<I> = AccordionSection<I>>(props: AccordionProps<I, S> & { ref?: Ref<HTMLDivElement> }) => ReactElement\n\nObject.defineProperty(Accordion, 'displayName', { value: 'Accordion', writable: false })\n\nfunction sortIndices(indices: number[]): number[] {\n  return indices.sort((a, b) => a - b)\n}\n\nfunction getFixedStyles({ orientation = 'vertical' }) {\n  return asStyleDict({\n    root: {\n      alignItems: 'center',\n      boxSizing: 'border-box',\n      display: 'flex',\n      flex: '0 0 auto',\n      justifyContent: 'flex-start',\n      padding: '0',\n      ...orientation === 'vertical' ? {\n        flexDirection: 'column',\n        height: 'auto',\n      } : {\n        flexDirection: 'row',\n        width: 'auto',\n      },\n    },\n    section: {\n      alignItems: 'flex-start',\n      display: 'flex',\n      flex: '0 0 auto',\n      justifyContent: 'flex-start',\n      margin: '0',\n      padding: '0',\n      ...orientation === 'vertical' ? {\n        flexDirection: 'column',\n        width: '100%',\n      } : {\n        flexDirection: 'row',\n        height: '100%',\n      },\n    },\n    list: {\n\n    },\n    header: {\n      cursor: 'pointer',\n      margin: '0',\n      ...orientation === 'vertical' ? {\n        width: '100%',\n      } : {\n        height: '100%',\n      },\n    },\n    expandIcon: {\n      margin: '0',\n      padding: '0',\n    },\n    collapseIcon: {\n      margin: '0',\n      padding: '0',\n    },\n  })\n}\n\nfunction getDefaultStyles({ orientation = 'vertical' }) {\n  return asStyleDict({\n    collection: {\n      transitionDuration: '100ms',\n      transitionTimingFunction: 'ease-out',\n      ...orientation === 'vertical' ? {\n        transitionProperty: 'height, margin',\n      } : {\n        transitionProperty: 'width, margin',\n      },\n    },\n    header: {\n      border: 'none',\n      outline: 'none',\n      alignItems: 'center',\n      background: '#fff',\n      boxSizing: 'border-box',\n      display: 'flex',\n      flexDirection: 'row',\n      justifyContent: 'space-between',\n      padding: '0 10px',\n      transitionDuration: '100ms',\n      transitionProperty: 'transform, opacity, background, color',\n      transitionTimingFunction: 'ease-out',\n      ...orientation === 'vertical' ? {\n        height: '50px',\n      } : {\n        width: '50px',\n      },\n    },\n    headerLabel: {\n      color: 'inherit',\n      fontFamily: 'inherit',\n      fontSize: 'inherit',\n      fontWeight: 'inherit',\n      letterSpacing: 'inherit',\n      lineHeight: 'inherit',\n      pointerEvents: 'none',\n      transition: 'inherit',\n    },\n    expandIcon: {\n      boxSizing: 'border-box',\n      display: 'block',\n      fill: '#000',\n      height: '15px',\n      transformOrigin: 'center',\n      transitionDuration: '100ms',\n      transitionProperty: 'transform',\n      transitionTimingFunction: 'ease-out',\n      width: '15px',\n    },\n    collapseIcon: {\n      boxSizing: 'border-box',\n      display: 'block',\n      fill: '#000',\n      height: '15px',\n      transformOrigin: 'center',\n      transitionDuration: '100ms',\n      transitionProperty: 'transform',\n      transitionTimingFunction: 'ease-out',\n      width: '15px',\n    },\n  })\n}\n"]}

package/components/BurgerButton.d.ts

@@ -1,34 +0,0 @@
-import { type HTMLAttributes, type PropsWithChildren } from 'react';
-export type BurgerButtonProps = HTMLAttributes<HTMLButtonElement> & PropsWithChildren<{
-    height?: number;
-    isActive?: boolean;
-    isDoubleJointed?: boolean;
-    isLastBarHalfWidth?: boolean;
-    thickness?: number;
-    transitionDuration?: number;
-    usesDefaultStyles?: boolean;
-    width?: number;
-    onActivate?: () => void;
-    onDeactivate?: () => void;
-}>;
-/**
- * Three-striped burger button component that transforms into an "X" when
- * selected.
- *
- * @exports BurgerButtonBar Component for each line on the burger button.
- */
-export declare const BurgerButton: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLButtonElement> & {
-    height?: number;
-    isActive?: boolean;
-    isDoubleJointed?: boolean;
-    isLastBarHalfWidth?: boolean;
-    thickness?: number;
-    transitionDuration?: number;
-    usesDefaultStyles?: boolean;
-    width?: number;
-    onActivate?: () => void;
-    onDeactivate?: () => void;
-} & {
-    children?: import("react").ReactNode | undefined;
-} & import("react").RefAttributes<HTMLButtonElement>>;
-export declare const BurgerButtonBar: ({ ...props }: HTMLAttributes<HTMLSpanElement>) => import("react/jsx-runtime").JSX.Element;

package/components/BurgerButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BurgerButton.js","sourceRoot":"/","sources":["components/BurgerButton.tsx"],"names":[],"mappings":"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","sourcesContent":["import clsx from 'clsx'\nimport { forwardRef, useEffect, useState, type HTMLAttributes, type PropsWithChildren } from 'react'\nimport { Repeat } from '../operators/Repeat'\nimport { asClassNameDict, asComponentDict, asStyleDict, cloneStyledElement, styles } from '../utils'\n\nexport type BurgerButtonProps = HTMLAttributes<HTMLButtonElement> & PropsWithChildren<{\n  height?: number\n  isActive?: boolean\n  isDoubleJointed?: boolean\n  isLastBarHalfWidth?: boolean\n  thickness?: number\n  transitionDuration?: number\n  usesDefaultStyles?: boolean\n  width?: number\n  onActivate?: () => void\n  onDeactivate?: () => void\n}>\n\n/**\n * Three-striped burger button component that transforms into an \"X\" when\n * selected.\n *\n * @exports BurgerButtonBar Component for each line on the burger button.\n */\nexport const BurgerButton = forwardRef<HTMLButtonElement, BurgerButtonProps>(({\n  children,\n  className,\n  style,\n  height = 20,\n  isActive: externalIsActive = false,\n  isDoubleJointed = false,\n  isLastBarHalfWidth = false,\n  thickness = 2,\n  transitionDuration = 200,\n  usesDefaultStyles = false,\n  width = 20,\n  onActivate,\n  onDeactivate,\n  ...props\n}, ref) => {\n  const [isActive, setIsActive] = useState(externalIsActive)\n\n  useEffect(() => {\n    if (isActive === externalIsActive) return\n\n    setIsActive(externalIsActive)\n  }, [externalIsActive])\n\n  useEffect(() => {\n    if (isActive) {\n      onActivate?.()\n    }\n    else {\n      onDeactivate?.()\n    }\n  }, [isActive])\n\n  const components = asComponentDict(children, {\n    bar: BurgerButtonBar,\n  })\n\n  const fixedClassNames = asClassNameDict({\n    root: clsx({\n      active: isActive,\n    }),\n    bar: clsx({\n      active: isActive,\n    }),\n  })\n\n  const fixedStyles = getFixedStyles({ height, width, isDoubleJointed, thickness, isActive, isLastBarHalfWidth })\n  const defaultStyles = usesDefaultStyles ? getDefaultStyles() : undefined\n\n  return (\n    <button\n      {...props}\n      ref={ref}\n      className={clsx(className, fixedClassNames.root)}\n      data-component='burger-button'\n      style={styles(style, fixedStyles.root)}\n      onClick={() => setIsActive(!isActive)}\n    >\n      <Repeat count={isDoubleJointed ? 2 : 1}>\n        {j => (\n          <div data-child='joint' style={styles(fixedStyles.joint, (fixedStyles as any)[`joint${j}`])}>\n            <Repeat count={3}>\n              {i => cloneStyledElement(components.bar ?? <BurgerButtonBar style={defaultStyles?.bar}/>, {\n                'className': clsx(fixedClassNames.bar),\n                'style': styles(fixedStyles.bar, (fixedStyles as any)[`bar${j}${i}`]),\n                'data-index': i,\n              })}\n            </Repeat>\n          </div>\n        )}\n      </Repeat>\n    </button>\n  )\n})\n\nObject.defineProperty(BurgerButton, 'displayName', { value: 'BurgerButton', writable: false })\n\nexport const BurgerButtonBar = ({ ...props }: HTMLAttributes<HTMLSpanElement>) => <span {...props} data-child='bar'/>\n\nfunction getFixedStyles({ height = 0, width = 0, isDoubleJointed = false, thickness = 0, isActive = false, isLastBarHalfWidth = false }) {\n  return asStyleDict({\n    root: {\n      background: 'transparent',\n      border: 'none',\n      display: 'block',\n      height: `${height}px`,\n      outline: 'none',\n      width: `${width}px`,\n    },\n    joint: {\n      height: '100%',\n      position: 'absolute',\n      width: isDoubleJointed ? '50%' : '100%',\n    },\n    joint0: {\n      left: '0',\n      top: '0',\n    },\n    joint1: {\n      right: '0',\n      top: '0',\n    },\n    bar: {\n      height: `${thickness}px`,\n      margin: '0',\n      padding: '0',\n      position: 'absolute',\n      width: '100%',\n    },\n    bar00: {\n      left: '0',\n      top: '0',\n      transform: isActive ? `translate3d(0, ${height * 0.5 - thickness * 0.5}px, 0) rotate(45deg)` : 'translate3d(0, 0, 0) rotate(0deg)',\n      transformOrigin: isDoubleJointed ? 'right center' : 'center',\n    },\n    bar01: {\n      left: '0',\n      top: `${height * 0.5 - thickness * 0.5}px`,\n      transform: isActive ? 'translate3d(0, 0, 0) scale(0)' : 'translate3d(0, 0, 0) scale(1)',\n      transformOrigin: isDoubleJointed ? 'right center' : 'center',\n    },\n    bar02: {\n      left: '0',\n      top: `${height - thickness}px`,\n      transform: isActive ? `translate3d(0, ${thickness * 0.5 - height * 0.5}px, 0) rotate(-45deg)` : 'translate3d(0, 0, 0) rotate(0deg)',\n      transformOrigin: isDoubleJointed ? 'right center' : 'center',\n      width: isActive || isDoubleJointed ? '100%' : `${isLastBarHalfWidth ? '50%' : '100%'}`,\n    },\n    bar10: {\n      left: '0',\n      top: '0',\n      transform: isActive ? `translate3d(0, ${height * 0.5 - thickness * 0.5}px, 0) rotate(-45deg)` : 'translate3d(0, 0, 0) rotate(0deg)',\n      transformOrigin: 'left center',\n    },\n    bar11: {\n      left: '0',\n      top: `${height * 0.5 - thickness * 0.5}px`,\n      transform: isActive ? 'translate3d(0, 0, 0) scale(0)' : 'translate3d(0, 0, 0) scale(1)',\n      transformOrigin: 'left center',\n    },\n    bar12: {\n      left: '0',\n      top: `${height - thickness}px`,\n      transform: isActive ? `translate3d(0, ${thickness * 0.5 - height * 0.5}px, 0) rotate(45deg)` : 'translate3d(0, 0, 0) rotate(0deg)',\n      transformOrigin: 'left center',\n      width: isLastBarHalfWidth && !isActive ? '0' : '100%',\n    },\n  })\n}\n\nfunction getDefaultStyles() {\n  return asStyleDict({\n    bar: {\n      background: '#fff',\n      transitionDuration: '100ms',\n      transitionProperty: 'width, height, transform, opacity, background',\n      transitionTimingFunction: 'ease-out',\n    },\n  })\n}\n"]}

package/components/Carousel.d.ts

@@ -1,53 +0,0 @@
-import { type ComponentType, type ForwardedRef, type HTMLAttributes, type ReactElement } from 'react';
-export type CarouselOrientation = 'horizontal' | 'vertical';
-export type CarouselProps<I> = HTMLAttributes<HTMLElement> & {
-    /**
-     * Current item index.
-     */
-    index?: number;
-    /**
-     * The interval in milliseconds to wait before automatically advancing to the
-     * next item (auto loops).
-     */
-    autoAdvanceInterval?: number;
-    /**
-     * Whether the carousel is draggable.
-     */
-    isDragEnabled?: boolean;
-    /**
-     * Props for each item component
-     */
-    items?: Omit<I, 'exposure'>[];
-    /**
-     * Orientation of the carousel.
-     */
-    orientation?: CarouselOrientation;
-    /**
-     * Whether to track item exposure (0-1, 0 meaning the item is fully scrolled
-     * out of view, 1 meaning the item is fully scrolled into view).
-     */
-    tracksItemExposure?: boolean;
-    /**
-     * Handler invoked when auto advance pauses. This is invoked only when
-     * {@link autoAdvanceInterval} is greater than 0.
-     */
-    onAutoAdvancePause?: () => void;
-    /**
-     * Handler invoked when auto advance resumes. This is invoked only when
-     * {@link autoAdvanceInterval} is greater than 0.
-     */
-    onAutoAdvanceResume?: () => void;
-    /**
-     * Handler invoked when the item index changes.
-     *
-     * @param index The item index.
-     */
-    onIndexChange?: (index: number) => void;
-    /**
-     * The component to render for each item.
-     */
-    ItemComponent: ComponentType<I>;
-};
-export declare const Carousel: <I extends HTMLAttributes<HTMLElement>>(props: CarouselProps<I> & {
-    ref?: ForwardedRef<HTMLDivElement>;
-}) => ReactElement;

package/components/Carousel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Carousel.js","sourceRoot":"/","sources":["components/Carousel.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, useEffect, useRef, useState, type ComponentType, type ForwardedRef, type HTMLAttributes, type MouseEvent, type PointerEvent, type ReactElement } from 'react'\nimport { Point, Rect } from 'spase'\nimport { useDragEffect } from '../hooks/useDragEffect'\nimport { useTimeout } from '../hooks/useTimeout'\nimport { Each } from '../operators/Each'\nimport { asStyleDict, styles } from '../utils'\n\nexport type CarouselOrientation = 'horizontal' | 'vertical'\n\nexport type CarouselProps<I> = HTMLAttributes<HTMLElement> & {\n  /**\n   * Current item index.\n   */\n  index?: number\n\n  /**\n   * The interval in milliseconds to wait before automatically advancing to the\n   * next item (auto loops).\n   */\n  autoAdvanceInterval?: number\n\n  /**\n   * Whether the carousel is draggable.\n   */\n  isDragEnabled?: boolean\n\n  /**\n   * Props for each item component\n   */\n  items?: Omit<I, 'exposure'>[]\n\n  /**\n   * Orientation of the carousel.\n   */\n  orientation?: CarouselOrientation\n\n  /**\n   * Whether to track item exposure (0-1, 0 meaning the item is fully scrolled\n   * out of view, 1 meaning the item is fully scrolled into view).\n   */\n  tracksItemExposure?: boolean\n\n  /**\n   * Handler invoked when auto advance pauses. This is invoked only when\n   * {@link autoAdvanceInterval} is greater than 0.\n   */\n  onAutoAdvancePause?: () => void\n\n  /**\n   * Handler invoked when auto advance resumes. This is invoked only when\n   * {@link autoAdvanceInterval} is greater than 0.\n   */\n  onAutoAdvanceResume?: () => void\n\n  /**\n   * Handler invoked when the item index changes.\n   *\n   * @param index The item index.\n   */\n  onIndexChange?: (index: number) => void\n\n  /**\n   * The component to render for each item.\n   */\n  ItemComponent: ComponentType<I>\n}\n\nexport const Carousel = forwardRef(({\n  style,\n  autoAdvanceInterval = 0,\n  index = 0,\n  isDragEnabled = true,\n  items = [],\n  orientation = 'horizontal',\n  tracksItemExposure = false,\n  onAutoAdvancePause,\n  onAutoAdvanceResume,\n  onIndexChange,\n  ItemComponent,\n  ...props\n}, ref) => {\n  const getItemExposures = () => {\n    const viewportElement = viewportRef.current\n    if (!viewportElement) return undefined\n\n    const exposures = []\n\n    for (let i = 0; i < viewportElement.children.length; i++) {\n      exposures.push(getItemExposureAt(i))\n    }\n\n    return exposures\n  }\n\n  const getItemExposureAt = (idx: number) => {\n    const viewportElement = viewportRef.current\n    const child = viewportElement?.children[idx]\n    if (!child) return 0\n\n    const intersection = Rect.intersecting(child, viewportElement)\n    if (!intersection) return 0\n\n    switch (orientation) {\n      case 'horizontal':\n        return Math.max(0, Math.min(1, Math.round((intersection.width / viewportElement.clientWidth + Number.EPSILON) * 1000) / 1000))\n      case 'vertical':\n        return Math.max(0, Math.min(1, Math.round((intersection.height / viewportElement.clientHeight + Number.EPSILON) * 1000) / 1000))\n      default:\n        throw new Error(`Unsupported orientation '${orientation}'`)\n    }\n  }\n\n  const handleIndexChange = (newValue: number) => {\n    onIndexChange?.(newValue)\n  }\n\n  const handlePointerDown = (event: PointerEvent) => {\n    pointerDownPositionRef.current = new Point([event.clientX, event.clientY])\n\n    setIsPointerDown(true)\n  }\n\n  const handlePointerUp = (event: PointerEvent) => {\n    pointerUpPositionRef.current = new Point([event.clientX, event.clientY])\n\n    setIsPointerDown(false)\n  }\n\n  const handleClick = (event: MouseEvent) => {\n    const downPosition = pointerDownPositionRef.current\n    const upPosition = pointerUpPositionRef.current\n\n    if (!downPosition || !upPosition) return\n\n    const threshold = 5\n    const delta = downPosition.subtract(upPosition)\n\n    if (Math.abs(delta.x) > threshold || Math.abs(delta.y) > threshold) {\n      event.stopPropagation()\n    }\n\n    pointerDownPositionRef.current = undefined\n    pointerUpPositionRef.current = undefined\n  }\n\n  const autoScrollToCurrentIndex = () => {\n    const viewportElement = viewportRef.current\n    if (!viewportElement) return\n\n    const top = orientation === 'horizontal' ? 0 : viewportElement.clientHeight * index\n    const left = orientation === 'horizontal' ? viewportElement.clientWidth * index : 0\n\n    viewportElement.scrollTo({ top, left, behavior: 'smooth' })\n\n    clearTimeout(autoScrollTimeoutRef.current)\n    autoScrollTimeoutRef.current = setTimeout(() => {\n      clearTimeout(autoScrollTimeoutRef.current)\n      autoScrollTimeoutRef.current = undefined\n    }, autoScrollTimeoutMs)\n  }\n\n  const prevIndexRef = useRef<number>()\n  const viewportRef = useRef<HTMLDivElement>(null)\n  const pointerDownPositionRef = useRef<Point | undefined>()\n  const pointerUpPositionRef = useRef<Point | undefined>()\n  const [exposures, setExposures] = useState<number[] | undefined>(getItemExposures())\n  const autoScrollTimeoutRef = useRef<NodeJS.Timeout>()\n  const autoScrollTimeoutMs = 1000\n  const [isPointerDown, setIsPointerDown] = useState(false)\n\n  useEffect(() => {\n    const viewportElement = viewportRef.current\n    if (!viewportElement) return\n\n    const scrollHandler = () => {\n      if (tracksItemExposure) {\n        setExposures(getItemExposures())\n      }\n\n      if (autoScrollTimeoutRef.current !== undefined) return\n\n      const newIndex = orientation === 'horizontal'\n        ? Math.round(viewportElement.scrollLeft / viewportElement.clientWidth)\n        : Math.round(viewportElement.scrollTop / viewportElement.clientHeight)\n\n      const clampedIndex = Math.max(0, Math.min(items.length - 1, newIndex))\n\n      if (clampedIndex === index) return\n\n      // Set previous index ref here to avoid the side-effect of handling index\n      // changes from prop/state.\n      prevIndexRef.current = clampedIndex\n\n      handleIndexChange(clampedIndex)\n    }\n\n    viewportElement.addEventListener('scroll', scrollHandler)\n\n    return () => {\n      viewportElement.removeEventListener('scroll', scrollHandler)\n    }\n  }, [index, orientation])\n\n  useEffect(() => {\n    const isInitialRender = prevIndexRef.current === undefined\n    const isIndexModifiedFromManualScrolling = prevIndexRef.current === index\n\n    if (isIndexModifiedFromManualScrolling) return\n\n    prevIndexRef.current = index\n\n    if (isInitialRender) return\n\n    handleIndexChange(index)\n    autoScrollToCurrentIndex()\n  }, [index, orientation])\n\n  useEffect(() => {\n    if (autoAdvanceInterval <= 0) return\n\n    if (isPointerDown) {\n      onAutoAdvancePause?.()\n    }\n    else {\n      onAutoAdvanceResume?.()\n    }\n  }, [isPointerDown])\n\n  useDragEffect(viewportRef, {\n    isEnabled: isDragEnabled && items.length > 1,\n    onDragMove: (displacement: Point) => {\n      switch (orientation) {\n        case 'horizontal':\n          requestAnimationFrame(() => {\n            if (!viewportRef.current) return\n            viewportRef.current.scrollLeft += displacement.x * 1.5\n          })\n\n          break\n        case 'vertical':\n          requestAnimationFrame(() => {\n            if (!viewportRef.current) return\n            viewportRef.current.scrollTop += displacement.y * 1.5\n          })\n\n          break\n        default:\n          throw Error(`Unsupported orientation '${orientation}'`)\n      }\n    },\n  })\n\n  useTimeout(\n    () => handleIndexChange((index + items.length + 1) % items.length),\n    (isPointerDown || autoAdvanceInterval <= 0) ? -1 : autoAdvanceInterval,\n    [isPointerDown, index, items.length],\n  )\n\n  const fixedStyles = getFixedStyles({ isPointerDown, orientation })\n\n  return (\n    <div\n      {...props}\n      ref={ref}\n      data-component='carousel'\n      style={styles(style, fixedStyles.root)}\n      onClick={event => handleClick(event)}\n      onPointerDown={event => handlePointerDown(event)}\n      onPointerLeave={event => handlePointerUp(event)}\n      onPointerUp={event => handlePointerUp(event)}\n    >\n      <div\n        ref={viewportRef}\n        data-child='viewport'\n        style={styles(fixedStyles.viewport)}\n      >\n        <Each in={items}>\n          {({ style: itemStyle, ...itemProps }, idx) => (\n            <div style={styles(fixedStyles.itemContainer)}>\n              <ItemComponent\n                data-child='item'\n                exposure={tracksItemExposure ? exposures?.[idx] : undefined}\n                style={styles(itemStyle, fixedStyles.item)}\n                {...itemProps as any}\n              />\n            </div>\n          )}\n        </Each>\n      </div>\n    </div>\n  )\n}) as <I extends HTMLAttributes<HTMLElement>>(props: CarouselProps<I> & { ref?: ForwardedRef<HTMLDivElement> }) => ReactElement\n\nObject.defineProperty(Carousel, 'displayName', { value: 'Carousel', writable: false })\n\nfunction getFixedStyles({ isPointerDown = false, orientation = 'horizontal' }) {\n  return asStyleDict({\n    root: {\n    },\n    viewport: {\n      alignItems: 'center',\n      display: 'flex',\n      height: '100%',\n      userSelect: isPointerDown ? 'none' : 'auto',\n      justifyContent: 'flex-start',\n      scrollBehavior: isPointerDown ? 'auto' : 'smooth',\n      scrollSnapStop: isPointerDown ? 'unset' : 'always',\n      WebkitOverflowScrolling: 'touch',\n      width: '100%',\n      ...orientation === 'horizontal' ? {\n        flexDirection: 'row',\n        overflowX: 'scroll',\n        overflowY: 'hidden',\n        scrollSnapType: isPointerDown ? 'none' : 'x mandatory',\n      } : {\n        flexDirection: 'column',\n        overflowX: 'hidden',\n        overflowY: 'scroll',\n        scrollSnapType: isPointerDown ? 'none' : 'y mandatory',\n      },\n    },\n    itemContainer: {\n      height: '100%',\n      overflow: 'hidden',\n      scrollSnapAlign: 'start',\n      width: '100%',\n      scrollBehavior: 'smooth',\n    },\n    item: {\n      flex: '0 0 auto',\n      height: '100%',\n      width: '100%',\n    },\n  })\n}\n"]}

package/components/Collection.d.ts

@@ -1,171 +0,0 @@
-import { type ComponentType, type HTMLAttributes, type ReactElement, type Ref } from 'react';
-/**
- * Type describing the layout orientation of items in {@link Collection}.
- */
-export type CollectionOrientation = 'horizontal' | 'vertical';
-/**
- * Type describing the layout appearance of {@link Collection}:
- *   - `list`: Items will be laid out in a list.
- *   - `grid`: Items will be laid out in a grid.
- */
-export type CollectionLayout = 'list' | 'grid';
-/**
- *  Type describing the item selection behavior of {@link Collection}:
- *    - `none`: No selection permitted at all.
- *    - `single`: Only one item can be selected at a time (the previously
- *                selected item will be automatically deselected).
- *    - `multiple`: Multiple items can be selected simultaneously.
- */
-export type CollectionSelectionMode = 'none' | 'single' | 'multiple';
-/**
- * Type describing the current item selection of {@link Collection}, composed of
- * an array of indices of items that are selected. If the selection mode of the
- * {@link Collection} is `single`, only one index is expected in this array.
- */
-export type CollectionSelection = number[];
-/**
- * Type describing the props of `ItemComponent` provided to {@link Collection}.
- */
-export type CollectionItemProps<T> = HTMLAttributes<HTMLElement> & {
-    /**
-     * The index of the item.
-     */
-    index: number;
-    /**
-     * Indicates whether the item is selected.
-     */
-    isSelected: boolean;
-    /**
-     * Data provided to the item.
-     */
-    item: T;
-    /**
-     * Orientation of the parent collection.
-     */
-    orientation: CollectionOrientation;
-    /**
-     * Handler invoked to dispatch a custom event.
-     *
-     * @param name User-defined name of the custom event.
-     * @param info Optional user-defined info of the custom event.
-     */
-    onCustomEvent?: (name: string, info?: any) => void;
-};
-/**
- * Type describing the props of {@link Collection}.
- */
-export type CollectionProps<T> = HTMLAttributes<HTMLDivElement> & {
-    /**
-     * Indicates if item selection can be toggled, i.e. they can be deselected if
-     * selected again.
-     */
-    isSelectionTogglable?: boolean;
-    /**
-     * Optional length (in pixels) of each item. Length refers to the height in
-     * vertical orientation and width in horizontal orientation.
-     */
-    itemLength?: number;
-    /**
-     * Padding between every item (in pixels).
-     */
-    itemPadding?: number;
-    /**
-     * Generically typed data of each item.
-     */
-    items: T[];
-    /**
-     * Specifies the layout appearance of this component.
-     *
-     * @see {@link CollectionLayout}
-     */
-    layout?: CollectionLayout;
-    /**
-     * Specifies the number of columns of this collection if the orientation is
-     * `vertical` or number of rows if the orientation is `horizontal`. This
-     * property is only used if the layout is set to `grid`.
-     */
-    numSegments?: number;
-    /**
-     * Orientation of the component.
-     *
-     * @see {@link CollectionOrientation}
-     */
-    orientation?: CollectionOrientation;
-    /**
-     * The selected indices. If `selectionMode` is `single`, only only the first
-     * value will be used.
-     *
-     * @see {@link CollectionSelection}
-     */
-    selection?: CollectionSelection;
-    /**
-     * The item selection behavior.
-     *
-     * @see {@link CollectionSelectionMode}
-     */
-    selectionMode?: CollectionSelectionMode;
-    /**
-     * Handler invoked when an item is activated (i.e. clicked). The order of
-     * handlers invoked when any selection changes take place is:
-     *   1. `onActivateAt`
-     *   2. `onDeselectAt`
-     *   3. `onSelectAt`
-     *   4. `onSelectionChange`
-     *
-     * @param index Item index.
-     */
-    onActivateAt?: (index: number) => void;
-    /**
-     * Handler invoked when an item is deselected. The order of handlers invoked
-     * when any selection changes take place is:
-     *   1. `onActivateAt`
-     *   2. `onDeselectAt`
-     *   3. `onSelectAt`
-     *   4. `onSelectionChange`
-     *
-     * @param index Item index.
-     */
-    onDeselectAt?: (index: number) => void;
-    /**
-     * Handler invoked when a custom event is dispatched from the item.
-     *
-     * @param index Index of the item.
-     * @param eventName User-defined name of the dispatched custom event.
-     * @param eventInfo Optional user-defined info of the dispatched custom event.
-     */
-    onItemCustomEvent?: (index: number, eventName: string, eventInfo?: any) => void;
-    /**
-     * Handler invoked when an item is selected. The order of handlers invoked
-     * when any selection changes take place is:
-     *   1. `onActivateAt`
-     *   2. `onDeselectAt`
-     *   3. `onSelectAt`
-     *   4. `onSelectionChange`
-     *
-     * @param index Item index.
-     */
-    onSelectAt?: (index: number) => void;
-    /**
-     * Handler invoked when the selected items changed. The order of handlers
-     * invoked when any selection changes take place is:
-     *   1. `onActivateAt`
-     *   2. `onDeselectAt`
-     *   3. `onSelectAt`
-     *   4. `onSelectionChange`
-     *
-     * @param selection Indices of selected items.
-     */
-    onSelectionChange?: (selection: CollectionSelection) => void;
-    /**
-     * Component type for generating items in this collection.
-     */
-    ItemComponent?: ComponentType<CollectionItemProps<T>>;
-};
-/**
- * A collection of selectable items with generic data. Items are generated based
- * on the provided `ItemComponent`. This component supports different layouts in
- * both horizontal and vertical orientations.
- */
-export declare const Collection: <T>(props: CollectionProps<T> & {
-    ref?: Ref<HTMLDivElement>;
-}) => ReactElement;