@cdx-ui/components 0.0.1-beta.18 → 0.0.1-beta.180

package/src/providers/toast/toast-config.context.ts

@@ -0,0 +1,25 @@
+import { createContext, useContext } from 'react';
+import type { ToastGlobalConfig } from './types';
+
+/**
+ * Context for global toast configuration
+ * Extracted to separate file to avoid circular dependencies with toast component
+ */
+const ToastConfigContext = createContext<ToastGlobalConfig | undefined>(undefined);
+
+/**
+ * Hook to access global toast configuration
+ *
+ * @returns Global toast configuration or undefined if not set
+ *
+ * @example
+ * ```tsx
+ * const globalConfig = useToastConfig();
+ * // Use globalConfig.color, globalConfig.placement, etc.
+ * ```
+ */
+export function useToastConfig(): ToastGlobalConfig | undefined {
+  return useContext(ToastConfigContext);
+}
+
+export { ToastConfigContext };

package/src/providers/toast/toast-item-renderer.tsx

@@ -0,0 +1,44 @@
+import { memo } from 'react';
+import type { ToastItemRendererProps } from './types';
+
+/**
+ * Memoized toast item component to prevent unnecessary re-renders
+ * Only re-renders when the toast item itself changes
+ */
+export const ToastItemRenderer = memo(
+  ({ toastItem, show, hide, index, total, heights, maxVisibleToasts }: ToastItemRendererProps) => {
+    if (typeof toastItem.component !== 'function') {
+      throw new Error('Toast component must be a function that receives ToastComponentProps');
+    }
+
+    const content = toastItem.component({
+      id: toastItem.id,
+      placement: toastItem.placement,
+      index,
+      total,
+      heights,
+      maxVisibleToasts,
+      show,
+      hide,
+    });
+
+    return content;
+  },
+  (prevProps, nextProps) => {
+    // Only re-render if the toast ID, component reference, index, or
+    // pending-removal flag changed. `pendingRemoval` flips when the
+    // provider marks a toast closed on web so the Toast component can
+    // play its exit transition — the renderer must propagate that
+    // change even though the id and component reference are unchanged.
+    // show, hide, total, and heights are stable references.
+    return (
+      prevProps.toastItem.id === nextProps.toastItem.id &&
+      prevProps.toastItem.component === nextProps.toastItem.component &&
+      prevProps.toastItem.placement === nextProps.toastItem.placement &&
+      prevProps.toastItem.pendingRemoval === nextProps.toastItem.pendingRemoval &&
+      prevProps.index === nextProps.index &&
+      prevProps.total === nextProps.total &&
+      prevProps.heights === nextProps.heights
+    );
+  },
+);

package/src/providers/toast/types.ts

@@ -0,0 +1,445 @@
+import type { SharedValue } from 'react-native-reanimated';
+import type { ToastPlacement, ToastProps } from '../../components/Toast/types';
+
+/**
+ * Global toast configuration
+ * These values are used as defaults for all toasts unless overridden locally
+ */
+export interface ToastGlobalConfig extends Pick<
+  ToastProps,
+  'animation' | 'color' | 'placement' | 'isSwipeable'
+> {}
+
+/**
+ * Insets for spacing from screen edges
+ */
+export interface ToastInsets {
+  /**
+   * Inset from the top edge in pixels (added to safe area inset)
+   * @default Platform-specific: iOS = 0, Android = 12
+   */
+  top?: number;
+  /**
+   * Inset from the bottom edge in pixels (added to safe area inset)
+   * @default Platform-specific: iOS = 6, Android = 12
+   */
+  bottom?: number;
+  /**
+   * Inset from the left edge in pixels (added to safe area inset)
+   * @default 12
+   */
+  left?: number;
+  /**
+   * Inset from the right edge in pixels (added to safe area inset)
+   * @default 12
+   */
+  right?: number;
+}
+
+/**
+ * Props for the ToastProvider component
+ */
+export interface ToastProviderProps {
+  /**
+   * When true, uses a regular View instead of FullWindowOverlay on iOS for toasts.
+   * Enables React Native element inspector but toasts won't appear above native modals.
+   * @default false
+   */
+  disableFullWindowOverlay?: boolean;
+  /**
+   * Controls whether VoiceOver treats the toast 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;
+  /**
+   * Global toast configuration
+   * These values are used as defaults for all toasts unless overridden locally
+   * Local configs have precedence over global config
+   */
+  defaultProps?: ToastGlobalConfig;
+  /**
+   * Insets for spacing from screen edges (added to safe area insets)
+   * @default Platform-specific:
+   *   - iOS: { top: 0, bottom: 6, left: 12, right: 12 }
+   *   - Android: { top: 12, bottom: 12, left: 12, right: 12 }
+   */
+  insets?: ToastInsets;
+  /**
+   * Maximum number of visible toasts before opacity starts fading
+   * Controls when toast items begin to fade out as they move beyond the visible stack
+   * @default 3
+   */
+  maxVisibleToasts?: number;
+  /**
+   * Custom wrapper function to wrap the toast content
+   * Receives children and should return a component that wraps them
+   * The wrapper should apply flex: 1 (via className or style) to ensure proper layout
+   * Can be any component wrapper - KeyboardAvoidingView, View, or any custom component
+   *
+   * @example
+   * ```tsx
+   * <ToastProvider
+   *   contentWrapper={(children) => (
+   *     <KeyboardAvoidingView
+   *       behavior="padding"
+   *       keyboardVerticalOffset={24}
+   *       className="flex-1"
+   *     >
+   *       {children}
+   *     </KeyboardAvoidingView>
+   *   )}
+   * >
+   * ```
+   */
+  contentWrapper?: (children: React.ReactNode) => React.ReactElement;
+  /**
+   * Accessible label for the toast notification region on web.
+   * Screen readers announce this as the landmark name for the ARIA live region
+   * that wraps all visible toasts.
+   * @default 'Notifications'
+   * @platform web
+   */
+  announceLabel?: string;
+  /**
+   * Children to render
+   */
+  children?: React.ReactNode;
+}
+
+/**
+ * Props passed to the toast component function
+ */
+export interface ToastComponentProps {
+  /**
+   * The unique ID of the toast
+   */
+  id: string;
+  /**
+   * Placement used to isolate this toast's stack metrics.
+   */
+  placement: ToastPlacement;
+  /**
+   * The index of the toast within its placement stack (0-based).
+   */
+  index: number;
+  /**
+   * The total number of toasts currently displayed at this placement.
+   */
+  total: SharedValue<number>;
+  /**
+   * Heights of toast items at this placement, keyed by toast ID.
+   */
+  heights: SharedValue<Record<string, number>>;
+  /**
+   * Maximum number of visible toasts before opacity starts fading
+   * Controls when toast items begin to fade out as they move beyond the visible stack
+   * @default 3
+   */
+  maxVisibleToasts?: number;
+  /**
+   * Show a new toast
+   */
+  show: (options: string | ToastShowOptions) => string;
+  /**
+   * Hide one or more toasts
+   * - No argument: hides the last toast in the array
+   * - "all": hides all toasts
+   * - Single ID: hides that toast
+   * - Array of IDs: hides those toasts
+   */
+  hide: (ids?: (string & {}) | string[] | 'all') => void;
+}
+
+/**
+ * Configuration for showing a default styled toast (usage pattern 2)
+ * Used when component is not provided
+ */
+export interface ToastShowConfig extends Pick<
+  ToastProps,
+  'color' | 'placement' | 'isSwipeable' | 'animation'
+> {
+  /**
+   * Duration in milliseconds before the toast automatically disappears
+   * Set to `'persistent'` to prevent auto-hide (toast will remain until manually dismissed)
+   * @default 4000
+   */
+  duration?: number | 'persistent';
+  /**
+   * Optional ID for the toast
+   * If not provided, one will be generated automatically
+   */
+  id?: string;
+  /**
+   * Label text for the toast
+   */
+  label?: string;
+  /**
+   * Description text for the toast
+   */
+  description?: string;
+  /**
+   * Action button label text
+   */
+  actionLabel?: string;
+  /**
+   * Callback function called when the action button is pressed
+   * Receives show and hide functions for programmatic toast control
+   */
+  onActionPress?: (helpers: {
+    show: (options: string | ToastShowOptions) => string;
+    hide: (ids?: (string & {}) | string[] | 'all') => void;
+  }) => void;
+  /**
+   * Forge icon component to display in the toast.
+   * Rendered via `Toast.Icon` internally — inherits color-aware coloring automatically.
+   *
+   * @example
+   * ```tsx
+   * import { CheckCircle } from '@cdx-ui/icons';
+   * toast.show({ color: 'success', label: 'Done', icon: CheckCircle });
+   * ```
+   */
+  icon?: import('@cdx-ui/icons').ForgeIcon;
+  /**
+   * Callback function called when the toast is shown
+   */
+  onShow?: () => void;
+  /**
+   * Callback function called when the toast is hidden
+   */
+  onHide?: () => void;
+}
+
+/**
+ * Options for showing a toast with custom component (usage pattern 3)
+ * Used when component is provided
+ */
+export interface ToastShowOptionsWithComponent {
+  /**
+   * Optional ID for the toast
+   * If not provided, one will be generated automatically
+   */
+  id?: string;
+  /**
+   * A function that receives toast props and returns a React element
+   */
+  component: (props: ToastComponentProps) => React.ReactElement;
+  /**
+   * Placement used for stack isolation and passed to the custom component.
+   * @default ToastProvider default placement, then 'bottom'
+   */
+  placement?: ToastPlacement;
+  /**
+   * Duration in milliseconds before the toast automatically disappears
+   * Set to `'persistent'` to prevent auto-hide (toast will remain until manually dismissed)
+   * @default 4000
+   */
+  duration?: number | 'persistent';
+  /**
+   * Callback function called when the toast is shown
+   */
+  onShow?: () => void;
+  /**
+   * Callback function called when the toast is hidden
+   */
+  onHide?: () => void;
+}
+
+/**
+ * Conditional type for toast show options
+ * - If component is provided: lifecycle options plus placement are allowed
+ * - If component is NOT provided: all config props are available
+ */
+export type ToastShowOptions =
+  | ToastShowOptionsWithComponent
+  | (ToastShowConfig & { component?: never });
+
+/**
+ * Represents a single toast item in the state
+ */
+export interface ToastItem {
+  /**
+   * Unique identifier for the toast
+   */
+  id: string;
+  /**
+   * Resolved placement used to isolate stack animation metrics.
+   * @internal
+   */
+  placement: ToastPlacement;
+  /**
+   * A function that receives toast props and returns a React element
+   */
+  component: (props: ToastComponentProps) => React.ReactElement;
+  /**
+   * Duration in milliseconds before the toast automatically disappears
+   * Set to `'persistent'` to prevent auto-hide (toast will remain until manually dismissed)
+   * @default 4000
+   */
+  duration?: number | 'persistent';
+  /**
+   * Callback function called when the toast is shown
+   */
+  onShow?: () => void;
+  /**
+   * Callback function called when the toast is hidden
+   */
+  onHide?: () => void;
+  /**
+   * True after `hide()` has been called but before the toast has actually
+   * been removed from the array. Used on web to keep the DOM node mounted
+   * through its CSS exit transition; on native this remains false because
+   * Reanimated `exiting` handles the exit animation before unmount.
+   * @internal
+   */
+  pendingRemoval?: boolean;
+}
+
+/**
+ * Actions for the toast reducer.
+ *
+ * Removal happens in two phases so web can play a CSS exit transition
+ * before the node is torn down:
+ * 1. `MARK_CLOSED` flips `pendingRemoval` on the matching toasts.
+ * 2. `REMOVE` actually filters them out of the array.
+ *
+ * On native, `hide()` dispatches `REMOVE` directly because Reanimated's
+ * layout animation plays before unmount without a lingering state.
+ */
+export type ToastAction =
+  | { type: 'SHOW'; payload: ToastItem }
+  | { type: 'MARK_CLOSED'; payload: { ids: string[] } }
+  | { type: 'REMOVE'; payload: { ids: string[] } };
+
+/**
+ * Toast manager API
+ */
+export interface ToastManager {
+  /**
+   * Show a toast
+   * @param options - Toast configuration options or simple string
+   * @returns The ID of the shown toast
+   *
+   * @example
+   * ```tsx
+   * const toast = useToast();
+   *
+   * // Simple string (usage pattern 1)
+   * toast.show('This is toast');
+   *
+   * // Config object with default styling (usage pattern 2)
+   * toast.show({
+   *   label: 'Success!',
+   *   description: 'Your action was completed',
+   *   color: 'success',
+   *   actionLabel: 'Undo',
+   *   onActionPress: ({ show, hide }) => hide(),
+   * });
+   *
+   * // Custom component (usage pattern 3)
+   * toast.show({
+   *   component: (props) => <Toast>Hello</Toast>,
+   * });
+   *
+   * // With custom ID
+   * toast.show({ id: 'my-toast', component: (props) => <Toast>Hello</Toast> });
+   * ```
+   */
+  show: (options: string | ToastShowOptions) => string;
+
+  /**
+   * Hide one or more toasts
+   *
+   * @param ids - Optional ID(s) of toast(s) to hide
+   * - No argument: hides the last toast in the array
+   * - "all": hides all toasts
+   * - Single ID: hides that toast
+   * - Array of IDs: hides those toasts
+   *
+   * @example
+   * ```tsx
+   * const toast = useToast();
+   *
+   * toast.hide();                    // Hide the last toast
+   * toast.hide('all');               // Hide all toasts
+   * toast.hide('my-toast');          // Hide specific toast
+   * toast.hide(['toast-1', 'toast-2']); // Hide multiple toasts
+   * ```
+   */
+  hide: (ids?: (string & {}) | string[] | 'all') => void;
+
+  /**
+   * Pause all auto-dismiss timers.
+   *
+   * On web this is called automatically when the pointer enters the toast
+   * region, a toast receives focus, or the browser tab becomes hidden
+   * (WCAG 2.2.1 compliance). On native this is a no-op unless called
+   * explicitly by a consumer.
+   */
+  pauseAll: () => void;
+
+  /**
+   * Resume all previously paused auto-dismiss timers.
+   *
+   * Each timer resumes with only the remaining duration that was left when
+   * `pauseAll()` was invoked. On native this is a no-op unless called
+   * explicitly by a consumer.
+   */
+  resumeAll: () => void;
+}
+
+/**
+ * Props for the ToastItemRenderer component
+ */
+export interface ToastItemRendererProps {
+  /**
+   * The toast item to render
+   */
+  toastItem: ToastItem;
+  /**
+   * The index of the toast within its placement stack (0-based).
+   */
+  index: number;
+  /**
+   * The total number of toasts currently displayed at this placement.
+   */
+  total: SharedValue<number>;
+  /**
+   * Heights of toast items at this placement, keyed by toast ID.
+   */
+  heights: SharedValue<Record<string, number>>;
+  /**
+   * Maximum number of visible toasts before opacity starts fading
+   * Controls when toast items begin to fade out as they move beyond the visible stack
+   * @default 3
+   */
+  maxVisibleToasts?: number;
+  /**
+   * Show a new toast
+   */
+  show: (options: string | ToastShowOptions) => string;
+  /**
+   * Hide one or more toasts
+   * - No argument: hides the last toast in the array
+   * - "all": hides all toasts
+   * - Single ID: hides that toast
+   * - Array of IDs: hides those toasts
+   */
+  hide: (ids?: (string & {}) | string[] | 'all') => void;
+}
+
+/**
+ * Context value for the toast provider
+ */
+export interface ToasterContextValue {
+  toast: ToastManager;
+  /**
+   * Whether any toast is currently visible
+   */
+  isToastVisible: boolean;
+}

package/src/styles/constants.ts

@@ -0,0 +1,10 @@
+// packages/components/src/styles/constants.ts
+// Semantic constants for Forge UI component styling.
+
+// ─── Transitions ─────────────────────────────────────────
+export const TRANSITION_COLORS = 'transition-colors duration-150';
+
+// ─── Disabled ────────────────────────────────────────────
+export const DISABLED_OPACITY = 'data-[disabled=true]:opacity-50';
+export const DISABLED_CURSOR =
+  'data-[disabled=true]:cursor-not-allowed data-[disabled=true]:pointer-events-none';

package/src/styles.css

@@ -1,6 +1 @@
 @source './**/*.{ts,tsx}';
-
-/* TODO: Can we keep this? Check with Michael/Jack */
-*:focus {
-  outline: none;
-}

package/src/utils/positionToDataIcon.ts

@@ -0,0 +1,34 @@
+import { dataAttributes } from '@cdx-ui/primitives';
+
+/**
+ * Position hint accepted by icon/spinner-bearing styled slots
+ * (`Button.Icon`, `Button.Spinner`, `Chip.Icon`, etc.). Maps to a logical
+ * `data-icon` attribute that CVA targets for leading/trailing padding.
+ *
+ * `'leading'`  → `data-icon="inline-start"`
+ * `'trailing'` → `data-icon="inline-end"`
+ */
+export type IconSlotPosition = 'leading' | 'trailing';
+
+/**
+ * Returns the data-attribute spread props for the requested position, or
+ * `undefined` when no position is set (so the attribute is omitted entirely
+ * and baseline spacing applies).
+ *
+ * Spread the result onto the rendered element:
+ *
+ * ```tsx
+ * <Icon {...positionToDataIcon(position)} />
+ * ```
+ *
+ * Spacing rules live in CVA variant strings, targeting the attribute via
+ * logical-property utilities so RTL flips automatically:
+ *
+ * ```ts
+ * cva(['data-[icon=inline-start]:me-1.5 data-[icon=inline-end]:ms-1.5'], { ... });
+ * ```
+ */
+export function positionToDataIcon(position?: IconSlotPosition) {
+  if (!position) return undefined;
+  return dataAttributes({ icon: position === 'leading' ? 'inline-start' : 'inline-end' });
+}

package/lib/commonjs/components/Field/FieldLabel.js

@@ -1,33 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.BaseFieldLabel = void 0;
-var _react = require("react");
-var _reactNative = require("react-native");
-var _utils = require("@cdx-ui/utils");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * Native: `Text` label row — tap focuses the field input via form context
- * (parity with `<label htmlFor>` on web).
- */
-const BaseFieldLabel = exports.BaseFieldLabel = /*#__PURE__*/(0, _react.forwardRef)(({
-  htmlFor: _omitHtmlFor,
-  onPress,
-  ...props
-}, ref) => {
-  void _omitHtmlFor;
-  const {
-    focusInput,
-    isDisabled
-  } = (0, _utils.useFormControlContext)();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-    ref: ref,
-    ...props,
-    disabled: Boolean(isDisabled),
-    onPress: (0, _utils.composeEventHandlers)(onPress, () => focusInput?.())
-  });
-});
-BaseFieldLabel.displayName = 'BaseFieldLabel';
-//# sourceMappingURL=FieldLabel.js.map

package/lib/commonjs/components/Field/FieldLabel.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","require","_reactNative","_utils","_jsxRuntime","BaseFieldLabel","exports","forwardRef","htmlFor","_omitHtmlFor","onPress","props","ref","focusInput","isDisabled","useFormControlContext","jsx","Text","disabled","Boolean","composeEventHandlers","displayName"],"sourceRoot":"../../../../src","sources":["components/Field/FieldLabel.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAA4E,IAAAG,WAAA,GAAAH,OAAA;AAS5E;AACA;AACA;AACA;AACO,MAAMI,cAAc,GAAAC,OAAA,CAAAD,cAAA,gBAAG,IAAAE,iBAAU,EACtC,CAAC;EAAEC,OAAO,EAAEC,YAAY;EAAEC,OAAO;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACrD,KAAKH,YAAY;EAEjB,MAAM;IAAEI,UAAU;IAAEC;EAAW,CAAC,GAAG,IAAAC,4BAAqB,EAAC,CAAC;EAE1D,oBACE,IAAAX,WAAA,CAAAY,GAAA,EAACd,YAAA,CAAAe,IAAI;IACHL,GAAG,EAAEA,GAAI;IAAA,GACLD,KAAK;IACTO,QAAQ,EAAEC,OAAO,CAACL,UAAU,CAAE;IAC9BJ,OAAO,EAAE,IAAAU,2BAAoB,EAACV,OAAO,EAAE,MAAMG,UAAU,GAAG,CAAC;EAAE,CAC9D,CAAC;AAEN,CACF,CAAC;AAEDR,cAAc,CAACgB,WAAW,GAAG,gBAAgB","ignoreList":[]}

package/lib/commonjs/components/Field/FieldLabel.web.js

@@ -1,22 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.BaseFieldLabel = void 0;
-var _react = _interopRequireWildcard(require("react"));
-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); }
-// TODO: Why does dataSet need to be decomposed into individual data attributes?
-
-/** Real `<label>` so clicking the label focuses the associated control (`htmlFor` → input `id`). */
-const BaseFieldLabel = exports.BaseFieldLabel = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
-    ref: ref,
-    ...props,
-    "data-invalid": props.dataSet?.invalid,
-    "data-required": props.dataSet?.required
-  });
-});
-BaseFieldLabel.displayName = 'BaseFieldLabel';
-//# sourceMappingURL=FieldLabel.web.js.map

package/lib/commonjs/components/Field/FieldLabel.web.js.map

@@ -1 +0,0 @@
-{"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","BaseFieldLabel","exports","forwardRef","props","ref","jsx","dataSet","invalid","required","displayName"],"sourceRoot":"../../../../src","sources":["components/Field/FieldLabel.web.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAA0D,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;AAG1D;;AASA;AACO,MAAMkB,cAAc,GAAAC,OAAA,CAAAD,cAAA,gBAAG,IAAAE,iBAAU,EAAwC,CAACC,KAAK,EAAEC,GAAG,KAAK;EAC9F,oBACE,IAAAxB,WAAA,CAAAyB,GAAA;IACED,GAAG,EAAEA,GAAI;IAAA,GACJD,KAAK;IACV,gBAAcA,KAAK,CAACG,OAAO,EAAEC,OAAQ;IACrC,iBAAeJ,KAAK,CAACG,OAAO,EAAEE;EAAS,CACxC,CAAC;AAEN,CAAC,CAAC;AAEFR,cAAc,CAACS,WAAW,GAAG,gBAAgB","ignoreList":[]}

package/lib/commonjs/components/Form/FormRoot.js

@@ -1,25 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.BaseFormRoot = void 0;
-var _react = require("react");
-var _reactNative = require("react-native");
-var _jsxRuntime = require("react/jsx-runtime");
-const BaseFormRoot = exports.BaseFormRoot = /*#__PURE__*/(0, _react.forwardRef)(({
-  onSubmit: _onSubmit,
-  action: _action,
-  method: _method,
-  ...props
-}, ref) => {
-  void _onSubmit;
-  void _action;
-  void _method;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    ref: ref,
-    ...props
-  });
-});
-BaseFormRoot.displayName = 'BaseFormRoot';
-//# sourceMappingURL=FormRoot.js.map

package/lib/commonjs/components/Form/FormRoot.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","require","_reactNative","_jsxRuntime","BaseFormRoot","exports","forwardRef","onSubmit","_onSubmit","action","_action","method","_method","props","ref","jsx","View","displayName"],"sourceRoot":"../../../../src","sources":["components/Form/FormRoot.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAAoD,IAAAE,WAAA,GAAAF,OAAA;AAS7C,MAAMG,YAAY,GAAAC,OAAA,CAAAD,YAAA,gBAAG,IAAAE,iBAAU,EACpC,CAAC;EAAEC,QAAQ,EAAEC,SAAS;EAAEC,MAAM,EAAEC,OAAO;EAAEC,MAAM,EAAEC,OAAO;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC5E,KAAKN,SAAS;EACd,KAAKE,OAAO;EACZ,KAAKE,OAAO;EACZ,oBAAO,IAAAT,WAAA,CAAAY,GAAA,EAACb,YAAA,CAAAc,IAAI;IAACF,GAAG,EAAEA,GAAI;IAAA,GAAKD;EAAK,CAAG,CAAC;AACtC,CACF,CAAC;AAEDT,YAAY,CAACa,WAAW,GAAG,cAAc","ignoreList":[]}

package/lib/commonjs/components/Form/FormRoot.web.js

@@ -1,17 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.BaseFormRoot = void 0;
-var _react = _interopRequireWildcard(require("react"));
-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 BaseFormRoot = exports.BaseFormRoot = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("form", {
-    ref: ref,
-    ...props
-  });
-});
-BaseFormRoot.displayName = 'BaseFormRoot';
-//# sourceMappingURL=FormRoot.web.js.map