@storm-ds/ui 0.1.0

package/dist/plugin.d.mts

@@ -0,0 +1,8 @@
+import * as tailwindcss_types_config from 'tailwindcss/types/config';
+
+declare const stormPlugin: {
+    handler: tailwindcss_types_config.PluginCreator;
+    config?: Partial<tailwindcss_types_config.Config>;
+};
+
+export { stormPlugin as default };

package/dist/plugin.d.ts

@@ -0,0 +1,8 @@
+import * as tailwindcss_types_config from 'tailwindcss/types/config';
+
+declare const stormPlugin: {
+    handler: tailwindcss_types_config.PluginCreator;
+    config?: Partial<tailwindcss_types_config.Config>;
+};
+
+export { stormPlugin as default };

package/dist/plugin.js

@@ -0,0 +1,159 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/plugin.ts
+var plugin_exports = {};
+__export(plugin_exports, {
+  default: () => plugin_default
+});
+module.exports = __toCommonJS(plugin_exports);
+var import_plugin = __toESM(require("tailwindcss/plugin"));
+function hexToRgb(hex) {
+  const h = hex.replace("#", "");
+  const r = parseInt(h.substring(0, 2), 16);
+  const g = parseInt(h.substring(2, 4), 16);
+  const b = parseInt(h.substring(4, 6), 16);
+  return `${r} ${g} ${b}`;
+}
+var stormPlugin = (0, import_plugin.default)(
+  function({ addBase }) {
+    addBase({
+      ":root": {
+        "--storm-background": hexToRgb("#FAFAFA"),
+        "--storm-foreground": hexToRgb("#18181B"),
+        "--storm-foreground-subtle": hexToRgb("#52525B"),
+        "--storm-primary": hexToRgb("#84CC16"),
+        "--storm-primary-foreground": hexToRgb("#052E16"),
+        "--storm-secondary": hexToRgb("#F0FDF4"),
+        "--storm-secondary-foreground": hexToRgb("#365314"),
+        "--storm-accent": hexToRgb("#A855F7"),
+        "--storm-accent-foreground": hexToRgb("#FFFFFF"),
+        "--storm-destructive": hexToRgb("#EF4444"),
+        "--storm-muted": hexToRgb("#F4F4F5"),
+        "--storm-muted-foreground": hexToRgb("#71717A"),
+        "--storm-border": hexToRgb("#E4E4E7"),
+        "--storm-ring": hexToRgb("#84CC16"),
+        "--storm-success": hexToRgb("#22C55E"),
+        "--storm-success-foreground": hexToRgb("#052E16"),
+        "--storm-warning": hexToRgb("#F59E0B"),
+        "--storm-warning-foreground": hexToRgb("#451A03"),
+        "--storm-info": hexToRgb("#3B82F6"),
+        "--storm-info-foreground": hexToRgb("#FFFFFF"),
+        "--storm-spacing-xs": "4px",
+        "--storm-spacing-sm": "8px",
+        "--storm-spacing-md": "16px",
+        "--storm-spacing-lg": "24px",
+        "--storm-spacing-xl": "32px",
+        "--storm-spacing-2xl": "48px",
+        "--storm-radius-sm": "6px",
+        "--storm-radius-md": "8px",
+        "--storm-radius-lg": "12px",
+        "--storm-radius-full": "9999px",
+        "--storm-border-width": "1px"
+      },
+      ".dark": {
+        "--storm-background": hexToRgb("#09090B"),
+        "--storm-foreground": hexToRgb("#FAFAFA"),
+        "--storm-foreground-subtle": hexToRgb("#A1A1AA"),
+        "--storm-primary": hexToRgb("#A3E635"),
+        "--storm-primary-foreground": hexToRgb("#052E16"),
+        "--storm-secondary": hexToRgb("#0C1A0A"),
+        "--storm-secondary-foreground": hexToRgb("#BEF264"),
+        "--storm-accent": hexToRgb("#C084FC"),
+        "--storm-accent-foreground": hexToRgb("#FFFFFF"),
+        "--storm-destructive": hexToRgb("#F87171"),
+        "--storm-muted": hexToRgb("#18181B"),
+        "--storm-muted-foreground": hexToRgb("#A1A1AA"),
+        "--storm-border": hexToRgb("#27272A"),
+        "--storm-ring": hexToRgb("#A3E635"),
+        "--storm-success": hexToRgb("#4ADE80"),
+        "--storm-success-foreground": hexToRgb("#052E16"),
+        "--storm-warning": hexToRgb("#FBBF24"),
+        "--storm-warning-foreground": hexToRgb("#451A03"),
+        "--storm-info": hexToRgb("#60A5FA"),
+        "--storm-info-foreground": hexToRgb("#FFFFFF")
+      }
+    });
+  },
+  {
+    theme: {
+      extend: {
+        fontFamily: {
+          "storm-mono": ["ui-monospace", "SFMono-Regular", "Menlo", "Consolas", "monospace"]
+        },
+        colors: {
+          storm: {
+            background: "rgb(var(--storm-background) / <alpha-value>)",
+            foreground: "rgb(var(--storm-foreground) / <alpha-value>)",
+            "foreground-subtle": "rgb(var(--storm-foreground-subtle) / <alpha-value>)",
+            primary: "rgb(var(--storm-primary) / <alpha-value>)",
+            "primary-foreground": "rgb(var(--storm-primary-foreground) / <alpha-value>)",
+            secondary: "rgb(var(--storm-secondary) / <alpha-value>)",
+            "secondary-foreground": "rgb(var(--storm-secondary-foreground) / <alpha-value>)",
+            accent: "rgb(var(--storm-accent) / <alpha-value>)",
+            "accent-foreground": "rgb(var(--storm-accent-foreground) / <alpha-value>)",
+            destructive: "rgb(var(--storm-destructive) / <alpha-value>)",
+            muted: "rgb(var(--storm-muted) / <alpha-value>)",
+            "muted-foreground": "rgb(var(--storm-muted-foreground) / <alpha-value>)",
+            border: "rgb(var(--storm-border) / <alpha-value>)",
+            ring: "rgb(var(--storm-ring) / <alpha-value>)",
+            success: "rgb(var(--storm-success) / <alpha-value>)",
+            "success-foreground": "rgb(var(--storm-success-foreground) / <alpha-value>)",
+            warning: "rgb(var(--storm-warning) / <alpha-value>)",
+            "warning-foreground": "rgb(var(--storm-warning-foreground) / <alpha-value>)",
+            info: "rgb(var(--storm-info) / <alpha-value>)",
+            "info-foreground": "rgb(var(--storm-info-foreground) / <alpha-value>)"
+          }
+        },
+        borderRadius: {
+          "storm-sm": "var(--storm-radius-sm)",
+          "storm-md": "var(--storm-radius-md)",
+          "storm-lg": "var(--storm-radius-lg)",
+          "storm-full": "var(--storm-radius-full)"
+        },
+        borderWidth: {
+          storm: "var(--storm-border-width)"
+        },
+        spacing: {
+          "storm-xs": "var(--storm-spacing-xs)",
+          "storm-sm": "var(--storm-spacing-sm)",
+          "storm-md": "var(--storm-spacing-md)",
+          "storm-lg": "var(--storm-spacing-lg)",
+          "storm-xl": "var(--storm-spacing-xl)",
+          "storm-2xl": "var(--storm-spacing-2xl)"
+        },
+        ringColor: {
+          "storm-ring": "rgb(var(--storm-ring) / <alpha-value>)"
+        }
+      }
+    }
+  }
+);
+var plugin_default = stormPlugin;
+//# sourceMappingURL=plugin.js.map

package/dist/plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/plugin.ts"],"sourcesContent":["import plugin from 'tailwindcss/plugin'\n\nfunction hexToRgb(hex: string): string {\n  const h = hex.replace('#', '')\n  const r = parseInt(h.substring(0, 2), 16)\n  const g = parseInt(h.substring(2, 4), 16)\n  const b = parseInt(h.substring(4, 6), 16)\n  return `${r} ${g} ${b}`\n}\n\nconst stormPlugin = plugin(\n  function ({ addBase }) {\n    addBase({\n      ':root': {\n        '--storm-background': hexToRgb('#FAFAFA'),\n        '--storm-foreground': hexToRgb('#18181B'),\n        '--storm-foreground-subtle': hexToRgb('#52525B'),\n        '--storm-primary': hexToRgb('#84CC16'),\n        '--storm-primary-foreground': hexToRgb('#052E16'),\n        '--storm-secondary': hexToRgb('#F0FDF4'),\n        '--storm-secondary-foreground': hexToRgb('#365314'),\n        '--storm-accent': hexToRgb('#A855F7'),\n        '--storm-accent-foreground': hexToRgb('#FFFFFF'),\n        '--storm-destructive': hexToRgb('#EF4444'),\n        '--storm-muted': hexToRgb('#F4F4F5'),\n        '--storm-muted-foreground': hexToRgb('#71717A'),\n        '--storm-border': hexToRgb('#E4E4E7'),\n        '--storm-ring': hexToRgb('#84CC16'),\n        '--storm-success': hexToRgb('#22C55E'),\n        '--storm-success-foreground': hexToRgb('#052E16'),\n        '--storm-warning': hexToRgb('#F59E0B'),\n        '--storm-warning-foreground': hexToRgb('#451A03'),\n        '--storm-info': hexToRgb('#3B82F6'),\n        '--storm-info-foreground': hexToRgb('#FFFFFF'),\n        '--storm-spacing-xs': '4px',\n        '--storm-spacing-sm': '8px',\n        '--storm-spacing-md': '16px',\n        '--storm-spacing-lg': '24px',\n        '--storm-spacing-xl': '32px',\n        '--storm-spacing-2xl': '48px',\n        '--storm-radius-sm': '6px',\n        '--storm-radius-md': '8px',\n        '--storm-radius-lg': '12px',\n        '--storm-radius-full': '9999px',\n        '--storm-border-width': '1px',\n      },\n      '.dark': {\n        '--storm-background': hexToRgb('#09090B'),\n        '--storm-foreground': hexToRgb('#FAFAFA'),\n        '--storm-foreground-subtle': hexToRgb('#A1A1AA'),\n        '--storm-primary': hexToRgb('#A3E635'),\n        '--storm-primary-foreground': hexToRgb('#052E16'),\n        '--storm-secondary': hexToRgb('#0C1A0A'),\n        '--storm-secondary-foreground': hexToRgb('#BEF264'),\n        '--storm-accent': hexToRgb('#C084FC'),\n        '--storm-accent-foreground': hexToRgb('#FFFFFF'),\n        '--storm-destructive': hexToRgb('#F87171'),\n        '--storm-muted': hexToRgb('#18181B'),\n        '--storm-muted-foreground': hexToRgb('#A1A1AA'),\n        '--storm-border': hexToRgb('#27272A'),\n        '--storm-ring': hexToRgb('#A3E635'),\n        '--storm-success': hexToRgb('#4ADE80'),\n        '--storm-success-foreground': hexToRgb('#052E16'),\n        '--storm-warning': hexToRgb('#FBBF24'),\n        '--storm-warning-foreground': hexToRgb('#451A03'),\n        '--storm-info': hexToRgb('#60A5FA'),\n        '--storm-info-foreground': hexToRgb('#FFFFFF'),\n      },\n    })\n  },\n  {\n    theme: {\n      extend: {\n        fontFamily: {\n          'storm-mono': ['ui-monospace', 'SFMono-Regular', 'Menlo', 'Consolas', 'monospace'],\n        },\n        colors: {\n          storm: {\n            background: 'rgb(var(--storm-background) / <alpha-value>)',\n            foreground: 'rgb(var(--storm-foreground) / <alpha-value>)',\n            'foreground-subtle': 'rgb(var(--storm-foreground-subtle) / <alpha-value>)',\n            primary: 'rgb(var(--storm-primary) / <alpha-value>)',\n            'primary-foreground': 'rgb(var(--storm-primary-foreground) / <alpha-value>)',\n            secondary: 'rgb(var(--storm-secondary) / <alpha-value>)',\n            'secondary-foreground': 'rgb(var(--storm-secondary-foreground) / <alpha-value>)',\n            accent: 'rgb(var(--storm-accent) / <alpha-value>)',\n            'accent-foreground': 'rgb(var(--storm-accent-foreground) / <alpha-value>)',\n            destructive: 'rgb(var(--storm-destructive) / <alpha-value>)',\n            muted: 'rgb(var(--storm-muted) / <alpha-value>)',\n            'muted-foreground': 'rgb(var(--storm-muted-foreground) / <alpha-value>)',\n            border: 'rgb(var(--storm-border) / <alpha-value>)',\n            ring: 'rgb(var(--storm-ring) / <alpha-value>)',\n            success: 'rgb(var(--storm-success) / <alpha-value>)',\n            'success-foreground': 'rgb(var(--storm-success-foreground) / <alpha-value>)',\n            warning: 'rgb(var(--storm-warning) / <alpha-value>)',\n            'warning-foreground': 'rgb(var(--storm-warning-foreground) / <alpha-value>)',\n            info: 'rgb(var(--storm-info) / <alpha-value>)',\n            'info-foreground': 'rgb(var(--storm-info-foreground) / <alpha-value>)',\n          },\n        },\n        borderRadius: {\n          'storm-sm': 'var(--storm-radius-sm)',\n          'storm-md': 'var(--storm-radius-md)',\n          'storm-lg': 'var(--storm-radius-lg)',\n          'storm-full': 'var(--storm-radius-full)',\n        },\n        borderWidth: {\n          storm: 'var(--storm-border-width)',\n        },\n        spacing: {\n          'storm-xs': 'var(--storm-spacing-xs)',\n          'storm-sm': 'var(--storm-spacing-sm)',\n          'storm-md': 'var(--storm-spacing-md)',\n          'storm-lg': 'var(--storm-spacing-lg)',\n          'storm-xl': 'var(--storm-spacing-xl)',\n          'storm-2xl': 'var(--storm-spacing-2xl)',\n        },\n        ringColor: {\n          'storm-ring': 'rgb(var(--storm-ring) / <alpha-value>)',\n        },\n      },\n    },\n  }\n)\n\nexport default stormPlugin\n"],"mappings":"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","names":["plugin"]}

package/dist/plugin.mjs

@@ -0,0 +1,128 @@
+// src/plugin.ts
+import plugin from "tailwindcss/plugin";
+function hexToRgb(hex) {
+  const h = hex.replace("#", "");
+  const r = parseInt(h.substring(0, 2), 16);
+  const g = parseInt(h.substring(2, 4), 16);
+  const b = parseInt(h.substring(4, 6), 16);
+  return `${r} ${g} ${b}`;
+}
+var stormPlugin = plugin(
+  function({ addBase }) {
+    addBase({
+      ":root": {
+        "--storm-background": hexToRgb("#FAFAFA"),
+        "--storm-foreground": hexToRgb("#18181B"),
+        "--storm-foreground-subtle": hexToRgb("#52525B"),
+        "--storm-primary": hexToRgb("#84CC16"),
+        "--storm-primary-foreground": hexToRgb("#052E16"),
+        "--storm-secondary": hexToRgb("#F0FDF4"),
+        "--storm-secondary-foreground": hexToRgb("#365314"),
+        "--storm-accent": hexToRgb("#A855F7"),
+        "--storm-accent-foreground": hexToRgb("#FFFFFF"),
+        "--storm-destructive": hexToRgb("#EF4444"),
+        "--storm-muted": hexToRgb("#F4F4F5"),
+        "--storm-muted-foreground": hexToRgb("#71717A"),
+        "--storm-border": hexToRgb("#E4E4E7"),
+        "--storm-ring": hexToRgb("#84CC16"),
+        "--storm-success": hexToRgb("#22C55E"),
+        "--storm-success-foreground": hexToRgb("#052E16"),
+        "--storm-warning": hexToRgb("#F59E0B"),
+        "--storm-warning-foreground": hexToRgb("#451A03"),
+        "--storm-info": hexToRgb("#3B82F6"),
+        "--storm-info-foreground": hexToRgb("#FFFFFF"),
+        "--storm-spacing-xs": "4px",
+        "--storm-spacing-sm": "8px",
+        "--storm-spacing-md": "16px",
+        "--storm-spacing-lg": "24px",
+        "--storm-spacing-xl": "32px",
+        "--storm-spacing-2xl": "48px",
+        "--storm-radius-sm": "6px",
+        "--storm-radius-md": "8px",
+        "--storm-radius-lg": "12px",
+        "--storm-radius-full": "9999px",
+        "--storm-border-width": "1px"
+      },
+      ".dark": {
+        "--storm-background": hexToRgb("#09090B"),
+        "--storm-foreground": hexToRgb("#FAFAFA"),
+        "--storm-foreground-subtle": hexToRgb("#A1A1AA"),
+        "--storm-primary": hexToRgb("#A3E635"),
+        "--storm-primary-foreground": hexToRgb("#052E16"),
+        "--storm-secondary": hexToRgb("#0C1A0A"),
+        "--storm-secondary-foreground": hexToRgb("#BEF264"),
+        "--storm-accent": hexToRgb("#C084FC"),
+        "--storm-accent-foreground": hexToRgb("#FFFFFF"),
+        "--storm-destructive": hexToRgb("#F87171"),
+        "--storm-muted": hexToRgb("#18181B"),
+        "--storm-muted-foreground": hexToRgb("#A1A1AA"),
+        "--storm-border": hexToRgb("#27272A"),
+        "--storm-ring": hexToRgb("#A3E635"),
+        "--storm-success": hexToRgb("#4ADE80"),
+        "--storm-success-foreground": hexToRgb("#052E16"),
+        "--storm-warning": hexToRgb("#FBBF24"),
+        "--storm-warning-foreground": hexToRgb("#451A03"),
+        "--storm-info": hexToRgb("#60A5FA"),
+        "--storm-info-foreground": hexToRgb("#FFFFFF")
+      }
+    });
+  },
+  {
+    theme: {
+      extend: {
+        fontFamily: {
+          "storm-mono": ["ui-monospace", "SFMono-Regular", "Menlo", "Consolas", "monospace"]
+        },
+        colors: {
+          storm: {
+            background: "rgb(var(--storm-background) / <alpha-value>)",
+            foreground: "rgb(var(--storm-foreground) / <alpha-value>)",
+            "foreground-subtle": "rgb(var(--storm-foreground-subtle) / <alpha-value>)",
+            primary: "rgb(var(--storm-primary) / <alpha-value>)",
+            "primary-foreground": "rgb(var(--storm-primary-foreground) / <alpha-value>)",
+            secondary: "rgb(var(--storm-secondary) / <alpha-value>)",
+            "secondary-foreground": "rgb(var(--storm-secondary-foreground) / <alpha-value>)",
+            accent: "rgb(var(--storm-accent) / <alpha-value>)",
+            "accent-foreground": "rgb(var(--storm-accent-foreground) / <alpha-value>)",
+            destructive: "rgb(var(--storm-destructive) / <alpha-value>)",
+            muted: "rgb(var(--storm-muted) / <alpha-value>)",
+            "muted-foreground": "rgb(var(--storm-muted-foreground) / <alpha-value>)",
+            border: "rgb(var(--storm-border) / <alpha-value>)",
+            ring: "rgb(var(--storm-ring) / <alpha-value>)",
+            success: "rgb(var(--storm-success) / <alpha-value>)",
+            "success-foreground": "rgb(var(--storm-success-foreground) / <alpha-value>)",
+            warning: "rgb(var(--storm-warning) / <alpha-value>)",
+            "warning-foreground": "rgb(var(--storm-warning-foreground) / <alpha-value>)",
+            info: "rgb(var(--storm-info) / <alpha-value>)",
+            "info-foreground": "rgb(var(--storm-info-foreground) / <alpha-value>)"
+          }
+        },
+        borderRadius: {
+          "storm-sm": "var(--storm-radius-sm)",
+          "storm-md": "var(--storm-radius-md)",
+          "storm-lg": "var(--storm-radius-lg)",
+          "storm-full": "var(--storm-radius-full)"
+        },
+        borderWidth: {
+          storm: "var(--storm-border-width)"
+        },
+        spacing: {
+          "storm-xs": "var(--storm-spacing-xs)",
+          "storm-sm": "var(--storm-spacing-sm)",
+          "storm-md": "var(--storm-spacing-md)",
+          "storm-lg": "var(--storm-spacing-lg)",
+          "storm-xl": "var(--storm-spacing-xl)",
+          "storm-2xl": "var(--storm-spacing-2xl)"
+        },
+        ringColor: {
+          "storm-ring": "rgb(var(--storm-ring) / <alpha-value>)"
+        }
+      }
+    }
+  }
+);
+var plugin_default = stormPlugin;
+export {
+  plugin_default as default
+};
+//# sourceMappingURL=plugin.mjs.map

package/dist/plugin.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/plugin.ts"],"sourcesContent":["import plugin from 'tailwindcss/plugin'\n\nfunction hexToRgb(hex: string): string {\n  const h = hex.replace('#', '')\n  const r = parseInt(h.substring(0, 2), 16)\n  const g = parseInt(h.substring(2, 4), 16)\n  const b = parseInt(h.substring(4, 6), 16)\n  return `${r} ${g} ${b}`\n}\n\nconst stormPlugin = plugin(\n  function ({ addBase }) {\n    addBase({\n      ':root': {\n        '--storm-background': hexToRgb('#FAFAFA'),\n        '--storm-foreground': hexToRgb('#18181B'),\n        '--storm-foreground-subtle': hexToRgb('#52525B'),\n        '--storm-primary': hexToRgb('#84CC16'),\n        '--storm-primary-foreground': hexToRgb('#052E16'),\n        '--storm-secondary': hexToRgb('#F0FDF4'),\n        '--storm-secondary-foreground': hexToRgb('#365314'),\n        '--storm-accent': hexToRgb('#A855F7'),\n        '--storm-accent-foreground': hexToRgb('#FFFFFF'),\n        '--storm-destructive': hexToRgb('#EF4444'),\n        '--storm-muted': hexToRgb('#F4F4F5'),\n        '--storm-muted-foreground': hexToRgb('#71717A'),\n        '--storm-border': hexToRgb('#E4E4E7'),\n        '--storm-ring': hexToRgb('#84CC16'),\n        '--storm-success': hexToRgb('#22C55E'),\n        '--storm-success-foreground': hexToRgb('#052E16'),\n        '--storm-warning': hexToRgb('#F59E0B'),\n        '--storm-warning-foreground': hexToRgb('#451A03'),\n        '--storm-info': hexToRgb('#3B82F6'),\n        '--storm-info-foreground': hexToRgb('#FFFFFF'),\n        '--storm-spacing-xs': '4px',\n        '--storm-spacing-sm': '8px',\n        '--storm-spacing-md': '16px',\n        '--storm-spacing-lg': '24px',\n        '--storm-spacing-xl': '32px',\n        '--storm-spacing-2xl': '48px',\n        '--storm-radius-sm': '6px',\n        '--storm-radius-md': '8px',\n        '--storm-radius-lg': '12px',\n        '--storm-radius-full': '9999px',\n        '--storm-border-width': '1px',\n      },\n      '.dark': {\n        '--storm-background': hexToRgb('#09090B'),\n        '--storm-foreground': hexToRgb('#FAFAFA'),\n        '--storm-foreground-subtle': hexToRgb('#A1A1AA'),\n        '--storm-primary': hexToRgb('#A3E635'),\n        '--storm-primary-foreground': hexToRgb('#052E16'),\n        '--storm-secondary': hexToRgb('#0C1A0A'),\n        '--storm-secondary-foreground': hexToRgb('#BEF264'),\n        '--storm-accent': hexToRgb('#C084FC'),\n        '--storm-accent-foreground': hexToRgb('#FFFFFF'),\n        '--storm-destructive': hexToRgb('#F87171'),\n        '--storm-muted': hexToRgb('#18181B'),\n        '--storm-muted-foreground': hexToRgb('#A1A1AA'),\n        '--storm-border': hexToRgb('#27272A'),\n        '--storm-ring': hexToRgb('#A3E635'),\n        '--storm-success': hexToRgb('#4ADE80'),\n        '--storm-success-foreground': hexToRgb('#052E16'),\n        '--storm-warning': hexToRgb('#FBBF24'),\n        '--storm-warning-foreground': hexToRgb('#451A03'),\n        '--storm-info': hexToRgb('#60A5FA'),\n        '--storm-info-foreground': hexToRgb('#FFFFFF'),\n      },\n    })\n  },\n  {\n    theme: {\n      extend: {\n        fontFamily: {\n          'storm-mono': ['ui-monospace', 'SFMono-Regular', 'Menlo', 'Consolas', 'monospace'],\n        },\n        colors: {\n          storm: {\n            background: 'rgb(var(--storm-background) / <alpha-value>)',\n            foreground: 'rgb(var(--storm-foreground) / <alpha-value>)',\n            'foreground-subtle': 'rgb(var(--storm-foreground-subtle) / <alpha-value>)',\n            primary: 'rgb(var(--storm-primary) / <alpha-value>)',\n            'primary-foreground': 'rgb(var(--storm-primary-foreground) / <alpha-value>)',\n            secondary: 'rgb(var(--storm-secondary) / <alpha-value>)',\n            'secondary-foreground': 'rgb(var(--storm-secondary-foreground) / <alpha-value>)',\n            accent: 'rgb(var(--storm-accent) / <alpha-value>)',\n            'accent-foreground': 'rgb(var(--storm-accent-foreground) / <alpha-value>)',\n            destructive: 'rgb(var(--storm-destructive) / <alpha-value>)',\n            muted: 'rgb(var(--storm-muted) / <alpha-value>)',\n            'muted-foreground': 'rgb(var(--storm-muted-foreground) / <alpha-value>)',\n            border: 'rgb(var(--storm-border) / <alpha-value>)',\n            ring: 'rgb(var(--storm-ring) / <alpha-value>)',\n            success: 'rgb(var(--storm-success) / <alpha-value>)',\n            'success-foreground': 'rgb(var(--storm-success-foreground) / <alpha-value>)',\n            warning: 'rgb(var(--storm-warning) / <alpha-value>)',\n            'warning-foreground': 'rgb(var(--storm-warning-foreground) / <alpha-value>)',\n            info: 'rgb(var(--storm-info) / <alpha-value>)',\n            'info-foreground': 'rgb(var(--storm-info-foreground) / <alpha-value>)',\n          },\n        },\n        borderRadius: {\n          'storm-sm': 'var(--storm-radius-sm)',\n          'storm-md': 'var(--storm-radius-md)',\n          'storm-lg': 'var(--storm-radius-lg)',\n          'storm-full': 'var(--storm-radius-full)',\n        },\n        borderWidth: {\n          storm: 'var(--storm-border-width)',\n        },\n        spacing: {\n          'storm-xs': 'var(--storm-spacing-xs)',\n          'storm-sm': 'var(--storm-spacing-sm)',\n          'storm-md': 'var(--storm-spacing-md)',\n          'storm-lg': 'var(--storm-spacing-lg)',\n          'storm-xl': 'var(--storm-spacing-xl)',\n          'storm-2xl': 'var(--storm-spacing-2xl)',\n        },\n        ringColor: {\n          'storm-ring': 'rgb(var(--storm-ring) / <alpha-value>)',\n        },\n      },\n    },\n  }\n)\n\nexport default stormPlugin\n"],"mappings":"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","names":[]}

package/package.json

@@ -0,0 +1,72 @@
+{
+  "name": "@storm-ds/ui",
+  "version": "0.1.0",
+  "description": "Lightning-fast component library optimized for Next.js",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./plugin": {
+      "types": "./dist/plugin.d.ts",
+      "import": "./dist/plugin.mjs",
+      "require": "./dist/plugin.js"
+    },
+    "./charts": {
+      "types": "./dist/charts.d.ts",
+      "import": "./dist/charts.mjs",
+      "require": "./dist/charts.js"
+    }
+  },
+  "sideEffects": false,
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "keywords": [
+    "react",
+    "nextjs",
+    "components",
+    "ui",
+    "design-system",
+    "tailwind"
+  ],
+  "author": "Storm Team",
+  "license": "MIT",
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18",
+    "recharts": "^3.7.0",
+    "@storm-ds/icons": "*",
+    "tailwindcss": ">=3"
+  },
+  "peerDependenciesMeta": {
+    "recharts": {
+      "optional": true
+    },
+    "@storm-ds/icons": {
+      "optional": true
+    }
+  },
+  "dependencies": {
+    "tailwind-merge": "^2.2.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.2.48",
+    "@types/react-dom": "^18.2.18",
+    "recharts": "^3.7.0",
+    "tsup": "^8.0.1",
+    "typescript": "^5.3.3",
+    "@storm-ds/icons": "0.1.0"
+  },
+  "scripts": {
+    "dev": "tsup --watch",
+    "build": "tsup",
+    "lint": "eslint src",
+    "clean": "rm -rf dist node_modules"
+  }
+}