zabi-components 3.0.2 → 4.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +118 -28
- package/dist/CodeBlock-pT5-FgZd.js +431 -0
- package/dist/ContactForm-CHI_jeFY.js +580 -0
- package/dist/FeatureCard-iBFGbgVE.js +656 -0
- package/dist/Navigation-BOT-UHg0.js +104 -0
- package/dist/ThemeToggle-BlNPkAQy.js +48 -0
- package/dist/atoms/index.js +16 -13
- package/dist/index/index.js +55 -39
- package/dist/molecules/index.js +11 -566
- package/dist/organisms/index.js +1 -1
- package/dist/ssr-safe-bsWGK4V4.js +2232 -0
- package/dist/zabi-components.css +1 -1
- package/package.json +3 -3
- package/dist/Navigation-BxP-osMQ.js +0 -78
- package/dist/OptimizedImage-Dio4ZB9h.js +0 -593
- package/dist/Textarea-DP1BihDh.js +0 -259
- package/dist/ThemeToggle-Cm25ThjX.js +0 -42
- package/dist/props-B4BdFk2B.js +0 -2339
package/dist/zabi-components.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--zabi-primary: #2563eb;--zabi-primary-hover: #1d4ed8;--zabi-primary-active: #1e40af;--zabi-primary-disabled: #93c5fd;--zabi-primary-light: #dbeafe;--zabi-primary-dark: #1e40af;--zabi-secondary: #
|
|
1
|
+
:root{--zabi-primary: #2563eb;--zabi-primary-hover: #1d4ed8;--zabi-primary-active: #1e40af;--zabi-primary-disabled: #93c5fd;--zabi-primary-light: #dbeafe;--zabi-primary-dark: #1e40af;--zabi-secondary: #57534e;--zabi-secondary-hover: #44403c;--zabi-secondary-active: #292524;--zabi-secondary-disabled: #d6d3d1;--zabi-secondary-light: #f5f5f4;--zabi-secondary-dark: #292524;--zabi-success: #16a34a;--zabi-success-hover: #15803d;--zabi-success-active: #166534;--zabi-success-disabled: #86efac;--zabi-success-light: #dcfce7;--zabi-success-dark: #166534;--zabi-warning: #ca8a04;--zabi-warning-hover: #a16207;--zabi-warning-active: #854d0e;--zabi-warning-disabled: #fde047;--zabi-warning-light: #fef9c3;--zabi-warning-dark: #854d0e;--zabi-error: #dc2626;--zabi-error-hover: #b91c1c;--zabi-error-active: #991b1b;--zabi-error-disabled: #fca5a5;--zabi-error-light: #fee2e2;--zabi-error-dark: #991b1b;--zabi-info: #2563eb;--zabi-info-hover: #1d4ed8;--zabi-info-active: #1e40af;--zabi-info-disabled: #93c5fd;--zabi-info-light: #dbeafe;--zabi-info-dark: #1e40af;--zabi-surface: #fff;--zabi-surface-hover: #fafaf9;--zabi-surface-active: #f5f5f4;--zabi-surface-disabled: #f5f5f4;--zabi-border: #d6d3d1;--zabi-border-hover: #a8a29e;--zabi-border-focus: #3b82f6;--zabi-border-disabled: #e7e5e4;--zabi-text: #1c1917;--zabi-text-muted: #57534e;--zabi-text-placeholder: #a8a29e;--zabi-text-inverse: #fff;--zabi-text-disabled: #a8a29e;--zabi-focus-ring: #3b82f6;--zabi-focus-ring-offset: #fff;--zabi-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--zabi-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--zabi-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--zabi-radius-sm: var(--radius-sm);--zabi-radius-md: var(--radius-md);--zabi-radius-lg: var(--radius-lg);--zabi-spacing-xs: .25rem;--zabi-spacing-sm: .5rem;--zabi-spacing-md: 1rem;--zabi-spacing-lg: 1.5rem;--zabi-spacing-xl: 2rem}.dark{--zabi-surface: #292524;--zabi-surface-hover: #44403c;--zabi-surface-active: #57534e;--zabi-surface-disabled: #44403c;--zabi-border: #57534e;--zabi-border-hover: #78716c;--zabi-border-focus: #60a5fa;--zabi-border-disabled: #57534e;--zabi-text: #e7e5e4;--zabi-text-muted: #78716c;--zabi-text-placeholder: #57534e;--zabi-text-inverse: #292524;--zabi-text-disabled: #57534e;--zabi-focus-ring-offset: #292524}.zabi-primary{background-color:var(--zabi-primary);color:var(--zabi-text-inverse)}.zabi-primary:hover{background-color:var(--zabi-primary-hover)}.zabi-primary:active{background-color:var(--zabi-primary-active)}.zabi-primary:disabled{background-color:var(--zabi-primary-disabled);color:var(--zabi-text-disabled)}.zabi-secondary{background-color:var(--zabi-secondary);color:var(--zabi-text-inverse)}.zabi-secondary:hover{background-color:var(--zabi-secondary-hover)}.zabi-secondary:active{background-color:var(--zabi-secondary-active)}.zabi-secondary:disabled{background-color:var(--zabi-secondary-disabled);color:var(--zabi-text-disabled)}.zabi-success{background-color:var(--zabi-success);color:var(--zabi-text-inverse)}.zabi-success:hover{background-color:var(--zabi-success-hover)}.zabi-success:active{background-color:var(--zabi-success-active)}.zabi-success:disabled{background-color:var(--zabi-success-disabled);color:var(--zabi-text-disabled)}.zabi-warning{background-color:var(--zabi-warning);color:var(--zabi-text-inverse)}.zabi-warning:hover{background-color:var(--zabi-warning-hover)}.zabi-warning:active{background-color:var(--zabi-warning-active)}.zabi-warning:disabled{background-color:var(--zabi-warning-disabled);color:var(--zabi-text-disabled)}.zabi-error{background-color:var(--zabi-error);color:var(--zabi-text-inverse)}.zabi-error:hover{background-color:var(--zabi-error-hover)}.zabi-error:active{background-color:var(--zabi-error-active)}.zabi-error:disabled{background-color:var(--zabi-error-disabled);color:var(--zabi-text-disabled)}.zabi-info{background-color:var(--zabi-info);color:var(--zabi-text-inverse)}.zabi-info:hover{background-color:var(--zabi-info-hover)}.zabi-info:active{background-color:var(--zabi-info-active)}.zabi-info:disabled{background-color:var(--zabi-info-disabled);color:var(--zabi-text-disabled)}.zabi-surface{background-color:var(--zabi-surface);color:var(--zabi-text)}.zabi-surface:hover{background-color:var(--zabi-surface-hover)}.zabi-surface:active{background-color:var(--zabi-surface-active)}.zabi-border{border-color:var(--zabi-border)}.zabi-border:hover{border-color:var(--zabi-border-hover)}.zabi-border:focus{border-color:var(--zabi-border-focus)}.zabi-border:disabled{border-color:var(--zabi-border-disabled)}.zabi-text{color:var(--zabi-text)}.zabi-text-muted{color:var(--zabi-text-muted)}.zabi-text-placeholder{color:var(--zabi-text-placeholder)}.zabi-text-inverse{color:var(--zabi-text-inverse)}.zabi-text-disabled{color:var(--zabi-text-disabled)}.zabi-focus{outline:2px solid var(--zabi-focus-ring);outline-offset:2px}.zabi-focus-ring{box-shadow:0 0 0 2px var(--zabi-focus-ring-offset),0 0 0 4px var(--zabi-focus-ring)}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "zabi-components",
|
|
3
|
-
"version": "
|
|
4
|
-
"description": "A modern Svelte 5 component library with TypeScript, Tailwind CSS, and SSR
|
|
3
|
+
"version": "4.0.2",
|
|
4
|
+
"description": "A modern Svelte 5 component library with TypeScript, Tailwind CSS, and 100% SSR-safe components",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "dist/index/index.js",
|
|
7
7
|
"module": "dist/index/index.js",
|
|
@@ -85,7 +85,7 @@
|
|
|
85
85
|
},
|
|
86
86
|
"dependencies": {
|
|
87
87
|
"@lucide/svelte": "^0.544.0",
|
|
88
|
-
"
|
|
88
|
+
"@opentelemetry/api": "^1.9.0"
|
|
89
89
|
},
|
|
90
90
|
"peerDependencies": {
|
|
91
91
|
"@sveltejs/kit": "^2.0.0",
|
|
@@ -1,78 +0,0 @@
|
|
|
1
|
-
import { l as p, p as l, f as u, a as G, s as f, b as P, t as z, e as j, c as b, h as a, j as i, k as s, m as ea, n as H, o as ta, q as sa, r as ra, u as E, v as va, w as $, x as ia } from "./props-B4BdFk2B.js";
|
|
2
|
-
import { T as F } from "./ThemeToggle-Cm25ThjX.js";
|
|
3
|
-
var na = u('<div class="mt-2"><!></div>'), la = u('<div class="md:hidden"><div class="px-2 pt-2 pb-3 space-y-1 sm:px-3 border-t border-gray-200"><!> <div class="pt-4"><!> <!></div></div></div>'), da = u('<nav><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="flex justify-between items-center h-16"><div class="flex-shrink-0"><button type="button" class="text-xl font-bold text-gray-900"> </button></div> <div class="hidden md:block"><div class="ml-10 flex items-baseline space-x-4"><!></div></div> <div class="hidden md:block"><div class="ml-4 flex items-center space-x-4"><!> <!></div></div> <div class="md:hidden"><button type="button" class="text-gray-500 hover:text-gray-600" aria-label="Toggle menu"><span class="text-2xl">☰</span></button></div></div> <!></div></nav>');
|
|
4
|
-
function _a(y, e) {
|
|
5
|
-
const k = p(e, ["children", "$$slots", "$$events", "$$legacy"]), T = p(k, ["brand", "showThemeToggle", "className"]);
|
|
6
|
-
let _ = l(e, "brand", 8, ""), x = l(e, "showThemeToggle", 8, !0), m = l(e, "className", 8, ""), d = ea(!1);
|
|
7
|
-
function o() {
|
|
8
|
-
ta(d, !s(d));
|
|
9
|
-
}
|
|
10
|
-
function g() {
|
|
11
|
-
}
|
|
12
|
-
var n = da();
|
|
13
|
-
G(n, () => ({
|
|
14
|
-
class: `bg-white border-b border-gray-200 sticky top-0 z-50 ${m() ?? ""}`,
|
|
15
|
-
...T
|
|
16
|
-
}));
|
|
17
|
-
var t = a(n), c = a(t), r = a(c), h = a(r), w = a(h), C = i(r, 2), I = a(C), J = a(I);
|
|
18
|
-
f(J, e, "nav", {});
|
|
19
|
-
var M = i(C, 2), K = a(M), q = a(K);
|
|
20
|
-
f(q, e, "actions", {});
|
|
21
|
-
var L = i(q, 2);
|
|
22
|
-
{
|
|
23
|
-
var Q = (v) => {
|
|
24
|
-
F(v, {});
|
|
25
|
-
};
|
|
26
|
-
P(L, (v) => {
|
|
27
|
-
x() && v(Q);
|
|
28
|
-
});
|
|
29
|
-
}
|
|
30
|
-
var R = i(M, 2), S = a(R), U = i(c, 2);
|
|
31
|
-
{
|
|
32
|
-
var V = (v) => {
|
|
33
|
-
var B = la(), W = a(B), D = a(W);
|
|
34
|
-
f(D, e, "nav", {});
|
|
35
|
-
var X = i(D, 2), O = a(X);
|
|
36
|
-
f(O, e, "actions", {});
|
|
37
|
-
var Y = i(O, 2);
|
|
38
|
-
{
|
|
39
|
-
var Z = (N) => {
|
|
40
|
-
var A = na(), aa = a(A);
|
|
41
|
-
F(aa, {}), b(N, A);
|
|
42
|
-
};
|
|
43
|
-
P(Y, (N) => {
|
|
44
|
-
x() && N(Z);
|
|
45
|
-
});
|
|
46
|
-
}
|
|
47
|
-
b(v, B);
|
|
48
|
-
};
|
|
49
|
-
P(U, (v) => {
|
|
50
|
-
s(d) && v(V);
|
|
51
|
-
});
|
|
52
|
-
}
|
|
53
|
-
z(() => H(w, _())), j("click", h, g), j("click", S, o), b(y, n);
|
|
54
|
-
}
|
|
55
|
-
var oa = u("<li><a> </a></li>"), ca = u("<nav><ul></ul></nav>");
|
|
56
|
-
function xa(y, e) {
|
|
57
|
-
const k = p(e, ["children", "$$slots", "$$events", "$$legacy"]), T = p(k, ["variant", "items", "currentPath"]);
|
|
58
|
-
let _ = l(e, "variant", 8, "header"), x = l(e, "items", 24, () => []), m = l(e, "currentPath", 8, "");
|
|
59
|
-
function d(n, t) {
|
|
60
|
-
t.preventDefault();
|
|
61
|
-
}
|
|
62
|
-
var o = ca();
|
|
63
|
-
G(o, () => ({
|
|
64
|
-
class: `navigation navigation-${_() ?? ""}`,
|
|
65
|
-
...T
|
|
66
|
-
}));
|
|
67
|
-
var g = a(o);
|
|
68
|
-
sa(g, 5, x, ra, (n, t) => {
|
|
69
|
-
var c = oa(), r = a(c), h = a(r);
|
|
70
|
-
z(() => {
|
|
71
|
-
va(r, "href", (s(t), $(() => s(t).href))), E(r, 1, `px-3 py-2 text-sm font-medium rounded-md transition-colors ${ia(m()), s(t), $(() => m() === s(t).href ? "bg-blue-100 text-blue-700" : "text-gray-600 hover:text-gray-900 hover:bg-gray-100") ?? ""}`), H(h, (s(t), $(() => s(t).label)));
|
|
72
|
-
}), j("click", r, (w) => d(s(t), w)), b(n, c);
|
|
73
|
-
}), z(() => E(g, 1, `flex ${_() === "sidebar" ? "flex-col space-y-2" : "space-x-6"}`)), b(y, o);
|
|
74
|
-
}
|
|
75
|
-
export {
|
|
76
|
-
_a as N,
|
|
77
|
-
xa as a
|
|
78
|
-
};
|