@js-empire/emperor-ui 1.0.0 → 1.1.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 (216) hide show
  1. package/.husky/pre-commit +4 -0
  2. package/.storybook/main.ts +2 -11
  3. package/.storybook/preview.ts +1 -1
  4. package/.vscode/extensions.json +3 -0
  5. package/README.md +68 -1
  6. package/package.json +19 -4
  7. package/public/icons/emperor-ui-logo.ico +0 -0
  8. package/public/images/avatar-female.jpg +0 -0
  9. package/public/images/avatar-male.jpg +0 -0
  10. package/public/images/emperor-ui-logo.png +0 -0
  11. package/src/components/atoms/brand/brand.stories.tsx +27 -0
  12. package/src/components/atoms/brand/brand.tsx +56 -0
  13. package/src/components/atoms/brand/index.ts +1 -0
  14. package/src/components/atoms/brand/styles/classes.ts +9 -0
  15. package/src/components/atoms/brand/styles/index.ts +2 -0
  16. package/src/components/atoms/brand/styles/styles.ts +0 -0
  17. package/src/components/atoms/column/column.stories.tsx +36 -0
  18. package/src/components/atoms/column/column.tsx +21 -0
  19. package/src/components/atoms/column/index.ts +1 -0
  20. package/src/components/atoms/container/column.stories.tsx +36 -0
  21. package/src/components/atoms/container/container.tsx +28 -0
  22. package/src/components/atoms/container/index.ts +1 -0
  23. package/src/components/atoms/index.ts +6 -0
  24. package/src/components/atoms/portal/index.ts +1 -0
  25. package/src/components/atoms/portal/portal.stories.tsx +43 -0
  26. package/src/components/atoms/portal/portal.tsx +23 -0
  27. package/src/components/atoms/row/index.ts +1 -0
  28. package/src/components/atoms/row/row.stories.tsx +36 -0
  29. package/src/components/atoms/row/row.tsx +26 -0
  30. package/src/components/atoms/uploader/avatar-label.tsx +83 -0
  31. package/src/components/atoms/uploader/index.ts +7 -0
  32. package/src/components/atoms/uploader/stories/uploader.stories.tsx +41 -0
  33. package/src/components/atoms/uploader/upload-file-error-box.tsx +29 -0
  34. package/src/components/atoms/uploader/upload-file-input.tsx +36 -0
  35. package/src/components/atoms/uploader/upload-file-label.tsx +74 -0
  36. package/src/components/atoms/uploader/upload-file-listing.tsx +53 -0
  37. package/src/components/atoms/uploader/uploader.tsx +55 -0
  38. package/src/components/atoms/uploader/view-image-modal.tsx +39 -0
  39. package/src/components/index.ts +4 -8
  40. package/src/components/molecules/index.ts +5 -0
  41. package/src/components/molecules/item-card/item-card.tsx +6 -0
  42. package/src/components/molecules/nav-bar/index.ts +3 -0
  43. package/src/components/molecules/nav-bar/nav-bar-item.tsx +70 -0
  44. package/src/components/molecules/nav-bar/nav-bar.tsx +65 -0
  45. package/src/components/molecules/nav-bar/stories/hover-effect/nav-bar-hover-effect.stories.tsx +52 -0
  46. package/src/components/molecules/nav-bar/stories/nav-bar.stories.tsx +50 -0
  47. package/src/components/molecules/nav-bar/styles/classes.ts +68 -0
  48. package/src/components/molecules/nav-bar/styles/index.ts +2 -0
  49. package/src/components/molecules/nav-bar/styles/styles.ts +84 -0
  50. package/src/components/molecules/nav-bar/sub-items-box.tsx +57 -0
  51. package/src/components/molecules/scaffold/scaffold.stories.tsx +21 -0
  52. package/src/components/molecules/scaffold/scaffold.tsx +36 -0
  53. package/src/components/molecules/side-bar/compact-side-bar.tsx +73 -0
  54. package/src/components/molecules/side-bar/index.ts +1 -0
  55. package/src/components/molecules/side-bar/side-bar-drawer.tsx +124 -0
  56. package/src/components/molecules/side-bar/side-bar.stories.tsx +110 -0
  57. package/src/components/molecules/side-bar/side-bar.tsx +31 -0
  58. package/src/components/molecules/side-bar/styles/classes.ts +28 -0
  59. package/src/components/molecules/side-bar/styles/index.ts +2 -0
  60. package/src/components/molecules/side-bar/styles/styles.ts +13 -0
  61. package/src/components/organisms/footer/footer.tsx +20 -0
  62. package/src/components/organisms/footer/styles/classes.ts +15 -0
  63. package/src/components/organisms/footer/styles/index.ts +2 -0
  64. package/src/components/organisms/footer/styles/styles.ts +9 -0
  65. package/src/components/organisms/header/header.tsx +94 -0
  66. package/src/components/organisms/header/segmented-header-content.tsx +37 -0
  67. package/src/components/organisms/header/stories/header.stories.tsx +143 -0
  68. package/src/components/organisms/header/styles/classes.ts +22 -0
  69. package/src/components/organisms/header/styles/index.ts +2 -0
  70. package/src/components/organisms/header/styles/styles.ts +39 -0
  71. package/src/components/organisms/index.ts +4 -0
  72. package/src/components/templates/index.ts +1 -0
  73. package/src/components/templates/landing-page/index.ts +1 -0
  74. package/src/components/templates/landing-page/landing-page.stories.tsx +21 -0
  75. package/src/components/templates/landing-page/landing-page.tsx +57 -0
  76. package/src/components/templates/landing-page/styles/classes.ts +11 -0
  77. package/src/components/templates/landing-page/styles/index.ts +1 -0
  78. package/src/constants/defaults.ts +42 -7
  79. package/src/constants/fake.ts +2 -0
  80. package/src/constants/index.ts +2 -0
  81. package/src/constants/uploader.ts +27 -0
  82. package/src/context/emperor-ui-context.ts +4 -4
  83. package/src/context/index.ts +2 -0
  84. package/src/context/navigation-context.ts +6 -0
  85. package/src/context/uploader-context.ts +6 -0
  86. package/src/enums/index.ts +2 -0
  87. package/src/enums/placeholders.ts +4 -0
  88. package/src/enums/preserved-keys.ts +3 -0
  89. package/src/hooks/index.ts +3 -0
  90. package/src/hooks/use-navigation.ts +12 -0
  91. package/src/hooks/use-uploader-context.ts +14 -0
  92. package/src/hooks/use-uploader.tsx +215 -0
  93. package/src/index.ts +9 -5
  94. package/src/main.tsx +3 -0
  95. package/src/mocks/header.tsx +118 -0
  96. package/src/mocks/index.ts +1 -0
  97. package/src/providers/config-provider.tsx +54 -0
  98. package/src/providers/emperor-ui-provider.tsx +17 -24
  99. package/src/providers/index.ts +3 -0
  100. package/src/providers/navigation-provider.tsx +42 -0
  101. package/src/providers/uploader-provider.tsx +53 -0
  102. package/src/styles/globals.css +13 -0
  103. package/src/styles/hero.ts +2 -0
  104. package/src/types/components/atoms/brand.ts +13 -0
  105. package/src/types/components/atoms/column.ts +3 -0
  106. package/src/types/components/atoms/container.ts +3 -0
  107. package/src/types/components/atoms/index.ts +6 -0
  108. package/src/types/components/atoms/portal.ts +6 -0
  109. package/src/types/components/atoms/row.ts +3 -0
  110. package/src/types/components/atoms/uploader.ts +104 -0
  111. package/src/types/components/index.ts +3 -8
  112. package/src/types/components/molecules/header/header.ts +51 -0
  113. package/src/types/components/molecules/index.ts +9 -0
  114. package/src/types/components/molecules/nav-bar/nav-bar.ts +65 -0
  115. package/src/types/components/molecules/side-bar/index.ts +1 -0
  116. package/src/types/components/molecules/side-bar/side-bar.ts +40 -0
  117. package/src/types/components/templates/index.ts +1 -0
  118. package/src/types/components/templates/landing-page.ts +10 -0
  119. package/src/types/context/config.ts +54 -0
  120. package/src/types/context/index.ts +2 -1
  121. package/src/types/context/navigation.ts +17 -0
  122. package/src/types/shared/components.ts +4 -0
  123. package/src/utils/compress-images.ts +36 -0
  124. package/src/utils/index.ts +2 -0
  125. package/src/utils/storybook.tsx +15 -0
  126. package/tsconfig.app.json +3 -2
  127. package/tsconfig.node.json +0 -1
  128. package/vite.config.ts +5 -1
  129. package/dist/emperor-ui.js +0 -3171
  130. package/dist/emperor-ui.umd.cjs +0 -6
  131. package/dist/src/components/filter/filter.d.ts +0 -3
  132. package/dist/src/components/filter/index.d.ts +0 -1
  133. package/dist/src/components/footer/footer.d.ts +0 -3
  134. package/dist/src/components/footer/index.d.ts +0 -1
  135. package/dist/src/components/header/header.d.ts +0 -9
  136. package/dist/src/components/header/index.d.ts +0 -1
  137. package/dist/src/components/index.d.ts +0 -8
  138. package/dist/src/components/item-card/index.d.ts +0 -1
  139. package/dist/src/components/item-card/item-card.d.ts +0 -3
  140. package/dist/src/components/item-details/index.d.ts +0 -1
  141. package/dist/src/components/item-details/item-details.d.ts +0 -3
  142. package/dist/src/components/listings/index.d.ts +0 -1
  143. package/dist/src/components/listings/listings.d.ts +0 -3
  144. package/dist/src/components/nav-bar/index.d.ts +0 -1
  145. package/dist/src/components/nav-bar/nav-bar.d.ts +0 -3
  146. package/dist/src/components/scaffold/index.d.ts +0 -1
  147. package/dist/src/components/scaffold/scaffold.d.ts +0 -3
  148. package/dist/src/constants/defaults.d.ts +0 -4
  149. package/dist/src/constants/index.d.ts +0 -1
  150. package/dist/src/context/emperor-ui-context.d.ts +0 -3
  151. package/dist/src/context/index.d.ts +0 -1
  152. package/dist/src/examples/index.d.ts +0 -1
  153. package/dist/src/hooks/index.d.ts +0 -1
  154. package/dist/src/hooks/use-emperor-ui.d.ts +0 -1
  155. package/dist/src/index.d.ts +0 -8
  156. package/dist/src/providers/emperor-ui-provider.d.ts +0 -3
  157. package/dist/src/providers/index.d.ts +0 -1
  158. package/dist/src/types/components/filter/filter.d.ts +0 -8
  159. package/dist/src/types/components/filter/index.d.ts +0 -1
  160. package/dist/src/types/components/footer/footer.d.ts +0 -8
  161. package/dist/src/types/components/footer/index.d.ts +0 -1
  162. package/dist/src/types/components/header/header.d.ts +0 -19
  163. package/dist/src/types/components/header/index.d.ts +0 -1
  164. package/dist/src/types/components/index.d.ts +0 -8
  165. package/dist/src/types/components/item-card/index.d.ts +0 -1
  166. package/dist/src/types/components/item-card/item-card.d.ts +0 -8
  167. package/dist/src/types/components/item-details/index.d.ts +0 -1
  168. package/dist/src/types/components/item-details/item-details.d.ts +0 -8
  169. package/dist/src/types/components/listings/index.d.ts +0 -1
  170. package/dist/src/types/components/listings/listings.d.ts +0 -8
  171. package/dist/src/types/components/nav-bar/index.d.ts +0 -1
  172. package/dist/src/types/components/nav-bar/nav-bar.d.ts +0 -8
  173. package/dist/src/types/components/scaffold/index.d.ts +0 -1
  174. package/dist/src/types/components/scaffold/scaffold.d.ts +0 -8
  175. package/dist/src/types/context/emperor-ui.d.ts +0 -31
  176. package/dist/src/types/context/index.d.ts +0 -1
  177. package/dist/src/types/index.d.ts +0 -3
  178. package/dist/src/types/shared/components.d.ts +0 -6
  179. package/dist/src/types/shared/index.d.ts +0 -1
  180. package/dist/src/utils/cn.d.ts +0 -3
  181. package/dist/src/utils/index.d.ts +0 -1
  182. package/src/components/footer/footer.tsx +0 -6
  183. package/src/components/header/header.tsx +0 -49
  184. package/src/components/item-card/item-card.tsx +0 -6
  185. package/src/components/nav-bar/index.ts +0 -1
  186. package/src/components/nav-bar/nav-bar.tsx +0 -6
  187. package/src/components/scaffold/scaffold.tsx +0 -15
  188. package/src/index.css +0 -1
  189. package/src/types/components/header/header.ts +0 -21
  190. package/src/types/components/nav-bar/nav-bar.ts +0 -9
  191. package/src/types/context/emperor-ui.ts +0 -37
  192. package/tailwind.config.js +0 -6
  193. /package/src/components/{filter → molecules/filter}/filter.tsx +0 -0
  194. /package/src/components/{filter → molecules/filter}/index.ts +0 -0
  195. /package/src/components/{item-card → molecules/item-card}/index.ts +0 -0
  196. /package/src/components/{scaffold → molecules/scaffold}/index.ts +0 -0
  197. /package/src/components/{footer → organisms/footer}/index.ts +0 -0
  198. /package/src/components/{header → organisms/header}/index.ts +0 -0
  199. /package/src/components/{item-details → organisms/item-details}/index.ts +0 -0
  200. /package/src/components/{item-details → organisms/item-details}/item-details.tsx +0 -0
  201. /package/src/components/{listings → organisms/listings}/index.ts +0 -0
  202. /package/src/components/{listings → organisms/listings}/listings.tsx +0 -0
  203. /package/src/types/components/{filter → molecules/filter}/filter.ts +0 -0
  204. /package/src/types/components/{filter → molecules/filter}/index.ts +0 -0
  205. /package/src/types/components/{footer → molecules/footer}/footer.ts +0 -0
  206. /package/src/types/components/{footer → molecules/footer}/index.ts +0 -0
  207. /package/src/types/components/{header → molecules/header}/index.ts +0 -0
  208. /package/src/types/components/{item-card → molecules/item-card}/index.ts +0 -0
  209. /package/src/types/components/{item-card → molecules/item-card}/item-card.ts +0 -0
  210. /package/src/types/components/{item-details → molecules/item-details}/index.ts +0 -0
  211. /package/src/types/components/{item-details → molecules/item-details}/item-details.ts +0 -0
  212. /package/src/types/components/{listings → molecules/listings}/index.ts +0 -0
  213. /package/src/types/components/{listings → molecules/listings}/listings.ts +0 -0
  214. /package/src/types/components/{nav-bar → molecules/nav-bar}/index.ts +0 -0
  215. /package/src/types/components/{scaffold → molecules/scaffold}/index.ts +0 -0
  216. /package/src/types/components/{scaffold → molecules/scaffold}/scaffold.ts +0 -0
@@ -1,3171 +0,0 @@
1
- import Ye, { forwardRef as We, createContext as De, useContext as Be, useMemo as qe } from "react";
2
- var ce = { exports: {} }, oe = {};
3
- var xe;
4
- function Je() {
5
- if (xe) return oe;
6
- xe = 1;
7
- var e = Symbol.for("react.transitional.element"), n = Symbol.for("react.fragment");
8
- function r(t, s, c) {
9
- var l = null;
10
- if (c !== void 0 && (l = "" + c), s.key !== void 0 && (l = "" + s.key), "key" in s) {
11
- c = {};
12
- for (var p in s)
13
- p !== "key" && (c[p] = s[p]);
14
- } else c = s;
15
- return s = c.ref, {
16
- $$typeof: e,
17
- type: t,
18
- key: l,
19
- ref: s !== void 0 ? s : null,
20
- props: c
21
- };
22
- }
23
- return oe.Fragment = n, oe.jsx = r, oe.jsxs = r, oe;
24
- }
25
- var ne = {};
26
- var ke;
27
- function Xe() {
28
- return ke || (ke = 1, process.env.NODE_ENV !== "production" && (function() {
29
- function e(o) {
30
- if (o == null) return null;
31
- if (typeof o == "function")
32
- return o.$$typeof === ie ? null : o.displayName || o.name || null;
33
- if (typeof o == "string") return o;
34
- switch (o) {
35
- case y:
36
- return "Fragment";
37
- case q:
38
- return "Profiler";
39
- case O:
40
- return "StrictMode";
41
- case N:
42
- return "Suspense";
43
- case D:
44
- return "SuspenseList";
45
- case ae:
46
- return "Activity";
47
- }
48
- if (typeof o == "object")
49
- switch (typeof o.tag == "number" && console.error(
50
- "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
51
- ), o.$$typeof) {
52
- case C:
53
- return "Portal";
54
- case G:
55
- return o.displayName || "Context";
56
- case W:
57
- return (o._context.displayName || "Context") + ".Consumer";
58
- case V:
59
- var f = o.render;
60
- return o = o.displayName, o || (o = f.displayName || f.name || "", o = o !== "" ? "ForwardRef(" + o + ")" : "ForwardRef"), o;
61
- case m:
62
- return f = o.displayName || null, f !== null ? f : e(o.type) || "Memo";
63
- case _:
64
- f = o._payload, o = o._init;
65
- try {
66
- return e(o(f));
67
- } catch {
68
- }
69
- }
70
- return null;
71
- }
72
- function n(o) {
73
- return "" + o;
74
- }
75
- function r(o) {
76
- try {
77
- n(o);
78
- var f = !1;
79
- } catch {
80
- f = !0;
81
- }
82
- if (f) {
83
- f = console;
84
- var h = f.error, x = typeof Symbol == "function" && Symbol.toStringTag && o[Symbol.toStringTag] || o.constructor.name || "Object";
85
- return h.call(
86
- f,
87
- "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
88
- x
89
- ), n(o);
90
- }
91
- }
92
- function t(o) {
93
- if (o === y) return "<>";
94
- if (typeof o == "object" && o !== null && o.$$typeof === _)
95
- return "<...>";
96
- try {
97
- var f = e(o);
98
- return f ? "<" + f + ">" : "<...>";
99
- } catch {
100
- return "<...>";
101
- }
102
- }
103
- function s() {
104
- var o = L.A;
105
- return o === null ? null : o.getOwner();
106
- }
107
- function c() {
108
- return Error("react-stack-top-frame");
109
- }
110
- function l(o) {
111
- if (K.call(o, "key")) {
112
- var f = Object.getOwnPropertyDescriptor(o, "key").get;
113
- if (f && f.isReactWarning) return !1;
114
- }
115
- return o.key !== void 0;
116
- }
117
- function p(o, f) {
118
- function h() {
119
- T || (T = !0, console.error(
120
- "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
121
- f
122
- ));
123
- }
124
- h.isReactWarning = !0, Object.defineProperty(o, "key", {
125
- get: h,
126
- configurable: !0
127
- });
128
- }
129
- function u() {
130
- var o = e(this.type);
131
- return z[o] || (z[o] = !0, console.error(
132
- "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
133
- )), o = this.props.ref, o !== void 0 ? o : null;
134
- }
135
- function b(o, f, h, x, I, J) {
136
- var v = h.ref;
137
- return o = {
138
- $$typeof: S,
139
- type: o,
140
- key: f,
141
- props: h,
142
- _owner: x
143
- }, (v !== void 0 ? v : null) !== null ? Object.defineProperty(o, "ref", {
144
- enumerable: !1,
145
- get: u
146
- }) : Object.defineProperty(o, "ref", { enumerable: !1, value: null }), o._store = {}, Object.defineProperty(o._store, "validated", {
147
- configurable: !1,
148
- enumerable: !1,
149
- writable: !0,
150
- value: 0
151
- }), Object.defineProperty(o, "_debugInfo", {
152
- configurable: !1,
153
- enumerable: !1,
154
- writable: !0,
155
- value: null
156
- }), Object.defineProperty(o, "_debugStack", {
157
- configurable: !1,
158
- enumerable: !1,
159
- writable: !0,
160
- value: I
161
- }), Object.defineProperty(o, "_debugTask", {
162
- configurable: !1,
163
- enumerable: !1,
164
- writable: !0,
165
- value: J
166
- }), Object.freeze && (Object.freeze(o.props), Object.freeze(o)), o;
167
- }
168
- function k(o, f, h, x, I, J) {
169
- var v = f.children;
170
- if (v !== void 0)
171
- if (x)
172
- if (ee(v)) {
173
- for (x = 0; x < v.length; x++)
174
- w(v[x]);
175
- Object.freeze && Object.freeze(v);
176
- } else
177
- console.error(
178
- "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
179
- );
180
- else w(v);
181
- if (K.call(f, "key")) {
182
- v = e(o);
183
- var M = Object.keys(f).filter(function(X) {
184
- return X !== "key";
185
- });
186
- x = 0 < M.length ? "{key: someKey, " + M.join(": ..., ") + ": ...}" : "{key: someKey}", te[v + x] || (M = 0 < M.length ? "{" + M.join(": ..., ") + ": ...}" : "{}", console.error(
187
- `A props object containing a "key" prop is being spread into JSX:
188
- let props = %s;
189
- <%s {...props} />
190
- React keys must be passed directly to JSX without using spread:
191
- let props = %s;
192
- <%s key={someKey} {...props} />`,
193
- x,
194
- v,
195
- M,
196
- v
197
- ), te[v + x] = !0);
198
- }
199
- if (v = null, h !== void 0 && (r(h), v = "" + h), l(f) && (r(f.key), v = "" + f.key), "key" in f) {
200
- h = {};
201
- for (var $ in f)
202
- $ !== "key" && (h[$] = f[$]);
203
- } else h = f;
204
- return v && p(
205
- h,
206
- typeof o == "function" ? o.displayName || o.name || "Unknown" : o
207
- ), b(
208
- o,
209
- v,
210
- h,
211
- s(),
212
- I,
213
- J
214
- );
215
- }
216
- function w(o) {
217
- R(o) ? o._store && (o._store.validated = 1) : typeof o == "object" && o !== null && o.$$typeof === _ && (o._payload.status === "fulfilled" ? R(o._payload.value) && o._payload.value._store && (o._payload.value._store.validated = 1) : o._store && (o._store.validated = 1));
218
- }
219
- function R(o) {
220
- return typeof o == "object" && o !== null && o.$$typeof === S;
221
- }
222
- var A = Ye, S = Symbol.for("react.transitional.element"), C = Symbol.for("react.portal"), y = Symbol.for("react.fragment"), O = Symbol.for("react.strict_mode"), q = Symbol.for("react.profiler"), W = Symbol.for("react.consumer"), G = Symbol.for("react.context"), V = Symbol.for("react.forward_ref"), N = Symbol.for("react.suspense"), D = Symbol.for("react.suspense_list"), m = Symbol.for("react.memo"), _ = Symbol.for("react.lazy"), ae = Symbol.for("react.activity"), ie = Symbol.for("react.client.reference"), L = A.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, K = Object.prototype.hasOwnProperty, ee = Array.isArray, j = console.createTask ? console.createTask : function() {
223
- return null;
224
- };
225
- A = {
226
- react_stack_bottom_frame: function(o) {
227
- return o();
228
- }
229
- };
230
- var T, z = {}, d = A.react_stack_bottom_frame.bind(
231
- A,
232
- c
233
- )(), re = j(t(c)), te = {};
234
- ne.Fragment = y, ne.jsx = function(o, f, h) {
235
- var x = 1e4 > L.recentlyCreatedOwnerStacks++;
236
- return k(
237
- o,
238
- f,
239
- h,
240
- !1,
241
- x ? Error("react-stack-top-frame") : d,
242
- x ? j(t(o)) : re
243
- );
244
- }, ne.jsxs = function(o, f, h) {
245
- var x = 1e4 > L.recentlyCreatedOwnerStacks++;
246
- return k(
247
- o,
248
- f,
249
- h,
250
- !0,
251
- x ? Error("react-stack-top-frame") : d,
252
- x ? j(t(o)) : re
253
- );
254
- };
255
- })()), ne;
256
- }
257
- var ye;
258
- function He() {
259
- return ye || (ye = 1, process.env.NODE_ENV === "production" ? ce.exports = Je() : ce.exports = Xe()), ce.exports;
260
- }
261
- var P = He();
262
- function Te(e) {
263
- var n, r, t = "";
264
- if (typeof e == "string" || typeof e == "number") t += e;
265
- else if (typeof e == "object") if (Array.isArray(e)) {
266
- var s = e.length;
267
- for (n = 0; n < s; n++) e[n] && (r = Te(e[n])) && (t && (t += " "), t += r);
268
- } else for (r in e) e[r] && (t && (t += " "), t += r);
269
- return t;
270
- }
271
- function Pe() {
272
- for (var e, n, r = 0, t = "", s = arguments.length; r < s; r++) (e = arguments[r]) && (n = Te(e)) && (t && (t += " "), t += n);
273
- return t;
274
- }
275
- const Ze = (e, n) => {
276
- const r = new Array(e.length + n.length);
277
- for (let t = 0; t < e.length; t++)
278
- r[t] = e[t];
279
- for (let t = 0; t < n.length; t++)
280
- r[e.length + t] = n[t];
281
- return r;
282
- }, Qe = (e, n) => ({
283
- classGroupId: e,
284
- validator: n
285
- }), je = (e = /* @__PURE__ */ new Map(), n = null, r) => ({
286
- nextPart: e,
287
- validators: n,
288
- classGroupId: r
289
- }), me = "-", we = [], Ke = "arbitrary..", er = (e) => {
290
- const n = tr(e), {
291
- conflictingClassGroups: r,
292
- conflictingClassGroupModifiers: t
293
- } = e;
294
- return {
295
- getClassGroupId: (l) => {
296
- if (l.startsWith("[") && l.endsWith("]"))
297
- return rr(l);
298
- const p = l.split(me), u = p[0] === "" && p.length > 1 ? 1 : 0;
299
- return ze(p, u, n);
300
- },
301
- getConflictingClassGroupIds: (l, p) => {
302
- if (p) {
303
- const u = t[l], b = r[l];
304
- return u ? b ? Ze(b, u) : u : b || we;
305
- }
306
- return r[l] || we;
307
- }
308
- };
309
- }, ze = (e, n, r) => {
310
- if (e.length - n === 0)
311
- return r.classGroupId;
312
- const s = e[n], c = r.nextPart.get(s);
313
- if (c) {
314
- const b = ze(e, n + 1, c);
315
- if (b) return b;
316
- }
317
- const l = r.validators;
318
- if (l === null)
319
- return;
320
- const p = n === 0 ? e.join(me) : e.slice(n).join(me), u = l.length;
321
- for (let b = 0; b < u; b++) {
322
- const k = l[b];
323
- if (k.validator(p))
324
- return k.classGroupId;
325
- }
326
- }, rr = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
327
- const n = e.slice(1, -1), r = n.indexOf(":"), t = n.slice(0, r);
328
- return t ? Ke + t : void 0;
329
- })(), tr = (e) => {
330
- const {
331
- theme: n,
332
- classGroups: r
333
- } = e;
334
- return or(r, n);
335
- }, or = (e, n) => {
336
- const r = je();
337
- for (const t in e) {
338
- const s = e[t];
339
- ve(s, r, t, n);
340
- }
341
- return r;
342
- }, ve = (e, n, r, t) => {
343
- const s = e.length;
344
- for (let c = 0; c < s; c++) {
345
- const l = e[c];
346
- nr(l, n, r, t);
347
- }
348
- }, nr = (e, n, r, t) => {
349
- if (typeof e == "string") {
350
- sr(e, n, r);
351
- return;
352
- }
353
- if (typeof e == "function") {
354
- ar(e, n, r, t);
355
- return;
356
- }
357
- ir(e, n, r, t);
358
- }, sr = (e, n, r) => {
359
- const t = e === "" ? n : Oe(n, e);
360
- t.classGroupId = r;
361
- }, ar = (e, n, r, t) => {
362
- if (lr(e)) {
363
- ve(e(t), n, r, t);
364
- return;
365
- }
366
- n.validators === null && (n.validators = []), n.validators.push(Qe(r, e));
367
- }, ir = (e, n, r, t) => {
368
- const s = Object.entries(e), c = s.length;
369
- for (let l = 0; l < c; l++) {
370
- const [p, u] = s[l];
371
- ve(u, Oe(n, p), r, t);
372
- }
373
- }, Oe = (e, n) => {
374
- let r = e;
375
- const t = n.split(me), s = t.length;
376
- for (let c = 0; c < s; c++) {
377
- const l = t[c];
378
- let p = r.nextPart.get(l);
379
- p || (p = je(), r.nextPart.set(l, p)), r = p;
380
- }
381
- return r;
382
- }, lr = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, cr = (e) => {
383
- if (e < 1)
384
- return {
385
- get: () => {
386
- },
387
- set: () => {
388
- }
389
- };
390
- let n = 0, r = /* @__PURE__ */ Object.create(null), t = /* @__PURE__ */ Object.create(null);
391
- const s = (c, l) => {
392
- r[c] = l, n++, n > e && (n = 0, t = r, r = /* @__PURE__ */ Object.create(null));
393
- };
394
- return {
395
- get(c) {
396
- let l = r[c];
397
- if (l !== void 0)
398
- return l;
399
- if ((l = t[c]) !== void 0)
400
- return s(c, l), l;
401
- },
402
- set(c, l) {
403
- c in r ? r[c] = l : s(c, l);
404
- }
405
- };
406
- }, ge = "!", Re = ":", dr = [], Ee = (e, n, r, t, s) => ({
407
- modifiers: e,
408
- hasImportantModifier: n,
409
- baseClassName: r,
410
- maybePostfixModifierPosition: t,
411
- isExternal: s
412
- }), ur = (e) => {
413
- const {
414
- prefix: n,
415
- experimentalParseClassName: r
416
- } = e;
417
- let t = (s) => {
418
- const c = [];
419
- let l = 0, p = 0, u = 0, b;
420
- const k = s.length;
421
- for (let C = 0; C < k; C++) {
422
- const y = s[C];
423
- if (l === 0 && p === 0) {
424
- if (y === Re) {
425
- c.push(s.slice(u, C)), u = C + 1;
426
- continue;
427
- }
428
- if (y === "/") {
429
- b = C;
430
- continue;
431
- }
432
- }
433
- y === "[" ? l++ : y === "]" ? l-- : y === "(" ? p++ : y === ")" && p--;
434
- }
435
- const w = c.length === 0 ? s : s.slice(u);
436
- let R = w, A = !1;
437
- w.endsWith(ge) ? (R = w.slice(0, -1), A = !0) : (
438
- /**
439
- * In Tailwind CSS v3 the important modifier was at the start of the base class name. This is still supported for legacy reasons.
440
- * @see https://github.com/dcastil/tailwind-merge/issues/513#issuecomment-2614029864
441
- */
442
- w.startsWith(ge) && (R = w.slice(1), A = !0)
443
- );
444
- const S = b && b > u ? b - u : void 0;
445
- return Ee(c, A, R, S);
446
- };
447
- if (n) {
448
- const s = n + Re, c = t;
449
- t = (l) => l.startsWith(s) ? c(l.slice(s.length)) : Ee(dr, !1, l, void 0, !0);
450
- }
451
- if (r) {
452
- const s = t;
453
- t = (c) => r({
454
- className: c,
455
- parseClassName: s
456
- });
457
- }
458
- return t;
459
- }, mr = (e) => {
460
- const n = /* @__PURE__ */ new Map();
461
- return e.orderSensitiveModifiers.forEach((r, t) => {
462
- n.set(r, 1e6 + t);
463
- }), (r) => {
464
- const t = [];
465
- let s = [];
466
- for (let c = 0; c < r.length; c++) {
467
- const l = r[c], p = l[0] === "[", u = n.has(l);
468
- p || u ? (s.length > 0 && (s.sort(), t.push(...s), s = []), t.push(l)) : s.push(l);
469
- }
470
- return s.length > 0 && (s.sort(), t.push(...s)), t;
471
- };
472
- }, fr = (e) => ({
473
- cache: cr(e.cacheSize),
474
- parseClassName: ur(e),
475
- sortModifiers: mr(e),
476
- ...er(e)
477
- }), pr = /\s+/, br = (e, n) => {
478
- const {
479
- parseClassName: r,
480
- getClassGroupId: t,
481
- getConflictingClassGroupIds: s,
482
- sortModifiers: c
483
- } = n, l = [], p = e.trim().split(pr);
484
- let u = "";
485
- for (let b = p.length - 1; b >= 0; b -= 1) {
486
- const k = p[b], {
487
- isExternal: w,
488
- modifiers: R,
489
- hasImportantModifier: A,
490
- baseClassName: S,
491
- maybePostfixModifierPosition: C
492
- } = r(k);
493
- if (w) {
494
- u = k + (u.length > 0 ? " " + u : u);
495
- continue;
496
- }
497
- let y = !!C, O = t(y ? S.substring(0, C) : S);
498
- if (!O) {
499
- if (!y) {
500
- u = k + (u.length > 0 ? " " + u : u);
501
- continue;
502
- }
503
- if (O = t(S), !O) {
504
- u = k + (u.length > 0 ? " " + u : u);
505
- continue;
506
- }
507
- y = !1;
508
- }
509
- const q = R.length === 0 ? "" : R.length === 1 ? R[0] : c(R).join(":"), W = A ? q + ge : q, G = W + O;
510
- if (l.indexOf(G) > -1)
511
- continue;
512
- l.push(G);
513
- const V = s(O, y);
514
- for (let N = 0; N < V.length; ++N) {
515
- const D = V[N];
516
- l.push(W + D);
517
- }
518
- u = k + (u.length > 0 ? " " + u : u);
519
- }
520
- return u;
521
- }, gr = (...e) => {
522
- let n = 0, r, t, s = "";
523
- for (; n < e.length; )
524
- (r = e[n++]) && (t = Ne(r)) && (s && (s += " "), s += t);
525
- return s;
526
- }, Ne = (e) => {
527
- if (typeof e == "string")
528
- return e;
529
- let n, r = "";
530
- for (let t = 0; t < e.length; t++)
531
- e[t] && (n = Ne(e[t])) && (r && (r += " "), r += n);
532
- return r;
533
- }, hr = (e, ...n) => {
534
- let r, t, s, c;
535
- const l = (u) => {
536
- const b = n.reduce((k, w) => w(k), e());
537
- return r = fr(b), t = r.cache.get, s = r.cache.set, c = p, p(u);
538
- }, p = (u) => {
539
- const b = t(u);
540
- if (b)
541
- return b;
542
- const k = br(u, r);
543
- return s(u, k), k;
544
- };
545
- return c = l, (...u) => c(gr(...u));
546
- }, vr = [], E = (e) => {
547
- const n = (r) => r[e] || vr;
548
- return n.isThemeGetter = !0, n;
549
- }, Ie = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Me = /^\((?:(\w[\w-]*):)?(.+)\)$/i, xr = /^\d+\/\d+$/, kr = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, yr = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, wr = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, Rr = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Er = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, H = (e) => xr.test(e), g = (e) => !!e && !Number.isNaN(Number(e)), U = (e) => !!e && Number.isInteger(Number(e)), pe = (e) => e.endsWith("%") && g(e.slice(0, -1)), F = (e) => kr.test(e), Cr = () => !0, Ar = (e) => (
550
- // `colorFunctionRegex` check is necessary because color functions can have percentages in them which which would be incorrectly classified as lengths.
551
- // For example, `hsl(0 0% 0%)` would be classified as a length without this check.
552
- // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
553
- yr.test(e) && !wr.test(e)
554
- ), Fe = () => !1, _r = (e) => Rr.test(e), Sr = (e) => Er.test(e), Tr = (e) => !a(e) && !i(e), Pr = (e) => Z(e, Le, Fe), a = (e) => Ie.test(e), B = (e) => Z(e, $e, Ar), be = (e) => Z(e, Ir, g), Ce = (e) => Z(e, Ge, Fe), jr = (e) => Z(e, Ve, Sr), de = (e) => Z(e, Ue, _r), i = (e) => Me.test(e), se = (e) => Q(e, $e), zr = (e) => Q(e, Mr), Ae = (e) => Q(e, Ge), Or = (e) => Q(e, Le), Nr = (e) => Q(e, Ve), ue = (e) => Q(e, Ue, !0), Z = (e, n, r) => {
555
- const t = Ie.exec(e);
556
- return t ? t[1] ? n(t[1]) : r(t[2]) : !1;
557
- }, Q = (e, n, r = !1) => {
558
- const t = Me.exec(e);
559
- return t ? t[1] ? n(t[1]) : r : !1;
560
- }, Ge = (e) => e === "position" || e === "percentage", Ve = (e) => e === "image" || e === "url", Le = (e) => e === "length" || e === "size" || e === "bg-size", $e = (e) => e === "length", Ir = (e) => e === "number", Mr = (e) => e === "family-name", Ue = (e) => e === "shadow", Fr = () => {
561
- const e = E("color"), n = E("font"), r = E("text"), t = E("font-weight"), s = E("tracking"), c = E("leading"), l = E("breakpoint"), p = E("container"), u = E("spacing"), b = E("radius"), k = E("shadow"), w = E("inset-shadow"), R = E("text-shadow"), A = E("drop-shadow"), S = E("blur"), C = E("perspective"), y = E("aspect"), O = E("ease"), q = E("animate"), W = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], G = () => [
562
- "center",
563
- "top",
564
- "bottom",
565
- "left",
566
- "right",
567
- "top-left",
568
- // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
569
- "left-top",
570
- "top-right",
571
- // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
572
- "right-top",
573
- "bottom-right",
574
- // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
575
- "right-bottom",
576
- "bottom-left",
577
- // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
578
- "left-bottom"
579
- ], V = () => [...G(), i, a], N = () => ["auto", "hidden", "clip", "visible", "scroll"], D = () => ["auto", "contain", "none"], m = () => [i, a, u], _ = () => [H, "full", "auto", ...m()], ae = () => [U, "none", "subgrid", i, a], ie = () => ["auto", {
580
- span: ["full", U, i, a]
581
- }, U, i, a], L = () => [U, "auto", i, a], K = () => ["auto", "min", "max", "fr", i, a], ee = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], j = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], T = () => ["auto", ...m()], z = () => [H, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...m()], d = () => [e, i, a], re = () => [...G(), Ae, Ce, {
582
- position: [i, a]
583
- }], te = () => ["no-repeat", {
584
- repeat: ["", "x", "y", "space", "round"]
585
- }], o = () => ["auto", "cover", "contain", Or, Pr, {
586
- size: [i, a]
587
- }], f = () => [pe, se, B], h = () => [
588
- // Deprecated since Tailwind CSS v4.0.0
589
- "",
590
- "none",
591
- "full",
592
- b,
593
- i,
594
- a
595
- ], x = () => ["", g, se, B], I = () => ["solid", "dashed", "dotted", "double"], J = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], v = () => [g, pe, Ae, Ce], M = () => [
596
- // Deprecated since Tailwind CSS v4.0.0
597
- "",
598
- "none",
599
- S,
600
- i,
601
- a
602
- ], $ = () => ["none", g, i, a], X = () => ["none", g, i, a], fe = () => [g, i, a], le = () => [H, "full", ...m()];
603
- return {
604
- cacheSize: 500,
605
- theme: {
606
- animate: ["spin", "ping", "pulse", "bounce"],
607
- aspect: ["video"],
608
- blur: [F],
609
- breakpoint: [F],
610
- color: [Cr],
611
- container: [F],
612
- "drop-shadow": [F],
613
- ease: ["in", "out", "in-out"],
614
- font: [Tr],
615
- "font-weight": ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black"],
616
- "inset-shadow": [F],
617
- leading: ["none", "tight", "snug", "normal", "relaxed", "loose"],
618
- perspective: ["dramatic", "near", "normal", "midrange", "distant", "none"],
619
- radius: [F],
620
- shadow: [F],
621
- spacing: ["px", g],
622
- text: [F],
623
- "text-shadow": [F],
624
- tracking: ["tighter", "tight", "normal", "wide", "wider", "widest"]
625
- },
626
- classGroups: {
627
- // --------------
628
- // --- Layout ---
629
- // --------------
630
- /**
631
- * Aspect Ratio
632
- * @see https://tailwindcss.com/docs/aspect-ratio
633
- */
634
- aspect: [{
635
- aspect: ["auto", "square", H, a, i, y]
636
- }],
637
- /**
638
- * Container
639
- * @see https://tailwindcss.com/docs/container
640
- * @deprecated since Tailwind CSS v4.0.0
641
- */
642
- container: ["container"],
643
- /**
644
- * Columns
645
- * @see https://tailwindcss.com/docs/columns
646
- */
647
- columns: [{
648
- columns: [g, a, i, p]
649
- }],
650
- /**
651
- * Break After
652
- * @see https://tailwindcss.com/docs/break-after
653
- */
654
- "break-after": [{
655
- "break-after": W()
656
- }],
657
- /**
658
- * Break Before
659
- * @see https://tailwindcss.com/docs/break-before
660
- */
661
- "break-before": [{
662
- "break-before": W()
663
- }],
664
- /**
665
- * Break Inside
666
- * @see https://tailwindcss.com/docs/break-inside
667
- */
668
- "break-inside": [{
669
- "break-inside": ["auto", "avoid", "avoid-page", "avoid-column"]
670
- }],
671
- /**
672
- * Box Decoration Break
673
- * @see https://tailwindcss.com/docs/box-decoration-break
674
- */
675
- "box-decoration": [{
676
- "box-decoration": ["slice", "clone"]
677
- }],
678
- /**
679
- * Box Sizing
680
- * @see https://tailwindcss.com/docs/box-sizing
681
- */
682
- box: [{
683
- box: ["border", "content"]
684
- }],
685
- /**
686
- * Display
687
- * @see https://tailwindcss.com/docs/display
688
- */
689
- display: ["block", "inline-block", "inline", "flex", "inline-flex", "table", "inline-table", "table-caption", "table-cell", "table-column", "table-column-group", "table-footer-group", "table-header-group", "table-row-group", "table-row", "flow-root", "grid", "inline-grid", "contents", "list-item", "hidden"],
690
- /**
691
- * Screen Reader Only
692
- * @see https://tailwindcss.com/docs/display#screen-reader-only
693
- */
694
- sr: ["sr-only", "not-sr-only"],
695
- /**
696
- * Floats
697
- * @see https://tailwindcss.com/docs/float
698
- */
699
- float: [{
700
- float: ["right", "left", "none", "start", "end"]
701
- }],
702
- /**
703
- * Clear
704
- * @see https://tailwindcss.com/docs/clear
705
- */
706
- clear: [{
707
- clear: ["left", "right", "both", "none", "start", "end"]
708
- }],
709
- /**
710
- * Isolation
711
- * @see https://tailwindcss.com/docs/isolation
712
- */
713
- isolation: ["isolate", "isolation-auto"],
714
- /**
715
- * Object Fit
716
- * @see https://tailwindcss.com/docs/object-fit
717
- */
718
- "object-fit": [{
719
- object: ["contain", "cover", "fill", "none", "scale-down"]
720
- }],
721
- /**
722
- * Object Position
723
- * @see https://tailwindcss.com/docs/object-position
724
- */
725
- "object-position": [{
726
- object: V()
727
- }],
728
- /**
729
- * Overflow
730
- * @see https://tailwindcss.com/docs/overflow
731
- */
732
- overflow: [{
733
- overflow: N()
734
- }],
735
- /**
736
- * Overflow X
737
- * @see https://tailwindcss.com/docs/overflow
738
- */
739
- "overflow-x": [{
740
- "overflow-x": N()
741
- }],
742
- /**
743
- * Overflow Y
744
- * @see https://tailwindcss.com/docs/overflow
745
- */
746
- "overflow-y": [{
747
- "overflow-y": N()
748
- }],
749
- /**
750
- * Overscroll Behavior
751
- * @see https://tailwindcss.com/docs/overscroll-behavior
752
- */
753
- overscroll: [{
754
- overscroll: D()
755
- }],
756
- /**
757
- * Overscroll Behavior X
758
- * @see https://tailwindcss.com/docs/overscroll-behavior
759
- */
760
- "overscroll-x": [{
761
- "overscroll-x": D()
762
- }],
763
- /**
764
- * Overscroll Behavior Y
765
- * @see https://tailwindcss.com/docs/overscroll-behavior
766
- */
767
- "overscroll-y": [{
768
- "overscroll-y": D()
769
- }],
770
- /**
771
- * Position
772
- * @see https://tailwindcss.com/docs/position
773
- */
774
- position: ["static", "fixed", "absolute", "relative", "sticky"],
775
- /**
776
- * Top / Right / Bottom / Left
777
- * @see https://tailwindcss.com/docs/top-right-bottom-left
778
- */
779
- inset: [{
780
- inset: _()
781
- }],
782
- /**
783
- * Right / Left
784
- * @see https://tailwindcss.com/docs/top-right-bottom-left
785
- */
786
- "inset-x": [{
787
- "inset-x": _()
788
- }],
789
- /**
790
- * Top / Bottom
791
- * @see https://tailwindcss.com/docs/top-right-bottom-left
792
- */
793
- "inset-y": [{
794
- "inset-y": _()
795
- }],
796
- /**
797
- * Start
798
- * @see https://tailwindcss.com/docs/top-right-bottom-left
799
- */
800
- start: [{
801
- start: _()
802
- }],
803
- /**
804
- * End
805
- * @see https://tailwindcss.com/docs/top-right-bottom-left
806
- */
807
- end: [{
808
- end: _()
809
- }],
810
- /**
811
- * Top
812
- * @see https://tailwindcss.com/docs/top-right-bottom-left
813
- */
814
- top: [{
815
- top: _()
816
- }],
817
- /**
818
- * Right
819
- * @see https://tailwindcss.com/docs/top-right-bottom-left
820
- */
821
- right: [{
822
- right: _()
823
- }],
824
- /**
825
- * Bottom
826
- * @see https://tailwindcss.com/docs/top-right-bottom-left
827
- */
828
- bottom: [{
829
- bottom: _()
830
- }],
831
- /**
832
- * Left
833
- * @see https://tailwindcss.com/docs/top-right-bottom-left
834
- */
835
- left: [{
836
- left: _()
837
- }],
838
- /**
839
- * Visibility
840
- * @see https://tailwindcss.com/docs/visibility
841
- */
842
- visibility: ["visible", "invisible", "collapse"],
843
- /**
844
- * Z-Index
845
- * @see https://tailwindcss.com/docs/z-index
846
- */
847
- z: [{
848
- z: [U, "auto", i, a]
849
- }],
850
- // ------------------------
851
- // --- Flexbox and Grid ---
852
- // ------------------------
853
- /**
854
- * Flex Basis
855
- * @see https://tailwindcss.com/docs/flex-basis
856
- */
857
- basis: [{
858
- basis: [H, "full", "auto", p, ...m()]
859
- }],
860
- /**
861
- * Flex Direction
862
- * @see https://tailwindcss.com/docs/flex-direction
863
- */
864
- "flex-direction": [{
865
- flex: ["row", "row-reverse", "col", "col-reverse"]
866
- }],
867
- /**
868
- * Flex Wrap
869
- * @see https://tailwindcss.com/docs/flex-wrap
870
- */
871
- "flex-wrap": [{
872
- flex: ["nowrap", "wrap", "wrap-reverse"]
873
- }],
874
- /**
875
- * Flex
876
- * @see https://tailwindcss.com/docs/flex
877
- */
878
- flex: [{
879
- flex: [g, H, "auto", "initial", "none", a]
880
- }],
881
- /**
882
- * Flex Grow
883
- * @see https://tailwindcss.com/docs/flex-grow
884
- */
885
- grow: [{
886
- grow: ["", g, i, a]
887
- }],
888
- /**
889
- * Flex Shrink
890
- * @see https://tailwindcss.com/docs/flex-shrink
891
- */
892
- shrink: [{
893
- shrink: ["", g, i, a]
894
- }],
895
- /**
896
- * Order
897
- * @see https://tailwindcss.com/docs/order
898
- */
899
- order: [{
900
- order: [U, "first", "last", "none", i, a]
901
- }],
902
- /**
903
- * Grid Template Columns
904
- * @see https://tailwindcss.com/docs/grid-template-columns
905
- */
906
- "grid-cols": [{
907
- "grid-cols": ae()
908
- }],
909
- /**
910
- * Grid Column Start / End
911
- * @see https://tailwindcss.com/docs/grid-column
912
- */
913
- "col-start-end": [{
914
- col: ie()
915
- }],
916
- /**
917
- * Grid Column Start
918
- * @see https://tailwindcss.com/docs/grid-column
919
- */
920
- "col-start": [{
921
- "col-start": L()
922
- }],
923
- /**
924
- * Grid Column End
925
- * @see https://tailwindcss.com/docs/grid-column
926
- */
927
- "col-end": [{
928
- "col-end": L()
929
- }],
930
- /**
931
- * Grid Template Rows
932
- * @see https://tailwindcss.com/docs/grid-template-rows
933
- */
934
- "grid-rows": [{
935
- "grid-rows": ae()
936
- }],
937
- /**
938
- * Grid Row Start / End
939
- * @see https://tailwindcss.com/docs/grid-row
940
- */
941
- "row-start-end": [{
942
- row: ie()
943
- }],
944
- /**
945
- * Grid Row Start
946
- * @see https://tailwindcss.com/docs/grid-row
947
- */
948
- "row-start": [{
949
- "row-start": L()
950
- }],
951
- /**
952
- * Grid Row End
953
- * @see https://tailwindcss.com/docs/grid-row
954
- */
955
- "row-end": [{
956
- "row-end": L()
957
- }],
958
- /**
959
- * Grid Auto Flow
960
- * @see https://tailwindcss.com/docs/grid-auto-flow
961
- */
962
- "grid-flow": [{
963
- "grid-flow": ["row", "col", "dense", "row-dense", "col-dense"]
964
- }],
965
- /**
966
- * Grid Auto Columns
967
- * @see https://tailwindcss.com/docs/grid-auto-columns
968
- */
969
- "auto-cols": [{
970
- "auto-cols": K()
971
- }],
972
- /**
973
- * Grid Auto Rows
974
- * @see https://tailwindcss.com/docs/grid-auto-rows
975
- */
976
- "auto-rows": [{
977
- "auto-rows": K()
978
- }],
979
- /**
980
- * Gap
981
- * @see https://tailwindcss.com/docs/gap
982
- */
983
- gap: [{
984
- gap: m()
985
- }],
986
- /**
987
- * Gap X
988
- * @see https://tailwindcss.com/docs/gap
989
- */
990
- "gap-x": [{
991
- "gap-x": m()
992
- }],
993
- /**
994
- * Gap Y
995
- * @see https://tailwindcss.com/docs/gap
996
- */
997
- "gap-y": [{
998
- "gap-y": m()
999
- }],
1000
- /**
1001
- * Justify Content
1002
- * @see https://tailwindcss.com/docs/justify-content
1003
- */
1004
- "justify-content": [{
1005
- justify: [...ee(), "normal"]
1006
- }],
1007
- /**
1008
- * Justify Items
1009
- * @see https://tailwindcss.com/docs/justify-items
1010
- */
1011
- "justify-items": [{
1012
- "justify-items": [...j(), "normal"]
1013
- }],
1014
- /**
1015
- * Justify Self
1016
- * @see https://tailwindcss.com/docs/justify-self
1017
- */
1018
- "justify-self": [{
1019
- "justify-self": ["auto", ...j()]
1020
- }],
1021
- /**
1022
- * Align Content
1023
- * @see https://tailwindcss.com/docs/align-content
1024
- */
1025
- "align-content": [{
1026
- content: ["normal", ...ee()]
1027
- }],
1028
- /**
1029
- * Align Items
1030
- * @see https://tailwindcss.com/docs/align-items
1031
- */
1032
- "align-items": [{
1033
- items: [...j(), {
1034
- baseline: ["", "last"]
1035
- }]
1036
- }],
1037
- /**
1038
- * Align Self
1039
- * @see https://tailwindcss.com/docs/align-self
1040
- */
1041
- "align-self": [{
1042
- self: ["auto", ...j(), {
1043
- baseline: ["", "last"]
1044
- }]
1045
- }],
1046
- /**
1047
- * Place Content
1048
- * @see https://tailwindcss.com/docs/place-content
1049
- */
1050
- "place-content": [{
1051
- "place-content": ee()
1052
- }],
1053
- /**
1054
- * Place Items
1055
- * @see https://tailwindcss.com/docs/place-items
1056
- */
1057
- "place-items": [{
1058
- "place-items": [...j(), "baseline"]
1059
- }],
1060
- /**
1061
- * Place Self
1062
- * @see https://tailwindcss.com/docs/place-self
1063
- */
1064
- "place-self": [{
1065
- "place-self": ["auto", ...j()]
1066
- }],
1067
- // Spacing
1068
- /**
1069
- * Padding
1070
- * @see https://tailwindcss.com/docs/padding
1071
- */
1072
- p: [{
1073
- p: m()
1074
- }],
1075
- /**
1076
- * Padding X
1077
- * @see https://tailwindcss.com/docs/padding
1078
- */
1079
- px: [{
1080
- px: m()
1081
- }],
1082
- /**
1083
- * Padding Y
1084
- * @see https://tailwindcss.com/docs/padding
1085
- */
1086
- py: [{
1087
- py: m()
1088
- }],
1089
- /**
1090
- * Padding Start
1091
- * @see https://tailwindcss.com/docs/padding
1092
- */
1093
- ps: [{
1094
- ps: m()
1095
- }],
1096
- /**
1097
- * Padding End
1098
- * @see https://tailwindcss.com/docs/padding
1099
- */
1100
- pe: [{
1101
- pe: m()
1102
- }],
1103
- /**
1104
- * Padding Top
1105
- * @see https://tailwindcss.com/docs/padding
1106
- */
1107
- pt: [{
1108
- pt: m()
1109
- }],
1110
- /**
1111
- * Padding Right
1112
- * @see https://tailwindcss.com/docs/padding
1113
- */
1114
- pr: [{
1115
- pr: m()
1116
- }],
1117
- /**
1118
- * Padding Bottom
1119
- * @see https://tailwindcss.com/docs/padding
1120
- */
1121
- pb: [{
1122
- pb: m()
1123
- }],
1124
- /**
1125
- * Padding Left
1126
- * @see https://tailwindcss.com/docs/padding
1127
- */
1128
- pl: [{
1129
- pl: m()
1130
- }],
1131
- /**
1132
- * Margin
1133
- * @see https://tailwindcss.com/docs/margin
1134
- */
1135
- m: [{
1136
- m: T()
1137
- }],
1138
- /**
1139
- * Margin X
1140
- * @see https://tailwindcss.com/docs/margin
1141
- */
1142
- mx: [{
1143
- mx: T()
1144
- }],
1145
- /**
1146
- * Margin Y
1147
- * @see https://tailwindcss.com/docs/margin
1148
- */
1149
- my: [{
1150
- my: T()
1151
- }],
1152
- /**
1153
- * Margin Start
1154
- * @see https://tailwindcss.com/docs/margin
1155
- */
1156
- ms: [{
1157
- ms: T()
1158
- }],
1159
- /**
1160
- * Margin End
1161
- * @see https://tailwindcss.com/docs/margin
1162
- */
1163
- me: [{
1164
- me: T()
1165
- }],
1166
- /**
1167
- * Margin Top
1168
- * @see https://tailwindcss.com/docs/margin
1169
- */
1170
- mt: [{
1171
- mt: T()
1172
- }],
1173
- /**
1174
- * Margin Right
1175
- * @see https://tailwindcss.com/docs/margin
1176
- */
1177
- mr: [{
1178
- mr: T()
1179
- }],
1180
- /**
1181
- * Margin Bottom
1182
- * @see https://tailwindcss.com/docs/margin
1183
- */
1184
- mb: [{
1185
- mb: T()
1186
- }],
1187
- /**
1188
- * Margin Left
1189
- * @see https://tailwindcss.com/docs/margin
1190
- */
1191
- ml: [{
1192
- ml: T()
1193
- }],
1194
- /**
1195
- * Space Between X
1196
- * @see https://tailwindcss.com/docs/margin#adding-space-between-children
1197
- */
1198
- "space-x": [{
1199
- "space-x": m()
1200
- }],
1201
- /**
1202
- * Space Between X Reverse
1203
- * @see https://tailwindcss.com/docs/margin#adding-space-between-children
1204
- */
1205
- "space-x-reverse": ["space-x-reverse"],
1206
- /**
1207
- * Space Between Y
1208
- * @see https://tailwindcss.com/docs/margin#adding-space-between-children
1209
- */
1210
- "space-y": [{
1211
- "space-y": m()
1212
- }],
1213
- /**
1214
- * Space Between Y Reverse
1215
- * @see https://tailwindcss.com/docs/margin#adding-space-between-children
1216
- */
1217
- "space-y-reverse": ["space-y-reverse"],
1218
- // --------------
1219
- // --- Sizing ---
1220
- // --------------
1221
- /**
1222
- * Size
1223
- * @see https://tailwindcss.com/docs/width#setting-both-width-and-height
1224
- */
1225
- size: [{
1226
- size: z()
1227
- }],
1228
- /**
1229
- * Width
1230
- * @see https://tailwindcss.com/docs/width
1231
- */
1232
- w: [{
1233
- w: [p, "screen", ...z()]
1234
- }],
1235
- /**
1236
- * Min-Width
1237
- * @see https://tailwindcss.com/docs/min-width
1238
- */
1239
- "min-w": [{
1240
- "min-w": [
1241
- p,
1242
- "screen",
1243
- /** Deprecated. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
1244
- "none",
1245
- ...z()
1246
- ]
1247
- }],
1248
- /**
1249
- * Max-Width
1250
- * @see https://tailwindcss.com/docs/max-width
1251
- */
1252
- "max-w": [{
1253
- "max-w": [
1254
- p,
1255
- "screen",
1256
- "none",
1257
- /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
1258
- "prose",
1259
- /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
1260
- {
1261
- screen: [l]
1262
- },
1263
- ...z()
1264
- ]
1265
- }],
1266
- /**
1267
- * Height
1268
- * @see https://tailwindcss.com/docs/height
1269
- */
1270
- h: [{
1271
- h: ["screen", "lh", ...z()]
1272
- }],
1273
- /**
1274
- * Min-Height
1275
- * @see https://tailwindcss.com/docs/min-height
1276
- */
1277
- "min-h": [{
1278
- "min-h": ["screen", "lh", "none", ...z()]
1279
- }],
1280
- /**
1281
- * Max-Height
1282
- * @see https://tailwindcss.com/docs/max-height
1283
- */
1284
- "max-h": [{
1285
- "max-h": ["screen", "lh", ...z()]
1286
- }],
1287
- // ------------------
1288
- // --- Typography ---
1289
- // ------------------
1290
- /**
1291
- * Font Size
1292
- * @see https://tailwindcss.com/docs/font-size
1293
- */
1294
- "font-size": [{
1295
- text: ["base", r, se, B]
1296
- }],
1297
- /**
1298
- * Font Smoothing
1299
- * @see https://tailwindcss.com/docs/font-smoothing
1300
- */
1301
- "font-smoothing": ["antialiased", "subpixel-antialiased"],
1302
- /**
1303
- * Font Style
1304
- * @see https://tailwindcss.com/docs/font-style
1305
- */
1306
- "font-style": ["italic", "not-italic"],
1307
- /**
1308
- * Font Weight
1309
- * @see https://tailwindcss.com/docs/font-weight
1310
- */
1311
- "font-weight": [{
1312
- font: [t, i, be]
1313
- }],
1314
- /**
1315
- * Font Stretch
1316
- * @see https://tailwindcss.com/docs/font-stretch
1317
- */
1318
- "font-stretch": [{
1319
- "font-stretch": ["ultra-condensed", "extra-condensed", "condensed", "semi-condensed", "normal", "semi-expanded", "expanded", "extra-expanded", "ultra-expanded", pe, a]
1320
- }],
1321
- /**
1322
- * Font Family
1323
- * @see https://tailwindcss.com/docs/font-family
1324
- */
1325
- "font-family": [{
1326
- font: [zr, a, n]
1327
- }],
1328
- /**
1329
- * Font Variant Numeric
1330
- * @see https://tailwindcss.com/docs/font-variant-numeric
1331
- */
1332
- "fvn-normal": ["normal-nums"],
1333
- /**
1334
- * Font Variant Numeric
1335
- * @see https://tailwindcss.com/docs/font-variant-numeric
1336
- */
1337
- "fvn-ordinal": ["ordinal"],
1338
- /**
1339
- * Font Variant Numeric
1340
- * @see https://tailwindcss.com/docs/font-variant-numeric
1341
- */
1342
- "fvn-slashed-zero": ["slashed-zero"],
1343
- /**
1344
- * Font Variant Numeric
1345
- * @see https://tailwindcss.com/docs/font-variant-numeric
1346
- */
1347
- "fvn-figure": ["lining-nums", "oldstyle-nums"],
1348
- /**
1349
- * Font Variant Numeric
1350
- * @see https://tailwindcss.com/docs/font-variant-numeric
1351
- */
1352
- "fvn-spacing": ["proportional-nums", "tabular-nums"],
1353
- /**
1354
- * Font Variant Numeric
1355
- * @see https://tailwindcss.com/docs/font-variant-numeric
1356
- */
1357
- "fvn-fraction": ["diagonal-fractions", "stacked-fractions"],
1358
- /**
1359
- * Letter Spacing
1360
- * @see https://tailwindcss.com/docs/letter-spacing
1361
- */
1362
- tracking: [{
1363
- tracking: [s, i, a]
1364
- }],
1365
- /**
1366
- * Line Clamp
1367
- * @see https://tailwindcss.com/docs/line-clamp
1368
- */
1369
- "line-clamp": [{
1370
- "line-clamp": [g, "none", i, be]
1371
- }],
1372
- /**
1373
- * Line Height
1374
- * @see https://tailwindcss.com/docs/line-height
1375
- */
1376
- leading: [{
1377
- leading: [
1378
- /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
1379
- c,
1380
- ...m()
1381
- ]
1382
- }],
1383
- /**
1384
- * List Style Image
1385
- * @see https://tailwindcss.com/docs/list-style-image
1386
- */
1387
- "list-image": [{
1388
- "list-image": ["none", i, a]
1389
- }],
1390
- /**
1391
- * List Style Position
1392
- * @see https://tailwindcss.com/docs/list-style-position
1393
- */
1394
- "list-style-position": [{
1395
- list: ["inside", "outside"]
1396
- }],
1397
- /**
1398
- * List Style Type
1399
- * @see https://tailwindcss.com/docs/list-style-type
1400
- */
1401
- "list-style-type": [{
1402
- list: ["disc", "decimal", "none", i, a]
1403
- }],
1404
- /**
1405
- * Text Alignment
1406
- * @see https://tailwindcss.com/docs/text-align
1407
- */
1408
- "text-alignment": [{
1409
- text: ["left", "center", "right", "justify", "start", "end"]
1410
- }],
1411
- /**
1412
- * Placeholder Color
1413
- * @deprecated since Tailwind CSS v3.0.0
1414
- * @see https://v3.tailwindcss.com/docs/placeholder-color
1415
- */
1416
- "placeholder-color": [{
1417
- placeholder: d()
1418
- }],
1419
- /**
1420
- * Text Color
1421
- * @see https://tailwindcss.com/docs/text-color
1422
- */
1423
- "text-color": [{
1424
- text: d()
1425
- }],
1426
- /**
1427
- * Text Decoration
1428
- * @see https://tailwindcss.com/docs/text-decoration
1429
- */
1430
- "text-decoration": ["underline", "overline", "line-through", "no-underline"],
1431
- /**
1432
- * Text Decoration Style
1433
- * @see https://tailwindcss.com/docs/text-decoration-style
1434
- */
1435
- "text-decoration-style": [{
1436
- decoration: [...I(), "wavy"]
1437
- }],
1438
- /**
1439
- * Text Decoration Thickness
1440
- * @see https://tailwindcss.com/docs/text-decoration-thickness
1441
- */
1442
- "text-decoration-thickness": [{
1443
- decoration: [g, "from-font", "auto", i, B]
1444
- }],
1445
- /**
1446
- * Text Decoration Color
1447
- * @see https://tailwindcss.com/docs/text-decoration-color
1448
- */
1449
- "text-decoration-color": [{
1450
- decoration: d()
1451
- }],
1452
- /**
1453
- * Text Underline Offset
1454
- * @see https://tailwindcss.com/docs/text-underline-offset
1455
- */
1456
- "underline-offset": [{
1457
- "underline-offset": [g, "auto", i, a]
1458
- }],
1459
- /**
1460
- * Text Transform
1461
- * @see https://tailwindcss.com/docs/text-transform
1462
- */
1463
- "text-transform": ["uppercase", "lowercase", "capitalize", "normal-case"],
1464
- /**
1465
- * Text Overflow
1466
- * @see https://tailwindcss.com/docs/text-overflow
1467
- */
1468
- "text-overflow": ["truncate", "text-ellipsis", "text-clip"],
1469
- /**
1470
- * Text Wrap
1471
- * @see https://tailwindcss.com/docs/text-wrap
1472
- */
1473
- "text-wrap": [{
1474
- text: ["wrap", "nowrap", "balance", "pretty"]
1475
- }],
1476
- /**
1477
- * Text Indent
1478
- * @see https://tailwindcss.com/docs/text-indent
1479
- */
1480
- indent: [{
1481
- indent: m()
1482
- }],
1483
- /**
1484
- * Vertical Alignment
1485
- * @see https://tailwindcss.com/docs/vertical-align
1486
- */
1487
- "vertical-align": [{
1488
- align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", i, a]
1489
- }],
1490
- /**
1491
- * Whitespace
1492
- * @see https://tailwindcss.com/docs/whitespace
1493
- */
1494
- whitespace: [{
1495
- whitespace: ["normal", "nowrap", "pre", "pre-line", "pre-wrap", "break-spaces"]
1496
- }],
1497
- /**
1498
- * Word Break
1499
- * @see https://tailwindcss.com/docs/word-break
1500
- */
1501
- break: [{
1502
- break: ["normal", "words", "all", "keep"]
1503
- }],
1504
- /**
1505
- * Overflow Wrap
1506
- * @see https://tailwindcss.com/docs/overflow-wrap
1507
- */
1508
- wrap: [{
1509
- wrap: ["break-word", "anywhere", "normal"]
1510
- }],
1511
- /**
1512
- * Hyphens
1513
- * @see https://tailwindcss.com/docs/hyphens
1514
- */
1515
- hyphens: [{
1516
- hyphens: ["none", "manual", "auto"]
1517
- }],
1518
- /**
1519
- * Content
1520
- * @see https://tailwindcss.com/docs/content
1521
- */
1522
- content: [{
1523
- content: ["none", i, a]
1524
- }],
1525
- // -------------------
1526
- // --- Backgrounds ---
1527
- // -------------------
1528
- /**
1529
- * Background Attachment
1530
- * @see https://tailwindcss.com/docs/background-attachment
1531
- */
1532
- "bg-attachment": [{
1533
- bg: ["fixed", "local", "scroll"]
1534
- }],
1535
- /**
1536
- * Background Clip
1537
- * @see https://tailwindcss.com/docs/background-clip
1538
- */
1539
- "bg-clip": [{
1540
- "bg-clip": ["border", "padding", "content", "text"]
1541
- }],
1542
- /**
1543
- * Background Origin
1544
- * @see https://tailwindcss.com/docs/background-origin
1545
- */
1546
- "bg-origin": [{
1547
- "bg-origin": ["border", "padding", "content"]
1548
- }],
1549
- /**
1550
- * Background Position
1551
- * @see https://tailwindcss.com/docs/background-position
1552
- */
1553
- "bg-position": [{
1554
- bg: re()
1555
- }],
1556
- /**
1557
- * Background Repeat
1558
- * @see https://tailwindcss.com/docs/background-repeat
1559
- */
1560
- "bg-repeat": [{
1561
- bg: te()
1562
- }],
1563
- /**
1564
- * Background Size
1565
- * @see https://tailwindcss.com/docs/background-size
1566
- */
1567
- "bg-size": [{
1568
- bg: o()
1569
- }],
1570
- /**
1571
- * Background Image
1572
- * @see https://tailwindcss.com/docs/background-image
1573
- */
1574
- "bg-image": [{
1575
- bg: ["none", {
1576
- linear: [{
1577
- to: ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
1578
- }, U, i, a],
1579
- radial: ["", i, a],
1580
- conic: [U, i, a]
1581
- }, Nr, jr]
1582
- }],
1583
- /**
1584
- * Background Color
1585
- * @see https://tailwindcss.com/docs/background-color
1586
- */
1587
- "bg-color": [{
1588
- bg: d()
1589
- }],
1590
- /**
1591
- * Gradient Color Stops From Position
1592
- * @see https://tailwindcss.com/docs/gradient-color-stops
1593
- */
1594
- "gradient-from-pos": [{
1595
- from: f()
1596
- }],
1597
- /**
1598
- * Gradient Color Stops Via Position
1599
- * @see https://tailwindcss.com/docs/gradient-color-stops
1600
- */
1601
- "gradient-via-pos": [{
1602
- via: f()
1603
- }],
1604
- /**
1605
- * Gradient Color Stops To Position
1606
- * @see https://tailwindcss.com/docs/gradient-color-stops
1607
- */
1608
- "gradient-to-pos": [{
1609
- to: f()
1610
- }],
1611
- /**
1612
- * Gradient Color Stops From
1613
- * @see https://tailwindcss.com/docs/gradient-color-stops
1614
- */
1615
- "gradient-from": [{
1616
- from: d()
1617
- }],
1618
- /**
1619
- * Gradient Color Stops Via
1620
- * @see https://tailwindcss.com/docs/gradient-color-stops
1621
- */
1622
- "gradient-via": [{
1623
- via: d()
1624
- }],
1625
- /**
1626
- * Gradient Color Stops To
1627
- * @see https://tailwindcss.com/docs/gradient-color-stops
1628
- */
1629
- "gradient-to": [{
1630
- to: d()
1631
- }],
1632
- // ---------------
1633
- // --- Borders ---
1634
- // ---------------
1635
- /**
1636
- * Border Radius
1637
- * @see https://tailwindcss.com/docs/border-radius
1638
- */
1639
- rounded: [{
1640
- rounded: h()
1641
- }],
1642
- /**
1643
- * Border Radius Start
1644
- * @see https://tailwindcss.com/docs/border-radius
1645
- */
1646
- "rounded-s": [{
1647
- "rounded-s": h()
1648
- }],
1649
- /**
1650
- * Border Radius End
1651
- * @see https://tailwindcss.com/docs/border-radius
1652
- */
1653
- "rounded-e": [{
1654
- "rounded-e": h()
1655
- }],
1656
- /**
1657
- * Border Radius Top
1658
- * @see https://tailwindcss.com/docs/border-radius
1659
- */
1660
- "rounded-t": [{
1661
- "rounded-t": h()
1662
- }],
1663
- /**
1664
- * Border Radius Right
1665
- * @see https://tailwindcss.com/docs/border-radius
1666
- */
1667
- "rounded-r": [{
1668
- "rounded-r": h()
1669
- }],
1670
- /**
1671
- * Border Radius Bottom
1672
- * @see https://tailwindcss.com/docs/border-radius
1673
- */
1674
- "rounded-b": [{
1675
- "rounded-b": h()
1676
- }],
1677
- /**
1678
- * Border Radius Left
1679
- * @see https://tailwindcss.com/docs/border-radius
1680
- */
1681
- "rounded-l": [{
1682
- "rounded-l": h()
1683
- }],
1684
- /**
1685
- * Border Radius Start Start
1686
- * @see https://tailwindcss.com/docs/border-radius
1687
- */
1688
- "rounded-ss": [{
1689
- "rounded-ss": h()
1690
- }],
1691
- /**
1692
- * Border Radius Start End
1693
- * @see https://tailwindcss.com/docs/border-radius
1694
- */
1695
- "rounded-se": [{
1696
- "rounded-se": h()
1697
- }],
1698
- /**
1699
- * Border Radius End End
1700
- * @see https://tailwindcss.com/docs/border-radius
1701
- */
1702
- "rounded-ee": [{
1703
- "rounded-ee": h()
1704
- }],
1705
- /**
1706
- * Border Radius End Start
1707
- * @see https://tailwindcss.com/docs/border-radius
1708
- */
1709
- "rounded-es": [{
1710
- "rounded-es": h()
1711
- }],
1712
- /**
1713
- * Border Radius Top Left
1714
- * @see https://tailwindcss.com/docs/border-radius
1715
- */
1716
- "rounded-tl": [{
1717
- "rounded-tl": h()
1718
- }],
1719
- /**
1720
- * Border Radius Top Right
1721
- * @see https://tailwindcss.com/docs/border-radius
1722
- */
1723
- "rounded-tr": [{
1724
- "rounded-tr": h()
1725
- }],
1726
- /**
1727
- * Border Radius Bottom Right
1728
- * @see https://tailwindcss.com/docs/border-radius
1729
- */
1730
- "rounded-br": [{
1731
- "rounded-br": h()
1732
- }],
1733
- /**
1734
- * Border Radius Bottom Left
1735
- * @see https://tailwindcss.com/docs/border-radius
1736
- */
1737
- "rounded-bl": [{
1738
- "rounded-bl": h()
1739
- }],
1740
- /**
1741
- * Border Width
1742
- * @see https://tailwindcss.com/docs/border-width
1743
- */
1744
- "border-w": [{
1745
- border: x()
1746
- }],
1747
- /**
1748
- * Border Width X
1749
- * @see https://tailwindcss.com/docs/border-width
1750
- */
1751
- "border-w-x": [{
1752
- "border-x": x()
1753
- }],
1754
- /**
1755
- * Border Width Y
1756
- * @see https://tailwindcss.com/docs/border-width
1757
- */
1758
- "border-w-y": [{
1759
- "border-y": x()
1760
- }],
1761
- /**
1762
- * Border Width Start
1763
- * @see https://tailwindcss.com/docs/border-width
1764
- */
1765
- "border-w-s": [{
1766
- "border-s": x()
1767
- }],
1768
- /**
1769
- * Border Width End
1770
- * @see https://tailwindcss.com/docs/border-width
1771
- */
1772
- "border-w-e": [{
1773
- "border-e": x()
1774
- }],
1775
- /**
1776
- * Border Width Top
1777
- * @see https://tailwindcss.com/docs/border-width
1778
- */
1779
- "border-w-t": [{
1780
- "border-t": x()
1781
- }],
1782
- /**
1783
- * Border Width Right
1784
- * @see https://tailwindcss.com/docs/border-width
1785
- */
1786
- "border-w-r": [{
1787
- "border-r": x()
1788
- }],
1789
- /**
1790
- * Border Width Bottom
1791
- * @see https://tailwindcss.com/docs/border-width
1792
- */
1793
- "border-w-b": [{
1794
- "border-b": x()
1795
- }],
1796
- /**
1797
- * Border Width Left
1798
- * @see https://tailwindcss.com/docs/border-width
1799
- */
1800
- "border-w-l": [{
1801
- "border-l": x()
1802
- }],
1803
- /**
1804
- * Divide Width X
1805
- * @see https://tailwindcss.com/docs/border-width#between-children
1806
- */
1807
- "divide-x": [{
1808
- "divide-x": x()
1809
- }],
1810
- /**
1811
- * Divide Width X Reverse
1812
- * @see https://tailwindcss.com/docs/border-width#between-children
1813
- */
1814
- "divide-x-reverse": ["divide-x-reverse"],
1815
- /**
1816
- * Divide Width Y
1817
- * @see https://tailwindcss.com/docs/border-width#between-children
1818
- */
1819
- "divide-y": [{
1820
- "divide-y": x()
1821
- }],
1822
- /**
1823
- * Divide Width Y Reverse
1824
- * @see https://tailwindcss.com/docs/border-width#between-children
1825
- */
1826
- "divide-y-reverse": ["divide-y-reverse"],
1827
- /**
1828
- * Border Style
1829
- * @see https://tailwindcss.com/docs/border-style
1830
- */
1831
- "border-style": [{
1832
- border: [...I(), "hidden", "none"]
1833
- }],
1834
- /**
1835
- * Divide Style
1836
- * @see https://tailwindcss.com/docs/border-style#setting-the-divider-style
1837
- */
1838
- "divide-style": [{
1839
- divide: [...I(), "hidden", "none"]
1840
- }],
1841
- /**
1842
- * Border Color
1843
- * @see https://tailwindcss.com/docs/border-color
1844
- */
1845
- "border-color": [{
1846
- border: d()
1847
- }],
1848
- /**
1849
- * Border Color X
1850
- * @see https://tailwindcss.com/docs/border-color
1851
- */
1852
- "border-color-x": [{
1853
- "border-x": d()
1854
- }],
1855
- /**
1856
- * Border Color Y
1857
- * @see https://tailwindcss.com/docs/border-color
1858
- */
1859
- "border-color-y": [{
1860
- "border-y": d()
1861
- }],
1862
- /**
1863
- * Border Color S
1864
- * @see https://tailwindcss.com/docs/border-color
1865
- */
1866
- "border-color-s": [{
1867
- "border-s": d()
1868
- }],
1869
- /**
1870
- * Border Color E
1871
- * @see https://tailwindcss.com/docs/border-color
1872
- */
1873
- "border-color-e": [{
1874
- "border-e": d()
1875
- }],
1876
- /**
1877
- * Border Color Top
1878
- * @see https://tailwindcss.com/docs/border-color
1879
- */
1880
- "border-color-t": [{
1881
- "border-t": d()
1882
- }],
1883
- /**
1884
- * Border Color Right
1885
- * @see https://tailwindcss.com/docs/border-color
1886
- */
1887
- "border-color-r": [{
1888
- "border-r": d()
1889
- }],
1890
- /**
1891
- * Border Color Bottom
1892
- * @see https://tailwindcss.com/docs/border-color
1893
- */
1894
- "border-color-b": [{
1895
- "border-b": d()
1896
- }],
1897
- /**
1898
- * Border Color Left
1899
- * @see https://tailwindcss.com/docs/border-color
1900
- */
1901
- "border-color-l": [{
1902
- "border-l": d()
1903
- }],
1904
- /**
1905
- * Divide Color
1906
- * @see https://tailwindcss.com/docs/divide-color
1907
- */
1908
- "divide-color": [{
1909
- divide: d()
1910
- }],
1911
- /**
1912
- * Outline Style
1913
- * @see https://tailwindcss.com/docs/outline-style
1914
- */
1915
- "outline-style": [{
1916
- outline: [...I(), "none", "hidden"]
1917
- }],
1918
- /**
1919
- * Outline Offset
1920
- * @see https://tailwindcss.com/docs/outline-offset
1921
- */
1922
- "outline-offset": [{
1923
- "outline-offset": [g, i, a]
1924
- }],
1925
- /**
1926
- * Outline Width
1927
- * @see https://tailwindcss.com/docs/outline-width
1928
- */
1929
- "outline-w": [{
1930
- outline: ["", g, se, B]
1931
- }],
1932
- /**
1933
- * Outline Color
1934
- * @see https://tailwindcss.com/docs/outline-color
1935
- */
1936
- "outline-color": [{
1937
- outline: d()
1938
- }],
1939
- // ---------------
1940
- // --- Effects ---
1941
- // ---------------
1942
- /**
1943
- * Box Shadow
1944
- * @see https://tailwindcss.com/docs/box-shadow
1945
- */
1946
- shadow: [{
1947
- shadow: [
1948
- // Deprecated since Tailwind CSS v4.0.0
1949
- "",
1950
- "none",
1951
- k,
1952
- ue,
1953
- de
1954
- ]
1955
- }],
1956
- /**
1957
- * Box Shadow Color
1958
- * @see https://tailwindcss.com/docs/box-shadow#setting-the-shadow-color
1959
- */
1960
- "shadow-color": [{
1961
- shadow: d()
1962
- }],
1963
- /**
1964
- * Inset Box Shadow
1965
- * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-shadow
1966
- */
1967
- "inset-shadow": [{
1968
- "inset-shadow": ["none", w, ue, de]
1969
- }],
1970
- /**
1971
- * Inset Box Shadow Color
1972
- * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-shadow-color
1973
- */
1974
- "inset-shadow-color": [{
1975
- "inset-shadow": d()
1976
- }],
1977
- /**
1978
- * Ring Width
1979
- * @see https://tailwindcss.com/docs/box-shadow#adding-a-ring
1980
- */
1981
- "ring-w": [{
1982
- ring: x()
1983
- }],
1984
- /**
1985
- * Ring Width Inset
1986
- * @see https://v3.tailwindcss.com/docs/ring-width#inset-rings
1987
- * @deprecated since Tailwind CSS v4.0.0
1988
- * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
1989
- */
1990
- "ring-w-inset": ["ring-inset"],
1991
- /**
1992
- * Ring Color
1993
- * @see https://tailwindcss.com/docs/box-shadow#setting-the-ring-color
1994
- */
1995
- "ring-color": [{
1996
- ring: d()
1997
- }],
1998
- /**
1999
- * Ring Offset Width
2000
- * @see https://v3.tailwindcss.com/docs/ring-offset-width
2001
- * @deprecated since Tailwind CSS v4.0.0
2002
- * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
2003
- */
2004
- "ring-offset-w": [{
2005
- "ring-offset": [g, B]
2006
- }],
2007
- /**
2008
- * Ring Offset Color
2009
- * @see https://v3.tailwindcss.com/docs/ring-offset-color
2010
- * @deprecated since Tailwind CSS v4.0.0
2011
- * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
2012
- */
2013
- "ring-offset-color": [{
2014
- "ring-offset": d()
2015
- }],
2016
- /**
2017
- * Inset Ring Width
2018
- * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-ring
2019
- */
2020
- "inset-ring-w": [{
2021
- "inset-ring": x()
2022
- }],
2023
- /**
2024
- * Inset Ring Color
2025
- * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-ring-color
2026
- */
2027
- "inset-ring-color": [{
2028
- "inset-ring": d()
2029
- }],
2030
- /**
2031
- * Text Shadow
2032
- * @see https://tailwindcss.com/docs/text-shadow
2033
- */
2034
- "text-shadow": [{
2035
- "text-shadow": ["none", R, ue, de]
2036
- }],
2037
- /**
2038
- * Text Shadow Color
2039
- * @see https://tailwindcss.com/docs/text-shadow#setting-the-shadow-color
2040
- */
2041
- "text-shadow-color": [{
2042
- "text-shadow": d()
2043
- }],
2044
- /**
2045
- * Opacity
2046
- * @see https://tailwindcss.com/docs/opacity
2047
- */
2048
- opacity: [{
2049
- opacity: [g, i, a]
2050
- }],
2051
- /**
2052
- * Mix Blend Mode
2053
- * @see https://tailwindcss.com/docs/mix-blend-mode
2054
- */
2055
- "mix-blend": [{
2056
- "mix-blend": [...J(), "plus-darker", "plus-lighter"]
2057
- }],
2058
- /**
2059
- * Background Blend Mode
2060
- * @see https://tailwindcss.com/docs/background-blend-mode
2061
- */
2062
- "bg-blend": [{
2063
- "bg-blend": J()
2064
- }],
2065
- /**
2066
- * Mask Clip
2067
- * @see https://tailwindcss.com/docs/mask-clip
2068
- */
2069
- "mask-clip": [{
2070
- "mask-clip": ["border", "padding", "content", "fill", "stroke", "view"]
2071
- }, "mask-no-clip"],
2072
- /**
2073
- * Mask Composite
2074
- * @see https://tailwindcss.com/docs/mask-composite
2075
- */
2076
- "mask-composite": [{
2077
- mask: ["add", "subtract", "intersect", "exclude"]
2078
- }],
2079
- /**
2080
- * Mask Image
2081
- * @see https://tailwindcss.com/docs/mask-image
2082
- */
2083
- "mask-image-linear-pos": [{
2084
- "mask-linear": [g]
2085
- }],
2086
- "mask-image-linear-from-pos": [{
2087
- "mask-linear-from": v()
2088
- }],
2089
- "mask-image-linear-to-pos": [{
2090
- "mask-linear-to": v()
2091
- }],
2092
- "mask-image-linear-from-color": [{
2093
- "mask-linear-from": d()
2094
- }],
2095
- "mask-image-linear-to-color": [{
2096
- "mask-linear-to": d()
2097
- }],
2098
- "mask-image-t-from-pos": [{
2099
- "mask-t-from": v()
2100
- }],
2101
- "mask-image-t-to-pos": [{
2102
- "mask-t-to": v()
2103
- }],
2104
- "mask-image-t-from-color": [{
2105
- "mask-t-from": d()
2106
- }],
2107
- "mask-image-t-to-color": [{
2108
- "mask-t-to": d()
2109
- }],
2110
- "mask-image-r-from-pos": [{
2111
- "mask-r-from": v()
2112
- }],
2113
- "mask-image-r-to-pos": [{
2114
- "mask-r-to": v()
2115
- }],
2116
- "mask-image-r-from-color": [{
2117
- "mask-r-from": d()
2118
- }],
2119
- "mask-image-r-to-color": [{
2120
- "mask-r-to": d()
2121
- }],
2122
- "mask-image-b-from-pos": [{
2123
- "mask-b-from": v()
2124
- }],
2125
- "mask-image-b-to-pos": [{
2126
- "mask-b-to": v()
2127
- }],
2128
- "mask-image-b-from-color": [{
2129
- "mask-b-from": d()
2130
- }],
2131
- "mask-image-b-to-color": [{
2132
- "mask-b-to": d()
2133
- }],
2134
- "mask-image-l-from-pos": [{
2135
- "mask-l-from": v()
2136
- }],
2137
- "mask-image-l-to-pos": [{
2138
- "mask-l-to": v()
2139
- }],
2140
- "mask-image-l-from-color": [{
2141
- "mask-l-from": d()
2142
- }],
2143
- "mask-image-l-to-color": [{
2144
- "mask-l-to": d()
2145
- }],
2146
- "mask-image-x-from-pos": [{
2147
- "mask-x-from": v()
2148
- }],
2149
- "mask-image-x-to-pos": [{
2150
- "mask-x-to": v()
2151
- }],
2152
- "mask-image-x-from-color": [{
2153
- "mask-x-from": d()
2154
- }],
2155
- "mask-image-x-to-color": [{
2156
- "mask-x-to": d()
2157
- }],
2158
- "mask-image-y-from-pos": [{
2159
- "mask-y-from": v()
2160
- }],
2161
- "mask-image-y-to-pos": [{
2162
- "mask-y-to": v()
2163
- }],
2164
- "mask-image-y-from-color": [{
2165
- "mask-y-from": d()
2166
- }],
2167
- "mask-image-y-to-color": [{
2168
- "mask-y-to": d()
2169
- }],
2170
- "mask-image-radial": [{
2171
- "mask-radial": [i, a]
2172
- }],
2173
- "mask-image-radial-from-pos": [{
2174
- "mask-radial-from": v()
2175
- }],
2176
- "mask-image-radial-to-pos": [{
2177
- "mask-radial-to": v()
2178
- }],
2179
- "mask-image-radial-from-color": [{
2180
- "mask-radial-from": d()
2181
- }],
2182
- "mask-image-radial-to-color": [{
2183
- "mask-radial-to": d()
2184
- }],
2185
- "mask-image-radial-shape": [{
2186
- "mask-radial": ["circle", "ellipse"]
2187
- }],
2188
- "mask-image-radial-size": [{
2189
- "mask-radial": [{
2190
- closest: ["side", "corner"],
2191
- farthest: ["side", "corner"]
2192
- }]
2193
- }],
2194
- "mask-image-radial-pos": [{
2195
- "mask-radial-at": G()
2196
- }],
2197
- "mask-image-conic-pos": [{
2198
- "mask-conic": [g]
2199
- }],
2200
- "mask-image-conic-from-pos": [{
2201
- "mask-conic-from": v()
2202
- }],
2203
- "mask-image-conic-to-pos": [{
2204
- "mask-conic-to": v()
2205
- }],
2206
- "mask-image-conic-from-color": [{
2207
- "mask-conic-from": d()
2208
- }],
2209
- "mask-image-conic-to-color": [{
2210
- "mask-conic-to": d()
2211
- }],
2212
- /**
2213
- * Mask Mode
2214
- * @see https://tailwindcss.com/docs/mask-mode
2215
- */
2216
- "mask-mode": [{
2217
- mask: ["alpha", "luminance", "match"]
2218
- }],
2219
- /**
2220
- * Mask Origin
2221
- * @see https://tailwindcss.com/docs/mask-origin
2222
- */
2223
- "mask-origin": [{
2224
- "mask-origin": ["border", "padding", "content", "fill", "stroke", "view"]
2225
- }],
2226
- /**
2227
- * Mask Position
2228
- * @see https://tailwindcss.com/docs/mask-position
2229
- */
2230
- "mask-position": [{
2231
- mask: re()
2232
- }],
2233
- /**
2234
- * Mask Repeat
2235
- * @see https://tailwindcss.com/docs/mask-repeat
2236
- */
2237
- "mask-repeat": [{
2238
- mask: te()
2239
- }],
2240
- /**
2241
- * Mask Size
2242
- * @see https://tailwindcss.com/docs/mask-size
2243
- */
2244
- "mask-size": [{
2245
- mask: o()
2246
- }],
2247
- /**
2248
- * Mask Type
2249
- * @see https://tailwindcss.com/docs/mask-type
2250
- */
2251
- "mask-type": [{
2252
- "mask-type": ["alpha", "luminance"]
2253
- }],
2254
- /**
2255
- * Mask Image
2256
- * @see https://tailwindcss.com/docs/mask-image
2257
- */
2258
- "mask-image": [{
2259
- mask: ["none", i, a]
2260
- }],
2261
- // ---------------
2262
- // --- Filters ---
2263
- // ---------------
2264
- /**
2265
- * Filter
2266
- * @see https://tailwindcss.com/docs/filter
2267
- */
2268
- filter: [{
2269
- filter: [
2270
- // Deprecated since Tailwind CSS v3.0.0
2271
- "",
2272
- "none",
2273
- i,
2274
- a
2275
- ]
2276
- }],
2277
- /**
2278
- * Blur
2279
- * @see https://tailwindcss.com/docs/blur
2280
- */
2281
- blur: [{
2282
- blur: M()
2283
- }],
2284
- /**
2285
- * Brightness
2286
- * @see https://tailwindcss.com/docs/brightness
2287
- */
2288
- brightness: [{
2289
- brightness: [g, i, a]
2290
- }],
2291
- /**
2292
- * Contrast
2293
- * @see https://tailwindcss.com/docs/contrast
2294
- */
2295
- contrast: [{
2296
- contrast: [g, i, a]
2297
- }],
2298
- /**
2299
- * Drop Shadow
2300
- * @see https://tailwindcss.com/docs/drop-shadow
2301
- */
2302
- "drop-shadow": [{
2303
- "drop-shadow": [
2304
- // Deprecated since Tailwind CSS v4.0.0
2305
- "",
2306
- "none",
2307
- A,
2308
- ue,
2309
- de
2310
- ]
2311
- }],
2312
- /**
2313
- * Drop Shadow Color
2314
- * @see https://tailwindcss.com/docs/filter-drop-shadow#setting-the-shadow-color
2315
- */
2316
- "drop-shadow-color": [{
2317
- "drop-shadow": d()
2318
- }],
2319
- /**
2320
- * Grayscale
2321
- * @see https://tailwindcss.com/docs/grayscale
2322
- */
2323
- grayscale: [{
2324
- grayscale: ["", g, i, a]
2325
- }],
2326
- /**
2327
- * Hue Rotate
2328
- * @see https://tailwindcss.com/docs/hue-rotate
2329
- */
2330
- "hue-rotate": [{
2331
- "hue-rotate": [g, i, a]
2332
- }],
2333
- /**
2334
- * Invert
2335
- * @see https://tailwindcss.com/docs/invert
2336
- */
2337
- invert: [{
2338
- invert: ["", g, i, a]
2339
- }],
2340
- /**
2341
- * Saturate
2342
- * @see https://tailwindcss.com/docs/saturate
2343
- */
2344
- saturate: [{
2345
- saturate: [g, i, a]
2346
- }],
2347
- /**
2348
- * Sepia
2349
- * @see https://tailwindcss.com/docs/sepia
2350
- */
2351
- sepia: [{
2352
- sepia: ["", g, i, a]
2353
- }],
2354
- /**
2355
- * Backdrop Filter
2356
- * @see https://tailwindcss.com/docs/backdrop-filter
2357
- */
2358
- "backdrop-filter": [{
2359
- "backdrop-filter": [
2360
- // Deprecated since Tailwind CSS v3.0.0
2361
- "",
2362
- "none",
2363
- i,
2364
- a
2365
- ]
2366
- }],
2367
- /**
2368
- * Backdrop Blur
2369
- * @see https://tailwindcss.com/docs/backdrop-blur
2370
- */
2371
- "backdrop-blur": [{
2372
- "backdrop-blur": M()
2373
- }],
2374
- /**
2375
- * Backdrop Brightness
2376
- * @see https://tailwindcss.com/docs/backdrop-brightness
2377
- */
2378
- "backdrop-brightness": [{
2379
- "backdrop-brightness": [g, i, a]
2380
- }],
2381
- /**
2382
- * Backdrop Contrast
2383
- * @see https://tailwindcss.com/docs/backdrop-contrast
2384
- */
2385
- "backdrop-contrast": [{
2386
- "backdrop-contrast": [g, i, a]
2387
- }],
2388
- /**
2389
- * Backdrop Grayscale
2390
- * @see https://tailwindcss.com/docs/backdrop-grayscale
2391
- */
2392
- "backdrop-grayscale": [{
2393
- "backdrop-grayscale": ["", g, i, a]
2394
- }],
2395
- /**
2396
- * Backdrop Hue Rotate
2397
- * @see https://tailwindcss.com/docs/backdrop-hue-rotate
2398
- */
2399
- "backdrop-hue-rotate": [{
2400
- "backdrop-hue-rotate": [g, i, a]
2401
- }],
2402
- /**
2403
- * Backdrop Invert
2404
- * @see https://tailwindcss.com/docs/backdrop-invert
2405
- */
2406
- "backdrop-invert": [{
2407
- "backdrop-invert": ["", g, i, a]
2408
- }],
2409
- /**
2410
- * Backdrop Opacity
2411
- * @see https://tailwindcss.com/docs/backdrop-opacity
2412
- */
2413
- "backdrop-opacity": [{
2414
- "backdrop-opacity": [g, i, a]
2415
- }],
2416
- /**
2417
- * Backdrop Saturate
2418
- * @see https://tailwindcss.com/docs/backdrop-saturate
2419
- */
2420
- "backdrop-saturate": [{
2421
- "backdrop-saturate": [g, i, a]
2422
- }],
2423
- /**
2424
- * Backdrop Sepia
2425
- * @see https://tailwindcss.com/docs/backdrop-sepia
2426
- */
2427
- "backdrop-sepia": [{
2428
- "backdrop-sepia": ["", g, i, a]
2429
- }],
2430
- // --------------
2431
- // --- Tables ---
2432
- // --------------
2433
- /**
2434
- * Border Collapse
2435
- * @see https://tailwindcss.com/docs/border-collapse
2436
- */
2437
- "border-collapse": [{
2438
- border: ["collapse", "separate"]
2439
- }],
2440
- /**
2441
- * Border Spacing
2442
- * @see https://tailwindcss.com/docs/border-spacing
2443
- */
2444
- "border-spacing": [{
2445
- "border-spacing": m()
2446
- }],
2447
- /**
2448
- * Border Spacing X
2449
- * @see https://tailwindcss.com/docs/border-spacing
2450
- */
2451
- "border-spacing-x": [{
2452
- "border-spacing-x": m()
2453
- }],
2454
- /**
2455
- * Border Spacing Y
2456
- * @see https://tailwindcss.com/docs/border-spacing
2457
- */
2458
- "border-spacing-y": [{
2459
- "border-spacing-y": m()
2460
- }],
2461
- /**
2462
- * Table Layout
2463
- * @see https://tailwindcss.com/docs/table-layout
2464
- */
2465
- "table-layout": [{
2466
- table: ["auto", "fixed"]
2467
- }],
2468
- /**
2469
- * Caption Side
2470
- * @see https://tailwindcss.com/docs/caption-side
2471
- */
2472
- caption: [{
2473
- caption: ["top", "bottom"]
2474
- }],
2475
- // ---------------------------------
2476
- // --- Transitions and Animation ---
2477
- // ---------------------------------
2478
- /**
2479
- * Transition Property
2480
- * @see https://tailwindcss.com/docs/transition-property
2481
- */
2482
- transition: [{
2483
- transition: ["", "all", "colors", "opacity", "shadow", "transform", "none", i, a]
2484
- }],
2485
- /**
2486
- * Transition Behavior
2487
- * @see https://tailwindcss.com/docs/transition-behavior
2488
- */
2489
- "transition-behavior": [{
2490
- transition: ["normal", "discrete"]
2491
- }],
2492
- /**
2493
- * Transition Duration
2494
- * @see https://tailwindcss.com/docs/transition-duration
2495
- */
2496
- duration: [{
2497
- duration: [g, "initial", i, a]
2498
- }],
2499
- /**
2500
- * Transition Timing Function
2501
- * @see https://tailwindcss.com/docs/transition-timing-function
2502
- */
2503
- ease: [{
2504
- ease: ["linear", "initial", O, i, a]
2505
- }],
2506
- /**
2507
- * Transition Delay
2508
- * @see https://tailwindcss.com/docs/transition-delay
2509
- */
2510
- delay: [{
2511
- delay: [g, i, a]
2512
- }],
2513
- /**
2514
- * Animation
2515
- * @see https://tailwindcss.com/docs/animation
2516
- */
2517
- animate: [{
2518
- animate: ["none", q, i, a]
2519
- }],
2520
- // ------------------
2521
- // --- Transforms ---
2522
- // ------------------
2523
- /**
2524
- * Backface Visibility
2525
- * @see https://tailwindcss.com/docs/backface-visibility
2526
- */
2527
- backface: [{
2528
- backface: ["hidden", "visible"]
2529
- }],
2530
- /**
2531
- * Perspective
2532
- * @see https://tailwindcss.com/docs/perspective
2533
- */
2534
- perspective: [{
2535
- perspective: [C, i, a]
2536
- }],
2537
- /**
2538
- * Perspective Origin
2539
- * @see https://tailwindcss.com/docs/perspective-origin
2540
- */
2541
- "perspective-origin": [{
2542
- "perspective-origin": V()
2543
- }],
2544
- /**
2545
- * Rotate
2546
- * @see https://tailwindcss.com/docs/rotate
2547
- */
2548
- rotate: [{
2549
- rotate: $()
2550
- }],
2551
- /**
2552
- * Rotate X
2553
- * @see https://tailwindcss.com/docs/rotate
2554
- */
2555
- "rotate-x": [{
2556
- "rotate-x": $()
2557
- }],
2558
- /**
2559
- * Rotate Y
2560
- * @see https://tailwindcss.com/docs/rotate
2561
- */
2562
- "rotate-y": [{
2563
- "rotate-y": $()
2564
- }],
2565
- /**
2566
- * Rotate Z
2567
- * @see https://tailwindcss.com/docs/rotate
2568
- */
2569
- "rotate-z": [{
2570
- "rotate-z": $()
2571
- }],
2572
- /**
2573
- * Scale
2574
- * @see https://tailwindcss.com/docs/scale
2575
- */
2576
- scale: [{
2577
- scale: X()
2578
- }],
2579
- /**
2580
- * Scale X
2581
- * @see https://tailwindcss.com/docs/scale
2582
- */
2583
- "scale-x": [{
2584
- "scale-x": X()
2585
- }],
2586
- /**
2587
- * Scale Y
2588
- * @see https://tailwindcss.com/docs/scale
2589
- */
2590
- "scale-y": [{
2591
- "scale-y": X()
2592
- }],
2593
- /**
2594
- * Scale Z
2595
- * @see https://tailwindcss.com/docs/scale
2596
- */
2597
- "scale-z": [{
2598
- "scale-z": X()
2599
- }],
2600
- /**
2601
- * Scale 3D
2602
- * @see https://tailwindcss.com/docs/scale
2603
- */
2604
- "scale-3d": ["scale-3d"],
2605
- /**
2606
- * Skew
2607
- * @see https://tailwindcss.com/docs/skew
2608
- */
2609
- skew: [{
2610
- skew: fe()
2611
- }],
2612
- /**
2613
- * Skew X
2614
- * @see https://tailwindcss.com/docs/skew
2615
- */
2616
- "skew-x": [{
2617
- "skew-x": fe()
2618
- }],
2619
- /**
2620
- * Skew Y
2621
- * @see https://tailwindcss.com/docs/skew
2622
- */
2623
- "skew-y": [{
2624
- "skew-y": fe()
2625
- }],
2626
- /**
2627
- * Transform
2628
- * @see https://tailwindcss.com/docs/transform
2629
- */
2630
- transform: [{
2631
- transform: [i, a, "", "none", "gpu", "cpu"]
2632
- }],
2633
- /**
2634
- * Transform Origin
2635
- * @see https://tailwindcss.com/docs/transform-origin
2636
- */
2637
- "transform-origin": [{
2638
- origin: V()
2639
- }],
2640
- /**
2641
- * Transform Style
2642
- * @see https://tailwindcss.com/docs/transform-style
2643
- */
2644
- "transform-style": [{
2645
- transform: ["3d", "flat"]
2646
- }],
2647
- /**
2648
- * Translate
2649
- * @see https://tailwindcss.com/docs/translate
2650
- */
2651
- translate: [{
2652
- translate: le()
2653
- }],
2654
- /**
2655
- * Translate X
2656
- * @see https://tailwindcss.com/docs/translate
2657
- */
2658
- "translate-x": [{
2659
- "translate-x": le()
2660
- }],
2661
- /**
2662
- * Translate Y
2663
- * @see https://tailwindcss.com/docs/translate
2664
- */
2665
- "translate-y": [{
2666
- "translate-y": le()
2667
- }],
2668
- /**
2669
- * Translate Z
2670
- * @see https://tailwindcss.com/docs/translate
2671
- */
2672
- "translate-z": [{
2673
- "translate-z": le()
2674
- }],
2675
- /**
2676
- * Translate None
2677
- * @see https://tailwindcss.com/docs/translate
2678
- */
2679
- "translate-none": ["translate-none"],
2680
- // ---------------------
2681
- // --- Interactivity ---
2682
- // ---------------------
2683
- /**
2684
- * Accent Color
2685
- * @see https://tailwindcss.com/docs/accent-color
2686
- */
2687
- accent: [{
2688
- accent: d()
2689
- }],
2690
- /**
2691
- * Appearance
2692
- * @see https://tailwindcss.com/docs/appearance
2693
- */
2694
- appearance: [{
2695
- appearance: ["none", "auto"]
2696
- }],
2697
- /**
2698
- * Caret Color
2699
- * @see https://tailwindcss.com/docs/just-in-time-mode#caret-color-utilities
2700
- */
2701
- "caret-color": [{
2702
- caret: d()
2703
- }],
2704
- /**
2705
- * Color Scheme
2706
- * @see https://tailwindcss.com/docs/color-scheme
2707
- */
2708
- "color-scheme": [{
2709
- scheme: ["normal", "dark", "light", "light-dark", "only-dark", "only-light"]
2710
- }],
2711
- /**
2712
- * Cursor
2713
- * @see https://tailwindcss.com/docs/cursor
2714
- */
2715
- cursor: [{
2716
- cursor: ["auto", "default", "pointer", "wait", "text", "move", "help", "not-allowed", "none", "context-menu", "progress", "cell", "crosshair", "vertical-text", "alias", "copy", "no-drop", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out", i, a]
2717
- }],
2718
- /**
2719
- * Field Sizing
2720
- * @see https://tailwindcss.com/docs/field-sizing
2721
- */
2722
- "field-sizing": [{
2723
- "field-sizing": ["fixed", "content"]
2724
- }],
2725
- /**
2726
- * Pointer Events
2727
- * @see https://tailwindcss.com/docs/pointer-events
2728
- */
2729
- "pointer-events": [{
2730
- "pointer-events": ["auto", "none"]
2731
- }],
2732
- /**
2733
- * Resize
2734
- * @see https://tailwindcss.com/docs/resize
2735
- */
2736
- resize: [{
2737
- resize: ["none", "", "y", "x"]
2738
- }],
2739
- /**
2740
- * Scroll Behavior
2741
- * @see https://tailwindcss.com/docs/scroll-behavior
2742
- */
2743
- "scroll-behavior": [{
2744
- scroll: ["auto", "smooth"]
2745
- }],
2746
- /**
2747
- * Scroll Margin
2748
- * @see https://tailwindcss.com/docs/scroll-margin
2749
- */
2750
- "scroll-m": [{
2751
- "scroll-m": m()
2752
- }],
2753
- /**
2754
- * Scroll Margin X
2755
- * @see https://tailwindcss.com/docs/scroll-margin
2756
- */
2757
- "scroll-mx": [{
2758
- "scroll-mx": m()
2759
- }],
2760
- /**
2761
- * Scroll Margin Y
2762
- * @see https://tailwindcss.com/docs/scroll-margin
2763
- */
2764
- "scroll-my": [{
2765
- "scroll-my": m()
2766
- }],
2767
- /**
2768
- * Scroll Margin Start
2769
- * @see https://tailwindcss.com/docs/scroll-margin
2770
- */
2771
- "scroll-ms": [{
2772
- "scroll-ms": m()
2773
- }],
2774
- /**
2775
- * Scroll Margin End
2776
- * @see https://tailwindcss.com/docs/scroll-margin
2777
- */
2778
- "scroll-me": [{
2779
- "scroll-me": m()
2780
- }],
2781
- /**
2782
- * Scroll Margin Top
2783
- * @see https://tailwindcss.com/docs/scroll-margin
2784
- */
2785
- "scroll-mt": [{
2786
- "scroll-mt": m()
2787
- }],
2788
- /**
2789
- * Scroll Margin Right
2790
- * @see https://tailwindcss.com/docs/scroll-margin
2791
- */
2792
- "scroll-mr": [{
2793
- "scroll-mr": m()
2794
- }],
2795
- /**
2796
- * Scroll Margin Bottom
2797
- * @see https://tailwindcss.com/docs/scroll-margin
2798
- */
2799
- "scroll-mb": [{
2800
- "scroll-mb": m()
2801
- }],
2802
- /**
2803
- * Scroll Margin Left
2804
- * @see https://tailwindcss.com/docs/scroll-margin
2805
- */
2806
- "scroll-ml": [{
2807
- "scroll-ml": m()
2808
- }],
2809
- /**
2810
- * Scroll Padding
2811
- * @see https://tailwindcss.com/docs/scroll-padding
2812
- */
2813
- "scroll-p": [{
2814
- "scroll-p": m()
2815
- }],
2816
- /**
2817
- * Scroll Padding X
2818
- * @see https://tailwindcss.com/docs/scroll-padding
2819
- */
2820
- "scroll-px": [{
2821
- "scroll-px": m()
2822
- }],
2823
- /**
2824
- * Scroll Padding Y
2825
- * @see https://tailwindcss.com/docs/scroll-padding
2826
- */
2827
- "scroll-py": [{
2828
- "scroll-py": m()
2829
- }],
2830
- /**
2831
- * Scroll Padding Start
2832
- * @see https://tailwindcss.com/docs/scroll-padding
2833
- */
2834
- "scroll-ps": [{
2835
- "scroll-ps": m()
2836
- }],
2837
- /**
2838
- * Scroll Padding End
2839
- * @see https://tailwindcss.com/docs/scroll-padding
2840
- */
2841
- "scroll-pe": [{
2842
- "scroll-pe": m()
2843
- }],
2844
- /**
2845
- * Scroll Padding Top
2846
- * @see https://tailwindcss.com/docs/scroll-padding
2847
- */
2848
- "scroll-pt": [{
2849
- "scroll-pt": m()
2850
- }],
2851
- /**
2852
- * Scroll Padding Right
2853
- * @see https://tailwindcss.com/docs/scroll-padding
2854
- */
2855
- "scroll-pr": [{
2856
- "scroll-pr": m()
2857
- }],
2858
- /**
2859
- * Scroll Padding Bottom
2860
- * @see https://tailwindcss.com/docs/scroll-padding
2861
- */
2862
- "scroll-pb": [{
2863
- "scroll-pb": m()
2864
- }],
2865
- /**
2866
- * Scroll Padding Left
2867
- * @see https://tailwindcss.com/docs/scroll-padding
2868
- */
2869
- "scroll-pl": [{
2870
- "scroll-pl": m()
2871
- }],
2872
- /**
2873
- * Scroll Snap Align
2874
- * @see https://tailwindcss.com/docs/scroll-snap-align
2875
- */
2876
- "snap-align": [{
2877
- snap: ["start", "end", "center", "align-none"]
2878
- }],
2879
- /**
2880
- * Scroll Snap Stop
2881
- * @see https://tailwindcss.com/docs/scroll-snap-stop
2882
- */
2883
- "snap-stop": [{
2884
- snap: ["normal", "always"]
2885
- }],
2886
- /**
2887
- * Scroll Snap Type
2888
- * @see https://tailwindcss.com/docs/scroll-snap-type
2889
- */
2890
- "snap-type": [{
2891
- snap: ["none", "x", "y", "both"]
2892
- }],
2893
- /**
2894
- * Scroll Snap Type Strictness
2895
- * @see https://tailwindcss.com/docs/scroll-snap-type
2896
- */
2897
- "snap-strictness": [{
2898
- snap: ["mandatory", "proximity"]
2899
- }],
2900
- /**
2901
- * Touch Action
2902
- * @see https://tailwindcss.com/docs/touch-action
2903
- */
2904
- touch: [{
2905
- touch: ["auto", "none", "manipulation"]
2906
- }],
2907
- /**
2908
- * Touch Action X
2909
- * @see https://tailwindcss.com/docs/touch-action
2910
- */
2911
- "touch-x": [{
2912
- "touch-pan": ["x", "left", "right"]
2913
- }],
2914
- /**
2915
- * Touch Action Y
2916
- * @see https://tailwindcss.com/docs/touch-action
2917
- */
2918
- "touch-y": [{
2919
- "touch-pan": ["y", "up", "down"]
2920
- }],
2921
- /**
2922
- * Touch Action Pinch Zoom
2923
- * @see https://tailwindcss.com/docs/touch-action
2924
- */
2925
- "touch-pz": ["touch-pinch-zoom"],
2926
- /**
2927
- * User Select
2928
- * @see https://tailwindcss.com/docs/user-select
2929
- */
2930
- select: [{
2931
- select: ["none", "text", "all", "auto"]
2932
- }],
2933
- /**
2934
- * Will Change
2935
- * @see https://tailwindcss.com/docs/will-change
2936
- */
2937
- "will-change": [{
2938
- "will-change": ["auto", "scroll", "contents", "transform", i, a]
2939
- }],
2940
- // -----------
2941
- // --- SVG ---
2942
- // -----------
2943
- /**
2944
- * Fill
2945
- * @see https://tailwindcss.com/docs/fill
2946
- */
2947
- fill: [{
2948
- fill: ["none", ...d()]
2949
- }],
2950
- /**
2951
- * Stroke Width
2952
- * @see https://tailwindcss.com/docs/stroke-width
2953
- */
2954
- "stroke-w": [{
2955
- stroke: [g, se, B, be]
2956
- }],
2957
- /**
2958
- * Stroke
2959
- * @see https://tailwindcss.com/docs/stroke
2960
- */
2961
- stroke: [{
2962
- stroke: ["none", ...d()]
2963
- }],
2964
- // ---------------------
2965
- // --- Accessibility ---
2966
- // ---------------------
2967
- /**
2968
- * Forced Color Adjust
2969
- * @see https://tailwindcss.com/docs/forced-color-adjust
2970
- */
2971
- "forced-color-adjust": [{
2972
- "forced-color-adjust": ["auto", "none"]
2973
- }]
2974
- },
2975
- conflictingClassGroups: {
2976
- overflow: ["overflow-x", "overflow-y"],
2977
- overscroll: ["overscroll-x", "overscroll-y"],
2978
- inset: ["inset-x", "inset-y", "start", "end", "top", "right", "bottom", "left"],
2979
- "inset-x": ["right", "left"],
2980
- "inset-y": ["top", "bottom"],
2981
- flex: ["basis", "grow", "shrink"],
2982
- gap: ["gap-x", "gap-y"],
2983
- p: ["px", "py", "ps", "pe", "pt", "pr", "pb", "pl"],
2984
- px: ["pr", "pl"],
2985
- py: ["pt", "pb"],
2986
- m: ["mx", "my", "ms", "me", "mt", "mr", "mb", "ml"],
2987
- mx: ["mr", "ml"],
2988
- my: ["mt", "mb"],
2989
- size: ["w", "h"],
2990
- "font-size": ["leading"],
2991
- "fvn-normal": ["fvn-ordinal", "fvn-slashed-zero", "fvn-figure", "fvn-spacing", "fvn-fraction"],
2992
- "fvn-ordinal": ["fvn-normal"],
2993
- "fvn-slashed-zero": ["fvn-normal"],
2994
- "fvn-figure": ["fvn-normal"],
2995
- "fvn-spacing": ["fvn-normal"],
2996
- "fvn-fraction": ["fvn-normal"],
2997
- "line-clamp": ["display", "overflow"],
2998
- rounded: ["rounded-s", "rounded-e", "rounded-t", "rounded-r", "rounded-b", "rounded-l", "rounded-ss", "rounded-se", "rounded-ee", "rounded-es", "rounded-tl", "rounded-tr", "rounded-br", "rounded-bl"],
2999
- "rounded-s": ["rounded-ss", "rounded-es"],
3000
- "rounded-e": ["rounded-se", "rounded-ee"],
3001
- "rounded-t": ["rounded-tl", "rounded-tr"],
3002
- "rounded-r": ["rounded-tr", "rounded-br"],
3003
- "rounded-b": ["rounded-br", "rounded-bl"],
3004
- "rounded-l": ["rounded-tl", "rounded-bl"],
3005
- "border-spacing": ["border-spacing-x", "border-spacing-y"],
3006
- "border-w": ["border-w-x", "border-w-y", "border-w-s", "border-w-e", "border-w-t", "border-w-r", "border-w-b", "border-w-l"],
3007
- "border-w-x": ["border-w-r", "border-w-l"],
3008
- "border-w-y": ["border-w-t", "border-w-b"],
3009
- "border-color": ["border-color-x", "border-color-y", "border-color-s", "border-color-e", "border-color-t", "border-color-r", "border-color-b", "border-color-l"],
3010
- "border-color-x": ["border-color-r", "border-color-l"],
3011
- "border-color-y": ["border-color-t", "border-color-b"],
3012
- translate: ["translate-x", "translate-y", "translate-none"],
3013
- "translate-none": ["translate", "translate-x", "translate-y", "translate-z"],
3014
- "scroll-m": ["scroll-mx", "scroll-my", "scroll-ms", "scroll-me", "scroll-mt", "scroll-mr", "scroll-mb", "scroll-ml"],
3015
- "scroll-mx": ["scroll-mr", "scroll-ml"],
3016
- "scroll-my": ["scroll-mt", "scroll-mb"],
3017
- "scroll-p": ["scroll-px", "scroll-py", "scroll-ps", "scroll-pe", "scroll-pt", "scroll-pr", "scroll-pb", "scroll-pl"],
3018
- "scroll-px": ["scroll-pr", "scroll-pl"],
3019
- "scroll-py": ["scroll-pt", "scroll-pb"],
3020
- touch: ["touch-x", "touch-y", "touch-pz"],
3021
- "touch-x": ["touch"],
3022
- "touch-y": ["touch"],
3023
- "touch-pz": ["touch"]
3024
- },
3025
- conflictingClassGroupModifiers: {
3026
- "font-size": ["leading"]
3027
- },
3028
- orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
3029
- };
3030
- }, Gr = /* @__PURE__ */ hr(Fr);
3031
- function Y(...e) {
3032
- return Gr(Pe(e));
3033
- }
3034
- function Br({ className: e }) {
3035
- return /* @__PURE__ */ P.jsx("div", { className: Y("", e), children: "Filter Component" });
3036
- }
3037
- function qr({ className: e }) {
3038
- return /* @__PURE__ */ P.jsx("div", { className: Y("", e), children: "ItemCard Component" });
3039
- }
3040
- const _e = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Se = Pe, Vr = (e, n) => (r) => {
3041
- var t;
3042
- if (n?.variants == null) return Se(e, r?.class, r?.className);
3043
- const { variants: s, defaultVariants: c } = n, l = Object.keys(s).map((b) => {
3044
- const k = r?.[b], w = c?.[b];
3045
- if (k === null) return null;
3046
- const R = _e(k) || _e(w);
3047
- return s[b][R];
3048
- }), p = r && Object.entries(r).reduce((b, k) => {
3049
- let [w, R] = k;
3050
- return R === void 0 || (b[w] = R), b;
3051
- }, {}), u = n == null || (t = n.compoundVariants) === null || t === void 0 ? void 0 : t.reduce((b, k) => {
3052
- let { class: w, className: R, ...A } = k;
3053
- return Object.entries(A).every((S) => {
3054
- let [C, y] = S;
3055
- return Array.isArray(y) ? y.includes({
3056
- ...c,
3057
- ...p
3058
- }[C]) : {
3059
- ...c,
3060
- ...p
3061
- }[C] === y;
3062
- }) ? [
3063
- ...b,
3064
- w,
3065
- R
3066
- ] : b;
3067
- }, []);
3068
- return Se(e, l, u, r?.class, r?.className);
3069
- }, Lr = Vr(["flex justify-center items-center min-h-16"], {
3070
- variants: {
3071
- variant: {
3072
- primary: "bg-blue-500 text-white",
3073
- secondary: "bg-gray-500 text-black"
3074
- },
3075
- padding: {
3076
- sm: "p-2",
3077
- md: "p-4",
3078
- lg: "p-6"
3079
- }
3080
- },
3081
- defaultVariants: {
3082
- variant: "primary",
3083
- padding: "md"
3084
- },
3085
- compoundVariants: [
3086
- {
3087
- variant: "primary",
3088
- padding: "lg",
3089
- class: "shadow-lg"
3090
- },
3091
- {
3092
- variant: "secondary",
3093
- padding: "sm",
3094
- class: "border-2 border-black"
3095
- }
3096
- ]
3097
- }), Jr = We(({ className: e, variant: n, padding: r, ...t }, s) => /* @__PURE__ */ P.jsx(
3098
- "header",
3099
- {
3100
- ref: s,
3101
- className: Y(Lr({ variant: n, padding: r, className: e })),
3102
- ...t,
3103
- children: "this is a header"
3104
- }
3105
- ));
3106
- function Xr({ className: e }) {
3107
- return /* @__PURE__ */ P.jsx("div", { className: Y("", e), children: "Footer Component" });
3108
- }
3109
- function Hr({ className: e }) {
3110
- return /* @__PURE__ */ P.jsx("div", { className: Y("", e), children: "ItemDetails Component" });
3111
- }
3112
- function Zr({ className: e }) {
3113
- return /* @__PURE__ */ P.jsx("div", { className: Y("", e), children: "Listings Component" });
3114
- }
3115
- function Qr({ className: e }) {
3116
- return /* @__PURE__ */ P.jsx("div", { className: Y("", e), children: "NavBar Component" });
3117
- }
3118
- const he = De(void 0);
3119
- function $r() {
3120
- const e = Be(he);
3121
- if (!e)
3122
- throw new Error("useEmperorUI must be used within a EmperorUIProvider");
3123
- return e;
3124
- }
3125
- function Ur({ className: e, children: n }) {
3126
- const { config: r } = $r(), t = r?.theme?.colors?.background;
3127
- return /* @__PURE__ */ P.jsx("div", { className: Y("flex flex-col", e), style: { backgroundColor: t }, children: n });
3128
- }
3129
- const Yr = {
3130
- primary: "#1E40AF",
3131
- secondary: "#F59E0B",
3132
- background: "#FFFFFF",
3133
- text: "#111827",
3134
- danger: "#DC2626",
3135
- warning: "#D97706",
3136
- info: "#3B82F6",
3137
- success: "#16A34A"
3138
- }, Wr = {
3139
- theme: {
3140
- mode: "dark",
3141
- colors: Yr
3142
- },
3143
- layout: {
3144
- withScaffold: !0
3145
- }
3146
- };
3147
- function Kr({
3148
- children: e,
3149
- config: n = Wr
3150
- }) {
3151
- const r = qe(() => ({
3152
- config: n
3153
- }), [n]);
3154
- return n.layout?.withScaffold ?? !0 ? /* @__PURE__ */ P.jsx(he.Provider, { value: r, children: /* @__PURE__ */ P.jsx(Ur, { children: e }) }) : /* @__PURE__ */ P.jsx(he.Provider, { value: r, children: e });
3155
- }
3156
- export {
3157
- he as EmperorUIContext,
3158
- Kr as EmperorUIProvider,
3159
- Br as Filter,
3160
- Xr as Footer,
3161
- Jr as Header,
3162
- qr as ItemCard,
3163
- Hr as ItemDetails,
3164
- Zr as Listings,
3165
- Qr as NavBar,
3166
- Ur as Scaffold,
3167
- Y as cn,
3168
- Yr as defaultColorsPalette,
3169
- Wr as defaultEmperorUIConfig,
3170
- $r as useEmperorUI
3171
- };