@magnidev/theme 0.2.1

package/CHANGELOG.md

@@ -0,0 +1,16 @@
+# Changelog
+
+## @magnidev/theme@0.1.0
+### Changes
+- feat(@magnidev/theme): Added Tailwind CSS theme (3ed0c599f852c866f16122d97b508237caf98b15)
+
+
+## @magnidev/theme@0.2.0
+### Changes
+- chore(release): bump @magnidev/theme@0.1.0 (c56d3b667e955964c1c8b1ca060dfd16d371e5c9)
+
+
+## @magnidev/theme@0.2.1
+### Changes
+- feat(@magnidev/theme): add initial theme configuration with empty color palette (9dd8a1cb2fd5a50ab539ee63fa130c74de29467e)
+- feat: initialize @magnidev/theme package with README, LICENSE, CHANGELOG, and TypeScript configuration (cd62c082aaac059975277b0a4c032e62902f94cc)

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Magni Developer
+
+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

@@ -0,0 +1,26 @@
+# @magnidev/theme
+
+## Description
+
+This package provides a theme for Tailwind CSS, designed to be used with the Magni Development apps.
+
+## Installation
+
+To install the package, run:
+
+```bash
+npm install @magnidev/theme
+pnpm add @magnidev/theme
+```
+
+## Usage
+
+After installation, you can import the theme in your JavaScript or TypeScript files:
+
+```tsx
+import "@magnidev/theme/tailwind.css";
+```
+
+## License
+
+This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export declare const theme: {
+    colors: {};
+};

package/dist/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.theme = void 0;
+exports.theme = {
+    colors: {},
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAa,QAAA,KAAK,GAAG;IACnB,MAAM,EAAE,EAAE;CACX,CAAC"}

package/dist/styles.css

@@ -0,0 +1,133 @@
+@import "tailwindcss";
+@import "tw-animate-css";
+
+@theme inline {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --color-sidebar-ring: var(--sidebar-ring);
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-primary: var(--sidebar-primary);
+  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-sidebar: var(--sidebar);
+  --color-chart-5: var(--chart-5);
+  --color-chart-4: var(--chart-4);
+  --color-chart-3: var(--chart-3);
+  --color-chart-2: var(--chart-2);
+  --color-chart-1: var(--chart-1);
+  --color-ring: var(--ring);
+  --color-input: var(--input);
+  --color-border: var(--border);
+  --color-destructive: var(--destructive);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-accent: var(--accent);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-muted: var(--muted);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-secondary: var(--secondary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-primary: var(--primary);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-popover: var(--popover);
+  --color-card-foreground: var(--card-foreground);
+  --color-card: var(--card);
+  --radius-sm: calc(var(--radius) - 4px);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) + 4px);
+}
+
+:root {
+  --radius: 0.625rem;
+  --background: oklch(1 0 0);
+  --foreground: oklch(0.145 0 0);
+  --card: oklch(1 0 0);
+  --card-foreground: oklch(0.145 0 0);
+  --popover: oklch(1 0 0);
+  --popover-foreground: oklch(14.5% 0 0 / 90%);
+  --primary: oklch(0.5 0.1193 242.75);
+  --primary-foreground: oklch(1 0 0);
+  --secondary: oklch(0.145 0 0);
+  --secondary-foreground: oklch(1 0 0);
+  --muted: oklch(0.97 0 0);
+  --muted-foreground: oklch(0.556 0 0);
+  --accent: oklch(0.97 0 0);
+  --accent-foreground: oklch(0.205 0 0);
+  --destructive: oklch(0.45 0.1829 25.66 / 75%);
+  --border: oklch(87% 0 0);
+  --input: oklch(0.922 0 0);
+  --ring: oklch(0.5 0.1193 242.75);
+  --chart-1: oklch(0.646 0.222 41.116);
+  --chart-2: oklch(0.6 0.118 184.704);
+  --chart-3: oklch(0.398 0.07 227.392);
+  --chart-4: oklch(0.828 0.189 84.429);
+  --chart-5: oklch(0.769 0.188 70.08);
+  --sidebar: oklch(0.985 0 0);
+  --sidebar-foreground: oklch(0.145 0 0);
+  --sidebar-primary: oklch(0.205 0 0);
+  --sidebar-primary-foreground: oklch(1 0 0);
+  --sidebar-accent: oklch(0.97 0 0);
+  --sidebar-accent-foreground: oklch(0.205 0 0);
+  --sidebar-border: oklch(0.922 0 0);
+  --sidebar-ring: oklch(0.708 0 0);
+}
+
+.dark {
+  --background: oklch(0.145 0 0);
+  --foreground: oklch(1 0 0);
+  --card: oklch(16.5% 0 0 / 90%);
+  --card-foreground: oklch(1 0 0);
+  --popover: oklch(14.5% 0 0 / 90%);
+  --popover-foreground: oklch(1 0 0);
+  --primary: oklch(0.5 0.1193 242.75 / 50%);
+  --primary-foreground: oklch(1 0 0);
+  --secondary: oklch(1 0 0);
+  --secondary-foreground: oklch(0.145 0 0);
+  --muted: oklch(0.269 0 0);
+  --muted-foreground: oklch(0.708 0 0);
+  --accent: oklch(0.269 0 0);
+  --accent-foreground: oklch(1 0 0);
+  --destructive: oklch(0.45 0.1829 25.66 / 75%);
+  --border: oklch(26.9% 0 0);
+  --input: oklch(1 0 0 / 15%);
+  --ring: oklch(0.5 0.1193 242.75 / 50%);
+  --chart-1: oklch(0.488 0.243 264.376);
+  --chart-2: oklch(0.696 0.17 162.48);
+  --chart-3: oklch(0.769 0.188 70.08);
+  --chart-4: oklch(0.627 0.265 303.9);
+  --chart-5: oklch(0.645 0.246 16.439);
+  --sidebar: oklch(0.205 0 0);
+  --sidebar-foreground: oklch(1 0 0);
+  --sidebar-primary: oklch(0.488 0.243 264.376);
+  --sidebar-primary-foreground: oklch(1 0 0);
+  --sidebar-accent: oklch(0.269 0 0);
+  --sidebar-accent-foreground: oklch(1 0 0);
+  --sidebar-border: oklch(1 0 0 / 10%);
+  --sidebar-ring: oklch(0.556 0 0);
+}
+
+@layer base {
+  * {
+    @apply border-border outline-ring/50;
+  }
+  *::selection {
+    @apply bg-primary text-primary-foreground;
+  }
+  *::-webkit-scrollbar {
+    @apply w-[5px] h-[5px];
+  }
+  *::-webkit-scrollbar-track {
+    @apply bg-transparent rounded-full;
+  }
+  *::-webkit-scrollbar-thumb {
+    @apply bg-muted rounded-full;
+  }
+  *::-webkit-scrollbar-thumb:hover {
+    @apply bg-primary;
+  }
+  body {
+    @apply bg-background text-foreground;
+  }
+}

package/package.json

@@ -0,0 +1,48 @@
+{
+  "name": "@magnidev/theme",
+  "version": "0.2.1",
+  "license": "ISC",
+  "description": "Theme for Magni Development.",
+  "publisher": "fermeridamagni <Magni Developer>",
+  "author": {
+    "name": "fermeridamagni <Magni Developer>",
+    "url": "https://www.magnideveloper.com"
+  },
+  "repository": {
+    "url": "git+https://github.com/fermeridamagni/magnidev-priv.git",
+    "type": "git",
+    "directory": "packages/theme"
+  },
+  "keywords": [],
+  "bugs": {
+    "url": "https://github.com/fermeridamagni/magnidev/issues"
+  },
+  "homepage": "https://github.com/fermeridamagni/magnidev/tree/main/packages/theme#readme",
+  "types": "",
+  "exports": {
+    ".": "./dist/index.js",
+    "./tailwind.css": "./dist/styles.css"
+  },
+  "main": "dist/index.js",
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE",
+    "CHANGELOG.md",
+    "package.json"
+  ],
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "dependencies": {
+    "tailwindcss": "^4.1.6",
+    "tw-animate-css": "^1.2.9"
+  },
+  "devDependencies": {
+    "typescript": "5.8.3"
+  },
+  "scripts": {
+    "build": "tsc -p tsconfig.json"
+  }
+}