@sia.soul/sia-react-ui 0.1.3 → 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-2RRTDU3N.js → chunk-EJ23MVR6.js} +3 -18
  8. package/dist/chunk-EJDPRAU2.js +36 -0
  9. package/dist/{chunk-IMZT6VCU.js → chunk-IHTODT53.js} +8 -5
  10. package/dist/{chunk-R4OWKIXJ.js → chunk-MJUTLEEE.js} +20 -8
  11. package/dist/{chunk-OQLDEVCF.js → chunk-PX6BOFTW.js} +10 -3
  12. package/dist/{chunk-OAC7BSUR.js → chunk-R7BVDN3Q.js} +91 -43
  13. package/dist/{chunk-Q4XNFMUH.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 +275 -210
  19. package/dist/core.css +211 -27
  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 +2531 -2412
  24. package/dist/index.css +212 -28
  25. package/dist/index.d.cts +17 -9
  26. package/dist/index.d.ts +17 -9
  27. package/dist/index.js +224 -190
  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 +1 -1
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
  }
@@ -104,7 +212,7 @@
104
212
  background: var(--sia-scrollbar-thumb);
105
213
  border: 1px solid rgb(255 255 255 / 24%);
106
214
  border-radius: 999px;
107
- box-shadow: 0 1px 2px rgb(0 0 0 / 14%);
215
+ box-shadow: 0 1px 1px rgb(0 0 0 / 24%);
108
216
  touch-action: none;
109
217
  transition: background-color 120ms ease;
110
218
  }
@@ -479,7 +587,7 @@
479
587
  .sia-input-control__floating-placeholder,
480
588
  .sia-input-number__floating-placeholder {
481
589
  position: absolute;
482
- z-index: 1;
590
+ z-index: 20;
483
591
  top: 50%;
484
592
  left: -4px;
485
593
  box-sizing: border-box;
@@ -522,6 +630,7 @@
522
630
  left: 7px;
523
631
  max-width: calc(100% - 7px);
524
632
  }
633
+ .sia-input-select.is-open .sia-input-control--floating .sia-input-control__floating-placeholder,
525
634
  .sia-input-control--floating:focus-within .sia-input-control__floating-placeholder,
526
635
  .sia-input-control--floating.is-filled .sia-input-control__floating-placeholder,
527
636
  .sia-input-number--floating:focus-within .sia-input-number__floating-placeholder,
@@ -1301,11 +1410,37 @@
1301
1410
  color: var(--sia-color-text-secondary);
1302
1411
  opacity: 0.7;
1303
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
+ }
1304
1439
  .sia-select__tags {
1305
1440
  display: flex;
1306
1441
  align-items: center;
1307
1442
  flex: 1;
1308
- flex-wrap: wrap;
1443
+ flex-wrap: nowrap;
1309
1444
  gap: 3px;
1310
1445
  min-width: 0;
1311
1446
  }
@@ -1543,7 +1678,7 @@
1543
1678
  height: 20px;
1544
1679
  background-color: #fff;
1545
1680
  border-radius: 999px;
1546
- box-shadow: 0 1px 3px rgb(0 0 0 / 25%);
1681
+ box-shadow: 0 1px 2px rgb(0 0 0 / 35%);
1547
1682
  transition: left 160ms ease, width 160ms ease;
1548
1683
  }
1549
1684
  .sia-switch-input:checked + .sia-switch--standard {
@@ -1593,7 +1728,7 @@
1593
1728
  color: var(--sia-color-text-secondary);
1594
1729
  background-color: var(--sia-color-surface);
1595
1730
  border: 1px solid var(--sia-color-border);
1596
- box-shadow: 0 2px 8px rgb(0 0 0 / 8%);
1731
+ box-shadow: 0 1px 4px rgb(0 0 0 / 18%);
1597
1732
  }
1598
1733
  .sia-switch--segmented .sia-switch__thumb {
1599
1734
  top: 2px;
@@ -1601,7 +1736,7 @@
1601
1736
  width: calc(50% - 3px);
1602
1737
  height: 30px;
1603
1738
  background-color: var(--sia-color-primary);
1604
- box-shadow: 0 2px 6px rgb(22 119 255 / 28%);
1739
+ box-shadow: 0 1px 3px rgb(22 119 255 / 40%);
1605
1740
  }
1606
1741
  .sia-switch-input:checked + .sia-switch--segmented .sia-switch__thumb {
1607
1742
  left: calc(50% - 1px);
@@ -1648,7 +1783,7 @@
1648
1783
  background: var(--sia-color-surface);
1649
1784
  border: 1px solid var(--sia-color-border);
1650
1785
  border-radius: 999px;
1651
- box-shadow: 0 2px 8px rgb(0 0 0 / 8%);
1786
+ box-shadow: 0 1px 4px rgb(0 0 0 / 18%);
1652
1787
  transition: border-color 160ms ease, box-shadow 160ms ease;
1653
1788
  }
1654
1789
  .sia-theme-switch:hover {
@@ -1665,7 +1800,7 @@
1665
1800
  height: 30px;
1666
1801
  background: var(--sia-color-primary);
1667
1802
  border-radius: 999px;
1668
- box-shadow: 0 2px 6px rgb(22 119 255 / 28%);
1803
+ box-shadow: 0 1px 3px rgb(22 119 255 / 40%);
1669
1804
  transition: transform 180ms cubic-bezier(0.2, 0.8, 0.2, 1);
1670
1805
  }
1671
1806
  .sia-theme-switch--dark .sia-theme-switch__selection {
@@ -1838,16 +1973,16 @@
1838
1973
  will-change: translate, transform;
1839
1974
  }
1840
1975
  .sia-drawer--right[data-push-depth]:not([data-push-depth="0"]) {
1841
- box-shadow: -18px 0 42px rgb(15 23 42 / 22%);
1976
+ box-shadow: -6px 0 16px rgb(15 23 42 / 34%);
1842
1977
  }
1843
1978
  .sia-drawer--left[data-push-depth]:not([data-push-depth="0"]) {
1844
- box-shadow: 18px 0 42px rgb(15 23 42 / 22%);
1979
+ box-shadow: 6px 0 16px rgb(15 23 42 / 34%);
1845
1980
  }
1846
1981
  .sia-drawer--top[data-push-depth]:not([data-push-depth="0"]) {
1847
- box-shadow: 0 18px 42px rgb(15 23 42 / 22%);
1982
+ box-shadow: 0 6px 16px rgb(15 23 42 / 34%);
1848
1983
  }
1849
1984
  .sia-drawer--bottom[data-push-depth]:not([data-push-depth="0"]) {
1850
- box-shadow: 0 -18px 42px rgb(15 23 42 / 22%);
1985
+ box-shadow: 0 -6px 16px rgb(15 23 42 / 34%);
1851
1986
  }
1852
1987
  .sia-drawer--left,
1853
1988
  .sia-drawer--right {
@@ -2478,7 +2613,7 @@
2478
2613
  }
2479
2614
  .sia-tabs--pill .sia-tabs__tab[aria-selected=true] {
2480
2615
  background: var(--sia-color-surface);
2481
- box-shadow: 0 1px 3px rgb(0 0 0 / 8%);
2616
+ box-shadow: 0 1px 2px rgb(0 0 0 / 18%);
2482
2617
  }
2483
2618
  .sia-tabs--tech {
2484
2619
  --sia-tabs-tech-accent: var(--sia-color-primary);
@@ -3087,11 +3222,39 @@
3087
3222
  background: color-mix(in srgb, var(--sia-color-primary) 10%, transparent);
3088
3223
  outline: none;
3089
3224
  }
3090
- .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;
3091
3231
  overflow: hidden;
3092
3232
  text-overflow: ellipsis;
3093
3233
  white-space: nowrap;
3094
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
+ }
3095
3258
  .sia-table__cell--auto-width .sia-table__cell-content {
3096
3259
  white-space: nowrap;
3097
3260
  }
@@ -3402,6 +3565,9 @@
3402
3565
  cursor: ew-resize;
3403
3566
  touch-action: none;
3404
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
+ }
3405
3571
  .sia-table__resize-handle::after {
3406
3572
  position: absolute;
3407
3573
  top: 18%;
@@ -4142,7 +4308,7 @@
4142
4308
  .sia-window-frame {
4143
4309
  --sia-window-titlebar-height: 42px;
4144
4310
  --sia-window-control-width: 46px;
4145
- --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);
4146
4312
  box-sizing: border-box;
4147
4313
  display: flex;
4148
4314
  width: 100%;
@@ -4522,7 +4688,7 @@
4522
4688
  background: var(--sia-color-surface);
4523
4689
  border: 3px solid var(--sia-color-primary);
4524
4690
  border-radius: 50%;
4525
- box-shadow: 0 1px 4px rgb(0 0 0 / 18%);
4691
+ box-shadow: 0 1px 2px rgb(0 0 0 / 28%);
4526
4692
  transition: box-shadow 140ms ease, transform 140ms ease;
4527
4693
  }
4528
4694
  .sia-slider__input::-webkit-slider-thumb:active {
@@ -4710,7 +4876,7 @@
4710
4876
  background: var(--sia-color-surface);
4711
4877
  border: 1px solid var(--sia-color-border);
4712
4878
  border-radius: 10px;
4713
- box-shadow: 0 10px 32px rgb(0 0 0 / 18%);
4879
+ box-shadow: var(--sia-shadow-popup);
4714
4880
  }
4715
4881
  .sia-color-picker__mode-row {
4716
4882
  display: flex;
@@ -4738,7 +4904,7 @@
4738
4904
  .sia-color-picker__modes button.is-active {
4739
4905
  color: var(--sia-color-text);
4740
4906
  background: var(--sia-color-surface);
4741
- box-shadow: 0 1px 4px rgb(0 0 0 / 12%);
4907
+ box-shadow: 0 1px 2px rgb(0 0 0 / 22%);
4742
4908
  }
4743
4909
  .sia-color-picker__none {
4744
4910
  position: relative;
@@ -5134,7 +5300,7 @@
5134
5300
  background: var(--sia-color-surface);
5135
5301
  border: 1px solid var(--sia-color-border);
5136
5302
  border-radius: 10px;
5137
- box-shadow: 0 8px 28px rgba(0, 0, 0, .12);
5303
+ box-shadow: var(--sia-shadow-popup);
5138
5304
  }
5139
5305
  .sia-time-panel .sia-date-panel__time {
5140
5306
  grid-template-rows: 42px minmax(0, 1fr);
@@ -5695,6 +5861,10 @@
5695
5861
  }
5696
5862
  .sia-tree-select__tag {
5697
5863
  flex: 0 0 auto;
5864
+ max-width: 112px;
5865
+ overflow: hidden;
5866
+ text-overflow: ellipsis;
5867
+ white-space: nowrap;
5698
5868
  padding: 2px 6px;
5699
5869
  background: var(--sia-color-control-hover);
5700
5870
  border-radius: 4px;
@@ -5927,7 +6097,7 @@
5927
6097
  color: #fff;
5928
6098
  pointer-events: none;
5929
6099
  border-radius: 7px;
5930
- box-shadow: 0 6px 18px rgb(255 77 79 / 28%);
6100
+ box-shadow: 0 2px 8px rgb(255 77 79 / 40%);
5931
6101
  font-size: 12px;
5932
6102
  line-height: 1.45;
5933
6103
  }
@@ -6398,6 +6568,20 @@
6398
6568
  min-width: 34px;
6399
6569
  padding-inline: 8px;
6400
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
+ }
6401
6585
  @keyframes sia-dropdown-popup-in {
6402
6586
  from {
6403
6587
  opacity: 0;
@@ -6637,7 +6821,7 @@ button.sia-pagination__total:disabled {
6637
6821
  .sia-segmented button.is-selected {
6638
6822
  color: var(--sia-color-text);
6639
6823
  background: var(--sia-color-surface);
6640
- box-shadow: 0 1px 4px rgb(0 0 0 / 10%);
6824
+ box-shadow: 0 1px 2px rgb(0 0 0 / 20%);
6641
6825
  }
6642
6826
  .sia-segmented--small button {
6643
6827
  min-height: 24px;
@@ -7017,7 +7201,7 @@ button.sia-pagination__total:disabled {
7017
7201
  padding: 5px 14px;
7018
7202
  color: #fff;
7019
7203
  background: var(--sia-color-primary);
7020
- box-shadow: 0 2px 4px rgb(0 0 0 / 14%);
7204
+ box-shadow: 0 1px 2px rgb(0 0 0 / 24%);
7021
7205
  }
7022
7206
  .sia-ribbon--end {
7023
7207
  right: -7px;
@@ -7460,7 +7644,7 @@ body > .sia-popup-portal[data-sia-popup-layer] {
7460
7644
  --sia-floating-arrow-border: rgb(255 255 255 / 72%);
7461
7645
  color: #181818;
7462
7646
  border: 1px solid var(--sia-floating-arrow-border);
7463
- 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%);
7464
7648
  }
7465
7649
  .sia-floating__arrow {
7466
7650
  position: absolute;
@@ -8440,7 +8624,7 @@ button.sia-treemap__tile:focus-visible,
8440
8624
  background: var(--sia-color-bg, white);
8441
8625
  border: 1px solid var(--sia-color-border, #ddd);
8442
8626
  border-radius: 6px;
8443
- box-shadow: 0 6px 24px #0002;
8627
+ box-shadow: var(--sia-shadow-popup);
8444
8628
  }
8445
8629
  .sia-selection-panel {
8446
8630
  min-width: 0;
@@ -8753,7 +8937,7 @@ button.sia-treemap__tile:focus-visible,
8753
8937
  cursor: pointer;
8754
8938
  background: var(--sia-color-surface);
8755
8939
  border: 1px solid color-mix(in srgb, var(--sia-color-border) 45%, transparent);
8756
- 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);
8757
8941
  transition:
8758
8942
  background 160ms ease,
8759
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-Q4XNFMUH.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-IMZT6VCU.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-OAC7BSUR.js";
24
+ } from "./chunk-R7BVDN3Q.js";
25
25
  import {
26
26
  Icon
27
- } from "./chunk-2RRTDU3N.js";
27
+ } from "./chunk-EJ23MVR6.js";
28
+ import "./chunk-EJDPRAU2.js";
28
29
  export {
29
30
  Breadcrumb,
30
31
  Button,