@mieweb/ui 0.2.1 → 0.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (54) hide show
  1. package/README.md +28 -0
  2. package/dist/ag-grid.cjs +5 -5
  3. package/dist/ag-grid.js +1 -1
  4. package/dist/brands/bluehive.css +20 -0
  5. package/dist/brands/enterprise-health.css +32 -4
  6. package/dist/brands/index.d.cts +1 -1
  7. package/dist/brands/index.d.ts +1 -1
  8. package/dist/brands/mieweb.css +20 -0
  9. package/dist/brands/ozwell.css +20 -0
  10. package/dist/brands/waggleline.css +46 -0
  11. package/dist/brands/webchart.css +20 -0
  12. package/dist/chunk-EYH7OUX5.js +445 -0
  13. package/dist/chunk-EYH7OUX5.js.map +1 -0
  14. package/dist/{chunk-WN2FJE23.js → chunk-KWDTTGH2.js} +3 -3
  15. package/dist/{chunk-WN2FJE23.js.map → chunk-KWDTTGH2.js.map} +1 -1
  16. package/dist/{chunk-MKJDBXX4.cjs → chunk-PEH4ZOEM.cjs} +4 -4
  17. package/dist/{chunk-MKJDBXX4.cjs.map → chunk-PEH4ZOEM.cjs.map} +1 -1
  18. package/dist/{chunk-D3BUYVLN.cjs → chunk-QUA7WVHK.cjs} +70 -2
  19. package/dist/{chunk-D3BUYVLN.cjs.map → chunk-QUA7WVHK.cjs.map} +1 -1
  20. package/dist/chunk-SSKI6VTW.cjs +449 -0
  21. package/dist/chunk-SSKI6VTW.cjs.map +1 -0
  22. package/dist/{chunk-SN52QMRT.js → chunk-TPGT236K.js} +28 -24
  23. package/dist/chunk-TPGT236K.js.map +1 -0
  24. package/dist/{chunk-N5EKL4DH.js → chunk-VBHPXSCV.js} +4 -4
  25. package/dist/{chunk-N5EKL4DH.js.map → chunk-VBHPXSCV.js.map} +1 -1
  26. package/dist/{chunk-B7DA35BY.cjs → chunk-VZUVYJFU.cjs} +14 -14
  27. package/dist/{chunk-B7DA35BY.cjs.map → chunk-VZUVYJFU.cjs.map} +1 -1
  28. package/dist/{chunk-KMN7JX2X.cjs → chunk-WH6I7CMP.cjs} +28 -24
  29. package/dist/chunk-WH6I7CMP.cjs.map +1 -0
  30. package/dist/chunk-Y22SOAJM.js +3 -0
  31. package/dist/{chunk-K5T2PT4M.js.map → chunk-Y22SOAJM.js.map} +1 -1
  32. package/dist/components/Button/index.cjs +3 -3
  33. package/dist/components/Button/index.js +1 -1
  34. package/dist/components/DateInput/index.cjs +3 -3
  35. package/dist/components/DateInput/index.js +2 -2
  36. package/dist/index.cjs +2817 -1078
  37. package/dist/index.cjs.map +1 -1
  38. package/dist/index.d.cts +250 -3
  39. package/dist/index.d.ts +250 -3
  40. package/dist/index.js +2665 -933
  41. package/dist/index.js.map +1 -1
  42. package/dist/styles.css +2 -2
  43. package/dist/tailwind-preset.cjs +4 -4
  44. package/dist/tailwind-preset.js +1 -1
  45. package/dist/utils/index.cjs +9 -9
  46. package/dist/utils/index.js +1 -1
  47. package/package.json +42 -38
  48. package/dist/chunk-5YRTFJ7K.js +0 -247
  49. package/dist/chunk-5YRTFJ7K.js.map +0 -1
  50. package/dist/chunk-ERIGUDFS.cjs +0 -251
  51. package/dist/chunk-ERIGUDFS.cjs.map +0 -1
  52. package/dist/chunk-K5T2PT4M.js +0 -3
  53. package/dist/chunk-KMN7JX2X.cjs.map +0 -1
  54. package/dist/chunk-SN52QMRT.js.map +0 -1
@@ -2,21 +2,21 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var chunkERIGUDFS_cjs = require('./chunk-ERIGUDFS.cjs');
5
+ var chunkSSKI6VTW_cjs = require('./chunk-SSKI6VTW.cjs');
6
6
 
7
7
 
8
8
 
9
9
  Object.defineProperty(exports, "default", {
10
10
  enumerable: true,
11
- get: function () { return chunkERIGUDFS_cjs.tailwind_preset_default; }
11
+ get: function () { return chunkSSKI6VTW_cjs.tailwind_preset_default; }
12
12
  });
13
13
  Object.defineProperty(exports, "miewebUIPreset", {
14
14
  enumerable: true,
15
- get: function () { return chunkERIGUDFS_cjs.miewebUIPreset; }
15
+ get: function () { return chunkSSKI6VTW_cjs.miewebUIPreset; }
16
16
  });
17
17
  Object.defineProperty(exports, "miewebUISafelist", {
18
18
  enumerable: true,
19
- get: function () { return chunkERIGUDFS_cjs.miewebUISafelist; }
19
+ get: function () { return chunkSSKI6VTW_cjs.miewebUISafelist; }
20
20
  });
21
21
  //# sourceMappingURL=tailwind-preset.cjs.map
22
22
  //# sourceMappingURL=tailwind-preset.cjs.map
@@ -1,3 +1,3 @@
1
- export { tailwind_preset_default as default, miewebUIPreset, miewebUISafelist } from './chunk-5YRTFJ7K.js';
1
+ export { tailwind_preset_default as default, miewebUIPreset, miewebUISafelist } from './chunk-EYH7OUX5.js';
2
2
  //# sourceMappingURL=tailwind-preset.js.map
3
3
  //# sourceMappingURL=tailwind-preset.js.map
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('../chunk-74K3RRU7.cjs');
4
4
  var chunkBTJHYGPI_cjs = require('../chunk-BTJHYGPI.cjs');
5
- var chunkKMN7JX2X_cjs = require('../chunk-KMN7JX2X.cjs');
5
+ var chunkWH6I7CMP_cjs = require('../chunk-WH6I7CMP.cjs');
6
6
  var chunkSCV7C55E_cjs = require('../chunk-SCV7C55E.cjs');
7
7
  var chunkOR5DRJCW_cjs = require('../chunk-OR5DRJCW.cjs');
8
8
 
@@ -26,35 +26,35 @@ Object.defineProperty(exports, "unformatPhoneNumber", {
26
26
  });
27
27
  Object.defineProperty(exports, "calculateAge", {
28
28
  enumerable: true,
29
- get: function () { return chunkKMN7JX2X_cjs.calculateAge; }
29
+ get: function () { return chunkWH6I7CMP_cjs.calculateAge; }
30
30
  });
31
31
  Object.defineProperty(exports, "formatDateValue", {
32
32
  enumerable: true,
33
- get: function () { return chunkKMN7JX2X_cjs.formatDateValue; }
33
+ get: function () { return chunkWH6I7CMP_cjs.formatDateValue; }
34
34
  });
35
35
  Object.defineProperty(exports, "isDateEmpty", {
36
36
  enumerable: true,
37
- get: function () { return chunkKMN7JX2X_cjs.isDateEmpty; }
37
+ get: function () { return chunkWH6I7CMP_cjs.isDateEmpty; }
38
38
  });
39
39
  Object.defineProperty(exports, "isDateInFuture", {
40
40
  enumerable: true,
41
- get: function () { return chunkKMN7JX2X_cjs.isDateInFuture; }
41
+ get: function () { return chunkWH6I7CMP_cjs.isDateInFuture; }
42
42
  });
43
43
  Object.defineProperty(exports, "isDateInPast", {
44
44
  enumerable: true,
45
- get: function () { return chunkKMN7JX2X_cjs.isDateInPast; }
45
+ get: function () { return chunkWH6I7CMP_cjs.isDateInPast; }
46
46
  });
47
47
  Object.defineProperty(exports, "isValidDate", {
48
48
  enumerable: true,
49
- get: function () { return chunkKMN7JX2X_cjs.isValidDate; }
49
+ get: function () { return chunkWH6I7CMP_cjs.isValidDate; }
50
50
  });
51
51
  Object.defineProperty(exports, "isValidDrivingAge", {
52
52
  enumerable: true,
53
- get: function () { return chunkKMN7JX2X_cjs.isValidDrivingAge; }
53
+ get: function () { return chunkWH6I7CMP_cjs.isValidDrivingAge; }
54
54
  });
55
55
  Object.defineProperty(exports, "parseDateValue", {
56
56
  enumerable: true,
57
- get: function () { return chunkKMN7JX2X_cjs.parseDateValue; }
57
+ get: function () { return chunkWH6I7CMP_cjs.parseDateValue; }
58
58
  });
59
59
  Object.defineProperty(exports, "isStorybookDocsMode", {
60
60
  enumerable: true,
@@ -1,6 +1,6 @@
1
1
  import '../chunk-V2DF2GUE.js';
2
2
  export { formatPhoneNumber, isPhoneNumberEmpty, isValidPhoneNumber, unformatPhoneNumber } from '../chunk-CEHWXAAI.js';
3
- export { calculateAge, formatDateValue, isDateEmpty, isDateInFuture, isDateInPast, isValidDate, isValidDrivingAge, parseDateValue } from '../chunk-SN52QMRT.js';
3
+ export { calculateAge, formatDateValue, isDateEmpty, isDateInFuture, isDateInPast, isValidDate, isValidDrivingAge, parseDateValue } from '../chunk-TPGT236K.js';
4
4
  export { isStorybookDocsMode } from '../chunk-VSQF22GL.js';
5
5
  export { cn } from '../chunk-F3SOEIN2.js';
6
6
  //# sourceMappingURL=index.js.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mieweb/ui",
3
- "version": "0.2.1",
3
+ "version": "0.2.2",
4
4
  "description": "A themeable, accessible React component library built with Tailwind CSS",
5
5
  "author": "Medical Informatics Engineering, Inc.",
6
6
  "license": "SEE LICENSE IN LICENSE",
@@ -12,6 +12,7 @@
12
12
  "bugs": {
13
13
  "url": "https://github.com/mieweb/ui/issues"
14
14
  },
15
+ "packageManager": "pnpm@10.29.1",
15
16
  "publishConfig": {
16
17
  "access": "public",
17
18
  "registry": "https://registry.npmjs.org/"
@@ -131,8 +132,8 @@
131
132
  "build:css": "npx @tailwindcss/cli -i ./src/styles/base.css -o ./dist/styles.css --minify",
132
133
  "copy:brand-css": "cp src/brands/*.css dist/brands/ 2>/dev/null || true",
133
134
  "typecheck": "tsc --noEmit",
134
- "lint": "eslint src --ext .ts,.tsx",
135
- "lint:fix": "eslint src --ext .ts,.tsx --fix",
135
+ "lint": "eslint \"src/**/*.{ts,tsx}\"",
136
+ "lint:fix": "eslint \"src/**/*.{ts,tsx}\" --fix",
136
137
  "format": "prettier --check \"src/**/*.{ts,tsx,css}\"",
137
138
  "format:fix": "prettier --write \"src/**/*.{ts,tsx,css}\"",
138
139
  "test": "vitest run",
@@ -171,51 +172,54 @@
171
172
  }
172
173
  },
173
174
  "dependencies": {
174
- "@swc/helpers": "^0.5.18",
175
+ "@swc/helpers": "^0.5.19",
175
176
  "class-variance-authority": "^0.7.1",
176
177
  "clsx": "^2.1.1",
177
178
  "lucide-react": "^0.562.0",
178
- "tailwind-merge": "^2.6.0"
179
+ "luxon": "^3.7.2",
180
+ "tailwind-merge": "^2.6.1"
179
181
  },
180
182
  "devDependencies": {
181
- "@playwright/test": "^1.50.3",
182
- "@storybook/addon-a11y": "^10.1.11",
183
- "@storybook/addon-docs": "^10.1.11",
184
- "@storybook/addon-links": "^10.1.11",
185
- "@storybook/react": "^10.1.11",
186
- "@storybook/react-vite": "^10.1.11",
187
- "@tailwindcss/cli": "^4.1.18",
188
- "@tailwindcss/postcss": "^4.1.3",
189
- "@testing-library/jest-dom": "^6.6.5",
190
- "@testing-library/react": "^16.1.0",
191
- "@testing-library/user-event": "^14.5.3",
192
- "@types/node": "^22.13.0",
193
- "@types/react": "^19.1.0",
194
- "@types/react-dom": "^19.1.0",
195
- "@typescript-eslint/eslint-plugin": "^8.22.0",
196
- "@typescript-eslint/parser": "^8.22.0",
183
+ "@eslint/js": "^9.39.3",
184
+ "@playwright/test": "^1.58.2",
185
+ "@storybook/addon-a11y": "^10.2.11",
186
+ "@storybook/addon-docs": "^10.2.11",
187
+ "@storybook/addon-links": "^10.2.11",
188
+ "@storybook/react": "^10.2.11",
189
+ "@storybook/react-vite": "^10.2.11",
190
+ "@tailwindcss/cli": "^4.2.1",
191
+ "@tailwindcss/postcss": "^4.2.1",
192
+ "@testing-library/jest-dom": "^6.9.1",
193
+ "@testing-library/react": "^16.3.2",
194
+ "@testing-library/user-event": "^14.6.1",
195
+ "@types/luxon": "^3.7.1",
196
+ "@types/node": "^22.19.11",
197
+ "@types/react": "^19.2.14",
198
+ "@types/react-dom": "^19.2.3",
199
+ "@typescript-eslint/eslint-plugin": "^8.56.1",
200
+ "@typescript-eslint/parser": "^8.56.1",
197
201
  "@vitest/coverage-v8": "^3.2.4",
198
- "ag-grid-community": "^35.0.0",
199
- "ag-grid-react": "^35.0.0",
200
- "autoprefixer": "^10.4.20",
201
- "eslint": "^9.19.0",
202
+ "ag-grid-community": "^35.1.0",
203
+ "ag-grid-react": "^35.1.0",
204
+ "autoprefixer": "^10.4.24",
205
+ "eslint": "^9.39.3",
202
206
  "eslint-plugin-jsx-a11y": "^6.10.2",
203
- "eslint-plugin-react": "^7.37.4",
204
- "eslint-plugin-react-hooks": "^5.1.0",
205
- "eslint-plugin-storybook": "^10.1.11",
206
- "jsdom": "^26.0.0",
207
- "postcss": "^8.5.1",
208
- "prettier": "^3.4.2",
209
- "prettier-plugin-tailwindcss": "^0.6.11",
207
+ "eslint-plugin-react": "^7.37.5",
208
+ "eslint-plugin-react-hooks": "^5.2.0",
209
+ "eslint-plugin-storybook": "^10.2.11",
210
+ "jsdom": "^26.1.0",
211
+ "postcss": "^8.5.6",
212
+ "prettier": "^3.8.1",
213
+ "prettier-plugin-tailwindcss": "^0.6.14",
210
214
  "react": "^19.2.4",
211
215
  "react-dom": "^19.2.4",
212
- "storybook": "^10.1.11",
213
- "tailwindcss": "^4.1.18",
214
- "tsup": "^8.3.6",
215
- "typescript": "^5.7.3",
216
+ "storybook": "^10.2.11",
217
+ "tailwindcss": "^4.2.1",
218
+ "tsup": "^8.5.1",
219
+ "typescript": "^5.9.3",
216
220
  "vite": "^7.3.1",
217
- "vitest": "^3.0.4",
218
- "wavesurfer.js": "^7.8.17"
221
+ "vitest": "^3.2.4",
222
+ "wavesurfer.js": "^7.12.1"
219
223
  },
220
224
  "engines": {
221
225
  "node": ">=18.0.0"
@@ -1,247 +0,0 @@
1
- // src/tailwind-preset.ts
2
- var miewebUISafelist = [
3
- // Semantic colors
4
- "border-border",
5
- "border-input",
6
- "ring-ring",
7
- "bg-background",
8
- "bg-card",
9
- "bg-muted",
10
- "bg-primary",
11
- "bg-success",
12
- "bg-warning",
13
- "bg-destructive",
14
- "bg-info",
15
- "text-foreground",
16
- "text-card-foreground",
17
- "text-muted-foreground",
18
- "text-primary",
19
- "text-primary-foreground",
20
- "text-success",
21
- "text-success-foreground",
22
- "text-warning",
23
- "text-warning-foreground",
24
- "text-destructive",
25
- "text-destructive-foreground",
26
- "text-info",
27
- "text-info-foreground",
28
- "focus:ring-ring",
29
- "focus:ring-primary",
30
- "focus:border-transparent",
31
- "focus:ring-destructive",
32
- "border-primary",
33
- "border-destructive",
34
- "border-success",
35
- "focus:ring-success/20",
36
- "focus:ring-destructive/20",
37
- // Opacity-modifier variants for semantic colors used by components
38
- "bg-background/60",
39
- "bg-background/80",
40
- "bg-background/90",
41
- "bg-background/95",
42
- "bg-card/80",
43
- "bg-destructive/5",
44
- "bg-destructive/10",
45
- "bg-foreground/50",
46
- "bg-info/10",
47
- "bg-muted/10",
48
- "bg-muted/30",
49
- "bg-muted/50",
50
- "bg-primary/5",
51
- "bg-primary/10",
52
- "bg-success/10",
53
- "bg-warning/10",
54
- "border-border/80",
55
- "border-destructive/20",
56
- "border-destructive/30",
57
- "border-destructive/50",
58
- "border-info/30",
59
- "border-muted-foreground/25",
60
- "border-muted-foreground/40",
61
- "border-primary/30",
62
- "border-primary/50",
63
- "border-success/30",
64
- "border-success/50",
65
- "border-warning/30",
66
- "hover:bg-destructive/10",
67
- "hover:bg-muted/10",
68
- "hover:bg-muted/20",
69
- "hover:bg-muted/50",
70
- "hover:bg-muted/80",
71
- "hover:bg-primary/5",
72
- "hover:bg-primary/10",
73
- "hover:bg-primary/20",
74
- "hover:bg-primary/90",
75
- "hover:border-border/80",
76
- "hover:border-muted-foreground/50",
77
- "hover:text-destructive/80",
78
- "hover:text-primary/80",
79
- "text-muted-foreground/30",
80
- "text-muted-foreground/40",
81
- "text-muted-foreground/50",
82
- "text-muted-foreground/60",
83
- "text-muted-foreground/70",
84
- "text-primary/80",
85
- "text-primary-foreground/90",
86
- "ring-primary",
87
- "ring-2",
88
- "ring-offset-2",
89
- // Grid classes for QuickAction and responsive layouts
90
- "grid-cols-1",
91
- "grid-cols-2",
92
- "grid-cols-3",
93
- "grid-cols-4",
94
- "grid-cols-6",
95
- "sm:grid-cols-1",
96
- "sm:grid-cols-2",
97
- "sm:grid-cols-3",
98
- "sm:grid-cols-4",
99
- "sm:grid-cols-6",
100
- "md:grid-cols-2",
101
- "md:grid-cols-3",
102
- "md:grid-cols-4",
103
- "lg:grid-cols-2",
104
- "lg:grid-cols-3",
105
- "lg:grid-cols-4",
106
- // Switch component
107
- "bg-neutral-200",
108
- "dark:bg-neutral-700",
109
- "bg-primary-500",
110
- "h-5",
111
- "w-9",
112
- "h-6",
113
- "w-11",
114
- "h-7",
115
- "w-14",
116
- "h-4",
117
- "w-4",
118
- "w-5",
119
- "w-6",
120
- "translate-x-0.5",
121
- "translate-x-4",
122
- "translate-x-5",
123
- "translate-x-7",
124
- // SchedulePicker / overflow handling
125
- "overflow-x-auto",
126
- "overflow-hidden",
127
- // Select component
128
- "truncate"
129
- ];
130
- var miewebUIPreset = {
131
- darkMode: ["class", '[data-theme="dark"]'],
132
- safelist: miewebUISafelist,
133
- theme: {
134
- extend: {
135
- colors: {
136
- // Primary color scale - easily overridable by consumers
137
- primary: {
138
- DEFAULT: "var(--mieweb-primary, var(--mieweb-primary-500, #27aae1))",
139
- 50: "var(--mieweb-primary-50, #f0f9ff)",
140
- 100: "var(--mieweb-primary-100, #e0f4fe)",
141
- 200: "var(--mieweb-primary-200, #b9eafd)",
142
- 300: "var(--mieweb-primary-300, #7cdbfc)",
143
- 400: "var(--mieweb-primary-400, #36c9f8)",
144
- 500: "var(--mieweb-primary-500, #27aae1)",
145
- 600: "var(--mieweb-primary-600, #0c90c9)",
146
- 700: "var(--mieweb-primary-700, #0b73a3)",
147
- 800: "var(--mieweb-primary-800, #0f6086)",
148
- 900: "var(--mieweb-primary-900, #124f6f)",
149
- 950: "var(--mieweb-primary-950, #0c334a)",
150
- foreground: "var(--mieweb-primary-foreground, hsl(210 40% 98%))"
151
- },
152
- // Semantic colors using CSS variables for theming
153
- border: "var(--mieweb-border, hsl(214.3 31.8% 91.4%))",
154
- input: "var(--mieweb-input, hsl(214.3 31.8% 91.4%))",
155
- ring: "var(--mieweb-ring, hsl(221.2 83.2% 53.3%))",
156
- background: "var(--mieweb-background, hsl(0 0% 100%))",
157
- foreground: "var(--mieweb-foreground, hsl(222.2 84% 4.9%))",
158
- // Component-specific semantic colors
159
- card: {
160
- DEFAULT: "var(--mieweb-card, hsl(0 0% 100%))",
161
- foreground: "var(--mieweb-card-foreground, hsl(222.2 84% 4.9%))"
162
- },
163
- muted: {
164
- DEFAULT: "var(--mieweb-muted, hsl(210 40% 96.1%))",
165
- foreground: "var(--mieweb-muted-foreground, hsl(215.4 16.3% 46.9%))"
166
- },
167
- destructive: {
168
- DEFAULT: "var(--mieweb-destructive, hsl(0 84.2% 60.2%))",
169
- foreground: "var(--mieweb-destructive-foreground, hsl(210 40% 98%))"
170
- },
171
- success: {
172
- DEFAULT: "var(--mieweb-success, hsl(142.1 76.2% 36.3%))",
173
- foreground: "var(--mieweb-success-foreground, hsl(355.7 100% 97.3%))"
174
- },
175
- warning: {
176
- DEFAULT: "var(--mieweb-warning, hsl(45.4 93.4% 47.5%))",
177
- foreground: "var(--mieweb-warning-foreground, hsl(26 83.3% 14.1%))"
178
- },
179
- info: {
180
- DEFAULT: "var(--mieweb-info, hsl(204 94% 94%))",
181
- foreground: "var(--mieweb-info-foreground, hsl(213 31% 91%))"
182
- }
183
- },
184
- fontFamily: {
185
- sans: [
186
- "var(--mieweb-font-sans, ui-sans-serif)",
187
- "system-ui",
188
- "sans-serif"
189
- ]
190
- },
191
- borderRadius: {
192
- "2xl": "var(--mieweb-radius-2xl, 1rem)",
193
- lg: "var(--mieweb-radius-lg, 0.75rem)",
194
- md: "var(--mieweb-radius-md, 0.5rem)",
195
- sm: "var(--mieweb-radius-sm, 0.25rem)",
196
- xl: "var(--mieweb-radius-xl, 1rem)"
197
- },
198
- boxShadow: {
199
- card: "var(--mieweb-shadow-card, 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1))"
200
- },
201
- keyframes: {
202
- "fade-in": {
203
- "0%": { opacity: "0" },
204
- "100%": { opacity: "1" }
205
- },
206
- "fade-out": {
207
- "0%": { opacity: "1" },
208
- "100%": { opacity: "0" }
209
- },
210
- "slide-in-from-top": {
211
- "0%": { transform: "translateY(-0.5rem)", opacity: "0" },
212
- "100%": { transform: "translateY(0)", opacity: "1" }
213
- },
214
- "slide-in-from-bottom": {
215
- "0%": { transform: "translateY(0.5rem)", opacity: "0" },
216
- "100%": { transform: "translateY(0)", opacity: "1" }
217
- },
218
- "slide-in-right": {
219
- "0%": { transform: "translateX(100%)", opacity: "0" },
220
- "100%": { transform: "translateX(0)", opacity: "1" }
221
- },
222
- "slide-in-left": {
223
- "0%": { transform: "translateX(-100%)", opacity: "0" },
224
- "100%": { transform: "translateX(0)", opacity: "1" }
225
- },
226
- "scale-in": {
227
- "0%": { transform: "scale(0.95)", opacity: "0" },
228
- "100%": { transform: "scale(1)", opacity: "1" }
229
- }
230
- },
231
- animation: {
232
- "fade-in": "fade-in 150ms ease-out",
233
- "fade-out": "fade-out 150ms ease-in",
234
- "slide-in-from-top": "slide-in-from-top 150ms ease-out",
235
- "slide-in-from-bottom": "slide-in-from-bottom 150ms ease-out",
236
- "slide-in-right": "slide-in-right 300ms ease-out",
237
- "slide-in-left": "slide-in-left 300ms ease-out",
238
- "scale-in": "scale-in 150ms ease-out"
239
- }
240
- }
241
- }
242
- };
243
- var tailwind_preset_default = miewebUIPreset;
244
-
245
- export { miewebUIPreset, miewebUISafelist, tailwind_preset_default };
246
- //# sourceMappingURL=chunk-5YRTFJ7K.js.map
247
- //# sourceMappingURL=chunk-5YRTFJ7K.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/tailwind-preset.ts"],"names":[],"mappings":"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","file":"chunk-5YRTFJ7K.js","sourcesContent":["/**\n * @mieweb/ui Tailwind CSS Preset\n *\n * This preset provides the default theme configuration for @mieweb/ui components.\n * Consumers can extend or override these values in their own tailwind.config.js\n *\n * Usage:\n * ```js\n * // tailwind.config.js\n * module.exports = {\n * presets: [require('@mieweb/ui/tailwind-preset')],\n * theme: {\n * extend: {\n * colors: {\n * primary: {\n * 500: '#your-brand-color',\n * },\n * },\n * },\n * },\n * };\n * ```\n */\n\n/**\n * Safelist of classes used by @mieweb/ui components.\n * These must be safelisted because Tailwind may not detect them when\n * components are imported from node_modules (especially with Tailwind CSS 4).\n */\nexport const miewebUISafelist = [\n // Semantic colors\n 'border-border',\n 'border-input',\n 'ring-ring',\n 'bg-background',\n 'bg-card',\n 'bg-muted',\n 'bg-primary',\n 'bg-success',\n 'bg-warning',\n 'bg-destructive',\n 'bg-info',\n 'text-foreground',\n 'text-card-foreground',\n 'text-muted-foreground',\n 'text-primary',\n 'text-primary-foreground',\n 'text-success',\n 'text-success-foreground',\n 'text-warning',\n 'text-warning-foreground',\n 'text-destructive',\n 'text-destructive-foreground',\n 'text-info',\n 'text-info-foreground',\n 'focus:ring-ring',\n 'focus:ring-primary',\n 'focus:border-transparent',\n 'focus:ring-destructive',\n 'border-primary',\n 'border-destructive',\n 'border-success',\n 'focus:ring-success/20',\n 'focus:ring-destructive/20',\n // Opacity-modifier variants for semantic colors used by components\n 'bg-background/60',\n 'bg-background/80',\n 'bg-background/90',\n 'bg-background/95',\n 'bg-card/80',\n 'bg-destructive/5',\n 'bg-destructive/10',\n 'bg-foreground/50',\n 'bg-info/10',\n 'bg-muted/10',\n 'bg-muted/30',\n 'bg-muted/50',\n 'bg-primary/5',\n 'bg-primary/10',\n 'bg-success/10',\n 'bg-warning/10',\n 'border-border/80',\n 'border-destructive/20',\n 'border-destructive/30',\n 'border-destructive/50',\n 'border-info/30',\n 'border-muted-foreground/25',\n 'border-muted-foreground/40',\n 'border-primary/30',\n 'border-primary/50',\n 'border-success/30',\n 'border-success/50',\n 'border-warning/30',\n 'hover:bg-destructive/10',\n 'hover:bg-muted/10',\n 'hover:bg-muted/20',\n 'hover:bg-muted/50',\n 'hover:bg-muted/80',\n 'hover:bg-primary/5',\n 'hover:bg-primary/10',\n 'hover:bg-primary/20',\n 'hover:bg-primary/90',\n 'hover:border-border/80',\n 'hover:border-muted-foreground/50',\n 'hover:text-destructive/80',\n 'hover:text-primary/80',\n 'text-muted-foreground/30',\n 'text-muted-foreground/40',\n 'text-muted-foreground/50',\n 'text-muted-foreground/60',\n 'text-muted-foreground/70',\n 'text-primary/80',\n 'text-primary-foreground/90',\n 'ring-primary',\n 'ring-2',\n 'ring-offset-2',\n // Grid classes for QuickAction and responsive layouts\n 'grid-cols-1',\n 'grid-cols-2',\n 'grid-cols-3',\n 'grid-cols-4',\n 'grid-cols-6',\n 'sm:grid-cols-1',\n 'sm:grid-cols-2',\n 'sm:grid-cols-3',\n 'sm:grid-cols-4',\n 'sm:grid-cols-6',\n 'md:grid-cols-2',\n 'md:grid-cols-3',\n 'md:grid-cols-4',\n 'lg:grid-cols-2',\n 'lg:grid-cols-3',\n 'lg:grid-cols-4',\n // Switch component\n 'bg-neutral-200',\n 'dark:bg-neutral-700',\n 'bg-primary-500',\n 'h-5',\n 'w-9',\n 'h-6',\n 'w-11',\n 'h-7',\n 'w-14',\n 'h-4',\n 'w-4',\n 'w-5',\n 'w-6',\n 'translate-x-0.5',\n 'translate-x-4',\n 'translate-x-5',\n 'translate-x-7',\n // SchedulePicker / overflow handling\n 'overflow-x-auto',\n 'overflow-hidden',\n // Select component\n 'truncate',\n];\n\nexport interface MiewebUIPreset {\n darkMode: ['class', '[data-theme=\"dark\"]'];\n safelist: string[];\n theme: {\n extend: Record<string, unknown>;\n };\n}\n\nexport const miewebUIPreset: MiewebUIPreset = {\n darkMode: ['class', '[data-theme=\"dark\"]'],\n safelist: miewebUISafelist,\n theme: {\n extend: {\n colors: {\n // Primary color scale - easily overridable by consumers\n primary: {\n DEFAULT: 'var(--mieweb-primary, var(--mieweb-primary-500, #27aae1))',\n 50: 'var(--mieweb-primary-50, #f0f9ff)',\n 100: 'var(--mieweb-primary-100, #e0f4fe)',\n 200: 'var(--mieweb-primary-200, #b9eafd)',\n 300: 'var(--mieweb-primary-300, #7cdbfc)',\n 400: 'var(--mieweb-primary-400, #36c9f8)',\n 500: 'var(--mieweb-primary-500, #27aae1)',\n 600: 'var(--mieweb-primary-600, #0c90c9)',\n 700: 'var(--mieweb-primary-700, #0b73a3)',\n 800: 'var(--mieweb-primary-800, #0f6086)',\n 900: 'var(--mieweb-primary-900, #124f6f)',\n 950: 'var(--mieweb-primary-950, #0c334a)',\n foreground: 'var(--mieweb-primary-foreground, hsl(210 40% 98%))',\n },\n // Semantic colors using CSS variables for theming\n border: 'var(--mieweb-border, hsl(214.3 31.8% 91.4%))',\n input: 'var(--mieweb-input, hsl(214.3 31.8% 91.4%))',\n ring: 'var(--mieweb-ring, hsl(221.2 83.2% 53.3%))',\n background: 'var(--mieweb-background, hsl(0 0% 100%))',\n foreground: 'var(--mieweb-foreground, hsl(222.2 84% 4.9%))',\n // Component-specific semantic colors\n card: {\n DEFAULT: 'var(--mieweb-card, hsl(0 0% 100%))',\n foreground: 'var(--mieweb-card-foreground, hsl(222.2 84% 4.9%))',\n },\n muted: {\n DEFAULT: 'var(--mieweb-muted, hsl(210 40% 96.1%))',\n foreground: 'var(--mieweb-muted-foreground, hsl(215.4 16.3% 46.9%))',\n },\n destructive: {\n DEFAULT: 'var(--mieweb-destructive, hsl(0 84.2% 60.2%))',\n foreground: 'var(--mieweb-destructive-foreground, hsl(210 40% 98%))',\n },\n success: {\n DEFAULT: 'var(--mieweb-success, hsl(142.1 76.2% 36.3%))',\n foreground: 'var(--mieweb-success-foreground, hsl(355.7 100% 97.3%))',\n },\n warning: {\n DEFAULT: 'var(--mieweb-warning, hsl(45.4 93.4% 47.5%))',\n foreground: 'var(--mieweb-warning-foreground, hsl(26 83.3% 14.1%))',\n },\n info: {\n DEFAULT: 'var(--mieweb-info, hsl(204 94% 94%))',\n foreground: 'var(--mieweb-info-foreground, hsl(213 31% 91%))',\n },\n },\n fontFamily: {\n sans: [\n 'var(--mieweb-font-sans, ui-sans-serif)',\n 'system-ui',\n 'sans-serif',\n ],\n },\n borderRadius: {\n '2xl': 'var(--mieweb-radius-2xl, 1rem)',\n lg: 'var(--mieweb-radius-lg, 0.75rem)',\n md: 'var(--mieweb-radius-md, 0.5rem)',\n sm: 'var(--mieweb-radius-sm, 0.25rem)',\n xl: 'var(--mieweb-radius-xl, 1rem)',\n },\n boxShadow: {\n card: 'var(--mieweb-shadow-card, 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1))',\n },\n keyframes: {\n 'fade-in': {\n '0%': { opacity: '0' },\n '100%': { opacity: '1' },\n },\n 'fade-out': {\n '0%': { opacity: '1' },\n '100%': { opacity: '0' },\n },\n 'slide-in-from-top': {\n '0%': { transform: 'translateY(-0.5rem)', opacity: '0' },\n '100%': { transform: 'translateY(0)', opacity: '1' },\n },\n 'slide-in-from-bottom': {\n '0%': { transform: 'translateY(0.5rem)', opacity: '0' },\n '100%': { transform: 'translateY(0)', opacity: '1' },\n },\n 'slide-in-right': {\n '0%': { transform: 'translateX(100%)', opacity: '0' },\n '100%': { transform: 'translateX(0)', opacity: '1' },\n },\n 'slide-in-left': {\n '0%': { transform: 'translateX(-100%)', opacity: '0' },\n '100%': { transform: 'translateX(0)', opacity: '1' },\n },\n 'scale-in': {\n '0%': { transform: 'scale(0.95)', opacity: '0' },\n '100%': { transform: 'scale(1)', opacity: '1' },\n },\n },\n animation: {\n 'fade-in': 'fade-in 150ms ease-out',\n 'fade-out': 'fade-out 150ms ease-in',\n 'slide-in-from-top': 'slide-in-from-top 150ms ease-out',\n 'slide-in-from-bottom': 'slide-in-from-bottom 150ms ease-out',\n 'slide-in-right': 'slide-in-right 300ms ease-out',\n 'slide-in-left': 'slide-in-left 300ms ease-out',\n 'scale-in': 'scale-in 150ms ease-out',\n },\n },\n },\n};\n\nexport default miewebUIPreset;\n"]}