@leancodepl/styled-tools 8.5.0 → 8.5.1

package/index.cjs.default.js

@@ -0,0 +1 @@
+exports._default = require('./index.cjs.js').default;

package/index.cjs.js

@@ -0,0 +1,56 @@
+'use strict';
+
+var styledComponents = require('styled-components');
+
+function mkProxy(accessor) {
+    var cache = {};
+    return new Proxy(accessor, {
+        get: function get(target, property) {
+            var _cache, _property;
+            if (property === "prototype") {
+                return Function.prototype;
+            }
+            var _;
+            (_ = (_cache = cache)[_property = property]) !== null && _ !== void 0 ? _ : _cache[_property] = mkProxy(function(context) {
+                var value = target(context);
+                return guard(value) ? value === null || value === void 0 ? void 0 : value[property] : undefined;
+            });
+            return cache[property];
+        }
+    });
+}
+function guard(value) {
+    return typeof value === "object";
+}
+
+/**
+ * Creates type-safe theme utilities for styled-components with full TypeScript support.
+ * 
+ * @template TTheme - The theme object type extending Value
+ * @returns Object containing theme proxy and useTheme hook
+ * @example
+ * ```typescript
+ * interface AppTheme {
+ *   colors: { primary: string; secondary: string };
+ *   spacing: { small: string; large: string };
+ * }
+ * 
+ * const { theme, useTheme } = mkTheme<AppTheme>();
+ * 
+ * const Button = styled.button`
+ *   color: ${theme.colors.primary};
+ *   padding: ${theme.spacing.small};
+ * `;
+ * ```
+ */ function mkTheme() {
+    return {
+        theme: mkProxy(function(ctx) {
+            return ctx.theme;
+        }),
+        useTheme: function() {
+            return styledComponents.useTheme();
+        }
+    };
+}
+
+exports.mkTheme = mkTheme;

package/index.cjs.mjs

@@ -0,0 +1,2 @@
+export * from './index.cjs.js';
+export { _default as default } from './index.cjs.default.js';

package/index.d.ts

@@ -0,0 +1 @@
+export * from "./src/index";

package/index.esm.js

@@ -0,0 +1,54 @@
+import { useTheme } from 'styled-components';
+
+function mkProxy(accessor) {
+    var cache = {};
+    return new Proxy(accessor, {
+        get: function get(target, property) {
+            var _cache, _property;
+            if (property === "prototype") {
+                return Function.prototype;
+            }
+            var _;
+            (_ = (_cache = cache)[_property = property]) !== null && _ !== void 0 ? _ : _cache[_property] = mkProxy(function(context) {
+                var value = target(context);
+                return guard(value) ? value === null || value === void 0 ? void 0 : value[property] : undefined;
+            });
+            return cache[property];
+        }
+    });
+}
+function guard(value) {
+    return typeof value === "object";
+}
+
+/**
+ * Creates type-safe theme utilities for styled-components with full TypeScript support.
+ * 
+ * @template TTheme - The theme object type extending Value
+ * @returns Object containing theme proxy and useTheme hook
+ * @example
+ * ```typescript
+ * interface AppTheme {
+ *   colors: { primary: string; secondary: string };
+ *   spacing: { small: string; large: string };
+ * }
+ * 
+ * const { theme, useTheme } = mkTheme<AppTheme>();
+ * 
+ * const Button = styled.button`
+ *   color: ${theme.colors.primary};
+ *   padding: ${theme.spacing.small};
+ * `;
+ * ```
+ */ function mkTheme() {
+    return {
+        theme: mkProxy(function(ctx) {
+            return ctx.theme;
+        }),
+        useTheme: function() {
+            return useTheme();
+        }
+    };
+}
+
+export { mkTheme };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leancodepl/styled-tools",
-  "version": "8.5.0",
+  "version": "8.5.1",
   "peerDependencies": {
     "styled-components": ">=6.0.0"
   },
@@ -34,11 +34,6 @@
     "name": "LeanCode",
     "url": "https://leancode.co"
   },
-  "files": [
-    "dist",
-    "README.md",
-    "CHANGELOG.md"
-  ],
   "sideEffects": false,
   "exports": {
     "./package.json": "./package.json",

package/src/index.d.ts

@@ -0,0 +1 @@
+export * from "./lib/mkTheme";

package/src/lib/mkProxy.d.ts

@@ -0,0 +1,5 @@
+import type { ExecutionContext, RuleSet } from "styled-components";
+export declare function mkProxy(accessor: (context: ExecutionContext) => Value): (context: ExecutionContext) => Value;
+export type Value = number | RuleSet | string | {
+    [key: string | symbol]: Value | undefined;
+} | undefined;

package/src/lib/mkTheme.d.ts

@@ -0,0 +1,30 @@
+import { type ExecutionContext, type RuleSet } from "styled-components";
+import { Value } from "./mkProxy";
+/**
+ * Creates type-safe theme utilities for styled-components with full TypeScript support.
+ *
+ * @template TTheme - The theme object type extending Value
+ * @returns Object containing theme proxy and useTheme hook
+ * @example
+ * ```typescript
+ * interface AppTheme {
+ *   colors: { primary: string; secondary: string };
+ *   spacing: { small: string; large: string };
+ * }
+ *
+ * const { theme, useTheme } = mkTheme<AppTheme>();
+ *
+ * const Button = styled.button`
+ *   color: ${theme.colors.primary};
+ *   padding: ${theme.spacing.small};
+ * `;
+ * ```
+ */
+export declare function mkTheme<TTheme extends Value>(): {
+    theme: TransformDeep<TTheme>;
+    useTheme: () => TTheme;
+};
+type TransformDeep<T> = T extends RuleSet ? (context: ExecutionContext) => RuleSet : T extends Array<infer TArrayElement> ? Array<TransformDeep<TArrayElement>> : T extends object ? {
+    [TKey in keyof T]: TransformDeep<T[TKey]>;
+} : T extends null ? undefined : (context: ExecutionContext) => T;
+export {};