@cdx-ui/utils 0.0.1-alpha.1

package/lib/module/common/mergeRefs.js

@@ -0,0 +1,14 @@
+"use strict";
+
+export function mergeRefs(...refs) {
+  return value => {
+    for (const ref of refs) {
+      if (typeof ref === 'function') {
+        ref(value);
+      } else if (ref != null) {
+        ref.current = value;
+      }
+    }
+  };
+}
+//# sourceMappingURL=mergeRefs.js.map

package/lib/module/common/mergeRefs.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["mergeRefs","refs","value","ref","current"],"sourceRoot":"../../../src","sources":["common/mergeRefs.ts"],"mappings":";;AAEA,OAAO,SAASA,SAASA,CAAI,GAAGC,IAA4B,EAAkB;EAC5E,OAAQC,KAAe,IAAK;IAC1B,KAAK,MAAMC,GAAG,IAAIF,IAAI,EAAE;MACtB,IAAI,OAAOE,GAAG,KAAK,UAAU,EAAE;QAC7BA,GAAG,CAACD,KAAK,CAAC;MACZ,CAAC,MAAM,IAAIC,GAAG,IAAI,IAAI,EAAE;QACtBA,GAAG,CAACC,OAAO,GAAGF,KAAK;MACrB;IACF;EACF,CAAC;AACH","ignoreList":[]}

package/lib/module/common/useControllableState.js

@@ -0,0 +1,62 @@
+"use strict";
+
+// This project uses code from WorkOS/Radix Primitives.
+// The code is licensed under the MIT License.
+// https://github.com/radix-ui/primitives/tree/main
+
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+function useControllableState({
+  prop,
+  defaultProp,
+  onChange = () => {}
+}) {
+  const [uncontrolledProp, setUncontrolledProp] = useUncontrolledState({
+    defaultProp,
+    onChange
+  });
+  const isControlled = prop !== undefined;
+  const value = isControlled ? prop : uncontrolledProp;
+  const handleChange = useCallbackRef(onChange);
+  const setValue = useCallback(nextValue => {
+    if (isControlled) {
+      const setter = nextValue;
+      const value = typeof nextValue === 'function' ? setter(prop) : nextValue;
+      if (value !== prop) handleChange(value);
+    } else {
+      setUncontrolledProp(nextValue);
+    }
+  }, [isControlled, prop, setUncontrolledProp, handleChange]);
+  return [value, setValue];
+}
+function useUncontrolledState({
+  defaultProp,
+  onChange
+}) {
+  const uncontrolledState = useState(defaultProp);
+  const [value] = uncontrolledState;
+  const prevValueRef = useRef(value);
+  const handleChange = useCallbackRef(onChange);
+  useEffect(() => {
+    if (prevValueRef.current !== value) {
+      handleChange(value);
+      prevValueRef.current = value;
+    }
+  }, [value, prevValueRef, handleChange]);
+  return uncontrolledState;
+}
+
+/**
+ * A custom hook that converts a callback to a ref to avoid triggering re-renders when passed as a
+ * prop or avoid re-executing effects when passed as a dependency
+ */
+function useCallbackRef(callback) {
+  const callbackRef = useRef(callback);
+  useEffect(() => {
+    callbackRef.current = callback;
+  });
+
+  // https://github.com/facebook/react/issues/19240
+  return useMemo(() => (...args) => callbackRef.current?.(...args), []);
+}
+export { useControllableState };
+//# sourceMappingURL=useControllableState.js.map

package/lib/module/common/useControllableState.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useEffect","useMemo","useRef","useState","useControllableState","prop","defaultProp","onChange","uncontrolledProp","setUncontrolledProp","useUncontrolledState","isControlled","undefined","value","handleChange","useCallbackRef","setValue","nextValue","setter","uncontrolledState","prevValueRef","current","callback","callbackRef","args"],"sourceRoot":"../../../src","sources":["common/useControllableState.ts"],"mappings":";;AAAA;AACA;AACA;;AAEA,SAASA,WAAW,EAAEC,SAAS,EAAEC,OAAO,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAUzE,SAASC,oBAAoBA,CAAI;EAC/BC,IAAI;EACJC,WAAW;EACXC,QAAQ,GAAGA,CAAA,KAAM,CAAC;AACW,CAAC,EAAE;EAChC,MAAM,CAACC,gBAAgB,EAAEC,mBAAmB,CAAC,GAAGC,oBAAoB,CAAC;IAAEJ,WAAW;IAAEC;EAAS,CAAC,CAAC;EAC/F,MAAMI,YAAY,GAAGN,IAAI,KAAKO,SAAS;EACvC,MAAMC,KAAK,GAAGF,YAAY,GAAGN,IAAI,GAAGG,gBAAgB;EACpD,MAAMM,YAAY,GAAGC,cAAc,CAACR,QAAQ,CAAC;EAE7C,MAAMS,QAA6D,GAAGjB,WAAW,CAC9EkB,SAAS,IAAK;IACb,IAAIN,YAAY,EAAE;MAChB,MAAMO,MAAM,GAAGD,SAA0B;MACzC,MAAMJ,KAAK,GAAG,OAAOI,SAAS,KAAK,UAAU,GAAGC,MAAM,CAACb,IAAI,CAAC,GAAGY,SAAS;MACxE,IAAIJ,KAAK,KAAKR,IAAI,EAAES,YAAY,CAACD,KAAU,CAAC;IAC9C,CAAC,MAAM;MACLJ,mBAAmB,CAACQ,SAAS,CAAC;IAChC;EACF,CAAC,EACD,CAACN,YAAY,EAAEN,IAAI,EAAEI,mBAAmB,EAAEK,YAAY,CACxD,CAAC;EAED,OAAO,CAACD,KAAK,EAAEG,QAAQ,CAAC;AAC1B;AAEA,SAASN,oBAAoBA,CAAI;EAC/BJ,WAAW;EACXC;AAC2C,CAAC,EAAE;EAC9C,MAAMY,iBAAiB,GAAGhB,QAAQ,CAAgBG,WAAW,CAAC;EAC9D,MAAM,CAACO,KAAK,CAAC,GAAGM,iBAAiB;EACjC,MAAMC,YAAY,GAAGlB,MAAM,CAACW,KAAK,CAAC;EAClC,MAAMC,YAAY,GAAGC,cAAc,CAACR,QAAQ,CAAC;EAE7CP,SAAS,CAAC,MAAM;IACd,IAAIoB,YAAY,CAACC,OAAO,KAAKR,KAAK,EAAE;MAClCC,YAAY,CAACD,KAAU,CAAC;MACxBO,YAAY,CAACC,OAAO,GAAGR,KAAK;IAC9B;EACF,CAAC,EAAE,CAACA,KAAK,EAAEO,YAAY,EAAEN,YAAY,CAAC,CAAC;EAEvC,OAAOK,iBAAiB;AAC1B;;AAEA;AACA;AACA;AACA;AACA,SAASJ,cAAcA,CAAoCO,QAAuB,EAAK;EACrF,MAAMC,WAAW,GAAGrB,MAAM,CAACoB,QAAQ,CAAC;EAEpCtB,SAAS,CAAC,MAAM;IACduB,WAAW,CAACF,OAAO,GAAGC,QAAQ;EAChC,CAAC,CAAC;;EAEF;EACA,OAAOrB,OAAO,CAAC,MAAO,CAAC,GAAGuB,IAAI,KAAKD,WAAW,CAACF,OAAO,GAAG,GAAGG,IAAI,CAAO,EAAE,EAAE,CAAC;AAC9E;AAEA,SAASpB,oBAAoB","ignoreList":[]}

package/lib/module/context/createContext.js

@@ -0,0 +1,27 @@
+"use strict";
+
+import { createContext as createReactContext, useContext } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+export function createContext(displayName) {
+  const Context = /*#__PURE__*/createReactContext(undefined);
+  const Provider = props => {
+    const {
+      children,
+      value
+    } = props;
+    return /*#__PURE__*/_jsx(Context.Provider, {
+      value: value,
+      children: children
+    });
+  };
+  Provider.displayName = `${displayName}Provider`;
+  function useC() {
+    const context = useContext(Context);
+    if (context === undefined) {
+      throw new Error(`use${displayName} must be used within a ${displayName}Provider`);
+    }
+    return context;
+  }
+  return [Provider, useC];
+}
+//# sourceMappingURL=createContext.js.map

package/lib/module/context/createContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","createReactContext","useContext","jsx","_jsx","displayName","Context","undefined","Provider","props","children","value","useC","context","Error"],"sourceRoot":"../../../src","sources":["context/createContext.tsx"],"mappings":";;AAAA,SAEEA,aAAa,IAAIC,kBAAkB,EAEnCC,UAAU,QACL,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEf,OAAO,SAASJ,aAAaA,CAAIK,WAAmB,EAAE;EACpD,MAAMC,OAAO,gBAAGL,kBAAkB,CAAgBM,SAAS,CAAC;EAE5D,MAAMC,QAA0D,GAAIC,KAAK,IAAK;IAC5E,MAAM;MAAEC,QAAQ;MAAEC;IAAM,CAAC,GAAGF,KAAK;IACjC,oBAAOL,IAAA,CAACE,OAAO,CAACE,QAAQ;MAACG,KAAK,EAAEA,KAAM;MAAAD,QAAA,EAAEA;IAAQ,CAAmB,CAAC;EACtE,CAAC;EAEDF,QAAQ,CAACH,WAAW,GAAG,GAAGA,WAAW,UAAU;EAE/C,SAASO,IAAIA,CAAA,EAAM;IACjB,MAAMC,OAAO,GAAGX,UAAU,CAACI,OAAO,CAAC;IACnC,IAAIO,OAAO,KAAKN,SAAS,EAAE;MACzB,MAAM,IAAIO,KAAK,CAAC,MAAMT,WAAW,0BAA0BA,WAAW,UAAU,CAAC;IACnF;IACA,OAAOQ,OAAO;EAChB;EAEA,OAAO,CAACL,QAAQ,EAAEI,IAAI,CAAC;AACzB","ignoreList":[]}

package/lib/module/context/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["createContext"],"sourceRoot":"../../../src","sources":["context/index.ts"],"mappings":";;AAAA,SAASA,aAAa,QAAQ,iBAAiB","ignoreList":[]}

package/lib/module/form-control/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export { FormControlContext, useFormControl, useFormControlContext } from './useFormControl';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["FormControlContext","useFormControl","useFormControlContext"],"sourceRoot":"../../../src","sources":["form-control/index.ts"],"mappings":";;AAAA,SAIEA,kBAAkB,EAClBC,cAAc,EACdC,qBAAqB,QAChB,kBAAkB","ignoreList":[]}

package/lib/module/form-control/useFormControl.js

@@ -0,0 +1,43 @@
+"use strict";
+
+import React from 'react';
+import { ariaAttr } from '../common/accessibilityUtils';
+export const FormControlContext = /*#__PURE__*/React.createContext({});
+/**
+ * Hook that merges local field props with the nearest FormControl context
+ * and returns normalised HTML / ARIA attributes for input elements.
+ */
+export function useFormControl(props) {
+  const field = useFormControlContext();
+  const describedBy = [];
+  if (field?.hasFeedbackText && field.feedbackId) {
+    describedBy.push(field.feedbackId);
+  }
+  if (field?.hasHelpText && field.helpTextId) {
+    describedBy.push(field.helpTextId);
+  }
+  const ariaDescribedBy = describedBy.join(' ');
+  const {
+    isInvalid,
+    isDisabled,
+    isReadOnly,
+    isRequired,
+    ...cleanProps
+  } = props;
+  const id = props.id ?? (field?.id ? `${field.id}-input` : undefined);
+  return {
+    ...cleanProps,
+    id,
+    disabled: isDisabled || field?.isDisabled,
+    readOnly: isReadOnly || field?.isReadOnly,
+    required: isRequired || field?.isRequired,
+    'aria-invalid': ariaAttr(isInvalid || field?.isInvalid),
+    'aria-required': ariaAttr(isRequired || field?.isRequired),
+    'aria-readonly': ariaAttr(isReadOnly || field?.isReadOnly),
+    'aria-describedby': ariaDescribedBy || undefined
+  };
+}
+export const useFormControlContext = () => {
+  return React.useContext(FormControlContext);
+};
+//# sourceMappingURL=useFormControl.js.map

package/lib/module/form-control/useFormControl.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ariaAttr","FormControlContext","createContext","useFormControl","props","field","useFormControlContext","describedBy","hasFeedbackText","feedbackId","push","hasHelpText","helpTextId","ariaDescribedBy","join","isInvalid","isDisabled","isReadOnly","isRequired","cleanProps","id","undefined","disabled","readOnly","required","useContext"],"sourceRoot":"../../../src","sources":["form-control/useFormControl.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,QAAQ,8BAA8B;AAqBvD,OAAO,MAAMC,kBAAkB,gBAAGF,KAAK,CAACG,aAAa,CAAmC,CAAC,CAAC,CAAC;AAM3F;AACA;AACA;AACA;AACA,OAAO,SAASC,cAAcA,CAACC,KAA4B,EAAE;EAC3D,MAAMC,KAAK,GAAGC,qBAAqB,CAAC,CAAC;EACrC,MAAMC,WAAqB,GAAG,EAAE;EAEhC,IAAIF,KAAK,EAAEG,eAAe,IAAIH,KAAK,CAACI,UAAU,EAAE;IAC9CF,WAAW,CAACG,IAAI,CAACL,KAAK,CAACI,UAAU,CAAC;EACpC;EACA,IAAIJ,KAAK,EAAEM,WAAW,IAAIN,KAAK,CAACO,UAAU,EAAE;IAC1CL,WAAW,CAACG,IAAI,CAACL,KAAK,CAACO,UAAU,CAAC;EACpC;EACA,MAAMC,eAAe,GAAGN,WAAW,CAACO,IAAI,CAAC,GAAG,CAAC;EAE7C,MAAM;IAAEC,SAAS;IAAEC,UAAU;IAAEC,UAAU;IAAEC,UAAU;IAAE,GAAGC;EAAW,CAAC,GAAGf,KAAK;EAC9E,MAAMgB,EAAE,GAAGhB,KAAK,CAACgB,EAAE,KAAKf,KAAK,EAAEe,EAAE,GAAG,GAAGf,KAAK,CAACe,EAAE,QAAQ,GAAGC,SAAS,CAAC;EAEpE,OAAO;IACL,GAAGF,UAAU;IACbC,EAAE;IACFE,QAAQ,EAAEN,UAAU,IAAIX,KAAK,EAAEW,UAAU;IACzCO,QAAQ,EAAEN,UAAU,IAAIZ,KAAK,EAAEY,UAAU;IACzCO,QAAQ,EAAEN,UAAU,IAAIb,KAAK,EAAEa,UAAU;IACzC,cAAc,EAAElB,QAAQ,CAACe,SAAS,IAAIV,KAAK,EAAEU,SAAS,CAAC;IACvD,eAAe,EAAEf,QAAQ,CAACkB,UAAU,IAAIb,KAAK,EAAEa,UAAU,CAAC;IAC1D,eAAe,EAAElB,QAAQ,CAACiB,UAAU,IAAIZ,KAAK,EAAEY,UAAU,CAAC;IAC1D,kBAAkB,EAAEJ,eAAe,IAAIQ;EACzC,CAAC;AACH;AAEA,OAAO,MAAMf,qBAAqB,GAAGA,CAAA,KAAM;EACzC,OAAOP,KAAK,CAAC0B,UAAU,CAACxB,kBAAkB,CAAC;AAC7C,CAAC","ignoreList":[]}

package/lib/module/index.js

@@ -0,0 +1,7 @@
+"use strict";
+
+export * from './common';
+export * from './context';
+export * from './form-control';
+export * from './style';
+//# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;AAAA,cAAc,UAAU;AACxB,cAAc,WAAW;AACzB,cAAc,gBAAgB;AAC9B,cAAc,SAAS","ignoreList":[]}

package/lib/module/style/context/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+import { createContext, useContext } from 'react';
+export const ParentContext = /*#__PURE__*/createContext({});
+export const useParentContext = () => {
+  return useContext(ParentContext);
+};
+export const useStyleContext = (scope = 'Global') => {
+  const parentContextValues = useParentContext();
+  return parentContextValues[scope];
+};
+//# sourceMappingURL=index.js.map

package/lib/module/style/context/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","useContext","ParentContext","useParentContext","useStyleContext","scope","parentContextValues"],"sourceRoot":"../../../../src","sources":["style/context/index.tsx"],"mappings":";;AAAA,SAASA,aAAa,EAAEC,UAAU,QAAQ,OAAO;AAIjD,OAAO,MAAMC,aAAa,gBAAGF,aAAa,CAAkB,CAAC,CAAC,CAAC;AAE/D,OAAO,MAAMG,gBAAgB,GAAGA,CAAA,KAAuB;EACrD,OAAOF,UAAU,CAACC,aAAa,CAAC;AAClC,CAAC;AAED,OAAO,MAAME,eAAe,GAAGA,CAACC,KAAK,GAAG,QAAQ,KAAK;EACnD,MAAMC,mBAAmB,GAAGH,gBAAgB,CAAC,CAAC;EAC9C,OAAOG,mBAAmB,CAACD,KAAK,CAAC;AACnC,CAAC","ignoreList":[]}

package/lib/module/style/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+export * from './context';
+export * from './withStyleContext';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["style/index.tsx"],"mappings":";;AAAA,cAAc,WAAW;AACzB,cAAc,oBAAoB","ignoreList":[]}

package/lib/module/style/withStyleContext/index.js

@@ -0,0 +1,28 @@
+"use strict";
+
+import { forwardRef, useMemo } from 'react';
+import { ParentContext, useParentContext } from '../context';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const withStyleContext = (Component, scope = 'Global') => {
+  const Wrapped = /*#__PURE__*/forwardRef(({
+    context,
+    ...props
+  }, ref) => {
+    const parentContextValues = useParentContext();
+    const contextValues = useMemo(() => {
+      return {
+        ...parentContextValues,
+        [scope]: context
+      };
+    }, [parentContextValues, context]);
+    return /*#__PURE__*/_jsx(ParentContext.Provider, {
+      value: contextValues,
+      children: /*#__PURE__*/_jsx(Component, {
+        ...props,
+        ref: ref
+      })
+    });
+  });
+  return Wrapped;
+};
+//# sourceMappingURL=index.js.map

package/lib/module/style/withStyleContext/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useMemo","ParentContext","useParentContext","jsx","_jsx","withStyleContext","Component","scope","Wrapped","context","props","ref","parentContextValues","contextValues","Provider","value","children"],"sourceRoot":"../../../../src","sources":["style/withStyleContext/index.tsx"],"mappings":";;AAAA,SAMEA,UAAU,EACVC,OAAO,QACF,OAAO;AACd,SAASC,aAAa,EAAwBC,gBAAgB,QAAQ,YAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAMnF,OAAO,MAAMC,gBAAgB,GAAGA,CAAwBC,SAAY,EAAEC,KAAK,GAAG,QAAQ,KAAK;EAIzF,MAAMC,OAAO,gBAAGT,UAAU,CAAa,CAAC;IAAEU,OAAO;IAAE,GAAGC;EAAM,CAAC,EAAEC,GAAG,KAAK;IACrE,MAAMC,mBAAmB,GAAGV,gBAAgB,CAAC,CAAC;IAE9C,MAAMW,aAA8B,GAAGb,OAAO,CAAC,MAAM;MACnD,OAAO;QAAE,GAAGY,mBAAmB;QAAE,CAACL,KAAK,GAAGE;MAAQ,CAAC;IACrD,CAAC,EAAE,CAACG,mBAAmB,EAAEH,OAAO,CAAC,CAAC;IAElC,oBACEL,IAAA,CAACH,aAAa,CAACa,QAAQ;MAACC,KAAK,EAAEF,aAAc;MAAAG,QAAA,eAE3CZ,IAAA,CAACE,SAAS;QAAA,GAAKI,KAAK;QAAEC,GAAG,EAAEA;MAAI,CAAE;IAAC,CACZ,CAAC;EAE7B,CAAC,CAAC;EAEF,OAAOH,OAAO;AAChB,CAAC","ignoreList":[]}

package/lib/typescript/common/accessibilityUtils.d.ts

@@ -0,0 +1,2 @@
+export declare const ariaAttr: (condition: boolean | undefined) => true | undefined;
+//# sourceMappingURL=accessibilityUtils.d.ts.map

package/lib/typescript/common/accessibilityUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accessibilityUtils.d.ts","sourceRoot":"","sources":["../../../src/common/accessibilityUtils.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ,GAAI,WAAW,OAAO,GAAG,SAAS,qBAAmC,CAAC"}

package/lib/typescript/common/cn.d.ts

@@ -0,0 +1,3 @@
+import { type ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;
+//# sourceMappingURL=cn.d.ts.map

package/lib/typescript/common/cn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cn.d.ts","sourceRoot":"","sources":["../../../src/common/cn.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAQ,MAAM,MAAM,CAAC;AAG7C,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC"}

package/lib/typescript/common/composeEventHandlers.d.ts

@@ -0,0 +1,2 @@
+export declare function composeEventHandlers<E>(...args: (null | undefined | ((event: E) => void))[]): (event: E) => void;
+//# sourceMappingURL=composeEventHandlers.d.ts.map

package/lib/typescript/common/composeEventHandlers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"composeEventHandlers.d.ts","sourceRoot":"","sources":["../../../src/common/composeEventHandlers.ts"],"names":[],"mappings":"AAAA,wBAAgB,oBAAoB,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,CAAC,IAAI,GAAG,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC,CAAC,EAAE,IAC9D,OAAO,CAAC,UAKrC"}

package/lib/typescript/common/getSpacedChild.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+type ReactChildArray = ReturnType<typeof React.Children.toArray>;
+export declare function flattenChildren(children: React.ReactNode, keys?: (string | number)[]): ReactChildArray;
+export {};
+//# sourceMappingURL=getSpacedChild.d.ts.map

package/lib/typescript/common/getSpacedChild.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getSpacedChild.d.ts","sourceRoot":"","sources":["../../../src/common/getSpacedChild.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;AAIjE,wBAAgB,eAAe,CAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,EACzB,IAAI,GAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAO,GAC7B,eAAe,CAsBjB"}

package/lib/typescript/common/index.d.ts

@@ -0,0 +1,7 @@
+export { ariaAttr } from './accessibilityUtils';
+export { cn } from './cn';
+export { composeEventHandlers } from './composeEventHandlers';
+export { flattenChildren } from './getSpacedChild';
+export { mergeRefs } from './mergeRefs';
+export { type UseControllableStateParams, useControllableState } from './useControllableState';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/common/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/common/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,EAAE,EAAE,MAAM,MAAM,CAAC;AAC1B,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,KAAK,0BAA0B,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC"}

package/lib/typescript/common/mergeRefs.d.ts

@@ -0,0 +1,3 @@
+import type { Ref, RefCallback } from 'react';
+export declare function mergeRefs<T>(...refs: (Ref<T> | undefined)[]): RefCallback<T>;
+//# sourceMappingURL=mergeRefs.d.ts.map

package/lib/typescript/common/mergeRefs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mergeRefs.d.ts","sourceRoot":"","sources":["../../../src/common/mergeRefs.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAE9C,wBAAgB,SAAS,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,EAAE,GAAG,WAAW,CAAC,CAAC,CAAC,CAU5E"}

package/lib/typescript/common/useControllableState.d.ts

@@ -0,0 +1,8 @@
+export interface UseControllableStateParams<T> {
+    prop?: T | undefined;
+    defaultProp?: T | undefined;
+    onChange?: (state: T) => void;
+}
+declare function useControllableState<T>({ prop, defaultProp, onChange, }: UseControllableStateParams<T>): readonly [T | undefined, import("react").Dispatch<import("react").SetStateAction<T | undefined>>];
+export { useControllableState };
+//# sourceMappingURL=useControllableState.d.ts.map

package/lib/typescript/common/useControllableState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useControllableState.d.ts","sourceRoot":"","sources":["../../../src/common/useControllableState.ts"],"names":[],"mappings":"AAMA,MAAM,WAAW,0BAA0B,CAAC,CAAC;IAC3C,IAAI,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC;IACrB,WAAW,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC;IAC5B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;CAC/B;AAID,iBAAS,oBAAoB,CAAC,CAAC,EAAE,EAC/B,IAAI,EACJ,WAAW,EACX,QAAmB,GACpB,EAAE,0BAA0B,CAAC,CAAC,CAAC,qGAoB/B;AAoCD,OAAO,EAAE,oBAAoB,EAAE,CAAC"}

package/lib/typescript/context/createContext.d.ts

@@ -0,0 +1,6 @@
+import { type ReactNode } from 'react';
+export declare function createContext<T>(displayName: string): readonly [import("react").FunctionComponent<{
+    children: ReactNode;
+    value: T;
+}>, () => T];
+//# sourceMappingURL=createContext.d.ts.map

package/lib/typescript/context/createContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createContext.d.ts","sourceRoot":"","sources":["../../../src/context/createContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,SAAS,EAEf,MAAM,OAAO,CAAC;AAEf,wBAAgB,aAAa,CAAC,CAAC,EAAE,WAAW,EAAE,MAAM;cAGR,SAAS;WAAS,CAAC;UAO5C,CAAC,EASnB"}

package/lib/typescript/context/index.d.ts

@@ -0,0 +1,2 @@
+export { createContext } from './createContext';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/context/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/context/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC"}

package/lib/typescript/form-control/index.d.ts

@@ -0,0 +1,2 @@
+export { type FormControlContextValue, type FormControlFieldProps, type FormControlState, FormControlContext, useFormControl, useFormControlContext, } from './useFormControl';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/form-control/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/form-control/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,uBAAuB,EAC5B,KAAK,qBAAqB,EAC1B,KAAK,gBAAgB,EACrB,kBAAkB,EAClB,cAAc,EACd,qBAAqB,GACtB,MAAM,kBAAkB,CAAC"}

package/lib/typescript/form-control/useFormControl.d.ts

@@ -0,0 +1,38 @@
+import React from 'react';
+type HTMLProps = Record<string, unknown>;
+export interface FormControlState {
+    isRequired: boolean;
+    isInvalid: boolean;
+    isDisabled: boolean;
+    isReadOnly: boolean;
+}
+export interface FormControlContextValue extends FormControlState {
+    hasFeedbackText: boolean;
+    hasHelpText: boolean;
+    id: string;
+    labelId: string;
+    feedbackId: string;
+    helpTextId: string;
+    htmlProps: HTMLProps;
+}
+export declare const FormControlContext: React.Context<Partial<FormControlContextValue>>;
+export interface FormControlFieldProps extends Partial<FormControlState> {
+    id?: string;
+}
+/**
+ * Hook that merges local field props with the nearest FormControl context
+ * and returns normalised HTML / ARIA attributes for input elements.
+ */
+export declare function useFormControl(props: FormControlFieldProps): {
+    id: string | undefined;
+    disabled: boolean | undefined;
+    readOnly: boolean | undefined;
+    required: boolean | undefined;
+    'aria-invalid': boolean | undefined;
+    'aria-required': boolean | undefined;
+    'aria-readonly': boolean | undefined;
+    'aria-describedby': string | undefined;
+};
+export declare const useFormControlContext: () => Partial<FormControlContextValue>;
+export {};
+//# sourceMappingURL=useFormControl.d.ts.map

package/lib/typescript/form-control/useFormControl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFormControl.d.ts","sourceRoot":"","sources":["../../../src/form-control/useFormControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,KAAK,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAEzC,MAAM,WAAW,gBAAgB;IAC/B,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,uBAAwB,SAAQ,gBAAgB;IAC/D,eAAe,EAAE,OAAO,CAAC;IACzB,WAAW,EAAE,OAAO,CAAC;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,kBAAkB,iDAA4D,CAAC;AAE5F,MAAM,WAAW,qBAAsB,SAAQ,OAAO,CAAC,gBAAgB,CAAC;IACtE,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,qBAAqB;;;;;;;;;EA0B1D;AAED,eAAO,MAAM,qBAAqB,wCAEjC,CAAC"}

package/lib/typescript/index.d.ts

@@ -0,0 +1,5 @@
+export * from './common';
+export * from './context';
+export * from './form-control';
+export * from './style';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC"}

package/lib/typescript/style/context/index.d.ts

@@ -0,0 +1,5 @@
+export type StyleContextMap = Record<string, unknown>;
+export declare const ParentContext: import("react").Context<StyleContextMap>;
+export declare const useParentContext: () => StyleContextMap;
+export declare const useStyleContext: (scope?: string) => Record<string, unknown>;
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/style/context/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/style/context/index.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAEtD,eAAO,MAAM,aAAa,0CAAqC,CAAC;AAEhE,eAAO,MAAM,gBAAgB,QAAO,eAEnC,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,cAAgB,KAET,MAAM,CAAC,MAAM,EAAE,OAAO,CAC5D,CAAC"}

package/lib/typescript/style/index.d.ts

@@ -0,0 +1,3 @@
+export * from './context';
+export * from './withStyleContext';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/style/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/style/index.tsx"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,oBAAoB,CAAC"}

package/lib/typescript/style/withStyleContext/index.d.ts

@@ -0,0 +1,6 @@
+import { type ComponentPropsWithoutRef, type ComponentRef, type ElementType, type ForwardRefExoticComponent, type RefAttributes } from 'react';
+export interface WithStyleContextProps {
+    context?: Record<string, unknown>;
+}
+export declare const withStyleContext: <T extends ElementType>(Component: T, scope?: string) => ForwardRefExoticComponent<(ComponentPropsWithoutRef<T> & WithStyleContextProps) & RefAttributes<ComponentRef<T>>>;
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/style/withStyleContext/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/style/withStyleContext/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,wBAAwB,EAC7B,KAAK,YAAY,EACjB,KAAK,WAAW,EAChB,KAAK,yBAAyB,EAC9B,KAAK,aAAa,EAGnB,MAAM,OAAO,CAAC;AAGf,MAAM,WAAW,qBAAqB;IACpC,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACnC;AAED,eAAO,MAAM,gBAAgB,GAAI,CAAC,SAAS,WAAW,EAAE,WAAW,CAAC,EAAE,cAAgB,KAmBlE,yBAAyB,CAAC,wDAAQ,aAAa,iBAAK,CACvE,CAAC"}

package/package.json

@@ -0,0 +1,65 @@
+{
+  "name": "@cdx-ui/utils",
+  "version": "0.0.1-alpha.1",
+  "main": "lib/commonjs/index.js",
+  "module": "lib/module/index.js",
+  "react-native": "src/index.ts",
+  "types": "lib/typescript/index.d.ts",
+  "source": "src/index.ts",
+  "exports": {
+    ".": {
+      "react-native": "./src/index.ts",
+      "source": "./src/index.ts",
+      "types": "./lib/typescript/index.d.ts",
+      "import": "./lib/module/index.js",
+      "require": "./lib/commonjs/index.js",
+      "default": "./lib/module/index.js"
+    }
+  },
+  "files": [
+    "lib",
+    "src"
+  ],
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "lib",
+    "targets": [
+      "commonjs",
+      "module",
+      "typescript"
+    ]
+  },
+  "dependencies": {
+    "clsx": "2.1.1",
+    "tailwind-merge": "3.5.0"
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-native": ">=0.74.0",
+    "react-native-web": ">=0.19.0"
+  },
+  "devDependencies": {
+    "@types/react": "*",
+    "@types/react-dom": "*",
+    "react": "*",
+    "react-dom": "*",
+    "react-native": "*",
+    "react-native-builder-bob": "*",
+    "react-native-web": "*",
+    "typescript": "*"
+  },
+  "nx": {
+    "tags": [
+      "type:lib",
+      "scope:utils"
+    ]
+  },
+  "sideEffects": false,
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "bob build",
+    "lint": "eslint src/"
+  }
+}

package/src/common/accessibilityUtils.ts

@@ -0,0 +1 @@
+export const ariaAttr = (condition: boolean | undefined) => (condition ? true : undefined);

package/src/common/cn.ts

@@ -0,0 +1,6 @@
+import { type ClassValue, clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs));
+}

package/src/common/composeEventHandlers.ts

@@ -0,0 +1,7 @@
+export function composeEventHandlers<E>(...args: (null | undefined | ((event: E) => void))[]) {
+  return function handleEvent(event: E) {
+    for (let i = 0; i < args.length; i++) {
+      args[i]?.(event);
+    }
+  };
+}

package/src/common/getSpacedChild.tsx

@@ -0,0 +1,32 @@
+import React from 'react';
+
+type ReactChildArray = ReturnType<typeof React.Children.toArray>;
+
+// TODO: Rename file
+
+export function flattenChildren(
+  children: React.ReactNode,
+  keys: (string | number)[] = [],
+): ReactChildArray {
+  const childrenArray = React.Children.toArray(children);
+  return childrenArray.reduce((flatChildren: ReactChildArray, child, index: number) => {
+    if (
+      React.isValidElement<{ children?: React.ReactNode }>(child) &&
+      child.type === React.Fragment
+    ) {
+      return flatChildren.concat(
+        flattenChildren(child.props.children, keys.concat(child.key || index)),
+      );
+    }
+    if (React.isValidElement(child)) {
+      flatChildren.push(
+        React.cloneElement(child, {
+          key: keys.concat(String(child.key || index)).join('.'),
+        }),
+      );
+    } else {
+      flatChildren.push(child);
+    }
+    return flatChildren;
+  }, []);
+}

package/src/common/index.ts

@@ -0,0 +1,6 @@
+export { ariaAttr } from './accessibilityUtils';
+export { cn } from './cn';
+export { composeEventHandlers } from './composeEventHandlers';
+export { flattenChildren } from './getSpacedChild';
+export { mergeRefs } from './mergeRefs';
+export { type UseControllableStateParams, useControllableState } from './useControllableState';

package/src/common/mergeRefs.ts

@@ -0,0 +1,13 @@
+import type { Ref, RefCallback } from 'react';
+
+export function mergeRefs<T>(...refs: (Ref<T> | undefined)[]): RefCallback<T> {
+  return (value: T | null) => {
+    for (const ref of refs) {
+      if (typeof ref === 'function') {
+        ref(value);
+      } else if (ref != null) {
+        ref.current = value;
+      }
+    }
+  };
+}