@cdx-ui/components 0.0.1-beta.133 → 0.0.1-beta.134

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright © 2026 Candescent
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -103,3 +103,9 @@ Production types use `tsconfig.json`; tests use `tsconfig.test.json`.
 
 **A11y-only ad-hoc** (from `packages/components`):  
 `pnpm exec jest --config ../../jest.config.js --testNamePattern="a11y"`
+
+## License
+
+[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](./LICENSE)
+
+MIT © 2026 Candescent. See [LICENSE](./LICENSE) for details.

package/lib/commonjs/components/Icon/index.js

@@ -49,7 +49,7 @@ const StyledIcon = (0, _uniwind.withUniwind)((0, _uniwind.withUniwind)(IconImpl)
  * <Icon as={ArrowRight} className="text-red-500 size-4" />
  * ```
  *
- * @param {ForgeIcon} as - The Forge icon component to render.
+ * @param {ForgeIcon | BrandIcon} as - The Forge (or brand) icon component to render.
  * @param {string} className - Utility classes to style the icon using Uniwind.
  * @param {number} size - Icon size (overrides the size class).
  * @param {...ForgeIconProps} ...props - Additional icon props passed to the "as" icon.

package/lib/commonjs/components/Icon/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_uniwind","require","_utils","_jsxRuntime","IconImpl","as","IconComponent","props","jsx","StyledIcon","withUniwind","size","fromClassName","styleProperty","color","Icon","className","cn"],"sourceRoot":"../../../../src","sources":["components/Icon/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAAmC,IAAAE,WAAA,GAAAF,OAAA;AAQnC,SAASG,QAAQA,CAAC;EAAEC,EAAE,EAAEC,aAAa;EAAE,GAAGC;AAAiB,CAAC,EAAE;EAC5D,oBAAO,IAAAJ,WAAA,CAAAK,GAAA,EAACF,aAAa;IAAA,GAAKC;EAAK,CAAG,CAAC;AACrC;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAME,UAAU,GAAG,IAAAC,oBAAW,EAAC,IAAAA,oBAAW,EAACN,QAAQ,CAAC,EAAE;EACpDO,IAAI,EAAE;IACJC,aAAa,EAAE,WAAW;IAC1BC,aAAa,EAAE;EACjB,CAAC;EACDC,KAAK,EAAE;IACLF,aAAa,EAAE,WAAW;IAC1BC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASE,IAAIA,CAAC;EAAEV,EAAE,EAAEC,aAAa;EAAEU,SAAS;EAAE,GAAGT;AAAiB,CAAC,EAAE;EAC1E,oBACE,IAAAJ,WAAA,CAAAK,GAAA,EAACC,UAAU;IACTJ,EAAE,EAAEC,aAAc;IAClBU,SAAS,EAAE,IAAAC,SAAE,EAAC,6BAA6B,EAAED,SAAS,CAAE;IAAA,GACpDT;EAAK,CACV,CAAC;AAEN","ignoreList":[]}
+{"version":3,"names":["_uniwind","require","_utils","_jsxRuntime","IconImpl","as","IconComponent","props","jsx","StyledIcon","withUniwind","size","fromClassName","styleProperty","color","Icon","className","cn"],"sourceRoot":"../../../../src","sources":["components/Icon/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAAmC,IAAAE,WAAA,GAAAF,OAAA;AAenC,SAASG,QAAQA,CAAC;EAAEC,EAAE,EAAEC,aAAa;EAAE,GAAGC;AAAiB,CAAC,EAAE;EAC5D,oBAAO,IAAAJ,WAAA,CAAAK,GAAA,EAACF,aAAa;IAAA,GAAKC;EAAK,CAAG,CAAC;AACrC;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAME,UAAU,GAAG,IAAAC,oBAAW,EAAC,IAAAA,oBAAW,EAACN,QAAQ,CAAC,EAAE;EACpDO,IAAI,EAAE;IACJC,aAAa,EAAE,WAAW;IAC1BC,aAAa,EAAE;EACjB,CAAC;EACDC,KAAK,EAAE;IACLF,aAAa,EAAE,WAAW;IAC1BC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASE,IAAIA,CAAC;EAAEV,EAAE,EAAEC,aAAa;EAAEU,SAAS;EAAE,GAAGT;AAAiB,CAAC,EAAE;EAC1E,oBACE,IAAAJ,WAAA,CAAAK,GAAA,EAACC,UAAU;IACTJ,EAAE,EAAEC,aAAc;IAClBU,SAAS,EAAE,IAAAC,SAAE,EAAC,6BAA6B,EAAED,SAAS,CAAE;IAAA,GACpDT;EAAK,CACV,CAAC;AAEN","ignoreList":[]}

package/lib/module/components/Icon/index.js

@@ -45,7 +45,7 @@ const StyledIcon = withUniwind(withUniwind(IconImpl), {
  * <Icon as={ArrowRight} className="text-red-500 size-4" />
  * ```
  *
- * @param {ForgeIcon} as - The Forge icon component to render.
+ * @param {ForgeIcon | BrandIcon} as - The Forge (or brand) icon component to render.
  * @param {string} className - Utility classes to style the icon using Uniwind.
  * @param {number} size - Icon size (overrides the size class).
  * @param {...ForgeIconProps} ...props - Additional icon props passed to the "as" icon.

package/lib/module/components/Icon/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["withUniwind","cn","jsx","_jsx","IconImpl","as","IconComponent","props","StyledIcon","size","fromClassName","styleProperty","color","Icon","className"],"sourceRoot":"../../../../src","sources":["components/Icon/index.tsx"],"mappings":";;AAAA,SAASA,WAAW,QAAQ,SAAS;AACrC,SAASC,EAAE,QAAQ,eAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQnC,SAASC,QAAQA,CAAC;EAAEC,EAAE,EAAEC,aAAa;EAAE,GAAGC;AAAiB,CAAC,EAAE;EAC5D,oBAAOJ,IAAA,CAACG,aAAa;IAAA,GAAKC;EAAK,CAAG,CAAC;AACrC;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,UAAU,GAAGR,WAAW,CAACA,WAAW,CAACI,QAAQ,CAAC,EAAE;EACpDK,IAAI,EAAE;IACJC,aAAa,EAAE,WAAW;IAC1BC,aAAa,EAAE;EACjB,CAAC;EACDC,KAAK,EAAE;IACLF,aAAa,EAAE,WAAW;IAC1BC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASE,IAAIA,CAAC;EAAER,EAAE,EAAEC,aAAa;EAAEQ,SAAS;EAAE,GAAGP;AAAiB,CAAC,EAAE;EAC1E,oBACEJ,IAAA,CAACK,UAAU;IACTH,EAAE,EAAEC,aAAc;IAClBQ,SAAS,EAAEb,EAAE,CAAC,6BAA6B,EAAEa,SAAS,CAAE;IAAA,GACpDP;EAAK,CACV,CAAC;AAEN","ignoreList":[]}
+{"version":3,"names":["withUniwind","cn","jsx","_jsx","IconImpl","as","IconComponent","props","StyledIcon","size","fromClassName","styleProperty","color","Icon","className"],"sourceRoot":"../../../../src","sources":["components/Icon/index.tsx"],"mappings":";;AAAA,SAASA,WAAW,QAAQ,SAAS;AACrC,SAASC,EAAE,QAAQ,eAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAenC,SAASC,QAAQA,CAAC;EAAEC,EAAE,EAAEC,aAAa;EAAE,GAAGC;AAAiB,CAAC,EAAE;EAC5D,oBAAOJ,IAAA,CAACG,aAAa;IAAA,GAAKC;EAAK,CAAG,CAAC;AACrC;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,UAAU,GAAGR,WAAW,CAACA,WAAW,CAACI,QAAQ,CAAC,EAAE;EACpDK,IAAI,EAAE;IACJC,aAAa,EAAE,WAAW;IAC1BC,aAAa,EAAE;EACjB,CAAC;EACDC,KAAK,EAAE;IACLF,aAAa,EAAE,WAAW;IAC1BC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASE,IAAIA,CAAC;EAAER,EAAE,EAAEC,aAAa;EAAEQ,SAAS;EAAE,GAAGP;AAAiB,CAAC,EAAE;EAC1E,oBACEJ,IAAA,CAACK,UAAU;IACTH,EAAE,EAAEC,aAAc;IAClBQ,SAAS,EAAEb,EAAE,CAAC,6BAA6B,EAAEa,SAAS,CAAE;IAAA,GACpDP;EAAK,CACV,CAAC;AAEN","ignoreList":[]}

package/lib/typescript/components/Icon/index.d.ts

@@ -1,7 +1,14 @@
-import type { ForgeIcon, ForgeIconProps } from '@cdx-ui/icons';
+import type { ForgeIcon, ForgeIconProps, BrandIcon } from '@cdx-ui/icons';
 export type IconProps = ForgeIconProps & {
     className?: string;
-    as: ForgeIcon;
+    /**
+     * The icon component to render. Accepts `BrandIcon` components (e.g. `WhatsApp`
+     * from `@cdx-ui/icons`) in addition to themeable `ForgeIcon`s — the `size`
+     * portion of `className` still applies, but brand icons ignore `color`/`filled`
+     * (they are permanently fixed-color and non-themeable; see
+     * docs/internal/research/brand-icons-direction-summary.md).
+     */
+    as: ForgeIcon | BrandIcon;
 };
 /**
  * A wrapper component for CDX icons with Uniwind `className` support via `withUniwind`.
@@ -18,7 +25,7 @@ export type IconProps = ForgeIconProps & {
  * <Icon as={ArrowRight} className="text-red-500 size-4" />
  * ```
  *
- * @param {ForgeIcon} as - The Forge icon component to render.
+ * @param {ForgeIcon | BrandIcon} as - The Forge (or brand) icon component to render.
  * @param {string} className - Utility classes to style the icon using Uniwind.
  * @param {number} size - Icon size (overrides the size class).
  * @param {...ForgeIconProps} ...props - Additional icon props passed to the "as" icon.

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Icon/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/D,MAAM,MAAM,SAAS,GAAG,cAAc,GAAG;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,EAAE,SAAS,CAAC;CACf,CAAC;AAwBF;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,IAAI,CAAC,EAAE,EAAE,EAAE,aAAa,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,2CAQzE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Icon/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1E,MAAM,MAAM,SAAS,GAAG,cAAc,GAAG;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;OAMG;IACH,EAAE,EAAE,SAAS,GAAG,SAAS,CAAC;CAC3B,CAAC;AAwBF;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,IAAI,CAAC,EAAE,EAAE,EAAE,aAAa,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,2CAQzE"}

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "@cdx-ui/components",
-  "version": "0.0.1-beta.133",
+  "version": "0.0.1-beta.134",
+  "license": "MIT",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
   "react-native": "src/index.ts",
@@ -76,9 +77,9 @@
     "class-variance-authority": "^0.7.1",
     "react-native-reanimated-carousel": "5.0.0-beta.5",
     "uniwind": "1.10.0",
-    "@cdx-ui/primitives": "0.0.1-beta.133",
-    "@cdx-ui/utils": "0.0.1-beta.133",
-    "@cdx-ui/icons": "0.0.1-beta.133"
+    "@cdx-ui/utils": "0.0.1-beta.134",
+    "@cdx-ui/icons": "0.0.1-beta.134",
+    "@cdx-ui/primitives": "0.0.1-beta.134"
   },
   "devDependencies": {
     "@react-navigation/bottom-tabs": "*",

package/src/components/Icon/index.tsx

@@ -1,10 +1,17 @@
 import { withUniwind } from 'uniwind';
 import { cn } from '@cdx-ui/utils';
-import type { ForgeIcon, ForgeIconProps } from '@cdx-ui/icons';
+import type { ForgeIcon, ForgeIconProps, BrandIcon } from '@cdx-ui/icons';
 
 export type IconProps = ForgeIconProps & {
   className?: string; // TODO: Why does this need to specified manually?
-  as: ForgeIcon;
+  /**
+   * The icon component to render. Accepts `BrandIcon` components (e.g. `WhatsApp`
+   * from `@cdx-ui/icons`) in addition to themeable `ForgeIcon`s — the `size`
+   * portion of `className` still applies, but brand icons ignore `color`/`filled`
+   * (they are permanently fixed-color and non-themeable; see
+   * docs/internal/research/brand-icons-direction-summary.md).
+   */
+  as: ForgeIcon | BrandIcon;
 };
 
 function IconImpl({ as: IconComponent, ...props }: IconProps) {
@@ -44,7 +51,7 @@ const StyledIcon = withUniwind(withUniwind(IconImpl), {
  * <Icon as={ArrowRight} className="text-red-500 size-4" />
  * ```
  *
- * @param {ForgeIcon} as - The Forge icon component to render.
+ * @param {ForgeIcon | BrandIcon} as - The Forge (or brand) icon component to render.
  * @param {string} className - Utility classes to style the icon using Uniwind.
  * @param {number} size - Icon size (overrides the size class).
  * @param {...ForgeIconProps} ...props - Additional icon props passed to the "as" icon.