@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.
Files changed (68) hide show
  1. package/dist/index.js +6996 -66
  2. package/package.json +2 -10
  3. package/dist/alert-DzSPXqwS.js +0 -167
  4. package/dist/app-bar-B4nQkgdL.js +0 -92
  5. package/dist/avatar-Bsn24V6g.js +0 -91
  6. package/dist/badge-DqLCHm9q.js +0 -184
  7. package/dist/bottom-bar-DOQ3gVwW.js +0 -73
  8. package/dist/breadcrumbs-PJV3izUu.js +0 -59
  9. package/dist/button-C8OibEPE.js +0 -81
  10. package/dist/button-float-B8tdLJkX.js +0 -107
  11. package/dist/button-icon-CWji4cBA.js +0 -89
  12. package/dist/calendar-CkLj89o2.js +0 -112
  13. package/dist/checkbox-input-CSboebwt.js +0 -167
  14. package/dist/chip-input-C1PJPDFq.js +0 -189
  15. package/dist/cn-Ca4KprQ1.js +0 -2730
  16. package/dist/components/alert.js +0 -4
  17. package/dist/components/app-bar.js +0 -4
  18. package/dist/components/avatar.js +0 -4
  19. package/dist/components/badge.js +0 -4
  20. package/dist/components/bottom-bar.js +0 -4
  21. package/dist/components/breadcrumbs.js +0 -4
  22. package/dist/components/button-float.js +0 -4
  23. package/dist/components/button-icon.js +0 -4
  24. package/dist/components/button.js +0 -4
  25. package/dist/components/calendar.js +0 -4
  26. package/dist/components/checkbox-input.js +0 -4
  27. package/dist/components/chip-input.js +0 -4
  28. package/dist/components/date-single-picker-input.js +0 -4
  29. package/dist/components/drawer.js +0 -9
  30. package/dist/components/icon.js +0 -4
  31. package/dist/components/loading-indicator.js +0 -4
  32. package/dist/components/menu.js +0 -4
  33. package/dist/components/modal.js +0 -4
  34. package/dist/components/radio-input.js +0 -4
  35. package/dist/components/segment-multiple-input.js +0 -4
  36. package/dist/components/segment-single-input.js +0 -4
  37. package/dist/components/select-input.js +0 -4
  38. package/dist/components/skeleton.js +0 -4
  39. package/dist/components/snackbar.js +0 -4
  40. package/dist/components/switch-input.js +0 -7
  41. package/dist/components/tabs.js +0 -4
  42. package/dist/components/text-input.js +0 -4
  43. package/dist/components/text.js +0 -4
  44. package/dist/components/textarea-input.js +0 -4
  45. package/dist/components/tile.js +0 -4
  46. package/dist/components/top-bar.js +0 -4
  47. package/dist/date-single-picker-input--Ew0O9NQ.js +0 -252
  48. package/dist/drawer-DrnAR2a4.js +0 -218
  49. package/dist/helpers-CEDtBUGM.js +0 -37
  50. package/dist/hooks/index.js +0 -1
  51. package/dist/icon-D-lTZMHY.js +0 -44
  52. package/dist/index-DU1SCUkk.js +0 -329
  53. package/dist/loading-indicator-BZMnT5PA.js +0 -168
  54. package/dist/menu-BZvilMF7.js +0 -174
  55. package/dist/modal-BGAtqMl9.js +0 -149
  56. package/dist/radio-input-BRGoevZY.js +0 -173
  57. package/dist/segment-multiple-input-VwHCqFd6.js +0 -229
  58. package/dist/segment-single-input-Cqoo7-C2.js +0 -228
  59. package/dist/select-input-DCb0usvK.js +0 -108
  60. package/dist/skeleton-D4X5USf_.js +0 -59
  61. package/dist/snackbar-CYias-fJ.js +0 -79
  62. package/dist/switch-input-C5s1lvYh.js +0 -186
  63. package/dist/tabs-C8aRKfxS.js +0 -216
  64. package/dist/text-B7e-au41.js +0 -120
  65. package/dist/text-input-BsWvUk_H.js +0 -73
  66. package/dist/textarea-input-DZExXEE8.js +0 -102
  67. package/dist/tile-Du7YciCG.js +0 -51
  68. 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
- };
@@ -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
- };
@@ -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
- };