@axzydev/axzy_ui_system 1.1.1 → 1.2.0

package/dist/index.js

@@ -391,7 +391,6 @@ var badgeSizes = {
 };
 
 // src/theme/theme.ts
-import colors from "tailwindcss/colors";
 var palette = {
   blue: {
     50: "#eff6ff",
@@ -432,11 +431,71 @@ var palette = {
     900: "#0f172a",
     950: "#020617"
   },
-  success: colors.emerald,
-  danger: colors.rose,
-  warning: colors.amber,
-  purple: colors.violet,
-  info: colors.sky
+  success: {
+    50: "#ecfdf5",
+    100: "#d1fae5",
+    200: "#a7f3d0",
+    300: "#6ee7b7",
+    400: "#34d399",
+    500: "#10b981",
+    600: "#059669",
+    700: "#047857",
+    800: "#065f46",
+    900: "#064e3b",
+    950: "#022c22"
+  },
+  danger: {
+    50: "#fff1f2",
+    100: "#ffe4e6",
+    200: "#fecdd3",
+    300: "#fda4af",
+    400: "#fb7185",
+    500: "#f43f5e",
+    600: "#e11d48",
+    700: "#be123c",
+    800: "#9f1239",
+    900: "#881337",
+    950: "#4c0519"
+  },
+  warning: {
+    50: "#fffbeb",
+    100: "#fef3c7",
+    200: "#fde68a",
+    300: "#fcd34d",
+    400: "#fbbf24",
+    500: "#f59e0b",
+    600: "#d97706",
+    700: "#b45309",
+    800: "#92400e",
+    900: "#78350f",
+    950: "#451a03"
+  },
+  purple: {
+    50: "#f5f3ff",
+    100: "#ede9fe",
+    200: "#ddd6fe",
+    300: "#c4b5fd",
+    400: "#a78bfa",
+    500: "#8b5cf6",
+    600: "#7c3aed",
+    700: "#6d28d9",
+    800: "#5b21b6",
+    900: "#4c1d95",
+    950: "#2e1065"
+  },
+  info: {
+    50: "#f0f9ff",
+    100: "#e0f2fe",
+    200: "#bae6fd",
+    300: "#7dd3fc",
+    400: "#38bdf8",
+    500: "#0ea5e9",
+    600: "#0284c7",
+    700: "#0369a1",
+    800: "#075985",
+    900: "#0c4a6e",
+    950: "#082f49"
+  }
 };
 var createColorVar = (name) => ({
   50: `var(--color-${name}-50)`,
@@ -876,7 +935,7 @@ var buttonVariants = {
   outlined: "bg-transparent border-2",
   raised: "border-transparent shadow-md",
   rounded: "border-transparent shadow-sm rounded-full",
-  text: "bg-transparent border-transparent shadow-none hover:bg-opacity-10",
+  text: "bg-transparent border-transparent shadow-none hover:bg-black/5 dark:hover:bg-white/10",
   "raised-text": "bg-white border border-gray-200 shadow-sm hover:shadow-md",
   "icon-only": "p-2 aspect-square flex items-center justify-center border-transparent shadow-sm",
   link: "bg-transparent border-transparent shadow-none hover:underline px-0"
@@ -4908,8 +4967,8 @@ function ITThemeProvider({
       };
     });
   };
-  const applyPreset = (colors2) => {
-    setPaletteState(colors2);
+  const applyPreset = (colors) => {
+    setPaletteState(colors);
   };
   const resetTheme = () => {
     const basePalette = {
@@ -5335,7 +5394,7 @@ function ITDialog({
   const content = /* @__PURE__ */ jsx22(
     "div",
     {
-      className: `fixed inset-0 flex ${fullScreen ? "items-stretch" : "items-center justify-center"} bg-black bg-opacity-50 z-[9999]`,
+      className: `fixed inset-0 flex ${fullScreen ? "items-stretch" : "items-center justify-center"} bg-black/50 z-[9999]`,
       children: /* @__PURE__ */ jsx22(
         "div",
         {
@@ -6390,7 +6449,7 @@ function ITNavbar({
         logo && /* @__PURE__ */ jsx32("div", { className: "h-8 w-auto object-contain transition-transform hover:scale-105", children: logo }),
         logoText && /* @__PURE__ */ jsx32(ITText, { as: "span", className: "text-lg font-bold tracking-wide", style: { color: "var(--sidebar-active-color, #ffffff)" }, children: logoText })
       ] }),
-      /* @__PURE__ */ jsx32("nav", { className: "flex-1 px-4 py-6 overflow-y-auto custom-scrollbar", children: /* @__PURE__ */ jsx32("ul", { className: "space-y-1.5", children: navigationItems.map((item) => /* @__PURE__ */ jsxs24("li", { children: [
+      /* @__PURE__ */ jsx32("nav", { className: "flex-1 px-4 py-6 overflow-y-auto custom-scrollbar", children: /* @__PURE__ */ jsx32("ul", { className: "flex flex-col gap-1.5", children: navigationItems.map((item) => /* @__PURE__ */ jsxs24("li", { children: [
         /* @__PURE__ */ jsxs24(
           "div",
           {
@@ -7907,7 +7966,7 @@ function ITSidebar({
         !isSidebarCollapsed && item.subitems && item.subitems.length > 0 && /* @__PURE__ */ jsx51("div", { className: `overflow-hidden transition-all duration-400 ease-[cubic-bezier(0.2,0,0,1)] ${expandedItems.has(item.id) ? "max-h-[500px] opacity-100 mt-1" : "max-h-0 opacity-0"}`, children: /* @__PURE__ */ jsx51(
           "ul",
           {
-            className: "ml-5 space-y-0.5 py-1",
+            className: "ml-5 flex flex-col gap-0.5 py-1",
             style: {
               borderLeft: subitemConnector === "|" ? "1px solid var(--sidebar-border, #e2e8f0)" : "none"
             },