zabi-components 2.2.4 → 3.0.0

package/dist/{OptimizedImage-D-WN8yZ_.js → OptimizedImage-Dio4ZB9h.js}

@@ -1,5 +1,5 @@
 import { l as C, p as s, o as k, z as R, A as W, i as O, f, b as T, a as B, q as de, e as ee, c as i, d as V, g as q, m as S, x as N, k as t, j as D, h as v, t as M, v as Z, n as I, w as A, u as ne, B as ve, r as ue, s as G, C as H, D as L, E as me } from "./props-B4BdFk2B.js";
-import { a as ge, e as he } from "./Textarea-B9H_FPOO.js";
+import { a as ge, e as he } from "./Textarea-DP1BihDh.js";
 import "svelte";
 var pe = f('<label class="block text-sm font-medium text-gray-700 mb-1"> </label>'), _e = f("<option disabled> </option>"), xe = f("<option> </option>"), ye = f("<div><!> <select><!><!></select></div>");
 function Ue(z, e) {

package/dist/{Textarea-B9H_FPOO.js → Textarea-DP1BihDh.js}

@@ -27,27 +27,29 @@ function re(a, e) {
   f(() => {
   }, () => {
     i(n, {
-      sm: "px-3 py-1.5 text-sm",
-      md: "px-4 py-2 text-sm",
-      lg: "px-5 py-3 text-base"
+      sm: "px-3 py-1.5 text-sm font-medium",
+      md: "px-4 py-2 text-sm font-medium",
+      lg: "px-6 py-3 text-base font-semibold"
     });
   }), f(() => {
   }, () => {
     i(u, {
-      primary: "bg-blue-600 text-white hover:bg-blue-700 focus:ring-2 focus:ring-blue-500 focus:ring-offset-2",
-      secondary: "bg-gray-600 text-white hover:bg-gray-700 focus:ring-2 focus:ring-gray-500 focus:ring-offset-2",
-      danger: "bg-red-600 text-white hover:bg-red-700 focus:ring-2 focus:ring-red-500 focus:ring-offset-2",
-      success: "bg-green-600 text-white hover:bg-green-700 focus:ring-2 focus:ring-green-500 focus:ring-offset-2",
-      ghost: "bg-transparent text-gray-700 hover:bg-gray-100 focus:ring-2 focus:ring-gray-500 focus:ring-offset-2",
-      brand: "bg-purple-600 text-white hover:bg-purple-700 focus:ring-2 focus:ring-purple-500 focus:ring-offset-2"
+      primary: "bg-blue-600 text-white hover:bg-blue-700 active:bg-blue-800 focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 disabled:bg-blue-400",
+      secondary: "bg-gray-600 text-white hover:bg-gray-700 active:bg-gray-800 focus:ring-2 focus:ring-gray-500 focus:ring-offset-2 disabled:bg-gray-400",
+      danger: "bg-red-600 text-white hover:bg-red-700 active:bg-red-800 focus:ring-2 focus:ring-red-500 focus:ring-offset-2 disabled:bg-red-400",
+      success: "bg-green-600 text-white hover:bg-green-700 active:bg-green-800 focus:ring-2 focus:ring-green-500 focus:ring-offset-2 disabled:bg-green-400",
+      ghost: "bg-transparent text-gray-700 hover:bg-gray-100 active:bg-gray-200 focus:ring-2 focus:ring-gray-500 focus:ring-offset-2 disabled:text-gray-400",
+      brand: "bg-purple-600 text-white hover:bg-purple-700 active:bg-purple-800 focus:ring-2 focus:ring-purple-500 focus:ring-offset-2 disabled:bg-purple-400"
     });
   }), f(
     () => (t(n), y(p()), t(u), y(v()), y(_())),
     () => {
       i(b, [
-        "inline-flex items-center justify-center font-medium rounded-md transition-colors duration-200",
-        "disabled:opacity-50 disabled:cursor-not-allowed",
-        "focus:outline-none",
+        "inline-flex items-center justify-center rounded-md transition-all duration-200",
+        "disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none",
+        "focus:outline-none focus:ring-2 focus:ring-offset-2",
+        "active:scale-95 transform-gpu",
+        "shadow-sm hover:shadow-md",
         t(n)[p()],
         t(u)[v()],
         _()

package/dist/atoms/index.js

@@ -1,5 +1,5 @@
-import { B as s, C as o, a as r, H as t, O as T, P as g, S as l, b as m, T as p, c as d, d as i } from "../OptimizedImage-D-WN8yZ_.js";
-import { B as x, I as B, T as c } from "../Textarea-B9H_FPOO.js";
+import { B as s, C as o, a as r, H as t, O as T, P as g, S as l, b as m, T as p, c as d, d as i } from "../OptimizedImage-Dio4ZB9h.js";
+import { B as x, I as B, T as c } from "../Textarea-DP1BihDh.js";
 import { T as C } from "../ThemeToggle-Cm25ThjX.js";
 export {
   s as Badge,

package/dist/index/index.js

@@ -1,5 +1,5 @@
-import { B as d, I as g, T as m, d as c, c as p, a as u, g as f, b as C } from "../Textarea-B9H_FPOO.js";
-import { B as x, C as b, a as I, H as w, O as B, P as D, S, b as V, T as $, c as F, d as v } from "../OptimizedImage-D-WN8yZ_.js";
+import { B as d, I as g, T as m, d as c, c as p, a as u, g as f, b as C } from "../Textarea-DP1BihDh.js";
+import { B as x, C as b, a as I, H as w, O as B, P as D, S, b as V, T as $, c as F, d as v } from "../OptimizedImage-Dio4ZB9h.js";
 import { T as N } from "../ThemeToggle-Cm25ThjX.js";
 import { Alert as P, ContactForm as R, Dropdown as h, Form as j, ImageUpload as k, Layout as y, Modal as A, SlideUp as E, Tabs as H } from "../molecules/index.js";
 import { N as q, a as z } from "../Navigation-BxP-osMQ.js";

package/dist/molecules/index.js

@@ -1,5 +1,5 @@
 import { t as S, F as ie, G as le, H as de, I as ce, J, y as ve, K as ue, w as T, L as fe, S as me, l as A, p as w, i as te, f as k, a as Q, s as L, e as N, c as b, d as H, g as G, h as a, z as Y, A as ae, b as j, x as R, k as m, m as I, o as P, D, j as _, C as W, M as be, n as U, v as K, q as ge, r as he, u as re, N as Z, O as V } from "../props-B4BdFk2B.js";
-import { e as ne, B as ee, I as oe, T as xe } from "../Textarea-B9H_FPOO.js";
+import { e as ne, B as ee, I as oe, T as xe } from "../Textarea-DP1BihDh.js";
 function pe(n, e, s = !1, t = !1, c = !1) {
   var r = n, h = "";
   S(() => {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "zabi-components",
-  "version": "2.2.4",
-  "description": "A modern SvelteKit component library with TypeScript and Tailwind CSS",
+  "version": "3.0.0",
+  "description": "A modern Svelte 5 component library with TypeScript, Tailwind CSS, and SSR support",
   "type": "module",
   "main": "dist/index/index.js",
   "module": "dist/index/index.js",
@@ -40,11 +40,14 @@
   ],
   "keywords": [
     "svelte",
+    "svelte5",
     "sveltekit",
     "components",
     "ui",
     "typescript",
-    "tailwind"
+    "tailwind",
+    "runes",
+    "ssr"
   ],
   "author": "Zabi Components Team",
   "license": "MIT",