@dimasbaguspm/versaur 0.0.0 → 0.0.1
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/dist/index.js +6996 -66
- package/package.json +2 -10
- package/dist/alert-DzSPXqwS.js +0 -167
- package/dist/app-bar-B4nQkgdL.js +0 -92
- package/dist/avatar-Bsn24V6g.js +0 -91
- package/dist/badge-DqLCHm9q.js +0 -184
- package/dist/bottom-bar-DOQ3gVwW.js +0 -73
- package/dist/breadcrumbs-PJV3izUu.js +0 -59
- package/dist/button-C8OibEPE.js +0 -81
- package/dist/button-float-B8tdLJkX.js +0 -107
- package/dist/button-icon-CWji4cBA.js +0 -89
- package/dist/calendar-CkLj89o2.js +0 -112
- package/dist/checkbox-input-CSboebwt.js +0 -167
- package/dist/chip-input-C1PJPDFq.js +0 -189
- package/dist/cn-Ca4KprQ1.js +0 -2730
- package/dist/components/alert.js +0 -4
- package/dist/components/app-bar.js +0 -4
- package/dist/components/avatar.js +0 -4
- package/dist/components/badge.js +0 -4
- package/dist/components/bottom-bar.js +0 -4
- package/dist/components/breadcrumbs.js +0 -4
- package/dist/components/button-float.js +0 -4
- package/dist/components/button-icon.js +0 -4
- package/dist/components/button.js +0 -4
- package/dist/components/calendar.js +0 -4
- package/dist/components/checkbox-input.js +0 -4
- package/dist/components/chip-input.js +0 -4
- package/dist/components/date-single-picker-input.js +0 -4
- package/dist/components/drawer.js +0 -9
- package/dist/components/icon.js +0 -4
- package/dist/components/loading-indicator.js +0 -4
- package/dist/components/menu.js +0 -4
- package/dist/components/modal.js +0 -4
- package/dist/components/radio-input.js +0 -4
- package/dist/components/segment-multiple-input.js +0 -4
- package/dist/components/segment-single-input.js +0 -4
- package/dist/components/select-input.js +0 -4
- package/dist/components/skeleton.js +0 -4
- package/dist/components/snackbar.js +0 -4
- package/dist/components/switch-input.js +0 -7
- package/dist/components/tabs.js +0 -4
- package/dist/components/text-input.js +0 -4
- package/dist/components/text.js +0 -4
- package/dist/components/textarea-input.js +0 -4
- package/dist/components/tile.js +0 -4
- package/dist/components/top-bar.js +0 -4
- package/dist/date-single-picker-input--Ew0O9NQ.js +0 -252
- package/dist/drawer-DrnAR2a4.js +0 -218
- package/dist/helpers-CEDtBUGM.js +0 -37
- package/dist/hooks/index.js +0 -1
- package/dist/icon-D-lTZMHY.js +0 -44
- package/dist/index-DU1SCUkk.js +0 -329
- package/dist/loading-indicator-BZMnT5PA.js +0 -168
- package/dist/menu-BZvilMF7.js +0 -174
- package/dist/modal-BGAtqMl9.js +0 -149
- package/dist/radio-input-BRGoevZY.js +0 -173
- package/dist/segment-multiple-input-VwHCqFd6.js +0 -229
- package/dist/segment-single-input-Cqoo7-C2.js +0 -228
- package/dist/select-input-DCb0usvK.js +0 -108
- package/dist/skeleton-D4X5USf_.js +0 -59
- package/dist/snackbar-CYias-fJ.js +0 -79
- package/dist/switch-input-C5s1lvYh.js +0 -186
- package/dist/tabs-C8aRKfxS.js +0 -216
- package/dist/text-B7e-au41.js +0 -120
- package/dist/text-input-BsWvUk_H.js +0 -73
- package/dist/textarea-input-DZExXEE8.js +0 -102
- package/dist/tile-Du7YciCG.js +0 -51
- package/dist/top-bar-ErHvwR4K.js +0 -62
|
@@ -1,102 +0,0 @@
|
|
|
1
|
-
import { c as I, j as r } from "./index-DU1SCUkk.js";
|
|
2
|
-
import c from "react";
|
|
3
|
-
import { c as u } from "./cn-Ca4KprQ1.js";
|
|
4
|
-
const N = I(
|
|
5
|
-
"block w-full rounded-md border bg-white transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none disabled:bg-gray-50",
|
|
6
|
-
{
|
|
7
|
-
variants: {
|
|
8
|
-
variant: {
|
|
9
|
-
// Core variants using Versaur color system
|
|
10
|
-
primary: "border-coral/30 text-foreground focus:border-coral focus:ring-coral/20",
|
|
11
|
-
secondary: "border-sage/30 text-foreground focus:border-sage focus:ring-sage/20",
|
|
12
|
-
tertiary: "border-mist/30 text-foreground focus:border-mist focus:ring-mist/20",
|
|
13
|
-
ghost: "border-slate/30 text-foreground focus:border-slate focus:ring-slate/20",
|
|
14
|
-
neutral: "border-gray-300 text-foreground focus:border-gray-400 focus:ring-gray-400/20",
|
|
15
|
-
// Outline variants
|
|
16
|
-
"primary-outline": "border-coral text-foreground focus:border-coral focus:ring-coral/20",
|
|
17
|
-
"secondary-outline": "border-sage text-foreground focus:border-sage focus:ring-sage/20",
|
|
18
|
-
"tertiary-outline": "border-mist text-foreground focus:border-mist focus:ring-mist/20",
|
|
19
|
-
"ghost-outline": "border-slate text-foreground focus:border-slate focus:ring-slate/20",
|
|
20
|
-
"neutral-outline": "border-gray-400 text-foreground focus:border-gray-500 focus:ring-gray-500/20",
|
|
21
|
-
// Semantic variants
|
|
22
|
-
success: "border-success/30 text-foreground focus:border-success focus:ring-success/20",
|
|
23
|
-
"success-outline": "border-success text-foreground focus:border-success focus:ring-success/20",
|
|
24
|
-
info: "border-info/30 text-foreground focus:border-info focus:ring-info/20",
|
|
25
|
-
"info-outline": "border-info text-foreground focus:border-info focus:ring-info/20",
|
|
26
|
-
warning: "border-warning/30 text-foreground focus:border-warning focus:ring-warning/20",
|
|
27
|
-
"warning-outline": "border-warning text-foreground focus:border-warning focus:ring-warning/20",
|
|
28
|
-
danger: "border-danger bg-danger/5 text-foreground focus:border-danger focus:ring-danger/20",
|
|
29
|
-
"danger-outline": "border-danger bg-danger/5 text-foreground focus:border-danger focus:ring-danger/20"
|
|
30
|
-
},
|
|
31
|
-
fieldSizing: {
|
|
32
|
-
content: "field-sizing-content resize-none",
|
|
33
|
-
fixed: "resize-y"
|
|
34
|
-
}
|
|
35
|
-
},
|
|
36
|
-
defaultVariants: {
|
|
37
|
-
variant: "primary",
|
|
38
|
-
fieldSizing: "fixed"
|
|
39
|
-
}
|
|
40
|
-
}
|
|
41
|
-
), R = c.forwardRef(
|
|
42
|
-
({
|
|
43
|
-
variant: f = "primary",
|
|
44
|
-
label: g,
|
|
45
|
-
helperText: n,
|
|
46
|
-
error: t,
|
|
47
|
-
className: l,
|
|
48
|
-
disabled: s,
|
|
49
|
-
id: b,
|
|
50
|
-
minRows: a = 3,
|
|
51
|
-
maxRows: x,
|
|
52
|
-
fieldSizing: e = "fixed",
|
|
53
|
-
style: m,
|
|
54
|
-
rows: y,
|
|
55
|
-
...p
|
|
56
|
-
}, v) => {
|
|
57
|
-
const w = c.useId(), i = b || w, o = !!t, h = y || a, d = e === "content" ? void 0 : x, j = {
|
|
58
|
-
...e === "content" && { fieldSizing: "content" },
|
|
59
|
-
...d && {
|
|
60
|
-
maxHeight: `${d * 1.5}rem`
|
|
61
|
-
// Approximate line height
|
|
62
|
-
},
|
|
63
|
-
...m
|
|
64
|
-
};
|
|
65
|
-
return /* @__PURE__ */ r.jsxs("div", { children: [
|
|
66
|
-
/* @__PURE__ */ r.jsx(
|
|
67
|
-
"label",
|
|
68
|
-
{
|
|
69
|
-
htmlFor: i,
|
|
70
|
-
className: "block text-sm font-medium text-foreground mb-2",
|
|
71
|
-
children: g
|
|
72
|
-
}
|
|
73
|
-
),
|
|
74
|
-
/* @__PURE__ */ r.jsx("div", { className: u("relative w-full", l), children: /* @__PURE__ */ r.jsx(
|
|
75
|
-
"textarea",
|
|
76
|
-
{
|
|
77
|
-
ref: v,
|
|
78
|
-
id: i,
|
|
79
|
-
rows: h,
|
|
80
|
-
"aria-invalid": o,
|
|
81
|
-
"aria-disabled": s,
|
|
82
|
-
disabled: s,
|
|
83
|
-
style: j,
|
|
84
|
-
className: u(
|
|
85
|
-
N({
|
|
86
|
-
variant: o ? "danger" : f,
|
|
87
|
-
fieldSizing: e
|
|
88
|
-
}),
|
|
89
|
-
"px-3 py-2"
|
|
90
|
-
),
|
|
91
|
-
...p
|
|
92
|
-
}
|
|
93
|
-
) }),
|
|
94
|
-
o && /* @__PURE__ */ r.jsx("div", { className: "mt-1 text-sm text-danger", role: "alert", children: t }),
|
|
95
|
-
!o && n && /* @__PURE__ */ r.jsx("div", { className: "mt-1 text-sm text-gray-600", children: n })
|
|
96
|
-
] });
|
|
97
|
-
}
|
|
98
|
-
);
|
|
99
|
-
R.displayName = "TextAreaInput";
|
|
100
|
-
export {
|
|
101
|
-
R as T
|
|
102
|
-
};
|
package/dist/tile-Du7YciCG.js
DELETED
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
import { c as s, j as b } from "./index-DU1SCUkk.js";
|
|
2
|
-
import { forwardRef as n } from "react";
|
|
3
|
-
import { c as g } from "./cn-Ca4KprQ1.js";
|
|
4
|
-
const i = s(
|
|
5
|
-
// Base classes
|
|
6
|
-
"block transition-colors duration-200",
|
|
7
|
-
{
|
|
8
|
-
variants: {
|
|
9
|
-
variant: {
|
|
10
|
-
white: "bg-white border border-gray-200 text-gray-900",
|
|
11
|
-
neutral: "bg-gray-50 border border-gray-200 text-gray-900",
|
|
12
|
-
primary: "bg-coral-50 border border-coral-200 text-coral-900",
|
|
13
|
-
secondary: "bg-sage-50 border border-sage-200 text-sage-900",
|
|
14
|
-
tertiary: "bg-mist-50 border border-mist-200 text-mist-900",
|
|
15
|
-
ghost: "bg-transparent border border-slate-200 text-slate-900",
|
|
16
|
-
success: "bg-green-50 border border-green-200 text-green-900",
|
|
17
|
-
info: "bg-blue-50 border border-blue-200 text-blue-900",
|
|
18
|
-
warning: "bg-orange-50 border border-orange-200 text-orange-900",
|
|
19
|
-
danger: "bg-red-50 border border-red-200 text-red-900"
|
|
20
|
-
},
|
|
21
|
-
size: {
|
|
22
|
-
xs: "p-2",
|
|
23
|
-
sm: "p-3",
|
|
24
|
-
md: "p-4",
|
|
25
|
-
lg: "p-6",
|
|
26
|
-
xl: "p-8"
|
|
27
|
-
},
|
|
28
|
-
shape: {
|
|
29
|
-
rounded: "rounded-lg",
|
|
30
|
-
square: "rounded-none"
|
|
31
|
-
}
|
|
32
|
-
},
|
|
33
|
-
defaultVariants: {
|
|
34
|
-
variant: "white",
|
|
35
|
-
size: "md",
|
|
36
|
-
shape: "rounded"
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
), c = n(
|
|
40
|
-
({ variant: r = "white", size: e = "md", shape: t = "rounded", className: o, ...a }, d) => /* @__PURE__ */ b.jsx(
|
|
41
|
-
"div",
|
|
42
|
-
{
|
|
43
|
-
ref: d,
|
|
44
|
-
className: g(i({ variant: r, size: e, shape: t }), o),
|
|
45
|
-
...a
|
|
46
|
-
}
|
|
47
|
-
)
|
|
48
|
-
);
|
|
49
|
-
export {
|
|
50
|
-
c as T
|
|
51
|
-
};
|
package/dist/top-bar-ErHvwR4K.js
DELETED
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
import { c as s, j as n } from "./index-DU1SCUkk.js";
|
|
2
|
-
import { forwardRef as i } from "react";
|
|
3
|
-
const l = s(
|
|
4
|
-
"w-full flex items-center px-6 py-2 border-b border-neutral bg-white",
|
|
5
|
-
{
|
|
6
|
-
variants: {},
|
|
7
|
-
defaultVariants: {}
|
|
8
|
-
}
|
|
9
|
-
), p = s("flex items-center gap-3 min-w-0 flex-1"), m = s("flex items-center gap-2 ml-auto"), f = s(
|
|
10
|
-
"px-2.5 py-1.5 rounded-md text-xs font-sm cursor-pointer transition-colors",
|
|
11
|
-
{
|
|
12
|
-
variants: {
|
|
13
|
-
active: {
|
|
14
|
-
true: "bg-coral/10 text-coral",
|
|
15
|
-
false: "hover:bg-coral/10"
|
|
16
|
-
}
|
|
17
|
-
},
|
|
18
|
-
defaultVariants: {
|
|
19
|
-
active: !1
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
), u = s("flex items-center gap-2 ml-4"), x = s("flex items-center gap-2 mr-4"), v = i(
|
|
23
|
-
function({ children: a, className: r, ...t }, e) {
|
|
24
|
-
return /* @__PURE__ */ n.jsx("nav", { ref: e, className: u({ className: r }), ...t, children: a });
|
|
25
|
-
}
|
|
26
|
-
), d = i(
|
|
27
|
-
function({ children: a, className: r, ...t }, e) {
|
|
28
|
-
return /* @__PURE__ */ n.jsx("div", { ref: e, className: x({ className: r }), ...t, children: a });
|
|
29
|
-
}
|
|
30
|
-
), B = i(
|
|
31
|
-
function({ children: a, className: r, ...t }, e) {
|
|
32
|
-
return /* @__PURE__ */ n.jsx("div", { ref: e, className: p({ className: r }), ...t, children: a });
|
|
33
|
-
}
|
|
34
|
-
), g = i(
|
|
35
|
-
function({ children: a, className: r, ...t }, e) {
|
|
36
|
-
return /* @__PURE__ */ n.jsx("div", { ref: e, className: m({ className: r }), ...t, children: a });
|
|
37
|
-
}
|
|
38
|
-
), T = i(
|
|
39
|
-
function({ children: a, className: r, active: t, ...e }, c) {
|
|
40
|
-
return /* @__PURE__ */ n.jsx(
|
|
41
|
-
"div",
|
|
42
|
-
{
|
|
43
|
-
ref: c,
|
|
44
|
-
className: f({ active: t, className: r }),
|
|
45
|
-
"aria-current": t ? "page" : void 0,
|
|
46
|
-
...e,
|
|
47
|
-
children: a
|
|
48
|
-
}
|
|
49
|
-
);
|
|
50
|
-
}
|
|
51
|
-
), N = i(
|
|
52
|
-
({ children: o, className: a, ...r }, t) => /* @__PURE__ */ n.jsx("header", { ref: t, className: l({ className: a }), ...r, children: o })
|
|
53
|
-
), b = Object.assign(N, {
|
|
54
|
-
Leading: B,
|
|
55
|
-
Trailing: g,
|
|
56
|
-
NavItem: T,
|
|
57
|
-
Nav: v,
|
|
58
|
-
Actions: d
|
|
59
|
-
});
|
|
60
|
-
export {
|
|
61
|
-
b as T
|
|
62
|
-
};
|