@cdx-ui/primitives 0.0.1-beta.12 → 0.0.1-beta.121

package/lib/module/dialog/DialogPopup.js

@@ -0,0 +1,157 @@
+"use strict";
+
+import { forwardRef, useCallback } from 'react';
+import { KeyboardAvoidingView, Modal, Platform, Pressable, StyleSheet, View } from 'react-native';
+import { FocusScope } from '@react-native-aria/focus';
+import { Slot } from '../slot';
+import { useEscapeKey } from '../overlay';
+import { createPortalFn } from '../utils/createPortal';
+import { dataAttributes, mergeDataAttributes } from '../utils/dataAttributes';
+import { useDialog } from './context';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const DialogPopup = /*#__PURE__*/forwardRef(({
+  asChild,
+  children,
+  forceMount = false,
+  avoidKeyboard = true,
+  keyboardVerticalOffset = 0,
+  overlayClassName,
+  ...props
+}, ref) => {
+  const {
+    open,
+    onOpenChange,
+    closeOnBackdropPress,
+    closeOnEscKey,
+    nativeID,
+    role
+  } = useDialog();
+  const handleClose = useCallback(() => {
+    onOpenChange(false);
+  }, [onOpenChange]);
+  useEscapeKey(open && closeOnEscKey, handleClose);
+  if (!(open || forceMount)) {
+    return null;
+  }
+  const overlayProps = {
+    ...(closeOnBackdropPress ? {
+      onPress: handleClose
+    } : {}),
+    accessible: false,
+    importantForAccessibility: 'no-hide-descendants',
+    className: overlayClassName,
+    ...dataAttributes({
+      slot: 'dialog-overlay'
+    })
+  };
+  const ariaProps = {
+    role,
+    'aria-modal': true,
+    'aria-labelledby': `${nativeID}-title`,
+    'aria-describedby': `${nativeID}-description`
+  };
+  const popupAttrs = mergeDataAttributes(props, dataAttributes({
+    state: open ? 'open' : 'closed'
+  }));
+  const Comp = asChild ? Slot : View;
+  if (Platform.OS === 'web' && createPortalFn) {
+    return createPortalFn(/*#__PURE__*/_jsx(FocusScope, {
+      contain: open,
+      restoreFocus: true,
+      autoFocus: open,
+      children: /*#__PURE__*/_jsxs(View, {
+        style: {
+          position: 'fixed',
+          inset: 0,
+          zIndex: 50,
+          display: 'flex',
+          alignItems: 'center',
+          justifyContent: 'center'
+        },
+        children: [/*#__PURE__*/_jsx(Pressable, {
+          ...overlayProps
+        }), /*#__PURE__*/_jsx(Comp, {
+          ref: ref,
+          ...props,
+          ...ariaProps,
+          ...popupAttrs,
+          children: children
+        })]
+      })
+    }), document.body);
+  }
+
+  // Native layout uses two layers to support both backdrop dismiss and
+  // scrollable body content. The overlay Pressable fills the Modal via
+  // absolute positioning and handles backdrop taps. A second flex layer with
+  // pointerEvents="box-none" centers the content panel — "box-none" lets taps
+  // outside the panel pass through to the overlay while allowing the panel and
+  // its children to receive touches normally.
+  //
+  // That centering layer is a KeyboardAvoidingView so the panel (including its
+  // footer/actions, which sit at the bottom of a centered, max-h-capped panel)
+  // shifts up to clear the on-screen keyboard. `behavior` is platform-specific
+  // and the layer is a no-op while no input is focused. The RN Modal renders in
+  // its own window, so this MUST live here — a KeyboardAvoidingView wrapping the
+  // <Dialog> at the usage level cannot reach this subtree. Web is unaffected
+  // (the browser handles focus scrolling; there is no occluding keyboard).
+  //
+  // Critically, the content panel must NOT claim the JS touch responder
+  // (e.g. via onStartShouldSetResponder). Doing so triggers React Native's
+  // blockNativeResponder, which suppresses the native UIScrollView /
+  // ScrollView pan gesture recognizer and breaks any ScrollView inside
+  // Dialog.Content.
+  //
+  // Static StyleSheet used here because these are structural layout concerns
+  // of the primitive's modal chrome — not themeable styles. They must remain
+  // stable regardless of the styled layer's className.
+  const keyboardBehavior = avoidKeyboard ? Platform.select({
+    ios: 'padding',
+    default: 'height'
+  }) : undefined;
+  return /*#__PURE__*/_jsx(Modal, {
+    visible: open,
+    transparent: true,
+    statusBarTranslucent: true,
+    onRequestClose: handleClose,
+    children: /*#__PURE__*/_jsx(FocusScope, {
+      contain: open,
+      restoreFocus: true,
+      autoFocus: open,
+      children: /*#__PURE__*/_jsxs(View, {
+        style: styles.fill,
+        children: [/*#__PURE__*/_jsx(Pressable, {
+          ...overlayProps
+        }), /*#__PURE__*/_jsx(KeyboardAvoidingView, {
+          style: styles.center,
+          pointerEvents: "box-none",
+          behavior: keyboardBehavior,
+          keyboardVerticalOffset: keyboardVerticalOffset,
+          children: /*#__PURE__*/_jsx(Comp, {
+            ref: ref,
+            ...props,
+            ...ariaProps,
+            ...popupAttrs,
+            children: children
+          })
+        })]
+      })
+    })
+  });
+});
+DialogPopup.displayName = 'DialogPopup';
+
+// Structural layout for the native Modal chrome. These are not themeable —
+// they position the overlay and centering layers that the primitive manages
+// internally. Matches the pattern in OverlayContainer.tsx.
+const styles = StyleSheet.create({
+  fill: {
+    flex: 1
+  },
+  center: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center'
+  }
+});
+//# sourceMappingURL=DialogPopup.js.map

package/lib/module/dialog/DialogPopup.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useCallback","KeyboardAvoidingView","Modal","Platform","Pressable","StyleSheet","View","FocusScope","Slot","useEscapeKey","createPortalFn","dataAttributes","mergeDataAttributes","useDialog","jsx","_jsx","jsxs","_jsxs","DialogPopup","asChild","children","forceMount","avoidKeyboard","keyboardVerticalOffset","overlayClassName","props","ref","open","onOpenChange","closeOnBackdropPress","closeOnEscKey","nativeID","role","handleClose","overlayProps","onPress","accessible","importantForAccessibility","className","slot","ariaProps","popupAttrs","state","Comp","OS","contain","restoreFocus","autoFocus","style","position","inset","zIndex","display","alignItems","justifyContent","document","body","keyboardBehavior","select","ios","default","undefined","visible","transparent","statusBarTranslucent","onRequestClose","styles","fill","center","pointerEvents","behavior","displayName","create","flex"],"sourceRoot":"../../../src","sources":["dialog/DialogPopup.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/dialog/DialogPortal.js

@@ -0,0 +1,33 @@
+"use strict";
+
+import { Portal } from '../portal';
+import { DialogProvider, useDialog } from './context';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Mounts dialog children into the shared PortalHost. Re-provides DialogContext
+ * inside the portal boundary (React context does not cross the portal store).
+ *
+ * When `forceMount` is false (default), the portal is unmounted when the
+ * dialog is closed. Set `forceMount={true}` to keep the portal mounted so
+ * exit animations can play before the styled layer removes it from the tree.
+ */
+export function DialogPortal({
+  forceMount = false,
+  hostName,
+  children
+}) {
+  const ctx = useDialog();
+  if (!forceMount && !ctx.open) {
+    return null;
+  }
+  return /*#__PURE__*/_jsx(Portal, {
+    name: `${ctx.nativeID}-portal`,
+    hostName: hostName,
+    children: /*#__PURE__*/_jsx(DialogProvider, {
+      value: ctx,
+      children: children
+    })
+  });
+}
+DialogPortal.displayName = 'DialogPortal';
+//# sourceMappingURL=DialogPortal.js.map

package/lib/module/dialog/DialogPortal.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Portal","DialogProvider","useDialog","jsx","_jsx","DialogPortal","forceMount","hostName","children","ctx","open","name","nativeID","value","displayName"],"sourceRoot":"../../../src","sources":["dialog/DialogPortal.tsx"],"mappings":";;AAAA,SAASA,MAAM,QAAQ,WAAW;AAClC,SAASC,cAAc,EAAEC,SAAS,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAKtD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,YAAYA,CAAC;EAAEC,UAAU,GAAG,KAAK;EAAEC,QAAQ;EAAEC;AAA4B,CAAC,EAAE;EAC1F,MAAMC,GAAG,GAAGP,SAAS,CAAC,CAAC;EAEvB,IAAI,CAACI,UAAU,IAAI,CAACG,GAAG,CAACC,IAAI,EAAE;IAC5B,OAAO,IAAI;EACb;EAEA,oBACEN,IAAA,CAACJ,MAAM;IAACW,IAAI,EAAE,GAAGF,GAAG,CAACG,QAAQ,SAAU;IAACL,QAAQ,EAAEA,QAAS;IAAAC,QAAA,eACzDJ,IAAA,CAACH,cAAc;MAACY,KAAK,EAAEJ,GAAI;MAAAD,QAAA,EAAEA;IAAQ,CAAiB;EAAC,CACjD,CAAC;AAEb;AAEAH,YAAY,CAACS,WAAW,GAAG,cAAc","ignoreList":[]}

package/lib/module/dialog/DialogRoot.js

@@ -0,0 +1,53 @@
+"use strict";
+
+import { forwardRef, useCallback, useId, useMemo } from 'react';
+import { View } from 'react-native';
+import { useControllableState } from '@cdx-ui/utils';
+import { Slot } from '../slot';
+import { dataAttributes, mergeDataAttributes } from '../utils/dataAttributes';
+import { DialogProvider } from './context';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const DialogRoot = /*#__PURE__*/forwardRef(({
+  open: openProp,
+  onOpenChange,
+  defaultOpen = false,
+  closeOnBackdropPress = true,
+  closeOnEscKey = true,
+  role = 'dialog',
+  asChild,
+  children,
+  ...props
+}, ref) => {
+  const [open, setOpenState] = useControllableState({
+    prop: openProp,
+    defaultProp: defaultOpen,
+    onChange: onOpenChange
+  });
+  const setOpen = useCallback(newOpen => {
+    setOpenState(newOpen);
+  }, [setOpenState]);
+  const id = useId();
+  const nativeID = `dialog-${id}`;
+  const contextValue = useMemo(() => ({
+    open: open ?? false,
+    onOpenChange: setOpen,
+    closeOnBackdropPress,
+    closeOnEscKey,
+    nativeID,
+    role
+  }), [open, setOpen, closeOnBackdropPress, closeOnEscKey, nativeID, role]);
+  const Comp = asChild ? Slot : View;
+  return /*#__PURE__*/_jsx(DialogProvider, {
+    value: contextValue,
+    children: /*#__PURE__*/_jsx(Comp, {
+      ref: ref,
+      ...props,
+      ...mergeDataAttributes(props, dataAttributes({
+        state: open ? 'open' : 'closed'
+      })),
+      children: children
+    })
+  });
+});
+DialogRoot.displayName = 'DialogRoot';
+//# sourceMappingURL=DialogRoot.js.map

package/lib/module/dialog/DialogRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useCallback","useId","useMemo","View","useControllableState","Slot","dataAttributes","mergeDataAttributes","DialogProvider","jsx","_jsx","DialogRoot","open","openProp","onOpenChange","defaultOpen","closeOnBackdropPress","closeOnEscKey","role","asChild","children","props","ref","setOpenState","prop","defaultProp","onChange","setOpen","newOpen","id","nativeID","contextValue","Comp","value","state","displayName"],"sourceRoot":"../../../src","sources":["dialog/DialogRoot.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,WAAW,EAAEC,KAAK,EAAEC,OAAO,QAA2B,OAAO;AAClF,SAASC,IAAI,QAAwB,cAAc;AACnD,SAASC,oBAAoB,QAAQ,eAAe;AACpD,SAASC,IAAI,QAAQ,SAAS;AAC9B,SAASC,cAAc,EAAEC,mBAAmB,QAAQ,yBAAyB;AAC7E,SAASC,cAAc,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAO3C,OAAO,MAAMC,UAAU,gBAAGZ,UAAU,CAClC,CACE;EACEa,IAAI,EAAEC,QAAQ;EACdC,YAAY;EACZC,WAAW,GAAG,KAAK;EACnBC,oBAAoB,GAAG,IAAI;EAC3BC,aAAa,GAAG,IAAI;EACpBC,IAAI,GAAG,QAAQ;EACfC,OAAO;EACPC,QAAQ;EACR,GAAGC;AACL,CAAC,EACDC,GAAG,KACA;EACH,MAAM,CAACV,IAAI,EAAEW,YAAY,CAAC,GAAGnB,oBAAoB,CAAU;IACzDoB,IAAI,EAAEX,QAAQ;IACdY,WAAW,EAAEV,WAAW;IACxBW,QAAQ,EAAEZ;EACZ,CAAC,CAAC;EAEF,MAAMa,OAAO,GAAG3B,WAAW,CACxB4B,OAAgB,IAAK;IACpBL,YAAY,CAACK,OAAO,CAAC;EACvB,CAAC,EACD,CAACL,YAAY,CACf,CAAC;EAED,MAAMM,EAAE,GAAG5B,KAAK,CAAC,CAAC;EAClB,MAAM6B,QAAQ,GAAG,UAAUD,EAAE,EAAE;EAE/B,MAAME,YAAY,GAAG7B,OAAO,CAC1B,OAAO;IACLU,IAAI,EAAEA,IAAI,IAAI,KAAK;IACnBE,YAAY,EAAEa,OAAO;IACrBX,oBAAoB;IACpBC,aAAa;IACba,QAAQ;IACRZ;EACF,CAAC,CAAC,EACF,CAACN,IAAI,EAAEe,OAAO,EAAEX,oBAAoB,EAAEC,aAAa,EAAEa,QAAQ,EAAEZ,IAAI,CACrE,CAAC;EAED,MAAMc,IAAI,GAAGb,OAAO,GAAGd,IAAI,GAAGF,IAAI;EAElC,oBACEO,IAAA,CAACF,cAAc;IAACyB,KAAK,EAAEF,YAAa;IAAAX,QAAA,eAClCV,IAAA,CAACsB,IAAI;MACHV,GAAG,EAAEA,GAAI;MAAA,GACJD,KAAK;MAAA,GACNd,mBAAmB,CAACc,KAAK,EAAEf,cAAc,CAAC;QAAE4B,KAAK,EAAEtB,IAAI,GAAG,MAAM,GAAG;MAAS,CAAC,CAAC,CAAC;MAAAQ,QAAA,EAElFA;IAAQ,CACL;EAAC,CACO,CAAC;AAErB,CACF,CAAC;AAEDT,UAAU,CAACwB,WAAW,GAAG,YAAY","ignoreList":[]}

package/lib/module/dialog/DialogTrigger.js

@@ -0,0 +1,28 @@
+"use strict";
+
+import { forwardRef } from 'react';
+import { Pressable } from 'react-native';
+import { composeEventHandlers } from '@cdx-ui/utils';
+import { Slot } from '../slot';
+import { useDialog } from './context';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const DialogTrigger = /*#__PURE__*/forwardRef(({
+  asChild = false,
+  children,
+  onPress,
+  ...props
+}, ref) => {
+  const {
+    onOpenChange
+  } = useDialog();
+  const handlePress = composeEventHandlers(onPress, () => onOpenChange(true));
+  const Comp = asChild ? Slot : Pressable;
+  return /*#__PURE__*/_jsx(Comp, {
+    ref: ref,
+    ...props,
+    onPress: handlePress,
+    children: children
+  });
+});
+DialogTrigger.displayName = 'DialogTrigger';
+//# sourceMappingURL=DialogTrigger.js.map

package/lib/module/dialog/DialogTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","Pressable","composeEventHandlers","Slot","useDialog","jsx","_jsx","DialogTrigger","asChild","children","onPress","props","ref","onOpenChange","handlePress","Comp","displayName"],"sourceRoot":"../../../src","sources":["dialog/DialogTrigger.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAA2B,OAAO;AACrD,SAASC,SAAS,QAA6B,cAAc;AAC7D,SAASC,oBAAoB,QAAQ,eAAe;AACpD,SAASC,IAAI,QAAQ,SAAS;AAC9B,SAASC,SAAS,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAKtC,OAAO,MAAMC,aAAa,gBAAGP,UAAU,CACrC,CAAC;EAAEQ,OAAO,GAAG,KAAK;EAAEC,QAAQ;EAAEC,OAAO;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACzD,MAAM;IAAEC;EAAa,CAAC,GAAGT,SAAS,CAAC,CAAC;EAEpC,MAAMU,WAAW,GAAGZ,oBAAoB,CAACQ,OAAO,EAAE,MAAMG,YAAY,CAAC,IAAI,CAAC,CAAC;EAE3E,MAAME,IAAI,GAAGP,OAAO,GAAGL,IAAI,GAAGF,SAAS;EAEvC,oBACEK,IAAA,CAACS,IAAI;IAACH,GAAG,EAAEA,GAAI;IAAA,GAAMD,KAAK;IAAqBD,OAAO,EAAEI,WAAY;IAAAL,QAAA,EACjEA;EAAQ,CACL,CAAC;AAEX,CACF,CAAC;AAEDF,aAAa,CAACS,WAAW,GAAG,eAAe","ignoreList":[]}

package/lib/module/dialog/index.js

@@ -1,45 +1,11 @@
 "use strict";
 
-import { createDialogRoot } from './createDialogRoot';
-import { createDialogTrigger } from './createDialogTrigger';
-import { createDialogContent } from './createDialogContent';
-import { createDialogHeader } from './createDialogHeader';
-import { createDialogTitle } from './createDialogTitle';
-import { createDialogDescription } from './createDialogDescription';
-import { createDialogBody } from './createDialogBody';
-import { createDialogFooter } from './createDialogFooter';
-import { createDialogClose } from './createDialogClose';
-import { DialogProvider, useDialog } from './context';
-export { DialogProvider, useDialog };
-export function createDialog(BaseComponents) {
-  const Root = createDialogRoot(BaseComponents.Root);
-  const Trigger = createDialogTrigger(BaseComponents.Trigger);
-  const Content = createDialogContent(BaseComponents.Content, BaseComponents.Overlay);
-  const Header = createDialogHeader(BaseComponents.Header);
-  const Title = createDialogTitle(BaseComponents.Title);
-  const Description = createDialogDescription(BaseComponents.Description);
-  const Body = createDialogBody(BaseComponents.Body);
-  const Footer = createDialogFooter(BaseComponents.Footer);
-  const Close = createDialogClose(BaseComponents.Close);
-  Root.displayName = 'DialogPrimitive.Root';
-  Trigger.displayName = 'DialogPrimitive.Trigger';
-  Content.displayName = 'DialogPrimitive.Content';
-  Header.displayName = 'DialogPrimitive.Header';
-  Title.displayName = 'DialogPrimitive.Title';
-  Description.displayName = 'DialogPrimitive.Description';
-  Body.displayName = 'DialogPrimitive.Body';
-  Footer.displayName = 'DialogPrimitive.Footer';
-  Close.displayName = 'DialogPrimitive.Close';
-  return Object.assign(Root, {
-    Root,
-    Trigger,
-    Content,
-    Header,
-    Title,
-    Description,
-    Body,
-    Footer,
-    Close
-  });
-}
+export { DialogProvider, useDialog } from './context';
+export { DialogRoot } from './DialogRoot';
+export { DialogTrigger } from './DialogTrigger';
+export { DialogPortal } from './DialogPortal';
+export { DialogOverlay } from './DialogOverlay';
+export { DialogContent } from './DialogContent';
+export { DialogPopup } from './DialogPopup';
+export { DialogClose } from './DialogClose';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["createDialogRoot","createDialogTrigger","createDialogContent","createDialogHeader","createDialogTitle","createDialogDescription","createDialogBody","createDialogFooter","createDialogClose","DialogProvider","useDialog","createDialog","BaseComponents","Root","Trigger","Content","Overlay","Header","Title","Description","Body","Footer","Close","displayName","Object","assign"],"sourceRoot":"../../../src","sources":["dialog/index.tsx"],"mappings":";;AACA,SAASA,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,mBAAmB,QAAQ,uBAAuB;AAC3D,SAASC,mBAAmB,QAAQ,uBAAuB;AAC3D,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,iBAAiB,QAAQ,qBAAqB;AACvD,SAASC,uBAAuB,QAAQ,2BAA2B;AACnE,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,iBAAiB,QAAQ,qBAAqB;AACvD,SAASC,cAAc,EAAEC,SAAS,QAAQ,WAAW;AAGrD,SAASD,cAAc,EAAEC,SAAS;AAelC,OAAO,SAASC,YAAYA,CAW1BC,cAWD,EAAE;EACD,MAAMC,IAAI,GAAGb,gBAAgB,CAACY,cAAc,CAACC,IAAI,CAAC;EAClD,MAAMC,OAAO,GAAGb,mBAAmB,CAACW,cAAc,CAACE,OAAO,CAAC;EAC3D,MAAMC,OAAO,GAAGb,mBAAmB,CAACU,cAAc,CAACG,OAAO,EAAEH,cAAc,CAACI,OAAO,CAAC;EACnF,MAAMC,MAAM,GAAGd,kBAAkB,CAACS,cAAc,CAACK,MAAM,CAAC;EACxD,MAAMC,KAAK,GAAGd,iBAAiB,CAACQ,cAAc,CAACM,KAAK,CAAC;EACrD,MAAMC,WAAW,GAAGd,uBAAuB,CAACO,cAAc,CAACO,WAAW,CAAC;EACvE,MAAMC,IAAI,GAAGd,gBAAgB,CAACM,cAAc,CAACQ,IAAI,CAAC;EAClD,MAAMC,MAAM,GAAGd,kBAAkB,CAACK,cAAc,CAACS,MAAM,CAAC;EACxD,MAAMC,KAAK,GAAGd,iBAAiB,CAACI,cAAc,CAACU,KAAK,CAAC;EAErDT,IAAI,CAACU,WAAW,GAAG,sBAAsB;EACzCT,OAAO,CAACS,WAAW,GAAG,yBAAyB;EAC/CR,OAAO,CAACQ,WAAW,GAAG,yBAAyB;EAC/CN,MAAM,CAACM,WAAW,GAAG,wBAAwB;EAC7CL,KAAK,CAACK,WAAW,GAAG,uBAAuB;EAC3CJ,WAAW,CAACI,WAAW,GAAG,6BAA6B;EACvDH,IAAI,CAACG,WAAW,GAAG,sBAAsB;EACzCF,MAAM,CAACE,WAAW,GAAG,wBAAwB;EAC7CD,KAAK,CAACC,WAAW,GAAG,uBAAuB;EAE3C,OAAOC,MAAM,CAACC,MAAM,CAACZ,IAAI,EAAE;IACzBA,IAAI;IACJC,OAAO;IACPC,OAAO;IACPE,MAAM;IACNC,KAAK;IACLC,WAAW;IACXC,IAAI;IACJC,MAAM;IACNC;EACF,CAAC,CAAC;AAWJ","ignoreList":[]}
+{"version":3,"names":["DialogProvider","useDialog","DialogRoot","DialogTrigger","DialogPortal","DialogOverlay","DialogContent","DialogPopup","DialogClose"],"sourceRoot":"../../../src","sources":["dialog/index.tsx"],"mappings":";;AAAA,SAASA,cAAc,EAAEC,SAAS,QAAQ,WAAW;AACrD,SAASC,UAAU,QAA8B,cAAc;AAC/D,SAASC,aAAa,QAAiC,iBAAiB;AACxE,SAASC,YAAY,QAAgC,gBAAgB;AACrE,SAASC,aAAa,QAAiC,iBAAiB;AACxE,SAASC,aAAa,QAAiC,iBAAiB;AACxE,SAASC,WAAW,QAA+B,eAAe;AAClE,SAASC,WAAW,QAA+B,eAAe","ignoreList":[]}

package/lib/module/field/FieldLabel.js

@@ -0,0 +1,44 @@
+"use strict";
+
+import { forwardRef } from 'react';
+import { Text } from 'react-native';
+import { composeEventHandlers, useFormControlContext } from '@cdx-ui/utils';
+import { Slot } from '../slot';
+import { dataAttributes, mergeDataAttributes } from '../utils/dataAttributes';
+import { jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Native: `Text` label row — tap focuses the field input via form context
+ * (parity with `<label htmlFor>` on web).
+ */
+export const FieldLabel = /*#__PURE__*/forwardRef(({
+  asChild,
+  children,
+  htmlFor: _omitHtmlFor,
+  requiredIndicator,
+  onPress,
+  ...props
+}, ref) => {
+  void _omitHtmlFor;
+  const {
+    labelId,
+    isInvalid,
+    isRequired,
+    isDisabled,
+    focusInput
+  } = useFormControlContext();
+  const Comp = asChild ? Slot : Text;
+  return /*#__PURE__*/_jsxs(Comp, {
+    ref: ref,
+    id: labelId,
+    ...props,
+    disabled: Boolean(isDisabled),
+    onPress: composeEventHandlers(onPress, () => focusInput?.()),
+    ...mergeDataAttributes(props, dataAttributes({
+      invalid: isInvalid,
+      required: isRequired
+    })),
+    children: [children, isRequired ? requiredIndicator : null]
+  });
+});
+FieldLabel.displayName = 'FieldLabel';
+//# sourceMappingURL=FieldLabel.js.map

package/lib/module/field/FieldLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","Text","composeEventHandlers","useFormControlContext","Slot","dataAttributes","mergeDataAttributes","jsxs","_jsxs","FieldLabel","asChild","children","htmlFor","_omitHtmlFor","requiredIndicator","onPress","props","ref","labelId","isInvalid","isRequired","isDisabled","focusInput","Comp","id","disabled","Boolean","invalid","required","displayName"],"sourceRoot":"../../../src","sources":["field/FieldLabel.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAA2B,OAAO;AACrD,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,oBAAoB,EAAEC,qBAAqB,QAAQ,eAAe;AAC3E,SAASC,IAAI,QAAQ,SAAS;AAC9B,SAASC,cAAc,EAAEC,mBAAmB,QAAQ,yBAAyB;AAAC,SAAAC,IAAA,IAAAC,KAAA;AAQ9E;AACA;AACA;AACA;AACA,OAAO,MAAMC,UAAU,gBAAGT,UAAU,CAClC,CAAC;EAAEU,OAAO;EAAEC,QAAQ;EAAEC,OAAO,EAAEC,YAAY;EAAEC,iBAAiB;EAAEC,OAAO;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC3F,KAAKJ,YAAY;EAEjB,MAAM;IAAEK,OAAO;IAAEC,SAAS;IAAEC,UAAU;IAAEC,UAAU;IAAEC;EAAW,CAAC,GAAGnB,qBAAqB,CAAC,CAAC;EAC1F,MAAMoB,IAAI,GAAGb,OAAO,GAAGN,IAAI,GAAGH,IAAI;EAElC,oBACEO,KAAA,CAACe,IAAI;IACHN,GAAG,EAAEA,GAAI;IACTO,EAAE,EAAEN,OAAQ;IAAA,GACRF,KAAK;IACTS,QAAQ,EAAEC,OAAO,CAACL,UAAU,CAAE;IAC9BN,OAAO,EAAEb,oBAAoB,CAACa,OAAO,EAAE,MAAMO,UAAU,GAAG,CAAC,CAAE;IAAA,GACzDhB,mBAAmB,CACrBU,KAAK,EACLX,cAAc,CAAC;MAAEsB,OAAO,EAAER,SAAS;MAAES,QAAQ,EAAER;IAAW,CAAC,CAC7D,CAAC;IAAAT,QAAA,GAEAA,QAAQ,EACRS,UAAU,GAAGN,iBAAiB,GAAG,IAAI;EAAA,CAClC,CAAC;AAEX,CACF,CAAC;AAEDL,UAAU,CAACoB,WAAW,GAAG,YAAY","ignoreList":[]}

package/lib/module/field/FieldLabel.web.js

@@ -0,0 +1,55 @@
+"use strict";
+
+import React, { forwardRef } from 'react';
+import { useFormControlContext } from '@cdx-ui/utils';
+import { Slot } from '../slot';
+import { domDataAttributes, mergeDomDataAttributes } from '../utils/domDataAttributes';
+import { Fragment as _Fragment, jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Real `<label>` so clicking the label focuses the associated control
+ * (`htmlFor` → input `id`). The htmlFor default matches `useFormControl`:
+ * `props.id ?? \`${field.id}-input\``.
+ */
+export const FieldLabel = /*#__PURE__*/forwardRef(({
+  asChild,
+  children,
+  htmlFor: htmlForProp,
+  requiredIndicator,
+  dataSet,
+  ...rest
+}, ref) => {
+  const {
+    id: fieldId,
+    labelId,
+    isInvalid,
+    isRequired
+  } = useFormControlContext();
+  const htmlFor = htmlForProp ?? (fieldId ? `${fieldId}-input` : undefined);
+  const mergedDataAttrs = mergeDomDataAttributes(domDataAttributes(dataSet ?? {}), domDataAttributes({
+    invalid: isInvalid,
+    required: isRequired
+  }));
+  const labelContent = /*#__PURE__*/_jsxs(_Fragment, {
+    children: [children, isRequired ? requiredIndicator : null]
+  });
+  if (asChild) {
+    return /*#__PURE__*/_jsx(Slot, {
+      ref: ref,
+      id: labelId,
+      htmlFor: htmlFor,
+      ...rest,
+      ...mergedDataAttrs,
+      children: labelContent
+    });
+  }
+  return /*#__PURE__*/_jsx("label", {
+    ref: ref,
+    id: labelId,
+    htmlFor: htmlFor,
+    ...rest,
+    ...mergedDataAttrs,
+    children: labelContent
+  });
+});
+FieldLabel.displayName = 'FieldLabel';
+//# sourceMappingURL=FieldLabel.web.js.map

package/lib/module/field/FieldLabel.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","useFormControlContext","Slot","domDataAttributes","mergeDomDataAttributes","Fragment","_Fragment","jsxs","_jsxs","jsx","_jsx","FieldLabel","asChild","children","htmlFor","htmlForProp","requiredIndicator","dataSet","rest","ref","id","fieldId","labelId","isInvalid","isRequired","undefined","mergedDataAttrs","invalid","required","labelContent","displayName"],"sourceRoot":"../../../src","sources":["field/FieldLabel.web.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAwB,OAAO;AACzD,SAASC,qBAAqB,QAAQ,eAAe;AACrD,SAASC,IAAI,QAAQ,SAAS;AAC9B,SACEC,iBAAiB,EACjBC,sBAAsB,QAEjB,4BAA4B;AAAC,SAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,GAAA,IAAAC,IAAA;AAkBpC;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,UAAU,gBAAGX,UAAU,CAClC,CAAC;EAAEY,OAAO;EAAEC,QAAQ;EAAEC,OAAO,EAAEC,WAAW;EAAEC,iBAAiB;EAAEC,OAAO;EAAE,GAAGC;AAAK,CAAC,EAAEC,GAAG,KAAK;EACzF,MAAM;IAAEC,EAAE,EAAEC,OAAO;IAAEC,OAAO;IAAEC,SAAS;IAAEC;EAAW,CAAC,GAAGvB,qBAAqB,CAAC,CAAC;EAE/E,MAAMa,OAAO,GAAGC,WAAW,KAAKM,OAAO,GAAG,GAAGA,OAAO,QAAQ,GAAGI,SAAS,CAAC;EAEzE,MAAMC,eAAe,GAAGtB,sBAAsB,CAC5CD,iBAAiB,CAACc,OAAO,IAAI,CAAC,CAAC,CAAC,EAChCd,iBAAiB,CAAC;IAAEwB,OAAO,EAAEJ,SAAS;IAAEK,QAAQ,EAAEJ;EAAW,CAAC,CAChE,CAAC;EAED,MAAMK,YAAY,gBAChBrB,KAAA,CAAAF,SAAA;IAAAO,QAAA,GACGA,QAAQ,EACRW,UAAU,GAAGR,iBAAiB,GAAG,IAAI;EAAA,CACtC,CACH;EAED,IAAIJ,OAAO,EAAE;IACX,oBACEF,IAAA,CAACR,IAAI;MACHiB,GAAG,EAAEA,GAAI;MACTC,EAAE,EAAEE,OAAQ;MACZR,OAAO,EAAEA,OAAQ;MAAA,GACZI,IAAI;MAAA,GACLQ,eAAe;MAAAb,QAAA,EAElBgB;IAAY,CACT,CAAC;EAEX;EAEA,oBACEnB,IAAA;IAAOS,GAAG,EAAEA,GAAI;IAACC,EAAE,EAAEE,OAAQ;IAACR,OAAO,EAAEA,OAAQ;IAAA,GAAKI,IAAI;IAAA,GAAMQ,eAAe;IAAAb,QAAA,EAC1EgB;EAAY,CACR,CAAC;AAEZ,CACF,CAAC;AAEDlB,UAAU,CAACmB,WAAW,GAAG,YAAY","ignoreList":[]}

package/lib/module/field/FieldRoot.js

@@ -0,0 +1,34 @@
+"use strict";
+
+import { forwardRef } from 'react';
+import { View } from 'react-native';
+import { FormControlContext, useFormControlRoot } from '@cdx-ui/utils';
+import { Slot } from '../slot';
+import { dataAttributes, mergeDataAttributes } from '../utils/dataAttributes';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const FieldRoot = /*#__PURE__*/forwardRef(({
+  asChild,
+  children,
+  ...props
+}, ref) => {
+  const {
+    htmlProps,
+    ...context
+  } = useFormControlRoot(props);
+  const Comp = asChild ? Slot : View;
+  return /*#__PURE__*/_jsx(FormControlContext.Provider, {
+    value: context,
+    children: /*#__PURE__*/_jsx(Comp, {
+      ref: ref,
+      ...htmlProps,
+      ...mergeDataAttributes(htmlProps, dataAttributes({
+        disabled: context.isDisabled,
+        invalid: context.isInvalid,
+        required: context.isRequired
+      })),
+      children: children
+    })
+  });
+});
+FieldRoot.displayName = 'FieldRoot';
+//# sourceMappingURL=FieldRoot.js.map

package/lib/module/field/FieldRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","View","FormControlContext","useFormControlRoot","Slot","dataAttributes","mergeDataAttributes","jsx","_jsx","FieldRoot","asChild","children","props","ref","htmlProps","context","Comp","Provider","value","disabled","isDisabled","invalid","isInvalid","required","isRequired","displayName"],"sourceRoot":"../../../src","sources":["field/FieldRoot.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAA2B,OAAO;AACrD,SAASC,IAAI,QAAwB,cAAc;AACnD,SAASC,kBAAkB,EAAEC,kBAAkB,QAAQ,eAAe;AACtE,SAASC,IAAI,QAAQ,SAAS;AAC9B,SAASC,cAAc,EAAEC,mBAAmB,QAAQ,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQ9E,OAAO,MAAMC,SAAS,gBAAGT,UAAU,CACjC,CAAC;EAAEU,OAAO;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACxC,MAAM;IAAEC,SAAS;IAAE,GAAGC;EAAQ,CAAC,GAAGZ,kBAAkB,CAACS,KAAK,CAAC;EAC3D,MAAMI,IAAI,GAAGN,OAAO,GAAGN,IAAI,GAAGH,IAAI;EAElC,oBACEO,IAAA,CAACN,kBAAkB,CAACe,QAAQ;IAACC,KAAK,EAAEH,OAAQ;IAAAJ,QAAA,eAC1CH,IAAA,CAACQ,IAAI;MACHH,GAAG,EAAEA,GAAI;MAAA,GACJC,SAAS;MAAA,GACVR,mBAAmB,CACrBQ,SAAS,EACTT,cAAc,CAAC;QACbc,QAAQ,EAAEJ,OAAO,CAACK,UAAU;QAC5BC,OAAO,EAAEN,OAAO,CAACO,SAAS;QAC1BC,QAAQ,EAAER,OAAO,CAACS;MACpB,CAAC,CACH,CAAC;MAAAb,QAAA,EAEAA;IAAQ,CACL;EAAC,CACoB,CAAC;AAElC,CACF,CAAC;AAEDF,SAAS,CAACgB,WAAW,GAAG,WAAW","ignoreList":[]}

package/lib/module/field/index.js

@@ -1,42 +1,5 @@
 "use strict";
 
-import { createFieldError } from './createFieldError';
-import { createFieldErrorIcon } from './createFieldErrorIcon';
-import { createFieldErrorText } from './createFieldErrorText';
-import { createFieldRoot } from './createFieldRoot';
-import { createFieldHelper } from './createFieldHelper';
-import { createFieldHelperText } from './createFieldHelperText';
-import { createFieldLabel } from './createFieldLabel';
-export function createField({
-  Root,
-  Label,
-  Helper,
-  HelperText,
-  Error,
-  ErrorText,
-  ErrorIcon
-}) {
-  const FieldRoot = createFieldRoot(Root);
-  FieldRoot.displayName = 'FieldPrimitive';
-  const FieldLabel = createFieldLabel(Label);
-  FieldLabel.displayName = 'FieldPrimitive.Label';
-  const FieldHelper = createFieldHelper(Helper);
-  FieldHelper.displayName = 'FieldPrimitive.Helper';
-  const FieldHelperText = createFieldHelperText(HelperText);
-  FieldHelperText.displayName = 'FieldPrimitive.HelperText';
-  const FieldError = createFieldError(Error);
-  FieldError.displayName = 'FieldPrimitive.Error';
-  const FieldErrorText = createFieldErrorText(ErrorText);
-  FieldErrorText.displayName = 'FieldPrimitive.ErrorText';
-  const FieldErrorIcon = createFieldErrorIcon(ErrorIcon);
-  FieldErrorIcon.displayName = 'FieldPrimitive.ErrorIcon';
-  return Object.assign(FieldRoot, {
-    Label: FieldLabel,
-    Helper: FieldHelper,
-    HelperText: FieldHelperText,
-    Error: FieldError,
-    ErrorText: FieldErrorText,
-    ErrorIcon: FieldErrorIcon
-  });
-}
+export { FieldRoot } from './FieldRoot';
+export { FieldLabel } from './FieldLabel';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["createFieldError","createFieldErrorIcon","createFieldErrorText","createFieldRoot","createFieldHelper","createFieldHelperText","createFieldLabel","createField","Root","Label","Helper","HelperText","Error","ErrorText","ErrorIcon","FieldRoot","displayName","FieldLabel","FieldHelper","FieldHelperText","FieldError","FieldErrorText","FieldErrorIcon","Object","assign"],"sourceRoot":"../../../src","sources":["field/index.tsx"],"mappings":";;AACA,SAASA,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,oBAAoB,QAAQ,wBAAwB;AAC7D,SAASC,oBAAoB,QAAQ,wBAAwB;AAC7D,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,iBAAiB,QAAQ,qBAAqB;AACvD,SAASC,qBAAqB,QAAQ,yBAAyB;AAC/D,SAASC,gBAAgB,QAAQ,oBAAoB;AAcrD,OAAO,SAASC,WAAWA,CAA+D;EACxFC,IAAI;EACJC,KAAK;EACLC,MAAM;EACNC,UAAU;EACVC,KAAK;EACLC,SAAS;EACTC;AASF,CAAC,EAAE;EACD,MAAMC,SAAS,GAAGZ,eAAe,CAACK,IAAI,CAAC;EACvCO,SAAS,CAACC,WAAW,GAAG,gBAAgB;EAExC,MAAMC,UAAU,GAAGX,gBAAgB,CAACG,KAAK,CAAC;EAC1CQ,UAAU,CAACD,WAAW,GAAG,sBAAsB;EAE/C,MAAME,WAAW,GAAGd,iBAAiB,CAACM,MAAM,CAAC;EAC7CQ,WAAW,CAACF,WAAW,GAAG,uBAAuB;EAEjD,MAAMG,eAAe,GAAGd,qBAAqB,CAACM,UAAU,CAAC;EACzDQ,eAAe,CAACH,WAAW,GAAG,2BAA2B;EAEzD,MAAMI,UAAU,GAAGpB,gBAAgB,CAACY,KAAK,CAAC;EAC1CQ,UAAU,CAACJ,WAAW,GAAG,sBAAsB;EAE/C,MAAMK,cAAc,GAAGnB,oBAAoB,CAACW,SAAS,CAAC;EACtDQ,cAAc,CAACL,WAAW,GAAG,0BAA0B;EAEvD,MAAMM,cAAc,GAAGrB,oBAAoB,CAACa,SAAS,CAAC;EACtDQ,cAAc,CAACN,WAAW,GAAG,0BAA0B;EAEvD,OAAOO,MAAM,CAACC,MAAM,CAACT,SAAS,EAAE;IAC9BN,KAAK,EAAEQ,UAAU;IACjBP,MAAM,EAAEQ,WAAW;IACnBP,UAAU,EAAEQ,eAAe;IAC3BP,KAAK,EAAEQ,UAAU;IACjBP,SAAS,EAAEQ,cAAc;IACzBP,SAAS,EAAEQ;EACb,CAAC,CAAC;AACJ","ignoreList":[]}
+{"version":3,"names":["FieldRoot","FieldLabel"],"sourceRoot":"../../../src","sources":["field/index.tsx"],"mappings":";;AACA,SAASA,SAAS,QAA6B,aAAa;AAC5D,SAASC,UAAU,QAA8B,cAAc","ignoreList":[]}

package/lib/module/form/FormRoot.js

@@ -0,0 +1,21 @@
+"use strict";
+
+import { forwardRef } from 'react';
+import { View } from 'react-native';
+import { Slot } from '../slot';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const FormRoot = /*#__PURE__*/forwardRef(({
+  asChild,
+  onSubmit: _,
+  action: _a,
+  method: _m,
+  ...props
+}, ref) => {
+  const Comp = asChild ? Slot : View;
+  return /*#__PURE__*/_jsx(Comp, {
+    ref: ref,
+    ...props
+  });
+});
+FormRoot.displayName = 'FormRoot';
+//# sourceMappingURL=FormRoot.js.map

package/lib/module/form/FormRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","View","Slot","jsx","_jsx","FormRoot","asChild","onSubmit","_","action","_a","method","_m","props","ref","Comp","displayName"],"sourceRoot":"../../../src","sources":["form/FormRoot.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,IAAI,QAAwB,cAAc;AACnD,SAASC,IAAI,QAAQ,SAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQ/B,OAAO,MAAMC,QAAQ,gBAAGL,UAAU,CAChC,CAAC;EAAEM,OAAO;EAAEC,QAAQ,EAAEC,CAAC;EAAEC,MAAM,EAAEC,EAAE;EAAEC,MAAM,EAAEC,EAAE;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACnE,MAAMC,IAAI,GAAGT,OAAO,GAAGJ,IAAI,GAAGD,IAAI;EAClC,oBAAOG,IAAA,CAACW,IAAI;IAACD,GAAG,EAAEA,GAAI;IAAA,GAAKD;EAAK,CAAG,CAAC;AACtC,CACF,CAAC;AAEDR,QAAQ,CAACW,WAAW,GAAG,UAAU","ignoreList":[]}

package/lib/module/form/FormRoot.web.js

@@ -0,0 +1,22 @@
+"use strict";
+
+import React, { forwardRef } from 'react';
+import { Slot } from '../slot';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const FormRoot = /*#__PURE__*/forwardRef(({
+  asChild,
+  ...props
+}, ref) => {
+  if (asChild) {
+    return /*#__PURE__*/_jsx(Slot, {
+      ref: ref,
+      ...props
+    });
+  }
+  return /*#__PURE__*/_jsx("form", {
+    ref: ref,
+    ...props
+  });
+});
+FormRoot.displayName = 'FormRoot';
+//# sourceMappingURL=FormRoot.web.js.map

package/lib/module/form/FormRoot.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","Slot","jsx","_jsx","FormRoot","asChild","props","ref","displayName"],"sourceRoot":"../../../src","sources":["form/FormRoot.web.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,IAAI,QAAQ,SAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQ/B,OAAO,MAAMC,QAAQ,gBAAGJ,UAAU,CAAiC,CAAC;EAAEK,OAAO;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACjG,IAAIF,OAAO,EAAE;IACX,oBAAOF,IAAA,CAACF,IAAI;MAACM,GAAG,EAAEA,GAAI;MAAA,GAAMD;IAAK,CAA+B,CAAC;EACnE;EACA,oBAAOH,IAAA;IAAMI,GAAG,EAAEA,GAAI;IAAA,GAAKD;EAAK,CAAG,CAAC;AACtC,CAAC,CAAC;AAEFF,QAAQ,CAACI,WAAW,GAAG,UAAU","ignoreList":[]}

package/lib/module/form/index.js

@@ -1,11 +1,4 @@
 "use strict";
 
-import { createFormRoot } from './createFormRoot';
-export function createForm({
-  Root
-}) {
-  const FormRoot = createFormRoot(Root);
-  FormRoot.displayName = 'FormPrimitive';
-  return FormRoot;
-}
+export { FormRoot } from './FormRoot';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["createFormRoot","createForm","Root","FormRoot","displayName"],"sourceRoot":"../../../src","sources":["form/index.tsx"],"mappings":";;AACA,SAASA,cAAc,QAAQ,kBAAkB;AAIjD,OAAO,SAASC,UAAUA,CAAO;EAAEC;AAA0C,CAAC,EAAE;EAC9E,MAAMC,QAAQ,GAAGH,cAAc,CAACE,IAAI,CAAC;EAErCC,QAAQ,CAACC,WAAW,GAAG,eAAe;EAEtC,OAAOD,QAAQ;AACjB","ignoreList":[]}
+{"version":3,"names":["FormRoot"],"sourceRoot":"../../../src","sources":["form/index.tsx"],"mappings":";;AACA,SAASA,QAAQ,QAA4B,YAAY","ignoreList":[]}