@cdx-ui/utils 0.0.1-beta.79 → 0.0.1-beta.80

package/README.md

@@ -35,10 +35,9 @@ Used internally by `@cdx-ui/components` to propagate variant props (size, color,
 
 | Export                                | Description                                                                        |
 | ------------------------------------- | ---------------------------------------------------------------------------------- |
-| `withStyleContext(Component, scope?)` | HOC that adds a `context` prop and provides it to descendants via `ParentContext`. |
-| `useStyleContext(scope?)`             | Reads the style context set by the nearest `withStyleContext` wrapper.             |
+| `ParentContext`                       | React context for propagating variant props from a compound root to sub-components. Wrap children in `<ParentContext.Provider value={...}>`. |
+| `useStyleContext(scope?)`             | Reads the style context set by the nearest `ParentContext.Provider`.               |
 | `useParentContext()`                  | Reads the full `StyleContextMap` from the nearest provider.                        |
-| `ParentContext`                       | The React context object used internally by `withStyleContext`.                    |
 
 ### Form control
 

package/lib/commonjs/context/createContext.js

@@ -6,8 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.createContext = createContext;
 var _react = require("react");
 var _jsxRuntime = require("react/jsx-runtime");
-function createContext(displayName) {
-  const Context = /*#__PURE__*/(0, _react.createContext)(undefined);
+function createContext(displayName, options) {
+  const {
+    defaultValue,
+    strict = true
+  } = options ?? {};
+  const Context = /*#__PURE__*/(0, _react.createContext)(defaultValue);
   const Provider = props => {
     const {
       children,
@@ -21,7 +25,7 @@ function createContext(displayName) {
   Provider.displayName = `${displayName}Provider`;
   function useC() {
     const context = (0, _react.useContext)(Context);
-    if (context === undefined) {
+    if (context === undefined && strict) {
       throw new Error(`use${displayName} must be used within a ${displayName}Provider`);
     }
     return context;

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

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_jsxRuntime","createContext","displayName","Context","createReactContext","undefined","Provider","props","children","value","jsx","useC","context","useContext","Error"],"sourceRoot":"../../../src","sources":["context/createContext.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAKe,IAAAC,WAAA,GAAAD,OAAA;AAER,SAASE,aAAaA,CAAIC,WAAmB,EAAE;EACpD,MAAMC,OAAO,gBAAG,IAAAC,oBAAkB,EAAgBC,SAAS,CAAC;EAE5D,MAAMC,QAA0D,GAAIC,KAAK,IAAK;IAC5E,MAAM;MAAEC,QAAQ;MAAEC;IAAM,CAAC,GAAGF,KAAK;IACjC,oBAAO,IAAAP,WAAA,CAAAU,GAAA,EAACP,OAAO,CAACG,QAAQ;MAACG,KAAK,EAAEA,KAAM;MAAAD,QAAA,EAAEA;IAAQ,CAAmB,CAAC;EACtE,CAAC;EAEDF,QAAQ,CAACJ,WAAW,GAAG,GAAGA,WAAW,UAAU;EAE/C,SAASS,IAAIA,CAAA,EAAM;IACjB,MAAMC,OAAO,GAAG,IAAAC,iBAAU,EAACV,OAAO,CAAC;IACnC,IAAIS,OAAO,KAAKP,SAAS,EAAE;MACzB,MAAM,IAAIS,KAAK,CAAC,MAAMZ,WAAW,0BAA0BA,WAAW,UAAU,CAAC;IACnF;IACA,OAAOU,OAAO;EAChB;EAEA,OAAO,CAACN,QAAQ,EAAEK,IAAI,CAAC;AACzB","ignoreList":[]}
+{"version":3,"names":["_react","require","_jsxRuntime","createContext","displayName","options","defaultValue","strict","Context","createReactContext","Provider","props","children","value","jsx","useC","context","useContext","undefined","Error"],"sourceRoot":"../../../src","sources":["context/createContext.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAKe,IAAAC,WAAA,GAAAD,OAAA;AAiBR,SAASE,aAAaA,CAAIC,WAAmB,EAAEC,OAAiC,EAAE;EACvF,MAAM;IAAEC,YAAY;IAAEC,MAAM,GAAG;EAAK,CAAC,GAAGF,OAAO,IAAI,CAAC,CAAC;EAErD,MAAMG,OAAO,gBAAG,IAAAC,oBAAkB,EAAgBH,YAAY,CAAC;EAE/D,MAAMI,QAA0D,GAAIC,KAAK,IAAK;IAC5E,MAAM;MAAEC,QAAQ;MAAEC;IAAM,CAAC,GAAGF,KAAK;IACjC,oBAAO,IAAAT,WAAA,CAAAY,GAAA,EAACN,OAAO,CAACE,QAAQ;MAACG,KAAK,EAAEA,KAAM;MAAAD,QAAA,EAAEA;IAAQ,CAAmB,CAAC;EACtE,CAAC;EAEDF,QAAQ,CAACN,WAAW,GAAG,GAAGA,WAAW,UAAU;EAE/C,SAASW,IAAIA,CAAA,EAAM;IACjB,MAAMC,OAAO,GAAG,IAAAC,iBAAU,EAACT,OAAO,CAAC;IACnC,IAAIQ,OAAO,KAAKE,SAAS,IAAIX,MAAM,EAAE;MACnC,MAAM,IAAIY,KAAK,CAAC,MAAMf,WAAW,0BAA0BA,WAAW,UAAU,CAAC;IACnF;IACA,OAAOY,OAAO;EAChB;EAEA,OAAO,CAACN,QAAQ,EAAEK,IAAI,CAAC;AACzB","ignoreList":[]}

package/lib/commonjs/style/index.js

@@ -14,15 +14,4 @@ Object.keys(_context).forEach(function (key) {
     }
   });
 });
-var _withStyleContext = require("./withStyleContext");
-Object.keys(_withStyleContext).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _withStyleContext[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _withStyleContext[key];
-    }
-  });
-});
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_context","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_withStyleContext"],"sourceRoot":"../../../src","sources":["style/index.tsx"],"mappings":";;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,QAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,QAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,QAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,iBAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,iBAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,iBAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,iBAAA,CAAAL,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
+{"version":3,"names":["_context","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sourceRoot":"../../../src","sources":["style/index.tsx"],"mappings":";;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,QAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,QAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,QAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/lib/module/context/createContext.js

@@ -2,8 +2,12 @@
 
 import { createContext as createReactContext, useContext } from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
-export function createContext(displayName) {
-  const Context = /*#__PURE__*/createReactContext(undefined);
+export function createContext(displayName, options) {
+  const {
+    defaultValue,
+    strict = true
+  } = options ?? {};
+  const Context = /*#__PURE__*/createReactContext(defaultValue);
   const Provider = props => {
     const {
       children,
@@ -17,7 +21,7 @@ export function createContext(displayName) {
   Provider.displayName = `${displayName}Provider`;
   function useC() {
     const context = useContext(Context);
-    if (context === undefined) {
+    if (context === undefined && strict) {
       throw new Error(`use${displayName} must be used within a ${displayName}Provider`);
     }
     return context;

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

@@ -1 +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":[]}
+{"version":3,"names":["createContext","createReactContext","useContext","jsx","_jsx","displayName","options","defaultValue","strict","Context","Provider","props","children","value","useC","context","undefined","Error"],"sourceRoot":"../../../src","sources":["context/createContext.tsx"],"mappings":";;AAAA,SAEEA,aAAa,IAAIC,kBAAkB,EAEnCC,UAAU,QACL,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAiBf,OAAO,SAASJ,aAAaA,CAAIK,WAAmB,EAAEC,OAAiC,EAAE;EACvF,MAAM;IAAEC,YAAY;IAAEC,MAAM,GAAG;EAAK,CAAC,GAAGF,OAAO,IAAI,CAAC,CAAC;EAErD,MAAMG,OAAO,gBAAGR,kBAAkB,CAAgBM,YAAY,CAAC;EAE/D,MAAMG,QAA0D,GAAIC,KAAK,IAAK;IAC5E,MAAM;MAAEC,QAAQ;MAAEC;IAAM,CAAC,GAAGF,KAAK;IACjC,oBAAOP,IAAA,CAACK,OAAO,CAACC,QAAQ;MAACG,KAAK,EAAEA,KAAM;MAAAD,QAAA,EAAEA;IAAQ,CAAmB,CAAC;EACtE,CAAC;EAEDF,QAAQ,CAACL,WAAW,GAAG,GAAGA,WAAW,UAAU;EAE/C,SAASS,IAAIA,CAAA,EAAM;IACjB,MAAMC,OAAO,GAAGb,UAAU,CAACO,OAAO,CAAC;IACnC,IAAIM,OAAO,KAAKC,SAAS,IAAIR,MAAM,EAAE;MACnC,MAAM,IAAIS,KAAK,CAAC,MAAMZ,WAAW,0BAA0BA,WAAW,UAAU,CAAC;IACnF;IACA,OAAOU,OAAO;EAChB;EAEA,OAAO,CAACL,QAAQ,EAAEI,IAAI,CAAC;AACzB","ignoreList":[]}

package/lib/module/style/index.js

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

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

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

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

@@ -1,6 +1,21 @@
 import { type ReactNode } from 'react';
-export declare function createContext<T>(displayName: string): readonly [import("react").FunctionComponent<{
+interface CreateContextOptions<T> {
+    /**
+     * Value returned by the consumer hook when no matching provider is mounted.
+     * Only meaningful when `strict` is `false`; when omitted the hook returns `undefined`.
+     */
+    defaultValue?: T;
+    /**
+     * When `true` (default) the consumer hook throws if used outside its provider.
+     * Set to `false` to allow the hook to run without a provider, returning
+     * `defaultValue` (or `undefined`) instead of throwing.
+     * @default true
+     */
+    strict?: boolean;
+}
+export declare function createContext<T>(displayName: string, options?: CreateContextOptions<T>): readonly [import("react").FunctionComponent<{
     children: ReactNode;
     value: T;
 }>, () => T];
+export {};
 //# sourceMappingURL=createContext.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"createContext.d.ts","sourceRoot":"","sources":["../../../src/context/createContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,SAAS,EAEf,MAAM,OAAO,CAAC;AAEf,UAAU,oBAAoB,CAAC,CAAC;IAC9B;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,CAAC;IACjB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,wBAAgB,aAAa,CAAC,CAAC,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,oBAAoB,CAAC,CAAC,CAAC;cAK3C,SAAS;WAAS,CAAC;UAO5C,CAAC,EASnB"}

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

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

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cdx-ui/utils",
-  "version": "0.0.1-beta.79",
+  "version": "0.0.1-beta.80",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
   "react-native": "src/index.ts",

package/src/context/createContext.tsx

@@ -5,8 +5,25 @@ import {
   useContext,
 } from 'react';
 
-export function createContext<T>(displayName: string) {
-  const Context = createReactContext<T | undefined>(undefined);
+interface CreateContextOptions<T> {
+  /**
+   * Value returned by the consumer hook when no matching provider is mounted.
+   * Only meaningful when `strict` is `false`; when omitted the hook returns `undefined`.
+   */
+  defaultValue?: T;
+  /**
+   * When `true` (default) the consumer hook throws if used outside its provider.
+   * Set to `false` to allow the hook to run without a provider, returning
+   * `defaultValue` (or `undefined`) instead of throwing.
+   * @default true
+   */
+  strict?: boolean;
+}
+
+export function createContext<T>(displayName: string, options?: CreateContextOptions<T>) {
+  const { defaultValue, strict = true } = options ?? {};
+
+  const Context = createReactContext<T | undefined>(defaultValue);
 
   const Provider: ComponentType<{ children: ReactNode; value: T }> = (props) => {
     const { children, value } = props;
@@ -17,10 +34,10 @@ export function createContext<T>(displayName: string) {
 
   function useC(): T {
     const context = useContext(Context);
-    if (context === undefined) {
+    if (context === undefined && strict) {
       throw new Error(`use${displayName} must be used within a ${displayName}Provider`);
     }
-    return context;
+    return context as T;
   }
 
   return [Provider, useC] as const;

package/src/style/index.tsx

@@ -1,2 +1 @@
 export * from './context';
-export * from './withStyleContext';

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

@@ -1,33 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.withStyleContext = void 0;
-var _react = require("react");
-var _context = require("../context");
-var _jsxRuntime = require("react/jsx-runtime");
-const withStyleContext = (Component, scope = 'Global') => {
-  const Wrapped = /*#__PURE__*/(0, _react.forwardRef)(({
-    context,
-    ...props
-  }, ref) => {
-    const parentContextValues = (0, _context.useParentContext)();
-    const contextValues = (0, _react.useMemo)(() => {
-      return {
-        ...parentContextValues,
-        [scope]: context
-      };
-    }, [parentContextValues, context]);
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.ParentContext.Provider, {
-      value: contextValues,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
-        ...props,
-        ref: ref
-      })
-    });
-  });
-  return Wrapped;
-};
-exports.withStyleContext = withStyleContext;
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["_react","require","_context","_jsxRuntime","withStyleContext","Component","scope","Wrapped","forwardRef","context","props","ref","parentContextValues","useParentContext","contextValues","useMemo","jsx","ParentContext","Provider","value","children","exports"],"sourceRoot":"../../../../src","sources":["style/withStyleContext/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AASA,IAAAC,QAAA,GAAAD,OAAA;AAAmF,IAAAE,WAAA,GAAAF,OAAA;AAM5E,MAAMG,gBAAgB,GAAGA,CAAwBC,SAAY,EAAEC,KAAK,GAAG,QAAQ,KAAK;EAIzF,MAAMC,OAAO,gBAAG,IAAAC,iBAAU,EAAa,CAAC;IAAEC,OAAO;IAAE,GAAGC;EAAM,CAAC,EAAEC,GAAG,KAAK;IACrE,MAAMC,mBAAmB,GAAG,IAAAC,yBAAgB,EAAC,CAAC;IAE9C,MAAMC,aAA8B,GAAG,IAAAC,cAAO,EAAC,MAAM;MACnD,OAAO;QAAE,GAAGH,mBAAmB;QAAE,CAACN,KAAK,GAAGG;MAAQ,CAAC;IACrD,CAAC,EAAE,CAACG,mBAAmB,EAAEH,OAAO,CAAC,CAAC;IAElC,oBACE,IAAAN,WAAA,CAAAa,GAAA,EAACd,QAAA,CAAAe,aAAa,CAACC,QAAQ;MAACC,KAAK,EAAEL,aAAc;MAAAM,QAAA,eAE3C,IAAAjB,WAAA,CAAAa,GAAA,EAACX,SAAS;QAAA,GAAKK,KAAK;QAAEC,GAAG,EAAEA;MAAI,CAAE;IAAC,CACZ,CAAC;EAE7B,CAAC,CAAC;EAEF,OAAOJ,OAAO;AAChB,CAAC;AAACc,OAAA,CAAAjB,gBAAA,GAAAA,gBAAA","ignoreList":[]}

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

@@ -1,28 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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/style/withStyleContext/index.d.ts

@@ -1,6 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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/src/style/withStyleContext/index.test.tsx

@@ -1,55 +0,0 @@
-import { Text, View } from 'react-native';
-import { render, screen } from '@testing-library/react-native';
-import { useStyleContext } from '../context';
-import { withStyleContext } from './index';
-
-const StyledView = withStyleContext(View, 'Button');
-
-function StyleConsumer() {
-  const context = useStyleContext('Button');
-  return <Text testID="style-context">{JSON.stringify(context)}</Text>;
-}
-
-describe('withStyleContext', () => {
-  it('provides scoped context to descendants', () => {
-    render(
-      <StyledView context={{ size: 'lg' }} testID="wrapped">
-        <StyleConsumer />
-      </StyledView>,
-    );
-
-    expect(screen.getByTestId('style-context')).toHaveTextContent('{"size":"lg"}');
-    expect(screen.getByTestId('wrapped')).toBeTruthy();
-  });
-
-  it('inherits parent context for other scopes', () => {
-    const Outer = withStyleContext(View, 'Card');
-
-    render(
-      <Outer context={{ padded: true }} testID="outer">
-        <StyledView context={{ size: 'sm' }} testID="inner">
-          <StyleConsumer />
-        </StyledView>
-      </Outer>,
-    );
-
-    expect(screen.getByTestId('style-context')).toHaveTextContent('{"size":"sm"}');
-  });
-
-  it('defaults to the Global scope when none is provided', () => {
-    const GlobalView = withStyleContext(View);
-
-    function GlobalConsumer() {
-      const context = useStyleContext('Global');
-      return <Text testID="global-context">{JSON.stringify(context)}</Text>;
-    }
-
-    render(
-      <GlobalView context={{ theme: 'dark' }} testID="global-wrapped">
-        <GlobalConsumer />
-      </GlobalView>,
-    );
-
-    expect(screen.getByTestId('global-context')).toHaveTextContent('{"theme":"dark"}');
-  });
-});

package/src/style/withStyleContext/index.tsx

@@ -1,36 +0,0 @@
-import {
-  type ComponentPropsWithoutRef,
-  type ComponentRef,
-  type ElementType,
-  type ForwardRefExoticComponent,
-  type RefAttributes,
-  forwardRef,
-  useMemo,
-} from 'react';
-import { ParentContext, type StyleContextMap, useParentContext } from '../context';
-
-export interface WithStyleContextProps {
-  context?: Record<string, unknown>;
-}
-
-export const withStyleContext = <T extends ElementType>(Component: T, scope = 'Global') => {
-  type Ref = ComponentRef<T>;
-  type Props = ComponentPropsWithoutRef<T> & WithStyleContextProps;
-
-  const Wrapped = forwardRef<Ref, Props>(({ context, ...props }, ref) => {
-    const parentContextValues = useParentContext();
-
-    const contextValues: StyleContextMap = useMemo(() => {
-      return { ...parentContextValues, [scope]: context };
-    }, [parentContextValues, context]);
-
-    return (
-      <ParentContext.Provider value={contextValues}>
-        {/* @ts-expect-error -- generic component spread is not fully inferrable */}
-        <Component {...props} ref={ref} />
-      </ParentContext.Provider>
-    );
-  });
-
-  return Wrapped as ForwardRefExoticComponent<Props & RefAttributes<Ref>>;
-};