@cdx-ui/primitives 0.0.1-beta.6 → 0.0.1-beta.61

package/README.md

@@ -1,6 +1,6 @@
 # @cdx-ui/primitives
 
-Unstyled, accessible behavioral components (headless) for the Candescent Design System.
+Unstyled, accessible behavioral components (headless) for the Forge Design System.
 
 Primitives provide interaction logic, focus management, and accessibility without imposing any visual styling. They serve as the foundation for [`@cdx-ui/components`](../components/).
 
@@ -12,42 +12,68 @@ pnpm add @cdx-ui/primitives
 
 ### Peer dependencies
 
-- `react` >= 18.0.0
-- `react-native` >= 0.74.0 _(optional)_
+- `react` ^18.2.0 || ^19.0.0
+- `react-native` >= 0.76.0 _(optional)_
+- `react-native-reanimated` >= 3.0.0
 - `react-native-web` >= 0.19.0 _(optional)_
 
 ## Factory functions
 
 Each `create*` factory accepts a map of base React Native components and returns a compound component with built-in interaction state tracking, accessibility (roles, ARIA props, keyboard handling), and context propagation.
 
-| Factory | Returns |
-| --- | --- |
-| `createButton` | `Button` + `.Text` `.Group` `.Spinner` `.Icon` |
-| `createInput` | `Input` + `.Slot` `.Field` |
-| `createSelect` | `Select` + `.Trigger` `.Value` `.Icon` `.Content` `.Item` `.ItemLabel` |
-| `createCheckbox` | `Checkbox` + `.Indicator` `.Icon` `.Label` `.Group` |
-| `createSwitch` | `Switch` |
-| `createLink` | `Link` |
-| `createAvatar` | `Avatar` + `.Image` `.Text` `.Icon` `.Badge` |
-| `createDialog` | `Dialog` + `.Root` `.Trigger` `.Content` `.Header` `.Title` `.Description` `.Body` `.Footer` `.Close` |
-| `createField` | `Field` + `.Label` `.Helper` `.HelperText` `.Error` `.ErrorText` `.ErrorIcon` |
-| `createForm` | `Form` |
+| Factory          | Returns                                                                                                 |
+| ---------------- | ------------------------------------------------------------------------------------------------------- |
+| `createButton`   | `Button` + `.Text` `.Group` `.Spinner` `.Icon`                                                          |
+| `createChip`     | `Chip` (root only — pressable / `asChild` behavior; sub-components live in `@cdx-ui/components`)        |
+| `createInput`    | `Input` + `.Slot` `.Field`                                                                              |
+| `createSelect`   | `Select` + `.Trigger` `.Value` `.Icon` `.Content` `.Item` `.ItemLabel`                                  |
+| `createCheckbox` | `Checkbox` + `.Indicator` `.Icon` `.Label` `.Group`                                                     |
+| `createRadio`    | `Radio` + `.Indicator` `.Label` `.Group`                                                                |
+| `createSwitch`   | `Switch`                                                                                                |
+| `createLink`     | `Link`                                                                                                  |
+| `createAvatar`   | `Avatar` + `.Image` `.Text` `.Icon` `.Badge`                                                            |
+| `createDialog`   | `Dialog` + `.Root` `.Trigger` `.Popup` `.Header` `.Title` `.Description` `.Content` `.Footer` `.Close`  |
+| `createField`    | `Field` + `.Label` `.Helper` `.HelperText` `.Error` `.ErrorText` `.ErrorIcon`                           |
+| `createForm`     | `Form`                                                                                                  |
 | `createListItem` | `ListItem` + `.LeadingSlot` `.Content` `.Title` `.Description` `.Meta` `.TrailingSlot` `.SectionHeader` |
-| `createOtpInput` | `OtpInput` + `.Cell` `.Field` |
-| `createProgress` | `Progress` + `.Indicator` |
+| `createOtpInput` | `OtpInput` + `.Cell` `.Field`                                                                           |
+| `createProgress` | `Progress` + `.Indicator`                                                                               |
+| `createTile`     | `Tile` + `.Group` `.LeadingSlot` `.Content` `.Title` `.Description` `.Indicator` `.TrailingSlot`        |
 
 ### Utility exports
 
-| Export | Description |
-| --- | --- |
-| `dataAttributes` | Builds `data-hover`, `data-active`, `data-focus-visible`, etc. from an `InteractionState` object. |
-| `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. |
+| `domDataAttributes`     | Web-specific variant that converts data attributes to DOM-compatible format.                      |
+| `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 }`.                                                             |
 
-The dialog module also exports `DialogProvider` and `useDialog()` for imperative control, and the link module exports `LinkProvider` for router integration.
+### OTP input utilities
+
+Standalone helper functions re-exported from the `createOtpInput` 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.                |
+
+### 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)                         |
+| --------- | ----------------------------------------- | -------------------------------------- | --------------------------------------------- |
+| dialog    | `DialogProvider`                          | `useDialog`                            | `IDialogContextType`                          |
+| link      | `LinkProvider`, `LinkInteractionProvider` | `useLink`, `useLinkInteractionContext` | `LinkConfig`, `LinkInteractionState`          |
+| tile      | `TileProvider`                            | `useTileContext`                       | `ITileContextValue`, `ITileGroupContextValue` |
+| list-item | `ListItemProvider`                        | `useListItemContext`                   | `IListItemContextValue`                       |
+| button    | —                                         | `useButtonContext`                     | —                                             |
+| progress  | —                                         | `useProgressContext`                   | `ProgressContextValue`                        |
 
 ## Further reading
 
-- [Advanced Usage — Primitives](../../docs/advanced-usage.md) — full examples for every factory, Uniwind integration, type reference
 - [Definitions](../../docs/internal/practices/definitions.md) — artifact taxonomy (primitive vs component vs utility)

package/lib/commonjs/CLAUDE.md

@@ -0,0 +1,32 @@
+# Primitive Authoring
+
+Auto-loaded when working in `packages/primitives/src/**`.
+
+Primitives in `@cdx-ui/primitives` are unstyled behavioral components that handle accessibility and interactions. Read the full guides before making changes:
+
+- `docs/internal/practices/composition.md` — compound component structure
+- `docs/internal/practices/types.md` — `I*Props` convention, extending RN base types
+- `docs/internal/practices/accessibility.md` — ARIA roles, keyboard nav, screen reader support
+- `docs/internal/practices/as-child.md` — `asChild` prop pattern
+
+## Pattern summary
+
+Each primitive follows the factory function pattern (see `createButtonRoot.tsx` as the canonical example):
+
+1. **Factory function** — `export const createComponentPart = <T,>(BaseComponent: ComponentType<T>) => forwardRef(...)` — accepts a host element type, returns a wrapped component with behavior
+2. **Interaction hooks** — `useFocus`, `useFocusRing`, `useHover`, `usePress` from `@react-native-aria/*`
+3. **Data attributes** — `dataAttributes({ hover, focus, active, disabled, focusVisible })` emitted on the rendered element for Uniwind `data-[state]` selectors
+4. **Context provider** — interaction state exposed via context so child primitives can react to parent state
+5. **Barrel export** — `index.tsx` re-exports the factory, context, and types
+
+## Key rules
+
+- **Unstyled** — no visual styling (no `className`, no color/spacing classes). Only behavioral and a11y concerns.
+- **`I*Props` convention** — public prop types are aliased with `I` prefix (e.g., `IButtonProps`, `ICheckboxProps`), exported from `types.ts`
+- **`Interface*Props` pattern** — the full interface (e.g., `InterfaceButtonProps`, `InterfaceCheckbox`) extends the appropriate RN base type (`PressableProps`, `ViewProps`, etc.) with interaction state booleans (`isHovered`, `isActive`, `isFocused`, `isFocusVisible`, `isDisabled`); re-exported as `I*Props` (e.g., `export type IButtonProps = InterfaceButtonProps`)
+- **`dataAttributes()` helper** — always use the helper from `../utils/dataAttributes` to emit `data-*` props; it handles platform differences (native vs web)
+- **`composeEventHandlers`** from `@cdx-ui/utils` — merge consumer handlers with internal handlers; never silently override
+- **`forwardRef`** on every component — refs forwarded to the underlying host element
+- **ARIA roles** — set `role` with a sensible default (e.g., `role={props?.role || 'button'}`)
+- **Render children as function** — support `children` as `(state: InteractionState) => ReactNode` for state-driven rendering
+- **Consumable independently** of `@cdx-ui/components` — no imports from the styled layer

package/lib/commonjs/avatar/createAvatarText.js

@@ -8,7 +8,15 @@ var _react = require("react");
 var _context = require("./context");
 var _jsxRuntime = require("react/jsx-runtime");
 function getInitials(name) {
-  const words = name.trim().split(/\s+/);
+  const trimmed = name.trim();
+  const words = trimmed.split(/\s+/);
+
+  // Pre-composed initials (e.g. "JD", "AB") — single token, at most 2 chars.
+  // Figma Code Connect surfaces the raw text property which is already initials;
+  // passing them through a derivation step would truncate to the first letter.
+  if (words.length === 1 && trimmed.length <= 2) {
+    return trimmed.toUpperCase();
+  }
   let result = '';
   for (const word of words) {
     if (word.length > 0) {

package/lib/commonjs/avatar/createAvatarText.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_context","_jsxRuntime","getInitials","name","words","trim","split","result","word","length","charAt","toUpperCase","createAvatarText","BaseText","forwardRef","children","style","props","ref","imageLoaded","imageError","useAvatarContext","visible","text","jsx","opacity","exports"],"sourceRoot":"../../../src","sources":["avatar/createAvatarText.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAA6C,IAAAE,WAAA,GAAAF,OAAA;AAG7C,SAASG,WAAWA,CAACC,IAAY,EAAU;EACzC,MAAMC,KAAK,GAAGD,IAAI,CAACE,IAAI,CAAC,CAAC,CAACC,KAAK,CAAC,KAAK,CAAC;EACtC,IAAIC,MAAM,GAAG,EAAE;EACf,KAAK,MAAMC,IAAI,IAAIJ,KAAK,EAAE;IACxB,IAAII,IAAI,CAACC,MAAM,GAAG,CAAC,EAAE;MACnBF,MAAM,IAAIC,IAAI,CAACE,MAAM,CAAC,CAAC,CAAC;IAC1B;IACA,IAAIH,MAAM,CAACE,MAAM,IAAI,CAAC,EAAE;EAC1B;EACA,OAAOF,MAAM,CAACI,WAAW,CAAC,CAAC;AAC7B;AAEO,MAAMC,gBAAgB,GAAQC,QAAgC,iBACnE,IAAAC,iBAAU,EAA4B,CAAC;EAAEC,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC5E,MAAM;IAAEC,WAAW;IAAEC;EAAW,CAAC,GAAG,IAAAC,yBAAgB,EAAC,CAAC;EACtD,MAAMC,OAAO,GAAG,CAACH,WAAW,IAAIC,UAAU;EAE1C,MAAMG,IAAI,GAAG,OAAOR,QAAQ,KAAK,QAAQ,GAAGb,WAAW,CAACa,QAAQ,CAAC,GAAGA,QAAQ;EAE5E,oBACE,IAAAd,WAAA,CAAAuB,GAAA,EAACX,QAAQ;IAACK,GAAG,EAAEA,GAAI;IAACF,KAAK,EAAE,CAACA,KAAK,EAAE,CAACM,OAAO,IAAI;MAAEG,OAAO,EAAE;IAAE,CAAC,CAAE;IAAA,GAAMR,KAAK;IAAAF,QAAA,EACvEQ;EAAI,CACG,CAAC;AAEf,CAAC,CAAC;AAACG,OAAA,CAAAd,gBAAA,GAAAA,gBAAA","ignoreList":[]}
+{"version":3,"names":["_react","require","_context","_jsxRuntime","getInitials","name","trimmed","trim","words","split","length","toUpperCase","result","word","charAt","createAvatarText","BaseText","forwardRef","children","style","props","ref","imageLoaded","imageError","useAvatarContext","visible","text","jsx","opacity","exports"],"sourceRoot":"../../../src","sources":["avatar/createAvatarText.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAA6C,IAAAE,WAAA,GAAAF,OAAA;AAG7C,SAASG,WAAWA,CAACC,IAAY,EAAU;EACzC,MAAMC,OAAO,GAAGD,IAAI,CAACE,IAAI,CAAC,CAAC;EAC3B,MAAMC,KAAK,GAAGF,OAAO,CAACG,KAAK,CAAC,KAAK,CAAC;;EAElC;EACA;EACA;EACA,IAAID,KAAK,CAACE,MAAM,KAAK,CAAC,IAAIJ,OAAO,CAACI,MAAM,IAAI,CAAC,EAAE;IAC7C,OAAOJ,OAAO,CAACK,WAAW,CAAC,CAAC;EAC9B;EAEA,IAAIC,MAAM,GAAG,EAAE;EACf,KAAK,MAAMC,IAAI,IAAIL,KAAK,EAAE;IACxB,IAAIK,IAAI,CAACH,MAAM,GAAG,CAAC,EAAE;MACnBE,MAAM,IAAIC,IAAI,CAACC,MAAM,CAAC,CAAC,CAAC;IAC1B;IACA,IAAIF,MAAM,CAACF,MAAM,IAAI,CAAC,EAAE;EAC1B;EACA,OAAOE,MAAM,CAACD,WAAW,CAAC,CAAC;AAC7B;AAEO,MAAMI,gBAAgB,GAAQC,QAAgC,iBACnE,IAAAC,iBAAU,EAA4B,CAAC;EAAEC,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC5E,MAAM;IAAEC,WAAW;IAAEC;EAAW,CAAC,GAAG,IAAAC,yBAAgB,EAAC,CAAC;EACtD,MAAMC,OAAO,GAAG,CAACH,WAAW,IAAIC,UAAU;EAE1C,MAAMG,IAAI,GAAG,OAAOR,QAAQ,KAAK,QAAQ,GAAGd,WAAW,CAACc,QAAQ,CAAC,GAAGA,QAAQ;EAE5E,oBACE,IAAAf,WAAA,CAAAwB,GAAA,EAACX,QAAQ;IAACK,GAAG,EAAEA,GAAI;IAACF,KAAK,EAAE,CAACA,KAAK,EAAE,CAACM,OAAO,IAAI;MAAEG,OAAO,EAAE;IAAE,CAAC,CAAE;IAAA,GAAMR,KAAK;IAAAF,QAAA,EACvEQ;EAAI,CACG,CAAC;AAEf,CAAC,CAAC;AAACG,OAAA,CAAAd,gBAAA,GAAAA,gBAAA","ignoreList":[]}

package/lib/commonjs/button/createButtonText.js

@@ -9,6 +9,7 @@ var _dataAttributes = require("../utils/dataAttributes");
 var _context = require("./context");
 var _jsxRuntime = require("react/jsx-runtime");
 // TODO: Rename to ButtonLabel
+// TODO: Can we remove the dataAttributes here?
 
 const createButtonText = BaseButtonText => /*#__PURE__*/(0, _react.forwardRef)(({
   children,

package/lib/commonjs/button/createButtonText.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_dataAttributes","_context","_jsxRuntime","createButtonText","BaseButtonText","forwardRef","children","props","ref","hover","focus","active","disabled","focusVisible","useButtonContext","jsx","dataAttributes","exports"],"sourceRoot":"../../../src","sources":["button/createButtonText.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAA6C,IAAAG,WAAA,GAAAH,OAAA;AAG7C;;AAEO,MAAMI,gBAAgB,GAAQC,cAAsC,iBACzE,IAAAC,iBAAU,EAA4B,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACrE,MAAM;IAAEC,KAAK;IAAEC,KAAK;IAAEC,MAAM;IAAEC,QAAQ;IAAEC;EAAa,CAAC,GAAG,IAAAC,yBAAgB,EAAC,CAAC;EAE3E,oBACE,IAAAZ,WAAA,CAAAa,GAAA,EAACX,cAAc;IACbI,GAAG,EAAEA,GAAI;IAAA,GACJD,KAAK;IAAA,GACN,IAAAS,8BAAc,EAAC;MAAEP,KAAK;MAAEC,KAAK;MAAEC,MAAM;MAAEC,QAAQ;MAAEC;IAAa,CAAC,CAAC;IAAAP,QAAA,EAEnEA;EAAQ,CACK,CAAC;AAErB,CAAC,CAAC;AAACW,OAAA,CAAAd,gBAAA,GAAAA,gBAAA","ignoreList":[]}
+{"version":3,"names":["_react","require","_dataAttributes","_context","_jsxRuntime","createButtonText","BaseButtonText","forwardRef","children","props","ref","hover","focus","active","disabled","focusVisible","useButtonContext","jsx","dataAttributes","exports"],"sourceRoot":"../../../src","sources":["button/createButtonText.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAA6C,IAAAG,WAAA,GAAAH,OAAA;AAG7C;AACA;;AAEO,MAAMI,gBAAgB,GAAQC,cAAsC,iBACzE,IAAAC,iBAAU,EAA4B,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACrE,MAAM;IAAEC,KAAK;IAAEC,KAAK;IAAEC,MAAM;IAAEC,QAAQ;IAAEC;EAAa,CAAC,GAAG,IAAAC,yBAAgB,EAAC,CAAC;EAE3E,oBACE,IAAAZ,WAAA,CAAAa,GAAA,EAACX,cAAc;IACbI,GAAG,EAAEA,GAAI;IAAA,GACJD,KAAK;IAAA,GACN,IAAAS,8BAAc,EAAC;MAAEP,KAAK;MAAEC,KAAK;MAAEC,MAAM;MAAEC,QAAQ;MAAEC;IAAa,CAAC,CAAC;IAAAP,QAAA,EAEnEA;EAAQ,CACK,CAAC;AAErB,CAAC,CAAC;AAACW,OAAA,CAAAd,gBAAA,GAAAA,gBAAA","ignoreList":[]}

package/lib/commonjs/checkbox/createCheckboxRoot.web.js

@@ -11,8 +11,10 @@ var _dataAttributes = require("../utils/dataAttributes");
 var _context = require("./context");
 var _useCheckboxRoot = require("./useCheckboxRoot");
 var _jsxRuntime = require("react/jsx-runtime");
-// TODO: Label is taking focus on keyboard navigation
-
+/**
+ * Web uses a native checkbox input (VisuallyHidden) for ARIA + focus management. The outer
+ * `Pressable` must not be in the tab order or each control consumes two Tab stops (wrapper + input).
+ */
 const createCheckboxRoot = BaseCheckbox => /*#__PURE__*/(0, _react.forwardRef)(({
   children,
   ...props
@@ -48,7 +50,10 @@ const createCheckboxRoot = BaseCheckbox => /*#__PURE__*/(0, _react.forwardRef)((
   } = (0, _focus.useFocusRing)();
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseCheckbox, {
     ...combinedProps,
-    ref: mergedRef,
+    ref: mergedRef
+    // Native input is the only tab stop; Pressable is still clickable (mouse / screen reader).
+    ,
+    tabIndex: -1,
     role: "label"
     // eslint-disable-next-line react-native-a11y/has-valid-accessibility-role
     ,

package/lib/commonjs/checkbox/createCheckboxRoot.web.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_visuallyHidden","_focus","_dataAttributes","_context","_useCheckboxRoot","_jsxRuntime","createCheckboxRoot","BaseCheckbox","forwardRef","children","props","ref","isHovered","isHoveredProp","isFocusVisible","isFocusVisibleProp","isChecked","isCheckedProp","isDisabled","isDisabledProp","isInvalid","isInvalidProp","isReadOnly","isReadOnlyProp","isIndeterminate","isIndeterminateProp","isFocused","isPressed","combinedProps","groupItemInputProps","mergedRef","inputRef","useCheckboxRoot","useInputRefForAria","focusProps","useFocusRing","jsx","role","accessibilityRole","dataAttributes","checked","disabled","hover","invalid","readonly","active","focus","indeterminate","focusVisible","jsxs","CheckboxProvider","value","VisuallyHidden","exports"],"sourceRoot":"../../../src","sources":["checkbox/createCheckboxRoot.web.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,eAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AAEA,IAAAK,gBAAA,GAAAL,OAAA;AAAoD,IAAAM,WAAA,GAAAN,OAAA;AAEpD;;AAEO,MAAMO,kBAAkB,GAAQC,YAAoC,iBACzE,IAAAC,iBAAU,EAAC,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAAsB,CAAC,EAAEC,GAAkB,KAAK;EACzE,MAAM;IACJC,SAAS,EAAEC,aAAa;IACxBC,cAAc,EAAEC,kBAAkB;IAClCC,SAAS,EAAEC,aAAa;IACxBC,UAAU,EAAEC,cAAc;IAC1BC,SAAS,EAAEC,aAAa;IACxBC,UAAU,EAAEC,cAAc;IAC1BC,eAAe,EAAEC,mBAAmB;IACpCC,SAAS;IACTC;EACF,CAAC,GAAGjB,KAAK;EAET,MAAM;IACJkB,aAAa;IACbR,SAAS;IACTE,UAAU;IACVE,eAAe;IACfK,mBAAmB;IACnBb,SAAS;IACTE,UAAU;IACVN,SAAS;IACTkB,SAAS;IACTC;EACF,CAAC,GAAG,IAAAC,gCAAe,EAACtB,KAAK,EAAEC,GAAG,EAAE;IAAEsB,kBAAkB,EAAE;EAAK,CAAC,CAAC;EAE7D,MAAM;IAAEC,UAAU;IAAEpB;EAAe,CAAC,GAAG,IAAAqB,mBAAY,EAAC,CAAC;EAErD,oBACE,IAAA9B,WAAA,CAAA+B,GAAA,EAAC7B,YAAY;IAAA,GACNqB,aAAa;IAClBjB,GAAG,EAAEmB,SAAU;IACfO,IAAI,EAAC;IACL;IAAA;IACAC,iBAAiB,EAAC,OAAO;IAAA,GACrB,IAAAC,8BAAc,EAAC;MACjBC,OAAO,EAAExB,SAAS,IAAIC,aAAa;MACnCwB,QAAQ,EAAEvB,UAAU,IAAIC,cAAc;MACtCuB,KAAK,EAAE9B,SAAS,IAAIC,aAAa;MACjC8B,OAAO,EAAEvB,SAAS,IAAIC,aAAa;MACnCuB,QAAQ,EAAEtB,UAAU,IAAIC,cAAc;MACtCsB,MAAM,EAAElB,SAAS;MACjBmB,KAAK,EAAEpB,SAAS;MAChBqB,aAAa,EAAEvB,eAAe,IAAIC,mBAAmB;MACrDuB,YAAY,EAAElC;IAChB,CAAC,CAAC;IAAAL,QAAA,eAEF,IAAAJ,WAAA,CAAA4C,IAAA,EAAC9C,QAAA,CAAA+C,gBAAgB;MACfC,KAAK,EAAE;QACLnC,SAAS,EAAEA,SAAS,IAAIC,aAAa;QACrCC,UAAU,EAAEA,UAAU,IAAIC,cAAc;QACxCL,cAAc,EAAEA,cAAc,IAAIC,kBAAkB;QACpDH,SAAS,EAAEA,SAAS,IAAIC,aAAa;QACrCO,SAAS,EAAEA,SAAS,IAAIC,aAAa;QACrCC,UAAU,EAAEA,UAAU,IAAIC,cAAc;QACxCC,eAAe,EAAEA,eAAe,IAAIC,mBAAmB;QACvDE,SAAS;QACTD;MACF,CAAE;MAAAjB,QAAA,gBAEF,IAAAJ,WAAA,CAAA+B,GAAA,EAACpC,eAAA,CAAAoD,cAAc;QAAA3C,QAAA,eACb,IAAAJ,WAAA,CAAA+B,GAAA;UAAA,GAAWP,mBAAmB;UAAA,GAAMK,UAAU;UAAEvB,GAAG,EAAEoB;QAAS,CAAE;MAAC,CACnD,CAAC,EAChBtB,QAAQ;IAAA,CACO;EAAC,CACP,CAAC;AAEnB,CAAC,CAAC;AAAC4C,OAAA,CAAA/C,kBAAA,GAAAA,kBAAA","ignoreList":[]}
+{"version":3,"names":["_react","require","_visuallyHidden","_focus","_dataAttributes","_context","_useCheckboxRoot","_jsxRuntime","createCheckboxRoot","BaseCheckbox","forwardRef","children","props","ref","isHovered","isHoveredProp","isFocusVisible","isFocusVisibleProp","isChecked","isCheckedProp","isDisabled","isDisabledProp","isInvalid","isInvalidProp","isReadOnly","isReadOnlyProp","isIndeterminate","isIndeterminateProp","isFocused","isPressed","combinedProps","groupItemInputProps","mergedRef","inputRef","useCheckboxRoot","useInputRefForAria","focusProps","useFocusRing","jsx","tabIndex","role","accessibilityRole","dataAttributes","checked","disabled","hover","invalid","readonly","active","focus","indeterminate","focusVisible","jsxs","CheckboxProvider","value","VisuallyHidden","exports"],"sourceRoot":"../../../src","sources":["checkbox/createCheckboxRoot.web.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,eAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AAEA,IAAAK,gBAAA,GAAAL,OAAA;AAAoD,IAAAM,WAAA,GAAAN,OAAA;AAEpD;AACA;AACA;AACA;AACO,MAAMO,kBAAkB,GAAQC,YAAoC,iBACzE,IAAAC,iBAAU,EAAC,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAAsB,CAAC,EAAEC,GAAkB,KAAK;EACzE,MAAM;IACJC,SAAS,EAAEC,aAAa;IACxBC,cAAc,EAAEC,kBAAkB;IAClCC,SAAS,EAAEC,aAAa;IACxBC,UAAU,EAAEC,cAAc;IAC1BC,SAAS,EAAEC,aAAa;IACxBC,UAAU,EAAEC,cAAc;IAC1BC,eAAe,EAAEC,mBAAmB;IACpCC,SAAS;IACTC;EACF,CAAC,GAAGjB,KAAK;EAET,MAAM;IACJkB,aAAa;IACbR,SAAS;IACTE,UAAU;IACVE,eAAe;IACfK,mBAAmB;IACnBb,SAAS;IACTE,UAAU;IACVN,SAAS;IACTkB,SAAS;IACTC;EACF,CAAC,GAAG,IAAAC,gCAAe,EAACtB,KAAK,EAAEC,GAAG,EAAE;IAAEsB,kBAAkB,EAAE;EAAK,CAAC,CAAC;EAE7D,MAAM;IAAEC,UAAU;IAAEpB;EAAe,CAAC,GAAG,IAAAqB,mBAAY,EAAC,CAAC;EAErD,oBACE,IAAA9B,WAAA,CAAA+B,GAAA,EAAC7B,YAAY;IAAA,GACNqB,aAAa;IAClBjB,GAAG,EAAEmB;IACL;IAAA;IACAO,QAAQ,EAAE,CAAC,CAAE;IACbC,IAAI,EAAC;IACL;IAAA;IACAC,iBAAiB,EAAC,OAAO;IAAA,GACrB,IAAAC,8BAAc,EAAC;MACjBC,OAAO,EAAEzB,SAAS,IAAIC,aAAa;MACnCyB,QAAQ,EAAExB,UAAU,IAAIC,cAAc;MACtCwB,KAAK,EAAE/B,SAAS,IAAIC,aAAa;MACjC+B,OAAO,EAAExB,SAAS,IAAIC,aAAa;MACnCwB,QAAQ,EAAEvB,UAAU,IAAIC,cAAc;MACtCuB,MAAM,EAAEnB,SAAS;MACjBoB,KAAK,EAAErB,SAAS;MAChBsB,aAAa,EAAExB,eAAe,IAAIC,mBAAmB;MACrDwB,YAAY,EAAEnC;IAChB,CAAC,CAAC;IAAAL,QAAA,eAEF,IAAAJ,WAAA,CAAA6C,IAAA,EAAC/C,QAAA,CAAAgD,gBAAgB;MACfC,KAAK,EAAE;QACLpC,SAAS,EAAEA,SAAS,IAAIC,aAAa;QACrCC,UAAU,EAAEA,UAAU,IAAIC,cAAc;QACxCL,cAAc,EAAEA,cAAc,IAAIC,kBAAkB;QACpDH,SAAS,EAAEA,SAAS,IAAIC,aAAa;QACrCO,SAAS,EAAEA,SAAS,IAAIC,aAAa;QACrCC,UAAU,EAAEA,UAAU,IAAIC,cAAc;QACxCC,eAAe,EAAEA,eAAe,IAAIC,mBAAmB;QACvDE,SAAS;QACTD;MACF,CAAE;MAAAjB,QAAA,gBAEF,IAAAJ,WAAA,CAAA+B,GAAA,EAACpC,eAAA,CAAAqD,cAAc;QAAA5C,QAAA,eACb,IAAAJ,WAAA,CAAA+B,GAAA;UAAA,GAAWP,mBAAmB;UAAA,GAAMK,UAAU;UAAEvB,GAAG,EAAEoB;QAAS,CAAE;MAAC,CACnD,CAAC,EAChBtB,QAAQ;IAAA,CACO;EAAC,CACP,CAAC;AAEnB,CAAC,CAAC;AAAC6C,OAAA,CAAAhD,kBAAA,GAAAA,kBAAA","ignoreList":[]}

package/lib/commonjs/chip/createChipRoot.js

@@ -0,0 +1,132 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createChipRoot = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _utils = require("@cdx-ui/utils");
+var _focus = require("@react-native-aria/focus");
+var _interactions = require("@react-native-aria/interactions");
+var _dataAttributes = require("../utils/dataAttributes");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const rowStyle = {
+  flexDirection: 'row',
+  alignItems: 'center',
+  alignSelf: 'flex-start'
+};
+const chipSlotAttrs = (0, _dataAttributes.dataAttributes)({
+  slot: 'chip'
+});
+const createChipRoot = (BaseView, BasePressable) => /*#__PURE__*/(0, _react.forwardRef)(({
+  asChild = false,
+  children,
+  onPress,
+  disabled = false,
+  accessibilityRole,
+  style,
+  ...restProps
+}, ref) => {
+  const childOnPress = /*#__PURE__*/_react.default.isValidElement(children) ? children.props.onPress : undefined;
+  const asChildInteractive = asChild && /*#__PURE__*/_react.default.isValidElement(children);
+  const isPressableRoot = !!onPress && !asChildInteractive;
+  const pressState = (0, _interactions.usePress)({
+    isDisabled: !isPressableRoot || disabled
+  });
+  const isPressed = pressState.isPressed;
+  const pressProps = pressState.pressProps;
+  const {
+    hoverProps,
+    isHovered
+  } = (0, _interactions.useHover)();
+  const {
+    isFocused,
+    focusProps
+  } = (0, _focus.useFocus)();
+  const {
+    isFocusVisible,
+    focusProps: focusRingProps
+  } = (0, _focus.useFocusRing)();
+  if (asChildInteractive) {
+    const child = children;
+    const childDisabled = !!child.props.disabled;
+    const resolvedDisabled = disabled || childDisabled;
+    const cloneProps = {
+      ...restProps,
+      ...chipSlotAttrs,
+      ...(0, _dataAttributes.dataAttributes)({
+        active: false,
+        hover: false,
+        disabled: resolvedDisabled,
+        focused: false,
+        focusVisible: false
+      }),
+      ...(resolvedDisabled && {
+        accessibilityState: {
+          disabled: true
+        }
+      }),
+      disabled: resolvedDisabled,
+      ref: (0, _utils.mergeRefs)(ref, child.props.ref),
+      style: [rowStyle, style, child.props.style]
+    };
+    if (resolvedDisabled) {
+      cloneProps.onPress = undefined;
+    } else if (onPress) {
+      cloneProps.onPress = (0, _utils.composeEventHandlers)(childOnPress, onPress);
+    }
+    return /*#__PURE__*/_react.default.cloneElement(child, cloneProps);
+  }
+  if (isPressableRoot) {
+    const interactionAttrs = (0, _dataAttributes.dataAttributes)({
+      active: isPressed,
+      hover: isHovered,
+      disabled,
+      focused: isFocused,
+      focusVisible: isFocusVisible
+    });
+    const {
+      onPressIn: onPressInProp,
+      onPressOut: onPressOutProp,
+      onHoverIn: onHoverInProp,
+      onHoverOut: onHoverOutProp,
+      onFocus: onFocusProp,
+      onBlur: onBlurProp
+    } = restProps;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(BasePressable, {
+      ...restProps,
+      ...chipSlotAttrs,
+      ...interactionAttrs,
+      accessibilityRole: accessibilityRole ?? 'button',
+      ...(disabled && {
+        accessibilityState: {
+          disabled: true
+        }
+      }),
+      disabled: disabled,
+      ref: ref,
+      style: [rowStyle, style],
+      onPress: disabled ? undefined : onPress,
+      onPressIn: (0, _utils.composeEventHandlers)(onPressInProp, pressProps.onPressIn),
+      onPressOut: (0, _utils.composeEventHandlers)(onPressOutProp, pressProps.onPressOut),
+      onHoverIn: (0, _utils.composeEventHandlers)(onHoverInProp, hoverProps.onHoverIn),
+      onHoverOut: (0, _utils.composeEventHandlers)(onHoverOutProp, hoverProps.onHoverOut),
+      onFocus: (0, _utils.composeEventHandlers)((0, _utils.composeEventHandlers)(onFocusProp, focusProps.onFocus), focusRingProps.onFocus),
+      onBlur: (0, _utils.composeEventHandlers)((0, _utils.composeEventHandlers)(onBlurProp, focusProps.onBlur), focusRingProps.onBlur),
+      children: children
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseView, {
+    ...restProps,
+    ...chipSlotAttrs,
+    ...(disabled ? (0, _dataAttributes.dataAttributes)({
+      disabled: true
+    }) : undefined),
+    ref: ref,
+    style: [rowStyle, style],
+    children: children
+  });
+});
+exports.createChipRoot = createChipRoot;
+//# sourceMappingURL=createChipRoot.js.map

package/lib/commonjs/chip/createChipRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_utils","_focus","_interactions","_dataAttributes","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","rowStyle","flexDirection","alignItems","alignSelf","chipSlotAttrs","dataAttributes","slot","createChipRoot","BaseView","BasePressable","forwardRef","asChild","children","onPress","disabled","accessibilityRole","style","restProps","ref","childOnPress","React","isValidElement","props","undefined","asChildInteractive","isPressableRoot","pressState","usePress","isDisabled","isPressed","pressProps","hoverProps","isHovered","useHover","isFocused","focusProps","useFocus","isFocusVisible","focusRingProps","useFocusRing","child","childDisabled","resolvedDisabled","cloneProps","active","hover","focused","focusVisible","accessibilityState","mergeRefs","composeEventHandlers","cloneElement","interactionAttrs","onPressIn","onPressInProp","onPressOut","onPressOutProp","onHoverIn","onHoverInProp","onHoverOut","onHoverOutProp","onFocus","onFocusProp","onBlur","onBlurProp","jsx","exports"],"sourceRoot":"../../../src","sources":["chip/createChipRoot.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/chip/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createChip = createChip;
+var _createChipRoot = require("./createChipRoot");
+function createChip({
+  View,
+  Pressable
+}) {
+  const Chip = (0, _createChipRoot.createChipRoot)(View, Pressable);
+  Chip.displayName = 'ChipPrimitive';
+  return Chip;
+}
+//# sourceMappingURL=index.js.map

package/lib/commonjs/chip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_createChipRoot","require","createChip","View","Pressable","Chip","createChipRoot","displayName"],"sourceRoot":"../../../src","sources":["chip/index.ts"],"mappings":";;;;;;AAEA,IAAAA,eAAA,GAAAC,OAAA;AAKO,SAASC,UAAUA,CAAC;EACzBC,IAAI;EACJC;AAIF,CAAC,EAAE;EACD,MAAMC,IAAI,GAAG,IAAAC,8BAAc,EAACH,IAAI,EAAEC,SAAS,CAAC;EAC5CC,IAAI,CAACE,WAAW,GAAG,eAAe;EAClC,OAAOF,IAAI;AACb","ignoreList":[]}

package/lib/commonjs/chip/types.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=types.js.map

package/lib/commonjs/chip/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["chip/types.ts"],"mappings":"","ignoreList":[]}

package/lib/commonjs/dialog/createDialogContent.js

@@ -4,138 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.createDialogContent = void 0;
-var _react = require("react");
-var _reactNative = require("react-native");
-var _focus = require("@react-native-aria/focus");
-var _overlay = require("../overlay");
-var _createPortal = require("../utils/createPortal");
-var _dataAttributes = require("../utils/dataAttributes");
-var _context = require("./context");
+var _react = _interopRequireWildcard(require("react"));
 var _jsxRuntime = require("react/jsx-runtime");
-const createDialogContent = (BaseContent, BaseOverlay) => /*#__PURE__*/(0, _react.forwardRef)(({
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const createDialogContent = BaseContent => /*#__PURE__*/(0, _react.forwardRef)(({
   children,
-  forceMount = false,
   ...props
 }, ref) => {
-  const {
-    open,
-    onOpenChange,
-    closeOnBackdropPress,
-    closeOnEscKey,
-    nativeID,
-    role
-  } = (0, _context.useDialog)();
-  const handleClose = (0, _react.useCallback)(() => {
-    onOpenChange(false);
-  }, [onOpenChange]);
-  (0, _overlay.useEscapeKey)(open && closeOnEscKey, handleClose);
-  if (!(open || forceMount)) {
-    return null;
-  }
-  const overlayProps = {
-    ...(closeOnBackdropPress ? {
-      onPress: handleClose
-    } : {}),
-    accessible: false,
-    importantForAccessibility: 'no-hide-descendants',
-    ...(0, _dataAttributes.dataAttributes)({
-      slot: 'dialog-overlay'
-    })
-  };
-  const contentSlotAttrs = (0, _dataAttributes.dataAttributes)({
-    slot: 'dialog-content',
-    state: open ? 'open' : 'closed'
-  });
-  const ariaProps = {
-    role,
-    'aria-modal': true,
-    'aria-labelledby': `${nativeID}-title`,
-    'aria-describedby': `${nativeID}-description`
-  };
-  if (_reactNative.Platform.OS === 'web' && _createPortal.createPortalFn) {
-    return (0, _createPortal.createPortalFn)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_focus.FocusScope, {
-      contain: open,
-      restoreFocus: true,
-      autoFocus: open,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: {
-          position: 'fixed',
-          inset: 0,
-          zIndex: 50,
-          display: 'flex',
-          alignItems: 'center',
-          justifyContent: 'center'
-        },
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(BaseOverlay, {
-          ...overlayProps
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseContent, {
-          ref: ref,
-          ...contentSlotAttrs,
-          ...props,
-          ...ariaProps,
-          children: children
-        })]
-      })
-    }), document.body);
-  }
-
-  // Native layout uses two layers to support both backdrop dismiss and
-  // scrollable body content. The overlay Pressable fills the Modal via
-  // absolute positioning and handles backdrop taps. A second absolute-fill
-  // View with pointerEvents="box-none" centers the content panel — "box-none"
-  // lets taps outside the panel pass through to the overlay while allowing
-  // the panel and its children to receive touches normally.
-  //
-  // Critically, the content panel must NOT claim the JS touch responder
-  // (e.g. via onStartShouldSetResponder). Doing so triggers React Native's
-  // blockNativeResponder, which suppresses the native UIScrollView /
-  // ScrollView pan gesture recognizer and breaks any ScrollView inside
-  // Dialog.Body.
-  //
-  // Static StyleSheet used here because these are structural layout concerns
-  // of the primitive's modal chrome — not themeable styles. They must remain
-  // stable regardless of the styled layer's className.
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Modal, {
-    visible: open,
-    transparent: true,
-    statusBarTranslucent: true,
-    onRequestClose: handleClose,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_focus.FocusScope, {
-      contain: open,
-      restoreFocus: true,
-      autoFocus: open,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.fill,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(BaseOverlay, {
-          ...overlayProps
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: styles.center,
-          pointerEvents: "box-none",
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseContent, {
-            ref: ref,
-            ...contentSlotAttrs,
-            ...props,
-            ...ariaProps,
-            children: children
-          })
-        })]
-      })
-    })
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseContent, {
+    ref: ref,
+    ...props,
+    children: children
   });
 });
-
-// Structural layout for the native Modal chrome. These are not themeable —
-// they position the overlay and centering layers that the primitive manages
-// internally. Matches the pattern in OverlayContainer.tsx.
 exports.createDialogContent = createDialogContent;
-const styles = _reactNative.StyleSheet.create({
-  fill: {
-    flex: 1
-  },
-  center: {
-    ..._reactNative.StyleSheet.absoluteFillObject,
-    alignItems: 'center',
-    justifyContent: 'center'
-  }
-});
 //# sourceMappingURL=createDialogContent.js.map

package/lib/commonjs/dialog/createDialogContent.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","_focus","_overlay","_createPortal","_dataAttributes","_context","_jsxRuntime","createDialogContent","BaseContent","BaseOverlay","forwardRef","children","forceMount","props","ref","open","onOpenChange","closeOnBackdropPress","closeOnEscKey","nativeID","role","useDialog","handleClose","useCallback","useEscapeKey","overlayProps","onPress","accessible","importantForAccessibility","dataAttributes","slot","contentSlotAttrs","state","ariaProps","Platform","OS","createPortalFn","jsx","FocusScope","contain","restoreFocus","autoFocus","jsxs","View","style","position","inset","zIndex","display","alignItems","justifyContent","document","body","Modal","visible","transparent","statusBarTranslucent","onRequestClose","styles","fill","center","pointerEvents","exports","StyleSheet","create","flex","absoluteFillObject"],"sourceRoot":"../../../src","sources":["dialog/createDialogContent.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","createDialogContent","BaseContent","forwardRef","children","props","ref","jsx","exports"],"sourceRoot":"../../../src","sources":["dialog/createDialogContent.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAA0C,IAAAC,WAAA,GAAAD,OAAA;AAAA,SAAAD,wBAAAG,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAL,uBAAA,YAAAA,CAAAG,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAGnC,MAAMkB,mBAAmB,GAAQC,WAAmC,iBACzE,IAAAC,iBAAU,EAA+B,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACxE,oBACE,IAAAzB,WAAA,CAAA0B,GAAA,EAACL,WAAW;IAACI,GAAG,EAAEA,GAAI;IAAA,GAAMD,KAAK;IAAAD,QAAA,EAC9BA;EAAQ,CACE,CAAC;AAElB,CAAC,CAAC;AAACI,OAAA,CAAAP,mBAAA,GAAAA,mBAAA","ignoreList":[]}