@duke333/builder-ui 0.1.4 → 0.2.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 (24) hide show
  1. package/README.md +20 -32
  2. package/dist/{BuilderAdminPages-Buy2nvjs.d.ts → BuilderAdminPages-C-jaMLOa.d.ts} +6 -0
  3. package/dist/{RuntimeEntryDialog-DAO74GFp.d.ts → RuntimeEntryDialog-Bw741XbS.d.ts} +12 -5
  4. package/dist/admin/index.d.ts +2 -2
  5. package/dist/admin/index.js +30 -3
  6. package/dist/admin/index.js.map +1 -1
  7. package/dist/api/index.d.ts +5 -2
  8. package/dist/api/index.js +9 -1
  9. package/dist/api/index.js.map +1 -1
  10. package/dist/components/index.d.ts +5 -3
  11. package/dist/components/index.js +53 -25
  12. package/dist/components/index.js.map +1 -1
  13. package/dist/index.d.ts +2215 -10
  14. package/dist/index.js +1919 -1145
  15. package/dist/index.js.map +1 -1
  16. package/dist/integration/index.d.ts +3 -1
  17. package/dist/integration/index.js +45 -5
  18. package/dist/integration/index.js.map +1 -1
  19. package/dist/runtime/index.d.ts +3 -1
  20. package/dist/runtime/index.js.map +1 -1
  21. package/dist/styles.css +405 -0
  22. package/dist/styles.css.map +1 -0
  23. package/dist/styles.d.ts +2 -0
  24. package/package.json +10 -2
package/dist/runtime/index.d.ts CHANGED
@@ -2,7 +2,9 @@ type BuilderRuntimeFieldLike = {
2
2
  key: string;
3
3
  type: string;
4
4
  };
5
+ type BuilderRuntimePresentation = "dialog" | "drawer";
5
6
  type BuilderRuntimeFormSchemaLike = {
7
+ presentation?: BuilderRuntimePresentation;
6
8
  fields: readonly BuilderRuntimeFieldLike[];
7
9
  };
8
10
  type BuilderRuntimeViewLike = {
@@ -25,4 +27,4 @@ declare function createBuilderFormDefaultValues(schema?: BuilderRuntimeFormSchem
25
27
  declare function createBuilderEntryDefaultValues(view: BuilderRuntimeViewLike, editing: BuilderRuntimeEntryLike | null): BuilderRuntimeEntryValues;
26
28
  declare function formatBuilderRuntimeValue(value: unknown, locale?: string): string;
27
29
 
28
- export { type BuilderRuntimeEntryLike, type BuilderRuntimeEntryValues, type BuilderRuntimeFieldLike, type BuilderRuntimeFormSchemaLike, type BuilderRuntimeFormValues, type BuilderRuntimeViewLike, createBuilderEntryDefaultValues, createBuilderFormDefaultValues, formatBuilderRuntimeValue };
30
+ export { type BuilderRuntimeEntryLike, type BuilderRuntimeEntryValues, type BuilderRuntimeFieldLike, type BuilderRuntimeFormSchemaLike, type BuilderRuntimeFormValues, type BuilderRuntimePresentation, type BuilderRuntimeViewLike, createBuilderEntryDefaultValues, createBuilderFormDefaultValues, formatBuilderRuntimeValue };
package/dist/runtime/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/runtime/runtimeUtils.ts"],"sourcesContent":["export type BuilderRuntimeFieldLike = {\n key: string;\n type: string;\n};\n\nexport type BuilderRuntimeFormSchemaLike = {\n fields: readonly BuilderRuntimeFieldLike[];\n};\n\nexport type BuilderRuntimeViewLike = {\n form?: {\n schema: BuilderRuntimeFormSchemaLike;\n } | null;\n};\n\nexport type BuilderRuntimeEntryLike = {\n id: string;\n values: Record<string, unknown>;\n version: number;\n};\n\nexport type BuilderRuntimeFormValues = {\n values: Record<string, unknown>;\n};\n\nexport type BuilderRuntimeEntryValues = BuilderRuntimeFormValues & {\n version: number;\n};\n\nfunction emptyFieldValue(field: BuilderRuntimeFieldLike) {\n return field.type === \"checkbox\" ? false : \"\";\n}\n\nexport function createBuilderFormDefaultValues(\n schema?: BuilderRuntimeFormSchemaLike,\n): BuilderRuntimeFormValues {\n const values: Record<string, unknown> = {};\n for (const field of schema?.fields ?? []) {\n values[field.key] = emptyFieldValue(field);\n }\n return { values };\n}\n\nexport function createBuilderEntryDefaultValues(\n view: BuilderRuntimeViewLike,\n editing: BuilderRuntimeEntryLike | null,\n): BuilderRuntimeEntryValues {\n const values: Record<string, unknown> = {};\n for (const field of view.form?.schema.fields ?? []) {\n const existing = editing?.values[field.key];\n values[field.key] = existing === undefined ? emptyFieldValue(field) : existing;\n }\n return { values, version: editing?.version ?? 0 };\n}\n\nexport function formatBuilderRuntimeValue(value: unknown, locale = \"mn-MN\") {\n if (value === null || value === undefined || value === \"\") return \"—\";\n if (typeof value === \"boolean\") return value ? \"Тийм\" : \"Үгүй\";\n if (typeof value === \"number\") return new Intl.NumberFormat(locale).format(value);\n return String(value);\n}\n"],"mappings":";AA6BA,SAAS,gBAAgB,OAAgC;AACvD,SAAO,MAAM,SAAS,aAAa,QAAQ;AAC7C;AAEO,SAAS,+BACd,QAC0B;AAC1B,QAAM,SAAkC,CAAC;AACzC,aAAW,SAAS,QAAQ,UAAU,CAAC,GAAG;AACxC,WAAO,MAAM,GAAG,IAAI,gBAAgB,KAAK;AAAA,EAC3C;AACA,SAAO,EAAE,OAAO;AAClB;AAEO,SAAS,gCACd,MACA,SAC2B;AAC3B,QAAM,SAAkC,CAAC;AACzC,aAAW,SAAS,KAAK,MAAM,OAAO,UAAU,CAAC,GAAG;AAClD,UAAM,WAAW,SAAS,OAAO,MAAM,GAAG;AAC1C,WAAO,MAAM,GAAG,IAAI,aAAa,SAAY,gBAAgB,KAAK,IAAI;AAAA,EACxE;AACA,SAAO,EAAE,QAAQ,SAAS,SAAS,WAAW,EAAE;AAClD;AAEO,SAAS,0BAA0B,OAAgB,SAAS,SAAS;AAC1E,MAAI,UAAU,QAAQ,UAAU,UAAa,UAAU,GAAI,QAAO;AAClE,MAAI,OAAO,UAAU,UAAW,QAAO,QAAQ,6BAAS;AACxD,MAAI,OAAO,UAAU,SAAU,QAAO,IAAI,KAAK,aAAa,MAAM,EAAE,OAAO,KAAK;AAChF,SAAO,OAAO,KAAK;AACrB;","names":[]}
1
+ {"version":3,"sources":["../../src/runtime/runtimeUtils.ts"],"sourcesContent":["export type BuilderRuntimeFieldLike = {\n key: string;\n type: string;\n};\n\nexport type BuilderRuntimePresentation = \"dialog\" | \"drawer\";\n\nexport type BuilderRuntimeFormSchemaLike = {\n presentation?: BuilderRuntimePresentation;\n fields: readonly BuilderRuntimeFieldLike[];\n};\n\nexport type BuilderRuntimeViewLike = {\n form?: {\n schema: BuilderRuntimeFormSchemaLike;\n } | null;\n};\n\nexport type BuilderRuntimeEntryLike = {\n id: string;\n values: Record<string, unknown>;\n version: number;\n};\n\nexport type BuilderRuntimeFormValues = {\n values: Record<string, unknown>;\n};\n\nexport type BuilderRuntimeEntryValues = BuilderRuntimeFormValues & {\n version: number;\n};\n\nfunction emptyFieldValue(field: BuilderRuntimeFieldLike) {\n return field.type === \"checkbox\" ? false : \"\";\n}\n\nexport function createBuilderFormDefaultValues(\n schema?: BuilderRuntimeFormSchemaLike,\n): BuilderRuntimeFormValues {\n const values: Record<string, unknown> = {};\n for (const field of schema?.fields ?? []) {\n values[field.key] = emptyFieldValue(field);\n }\n return { values };\n}\n\nexport function createBuilderEntryDefaultValues(\n view: BuilderRuntimeViewLike,\n editing: BuilderRuntimeEntryLike | null,\n): BuilderRuntimeEntryValues {\n const values: Record<string, unknown> = {};\n for (const field of view.form?.schema.fields ?? []) {\n const existing = editing?.values[field.key];\n values[field.key] = existing === undefined ? emptyFieldValue(field) : existing;\n }\n return { values, version: editing?.version ?? 0 };\n}\n\nexport function formatBuilderRuntimeValue(value: unknown, locale = \"mn-MN\") {\n if (value === null || value === undefined || value === \"\") return \"—\";\n if (typeof value === \"boolean\") return value ? \"Тийм\" : \"Үгүй\";\n if (typeof value === \"number\") return new Intl.NumberFormat(locale).format(value);\n return String(value);\n}\n"],"mappings":";AAgCA,SAAS,gBAAgB,OAAgC;AACvD,SAAO,MAAM,SAAS,aAAa,QAAQ;AAC7C;AAEO,SAAS,+BACd,QAC0B;AAC1B,QAAM,SAAkC,CAAC;AACzC,aAAW,SAAS,QAAQ,UAAU,CAAC,GAAG;AACxC,WAAO,MAAM,GAAG,IAAI,gBAAgB,KAAK;AAAA,EAC3C;AACA,SAAO,EAAE,OAAO;AAClB;AAEO,SAAS,gCACd,MACA,SAC2B;AAC3B,QAAM,SAAkC,CAAC;AACzC,aAAW,SAAS,KAAK,MAAM,OAAO,UAAU,CAAC,GAAG;AAClD,UAAM,WAAW,SAAS,OAAO,MAAM,GAAG;AAC1C,WAAO,MAAM,GAAG,IAAI,aAAa,SAAY,gBAAgB,KAAK,IAAI;AAAA,EACxE;AACA,SAAO,EAAE,QAAQ,SAAS,SAAS,WAAW,EAAE;AAClD;AAEO,SAAS,0BAA0B,OAAgB,SAAS,SAAS;AAC1E,MAAI,UAAU,QAAQ,UAAU,UAAa,UAAU,GAAI,QAAO;AAClE,MAAI,OAAO,UAAU,UAAW,QAAO,QAAQ,6BAAS;AACxD,MAAI,OAAO,UAAU,SAAU,QAAO,IAAI,KAAK,aAAa,MAAM,EAAE,OAAO,KAAK;AAChF,SAAO,OAAO,KAAK;AACrB;","names":[]}
package/dist/styles.css ADDED
@@ -0,0 +1,405 @@
1
+ /* src/styles.css */
2
+ :where(.builder-runtime, .builder-card, .builder-overlay) {
3
+ --builder-bg: #ffffff;
4
+ --builder-surface: #f6f7f8;
5
+ --builder-text: #171717;
6
+ --builder-muted: #666a70;
7
+ --builder-border: #d9dce1;
8
+ --builder-primary: #078a35;
9
+ --builder-primary-text: #ffffff;
10
+ --builder-danger: #b42318;
11
+ --builder-radius: 12px;
12
+ color: var(--builder-text);
13
+ font: inherit;
14
+ }
15
+ .builder-card {
16
+ background: var(--builder-bg);
17
+ border: 1px solid var(--builder-border);
18
+ border-radius: var(--builder-radius);
19
+ padding: 1.25rem;
20
+ }
21
+ .builder-title {
22
+ margin: 0;
23
+ color: var(--builder-text);
24
+ font-size: 1.25rem;
25
+ font-weight: 700;
26
+ line-height: 1.3;
27
+ }
28
+ .builder-description {
29
+ margin: .25rem 0 0;
30
+ color: var(--builder-muted);
31
+ font-size: .875rem;
32
+ }
33
+ .builder-form {
34
+ display: grid;
35
+ gap: 1.25rem;
36
+ margin-top: 1rem;
37
+ }
38
+ .builder-form-fields {
39
+ display: grid;
40
+ gap: 1rem;
41
+ }
42
+ .builder-form-grid {
43
+ display: grid;
44
+ grid-template-columns: repeat(12, minmax(0, 1fr));
45
+ gap: 1rem;
46
+ }
47
+ .builder-fieldset {
48
+ min-width: 0;
49
+ margin: 0;
50
+ padding: 1rem;
51
+ border: 1px solid var(--builder-border);
52
+ border-radius: var(--builder-radius);
53
+ }
54
+ .builder-fieldset legend {
55
+ padding: 0 .35rem;
56
+ font-weight: 650;
57
+ }
58
+ .builder-field {
59
+ display: grid;
60
+ gap: .4rem;
61
+ min-width: 0;
62
+ }
63
+ .builder-field__label {
64
+ color: var(--builder-text);
65
+ font-size: .875rem;
66
+ font-weight: 650;
67
+ }
68
+ .builder-field__description {
69
+ color: var(--builder-muted);
70
+ }
71
+ .builder-field__error {
72
+ color: var(--builder-danger);
73
+ }
74
+ .builder-input {
75
+ box-sizing: border-box;
76
+ width: 100%;
77
+ min-height: 2.5rem;
78
+ border: 1px solid var(--builder-border);
79
+ border-radius: 9px;
80
+ background: var(--builder-bg);
81
+ color: var(--builder-text);
82
+ padding: .55rem .7rem;
83
+ font: inherit;
84
+ outline: none;
85
+ }
86
+ .builder-input:focus {
87
+ border-color: var(--builder-primary);
88
+ box-shadow: 0 0 0 3px color-mix(in srgb, var(--builder-primary) 18%, transparent);
89
+ }
90
+ .builder-input:disabled {
91
+ cursor: not-allowed;
92
+ opacity: .65;
93
+ background: var(--builder-surface);
94
+ }
95
+ .builder-textarea {
96
+ min-height: 6rem;
97
+ resize: vertical;
98
+ }
99
+ .builder-checkbox {
100
+ width: 1.15rem;
101
+ height: 1.15rem;
102
+ accent-color: var(--builder-primary);
103
+ }
104
+ .builder-actions {
105
+ display: flex;
106
+ justify-content: flex-end;
107
+ gap: .625rem;
108
+ }
109
+ .builder-actions--sticky {
110
+ position: sticky;
111
+ bottom: 0;
112
+ z-index: 2;
113
+ margin: 0 -1rem -1rem;
114
+ padding: .8rem 1rem;
115
+ border-top: 1px solid var(--builder-border);
116
+ background: color-mix(in srgb, var(--builder-bg) 94%, transparent);
117
+ backdrop-filter: blur(8px);
118
+ }
119
+ .builder-button {
120
+ min-height: 2.4rem;
121
+ border: 1px solid transparent;
122
+ border-radius: 9px;
123
+ padding: .5rem .85rem;
124
+ font: inherit;
125
+ font-weight: 650;
126
+ cursor: pointer;
127
+ }
128
+ .builder-button:disabled {
129
+ cursor: not-allowed;
130
+ opacity: .5;
131
+ }
132
+ .builder-button--primary {
133
+ background: var(--builder-primary);
134
+ color: var(--builder-primary-text);
135
+ }
136
+ .builder-button--secondary {
137
+ border-color: var(--builder-border);
138
+ background: var(--builder-surface);
139
+ color: var(--builder-text);
140
+ }
141
+ .builder-button--ghost {
142
+ border-color: var(--builder-border);
143
+ background: transparent;
144
+ color: var(--builder-text);
145
+ }
146
+ .builder-button--danger {
147
+ background: var(--builder-danger);
148
+ color: #fff;
149
+ }
150
+ .builder-icon-button {
151
+ width: 2.25rem;
152
+ height: 2.25rem;
153
+ border: 0;
154
+ border-radius: 999px;
155
+ background: var(--builder-surface);
156
+ color: var(--builder-text);
157
+ font-size: 1.5rem;
158
+ cursor: pointer;
159
+ }
160
+ .builder-grid {
161
+ padding: 0;
162
+ overflow: hidden;
163
+ }
164
+ .builder-grid__header {
165
+ display: flex;
166
+ align-items: center;
167
+ justify-content: space-between;
168
+ gap: 1rem;
169
+ padding: 1.1rem 1.25rem;
170
+ border-bottom: 1px solid var(--builder-border);
171
+ }
172
+ .builder-grid__toolbar {
173
+ display: flex;
174
+ align-items: center;
175
+ justify-content: flex-end;
176
+ gap: .65rem;
177
+ }
178
+ .builder-grid__search {
179
+ width: min(18rem, 45vw);
180
+ }
181
+ .builder-table-wrap {
182
+ width: 100%;
183
+ overflow: auto;
184
+ }
185
+ .builder-table {
186
+ width: 100%;
187
+ border-collapse: collapse;
188
+ white-space: nowrap;
189
+ }
190
+ .builder-table th,
191
+ .builder-table td {
192
+ padding: .8rem 1rem;
193
+ border-bottom: 1px solid var(--builder-border);
194
+ text-align: left;
195
+ }
196
+ .builder-table th {
197
+ background: var(--builder-surface);
198
+ color: var(--builder-muted);
199
+ font-size: .78rem;
200
+ font-weight: 700;
201
+ text-transform: uppercase;
202
+ }
203
+ .builder-table .builder-align-right {
204
+ text-align: right;
205
+ }
206
+ .builder-sort {
207
+ border: 0;
208
+ background: transparent;
209
+ color: inherit;
210
+ font: inherit;
211
+ cursor: pointer;
212
+ text-transform: inherit;
213
+ }
214
+ .builder-row-clickable {
215
+ cursor: pointer;
216
+ }
217
+ .builder-row-clickable:hover {
218
+ background: color-mix(in srgb, var(--builder-primary) 5%, transparent);
219
+ }
220
+ .builder-row-actions {
221
+ display: flex;
222
+ justify-content: flex-end;
223
+ gap: .4rem;
224
+ }
225
+ .builder-pagination {
226
+ display: flex;
227
+ align-items: center;
228
+ justify-content: space-between;
229
+ gap: 1rem;
230
+ padding: .8rem 1.25rem;
231
+ color: var(--builder-muted);
232
+ font-size: .875rem;
233
+ }
234
+ .builder-pagination > div {
235
+ display: flex;
236
+ align-items: center;
237
+ gap: .65rem;
238
+ }
239
+ .builder-state {
240
+ display: grid;
241
+ justify-items: center;
242
+ gap: .35rem;
243
+ padding: 2.5rem 1rem;
244
+ color: var(--builder-muted);
245
+ text-align: center;
246
+ }
247
+ .builder-state--error {
248
+ color: var(--builder-danger);
249
+ }
250
+ .builder-overlay {
251
+ position: fixed;
252
+ inset: 0;
253
+ z-index: 1000;
254
+ display: flex;
255
+ align-items: center;
256
+ justify-content: center;
257
+ padding: 1rem;
258
+ background: rgba(0, 0, 0, .52);
259
+ }
260
+ .builder-overlay__panel {
261
+ display: flex;
262
+ flex-direction: column;
263
+ width: min(48rem, 100%);
264
+ max-height: calc(100dvh - 2rem);
265
+ border: 1px solid var(--builder-border);
266
+ border-radius: var(--builder-radius);
267
+ background: var(--builder-bg);
268
+ box-shadow: 0 24px 70px rgba(0, 0, 0, .25);
269
+ outline: none;
270
+ animation: builder-enter .16s ease-out;
271
+ }
272
+ .builder-overlay__panel--drawer {
273
+ width: min(48rem, 100%);
274
+ height: 100dvh;
275
+ max-height: 100dvh;
276
+ margin-left: auto;
277
+ border-radius: 0;
278
+ animation-name: builder-drawer-enter;
279
+ }
280
+ .builder-overlay:has(.builder-overlay__panel--drawer) {
281
+ justify-content: flex-end;
282
+ padding: 0;
283
+ }
284
+ .builder-overlay__header {
285
+ display: flex;
286
+ align-items: flex-start;
287
+ justify-content: space-between;
288
+ gap: 1rem;
289
+ padding: 1rem 1.25rem;
290
+ border-bottom: 1px solid var(--builder-border);
291
+ }
292
+ .builder-overlay__body {
293
+ min-height: 0;
294
+ overflow: auto;
295
+ padding: 1rem;
296
+ }
297
+ .builder-subform {
298
+ display: grid;
299
+ gap: .75rem;
300
+ padding-top: 1rem;
301
+ border-top: 1px solid var(--builder-border);
302
+ }
303
+ .builder-subform__header {
304
+ display: flex;
305
+ align-items: center;
306
+ justify-content: space-between;
307
+ gap: 1rem;
308
+ }
309
+ .builder-link {
310
+ border: 0;
311
+ background: transparent;
312
+ padding: 0;
313
+ text-align: left;
314
+ cursor: pointer;
315
+ }
316
+ .builder-link--danger {
317
+ color: var(--builder-danger);
318
+ }
319
+ .builder-notifications {
320
+ position: fixed;
321
+ right: 1rem;
322
+ bottom: 1rem;
323
+ z-index: 1100;
324
+ display: grid;
325
+ gap: .5rem;
326
+ width: min(22rem, calc(100vw - 2rem));
327
+ }
328
+ .builder-notification {
329
+ display: flex;
330
+ align-items: flex-start;
331
+ justify-content: space-between;
332
+ gap: .75rem;
333
+ border: 1px solid var(--builder-border, #d9dce1);
334
+ border-left: 4px solid var(--builder-primary, #078a35);
335
+ border-radius: 9px;
336
+ background: var(--builder-bg, #fff);
337
+ color: var(--builder-text, #171717);
338
+ padding: .75rem;
339
+ box-shadow: 0 10px 30px rgba(0, 0, 0, .16);
340
+ }
341
+ .builder-notification--error {
342
+ border-left-color: var(--builder-danger, #b42318);
343
+ }
344
+ .builder-notification--warning {
345
+ border-left-color: #b26a00;
346
+ }
347
+ .builder-notification button {
348
+ border: 0;
349
+ background: transparent;
350
+ color: inherit;
351
+ font-size: 1.1rem;
352
+ cursor: pointer;
353
+ }
354
+ @keyframes builder-enter {
355
+ from {
356
+ opacity: 0;
357
+ transform: translateY(8px) scale(.99);
358
+ }
359
+ }
360
+ @keyframes builder-drawer-enter {
361
+ from {
362
+ transform: translateX(24px);
363
+ opacity: .7;
364
+ }
365
+ }
366
+ @media (max-width: 640px) {
367
+ .builder-card {
368
+ padding: 1rem;
369
+ }
370
+ .builder-grid {
371
+ padding: 0;
372
+ }
373
+ .builder-grid__header {
374
+ align-items: stretch;
375
+ flex-direction: column;
376
+ }
377
+ .builder-grid__toolbar {
378
+ justify-content: stretch;
379
+ }
380
+ .builder-grid__search {
381
+ width: 100%;
382
+ }
383
+ .builder-form-grid > * {
384
+ grid-column: span 12 !important;
385
+ }
386
+ .builder-actions {
387
+ display: grid;
388
+ grid-template-columns: 1fr 1fr;
389
+ }
390
+ .builder-overlay {
391
+ align-items: flex-end;
392
+ padding: 0;
393
+ }
394
+ .builder-overlay__panel {
395
+ width: 100%;
396
+ max-height: 94dvh;
397
+ border-radius: var(--builder-radius) var(--builder-radius) 0 0;
398
+ }
399
+ }
400
+ @media (prefers-reduced-motion: reduce) {
401
+ .builder-overlay__panel {
402
+ animation: none;
403
+ }
404
+ }
405
+ /*# sourceMappingURL=styles.css.map */
package/dist/styles.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/styles.css"],"sourcesContent":[":where(.builder-runtime, .builder-card, .builder-overlay) {\n --builder-bg: #ffffff;\n --builder-surface: #f6f7f8;\n --builder-text: #171717;\n --builder-muted: #666a70;\n --builder-border: #d9dce1;\n --builder-primary: #078a35;\n --builder-primary-text: #ffffff;\n --builder-danger: #b42318;\n --builder-radius: 12px;\n color: var(--builder-text);\n font: inherit;\n}\n\n.builder-card { background: var(--builder-bg); border: 1px solid var(--builder-border); border-radius: var(--builder-radius); padding: 1.25rem; }\n.builder-title { margin: 0; color: var(--builder-text); font-size: 1.25rem; font-weight: 700; line-height: 1.3; }\n.builder-description { margin: .25rem 0 0; color: var(--builder-muted); font-size: .875rem; }\n.builder-form { display: grid; gap: 1.25rem; margin-top: 1rem; }\n.builder-form-fields { display: grid; gap: 1rem; }\n.builder-form-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 1rem; }\n.builder-fieldset { min-width: 0; margin: 0; padding: 1rem; border: 1px solid var(--builder-border); border-radius: var(--builder-radius); }\n.builder-fieldset legend { padding: 0 .35rem; font-weight: 650; }\n.builder-field { display: grid; gap: .4rem; min-width: 0; }\n.builder-field__label { color: var(--builder-text); font-size: .875rem; font-weight: 650; }\n.builder-field__description { color: var(--builder-muted); }\n.builder-field__error { color: var(--builder-danger); }\n.builder-input { box-sizing: border-box; width: 100%; min-height: 2.5rem; border: 1px solid var(--builder-border); border-radius: 9px; background: var(--builder-bg); color: var(--builder-text); padding: .55rem .7rem; font: inherit; outline: none; }\n.builder-input:focus { border-color: var(--builder-primary); box-shadow: 0 0 0 3px color-mix(in srgb, var(--builder-primary) 18%, transparent); }\n.builder-input:disabled { cursor: not-allowed; opacity: .65; background: var(--builder-surface); }\n.builder-textarea { min-height: 6rem; resize: vertical; }\n.builder-checkbox { width: 1.15rem; height: 1.15rem; accent-color: var(--builder-primary); }\n.builder-actions { display: flex; justify-content: flex-end; gap: .625rem; }\n.builder-actions--sticky { position: sticky; bottom: 0; z-index: 2; margin: 0 -1rem -1rem; padding: .8rem 1rem; border-top: 1px solid var(--builder-border); background: color-mix(in srgb, var(--builder-bg) 94%, transparent); backdrop-filter: blur(8px); }\n.builder-button { min-height: 2.4rem; border: 1px solid transparent; border-radius: 9px; padding: .5rem .85rem; font: inherit; font-weight: 650; cursor: pointer; }\n.builder-button:disabled { cursor: not-allowed; opacity: .5; }\n.builder-button--primary { background: var(--builder-primary); color: var(--builder-primary-text); }\n.builder-button--secondary { border-color: var(--builder-border); background: var(--builder-surface); color: var(--builder-text); }\n.builder-button--ghost { border-color: var(--builder-border); background: transparent; color: var(--builder-text); }\n.builder-button--danger { background: var(--builder-danger); color: #fff; }\n.builder-icon-button { width: 2.25rem; height: 2.25rem; border: 0; border-radius: 999px; background: var(--builder-surface); color: var(--builder-text); font-size: 1.5rem; cursor: pointer; }\n.builder-grid { padding: 0; overflow: hidden; }\n.builder-grid__header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.1rem 1.25rem; border-bottom: 1px solid var(--builder-border); }\n.builder-grid__toolbar { display: flex; align-items: center; justify-content: flex-end; gap: .65rem; }\n.builder-grid__search { width: min(18rem, 45vw); }\n.builder-table-wrap { width: 100%; overflow: auto; }\n.builder-table { width: 100%; border-collapse: collapse; white-space: nowrap; }\n.builder-table th, .builder-table td { padding: .8rem 1rem; border-bottom: 1px solid var(--builder-border); text-align: left; }\n.builder-table th { background: var(--builder-surface); color: var(--builder-muted); font-size: .78rem; font-weight: 700; text-transform: uppercase; }\n.builder-table .builder-align-right { text-align: right; }\n.builder-sort { border: 0; background: transparent; color: inherit; font: inherit; cursor: pointer; text-transform: inherit; }\n.builder-row-clickable { cursor: pointer; }\n.builder-row-clickable:hover { background: color-mix(in srgb, var(--builder-primary) 5%, transparent); }\n.builder-row-actions { display: flex; justify-content: flex-end; gap: .4rem; }\n.builder-pagination { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .8rem 1.25rem; color: var(--builder-muted); font-size: .875rem; }\n.builder-pagination > div { display: flex; align-items: center; gap: .65rem; }\n.builder-state { display: grid; justify-items: center; gap: .35rem; padding: 2.5rem 1rem; color: var(--builder-muted); text-align: center; }\n.builder-state--error { color: var(--builder-danger); }\n.builder-overlay { position: fixed; inset: 0; z-index: 1000; display: flex; align-items: center; justify-content: center; padding: 1rem; background: rgba(0, 0, 0, .52); }\n.builder-overlay__panel { display: flex; flex-direction: column; width: min(48rem, 100%); max-height: calc(100dvh - 2rem); border: 1px solid var(--builder-border); border-radius: var(--builder-radius); background: var(--builder-bg); box-shadow: 0 24px 70px rgba(0, 0, 0, .25); outline: none; animation: builder-enter .16s ease-out; }\n.builder-overlay__panel--drawer { width: min(48rem, 100%); height: 100dvh; max-height: 100dvh; margin-left: auto; border-radius: 0; animation-name: builder-drawer-enter; }\n.builder-overlay:has(.builder-overlay__panel--drawer) { justify-content: flex-end; padding: 0; }\n.builder-overlay__header { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; padding: 1rem 1.25rem; border-bottom: 1px solid var(--builder-border); }\n.builder-overlay__body { min-height: 0; overflow: auto; padding: 1rem; }\n.builder-subform { display: grid; gap: .75rem; padding-top: 1rem; border-top: 1px solid var(--builder-border); }\n.builder-subform__header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }\n.builder-link { border: 0; background: transparent; padding: 0; text-align: left; cursor: pointer; }\n.builder-link--danger { color: var(--builder-danger); }\n.builder-notifications { position: fixed; right: 1rem; bottom: 1rem; z-index: 1100; display: grid; gap: .5rem; width: min(22rem, calc(100vw - 2rem)); }\n.builder-notification { display: flex; align-items: flex-start; justify-content: space-between; gap: .75rem; border: 1px solid var(--builder-border, #d9dce1); border-left: 4px solid var(--builder-primary, #078a35); border-radius: 9px; background: var(--builder-bg, #fff); color: var(--builder-text, #171717); padding: .75rem; box-shadow: 0 10px 30px rgba(0, 0, 0, .16); }\n.builder-notification--error { border-left-color: var(--builder-danger, #b42318); }\n.builder-notification--warning { border-left-color: #b26a00; }\n.builder-notification button { border: 0; background: transparent; color: inherit; font-size: 1.1rem; cursor: pointer; }\n\n@keyframes builder-enter { from { opacity: 0; transform: translateY(8px) scale(.99); } }\n@keyframes builder-drawer-enter { from { transform: translateX(24px); opacity: .7; } }\n\n@media (max-width: 640px) {\n .builder-card { padding: 1rem; }\n .builder-grid { padding: 0; }\n .builder-grid__header { align-items: stretch; flex-direction: column; }\n .builder-grid__toolbar { justify-content: stretch; }\n .builder-grid__search { width: 100%; }\n .builder-form-grid > * { grid-column: span 12 !important; }\n .builder-actions { display: grid; grid-template-columns: 1fr 1fr; }\n .builder-overlay { align-items: flex-end; padding: 0; }\n .builder-overlay__panel { width: 100%; max-height: 94dvh; border-radius: var(--builder-radius) var(--builder-radius) 0 0; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .builder-overlay__panel { animation: none; }\n}\n"],"mappings":"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","names":[]}
package/dist/styles.d.ts ADDED
@@ -0,0 +1,2 @@
1
+
2
+ export { }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@duke333/builder-ui",
3
- "version": "0.1.4",
3
+ "version": "0.2.0",
4
4
  "description": "React UI, hooks, and runtime helpers for Winu Builder.",
5
5
  "license": "MIT",
6
6
  "repository": {
@@ -18,7 +18,9 @@
18
18
  "forms",
19
19
  "crud"
20
20
  ],
21
- "sideEffects": false,
21
+ "sideEffects": [
22
+ "**/*.css"
23
+ ],
22
24
  "type": "module",
23
25
  "main": "./dist/index.js",
24
26
  "types": "./dist/index.d.ts",
@@ -56,8 +58,14 @@
56
58
  "./runtime": {
57
59
  "types": "./dist/runtime/index.d.ts",
58
60
  "import": "./dist/runtime/index.js"
61
+ },
62
+ "./styles.css": {
63
+ "default": "./dist/styles.css"
59
64
  }
60
65
  },
66
+ "dependencies": {
67
+ "@duke333/builder-contracts": "0.2.0"
68
+ },
61
69
  "devDependencies": {
62
70
  "@tanstack/react-query": "^5.101.4",
63
71
  "@types/react": "^19",