@cdx-ui/primitives 0.0.1-beta.79 → 0.0.1-beta.80

package/lib/module/portal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["portal/index.ts"],"mappings":";;AAAA,cAAc,UAAU","ignoreList":[]}

package/lib/module/portal/portal.js

@@ -0,0 +1,103 @@
+"use strict";
+
+import * as React from 'react';
+import { useEffect, useSyncExternalStore } from 'react';
+import { Platform } from 'react-native';
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+const DEFAULT_PORTAL_HOST = 'FORGE_UI_DEFAULT_HOST_NAME';
+const store = {
+  map: new Map().set(DEFAULT_PORTAL_HOST, new Map()),
+  listeners: new Set()
+};
+
+// --------------------------------------------------
+
+function emit() {
+  for (const cb of store.listeners) cb();
+}
+function getSnapshot() {
+  return store.map;
+}
+function subscribe(cb) {
+  store.listeners.add(cb);
+  return () => {
+    store.listeners.delete(cb);
+  };
+}
+function updatePortal(hostName, name, children) {
+  const next = new Map(store.map);
+  const portal = next.get(hostName) ?? new Map();
+  portal.set(name, children);
+  next.set(hostName, portal);
+  store.map = next;
+  emit();
+}
+function removePortal(hostName, name) {
+  const next = new Map(store.map);
+  const portal = next.get(hostName) ?? new Map();
+  portal.delete(name);
+  next.set(hostName, portal);
+  store.map = next;
+  emit();
+}
+
+// --------------------------------------------------
+
+export function PortalHost({
+  name = DEFAULT_PORTAL_HOST
+}) {
+  const map = useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
+  const portalMap = map.get(name) ?? new Map();
+  if (portalMap.size === 0) return null;
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: Array.from(portalMap.values())
+  });
+}
+
+// --------------------------------------------------
+
+export function Portal({
+  name,
+  hostName = DEFAULT_PORTAL_HOST,
+  children
+}) {
+  useEffect(() => {
+    updatePortal(hostName, name, children);
+    return () => {
+      removePortal(hostName, name);
+    };
+  }, [hostName, name, children]);
+  return null;
+}
+
+// --------------------------------------------------
+
+const ROOT = {
+  flex: 1
+};
+
+/**
+ * @deprecated use `FullWindowOverlay` from `react-native-screens` instead
+ * @example
+import { FullWindowOverlay } from "react-native-screens"
+const WindowOverlay = Platform.OS === "ios" ? FullWindowOverlay : Fragment
+// Wrap the `<PortalHost/>` with `<WindowOverlay/>`
+<WindowOverlay><PortalHost/></WindowOverlay>
+ */
+export function useModalPortalRoot() {
+  const ref = React.useRef(null);
+  const [offset, setSideOffSet] = React.useState(0);
+  const onLayout = React.useCallback(() => {
+    if (Platform.OS === 'web') return;
+    ref.current?.measure((_x, _y, _width, _height, _pageX, pageY) => {
+      setSideOffSet(-pageY);
+    });
+  }, []);
+  return {
+    ref,
+    offset,
+    onLayout,
+    style: ROOT
+  };
+}
+//# sourceMappingURL=portal.js.map

package/lib/module/portal/portal.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useSyncExternalStore","Platform","Fragment","_Fragment","jsx","_jsx","DEFAULT_PORTAL_HOST","store","map","Map","set","listeners","Set","emit","cb","getSnapshot","subscribe","add","delete","updatePortal","hostName","name","children","next","portal","get","removePortal","PortalHost","portalMap","size","Array","from","values","Portal","ROOT","flex","useModalPortalRoot","ref","useRef","offset","setSideOffSet","useState","onLayout","useCallback","OS","current","measure","_x","_y","_width","_height","_pageX","pageY","style"],"sourceRoot":"../../../src","sources":["portal/portal.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/slot/index.js

@@ -1,4 +1,135 @@
 "use strict";
 
-export { Slot, isTextChildren } from '@rn-primitives/slot';
+/* https://rn-primitives.vercel.app/slot */
+
+import * as React from 'react';
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+export function Slot(props) {
+  const {
+    children,
+    ref: forwardedRef,
+    ...restOfProps
+  } = props;
+  if (! /*#__PURE__*/React.isValidElement(children)) {
+    console.log('Slot - Invalid asChild element', children);
+    return null;
+  }
+  if (isTextChildren(children)) {
+    console.log('Slot - Text children are not supported', children);
+    return null;
+  }
+  const childrenProps = children.props ?? {};
+  if (children.type === React.Fragment) {
+    return /*#__PURE__*/_jsx(_Fragment, {
+      children: React.Children.toArray(childrenProps.children).map(child => /*#__PURE__*/React.isValidElement(child) ? Slot({
+        ...restOfProps,
+        ref: forwardedRef,
+        children: child
+      }) : child)
+    });
+  }
+  const {
+    ref: childRef,
+    ...childProps
+  } = childrenProps;
+  return /*#__PURE__*/React.cloneElement(children, {
+    ...mergeProps(restOfProps, childProps),
+    ref: forwardedRef ? composeRefs(forwardedRef, childRef) : childRef
+  });
+}
+Slot.displayName = 'Slot';
+
+// eslint-disable-next-line @typescript-eslint/no-invalid-void-type
+function setRef(ref, value) {
+  if (typeof ref === 'function') {
+    const cleanup = ref(value);
+    if (typeof cleanup === 'function') {
+      return cleanup;
+    }
+    return;
+  }
+  if (ref != null) {
+    ref.current = value;
+    return () => {
+      ref.current = null;
+    };
+  }
+}
+function composeRefs(...refs) {
+  let cleanups = [];
+  return node => {
+    cleanups.forEach(cleanup => cleanup());
+    cleanups = [];
+    if (node == null) {
+      refs.forEach(ref => {
+        if (typeof ref === 'function') {
+          ref(null);
+        } else if (ref != null) {
+          ref.current = null;
+        }
+      });
+      return;
+    }
+    cleanups = refs.map(ref => setRef(ref, node)).filter(cleanup => cleanup != null);
+  };
+}
+// TODO: Compare with mergeProps from @react-aria/utils
+function mergeProps(slotProps, childProps) {
+  // all child props should override
+  const overrideProps = {
+    ...childProps
+  };
+  for (const propName in childProps) {
+    const slotPropValue = slotProps[propName];
+    const childPropValue = childProps[propName];
+    const isHandler = /^on[A-Z]/.test(propName);
+    if (isHandler) {
+      // if the handler exists on both, we compose them
+      if (slotPropValue && childPropValue) {
+        overrideProps[propName] = (...args) => {
+          childPropValue(...args);
+          slotPropValue(...args);
+        };
+      }
+      // but if it exists only on the slot, we use only this one
+      else if (slotPropValue) {
+        overrideProps[propName] = slotPropValue;
+      }
+    }
+    // if it's `style`, we merge them
+    else if (propName === 'style') {
+      overrideProps[propName] = combineStyles(slotPropValue, childPropValue);
+    } else if (propName === 'className') {
+      overrideProps[propName] = [slotPropValue, childPropValue].filter(Boolean).join(' ');
+    }
+  }
+  return {
+    ...slotProps,
+    ...overrideProps
+  };
+}
+function combineStyles(slotStyle, childValue) {
+  if (typeof slotStyle === 'function' && typeof childValue === 'function') {
+    return state => {
+      return [slotStyle(state), childValue(state)];
+    };
+  }
+  if (typeof slotStyle === 'function') {
+    return state => {
+      return childValue ? [slotStyle(state), childValue] : slotStyle(state);
+    };
+  }
+  if (typeof childValue === 'function') {
+    return state => {
+      return slotStyle ? [slotStyle, childValue(state)] : childValue(state);
+    };
+  }
+  if (slotStyle && childValue) {
+    return [slotStyle, childValue];
+  }
+  return slotStyle ?? childValue;
+}
+export function isTextChildren(children) {
+  return Array.isArray(children) ? children.every(child => typeof child === 'string') : typeof children === 'string';
+}
 //# sourceMappingURL=index.js.map

package/lib/module/slot/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["Slot","isTextChildren"],"sourceRoot":"../../../src","sources":["slot/index.ts"],"mappings":";;AAAA,SAASA,IAAI,EAAEC,cAAc,QAAQ,qBAAqB","ignoreList":[]}
+{"version":3,"names":["React","Fragment","_Fragment","jsx","_jsx","Slot","props","children","ref","forwardedRef","restOfProps","isValidElement","console","log","isTextChildren","childrenProps","type","Children","toArray","map","child","childRef","childProps","cloneElement","mergeProps","composeRefs","displayName","setRef","value","cleanup","current","refs","cleanups","node","forEach","filter","slotProps","overrideProps","propName","slotPropValue","childPropValue","isHandler","test","args","combineStyles","Boolean","join","slotStyle","childValue","state","Array","isArray","every"],"sourceRoot":"../../../src","sources":["slot/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/toast/ToastRoot.js

@@ -0,0 +1,37 @@
+"use strict";
+
+import { forwardRef, useId } from 'react';
+import { Platform, View } from 'react-native';
+import { Slot } from '../slot';
+import { ToastProvider } from './context';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const ToastRoot = /*#__PURE__*/forwardRef(({
+  asChild,
+  id,
+  role = 'status',
+  ...viewProps
+}, ref) => {
+  const generatedId = useId();
+  const nativeID = id || generatedId;
+  const Comp = asChild ? Slot : View;
+  return /*#__PURE__*/_jsx(ToastProvider, {
+    value: {
+      nativeID
+    },
+    children: /*#__PURE__*/_jsx(Comp, {
+      ref: ref,
+      role: role,
+      ...(Platform.OS !== 'web' && {
+        'aria-live': role === 'alert' ? 'assertive' : 'polite',
+        'aria-atomic': true
+      }),
+      ...(Platform.OS === 'web' && role === 'alert' && {
+        'aria-live': 'assertive'
+      }),
+      nativeID: nativeID,
+      ...viewProps
+    })
+  });
+});
+ToastRoot.displayName = 'ToastRoot';
+//# sourceMappingURL=ToastRoot.js.map

package/lib/module/toast/ToastRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useId","Platform","View","Slot","ToastProvider","jsx","_jsx","ToastRoot","asChild","id","role","viewProps","ref","generatedId","nativeID","Comp","value","children","OS","displayName"],"sourceRoot":"../../../src","sources":["toast/ToastRoot.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,KAAK,QAAQ,OAAO;AACzC,SAASC,QAAQ,EAAEC,IAAI,QAAQ,cAAc;AAC7C,SAASC,IAAI,QAAQ,SAAS;AAC9B,SAASC,aAAa,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAO1C,OAAO,MAAMC,SAAS,gBAAGR,UAAU,CACjC,CAAC;EAAES,OAAO;EAAEC,EAAE;EAAEC,IAAI,GAAG,QAAQ;EAAE,GAAGC;AAAU,CAAC,EAAEC,GAAG,KAAK;EACvD,MAAMC,WAAW,GAAGb,KAAK,CAAC,CAAC;EAC3B,MAAMc,QAAQ,GAAGL,EAAE,IAAII,WAAW;EAElC,MAAME,IAAI,GAAGP,OAAO,GAAGL,IAAI,GAAGD,IAAI;EAElC,oBACEI,IAAA,CAACF,aAAa;IAACY,KAAK,EAAE;MAAEF;IAAS,CAAE;IAAAG,QAAA,eACjCX,IAAA,CAACS,IAAI;MACHH,GAAG,EAAEA,GAAI;MACTF,IAAI,EAAEA,IAAK;MAAA,IACNT,QAAQ,CAACiB,EAAE,KAAK,KAAK,IAAI;QAC5B,WAAW,EAAER,IAAI,KAAK,OAAO,GAAG,WAAW,GAAG,QAAQ;QACtD,aAAa,EAAE;MACjB,CAAC;MAAA,IACIT,QAAQ,CAACiB,EAAE,KAAK,KAAK,IACxBR,IAAI,KAAK,OAAO,IAAI;QAClB,WAAW,EAAE;MACf,CAAC;MACHI,QAAQ,EAAEA,QAAS;MAAA,GACfH;IAAS,CACd;EAAC,CACW,CAAC;AAEpB,CACF,CAAC;AAEDJ,SAAS,CAACY,WAAW,GAAG,WAAW","ignoreList":[]}

package/lib/module/toast/context.js

@@ -0,0 +1,5 @@
+"use strict";
+
+import { createContext } from '@cdx-ui/utils';
+export const [ToastProvider, useToastContext] = createContext('ToastContext');
+//# sourceMappingURL=context.js.map

package/lib/module/toast/context.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","ToastProvider","useToastContext"],"sourceRoot":"../../../src","sources":["toast/context.tsx"],"mappings":";;AAAA,SAASA,aAAa,QAAQ,eAAe;AAG7C,OAAO,MAAM,CAACC,aAAa,EAAEC,eAAe,CAAC,GAAGF,aAAa,CAAqB,cAAc,CAAC","ignoreList":[]}

package/lib/module/toast/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+export { ToastProvider, useToastContext } from './context';
+export { ToastRoot } from './ToastRoot';
+//# sourceMappingURL=index.js.map

package/lib/module/toast/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ToastProvider","useToastContext","ToastRoot"],"sourceRoot":"../../../src","sources":["toast/index.ts"],"mappings":";;AAAA,SAASA,aAAa,EAAEC,eAAe,QAAQ,WAAW;AAC1D,SAASC,SAAS,QAA6B,aAAa","ignoreList":[]}

package/lib/module/toast/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

package/lib/module/toast/types.js.map

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

package/lib/typescript/button/index.d.ts

@@ -1,4 +1,4 @@
-export type { IButtonProps, InterfaceButtonProps } from './types';
+export type { IButtonProps } from './types';
 export { useButtonContext } from './context';
 export { ButtonRoot, type ButtonRootProps } from './ButtonRoot';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/button/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,YAAY,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/button/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC"}

package/lib/typescript/full-window-overlay/index.d.ts

@@ -0,0 +1,46 @@
+import type { ReactNode } from 'react';
+/**
+ * Props for the FullWindowOverlay component
+ *
+ * @description
+ * FullWindowOverlay renders content in a separate native window on iOS,
+ * which allows overlays (bottom sheets, dialogs, toasts) to appear above
+ * native modals and the keyboard. However, this breaks the React Native
+ * element inspector because it attaches to the main window.
+ *
+ * Set `disableFullWindowOverlay={true}` when you need to use the element
+ * inspector during development. Note: when disabled, overlay content will
+ * not render above native modals. iOS only; has no effect on Android.
+ */
+export interface FullWindowOverlayProps {
+    /**
+     * When true, uses a regular View instead of FullWindowOverlay on iOS.
+     * Enables element inspector but overlay content won't appear above native modals.
+     * @default false
+     */
+    disableFullWindowOverlay: boolean;
+    /**
+     * Controls whether VoiceOver treats the overlay window as a modal container.
+     * When `false`, VoiceOver can still access elements behind the overlay.
+     * When `true`, VoiceOver is restricted to elements inside the overlay.
+     * @default false
+     * @platform ios
+     * @unstable This prop maps directly to the native `accessibilityViewIsModal`
+     * on the container view and may change in a future react-native-screens release.
+     */
+    unstable_accessibilityContainerViewIsModal?: boolean;
+    /**
+     * Content to render inside the overlay
+     */
+    children: ReactNode;
+}
+/**
+ * Wrapper for react-native-screens FullWindowOverlay with optional disable prop.
+ *
+ * @description
+ * On iOS, FullWindowOverlay creates a separate native window for overlay content,
+ * which breaks the React Native element inspector. Use `disableFullWindowOverlay`
+ * when debugging to render content in the main window instead.
+ */
+export declare function FullWindowOverlay({ disableFullWindowOverlay, unstable_accessibilityContainerViewIsModal, children, }: Readonly<FullWindowOverlayProps>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/full-window-overlay/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/full-window-overlay/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,sBAAsB;IACrC;;;;OAIG;IACH,wBAAwB,EAAE,OAAO,CAAC;IAClC;;;;;;;;OAQG;IACH,0CAA0C,CAAC,EAAE,OAAO,CAAC;IACrD;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,wBAAwB,EACxB,0CAAkD,EAClD,QAAQ,GACT,EAAE,QAAQ,CAAC,sBAAsB,CAAC,2CAYlC"}

package/lib/typescript/index.d.ts

@@ -5,6 +5,7 @@ export * from './checkbox';
 export * from './dialog';
 export * from './field';
 export * from './form';
+export * from './full-window-overlay';
 export * from './input';
 export * from './otp-input';
 export * from './link';
@@ -13,6 +14,8 @@ export { type EdgeInsets, OverlayInsetsProvider } from './overlay';
 export * from './select';
 export * from './switch';
 export * from './tile';
+export * from './toast';
+export * from './portal';
 export * from './progress-bar';
 export * from './radio';
 export type { InteractionState } from './types';

package/lib/typescript/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,OAAO,EAAE,KAAK,UAAU,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AACnE,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,YAAY,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAC1E,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7E,OAAO,EACL,iBAAiB,EACjB,sBAAsB,EACtB,KAAK,qBAAqB,GAC3B,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,uBAAuB,CAAC;AACtC,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,OAAO,EAAE,KAAK,UAAU,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AACnE,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,YAAY,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAC1E,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7E,OAAO,EACL,iBAAiB,EACjB,sBAAsB,EACtB,KAAK,qBAAqB,GAC3B,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC"}

package/lib/typescript/list-item/index.d.ts

@@ -1,4 +1,4 @@
-export type { IListItemPressablePassthrough, IListItemProps, InterfaceListItemProps, ListItemCrossAlign, ListItemSize, } from './types';
+export type { IListItemPressablePassthrough, IListItemProps, ListItemCrossAlign, ListItemSize, } from './types';
 export { ListItemProvider, useListItemContext } from './context';
 export { ListItemRoot, type ListItemRootProps } from './ListItemRoot';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/list-item/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/list-item/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,6BAA6B,EAC7B,cAAc,EACd,sBAAsB,EACtB,kBAAkB,EAClB,YAAY,GACb,MAAM,SAAS,CAAC;AAEjB,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/list-item/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,6BAA6B,EAC7B,cAAc,EACd,kBAAkB,EAClB,YAAY,GACb,MAAM,SAAS,CAAC;AAEjB,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC"}

package/lib/typescript/portal/index.d.ts

@@ -0,0 +1,2 @@
+export * from './portal';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/portal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/portal/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

package/lib/typescript/portal/portal.d.ts

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import { type View, type ViewStyle } from 'react-native';
+export declare function PortalHost({ name }: {
+    name?: string;
+}): import("react/jsx-runtime").JSX.Element | null;
+export declare function Portal({ name, hostName, children, }: {
+    name: string;
+    hostName?: string;
+    children: React.ReactNode;
+}): null;
+/**
+ * @deprecated use `FullWindowOverlay` from `react-native-screens` instead
+ * @example
+import { FullWindowOverlay } from "react-native-screens"
+const WindowOverlay = Platform.OS === "ios" ? FullWindowOverlay : Fragment
+// Wrap the `<PortalHost/>` with `<WindowOverlay/>`
+<WindowOverlay><PortalHost/></WindowOverlay>
+ */
+export declare function useModalPortalRoot(): {
+    ref: React.RefObject<View | null>;
+    offset: number;
+    onLayout: () => void;
+    style: ViewStyle;
+};
+//# sourceMappingURL=portal.d.ts.map

package/lib/typescript/portal/portal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"portal.d.ts","sourceRoot":"","sources":["../../../src/portal/portal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAY,KAAK,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAsDnE,wBAAgB,UAAU,CAAC,EAAE,IAA0B,EAAE,EAAE;IAAE,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,kDAK3E;AAID,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,QAA8B,EAC9B,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,QASA;AAQD;;;;;;;GAOG;AACH,wBAAgB,kBAAkB;;;;;EAiBjC"}

package/lib/typescript/slot/index.d.ts

@@ -1,2 +1,8 @@
-export { Slot, isTextChildren } from '@rn-primitives/slot';
+import * as React from 'react';
+import { type PressableStateCallbackType } from 'react-native';
+export declare function Slot<T extends React.ElementType>(props: React.ComponentPropsWithRef<T>): import("react/jsx-runtime").JSX.Element | null;
+export declare namespace Slot {
+    var displayName: string;
+}
+export declare function isTextChildren(children: React.ReactNode | ((state: PressableStateCallbackType) => React.ReactNode)): boolean;
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/slot/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/slot/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/slot/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,KAAK,0BAA0B,EAIhC,MAAM,cAAc,CAAC;AAEtB,wBAAgB,IAAI,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,EAAE,KAAK,EAAE,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,kDAiCtF;yBAjCe,IAAI;;;AAiJpB,wBAAgB,cAAc,CAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,0BAA0B,KAAK,KAAK,CAAC,SAAS,CAAC,WAKrF"}

package/lib/typescript/toast/ToastRoot.d.ts

@@ -0,0 +1,7 @@
+import { View } from 'react-native';
+import type { IToastProps } from './types';
+export interface ToastRootProps extends IToastProps {
+    asChild?: boolean;
+}
+export declare const ToastRoot: import("react").ForwardRefExoticComponent<ToastRootProps & import("react").RefAttributes<View>>;
+//# sourceMappingURL=ToastRoot.d.ts.map

package/lib/typescript/toast/ToastRoot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastRoot.d.ts","sourceRoot":"","sources":["../../../src/toast/ToastRoot.tsx"],"names":[],"mappings":"AACA,OAAO,EAAY,IAAI,EAAE,MAAM,cAAc,CAAC;AAG9C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,MAAM,WAAW,cAAe,SAAQ,WAAW;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,SAAS,iGA0BrB,CAAC"}

package/lib/typescript/toast/context.d.ts

@@ -0,0 +1,6 @@
+import type { IToastContextValue } from './types';
+export declare const ToastProvider: import("react").FunctionComponent<{
+    children: import("react").ReactNode;
+    value: IToastContextValue;
+}>, useToastContext: () => IToastContextValue;
+//# sourceMappingURL=context.d.ts.map

package/lib/typescript/toast/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/toast/context.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD,eAAO,MAAO,aAAa;;;IAAE,eAAe,0BAAqD,CAAC"}

package/lib/typescript/toast/index.d.ts

@@ -0,0 +1,3 @@
+export { ToastProvider, useToastContext } from './context';
+export { ToastRoot, type ToastRootProps } from './ToastRoot';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/toast/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/toast/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC"}

package/lib/typescript/toast/types.d.ts

@@ -0,0 +1,16 @@
+import type { ViewProps } from 'react-native';
+export interface IToastContextValue {
+    /** Unique identifier for the toast */
+    nativeID: string;
+}
+export interface IToastProps extends ViewProps {
+    /** Unique identifier for the toast */
+    id?: string;
+    /**
+     * ARIA role for the toast element.
+     * Use `'alert'` for urgent/danger toasts that require assertive announcements.
+     * @default 'status'
+     */
+    role?: 'status' | 'alert';
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/toast/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/toast/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,WAAW,kBAAkB;IACjC,sCAAsC;IACtC,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,sCAAsC;IACtC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;;OAIG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;CAC3B"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cdx-ui/primitives",
-  "version": "0.0.1-beta.79",
+  "version": "0.0.1-beta.80",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
   "react-native": "src/index.ts",
@@ -60,8 +60,7 @@
     "@react-stately/checkbox": "3.7.4",
     "@react-stately/radio": "3.12.0",
     "@react-stately/toggle": "3.9.4",
-    "@rn-primitives/slot": "1.4.0",
-    "@cdx-ui/utils": "0.0.1-beta.79"
+    "@cdx-ui/utils": "0.0.1-beta.80"
   },
   "devDependencies": {
     "@types/react": "*",

package/src/button/index.ts

@@ -1,3 +1,3 @@
-export type { IButtonProps, InterfaceButtonProps } from './types';
+export type { IButtonProps } from './types';
 export { useButtonContext } from './context';
 export { ButtonRoot, type ButtonRootProps } from './ButtonRoot';

package/src/full-window-overlay/index.tsx

@@ -0,0 +1,65 @@
+import type { ReactNode } from 'react';
+import { Platform } from 'react-native';
+import { FullWindowOverlay as NativeFullWindowOverlay } from 'react-native-screens';
+
+/**
+ * Props for the FullWindowOverlay component
+ *
+ * @description
+ * FullWindowOverlay renders content in a separate native window on iOS,
+ * which allows overlays (bottom sheets, dialogs, toasts) to appear above
+ * native modals and the keyboard. However, this breaks the React Native
+ * element inspector because it attaches to the main window.
+ *
+ * Set `disableFullWindowOverlay={true}` when you need to use the element
+ * inspector during development. Note: when disabled, overlay content will
+ * not render above native modals. iOS only; has no effect on Android.
+ */
+export interface FullWindowOverlayProps {
+  /**
+   * When true, uses a regular View instead of FullWindowOverlay on iOS.
+   * Enables element inspector but overlay content won't appear above native modals.
+   * @default false
+   */
+  disableFullWindowOverlay: boolean;
+  /**
+   * Controls whether VoiceOver treats the overlay window as a modal container.
+   * When `false`, VoiceOver can still access elements behind the overlay.
+   * When `true`, VoiceOver is restricted to elements inside the overlay.
+   * @default false
+   * @platform ios
+   * @unstable This prop maps directly to the native `accessibilityViewIsModal`
+   * on the container view and may change in a future react-native-screens release.
+   */
+  unstable_accessibilityContainerViewIsModal?: boolean;
+  /**
+   * Content to render inside the overlay
+   */
+  children: ReactNode;
+}
+
+/**
+ * Wrapper for react-native-screens FullWindowOverlay with optional disable prop.
+ *
+ * @description
+ * On iOS, FullWindowOverlay creates a separate native window for overlay content,
+ * which breaks the React Native element inspector. Use `disableFullWindowOverlay`
+ * when debugging to render content in the main window instead.
+ */
+export function FullWindowOverlay({
+  disableFullWindowOverlay,
+  unstable_accessibilityContainerViewIsModal = false,
+  children,
+}: Readonly<FullWindowOverlayProps>) {
+  if (Platform.OS !== 'ios' || disableFullWindowOverlay) {
+    return <>{children}</>;
+  }
+
+  return (
+    <NativeFullWindowOverlay
+      unstable_accessibilityContainerViewIsModal={unstable_accessibilityContainerViewIsModal}
+    >
+      {children}
+    </NativeFullWindowOverlay>
+  );
+}