@cdx-ui/components 0.0.1-beta.8 → 0.0.1-beta.81

package/src/providers/toast/types.ts

@@ -0,0 +1,431 @@
+import type { SharedValue } from 'react-native-reanimated';
+import type { 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;
+  /**
+   * The index of the toast in the array (0-based)
+   */
+  index: number;
+  /**
+   * The total number of toasts currently displayed
+   */
+  total: SharedValue<number>;
+  /**
+   * Heights of all toast items, 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;
+  /**
+   * 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: only id, component, onShow, onHide 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;
+  /**
+   * 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 in the array (0-based)
+   */
+  index: number;
+  /**
+   * The total number of toasts currently displayed
+   */
+  total: SharedValue<number>;
+  /**
+   * Heights of all toast items, 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/primitives.ts

@@ -1,38 +1,67 @@
 // packages/components/src/styles/primitives.ts
-// Semantic constants for CDX UI component styling.
+// Semantic constants for Forge UI component styling.
 
 // ─── Colors ──────────────────────────────────────────────
 // Surface & background
+/** @deprecated Use `bg-surface-primary` (--color-surface-primary) instead. */
 export const COLOR_BG_PRIMARY = 'bg-white';
+/** @deprecated Use `bg-surface-secondary` (--color-surface-secondary) instead. */
 export const COLOR_BG_SUBTLE = 'bg-slate-50';
+/** @deprecated Use `bg-surface-neutral-subtle` (--color-surface-neutral-subtle) instead. */
 export const COLOR_BG_MUTED = 'bg-slate-100';
+/** @deprecated Use `bg-base-950` (--color-base-950) instead. */
 export const COLOR_BG_INVERSE = 'bg-slate-900';
 
 // Border
+/** @deprecated Use `border-stroke-secondary` (--color-stroke-secondary) instead. */
 export const COLOR_BORDER_DEFAULT = 'border-slate-200';
+/** @deprecated Use `border-stroke-hover` (--color-stroke-hover) instead. */
 export const COLOR_BORDER_STRONG = 'border-slate-300';
+/** @deprecated Use `border-stroke-focus` (--color-stroke-focus) instead. */
 export const COLOR_BORDER_FOCUS = 'border-slate-900';
+/** @deprecated Use `border-stroke-danger` (--color-stroke-danger) instead. */
 export const COLOR_BORDER_INVALID = 'border-red-500';
 
 // Text
+/** @deprecated Use `text-content-primary` (--color-content-primary) instead. */
 export const COLOR_TEXT_PRIMARY = 'text-slate-900';
+/** @deprecated Use `text-content-secondary` (--color-content-secondary) instead. */
 export const COLOR_TEXT_SECONDARY = 'text-slate-500';
+/** @deprecated Use `text-content-tertiary` (--color-content-tertiary) instead. */
 export const COLOR_TEXT_MUTED = 'text-slate-400';
+/** @deprecated Use the appropriate `text-content-*-on-strong` token for the surface color, e.g. `text-content-action-on-strong` (--color-content-action-on-strong). */
 export const COLOR_TEXT_INVERSE = 'text-white';
+/** @deprecated Use `text-content-tertiary` (--color-content-tertiary) instead. */
 export const COLOR_TEXT_PLACEHOLDER = 'text-slate-400';
+/** @deprecated Use `text-content-danger` (--color-content-danger) instead. */
 export const COLOR_TEXT_INVALID = 'text-red-600';
 
 // Brand / Action
+/** @deprecated Use `bg-surface-action-strong` (--color-surface-action-strong) instead. */
 export const COLOR_BRAND_DEFAULT = 'bg-slate-900';
+/** @deprecated Use `bg-surface-action-strong-hover` (--color-surface-action-strong-hover) instead. */
 export const COLOR_BRAND_HOVER = 'bg-slate-800';
+/** @deprecated Use `bg-surface-action-strong-active` (--color-surface-action-strong-active) instead. */
 export const COLOR_BRAND_ACTIVE = 'bg-slate-700';
 
 // Accent (for checked states, active indicators)
+/** @deprecated Use `bg-surface-action-strong` (--color-surface-action-strong) instead. */
 export const COLOR_ACCENT_DEFAULT = 'bg-slate-900';
+/** @deprecated Use `border-stroke-action` (--color-stroke-action) instead. */
 export const COLOR_ACCENT_BORDER = 'border-slate-900';
 
-// Semantic colors (danger, warning, success, info)
-// Kept for Button's 5-color system
+/**
+ * @deprecated Use semantic token classes directly instead. Map each color key to its
+ * corresponding `--color-surface-*`, `--color-stroke-*`, and `--color-content-*` tokens:
+ * - `bg` → `bg-surface-{color}-strong` (--color-surface-{color}-strong)
+ * - `bgHover` → `bg-surface-{color}-strong-hover` (--color-surface-{color}-strong-hover)
+ * - `bgActive` → `bg-surface-{color}-strong-active` (--color-surface-{color}-strong-active)
+ * - `border` → `border-stroke-{color}` (--color-stroke-{color})
+ * - `text` → `text-content-{color}` (--color-content-{color})
+ * - `ring` → `ring-[--color-stroke-focus]` (--color-stroke-focus)
+ *
+ * See Button/styles.ts for a complete migration example.
+ */
 export const SEMANTIC_COLORS = {
   action: {
     bg: 'bg-slate-900',
@@ -77,21 +106,29 @@ export const SEMANTIC_COLORS = {
 } as const;
 
 // ─── Focus ───────────────────────────────────────────────
+/** @deprecated Use `ring-2 ring-[--color-stroke-focus] ring-offset-2` (--color-stroke-focus) instead. */
 export const FOCUS_RING = 'ring-2 ring-slate-400/50 ring-offset-2';
 
 // ─── Radius ──────────────────────────────────────────────
-export const RADIUS_SM = 'rounded-lg'; // buttons, inputs, checkboxes
-export const RADIUS_MD = 'rounded-xl'; // cards, dropdowns, modals
-export const RADIUS_FULL = 'rounded-full'; // pills, avatars, switches
+/** @deprecated Use `rounded-[var(--border-radius-button)]` for buttons/inputs or `rounded-[var(--border-radius-default)]` for containers. */
+export const RADIUS_SM = 'rounded-lg';
+/** @deprecated Use `rounded-[var(--border-radius-default)]` for cards/containers. */
+export const RADIUS_MD = 'rounded-xl';
+/** @deprecated Use `rounded-[var(--border-radius-round)]` for circular elements (icon buttons, radio, pills). */
+export const RADIUS_FULL = 'rounded-full';
 
 // ─── Shadows ─────────────────────────────────────────────
+
+/** @deprecated Use `shadow-sm` directly instead */
 export const SHADOW_SM = 'shadow-sm';
+/** @deprecated Use `shadow-md` directly instead */
 export const SHADOW_MD = 'shadow-md';
 
 // ─── Sizing ──────────────────────────────────────────────
 // Unified size scale for interactive/form components (Button, Input, Select, Checkbox).
 // Only two sizes: 'default' (regular) and 'small' (compact).
 // NOTE: Text and Heading use a separate typography scale (xs/sm/md/lg/xl) — not this.
+/** @deprecated */
 export const SIZE_SCALE = {
   default: { height: 'h-10', px: 'px-4', gap: 'gap-2', text: 'text-base' },
   small: { height: 'h-8', px: 'px-3', gap: 'gap-1.5', text: 'text-sm' },

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":[]}