entasis 0.13.5 → 0.13.7
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.
- package/dist/components/Address/Address.svelte +44 -0
- package/dist/components/Address/Address.svelte.d.ts +4 -0
- package/dist/components/Address/address.d.ts +99 -0
- package/dist/components/Address/address.google.d.ts +89 -0
- package/dist/components/Address/address.google.fixtures.json +808 -0
- package/dist/components/Address/address.google.js +184 -0
- package/dist/components/Address/address.js +109 -0
- package/dist/components/Address/address.mcp.d.ts +1 -0
- package/dist/components/Address/address.mcp.js +100 -0
- package/dist/components/Address/address.props.d.ts +26 -0
- package/dist/components/Address/address.props.js +1 -0
- package/dist/components/Address/address.provider.d.ts +19 -0
- package/dist/components/Address/address.provider.js +69 -0
- package/dist/components/Address/address.theme.d.ts +63 -0
- package/dist/components/Address/address.theme.js +42 -0
- package/dist/components/Address/index.d.ts +6 -0
- package/dist/components/Address/index.js +5 -0
- package/dist/components/Form/AddressInput/AddressInput.svelte +482 -0
- package/dist/components/Form/AddressInput/AddressInput.svelte.d.ts +4 -0
- package/dist/components/Form/AddressInput/addressInput.mcp.d.ts +1 -0
- package/dist/components/Form/AddressInput/addressInput.mcp.js +110 -0
- package/dist/components/Form/AddressInput/addressInput.props.d.ts +72 -0
- package/dist/components/Form/AddressInput/addressInput.props.js +1 -0
- package/dist/components/Form/AddressInput/addressInput.theme.d.ts +63 -0
- package/dist/components/Form/AddressInput/addressInput.theme.js +55 -0
- package/dist/components/Form/AddressInput/index.d.ts +3 -0
- package/dist/components/Form/AddressInput/index.js +2 -0
- package/dist/components/Form/Field/field.d.ts +5 -2
- package/dist/components/Form/Field/field.state.svelte.js +4 -0
- package/dist/components/Form/Field/index.d.ts +1 -1
- package/dist/components/Form/Field/schemas.js +8 -0
- package/dist/components/Form/Form/FormInputRenderer.svelte +6 -0
- package/dist/components/Form/Form/form.d.ts +6 -0
- package/dist/components/Form/Form/form.mcp.d.ts +1 -1
- package/dist/components/Form/Form/form.mcp.js +1 -1
- package/dist/components/Form/Form/form.state.svelte.d.ts +142 -11
- package/dist/components/Form/Form/form.state.svelte.js +2 -0
- package/dist/components/Form/Form/visibility.d.ts +186 -20
- package/dist/components/Form/MultiStepForm/multiStepForm.state.svelte.d.ts +136 -0
- package/dist/components/Form/SignatureInput/SignatureInput.svelte +327 -0
- package/dist/components/Form/SignatureInput/SignatureInput.svelte.d.ts +4 -0
- package/dist/components/Form/SignatureInput/index.d.ts +4 -0
- package/dist/components/Form/SignatureInput/index.js +2 -0
- package/dist/components/Form/SignatureInput/signatureInput.mcp.d.ts +1 -0
- package/dist/components/Form/SignatureInput/signatureInput.mcp.js +74 -0
- package/dist/components/Form/SignatureInput/signatureInput.props.d.ts +29 -0
- package/dist/components/Form/SignatureInput/signatureInput.props.js +1 -0
- package/dist/components/Form/SignatureInput/signatureInput.strokes.d.ts +77 -0
- package/dist/components/Form/SignatureInput/signatureInput.strokes.js +149 -0
- package/dist/components/Form/SignatureInput/signatureInput.theme.d.ts +99 -0
- package/dist/components/Form/SignatureInput/signatureInput.theme.js +70 -0
- package/dist/components/Sidebar/Sidebar.svelte +1 -1
- package/dist/components/Sidebar/SidebarMenuItem.svelte +59 -15
- package/dist/components/Sidebar/SidebarMenuSubItem.svelte +43 -12
- package/dist/components/Sidebar/SidebarMenuText.svelte +60 -0
- package/dist/components/Sidebar/SidebarMenuText.svelte.d.ts +18 -0
- package/dist/components/Sidebar/sidebar.mcp.d.ts +1 -1
- package/dist/components/Sidebar/sidebar.mcp.js +53 -0
- package/dist/components/Sidebar/sidebar.props.d.ts +31 -0
- package/dist/components/Sidebar/sidebar.theme.d.ts +99 -0
- package/dist/components/Sidebar/sidebar.theme.js +100 -9
- package/dist/generated/componentAliases.d.ts +3 -0
- package/dist/generated/componentAliases.js +3 -0
- package/dist/generated/componentContract.d.ts +46 -1
- package/dist/generated/componentContract.js +113 -0
- package/dist/generated/componentMcpRegistry.js +6 -0
- package/dist/i18n/ar.js +18 -0
- package/dist/i18n/de.js +18 -0
- package/dist/i18n/en.d.ts +18 -0
- package/dist/i18n/en.js +18 -0
- package/dist/i18n/es.js +18 -0
- package/dist/i18n/fr.js +18 -0
- package/dist/i18n/ja.js +18 -0
- package/dist/i18n/pt.js +18 -0
- package/dist/i18n/zh.js +18 -0
- package/package.json +25 -1
|
@@ -187,12 +187,18 @@ export declare const sidebarTheme: {
|
|
|
187
187
|
normal: string;
|
|
188
188
|
large: string;
|
|
189
189
|
};
|
|
190
|
+
lead: {
|
|
191
|
+
icon: string;
|
|
192
|
+
media: string;
|
|
193
|
+
};
|
|
190
194
|
endReserve: {
|
|
191
195
|
none: string;
|
|
192
196
|
action: string;
|
|
193
197
|
actionBelowMd: string;
|
|
194
198
|
suffix: string;
|
|
195
199
|
suffixAction: string;
|
|
200
|
+
suffixLine: string;
|
|
201
|
+
suffixLineAction: string;
|
|
196
202
|
};
|
|
197
203
|
}> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
|
|
198
204
|
menuLabel: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
|
|
@@ -203,6 +209,23 @@ export declare const sidebarTheme: {
|
|
|
203
209
|
large: string;
|
|
204
210
|
};
|
|
205
211
|
}> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
|
|
212
|
+
menuText: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
|
|
213
|
+
menuTitleRow: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
|
|
214
|
+
menuTitle: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
|
|
215
|
+
menuDescriptionRow: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
|
|
216
|
+
suffix: {
|
|
217
|
+
false: string;
|
|
218
|
+
true: string;
|
|
219
|
+
};
|
|
220
|
+
}> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
|
|
221
|
+
menuMeta: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
|
|
222
|
+
size: {
|
|
223
|
+
small: string;
|
|
224
|
+
normal: string;
|
|
225
|
+
large: string;
|
|
226
|
+
};
|
|
227
|
+
}> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
|
|
228
|
+
menuMedia: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
|
|
206
229
|
menuTrailing: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
|
|
207
230
|
size: {
|
|
208
231
|
small: string;
|
|
@@ -251,6 +274,12 @@ export declare const sidebarTheme: {
|
|
|
251
274
|
actionBelowMd: string;
|
|
252
275
|
suffix: string;
|
|
253
276
|
suffixAction: string;
|
|
277
|
+
suffixLine: string;
|
|
278
|
+
suffixLineAction: string;
|
|
279
|
+
};
|
|
280
|
+
tall: {
|
|
281
|
+
false: string;
|
|
282
|
+
true: string;
|
|
254
283
|
};
|
|
255
284
|
}> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
|
|
256
285
|
menuAction: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
|
|
@@ -292,6 +321,10 @@ export declare const sidebarTheme: {
|
|
|
292
321
|
none: string;
|
|
293
322
|
action: string;
|
|
294
323
|
};
|
|
324
|
+
line: {
|
|
325
|
+
one: string;
|
|
326
|
+
two: string;
|
|
327
|
+
};
|
|
295
328
|
}> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
|
|
296
329
|
actionSlot: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
|
|
297
330
|
size: {
|
|
@@ -748,12 +781,18 @@ export declare const setSidebarTheme: (theme: InferComponentTheme<{
|
|
|
748
781
|
normal: string;
|
|
749
782
|
large: string;
|
|
750
783
|
};
|
|
784
|
+
lead: {
|
|
785
|
+
icon: string;
|
|
786
|
+
media: string;
|
|
787
|
+
};
|
|
751
788
|
endReserve: {
|
|
752
789
|
none: string;
|
|
753
790
|
action: string;
|
|
754
791
|
actionBelowMd: string;
|
|
755
792
|
suffix: string;
|
|
756
793
|
suffixAction: string;
|
|
794
|
+
suffixLine: string;
|
|
795
|
+
suffixLineAction: string;
|
|
757
796
|
};
|
|
758
797
|
}> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
|
|
759
798
|
menuLabel: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
|
|
@@ -764,6 +803,23 @@ export declare const setSidebarTheme: (theme: InferComponentTheme<{
|
|
|
764
803
|
large: string;
|
|
765
804
|
};
|
|
766
805
|
}> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
|
|
806
|
+
menuText: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
|
|
807
|
+
menuTitleRow: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
|
|
808
|
+
menuTitle: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
|
|
809
|
+
menuDescriptionRow: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
|
|
810
|
+
suffix: {
|
|
811
|
+
false: string;
|
|
812
|
+
true: string;
|
|
813
|
+
};
|
|
814
|
+
}> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
|
|
815
|
+
menuMeta: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
|
|
816
|
+
size: {
|
|
817
|
+
small: string;
|
|
818
|
+
normal: string;
|
|
819
|
+
large: string;
|
|
820
|
+
};
|
|
821
|
+
}> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
|
|
822
|
+
menuMedia: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
|
|
767
823
|
menuTrailing: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
|
|
768
824
|
size: {
|
|
769
825
|
small: string;
|
|
@@ -812,6 +868,12 @@ export declare const setSidebarTheme: (theme: InferComponentTheme<{
|
|
|
812
868
|
actionBelowMd: string;
|
|
813
869
|
suffix: string;
|
|
814
870
|
suffixAction: string;
|
|
871
|
+
suffixLine: string;
|
|
872
|
+
suffixLineAction: string;
|
|
873
|
+
};
|
|
874
|
+
tall: {
|
|
875
|
+
false: string;
|
|
876
|
+
true: string;
|
|
815
877
|
};
|
|
816
878
|
}> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
|
|
817
879
|
menuAction: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
|
|
@@ -853,6 +915,10 @@ export declare const setSidebarTheme: (theme: InferComponentTheme<{
|
|
|
853
915
|
none: string;
|
|
854
916
|
action: string;
|
|
855
917
|
};
|
|
918
|
+
line: {
|
|
919
|
+
one: string;
|
|
920
|
+
two: string;
|
|
921
|
+
};
|
|
856
922
|
}> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
|
|
857
923
|
actionSlot: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
|
|
858
924
|
size: {
|
|
@@ -1307,12 +1373,18 @@ export declare const useSidebarTheme: import("../../utils/cva/theme.ts").UseComp
|
|
|
1307
1373
|
normal: string;
|
|
1308
1374
|
large: string;
|
|
1309
1375
|
};
|
|
1376
|
+
lead: {
|
|
1377
|
+
icon: string;
|
|
1378
|
+
media: string;
|
|
1379
|
+
};
|
|
1310
1380
|
endReserve: {
|
|
1311
1381
|
none: string;
|
|
1312
1382
|
action: string;
|
|
1313
1383
|
actionBelowMd: string;
|
|
1314
1384
|
suffix: string;
|
|
1315
1385
|
suffixAction: string;
|
|
1386
|
+
suffixLine: string;
|
|
1387
|
+
suffixLineAction: string;
|
|
1316
1388
|
};
|
|
1317
1389
|
}> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
|
|
1318
1390
|
menuLabel: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
|
|
@@ -1323,6 +1395,23 @@ export declare const useSidebarTheme: import("../../utils/cva/theme.ts").UseComp
|
|
|
1323
1395
|
large: string;
|
|
1324
1396
|
};
|
|
1325
1397
|
}> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
|
|
1398
|
+
menuText: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
|
|
1399
|
+
menuTitleRow: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
|
|
1400
|
+
menuTitle: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
|
|
1401
|
+
menuDescriptionRow: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
|
|
1402
|
+
suffix: {
|
|
1403
|
+
false: string;
|
|
1404
|
+
true: string;
|
|
1405
|
+
};
|
|
1406
|
+
}> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
|
|
1407
|
+
menuMeta: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
|
|
1408
|
+
size: {
|
|
1409
|
+
small: string;
|
|
1410
|
+
normal: string;
|
|
1411
|
+
large: string;
|
|
1412
|
+
};
|
|
1413
|
+
}> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
|
|
1414
|
+
menuMedia: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
|
|
1326
1415
|
menuTrailing: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
|
|
1327
1416
|
size: {
|
|
1328
1417
|
small: string;
|
|
@@ -1371,6 +1460,12 @@ export declare const useSidebarTheme: import("../../utils/cva/theme.ts").UseComp
|
|
|
1371
1460
|
actionBelowMd: string;
|
|
1372
1461
|
suffix: string;
|
|
1373
1462
|
suffixAction: string;
|
|
1463
|
+
suffixLine: string;
|
|
1464
|
+
suffixLineAction: string;
|
|
1465
|
+
};
|
|
1466
|
+
tall: {
|
|
1467
|
+
false: string;
|
|
1468
|
+
true: string;
|
|
1374
1469
|
};
|
|
1375
1470
|
}> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
|
|
1376
1471
|
menuAction: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
|
|
@@ -1412,6 +1507,10 @@ export declare const useSidebarTheme: import("../../utils/cva/theme.ts").UseComp
|
|
|
1412
1507
|
none: string;
|
|
1413
1508
|
action: string;
|
|
1414
1509
|
};
|
|
1510
|
+
line: {
|
|
1511
|
+
one: string;
|
|
1512
|
+
two: string;
|
|
1513
|
+
};
|
|
1415
1514
|
}> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
|
|
1416
1515
|
actionSlot: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
|
|
1417
1516
|
size: {
|
|
@@ -253,10 +253,25 @@ const defaultMenu = cva({
|
|
|
253
253
|
// `suffix` and `suffixAction` hold a row's `suffix` (see `suffix`), which sits beside the row
|
|
254
254
|
// rather than inside it: the row reserves the suffix's measured width (`--sidebar-suffix-width`,
|
|
255
255
|
// its maximum width until measured), plus the row's own end padding or the action's box.
|
|
256
|
-
|
|
256
|
+
// On a two-line row the suffix sits on the description's line, which reserves its width itself
|
|
257
|
+
// (`menuDescriptionRow`), so the label's line runs to the row's end: `suffixLine` reserves
|
|
258
|
+
// nothing and `suffixLineAction` only the action's box.
|
|
259
|
+
const rowEndReserveKeys = {
|
|
260
|
+
none: '',
|
|
261
|
+
action: '',
|
|
262
|
+
actionBelowMd: '',
|
|
263
|
+
suffix: '',
|
|
264
|
+
suffixAction: '',
|
|
265
|
+
suffixLine: '',
|
|
266
|
+
suffixLineAction: ''
|
|
267
|
+
};
|
|
257
268
|
const rowEndReserve = [
|
|
258
|
-
{ endReserve: 'action', size: ['small', 'normal'], class: 'pe-layout-lg' },
|
|
259
|
-
{
|
|
269
|
+
{ endReserve: ['action', 'suffixLineAction'], size: ['small', 'normal'], class: 'pe-layout-lg' },
|
|
270
|
+
{
|
|
271
|
+
endReserve: ['action', 'suffixLineAction'],
|
|
272
|
+
size: 'large',
|
|
273
|
+
class: 'pe-[calc(var(--spacing)*10)]'
|
|
274
|
+
},
|
|
260
275
|
{ endReserve: 'actionBelowMd', size: ['small', 'normal'], class: 'max-md:pe-layout-lg' },
|
|
261
276
|
{ endReserve: 'actionBelowMd', size: 'large', class: 'max-md:pe-[calc(var(--spacing)*10)]' },
|
|
262
277
|
{
|
|
@@ -304,13 +319,19 @@ const defaultMenuButton = cva({
|
|
|
304
319
|
normal: '',
|
|
305
320
|
large: ''
|
|
306
321
|
},
|
|
322
|
+
// What leads the row. Collapsed to icons, a `media` row centres its media box rather than
|
|
323
|
+
// the icon glyph in the icon button.
|
|
324
|
+
lead: {
|
|
325
|
+
icon: '',
|
|
326
|
+
media: 'group-data-[collapsible=icon]:![padding-inline:calc((var(--sidebar-icon-button-width)-var(--sidebar-media-size))/2)]'
|
|
327
|
+
},
|
|
307
328
|
endReserve: rowEndReserveKeys
|
|
308
329
|
},
|
|
309
330
|
compoundVariants: [
|
|
310
331
|
...rowEndReserve,
|
|
311
332
|
// The suffix covers the row's end, so hovering it keeps the row's hover tint.
|
|
312
333
|
{
|
|
313
|
-
endReserve: ['suffix', 'suffixAction'],
|
|
334
|
+
endReserve: ['suffix', 'suffixAction', 'suffixLine', 'suffixLineAction'],
|
|
314
335
|
class: 'group-has-[[data-sidebar=menu-suffix]:hover]/menu-row:before:opacity-[var(--state-hover-opacity)]'
|
|
315
336
|
},
|
|
316
337
|
{ size: 'small', itemSize: 'small', class: 'h-control-sm' },
|
|
@@ -329,6 +350,7 @@ const defaultMenuButton = cva({
|
|
|
329
350
|
size: 'normal',
|
|
330
351
|
density: 'normal',
|
|
331
352
|
itemSize: 'normal',
|
|
353
|
+
lead: 'icon',
|
|
332
354
|
endReserve: 'none'
|
|
333
355
|
}
|
|
334
356
|
});
|
|
@@ -336,7 +358,7 @@ const defaultMenuLabel = cva({
|
|
|
336
358
|
base: 'min-w-0 flex-1 truncate whitespace-nowrap opacity-100 transition-[opacity,transform] duration-normal ease-standard group-data-[collapsible=icon]:pointer-events-none group-data-[collapsible=icon]:translate-x-1 group-data-[collapsible=icon]:opacity-0'
|
|
337
359
|
});
|
|
338
360
|
const defaultMenuSecondary = cva({
|
|
339
|
-
base: 'truncate text-neutral/70',
|
|
361
|
+
base: 'min-w-0 flex-1 truncate font-normal text-neutral/70',
|
|
340
362
|
variants: {
|
|
341
363
|
size: {
|
|
342
364
|
small: 'text-xs',
|
|
@@ -348,6 +370,50 @@ const defaultMenuSecondary = cva({
|
|
|
348
370
|
size: 'normal'
|
|
349
371
|
}
|
|
350
372
|
});
|
|
373
|
+
// A row with a `description` or a `meta` stacks its text: the label's line (the label, then the
|
|
374
|
+
// meta at its end) over the description. The column fades with the labels in icon mode.
|
|
375
|
+
const defaultMenuText = cva({
|
|
376
|
+
base: 'grid min-w-0 flex-1 text-start opacity-100 transition-[opacity,transform] duration-normal ease-standard group-data-[collapsible=icon]:pointer-events-none group-data-[collapsible=icon]:translate-x-1 group-data-[collapsible=icon]:opacity-0'
|
|
377
|
+
});
|
|
378
|
+
const defaultMenuTitleRow = cva({
|
|
379
|
+
base: 'flex min-w-0 items-baseline gap-sm whitespace-nowrap'
|
|
380
|
+
});
|
|
381
|
+
const defaultMenuTitle = cva({
|
|
382
|
+
base: 'min-w-0 flex-1 truncate'
|
|
383
|
+
});
|
|
384
|
+
// The description's line: the description, then the row's badge. With a `suffix`, the suffix
|
|
385
|
+
// sits on this line, so the line reserves its measured width and the label's line does not.
|
|
386
|
+
const defaultMenuDescriptionRow = cva({
|
|
387
|
+
base: 'flex min-w-0 items-center gap-sm',
|
|
388
|
+
variants: {
|
|
389
|
+
suffix: {
|
|
390
|
+
false: '',
|
|
391
|
+
true: 'pe-[calc(var(--sidebar-suffix-width,40%)+var(--space-sm))]'
|
|
392
|
+
}
|
|
393
|
+
},
|
|
394
|
+
defaultVariants: {
|
|
395
|
+
suffix: false
|
|
396
|
+
}
|
|
397
|
+
});
|
|
398
|
+
// A row's `meta`: a short text (a time, « Hier ») at the end of the label's line.
|
|
399
|
+
const defaultMenuMeta = cva({
|
|
400
|
+
base: 'text-neutral/70 shrink-0 font-normal tabular-nums group-data-[collapsible=icon]:hidden',
|
|
401
|
+
variants: {
|
|
402
|
+
size: {
|
|
403
|
+
small: 'text-xs',
|
|
404
|
+
normal: 'text-xs',
|
|
405
|
+
large: 'text-sm'
|
|
406
|
+
}
|
|
407
|
+
},
|
|
408
|
+
defaultVariants: {
|
|
409
|
+
size: 'normal'
|
|
410
|
+
}
|
|
411
|
+
});
|
|
412
|
+
// A row's `media` (a face, an avatar): a box at the media size, which an `svg` or `img` placed
|
|
413
|
+
// directly inside fills, over the row's icon sizing.
|
|
414
|
+
const defaultMenuMedia = cva({
|
|
415
|
+
base: 'flex size-[var(--sidebar-media-size)] shrink-0 items-center justify-center [&>img]:size-full [&>img]:object-cover [&>svg]:!size-full'
|
|
416
|
+
});
|
|
351
417
|
const defaultMenuTrailing = cva({
|
|
352
418
|
base: 'ms-auto shrink-0 opacity-100 transition-[opacity,transform] duration-normal ease-standard group-data-[collapsible=icon]:pointer-events-none group-data-[collapsible=icon]:translate-x-1 group-data-[collapsible=icon]:opacity-0 [&>svg]:size-[var(--sidebar-icon-size)]',
|
|
353
419
|
variants: {
|
|
@@ -412,12 +478,20 @@ const defaultSubButton = cva({
|
|
|
412
478
|
},
|
|
413
479
|
// Room at the row's end for a pinned action, as on a top-level row. `none` adds nothing: a
|
|
414
480
|
// plain row keeps its exact classes.
|
|
415
|
-
endReserve: rowEndReserveKeys
|
|
481
|
+
endReserve: rowEndReserveKeys,
|
|
482
|
+
// A row with a `description` or a `media` takes the two-line height.
|
|
483
|
+
tall: {
|
|
484
|
+
false: '',
|
|
485
|
+
true: ''
|
|
486
|
+
}
|
|
416
487
|
},
|
|
417
488
|
compoundVariants: [
|
|
418
489
|
...rowEndReserve,
|
|
490
|
+
{ tall: true, size: 'small', class: 'h-row-md' },
|
|
491
|
+
{ tall: true, size: 'normal', class: 'h-row-lg' },
|
|
492
|
+
{ tall: true, size: 'large', class: 'h-14' },
|
|
419
493
|
{
|
|
420
|
-
endReserve: ['suffix', 'suffixAction'],
|
|
494
|
+
endReserve: ['suffix', 'suffixAction', 'suffixLine', 'suffixLineAction'],
|
|
421
495
|
class: 'group-has-[[data-sidebar=menu-sub-suffix]:hover]/menu-sub-item:before:opacity-[var(--state-hover-opacity)]'
|
|
422
496
|
}
|
|
423
497
|
],
|
|
@@ -426,7 +500,8 @@ const defaultSubButton = cva({
|
|
|
426
500
|
size: 'normal',
|
|
427
501
|
density: 'normal',
|
|
428
502
|
itemSize: 'normal',
|
|
429
|
-
endReserve: 'none'
|
|
503
|
+
endReserve: 'none',
|
|
504
|
+
tall: false
|
|
430
505
|
}
|
|
431
506
|
});
|
|
432
507
|
// A row's pinned action is a real small icon button: one box per Sidebar `size`, shared by menu
|
|
@@ -491,9 +566,18 @@ const defaultSuffix = cva({
|
|
|
491
566
|
action: {
|
|
492
567
|
none: '',
|
|
493
568
|
action: ''
|
|
569
|
+
},
|
|
570
|
+
// Which line the suffix is centred on. A row with a description centres it on the
|
|
571
|
+
// description's line, half the label's line height below the row's middle.
|
|
572
|
+
line: {
|
|
573
|
+
one: '',
|
|
574
|
+
two: ''
|
|
494
575
|
}
|
|
495
576
|
},
|
|
496
577
|
compoundVariants: [
|
|
578
|
+
{ line: 'two', size: 'small', class: 'top-[calc(50%+0.5rem)]' },
|
|
579
|
+
{ line: 'two', size: 'normal', class: 'top-[calc(50%+0.625rem)]' },
|
|
580
|
+
{ line: 'two', size: 'large', class: 'top-[calc(50%+0.75rem)]' },
|
|
497
581
|
{ action: 'none', density: 'compact', class: 'end-[var(--space-sm)]' },
|
|
498
582
|
{ action: 'none', density: ['normal', 'comfortable'], class: 'end-[var(--space-md)]' },
|
|
499
583
|
{ action: 'action', size: ['small', 'normal'], class: 'end-[var(--layout-space-lg)]' },
|
|
@@ -502,7 +586,8 @@ const defaultSuffix = cva({
|
|
|
502
586
|
defaultVariants: {
|
|
503
587
|
size: 'normal',
|
|
504
588
|
density: 'normal',
|
|
505
|
-
action: 'none'
|
|
589
|
+
action: 'none',
|
|
590
|
+
line: 'one'
|
|
506
591
|
}
|
|
507
592
|
});
|
|
508
593
|
// One icon-only ghost button box. `size` follows the descriptor, defaulting to the Sidebar size,
|
|
@@ -1162,6 +1247,12 @@ export const sidebarTheme = {
|
|
|
1162
1247
|
menuButton: defaultMenuButton,
|
|
1163
1248
|
menuLabel: defaultMenuLabel,
|
|
1164
1249
|
menuSecondary: defaultMenuSecondary,
|
|
1250
|
+
menuText: defaultMenuText,
|
|
1251
|
+
menuTitleRow: defaultMenuTitleRow,
|
|
1252
|
+
menuTitle: defaultMenuTitle,
|
|
1253
|
+
menuDescriptionRow: defaultMenuDescriptionRow,
|
|
1254
|
+
menuMeta: defaultMenuMeta,
|
|
1255
|
+
menuMedia: defaultMenuMedia,
|
|
1165
1256
|
menuTrailing: defaultMenuTrailing,
|
|
1166
1257
|
subMenu: defaultSubMenu,
|
|
1167
1258
|
treeSubMenu: defaultTreeSubMenu,
|
|
@@ -36,6 +36,7 @@ export const componentAliases: {
|
|
|
36
36
|
'entasis/selection-menu': string;
|
|
37
37
|
'entasis/ask': string;
|
|
38
38
|
'entasis/field': string;
|
|
39
|
+
'entasis/address-input': string;
|
|
39
40
|
'entasis/autocomplete': string;
|
|
40
41
|
'entasis/calendar': string;
|
|
41
42
|
'entasis/checkbox': string;
|
|
@@ -57,6 +58,7 @@ export const componentAliases: {
|
|
|
57
58
|
'entasis/rating-input': string;
|
|
58
59
|
'entasis/rich-text-input': string;
|
|
59
60
|
'entasis/select': string;
|
|
61
|
+
'entasis/signature-input': string;
|
|
60
62
|
'entasis/slider': string;
|
|
61
63
|
'entasis/switch': string;
|
|
62
64
|
'entasis/tag-group': string;
|
|
@@ -65,6 +67,7 @@ export const componentAliases: {
|
|
|
65
67
|
'entasis/text-area': string;
|
|
66
68
|
'entasis/time-input': string;
|
|
67
69
|
'entasis/voice-input': string;
|
|
70
|
+
'entasis/address': string;
|
|
68
71
|
'entasis/avatar': string;
|
|
69
72
|
'entasis/chart': string;
|
|
70
73
|
'entasis/chip': string;
|
|
@@ -37,6 +37,7 @@ export const componentAliases = {
|
|
|
37
37
|
'entasis/selection-menu': './src/lib/components/SelectionMenu/index.ts',
|
|
38
38
|
'entasis/ask': './src/lib/components/Form/Ask/index.ts',
|
|
39
39
|
'entasis/field': './src/lib/components/Form/Field/index.ts',
|
|
40
|
+
'entasis/address-input': './src/lib/components/Form/AddressInput/index.ts',
|
|
40
41
|
'entasis/autocomplete': './src/lib/components/Form/Autocomplete/index.ts',
|
|
41
42
|
'entasis/calendar': './src/lib/components/Form/Calendar/index.ts',
|
|
42
43
|
'entasis/checkbox': './src/lib/components/Form/Checkbox/index.ts',
|
|
@@ -58,6 +59,7 @@ export const componentAliases = {
|
|
|
58
59
|
'entasis/rating-input': './src/lib/components/Form/RatingInput/index.ts',
|
|
59
60
|
'entasis/rich-text-input': './src/lib/components/RichTextInput/index.ts',
|
|
60
61
|
'entasis/select': './src/lib/components/Form/Select/index.ts',
|
|
62
|
+
'entasis/signature-input': './src/lib/components/Form/SignatureInput/index.ts',
|
|
61
63
|
'entasis/slider': './src/lib/components/Form/Slider/index.ts',
|
|
62
64
|
'entasis/switch': './src/lib/components/Form/Switch/index.ts',
|
|
63
65
|
'entasis/tag-group': './src/lib/components/Form/TagGroup/index.ts',
|
|
@@ -66,6 +68,7 @@ export const componentAliases = {
|
|
|
66
68
|
'entasis/text-area': './src/lib/components/Form/TextArea/index.ts',
|
|
67
69
|
'entasis/time-input': './src/lib/components/Form/TimeInput/index.ts',
|
|
68
70
|
'entasis/voice-input': './src/lib/components/Form/VoiceInput/index.ts',
|
|
71
|
+
'entasis/address': './src/lib/components/Address/index.ts',
|
|
69
72
|
'entasis/avatar': './src/lib/components/Avatar/index.ts',
|
|
70
73
|
'entasis/chart': './src/lib/components/Chart/index.ts',
|
|
71
74
|
'entasis/chip': './src/lib/components/Chip/index.ts',
|
|
@@ -482,11 +482,25 @@ export declare const componentInventory: readonly [{
|
|
|
482
482
|
readonly id: "field";
|
|
483
483
|
readonly subpath: "entasis/field";
|
|
484
484
|
readonly sourceIndex: "src/lib/components/Form/Field/index.ts";
|
|
485
|
-
readonly exportedSymbols: readonly ["BooleanInputType", "CalendarInputType", "ColorInputType", "DateInputType", "Field", "FieldActionButton", "FieldAttributes", "FieldButtonAttributes", "FieldControlAttributes", "FieldHiddenInputOption", "FieldHiddenInputValue", "FieldHiddenInputs", "FieldHiddenInputsProps", "FieldLabelPosition", "FieldMessageOverrides", "FieldMessages", "FieldProps", "FieldState", "FieldTheme", "FieldThemeProps", "FieldValidationResult", "FieldValidatorResult", "FieldValue", "FileInputType", "InputProps", "InputType", "KeyValueInputType", "KeyValuePair", "MultipleChoiceInputType", "NumberInputType", "PinInputType", "RatingInputType", "RichTextInputType", "SingleOptionInputType", "SliderRangeInputType", "TagGroupInputType", "TagInputType", "TextInputType", "TimeInputType", "ValidationMode", "VoiceInputType", "createFieldState", "fieldSchemas", "fieldStructure", "fieldTheme", "llmDescription", "setFieldTheme", "useFieldTheme"];
|
|
485
|
+
readonly exportedSymbols: readonly ["AddressInputType", "BooleanInputType", "CalendarInputType", "ColorInputType", "DateInputType", "Field", "FieldActionButton", "FieldAttributes", "FieldButtonAttributes", "FieldControlAttributes", "FieldHiddenInputOption", "FieldHiddenInputValue", "FieldHiddenInputs", "FieldHiddenInputsProps", "FieldLabelPosition", "FieldMessageOverrides", "FieldMessages", "FieldProps", "FieldState", "FieldTheme", "FieldThemeProps", "FieldValidationResult", "FieldValidatorResult", "FieldValue", "FileInputType", "InputProps", "InputType", "KeyValueInputType", "KeyValuePair", "MultipleChoiceInputType", "NumberInputType", "PinInputType", "RatingInputType", "RichTextInputType", "SignatureInputType", "SingleOptionInputType", "SliderRangeInputType", "TagGroupInputType", "TagInputType", "TextInputType", "TimeInputType", "ValidationMode", "VoiceInputType", "createFieldState", "fieldSchemas", "fieldStructure", "fieldTheme", "llmDescription", "setFieldTheme", "useFieldTheme"];
|
|
486
486
|
readonly docs: readonly [];
|
|
487
487
|
readonly capabilities: readonly ["svelte", "component", "forms"];
|
|
488
488
|
readonly relatedComponents: readonly ["form"];
|
|
489
489
|
readonly visibility: "public";
|
|
490
|
+
}, {
|
|
491
|
+
readonly id: "address-input";
|
|
492
|
+
readonly subpath: "entasis/address-input";
|
|
493
|
+
readonly sourceIndex: "src/lib/components/Form/AddressInput/index.ts";
|
|
494
|
+
readonly exportedSymbols: readonly ["AddressFieldConfig", "AddressFieldItem", "AddressFieldRow", "AddressInput", "AddressInputLayout", "AddressInputProps", "AddressInputTheme", "AddressInputThemeProps", "addressInputTheme", "setAddressInputTheme", "useAddressInputTheme"];
|
|
495
|
+
readonly docs: readonly [{
|
|
496
|
+
readonly id: "address-input";
|
|
497
|
+
readonly route: "/components/address-input";
|
|
498
|
+
readonly category: "Forms";
|
|
499
|
+
readonly label: "Address input";
|
|
500
|
+
}];
|
|
501
|
+
readonly capabilities: readonly ["svelte", "component", "forms"];
|
|
502
|
+
readonly relatedComponents: readonly ["address", "autocomplete"];
|
|
503
|
+
readonly visibility: "public";
|
|
490
504
|
}, {
|
|
491
505
|
readonly id: "autocomplete";
|
|
492
506
|
readonly subpath: "entasis/autocomplete";
|
|
@@ -781,6 +795,20 @@ export declare const componentInventory: readonly [{
|
|
|
781
795
|
readonly capabilities: readonly ["svelte", "component", "forms"];
|
|
782
796
|
readonly relatedComponents: readonly ["combobox", "selection-menu"];
|
|
783
797
|
readonly visibility: "public";
|
|
798
|
+
}, {
|
|
799
|
+
readonly id: "signature-input";
|
|
800
|
+
readonly subpath: "entasis/signature-input";
|
|
801
|
+
readonly sourceIndex: "src/lib/components/Form/SignatureInput/index.ts";
|
|
802
|
+
readonly exportedSymbols: readonly ["SignatureFormat", "SignatureInput", "SignatureInputProps", "SignatureInputTheme", "SignatureInputThemeProps", "SignaturePoint", "SignatureStroke", "setSignatureInputTheme", "signatureInputTheme", "useSignatureInputTheme"];
|
|
803
|
+
readonly docs: readonly [{
|
|
804
|
+
readonly id: "signature-input";
|
|
805
|
+
readonly route: "/components/signature-input";
|
|
806
|
+
readonly category: "Forms";
|
|
807
|
+
readonly label: "Signature input";
|
|
808
|
+
}];
|
|
809
|
+
readonly capabilities: readonly ["svelte", "component", "forms"];
|
|
810
|
+
readonly relatedComponents: readonly ["voice-input", "file-input"];
|
|
811
|
+
readonly visibility: "public";
|
|
784
812
|
}, {
|
|
785
813
|
readonly id: "slider";
|
|
786
814
|
readonly subpath: "entasis/slider";
|
|
@@ -893,6 +921,20 @@ export declare const componentInventory: readonly [{
|
|
|
893
921
|
readonly capabilities: readonly ["svelte", "component", "forms"];
|
|
894
922
|
readonly relatedComponents: readonly ["text-input", "ai-composer"];
|
|
895
923
|
readonly visibility: "public";
|
|
924
|
+
}, {
|
|
925
|
+
readonly id: "address";
|
|
926
|
+
readonly subpath: "entasis/address";
|
|
927
|
+
readonly sourceIndex: "src/lib/components/Address/index.ts";
|
|
928
|
+
readonly exportedSymbols: readonly ["ADDRESS_FIELDS", "Address", "AddressField", "AddressLayout", "AddressLocation", "AddressProps", "AddressProvider", "AddressProviderRequest", "AddressSuggestion", "AddressTheme", "AddressThemeProps", "AddressValue", "COUNTRY_CODES", "DEFAULT_ADDRESS_ENDPOINT", "FormatAddressOptions", "GooglePlace", "GooglePlaceAddressComponent", "GooglePlacesError", "GooglePlacesProviderOptions", "GooglePlacesProxyOptions", "addressCountryName", "addressTheme", "composeStreetLine", "countryName", "createGooglePlacesProvider", "createGooglePlacesProxy", "formatAddress", "formatAddressLine", "isAddressEmpty", "parseGooglePlace", "setAddressProvider", "setAddressTheme", "useAddressTheme"];
|
|
929
|
+
readonly docs: readonly [{
|
|
930
|
+
readonly id: "address";
|
|
931
|
+
readonly route: "/components/address";
|
|
932
|
+
readonly category: "Data display";
|
|
933
|
+
readonly label: "Address";
|
|
934
|
+
}];
|
|
935
|
+
readonly capabilities: readonly ["svelte", "component", "dataDisplay"];
|
|
936
|
+
readonly relatedComponents: readonly ["address-input"];
|
|
937
|
+
readonly visibility: "public";
|
|
896
938
|
}, {
|
|
897
939
|
readonly id: "avatar";
|
|
898
940
|
readonly subpath: "entasis/avatar";
|
|
@@ -1963,6 +2005,7 @@ export declare const relatedComponents: {
|
|
|
1963
2005
|
readonly 'selection-menu': readonly ["toggle-menu", "select"];
|
|
1964
2006
|
readonly ask: readonly [];
|
|
1965
2007
|
readonly field: readonly ["form"];
|
|
2008
|
+
readonly 'address-input': readonly ["address", "autocomplete"];
|
|
1966
2009
|
readonly autocomplete: readonly ["combobox", "text-input", "tags-input"];
|
|
1967
2010
|
readonly calendar: readonly ["date-input", "date-selector", "mini-calendar"];
|
|
1968
2011
|
readonly checkbox: readonly [];
|
|
@@ -1984,6 +2027,7 @@ export declare const relatedComponents: {
|
|
|
1984
2027
|
readonly 'rating-input': readonly ["rating"];
|
|
1985
2028
|
readonly 'rich-text-input': readonly ["text-area", "markdown"];
|
|
1986
2029
|
readonly select: readonly ["combobox", "selection-menu"];
|
|
2030
|
+
readonly 'signature-input': readonly ["voice-input", "file-input"];
|
|
1987
2031
|
readonly slider: readonly ["number-input"];
|
|
1988
2032
|
readonly switch: readonly ["checkbox", "toggle-button"];
|
|
1989
2033
|
readonly 'tag-group': readonly ["tags-input", "chip"];
|
|
@@ -1992,6 +2036,7 @@ export declare const relatedComponents: {
|
|
|
1992
2036
|
readonly 'text-area': readonly ["text-input", "rich-text-input"];
|
|
1993
2037
|
readonly 'time-input': readonly ["date-input"];
|
|
1994
2038
|
readonly 'voice-input': readonly ["text-input", "ai-composer"];
|
|
2039
|
+
readonly address: readonly ["address-input"];
|
|
1995
2040
|
readonly avatar: readonly [];
|
|
1996
2041
|
readonly 'avatar-group': readonly [];
|
|
1997
2042
|
readonly chart: readonly [];
|