monobill-mintui 0.4.93 → 0.5.0

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 (30) hide show
  1. package/dist/components/button/Button.d.ts.map +1 -1
  2. package/dist/components/card/Card.d.ts.map +1 -1
  3. package/dist/components/chart/Chart.d.ts +0 -2
  4. package/dist/components/chart/Chart.d.ts.map +1 -1
  5. package/dist/components/checkbox/Checkbox.d.ts.map +1 -1
  6. package/dist/components/chip/Chip.d.ts.map +1 -1
  7. package/dist/components/choice/ChoiceOption.d.ts.map +1 -1
  8. package/dist/components/clickable/Clickable.d.ts.map +1 -1
  9. package/dist/components/icon/Icon.d.ts +1 -0
  10. package/dist/components/icon/Icon.d.ts.map +1 -1
  11. package/dist/components/icon/icons/index.cjs +2 -2
  12. package/dist/components/icon/icons/index.js +103 -113
  13. package/dist/components/input/Input.d.ts.map +1 -1
  14. package/dist/components/link/Link.d.ts.map +1 -1
  15. package/dist/components/select/Select.d.ts.map +1 -1
  16. package/dist/components/side-navigation/SideNavigation.d.ts.map +1 -1
  17. package/dist/components/side-navigation/SideNavigationActionMenu.d.ts.map +1 -1
  18. package/dist/components/side-navigation/SideNavigationLink.d.ts.map +1 -1
  19. package/dist/components/switch/Switch.d.ts.map +1 -1
  20. package/dist/components/tabs/Tab.d.ts.map +1 -1
  21. package/dist/components/tags/Tags.d.ts.map +1 -1
  22. package/dist/components/top-navigation/TopNavigation.d.ts +41 -5
  23. package/dist/components/top-navigation/TopNavigation.d.ts.map +1 -1
  24. package/dist/index.cjs +17 -30
  25. package/dist/index.js +449 -285
  26. package/dist/{menu-CeF8GTxj.cjs → search-CEaBjA3d.cjs} +1 -1
  27. package/dist/{menu-BD7OJkcn.js → search-DMCxWW8i.js} +11 -1
  28. package/package.json +1 -1
  29. package/tailwind.preset.cjs +55 -4
  30. package/tailwind.preset.js +75 -2
@@ -1 +1 @@
1
- var e=new Map;function t(t){e.set(t.name,t)}function n(t){return e.get(t)}var r={name:`close`,viewBox:`0 0 24 24`,path:`M6 18L18 6M6 6l12 12`,strokeLinecap:`round`,strokeLinejoin:`round`};t(r);var i={name:`check`,viewBox:`0 0 24 24`,path:`M5 13l4 4L19 7`,strokeLinecap:`round`,strokeLinejoin:`round`};t(i);var a={name:`info`,viewBox:`0 0 24 24`,path:`M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z`,strokeLinecap:`round`,strokeLinejoin:`round`};t(a);var o={name:`success`,viewBox:`0 0 24 24`,path:`M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z`,strokeLinecap:`round`,strokeLinejoin:`round`};t(o);var s={name:`warning`,viewBox:`0 0 24 24`,path:`M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z`,strokeLinecap:`round`,strokeLinejoin:`round`};t(s);var c={name:`error`,viewBox:`0 0 24 24`,path:`M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z`,strokeLinecap:`round`,strokeLinejoin:`round`};t(c);var l={name:`sort-arrows`,viewBox:`0 0 24 24`,path:`M1 5l5-4m0 0l5 4m-5-4v22 M13 19l5 4m0 0l5-4m-5 4V1`,strokeLinecap:`round`,strokeLinejoin:`round`},u={name:`caret-left`,viewBox:`0 0 24 24`,path:`M15 19l-7-7 7-7`,strokeLinecap:`round`,strokeLinejoin:`round`};t(u);var d={name:`caret-right`,viewBox:`0 0 24 24`,path:`M9 5l7 7-7 7`,strokeLinecap:`round`,strokeLinejoin:`round`};t(d);var f={name:`caret-down`,viewBox:`0 0 24 24`,path:`M19 9l-7 7-7-7`,strokeLinecap:`round`,strokeLinejoin:`round`};t(f);var p={name:`caret-up`,viewBox:`0 0 24 24`,path:`M5 15l7-7 7 7`,strokeLinecap:`round`,strokeLinejoin:`round`};t(p);var m={name:`user`,viewBox:`0 0 24 24`,path:`M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z`,strokeLinecap:`round`,strokeLinejoin:`round`};t(m);var h={name:`plus`,viewBox:`0 0 24 24`,path:`M12 4v16m8-8H4`,strokeLinecap:`round`,strokeLinejoin:`round`};t(h);var g={name:`menu`,viewBox:`0 0 24 24`,path:`M4 6h16M4 12h16M4 18h16`,strokeLinecap:`round`,strokeLinejoin:`round`};t(g),Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`c`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`d`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`f`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`g`,{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,`h`,{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,`l`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`m`,{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`p`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,`u`,{enumerable:!0,get:function(){return s}});
1
+ var e=new Map;function t(t){e.set(t.name,t)}function n(t){return e.get(t)}var r={name:`close`,viewBox:`0 0 24 24`,path:`M6 18L18 6M6 6l12 12`,strokeLinecap:`round`,strokeLinejoin:`round`};t(r);var i={name:`check`,viewBox:`0 0 24 24`,path:`M5 13l4 4L19 7`,strokeLinecap:`round`,strokeLinejoin:`round`};t(i);var a={name:`info`,viewBox:`0 0 24 24`,path:`M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z`,strokeLinecap:`round`,strokeLinejoin:`round`};t(a);var o={name:`success`,viewBox:`0 0 24 24`,path:`M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z`,strokeLinecap:`round`,strokeLinejoin:`round`};t(o);var s={name:`warning`,viewBox:`0 0 24 24`,path:`M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z`,strokeLinecap:`round`,strokeLinejoin:`round`};t(s);var c={name:`error`,viewBox:`0 0 24 24`,path:`M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z`,strokeLinecap:`round`,strokeLinejoin:`round`};t(c);var l={name:`sort-arrows`,viewBox:`0 0 24 24`,path:`M1 5l5-4m0 0l5 4m-5-4v22 M13 19l5 4m0 0l5-4m-5 4V1`,strokeLinecap:`round`,strokeLinejoin:`round`},u={name:`caret-left`,viewBox:`0 0 24 24`,path:`M15 19l-7-7 7-7`,strokeLinecap:`round`,strokeLinejoin:`round`};t(u);var d={name:`caret-right`,viewBox:`0 0 24 24`,path:`M9 5l7 7-7 7`,strokeLinecap:`round`,strokeLinejoin:`round`};t(d);var f={name:`caret-down`,viewBox:`0 0 24 24`,path:`M19 9l-7 7-7-7`,strokeLinecap:`round`,strokeLinejoin:`round`};t(f);var p={name:`caret-up`,viewBox:`0 0 24 24`,path:`M5 15l7-7 7 7`,strokeLinecap:`round`,strokeLinejoin:`round`};t(p);var m={name:`user`,viewBox:`0 0 24 24`,path:`M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z`,strokeLinecap:`round`,strokeLinejoin:`round`};t(m);var h={name:`plus`,viewBox:`0 0 24 24`,path:`M12 4v16m8-8H4`,strokeLinecap:`round`,strokeLinejoin:`round`};t(h);var g={name:`menu`,viewBox:`0 0 24 24`,path:`M4 6h16M4 12h16M4 18h16`,strokeLinecap:`round`,strokeLinejoin:`round`};t(g);var _={name:`search`,viewBox:`0 0 24 24`,path:`M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z`,strokeLinecap:`round`,strokeLinejoin:`round`};t(_),Object.defineProperty(exports,`_`,{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,`c`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`d`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`f`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`g`,{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,`h`,{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,`l`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`m`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`p`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,`u`,{enumerable:!0,get:function(){return c}});
@@ -143,4 +143,14 @@ var g = {
143
143
  };
144
144
  t(g);
145
145
  //#endregion
146
- export { f as a, l as c, o as d, a as f, t as g, n as h, p as i, c as l, r as m, h as n, d as o, i as p, m as r, u as s, g as t, s as u };
146
+ //#region src/components/icon/icons/search.ts
147
+ var _ = {
148
+ name: "search",
149
+ viewBox: "0 0 24 24",
150
+ path: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z",
151
+ strokeLinecap: "round",
152
+ strokeLinejoin: "round"
153
+ };
154
+ t(_);
155
+ //#endregion
156
+ export { t as _, p as a, u as c, s as d, o as f, n as g, r as h, m as i, l, i as m, g as n, f as o, a as p, h as r, d as s, _ as t, c as u };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "monobill-mintui",
3
- "version": "0.4.93",
3
+ "version": "0.5.0",
4
4
  "description": "A modern framework-agnostic UI kit built as Web Components. Requires Tailwind CSS.",
5
5
  "type": "module",
6
6
  "main": "./dist/index.cjs",
@@ -3,6 +3,9 @@ module.exports = {
3
3
  theme: {
4
4
  extend: {
5
5
  colors: {
6
+ /**
7
+ * Base grayscale (keep for utilities)
8
+ */
6
9
  gray: {
7
10
  50: '#f9fafb',
8
11
  100: '#f3f4f6',
@@ -13,12 +16,60 @@ module.exports = {
13
16
  600: '#4b5563',
14
17
  700: '#374151',
15
18
  800: '#1f2937',
16
- 900: '#0a0a0a', // Base dark mode color - enforced by mintui
19
+ 900: '#0a0a0a',
17
20
  950: '#030712',
18
21
  },
22
+
23
+ /**
24
+ * MONOBILL DARK SURFACE SYSTEM
25
+ */
26
+ mint: {
27
+ shell: '#171717',
28
+ nav: '#1f1f1f',
29
+ canvas: '#2b2b2b',
30
+ surface: '#383838',
31
+ elevated: '#454545',
32
+ inset: '#262626',
33
+ divider: '#4a4a4a',
34
+ hover: '#333333',
35
+ active: '#3a3a3a',
36
+ },
37
+
38
+ /**
39
+ * TEXT HIERARCHY
40
+ */
41
+ text: {
42
+ primary: '#f5f5f5',
43
+ secondary: '#c7c7c7',
44
+ muted: '#9a9a9a',
45
+ subtle: '#707070',
46
+ inverted: '#0a0a0a',
47
+ },
48
+
49
+ /**
50
+ * BRAND (Primary Accent)
51
+ */
52
+ brand: {
53
+ 50: '#eff6ff',
54
+ 100: '#dbeafe',
55
+ 200: '#bfdbfe',
56
+ 300: '#93c5fd',
57
+ 400: '#60a5fa',
58
+ 500: '#3b82f6',
59
+ 600: '#2563eb',
60
+ 700: '#1d4ed8',
61
+ 800: '#1e40af',
62
+ 900: '#1e3a8a',
63
+ }
64
+ },
65
+
66
+ /**
67
+ * BORDER RADIUS
68
+ */
69
+ borderRadius: {
70
+ xl: '12px',
71
+ '2xl': '16px',
19
72
  },
20
73
  },
21
74
  },
22
- }
23
-
24
-
75
+ };
@@ -3,6 +3,9 @@ export default {
3
3
  theme: {
4
4
  extend: {
5
5
  colors: {
6
+ /**
7
+ * Base grayscale (keep for utilities)
8
+ */
6
9
  gray: {
7
10
  50: '#f9fafb',
8
11
  100: '#f3f4f6',
@@ -13,12 +16,82 @@ export default {
13
16
  600: '#4b5563',
14
17
  700: '#374151',
15
18
  800: '#1f2937',
16
- 900: '#0a0a0a', // Base dark mode color - enforced by mintui
19
+ 900: '#0a0a0a',
17
20
  950: '#030712',
18
21
  },
22
+
23
+ /**
24
+ * MONOBILL DARK SURFACE SYSTEM
25
+ * Clear elevation hierarchy
26
+ */
27
+ mint: {
28
+ // App frame (behind everything)
29
+ shell: '#171717',
30
+
31
+ // Sidebar / top nav
32
+ nav: '#1f1f1f',
33
+
34
+ // Main content background
35
+ canvas: '#2b2b2b',
36
+
37
+ // Cards / panels
38
+ surface: '#383838',
39
+
40
+ // Dropdowns / modals / raised elements
41
+ elevated: '#454545',
42
+
43
+ // Slightly recessed areas (inputs, inner panels)
44
+ inset: '#262626',
45
+
46
+ // Borders / separators (important: higher contrast)
47
+ divider: '#4a4a4a',
48
+
49
+ // Hover state
50
+ hover: '#333333',
51
+
52
+ // Active / selected state
53
+ active: '#3a3a3a',
54
+ },
55
+
56
+ /**
57
+ * TEXT HIERARCHY
58
+ */
59
+ text: {
60
+ primary: '#f5f5f5',
61
+ secondary: '#c7c7c7',
62
+ muted: '#9a9a9a',
63
+ subtle: '#707070',
64
+ inverted: '#0a0a0a',
65
+ },
66
+
67
+ /**
68
+ * BRAND (Primary Accent)
69
+ * Clean SaaS blue
70
+ */
71
+ brand: {
72
+ 50: '#eff6ff',
73
+ 100: '#dbeafe',
74
+ 200: '#bfdbfe',
75
+ 300: '#93c5fd',
76
+ 400: '#60a5fa',
77
+ 500: '#3b82f6',
78
+ 600: '#2563eb',
79
+ 700: '#1d4ed8',
80
+ 800: '#1e40af',
81
+ 900: '#1e3a8a',
82
+ },
83
+
84
+ },
85
+
86
+ /**
87
+ * BORDER RADIUS (modern SaaS feel)
88
+ */
89
+ borderRadius: {
90
+ xl: '12px',
91
+ '2xl': '16px',
19
92
  },
20
93
  },
21
94
  },
22
- }
95
+ };
23
96
 
24
97