@cdx-ui/components 0.0.1-beta.65 → 0.0.1-beta.67

package/src/components/Switch/BaseSwitch.web.tsx

@@ -1,6 +1,7 @@
 import { forwardRef } from 'react';
 import { Pressable, View } from 'react-native';
-import { cn } from '@cdx-ui/utils';
+import { mergeDataAttributes, type IUseSwitchReturn } from '@cdx-ui/primitives';
+import { cn, composeEventHandlers } from '@cdx-ui/utils';
 import {
   switchThumbVariants,
   switchTrackVariants,
@@ -9,58 +10,50 @@ import {
 } from './styles';
 
 export interface BaseSwitchProps {
-  value?: boolean;
-  onValueChange?: (value: boolean) => void;
-  disabled?: boolean;
-  states?: Record<string, boolean | undefined>;
-  dataSet?: Record<string, string>;
+  switchState: IUseSwitchReturn;
   className?: string;
   size?: SwitchVariantProps['size'];
+  accessibilityLabel?: string;
   onFocus?: () => void;
   onBlur?: () => void;
 }
 
+/**
+ * Web host for `Switch`. Renders a custom `Pressable` + `View` toggle (preserving
+ * the existing visual contract) wired to the resolved state in `switchState`.
+ *
+ * `role="switch"` + `aria-checked` + keyboard semantics satisfy the same a11y
+ * contract that an `<input type="checkbox" role="switch">` would provide, without
+ * the visual rework an input swap would require (see spike notes in PR).
+ */
 export const BaseSwitch = forwardRef<View, BaseSwitchProps>(
-  (
-    {
-      value,
-      onValueChange,
-      disabled,
-      states,
-      dataSet,
-      className,
-      size = 'md',
-      onFocus,
-      onBlur,
-      ...props
-    },
-    ref,
-  ) => {
-    const isChecked = value ?? states?.checked ?? false;
-    const isDisabled = disabled ?? states?.disabled ?? false;
-    const isInvalid = states?.invalid ?? false;
-
+  ({ switchState, className, size = 'md', accessibilityLabel, onFocus, onBlur, ...props }, ref) => {
     return (
       <Pressable
         ref={ref}
         role="switch"
-        aria-checked={isChecked}
-        aria-disabled={isDisabled}
-        disabled={isDisabled}
-        onPress={() => onValueChange?.(!isChecked)}
-        onFocus={onFocus}
-        onBlur={onBlur}
+        aria-checked={switchState.checked}
+        aria-disabled={switchState.isDisabled}
+        accessibilityLabel={accessibilityLabel}
+        disabled={switchState.isDisabled}
+        onPress={() => switchState.setChecked(!switchState.checked)}
+        onFocus={composeEventHandlers(onFocus, switchState.focusProps.onFocus as () => void)}
+        onBlur={composeEventHandlers(onBlur, switchState.focusProps.onBlur as () => void)}
+        onHoverIn={switchState.hoverProps.onHoverIn as () => void}
+        onHoverOut={switchState.hoverProps.onHoverOut as () => void}
         tabIndex={0}
         className={cn(
           switchTrackVariants({ size }),
-          switchWebTrackColorVariants({ isChecked, isInvalid }),
+          switchWebTrackColorVariants({
+            isChecked: switchState.checked,
+            isInvalid: switchState.isInvalid,
+          }),
           className,
         )}
-        // @ts-expect-error dataSet is a RNW/Uniwind prop not in Pressable types
-        dataSet={dataSet}
         {...props}
+        {...mergeDataAttributes(props, switchState.dataAttrs)}
       >
-        <View className={cn(switchThumbVariants({ size, isChecked }))} />
+        <View className={cn(switchThumbVariants({ size, isChecked: switchState.checked }))} />
       </Pressable>
     );
   },

package/src/components/Switch/index.tsx

@@ -1,11 +1,58 @@
-import { type ISwitchProps, createSwitch } from '@cdx-ui/primitives';
+import { forwardRef } from 'react';
+import type { Switch as RNSwitch, View } from 'react-native';
+import {
+  dataAttributes,
+  mergeDataAttributes,
+  useSwitch,
+  type ISwitchProps,
+} from '@cdx-ui/primitives';
 import { BaseSwitch } from './BaseSwitch';
 import type { SwitchVariantProps } from './styles';
 
-const SwitchPrimitive = createSwitch({ Root: BaseSwitch });
-
 export interface SwitchProps extends ISwitchProps, SwitchVariantProps {
   className?: string;
+  accessibilityLabel?: string;
+  onFocus?: () => void;
+  onBlur?: () => void;
 }
 
-export const Switch = SwitchPrimitive;
+export const Switch = forwardRef<RNSwitch | View, SwitchProps>(
+  (
+    {
+      className,
+      size,
+      value,
+      isChecked,
+      defaultValue,
+      disabled,
+      isDisabled,
+      isInvalid,
+      onValueChange,
+      ...props
+    },
+    ref,
+  ) => {
+    const switchState = useSwitch({
+      value,
+      isChecked,
+      defaultValue,
+      disabled,
+      isDisabled,
+      isInvalid,
+      onValueChange,
+    });
+
+    return (
+      <BaseSwitch
+        ref={ref as never}
+        switchState={switchState}
+        className={className}
+        size={size}
+        {...props}
+        {...mergeDataAttributes(props, dataAttributes({ slot: 'switch' }))}
+      />
+    );
+  },
+);
+
+Switch.displayName = 'Switch';

package/src/components/Tile/index.tsx

@@ -1,19 +1,22 @@
-import { forwardRef, type ReactNode } from 'react';
-import { Pressable, Text, View, type TextProps, type ViewProps } from 'react-native';
+import { forwardRef, useMemo, type ReactNode } from 'react';
+import { Text, View, type TextProps, type ViewProps } from 'react-native';
 import {
-  createTile,
+  Slot,
+  TileGroup as TileGroupPrimitive,
+  TileRoot as TileRootPrimitive,
+  dataAttributes,
+  mergeDataAttributes,
+  useTileContext,
   type ITileGroupMultipleProps,
   type ITileGroupSingleProps,
   type ITileIndicatorProps,
   type ITileLeadingSlotProps,
   type ITileProps,
   type ITileTrailingSlotProps,
-  useTileContext,
 } from '@cdx-ui/primitives';
 import { Check } from '@cdx-ui/icons';
-import { dataAttributes } from '@cdx-ui/primitives';
-import { cn, useStyleContext, withStyleContext } from '@cdx-ui/utils';
-import { checkboxIndicatorVariants, checkboxIconVariants } from '../Checkbox/styles';
+import { cn, ParentContext, useParentContext, useStyleContext } from '@cdx-ui/utils';
+import { checkboxIconVariants, checkboxIndicatorVariants } from '../Checkbox/styles';
 import { Icon } from '../Icon';
 import { radioIndicatorVariants, radioInnerDotVariants } from '../Radio/styles';
 import {
@@ -32,9 +35,6 @@ import {
 const TILE_SCOPE = 'TILE';
 const TILE_GROUP_SCOPE = 'TILE_GROUP';
 
-const RootPressable = withStyleContext(Pressable, TILE_SCOPE);
-const GroupView = withStyleContext(View, TILE_GROUP_SCOPE);
-
 interface TileGroupStyleContext {
   shape?: TileVariantProps['shape'];
 }
@@ -47,17 +47,6 @@ const useTileGroupStyleContext = (): TileGroupStyleContext => {
   return ctx ?? {};
 };
 
-const TilePrimitive = createTile({
-  Pressable: RootPressable,
-  Group: GroupView,
-  LeadingSlot: View,
-  Content: View,
-  Title: Text,
-  Description: Text,
-  Indicator: View,
-  TrailingSlot: View,
-});
-
 // =============================================================================
 // TILE GROUP
 // =============================================================================
@@ -72,7 +61,7 @@ const TilePrimitive = createTile({
  * - `direction="column"` + `spacing="none"` — tight vertical stack (rows touch).
  * - `direction="row"` + `spacing="default"` — side-by-side horizontal layout.
  *
- * `shape` (when set) is propagated to child `Tile`s via `withStyleContext`, matching the
+ * `shape` (when set) is propagated to child `Tile`s via `ParentContext`, matching the
  * Avatar size-propagation pattern. A per-tile `shape` prop overrides the inherited value.
  */
 export interface TileGroupSingleProps extends ITileGroupSingleProps, TileGroupVariantProps {
@@ -88,17 +77,24 @@ export interface TileGroupMultipleProps extends ITileGroupMultipleProps, TileGro
 export type TileGroupProps = TileGroupSingleProps | TileGroupMultipleProps;
 
 const TileGroup = forwardRef<View, TileGroupProps>(
-  ({ className, style, children, direction, spacing, shape, ...props }, ref) => (
-    <TilePrimitive.Group
-      ref={ref as never}
-      className={cn(tileGroupVariants({ direction, spacing }), className)}
-      style={style}
-      context={{ shape }}
-      {...props}
-    >
-      {children}
-    </TilePrimitive.Group>
-  ),
+  ({ className, style, children, direction, spacing, shape, ...props }, ref) => {
+    const parent = useParentContext();
+    const ctx = useMemo(() => ({ ...parent, [TILE_GROUP_SCOPE]: { shape } }), [parent, shape]);
+
+    return (
+      <ParentContext.Provider value={ctx}>
+        <TileGroupPrimitive
+          ref={ref}
+          className={cn(tileGroupVariants({ direction, spacing }), className)}
+          style={style}
+          {...(props as TileGroupProps)}
+          {...mergeDataAttributes(props, dataAttributes({ slot: 'tile-group' }))}
+        >
+          {children}
+        </TileGroupPrimitive>
+      </ParentContext.Provider>
+    );
+  },
 );
 
 TileGroup.displayName = 'Tile.Group';
@@ -112,19 +108,24 @@ export interface TileProps extends ITileProps, TileVariantProps {
 }
 
 const TileRoot = forwardRef<View, TileProps>(
-  ({ shape: shapeProp, showSeparator, className, style, context, ...props }, ref) => {
+  ({ shape: shapeProp, showSeparator, className, style, ...props }, ref) => {
     const { shape: inheritedShape } = useTileGroupStyleContext();
     const shape = shapeProp ?? inheritedShape ?? 'card';
     const computedClassName = cn(tileRootVariants({ shape, showSeparator }), className);
 
+    const parent = useParentContext();
+    const ctx = useMemo(() => ({ ...parent, [TILE_SCOPE]: { shape } }), [parent, shape]);
+
     return (
-      <TilePrimitive
-        ref={ref as never}
-        className={computedClassName}
-        context={{ ...context, shape }}
-        style={style}
-        {...props}
-      />
+      <ParentContext.Provider value={ctx}>
+        <TileRootPrimitive
+          ref={ref}
+          className={computedClassName}
+          style={style}
+          {...props}
+          {...mergeDataAttributes(props, dataAttributes({ slot: 'tile' }))}
+        />
+      </ParentContext.Provider>
     );
   },
 );
@@ -135,69 +136,104 @@ TileRoot.displayName = 'Tile';
 // SLOTS
 // =============================================================================
 
+const leadingSlotStyle = { flexShrink: 0 as const };
+
 export interface TileLeadingSlotProps extends ITileLeadingSlotProps {
+  asChild?: boolean;
   className?: string;
 }
 
 const TileLeadingSlot = forwardRef<View, TileLeadingSlotProps>(
-  ({ className, style, ...props }, ref) => (
-    <TilePrimitive.LeadingSlot
-      ref={ref as never}
-      className={cn(tileLeadingSlotVariants(), className)}
-      style={style}
-      {...props}
-    />
-  ),
+  ({ asChild, className, style, 'aria-hidden': ariaHidden, ...props }, ref) => {
+    const accessibilityElementsHidden = ariaHidden !== false;
+    const Comp = asChild ? Slot : View;
+    return (
+      <Comp
+        ref={ref}
+        accessibilityElementsHidden={accessibilityElementsHidden}
+        aria-hidden={ariaHidden ?? true}
+        className={cn(tileLeadingSlotVariants(), className)}
+        style={[leadingSlotStyle, style]}
+        {...props}
+        {...mergeDataAttributes(props, dataAttributes({ slot: 'tile-leading' }))}
+      />
+    );
+  },
 );
 
 TileLeadingSlot.displayName = 'Tile.LeadingSlot';
 
+const contentStyle = {
+  flex: 1,
+  flexDirection: 'column' as const,
+  minWidth: 0,
+};
+
 export interface TileContentProps extends ViewProps {
+  asChild?: boolean;
   className?: string;
 }
 
-const TileContent = forwardRef<View, TileContentProps>(({ className, style, ...props }, ref) => (
-  <TilePrimitive.Content
-    ref={ref as never}
-    className={cn(tileContentVariants(), className)}
-    style={style}
-    {...props}
-  />
-));
+const TileContent = forwardRef<View, TileContentProps>(
+  ({ asChild, className, style, ...props }, ref) => {
+    const Comp = asChild ? Slot : View;
+    return (
+      <Comp
+        ref={ref}
+        className={cn(tileContentVariants(), className)}
+        style={[contentStyle, style]}
+        {...props}
+        {...mergeDataAttributes(props, dataAttributes({ slot: 'tile-content' }))}
+      />
+    );
+  },
+);
 
 TileContent.displayName = 'Tile.Content';
 
+const noUnderlineStyle = { textDecorationLine: 'none' as const };
+
 export interface TileTitleProps extends TextProps {
+  asChild?: boolean;
   className?: string;
 }
 
 const TileTitle = forwardRef<Text, TileTitleProps>(
-  ({ className, style, numberOfLines = 1, ...props }, ref) => (
-    <TilePrimitive.Title
-      ref={ref as never}
-      className={cn(tileTitleVariants(), className)}
-      style={style}
-      numberOfLines={numberOfLines}
-      {...props}
-    />
-  ),
+  ({ asChild, className, style, numberOfLines = 1, ...props }, ref) => {
+    const Comp = asChild ? Slot : Text;
+    return (
+      <Comp
+        ref={ref}
+        className={cn(tileTitleVariants(), className)}
+        style={[noUnderlineStyle, style]}
+        numberOfLines={numberOfLines}
+        {...props}
+        {...mergeDataAttributes(props, dataAttributes({ slot: 'tile-title' }))}
+      />
+    );
+  },
 );
 
 TileTitle.displayName = 'Tile.Title';
 
 export interface TileDescriptionProps extends TextProps {
+  asChild?: boolean;
   className?: string;
 }
 
 const TileDescription = forwardRef<Text, TileDescriptionProps>(
-  ({ className, style, ...props }, ref) => (
-    <TilePrimitive.Description
-      ref={ref as never}
-      className={cn(tileDescriptionVariants(), className)}
-      style={style}
-      {...props}
-    />
-  ),
+  ({ asChild, className, style, ...props }, ref) => {
+    const Comp = asChild ? Slot : Text;
+    return (
+      <Comp
+        ref={ref}
+        className={cn(tileDescriptionVariants(), className)}
+        style={[noUnderlineStyle, style]}
+        {...props}
+        {...mergeDataAttributes(props, dataAttributes({ slot: 'tile-description' }))}
+      />
+    );
+  },
 );
 
 TileDescription.displayName = 'Tile.Description';
@@ -205,7 +241,7 @@ TileDescription.displayName = 'Tile.Description';
 /**
  * Decorative selection affordance. Renders pure CVA-styled Views — no interactive hooks,
  * no nested Pressable, zero runtime overhead. The Tile root owns the press target and
- * ARIA role; this subtree is `aria-hidden` via `createTileIndicator`.
+ * ARIA role; this subtree is `aria-hidden`.
  *
  * The visual is inferred from the tile context: `single` (radio semantics) → radio ring,
  * `multiple` (checkbox semantics) → checkbox square. An explicit `indicatorType` prop
@@ -235,40 +271,55 @@ function TileIndicatorVisual({ indicatorType }: { indicatorType?: 'radio' | 'che
   );
 }
 
+const indicatorStyle = { flexShrink: 0 as const, pointerEvents: 'none' as const };
+
 export interface TileIndicatorProps extends ITileIndicatorProps {
+  asChild?: boolean;
   className?: string;
   children?: ReactNode;
 }
 
 const TileIndicator = forwardRef<View, TileIndicatorProps>(
-  ({ className, children, style, indicatorType, ...props }, ref) => (
-    <TilePrimitive.Indicator
-      ref={ref as never}
-      className={cn(tileIndicatorVariants(), className)}
-      style={style}
-      indicatorType={indicatorType}
-      {...props}
-    >
-      {children ?? <TileIndicatorVisual indicatorType={indicatorType} />}
-    </TilePrimitive.Indicator>
-  ),
+  ({ asChild, className, children, style, indicatorType, ...props }, ref) => {
+    const Comp = asChild ? Slot : View;
+    return (
+      <Comp
+        ref={ref}
+        accessibilityElementsHidden
+        aria-hidden
+        className={cn(tileIndicatorVariants(), className)}
+        style={[indicatorStyle, style]}
+        {...props}
+        {...mergeDataAttributes(props, dataAttributes({ slot: 'tile-indicator' }))}
+      >
+        {children ?? <TileIndicatorVisual indicatorType={indicatorType} />}
+      </Comp>
+    );
+  },
 );
 
 TileIndicator.displayName = 'Tile.Indicator';
 
+const trailingSlotStyle = { flexShrink: 0 as const };
+
 export interface TileTrailingSlotProps extends ITileTrailingSlotProps {
+  asChild?: boolean;
   className?: string;
 }
 
 const TileTrailingSlot = forwardRef<View, TileTrailingSlotProps>(
-  ({ className, style, ...props }, ref) => (
-    <TilePrimitive.TrailingSlot
-      ref={ref as never}
-      className={cn(tileTrailingSlotVariants(), className)}
-      style={style}
-      {...props}
-    />
-  ),
+  ({ asChild, className, style, ...props }, ref) => {
+    const Comp = asChild ? Slot : View;
+    return (
+      <Comp
+        ref={ref}
+        className={cn(tileTrailingSlotVariants(), className)}
+        style={[trailingSlotStyle, style]}
+        {...props}
+        {...mergeDataAttributes(props, dataAttributes({ slot: 'tile-trailing' }))}
+      />
+    );
+  },
 );
 
 TileTrailingSlot.displayName = 'Tile.TrailingSlot';

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

package/lib/commonjs/components/Form/FormRoot.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","BaseFormRoot","exports","forwardRef","props","ref","jsx","displayName"],"sourceRoot":"../../../../src","sources":["components/Form/FormRoot.web.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;AAOnC,MAAMkB,YAAY,GAAAC,OAAA,CAAAD,YAAA,gBAAG,IAAAE,iBAAU,EAAqC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACzF,oBAAO,IAAAxB,WAAA,CAAAyB,GAAA;IAAMD,GAAG,EAAEA,GAAI;IAAA,GAAKD;EAAK,CAAG,CAAC;AACtC,CAAC,CAAC;AAEFH,YAAY,CAACM,WAAW,GAAG,cAAc","ignoreList":[]}