@kbach/react 0.2.9 → 0.3.1

package/dist/index.d.mts

@@ -148,13 +148,14 @@ interface ColorScale {
     readonly [key: string]: string;
 }
 interface ColorsAPI {
-    /** Named color scale (e.g. `colors.blue`) or flat value (e.g. `colors.white`) */
-    readonly [color: string]: string | ColorScale | ColorsAPI['alpha'];
-    /** Flat color with opacity shorthand: `colors['white/50']` */
-    /** Apply opacity to any CSS color string.
-     *  `colors.alpha('#3b82f6', 50)` → `'rgba(59,130,246,0.5)'`
-     *  `colors.alpha('rgb(0,0,0)', 10)` → `'rgba(0,0,0,0.1)'` */
-    alpha(color: string, opacity: number): string;
+    /**
+     * Pass any CSS color through, optionally applying an opacity (0–100).
+     * - `colors.alpha('#3b82f6', 50)` → `'rgba(59,130,246,0.5)'`
+     * - `colors.alpha('rgb(0,0,0)', 10)` → `'rgba(0,0,0,0.1)'`
+     * - `colors.alpha('rgba(0,0,0,0.5)')` → `'rgba(0,0,0,0.5)'` (passthrough)
+     */
+    readonly alpha: (color: string, opacity?: number) => string;
+    [color: string]: any;
 }
 declare function wrapColors(rawColors: ThemeColors): ColorsAPI;
 declare function useColors(): ColorsAPI;

package/dist/index.d.ts

@@ -148,13 +148,14 @@ interface ColorScale {
     readonly [key: string]: string;
 }
 interface ColorsAPI {
-    /** Named color scale (e.g. `colors.blue`) or flat value (e.g. `colors.white`) */
-    readonly [color: string]: string | ColorScale | ColorsAPI['alpha'];
-    /** Flat color with opacity shorthand: `colors['white/50']` */
-    /** Apply opacity to any CSS color string.
-     *  `colors.alpha('#3b82f6', 50)` → `'rgba(59,130,246,0.5)'`
-     *  `colors.alpha('rgb(0,0,0)', 10)` → `'rgba(0,0,0,0.1)'` */
-    alpha(color: string, opacity: number): string;
+    /**
+     * Pass any CSS color through, optionally applying an opacity (0–100).
+     * - `colors.alpha('#3b82f6', 50)` → `'rgba(59,130,246,0.5)'`
+     * - `colors.alpha('rgb(0,0,0)', 10)` → `'rgba(0,0,0,0.1)'`
+     * - `colors.alpha('rgba(0,0,0,0.5)')` → `'rgba(0,0,0,0.5)'` (passthrough)
+     */
+    readonly alpha: (color: string, opacity?: number) => string;
+    [color: string]: any;
 }
 declare function wrapColors(rawColors: ThemeColors): ColorsAPI;
 declare function useColors(): ColorsAPI;

package/dist/index.js

@@ -103,7 +103,7 @@ function makeShadeProxy(shades) {
 }
 function wrapColors(rawColors) {
   const cache = /* @__PURE__ */ new Map();
-  const alpha = (color, opacity) => applyOpacity(color, opacity);
+  const alpha = (color, opacity) => opacity === void 0 ? color : applyOpacity(color, opacity);
   return new Proxy({ alpha }, {
     get(_, prop) {
       const key = String(prop);

package/dist/index.mjs

@@ -64,7 +64,7 @@ function makeShadeProxy(shades) {
 }
 function wrapColors(rawColors) {
   const cache = /* @__PURE__ */ new Map();
-  const alpha = (color, opacity) => applyOpacity(color, opacity);
+  const alpha = (color, opacity) => opacity === void 0 ? color : applyOpacity(color, opacity);
   return new Proxy({ alpha }, {
     get(_, prop) {
       const key = String(prop);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kbach/react",
-  "version": "0.2.9",
+  "version": "0.3.1",
   "description": "React / React Native components and hooks for the Kbach framework",
   "source": "./src/index.ts",
   "main": "./dist/index.js",
@@ -52,5 +52,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "files": ["dist"]
+  "files": [
+    "dist"
+  ]
 }