@cdx-ui/primitives 0.0.1-alpha.8 → 0.0.1-beta.1

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,8 +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","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'],

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

@@ -1 +1 @@
-{"version":3,"names":["forwardRef","useMemo","Platform","mergeRefs","useFormControl","dataAttributes","useInputContext","jsx","_jsx","createInputField","BaseInputField","children","onKeyPress","type","ariaLabel","secureTextEntry","editable","disabled","props","ref","isDisabled","isReadOnly","isFocused","isInvalid","setIsFocused","isHovered","isFocusVisible","inputFieldRef","isRequired","inputProps","id","handleFocus","focusState","callback","mergedRef","isEffectivelyDisabled","editableProp","undefined","focus","invalid","readonly","required","hover","focusVisible","accessible","OS","accessibilityElementsHidden","readOnly","e","persist","onFocus","onBlur"],"sourceRoot":"../../../src","sources":["input/createInputField.tsx"],"mappings":";;AACA,SAASA,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAC3C,SAGEC,QAAQ,QAEH,cAAc;AACrB,SAASC,SAAS,EAAEC,cAAc,QAAQ,eAAe;AACzD,SAASC,cAAc,QAAQ,yBAAyB;AACxD,SAASC,eAAe,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG5C,OAAO,MAAMC,gBAAgB,GAAQC,cAAsC,iBACzEV,UAAU,CACR,CACE;EACEW,QAAQ;EACRC,UAAU;EACVC,IAAI,GAAG,MAAM;EACb,YAAY,EAAEC,SAAS,GAAG,aAAa;EACvCC,eAAe;EACfC,QAAQ;EACRC,QAAQ;EACR,GAAGC;AACQ,CAAC,EACdC,GAAS,KACN;EACH,MAAM;IACJC,UAAU;IACVC,UAAU;IACVC,SAAS;IACTC,SAAS;IACTC,YAAY;IACZC,SAAS;IACTC,cAAc;IACdC,aAAa;IACbC;EACF,CAAC,GAAGtB,eAAe,CAAC,CAAC;EAErB,MAAMuB,UAAU,GAAGzB,cAAc,CAAC;IAChCgB,UAAU,EAAEF,KAAK,CAACE,UAAU,IAAIH,QAAQ;IACxCM,SAAS,EAAEL,KAAK,CAACK,SAAS;IAC1BF,UAAU,EAAEH,KAAK,CAACG,UAAU;IAC5BO,UAAU,EAAEV,KAAK,CAACU,UAAU;IAC5BE,EAAE,EAAEZ,KAAK,CAACY;EACZ,CAAC,CAAC;EAEF,MAAMC,WAAW,GAAGA,CAACC,UAAmB,EAAEC,QAAa,KAAK;IAC1DT,YAAY,CAACQ,UAAU,CAAC;IACxBC,QAAQ,CAAC,CAAC;EACZ,CAAC;EAED,MAAMC,SAAS,GAAG/B,SAAS,CAACgB,GAAG,EAAEQ,aAAa,CAAC;EAE/C,MAAMQ,qBAAqB,GAAGf,UAAU,IAAIS,UAAU,CAACZ,QAAQ;EAE/D,MAAMmB,YAAY,GAAGnC,OAAO,CAAC,MAAM;IACjC,IAAIe,QAAQ,KAAKqB,SAAS,EAAE;MAC1B,OAAOrB,QAAQ;IACjB;IACA,OAAO,EAAEI,UAAU,IAAIS,UAAU,CAACZ,QAAQ,IAAII,UAAU,CAAC;EAC3D,CAAC,EAAE,CAACD,UAAU,EAAES,UAAU,CAACZ,QAAQ,EAAEI,UAAU,EAAEL,QAAQ,CAAC,CAAC;EAE3D,oBACER,IAAA,CAACE,cAAc;IAAA,GACRQ,KAAK;IACVL,IAAI,EAAEA,IAAK;IAAA,GACPR,cAAc,CAAC;MACjBiC,KAAK,EAAEhB,SAAS;MAChBiB,OAAO,EAAEhB,SAAS;MAClBiB,QAAQ,EAAEnB,UAAU;MACpBoB,QAAQ,EAAEb,UAAU;MACpBc,KAAK,EAAEjB,SAAS;MAChBkB,YAAY,EAAEjB,cAAc;MAC5BT,QAAQ,EAAEkB;IACZ,CAAC,CAAC;IACFlB,QAAQ,EAAEkB,qBAAsB;IAChCpB,eAAe,EAAEA,eAAe,IAAIF,IAAI,KAAK,UAAW;IACxD+B,UAAU;IACV,cAAY9B,SAAU;IACtB,iBAAec,UAAU,IAAIC,UAAU,CAACY,QAAS;IACjD,gBAAclB,SAAS,IAAIM,UAAU,CAAC,cAAc,CAAE;IACtD,iBAAeM,qBAAsB;IACrC,iBAAejC,QAAQ,CAAC2C,EAAE,KAAK,KAAK,GAAGvB,SAAS,GAAGe,SAAU;IAC7DS,2BAA2B,EAAEX,qBAAsB;IACnDY,QAAQ,EAAE,CAACX,YAAa;IACxBxB,UAAU,EAAGoC,CAAyB,IAAK;MACzCA,CAAC,CAACC,OAAO,CAAC,CAAC;MACXrC,UAAU,GAAGoC,CAAC,CAAC;IACjB,CAAE;IACFE,OAAO,EAAGF,CAAa,IAAK;MAC1BjB,WAAW,CAAC,IAAI,EAAE,MAAMb,KAAK,EAAEgC,OAAO,GAAGF,CAAC,CAAC,CAAC;IAC9C,CAAE;IACFG,MAAM,EAAGH,CAAY,IAAK;MACxBjB,WAAW,CAAC,KAAK,EAAE,MAAMb,KAAK,EAAEiC,MAAM,GAAGH,CAAC,CAAC,CAAC;IAC9C,CAAE;IACF7B,GAAG,EAAEe,SAAU;IAAAvB,QAAA,EAEdA;EAAQ,CACK,CAAC;AAErB,CACF,CAAC","ignoreList":[]}
+{"version":3,"names":["forwardRef","useMemo","Platform","mergeRefs","useFormControl","useFormControlContext","dataAttributes","useInputContext","jsx","_jsx","createInputField","BaseInputField","children","onKeyPress","type","accessibilityLabel","ariaLabelProp","secureTextEntry","editable","disabled","props","ref","isDisabled","isReadOnly","isFocused","isInvalid","setIsFocused","isHovered","isFocusVisible","inputFieldRef","isRequired","inputProps","id","field","handleFocus","focusState","callback","mergedRef","OS","inputRef","isEffectivelyDisabled","ariaLabel","editableProp","undefined","focus","invalid","readonly","required","hover","focusVisible","accessible","accessibilityElementsHidden","readOnly","e","persist","onFocus","onBlur"],"sourceRoot":"../../../src","sources":["input/createInputField.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/input/index.js

@@ -1,23 +1,18 @@
 "use strict";
 
 import { createInputField } from './createInputField';
-import { createInputIcon } from './createInputIcon';
 import { createInputRoot } from './createInputRoot';
 import { createInputSlot } from './createInputSlot';
-export const createInput = ({
-  Root,
-  Icon,
-  Slot,
-  Field
-}) => {
-  const Input = createInputRoot(Root);
-  Input.Icon = createInputIcon(Icon);
-  Input.Slot = createInputSlot(Slot);
-  Input.Field = createInputField(Field);
-  Input.displayName = 'Input';
-  Input.Icon.displayName = 'Input.Icon';
-  Input.Slot.displayName = 'Input.Slot';
-  Input.Field.displayName = 'Input.Field';
-  return Input;
-};
+export function createInput(BaseComponents) {
+  const Input = createInputRoot(BaseComponents.Root);
+  const Slot = createInputSlot(BaseComponents.Slot);
+  const Field = createInputField(BaseComponents.Field);
+  Input.displayName = 'InputPrimitive';
+  Slot.displayName = 'InputPrimitive.Slot';
+  Field.displayName = 'InputPrimitive.Field';
+  return Object.assign(Input, {
+    Slot,
+    Field
+  });
+}
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["createInputField","createInputIcon","createInputRoot","createInputSlot","createInput","Root","Icon","Slot","Field","Input","displayName"],"sourceRoot":"../../../src","sources":["input/index.tsx"],"mappings":";;AAAA,SAASA,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,eAAe,QAAQ,mBAAmB;AAWnD,OAAO,MAAMC,WAAW,GAAGA,CAOzB;EACAC,IAAI;EACJC,IAAI;EACJC,IAAI;EACJC;AAMF,CAAC,KAAK;EACJ,MAAMC,KAAK,GAAGP,eAAe,CAACG,IAAI,CAAQ;EAC1CI,KAAK,CAACH,IAAI,GAAGL,eAAe,CAACK,IAAI,CAAC;EAClCG,KAAK,CAACF,IAAI,GAAGJ,eAAe,CAACI,IAAI,CAAC;EAClCE,KAAK,CAACD,KAAK,GAAGR,gBAAgB,CAACQ,KAAK,CAAC;EAErCC,KAAK,CAACC,WAAW,GAAG,OAAO;EAC3BD,KAAK,CAACH,IAAI,CAACI,WAAW,GAAG,YAAY;EACrCD,KAAK,CAACF,IAAI,CAACG,WAAW,GAAG,YAAY;EACrCD,KAAK,CAACD,KAAK,CAACE,WAAW,GAAG,aAAa;EAEvC,OAAOD,KAAK;AAQd,CAAC","ignoreList":[]}
+{"version":3,"names":["createInputField","createInputRoot","createInputSlot","createInput","BaseComponents","Input","Root","Slot","Field","displayName","Object","assign"],"sourceRoot":"../../../src","sources":["input/index.tsx"],"mappings":";;AACA,SAASA,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,eAAe,QAAQ,mBAAmB;AAWnD,OAAO,SAASC,WAAWA,CAMzBC,cAID,EAAE;EACD,MAAMC,KAAK,GAAGJ,eAAe,CAACG,cAAc,CAACE,IAAI,CAAC;EAClD,MAAMC,IAAI,GAAGL,eAAe,CAACE,cAAc,CAACG,IAAI,CAAC;EACjD,MAAMC,KAAK,GAAGR,gBAAgB,CAACI,cAAc,CAACI,KAAK,CAAC;EAEpDH,KAAK,CAACI,WAAW,GAAG,gBAAgB;EACpCF,IAAI,CAACE,WAAW,GAAG,qBAAqB;EACxCD,KAAK,CAACC,WAAW,GAAG,sBAAsB;EAE1C,OAAOC,MAAM,CAACC,MAAM,CAACN,KAAK,EAAE;IAC1BE,IAAI;IACJC;EACF,CAAC,CAAC;AACJ","ignoreList":[]}

package/lib/module/link/LinkProvider.js

@@ -0,0 +1,23 @@
+"use strict";
+
+import { createContext, useContext } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+const LinkConfigContext = /*#__PURE__*/createContext(undefined);
+export function LinkProvider({
+  navigate,
+  shouldNavigate,
+  children
+}) {
+  return /*#__PURE__*/_jsx(LinkConfigContext.Provider, {
+    value: {
+      navigate,
+      shouldNavigate
+    },
+    children: children
+  });
+}
+LinkProvider.displayName = 'LinkProvider';
+export function useLinkConfig() {
+  return useContext(LinkConfigContext);
+}
+//# sourceMappingURL=LinkProvider.js.map

package/lib/module/link/LinkProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","useContext","jsx","_jsx","LinkConfigContext","undefined","LinkProvider","navigate","shouldNavigate","children","Provider","value","displayName","useLinkConfig"],"sourceRoot":"../../../src","sources":["link/LinkProvider.tsx"],"mappings":";;AAAA,SAASA,aAAa,EAAEC,UAAU,QAAwB,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA;AA+BlE,MAAMC,iBAAiB,gBAAGJ,aAAa,CAAyBK,SAAS,CAAC;AAE1E,OAAO,SAASC,YAAYA,CAAC;EAC3BC,QAAQ;EACRC,cAAc;EACdC;AACoC,CAAC,EAAE;EACvC,oBACEN,IAAA,CAACC,iBAAiB,CAACM,QAAQ;IAACC,KAAK,EAAE;MAAEJ,QAAQ;MAAEC;IAAe,CAAE;IAAAC,QAAA,EAC7DA;EAAQ,CACiB,CAAC;AAEjC;AAEAH,YAAY,CAACM,WAAW,GAAG,cAAc;AAEzC,OAAO,SAASC,aAAaA,CAAA,EAA2B;EACtD,OAAOZ,UAAU,CAACG,iBAAiB,CAAC;AACtC","ignoreList":[]}

package/lib/module/link/createLink.js

@@ -0,0 +1,68 @@
+"use strict";
+
+import React, { forwardRef } from 'react';
+import { composeEventHandlers } from '@cdx-ui/utils';
+import { useFocusRing, useFocus } from '@react-native-aria/focus';
+import { useHover, usePress } from '@react-native-aria/interactions';
+import { dataAttributes } from '../utils/dataAttributes';
+import { useLink } from './useLink';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const createLink = ({
+  Root
+}) => /*#__PURE__*/forwardRef(({
+  children,
+  isHovered: isHoveredProp,
+  isPressed: isPressedProp,
+  isFocused: isFocusedProp,
+  isFocusVisible: isFocusVisibleProp,
+  href,
+  onPress,
+  action,
+  webProps,
+  ...props
+}, ref) => {
+  const {
+    isFocused,
+    focusProps
+  } = useFocus();
+  const {
+    isFocusVisible,
+    focusProps: focusRingProps
+  } = useFocusRing();
+  const {
+    pressProps,
+    isPressed
+  } = usePress({});
+  const {
+    isHovered,
+    hoverProps
+  } = useHover();
+  const {
+    linkProps
+  } = useLink({
+    href,
+    onPress,
+    action,
+    webProps
+  });
+  const interactionAttrs = dataAttributes({
+    hover: isHoveredProp || isHovered,
+    focus: isFocusedProp || isFocused,
+    active: isPressedProp || isPressed,
+    focusVisible: isFocusVisibleProp || isFocusVisible
+  });
+  return /*#__PURE__*/_jsx(Root, {
+    ref: ref,
+    ...interactionAttrs,
+    ...linkProps,
+    ...props,
+    onPressIn: composeEventHandlers(props?.onPressIn, pressProps.onPressIn),
+    onPressOut: composeEventHandlers(props?.onPressOut, pressProps.onPressOut),
+    onHoverIn: composeEventHandlers(props?.onHoverIn, hoverProps.onHoverIn),
+    onHoverOut: composeEventHandlers(props?.onHoverOut, hoverProps.onHoverOut),
+    onFocus: composeEventHandlers(composeEventHandlers(props?.onFocus, focusProps.onFocus), focusRingProps.onFocus),
+    onBlur: composeEventHandlers(composeEventHandlers(props?.onBlur, focusProps.onBlur), focusRingProps.onBlur),
+    children: children
+  });
+});
+//# sourceMappingURL=createLink.js.map

package/lib/module/link/createLink.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","composeEventHandlers","useFocusRing","useFocus","useHover","usePress","dataAttributes","useLink","jsx","_jsx","createLink","Root","children","isHovered","isHoveredProp","isPressed","isPressedProp","isFocused","isFocusedProp","isFocusVisible","isFocusVisibleProp","href","onPress","action","webProps","props","ref","focusProps","focusRingProps","pressProps","hoverProps","linkProps","interactionAttrs","hover","focus","active","focusVisible","onPressIn","onPressOut","onHoverIn","onHoverOut","onFocus","onBlur"],"sourceRoot":"../../../src","sources":["link/createLink.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,oBAAoB,QAAQ,eAAe;AACpD,SAASC,YAAY,EAAEC,QAAQ,QAAQ,0BAA0B;AACjE,SAASC,QAAQ,EAAEC,QAAQ,QAAQ,iCAAiC;AACpE,SAASC,cAAc,QAAQ,yBAAyB;AACxD,SAASC,OAAO,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGpC,OAAO,MAAMC,UAAU,GAAGA,CAAqB;EAAEC;AAA2C,CAAC,kBAC3FX,UAAU,CACR,CACE;EACEY,QAAQ;EACRC,SAAS,EAAEC,aAAa;EACxBC,SAAS,EAAEC,aAAa;EACxBC,SAAS,EAAEC,aAAa;EACxBC,cAAc,EAAEC,kBAAkB;EAClCC,IAAI;EACJC,OAAO;EACPC,MAAM;EACNC,QAAQ;EACR,GAAGC;AACO,CAAC,EACbC,GAA0B,KACvB;EACH,MAAM;IAAET,SAAS;IAAEU;EAAW,CAAC,GAAGxB,QAAQ,CAAC,CAAC;EAC5C,MAAM;IAAEgB,cAAc;IAAEQ,UAAU,EAAEC;EAAe,CAAC,GAAG1B,YAAY,CAAC,CAGnE;EACD,MAAM;IAAE2B,UAAU;IAAEd;EAAU,CAAC,GAAGV,QAAQ,CAAC,CAAC,CAAC,CAAC;EAC9C,MAAM;IAAEQ,SAAS;IAAEiB;EAAW,CAAC,GAAG1B,QAAQ,CAAC,CAAC;EAE5C,MAAM;IAAE2B;EAAU,CAAC,GAAGxB,OAAO,CAAC;IAC5Bc,IAAI;IACJC,OAAO;IACPC,MAAM;IACNC;EACF,CAAC,CAAC;EAEF,MAAMQ,gBAAgB,GAAG1B,cAAc,CAAC;IACtC2B,KAAK,EAAEnB,aAAa,IAAID,SAAS;IACjCqB,KAAK,EAAEhB,aAAa,IAAID,SAAS;IACjCkB,MAAM,EAAEnB,aAAa,IAAID,SAAS;IAClCqB,YAAY,EAAEhB,kBAAkB,IAAID;EACtC,CAAC,CAAC;EAEF,oBACEV,IAAA,CAACE,IAAI;IACHe,GAAG,EAAEA,GAAI;IAAA,GACLM,gBAAgB;IAAA,GAChBD,SAAS;IAAA,GACRN,KAAK;IACVY,SAAS,EAAEpC,oBAAoB,CAACwB,KAAK,EAAEY,SAAS,EAAER,UAAU,CAACQ,SAAS,CAAE;IACxEC,UAAU,EAAErC,oBAAoB,CAACwB,KAAK,EAAEa,UAAU,EAAET,UAAU,CAACS,UAAU,CAAE;IAC3EC,SAAS,EAAEtC,oBAAoB,CAACwB,KAAK,EAAEc,SAAS,EAAET,UAAU,CAACS,SAAS,CAAE;IACxEC,UAAU,EAAEvC,oBAAoB,CAACwB,KAAK,EAAEe,UAAU,EAAEV,UAAU,CAACU,UAAU,CAAE;IAC3EC,OAAO,EAAExC,oBAAoB,CAC3BA,oBAAoB,CAACwB,KAAK,EAAEgB,OAAO,EAAEd,UAAU,CAACc,OAAO,CAAC,EACxDb,cAAc,CAACa,OACjB,CAAE;IACFC,MAAM,EAAEzC,oBAAoB,CAC1BA,oBAAoB,CAACwB,KAAK,EAAEiB,MAAM,EAAEf,UAAU,CAACe,MAAM,CAAC,EACtDd,cAAc,CAACc,MACjB,CAAE;IAAA9B,QAAA,EAEDA;EAAQ,CACL,CAAC;AAEX,CACF,CAAC","ignoreList":[]}

package/lib/module/link/index.js

@@ -0,0 +1,6 @@
+"use strict";
+
+export { createLink } from './createLink';
+export { LinkProvider } from './LinkProvider';
+export { useLink } from './useLink';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["createLink","LinkProvider","useLink"],"sourceRoot":"../../../src","sources":["link/index.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,YAAY,QAAQ,gBAAgB;AAE7C,SAASC,OAAO,QAAQ,WAAW","ignoreList":[]}

package/lib/module/link/types.js

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

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

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

package/lib/module/link/useLink.js

@@ -0,0 +1,52 @@
+"use strict";
+
+import { Linking, Platform } from 'react-native';
+import { useLinkConfig } from './LinkProvider';
+function defaultNavigate(href) {
+  Linking.canOpenURL(href).then(supported => {
+    if (supported) return Linking.openURL(href);
+    console.warn(`Cannot open URL: ${href}`);
+  }).catch(err => console.error('Failed to open URL', err));
+}
+export function useLink(props) {
+  const {
+    href,
+    onPress,
+    action = 'navigate',
+    webProps
+  } = props;
+  const config = useLinkConfig();
+  const providerHandles = !!config && !!href && (config.shouldNavigate?.(href) ?? true);
+  let platformLinkProps = {};
+  if (Platform.OS === 'web') {
+    platformLinkProps = {
+      href: providerHandles ? undefined : href,
+      hrefAttrs: webProps,
+      onPress: event => {
+        onPress?.(event);
+        if (providerHandles) void config.navigate(href, action);
+      }
+    };
+  } else {
+    platformLinkProps = {
+      onPress: event => {
+        onPress?.(event);
+        if (href) {
+          if (providerHandles) {
+            void config.navigate(href, action);
+          } else {
+            defaultNavigate(href);
+          }
+        }
+      }
+    };
+  }
+  return {
+    linkProps: {
+      ...platformLinkProps,
+      role: 'link',
+      accessible: true
+    }
+  };
+}
+//# sourceMappingURL=useLink.js.map

package/lib/module/link/useLink.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Linking","Platform","useLinkConfig","defaultNavigate","href","canOpenURL","then","supported","openURL","console","warn","catch","err","error","useLink","props","onPress","action","webProps","config","providerHandles","shouldNavigate","platformLinkProps","OS","undefined","hrefAttrs","event","navigate","linkProps","role","accessible"],"sourceRoot":"../../../src","sources":["link/useLink.ts"],"mappings":";;AAAA,SAASA,OAAO,EAAEC,QAAQ,QAAQ,cAAc;AAEhD,SAASC,aAAa,QAAQ,gBAAgB;AAG9C,SAASC,eAAeA,CAACC,IAAY,EAAQ;EAC3CJ,OAAO,CAACK,UAAU,CAACD,IAAI,CAAC,CACrBE,IAAI,CAAEC,SAAS,IAAK;IACnB,IAAIA,SAAS,EAAE,OAAOP,OAAO,CAACQ,OAAO,CAACJ,IAAI,CAAC;IAC3CK,OAAO,CAACC,IAAI,CAAC,oBAAoBN,IAAI,EAAE,CAAC;EAC1C,CAAC,CAAC,CACDO,KAAK,CAAEC,GAAY,IAAKH,OAAO,CAACI,KAAK,CAAC,oBAAoB,EAAED,GAAG,CAAC,CAAC;AACtE;AAEA,OAAO,SAASE,OAAOA,CAACC,KAAmB,EAAE;EAC3C,MAAM;IAAEX,IAAI;IAAEY,OAAO;IAAEC,MAAM,GAAG,UAAU;IAAEC;EAAS,CAAC,GAAGH,KAAK;EAC9D,MAAMI,MAAM,GAAGjB,aAAa,CAAC,CAAC;EAE9B,MAAMkB,eAAe,GAAG,CAAC,CAACD,MAAM,IAAI,CAAC,CAACf,IAAI,KAAKe,MAAM,CAACE,cAAc,GAAGjB,IAAI,CAAC,IAAI,IAAI,CAAC;EAErF,IAAIkB,iBAAiB,GAAG,CAAC,CAAC;EAE1B,IAAIrB,QAAQ,CAACsB,EAAE,KAAK,KAAK,EAAE;IACzBD,iBAAiB,GAAG;MAClBlB,IAAI,EAAEgB,eAAe,GAAGI,SAAS,GAAGpB,IAAI;MACxCqB,SAAS,EAAEP,QAAQ;MACnBF,OAAO,EAAGU,KAA4B,IAAK;QACzCV,OAAO,GAAGU,KAAK,CAAC;QAChB,IAAIN,eAAe,EAAE,KAAKD,MAAM,CAACQ,QAAQ,CAACvB,IAAI,EAAEa,MAAM,CAAC;MACzD;IACF,CAAC;EACH,CAAC,MAAM;IACLK,iBAAiB,GAAG;MAClBN,OAAO,EAAGU,KAA4B,IAAK;QACzCV,OAAO,GAAGU,KAAK,CAAC;QAChB,IAAItB,IAAI,EAAE;UACR,IAAIgB,eAAe,EAAE;YACnB,KAAKD,MAAM,CAACQ,QAAQ,CAACvB,IAAI,EAAEa,MAAM,CAAC;UACpC,CAAC,MAAM;YACLd,eAAe,CAACC,IAAI,CAAC;UACvB;QACF;MACF;IACF,CAAC;EACH;EAEA,OAAO;IACLwB,SAAS,EAAE;MACT,GAAGN,iBAAiB;MACpBO,IAAI,EAAE,MAA2B;MACjCC,UAAU,EAAE;IACd;EACF,CAAC;AACH","ignoreList":[]}

package/lib/module/otp-input/context.js

@@ -0,0 +1,6 @@
+"use strict";
+
+import { createContext } from '@cdx-ui/utils';
+export const [OtpInputProvider, useOtpInputContext] = createContext('OtpInputContext');
+export const [OtpCellIndexProvider, useOtpCellIndexContext] = createContext('OtpCellIndexContext');
+//# sourceMappingURL=context.js.map

package/lib/module/otp-input/context.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","OtpInputProvider","useOtpInputContext","OtpCellIndexProvider","useOtpCellIndexContext"],"sourceRoot":"../../../src","sources":["otp-input/context.tsx"],"mappings":";;AAAA,SAASA,aAAa,QAAQ,eAAe;AAG7C,OAAO,MAAM,CAACC,gBAAgB,EAAEC,kBAAkB,CAAC,GACjDF,aAAa,CAAuB,iBAAiB,CAAC;AAExD,OAAO,MAAM,CAACG,oBAAoB,EAAEC,sBAAsB,CAAC,GACzDJ,aAAa,CAAgC,qBAAqB,CAAC","ignoreList":[]}

package/lib/module/otp-input/createOtpInputCell.js

@@ -0,0 +1,24 @@
+"use strict";
+
+import { forwardRef } from 'react';
+import { useOtpInputContext } from './context';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const createOtpInputCell = BaseCell => /*#__PURE__*/forwardRef(({
+  children,
+  ...props
+}, ref) => {
+  const {
+    isDisabled,
+    isInvalid,
+    isReadOnly
+  } = useOtpInputContext();
+  return /*#__PURE__*/_jsx(BaseCell, {
+    ref: ref,
+    isDisabled: isDisabled,
+    isInvalid: isInvalid,
+    isReadOnly: isReadOnly,
+    ...props,
+    children: children
+  });
+});
+//# sourceMappingURL=createOtpInputCell.js.map

package/lib/module/otp-input/createOtpInputCell.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useOtpInputContext","jsx","_jsx","createOtpInputCell","BaseCell","children","props","ref","isDisabled","isInvalid","isReadOnly"],"sourceRoot":"../../../src","sources":["otp-input/createOtpInputCell.tsx"],"mappings":";;AAEA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,kBAAkB,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG/C,OAAO,MAAMC,kBAAkB,GAAQC,QAAgC,iBACrEL,UAAU,CAAqD,CAAC;EAAEM,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC9F,MAAM;IAAEC,UAAU;IAAEC,SAAS;IAAEC;EAAW,CAAC,GAAGV,kBAAkB,CAAC,CAAC;EAElE,oBACEE,IAAA,CAACE,QAAQ;IACPG,GAAG,EAAEA,GAAI;IACTC,UAAU,EAAEA,UAAW;IACvBC,SAAS,EAAEA,SAAU;IACrBC,UAAU,EAAEA,UAAW;IAAA,GAClBJ,KAAK;IAAAD,QAAA,EAETA;EAAQ,CACD,CAAC;AAEf,CAAC,CAAC","ignoreList":[]}

package/lib/module/otp-input/createOtpInputField.js

@@ -0,0 +1,99 @@
+"use strict";
+
+import { forwardRef, useMemo } from 'react';
+import { Platform } from 'react-native';
+import { mergeRefs } from '@cdx-ui/utils';
+import { useOtpCellIndexContext, useOtpInputContext } from './context';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const createOtpInputField = BaseField => /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    cellIndex
+  } = useOtpCellIndexContext();
+  const {
+    value,
+    cellCount,
+    isDisabled,
+    isReadOnly,
+    smsOtpAutofill,
+    getCellProps,
+    cellTestIdPrefix,
+    rootAccessibilityLabel,
+    setFieldRef,
+    handleFieldChange,
+    handleFieldKeyPress
+  } = useOtpInputContext();
+  const char = cellIndex < value.length ? value[cellIndex] ?? '' : '';
+  const extra = getCellProps?.(cellIndex) ?? {};
+  const accessibilityLabel = useMemo(() => {
+    const fromExtra = extra.accessibilityLabel;
+    if (typeof fromExtra === 'string' && fromExtra !== '') {
+      return fromExtra;
+    }
+    if (rootAccessibilityLabel) {
+      return `${rootAccessibilityLabel}, ${String(cellIndex + 1)} of ${String(cellCount)}`;
+    }
+    return `OTP digit ${String(cellIndex + 1)} of ${String(cellCount)}`;
+  }, [cellCount, cellIndex, extra.accessibilityLabel, rootAccessibilityLabel]);
+  const autofillProps = useMemo(() => {
+    if (!smsOtpAutofill || cellIndex !== 0) {
+      return {};
+    }
+    return Platform.select({
+      web: {
+        autoComplete: 'one-time-code'
+      },
+      ios: {
+        textContentType: 'oneTimeCode'
+      },
+      android: {
+        autoComplete: 'sms-otp'
+      },
+      default: {}
+    });
+  }, [cellIndex, smsOtpAutofill]);
+  const editable = !(isDisabled || isReadOnly);
+  const {
+    style: extraStyle,
+    accessibilityLabel: _omitExtraA11y,
+    ...extraRest
+  } = extra;
+  void _omitExtraA11y;
+  const {
+    style: incomingStyle,
+    value: _omitValue,
+    defaultValue: _omitDefault,
+    onChangeText: _omitOnChange,
+    ...incomingRest
+  } = props;
+  void _omitValue;
+  void _omitDefault;
+  void _omitOnChange;
+
+  // Default digit OTP (`number-pad`). Root `getCellProps` is spread after and may override `keyboardType`.
+  return /*#__PURE__*/_jsx(BaseField, {
+    ref: mergeRefs(ref, el => {
+      setFieldRef(cellIndex, el);
+    }),
+    accessibilityLabel: accessibilityLabel,
+    "aria-label": accessibilityLabel,
+    accessible: true,
+    autoFocus: cellIndex === 0 && editable && value.length === 0,
+    editable: editable,
+    keyboardType: "number-pad",
+    returnKeyType: "done",
+    selectTextOnFocus: true,
+    testID: cellTestIdPrefix ? `${cellTestIdPrefix}:${String(cellIndex)}:textField:changeText` : undefined,
+    value: char,
+    onChangeText: text => {
+      handleFieldChange(cellIndex, text);
+    },
+    onKeyPress: e => {
+      handleFieldKeyPress(cellIndex, e.nativeEvent.key);
+    },
+    ...autofillProps,
+    ...extraRest,
+    ...incomingRest,
+    style: [extraStyle, incomingStyle]
+  });
+});
+//# sourceMappingURL=createOtpInputField.js.map

package/lib/module/otp-input/createOtpInputField.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useMemo","Platform","mergeRefs","useOtpCellIndexContext","useOtpInputContext","jsx","_jsx","createOtpInputField","BaseField","props","ref","cellIndex","value","cellCount","isDisabled","isReadOnly","smsOtpAutofill","getCellProps","cellTestIdPrefix","rootAccessibilityLabel","setFieldRef","handleFieldChange","handleFieldKeyPress","char","length","extra","accessibilityLabel","fromExtra","String","autofillProps","select","web","autoComplete","ios","textContentType","android","default","editable","style","extraStyle","_omitExtraA11y","extraRest","incomingStyle","_omitValue","defaultValue","_omitDefault","onChangeText","_omitOnChange","incomingRest","el","accessible","autoFocus","keyboardType","returnKeyType","selectTextOnFocus","testID","undefined","text","onKeyPress","e","nativeEvent","key"],"sourceRoot":"../../../src","sources":["otp-input/createOtpInputField.tsx"],"mappings":"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","ignoreList":[]}