@solibo/solibo-ui 0.4.10 → 0.4.12

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 (111) hide show
  1. package/dist/assets/index10.css +1 -1
  2. package/dist/assets/index11.css +1 -1
  3. package/dist/assets/index12.css +1 -1
  4. package/dist/assets/index13.css +1 -1
  5. package/dist/assets/index14.css +1 -1
  6. package/dist/assets/index15.css +1 -1
  7. package/dist/assets/index16.css +1 -1
  8. package/dist/assets/index17.css +1 -1
  9. package/dist/assets/index27.css +1 -1
  10. package/dist/assets/index30.css +1 -1
  11. package/dist/assets/index31.css +1 -1
  12. package/dist/assets/index32.css +1 -1
  13. package/dist/assets/index33.css +1 -1
  14. package/dist/assets/index34.css +1 -1
  15. package/dist/assets/index35.css +1 -1
  16. package/dist/assets/index36.css +1 -1
  17. package/dist/assets/index37.css +1 -1
  18. package/dist/assets/index38.css +1 -1
  19. package/dist/assets/index39.css +1 -1
  20. package/dist/assets/index4.css +1 -1
  21. package/dist/assets/index40.css +1 -1
  22. package/dist/assets/index41.css +1 -1
  23. package/dist/assets/index42.css +1 -1
  24. package/dist/assets/index43.css +1 -1
  25. package/dist/assets/index44.css +1 -1
  26. package/dist/assets/index45.css +1 -0
  27. package/dist/assets/index5.css +1 -1
  28. package/dist/assets/index6.css +1 -1
  29. package/dist/assets/index7.css +1 -0
  30. package/dist/assets/index8.css +0 -1
  31. package/dist/assets/index9.css +1 -1
  32. package/dist/components/_dropdown/index.cjs +1 -1
  33. package/dist/components/_dropdown/index.js +1 -1
  34. package/dist/components/_sortable/index.cjs +1 -1
  35. package/dist/components/_sortable/index.cjs.map +1 -1
  36. package/dist/components/_sortable/index.js +64 -33
  37. package/dist/components/_sortable/index.js.map +1 -1
  38. package/dist/components/accordion/index.cjs +1 -1
  39. package/dist/components/accordion/index.cjs.map +1 -1
  40. package/dist/components/accordion/index.js +16 -10
  41. package/dist/components/accordion/index.js.map +1 -1
  42. package/dist/components/app-link/index.cjs +1 -1
  43. package/dist/components/app-link/index.js +1 -1
  44. package/dist/components/aside/index.cjs +1 -1
  45. package/dist/components/aside/index.js +1 -1
  46. package/dist/components/badge/index.cjs +1 -1
  47. package/dist/components/badge/index.js +1 -1
  48. package/dist/components/banner/index.cjs +1 -1
  49. package/dist/components/banner/index.js +1 -1
  50. package/dist/components/branding/index.cjs +1 -1
  51. package/dist/components/branding/index.js +1 -1
  52. package/dist/components/button/index.cjs +1 -1
  53. package/dist/components/button/index.js +1 -1
  54. package/dist/components/checkbox/index.cjs +1 -1
  55. package/dist/components/checkbox/index.js +1 -1
  56. package/dist/components/controls/index.cjs +1 -1
  57. package/dist/components/controls/index.js +1 -1
  58. package/dist/components/dialog/index.cjs +1 -1
  59. package/dist/components/dialog/index.js +1 -1
  60. package/dist/components/figure/index.cjs +1 -1
  61. package/dist/components/figure/index.js +1 -1
  62. package/dist/components/file/index.cjs +1 -1
  63. package/dist/components/file/index.js +1 -1
  64. package/dist/components/footer/index.cjs +1 -1
  65. package/dist/components/footer/index.js +1 -1
  66. package/dist/components/form/index.cjs +1 -1
  67. package/dist/components/form/index.js +1 -1
  68. package/dist/components/graph/index.cjs +1 -1
  69. package/dist/components/graph/index.js +1 -1
  70. package/dist/components/group/index.cjs +1 -1
  71. package/dist/components/group/index.js +1 -1
  72. package/dist/components/header/index.cjs +1 -1
  73. package/dist/components/header/index.js +1 -1
  74. package/dist/components/icon/index.cjs +1 -1
  75. package/dist/components/icon/index.js +1 -1
  76. package/dist/components/image/index.cjs +1 -1
  77. package/dist/components/image/index.js +1 -1
  78. package/dist/components/layout/index.cjs +1 -1
  79. package/dist/components/layout/index.js +1 -1
  80. package/dist/components/link/index.cjs +1 -1
  81. package/dist/components/link/index.js +1 -1
  82. package/dist/components/list/index.cjs +1 -1
  83. package/dist/components/list/index.js +1 -1
  84. package/dist/components/loading/index.cjs +1 -1
  85. package/dist/components/loading/index.js +1 -1
  86. package/dist/components/message/index.cjs +1 -1
  87. package/dist/components/message/index.js +1 -1
  88. package/dist/components/nav/index.cjs +1 -1
  89. package/dist/components/nav/index.js +1 -1
  90. package/dist/components/object/index.cjs +2 -0
  91. package/dist/components/object/index.cjs.map +1 -0
  92. package/dist/components/object/index.js +16 -0
  93. package/dist/components/object/index.js.map +1 -0
  94. package/dist/components/select/index.cjs +1 -1
  95. package/dist/components/select/index.js +1 -1
  96. package/dist/components/textarea/index.cjs +1 -1
  97. package/dist/components/textarea/index.js +1 -1
  98. package/dist/components/toast/index.cjs +1 -1
  99. package/dist/components/toast/index.js +1 -1
  100. package/dist/components/toolbar/index.cjs +1 -1
  101. package/dist/components/toolbar/index.js +1 -1
  102. package/dist/{index-ChKhFyp8.js → index-BNaQZHo6.js} +2 -2
  103. package/dist/{index-ChKhFyp8.js.map → index-BNaQZHo6.js.map} +1 -1
  104. package/dist/{index-BpUboRfJ.cjs → index-Bh5n72jH.cjs} +2 -2
  105. package/dist/{index-BpUboRfJ.cjs.map → index-Bh5n72jH.cjs.map} +1 -1
  106. package/dist/index.cjs +1 -1
  107. package/dist/index.d.ts +10 -1
  108. package/dist/index.js +32 -30
  109. package/dist/index.js.map +1 -1
  110. package/dist/tokens.json +1 -1
  111. package/package.json +1 -1
@@ -1 +1 @@
1
- ._file_4fkv5_1{align-items:center;background-color:var(--color-white);border-radius:var(--unit);border:var(--border-width-heavy) solid var(--color-white);box-shadow:var(--shadow);display:inline-flex;gap:calc(3 * var(--border-width));max-width:100%;min-width:0}._file_4fkv5_1 a{color:var(--color-primary);padding:var(--unit);transition:background-color var(--transition-duration) var(--transition-timing-function) var(--transition-delay)}._file_4fkv5_1 a:first-of-type{border-radius:var(--unit);cursor:default;display:inline-block;flex:1 1 auto;font-weight:var(--font-weight-semibold);max-width:100%;min-width:0;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}._file_4fkv5_1 a:first-of-type[role=document]:hover{background-color:var(--color-highlight);cursor:pointer}._file_4fkv5_1 a:first-of-type:has(+a){border-radius:var(--unit) 0 0 var(--unit)}._file_4fkv5_1 a:first-of-type:visited{opacity:var(--opacity-visited)}._file_4fkv5_1 a:first-of-type span{margin-right:var(--unit-small)}._file_4fkv5_1 ._delete_4fkv5_50{border-radius:0 var(--unit) var(--unit) 0;cursor:pointer;flex:0 0 auto;position:relative}._file_4fkv5_1 ._delete_4fkv5_50:before{content:"";position:absolute;left:calc(-1 * var(--unit-micro));top:0;width:var(--border-width);height:100%;background-color:var(--colors-semantic-border-default)}._file_4fkv5_1 ._delete_4fkv5_50:hover{background-color:var(--color-red-light)}
1
+ ._footer_uv5cc_1{bottom:0;margin:var(--unit) 0;position:fixed}
@@ -1 +1 @@
1
- ._dialog_1dwjg_1{background-color:var(--color-white);border-radius:var(--border-radius);border:none;box-shadow:var(--shadow-big);justify-self:center;max-height:85vh;max-width:75vw;min-width:25vw;opacity:0;overflow-y:auto;text-align:center;transition:opacity var(--transition-duration) var(--transition-timing-function) var(--transition-delay),visibility var(--transition-duration) var(--transition-timing-function) var(--transition-delay);visibility:hidden}._dialog_1dwjg_1[open]{opacity:1;visibility:visible}._dialog_1dwjg_1 button{margin-right:var(--unit)}._dialog_1dwjg_1 button:last-child{margin-right:0}._wrapper_1dwjg_32{align-items:center;-webkit-backdrop-filter:blur(var(--unit-tiny));backdrop-filter:blur(var(--unit-tiny));display:flex;height:100%;left:0;opacity:0;position:fixed;top:0;transition:opacity var(--transition-duration) var(--transition-timing-function) var(--transition-delay),visibility var(--transition-duration) var(--transition-timing-function) var(--transition-delay),-webkit-backdrop-filter var(--transition-duration) var(--transition-timing-function);transition:backdrop-filter var(--transition-duration) var(--transition-timing-function),opacity var(--transition-duration) var(--transition-timing-function) var(--transition-delay),visibility var(--transition-duration) var(--transition-timing-function) var(--transition-delay);transition:backdrop-filter var(--transition-duration) var(--transition-timing-function),opacity var(--transition-duration) var(--transition-timing-function) var(--transition-delay),visibility var(--transition-duration) var(--transition-timing-function) var(--transition-delay),-webkit-backdrop-filter var(--transition-duration) var(--transition-timing-function);visibility:hidden;width:100%;z-index:5}._wrapper_1dwjg_32:has(dialog[open]){opacity:1;visibility:visible}@media (width <= 960px){._dialog_1dwjg_1{max-width:90vw}}
1
+ ._file_4fkv5_1{align-items:center;background-color:var(--color-white);border-radius:var(--unit);border:var(--border-width-heavy) solid var(--color-white);box-shadow:var(--shadow);display:inline-flex;gap:calc(3 * var(--border-width));max-width:100%;min-width:0}._file_4fkv5_1 a{color:var(--color-primary);padding:var(--unit);transition:background-color var(--transition-duration) var(--transition-timing-function) var(--transition-delay)}._file_4fkv5_1 a:first-of-type{border-radius:var(--unit);cursor:default;display:inline-block;flex:1 1 auto;font-weight:var(--font-weight-semibold);max-width:100%;min-width:0;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}._file_4fkv5_1 a:first-of-type[role=document]:hover{background-color:var(--color-highlight);cursor:pointer}._file_4fkv5_1 a:first-of-type:has(+a){border-radius:var(--unit) 0 0 var(--unit)}._file_4fkv5_1 a:first-of-type:visited{opacity:var(--opacity-visited)}._file_4fkv5_1 a:first-of-type span{margin-right:var(--unit-small)}._file_4fkv5_1 ._delete_4fkv5_50{border-radius:0 var(--unit) var(--unit) 0;cursor:pointer;flex:0 0 auto;position:relative}._file_4fkv5_1 ._delete_4fkv5_50:before{content:"";position:absolute;left:calc(-1 * var(--unit-micro));top:0;width:var(--border-width);height:100%;background-color:var(--colors-semantic-border-default)}._file_4fkv5_1 ._delete_4fkv5_50:hover{background-color:var(--color-red-light)}
@@ -1 +1 @@
1
- @keyframes _reveal_u02jm_1{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0;transform:translateY(100%)}to{-webkit-backdrop-filter:blur(var(--unit-tiny));backdrop-filter:blur(var(--unit-tiny));opacity:1;transform:translateY(0)}}._controls_u02jm_15{display:flex;justify-content:center}._controls_u02jm_15 menu{align-items:center;display:flex;gap:var(--unit);list-style:none;margin:0;padding:0}._wrapper_u02jm_29{animation:_reveal_u02jm_1 var(--transition-duration-long) var(--transition-timing-function) var(--transition-delay) both;bottom:0;left:0;-webkit-mask:linear-gradient(transparent,black var(--unit));mask:linear-gradient(transparent,black var(--unit));position:fixed;right:0;will-change:filter,mask,opacity,transform;z-index:4}
1
+ ._dialog_1dwjg_1{background-color:var(--color-white);border-radius:var(--border-radius);border:none;box-shadow:var(--shadow-big);justify-self:center;max-height:85vh;max-width:75vw;min-width:25vw;opacity:0;overflow-y:auto;text-align:center;transition:opacity var(--transition-duration) var(--transition-timing-function) var(--transition-delay),visibility var(--transition-duration) var(--transition-timing-function) var(--transition-delay);visibility:hidden}._dialog_1dwjg_1[open]{opacity:1;visibility:visible}._dialog_1dwjg_1 button{margin-right:var(--unit)}._dialog_1dwjg_1 button:last-child{margin-right:0}._wrapper_1dwjg_32{align-items:center;-webkit-backdrop-filter:blur(var(--unit-tiny));backdrop-filter:blur(var(--unit-tiny));display:flex;height:100%;left:0;opacity:0;position:fixed;top:0;transition:opacity var(--transition-duration) var(--transition-timing-function) var(--transition-delay),visibility var(--transition-duration) var(--transition-timing-function) var(--transition-delay),-webkit-backdrop-filter var(--transition-duration) var(--transition-timing-function);transition:backdrop-filter var(--transition-duration) var(--transition-timing-function),opacity var(--transition-duration) var(--transition-timing-function) var(--transition-delay),visibility var(--transition-duration) var(--transition-timing-function) var(--transition-delay);transition:backdrop-filter var(--transition-duration) var(--transition-timing-function),opacity var(--transition-duration) var(--transition-timing-function) var(--transition-delay),visibility var(--transition-duration) var(--transition-timing-function) var(--transition-delay),-webkit-backdrop-filter var(--transition-duration) var(--transition-timing-function);visibility:hidden;width:100%;z-index:5}._wrapper_1dwjg_32:has(dialog[open]){opacity:1;visibility:visible}@media (width <= 960px){._dialog_1dwjg_1{max-width:90vw}}
@@ -1 +1 @@
1
- ._checkbox_16skt_1{align-items:center;cursor:pointer;display:inline-flex;gap:var(--unit)}._checkbox_16skt_1 input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:solid 1px var(--color-neutral);border-radius:calc(var(--border-radius) / 2);height:calc(var(--unit) * 1.25);width:calc(var(--unit) * 1.25)}._checkbox_16skt_1 input[type=checkbox]:checked{background-color:var(--color-primary)}._checkbox_16skt_1 input[type=checkbox]:checked:after{background-color:var(--color-white);content:"";display:block;height:100%;-webkit-mask-image:var(--icon-svg);mask-image:var(--icon-svg);width:100%}._checkbox_16skt_1 input[type=checkbox]:disabled{cursor:not-allowed}._checkbox_16skt_1 input[type=checkbox]:disabled:after{background-color:var(--color-icon)}
1
+ @keyframes _reveal_u02jm_1{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0;transform:translateY(100%)}to{-webkit-backdrop-filter:blur(var(--unit-tiny));backdrop-filter:blur(var(--unit-tiny));opacity:1;transform:translateY(0)}}._controls_u02jm_15{display:flex;justify-content:center}._controls_u02jm_15 menu{align-items:center;display:flex;gap:var(--unit);list-style:none;margin:0;padding:0}._wrapper_u02jm_29{animation:_reveal_u02jm_1 var(--transition-duration-long) var(--transition-timing-function) var(--transition-delay) both;bottom:0;left:0;-webkit-mask:linear-gradient(transparent,black var(--unit));mask:linear-gradient(transparent,black var(--unit));position:fixed;right:0;will-change:filter,mask,opacity,transform;z-index:4}
@@ -1 +1 @@
1
- @keyframes _ping_1ytlq_39{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(1)}}@keyframes _spin_1ytlq_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._loading_1ytlq_23{display:inline-block;overflow:hidden}._default_1ytlq_28{animation:_spin_1ytlq_1 1s linear infinite;border:var(--border-size, var(--unit-tiny)) solid var(--color-neutral);border-bottom-color:var(--color-primary);border-radius:50%;box-sizing:border-box;display:inline-block;height:var(--size, calc(var(--unit) * 2));width:var(--size, calc(var(--unit) * 2))}._ping_1ytlq_39{display:inline-block;height:var(--size, calc(var(--unit) * 2));position:relative;width:var(--size, calc(var(--unit) * 2))}._ping_1ytlq_39:after,._ping_1ytlq_39:before{animation:_ping_1ytlq_39 2s linear infinite;border-radius:50%;border:var(--border-size, var(--unit-tiny)) solid var(--color-primary);box-sizing:border-box;content:"";height:var(--size, calc(var(--unit) * 2));left:0;position:absolute;top:0;width:var(--size, calc(var(--unit) * 2))}._ping_1ytlq_39:after{animation-delay:1s;opacity:0}._sticky_1ytlq_65{position:absolute;top:0}
1
+ ._checkbox_16skt_1{align-items:center;cursor:pointer;display:inline-flex;gap:var(--unit)}._checkbox_16skt_1 input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:solid 1px var(--color-neutral);border-radius:calc(var(--border-radius) / 2);height:calc(var(--unit) * 1.25);width:calc(var(--unit) * 1.25)}._checkbox_16skt_1 input[type=checkbox]:checked{background-color:var(--color-primary)}._checkbox_16skt_1 input[type=checkbox]:checked:after{background-color:var(--color-white);content:"";display:block;height:100%;-webkit-mask-image:var(--icon-svg);mask-image:var(--icon-svg);width:100%}._checkbox_16skt_1 input[type=checkbox]:disabled{cursor:not-allowed}._checkbox_16skt_1 input[type=checkbox]:disabled:after{background-color:var(--color-icon)}
@@ -1 +1 @@
1
- @keyframes _slide-down_vu5j6_1{0%{opacity:0;transform:translateY(calc(-100% - 2 * var(--unit)))}to{opacity:1;transform:translateY(0)}}._banner_vu5j6_13{align-items:center;background-color:var(--color-primary);color:var(--color-white);display:flex;font-family:var(--font-family);opacity:0;padding:var(--unit);transform:translateY(calc(-100% - 2 * var(--unit)));position:fixed;top:0;left:0;right:0;z-index:1337}._banner_vu5j6_13 button{margin-left:auto}._banner_vu5j6_13._visible_vu5j6_34{animation:_slide-down_vu5j6_1 var(--transition-duration) var(--transition-timing-function);opacity:1;transform:translateY(0)}
1
+ @keyframes _ping_1ytlq_39{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(1)}}@keyframes _spin_1ytlq_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._loading_1ytlq_23{display:inline-block;overflow:hidden}._default_1ytlq_28{animation:_spin_1ytlq_1 1s linear infinite;border:var(--border-size, var(--unit-tiny)) solid var(--color-neutral);border-bottom-color:var(--color-primary);border-radius:50%;box-sizing:border-box;display:inline-block;height:var(--size, calc(var(--unit) * 2));width:var(--size, calc(var(--unit) * 2))}._ping_1ytlq_39{display:inline-block;height:var(--size, calc(var(--unit) * 2));position:relative;width:var(--size, calc(var(--unit) * 2))}._ping_1ytlq_39:after,._ping_1ytlq_39:before{animation:_ping_1ytlq_39 2s linear infinite;border-radius:50%;border:var(--border-size, var(--unit-tiny)) solid var(--color-primary);box-sizing:border-box;content:"";height:var(--size, calc(var(--unit) * 2));left:0;position:absolute;top:0;width:var(--size, calc(var(--unit) * 2))}._ping_1ytlq_39:after{animation-delay:1s;opacity:0}._sticky_1ytlq_65{position:absolute;top:0}
@@ -1 +1 @@
1
- ._badge_1dpmk_1{border-radius:var(--unit-large);display:inline-block;padding:0 var(--unit-small);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}._badge_1dpmk_1._primary_1dpmk_7{background-color:var(--color-purple-light);color:var(--color-purple-heart)}._badge_1dpmk_1._info_1dpmk_12{background-color:var(--colors-green-100);color:var(--colors-green-800)}._badge_1dpmk_1 button{padding:var(--unit-small)}
1
+ @keyframes _slide-down_vu5j6_1{0%{opacity:0;transform:translateY(calc(-100% - 2 * var(--unit)))}to{opacity:1;transform:translateY(0)}}._banner_vu5j6_13{align-items:center;background-color:var(--color-primary);color:var(--color-white);display:flex;font-family:var(--font-family);opacity:0;padding:var(--unit);transform:translateY(calc(-100% - 2 * var(--unit)));position:fixed;top:0;left:0;right:0;z-index:1337}._banner_vu5j6_13 button{margin-left:auto}._banner_vu5j6_13._visible_vu5j6_34{animation:_slide-down_vu5j6_1 var(--transition-duration) var(--transition-timing-function);opacity:1;transform:translateY(0)}
@@ -1 +1 @@
1
- ._app-link_1m7d3_1{align-items:center;border-radius:6px;border:1px solid black;color:#000;display:flex;gap:6px;height:40px;text-decoration:none!important;width:120px}._app-link_1m7d3_1 div{display:flex;flex-direction:column}._app-link_1m7d3_1._apple_1m7d3_17{padding:6.5px}._app-link_1m7d3_1._apple_1m7d3_17 img{height:24px;margin:.5px;width:20px}._app-link_1m7d3_1._apple_1m7d3_17 div{font-weight:500;margin-top:1px}._app-link_1m7d3_1._apple_1m7d3_17 div span:first-of-type{font-family:-apple-system,BlinkMacSystemFont,system-ui,Segoe UI,Roboto,Arial,sans-serif;font-size:9px;letter-spacing:0;line-height:10px}._app-link_1m7d3_1._apple_1m7d3_17 div span:nth-of-type(2){font-family:-apple-system,BlinkMacSystemFont,system-ui,Segoe UI,Roboto,Arial,sans-serif;font-size:18px;letter-spacing:-.47px;line-height:100%;white-space:nowrap}._app-link_1m7d3_1._google_1m7d3_49{padding:4px 8px}._app-link_1m7d3_1._google_1m7d3_49 img{height:23px;width:20px}._app-link_1m7d3_1._google_1m7d3_49 div{font-weight:400;gap:3px}._app-link_1m7d3_1._google_1m7d3_49 div span:first-of-type{display:inline-block;font-family:Google Sans,Roboto,Arial,Segoe UI,Fira Sans,system-ui,sans-serif;font-size:7px;letter-spacing:.2px;line-height:100%;margin-top:4px;text-transform:uppercase}._app-link_1m7d3_1._google_1m7d3_49 div span:nth-of-type(2) img{height:15px;width:74px}@media (prefers-color-scheme: dark){._app-link_1m7d3_1{background-color:#000;border-color:#a6a6a6;color:#fff}._app-link_1m7d3_1._apple_1m7d3_17 img{filter:invert()}._app-link_1m7d3_1._google_1m7d3_49 span img{filter:invert()}}
1
+ ._badge_1dpmk_1{border-radius:var(--unit-large);display:inline-block;padding:0 var(--unit-small);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}._badge_1dpmk_1._primary_1dpmk_7{background-color:var(--color-purple-light);color:var(--color-purple-heart)}._badge_1dpmk_1._info_1dpmk_12{background-color:var(--colors-green-100);color:var(--colors-green-800)}._badge_1dpmk_1 button{padding:var(--unit-small)}
@@ -1 +1 @@
1
- ._sortable_178uo_1 li{cursor:grab}
1
+ ol{margin-block:var(--unit-small)!important}._sortable_1ygko_5 li{margin-bottom:0;padding-block:var(--unit-small)}._sortable_1ygko_5 li._dragging_1ygko_10{margin-block:var(--unit-small);opacity:.5;padding:0}._sortable_1ygko_5 li:first-of-type._dragging_1ygko_10{margin-top:calc(1.5 * var(--unit))}._sortable_1ygko_5 li:last-of-type._dragging_1ygko_10{padding-bottom:var(--unit-small)}._sortable_1ygko_5._columns_1ygko_25{-moz-column-gap:0;column-gap:0;margin-right:var(--negative-unit)}._sortable_1ygko_5._columns_1ygko_25 li{padding-right:var(--unit)}._sortable_1ygko_5 ._pseudo_1ygko_34:before,._sortable_1ygko_5 ._pseudo_1ygko_34:after{background:var(--colors-semantic-primary-primary-subtle);border-radius:var(--border-radius);border:0 dotted var(--colors-semantic-primary-primary-subtle-border);content:"";display:block;height:0;margin-block:0;opacity:0;pointer-events:none;transition:all var(--transition-duration) var(--transition-timing-function) var(--transition-delay)}._sortable_1ygko_5 ._target-above_1ygko_49:before,._sortable_1ygko_5 ._target-below_1ygko_50:after{border-width:var(--border-width);height:calc(var(--height) - var(--unit));opacity:1;width:var(--width)}._sortable_1ygko_5 ._target-above_1ygko_49:before{margin-bottom:var(--unit)}._sortable_1ygko_5 ._target-below_1ygko_50:after{margin-top:var(--unit)}
@@ -1 +1 @@
1
- ._accordion_8spz8_1 summary{cursor:pointer;list-style:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}
1
+ ::view-transition-group(details-expand){animation-duration:var(--transition-duration);animation-timing-function:var(--transition-timing-function)}._accordion_1vtp0_6 details{view-transition-name:details-expand}._accordion_1vtp0_6 summary{cursor:pointer;list-style:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}._accordion_1vtp0_6 summary::marker{display:none}
@@ -1 +1 @@
1
- ._aside_1mnkl_1{background-color:var(--color-white)}._aside_1mnkl_1 footer{position:absolute;bottom:0}._aside_1mnkl_1 section{padding:var(--unit) 0}._meta_1mnkl_14{min-height:100vh;padding:var(--unit)}._meta_1mnkl_14 [data-component=croppable]{border-radius:var(--unit);margin-top:calc(var(--unit) * 4)}._meta_1mnkl_14 [data-component=croppable] div{border-radius:var(--unit)}._meta_1mnkl_14 a{text-decoration:none}._meta_1mnkl_14 a:hover,._meta_1mnkl_14 a:focus{text-decoration:underline}._meta_1mnkl_14 section:has(+section){border-bottom:var(--border-width) solid var(--colors-semantic-border-default)}._sticky_1mnkl_41{position:-webkit-sticky;position:sticky;top:0}@media (width > 960px){._meta_1mnkl_14{overflow-y:auto!important;height:100vh;position:fixed;right:0;top:0;width:calc(18 * var(--unit))}}
1
+ ._app-link_1m7d3_1{align-items:center;border-radius:6px;border:1px solid black;color:#000;display:flex;gap:6px;height:40px;text-decoration:none!important;width:120px}._app-link_1m7d3_1 div{display:flex;flex-direction:column}._app-link_1m7d3_1._apple_1m7d3_17{padding:6.5px}._app-link_1m7d3_1._apple_1m7d3_17 img{height:24px;margin:.5px;width:20px}._app-link_1m7d3_1._apple_1m7d3_17 div{font-weight:500;margin-top:1px}._app-link_1m7d3_1._apple_1m7d3_17 div span:first-of-type{font-family:-apple-system,BlinkMacSystemFont,system-ui,Segoe UI,Roboto,Arial,sans-serif;font-size:9px;letter-spacing:0;line-height:10px}._app-link_1m7d3_1._apple_1m7d3_17 div span:nth-of-type(2){font-family:-apple-system,BlinkMacSystemFont,system-ui,Segoe UI,Roboto,Arial,sans-serif;font-size:18px;letter-spacing:-.47px;line-height:100%;white-space:nowrap}._app-link_1m7d3_1._google_1m7d3_49{padding:4px 8px}._app-link_1m7d3_1._google_1m7d3_49 img{height:23px;width:20px}._app-link_1m7d3_1._google_1m7d3_49 div{font-weight:400;gap:3px}._app-link_1m7d3_1._google_1m7d3_49 div span:first-of-type{display:inline-block;font-family:Google Sans,Roboto,Arial,Segoe UI,Fira Sans,system-ui,sans-serif;font-size:7px;letter-spacing:.2px;line-height:100%;margin-top:4px;text-transform:uppercase}._app-link_1m7d3_1._google_1m7d3_49 div span:nth-of-type(2) img{height:15px;width:74px}@media (prefers-color-scheme: dark){._app-link_1m7d3_1{background-color:#000;border-color:#a6a6a6;color:#fff}._app-link_1m7d3_1._apple_1m7d3_17 img{filter:invert()}._app-link_1m7d3_1._google_1m7d3_49 span img{filter:invert()}}
@@ -1 +1 @@
1
- ._branding_uq0pm_1{display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}._default_uq0pm_7{background-color:var(--color-primary)}._white_uq0pm_11{background-color:var(--color-white)}
1
+ ._aside_1mnkl_1{background-color:var(--color-white)}._aside_1mnkl_1 footer{position:absolute;bottom:0}._aside_1mnkl_1 section{padding:var(--unit) 0}._meta_1mnkl_14{min-height:100vh;padding:var(--unit)}._meta_1mnkl_14 [data-component=croppable]{border-radius:var(--unit);margin-top:calc(var(--unit) * 4)}._meta_1mnkl_14 [data-component=croppable] div{border-radius:var(--unit)}._meta_1mnkl_14 a{text-decoration:none}._meta_1mnkl_14 a:hover,._meta_1mnkl_14 a:focus{text-decoration:underline}._meta_1mnkl_14 section:has(+section){border-bottom:var(--border-width) solid var(--colors-semantic-border-default)}._sticky_1mnkl_41{position:-webkit-sticky;position:sticky;top:0}@media (width > 960px){._meta_1mnkl_14{overflow-y:auto!important;height:100vh;position:fixed;right:0;top:0;width:calc(18 * var(--unit))}}
@@ -1 +1 @@
1
- ._button_1cw1v_1{align-items:center;background-color:var(--color-neutral-light);border-radius:var(--border-radius);border:none;box-shadow:var(--shadow);color:var(--color-outer-space);display:inline;font-weight:var(--font-weight-semibold);padding:calc(var(--unit) - 2px);transition:all var(--transition-duration) var(--transition-timing-function)}._button_1cw1v_1:disabled{cursor:not-allowed;opacity:.5}._danger_1cw1v_19{background-color:var(--color-red);color:var(--color-white)}._danger_1cw1v_19:not([disabled]):hover{background-color:var(--color-mahogany)}._danger_1cw1v_19 span{margin-left:var(--unit-small)}._minimal_1cw1v_32{background-color:transparent;border-radius:var(--border-radius);border:none;box-shadow:none}._primary_1cw1v_39{background-color:var(--color-primary);color:var(--color-white)}._primary_1cw1v_39:not([disabled]):hover{background-color:var(--color-primary-dark)}
1
+ ._branding_uq0pm_1{display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}._default_uq0pm_7{background-color:var(--color-primary)}._white_uq0pm_11{background-color:var(--color-white)}
@@ -1 +1 @@
1
- ._figure_kkosq_1{display:inline-block;margin:0;padding:0}._figure_kkosq_1>img{background-color:var(--color-neutral);border-radius:var(--border-radius);display:block;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}._figure_kkosq_1 input[type=file]{display:none}._offset_kkosq_20>*{position:relative;left:var(--offset-left, auto);right:var(--offset-right, auto);width:calc(100% + calc(2 * var(--unit)))}
1
+ ._button_1cw1v_1{align-items:center;background-color:var(--color-neutral-light);border-radius:var(--border-radius);border:none;box-shadow:var(--shadow);color:var(--color-outer-space);display:inline;font-weight:var(--font-weight-semibold);padding:calc(var(--unit) - 2px);transition:all var(--transition-duration) var(--transition-timing-function)}._button_1cw1v_1:disabled{cursor:not-allowed;opacity:.5}._danger_1cw1v_19{background-color:var(--color-red);color:var(--color-white)}._danger_1cw1v_19:not([disabled]):hover{background-color:var(--color-mahogany)}._danger_1cw1v_19 span{margin-left:var(--unit-small)}._minimal_1cw1v_32{background-color:transparent;border-radius:var(--border-radius);border:none;box-shadow:none}._primary_1cw1v_39{background-color:var(--color-primary);color:var(--color-white)}._primary_1cw1v_39:not([disabled]):hover{background-color:var(--color-primary-dark)}
@@ -1 +1 @@
1
- ._form_fapts_1{cursor:default;display:flex;flex-direction:column;gap:var(--unit)}._form_fapts_1 button{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}._form_fapts_1 input,._form_fapts_1 select,._form_fapts_1 label{width:100%}._form_fapts_1 label>span{margin-bottom:var(--unit-small)}._form_fapts_1 section{margin:var(--unit) 0}._inline_fapts_26 input,._inline_fapts_26 textarea{border:none;border-radius:inherit;box-shadow:none;font-size:inherit;font-weight:inherit;line-height:inherit;margin:0;outline:0;padding:0}
1
+ ._figure_kkosq_1{display:inline-block;margin:0;padding:0}._figure_kkosq_1>img{background-color:var(--color-neutral);border-radius:var(--border-radius);display:block;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}._figure_kkosq_1 input[type=file]{display:none}._offset_kkosq_20>*{position:relative;left:var(--offset-left, auto);right:var(--offset-right, auto);width:calc(100% + calc(2 * var(--unit)))}
@@ -1 +1 @@
1
- ._icon_wciqx_1{display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;flex-shrink:0;vertical-align:middle}._small_wciqx_9{height:var(--unit);width:var(--unit)}._medium_wciqx_14{height:calc(var(--unit) * 1.5);width:calc(var(--unit) * 1.5)}._large_wciqx_19{height:calc(var(--unit) * 2);width:calc(var(--unit) * 2)}._danger_wciqx_24{background-color:var(--color-red)}._default_wciqx_28{background-color:var(--color-icon)}._primary_wciqx_32{background-color:var(--color-primary)}._white_wciqx_36{background-color:var(--color-white)}._gap-right_wciqx_40{margin-right:var(--unit-small)}._gap-left_wciqx_44{margin-left:var(--unit-small)}
1
+ ._form_fapts_1{cursor:default;display:flex;flex-direction:column;gap:var(--unit)}._form_fapts_1 button{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}._form_fapts_1 input,._form_fapts_1 select,._form_fapts_1 label{width:100%}._form_fapts_1 label>span{margin-bottom:var(--unit-small)}._form_fapts_1 section{margin:var(--unit) 0}._inline_fapts_26 input,._inline_fapts_26 textarea{border:none;border-radius:inherit;box-shadow:none;font-size:inherit;font-weight:inherit;line-height:inherit;margin:0;outline:0;padding:0}
@@ -1 +1 @@
1
- ._link_8fl9a_1{color:var(--color-primary);text-decoration:underline;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}._primary_8fl9a_7>span{background-color:var(--color-primary)}._danger_8fl9a_13{color:var(--color-red)}._danger_8fl9a_13>span{background-color:var(--color-red)}._minimal_8fl9a_21{border-radius:var(--border-radius);padding:var(--unit-small);text-decoration:none;transition:background-color var(--transition-duration) var(--transition-timing-function)}._minimal_8fl9a_21:hover{background-color:var(--color-highlight)}._minimal_8fl9a_21 span{background-color:var(--color-primary)}
1
+ ._icon_wciqx_1{display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;flex-shrink:0;vertical-align:middle}._small_wciqx_9{height:var(--unit);width:var(--unit)}._medium_wciqx_14{height:calc(var(--unit) * 1.5);width:calc(var(--unit) * 1.5)}._large_wciqx_19{height:calc(var(--unit) * 2);width:calc(var(--unit) * 2)}._danger_wciqx_24{background-color:var(--color-red)}._default_wciqx_28{background-color:var(--color-icon)}._primary_wciqx_32{background-color:var(--color-primary)}._white_wciqx_36{background-color:var(--color-white)}._gap-right_wciqx_40{margin-right:var(--unit-small)}._gap-left_wciqx_44{margin-left:var(--unit-small)}
@@ -1 +1 @@
1
- ._horizontal_ham8z_1{display:block}._horizontal_ham8z_1 li{display:inline-block;margin-right:var(--unit);max-width:100%;min-width:0}._list_ham8z_12{display:block;list-style-type:none;min-width:0}._list_ham8z_12 li{list-style:none;margin-bottom:var(--unit);max-width:100%;min-width:0;padding-left:0}._list_ham8z_12 li>li,._list_ham8z_12 li>details li{margin-left:var(--unit)}._list_ham8z_12 li>section{border-bottom:var(--border-width) solid var(--colors-semantic-border-default)}._list_ham8z_12 li>section:first-child{border-top:var(--border-width) solid var(--colors-semantic-border-default)}._list_ham8z_12 li>section:last-of-type{border-bottom:none}._list_ham8z_12 li:has([data-span=all]){grid-column:1 / -1}._list_ham8z_12 li:last-child{margin-bottom:0}._columns_ham8z_51{-moz-column-gap:var(--unit);column-gap:var(--unit);display:grid;grid-template-columns:repeat(var(--list-columns, 2),minmax(0,1fr))}@media (width <= 960px){._columns_ham8z_51{grid-template-columns:1fr}}
1
+ ._link_8fl9a_1{color:var(--color-primary);text-decoration:underline;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}._primary_8fl9a_7>span{background-color:var(--color-primary)}._danger_8fl9a_13{color:var(--color-red)}._danger_8fl9a_13>span{background-color:var(--color-red)}._minimal_8fl9a_21{border-radius:var(--border-radius);padding:var(--unit-small);text-decoration:none;transition:background-color var(--transition-duration) var(--transition-timing-function)}._minimal_8fl9a_21:hover{background-color:var(--color-highlight)}._minimal_8fl9a_21 span{background-color:var(--color-primary)}
@@ -1 +1 @@
1
- ._message_1cg9n_1{background-color:var(--color-neutral-light);box-shadow:var(--shadow);overflow:hidden;padding:var(--unit);white-space:pre-wrap;word-break:break-word}._message_1cg9n_1[data-type=default]{border-radius:0 var(--unit) var(--unit) 0;margin-right:auto;max-width:90%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}._message_1cg9n_1[data-type=minimal]{background-color:transparent;box-shadow:none;margin:var(--unit-small) 0 0 0;padding:0}._message_1cg9n_1[data-type=user]{background-color:var(--color-purple-light);border-radius:var(--unit) 0 0 var(--unit);margin-left:auto;max-width:90%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}._message_1cg9n_1[data-type=system]{background-color:var(--color-neutral);border-radius:var(--border-radius);color:var(--color-text-secondary)}._preview_1cg9n_38{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}
1
+ ._horizontal_ham8z_1{display:block}._horizontal_ham8z_1 li{display:inline-block;margin-right:var(--unit);max-width:100%;min-width:0}._list_ham8z_12{display:block;list-style-type:none;min-width:0}._list_ham8z_12 li{list-style:none;margin-bottom:var(--unit);max-width:100%;min-width:0;padding-left:0}._list_ham8z_12 li>li,._list_ham8z_12 li>details li{margin-left:var(--unit)}._list_ham8z_12 li>section{border-bottom:var(--border-width) solid var(--colors-semantic-border-default)}._list_ham8z_12 li>section:first-child{border-top:var(--border-width) solid var(--colors-semantic-border-default)}._list_ham8z_12 li>section:last-of-type{border-bottom:none}._list_ham8z_12 li:has([data-span=all]){grid-column:1 / -1}._list_ham8z_12 li:last-child{margin-bottom:0}._columns_ham8z_51{-moz-column-gap:var(--unit);column-gap:var(--unit);display:grid;grid-template-columns:repeat(var(--list-columns, 2),minmax(0,1fr))}@media (width <= 960px){._columns_ham8z_51{grid-template-columns:1fr}}
@@ -1 +1 @@
1
- @view-transition{navigation: auto;}body,html{background-color:var(--color-wild-sand);box-sizing:border-box;align-items:center;margin:0;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}._layout_zs9ip_16{margin:0 auto;opacity:1;transition:opacity var(--transition-duration) var(--transition-timing-function),width var(--transition-duration) var(--transition-timing-function);width:100%}@media (width >= 960px){._layout_zs9ip_16[data-public]{padding:0 0 0 var(--unit-large)}}._layout_zs9ip_16._dashboard_zs9ip_30{padding-right:var(--unit)}._layout_zs9ip_16._settings_zs9ip_34{display:flex;padding-bottom:calc(var(--unit) * 4);position:relative;width:100%}._layout_zs9ip_16._settings_zs9ip_34 article{max-width:calc(40 * var(--unit));padding-right:var(--unit);width:100%}._layout_zs9ip_16._settings_zs9ip_34 header{margin-bottom:var(--unit)}._layout_zs9ip_16._settlements_zs9ip_51{padding-bottom:calc(var(--unit) * 4);position:relative;width:100%}._layout_zs9ip_16._settlements_zs9ip_51 article{max-width:calc(64 * var(--unit));padding-right:var(--unit);width:100%}._layout_zs9ip_16._settlements_zs9ip_51 button{margin-right:var(--unit)}._layout_zs9ip_16._settlements_zs9ip_51 dt{font-weight:var(--font-weight-semibold);margin-top:var(--unit)}._layout_zs9ip_16._settlements_zs9ip_51 form{margin-top:var(--unit)}._layout_zs9ip_16._settlements_zs9ip_51 form button{margin:var(--unit)}._layout_zs9ip_16._settlements_zs9ip_51 form li{text-align:left}._layout_zs9ip_16._settlements_zs9ip_51 [data-component=card]:first-of-type{margin-top:var(--unit)}._layout_zs9ip_16._settlements_zs9ip_51>header{margin-bottom:var(--unit)}._layout_zs9ip_16._home_zs9ip_92{margin-right:calc(var(--unit) * 20)}._layout_zs9ip_16._home_zs9ip_92>article{margin:calc(3 * var(--unit)) auto;max-width:calc(40 * var(--unit));width:100%}._layout_zs9ip_16._home_zs9ip_92>article nav{margin:var(--unit) 0}@media (width <= 960px){._layout_zs9ip_16{padding-left:var(--unit);padding-right:var(--unit);padding-top:calc(var(--unit) * 4)}._layout_zs9ip_16>div>nav{left:50%;transform:translate(-50%);position:fixed;top:var(--unit)}._layout_zs9ip_16._home_zs9ip_92{margin-right:0;width:100vw}._layout_zs9ip_16._home_zs9ip_92>aside{background-color:transparent;margin-top:calc(-1 * calc(var(--unit) * 3));min-height:auto;padding:0 0 calc(6 * var(--unit))}._layout_zs9ip_16._home_zs9ip_92>aside figure{display:none}._layout_zs9ip_16._home_zs9ip_92>article{margin-bottom:calc(var(--unit) * 3);margin-top:calc(var(--unit) * 3)}}
1
+ ._object_1esdj_1{height:100dvh;width:100%}
@@ -1 +1 @@
1
- ._nav_joer2_1 a{display:block}._horizontal_joer2_7 a,._horizontal_joer2_7 li{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._tabs_joer2_17{@extend .horizontal;border-bottom:var(--border-width) solid var(--colors-semantic-border-default);display:flex;gap:var(--unit)}._tabs_joer2_17 a,._tabs_joer2_17 li{color:var(--color-outer-space);font-weight:var(--font-weight-semibold);padding:var(--unit-tiny) var(--unit-micro) var(--unit-small) var(--unit-micro);text-decoration:none}._tabs_joer2_17 a[aria-current=page],._tabs_joer2_17 li[aria-current=page]{color:var(--color-electric-violet);border-bottom:var(--border-width) solid var(--color-electric-violet)}._pills_joer2_38{background-color:var(--color-translucent);-webkit-backdrop-filter:blur(var(--unit-small));backdrop-filter:blur(var(--unit-small));border-radius:var(--border-radius-large);border:var(--border-width-heavy) solid var(--color-white);box-shadow:var(--shadow-big);display:flex;margin:0 auto;position:-webkit-sticky;position:sticky;top:var(--unit);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:1}._pills_joer2_38:has(>:only-child){display:none}._pills_joer2_38:before{content:"";background:var(--color-electric-violet);border-radius:var(--border-radius-large);inset-block:0;left:anchor(left);position-anchor:--current;position:absolute;transition:left var(--transition-duration) var(--transition-timing-function),top var(--transition-duration) var(--transition-timing-function),width var(--transition-duration) var(--transition-timing-function);width:anchor-size(width);z-index:0}._pills_joer2_38 a{border-radius:var(--unit-large);color:var(--color-primary);display:inline-block;font-weight:var(--font-weight-bold);padding:var(--unit);position:relative;text-decoration:none;text-overflow:ellipsis;transition:color var(--transition-duration) var(--transition-timing-function),padding var(--transition-duration) var(--transition-timing-function);white-space:nowrap;z-index:2}._pills_joer2_38 a[aria-current=page]{anchor-name:--current;color:var(--color-white)}._pills_joer2_38 a[aria-current=page]:hover{color:var(--color-white)}@media (width <= 960px){._pills_joer2_38{flex-direction:column}._pills_joer2_38 a[aria-current=page]{background-color:var(--color-electric-violet)}._pills_joer2_38 a[aria-current=page]:after{background-color:var(--color-white);content:"";display:inline-block;height:var(--unit);margin-left:var(--unit-small);-webkit-mask-image:var(--icon-svg);mask-image:var(--icon-svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;transition:transform var(--transition-duration) var(--transition-timing-function);vertical-align:middle;width:var(--unit)}._pills_joer2_38 a:not([aria-current=page]){display:none}._pills_joer2_38[data-open=true] a{display:block}._pills_joer2_38[data-open=true] a[aria-current=page]:after{transform:rotateX(180deg)}._pills_joer2_38:before{display:none}}@supports not (position-anchor: --x){._pills_joer2_38:before{display:none}._pills_joer2_38 a[aria-current=page]{background:var(--color-electric-violet);color:var(--color-white)}}
1
+ ._message_1cg9n_1{background-color:var(--color-neutral-light);box-shadow:var(--shadow);overflow:hidden;padding:var(--unit);white-space:pre-wrap;word-break:break-word}._message_1cg9n_1[data-type=default]{border-radius:0 var(--unit) var(--unit) 0;margin-right:auto;max-width:90%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}._message_1cg9n_1[data-type=minimal]{background-color:transparent;box-shadow:none;margin:var(--unit-small) 0 0 0;padding:0}._message_1cg9n_1[data-type=user]{background-color:var(--color-purple-light);border-radius:var(--unit) 0 0 var(--unit);margin-left:auto;max-width:90%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}._message_1cg9n_1[data-type=system]{background-color:var(--color-neutral);border-radius:var(--border-radius);color:var(--color-text-secondary)}._preview_1cg9n_38{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}
@@ -1 +1 @@
1
- ._select_sotfn_1{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color-white);background-image:var(--icon-svg);background-position:right var(--unit-small) center;background-repeat:no-repeat;background-size:var(--icon-size);border:var(--border);border-radius:var(--border-radius);box-shadow:var(--shadow);padding:var(--unit);padding-right:var(--unit-large);text-overflow:ellipsis}._select_sotfn_1:has(option[value=""]:checked){color:var(--color-placeholder-text)}._select_sotfn_1 option{padding-right:var(--unit-large)}._label_sotfn_24{display:block}
1
+ ._nav_joer2_1 a{display:block}._horizontal_joer2_7 a,._horizontal_joer2_7 li{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._tabs_joer2_17{@extend .horizontal;border-bottom:var(--border-width) solid var(--colors-semantic-border-default);display:flex;gap:var(--unit)}._tabs_joer2_17 a,._tabs_joer2_17 li{color:var(--color-outer-space);font-weight:var(--font-weight-semibold);padding:var(--unit-tiny) var(--unit-micro) var(--unit-small) var(--unit-micro);text-decoration:none}._tabs_joer2_17 a[aria-current=page],._tabs_joer2_17 li[aria-current=page]{color:var(--color-electric-violet);border-bottom:var(--border-width) solid var(--color-electric-violet)}._pills_joer2_38{background-color:var(--color-translucent);-webkit-backdrop-filter:blur(var(--unit-small));backdrop-filter:blur(var(--unit-small));border-radius:var(--border-radius-large);border:var(--border-width-heavy) solid var(--color-white);box-shadow:var(--shadow-big);display:flex;margin:0 auto;position:-webkit-sticky;position:sticky;top:var(--unit);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:1}._pills_joer2_38:has(>:only-child){display:none}._pills_joer2_38:before{content:"";background:var(--color-electric-violet);border-radius:var(--border-radius-large);inset-block:0;left:anchor(left);position-anchor:--current;position:absolute;transition:left var(--transition-duration) var(--transition-timing-function),top var(--transition-duration) var(--transition-timing-function),width var(--transition-duration) var(--transition-timing-function);width:anchor-size(width);z-index:0}._pills_joer2_38 a{border-radius:var(--unit-large);color:var(--color-primary);display:inline-block;font-weight:var(--font-weight-bold);padding:var(--unit);position:relative;text-decoration:none;text-overflow:ellipsis;transition:color var(--transition-duration) var(--transition-timing-function),padding var(--transition-duration) var(--transition-timing-function);white-space:nowrap;z-index:2}._pills_joer2_38 a[aria-current=page]{anchor-name:--current;color:var(--color-white)}._pills_joer2_38 a[aria-current=page]:hover{color:var(--color-white)}@media (width <= 960px){._pills_joer2_38{flex-direction:column}._pills_joer2_38 a[aria-current=page]{background-color:var(--color-electric-violet)}._pills_joer2_38 a[aria-current=page]:after{background-color:var(--color-white);content:"";display:inline-block;height:var(--unit);margin-left:var(--unit-small);-webkit-mask-image:var(--icon-svg);mask-image:var(--icon-svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;transition:transform var(--transition-duration) var(--transition-timing-function);vertical-align:middle;width:var(--unit)}._pills_joer2_38 a:not([aria-current=page]){display:none}._pills_joer2_38[data-open=true] a{display:block}._pills_joer2_38[data-open=true] a[aria-current=page]:after{transform:rotateX(180deg)}._pills_joer2_38:before{display:none}}@supports not (position-anchor: --x){._pills_joer2_38:before{display:none}._pills_joer2_38 a[aria-current=page]{background:var(--color-electric-violet);color:var(--color-white)}}
@@ -1 +1 @@
1
- ._label_b5yys_1{display:block}._textarea_b5yys_5{field-sizing:content;font-size:var(--font-size);height:auto;min-height:calc((var(--min-rows) * var(--unit) * 1.25) + (2 * var(--unit)));max-height:calc((var(--max-rows) * var(--unit) * 1.25) + (2 * var(--unit)));overflow-y:auto;resize:none;transition:height var(--transition-duration) var(--transition-timing-function);width:100%;word-break:break-word}
1
+ ._select_sotfn_1{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color-white);background-image:var(--icon-svg);background-position:right var(--unit-small) center;background-repeat:no-repeat;background-size:var(--icon-size);border:var(--border);border-radius:var(--border-radius);box-shadow:var(--shadow);padding:var(--unit);padding-right:var(--unit-large);text-overflow:ellipsis}._select_sotfn_1:has(option[value=""]:checked){color:var(--color-placeholder-text)}._select_sotfn_1 option{padding-right:var(--unit-large)}._label_sotfn_24{display:block}
@@ -1 +1 @@
1
- ._toast_tav58_1{align-items:center;border-radius:var(--border-radius);box-shadow:var(--shadow);cursor:pointer;display:flex;gap:var(--unit);margin:var(--unit);margin-bottom:0;opacity:0;overflow:hidden;padding:var(--unit);transform:translateY(var(--negative-unit-large));transition:all var(--transition-duration-long) var(--transition-timing-function);-webkit-user-select:none;-moz-user-select:none;user-select:none}._active_tav58_18{opacity:1;padding:var(--unit);transform:translateY(0)}._error_tav58_24{background-color:var(--color-red)}._info_tav58_28{background-color:var(--color-neutral);color:var(--color-text-secondary)}._success_tav58_33{background-color:var(--color-green)}._error_tav58_24,._success_tav58_33{color:var(--color-white)}._error_tav58_24>span,._success_tav58_33>span{background-color:var(--color-white)}
1
+ ._label_b5yys_1{display:block}._textarea_b5yys_5{field-sizing:content;font-size:var(--font-size);height:auto;min-height:calc((var(--min-rows) * var(--unit) * 1.25) + (2 * var(--unit)));max-height:calc((var(--max-rows) * var(--unit) * 1.25) + (2 * var(--unit)));overflow-y:auto;resize:none;transition:height var(--transition-duration) var(--transition-timing-function);width:100%;word-break:break-word}
@@ -1 +1 @@
1
- ._toolbar_kuorz_1{-webkit-backdrop-filter:blur(var(--unit-tiny));backdrop-filter:blur(var(--unit-tiny));background-color:var(--color-translucent);border:var(--border-width) solid var(--colors-semantic-border-default);border-radius:var(--border-radius);position:absolute;right:var(--unit-tiny);top:var(--unit-tiny)}._toolbar_kuorz_1 [data-component=button][data-active=true]{background-color:var(--color-surface-active);box-shadow:inset 0 0 2px var(--color-primary-dark)}._toolbar_kuorz_1 [data-component=button][data-active=true] [data-component=icon]{background-color:var(--color-primary-dark)}._toolbar_kuorz_1 [data-component=button]:not([disabled]):hover{background-color:var(--color-surface-active)}._default_kuorz_26 button{border-radius:var(--border-radius);display:inline-block}._editor_kuorz_33{background-color:var(--color-neutral-light);border:none;border-bottom:var(--border-width) solid var(--colors-semantic-border-default);border-radius:var(--border-radius) var(--border-radius) 0 0;overflow:hidden;position:initial;right:0;top:0}._editor_kuorz_33 button{display:inline-block}._editor_kuorz_33 button:first-child{border-top-left-radius:var(--border-radius)}
1
+ ._toast_tav58_1{align-items:center;border-radius:var(--border-radius);box-shadow:var(--shadow);cursor:pointer;display:flex;gap:var(--unit);margin:var(--unit);margin-bottom:0;opacity:0;overflow:hidden;padding:var(--unit);transform:translateY(var(--negative-unit-large));transition:all var(--transition-duration-long) var(--transition-timing-function);-webkit-user-select:none;-moz-user-select:none;user-select:none}._active_tav58_18{opacity:1;padding:var(--unit);transform:translateY(0)}._error_tav58_24{background-color:var(--color-red)}._info_tav58_28{background-color:var(--color-neutral);color:var(--color-text-secondary)}._success_tav58_33{background-color:var(--color-green)}._error_tav58_24,._success_tav58_33{color:var(--color-white)}._error_tav58_24>span,._success_tav58_33>span{background-color:var(--color-white)}
@@ -0,0 +1 @@
1
+ ._toolbar_kuorz_1{-webkit-backdrop-filter:blur(var(--unit-tiny));backdrop-filter:blur(var(--unit-tiny));background-color:var(--color-translucent);border:var(--border-width) solid var(--colors-semantic-border-default);border-radius:var(--border-radius);position:absolute;right:var(--unit-tiny);top:var(--unit-tiny)}._toolbar_kuorz_1 [data-component=button][data-active=true]{background-color:var(--color-surface-active);box-shadow:inset 0 0 2px var(--color-primary-dark)}._toolbar_kuorz_1 [data-component=button][data-active=true] [data-component=icon]{background-color:var(--color-primary-dark)}._toolbar_kuorz_1 [data-component=button]:not([disabled]):hover{background-color:var(--color-surface-active)}._default_kuorz_26 button{border-radius:var(--border-radius);display:inline-block}._editor_kuorz_33{background-color:var(--color-neutral-light);border:none;border-bottom:var(--border-width) solid var(--colors-semantic-border-default);border-radius:var(--border-radius) var(--border-radius) 0 0;overflow:hidden;position:initial;right:0;top:0}._editor_kuorz_33 button{display:inline-block}._editor_kuorz_33 button:first-child{border-top-left-radius:var(--border-radius)}
@@ -1 +1 @@
1
- ._image_nnuov_1{opacity:0;transition:opacity var(--duration-override, var(--transition-duration)) var(--transition-timing-function);will-change:opacity}
1
+ @view-transition{navigation: auto;}body,html{background-color:var(--color-wild-sand);box-sizing:border-box;align-items:center;margin:0;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}._layout_zs9ip_16{margin:0 auto;opacity:1;transition:opacity var(--transition-duration) var(--transition-timing-function),width var(--transition-duration) var(--transition-timing-function);width:100%}@media (width >= 960px){._layout_zs9ip_16[data-public]{padding:0 0 0 var(--unit-large)}}._layout_zs9ip_16._dashboard_zs9ip_30{padding-right:var(--unit)}._layout_zs9ip_16._settings_zs9ip_34{display:flex;padding-bottom:calc(var(--unit) * 4);position:relative;width:100%}._layout_zs9ip_16._settings_zs9ip_34 article{max-width:calc(40 * var(--unit));padding-right:var(--unit);width:100%}._layout_zs9ip_16._settings_zs9ip_34 header{margin-bottom:var(--unit)}._layout_zs9ip_16._settlements_zs9ip_51{padding-bottom:calc(var(--unit) * 4);position:relative;width:100%}._layout_zs9ip_16._settlements_zs9ip_51 article{max-width:calc(64 * var(--unit));padding-right:var(--unit);width:100%}._layout_zs9ip_16._settlements_zs9ip_51 button{margin-right:var(--unit)}._layout_zs9ip_16._settlements_zs9ip_51 dt{font-weight:var(--font-weight-semibold);margin-top:var(--unit)}._layout_zs9ip_16._settlements_zs9ip_51 form{margin-top:var(--unit)}._layout_zs9ip_16._settlements_zs9ip_51 form button{margin:var(--unit)}._layout_zs9ip_16._settlements_zs9ip_51 form li{text-align:left}._layout_zs9ip_16._settlements_zs9ip_51 [data-component=card]:first-of-type{margin-top:var(--unit)}._layout_zs9ip_16._settlements_zs9ip_51>header{margin-bottom:var(--unit)}._layout_zs9ip_16._home_zs9ip_92{margin-right:calc(var(--unit) * 20)}._layout_zs9ip_16._home_zs9ip_92>article{margin:calc(3 * var(--unit)) auto;max-width:calc(40 * var(--unit));width:100%}._layout_zs9ip_16._home_zs9ip_92>article nav{margin:var(--unit) 0}@media (width <= 960px){._layout_zs9ip_16{padding-left:var(--unit);padding-right:var(--unit);padding-top:calc(var(--unit) * 4)}._layout_zs9ip_16>div>nav{left:50%;transform:translate(-50%);position:fixed;top:var(--unit)}._layout_zs9ip_16._home_zs9ip_92{margin-right:0;width:100vw}._layout_zs9ip_16._home_zs9ip_92>aside{background-color:transparent;margin-top:calc(-1 * calc(var(--unit) * 3));min-height:auto;padding:0 0 calc(6 * var(--unit))}._layout_zs9ip_16._home_zs9ip_92>aside figure{display:none}._layout_zs9ip_16._home_zs9ip_92>article{margin-bottom:calc(var(--unit) * 3);margin-top:calc(var(--unit) * 3)}}
@@ -1 +1 @@
1
- ._header_1q87f_1{color:var(--color-text-primary);font-weight:var(--font-weight-bold)}._header_1q87f_1>*{display:block}._header_1q87f_1 h1{font-size:var(--font-size-h1);letter-spacing:-1.2px}._header_1q87f_1 h2,._header_1q87f_1 sup{font-size:var(--font-size-h2)}._header_1q87f_1 h3{font-size:var(--font-size-h3)}._header_1q87f_1 sub{font-weight:var(--font-weight-normal);margin-top:var(--negative-unit)}._header_1q87f_1 sub[data-clipboard]{align-items:center;cursor:copy;display:flex;gap:var(--unit-small);padding:var(--unit-small) 0}._header_1q87f_1 sup{margin-bottom:var(--negative-unit)}._header_1q87f_1 sub,._header_1q87f_1 sup{color:var(--color-text-secondary)}._header_1q87f_1:has([data-component=badge]) h1,._header_1q87f_1:has([data-component=badge]) h2,._header_1q87f_1:has([data-component=badge]) h3,._header_1q87f_1:has([data-component=badge]) h4{display:inline-block}._header_1q87f_1 [data-component=badge]{float:right;font-size:var(--font-size);font-weight:var(--font-weight-normal);margin:var(--unit) 0}._header_1q87f_1 [data-component=toggle]{float:right}@media (width >= 960px){._jumbo_1q87f_67{margin:calc(var(--unit) * 3) 0}._jumbo_1q87f_67 h1{font-size:calc(var(--unit) * 4);letter-spacing:-2.4px;line-height:1.2em}}
1
+ ._image_nnuov_1{opacity:0;transition:opacity var(--duration-override, var(--transition-duration)) var(--transition-timing-function);will-change:opacity}
@@ -0,0 +1 @@
1
+ ._header_1q87f_1{color:var(--color-text-primary);font-weight:var(--font-weight-bold)}._header_1q87f_1>*{display:block}._header_1q87f_1 h1{font-size:var(--font-size-h1);letter-spacing:-1.2px}._header_1q87f_1 h2,._header_1q87f_1 sup{font-size:var(--font-size-h2)}._header_1q87f_1 h3{font-size:var(--font-size-h3)}._header_1q87f_1 sub{font-weight:var(--font-weight-normal);margin-top:var(--negative-unit)}._header_1q87f_1 sub[data-clipboard]{align-items:center;cursor:copy;display:flex;gap:var(--unit-small);padding:var(--unit-small) 0}._header_1q87f_1 sup{margin-bottom:var(--negative-unit)}._header_1q87f_1 sub,._header_1q87f_1 sup{color:var(--color-text-secondary)}._header_1q87f_1:has([data-component=badge]) h1,._header_1q87f_1:has([data-component=badge]) h2,._header_1q87f_1:has([data-component=badge]) h3,._header_1q87f_1:has([data-component=badge]) h4{display:inline-block}._header_1q87f_1 [data-component=badge]{float:right;font-size:var(--font-size);font-weight:var(--font-weight-normal);margin:var(--unit) 0}._header_1q87f_1 [data-component=toggle]{float:right}@media (width >= 960px){._jumbo_1q87f_67{margin:calc(var(--unit) * 3) 0}._jumbo_1q87f_67 h1{font-size:calc(var(--unit) * 4);letter-spacing:-2.4px;line-height:1.2em}}
@@ -1 +0,0 @@
1
- @keyframes _bar-grow_18yw9_1{0%{transform:scaleY(0)}to{transform:scaleY(1)}}._graph_18yw9_11{--graph-columns: 1;--graph-height: calc(var(--unit) * 16);display:grid;gap:var(--unit-small);overflow-x:auto}._plot_18yw9_20{align-items:end;display:grid;gap:var(--unit-small);grid-template-columns:repeat(var(--graph-columns),minmax(var(--unit-large),1fr));list-style:none;min-height:calc(var(--graph-height) + var(--unit-large));width:max(100%,calc(var(--graph-columns) * var(--unit-large)))}._item_18yw9_30{display:grid;gap:var(--unit-tiny);min-width:0}._column_18yw9_36{align-items:end;display:grid;gap:var(--unit-tiny);grid-template-rows:auto var(--graph-height);min-height:0}._value_18yw9_44{color:var(--color-text-secondary);font-size:var(--font-size-small);margin-bottom:var(--unit);overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}._track_18yw9_54{border-radius:var(--border-radius);height:100%;overflow:hidden;position:relative}._bar_18yw9_61{--bar-color: var(--color-electric-violet);--bar-delay: 0ms;--bar-height: 0%;animation:_bar-grow_18yw9_1 calc(var(--transition-duration) * 2) var(--transition-timing-function) var(--bar-delay) forwards;background:linear-gradient(180deg,transparent,rgb(255 255 255 / 15%)),var(--bar-color);border-radius:inherit;bottom:0;display:block;height:var(--bar-height);left:0;max-height:100%;position:absolute;transform:scaleY(0);transform-origin:bottom center;transition:height var(--transition-duration) var(--transition-timing-function);width:100%}._label_18yw9_82{color:var(--color-text-secondary);font-size:var(--font-size-small);overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}._is-loading_18yw9_91{display:grid;min-height:var(--graph-height);place-items:center}
@@ -1 +1 @@
1
- ._footer_uv5cc_1{bottom:0;margin:var(--unit) 0;position:fixed}
1
+ @keyframes _bar-grow_18yw9_1{0%{transform:scaleY(0)}to{transform:scaleY(1)}}._graph_18yw9_11{--graph-columns: 1;--graph-height: calc(var(--unit) * 16);display:grid;gap:var(--unit-small);overflow-x:auto}._plot_18yw9_20{align-items:end;display:grid;gap:var(--unit-small);grid-template-columns:repeat(var(--graph-columns),minmax(var(--unit-large),1fr));list-style:none;min-height:calc(var(--graph-height) + var(--unit-large));width:max(100%,calc(var(--graph-columns) * var(--unit-large)))}._item_18yw9_30{display:grid;gap:var(--unit-tiny);min-width:0}._column_18yw9_36{align-items:end;display:grid;gap:var(--unit-tiny);grid-template-rows:auto var(--graph-height);min-height:0}._value_18yw9_44{color:var(--color-text-secondary);font-size:var(--font-size-small);margin-bottom:var(--unit);overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}._track_18yw9_54{border-radius:var(--border-radius);height:100%;overflow:hidden;position:relative}._bar_18yw9_61{--bar-color: var(--color-electric-violet);--bar-delay: 0ms;--bar-height: 0%;animation:_bar-grow_18yw9_1 calc(var(--transition-duration) * 2) var(--transition-timing-function) var(--bar-delay) forwards;background:linear-gradient(180deg,transparent,rgb(255 255 255 / 15%)),var(--bar-color);border-radius:inherit;bottom:0;display:block;height:var(--bar-height);left:0;max-height:100%;position:absolute;transform:scaleY(0);transform-origin:bottom center;transition:height var(--transition-duration) var(--transition-timing-function);width:100%}._label_18yw9_82{color:var(--color-text-secondary);font-size:var(--font-size-small);overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}._is-loading_18yw9_91{display:grid;min-height:var(--graph-height);place-items:center}
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index22.css');const i=require("react/jsx-runtime"),E=require("../../classix-5H4IWnMA.cjs"),o=require("react"),W=require("../button/index.cjs"),U=require("../../icons-C_cX1FYp.cjs"),X=require("../input/index.cjs"),Y=require("../../styles.module-Vt6mmlsz.cjs"),Z=require("../list/index.cjs"),k=require("../../index-BpUboRfJ.cjs"),M=require("../../utils-DBzf7CFq.cjs"),ee="_dropdown_ruf4w_1",te="_empty_ruf4w_4",ne="_group_ruf4w_5",re="_placeholder_ruf4w_6",se="_filter_ruf4w_14",oe="_native_ruf4w_25",le="_option_ruf4w_35",ie="_options_ruf4w_57",ce="_panel_ruf4w_81",ae="_selected_ruf4w_102",ue="_text_ruf4w_106",pe="_trigger_ruf4w_114",de="_minimal_ruf4w_130",c={dropdown:ee,empty:te,group:ne,placeholder:re,filter:se,native:oe,option:le,options:ie,panel:ce,selected:ae,text:ue,trigger:pe,minimal:de};function Q(e,r){return{"--icon-svg":U.iconSVG(e).replace("currentColor",r)}}function N(e){return typeof e=="string"||typeof e=="number"?String(e):Array.isArray(e)?e.map(N).join(" "):o.isValidElement(e)?N(e.props.children):""}function fe(e){return o.isValidElement(e)&&e.type==="option"}function me(e){return o.isValidElement(e)&&e.type==="optgroup"}function he(e){return o.isValidElement(e)&&e.type===o.Fragment}function _e(e){return o.isValidElement(e)&&e.type===k.Select}function V(e,r,s=!1){const l=[];return o.Children.forEach(e,t=>{if(he(t)){l.push(...V(t.props.children,r,s));return}if(fe(t)){const p=N(t.props.children).trim(),d=t.props.value!=null?String(t.props.value):p;l.push({disabled:s||!!t.props.disabled,groupLabel:r,hidden:!!t.props.hidden,isPlaceholder:!!(t.props.hidden&&d===""),label:t.props.children,selected:!!t.props.selected,text:p,value:d});return}me(t)&&l.push(...V(t.props.children,t.props.label,s||!!t.props.disabled))}),l}function ge(e){const r=e.trim();if(!r)return null;const l=[.../[*?]/.test(r)?r:`*${r}*`].map(t=>t==="*"?".*":t==="?"?".":t.replace(/[|\\{}()[\]^$+.,]/g,"\\$&")).join("");return new RegExp(`^${l}$`,"i")}function we(e,r){const s=ge(r),l=e.filter(t=>!t.hidden&&!t.isPlaceholder);return s?l.filter(t=>s.test([t.groupLabel,t.text,t.value].filter(Boolean).join(" "))):l}function ve(e,r){return e.find(s=>s.value===r)??e.find(s=>s.isPlaceholder)??e[0]}function xe(e,r,s){var t;if(r!=null)return String(r);if(s!=null)return String(s);const l=e.find(p=>p.selected);return l?l.value:((t=e[0])==null?void 0:t.value)??""}function ye(e){if(_e(e)){const{children:r,placeholder:s,...l}=e.props;return{children:i.jsxs(i.Fragment,{children:[s&&i.jsx("option",{hidden:!0,value:"",children:s}),r]}),props:l}}return{children:e.props.children,props:e.props}}const be=({children:e,className:r,emptyLabel:s="No matches found",searchPlaceholder:l="Filter",variant:t="default",...p})=>{const d=ye(e),{defaultValue:z,onChange:g,value:w,...T}=d.props,q=k.sanitizeSelectProps(T),C=o.useRef(null),R=o.useRef(null),O=o.useRef(null),P=o.useRef(null),h=V(d.children),_=w!=null,v=xe(h,w,z),[x,y]=o.useState(()=>v),[u,b]=o.useState(!1),[B,$]=o.useState(""),S=_?String(w):x,I={default:M.resolveColor("--color-icon"),white:M.resolveColor("--color-white","white")},L=t==="minimal"?I.white:I.default,f=ve(h,S),A=Q("chevron",L),G=Q("search",L),D=we(h,B);o.useEffect(()=>{!_&&!h.some(n=>n.value===x)&&y(v)},[v,x,_,h]),o.useEffect(()=>{var n;if(!u){$("");return}(n=P.current)==null||n.focus()},[u]),o.useEffect(()=>{if(!u)return;const n=a=>{var m;(m=R.current)!=null&&m.contains(a.target)||b(!1)};return document.addEventListener("mousedown",n),()=>{document.removeEventListener("mousedown",n)}},[u]);const K=n=>{_||y(n.target.value),g==null||g(n)},j=()=>{var n;b(!1),(n=C.current)==null||n.focus()},H=n=>{var F;_||y(n);const a=O.current;if(!a){j();return}const m=(F=Object.getOwnPropertyDescriptor(HTMLSelectElement.prototype,"value"))==null?void 0:F.set;m==null||m.call(a,n),a.dispatchEvent(new Event("change",{bubbles:!0})),j()},J=n=>{n.key==="Escape"&&j()};return i.jsxs("div",{className:E.t(c.dropdown,t==="minimal"&&c.minimal,r),onKeyDown:J,ref:R,...p,"data-component":"dropdown",children:[i.jsx("select",{...q,"aria-hidden":"true",className:c.native,onChange:K,ref:O,tabIndex:-1,value:S,children:d.children}),i.jsx(W.Button,{"aria-expanded":u,"aria-haspopup":"dialog",className:E.t(t==="default"&&Y.inputStyles.input,c.trigger,(f==null?void 0:f.isPlaceholder)&&c.placeholder),"data-open":u?"true":void 0,disabled:q.disabled,onClick:()=>b(n=>!n),ref:C,style:A,variant:"minimal",children:i.jsx("span",{className:c.text,children:(f==null?void 0:f.label)??"Select an option"})}),u&&i.jsxs("div",{className:c.panel,children:[i.jsx(X.Input,{"aria-label":"Filter",className:c.filter,icon:"search",onChange:n=>$(n.target.value),placeholder:l,ref:P,style:G,type:"search",value:B}),i.jsx(Z.List,{"aria-label":"Dropdown",className:c.options,children:D.length>0?D.map(n=>{const a=n.value===S;return i.jsx("li",{"data-component":"dropdown",children:i.jsxs(W.Button,{"aria-label":a?`${n.text}, selected`:n.text,className:E.t(c.option,a&&c.selected),disabled:n.disabled,onClick:()=>H(n.value),variant:"minimal",children:[i.jsx("span",{className:c.text,children:n.label}),n.groupLabel&&i.jsx("small",{className:c.group,children:n.groupLabel})]})},`${n.groupLabel??"root"}-${n.value}`)}):i.jsx("li",{className:c.empty,children:s})})]})]})};exports.Dropdown=be;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index22.css');const i=require("react/jsx-runtime"),E=require("../../classix-5H4IWnMA.cjs"),o=require("react"),W=require("../button/index.cjs"),U=require("../../icons-C_cX1FYp.cjs"),X=require("../input/index.cjs"),Y=require("../../styles.module-Vt6mmlsz.cjs"),Z=require("../list/index.cjs"),k=require("../../index-Bh5n72jH.cjs"),M=require("../../utils-DBzf7CFq.cjs"),ee="_dropdown_ruf4w_1",te="_empty_ruf4w_4",ne="_group_ruf4w_5",re="_placeholder_ruf4w_6",se="_filter_ruf4w_14",oe="_native_ruf4w_25",le="_option_ruf4w_35",ie="_options_ruf4w_57",ce="_panel_ruf4w_81",ae="_selected_ruf4w_102",ue="_text_ruf4w_106",pe="_trigger_ruf4w_114",de="_minimal_ruf4w_130",c={dropdown:ee,empty:te,group:ne,placeholder:re,filter:se,native:oe,option:le,options:ie,panel:ce,selected:ae,text:ue,trigger:pe,minimal:de};function Q(e,r){return{"--icon-svg":U.iconSVG(e).replace("currentColor",r)}}function N(e){return typeof e=="string"||typeof e=="number"?String(e):Array.isArray(e)?e.map(N).join(" "):o.isValidElement(e)?N(e.props.children):""}function fe(e){return o.isValidElement(e)&&e.type==="option"}function me(e){return o.isValidElement(e)&&e.type==="optgroup"}function he(e){return o.isValidElement(e)&&e.type===o.Fragment}function _e(e){return o.isValidElement(e)&&e.type===k.Select}function V(e,r,s=!1){const l=[];return o.Children.forEach(e,t=>{if(he(t)){l.push(...V(t.props.children,r,s));return}if(fe(t)){const p=N(t.props.children).trim(),d=t.props.value!=null?String(t.props.value):p;l.push({disabled:s||!!t.props.disabled,groupLabel:r,hidden:!!t.props.hidden,isPlaceholder:!!(t.props.hidden&&d===""),label:t.props.children,selected:!!t.props.selected,text:p,value:d});return}me(t)&&l.push(...V(t.props.children,t.props.label,s||!!t.props.disabled))}),l}function ge(e){const r=e.trim();if(!r)return null;const l=[.../[*?]/.test(r)?r:`*${r}*`].map(t=>t==="*"?".*":t==="?"?".":t.replace(/[|\\{}()[\]^$+.,]/g,"\\$&")).join("");return new RegExp(`^${l}$`,"i")}function we(e,r){const s=ge(r),l=e.filter(t=>!t.hidden&&!t.isPlaceholder);return s?l.filter(t=>s.test([t.groupLabel,t.text,t.value].filter(Boolean).join(" "))):l}function ve(e,r){return e.find(s=>s.value===r)??e.find(s=>s.isPlaceholder)??e[0]}function xe(e,r,s){var t;if(r!=null)return String(r);if(s!=null)return String(s);const l=e.find(p=>p.selected);return l?l.value:((t=e[0])==null?void 0:t.value)??""}function ye(e){if(_e(e)){const{children:r,placeholder:s,...l}=e.props;return{children:i.jsxs(i.Fragment,{children:[s&&i.jsx("option",{hidden:!0,value:"",children:s}),r]}),props:l}}return{children:e.props.children,props:e.props}}const be=({children:e,className:r,emptyLabel:s="No matches found",searchPlaceholder:l="Filter",variant:t="default",...p})=>{const d=ye(e),{defaultValue:z,onChange:g,value:w,...T}=d.props,q=k.sanitizeSelectProps(T),C=o.useRef(null),R=o.useRef(null),O=o.useRef(null),P=o.useRef(null),h=V(d.children),_=w!=null,v=xe(h,w,z),[x,y]=o.useState(()=>v),[u,b]=o.useState(!1),[B,$]=o.useState(""),S=_?String(w):x,I={default:M.resolveColor("--color-icon"),white:M.resolveColor("--color-white","white")},L=t==="minimal"?I.white:I.default,f=ve(h,S),A=Q("chevron",L),G=Q("search",L),D=we(h,B);o.useEffect(()=>{!_&&!h.some(n=>n.value===x)&&y(v)},[v,x,_,h]),o.useEffect(()=>{var n;if(!u){$("");return}(n=P.current)==null||n.focus()},[u]),o.useEffect(()=>{if(!u)return;const n=a=>{var m;(m=R.current)!=null&&m.contains(a.target)||b(!1)};return document.addEventListener("mousedown",n),()=>{document.removeEventListener("mousedown",n)}},[u]);const K=n=>{_||y(n.target.value),g==null||g(n)},j=()=>{var n;b(!1),(n=C.current)==null||n.focus()},H=n=>{var F;_||y(n);const a=O.current;if(!a){j();return}const m=(F=Object.getOwnPropertyDescriptor(HTMLSelectElement.prototype,"value"))==null?void 0:F.set;m==null||m.call(a,n),a.dispatchEvent(new Event("change",{bubbles:!0})),j()},J=n=>{n.key==="Escape"&&j()};return i.jsxs("div",{className:E.t(c.dropdown,t==="minimal"&&c.minimal,r),onKeyDown:J,ref:R,...p,"data-component":"dropdown",children:[i.jsx("select",{...q,"aria-hidden":"true",className:c.native,onChange:K,ref:O,tabIndex:-1,value:S,children:d.children}),i.jsx(W.Button,{"aria-expanded":u,"aria-haspopup":"dialog",className:E.t(t==="default"&&Y.inputStyles.input,c.trigger,(f==null?void 0:f.isPlaceholder)&&c.placeholder),"data-open":u?"true":void 0,disabled:q.disabled,onClick:()=>b(n=>!n),ref:C,style:A,variant:"minimal",children:i.jsx("span",{className:c.text,children:(f==null?void 0:f.label)??"Select an option"})}),u&&i.jsxs("div",{className:c.panel,children:[i.jsx(X.Input,{"aria-label":"Filter",className:c.filter,icon:"search",onChange:n=>$(n.target.value),placeholder:l,ref:P,style:G,type:"search",value:B}),i.jsx(Z.List,{"aria-label":"Dropdown",className:c.options,children:D.length>0?D.map(n=>{const a=n.value===S;return i.jsx("li",{"data-component":"dropdown",children:i.jsxs(W.Button,{"aria-label":a?`${n.text}, selected`:n.text,className:E.t(c.option,a&&c.selected),disabled:n.disabled,onClick:()=>H(n.value),variant:"minimal",children:[i.jsx("span",{className:c.text,children:n.label}),n.groupLabel&&i.jsx("small",{className:c.group,children:n.groupLabel})]})},`${n.groupLabel??"root"}-${n.value}`)}):i.jsx("li",{className:c.empty,children:s})})]})]})};exports.Dropdown=be;
2
2
  //# sourceMappingURL=index.cjs.map
@@ -6,7 +6,7 @@ import { i as re } from "../../icons-DfmpRbxE.js";
6
6
  import { Input as ne } from "../input/index.js";
7
7
  import { i as oe } from "../../styles.module-DZXAP_eP.js";
8
8
  import { List as le } from "../list/index.js";
9
- import { s as se, S as ie } from "../../index-ChKhFyp8.js";
9
+ import { s as se, S as ie } from "../../index-BNaQZHo6.js";
10
10
  import { r as G } from "../../utils--n2yqjCy.js";
11
11
  import '../../assets/index22.css';const ae = "_dropdown_ruf4w_1", ce = "_empty_ruf4w_4", ue = "_group_ruf4w_5", pe = "_placeholder_ruf4w_6", de = "_filter_ruf4w_14", fe = "_native_ruf4w_25", me = "_option_ruf4w_35", he = "_options_ruf4w_57", ge = "_panel_ruf4w_81", _e = "_selected_ruf4w_102", we = "_text_ruf4w_106", ve = "_trigger_ruf4w_114", ye = "_minimal_ruf4w_130", s = {
12
12
  dropdown: ae,
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index27.css');const p=require("react/jsx-runtime"),E=require("../../classix-5H4IWnMA.cjs"),e=require("react"),_=require("../list/index.cjs"),j="_sortable_178uo_1",b={sortable:j};function q({children:f,className:x,columns:o=1,onChangeOrder:n,...g}){const D=Number.isFinite(o)?Math.max(1,Math.floor(o)):1,l=e.useMemo(()=>e.Children.toArray(f),[f]),[S,m]=e.useState(l),s=e.useRef(-1);return e.useEffect(()=>m(l),[l]),p.jsx(_.List,{className:E.t(x,b.sortable,D>1&&b.columns),columns:o,ordered:!0,...g,"data-component":"sortable",children:S.map((c,a)=>{const v=e.isValidElement(c)?c.key:null;return p.jsx("li",{draggable:!0,onDragStart:t=>{s.current=a,t.dataTransfer.setData("text/plain",""),t.dataTransfer.effectAllowed="move"},onDragOver:t=>{t.preventDefault(),t.dataTransfer.dropEffect="move"},onDrop:t=>{t.preventDefault();const i=s.current;i<0||i===a||(m(y=>{const r=y.slice();return r.splice(a,0,r.splice(i,1)[0]),n==null||n(r.map((d,u)=>({id:String(e.isValidElement(d)?d.props["data-id"]??`idx-${u}`:`idx-${u}`),weight:r.length-1-u}))),r}),s.current=-1)},onDragEnd:()=>{s.current=-1},"data-component":"sortable",children:c},v??a)})})}exports.Sortable=q;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index27.css');const v=require("react/jsx-runtime"),S=require("../../classix-5H4IWnMA.cjs"),n=require("react"),j=require("../list/index.cjs"),q="_sortable_1ygko_5",E="_dragging_1ygko_10",H="_columns_1ygko_25",I="_pseudo_1ygko_34",i={sortable:q,dragging:E,columns:H,pseudo:I,"target-above":"_target-above_1ygko_49","target-below":"_target-below_1ygko_50"};function M({children:h,className:D,columns:d=1,onChangeOrder:m,..._}){const b=Number.isFinite(d)?Math.max(1,Math.floor(d)):1,x=n.useMemo(()=>n.Children.toArray(h),[h]),o=n.useRef(-1),[u,k]=n.useState({height:0,width:0}),[s,p]=n.useState(null),T={..._.style,"--height":`${u.height}px`,"--width":b>1?`calc(${u.width}px - var(--unit))`:`${u.width}px`},y=()=>{p(null),o.current=-1};return v.jsx(j.List,{className:S.t(D,i.sortable,b>1&&i.columns),columns:d,ordered:!0,style:T,..._,"data-component":"sortable",children:x.map((f,t)=>{const $=n.isValidElement(f)?f.key:null;return v.jsx("li",{className:S.t(s!==null&&s>t-10&&s<t+10&&i.pseudo,s===t&&o.current<t&&i["target-below"],s===t&&o.current>t&&i["target-above"],o.current===t&&i.dragging),draggable:!0,onDragEnd:()=>y(),onDragOver:e=>{e.preventDefault(),e.dataTransfer.dropEffect="move";const r=o.current;if(r<0||r===t)return;const a=e.currentTarget.getBoundingClientRect(),c=t===r+1?u.height:a.height,l=e.clientY>a.top+c/2?t+1:t,g=l>r?l-1:l;p(g)},onDragStart:e=>{o.current=t,k({height:e.currentTarget.offsetHeight,width:e.currentTarget.offsetWidth}),e.dataTransfer.setData("text/plain",""),e.dataTransfer.effectAllowed="move",p(t)},onDrop:e=>{e.preventDefault();const r=o.current,a=s;if(r<0||a===null||r===a)return;const c=x.slice(),[w]=c.splice(r,1);c.splice(a,0,w),m==null||m(c.map((l,g)=>({id:String(n.isValidElement(l)?l.props["data-id"]??`idx-${g}`:`idx-${g}`),weight:c.length-1-g}))),y()},"data-component":"sortable",children:f},$??t)})})}exports.Sortable=M;
2
2
  //# sourceMappingURL=index.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.cjs","sources":["../../../src/components/_sortable/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport React, { useEffect, useMemo, useRef, useState } from 'react';\n\nimport { List } from '@/components/list';\n\nimport styles from './styles.module.css';\n\ntype SortItem = { id: string; weight: number };\n\ntype SortableProps = React.ComponentPropsWithoutRef<'ol'> & {\n columns?: number;\n onChangeOrder?: (order: SortItem[]) => void;\n};\n\n/**\n * Children must provide a stable `data-id` for emits `{ id, weight }` and `key` (reconciliation).\n */\n\nexport function Sortable({\n children,\n className,\n columns = 1,\n onChangeOrder,\n ...props\n}: SortableProps) {\n const cols = Number.isFinite(columns) ? Math.max(1, Math.floor(columns)) : 1;\n const arr = useMemo(() => React.Children.toArray(children), [children]);\n const [items, setItems] = useState<React.ReactNode[]>(arr);\n const drag = useRef(-1);\n\n useEffect(() => setItems(arr), [arr]);\n\n return (\n <List\n className={cx(className, styles.sortable, cols > 1 && styles.columns)}\n columns={columns}\n ordered\n {...props}\n >\n {items.map((child, i) => {\n const key = React.isValidElement(child) ? child.key : null;\n\n return (\n <li\n key={key ?? i}\n draggable\n onDragStart={(e) => {\n drag.current = i;\n e.dataTransfer.setData('text/plain', '');\n e.dataTransfer.effectAllowed = 'move';\n }}\n onDragOver={(e) => {\n e.preventDefault();\n e.dataTransfer.dropEffect = 'move';\n }}\n onDrop={(e) => {\n e.preventDefault();\n const from = drag.current;\n if (from < 0 || from === i) return;\n\n setItems((prev) => {\n const next = prev.slice();\n next.splice(i, 0, next.splice(from, 1)[0]);\n\n onChangeOrder?.(\n next.map((c, idx) => ({\n id: String(\n React.isValidElement(c)\n ? ((c.props as { 'data-id'?: string })['data-id'] ?? `idx-${idx}`)\n : `idx-${idx}`\n ),\n weight: next.length - 1 - idx,\n }))\n );\n\n return next;\n });\n\n drag.current = -1;\n }}\n onDragEnd={() => {\n drag.current = -1;\n }}\n >\n {child}\n </li>\n );\n })}\n </List>\n );\n}\n"],"names":["Sortable","children","className","columns","onChangeOrder","props","cols","Number","isFinite","Math","max","floor","arr","useMemo","React","Children","toArray","items","setItems","useState","drag","useRef","useEffect","jsx","List","cx","styles","sortable","map","child","i","key","isValidElement","e","current","dataTransfer","setData","effectAllowed","preventDefault","dropEffect","from","prev","next","slice","splice","c","idx","id","String","weight","length"],"mappings":"oPAkBO,SAASA,EAAS,CACvBC,SAAAA,EACAC,UAAAA,EACAC,QAAAA,EAAU,EACVC,cAAAA,EACA,GAAGC,CACU,EAAG,CAChB,MAAMC,EAAOC,OAAOC,SAASL,CAAO,EAAIM,KAAKC,IAAI,EAAGD,KAAKE,MAAMR,CAAO,CAAC,EAAI,EACrES,EAAMC,UAAQ,IAAMC,EAAMC,SAASC,QAAQf,CAAQ,EAAG,CAACA,CAAQ,CAAC,EAChE,CAACgB,EAAOC,CAAQ,EAAIC,EAAAA,SAA4BP,CAAG,EACnDQ,EAAOC,EAAAA,OAAO,EAAE,EAEtBC,OAAAA,EAAAA,UAAU,IAAMJ,EAASN,CAAG,EAAG,CAACA,CAAG,CAAC,EAGlCW,MAACC,EAAAA,MACC,UAAWC,EAAAA,EAAGvB,EAAWwB,EAAOC,SAAUrB,EAAO,GAAKoB,EAAOvB,OAAO,EACpE,QAAAA,EACA,QAAO,GACP,GAAIE,EAAM,iBAAA,WAETY,SAAAA,EAAMW,IAAI,CAACC,EAAOC,IAAM,CACvB,MAAMC,EAAMjB,EAAMkB,eAAeH,CAAK,EAAIA,EAAME,IAAM,KAEtD,OACER,EAAAA,IAAC,KAAA,CAEC,UAAS,GACT,YAAcU,GAAM,CAClBb,EAAKc,QAAUJ,EACfG,EAAEE,aAAaC,QAAQ,aAAc,EAAE,EACvCH,EAAEE,aAAaE,cAAgB,MACjC,EACA,WAAaJ,GAAM,CACjBA,EAAEK,eAAAA,EACFL,EAAEE,aAAaI,WAAa,MAC9B,EACA,OAASN,GAAM,CACbA,EAAEK,eAAAA,EACF,MAAME,EAAOpB,EAAKc,QACdM,EAAO,GAAKA,IAASV,IAEzBZ,EAAUuB,GAAS,CACjB,MAAMC,EAAOD,EAAKE,MAAAA,EAClBD,OAAAA,EAAKE,OAAOd,EAAG,EAAGY,EAAKE,OAAOJ,EAAM,CAAC,EAAE,CAAC,CAAC,EAEzCpC,GAAAA,MAAAA,EACEsC,EAAKd,IAAI,CAACiB,EAAGC,KAAS,CACpBC,GAAIC,OACFlC,EAAMkB,eAAea,CAAC,EAChBA,EAAExC,MAAiC,SAAS,GAAK,OAAOyC,CAAG,GAC7D,OAAOA,CAAG,EAChB,EACAG,OAAQP,EAAKQ,OAAS,EAAIJ,CAAAA,EAC1B,GAGGJ,CACT,CAAC,EAEDtB,EAAKc,QAAU,GACjB,EACA,UAAW,IAAM,CACfd,EAAKc,QAAU,EACjB,EAAE,iBAAA,WAEDL,SAAAA,CAAAA,EAxCIE,GAAOD,CAyCd,CAEJ,CAAC,CAAA,CACH,CAEJ"}
1
+ {"version":3,"file":"index.cjs","sources":["../../../src/components/_sortable/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport React, { useMemo, useRef, useState } from 'react';\n\nimport { List } from '@/components/list';\n\nimport styles from './styles.module.css';\n\ntype SortItem = { id: string; weight: number };\n\ntype SortableProps = React.ComponentPropsWithoutRef<'ol'> & {\n columns?: number;\n onChangeOrder: (order: SortItem[]) => void;\n};\n\ntype withVars = React.CSSProperties & {\n '--height'?: string;\n '--width'?: string;\n};\n\n/**\n * Children must provide a stable `data-id` for emits `{ id, weight }` and `key` (reconciliation).\n */\n\nexport function Sortable({\n children,\n className,\n columns = 1,\n onChangeOrder,\n ...props\n}: SortableProps) {\n const cols = Number.isFinite(columns) ? Math.max(1, Math.floor(columns)) : 1;\n const arr = useMemo(() => React.Children.toArray(children), [children]);\n const drag = useRef(-1);\n const [zoneSize, setZoneSize] = useState({\n height: 0,\n width: 0,\n });\n const [dropIndex, setDropIndex] = useState<number | null>(null);\n\n const withVars: withVars = {\n ...props.style,\n '--height': `${zoneSize.height}px`,\n '--width': cols > 1 ? `calc(${zoneSize.width}px - var(--unit))` : `${zoneSize.width}px`,\n };\n\n const resetDragState = () => {\n setDropIndex(null);\n drag.current = -1;\n };\n\n return (\n <List\n className={cx(className, styles.sortable, cols > 1 && styles.columns)}\n columns={columns}\n ordered\n style={withVars}\n {...props}\n >\n {arr.map((child, i) => {\n const key = React.isValidElement(child) ? child.key : null;\n\n return (\n <li\n key={key ?? i}\n className={cx(\n dropIndex !== null && dropIndex > i - 10 && dropIndex < i + 10 && styles.pseudo,\n dropIndex === i && drag.current < i && styles['target-below'],\n dropIndex === i && drag.current > i && styles['target-above'],\n drag.current === i && styles.dragging\n )}\n draggable\n onDragEnd={() => resetDragState()}\n onDragOver={(e) => {\n e.preventDefault();\n e.dataTransfer.dropEffect = 'move';\n const from = drag.current;\n if (from < 0 || from === i) return;\n\n const rect = e.currentTarget.getBoundingClientRect();\n const itemHeight = i === from + 1 ? zoneSize.height : rect.height;\n const isBottomHalf = e.clientY > rect.top + itemHeight / 2;\n const rawIndex = isBottomHalf ? i + 1 : i;\n const nextDropIndex = rawIndex > from ? rawIndex - 1 : rawIndex;\n\n setDropIndex(nextDropIndex);\n }}\n onDragStart={(e) => {\n drag.current = i;\n setZoneSize({\n height: e.currentTarget.offsetHeight,\n width: e.currentTarget.offsetWidth,\n });\n e.dataTransfer.setData('text/plain', '');\n e.dataTransfer.effectAllowed = 'move';\n setDropIndex(i);\n }}\n onDrop={(e) => {\n e.preventDefault();\n const from = drag.current;\n const to = dropIndex;\n if (from < 0 || to === null || from === to) return;\n\n const next = arr.slice();\n const [moved] = next.splice(from, 1);\n next.splice(to, 0, moved);\n\n onChangeOrder?.(\n next.map((c, idx) => ({\n id: String(\n React.isValidElement(c)\n ? ((c.props as { 'data-id'?: string })['data-id'] ?? `idx-${idx}`)\n : `idx-${idx}`\n ),\n\n weight: next.length - 1 - idx,\n }))\n );\n\n resetDragState();\n }}\n /*style={withVars}*/\n >\n {child}\n </li>\n );\n })}\n </List>\n );\n}\n"],"names":["Sortable","children","className","columns","onChangeOrder","props","cols","Number","isFinite","Math","max","floor","arr","useMemo","React","Children","toArray","drag","useRef","zoneSize","setZoneSize","useState","height","width","dropIndex","setDropIndex","withVars","style","resetDragState","current","jsx","List","cx","styles","sortable","map","child","i","key","isValidElement","pseudo","dragging","e","preventDefault","dataTransfer","dropEffect","from","rect","currentTarget","getBoundingClientRect","itemHeight","rawIndex","clientY","top","nextDropIndex","offsetHeight","offsetWidth","setData","effectAllowed","to","next","slice","moved","splice","c","idx","id","String","weight","length"],"mappings":"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"}
@@ -1,40 +1,71 @@
1
- import { jsx as d } from "react/jsx-runtime";
2
- import { t as y } from "../../classix-DG18itHa.js";
3
- import f, { useMemo as S, useState as M, useRef as T, useEffect as k } from "react";
4
- import { List as w } from "../list/index.js";
5
- import '../../assets/index27.css';const A = "_sortable_178uo_1", b = {
6
- sortable: A
1
+ import { jsx as v } from "react/jsx-runtime";
2
+ import { t as D } from "../../classix-DG18itHa.js";
3
+ import p, { useMemo as H, useRef as I, useState as k } from "react";
4
+ import { List as z } from "../list/index.js";
5
+ import '../../assets/index27.css';const B = "_sortable_1ygko_5", M = "_dragging_1ygko_10", N = "_columns_1ygko_25", R = "_pseudo_1ygko_34", l = {
6
+ sortable: B,
7
+ dragging: M,
8
+ columns: N,
9
+ pseudo: R,
10
+ "target-above": "_target-above_1ygko_49",
11
+ "target-below": "_target-below_1ygko_50"
7
12
  };
8
- function j({
9
- children: i,
10
- className: D,
11
- columns: o = 1,
12
- onChangeOrder: s,
13
- ...g
13
+ function L({
14
+ children: h,
15
+ className: S,
16
+ columns: u = 1,
17
+ onChangeOrder: d,
18
+ ..._
14
19
  }) {
15
- const v = Number.isFinite(o) ? Math.max(1, Math.floor(o)) : 1, n = S(() => f.Children.toArray(i), [i]), [x, u] = M(n), r = T(-1);
16
- return k(() => u(n), [n]), /* @__PURE__ */ d(w, { className: y(D, b.sortable, v > 1 && b.columns), columns: o, ordered: !0, ...g, "data-component": "sortable", children: x.map((l, a) => {
17
- const E = f.isValidElement(l) ? l.key : null;
18
- return /* @__PURE__ */ d("li", { draggable: !0, onDragStart: (t) => {
19
- r.current = a, t.dataTransfer.setData("text/plain", ""), t.dataTransfer.effectAllowed = "move";
20
- }, onDragOver: (t) => {
21
- t.preventDefault(), t.dataTransfer.dropEffect = "move";
22
- }, onDrop: (t) => {
23
- t.preventDefault();
24
- const c = r.current;
25
- c < 0 || c === a || (u((_) => {
26
- const e = _.slice();
27
- return e.splice(a, 0, e.splice(c, 1)[0]), s == null || s(e.map((p, m) => ({
28
- id: String(f.isValidElement(p) ? p.props["data-id"] ?? `idx-${m}` : `idx-${m}`),
29
- weight: e.length - 1 - m
30
- }))), e;
31
- }), r.current = -1);
32
- }, onDragEnd: () => {
33
- r.current = -1;
34
- }, "data-component": "sortable", children: l }, E ?? a);
20
+ const b = Number.isFinite(u) ? Math.max(1, Math.floor(u)) : 1, x = H(() => p.Children.toArray(h), [h]), r = I(-1), [i, T] = k({
21
+ height: 0,
22
+ width: 0
23
+ }), [n, m] = k(null), $ = {
24
+ ..._.style,
25
+ "--height": `${i.height}px`,
26
+ "--width": b > 1 ? `calc(${i.width}px - var(--unit))` : `${i.width}px`
27
+ }, w = () => {
28
+ m(null), r.current = -1;
29
+ };
30
+ return /* @__PURE__ */ v(z, { className: D(S, l.sortable, b > 1 && l.columns), columns: u, ordered: !0, style: $, ..._, "data-component": "sortable", children: x.map((f, t) => {
31
+ const E = p.isValidElement(f) ? f.key : null;
32
+ return /* @__PURE__ */ v(
33
+ "li",
34
+ {
35
+ className: D(n !== null && n > t - 10 && n < t + 10 && l.pseudo, n === t && r.current < t && l["target-below"], n === t && r.current > t && l["target-above"], r.current === t && l.dragging),
36
+ draggable: !0,
37
+ onDragEnd: () => w(),
38
+ onDragOver: (e) => {
39
+ e.preventDefault(), e.dataTransfer.dropEffect = "move";
40
+ const o = r.current;
41
+ if (o < 0 || o === t) return;
42
+ const a = e.currentTarget.getBoundingClientRect(), s = t === o + 1 ? i.height : a.height, c = e.clientY > a.top + s / 2 ? t + 1 : t, g = c > o ? c - 1 : c;
43
+ m(g);
44
+ },
45
+ onDragStart: (e) => {
46
+ r.current = t, T({
47
+ height: e.currentTarget.offsetHeight,
48
+ width: e.currentTarget.offsetWidth
49
+ }), e.dataTransfer.setData("text/plain", ""), e.dataTransfer.effectAllowed = "move", m(t);
50
+ },
51
+ onDrop: (e) => {
52
+ e.preventDefault();
53
+ const o = r.current, a = n;
54
+ if (o < 0 || a === null || o === a) return;
55
+ const s = x.slice(), [y] = s.splice(o, 1);
56
+ s.splice(a, 0, y), d == null || d(s.map((c, g) => ({
57
+ id: String(p.isValidElement(c) ? c.props["data-id"] ?? `idx-${g}` : `idx-${g}`),
58
+ weight: s.length - 1 - g
59
+ }))), w();
60
+ },
61
+ "data-component": "sortable",
62
+ children: f
63
+ },
64
+ E ?? t
65
+ );
35
66
  }) });
36
67
  }
37
68
  export {
38
- j as Sortable
69
+ L as Sortable
39
70
  };
40
71
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../src/components/_sortable/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport React, { useEffect, useMemo, useRef, useState } from 'react';\n\nimport { List } from '@/components/list';\n\nimport styles from './styles.module.css';\n\ntype SortItem = { id: string; weight: number };\n\ntype SortableProps = React.ComponentPropsWithoutRef<'ol'> & {\n columns?: number;\n onChangeOrder?: (order: SortItem[]) => void;\n};\n\n/**\n * Children must provide a stable `data-id` for emits `{ id, weight }` and `key` (reconciliation).\n */\n\nexport function Sortable({\n children,\n className,\n columns = 1,\n onChangeOrder,\n ...props\n}: SortableProps) {\n const cols = Number.isFinite(columns) ? Math.max(1, Math.floor(columns)) : 1;\n const arr = useMemo(() => React.Children.toArray(children), [children]);\n const [items, setItems] = useState<React.ReactNode[]>(arr);\n const drag = useRef(-1);\n\n useEffect(() => setItems(arr), [arr]);\n\n return (\n <List\n className={cx(className, styles.sortable, cols > 1 && styles.columns)}\n columns={columns}\n ordered\n {...props}\n >\n {items.map((child, i) => {\n const key = React.isValidElement(child) ? child.key : null;\n\n return (\n <li\n key={key ?? i}\n draggable\n onDragStart={(e) => {\n drag.current = i;\n e.dataTransfer.setData('text/plain', '');\n e.dataTransfer.effectAllowed = 'move';\n }}\n onDragOver={(e) => {\n e.preventDefault();\n e.dataTransfer.dropEffect = 'move';\n }}\n onDrop={(e) => {\n e.preventDefault();\n const from = drag.current;\n if (from < 0 || from === i) return;\n\n setItems((prev) => {\n const next = prev.slice();\n next.splice(i, 0, next.splice(from, 1)[0]);\n\n onChangeOrder?.(\n next.map((c, idx) => ({\n id: String(\n React.isValidElement(c)\n ? ((c.props as { 'data-id'?: string })['data-id'] ?? `idx-${idx}`)\n : `idx-${idx}`\n ),\n weight: next.length - 1 - idx,\n }))\n );\n\n return next;\n });\n\n drag.current = -1;\n }}\n onDragEnd={() => {\n drag.current = -1;\n }}\n >\n {child}\n </li>\n );\n })}\n </List>\n );\n}\n"],"names":["Sortable","children","className","columns","onChangeOrder","props","cols","Number","isFinite","Math","max","floor","arr","useMemo","React","Children","toArray","items","setItems","useState","drag","useRef","useEffect","jsx","List","cx","styles","sortable","map","child","i","key","isValidElement","e","current","dataTransfer","setData","effectAllowed","preventDefault","dropEffect","from","prev","next","slice","splice","c","idx","id","String","weight","length"],"mappings":";;;;;;;AAkBO,SAASA,EAAS;AAAA,EACvBC,UAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,SAAAA,IAAU;AAAA,EACVC,eAAAA;AAAAA,EACA,GAAGC;AACU,GAAG;AAChB,QAAMC,IAAOC,OAAOC,SAASL,CAAO,IAAIM,KAAKC,IAAI,GAAGD,KAAKE,MAAMR,CAAO,CAAC,IAAI,GACrES,IAAMC,EAAQ,MAAMC,EAAMC,SAASC,QAAQf,CAAQ,GAAG,CAACA,CAAQ,CAAC,GAChE,CAACgB,GAAOC,CAAQ,IAAIC,EAA4BP,CAAG,GACnDQ,IAAOC,EAAO,EAAE;AAEtBC,SAAAA,EAAU,MAAMJ,EAASN,CAAG,GAAG,CAACA,CAAG,CAAC,GAGlC,gBAAAW,EAACC,KACC,WAAWC,EAAGvB,GAAWwB,EAAOC,UAAUrB,IAAO,KAAKoB,EAAOvB,OAAO,GACpE,SAAAA,GACA,SAAO,IACP,GAAIE,GAAM,kBAAA,YAETY,UAAAA,EAAMW,IAAI,CAACC,GAAOC,MAAM;AACvB,UAAMC,IAAMjB,EAAMkB,eAAeH,CAAK,IAAIA,EAAME,MAAM;AAEtD,WACE,gBAAAR,EAAC,MAAA,EAEC,WAAS,IACT,aAAcU,CAAAA,MAAM;AAClBb,MAAAA,EAAKc,UAAUJ,GACfG,EAAEE,aAAaC,QAAQ,cAAc,EAAE,GACvCH,EAAEE,aAAaE,gBAAgB;AAAA,IACjC,GACA,YAAaJ,CAAAA,MAAM;AACjBA,MAAAA,EAAEK,eAAAA,GACFL,EAAEE,aAAaI,aAAa;AAAA,IAC9B,GACA,QAASN,CAAAA,MAAM;AACbA,MAAAA,EAAEK,eAAAA;AACF,YAAME,IAAOpB,EAAKc;AAClB,MAAIM,IAAO,KAAKA,MAASV,MAEzBZ,EAAUuB,CAAAA,MAAS;AACjB,cAAMC,IAAOD,EAAKE,MAAAA;AAClBD,eAAAA,EAAKE,OAAOd,GAAG,GAAGY,EAAKE,OAAOJ,GAAM,CAAC,EAAE,CAAC,CAAC,GAEzCpC,KAAAA,QAAAA,EACEsC,EAAKd,IAAI,CAACiB,GAAGC,OAAS;AAAA,UACpBC,IAAIC,OACFlC,EAAMkB,eAAea,CAAC,IAChBA,EAAExC,MAAiC,SAAS,KAAK,OAAOyC,CAAG,KAC7D,OAAOA,CAAG,EAChB;AAAA,UACAG,QAAQP,EAAKQ,SAAS,IAAIJ;AAAAA,QAAAA,EAC1B,IAGGJ;AAAAA,MACT,CAAC,GAEDtB,EAAKc,UAAU;AAAA,IACjB,GACA,WAAW,MAAM;AACfd,MAAAA,EAAKc,UAAU;AAAA,IACjB,GAAE,kBAAA,YAEDL,UAAAA,EAAAA,GAxCIE,KAAOD,CAyCd;AAAA,EAEJ,CAAC,EAAA,CACH;AAEJ;"}
1
+ {"version":3,"file":"index.js","sources":["../../../src/components/_sortable/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport React, { useMemo, useRef, useState } from 'react';\n\nimport { List } from '@/components/list';\n\nimport styles from './styles.module.css';\n\ntype SortItem = { id: string; weight: number };\n\ntype SortableProps = React.ComponentPropsWithoutRef<'ol'> & {\n columns?: number;\n onChangeOrder: (order: SortItem[]) => void;\n};\n\ntype withVars = React.CSSProperties & {\n '--height'?: string;\n '--width'?: string;\n};\n\n/**\n * Children must provide a stable `data-id` for emits `{ id, weight }` and `key` (reconciliation).\n */\n\nexport function Sortable({\n children,\n className,\n columns = 1,\n onChangeOrder,\n ...props\n}: SortableProps) {\n const cols = Number.isFinite(columns) ? Math.max(1, Math.floor(columns)) : 1;\n const arr = useMemo(() => React.Children.toArray(children), [children]);\n const drag = useRef(-1);\n const [zoneSize, setZoneSize] = useState({\n height: 0,\n width: 0,\n });\n const [dropIndex, setDropIndex] = useState<number | null>(null);\n\n const withVars: withVars = {\n ...props.style,\n '--height': `${zoneSize.height}px`,\n '--width': cols > 1 ? `calc(${zoneSize.width}px - var(--unit))` : `${zoneSize.width}px`,\n };\n\n const resetDragState = () => {\n setDropIndex(null);\n drag.current = -1;\n };\n\n return (\n <List\n className={cx(className, styles.sortable, cols > 1 && styles.columns)}\n columns={columns}\n ordered\n style={withVars}\n {...props}\n >\n {arr.map((child, i) => {\n const key = React.isValidElement(child) ? child.key : null;\n\n return (\n <li\n key={key ?? i}\n className={cx(\n dropIndex !== null && dropIndex > i - 10 && dropIndex < i + 10 && styles.pseudo,\n dropIndex === i && drag.current < i && styles['target-below'],\n dropIndex === i && drag.current > i && styles['target-above'],\n drag.current === i && styles.dragging\n )}\n draggable\n onDragEnd={() => resetDragState()}\n onDragOver={(e) => {\n e.preventDefault();\n e.dataTransfer.dropEffect = 'move';\n const from = drag.current;\n if (from < 0 || from === i) return;\n\n const rect = e.currentTarget.getBoundingClientRect();\n const itemHeight = i === from + 1 ? zoneSize.height : rect.height;\n const isBottomHalf = e.clientY > rect.top + itemHeight / 2;\n const rawIndex = isBottomHalf ? i + 1 : i;\n const nextDropIndex = rawIndex > from ? rawIndex - 1 : rawIndex;\n\n setDropIndex(nextDropIndex);\n }}\n onDragStart={(e) => {\n drag.current = i;\n setZoneSize({\n height: e.currentTarget.offsetHeight,\n width: e.currentTarget.offsetWidth,\n });\n e.dataTransfer.setData('text/plain', '');\n e.dataTransfer.effectAllowed = 'move';\n setDropIndex(i);\n }}\n onDrop={(e) => {\n e.preventDefault();\n const from = drag.current;\n const to = dropIndex;\n if (from < 0 || to === null || from === to) return;\n\n const next = arr.slice();\n const [moved] = next.splice(from, 1);\n next.splice(to, 0, moved);\n\n onChangeOrder?.(\n next.map((c, idx) => ({\n id: String(\n React.isValidElement(c)\n ? ((c.props as { 'data-id'?: string })['data-id'] ?? `idx-${idx}`)\n : `idx-${idx}`\n ),\n\n weight: next.length - 1 - idx,\n }))\n );\n\n resetDragState();\n }}\n /*style={withVars}*/\n >\n {child}\n </li>\n );\n })}\n </List>\n );\n}\n"],"names":["Sortable","children","className","columns","onChangeOrder","props","cols","Number","isFinite","Math","max","floor","arr","useMemo","React","Children","toArray","drag","useRef","zoneSize","setZoneSize","useState","height","width","dropIndex","setDropIndex","withVars","style","resetDragState","current","jsx","List","cx","styles","sortable","map","child","i","key","isValidElement","pseudo","dragging","e","preventDefault","dataTransfer","dropEffect","from","rect","currentTarget","getBoundingClientRect","itemHeight","rawIndex","clientY","top","nextDropIndex","offsetHeight","offsetWidth","setData","effectAllowed","to","next","slice","moved","splice","c","idx","id","String","weight","length"],"mappings":"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"}
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index30.css');const o=require("react/jsx-runtime"),r="_accordion_8spz8_1",s={accordion:r},i=({children:c,open:n,summary:e})=>o.jsxs("details",{className:s.accordion,open:n||void 0,"data-component":"accordion",children:[o.jsx("summary",{children:e}),c]});exports.Accordion=i;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index30.css');const t=require("react/jsx-runtime"),s="_accordion_1vtp0_6",a={accordion:s},d=({children:e,open:c,summary:r})=>{const i=n=>{const o=n.currentTarget.closest("details");!o||!document.startViewTransition||(n.preventDefault(),document.startViewTransition(()=>o.open=!o.open))};return t.jsxs("details",{className:a.accordion,open:c||void 0,"data-component":"accordion",children:[t.jsx("summary",{onClick:i,children:r}),e]})};exports.Accordion=d;
2
2
  //# sourceMappingURL=index.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.cjs","sources":["../../../src/components/accordion/index.tsx"],"sourcesContent":["import styles from './styles.module.css';\n\nexport type AccordionProps = {\n children: React.ReactNode;\n open?: boolean;\n summary: React.ReactNode;\n};\n\nexport const Accordion = ({ children, open, summary }: AccordionProps) => {\n return (\n <details\n className={styles.accordion}\n open={open || undefined}\n >\n <summary>{summary}</summary>\n {children}\n </details>\n );\n};\n"],"names":["Accordion","children","open","summary","jsxs","styles","accordion","undefined","jsx"],"mappings":"4JAQaA,EAAYA,CAAC,CAAEC,SAAAA,EAAUC,KAAAA,EAAMC,QAAAA,CAAwB,IAEhEC,OAAC,WACC,UAAWC,EAAOC,UAClB,KAAMJ,GAAQK,OAAU,iBAAA,YAExB,SAAA,CAAAC,EAAAA,IAAC,WAASL,SAAAA,CAAAA,CAAQ,EACjBF,CAAAA,EACH"}
1
+ {"version":3,"file":"index.cjs","sources":["../../../src/components/accordion/index.tsx"],"sourcesContent":["import type { MouseEventHandler } from 'react';\n\nimport styles from './styles.module.css';\n\nexport type AccordionProps = {\n children: React.ReactNode;\n open?: boolean;\n summary: React.ReactNode;\n};\n\nexport const Accordion = ({ children, open, summary }: AccordionProps) => {\n const handleSummaryClick: MouseEventHandler<HTMLElement> = (e) => {\n const details = e.currentTarget.closest('details') as HTMLDetailsElement | null;\n if (!details || !document.startViewTransition) return;\n\n e.preventDefault();\n document.startViewTransition(() => (details.open = !details.open));\n };\n\n return (\n <details\n className={styles.accordion}\n open={open || undefined}\n >\n <summary onClick={handleSummaryClick}>{summary}</summary>\n {children}\n </details>\n );\n};\n"],"names":["Accordion","children","open","summary","handleSummaryClick","e","details","currentTarget","closest","document","startViewTransition","preventDefault","jsxs","styles","accordion","undefined","jsx"],"mappings":"4JAUaA,EAAYA,CAAC,CAAEC,SAAAA,EAAUC,KAAAA,EAAMC,QAAAA,CAAwB,IAAM,CACxE,MAAMC,EAAsDC,GAAM,CAChE,MAAMC,EAAUD,EAAEE,cAAcC,QAAQ,SAAS,EAC7C,CAACF,GAAW,CAACG,SAASC,sBAE1BL,EAAEM,eAAAA,EACFF,SAASC,oBAAoB,IAAOJ,EAAQJ,KAAO,CAACI,EAAQJ,IAAK,EACnE,EAEA,OACEU,OAAC,WACC,UAAWC,EAAOC,UAClB,KAAMZ,GAAQa,OAAU,iBAAA,YAExB,SAAA,CAAAC,EAAAA,IAAC,UAAA,CAAQ,QAASZ,EAAqBD,SAAAA,EAAQ,EAC9CF,CAAAA,EACH,CAEJ"}