@cdx-ui/primitives 0.0.1-alpha.9 → 0.0.1-beta.2

package/lib/module/dialog/createDialogDescription.js

@@ -0,0 +1,24 @@
+"use strict";
+
+import React, { forwardRef } from 'react';
+import { dataAttributes } from '../utils/dataAttributes';
+import { useDialog } from './context';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const createDialogDescription = BaseDescription => /*#__PURE__*/forwardRef(({
+  children,
+  ...props
+}, ref) => {
+  const {
+    nativeID
+  } = useDialog();
+  return /*#__PURE__*/_jsx(BaseDescription, {
+    ref: ref,
+    nativeID: `${nativeID}-description`,
+    ...props,
+    ...dataAttributes({
+      slot: 'dialog-description'
+    }),
+    children: children
+  });
+});
+//# sourceMappingURL=createDialogDescription.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","dataAttributes","useDialog","jsx","_jsx","createDialogDescription","BaseDescription","children","props","ref","nativeID","slot"],"sourceRoot":"../../../src","sources":["dialog/createDialogDescription.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,cAAc,QAAQ,yBAAyB;AACxD,SAASC,SAAS,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGtC,OAAO,MAAMC,uBAAuB,GAAQC,eAAuC,iBACjFN,UAAU,CAAmC,CAAC;EAAEO,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC5E,MAAM;IAAEC;EAAS,CAAC,GAAGR,SAAS,CAAC,CAAC;EAEhC,oBACEE,IAAA,CAACE,eAAe;IACdG,GAAG,EAAEA,GAAI;IACTC,QAAQ,EAAE,GAAGA,QAAQ,cAAe;IAAA,GAC/BF,KAAK;IAAA,GACNP,cAAc,CAAC;MAAEU,IAAI,EAAE;IAAqB,CAAC,CAAC;IAAAJ,QAAA,EAEjDA;EAAQ,CACM,CAAC;AAEtB,CAAC,CAAC","ignoreList":[]}

package/lib/module/dialog/createDialogFooter.js

@@ -0,0 +1,15 @@
+"use strict";
+
+import React, { forwardRef } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const createDialogFooter = BaseFooter => /*#__PURE__*/forwardRef(({
+  children,
+  ...props
+}, ref) => {
+  return /*#__PURE__*/_jsx(BaseFooter, {
+    ref: ref,
+    ...props,
+    children: children
+  });
+});
+//# sourceMappingURL=createDialogFooter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","jsx","_jsx","createDialogFooter","BaseFooter","children","props","ref"],"sourceRoot":"../../../src","sources":["dialog/createDialogFooter.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG1C,OAAO,MAAMC,kBAAkB,GAAQC,UAAkC,iBACvEJ,UAAU,CAA8B,CAAC;EAAEK,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACvE,oBACEL,IAAA,CAACE,UAAU;IAACG,GAAG,EAAEA,GAAI;IAAA,GAAMD,KAAK;IAAAD,QAAA,EAC7BA;EAAQ,CACC,CAAC;AAEjB,CAAC,CAAC","ignoreList":[]}

package/lib/module/dialog/createDialogHeader.js

@@ -0,0 +1,15 @@
+"use strict";
+
+import React, { forwardRef } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const createDialogHeader = BaseHeader => /*#__PURE__*/forwardRef(({
+  children,
+  ...props
+}, ref) => {
+  return /*#__PURE__*/_jsx(BaseHeader, {
+    ref: ref,
+    ...props,
+    children: children
+  });
+});
+//# sourceMappingURL=createDialogHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","jsx","_jsx","createDialogHeader","BaseHeader","children","props","ref"],"sourceRoot":"../../../src","sources":["dialog/createDialogHeader.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG1C,OAAO,MAAMC,kBAAkB,GAAQC,UAAkC,iBACvEJ,UAAU,CAA8B,CAAC;EAAEK,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACvE,oBACEL,IAAA,CAACE,UAAU;IAACG,GAAG,EAAEA,GAAI;IAAA,GAAMD,KAAK;IAAAD,QAAA,EAC7BA;EAAQ,CACC,CAAC;AAEjB,CAAC,CAAC","ignoreList":[]}

package/lib/module/dialog/createDialogRoot.js

@@ -0,0 +1,49 @@
+"use strict";
+
+import { forwardRef, useCallback, useId, useMemo } from 'react';
+import { useControllableState } from '@cdx-ui/utils';
+import { dataAttributes } from '../utils/dataAttributes';
+import { DialogProvider } from './context';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const createDialogRoot = BaseRoot => /*#__PURE__*/forwardRef(({
+  open: openProp,
+  onOpenChange,
+  defaultOpen = false,
+  closeOnBackdropPress = true,
+  closeOnEscKey = true,
+  role = 'dialog',
+  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]);
+  return /*#__PURE__*/_jsx(DialogProvider, {
+    value: contextValue,
+    children: /*#__PURE__*/_jsx(BaseRoot, {
+      ref: ref,
+      ...props,
+      ...dataAttributes({
+        slot: 'dialog',
+        state: open ? 'open' : 'closed'
+      }),
+      children: children
+    })
+  });
+});
+//# sourceMappingURL=createDialogRoot.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useCallback","useId","useMemo","useControllableState","dataAttributes","DialogProvider","jsx","_jsx","createDialogRoot","BaseRoot","open","openProp","onOpenChange","defaultOpen","closeOnBackdropPress","closeOnEscKey","role","children","props","ref","setOpenState","prop","defaultProp","onChange","setOpen","newOpen","id","nativeID","contextValue","value","slot","state"],"sourceRoot":"../../../src","sources":["dialog/createDialogRoot.tsx"],"mappings":";;AACA,SAASA,UAAU,EAAEC,WAAW,EAAEC,KAAK,EAAEC,OAAO,QAAQ,OAAO;AAC/D,SAASC,oBAAoB,QAAQ,eAAe;AACpD,SAASC,cAAc,QAAQ,yBAAyB;AACxD,SAASC,cAAc,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG3C,OAAO,MAAMC,gBAAgB,GAAQC,QAAgC,iBACnEV,UAAU,CACR,CACE;EACEW,IAAI,EAAEC,QAAQ;EACdC,YAAY;EACZC,WAAW,GAAG,KAAK;EACnBC,oBAAoB,GAAG,IAAI;EAC3BC,aAAa,GAAG,IAAI;EACpBC,IAAI,GAAG,QAAQ;EACfC,QAAQ;EACR,GAAGC;AACa,CAAC,EACnBC,GAAkB,KACf;EACH,MAAM,CAACT,IAAI,EAAEU,YAAY,CAAC,GAAGjB,oBAAoB,CAAU;IACzDkB,IAAI,EAAEV,QAAQ;IACdW,WAAW,EAAET,WAAW;IACxBU,QAAQ,EAAEX;EACZ,CAAC,CAAC;EAEF,MAAMY,OAAO,GAAGxB,WAAW,CACxByB,OAAgB,IAAK;IACpBL,YAAY,CAACK,OAAO,CAAC;EACvB,CAAC,EACD,CAACL,YAAY,CACf,CAAC;EAED,MAAMM,EAAE,GAAGzB,KAAK,CAAC,CAAC;EAClB,MAAM0B,QAAQ,GAAG,UAAUD,EAAE,EAAE;EAE/B,MAAME,YAAY,GAAG1B,OAAO,CAC1B,OAAO;IACLQ,IAAI,EAAEA,IAAI,IAAI,KAAK;IACnBE,YAAY,EAAEY,OAAO;IACrBV,oBAAoB;IACpBC,aAAa;IACbY,QAAQ;IACRX;EACF,CAAC,CAAC,EACF,CAACN,IAAI,EAAEc,OAAO,EAAEV,oBAAoB,EAAEC,aAAa,EAAEY,QAAQ,EAAEX,IAAI,CACrE,CAAC;EAED,oBACET,IAAA,CAACF,cAAc;IAACwB,KAAK,EAAED,YAAa;IAAAX,QAAA,eAClCV,IAAA,CAACE,QAAQ;MACPU,GAAG,EAAEA,GAAI;MAAA,GACJD,KAAK;MAAA,GACNd,cAAc,CAAC;QACjB0B,IAAI,EAAE,QAAQ;QACdC,KAAK,EAAErB,IAAI,GAAG,MAAM,GAAG;MACzB,CAAC,CAAC;MAAAO,QAAA,EAEDA;IAAQ,CACD;EAAC,CACG,CAAC;AAErB,CACF,CAAC","ignoreList":[]}

package/lib/module/dialog/createDialogTitle.js

@@ -0,0 +1,15 @@
+"use strict";
+
+import React, { forwardRef } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const createDialogTitle = BaseTitle => /*#__PURE__*/forwardRef(({
+  children,
+  ...props
+}, ref) => {
+  return /*#__PURE__*/_jsx(BaseTitle, {
+    ref: ref,
+    ...props,
+    children: children
+  });
+});
+//# sourceMappingURL=createDialogTitle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","jsx","_jsx","createDialogTitle","BaseTitle","children","props","ref"],"sourceRoot":"../../../src","sources":["dialog/createDialogTitle.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG1C,OAAO,MAAMC,iBAAiB,GAAQC,SAAiC,iBACrEJ,UAAU,CAA6B,CAAC;EAAEK,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACtE,oBACEL,IAAA,CAACE,SAAS;IAACG,GAAG,EAAEA,GAAI;IAAA,GAAMD,KAAK;IAAAD,QAAA,EAC5BA;EAAQ,CACA,CAAC;AAEhB,CAAC,CAAC","ignoreList":[]}

package/lib/module/dialog/createDialogTrigger.js

@@ -0,0 +1,31 @@
+"use strict";
+
+import React, { forwardRef } from 'react';
+import { useDialog } from './context';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const createDialogTrigger = BaseTrigger => /*#__PURE__*/forwardRef(({
+  asChild = false,
+  children,
+  onPress,
+  ...props
+}, ref) => {
+  const {
+    onOpenChange
+  } = useDialog();
+  const handlePress = e => {
+    onPress?.(e);
+    onOpenChange(true);
+  };
+  if (asChild && /*#__PURE__*/React.isValidElement(children)) {
+    return /*#__PURE__*/React.cloneElement(children, {
+      onPress: handlePress
+    });
+  }
+  return /*#__PURE__*/_jsx(BaseTrigger, {
+    ref: ref,
+    ...props,
+    onPress: handlePress,
+    children: children
+  });
+});
+//# sourceMappingURL=createDialogTrigger.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","useDialog","jsx","_jsx","createDialogTrigger","BaseTrigger","asChild","children","onPress","props","ref","onOpenChange","handlePress","e","isValidElement","cloneElement"],"sourceRoot":"../../../src","sources":["dialog/createDialogTrigger.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAEzC,SAASC,SAAS,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEtC,OAAO,MAAMC,mBAAmB,GAAQC,WAAmC,iBACzEL,UAAU,CACR,CAAC;EAAEM,OAAO,GAAG,KAAK;EAAEC,QAAQ;EAAEC,OAAO;EAAE,GAAGC;AAA2B,CAAC,EAAEC,GAAkB,KAAK;EAC7F,MAAM;IAAEC;EAAa,CAAC,GAAGV,SAAS,CAAC,CAAC;EAEpC,MAAMW,WAAW,GAAIC,CAAO,IAAK;IAC/BL,OAAO,GAAGK,CAAC,CAAC;IACZF,YAAY,CAAC,IAAI,CAAC;EACpB,CAAC;EAED,IAAIL,OAAO,iBAAIP,KAAK,CAACe,cAAc,CAACP,QAAQ,CAAC,EAAE;IAC7C,oBAAOR,KAAK,CAACgB,YAAY,CAACR,QAAQ,EAA6B;MAC7DC,OAAO,EAAEI;IACX,CAAC,CAAC;EACJ;EAEA,oBACET,IAAA,CAACE,WAAW;IAACK,GAAG,EAAEA,GAAI;IAAA,GAAMD,KAAK;IAAQD,OAAO,EAAEI,WAAY;IAAAL,QAAA,EAC3DA;EAAQ,CACE,CAAC;AAElB,CACF,CAAC","ignoreList":[]}

package/lib/module/dialog/index.js

@@ -0,0 +1,45 @@
+"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
+  });
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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":[]}

package/lib/module/dialog/types.js

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

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

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

package/lib/module/field/createFieldError.js

@@ -0,0 +1,35 @@
+"use strict";
+
+import React, { forwardRef } from 'react';
+import { useFormControlContext } from '@cdx-ui/utils';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const createFieldError = BaseFormError => /*#__PURE__*/forwardRef(({
+  children,
+  ...props
+}, ref) => {
+  const {
+    isInvalid,
+    feedbackId,
+    setHasFeedbackText
+  } = useFormControlContext();
+  const visible = Boolean(isInvalid && children);
+  React.useEffect(() => {
+    if (!visible) {
+      setHasFeedbackText?.(false);
+      return undefined;
+    }
+    setHasFeedbackText?.(true);
+    return () => {
+      setHasFeedbackText?.(false);
+    };
+  }, [setHasFeedbackText, visible]);
+  return visible ? /*#__PURE__*/_jsx(BaseFormError, {
+    ref: ref,
+    ...props,
+    id: feedbackId,
+    accessibilityRole: "alert",
+    accessibilityLiveRegion: "assertive",
+    children: children
+  }) : null;
+});
+//# sourceMappingURL=createFieldError.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","useFormControlContext","jsx","_jsx","createFieldError","BaseFormError","children","props","ref","isInvalid","feedbackId","setHasFeedbackText","visible","Boolean","useEffect","undefined","id","accessibilityRole","accessibilityLiveRegion"],"sourceRoot":"../../../src","sources":["field/createFieldError.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,qBAAqB,QAAQ,eAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEtD,OAAO,MAAMC,gBAAgB,GAAQC,aAAqC,iBACxEL,UAAU,CAA0C,CAAC;EAAEM,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACnF,MAAM;IAAEC,SAAS;IAAEC,UAAU;IAAEC;EAAmB,CAAC,GAAGV,qBAAqB,CAAC,CAAC;EAE7E,MAAMW,OAAO,GAAGC,OAAO,CAACJ,SAAS,IAAIH,QAAQ,CAAC;EAE9CP,KAAK,CAACe,SAAS,CAAC,MAAM;IACpB,IAAI,CAACF,OAAO,EAAE;MACZD,kBAAkB,GAAG,KAAK,CAAC;MAC3B,OAAOI,SAAS;IAClB;IACAJ,kBAAkB,GAAG,IAAI,CAAC;IAC1B,OAAO,MAAM;MACXA,kBAAkB,GAAG,KAAK,CAAC;IAC7B,CAAC;EACH,CAAC,EAAE,CAACA,kBAAkB,EAAEC,OAAO,CAAC,CAAC;EAEjC,OAAOA,OAAO,gBACZT,IAAA,CAACE,aAAa;IACZG,GAAG,EAAEA,GAAI;IAAA,GACJD,KAAK;IACVS,EAAE,EAAEN,UAAW;IACfO,iBAAiB,EAAC,OAAO;IACzBC,uBAAuB,EAAC,WAAW;IAAAZ,QAAA,EAElCA;EAAQ,CACI,CAAC,GACd,IAAI;AACV,CAAC,CAAC","ignoreList":[]}

package/lib/module/field/createFieldErrorIcon.js

@@ -0,0 +1,13 @@
+"use strict";
+
+import { forwardRef } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const createFieldErrorIcon = BaseFormErrorIcon => /*#__PURE__*/forwardRef(({
+  children,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(BaseFormErrorIcon, {
+  ref: ref,
+  ...props,
+  children: children
+}));
+//# sourceMappingURL=createFieldErrorIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","jsx","_jsx","createFieldErrorIcon","BaseFormErrorIcon","children","props","ref"],"sourceRoot":"../../../src","sources":["field/createFieldErrorIcon.tsx"],"mappings":";;AACA,SAASA,UAAU,QAAQ,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEnC,OAAO,MAAMC,oBAAoB,GAAQC,iBAAyC,iBAChFJ,UAAU,CAA0C,CAAC;EAAEK,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,kBAC9EL,IAAA,CAACE,iBAAiB;EAACG,GAAG,EAAEA,GAAI;EAAA,GAAMD,KAAK;EAAAD,QAAA,EACpCA;AAAQ,CACQ,CACpB,CAAC","ignoreList":[]}

package/lib/module/field/createFieldErrorText.js

@@ -0,0 +1,13 @@
+"use strict";
+
+import { forwardRef } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const createFieldErrorText = BaseFormErrorText => /*#__PURE__*/forwardRef(({
+  children,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(BaseFormErrorText, {
+  ref: ref,
+  ...props,
+  children: children
+}));
+//# sourceMappingURL=createFieldErrorText.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","jsx","_jsx","createFieldErrorText","BaseFormErrorText","children","props","ref"],"sourceRoot":"../../../src","sources":["field/createFieldErrorText.tsx"],"mappings":";;AACA,SAASA,UAAU,QAAQ,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEnC,OAAO,MAAMC,oBAAoB,GAAQC,iBAAyC,iBAChFJ,UAAU,CAA0C,CAAC;EAAEK,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,kBAC9EL,IAAA,CAACE,iBAAiB;EAACG,GAAG,EAAEA,GAAI;EAAA,GAAMD,KAAK;EAAAD,QAAA,EACpCA;AAAQ,CACQ,CACpB,CAAC","ignoreList":[]}

package/lib/module/field/createFieldHelper.js

@@ -0,0 +1,35 @@
+"use strict";
+
+import React, { forwardRef } from 'react';
+import { useFormControlContext } from '@cdx-ui/utils';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const createFieldHelper = BaseFormHelper => /*#__PURE__*/forwardRef(({
+  children,
+  ...props
+}, ref) => {
+  const {
+    helpTextId,
+    setHasHelpText,
+    isInvalid
+  } = useFormControlContext();
+  React.useEffect(() => {
+    if (isInvalid) {
+      setHasHelpText?.(false);
+      return undefined;
+    }
+    setHasHelpText?.(true);
+    return () => {
+      setHasHelpText?.(false);
+    };
+  }, [setHasHelpText, isInvalid]);
+  if (isInvalid) {
+    return null;
+  }
+  return /*#__PURE__*/_jsx(BaseFormHelper, {
+    ref: ref,
+    ...props,
+    id: helpTextId,
+    children: children
+  });
+});
+//# sourceMappingURL=createFieldHelper.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","useFormControlContext","jsx","_jsx","createFieldHelper","BaseFormHelper","children","props","ref","helpTextId","setHasHelpText","isInvalid","useEffect","undefined","id"],"sourceRoot":"../../../src","sources":["field/createFieldHelper.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,qBAAqB,QAAQ,eAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEtD,OAAO,MAAMC,iBAAiB,GAAQC,cAAsC,iBAC1EL,UAAU,CAA0C,CAAC;EAAEM,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACnF,MAAM;IAAEC,UAAU;IAAEC,cAAc;IAAEC;EAAU,CAAC,GAAGV,qBAAqB,CAAC,CAAC;EAEzEF,KAAK,CAACa,SAAS,CAAC,MAAM;IACpB,IAAID,SAAS,EAAE;MACbD,cAAc,GAAG,KAAK,CAAC;MACvB,OAAOG,SAAS;IAClB;IACAH,cAAc,GAAG,IAAI,CAAC;IACtB,OAAO,MAAM;MACXA,cAAc,GAAG,KAAK,CAAC;IACzB,CAAC;EACH,CAAC,EAAE,CAACA,cAAc,EAAEC,SAAS,CAAC,CAAC;EAE/B,IAAIA,SAAS,EAAE;IACb,OAAO,IAAI;EACb;EAEA,oBACER,IAAA,CAACE,cAAc;IAACG,GAAG,EAAEA,GAAI;IAAA,GAAMD,KAAK;IAAQO,EAAE,EAAEL,UAAW;IAAAH,QAAA,EACxDA;EAAQ,CACK,CAAC;AAErB,CAAC,CAAC","ignoreList":[]}

package/lib/module/field/createFieldHelperText.js

@@ -0,0 +1,13 @@
+"use strict";
+
+import { forwardRef } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const createFieldHelperText = BaseFormHelperText => /*#__PURE__*/forwardRef(({
+  children,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(BaseFormHelperText, {
+  ref: ref,
+  ...props,
+  children: children
+}));
+//# sourceMappingURL=createFieldHelperText.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","jsx","_jsx","createFieldHelperText","BaseFormHelperText","children","props","ref"],"sourceRoot":"../../../src","sources":["field/createFieldHelperText.tsx"],"mappings":";;AACA,SAASA,UAAU,QAAQ,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEnC,OAAO,MAAMC,qBAAqB,GAAQC,kBAA0C,iBAClFJ,UAAU,CAA0C,CAAC;EAAEK,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,kBAC9EL,IAAA,CAACE,kBAAkB;EAACG,GAAG,EAAEA,GAAI;EAAA,GAAMD,KAAK;EAAAD,QAAA,EACrCA;AAAQ,CACS,CACrB,CAAC","ignoreList":[]}

package/lib/module/field/createFieldLabel.js

@@ -0,0 +1,31 @@
+"use strict";
+
+import { forwardRef } from 'react';
+import { useFormControlContext } from '@cdx-ui/utils';
+import { dataAttributes } from '../utils/dataAttributes';
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export const createFieldLabel = BaseFormLabel => /*#__PURE__*/forwardRef(({
+  children,
+  htmlFor: htmlForProp,
+  requiredIndicator,
+  ...props
+}, ref) => {
+  const field = useFormControlContext();
+  const fieldId = field.id;
+  const labelId = field.labelId;
+
+  /** Must match `useFormControl` default: `props.id ?? \`${field.id}-input\``. */
+  const htmlFor = htmlForProp ?? (fieldId ? `${fieldId}-input` : undefined);
+  return /*#__PURE__*/_jsxs(BaseFormLabel, {
+    ref: ref,
+    ...props,
+    id: labelId,
+    htmlFor: htmlFor,
+    ...dataAttributes({
+      invalid: field.isInvalid,
+      required: field.isRequired
+    }),
+    children: [children, field.isRequired ? requiredIndicator : null]
+  });
+});
+//# sourceMappingURL=createFieldLabel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useFormControlContext","dataAttributes","jsxs","_jsxs","createFieldLabel","BaseFormLabel","children","htmlFor","htmlForProp","requiredIndicator","props","ref","field","fieldId","id","labelId","undefined","invalid","isInvalid","required","isRequired"],"sourceRoot":"../../../src","sources":["field/createFieldLabel.tsx"],"mappings":";;AACA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,qBAAqB,QAAQ,eAAe;AACrD,SAASC,cAAc,QAAQ,yBAAyB;AAAC,SAAAC,IAAA,IAAAC,KAAA;AAGzD,OAAO,MAAMC,gBAAgB,GAAQC,aAAqC,iBACxEN,UAAU,CACR,CAAC;EAAEO,QAAQ;EAAEC,OAAO,EAAEC,WAAW;EAAEC,iBAAiB;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACxE,MAAMC,KAAK,GAAGZ,qBAAqB,CAAC,CAAC;EACrC,MAAMa,OAAO,GAAGD,KAAK,CAACE,EAAE;EACxB,MAAMC,OAAO,GAAGH,KAAK,CAACG,OAAO;;EAE7B;EACA,MAAMR,OAAO,GAAGC,WAAW,KAAKK,OAAO,GAAG,GAAGA,OAAO,QAAQ,GAAGG,SAAS,CAAC;EAEzE,oBACEb,KAAA,CAACE,aAAa;IACZM,GAAG,EAAEA,GAAI;IAAA,GACJD,KAAK;IACVI,EAAE,EAAEC,OAAQ;IACZR,OAAO,EAAEA,OAAQ;IAAA,GACbN,cAAc,CAAC;MAAEgB,OAAO,EAAEL,KAAK,CAACM,SAAS;MAAEC,QAAQ,EAAEP,KAAK,CAACQ;IAAW,CAAC,CAAC;IAAAd,QAAA,GAE3EA,QAAQ,EACRM,KAAK,CAACQ,UAAU,GAAGX,iBAAiB,GAAG,IAAI;EAAA,CAC/B,CAAC;AAEpB,CACF,CAAC","ignoreList":[]}

package/lib/module/field/createFieldRoot.js

@@ -0,0 +1,29 @@
+"use strict";
+
+import React, { forwardRef } from 'react';
+import { useFormControlRoot, FormControlContext } from '@cdx-ui/utils';
+import { dataAttributes } from '../utils/dataAttributes';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const createFieldRoot = BaseFormField => /*#__PURE__*/forwardRef(({
+  children,
+  ...props
+}, ref) => {
+  const {
+    htmlProps,
+    ...context
+  } = useFormControlRoot(props);
+  return /*#__PURE__*/_jsx(FormControlContext.Provider, {
+    value: context,
+    children: /*#__PURE__*/_jsx(BaseFormField, {
+      ref: ref,
+      ...htmlProps,
+      ...dataAttributes({
+        disabled: context.isDisabled,
+        invalid: context.isInvalid,
+        required: context.isRequired
+      }),
+      children: children
+    })
+  });
+});
+//# sourceMappingURL=createFieldRoot.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","useFormControlRoot","FormControlContext","dataAttributes","jsx","_jsx","createFieldRoot","BaseFormField","children","props","ref","htmlProps","context","Provider","value","disabled","isDisabled","invalid","isInvalid","required","isRequired"],"sourceRoot":"../../../src","sources":["field/createFieldRoot.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,kBAAkB,EAAEC,kBAAkB,QAAQ,eAAe;AACtE,SAASC,cAAc,QAAQ,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGzD,OAAO,MAAMC,eAAe,GAAQC,aAAqC,iBACvEP,UAAU,CACR,CAAC;EAAEQ,QAAQ;EAAE,GAAGC;AAAwD,CAAC,EAAEC,GAAa,KAAK;EAC3F,MAAM;IAAEC,SAAS;IAAE,GAAGC;EAAQ,CAAC,GAAGX,kBAAkB,CAACQ,KAAK,CAAC;EAE3D,oBACEJ,IAAA,CAACH,kBAAkB,CAACW,QAAQ;IAACC,KAAK,EAAEF,OAAQ;IAAAJ,QAAA,eAC1CH,IAAA,CAACE,aAAa;MACZG,GAAG,EAAEA,GAAI;MAAA,GACJC,SAAS;MAAA,GACVR,cAAc,CAAC;QACjBY,QAAQ,EAAEH,OAAO,CAACI,UAAU;QAC5BC,OAAO,EAAEL,OAAO,CAACM,SAAS;QAC1BC,QAAQ,EAAEP,OAAO,CAACQ;MACpB,CAAC,CAAC;MAAAZ,QAAA,EAEDA;IAAQ,CACI;EAAC,CACW,CAAC;AAElC,CACF,CAAC","ignoreList":[]}

package/lib/module/field/index.js

@@ -0,0 +1,42 @@
+"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
+  });
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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":[]}

package/lib/module/field/types.js

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

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

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

package/lib/module/form/createFormRoot.js

@@ -0,0 +1,15 @@
+"use strict";
+
+import React, { forwardRef } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+// TODO: Handle web submission (button type submit)
+
+export const createFormRoot = BaseFormRoot => /*#__PURE__*/forwardRef(({
+  children,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(BaseFormRoot, {
+  ref: ref,
+  ...props,
+  children: children
+}));
+//# sourceMappingURL=createFormRoot.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","jsx","_jsx","createFormRoot","BaseFormRoot","children","props","ref"],"sourceRoot":"../../../src","sources":["form/createFormRoot.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG1C;;AAEA,OAAO,MAAMC,cAAc,GAAQC,YAAoC,iBACrEJ,UAAU,CACR,CAAC;EAAEK,QAAQ;EAAE,GAAGC;AAAuD,CAAC,EAAEC,GAAa,kBACrFL,IAAA,CAACE,YAAY;EAACG,GAAG,EAAEA,GAAI;EAAA,GAAMD,KAAK;EAAAD,QAAA,EAC/BA;AAAQ,CACG,CAElB,CAAC","ignoreList":[]}

package/lib/module/form/index.js

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

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

@@ -0,0 +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":[]}

package/lib/module/form/types.js

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

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

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

package/lib/module/index.js

@@ -1,9 +1,17 @@
 "use strict";
 
+export * from './avatar';
 export * from './button';
 export * from './checkbox';
+export * from './dialog';
+export * from './field';
+export * from './form';
 export * from './input';
+export * from './otp-input';
+export * from './link';
 export { OverlayInsetsProvider } from './overlay';
 export * from './select';
 export * from './switch';
+export * from './progress';
+export { dataAttributes } from './utils/dataAttributes';
 //# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["OverlayInsetsProvider"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;AAAA,cAAc,UAAU;AACxB,cAAc,YAAY;AAC1B,cAAc,SAAS;AACvB,SAA0BA,qBAAqB,QAAQ,WAAW;AAClE,cAAc,UAAU;AACxB,cAAc,UAAU","ignoreList":[]}
+{"version":3,"names":["OverlayInsetsProvider","dataAttributes"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;AAAA,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,YAAY;AAC1B,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,QAAQ;AACtB,cAAc,SAAS;AACvB,cAAc,aAAa;AAC3B,cAAc,QAAQ;AACtB,SAA0BA,qBAAqB,QAAQ,WAAW;AAClE,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,YAAY;AAE1B,SAASC,cAAc,QAAQ,wBAAwB","ignoreList":[]}

package/lib/module/input/createInputField.js

@@ -2,7 +2,7 @@
 
 import { forwardRef, useMemo } from 'react';
 import { Platform } from 'react-native';
-import { mergeRefs, useFormControl } from '@cdx-ui/utils';
+import { mergeRefs, useFormControl, useFormControlContext } from '@cdx-ui/utils';
 import { dataAttributes } from '../utils/dataAttributes';
 import { useInputContext } from './context';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -10,7 +10,8 @@ export const createInputField = BaseInputField => /*#__PURE__*/forwardRef(({
   children,
   onKeyPress,
   type = 'text',
-  'aria-label': ariaLabel = 'Input Field',
+  accessibilityLabel,
+  'aria-label': ariaLabelProp,
   secureTextEntry,
   editable,
   disabled,
@@ -34,12 +35,14 @@ export const createInputField = BaseInputField => /*#__PURE__*/forwardRef(({
     isRequired: props.isRequired,
     id: props.id
   });
+  const field = useFormControlContext();
   const handleFocus = (focusState, callback) => {
     setIsFocused(focusState);
     callback();
   };
-  const mergedRef = mergeRefs(ref, inputFieldRef);
+  const mergedRef = Platform.OS === 'web' ? mergeRefs(ref, inputFieldRef) : mergeRefs(ref, inputFieldRef, field.inputRef);
   const isEffectivelyDisabled = isDisabled || inputProps.disabled;
+  const ariaLabel = accessibilityLabel ?? ariaLabelProp;
   const editableProp = useMemo(() => {
     if (editable !== undefined) {
       return editable;
@@ -47,6 +50,7 @@ export const createInputField = BaseInputField => /*#__PURE__*/forwardRef(({
     return !(isDisabled || inputProps.disabled || isReadOnly);
   }, [isDisabled, inputProps.disabled, isReadOnly, editable]);
   return /*#__PURE__*/_jsx(BaseInputField, {
+    ...inputProps,
     ...props,
     type: type,
     ...dataAttributes({
@@ -61,6 +65,7 @@ export const createInputField = BaseInputField => /*#__PURE__*/forwardRef(({
     disabled: isEffectivelyDisabled,
     secureTextEntry: secureTextEntry || type === 'password',
     accessible: true,
+    accessibilityLabel: ariaLabel,
     "aria-label": ariaLabel,
     "aria-required": isRequired || inputProps.required,
     "aria-invalid": isInvalid || inputProps['aria-invalid'],