@cdx-ui/primitives 0.0.1-beta.9 → 0.0.1-beta.90

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

package/lib/module/full-window-overlay/index.js

@@ -0,0 +1,43 @@
+"use strict";
+
+import { Platform } from 'react-native';
+import { FullWindowOverlay as NativeFullWindowOverlay } from 'react-native-screens';
+
+/**
+ * Props for the FullWindowOverlay component
+ *
+ * @description
+ * FullWindowOverlay renders content in a separate native window on iOS,
+ * which allows overlays (bottom sheets, dialogs, toasts) to appear above
+ * native modals and the keyboard. However, this breaks the React Native
+ * element inspector because it attaches to the main window.
+ *
+ * Set `disableFullWindowOverlay={true}` when you need to use the element
+ * inspector during development. Note: when disabled, overlay content will
+ * not render above native modals. iOS only; has no effect on Android.
+ */
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Wrapper for react-native-screens FullWindowOverlay with optional disable prop.
+ *
+ * @description
+ * On iOS, FullWindowOverlay creates a separate native window for overlay content,
+ * which breaks the React Native element inspector. Use `disableFullWindowOverlay`
+ * when debugging to render content in the main window instead.
+ */
+export function FullWindowOverlay({
+  disableFullWindowOverlay,
+  unstable_accessibilityContainerViewIsModal = false,
+  children
+}) {
+  if (Platform.OS !== 'ios' || disableFullWindowOverlay) {
+    return /*#__PURE__*/_jsx(_Fragment, {
+      children: children
+    });
+  }
+  return /*#__PURE__*/_jsx(NativeFullWindowOverlay, {
+    unstable_accessibilityContainerViewIsModal: unstable_accessibilityContainerViewIsModal,
+    children: children
+  });
+}
+//# sourceMappingURL=index.js.map

package/lib/module/full-window-overlay/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Platform","FullWindowOverlay","NativeFullWindowOverlay","Fragment","_Fragment","jsx","_jsx","disableFullWindowOverlay","unstable_accessibilityContainerViewIsModal","children","OS"],"sourceRoot":"../../../src","sources":["full-window-overlay/index.tsx"],"mappings":";;AACA,SAASA,QAAQ,QAAQ,cAAc;AACvC,SAASC,iBAAiB,IAAIC,uBAAuB,QAAQ,sBAAsB;;AAEnF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAZA,SAAAC,QAAA,IAAAC,SAAA,EAAAC,GAAA,IAAAC,IAAA;AAoCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASL,iBAAiBA,CAAC;EAChCM,wBAAwB;EACxBC,0CAA0C,GAAG,KAAK;EAClDC;AACgC,CAAC,EAAE;EACnC,IAAIT,QAAQ,CAACU,EAAE,KAAK,KAAK,IAAIH,wBAAwB,EAAE;IACrD,oBAAOD,IAAA,CAAAF,SAAA;MAAAK,QAAA,EAAGA;IAAQ,CAAG,CAAC;EACxB;EAEA,oBACEH,IAAA,CAACJ,uBAAuB;IACtBM,0CAA0C,EAAEA,0CAA2C;IAAAC,QAAA,EAEtFA;EAAQ,CACc,CAAC;AAE9B","ignoreList":[]}

package/lib/module/full-window-overlay/index.web.js

@@ -0,0 +1,15 @@
+"use strict";
+
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Web implementation — FullWindowOverlay is a no-op passthrough on web.
+ * The native implementation uses react-native-screens which is not available on web.
+ */
+export function FullWindowOverlay({
+  children
+}) {
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: children
+  });
+}
+//# sourceMappingURL=index.web.js.map

package/lib/module/full-window-overlay/index.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["FullWindowOverlay","children","_jsx","_Fragment"],"sourceRoot":"../../../src","sources":["full-window-overlay/index.web.tsx"],"mappings":";;;AAyBA;AACA;AACA;AACA;AACA,OAAO,SAASA,iBAAiBA,CAAC;EAAEC;AAA2C,CAAC,EAAE;EAChF,oBAAOC,IAAA,CAAAC,SAAA;IAAAF,QAAA,EAAGA;EAAQ,CAAG,CAAC;AACxB","ignoreList":[]}

package/lib/module/index.js

@@ -2,10 +2,12 @@
 
 export * from './avatar';
 export * from './button';
+export * from './chip';
 export * from './checkbox';
 export * from './dialog';
 export * from './field';
 export * from './form';
+export * from './full-window-overlay';
 export * from './input';
 export * from './otp-input';
 export * from './link';
@@ -13,6 +15,13 @@ export * from './list-item';
 export { OverlayInsetsProvider } from './overlay';
 export * from './select';
 export * from './switch';
-export * from './progress';
-export { dataAttributes } from './utils/dataAttributes';
+export * from './tile';
+export * from './toast';
+export * from './portal';
+export * from './progress-bar';
+export * from './radio';
+export { FormControlContext, useFormControlContext } from '@cdx-ui/utils';
+export { dataAttributes, mergeDataAttributes } from './utils/dataAttributes';
+export { domDataAttributes, mergeDomDataAttributes } from './utils/domDataAttributes';
+export { Slot } from './slot';
 //# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -1 +1 @@
-{"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,cAAc,aAAa;AAC3B,SAA0BA,qBAAqB,QAAQ,WAAW;AAClE,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,YAAY;AAE1B,SAASC,cAAc,QAAQ,wBAAwB","ignoreList":[]}
+{"version":3,"names":["OverlayInsetsProvider","FormControlContext","useFormControlContext","dataAttributes","mergeDataAttributes","domDataAttributes","mergeDomDataAttributes","Slot"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;AAAA,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,QAAQ;AACtB,cAAc,YAAY;AAC1B,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,QAAQ;AACtB,cAAc,uBAAuB;AACrC,cAAc,SAAS;AACvB,cAAc,aAAa;AAC3B,cAAc,QAAQ;AACtB,cAAc,aAAa;AAC3B,SAA0BA,qBAAqB,QAAQ,WAAW;AAClE,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,QAAQ;AACtB,cAAc,SAAS;AACvB,cAAc,UAAU;AACxB,cAAc,gBAAgB;AAC9B,cAAc,SAAS;AAEvB,SAASC,kBAAkB,EAAEC,qBAAqB,QAAQ,eAAe;AACzE,SAASC,cAAc,EAAEC,mBAAmB,QAAQ,wBAAwB;AAC5E,SACEC,iBAAiB,EACjBC,sBAAsB,QAEjB,2BAA2B;AAClC,SAASC,IAAI,QAAQ,QAAQ","ignoreList":[]}

package/lib/module/input/InputField.android.js

@@ -0,0 +1,94 @@
+"use strict";
+
+import { forwardRef, useMemo } from 'react';
+import { TextInput } from 'react-native';
+import { mergeRefs, useFormControl, useFormControlContext } from '@cdx-ui/utils';
+import { Slot } from '../slot';
+import { useInputContext } from './context';
+import { jsx as _jsx } from "react/jsx-runtime";
+const androidDefaults = {
+  includeFontPadding: false,
+  textAlignVertical: 'center'
+};
+export const InputField = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    asChild,
+    children,
+    onKeyPress,
+    type = 'text',
+    accessibilityLabel,
+    'aria-label': ariaLabelProp,
+    secureTextEntry,
+    editable,
+    disabled,
+    style,
+    ...rest
+  } = props;
+  const {
+    isDisabled,
+    isReadOnly,
+    isFocused,
+    isInvalid,
+    setIsFocused,
+    inputFieldRef,
+    isRequired
+  } = useInputContext();
+  const inputProps = useFormControl({
+    isDisabled: rest.isDisabled || disabled,
+    isInvalid: rest.isInvalid,
+    isReadOnly: rest.isReadOnly,
+    isRequired: rest.isRequired,
+    id: rest.id
+  });
+  const field = useFormControlContext();
+  const reportLabelFocus = focused => {
+    const active = focused && !(isDisabled || inputProps.disabled);
+    field.setIsLabelFocused?.(active);
+  };
+  const handleFocus = (focusState, callback) => {
+    setIsFocused?.(focusState);
+    reportLabelFocus(focusState);
+    callback();
+  };
+  const mergedRef = mergeRefs(ref, inputFieldRef, field.inputRef);
+  const isEffectivelyDisabled = isDisabled || inputProps.disabled;
+  const ariaLabel = accessibilityLabel ?? ariaLabelProp;
+  const editableProp = useMemo(() => {
+    if (editable !== undefined) {
+      return editable;
+    }
+    return !(isDisabled || inputProps.disabled || isReadOnly);
+  }, [isDisabled, inputProps.disabled, isReadOnly, editable]);
+  const Comp = asChild ? Slot : TextInput;
+  return /*#__PURE__*/_jsx(Comp, {
+    ...inputProps,
+    ...rest,
+    style: [androidDefaults, style],
+    type: type,
+    disabled: isEffectivelyDisabled,
+    secureTextEntry: secureTextEntry || type === 'password',
+    accessible: true,
+    accessibilityLabel: ariaLabel,
+    "aria-label": ariaLabel,
+    "aria-required": isRequired || inputProps.required,
+    "aria-invalid": isInvalid || inputProps['aria-invalid'],
+    "aria-disabled": isEffectivelyDisabled,
+    "aria-selected": isFocused,
+    accessibilityElementsHidden: isEffectivelyDisabled,
+    readOnly: !editableProp,
+    onKeyPress: e => {
+      e.persist();
+      onKeyPress?.(e);
+    },
+    onFocus: e => {
+      handleFocus(true, () => rest.onFocus?.(e));
+    },
+    onBlur: e => {
+      handleFocus(false, () => rest.onBlur?.(e));
+    },
+    ref: mergedRef,
+    children: children
+  });
+});
+InputField.displayName = 'InputField';
+//# sourceMappingURL=InputField.android.js.map

package/lib/module/input/InputField.android.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useMemo","TextInput","mergeRefs","useFormControl","useFormControlContext","Slot","useInputContext","jsx","_jsx","androidDefaults","includeFontPadding","textAlignVertical","InputField","props","ref","asChild","children","onKeyPress","type","accessibilityLabel","ariaLabelProp","secureTextEntry","editable","disabled","style","rest","isDisabled","isReadOnly","isFocused","isInvalid","setIsFocused","inputFieldRef","isRequired","inputProps","id","field","reportLabelFocus","focused","active","setIsLabelFocused","handleFocus","focusState","callback","mergedRef","inputRef","isEffectivelyDisabled","ariaLabel","editableProp","undefined","Comp","accessible","required","accessibilityElementsHidden","readOnly","e","persist","onFocus","onBlur","displayName"],"sourceRoot":"../../../src","sources":["input/InputField.android.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/input/InputField.js

@@ -0,0 +1,88 @@
+"use strict";
+
+import { forwardRef, useMemo } from 'react';
+import { TextInput } from 'react-native';
+import { mergeRefs, useFormControl, useFormControlContext } from '@cdx-ui/utils';
+import { Slot } from '../slot';
+import { useInputContext } from './context';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const InputField = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    asChild,
+    children,
+    onKeyPress,
+    type = 'text',
+    accessibilityLabel,
+    'aria-label': ariaLabelProp,
+    secureTextEntry,
+    editable,
+    disabled,
+    ...rest
+  } = props;
+  const {
+    isDisabled,
+    isReadOnly,
+    isFocused,
+    isInvalid,
+    setIsFocused,
+    inputFieldRef,
+    isRequired
+  } = useInputContext();
+  const inputProps = useFormControl({
+    isDisabled: rest.isDisabled || disabled,
+    isInvalid: rest.isInvalid,
+    isReadOnly: rest.isReadOnly,
+    isRequired: rest.isRequired,
+    id: rest.id
+  });
+  const field = useFormControlContext();
+  const reportLabelFocus = focused => {
+    const active = focused && !(isDisabled || inputProps.disabled);
+    field.setIsLabelFocused?.(active);
+  };
+  const handleFocus = (focusState, callback) => {
+    setIsFocused?.(focusState);
+    reportLabelFocus(focusState);
+    callback();
+  };
+  const mergedRef = mergeRefs(ref, inputFieldRef, field.inputRef);
+  const isEffectivelyDisabled = isDisabled || inputProps.disabled;
+  const ariaLabel = accessibilityLabel ?? ariaLabelProp;
+  const editableProp = useMemo(() => {
+    if (editable !== undefined) {
+      return editable;
+    }
+    return !(isDisabled || inputProps.disabled || isReadOnly);
+  }, [isDisabled, inputProps.disabled, isReadOnly, editable]);
+  const Comp = asChild ? Slot : TextInput;
+  return /*#__PURE__*/_jsx(Comp, {
+    ...inputProps,
+    ...rest,
+    type: type,
+    disabled: isEffectivelyDisabled,
+    secureTextEntry: secureTextEntry || type === 'password',
+    accessible: true,
+    accessibilityLabel: ariaLabel,
+    "aria-label": ariaLabel,
+    "aria-required": isRequired || inputProps.required,
+    "aria-invalid": isInvalid || inputProps['aria-invalid'],
+    "aria-disabled": isEffectivelyDisabled,
+    "aria-selected": isFocused,
+    accessibilityElementsHidden: isEffectivelyDisabled,
+    readOnly: !editableProp,
+    onKeyPress: e => {
+      e.persist();
+      onKeyPress?.(e);
+    },
+    onFocus: e => {
+      handleFocus(true, () => rest.onFocus?.(e));
+    },
+    onBlur: e => {
+      handleFocus(false, () => rest.onBlur?.(e));
+    },
+    ref: mergedRef,
+    children: children
+  });
+});
+InputField.displayName = 'InputField';
+//# sourceMappingURL=InputField.js.map

package/lib/module/input/InputField.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useMemo","TextInput","mergeRefs","useFormControl","useFormControlContext","Slot","useInputContext","jsx","_jsx","InputField","props","ref","asChild","children","onKeyPress","type","accessibilityLabel","ariaLabelProp","secureTextEntry","editable","disabled","rest","isDisabled","isReadOnly","isFocused","isInvalid","setIsFocused","inputFieldRef","isRequired","inputProps","id","field","reportLabelFocus","focused","active","setIsLabelFocused","handleFocus","focusState","callback","mergedRef","inputRef","isEffectivelyDisabled","ariaLabel","editableProp","undefined","Comp","accessible","required","accessibilityElementsHidden","readOnly","e","persist","onFocus","onBlur","displayName"],"sourceRoot":"../../../src","sources":["input/InputField.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/input/InputField.web.js

@@ -0,0 +1,126 @@
+"use strict";
+
+import React, { forwardRef, useMemo } from 'react';
+import { TextInput } from 'react-native';
+import { mergeRefs, useFormControl, useFormControlContext } from '@cdx-ui/utils';
+import { Slot } from '../slot';
+import { useInputContext } from './context';
+import { jsx as _jsx } from "react/jsx-runtime";
+const fileInputStyle = {
+  flex: 1,
+  minWidth: 0,
+  border: 'none',
+  outline: 'none',
+  background: 'transparent',
+  fontSize: 'inherit',
+  fontFamily: 'inherit'
+};
+export const InputField = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    asChild,
+    children,
+    onKeyPress,
+    type = 'text',
+    accessibilityLabel,
+    'aria-label': ariaLabelProp,
+    secureTextEntry,
+    editable,
+    disabled,
+    ...rest
+  } = props;
+  const {
+    isDisabled,
+    isReadOnly,
+    isInvalid,
+    setIsFocused,
+    isRequired,
+    inputFieldRef
+  } = useInputContext();
+  const inputProps = useFormControl({
+    isDisabled: rest.isDisabled || disabled,
+    isInvalid: rest.isInvalid,
+    isReadOnly: rest.isReadOnly,
+    isRequired: rest.isRequired,
+    id: rest.id
+  });
+  const field = useFormControlContext();
+  const reportLabelFocus = focused => {
+    const active = focused && !(isDisabled || inputProps.disabled);
+    field.setIsLabelFocused?.(active);
+  };
+  const handleFocus = (focusState, callback) => {
+    setIsFocused?.(focusState);
+    reportLabelFocus(focusState);
+    callback();
+  };
+  const mergedRef = mergeRefs(ref, inputFieldRef);
+  const isEffectivelyDisabled = isDisabled || inputProps.disabled;
+  const ariaLabel = accessibilityLabel ?? ariaLabelProp;
+  const editableProp = useMemo(() => {
+    if (editable !== undefined) {
+      return editable;
+    }
+    return !(isDisabled || inputProps.disabled || isReadOnly);
+  }, [isDisabled, inputProps.disabled, isReadOnly, editable]);
+  if (!asChild && type === 'file') {
+    const fileProps = rest;
+    return /*#__PURE__*/React.createElement('input', {
+      ref: mergedRef,
+      type: 'file',
+      accept: fileProps.accept || undefined,
+      multiple: fileProps.multiple || undefined,
+      capture: fileProps.capture || undefined,
+      disabled: isEffectivelyDisabled || undefined,
+      'aria-label': ariaLabel,
+      'aria-required': isRequired || inputProps.required || undefined,
+      'aria-invalid': isInvalid || inputProps['aria-invalid'] || undefined,
+      'aria-disabled': isEffectivelyDisabled || undefined,
+      onChange: e => {
+        const files = e.target.files;
+        if (files && fileProps.onFiles) {
+          fileProps.onFiles(Array.from(files));
+        }
+      },
+      onFocus: e => {
+        handleFocus(true, () => rest.onFocus?.(e));
+      },
+      onBlur: e => {
+        handleFocus(false, () => rest.onBlur?.(e));
+      },
+      style: {
+        ...fileInputStyle,
+        cursor: isEffectivelyDisabled ? 'not-allowed' : 'pointer'
+      }
+    });
+  }
+  const Comp = asChild ? Slot : TextInput;
+  return /*#__PURE__*/_jsx(Comp, {
+    ...inputProps,
+    ...rest,
+    type: type,
+    disabled: isEffectivelyDisabled,
+    secureTextEntry: secureTextEntry || type === 'password',
+    accessible: true,
+    accessibilityLabel: ariaLabel,
+    "aria-label": ariaLabel,
+    "aria-required": isRequired || inputProps.required,
+    "aria-invalid": isInvalid || inputProps['aria-invalid'],
+    "aria-disabled": isEffectivelyDisabled,
+    accessibilityElementsHidden: isEffectivelyDisabled,
+    readOnly: !editableProp,
+    onKeyPress: e => {
+      e.persist();
+      onKeyPress?.(e);
+    },
+    onFocus: e => {
+      handleFocus(true, () => rest.onFocus?.(e));
+    },
+    onBlur: e => {
+      handleFocus(false, () => rest.onBlur?.(e));
+    },
+    ref: mergedRef,
+    children: children
+  });
+});
+InputField.displayName = 'InputField';
+//# sourceMappingURL=InputField.web.js.map