@syscore/ui-library 1.2.0 → 1.2.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@syscore/ui-library",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "description": "A comprehensive React component library built with Radix UI, Tailwind CSS, and TypeScript",
   "private": false,
   "type": "module",
@@ -16,28 +16,25 @@
     "ui-components",
     "design-system",
     "radix-ui",
-    "tailwind",
     "typescript"
   ],
-  "main": "./dist/ui/index.cjs.js",
-  "module": "./dist/ui/index.es.js",
-  "types": "./dist/ui/index.d.ts",
+  "main": "./dist/index.cjs.js",
+  "module": "./dist/index.es.js",
+  "types": "./dist/index.d.ts",
   "files": [
     "dist",
     "client/components/ui",
     "client/*",
     "client/lib",
-    "tailwind.preset.ts",
     "client/global.css"
   ],
   "exports": {
     ".": {
-      "types": "./dist/ui/index.d.ts",
-      "import": "./dist/ui/index.es.js",
-      "require": "./dist/ui/index.cjs.js"
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.es.js",
+      "require": "./dist/index.cjs.js"
     },
-    "./global.css": "./client/global.css",
-    "./tailwind.preset": "./tailwind.preset.ts"
+    "./global.css": "./client/global.css"
   },
   "peerDependencies": {
     "react": "^19.0.0",

package/tailwind.preset.ts

@@ -1,151 +0,0 @@
-import type { Config } from "tailwindcss";
-import colors from "tailwindcss/colors";
-
-/**
- * Tailwind preset for @syscore/ui-library
- *
- * This preset ensures all default Tailwind colors are available
- * even when parent projects override colors in their config.
- *
- * Usage in parent project's tailwind.config.ts:
- * import uiPreset from "@syscore/ui-library/tailwind.preset";
- * export default { presets: [uiPreset], ... } satisfies Config;
- */
-export default {
-  theme: {
-    extend: {
-      colors: {
-        // Include all default Tailwind colors to ensure they're available
-        // even when parent projects override colors
-        ...colors,
-        // Custom themeable colors for the design system
-        border: "hsl(var(--border))",
-        input: "hsl(var(--input))",
-        ring: "hsl(var(--ring))",
-        background: "hsl(var(--background))",
-        foreground: "hsl(var(--foreground))",
-        primary: {
-          DEFAULT: "hsl(var(--primary))",
-          foreground: "hsl(var(--primary-foreground))",
-        },
-        secondary: {
-          DEFAULT: "hsl(var(--secondary))",
-          foreground: "hsl(var(--secondary-foreground))",
-        },
-        destructive: {
-          DEFAULT: "hsl(var(--destructive))",
-          foreground: "hsl(var(--destructive-foreground))",
-        },
-        muted: {
-          DEFAULT: "hsl(var(--muted))",
-          foreground: "hsl(var(--muted-foreground))",
-        },
-        accent: {
-          DEFAULT: "hsl(var(--accent))",
-          foreground: "hsl(var(--accent-foreground))",
-        },
-        popover: {
-          DEFAULT: "hsl(var(--popover))",
-          foreground: "hsl(var(--popover-foreground))",
-        },
-        card: {
-          DEFAULT: "hsl(var(--card))",
-          foreground: "hsl(var(--card-foreground))",
-        },
-        sidebar: {
-          DEFAULT: "hsl(var(--sidebar-background))",
-          foreground: "hsl(var(--sidebar-foreground))",
-          primary: "hsl(var(--sidebar-primary))",
-          "primary-foreground": "hsl(var(--sidebar-primary-foreground))",
-          accent: "hsl(var(--sidebar-accent))",
-          "accent-foreground": "hsl(var(--sidebar-accent-foreground))",
-          border: "hsl(var(--sidebar-border))",
-          ring: "hsl(var(--sidebar-ring))",
-        },
-        // Cyan colors - themeable via CSS variables
-        cyan: {
-          50: "hsl(var(--cyan-50))",
-          100: "hsl(var(--cyan-100))",
-          200: "hsl(var(--cyan-200))",
-          300: "hsl(var(--cyan-300))",
-          400: "hsl(var(--cyan-400))",
-          500: "hsl(var(--cyan-500))",
-          600: "hsl(var(--cyan-600))",
-          700: "hsl(var(--cyan-700))",
-          800: "hsl(var(--cyan-800))",
-          dark: "hsl(var(--cyan-dark))",
-          "gradient-from": "hsl(var(--cyan-gradient-from))",
-          "gradient-via": "hsl(var(--cyan-gradient-via))",
-          "gradient-to": "hsl(var(--cyan-gradient-to))",
-        },
-        // Blue colors - themeable via CSS variables
-        blue: {
-          50: "hsl(var(--blue-50))",
-          100: "hsl(var(--blue-100))",
-          200: "hsl(var(--blue-200))",
-          300: "hsl(var(--blue-300))",
-          400: "hsl(var(--blue-400))",
-          500: "hsl(var(--blue-500))",
-          600: "hsl(var(--blue-600))",
-        },
-        // Gray colors - themeable via CSS variables
-        gray: {
-          50: "hsl(var(--gray-50))",
-          100: "hsl(var(--gray-100))",
-          200: "hsl(var(--gray-200))",
-          300: "hsl(var(--gray-300))",
-          400: "hsl(var(--gray-400))",
-          500: "hsl(var(--gray-500))",
-          600: "hsl(var(--gray-600))",
-          700: "hsl(var(--gray-700))",
-          800: "hsl(var(--gray-800))",
-          900: "hsl(var(--gray-900))",
-        },
-        // Slate colors - themeable via CSS variables
-        slate: {
-          50: "hsl(var(--slate-50))",
-          100: "hsl(var(--slate-100))",
-          200: "hsl(var(--slate-200))",
-          300: "hsl(var(--slate-300))",
-          400: "hsl(var(--slate-400))",
-          500: "hsl(var(--slate-500))",
-          600: "hsl(var(--slate-600))",
-          700: "hsl(var(--slate-700))",
-          800: "hsl(var(--slate-800))",
-          900: "hsl(var(--slate-900))",
-        },
-        // Violet colors - themeable via CSS variables
-        violet: {
-          100: "hsl(var(--violet-100))",
-          200: "hsl(var(--violet-200))",
-          500: "hsl(var(--violet-500))",
-          600: "hsl(var(--violet-600))",
-          700: "hsl(var(--violet-700))",
-        },
-        // Utility colors - themeable via CSS variables
-        white: "hsl(var(--white))",
-        black: "hsl(var(--black))",
-      },
-      borderRadius: {
-        lg: "var(--radius)",
-        md: "calc(var(--radius) - 2px)",
-        sm: "calc(var(--radius) - 4px)",
-      },
-      keyframes: {
-        "accordion-down": {
-          from: { height: "0" },
-          to: { height: "var(--radix-accordion-content-height)" },
-        },
-        "accordion-up": {
-          from: { height: "var(--radix-accordion-content-height)" },
-          to: { height: "0" },
-        },
-      },
-      animation: {
-        "accordion-down": "accordion-down 0.2s ease-out",
-        "accordion-up": "accordion-up 0.2s ease-out",
-      },
-    },
-  },
-  plugins: [require("tailwindcss-animate")],
-} as Partial<Config>;