@cdx-ui/primitives 0.0.1-beta.99 → 0.1.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright © 2026 Digital First Holdings LLC
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,6 +1,8 @@
 # @cdx-ui/primitives
 
-Unstyled, accessible behavioral components (headless) for the Forge Design System.
+![coverage](https://unpkg.com/@cdx-ui/primitives/coverage.svg)
+
+Unstyled, accessible behavioral components (headless) for the Forge Design System. Tested through `@cdx-ui/components` — see [Coverage](../../README.md#coverage).
 
 Primitives provide interaction logic, focus management, and accessibility without imposing any visual styling. They serve as the foundation for `@cdx-ui/components`.
 
@@ -21,67 +23,90 @@ pnpm add @cdx-ui/primitives
 
 Concrete behavioral components with built-in interaction state tracking, accessibility (roles, ARIA props, keyboard handling), and context propagation. Each primitive owns behavior that the styled layer (`@cdx-ui/components`) cannot express with host elements alone.
 
-| Export                                                       | Description                                                                                                                                                                                                                     |
-| ------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `AvatarRoot`                                                 | Concrete root primitive (context provider for image load state; Image/Text/Icon/Badge live in `@cdx-ui/components`)                                                                                                             |
-| `ButtonRoot`                                                 | Concrete root primitive (no sub-slots — Label/Icon/Spinner/Group live in `@cdx-ui/components`)                                                                                                                                  |
-| `CheckboxRoot`, `CheckboxGroup`                              | Concrete checkbox primitives (Root owns controlled state + ARIA + `.web` split; Group owns group context. Indicator/Icon/Label live in `@cdx-ui/components`)                                                                    |
-| `ChipRoot`                                                   | Concrete root primitive (View/Pressable union with interaction state + context; Label/Icon/Avatar live in `@cdx-ui/components`)                                                                                                 |
-| `DialogRoot`, `DialogTrigger`, `DialogPopup`, `DialogClose`  | Concrete dialog primitives (Root owns open state + context; Trigger/Close use `Slot` for `asChild`; Popup owns portal/focus-scope. Header/Title/Description/Content/Footer live in `@cdx-ui/components`)                        |
-| `FieldRoot`, `FieldLabel`                                    | Concrete field primitives (Root provides `FormControlContext`; Label is platform-split: `Text` + focus-bridge on native, `<label htmlFor>` on web; Helper/Error/ErrorIcon live in `@cdx-ui/components`)                         |
-| `FormRoot`                                                   | Concrete form primitive (platform-split: `<form>` on web, `View` on native)                                                                                                                                                     |
-| `InputRoot`, `InputField`                                    | Concrete input primitives (Root owns input context; Field is platform-split: `.tsx`/`.web.tsx`/`.android.tsx`. Slot lives in `@cdx-ui/components`)                                                                              |
-| `LinkRoot`                                                   | Concrete link primitive (`useLink` press behavior + ARIA + cross-platform routing)                                                                                                                                              |
-| `ListItemRoot`                                               | Concrete root primitive (View/Pressable union with bespoke `asChild` merging — interaction state + context; LeadingSlot/Content/Title/Description/Meta/TrailingSlot/SectionHeader live in `@cdx-ui/components`)                 |
-| `useOtpInput`, `OtpInputField`                               | Headless hook for OTP state machine + concrete per-cell TextInput primitive (focus management, a11y, autofill; styled layer composes `Input`/`HStack` on top)                                                                   |
-| `ProgressBarRoot`, `ProgressBarIndicator`                    | Concrete progress primitives (Root owns percent context; Indicator maps percent to width)                                                                                                                                       |
-| `RadioRoot`, `RadioGroup`                                    | Concrete radio primitives (Root owns interaction + checked state + `.web` split; Group owns selection contract + group context. Indicator/Label live in `@cdx-ui/components`)                                                   |
-| `SelectRoot`, `SelectTrigger`, `SelectContent`, `SelectItem` | Concrete select primitives (Root owns controlled value/open state; Trigger is platform-split; Content owns FocusScope + keyboard nav; Item owns selection state. Value/Icon/ItemLabel live in `@cdx-ui/components`)             |
-| `useSwitch`                                                  | Headless hook for `Switch` (controlled state + ARIA + interaction tracking; styled layer renders the host element)                                                                                                              |
-| `TileRoot`, `TileGroup`                                      | Concrete tile primitives (Root owns interaction + selection state + per-tile context; Group owns selection contract + group context. LeadingSlot/Content/Title/Description/Indicator/TrailingSlot live in `@cdx-ui/components`) |
+| Export                                                                                                                                                                                                                                                                           | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                 |
+| -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `AccordionRoot`, `AccordionItemRoot`, `AccordionTriggerRoot`, `AccordionContentRoot`                                                                                                                                                                                             | Concrete accordion primitives (Root owns single/multiple expanded state via `@react-stately/disclosure` + group context; Item owns per-item open/disabled state, `trigger`/`content` id wiring, and item context; Trigger is the toggle `Pressable` with interaction state + `aria-expanded`/`aria-controls`; Content is the collapsible `region` rendered only when open. Label/Title/Description/Indicator/LeadingSlot/Meta live in `@cdx-ui/components`) |
+| `AvatarRoot`                                                                                                                                                                                                                                                                     | Concrete root primitive (context provider for image load state; Image/Text/Icon/Badge live in `@cdx-ui/components`)                                                                                                                                                                                                                                                                                                                                         |
+| `ButtonRoot`                                                                                                                                                                                                                                                                     | Concrete root primitive (no sub-slots — Label/Icon/Spinner/Group live in `@cdx-ui/components`)                                                                                                                                                                                                                                                                                                                                                              |
+| `CheckboxRoot`, `CheckboxGroup`                                                                                                                                                                                                                                                  | Concrete checkbox primitives (Root owns controlled state + ARIA + `.web` split; Group owns group context. Indicator/Icon/Label live in `@cdx-ui/components`)                                                                                                                                                                                                                                                                                                |
+| `ChipRoot`                                                                                                                                                                                                                                                                       | Concrete root primitive (View/Pressable union with interaction state + context; Label/Icon/Avatar live in `@cdx-ui/components`)                                                                                                                                                                                                                                                                                                                             |
+| `DialogRoot`, `DialogTrigger`, `DialogPortal`, `DialogOverlay`, `DialogContent`, `DialogPopup`, `DialogClose`                                                                                                                                                                    | Concrete dialog primitives (Root owns open state + context; Trigger/Close use `Slot` for `asChild`; Portal mounts children into the shared `PortalHost`; Overlay is the dismiss backdrop; Content owns FocusScope + ARIA + Escape/back-button dismissal; `DialogPopup` is the legacy fused panel, kept for back-compat. Header/Title/Description/Content/Footer live in `@cdx-ui/components`)                                                               |
+| `FieldRoot`, `FieldLabel`                                                                                                                                                                                                                                                        | Concrete field primitives (Root provides `FormControlContext`; Label is platform-split: `Text` + focus-bridge on native, `<label htmlFor>` on web; Helper/Error/ErrorIcon live in `@cdx-ui/components`)                                                                                                                                                                                                                                                     |
+| `FormRoot`                                                                                                                                                                                                                                                                       | Concrete form primitive (platform-split: `<form>` on web, `View` on native)                                                                                                                                                                                                                                                                                                                                                                                 |
+| `InputRoot`, `InputField`                                                                                                                                                                                                                                                        | Concrete input primitives (Root owns input context; Field is platform-split: `.tsx`/`.web.tsx`/`.android.tsx`. Slot lives in `@cdx-ui/components`)                                                                                                                                                                                                                                                                                                          |
+| `LinkRoot`                                                                                                                                                                                                                                                                       | Concrete link primitive (`useLink` press behavior + ARIA + cross-platform routing)                                                                                                                                                                                                                                                                                                                                                                          |
+| `ListItemRoot`                                                                                                                                                                                                                                                                   | Concrete root primitive (View/Pressable union with bespoke `asChild` merging — interaction state + context; LeadingSlot/Content/Title/Description/Meta/TrailingSlot/SectionHeader live in `@cdx-ui/components`)                                                                                                                                                                                                                                             |
+| `useOtpInput`, `OtpInputField`                                                                                                                                                                                                                                                   | Headless hook for OTP state machine + concrete per-cell TextInput primitive (focus management, a11y, autofill; styled layer composes `Input`/`HStack` on top)                                                                                                                                                                                                                                                                                               |
+| `ProgressBarRoot`, `ProgressBarIndicator`                                                                                                                                                                                                                                        | Concrete progress primitives (Root owns percent context; Indicator maps percent to width)                                                                                                                                                                                                                                                                                                                                                                   |
+| `RadioRoot`, `RadioGroup`                                                                                                                                                                                                                                                        | Concrete radio primitives (Root owns interaction + checked state + `.web` split; Group owns selection contract + group context. Indicator/Label live in `@cdx-ui/components`)                                                                                                                                                                                                                                                                               |
+| `SelectRoot`, `SelectTrigger`, `SelectContent`, `SelectItem`                                                                                                                                                                                                                     | Concrete select primitives (Root owns controlled value/open state; Trigger is platform-split; Content owns FocusScope + keyboard nav; Item owns selection state. Value/Icon/ItemLabel live in `@cdx-ui/components`)                                                                                                                                                                                                                                         |
+| `SliderRoot`, `SliderRail`, `SliderThumb`                                                                                                                                                                                                                                        | Concrete slider primitives (Root owns clamped/snapped value + orientation + keyboard/drag state + context; Rail owns rail-tap-to-seek + track layout; Thumb owns drag gesture + focus. Track/Popup/Marker/MarkerGroup live in `@cdx-ui/components`)                                                                                                                                                                                                         |
+| `useSwitch`                                                                                                                                                                                                                                                                      | Headless hook for `Switch` (controlled state + ARIA + interaction tracking; styled layer renders the host element)                                                                                                                                                                                                                                                                                                                                          |
+| `TileRoot`, `TileGroup`                                                                                                                                                                                                                                                          | Concrete tile primitives (Root owns interaction + selection state + per-tile context; Group owns selection contract + group context. LeadingSlot/Content/Title/Description/Indicator/TrailingSlot live in `@cdx-ui/components`)                                                                                                                                                                                                                             |
+| `BreadcrumbsRoot`                                                                                                                                                                                                                                                                | Concrete breadcrumbs root primitive (navigation context + a11y; styled item/link/separator slots live in `@cdx-ui/components`)                                                                                                                                                                                                                                                                                                                              |
+| `MenuRoot`, `MenuTrigger`, `MenuPopup`, `MenuItem`, `MenuCheckboxItem`, `MenuRadioGroup`, `MenuRadioItem`, `MenuOverlayRoot`                                                                                                                                                     | Concrete menu primitives (Root owns open/selection state + context; Trigger/Popup drive anchored-overlay positioning + focus/keyboard nav; Item/CheckboxItem/RadioItem own selection + a11y)                                                                                                                                                                                                                                                                |
+| `TabsRoot`, `TabsList`, `Tab`, `TabPanel`                                                                                                                                                                                                                                        | Concrete tabs primitives (Root owns selected-value state + context; List owns roving focus/keyboard nav; Tab is the selectable trigger; Panel is the associated `tabpanel` region)                                                                                                                                                                                                                                                                          |
+| `ToastRoot`                                                                                                                                                                                                                                                                      | Concrete toast root primitive (`ToastProvider` context + a11y live region; styled slots live in `@cdx-ui/components`)                                                                                                                                                                                                                                                                                                                                       |
+| `TooltipRoot`, `TooltipTrigger`, `TooltipContent`                                                                                                                                                                                                                                | Concrete tooltip primitives (Root owns open state + context; Trigger owns hover/focus intent; Content is the anchored-overlay bubble with a11y)                                                                                                                                                                                                                                                                                                             |
+| Date/time & calendar family — the `date-field`, `calendar`, `range-calendar`, `month-calendar`, `date-picker`, `date-range-picker`, `month-picker`, `date-time-field`, `date-time-list`, and `date-time-picker` modules (e.g. `DateFieldRoot`, `CalendarRoot`, `DatePickerRoot`) | Concrete date/time entry and calendar-grid primitives — segment/selection state, keyboard nav, and ARIA for date fields and calendar grids. See each module's `index.ts` for its full slot list; styled slots live in `@cdx-ui/components`                                                                                                                                                                                                                  |
+
+> The tables above summarize the primitive families. `packages/primitives/src/index.ts` is the authoritative export list — the `overlay` module also exports positioning helpers (`OverlayContainer`, `getAnchoredOverlayPosition`, `useAnchoredOverlay`, `useDismissOverlay`, `OverlayStackProvider`, z-index constants) beyond those listed below, and the families added above export their own providers/hooks (`useBreadcrumbsContext`, `useMenuContext`, `useTabsContext`/`useTabContext`, `ToastProvider`/`useToastContext`, `TooltipProvider`/`useTooltipContext`, and the date/time module contexts).
 
 ### Utility exports
 
-| Export                   | Description                                                                                       |
-| ------------------------ | ------------------------------------------------------------------------------------------------- |
-| `dataAttributes`         | Builds `data-hover`, `data-active`, `data-focus-visible`, etc. from an `InteractionState` object. |
-| `mergeDataAttributes`    | Combines multiple data-attribute sources into one spread (prevents overwrites on web).            |
-| `domDataAttributes`      | Web-specific variant that converts data attributes to DOM-compatible format.                      |
-| `mergeDomDataAttributes` | Web-specific merge variant for combining DOM data attribute sources.                              |
-| `Slot`                   | Primitives-layer `asChild` implementation — merges props/ref onto the consumer's child element.   |
-| `FormControlContext`     | Re-exported from `@cdx-ui/utils`; shared context for field/form control state.                    |
-| `useFormControlContext`  | Re-exported from `@cdx-ui/utils`; reads `FormControlContext` in descendant components.            |
-| `OverlayInsetsProvider`  | Context provider for safe-area insets used by overlay/dialog positioning.                         |
-| `InteractionState`       | Type: `{ hover, focus, active, disabled, focusVisible }`.                                         |
-| `EdgeInsets`             | Type: `{ top, right, bottom, left }`.                                                             |
+| Export                   | Description                                                                                                                                                                                                            |
+| ------------------------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `dataAttributes`         | Builds `data-hover`, `data-active`, `data-focus-visible`, etc. from an `InteractionState` object.                                                                                                                      |
+| `mergeDataAttributes`    | Combines multiple data-attribute sources into one spread (prevents overwrites on web).                                                                                                                                 |
+| `domDataAttributes`      | Web-specific variant that converts data attributes to DOM-compatible format.                                                                                                                                           |
+| `mergeDomDataAttributes` | Web-specific merge variant for combining DOM data attribute sources.                                                                                                                                                   |
+| `Slot`                   | Primitives-layer `asChild` implementation — merges props/ref onto the consumer's child element.                                                                                                                        |
+| `assignRef`              | Assigns a value to a callback or object ref (`ForwardedRef<T>`), handling both forms.                                                                                                                                  |
+| `createPortalFn`         | Reference to `ReactDOM.createPortal` on web, `undefined` on native (lazy-loaded so native bundles never reference `react-dom`).                                                                                        |
+| `useAnchorPosition`      | Measures an anchor element's on-screen layout (`AnchorLayout`), with optional remeasure key and per-frame tracking; powers overlay/popup positioning (e.g. `Slider.Popup`).                                            |
+| `FormControlContext`     | Re-exported from `@cdx-ui/utils`; shared context for field/form control state.                                                                                                                                         |
+| `useFormControlContext`  | Re-exported from `@cdx-ui/utils`; reads `FormControlContext` in descendant components.                                                                                                                                 |
+| `OverlayInsetsProvider`  | Context provider for safe-area insets used by overlay/dialog positioning.                                                                                                                                              |
+| `Portal`, `PortalHost`   | Store-backed portal: `Portal` registers children into a named host; `PortalHost` renders them and must be mounted once near the app root (Forge UI's `ForgeDesignProvider` does this). Used by `Dialog`, `Toast`, etc. |
+| `FullWindowOverlay`      | iOS wrapper (over `react-native-screens`) that renders overlays in a separate window above native modals/keyboard; pass-through on Android/web.                                                                        |
+| `InteractionState`       | Type: `{ hover, focus, active, disabled, focusVisible }`.                                                                                                                                                              |
+| `EdgeInsets`             | Type: `{ top, right, bottom, left }`.                                                                                                                                                                                  |
 
 ### OTP input utilities
 
 Standalone helper functions re-exported from the otp-input module for custom OTP input implementations:
 
-| Export                                         | Description                                                                  |
-| ---------------------------------------------- | ---------------------------------------------------------------------------- |
-| `applyOtpInputChange(value, change, position)` | Applies a character change (insert, delete, replace) to an OTP value string. |
-| `filterDigits(text)`                           | Filters a string to digits only (0–9).                                       |
-| `filterAllowedCharacters(text, allowed)`       | Filters a string to characters matching a provided set.                      |
-| `filterByRegExp(text, pattern)`                | Filters a string to characters matching a regular expression.                |
+| Export                                                          | Description                                                                                   |
+| --------------------------------------------------------------- | --------------------------------------------------------------------------------------------- |
+| `applyOtpInputChange(value, index, rawText, cellCount, filter)` | Applies a filtered edit at `index` and returns `{ nextValue, focusIndex }`.                   |
+| `filterDigits(text)`                                            | Filters a string to digits only (0–9).                                                        |
+| `filterAllowedCharacters(allowed)`                              | Returns a `(text) => string` filter that keeps characters present in `allowed`.               |
+| `filterByRegExp(pattern)`                                       | Returns a `(text) => string` filter that keeps characters matching `pattern` (per code unit). |
 
 ### Context hooks and providers
 
 Several modules export context providers and hooks for reading component state from descendant sub-components or for integrating with external systems (e.g., routing).
 
-| Module    | Provider(s)                                | Hook(s)                                        | Context value type(s)                                   |
-| --------- | ------------------------------------------ | ---------------------------------------------- | ------------------------------------------------------- |
-| avatar    | —                                          | `useAvatarContext`                             | `IAvatarContextValue`                                   |
-| button    | —                                          | `useButtonContext`                             | `InteractionState`                                      |
-| checkbox  | —                                          | `useCheckboxContext`                           | `ICheckboxContextValue`                                 |
-| chip      | —                                          | `useChipContext`                               | `InteractionState`                                      |
-| dialog    | `DialogProvider`                           | `useDialog`                                    | `IDialogContextType`                                    |
-| input     | —                                          | `useInputContext`                              | `IInputContextValue`                                    |
-| link      | `LinkProvider`, `LinkInteractionProvider`  | `useLink`, `useLinkInteractionContext`         | `LinkConfig`, `LinkInteractionState`                    |
-| list-item | `ListItemProvider`                         | `useListItemContext`                           | `InteractionState`                                      |
-| otp-input | `OtpInputProvider`, `OtpCellIndexProvider` | `useOtpInputContext`, `useOtpCellIndexContext` | `OtpInputContextValue`, `OtpInputCellIndexContextValue` |
-| progress  | —                                          | `useProgressContext`                           | `ProgressContextValue`                                  |
-| radio     | `RadioProvider`                            | `useRadioContext`                              | `IRadioContextValue`                                    |
-| select    | —                                          | `useSelectContext`, `useSelectItemContext`     | `ISelectContextValue`, `ISelectItemContextValue`        |
-| tile      | `TileProvider`                             | `useTileContext`                               | `ITileContextValue`, `ITileGroupContextValue`           |
+| Module    | Provider(s)                                  | Hook(s)                                          | Context value type(s)                                   |
+| --------- | -------------------------------------------- | ------------------------------------------------ | ------------------------------------------------------- |
+| accordion | `AccordionProvider`, `AccordionItemProvider` | `useAccordionContext`, `useAccordionItemContext` | `IAccordionContextValue`, `IAccordionItemContextValue`  |
+| avatar    | —                                            | `useAvatarContext`                               | `IAvatarContextValue`                                   |
+| button    | —                                            | `useButtonContext`                               | `InteractionState`                                      |
+| checkbox  | —                                            | `useCheckboxContext`                             | `ICheckboxContextValue`                                 |
+| chip      | —                                            | `useChipContext`                                 | `InteractionState`                                      |
+| dialog    | `DialogProvider`                             | `useDialog`                                      | `IDialogContextType`                                    |
+| input     | —                                            | `useInputContext`                                | —                                                       |
+| link      | `LinkProvider`, `LinkInteractionProvider`    | `useLink`, `useLinkInteractionContext`           | `LinkConfig`, `LinkInteractionState`                    |
+| list-item | `ListItemProvider`                           | `useListItemContext`                             | `InteractionState`                                      |
+| otp-input | `OtpInputProvider`, `OtpCellIndexProvider`   | `useOtpInputContext`, `useOtpCellIndexContext`   | `OtpInputContextValue`, `OtpInputCellIndexContextValue` |
+| progress  | —                                            | `useProgressContext`                             | `ProgressContextValue`                                  |
+| radio     | —                                            | `useRadioContext`                                | `IRadioContextValue`                                    |
+| select    | —                                            | `useSelectContext`, `useSelectItemContext`       | `SelectContextValue`, `SelectItemInteractionState`      |
+| slider    | —                                            | `useSliderContext`                               | `SliderContextValue`                                    |
+| tile      | `TileProvider`                               | `useTileContext`                                 | `ITileContextValue`, `ITileGroupContextValue`           |
+
+## License
+
+[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](./LICENSE)
+
+MIT © 2026 Digital First Holdings LLC. See [LICENSE](./LICENSE) for details.

package/coverage.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="158" height="20" role="img" aria-label="coverage: via components"><title>coverage: via components</title><filter id="blur"><feGaussianBlur stdDeviation="16"/></filter><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><clipPath id="r"><rect width="158" height="20" rx="3"/></clipPath><g clip-path="url(#r)"><rect width="61" height="20" fill="#555"/><rect x="61" width="97" height="20" fill="#007ec6"/><rect width="158" height="20" fill="url(#s)"/></g><g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><g transform="scale(.1)"><g aria-hidden="true" fill="#010101"><text x="315" y="150" fill-opacity=".8" filter="url(#blur)" textLength="510">coverage</text><text x="315" y="150" fill-opacity=".3" textLength="510">coverage</text></g><text x="315" y="140" textLength="510">coverage</text></g><g transform="scale(.1)"><g aria-hidden="true" fill="#010101"><text x="1085" y="150" fill-opacity=".8" filter="url(#blur)" textLength="870">via components</text><text x="1085" y="150" fill-opacity=".3" textLength="870">via components</text></g><text x="1085" y="140" textLength="870">via components</text></g></g></svg>

package/lib/commonjs/accordion/Accordion.js

@@ -0,0 +1,65 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AccordionRoot = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _disclosure = require("@react-stately/disclosure");
+var _slot = require("../slot");
+var _dataAttributes = require("../utils/dataAttributes");
+var _context = require("./context");
+var _utils = require("./utils");
+var _jsxRuntime = require("react/jsx-runtime");
+const AccordionRoot = exports.AccordionRoot = /*#__PURE__*/(0, _react.forwardRef)((accordionProps, ref) => {
+  const {
+    asChild,
+    children,
+    className,
+    style,
+    type = 'single',
+    collapsible = true,
+    isDisabled = false,
+    value,
+    defaultValue,
+    onValueChange,
+    ...props
+  } = accordionProps;
+  const isValueControlled = Object.prototype.hasOwnProperty.call(accordionProps, 'value');
+  const expandedKeys = (0, _react.useMemo)(() => isValueControlled ? (0, _utils.toExpandedKeys)(value) ?? new Set() : undefined, [isValueControlled, value]);
+  const groupState = (0, _disclosure.useDisclosureGroupState)({
+    allowsMultipleExpanded: type === 'multiple',
+    isDisabled,
+    expandedKeys,
+    defaultExpandedKeys: (0, _utils.toExpandedKeys)(defaultValue),
+    onExpandedChange: onValueChange ? keys => {
+      onValueChange((0, _utils.fromExpandedKeys)(keys, type));
+    } : undefined
+  });
+  const isItemOpen = (0, _react.useCallback)(itemValue => groupState.expandedKeys.has(itemValue), [groupState.expandedKeys]);
+  const toggleItem = (0, _react.useCallback)(itemValue => groupState.toggleKey(itemValue), [groupState]);
+  const contextValue = (0, _react.useMemo)(() => ({
+    type,
+    collapsible,
+    isDisabled,
+    isItemOpen,
+    toggleItem
+  }), [type, collapsible, isDisabled, isItemOpen, toggleItem]);
+  const Comp = asChild ? _slot.Slot : _reactNative.View;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.AccordionProvider, {
+    value: contextValue,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
+      ref: ref,
+      className: className,
+      style: style,
+      ...props,
+      ...(0, _dataAttributes.mergeDataAttributes)(props, (0, _dataAttributes.dataAttributes)({
+        slot: 'accordion'
+      })),
+      children: children
+    })
+  });
+});
+AccordionRoot.displayName = 'AccordionRoot';
+//# sourceMappingURL=Accordion.js.map

package/lib/commonjs/accordion/Accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_disclosure","_slot","_dataAttributes","_context","_utils","_jsxRuntime","AccordionRoot","exports","forwardRef","accordionProps","ref","asChild","children","className","style","type","collapsible","isDisabled","value","defaultValue","onValueChange","props","isValueControlled","Object","prototype","hasOwnProperty","call","expandedKeys","useMemo","toExpandedKeys","Set","undefined","groupState","useDisclosureGroupState","allowsMultipleExpanded","defaultExpandedKeys","onExpandedChange","keys","fromExpandedKeys","isItemOpen","useCallback","itemValue","has","toggleItem","toggleKey","contextValue","Comp","Slot","View","jsx","AccordionProvider","mergeDataAttributes","dataAttributes","slot","displayName"],"sourceRoot":"../../../src","sources":["accordion/Accordion.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AAEA,IAAAM,MAAA,GAAAN,OAAA;AAA2D,IAAAO,WAAA,GAAAP,OAAA;AAoBpD,MAAMQ,aAAa,GAAAC,OAAA,CAAAD,aAAA,gBAAG,IAAAE,iBAAU,EAA2B,CAACC,cAAc,EAAEC,GAAG,KAAK;EACzF,MAAM;IACJC,OAAO;IACPC,QAAQ;IACRC,SAAS;IACTC,KAAK;IACLC,IAAI,GAAG,QAAQ;IACfC,WAAW,GAAG,IAAI;IAClBC,UAAU,GAAG,KAAK;IAClBC,KAAK;IACLC,YAAY;IACZC,aAAa;IACb,GAAGC;EACL,CAAC,GAAGZ,cAAuC;EAC3C,MAAMa,iBAAiB,GAAGC,MAAM,CAACC,SAAS,CAACC,cAAc,CAACC,IAAI,CAACjB,cAAc,EAAE,OAAO,CAAC;EACvF,MAAMkB,YAAY,GAAG,IAAAC,cAAO,EAC1B,MAAON,iBAAiB,GAAI,IAAAO,qBAAc,EAACX,KAAK,CAAC,IAAI,IAAIY,GAAG,CAAS,CAAC,GAAIC,SAAU,EACpF,CAACT,iBAAiB,EAAEJ,KAAK,CAC3B,CAAC;EACD,MAAMc,UAAU,GAAG,IAAAC,mCAAuB,EAAC;IACzCC,sBAAsB,EAAEnB,IAAI,KAAK,UAAU;IAC3CE,UAAU;IACVU,YAAY;IACZQ,mBAAmB,EAAE,IAAAN,qBAAc,EAACV,YAAY,CAAC;IACjDiB,gBAAgB,EAAEhB,aAAa,GAC1BiB,IAAI,IAAK;MACRjB,aAAa,CAAC,IAAAkB,uBAAgB,EAACD,IAAI,EAAEtB,IAAI,CAAC,CAAC;IAC7C,CAAC,GACDgB;EACN,CAAC,CAAC;EAEF,MAAMQ,UAAU,GAAG,IAAAC,kBAAW,EAC3BC,SAAiB,IAAKT,UAAU,CAACL,YAAY,CAACe,GAAG,CAACD,SAAS,CAAC,EAC7D,CAACT,UAAU,CAACL,YAAY,CAC1B,CAAC;EACD,MAAMgB,UAAU,GAAG,IAAAH,kBAAW,EAC3BC,SAAiB,IAAKT,UAAU,CAACY,SAAS,CAACH,SAAS,CAAC,EACtD,CAACT,UAAU,CACb,CAAC;EAED,MAAMa,YAAY,GAAG,IAAAjB,cAAO,EAC1B,OAAO;IACLb,IAAI;IACJC,WAAW;IACXC,UAAU;IACVsB,UAAU;IACVI;EACF,CAAC,CAAC,EACF,CAAC5B,IAAI,EAAEC,WAAW,EAAEC,UAAU,EAAEsB,UAAU,EAAEI,UAAU,CACxD,CAAC;EAED,MAAMG,IAAI,GAAGnC,OAAO,GAAGoC,UAAI,GAAGC,iBAAI;EAElC,oBACE,IAAA3C,WAAA,CAAA4C,GAAA,EAAC9C,QAAA,CAAA+C,iBAAiB;IAAChC,KAAK,EAAE2B,YAAa;IAAAjC,QAAA,eACrC,IAAAP,WAAA,CAAA4C,GAAA,EAACH,IAAI;MACHpC,GAAG,EAAEA,GAAI;MACTG,SAAS,EAAEA,SAAU;MACrBC,KAAK,EAAEA,KAAM;MAAA,GACTO,KAAK;MAAA,GACL,IAAA8B,mCAAmB,EAAC9B,KAAK,EAAE,IAAA+B,8BAAc,EAAC;QAAEC,IAAI,EAAE;MAAY,CAAC,CAAC,CAAC;MAAAzC,QAAA,EAEpEA;IAAQ,CACL;EAAC,CACU,CAAC;AAExB,CAAC,CAAC;AAEFN,aAAa,CAACgD,WAAW,GAAG,eAAe","ignoreList":[]}

package/lib/commonjs/accordion/AccordionContent.js

@@ -0,0 +1,73 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AccordionContentRoot = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _slot = require("../slot");
+var _dataAttributes = require("../utils/dataAttributes");
+var _domDataAttributes = require("../utils/domDataAttributes");
+var _context = require("./context");
+var _jsxRuntime = require("react/jsx-runtime");
+const AccordionContentRoot = exports.AccordionContentRoot = /*#__PURE__*/(0, _react.forwardRef)(({
+  asChild,
+  children,
+  className,
+  style,
+  ...props
+}, ref) => {
+  const {
+    isOpen,
+    triggerId,
+    contentId
+  } = (0, _context.useAccordionItemContext)();
+  const Comp = asChild ? _slot.Slot : _reactNative.View;
+  if (!isOpen) {
+    return null;
+  }
+  const dataAttrValues = {
+    slot: 'accordion-content',
+    state: 'open'
+  };
+  if (_reactNative.Platform.OS === 'web' && asChild) {
+    const {
+      dataSet,
+      nativeID: _nativeID,
+      ...domProps
+    } = props;
+    const dataAttrs = (0, _domDataAttributes.mergeDomDataAttributes)((0, _domDataAttributes.domDataAttributes)(dataSet ?? {}), domProps, (0, _domDataAttributes.domDataAttributes)(dataAttrValues));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_slot.Slot, {
+      ref: ref,
+      className: className,
+      style: style,
+      ...domProps,
+      ...dataAttrs,
+      id: contentId,
+      role: "region",
+      "aria-labelledby": triggerId,
+      children: children
+    });
+  }
+  const platformA11yProps = _reactNative.Platform.OS === 'web' ? {
+    id: contentId,
+    role: 'region',
+    'aria-labelledby': triggerId
+  } : {
+    nativeID: contentId,
+    accessibilityLabelledBy: triggerId,
+    accessibilityRole: 'none'
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
+    ref: ref,
+    className: className,
+    style: style,
+    ...props,
+    ...(0, _dataAttributes.mergeDataAttributes)(props, (0, _dataAttributes.dataAttributes)(dataAttrValues)),
+    ...platformA11yProps,
+    children: children
+  });
+});
+AccordionContentRoot.displayName = 'AccordionContentRoot';
+//# sourceMappingURL=AccordionContent.js.map

package/lib/commonjs/accordion/AccordionContent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_slot","_dataAttributes","_domDataAttributes","_context","_jsxRuntime","AccordionContentRoot","exports","forwardRef","asChild","children","className","style","props","ref","isOpen","triggerId","contentId","useAccordionItemContext","Comp","Slot","View","dataAttrValues","slot","state","Platform","OS","dataSet","nativeID","_nativeID","domProps","dataAttrs","mergeDomDataAttributes","domDataAttributes","jsx","id","role","platformA11yProps","accessibilityLabelledBy","accessibilityRole","mergeDataAttributes","dataAttributes","displayName"],"sourceRoot":"../../../src","sources":["accordion/AccordionContent.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,eAAA,GAAAH,OAAA;AACA,IAAAI,kBAAA,GAAAJ,OAAA;AAKA,IAAAK,QAAA,GAAAL,OAAA;AAAoD,IAAAM,WAAA,GAAAN,OAAA;AAQ7C,MAAMO,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,gBAAG,IAAAE,iBAAU,EAC5C,CAAC;EAAEC,OAAO;EAAEC,QAAQ;EAAEC,SAAS;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC1D,MAAM;IAAEC,MAAM;IAAEC,SAAS;IAAEC;EAAU,CAAC,GAAG,IAAAC,gCAAuB,EAAC,CAAC;EAClE,MAAMC,IAAI,GAAGV,OAAO,GAAGW,UAAI,GAAGC,iBAAI;EAElC,IAAI,CAACN,MAAM,EAAE;IACX,OAAO,IAAI;EACb;EAEA,MAAMO,cAAc,GAAG;IACrBC,IAAI,EAAE,mBAAmB;IACzBC,KAAK,EAAE;EACT,CAAC;EAED,IAAIC,qBAAQ,CAACC,EAAE,KAAK,KAAK,IAAIjB,OAAO,EAAE;IACpC,MAAM;MACJkB,OAAO;MACPC,QAAQ,EAAEC,SAAS;MACnB,GAAGC;IACL,CAAC,GAAGjB,KAEH;IACD,MAAMkB,SAAS,GAAG,IAAAC,yCAAsB,EACtC,IAAAC,oCAAiB,EAACN,OAAO,IAAI,CAAC,CAAC,CAAC,EAChCG,QAAQ,EACR,IAAAG,oCAAiB,EAACX,cAAc,CAClC,CAAC;IAED,oBACE,IAAAjB,WAAA,CAAA6B,GAAA,EAACjC,KAAA,CAAAmB,IAAI;MACHN,GAAG,EAAEA,GAAI;MACTH,SAAS,EAAEA,SAAU;MACrBC,KAAK,EAAEA,KAAM;MAAA,GACTkB,QAAQ;MAAA,GACRC,SAAS;MACbI,EAAE,EAAElB,SAAU;MACdmB,IAAI,EAAC,QAAQ;MACb,mBAAiBpB,SAAU;MAAAN,QAAA,EAE1BA;IAAQ,CACL,CAAC;EAEX;EAEA,MAAM2B,iBAAiB,GACrBZ,qBAAQ,CAACC,EAAE,KAAK,KAAK,GACjB;IACES,EAAE,EAAElB,SAAS;IACbmB,IAAI,EAAE,QAAiB;IACvB,iBAAiB,EAAEpB;EACrB,CAAC,GACD;IACEY,QAAQ,EAAEX,SAAS;IACnBqB,uBAAuB,EAAEtB,SAAS;IAClCuB,iBAAiB,EAAE;EACrB,CAAC;EAEP,oBACE,IAAAlC,WAAA,CAAA6B,GAAA,EAACf,IAAI;IACHL,GAAG,EAAEA,GAAI;IACTH,SAAS,EAAEA,SAAU;IACrBC,KAAK,EAAEA,KAAM;IAAA,GACTC,KAAK;IAAA,GACL,IAAA2B,mCAAmB,EAAC3B,KAAK,EAAE,IAAA4B,8BAAc,EAACnB,cAAc,CAAC,CAAC;IAAA,GAC1De,iBAAiB;IAAA3B,QAAA,EAEpBA;EAAQ,CACL,CAAC;AAEX,CACF,CAAC;AAEDJ,oBAAoB,CAACoC,WAAW,GAAG,sBAAsB","ignoreList":[]}

package/lib/commonjs/accordion/AccordionItem.js

@@ -0,0 +1,69 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AccordionItemRoot = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _slot = require("../slot");
+var _dataAttributes = require("../utils/dataAttributes");
+var _context = require("./context");
+var _jsxRuntime = require("react/jsx-runtime");
+const AccordionItemRoot = exports.AccordionItemRoot = /*#__PURE__*/(0, _react.forwardRef)(({
+  asChild,
+  children,
+  className,
+  style,
+  value,
+  disabled = false,
+  ...props
+}, ref) => {
+  const {
+    type,
+    collapsible,
+    isDisabled: groupDisabled,
+    isItemOpen,
+    toggleItem
+  } = (0, _context.useAccordionContext)();
+  const reactId = (0, _react.useId)().replace(/[^a-zA-Z0-9_-]/g, '');
+  const triggerId = `accordion-${reactId}-trigger`;
+  const contentId = `accordion-${reactId}-content`;
+  const isOpen = isItemOpen(value);
+  const isDisabled = disabled || groupDisabled;
+  const toggle = (0, _react.useCallback)(() => {
+    if (isDisabled) {
+      return;
+    }
+    if (type === 'single' && !collapsible && isOpen) {
+      return;
+    }
+    toggleItem(value);
+  }, [isDisabled, type, collapsible, isOpen, toggleItem, value]);
+  const contextValue = (0, _react.useMemo)(() => ({
+    value,
+    isOpen,
+    isDisabled,
+    triggerId,
+    contentId,
+    toggle
+  }), [value, isOpen, isDisabled, triggerId, contentId, toggle]);
+  const Comp = asChild ? _slot.Slot : _reactNative.View;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.AccordionItemProvider, {
+    value: contextValue,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
+      ref: ref,
+      className: className,
+      style: style,
+      ...props,
+      ...(0, _dataAttributes.mergeDataAttributes)(props, (0, _dataAttributes.dataAttributes)({
+        slot: 'accordion-item',
+        state: isOpen ? 'open' : 'closed',
+        disabled: isDisabled
+      })),
+      children: children
+    })
+  });
+});
+AccordionItemRoot.displayName = 'AccordionItemRoot';
+//# sourceMappingURL=AccordionItem.js.map

package/lib/commonjs/accordion/AccordionItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_slot","_dataAttributes","_context","_jsxRuntime","AccordionItemRoot","exports","forwardRef","asChild","children","className","style","value","disabled","props","ref","type","collapsible","isDisabled","groupDisabled","isItemOpen","toggleItem","useAccordionContext","reactId","useId","replace","triggerId","contentId","isOpen","toggle","useCallback","contextValue","useMemo","Comp","Slot","View","jsx","AccordionItemProvider","mergeDataAttributes","dataAttributes","slot","state","displayName"],"sourceRoot":"../../../src","sources":["accordion/AccordionItem.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,eAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AAAuE,IAAAK,WAAA,GAAAL,OAAA;AAQhE,MAAMM,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,gBAAG,IAAAE,iBAAU,EACzC,CAAC;EAAEC,OAAO;EAAEC,QAAQ;EAAEC,SAAS;EAAEC,KAAK;EAAEC,KAAK;EAAEC,QAAQ,GAAG,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACnF,MAAM;IACJC,IAAI;IACJC,WAAW;IACXC,UAAU,EAAEC,aAAa;IACzBC,UAAU;IACVC;EACF,CAAC,GAAG,IAAAC,4BAAmB,EAAC,CAAC;EACzB,MAAMC,OAAO,GAAG,IAAAC,YAAK,EAAC,CAAC,CAACC,OAAO,CAAC,iBAAiB,EAAE,EAAE,CAAC;EACtD,MAAMC,SAAS,GAAG,aAAaH,OAAO,UAAU;EAChD,MAAMI,SAAS,GAAG,aAAaJ,OAAO,UAAU;EAEhD,MAAMK,MAAM,GAAGR,UAAU,CAACR,KAAK,CAAC;EAChC,MAAMM,UAAU,GAAGL,QAAQ,IAAIM,aAAa;EAE5C,MAAMU,MAAM,GAAG,IAAAC,kBAAW,EAAC,MAAM;IAC/B,IAAIZ,UAAU,EAAE;MACd;IACF;IACA,IAAIF,IAAI,KAAK,QAAQ,IAAI,CAACC,WAAW,IAAIW,MAAM,EAAE;MAC/C;IACF;IACAP,UAAU,CAACT,KAAK,CAAC;EACnB,CAAC,EAAE,CAACM,UAAU,EAAEF,IAAI,EAAEC,WAAW,EAAEW,MAAM,EAAEP,UAAU,EAAET,KAAK,CAAC,CAAC;EAE9D,MAAMmB,YAAY,GAAG,IAAAC,cAAO,EAC1B,OAAO;IACLpB,KAAK;IACLgB,MAAM;IACNV,UAAU;IACVQ,SAAS;IACTC,SAAS;IACTE;EACF,CAAC,CAAC,EACF,CAACjB,KAAK,EAAEgB,MAAM,EAAEV,UAAU,EAAEQ,SAAS,EAAEC,SAAS,EAAEE,MAAM,CAC1D,CAAC;EAED,MAAMI,IAAI,GAAGzB,OAAO,GAAG0B,UAAI,GAAGC,iBAAI;EAElC,oBACE,IAAA/B,WAAA,CAAAgC,GAAA,EAACjC,QAAA,CAAAkC,qBAAqB;IAACzB,KAAK,EAAEmB,YAAa;IAAAtB,QAAA,eACzC,IAAAL,WAAA,CAAAgC,GAAA,EAACH,IAAI;MACHlB,GAAG,EAAEA,GAAI;MACTL,SAAS,EAAEA,SAAU;MACrBC,KAAK,EAAEA,KAAM;MAAA,GACTG,KAAK;MAAA,GACL,IAAAwB,mCAAmB,EACrBxB,KAAK,EACL,IAAAyB,8BAAc,EAAC;QACbC,IAAI,EAAE,gBAAgB;QACtBC,KAAK,EAAEb,MAAM,GAAG,MAAM,GAAG,QAAQ;QACjCf,QAAQ,EAAEK;MACZ,CAAC,CACH,CAAC;MAAAT,QAAA,EAEAA;IAAQ,CACL;EAAC,CACc,CAAC;AAE5B,CACF,CAAC;AAEDJ,iBAAiB,CAACqC,WAAW,GAAG,mBAAmB","ignoreList":[]}

package/lib/commonjs/accordion/AccordionTrigger.js

@@ -0,0 +1,102 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AccordionTriggerRoot = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _utils = require("@cdx-ui/utils");
+var _focus = require("@react-native-aria/focus");
+var _interactions = require("@react-native-aria/interactions");
+var _slot = require("../slot");
+var _dataAttributes = require("../utils/dataAttributes");
+var _context = require("./context");
+var _jsxRuntime = require("react/jsx-runtime");
+const AccordionTriggerRoot = exports.AccordionTriggerRoot = /*#__PURE__*/(0, _react.forwardRef)(({
+  asChild,
+  children,
+  className,
+  style,
+  onPress,
+  onPressIn,
+  onPressOut,
+  onHoverIn,
+  onHoverOut,
+  onFocus,
+  onBlur,
+  accessibilityLabel,
+  ...props
+}, ref) => {
+  const {
+    isOpen,
+    isDisabled,
+    triggerId,
+    contentId,
+    toggle
+  } = (0, _context.useAccordionItemContext)();
+  const {
+    focusProps,
+    isFocused
+  } = (0, _focus.useFocus)();
+  const {
+    focusProps: focusRingProps,
+    isFocusVisible
+  } = (0, _focus.useFocusRing)();
+  const {
+    pressProps,
+    isPressed
+  } = (0, _interactions.usePress)({
+    isDisabled
+  });
+  const {
+    hoverProps,
+    isHovered
+  } = (0, _interactions.useHover)({
+    isDisabled
+  });
+  const Comp = asChild ? _slot.Slot : _reactNative.Pressable;
+  const platformA11yProps = _reactNative.Platform.OS === 'web' ? {
+    id: triggerId,
+    role: 'button',
+    'aria-expanded': isOpen,
+    'aria-disabled': isDisabled || undefined,
+    'aria-controls': contentId
+  } : {
+    nativeID: triggerId,
+    accessibilityRole: 'button',
+    accessibilityState: {
+      expanded: isOpen,
+      disabled: isDisabled
+    },
+    accessibilityControls: contentId
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
+    ref: ref,
+    disabled: isDisabled,
+    accessibilityLabel: accessibilityLabel,
+    className: className,
+    style: style,
+    ...props,
+    ...platformA11yProps,
+    ...(0, _dataAttributes.mergeDataAttributes)(props, (0, _dataAttributes.dataAttributes)({
+      slot: 'accordion-trigger',
+      state: isOpen ? 'open' : 'closed',
+      disabled: isDisabled,
+      hover: isHovered,
+      active: isPressed,
+      focus: isFocused,
+      focusVisible: isFocusVisible
+    })),
+    onPressIn: (0, _utils.composeEventHandlers)(onPressIn, pressProps.onPressIn),
+    onPressOut: (0, _utils.composeEventHandlers)(onPressOut, pressProps.onPressOut),
+    onHoverIn: (0, _utils.composeEventHandlers)(onHoverIn, hoverProps.onHoverIn),
+    onHoverOut: (0, _utils.composeEventHandlers)(onHoverOut, hoverProps.onHoverOut),
+    onPress: (0, _utils.composeEventHandlers)(onPress, toggle),
+    onFocus: (0, _utils.composeEventHandlers)(onFocus, focusProps.onFocus, focusRingProps.onFocus),
+    onBlur: (0, _utils.composeEventHandlers)(onBlur, focusProps.onBlur, focusRingProps.onBlur),
+    children: children
+  });
+});
+AccordionTriggerRoot.displayName = 'AccordionTriggerRoot';
+//# sourceMappingURL=AccordionTrigger.js.map

package/lib/commonjs/accordion/AccordionTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_utils","_focus","_interactions","_slot","_dataAttributes","_context","_jsxRuntime","AccordionTriggerRoot","exports","forwardRef","asChild","children","className","style","onPress","onPressIn","onPressOut","onHoverIn","onHoverOut","onFocus","onBlur","accessibilityLabel","props","ref","isOpen","isDisabled","triggerId","contentId","toggle","useAccordionItemContext","focusProps","isFocused","useFocus","focusRingProps","isFocusVisible","useFocusRing","pressProps","isPressed","usePress","hoverProps","isHovered","useHover","Comp","Slot","Pressable","platformA11yProps","Platform","OS","id","role","undefined","nativeID","accessibilityRole","accessibilityState","expanded","disabled","accessibilityControls","jsx","mergeDataAttributes","dataAttributes","slot","state","hover","active","focus","focusVisible","composeEventHandlers","displayName"],"sourceRoot":"../../../src","sources":["accordion/AccordionTrigger.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,eAAA,GAAAN,OAAA;AACA,IAAAO,QAAA,GAAAP,OAAA;AAAoD,IAAAQ,WAAA,GAAAR,OAAA;AAO7C,MAAMS,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,gBAAG,IAAAE,iBAAU,EAI5C,CACE;EACEC,OAAO;EACPC,QAAQ;EACRC,SAAS;EACTC,KAAK;EACLC,OAAO;EACPC,SAAS;EACTC,UAAU;EACVC,SAAS;EACTC,UAAU;EACVC,OAAO;EACPC,MAAM;EACNC,kBAAkB;EAClB,GAAGC;AACL,CAAC,EACDC,GAAG,KACA;EACH,MAAM;IAAEC,MAAM;IAAEC,UAAU;IAAEC,SAAS;IAAEC,SAAS;IAAEC;EAAO,CAAC,GAAG,IAAAC,gCAAuB,EAAC,CAAC;EACtF,MAAM;IAAEC,UAAU;IAAEC;EAAU,CAAC,GAAG,IAAAC,eAAQ,EAAC,CAAC;EAC5C,MAAM;IAAEF,UAAU,EAAEG,cAAc;IAAEC;EAAe,CAAC,GAAG,IAAAC,mBAAY,EAAC,CAGnE;EACD,MAAM;IAAEC,UAAU;IAAEC;EAAU,CAAC,GAAG,IAAAC,sBAAQ,EAAC;IAAEb;EAAW,CAAC,CAAC;EAC1D,MAAM;IAAEc,UAAU;IAAEC;EAAU,CAAC,GAAG,IAAAC,sBAAQ,EAAC;IAAEhB;EAAW,CAAC,CAAC;EAE1D,MAAMiB,IAAI,GAAGhC,OAAO,GAAGiC,UAAI,GAAGC,sBAAS;EAEvC,MAAMC,iBAAiB,GACrBC,qBAAQ,CAACC,EAAE,KAAK,KAAK,GACjB;IACEC,EAAE,EAAEtB,SAAS;IACbuB,IAAI,EAAE,QAAiB;IACvB,eAAe,EAAEzB,MAAM;IACvB,eAAe,EAAEC,UAAU,IAAIyB,SAAS;IACxC,eAAe,EAAEvB;EACnB,CAAC,GACD;IACEwB,QAAQ,EAAEzB,SAAS;IACnB0B,iBAAiB,EAAE,QAAiB;IACpCC,kBAAkB,EAAE;MAAEC,QAAQ,EAAE9B,MAAM;MAAE+B,QAAQ,EAAE9B;IAAW,CAAC;IAC9D+B,qBAAqB,EAAE7B;EACzB,CAAC;EAEP,oBACE,IAAArB,WAAA,CAAAmD,GAAA,EAACf,IAAI;IACHnB,GAAG,EAAEA,GAAI;IACTgC,QAAQ,EAAE9B,UAAW;IACrBJ,kBAAkB,EAAEA,kBAAmB;IACvCT,SAAS,EAAEA,SAAU;IACrBC,KAAK,EAAEA,KAAM;IAAA,GACTS,KAAK;IAAA,GACLuB,iBAAiB;IAAA,GACjB,IAAAa,mCAAmB,EACrBpC,KAAK,EACL,IAAAqC,8BAAc,EAAC;MACbC,IAAI,EAAE,mBAAmB;MACzBC,KAAK,EAAErC,MAAM,GAAG,MAAM,GAAG,QAAQ;MACjC+B,QAAQ,EAAE9B,UAAU;MACpBqC,KAAK,EAAEtB,SAAS;MAChBuB,MAAM,EAAE1B,SAAS;MACjB2B,KAAK,EAAEjC,SAAS;MAChBkC,YAAY,EAAE/B;IAChB,CAAC,CACH,CAAC;IACDnB,SAAS,EAAE,IAAAmD,2BAAoB,EAACnD,SAAS,EAAEqB,UAAU,CAACrB,SAAS,CAAE;IACjEC,UAAU,EAAE,IAAAkD,2BAAoB,EAAClD,UAAU,EAAEoB,UAAU,CAACpB,UAAU,CAAE;IACpEC,SAAS,EAAE,IAAAiD,2BAAoB,EAACjD,SAAS,EAAEsB,UAAU,CAACtB,SAAS,CAAE;IACjEC,UAAU,EAAE,IAAAgD,2BAAoB,EAAChD,UAAU,EAAEqB,UAAU,CAACrB,UAAU,CAAE;IACpEJ,OAAO,EAAE,IAAAoD,2BAAoB,EAACpD,OAAO,EAAEc,MAAM,CAAE;IAC/CT,OAAO,EAAE,IAAA+C,2BAAoB,EAAC/C,OAAO,EAAEW,UAAU,CAACX,OAAO,EAAEc,cAAc,CAACd,OAAO,CAAE;IACnFC,MAAM,EAAE,IAAA8C,2BAAoB,EAAC9C,MAAM,EAAEU,UAAU,CAACV,MAAM,EAAEa,cAAc,CAACb,MAAM,CAAE;IAAAT,QAAA,EAE9EA;EAAQ,CACL,CAAC;AAEX,CACF,CAAC;AAEDJ,oBAAoB,CAAC4D,WAAW,GAAG,sBAAsB","ignoreList":[]}

package/lib/commonjs/accordion/context.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useAccordionItemContext = exports.useAccordionContext = exports.AccordionProvider = exports.AccordionItemProvider = void 0;
+var _utils = require("@cdx-ui/utils");
+const [AccordionProvider, useAccordionContext] = (0, _utils.createContext)('AccordionContext');
+exports.useAccordionContext = useAccordionContext;
+exports.AccordionProvider = AccordionProvider;
+const [AccordionItemProvider, useAccordionItemContext] = (0, _utils.createContext)('AccordionItemContext');
+exports.useAccordionItemContext = useAccordionItemContext;
+exports.AccordionItemProvider = AccordionItemProvider;
+//# sourceMappingURL=context.js.map

package/lib/commonjs/accordion/context.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_utils","require","AccordionProvider","useAccordionContext","createContext","exports","AccordionItemProvider","useAccordionItemContext"],"sourceRoot":"../../../src","sources":["accordion/context.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAGO,MAAM,CAACC,iBAAiB,EAAEC,mBAAmB,CAAC,GACnD,IAAAC,oBAAa,EAAyB,kBAAkB,CAAC;AAACC,OAAA,CAAAF,mBAAA,GAAAA,mBAAA;AAAAE,OAAA,CAAAH,iBAAA,GAAAA,iBAAA;AAErD,MAAM,CAACI,qBAAqB,EAAEC,uBAAuB,CAAC,GAC3D,IAAAH,oBAAa,EAA6B,sBAAsB,CAAC;AAACC,OAAA,CAAAE,uBAAA,GAAAA,uBAAA;AAAAF,OAAA,CAAAC,qBAAA,GAAAA,qBAAA","ignoreList":[]}