@sia.soul/sia-react-ui 0.1.2 → 0.1.4

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 (44) hide show
  1. package/dist/{Select-CJJ5LQap.d.ts → Select-GiTHMScg.d.cts} +4 -5
  2. package/dist/{Select-CJJ5LQap.d.cts → Select-rtDktLYY.d.ts} +4 -5
  3. package/dist/chart.cjs +731 -707
  4. package/dist/chart.css +1 -1
  5. package/dist/chart.js +3 -2
  6. package/dist/{chunk-6VXOLMKZ.js → chunk-5ZTWY3PG.js} +18 -1
  7. package/dist/{chunk-YCVXUMGP.js → chunk-EJ23MVR6.js} +5 -20
  8. package/dist/chunk-EJDPRAU2.js +36 -0
  9. package/dist/{chunk-DZ45HRVP.js → chunk-IHTODT53.js} +8 -5
  10. package/dist/{chunk-QEDWRVDA.js → chunk-MJUTLEEE.js} +20 -8
  11. package/dist/{chunk-OMA75YLM.js → chunk-PX6BOFTW.js} +10 -3
  12. package/dist/{chunk-JKZGAZMB.js → chunk-R7BVDN3Q.js} +91 -43
  13. package/dist/{chunk-ZPYGBMBH.js → chunk-S2JAJCLN.js} +6 -4
  14. package/dist/{chunk-NZAT2RUM.js → chunk-WHARTF2I.js} +10 -1
  15. package/dist/{chunk-I342FGQY.js → chunk-Z3T6RDQP.js} +1 -1
  16. package/dist/{core-DFYheaoJ.d.ts → core-CBtbeAms.d.cts} +2 -1
  17. package/dist/{core-De2pRX5w.d.cts → core-D8BSMfHD.d.ts} +2 -1
  18. package/dist/core.cjs +277 -212
  19. package/dist/core.css +238 -38
  20. package/dist/core.d.cts +3 -2
  21. package/dist/core.d.ts +3 -2
  22. package/dist/core.js +6 -5
  23. package/dist/index.cjs +2538 -2416
  24. package/dist/index.css +239 -39
  25. package/dist/index.d.cts +18 -9
  26. package/dist/index.d.ts +18 -9
  27. package/dist/index.js +230 -193
  28. package/dist/markdown-editor.cjs +52 -20
  29. package/dist/markdown-editor.d.cts +3 -1
  30. package/dist/markdown-editor.d.ts +3 -1
  31. package/dist/markdown-editor.js +2 -1
  32. package/dist/rich-text-editor.cjs +884 -864
  33. package/dist/rich-text-editor.d.cts +3 -1
  34. package/dist/rich-text-editor.d.ts +3 -1
  35. package/dist/rich-text-editor.js +4 -3
  36. package/dist/{select-date-range-DOyG1DGp.d.ts → select-date-range-CQ1vmze_.d.ts} +7 -4
  37. package/dist/{select-date-range-UyYrHex6.d.cts → select-date-range-DRmGaEzP.d.cts} +7 -4
  38. package/dist/select-date-range.cjs +972 -903
  39. package/dist/select-date-range.d.cts +3 -2
  40. package/dist/select-date-range.d.ts +3 -2
  41. package/dist/select-date-range.js +4 -3
  42. package/dist/shared-DAYZvZVu.d.cts +5 -0
  43. package/dist/shared-DAYZvZVu.d.ts +5 -0
  44. package/package.json +129 -129
package/dist/core.css CHANGED
@@ -1,3 +1,111 @@
1
+ /* src/floating-placeholder.css */
2
+ .sia-placeholder-floating {
3
+ position: relative;
4
+ }
5
+ .sia-select__trigger.sia-placeholder-floating {
6
+ overflow: visible;
7
+ }
8
+ .sia-floating-placeholder {
9
+ position: absolute;
10
+ z-index: 20;
11
+ top: var(--sia-placeholder-idle-top, 50%);
12
+ left: 7px;
13
+ box-sizing: border-box;
14
+ max-width: calc(100% - 42px);
15
+ overflow: hidden;
16
+ padding-inline: 4px;
17
+ color: var(--sia-color-text-secondary);
18
+ background: transparent;
19
+ pointer-events: none;
20
+ opacity: .65;
21
+ font: 400 var(--sia-font-size-small)/1 system-ui, sans-serif;
22
+ text-overflow: ellipsis;
23
+ white-space: nowrap;
24
+ transform: translateY(-50%);
25
+ transform-origin: left center;
26
+ transition:
27
+ top 160ms ease,
28
+ color 160ms ease,
29
+ background-color 160ms ease,
30
+ opacity 160ms ease,
31
+ transform 160ms ease;
32
+ }
33
+ .sia-placeholder-floating:focus-within > .sia-floating-placeholder,
34
+ .sia-placeholder-floating--filled > .sia-floating-placeholder,
35
+ .sia-placeholder-floating--active > .sia-floating-placeholder {
36
+ top: 0;
37
+ background: var(--sia-color-surface);
38
+ opacity: 1;
39
+ transform: translateY(-50%) scale(.85);
40
+ }
41
+ .sia-placeholder-floating:focus-within > .sia-floating-placeholder,
42
+ .sia-placeholder-floating--active > .sia-floating-placeholder {
43
+ color: var(--sia-color-primary);
44
+ }
45
+ .sia-placeholder-floating.sia-time-picker > input::placeholder,
46
+ .sia-placeholder-floating > input::placeholder,
47
+ .sia-placeholder-floating > textarea::placeholder {
48
+ color: transparent;
49
+ }
50
+ .sia-placeholder-floating > .sia-select__value.is-placeholder,
51
+ .sia-placeholder-floating > .sia-picker__trigger .is-placeholder,
52
+ .sia-placeholder-floating > .sia-tree-select__value .sia-tree-select__placeholder,
53
+ .sia-placeholder-floating > .sia-cascader__value .sia-cascader__placeholder {
54
+ color: transparent;
55
+ }
56
+ .sia-placeholder-floating.is-disabled > .sia-floating-placeholder,
57
+ .sia-placeholder-floating:disabled > .sia-floating-placeholder,
58
+ fieldset:disabled .sia-placeholder-floating > .sia-floating-placeholder {
59
+ background: var(--sia-color-control-hover);
60
+ }
61
+ .sia-form-item--error .sia-placeholder-floating > .sia-floating-placeholder,
62
+ .sia-select--error .sia-placeholder-floating > .sia-floating-placeholder,
63
+ .sia-tree-select--error .sia-placeholder-floating > .sia-floating-placeholder,
64
+ .sia-picker--error.sia-placeholder-floating > .sia-floating-placeholder,
65
+ .sia-textarea-control--error.sia-placeholder-floating > .sia-floating-placeholder {
66
+ color: var(--sia-color-error);
67
+ }
68
+ .sia-form-item--warning .sia-placeholder-floating > .sia-floating-placeholder,
69
+ .sia-select--warning .sia-placeholder-floating > .sia-floating-placeholder,
70
+ .sia-tree-select--warning .sia-placeholder-floating > .sia-floating-placeholder,
71
+ .sia-picker--warning.sia-placeholder-floating > .sia-floating-placeholder,
72
+ .sia-textarea-control--warning.sia-placeholder-floating > .sia-floating-placeholder {
73
+ color: var(--sia-color-warning);
74
+ }
75
+ .sia-textarea-control.sia-placeholder-floating {
76
+ --sia-placeholder-idle-top: 18px;
77
+ overflow: visible;
78
+ }
79
+ .sia-textarea-control > .sia-floating-placeholder {
80
+ max-width: calc(100% - 16px);
81
+ }
82
+ .sia-rich-text-editor.sia-placeholder-floating {
83
+ --sia-placeholder-idle-top: 66px;
84
+ overflow: visible;
85
+ }
86
+ .sia-rich-text-editor.sia-placeholder-floating .tiptap p.is-editor-empty:first-child::before {
87
+ content: none;
88
+ }
89
+ .sia-markdown-editor.sia-placeholder-floating {
90
+ --sia-placeholder-idle-top: 80px;
91
+ }
92
+ .sia-markdown-editor.sia-placeholder-floating [data-placeholder]::before {
93
+ content: none !important;
94
+ }
95
+ @media (prefers-reduced-motion: reduce) {
96
+ .sia-floating-placeholder {
97
+ transition: none;
98
+ }
99
+ }
100
+ .sia-rich-text-editor.sia-placeholder-floating > .sia-rich-text-editor__toolbar {
101
+ border-start-start-radius: inherit;
102
+ border-start-end-radius: inherit;
103
+ }
104
+ fieldset:disabled .sia-input-control__floating-placeholder,
105
+ fieldset:disabled .sia-input-number__floating-placeholder {
106
+ background: var(--sia-color-control-hover);
107
+ }
108
+
1
109
  /* src/styles.css */
2
110
  :root,
3
111
  [data-sia-theme=light] {
@@ -26,7 +134,7 @@
26
134
  --sia-font-size: 16px;
27
135
  --sia-font-size-small: 14px;
28
136
  --sia-font-size-large: 18px;
29
- --sia-shadow-popup: 0 10px 32px rgb(0 0 0 / 10%);
137
+ --sia-shadow-popup: 0 4px 12px rgb(0 0 0 / 22%);
30
138
  --sia-scroll-overflow: auto;
31
139
  --sia-scrollbar-thumb: rgb(82 82 82 / 68%);
32
140
  --sia-scrollbar-thumb-hover: rgb(64 64 64 / 82%);
@@ -48,7 +156,7 @@
48
156
  --sia-color-control-hover: #2d2d2d;
49
157
  --sia-color-control-active: #383838;
50
158
  --sia-color-focus-ring: rgb(60 135 230 / 28%);
51
- --sia-shadow-popup: 0 12px 36px rgb(0 0 0 / 35%);
159
+ --sia-shadow-popup: 0 4px 12px rgb(0 0 0 / 50%);
52
160
  --sia-scrollbar-thumb: rgb(174 174 174 / 62%);
53
161
  --sia-scrollbar-thumb-hover: rgb(205 205 205 / 78%);
54
162
  }
@@ -63,6 +171,18 @@
63
171
  width: 0;
64
172
  height: 0;
65
173
  }
174
+ .sia-scrollbar-track {
175
+ --sia-scrollbar-size: 3px;
176
+ }
177
+ .sia-scrollbar-track:hover,
178
+ .sia-scrollbar-track:has(> :active) {
179
+ --sia-scrollbar-size: 6px;
180
+ }
181
+ @media (prefers-reduced-motion: reduce) {
182
+ .sia-scrollbar-track > * {
183
+ transition: none !important;
184
+ }
185
+ }
66
186
  .sia-floating-scrollbar-layer {
67
187
  position: fixed;
68
188
  z-index: 2147483646;
@@ -92,7 +212,7 @@
92
212
  background: var(--sia-scrollbar-thumb);
93
213
  border: 1px solid rgb(255 255 255 / 24%);
94
214
  border-radius: 999px;
95
- box-shadow: 0 1px 2px rgb(0 0 0 / 14%);
215
+ box-shadow: 0 1px 1px rgb(0 0 0 / 24%);
96
216
  touch-action: none;
97
217
  transition: background-color 120ms ease;
98
218
  }
@@ -100,14 +220,16 @@
100
220
  background: var(--sia-scrollbar-thumb-hover);
101
221
  }
102
222
  .sia-floating-scrollbar--horizontal .sia-floating-scrollbar__thumb {
103
- top: 2px;
223
+ bottom: 0;
104
224
  left: 0;
105
- height: 6px;
225
+ height: var(--sia-scrollbar-size);
226
+ transition: background-color 120ms ease, height 150ms ease;
106
227
  }
107
228
  .sia-floating-scrollbar--vertical .sia-floating-scrollbar__thumb {
108
229
  top: 0;
109
- left: 2px;
110
- width: 6px;
230
+ right: 0;
231
+ width: var(--sia-scrollbar-size);
232
+ transition: background-color 120ms ease, width 150ms ease;
111
233
  }
112
234
  .sia-button,
113
235
  .sia-input,
@@ -465,7 +587,7 @@
465
587
  .sia-input-control__floating-placeholder,
466
588
  .sia-input-number__floating-placeholder {
467
589
  position: absolute;
468
- z-index: 1;
590
+ z-index: 20;
469
591
  top: 50%;
470
592
  left: -4px;
471
593
  box-sizing: border-box;
@@ -508,6 +630,7 @@
508
630
  left: 7px;
509
631
  max-width: calc(100% - 7px);
510
632
  }
633
+ .sia-input-select.is-open .sia-input-control--floating .sia-input-control__floating-placeholder,
511
634
  .sia-input-control--floating:focus-within .sia-input-control__floating-placeholder,
512
635
  .sia-input-control--floating.is-filled .sia-input-control__floating-placeholder,
513
636
  .sia-input-number--floating:focus-within .sia-input-number__floating-placeholder,
@@ -1287,11 +1410,37 @@
1287
1410
  color: var(--sia-color-text-secondary);
1288
1411
  opacity: 0.7;
1289
1412
  }
1413
+ .sia-overflow-tags {
1414
+ position: relative;
1415
+ display: flex;
1416
+ align-items: center;
1417
+ flex: 1;
1418
+ min-width: 0;
1419
+ gap: 4px;
1420
+ overflow: hidden;
1421
+ white-space: nowrap;
1422
+ }
1423
+ .sia-overflow-tags > span:not(.sia-overflow-tags__measure),
1424
+ .sia-overflow-tags__measure > span {
1425
+ flex: 0 0 auto;
1426
+ }
1427
+ .sia-overflow-tags__rest {
1428
+ color: var(--sia-color-text-secondary);
1429
+ }
1430
+ .sia-overflow-tags__measure {
1431
+ position: absolute;
1432
+ top: 0;
1433
+ left: 0;
1434
+ display: flex;
1435
+ width: max-content;
1436
+ visibility: hidden;
1437
+ pointer-events: none;
1438
+ }
1290
1439
  .sia-select__tags {
1291
1440
  display: flex;
1292
1441
  align-items: center;
1293
1442
  flex: 1;
1294
- flex-wrap: wrap;
1443
+ flex-wrap: nowrap;
1295
1444
  gap: 3px;
1296
1445
  min-width: 0;
1297
1446
  }
@@ -1529,7 +1678,7 @@
1529
1678
  height: 20px;
1530
1679
  background-color: #fff;
1531
1680
  border-radius: 999px;
1532
- box-shadow: 0 1px 3px rgb(0 0 0 / 25%);
1681
+ box-shadow: 0 1px 2px rgb(0 0 0 / 35%);
1533
1682
  transition: left 160ms ease, width 160ms ease;
1534
1683
  }
1535
1684
  .sia-switch-input:checked + .sia-switch--standard {
@@ -1579,7 +1728,7 @@
1579
1728
  color: var(--sia-color-text-secondary);
1580
1729
  background-color: var(--sia-color-surface);
1581
1730
  border: 1px solid var(--sia-color-border);
1582
- box-shadow: 0 2px 8px rgb(0 0 0 / 8%);
1731
+ box-shadow: 0 1px 4px rgb(0 0 0 / 18%);
1583
1732
  }
1584
1733
  .sia-switch--segmented .sia-switch__thumb {
1585
1734
  top: 2px;
@@ -1587,7 +1736,7 @@
1587
1736
  width: calc(50% - 3px);
1588
1737
  height: 30px;
1589
1738
  background-color: var(--sia-color-primary);
1590
- box-shadow: 0 2px 6px rgb(22 119 255 / 28%);
1739
+ box-shadow: 0 1px 3px rgb(22 119 255 / 40%);
1591
1740
  }
1592
1741
  .sia-switch-input:checked + .sia-switch--segmented .sia-switch__thumb {
1593
1742
  left: calc(50% - 1px);
@@ -1634,7 +1783,7 @@
1634
1783
  background: var(--sia-color-surface);
1635
1784
  border: 1px solid var(--sia-color-border);
1636
1785
  border-radius: 999px;
1637
- box-shadow: 0 2px 8px rgb(0 0 0 / 8%);
1786
+ box-shadow: 0 1px 4px rgb(0 0 0 / 18%);
1638
1787
  transition: border-color 160ms ease, box-shadow 160ms ease;
1639
1788
  }
1640
1789
  .sia-theme-switch:hover {
@@ -1651,7 +1800,7 @@
1651
1800
  height: 30px;
1652
1801
  background: var(--sia-color-primary);
1653
1802
  border-radius: 999px;
1654
- box-shadow: 0 2px 6px rgb(22 119 255 / 28%);
1803
+ box-shadow: 0 1px 3px rgb(22 119 255 / 40%);
1655
1804
  transition: transform 180ms cubic-bezier(0.2, 0.8, 0.2, 1);
1656
1805
  }
1657
1806
  .sia-theme-switch--dark .sia-theme-switch__selection {
@@ -1824,16 +1973,16 @@
1824
1973
  will-change: translate, transform;
1825
1974
  }
1826
1975
  .sia-drawer--right[data-push-depth]:not([data-push-depth="0"]) {
1827
- box-shadow: -18px 0 42px rgb(15 23 42 / 22%);
1976
+ box-shadow: -6px 0 16px rgb(15 23 42 / 34%);
1828
1977
  }
1829
1978
  .sia-drawer--left[data-push-depth]:not([data-push-depth="0"]) {
1830
- box-shadow: 18px 0 42px rgb(15 23 42 / 22%);
1979
+ box-shadow: 6px 0 16px rgb(15 23 42 / 34%);
1831
1980
  }
1832
1981
  .sia-drawer--top[data-push-depth]:not([data-push-depth="0"]) {
1833
- box-shadow: 0 18px 42px rgb(15 23 42 / 22%);
1982
+ box-shadow: 0 6px 16px rgb(15 23 42 / 34%);
1834
1983
  }
1835
1984
  .sia-drawer--bottom[data-push-depth]:not([data-push-depth="0"]) {
1836
- box-shadow: 0 -18px 42px rgb(15 23 42 / 22%);
1985
+ box-shadow: 0 -6px 16px rgb(15 23 42 / 34%);
1837
1986
  }
1838
1987
  .sia-drawer--left,
1839
1988
  .sia-drawer--right {
@@ -2464,7 +2613,7 @@
2464
2613
  }
2465
2614
  .sia-tabs--pill .sia-tabs__tab[aria-selected=true] {
2466
2615
  background: var(--sia-color-surface);
2467
- box-shadow: 0 1px 3px rgb(0 0 0 / 8%);
2616
+ box-shadow: 0 1px 2px rgb(0 0 0 / 18%);
2468
2617
  }
2469
2618
  .sia-tabs--tech {
2470
2619
  --sia-tabs-tech-accent: var(--sia-color-primary);
@@ -3073,11 +3222,39 @@
3073
3222
  background: color-mix(in srgb, var(--sia-color-primary) 10%, transparent);
3074
3223
  outline: none;
3075
3224
  }
3076
- .sia-table__cell--ellipsis .sia-table__cell-content {
3225
+ .sia-table__cell--ellipsis > .sia-table__cell-content {
3226
+ position: relative;
3227
+ display: block;
3228
+ min-width: 0;
3229
+ height: auto;
3230
+ background: inherit;
3077
3231
  overflow: hidden;
3078
3232
  text-overflow: ellipsis;
3079
3233
  white-space: nowrap;
3080
3234
  }
3235
+ .sia-table__cell--ellipsis > .sia-table__cell-content > .sia-space {
3236
+ display: inline-flex;
3237
+ width: max-content;
3238
+ flex-wrap: nowrap !important;
3239
+ flex-direction: row;
3240
+ vertical-align: middle;
3241
+ }
3242
+ .sia-table__cell--ellipsis > .sia-table__cell-content > .sia-space > * {
3243
+ flex-shrink: 0;
3244
+ }
3245
+ .sia-table__cell--ellipsis > .sia-table__cell-content[data-content-overflow=true]::after {
3246
+ position: absolute;
3247
+ top: 0;
3248
+ right: 0;
3249
+ bottom: 0;
3250
+ display: grid;
3251
+ place-items: center end;
3252
+ width: 1.4em;
3253
+ content: "\2026";
3254
+ color: inherit;
3255
+ background: inherit;
3256
+ pointer-events: none;
3257
+ }
3081
3258
  .sia-table__cell--auto-width .sia-table__cell-content {
3082
3259
  white-space: nowrap;
3083
3260
  }
@@ -3232,18 +3409,20 @@
3232
3409
  background: rgb(64 64 64 / 82%);
3233
3410
  }
3234
3411
  .sia-table__scrollbar--horizontal .sia-table__scrollbar-thumb {
3235
- top: 2px;
3412
+ bottom: 0;
3236
3413
  left: 0;
3237
3414
  width: var(--sia-table-scrollbar-x-size, 0);
3238
- height: 6px;
3415
+ height: var(--sia-scrollbar-size);
3239
3416
  transform: translateX(var(--sia-table-scrollbar-x-position, 0));
3417
+ transition: background-color 120ms ease, height 150ms ease;
3240
3418
  }
3241
3419
  .sia-table__scrollbar--vertical .sia-table__scrollbar-thumb {
3242
3420
  top: 0;
3243
- left: 2px;
3244
- width: 6px;
3421
+ right: 0;
3422
+ width: var(--sia-scrollbar-size);
3245
3423
  height: var(--sia-table-scrollbar-y-size, 0);
3246
3424
  transform: translateY(var(--sia-table-scrollbar-y-position, 0));
3425
+ transition: background-color 120ms ease, width 150ms ease;
3247
3426
  }
3248
3427
  .sia-table__empty {
3249
3428
  position: absolute;
@@ -3386,6 +3565,9 @@
3386
3565
  cursor: ew-resize;
3387
3566
  touch-action: none;
3388
3567
  }
3568
+ .sia-table[data-overflow-y=true] .sia-table__header-cell[data-last-leaf-column=true] .sia-table__resize-handle {
3569
+ right: 10px;
3570
+ }
3389
3571
  .sia-table__resize-handle::after {
3390
3572
  position: absolute;
3391
3573
  top: 18%;
@@ -4126,7 +4308,7 @@
4126
4308
  .sia-window-frame {
4127
4309
  --sia-window-titlebar-height: 42px;
4128
4310
  --sia-window-control-width: 46px;
4129
- --sia-window-titlebar-shadow: 0 1px 0 color-mix(in srgb, var(--sia-color-border) 68%, transparent), 0 3px 10px color-mix(in srgb, var(--sia-color-text) 6%, transparent);
4311
+ --sia-window-titlebar-shadow: 0 1px 0 color-mix(in srgb, var(--sia-color-border) 68%, transparent), 0 1px 4px color-mix(in srgb, var(--sia-color-text) 14%, transparent);
4130
4312
  box-sizing: border-box;
4131
4313
  display: flex;
4132
4314
  width: 100%;
@@ -4506,7 +4688,7 @@
4506
4688
  background: var(--sia-color-surface);
4507
4689
  border: 3px solid var(--sia-color-primary);
4508
4690
  border-radius: 50%;
4509
- box-shadow: 0 1px 4px rgb(0 0 0 / 18%);
4691
+ box-shadow: 0 1px 2px rgb(0 0 0 / 28%);
4510
4692
  transition: box-shadow 140ms ease, transform 140ms ease;
4511
4693
  }
4512
4694
  .sia-slider__input::-webkit-slider-thumb:active {
@@ -4694,7 +4876,7 @@
4694
4876
  background: var(--sia-color-surface);
4695
4877
  border: 1px solid var(--sia-color-border);
4696
4878
  border-radius: 10px;
4697
- box-shadow: 0 10px 32px rgb(0 0 0 / 18%);
4879
+ box-shadow: var(--sia-shadow-popup);
4698
4880
  }
4699
4881
  .sia-color-picker__mode-row {
4700
4882
  display: flex;
@@ -4722,7 +4904,7 @@
4722
4904
  .sia-color-picker__modes button.is-active {
4723
4905
  color: var(--sia-color-text);
4724
4906
  background: var(--sia-color-surface);
4725
- box-shadow: 0 1px 4px rgb(0 0 0 / 12%);
4907
+ box-shadow: 0 1px 2px rgb(0 0 0 / 22%);
4726
4908
  }
4727
4909
  .sia-color-picker__none {
4728
4910
  position: relative;
@@ -5118,7 +5300,7 @@
5118
5300
  background: var(--sia-color-surface);
5119
5301
  border: 1px solid var(--sia-color-border);
5120
5302
  border-radius: 10px;
5121
- box-shadow: 0 8px 28px rgba(0, 0, 0, .12);
5303
+ box-shadow: var(--sia-shadow-popup);
5122
5304
  }
5123
5305
  .sia-time-panel .sia-date-panel__time {
5124
5306
  grid-template-rows: 42px minmax(0, 1fr);
@@ -5679,6 +5861,10 @@
5679
5861
  }
5680
5862
  .sia-tree-select__tag {
5681
5863
  flex: 0 0 auto;
5864
+ max-width: 112px;
5865
+ overflow: hidden;
5866
+ text-overflow: ellipsis;
5867
+ white-space: nowrap;
5682
5868
  padding: 2px 6px;
5683
5869
  background: var(--sia-color-control-hover);
5684
5870
  border-radius: 4px;
@@ -5911,7 +6097,7 @@
5911
6097
  color: #fff;
5912
6098
  pointer-events: none;
5913
6099
  border-radius: 7px;
5914
- box-shadow: 0 6px 18px rgb(255 77 79 / 28%);
6100
+ box-shadow: 0 2px 8px rgb(255 77 79 / 40%);
5915
6101
  font-size: 12px;
5916
6102
  line-height: 1.45;
5917
6103
  }
@@ -6145,7 +6331,7 @@
6145
6331
  border-radius: 2px 2px 0 0;
6146
6332
  }
6147
6333
  .sia-menu__popup {
6148
- min-width: 180px;
6334
+ width: max-content;
6149
6335
  padding: 4px;
6150
6336
  color: var(--sia-color-text);
6151
6337
  background: var(--sia-color-surface);
@@ -6300,7 +6486,7 @@
6300
6486
  pointer-events: none;
6301
6487
  }
6302
6488
  .sia-dropdown__popup {
6303
- min-width: 180px;
6489
+ width: max-content;
6304
6490
  padding: 4px;
6305
6491
  color: var(--sia-color-text);
6306
6492
  background: var(--sia-color-surface);
@@ -6320,7 +6506,7 @@
6320
6506
  animation: sia-dropdown-popup-out 150ms cubic-bezier(.4, 0, 1, 1) both;
6321
6507
  }
6322
6508
  .sia-dropdown__menu {
6323
- min-width: 180px;
6509
+ min-width: 0;
6324
6510
  padding: 0;
6325
6511
  background: transparent;
6326
6512
  border: 0;
@@ -6382,6 +6568,20 @@
6382
6568
  min-width: 34px;
6383
6569
  padding-inline: 8px;
6384
6570
  }
6571
+ .sia-dropdown-button > .sia-button--link + .sia-dropdown::before {
6572
+ position: absolute;
6573
+ top: 50%;
6574
+ inset-inline-start: 0;
6575
+ width: 1px;
6576
+ height: 1em;
6577
+ content: "";
6578
+ background: rgb(217, 217, 217);
6579
+ transform: translateY(-50%);
6580
+ pointer-events: none;
6581
+ }
6582
+ .sia-dropdown-button > .sia-button--link + .sia-dropdown > .sia-button {
6583
+ margin-inline-start: 0;
6584
+ }
6385
6585
  @keyframes sia-dropdown-popup-in {
6386
6586
  from {
6387
6587
  opacity: 0;
@@ -6621,7 +6821,7 @@ button.sia-pagination__total:disabled {
6621
6821
  .sia-segmented button.is-selected {
6622
6822
  color: var(--sia-color-text);
6623
6823
  background: var(--sia-color-surface);
6624
- box-shadow: 0 1px 4px rgb(0 0 0 / 10%);
6824
+ box-shadow: 0 1px 2px rgb(0 0 0 / 20%);
6625
6825
  }
6626
6826
  .sia-segmented--small button {
6627
6827
  min-height: 24px;
@@ -7001,7 +7201,7 @@ button.sia-pagination__total:disabled {
7001
7201
  padding: 5px 14px;
7002
7202
  color: #fff;
7003
7203
  background: var(--sia-color-primary);
7004
- box-shadow: 0 2px 4px rgb(0 0 0 / 14%);
7204
+ box-shadow: 0 1px 2px rgb(0 0 0 / 24%);
7005
7205
  }
7006
7206
  .sia-ribbon--end {
7007
7207
  right: -7px;
@@ -7444,7 +7644,7 @@ body > .sia-popup-portal[data-sia-popup-layer] {
7444
7644
  --sia-floating-arrow-border: rgb(255 255 255 / 72%);
7445
7645
  color: #181818;
7446
7646
  border: 1px solid var(--sia-floating-arrow-border);
7447
- box-shadow: 0 10px 30px rgb(0 0 0 / 48%), 0 0 0 1px rgb(0 0 0 / 12%);
7647
+ box-shadow: 0 4px 12px rgb(0 0 0 / 60%), 0 0 0 1px rgb(0 0 0 / 12%);
7448
7648
  }
7449
7649
  .sia-floating__arrow {
7450
7650
  position: absolute;
@@ -8424,7 +8624,7 @@ button.sia-treemap__tile:focus-visible,
8424
8624
  background: var(--sia-color-bg, white);
8425
8625
  border: 1px solid var(--sia-color-border, #ddd);
8426
8626
  border-radius: 6px;
8427
- box-shadow: 0 6px 24px #0002;
8627
+ box-shadow: var(--sia-shadow-popup);
8428
8628
  }
8429
8629
  .sia-selection-panel {
8430
8630
  min-width: 0;
@@ -8737,7 +8937,7 @@ button.sia-treemap__tile:focus-visible,
8737
8937
  cursor: pointer;
8738
8938
  background: var(--sia-color-surface);
8739
8939
  border: 1px solid color-mix(in srgb, var(--sia-color-border) 45%, transparent);
8740
- box-shadow: 0 6px 16px rgb(0 0 0 / 12%), 0 2px 4px rgb(0 0 0 / 6%);
8940
+ box-shadow: var(--sia-shadow-popup);
8741
8941
  transition:
8742
8942
  background 160ms ease,
8743
8943
  box-shadow 160ms ease,
package/dist/core.d.cts CHANGED
@@ -1,3 +1,4 @@
1
- export { e as Breadcrumb, f as BreadcrumbItem, g as BreadcrumbProps, h as Button, i as ButtonProps, j as ButtonSize, k as ButtonVariant, m as Card, n as CardAccent, o as CardProps, s as Collapse, t as CollapseItem, u as CollapseKey, v as CollapseProps, G as FilledIconName, H as FloatButton, I as FloatButtonBackTopProps, J as FloatButtonGroupProps, K as FloatButtonProps, L as FloatButtonShape, Q as Icon, R as IconName, S as IconProps, T as IconVariant, Z as Input, _ as InputProps, a5 as MessageConfig, a6 as MessageHandle, a7 as MessageKey, a8 as MessageType, a9 as Modal, aa as ModalActionResult, ab as ModalOpenConfig, ac as ModalProps, ad as ModalType, a as OverlayApiHandle, al as Progress, am as ProgressProps, an as ProgressStatus, aq as Segmented, ar as SegmentedOption, as as SegmentedProps, at as SegmentedValue, aA as TabItem, aB as Tabs, aD as TabsOrientation, aE as TabsPosition, aF as TabsProps, aG as TabsType, aH as Tag, aI as TagProps, aJ as TagStatus, aK as TagVariant, aY as Typography, aZ as TypographyLinkProps, a_ as TypographyProps, a$ as TypographyTitleProps, b0 as TypographyType, b1 as Upload, b2 as UploadChangeInfo, b3 as UploadDraggerProps, b4 as UploadFile, b5 as UploadFileStatus, b6 as UploadProps, b7 as UploadRequestOptions, bb as message } from './core-De2pRX5w.cjs';
2
- export { S as Select, d as SelectOption, e as SelectProps, f as SelectValue } from './Select-CJJ5LQap.cjs';
1
+ export { e as Breadcrumb, f as BreadcrumbItem, g as BreadcrumbProps, h as Button, i as ButtonProps, j as ButtonSize, k as ButtonVariant, m as Card, n as CardAccent, o as CardProps, s as Collapse, t as CollapseItem, u as CollapseKey, v as CollapseProps, G as FilledIconName, H as FloatButton, I as FloatButtonBackTopProps, J as FloatButtonGroupProps, K as FloatButtonProps, L as FloatButtonShape, Q as Icon, R as IconName, S as IconProps, T as IconVariant, Z as Input, _ as InputProps, a5 as MessageConfig, a6 as MessageHandle, a7 as MessageKey, a8 as MessageType, a9 as Modal, aa as ModalActionResult, ab as ModalOpenConfig, ac as ModalProps, ad as ModalType, a as OverlayApiHandle, al as Progress, am as ProgressProps, an as ProgressStatus, aq as Segmented, ar as SegmentedOption, as as SegmentedProps, at as SegmentedValue, aA as TabItem, aB as Tabs, aD as TabsOrientation, aE as TabsPosition, aF as TabsProps, aG as TabsType, aH as Tag, aI as TagProps, aJ as TagStatus, aK as TagVariant, aY as Typography, aZ as TypographyLinkProps, a_ as TypographyProps, a$ as TypographyTitleProps, b0 as TypographyType, b1 as Upload, b2 as UploadChangeInfo, b3 as UploadDraggerProps, b4 as UploadFile, b5 as UploadFileStatus, b6 as UploadProps, b7 as UploadRequestOptions, bb as message } from './core-CBtbeAms.cjs';
2
+ export { S as Select, c as SelectOption, d as SelectProps, e as SelectValue } from './Select-GiTHMScg.cjs';
3
3
  import 'react';
4
+ import './shared-DAYZvZVu.cjs';
package/dist/core.d.ts CHANGED
@@ -1,3 +1,4 @@
1
- export { e as Breadcrumb, f as BreadcrumbItem, g as BreadcrumbProps, h as Button, i as ButtonProps, j as ButtonSize, k as ButtonVariant, m as Card, n as CardAccent, o as CardProps, s as Collapse, t as CollapseItem, u as CollapseKey, v as CollapseProps, G as FilledIconName, H as FloatButton, I as FloatButtonBackTopProps, J as FloatButtonGroupProps, K as FloatButtonProps, L as FloatButtonShape, Q as Icon, R as IconName, S as IconProps, T as IconVariant, Z as Input, _ as InputProps, a5 as MessageConfig, a6 as MessageHandle, a7 as MessageKey, a8 as MessageType, a9 as Modal, aa as ModalActionResult, ab as ModalOpenConfig, ac as ModalProps, ad as ModalType, a as OverlayApiHandle, al as Progress, am as ProgressProps, an as ProgressStatus, aq as Segmented, ar as SegmentedOption, as as SegmentedProps, at as SegmentedValue, aA as TabItem, aB as Tabs, aD as TabsOrientation, aE as TabsPosition, aF as TabsProps, aG as TabsType, aH as Tag, aI as TagProps, aJ as TagStatus, aK as TagVariant, aY as Typography, aZ as TypographyLinkProps, a_ as TypographyProps, a$ as TypographyTitleProps, b0 as TypographyType, b1 as Upload, b2 as UploadChangeInfo, b3 as UploadDraggerProps, b4 as UploadFile, b5 as UploadFileStatus, b6 as UploadProps, b7 as UploadRequestOptions, bb as message } from './core-DFYheaoJ.js';
2
- export { S as Select, d as SelectOption, e as SelectProps, f as SelectValue } from './Select-CJJ5LQap.js';
1
+ export { e as Breadcrumb, f as BreadcrumbItem, g as BreadcrumbProps, h as Button, i as ButtonProps, j as ButtonSize, k as ButtonVariant, m as Card, n as CardAccent, o as CardProps, s as Collapse, t as CollapseItem, u as CollapseKey, v as CollapseProps, G as FilledIconName, H as FloatButton, I as FloatButtonBackTopProps, J as FloatButtonGroupProps, K as FloatButtonProps, L as FloatButtonShape, Q as Icon, R as IconName, S as IconProps, T as IconVariant, Z as Input, _ as InputProps, a5 as MessageConfig, a6 as MessageHandle, a7 as MessageKey, a8 as MessageType, a9 as Modal, aa as ModalActionResult, ab as ModalOpenConfig, ac as ModalProps, ad as ModalType, a as OverlayApiHandle, al as Progress, am as ProgressProps, an as ProgressStatus, aq as Segmented, ar as SegmentedOption, as as SegmentedProps, at as SegmentedValue, aA as TabItem, aB as Tabs, aD as TabsOrientation, aE as TabsPosition, aF as TabsProps, aG as TabsType, aH as Tag, aI as TagProps, aJ as TagStatus, aK as TagVariant, aY as Typography, aZ as TypographyLinkProps, a_ as TypographyProps, a$ as TypographyTitleProps, b0 as TypographyType, b1 as Upload, b2 as UploadChangeInfo, b3 as UploadDraggerProps, b4 as UploadFile, b5 as UploadFileStatus, b6 as UploadProps, b7 as UploadRequestOptions, bb as message } from './core-D8BSMfHD.js';
2
+ export { S as Select, c as SelectOption, d as SelectProps, e as SelectValue } from './Select-rtDktLYY.js';
3
3
  import 'react';
4
+ import './shared-DAYZvZVu.js';
package/dist/core.js CHANGED
@@ -10,21 +10,22 @@ import {
10
10
  Typography,
11
11
  Upload,
12
12
  message
13
- } from "./chunk-ZPYGBMBH.js";
14
- import "./chunk-NZAT2RUM.js";
13
+ } from "./chunk-S2JAJCLN.js";
14
+ import "./chunk-WHARTF2I.js";
15
15
  import {
16
16
  Input,
17
17
  Segmented
18
- } from "./chunk-DZ45HRVP.js";
18
+ } from "./chunk-IHTODT53.js";
19
19
  import {
20
20
  Button
21
21
  } from "./chunk-MBS2HXLZ.js";
22
22
  import {
23
23
  Select
24
- } from "./chunk-JKZGAZMB.js";
24
+ } from "./chunk-R7BVDN3Q.js";
25
25
  import {
26
26
  Icon
27
- } from "./chunk-YCVXUMGP.js";
27
+ } from "./chunk-EJ23MVR6.js";
28
+ import "./chunk-EJDPRAU2.js";
28
29
  export {
29
30
  Breadcrumb,
30
31
  Button,