@galaui/react 0.1.0 → 0.1.1

package/dist/lib/utils.js

@@ -0,0 +1,3 @@
+"use client";
+import { clsx as e, cn as t, twJoin as n, twMerge as r } from "cn";
+export { e as clsx, t as cn, n as twJoin, r as twMerge };

package/dist/tokens/index.cjs

@@ -0,0 +1 @@
+"use client";var e={zinc:{0:`#FFFFFF`,50:`#FAFAFA`,100:`#F4F4F5`,200:`#E4E4E7`,300:`#D4D4D8`,400:`#A1A1AA`,500:`#71717A`,600:`#52525B`,700:`#3F3F46`,800:`#27272A`,900:`#18181B`,950:`#09090B`,1e3:`#000000`},brand:{50:`#EEF2FF`,100:`#E0E7FF`,200:`#C7D2FE`,300:`#A5B4FC`,400:`#818CF8`,500:`#6366F1`,600:`#4F46E5`,700:`#4338CA`,800:`#3730A3`,900:`#312E81`,950:`#1E1B4B`},destructive:{500:`#EF4444`,600:`#DC2626`},success:{500:`#22C55E`,600:`#16A34A`},warning:{500:`#F59E0B`,600:`#D97706`},info:{500:`#0EA5E9`,600:`#0284C7`}},t={0:`0px`,1:`4px`,2:`8px`,3:`12px`,4:`16px`,5:`20px`,6:`24px`,8:`32px`,10:`40px`,12:`48px`,16:`64px`},n={none:`0px`,sm:`4px`,md:`6px`,lg:`8px`,xl:`12px`,"2xl":`16px`,full:`9999px`},r={xs:`24px`,sm:`28px`,default:`32px`,md:`32px`,lg:`36px`},i={light:{bg:{default:e.zinc[0],subtle:e.zinc[50],canvas:e.zinc[100],inverse:e.zinc[900]},text:{default:e.zinc[900],muted:e.zinc[500],subtle:e.zinc[400],inverse:e.zinc[0]},primary:{default:e.brand[600],hover:e.brand[700],active:e.brand[800],foreground:e.zinc[0]},border:{default:e.zinc[200],subtle:e.zinc[100],focus:e.brand[500]},destructive:{default:e.destructive[500],foreground:e.zinc[0]}},dark:{bg:{default:e.zinc[950],subtle:e.zinc[900],canvas:e.zinc[900],inverse:e.zinc[50]},text:{default:e.zinc[50],muted:e.zinc[400],subtle:e.zinc[500],inverse:e.zinc[950]},primary:{default:e.brand[500],hover:e.brand[400],active:e.brand[300],foreground:e.zinc[0]},border:{default:e.zinc[800],subtle:e.zinc[900],focus:e.brand[400]},destructive:{default:e.destructive[600],foreground:e.zinc[0]}}};exports.borderRadius=n,exports.componentSizes=r,exports.primitiveColors=e,exports.semanticTokens=i,exports.spacing=t;

package/dist/tokens/index.js

@@ -0,0 +1,135 @@
+"use client";
+//#region src/tokens/index.ts
+var e = {
+	zinc: {
+		0: "#FFFFFF",
+		50: "#FAFAFA",
+		100: "#F4F4F5",
+		200: "#E4E4E7",
+		300: "#D4D4D8",
+		400: "#A1A1AA",
+		500: "#71717A",
+		600: "#52525B",
+		700: "#3F3F46",
+		800: "#27272A",
+		900: "#18181B",
+		950: "#09090B",
+		1e3: "#000000"
+	},
+	brand: {
+		50: "#EEF2FF",
+		100: "#E0E7FF",
+		200: "#C7D2FE",
+		300: "#A5B4FC",
+		400: "#818CF8",
+		500: "#6366F1",
+		600: "#4F46E5",
+		700: "#4338CA",
+		800: "#3730A3",
+		900: "#312E81",
+		950: "#1E1B4B"
+	},
+	destructive: {
+		500: "#EF4444",
+		600: "#DC2626"
+	},
+	success: {
+		500: "#22C55E",
+		600: "#16A34A"
+	},
+	warning: {
+		500: "#F59E0B",
+		600: "#D97706"
+	},
+	info: {
+		500: "#0EA5E9",
+		600: "#0284C7"
+	}
+}, t = {
+	0: "0px",
+	1: "4px",
+	2: "8px",
+	3: "12px",
+	4: "16px",
+	5: "20px",
+	6: "24px",
+	8: "32px",
+	10: "40px",
+	12: "48px",
+	16: "64px"
+}, n = {
+	none: "0px",
+	sm: "4px",
+	md: "6px",
+	lg: "8px",
+	xl: "12px",
+	"2xl": "16px",
+	full: "9999px"
+}, r = {
+	xs: "24px",
+	sm: "28px",
+	default: "32px",
+	md: "32px",
+	lg: "36px"
+}, i = {
+	light: {
+		bg: {
+			default: e.zinc[0],
+			subtle: e.zinc[50],
+			canvas: e.zinc[100],
+			inverse: e.zinc[900]
+		},
+		text: {
+			default: e.zinc[900],
+			muted: e.zinc[500],
+			subtle: e.zinc[400],
+			inverse: e.zinc[0]
+		},
+		primary: {
+			default: e.brand[600],
+			hover: e.brand[700],
+			active: e.brand[800],
+			foreground: e.zinc[0]
+		},
+		border: {
+			default: e.zinc[200],
+			subtle: e.zinc[100],
+			focus: e.brand[500]
+		},
+		destructive: {
+			default: e.destructive[500],
+			foreground: e.zinc[0]
+		}
+	},
+	dark: {
+		bg: {
+			default: e.zinc[950],
+			subtle: e.zinc[900],
+			canvas: e.zinc[900],
+			inverse: e.zinc[50]
+		},
+		text: {
+			default: e.zinc[50],
+			muted: e.zinc[400],
+			subtle: e.zinc[500],
+			inverse: e.zinc[950]
+		},
+		primary: {
+			default: e.brand[500],
+			hover: e.brand[400],
+			active: e.brand[300],
+			foreground: e.zinc[0]
+		},
+		border: {
+			default: e.zinc[800],
+			subtle: e.zinc[900],
+			focus: e.brand[400]
+		},
+		destructive: {
+			default: e.destructive[600],
+			foreground: e.zinc[0]
+		}
+	}
+};
+//#endregion
+export { n as borderRadius, r as componentSizes, e as primitiveColors, i as semanticTokens, t as spacing };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@galaui/react",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "Modern Base UI & Tailwind CSS v4 Component Library and Design Tokens",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -45,6 +45,14 @@
   ],
   "author": "GalaUI",
   "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/dianprata/galaui.git"
+  },
+  "homepage": "https://github.com/dianprata/galaui#readme",
+  "bugs": {
+    "url": "https://github.com/dianprata/galaui/issues"
+  },
   "peerDependencies": {
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0"