@solibo/solibo-ui 1.0.11 → 1.0.13

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 (78) hide show
  1. package/dist/assets/index12.css +1 -1
  2. package/dist/assets/index15.css +1 -1
  3. package/dist/assets/index17.css +1 -1
  4. package/dist/assets/index20.css +1 -1
  5. package/dist/assets/index28.css +1 -1
  6. package/dist/assets/index34.css +1 -1
  7. package/dist/assets/index36.css +1 -1
  8. package/dist/assets/index39.css +1 -1
  9. package/dist/assets/index4.css +1 -1
  10. package/dist/assets/index41.css +1 -1
  11. package/dist/assets/index47.css +1 -1
  12. package/dist/assets/index9.css +1 -1
  13. package/dist/components/badge/index.cjs +1 -1
  14. package/dist/components/badge/index.js +37 -37
  15. package/dist/components/checkbox/index.cjs +1 -1
  16. package/dist/components/checkbox/index.cjs.map +1 -1
  17. package/dist/components/checkbox/index.js +1 -1
  18. package/dist/components/checkbox/index.js.map +1 -1
  19. package/dist/components/chip/index.cjs +1 -1
  20. package/dist/components/chip/index.cjs.map +1 -1
  21. package/dist/components/chip/index.js +21 -14
  22. package/dist/components/chip/index.js.map +1 -1
  23. package/dist/components/controls/index.cjs +1 -1
  24. package/dist/components/controls/index.cjs.map +1 -1
  25. package/dist/components/controls/index.js +20 -20
  26. package/dist/components/controls/index.js.map +1 -1
  27. package/dist/components/dropdown/index.cjs +1 -1
  28. package/dist/components/dropdown/index.js +65 -65
  29. package/dist/components/editor/index.cjs +16 -16
  30. package/dist/components/editor/index.js +4 -4
  31. package/dist/components/header/index.cjs +1 -1
  32. package/dist/components/header/index.js +9 -9
  33. package/dist/components/icon/index.cjs +1 -1
  34. package/dist/components/icon/index.js +1 -1
  35. package/dist/components/input/index.cjs +1 -1
  36. package/dist/components/input/index.js +2 -2
  37. package/dist/components/menu/index.cjs +1 -1
  38. package/dist/components/menu/index.cjs.map +1 -1
  39. package/dist/components/menu/index.js +70 -58
  40. package/dist/components/menu/index.js.map +1 -1
  41. package/dist/components/message/index.cjs +1 -1
  42. package/dist/components/message/index.js +21 -21
  43. package/dist/components/nav/index.cjs +1 -1
  44. package/dist/components/nav/index.js +19 -19
  45. package/dist/components/popover/index.cjs +1 -1
  46. package/dist/components/popover/index.cjs.map +1 -1
  47. package/dist/components/popover/index.js +79 -80
  48. package/dist/components/popover/index.js.map +1 -1
  49. package/dist/components/search/index.cjs +1 -1
  50. package/dist/components/search/index.cjs.map +1 -1
  51. package/dist/components/search/index.js +75 -45
  52. package/dist/components/search/index.js.map +1 -1
  53. package/dist/components/select/index.cjs +1 -1
  54. package/dist/components/select/index.js +2 -2
  55. package/dist/components/toasts/index.cjs +1 -1
  56. package/dist/components/toasts/index.js +4 -4
  57. package/dist/{icons-BFgf_lJN.js → icons-Bq3diTRm.js} +11 -2
  58. package/dist/icons-Bq3diTRm.js.map +1 -0
  59. package/dist/icons-ovA21Oao.cjs +2 -0
  60. package/dist/icons-ovA21Oao.cjs.map +1 -0
  61. package/dist/index-BcY9DZZ8.cjs +2 -0
  62. package/dist/{index-CEzqxRIu.cjs.map → index-BcY9DZZ8.cjs.map} +1 -1
  63. package/dist/{index-BPIK2dxs.cjs → index-CjI8oRpS.cjs} +2 -2
  64. package/dist/{index-BPIK2dxs.cjs.map → index-CjI8oRpS.cjs.map} +1 -1
  65. package/dist/index-ClZkChEh.js +73 -0
  66. package/dist/{index-BHgGZxsR.js.map → index-ClZkChEh.js.map} +1 -1
  67. package/dist/{index-C_YiNpZP.js → index-DwzLUapm.js} +2 -2
  68. package/dist/{index-C_YiNpZP.js.map → index-DwzLUapm.js.map} +1 -1
  69. package/dist/index.cjs +1 -1
  70. package/dist/index.d.ts +46 -16
  71. package/dist/index.js +2 -2
  72. package/dist/tokens.json +1 -1
  73. package/package.json +1 -1
  74. package/dist/icons-BFgf_lJN.js.map +0 -1
  75. package/dist/icons-Dx0NQYLH.cjs +0 -2
  76. package/dist/icons-Dx0NQYLH.cjs.map +0 -1
  77. package/dist/index-BHgGZxsR.js +0 -73
  78. package/dist/index-CEzqxRIu.cjs +0 -2
@@ -1 +1 @@
1
- ._nav_mhwz8_3 a{display:block}._label_mhwz8_9{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._horizontal_mhwz8_17 a,._horizontal_mhwz8_17 li{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._sidebar_mhwz8_27 a{align-items:center;border:var(--scale-1) solid transparent;border-radius:var(--shape-border-radius-radius-md);color:var(--colors-semantic-content-secondary);display:flex;line-height:var(--utils-tokens-unit);overflow:hidden;padding:var(--shape-spacing-md) var(--shape-spacing-sm);text-decoration:none;text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap}._sidebar_mhwz8_27 a [data-component=badge]{margin-left:auto}._sidebar_mhwz8_27 a[aria-current=page]{background:var(--colors-semantic-primary-primary-subtle);border-color:var(--colors-semantic-primary-primary-subtle-border);color:var(--colors-semantic-content-primary);font-weight:var(--font-font-weight-semibold)}._sidebar_mhwz8_27 a:not(:last-child){margin-bottom:var(--shape-spacing-2xs)}._sidebar_mhwz8_27 a:hover:not([aria-current=page]){background:var(--colors-semantic-interactive-hover-subtle);border-color:var(--colors-semantic-interactive-hover-subtle);color:var(--colors-semantic-content-primary)}._sidebar_mhwz8_27 form{margin:calc(var(--shape-spacing-xs) - 1px) 0}._sidebar_mhwz8_27~._sidebar_mhwz8_27{border-top:solid 1px var(--colors-semantic-border-default);margin-top:var(--shape-spacing-lg);padding-top:var(--shape-spacing-2xs)}._nav_mhwz8_3._tabs_mhwz8_73._tabs_mhwz8_73{border-bottom:var(--scale-1) solid var(--colors-semantic-border-default);display:flex;gap:var(--utils-tokens-unit)}._nav_mhwz8_3._tabs_mhwz8_73._tabs_mhwz8_73 a,._nav_mhwz8_3._tabs_mhwz8_73._tabs_mhwz8_73 li{color:var(--colors-semantic-content-secondary);display:inline-block;font-weight:var(--font-font-weight-semibold);padding:var(--scale-4) var(--scale-2) var(--scale-8) var(--scale-2);text-decoration:none}._nav_mhwz8_3._tabs_mhwz8_73._tabs_mhwz8_73 a[aria-current=page],._nav_mhwz8_3._tabs_mhwz8_73._tabs_mhwz8_73 li[aria-current=page]{color:var(--colors-purple-500);border-bottom:var(--scale-1) solid var(--colors-purple-500)}._nav_mhwz8_3._pills_mhwz8_93._pills_mhwz8_93{background-color:var(--colors-translucent);-webkit-backdrop-filter:blur(var(--scale-8));backdrop-filter:blur(var(--scale-8));border-radius:var(--shape-border-radius-radius-2xl);border:var(--scale-2) solid var(--colors-semantic-bg-surface);box-shadow:var(--shape-box-shadow-sm-position-x) var(--shape-box-shadow-sm-position-y) var(--shape-box-shadow-sm-blur) var(--shape-box-shadow-sm-spread) var(--shape-box-shadow-sm-color);display:flex;left:50%;transform:translate(-50%);margin:0 auto;position:-webkit-sticky;position:sticky;top:var(--utils-tokens-unit);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:2}._nav_mhwz8_3._pills_mhwz8_93._pills_mhwz8_93:has(>:only-child){display:none}._nav_mhwz8_3._pills_mhwz8_93._pills_mhwz8_93:before{content:"";background:var(--colors-purple-500);border-radius:var(--shape-border-radius-radius-2xl);inset-block:0;left:anchor(left);position-anchor:--current;position:absolute;transition:left var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function),top var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function),width var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function);width:anchor-size(width);z-index:0}._nav_mhwz8_3._pills_mhwz8_93._pills_mhwz8_93 a{border-radius:var(--scale-32);color:var(--colors-semantic-primary-primary);display:inline-block;font-weight:var(--font-font-weight-bold);padding:var(--utils-tokens-unit);position:relative;text-decoration:none;text-overflow:ellipsis;transition:color var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function),padding var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function);white-space:nowrap;z-index:2}._nav_mhwz8_3._pills_mhwz8_93._pills_mhwz8_93 a[aria-current=page]{anchor-name:--current;color:var(--colors-semantic-bg-surface)}._nav_mhwz8_3._pills_mhwz8_93._pills_mhwz8_93 a[aria-current=page]:hover{color:var(--colors-semantic-bg-surface)}@media (width <= 1024px){._nav_mhwz8_3._pills_mhwz8_93._pills_mhwz8_93{flex-direction:column}._nav_mhwz8_3._pills_mhwz8_93._pills_mhwz8_93 a[aria-current=page]{background-color:var(--colors-purple-500)}._nav_mhwz8_3._pills_mhwz8_93._pills_mhwz8_93 a[aria-current=page]:after{background-color:var(--colors-semantic-bg-surface);content:"";display:inline-block;height:var(--utils-tokens-unit);margin-left:var(--scale-8);-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(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function);vertical-align:middle;width:var(--utils-tokens-unit)}._nav_mhwz8_3._pills_mhwz8_93._pills_mhwz8_93 a:not([aria-current=page]){display:none}._nav_mhwz8_3._pills_mhwz8_93._pills_mhwz8_93[data-open=true] a{display:block}._nav_mhwz8_3._pills_mhwz8_93._pills_mhwz8_93[data-open=true] a[aria-current=page]:after{transform:rotateX(180deg)}._nav_mhwz8_3._pills_mhwz8_93._pills_mhwz8_93:before{display:none}}@supports not (position-anchor: --x){._pills_mhwz8_93:before{display:none}._pills_mhwz8_93 a[aria-current=page]{background:var(--colors-purple-500);color:var(--colors-semantic-bg-surface)}}
1
+ ._nav_ebhif_3 a{display:block}._label_ebhif_9{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._horizontal_ebhif_17 a,._horizontal_ebhif_17 li{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._sidebar_ebhif_27 a{align-items:center;border:var(--scale-1) solid transparent;border-radius:var(--shape-border-radius-radius-md);color:var(--colors-semantic-content-secondary);display:flex;line-height:var(--utils-tokens-unit);overflow:hidden;padding:var(--shape-spacing-md) var(--shape-spacing-sm);text-decoration:none;text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap}._sidebar_ebhif_27 a [data-component=badge]{margin-left:auto}._sidebar_ebhif_27 a[aria-current=page]{background:var(--colors-semantic-primary-primary-subtle);border-color:var(--colors-semantic-primary-primary-subtle-border);color:var(--colors-semantic-content-primary);font-weight:var(--font-font-weight-semibold)}._sidebar_ebhif_27 a:not(:last-child){margin-bottom:var(--shape-spacing-2xs)}._sidebar_ebhif_27 a:hover:not([aria-current=page]){background:var(--colors-semantic-interactive-hover-subtle);border-color:var(--colors-semantic-interactive-hover-subtle);color:var(--colors-semantic-content-primary)}._sidebar_ebhif_27 form{margin:calc(var(--shape-spacing-xs) - 1px) 0}._sidebar_ebhif_27~._sidebar_ebhif_27{border-top:solid 1px var(--colors-semantic-border-default);margin-top:var(--shape-spacing-lg);padding-top:var(--shape-spacing-2xs)}._nav_ebhif_3._tabs_ebhif_73._tabs_ebhif_73{border-bottom:var(--scale-1) solid var(--colors-semantic-border-default);display:flex;gap:var(--utils-tokens-unit)}._nav_ebhif_3._tabs_ebhif_73._tabs_ebhif_73 a,._nav_ebhif_3._tabs_ebhif_73._tabs_ebhif_73 li{color:var(--colors-semantic-content-secondary);display:inline-block;font-weight:var(--font-font-weight-semibold);padding:var(--scale-4) var(--scale-2) var(--scale-8) var(--scale-2);text-align:center;text-decoration:none}._nav_ebhif_3._tabs_ebhif_73._tabs_ebhif_73 a[aria-current=page],._nav_ebhif_3._tabs_ebhif_73._tabs_ebhif_73 li[aria-current=page]{color:var(--colors-purple-500);border-bottom:var(--scale-1) solid var(--colors-purple-500)}._nav_ebhif_3._pills_ebhif_94._pills_ebhif_94{background-color:var(--colors-translucent);-webkit-backdrop-filter:blur(var(--scale-8));backdrop-filter:blur(var(--scale-8));border-radius:var(--shape-border-radius-radius-2xl);border:var(--scale-2) solid var(--colors-semantic-bg-surface);box-shadow:var(--shape-box-shadow-sm-position-x) var(--shape-box-shadow-sm-position-y) var(--shape-box-shadow-sm-blur) var(--shape-box-shadow-sm-spread) var(--shape-box-shadow-sm-color);display:flex;left:50%;transform:translate(-50%);margin:0 auto;position:-webkit-sticky;position:sticky;top:var(--utils-tokens-unit);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:2}._nav_ebhif_3._pills_ebhif_94._pills_ebhif_94:has(>:only-child){display:none}._nav_ebhif_3._pills_ebhif_94._pills_ebhif_94:before{content:"";background:var(--colors-purple-500);border-radius:var(--shape-border-radius-radius-2xl);inset-block:0;left:anchor(left);position-anchor:--current;position:absolute;transition:left var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function),top var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function),width var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function);width:anchor-size(width);z-index:0}._nav_ebhif_3._pills_ebhif_94._pills_ebhif_94 a{border-radius:var(--scale-32);color:var(--colors-semantic-primary-primary);display:inline-block;font-weight:var(--font-font-weight-bold);padding:var(--utils-tokens-unit);position:relative;text-decoration:none;text-overflow:ellipsis;transition:color var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function),padding var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function);white-space:nowrap;z-index:2}._nav_ebhif_3._pills_ebhif_94._pills_ebhif_94 a[aria-current=page]{anchor-name:--current;color:var(--colors-semantic-bg-surface)}._nav_ebhif_3._pills_ebhif_94._pills_ebhif_94 a[aria-current=page]:hover{color:var(--colors-semantic-bg-surface)}@media (width <= 1024px){._nav_ebhif_3._pills_ebhif_94._pills_ebhif_94{flex-direction:column}._nav_ebhif_3._pills_ebhif_94._pills_ebhif_94 a[aria-current=page]{background-color:var(--colors-purple-500)}._nav_ebhif_3._pills_ebhif_94._pills_ebhif_94 a[aria-current=page]:after{background-color:var(--colors-semantic-bg-surface);content:"";display:inline-block;height:var(--utils-tokens-unit);margin-left:var(--scale-8);-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(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function);vertical-align:middle;width:var(--utils-tokens-unit)}._nav_ebhif_3._pills_ebhif_94._pills_ebhif_94 a:not([aria-current=page]){display:none}._nav_ebhif_3._pills_ebhif_94._pills_ebhif_94[data-open=true] a{display:block}._nav_ebhif_3._pills_ebhif_94._pills_ebhif_94[data-open=true] a[aria-current=page]:after{transform:rotateX(180deg)}._nav_ebhif_3._pills_ebhif_94._pills_ebhif_94:before{display:none}}@supports not (position-anchor: --x){._pills_ebhif_94:before{display:none}._pills_ebhif_94 a[aria-current=page]{background:var(--colors-purple-500);color:var(--colors-semantic-bg-surface)}}
@@ -1 +1 @@
1
- ._message-group_8sz6c_1{align-items:flex-start;display:flex;flex-direction:column}._message-group_8sz6c_1[data-message-type=system]{align-items:center}._message-group_8sz6c_1[data-message-type=user]{align-items:flex-end}._message-group_8sz6c_1>div:first-child,._message-group_8sz6c_1>time{margin-left:var(--scale-16)}._message-group_8sz6c_1>time{color:var(--colors-semantic-content-tertiary);margin-right:var(--scale-16)}._message_8sz6c_1{border:solid var(--shape-border-width-default) var(--colors-semantic-border-default);margin:var(--scale-4) 0;padding:0 var(--utils-tokens-unit);white-space:pre-wrap;word-break:break-word}._message_8sz6c_1:is([data-type=default],[data-type=user],[data-appearance=file]){max-width:min(90%,var(--shape-width-max-lg));width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}._message_8sz6c_1[data-type=default]{background-color:var(--colors-semantic-bg-page);border-left:none;border-radius:0 var(--utils-tokens-unit) var(--utils-tokens-unit) 0;margin-inline:var(--message-edge-gap, 0) auto}._message_8sz6c_1:is([data-type=minimal],[data-type=system]){border:none}._message_8sz6c_1[data-type=minimal]{margin:var(--scale-8) 0 0 0;padding:0}._message_8sz6c_1[data-type=user]{background-color:var(--colors-semantic-primary-primary-subtle);border-radius:var(--utils-tokens-unit) 0 0 var(--utils-tokens-unit);border-right:none;margin-inline:auto var(--message-edge-gap, 0)}._message_8sz6c_1[data-type=system]{border-bottom:solid var(--shape-border-width-default) var(--colors-semantic-border-strong);color:var(--colors-semantic-content-secondary);padding:0;padding-bottom:var(--shape-spacing-xs);text-align:left}._message_8sz6c_1[data-type=system] [data-component=icon]{height:var(--utils-tokens-icon-tiny);width:var(--utils-tokens-icon-tiny)}._message_8sz6c_1[data-appearance=file]{--message-edge-gap: var(--scale-16);background-color:transparent;border:0;padding:0}._message_8sz6c_1[data-appearance=document]{max-width:min(90%,var(--shape-width-max-lg));width:100%}._timestamp_8sz6c_87{color:var(--colors-semantic-content-secondary);font-size:var(--typography-font-sizes-caption)}._attachments_8sz6c_92{align-items:flex-start;display:flex;flex-direction:column;gap:var(--scale-8);margin-bottom:var(--scale-4);margin-top:var(--scale-4);max-width:min(90%,var(--shape-width-max-lg))}._message-group_8sz6c_1[data-message-type=default]>._attachments_8sz6c_92{margin-left:var(--scale-16)}._message-group_8sz6c_1[data-message-type=user]>._attachments_8sz6c_92{align-items:flex-end;margin-right:var(--scale-16)}._preview_8sz6c_111{display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}
1
+ ._message-group_txr62_1{align-items:flex-start;display:flex;flex-direction:column}._message-group_txr62_1[data-message-type=system]{align-items:center}._message-group_txr62_1[data-message-type=user]{align-items:flex-end}._message-group_txr62_1>div:first-child,._message-group_txr62_1>time{margin-left:var(--scale-16)}._message-group_txr62_1>time{color:var(--colors-semantic-content-tertiary);margin-right:var(--scale-16)}._message_txr62_1{border:solid var(--shape-border-width-default) var(--colors-semantic-border-default);margin:var(--scale-4) 0;padding:var(--utils-tokens-unit);white-space:pre-wrap;word-break:break-word}._message_txr62_1:is([data-type=default],[data-type=user],[data-appearance=file]){max-width:min(90%,var(--shape-width-max-lg));width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}._message_txr62_1[data-type=default]{background-color:var(--colors-semantic-bg-page);border-left:none;border-radius:0 var(--utils-tokens-unit) var(--utils-tokens-unit) 0;margin-inline:var(--message-edge-gap, 0) auto}._message_txr62_1:is([data-type=minimal],[data-type=system]){border:none}._message_txr62_1[data-type=minimal]{margin:var(--scale-8) 0 0 0;padding:0}._message_txr62_1[data-type=user]{background-color:var(--colors-semantic-primary-primary-subtle);border-radius:var(--utils-tokens-unit) 0 0 var(--utils-tokens-unit);border-right:none;margin-inline:auto var(--message-edge-gap, 0)}._message_txr62_1[data-type=system]{border-bottom:solid var(--shape-border-width-default) var(--colors-semantic-border-strong);color:var(--colors-semantic-content-secondary);padding:0;padding-bottom:var(--shape-spacing-xs);text-align:left}._message_txr62_1[data-type=system] [data-component=icon]{height:var(--utils-tokens-icon-tiny);width:var(--utils-tokens-icon-tiny)}._message_txr62_1[data-appearance=file]{--message-edge-gap: var(--scale-16);background-color:transparent;border:0;padding:0}._message_txr62_1[data-appearance=document]{max-width:min(90%,var(--shape-width-max-lg));width:100%}._timestamp_txr62_87{color:var(--colors-semantic-content-secondary);font-size:var(--typography-font-sizes-caption)}._attachments_txr62_92{align-items:flex-start;display:flex;flex-direction:column;gap:var(--scale-8);margin-bottom:var(--scale-4);margin-top:var(--scale-4);max-width:min(90%,var(--shape-width-max-lg))}._message-group_txr62_1[data-message-type=default]>._attachments_txr62_92{margin-left:var(--scale-16)}._message-group_txr62_1[data-message-type=user]>._attachments_txr62_92{align-items:flex-end;margin-right:var(--scale-16)}._preview_txr62_111{display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}
@@ -1 +1 @@
1
- ._popover_1szho_1{display:inline-block;position:relative}._inline_1szho_6{line-height:0;visibility:hidden}._inline_1szho_6[data-open=true],._inline_1szho_6:focus-within{visibility:visible}a:hover>._inline_1szho_6,a:focus-within>._inline_1szho_6{visibility:visible}._popover-panel_1szho_21{background-color:var(--colors-semantic-bg-surface);border:var(--shape-border-width-default) solid var(--colors-semantic-border-default);border-radius:var(--shape-border-radius-radius-lg);box-shadow:var(--shape-box-shadow-sm-position-x) var(--shape-box-shadow-sm-position-y) var(--shape-box-shadow-sm-blur) var(--shape-box-shadow-sm-spread) var(--shape-box-shadow-sm-color);font-family:var(--utils-tokens-font-family);margin-top:var(--shape-spacing-2xs);max-height:90vh;max-width:90vw;overflow:auto;padding:var(--shape-spacing-xs);position:absolute;z-index:3}._below_1szho_38{margin-top:var(--shape-spacing-2xs);top:100%}._above_1szho_43{bottom:100%;margin-bottom:var(--shape-spacing-2xs)}._inline-panel_1szho_48{bottom:auto;margin:0}._left_1szho_53{right:0;transform-origin:top right}._right_1szho_58{left:0;transform-origin:top left}._trigger_1szho_63{color:var(--colors-semantic-content-secondary);padding:var(--scale-8)}._trigger_1szho_63:focus-visible{outline:var(--scale-2) solid var(--colors-semantic-border-focus);outline-offset:var(--scale-2)}._trigger_1szho_63:hover{background-color:var(--colors-semantic-interactive-hover-subtle)}._inline-trigger_1szho_77{color:var(--colors-semantic-content-secondary);cursor:pointer;display:inline-flex}._inline-trigger_1szho_77:focus-visible{outline:var(--scale-2) solid var(--colors-semantic-border-focus);outline-offset:var(--scale-2)}
1
+ ._popover_1e3fx_1{display:inline-block;position:relative}._inline_1e3fx_6{line-height:0;visibility:hidden}._inline_1e3fx_6[data-open=true],._inline_1e3fx_6:focus-within{visibility:visible}a:hover>._inline_1e3fx_6,a:focus-within>._inline_1e3fx_6{visibility:visible}._popover-panel_1e3fx_21{background-color:var(--colors-semantic-bg-surface);border:var(--shape-border-width-default) solid var(--colors-semantic-border-default);border-radius:var(--shape-border-radius-radius-lg);box-shadow:var(--shape-box-shadow-sm-position-x) var(--shape-box-shadow-sm-position-y) var(--shape-box-shadow-sm-blur) var(--shape-box-shadow-sm-spread) var(--shape-box-shadow-sm-color);font-family:var(--utils-tokens-font-family);margin-top:var(--shape-spacing-2xs);max-height:90vh;max-width:90vw;overflow:auto;padding:var(--shape-spacing-xs);position:absolute;z-index:3}._popover-panel_1e3fx_21 button{justify-content:left}._below_1e3fx_42{margin-top:var(--shape-spacing-2xs);top:100%}._above_1e3fx_47{bottom:100%;margin-bottom:var(--shape-spacing-2xs)}._inline-panel_1e3fx_52{bottom:auto;margin:0}._left_1e3fx_57{right:0;transform-origin:top right}._right_1e3fx_62{left:0;transform-origin:top left}._trigger_1e3fx_67{color:var(--colors-semantic-content-secondary);padding:var(--scale-8)}._trigger_1e3fx_67:focus-visible{outline:var(--scale-2) solid var(--colors-semantic-border-focus);outline-offset:var(--scale-2)}._inline-trigger_1e3fx_77{color:var(--colors-semantic-content-secondary);cursor:pointer;display:inline-flex}._inline-trigger_1e3fx_77:focus-visible{outline:var(--scale-2) solid var(--colors-semantic-border-focus);outline-offset:var(--scale-2)}@media (width < 768px){._inline_1e3fx_6{visibility:unset}}
@@ -1 +1 @@
1
- ._header_jyftr_1{color:var(--colors-semantic-content-primary);display:grid;gap:0 var(--shape-spacing-xs);grid-template-columns:minmax(25ch,1fr) minmax(0,-webkit-max-content);grid-template-columns:minmax(25ch,1fr) minmax(0,max-content);font-weight:var(--font-font-weight-bold);margin:var(--shape-spacing-md) 0;position:relative}._header_jyftr_1>*{grid-column:1;min-width:0}._header_jyftr_1 :is(h1,h2,h3,h4,h5,h6){margin:0;overflow-wrap:break-word}._header_jyftr_1 h1{font-size:var(--typography-font-sizes-h1);letter-spacing:-1.2px}._header_jyftr_1 h2,._header_jyftr_1 sup{font-size:var(--typography-font-sizes-h2)}._header_jyftr_1 h3{font-size:var(--typography-font-sizes-h3)}._header_jyftr_1 p{color:var(--colors-semantic-content-secondary);font-size:var(--typography-font-sizes-body-lg);font-weight:var(--font-font-weight-regular);margin:var(--shape-spacing-xs) 0 0!important}._header_jyftr_1 sub{font-weight:var(--font-font-weight-regular)}._header_jyftr_1 sub[data-clipboard]{align-items:center;cursor:copy;display:flex;gap:var(--scale-8);padding:var(--scale-8) 0}._header_jyftr_1 sub,._header_jyftr_1 sup{color:var(--colors-semantic-content-secondary)}._header_jyftr_1:has([data-component=badge]) h1,._header_jyftr_1:has([data-component=badge]) h2,._header_jyftr_1:has([data-component=badge]) h3,._header_jyftr_1:has([data-component=badge]) h4{display:inline-block}._header_jyftr_1 [data-component=badge]{float:right;font-size:var(--typography-font-sizes-body-md);font-weight:var(--font-font-weight-regular);margin:var(--utils-tokens-unit) 0}._header_jyftr_1 [data-component=button],._header_jyftr_1 [data-component=controls],._header_jyftr_1 [data-component=popover],._header_jyftr_1 [data-component=toggle]{grid-column:2;grid-row:1 / span 2;height:-webkit-min-content;height:-moz-min-content;height:min-content;min-width:0;overflow-wrap:anywhere}._capitalize_jyftr_86._capitalize_jyftr_86 h1,._capitalize_jyftr_86._capitalize_jyftr_86 h2,._capitalize_jyftr_86._capitalize_jyftr_86 h3,._capitalize_jyftr_86._capitalize_jyftr_86 h4,._capitalize_jyftr_86._capitalize_jyftr_86 h5,._capitalize_jyftr_86._capitalize_jyftr_86 h6{text-transform:capitalize}@media (width >= 960px){._jumbo_jyftr_98{margin:calc(var(--utils-tokens-unit) * 3) 0}._jumbo_jyftr_98 h1{font-size:var(--typography-font-sizes-display-sm)}}@media (width < 480px){._header_jyftr_1{grid-template-columns:1fr}._header_jyftr_1>[data-component=button],._header_jyftr_1 [data-component=controls],._header_jyftr_1 [data-component=popover],._header_jyftr_1 [data-component=toggle]{margin-top:var(--shape-spacing-md);grid-column:1;grid-row:auto}}
1
+ ._header_17kn9_1{color:var(--colors-semantic-content-primary);display:grid;gap:var(--shape-spacing-3xs) var(--shape-spacing-xs);grid-template-columns:minmax(25ch,1fr) minmax(0,-webkit-max-content);grid-template-columns:minmax(25ch,1fr) minmax(0,max-content);font-weight:var(--font-font-weight-bold);margin:var(--shape-spacing-md) 0;position:relative}._header_17kn9_1>*{grid-column:1;min-width:0}._header_17kn9_1 :is(h1,h2,h3,h4,h5,h6){margin:0;overflow-wrap:break-word}._header_17kn9_1 h1{font-size:var(--typography-font-sizes-h1);letter-spacing:-1.2px}._header_17kn9_1 h2,._header_17kn9_1 sup{font-size:var(--typography-font-sizes-h2)}._header_17kn9_1 h3{font-size:var(--typography-font-sizes-h3)}._header_17kn9_1 p{color:var(--colors-semantic-content-secondary);font-size:var(--typography-font-sizes-body-lg);font-weight:var(--font-font-weight-regular);margin:var(--shape-spacing-xs) 0 0!important}._header_17kn9_1 sub{font-weight:var(--font-font-weight-regular)}._header_17kn9_1 sub[data-clipboard]{align-items:center;cursor:copy;display:flex;gap:var(--scale-8);padding:var(--scale-8) 0}._header_17kn9_1 sub,._header_17kn9_1 sup{color:var(--colors-semantic-content-secondary);font-size:var(--typography-font-sizes-body-sm)}._header_17kn9_1:has([data-component=badge]) h1,._header_17kn9_1:has([data-component=badge]) h2,._header_17kn9_1:has([data-component=badge]) h3,._header_17kn9_1:has([data-component=badge]) h4{display:inline-block}._header_17kn9_1 [data-component=button],._header_17kn9_1 [data-component=controls],._header_17kn9_1 [data-component=popover],._header_17kn9_1 [data-component=toggle]{grid-column:2;grid-row:1 / span 2;height:-webkit-min-content;height:-moz-min-content;height:min-content;min-width:0;overflow-wrap:anywhere}._capitalize_17kn9_80._capitalize_17kn9_80 h1,._capitalize_17kn9_80._capitalize_17kn9_80 h2,._capitalize_17kn9_80._capitalize_17kn9_80 h3,._capitalize_17kn9_80._capitalize_17kn9_80 h4,._capitalize_17kn9_80._capitalize_17kn9_80 h5,._capitalize_17kn9_80._capitalize_17kn9_80 h6{text-transform:capitalize}@media (width >= 960px){._jumbo_17kn9_92{margin:calc(var(--utils-tokens-unit) * 3) 0}._jumbo_17kn9_92 h1{font-size:var(--typography-font-sizes-display-sm)}}@media (width < 480px){._header_17kn9_1{grid-template-columns:1fr}._header_17kn9_1>[data-component=button],._header_17kn9_1 [data-component=controls],._header_17kn9_1 [data-component=toggle]{margin-top:var(--shape-spacing-md);grid-column:1;grid-row:auto}}
@@ -1 +1 @@
1
- ._badge_3aace_1{align-items:center;background-color:var(--colors-semantic-bg-overlay);color:var(--colors-semantic-content-secondary);border-radius:var(--scale-32);display:inline-flex;gap:var(--scale-4);max-width:calc(2 * var(--scale-96));padding:var(--shape-spacing-2xs) var(--shape-spacing-xs)}._badge_3aace_1 span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._badge_3aace_1._highlight_3aace_17{background-color:var(--colors-semantic-content-highlight);color:var(--colors-semantic-primary-on-primary-subtle);font-weight:var(--font-font-weight-semibold)}._badge_3aace_1._info_3aace_23{background-color:var(--colors-semantic-status-info-bg);color:var(--colors-semantic-status-info-content)}._badge_3aace_1._primary_3aace_28{background-color:var(--colors-semantic-primary-primary-subtle);color:var(--colors-semantic-primary-primary)}._badge_3aace_1._success_3aace_33{background-color:var(--colors-semantic-status-success-bg);color:var(--colors-semantic-status-success-content)}._badge_3aace_1._warning_3aace_38{background-color:var(--colors-semantic-status-warning-bg);color:var(--colors-semantic-status-warning-content)}._badge_3aace_1._color-1_3aace_43{background-color:var(--colors-categories-bg-grey-2);color:var(--colors-categories-content-on-grey)}._badge_3aace_1._color-2_3aace_48,._badge_3aace_1._color-yellow_3aace_49{background-color:var(--colors-categories-bg-pink-1);color:var(--colors-categories-content-on-pink)}._badge_3aace_1._color-3_3aace_54,._badge_3aace_1._color-peach_3aace_55{background-color:var(--colors-categories-bg-pink-2);color:var(--colors-categories-content-on-pink)}._badge_3aace_1._color-4_3aace_60,._badge_3aace_1._color-magenta_3aace_61{background-color:var(--colors-categories-bg-pink-3);color:var(--colors-categories-content-on-pink)}._badge_3aace_1._color-5_3aace_66,._badge_3aace_1._color-purple_3aace_67{background-color:var(--colors-categories-bg-pink-5);color:var(--colors-categories-content-on-pink)}._badge_3aace_1._color-6_3aace_72,._badge_3aace_1._color-blue_3aace_73{background-color:var(--colors-categories-bg-yellow-1);color:var(--colors-categories-content-on-yellow)}._badge_3aace_1._color-7_3aace_78,._badge_3aace_1._color-green_3aace_79{background-color:var(--colors-categories-bg-yellow-2);color:var(--colors-categories-content-on-yellow)}
1
+ ._badge_v112x_1{align-items:center;background-color:var(--colors-semantic-bg-overlay);color:var(--colors-semantic-content-secondary);border-radius:var(--scale-32);display:inline-flex;gap:var(--scale-4);max-width:calc(2 * var(--scale-96));padding:var(--shape-spacing-2xs) var(--shape-spacing-xs);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}._badge_v112x_1 span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._badge_v112x_1._highlight_v112x_18{background-color:var(--colors-semantic-content-highlight);color:var(--colors-semantic-primary-on-primary-subtle);font-weight:var(--font-font-weight-semibold)}._badge_v112x_1._info_v112x_24{background-color:var(--colors-semantic-status-info-bg);color:var(--colors-semantic-status-info-content)}._badge_v112x_1._primary_v112x_29{background-color:var(--colors-semantic-primary-primary-subtle);color:var(--colors-semantic-primary-primary)}._badge_v112x_1._success_v112x_34{background-color:var(--colors-semantic-status-success-bg);color:var(--colors-semantic-status-success-content)}._badge_v112x_1._warning_v112x_39{background-color:var(--colors-semantic-status-warning-bg);color:var(--colors-semantic-status-warning-content)}._badge_v112x_1._color-1_v112x_44{background-color:var(--colors-categories-bg-grey-2);color:var(--colors-categories-content-on-grey)}._badge_v112x_1._color-2_v112x_49,._badge_v112x_1._color-yellow_v112x_50{background-color:var(--colors-categories-bg-pink-1);color:var(--colors-categories-content-on-pink)}._badge_v112x_1._color-3_v112x_55,._badge_v112x_1._color-peach_v112x_56{background-color:var(--colors-categories-bg-pink-2);color:var(--colors-categories-content-on-pink)}._badge_v112x_1._color-4_v112x_61,._badge_v112x_1._color-magenta_v112x_62{background-color:var(--colors-categories-bg-pink-3);color:var(--colors-categories-content-on-pink)}._badge_v112x_1._color-5_v112x_67,._badge_v112x_1._color-purple_v112x_68{background-color:var(--colors-categories-bg-pink-5);color:var(--colors-categories-content-on-pink)}._badge_v112x_1._color-6_v112x_73,._badge_v112x_1._color-blue_v112x_74{background-color:var(--colors-categories-bg-yellow-1);color:var(--colors-categories-content-on-yellow)}._badge_v112x_1._color-7_v112x_79,._badge_v112x_1._color-green_v112x_80{background-color:var(--colors-categories-bg-yellow-2);color:var(--colors-categories-content-on-yellow)}
@@ -1 +1 @@
1
- ._chip_13ohh_3{align-items:center;border-radius:var(--shape-border-radius-radius-xl);border:var(--shape-border-width-default) solid var(--colors-semantic-primary-primary-subtle-border);background:var(--colors-semantic-primary-primary-subtle);color:var(--colors-semantic-primary-on-primary-subtle);display:inline-flex;justify-content:center;font-size:var(--typography-font-sizes-label-sm);gap:var(--shape-spacing-2xs);line-height:var(--typography-font-sizes-label-sm);padding:var(--shape-spacing-xs) var(--shape-spacing-xs) var(--shape-spacing-xs) var(--shape-spacing-sm);transition:background-color var(--utils-tokens-transition-duration)}._chip_13ohh_3:hover{background:var(--colors-semantic-interactive-pressed);cursor:pointer}._chip_13ohh_3:focus{outline:solid var(--shape-outline-focus) var(--colors-semantic-border-focus);outline-offset:var(--shape-spacing-3xs)}
1
+ ._chip_1b6k8_3{align-items:center;background:var(--colors-semantic-primary-primary-subtle);border:var(--shape-border-width-default) solid var(--colors-semantic-primary-primary-subtle-border);border-radius:var(--shape-border-radius-radius-xl);color:var(--colors-semantic-primary-on-primary-subtle);display:inline-flex;font-size:var(--typography-font-sizes-label-sm);gap:var(--shape-spacing-2xs);justify-content:center;line-height:var(--typography-font-sizes-label-lg);padding:var(--shape-spacing-2xs)}._delete_1b6k8_18{position:relative;border-radius:var(--shape-border-radius-radius-lg);padding:var(--shape-spacing-2xs);transition:background-color var(--utils-tokens-transition-duration)}._delete_1b6k8_18:after{content:"";position:absolute;inset:var(--utils-tokens-negative-unit)}._delete_1b6k8_18:hover{background:var(--colors-semantic-interactive-pressed)}._divider_1b6k8_30{background-color:currentcolor;flex:none;height:var(--typography-font-sizes-label-sm);margin:auto var(--shape-spacing-2xs);width:var(--shape-border-width-default)}._label_1b6k8_38,._link_1b6k8_39{border-radius:var(--shape-border-radius-radius-lg);color:inherit;min-width:0;padding:var(--shape-spacing-2xs) var(--shape-spacing-xs);transition:background-color var(--utils-tokens-transition-duration)}._label_1b6k8_38:hover,._link_1b6k8_39:hover{background:var(--colors-semantic-interactive-pressed)}._link_1b6k8_39:focus-visible,._delete_1b6k8_18:focus-visible{outline:solid var(--shape-outline-focus) var(--colors-semantic-border-focus);outline-offset:var(--shape-spacing-3xs)}
@@ -1 +1 @@
1
- @keyframes _reveal_1p251_1{0%{opacity:0;transform:translateY(100%) translate(-50%)}to{opacity:1;transform:translateY(0) translate(-50%)}}._controls_1p251_13{align-items:center;display:flex;flex-wrap:wrap;gap:var(--shape-spacing-md)}._default_1p251_20{margin-top:var(--shape-spacing-md);justify-content:flex-end;width:100%}@media (width <= 768px){._default_1p251_20{flex-direction:column}._default_1p251_20 [data-component=button]{width:100%}}._inline_1p251_35{justify-content:flex-end;margin-left:auto}._fixed_1p251_40{animation:_reveal_1p251_1 var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function) var(--utils-tokens-transition-delay) both;background-color:var(--colors-semantic-bg-surface);border-left:var(--shape-border-width-lg, 4px) solid var(--colors-semantic-border-focus);border-radius:var(--shape-border-radius-radius-lg);bottom:var(--shape-spacing-2xl);box-shadow:var(--shape-box-shadow-md-position-x) var(--shape-box-shadow-md-position-y) var(--shape-box-shadow-md-blur) var(--shape-box-shadow-md-spread) var(--colors-box-shadow-heavy, #0000002f);gap:0;justify-content:center;margin-left:240px;margin-right:-240px;left:50%;padding:var(--shape-spacing-2xs) var(--shape-spacing-xs);position:fixed;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;will-change:opacity,transform;z-index:4}._fixed_1p251_40 [data-component=button]{background-color:transparent;border:none;box-shadow:none;color:var(--colors-semantic-content-secondary)}._fixed_1p251_40 [data-component=button]:hover{background-color:var(--colors-semantic-interactive-hover-subtle)}._fixed_1p251_40>span{align-items:center;border-right:1px solid var(--colors-semantic-border-default);display:inline-flex;padding:var(--shape-spacing-2xs) var(--shape-spacing-md);padding-left:0}._fixed_1p251_40>span [data-component=link]{margin-right:var(--shape-spacing-xs)}
1
+ @keyframes _reveal_j1dk0_1{0%{opacity:0;transform:translateY(100%) translate(-50%)}to{opacity:1;transform:translateY(0) translate(-50%)}}._controls_j1dk0_13{align-items:center;display:flex;flex-wrap:wrap;gap:var(--shape-spacing-md)}._default_j1dk0_20{margin-top:var(--shape-spacing-md);justify-content:flex-end;width:100%}@media (width <= 768px){._default_j1dk0_20{flex-direction:column}._default_j1dk0_20 [data-component=button]{width:100%}}._inline_j1dk0_35{justify-content:flex-end;margin-left:auto}._fixed_j1dk0_40{animation:_reveal_j1dk0_1 var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function) var(--utils-tokens-transition-delay) both;background-color:var(--colors-semantic-bg-surface);border-left:var(--shape-border-width-lg, 4px) solid var(--colors-semantic-border-focus);border-radius:var(--shape-border-radius-radius-lg);bottom:var(--shape-spacing-2xl);box-shadow:var(--shape-box-shadow-md-position-x) var(--shape-box-shadow-md-position-y) var(--shape-box-shadow-md-blur) var(--shape-box-shadow-md-spread) var(--colors-box-shadow-heavy, #0000002f);gap:0;justify-content:center;left:50%;padding:var(--shape-spacing-2xs) var(--shape-spacing-xs);position:fixed;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;will-change:opacity,transform;z-index:4}._fixed_j1dk0_40 [data-component=button]{background-color:transparent;border:none;box-shadow:none;color:var(--colors-semantic-content-secondary)}._fixed_j1dk0_40 [data-component=button]:hover{background-color:var(--colors-semantic-interactive-hover-subtle)}._fixed_j1dk0_40>span{align-items:center;border-right:1px solid var(--colors-semantic-border-default);display:inline-flex;padding:var(--shape-spacing-2xs) var(--shape-spacing-md);padding-left:0}._fixed_j1dk0_40>span [data-component=link]{margin-right:var(--shape-spacing-xs)}
@@ -1 +1 @@
1
- ._combobox_18jwy_3{align-items:center;display:flex;flex-wrap:wrap;gap:var(--shape-spacing-2xs);min-height:calc(var(--scale-32) + var(--scale-8));padding:var(--shape-spacing-2xs) 0}._combobox-input_18jwy_12{background-color:transparent;border:0;box-shadow:none;color:var(--colors-semantic-content-primary);flex:1 1 calc(10 * var(--utils-tokens-unit));font:inherit;min-width:calc(10 * var(--utils-tokens-unit));padding:var(--utils-tokens-unit)}._combobox-input_18jwy_12::-moz-placeholder{color:var(--colors-semantic-content-tertiary)}._combobox-input_18jwy_12::placeholder{color:var(--colors-semantic-content-tertiary)}._dropdown_18jwy_27{position:relative}._dropdown_18jwy_27 ._empty_18jwy_30,._dropdown_18jwy_27 ._group_18jwy_31,._dropdown_18jwy_27 ._placeholder_18jwy_32{color:var(--colors-semantic-content-secondary)}._dropdown_18jwy_27 ._empty_18jwy_30{padding:var(--scale-4) var(--scale-8)}._dropdown_18jwy_27 ._filter_18jwy_40{font-size:var(--typography-font-sizes-label-sm);margin:var(--scale-8);margin-bottom:var(--utils-tokens-unit);margin-top:var(--scale-4);width:calc(100% - var(--utils-tokens-unit))}._dropdown_18jwy_27 ._group_18jwy_31{flex-shrink:0}._dropdown_18jwy_27 ._native_18jwy_52{height:var(--scale-1);left:0;opacity:0;pointer-events:none;position:absolute;top:0;width:var(--scale-1)}._dropdown_18jwy_27 ._option_18jwy_62{align-items:center;background-color:transparent;border:0;border-radius:var(--shape-border-radius-radius-md);color:inherit;display:flex;font-weight:var(--font-font-weight-regular);gap:var(--scale-8);justify-content:space-between;overflow:hidden;padding:var(--scale-4);text-align:left;white-space:nowrap;width:100%}._dropdown_18jwy_27 ._option_18jwy_62:disabled{color:var(--colors-neutral-300);cursor:not-allowed}._dropdown_18jwy_27 ._options_18jwy_84{margin:0;max-height:calc(var(--scale-32) * 8);overflow-y:auto;padding-right:var(--scale-4);scrollbar-color:var(--colors-semantic-border-default) transparent;scrollbar-width:thin}._dropdown_18jwy_27 ._options_18jwy_84::-webkit-scrollbar{width:var(--scale-8)}._dropdown_18jwy_27 ._options_18jwy_84::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--colors-semantic-bg-surface);border:var(--scale-2) solid transparent;border-radius:var(--shape-border-radius-radius-md)}._dropdown_18jwy_27 ._options_18jwy_84::-webkit-scrollbar-track{background:transparent}._dropdown_18jwy_27 ._panel_18jwy_108{background-color:var(--colors-semantic-bg-surface);border:var(--scale-1) solid var(--colors-semantic-border-default);border-radius:var(--shape-border-radius-radius-md);box-shadow:var(--shape-box-shadow-sm-position-x) var(--shape-box-shadow-sm-position-y) var(--shape-box-shadow-sm-blur) var(--shape-box-shadow-sm-spread) var(--shape-box-shadow-sm-color);display:grid;left:0;max-height:80vh;min-width:100%;overflow:hidden;padding:var(--scale-8) var(--scale-4);position:absolute;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:min(95vw,var(--shape-width-max));z-index:var(--utils-tokens-z-max)}._dropdown_18jwy_27 ._placeholder_18jwy_32{color:var(--colors-semantic-content-primary);font-weight:var(--font-font-weight-regular)}._dropdown_18jwy_27 ._selected_18jwy_132{font-weight:var(--font-font-weight-semibold)}._dropdown_18jwy_27 ._text_18jwy_136{flex:1 1 auto;font-size:var(--typography-font-sizes-label-sm);line-height:var(--typography-font-sizes-label-lg);min-width:0;overflow:hidden;white-space:pre-wrap}._dropdown_18jwy_27 ._trigger_18jwy_145{border:var(--scale-1) solid var(--colors-semantic-border-default);border-radius:var(--shape-border-radius-radius-md);box-shadow:var(--shape-box-shadow-xs-position-x) var(--shape-box-shadow-xs-position-y) var(--shape-box-shadow-xs-blur) var(--shape-box-shadow-xs-spread) var(--shape-box-shadow-xs-color);color:var(--colors-semantic-content-primary);font-size:var(--typography-font-sizes-body-md);padding:var(--utils-tokens-unit);transition:border var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function);align-items:center;background-color:var(--colors-semantic-bg-surface);display:flex;font-weight:var(--font-font-weight-regular);min-height:calc(var(--scale-32) + var(--scale-8));overflow:hidden;padding-right:var(--scale-32);padding-top:calc(var(--utils-tokens-unit) - var(--scale-1));position:relative;text-align:left;width:100%}._dropdown_18jwy_27 ._trigger_18jwy_145::-moz-placeholder{color:var(--colors-semantic-content-tertiary)}._dropdown_18jwy_27 ._trigger_18jwy_145::placeholder{color:var(--colors-semantic-content-tertiary)}._dropdown_18jwy_27 ._trigger_18jwy_145:disabled{background-color:var(--colors-semantic-interactive-disabled);color:var(--colors-semantic-content-primary);pointer-events:none}._dropdown_18jwy_27 ._trigger_18jwy_145:after{background-image:var(--icon-svg);background-position:center;background-repeat:no-repeat;background-size:contain;content:"";height:var(--utils-tokens-icon-medium);position:absolute;right:var(--scale-8);top:50%;transform:translateY(-50%);transition:transform var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function);width:var(--utils-tokens-icon-medium)}._dropdown_18jwy_27 ._trigger_18jwy_145[data-open=true]:after{transform:translateY(-50%) rotate(180deg)}._dropdown_18jwy_27._minimal_18jwy_181{--dropdown-muted: rgb(255 255 255 / 65%);--dropdown-background: rgb(0 0 0 / 85%);--dropdown-placeholder: rgb(255 255 255 / 65%)}._dropdown_18jwy_27._minimal_18jwy_181 ._empty_18jwy_30,._dropdown_18jwy_27._minimal_18jwy_181 ._group_18jwy_31{color:var(--dropdown-muted)}._dropdown_18jwy_27._minimal_18jwy_181 ._filter_18jwy_40{border:0;box-shadow:none;padding:var(--scale-4);padding-left:calc(var(--scale-32) - var(--scale-4))}._dropdown_18jwy_27._minimal_18jwy_181 ._option_18jwy_62{color:var(--colors-semantic-bg-surface)}._dropdown_18jwy_27._minimal_18jwy_181 ._option_18jwy_62:disabled{color:#ffffff73}._dropdown_18jwy_27._minimal_18jwy_181 ._panel_18jwy_108{background-color:var(--dropdown-background);border:none;color:var(--colors-semantic-bg-surface);margin-top:calc(var(--scale-12) * -1)}._dropdown_18jwy_27._minimal_18jwy_181 ._panel_18jwy_108 input{background-color:transparent;border-color:var(--colors-neutral-300);color:var(--colors-semantic-bg-surface)}._dropdown_18jwy_27._minimal_18jwy_181 ._panel_18jwy_108 input::-moz-placeholder{color:var(--dropdown-muted)}._dropdown_18jwy_27._minimal_18jwy_181 ._panel_18jwy_108 input::placeholder{color:var(--dropdown-muted)}._dropdown_18jwy_27._minimal_18jwy_181 ._placeholder_18jwy_32{color:var(--dropdown-placeholder)}._dropdown_18jwy_27._minimal_18jwy_181 ._trigger_18jwy_145{background-color:var(--dropdown-background);border:none;color:var(--colors-semantic-bg-surface);margin-bottom:var(--utils-tokens-unit);padding:0 var(--shape-spacing-xs)}._dropdown_18jwy_27._inline_18jwy_236{flex:1 1 auto;min-width:0}._dropdown_18jwy_27._inline_18jwy_236 ._combobox_18jwy_3{border:0;border-radius:0;box-shadow:none;outline:0;min-height:calc(var(--scale-32) + var(--scale-8));padding:0}._dropdown_18jwy_27._inline_18jwy_236 ._combobox-input_18jwy_12{border:0;border-radius:0;box-shadow:none;outline:0;padding:var(--shape-spacing-xs) 0}._dropdown_18jwy_27._inline_18jwy_236 ._text_18jwy_136{font-size:var(--typography-font-sizes-body-md)}._dropdown_18jwy_27._inline_18jwy_236 ._trigger_18jwy_145{border:0;border-radius:0;box-shadow:none;outline:0;min-height:calc(var(--scale-32) + var(--scale-8));padding-bottom:var(--shape-spacing-xs);padding-left:0;padding-top:var(--shape-spacing-xs)}._label_18jwy_268{display:grid;gap:var(--scale-8);width:100%}._inline-field_18jwy_274{align-items:center;border-bottom:var(--scale-1) solid var(--colors-semantic-border-default);display:flex;gap:var(--shape-spacing-sm);min-height:calc(var(--scale-32) + var(--scale-8));transition:border-color var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function);width:100%}._inline-field_18jwy_274:focus-within{border-bottom-color:var(--colors-semantic-primary-primary)}._inline-field_18jwy_274>span{color:var(--colors-semantic-content-tertiary);flex:none;margin-bottom:0!important}
1
+ ._combobox_1bqyf_3{align-items:center;display:flex;flex-wrap:wrap;gap:var(--shape-spacing-2xs);min-height:calc(var(--scale-32) + var(--scale-8));padding:var(--shape-spacing-2xs) 0}._combobox-input_1bqyf_12{background-color:transparent;border:0;box-shadow:none;color:var(--colors-semantic-content-primary);flex:1 1 calc(10 * var(--utils-tokens-unit));font:inherit;min-width:calc(10 * var(--utils-tokens-unit));padding:var(--utils-tokens-unit)}._combobox-input_1bqyf_12::-moz-placeholder{color:var(--colors-semantic-content-tertiary)}._combobox-input_1bqyf_12::placeholder{color:var(--colors-semantic-content-tertiary)}._dropdown_1bqyf_27{position:relative}._dropdown_1bqyf_27 ._empty_1bqyf_30,._dropdown_1bqyf_27 ._group_1bqyf_31,._dropdown_1bqyf_27 ._placeholder_1bqyf_32{color:var(--colors-semantic-content-secondary)}._dropdown_1bqyf_27 ._empty_1bqyf_30{padding:var(--scale-4) var(--scale-8)}._dropdown_1bqyf_27 ._filter_1bqyf_40{font-size:var(--typography-font-sizes-label-sm);margin:var(--scale-8);margin-bottom:var(--utils-tokens-unit);margin-top:var(--scale-4);width:calc(100% - var(--utils-tokens-unit))}._dropdown_1bqyf_27 ._group_1bqyf_31{flex-shrink:0}._dropdown_1bqyf_27 ._native_1bqyf_52{height:var(--scale-1);left:0;opacity:0;pointer-events:none;position:absolute;top:0;width:var(--scale-1)}._dropdown_1bqyf_27 ._option_1bqyf_62{align-items:center;background-color:transparent;border:0;border-radius:var(--shape-border-radius-radius-md);color:inherit;display:flex;font-weight:var(--font-font-weight-regular);gap:var(--scale-8);justify-content:space-between;overflow:hidden;padding:var(--scale-4);text-align:left;white-space:nowrap;width:100%}._dropdown_1bqyf_27 ._option_1bqyf_62:disabled{color:var(--colors-neutral-300);cursor:not-allowed}._dropdown_1bqyf_27 ._options_1bqyf_84{margin:0;max-height:calc(var(--scale-32) * 8);overflow-y:auto;padding-right:var(--scale-4);scrollbar-color:var(--colors-semantic-border-default) transparent;scrollbar-width:thin}._dropdown_1bqyf_27 ._options_1bqyf_84::-webkit-scrollbar{width:var(--scale-8)}._dropdown_1bqyf_27 ._options_1bqyf_84::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--colors-semantic-bg-surface);border:var(--scale-2) solid transparent;border-radius:var(--shape-border-radius-radius-md)}._dropdown_1bqyf_27 ._options_1bqyf_84::-webkit-scrollbar-track{background:transparent}._dropdown_1bqyf_27 ._panel_1bqyf_108{background-color:var(--colors-semantic-bg-surface);border:var(--scale-1) solid var(--colors-semantic-border-default);border-radius:var(--shape-border-radius-radius-md);box-shadow:var(--shape-box-shadow-sm-position-x) var(--shape-box-shadow-sm-position-y) var(--shape-box-shadow-sm-blur) var(--shape-box-shadow-sm-spread) var(--shape-box-shadow-sm-color);display:grid;left:0;max-height:80vh;min-width:100%;overflow:hidden;padding:var(--scale-8) var(--scale-4);position:absolute;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:min(95vw,var(--shape-width-max));z-index:var(--utils-tokens-z-max)}._dropdown_1bqyf_27 ._placeholder_1bqyf_32{color:var(--colors-semantic-content-primary);font-weight:var(--font-font-weight-regular)}._dropdown_1bqyf_27 ._selected_1bqyf_132{font-weight:var(--font-font-weight-semibold)}._dropdown_1bqyf_27 ._text_1bqyf_136{flex:1 1 auto;font-size:var(--typography-font-sizes-label-sm);line-height:var(--typography-font-sizes-label-lg);min-width:0;white-space:pre-wrap}._dropdown_1bqyf_27 ._trigger_1bqyf_144{border:var(--scale-1) solid var(--colors-semantic-border-default);border-radius:var(--shape-border-radius-radius-md);box-shadow:var(--shape-box-shadow-xs-position-x) var(--shape-box-shadow-xs-position-y) var(--shape-box-shadow-xs-blur) var(--shape-box-shadow-xs-spread) var(--shape-box-shadow-xs-color);color:var(--colors-semantic-content-primary);font-size:var(--typography-font-sizes-body-md);padding:var(--utils-tokens-unit);transition:border var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function);align-items:center;background-color:var(--colors-semantic-bg-surface);display:flex;font-weight:var(--font-font-weight-regular);min-height:calc(var(--scale-32) + var(--scale-8));overflow:hidden;padding-right:var(--scale-32);padding-top:calc(var(--utils-tokens-unit) - var(--scale-1));position:relative;text-align:left;width:100%}._dropdown_1bqyf_27 ._trigger_1bqyf_144::-moz-placeholder{color:var(--colors-semantic-content-tertiary)}._dropdown_1bqyf_27 ._trigger_1bqyf_144::placeholder{color:var(--colors-semantic-content-tertiary)}._dropdown_1bqyf_27 ._trigger_1bqyf_144:disabled{background-color:var(--colors-semantic-interactive-disabled);color:var(--colors-semantic-content-primary);pointer-events:none}._dropdown_1bqyf_27 ._trigger_1bqyf_144:after{background-image:var(--icon-svg);background-position:center;background-repeat:no-repeat;background-size:contain;content:"";height:var(--utils-tokens-icon-medium);position:absolute;right:var(--scale-8);top:50%;transform:translateY(-50%);transition:transform var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function);width:var(--utils-tokens-icon-medium)}._dropdown_1bqyf_27 ._trigger_1bqyf_144[data-open=true]:after{transform:translateY(-50%) rotate(180deg)}._dropdown_1bqyf_27._minimal_1bqyf_180{--dropdown-muted: rgb(255 255 255 / 65%);--dropdown-background: rgb(0 0 0 / 85%);--dropdown-placeholder: rgb(255 255 255 / 65%)}._dropdown_1bqyf_27._minimal_1bqyf_180 ._empty_1bqyf_30,._dropdown_1bqyf_27._minimal_1bqyf_180 ._group_1bqyf_31{color:var(--dropdown-muted)}._dropdown_1bqyf_27._minimal_1bqyf_180 ._filter_1bqyf_40{border:0;box-shadow:none;padding:var(--scale-4);padding-left:calc(var(--scale-32) - var(--scale-4))}._dropdown_1bqyf_27._minimal_1bqyf_180 ._option_1bqyf_62{color:var(--colors-semantic-bg-surface)}._dropdown_1bqyf_27._minimal_1bqyf_180 ._option_1bqyf_62:disabled{color:#ffffff73}._dropdown_1bqyf_27._minimal_1bqyf_180 ._panel_1bqyf_108{background-color:var(--dropdown-background);border:none;color:var(--colors-semantic-bg-surface);margin-top:calc(var(--scale-12) * -1)}._dropdown_1bqyf_27._minimal_1bqyf_180 ._panel_1bqyf_108 input{background-color:transparent;border-color:var(--colors-neutral-300);color:var(--colors-semantic-bg-surface)}._dropdown_1bqyf_27._minimal_1bqyf_180 ._panel_1bqyf_108 input::-moz-placeholder{color:var(--dropdown-muted)}._dropdown_1bqyf_27._minimal_1bqyf_180 ._panel_1bqyf_108 input::placeholder{color:var(--dropdown-muted)}._dropdown_1bqyf_27._minimal_1bqyf_180 ._placeholder_1bqyf_32{color:var(--dropdown-placeholder)}._dropdown_1bqyf_27._minimal_1bqyf_180 ._trigger_1bqyf_144{background-color:var(--dropdown-background);border:none;color:var(--colors-semantic-bg-surface);margin-bottom:var(--utils-tokens-unit);padding:0 var(--shape-spacing-xs)}._dropdown_1bqyf_27._inline_1bqyf_235{flex:1 1 auto;min-width:0}._dropdown_1bqyf_27._inline_1bqyf_235 ._combobox_1bqyf_3{border:0;border-radius:0;box-shadow:none;outline:0;min-height:calc(var(--scale-32) + var(--scale-8));padding:0}._dropdown_1bqyf_27._inline_1bqyf_235 ._combobox-input_1bqyf_12{border:0;border-radius:0;box-shadow:none;outline:0;padding:var(--shape-spacing-xs) 0}._dropdown_1bqyf_27._inline_1bqyf_235 ._text_1bqyf_136{font-size:var(--typography-font-sizes-body-md)}._dropdown_1bqyf_27._inline_1bqyf_235 ._trigger_1bqyf_144{border:0;border-radius:0;box-shadow:none;outline:0;min-height:calc(var(--scale-32) + var(--scale-8));padding-bottom:var(--shape-spacing-xs);padding-left:0;padding-top:var(--shape-spacing-xs)}._label_1bqyf_267{display:grid;gap:var(--scale-8);width:100%}._inline-field_1bqyf_273{align-items:center;border-bottom:var(--scale-1) solid var(--colors-semantic-border-default);display:flex;gap:var(--shape-spacing-sm);min-height:calc(var(--scale-32) + var(--scale-8));transition:border-color var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function);width:100%}._inline-field_1bqyf_273:focus-within{border-bottom-color:var(--colors-semantic-primary-primary)}._inline-field_1bqyf_273>span{color:var(--colors-semantic-content-tertiary);flex:none;margin-bottom:0!important}
@@ -1 +1 @@
1
- ._toasts_19qwq_1{align-items:right;display:flex;flex-direction:column;justify-content:space-around;pointer-events:none;position:fixed;top:0;right:0;z-index:3}._toasts_19qwq_1>*{pointer-events:auto}
1
+ ._toasts_7pnpz_1{align-items:flex-end;display:flex;flex-direction:column;justify-content:space-around;pointer-events:none;position:fixed;top:0;right:0;z-index:3}._toasts_7pnpz_1>*{pointer-events:auto}@media (width < 1024px){._toasts_7pnpz_1{top:var(--shape-spacing-3xl)}}
@@ -1 +1 @@
1
- ._field_12mt8_3{min-width:0;width:100%}._editor_12mt8_8{background-color:var(--colors-semantic-bg-surface);border:var(--scale-1) solid var(--colors-semantic-border-default);border-radius:var(--shape-border-radius-radius-md);box-shadow:var(--shape-box-shadow-xs-position-x) var(--shape-box-shadow-xs-position-y) var(--shape-box-shadow-xs-blur) var(--shape-box-shadow-xs-spread) var(--shape-box-shadow-xs-color)}._editor_12mt8_8 [role=textbox]{box-sizing:border-box;border-radius:0 0 var(--shape-border-radius-radius-md) var(--shape-border-radius-radius-md);line-height:1.25;max-height:var(--editor-max-height);min-height:var(--editor-min-height);overflow-y:auto;padding:var(--scale-8) var(--utils-tokens-unit)}._editor_12mt8_8 img{max-width:100%}._invalid_12mt8_31{border-color:var(--colors-semantic-status-error-border);outline:solid var(--scale-1) var(--colors-semantic-status-error-border)}._error_12mt8_35{color:var(--colors-semantic-status-error-content);font-size:var(--typography-font-sizes-body-sm);margin-top:var(--scale-4)}._content_12mt8_41{position:relative}._files_12mt8_45{border-top:var(--scale-1) solid var(--colors-semantic-border-default);display:flex;flex-wrap:wrap;gap:var(--scale-8);padding:var(--scale-8) var(--utils-tokens-unit)}._has-files_12mt8_53 [role=textbox]{border-radius:0}._placeholder_12mt8_57{color:var(--colors-semantic-content-secondary);left:var(--utils-tokens-unit);pointer-events:none;position:absolute;top:var(--scale-8)}._fill_12mt8_65{display:grid;grid-template-rows:minmax(0,1fr) auto;height:100%;min-height:0}._fill-editor_12mt8_72{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100%;min-height:0}._fill-editor_12mt8_72 ._content_12mt8_41{min-height:0}._fill-editor_12mt8_72 [role=textbox]{height:100%;max-height:none}._meta_12mt8_88{align-items:center;display:grid;flex-basis:100%;grid-template-columns:1fr auto auto;opacity:0;transition:all var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function)}._meta_12mt8_88._active_12mt8_97{border-top:var(--scale-1) solid var(--colors-semantic-border-default);height:auto;opacity:1}._meta_12mt8_88 input{border-radius:0;width:100%}._submit_12mt8_109{margin-left:auto}._bold_12mt8_113{font-weight:700}._italic_12mt8_117{font-style:italic}._link_12mt8_121{color:var(--colors-semantic-primary-primary);cursor:pointer;text-decoration:underline}._list_12mt8_127,._paragraph_12mt8_128{margin:var(--scale-8) 0}._list_12mt8_127{list-style-type:disc!important}._list_12mt8_127 li{list-style:inherit;margin-left:var(--scale-16);margin-bottom:var(--scale-8)}
1
+ ._field_qqi01_3{min-width:0;width:100%}._editor_qqi01_8{background-color:var(--colors-semantic-bg-surface);border:var(--scale-1) solid var(--colors-semantic-border-default);border-radius:var(--shape-border-radius-radius-md);box-shadow:var(--shape-box-shadow-xs-position-x) var(--shape-box-shadow-xs-position-y) var(--shape-box-shadow-xs-blur) var(--shape-box-shadow-xs-spread) var(--shape-box-shadow-xs-color)}._editor_qqi01_8 [role=textbox]{box-sizing:border-box;border-radius:0 0 var(--shape-border-radius-radius-md) var(--shape-border-radius-radius-md);line-height:1.25;max-height:var(--editor-max-height);min-height:var(--editor-min-height);overflow-y:auto;padding:var(--scale-8) var(--utils-tokens-unit)}._editor_qqi01_8 img{max-width:100%}._invalid_qqi01_31{border-color:var(--colors-semantic-status-error-border);outline:solid var(--scale-1) var(--colors-semantic-status-error-border)}._error_qqi01_35{color:var(--colors-semantic-status-error-content);font-size:var(--typography-font-sizes-body-sm);margin-top:var(--scale-4)}._content_qqi01_41{position:relative}._files_qqi01_45{border-top:var(--scale-1) solid var(--colors-semantic-border-default);display:flex;flex-wrap:wrap;gap:var(--scale-8);padding:var(--scale-8) var(--utils-tokens-unit)}._has-files_qqi01_53 [role=textbox]{border-radius:0}._placeholder_qqi01_57{color:var(--colors-semantic-content-secondary);left:var(--utils-tokens-unit);pointer-events:none;position:absolute;top:var(--scale-8)}._fill_qqi01_65{display:grid;grid-template-rows:minmax(0,1fr) auto;height:100%;min-height:0}._fill-editor_qqi01_72{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100%;min-height:0}._fill-editor_qqi01_72 ._content_qqi01_41{min-height:0}._fill-editor_qqi01_72 [role=textbox]{height:100%;max-height:none}._meta_qqi01_88{align-items:center;display:grid;flex-basis:100%;grid-template-columns:1fr auto auto;opacity:0;transition:all var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function)}._meta_qqi01_88._active_qqi01_97{border-top:var(--scale-1) solid var(--colors-semantic-border-default);height:auto;opacity:1}._meta_qqi01_88 input{border-radius:0;width:100%}._submit_qqi01_109{margin-left:auto}._bold_qqi01_113{font-weight:700}._italic_qqi01_117{font-style:italic}._link_qqi01_121{color:var(--colors-semantic-primary-primary);cursor:pointer;text-decoration:underline}._list_qqi01_127,._paragraph_qqi01_128{margin:var(--scale-8) 0}._list_qqi01_127{list-style-type:disc!important}._list_qqi01_127 li{list-style:inherit;margin-left:var(--scale-16);margin-bottom:var(--scale-8)}@media (width <= 370px){._editor_qqi01_8 button{padding-inline:var(--scale-12)}}
@@ -1 +1 @@
1
- ._input_antyf_3{border:var(--scale-1) solid var(--colors-semantic-border-default);border-radius:var(--shape-border-radius-radius-md);box-shadow:var(--shape-box-shadow-xs-position-x) var(--shape-box-shadow-xs-position-y) var(--shape-box-shadow-xs-blur) var(--shape-box-shadow-xs-spread) var(--shape-box-shadow-xs-color);color:var(--colors-semantic-content-primary);font-size:var(--typography-font-sizes-body-md);padding:var(--utils-tokens-unit);transition:border var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function);padding-top:calc(var(--utils-tokens-unit) - var(--scale-1));width:100%}._input_antyf_3::-moz-placeholder{color:var(--colors-semantic-content-tertiary)}._input_antyf_3::placeholder{color:var(--colors-semantic-content-tertiary)}._input_antyf_3:disabled{background-color:var(--colors-semantic-interactive-disabled);color:var(--colors-semantic-content-primary);pointer-events:none}._input_antyf_3[data-icon=true]{background-image:var(--icon-svg);background-position:var(--scale-8) center;background-repeat:no-repeat;background-size:var(--utils-tokens-unit);padding-left:var(--scale-32)}._input_antyf_3[type=date],._input_antyf_3[type=datetime-local]{max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content}._input_antyf_3[type=datetime-local]{border:var(--scale-1) solid var(--colors-semantic-border-default);border-radius:var(--shape-border-radius-radius-md);padding:var(--utils-tokens-unit)}._input_antyf_3[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--colors-semantic-bg-surface);border:var(--scale-1) solid var(--colors-semantic-border-default);box-shadow:none;padding:0;height:calc(var(--utils-tokens-unit) * 1.25);width:calc(var(--utils-tokens-unit) * 1.25)}._input_antyf_3[type=radio]:checked{border-color:var(--colors-purple-500);border-width:var(--scale-4)}._input_antyf_3._touched_antyf_43:invalid{border-color:var(--colors-semantic-status-error-border);outline:solid var(--scale-1) var(--colors-semantic-status-error-border)}._label_antyf_48{position:relative}._label_antyf_48 span{display:block;margin-bottom:var(--shape-spacing-2xs)}._inline_antyf_57{align-items:center;border-bottom:var(--scale-1) solid var(--colors-semantic-border-default);display:flex;gap:var(--shape-spacing-sm);min-height:calc(var(--scale-32) + var(--scale-8));transition:border-color var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function);width:100%}._inline_antyf_57:focus-within{border-bottom-color:var(--colors-semantic-primary-primary)}._inline_antyf_57>span{color:var(--colors-semantic-content-tertiary);flex:none;margin-bottom:0!important}._inline_antyf_57 ._input_antyf_3{border:0;border-radius:0;box-shadow:none;outline:0;flex:1 1 auto;min-width:0;padding:var(--shape-spacing-xs) 0}._label_antyf_48:has(input[type=radio]){align-items:center;display:flex;flex-direction:row-reverse;gap:var(--utils-tokens-unit);justify-content:start}._label_antyf_48:has(input[type=radio]) span{margin-bottom:0}._code_antyf_81{margin-right:var(--scale-8)!important;width:calc(5 * var(--utils-tokens-unit))!important}._code_antyf_81+input[type=tel]{width:calc(100% - (5 * var(--utils-tokens-unit) + var(--scale-8)))}
1
+ ._input_151j9_3{border:var(--scale-1) solid var(--colors-semantic-border-default);border-radius:var(--shape-border-radius-radius-md);box-shadow:var(--shape-box-shadow-xs-position-x) var(--shape-box-shadow-xs-position-y) var(--shape-box-shadow-xs-blur) var(--shape-box-shadow-xs-spread) var(--shape-box-shadow-xs-color);color:var(--colors-semantic-content-primary);font-size:var(--typography-font-sizes-body-md);padding:var(--utils-tokens-unit);transition:border var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function);padding-top:calc(var(--utils-tokens-unit) - var(--scale-1));width:100%}._input_151j9_3::-moz-placeholder{color:var(--colors-semantic-content-tertiary)}._input_151j9_3::placeholder{color:var(--colors-semantic-content-tertiary)}._input_151j9_3:disabled{background-color:var(--colors-semantic-interactive-disabled);color:var(--colors-semantic-content-primary);pointer-events:none}._input_151j9_3[data-icon=true]{background-image:var(--icon-svg);background-position:var(--scale-8) center;background-repeat:no-repeat;background-size:var(--utils-tokens-unit);padding-left:var(--scale-32)}._input_151j9_3[type=date],._input_151j9_3[type=datetime-local]{max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content}._input_151j9_3[type=datetime-local]{border:var(--scale-1) solid var(--colors-semantic-border-default);border-radius:var(--shape-border-radius-radius-md);padding:var(--utils-tokens-unit)}._input_151j9_3[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--colors-semantic-bg-surface);border:var(--scale-1) solid var(--colors-semantic-border-default);box-shadow:none;padding:0;height:calc(var(--utils-tokens-unit) * 1.25);width:calc(var(--utils-tokens-unit) * 1.25)}._input_151j9_3[type=radio]:checked{border-color:var(--colors-purple-500);border-width:var(--scale-4)}._input_151j9_3._touched_151j9_43:invalid{border-color:var(--colors-semantic-status-error-border);outline:solid var(--scale-1) var(--colors-semantic-status-error-border)}._label_151j9_48{position:relative}._label_151j9_48 span{display:block;margin-bottom:var(--shape-spacing-2xs)}._inline_151j9_57{align-items:center;border-bottom:var(--scale-1) solid var(--colors-semantic-border-default);display:flex;gap:var(--shape-spacing-sm);min-height:calc(var(--scale-32) + var(--scale-8));transition:border-color var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function);width:100%}._inline_151j9_57:focus-within{border-bottom-color:var(--colors-semantic-primary-primary)}._inline_151j9_57>span{color:var(--colors-semantic-content-tertiary);flex:none;margin-bottom:0!important}._inline_151j9_57 ._input_151j9_3{border:0;border-radius:0;box-shadow:none;outline:0;flex:1 1 auto;min-width:0;padding:var(--shape-spacing-xs) 0}._inline_151j9_57 ._input_151j9_3:disabled{background-color:transparent;color:var(--colors-semantic-content-tertiary)}._label_151j9_48:has(input[type=radio]){align-items:center;display:flex;flex-direction:row-reverse;gap:var(--utils-tokens-unit);justify-content:start}._label_151j9_48:has(input[type=radio]) span{margin-bottom:0}._code_151j9_86{margin-right:var(--scale-8)!important;width:calc(5 * var(--utils-tokens-unit))!important}._code_151j9_86+input[type=tel]{width:calc(100% - (5 * var(--utils-tokens-unit) + var(--scale-8)))}
@@ -1 +1 @@
1
- ._search_14b9n_3{display:flex;flex-direction:column;gap:var(--shape-spacing-xs);margin-bottom:var(--shape-spacing-lg);width:100%}._search_14b9n_3 [data-component=input]{max-width:var(--shape-width-max)}._controls_14b9n_15{align-items:stretch;display:flex;gap:var(--shape-spacing-xs)}._controls_14b9n_15 label{flex:1}._controls_14b9n_15 button{white-space:nowrap}._chips_14b9n_29{align-items:center;display:flex;flex-wrap:wrap;gap:var(--shape-spacing-xs)}._filter-groups_14b9n_36{display:flex;flex-direction:column;gap:var(--shape-spacing-lg);min-width:min(24rem,75vw)}._filter-group_14b9n_36{border:0;display:flex;flex-direction:column;gap:var(--shape-spacing-sm);margin:0;padding:0}._filter-group_14b9n_36 legend{font-size:var(--typography-font-sizes-label-lg);font-weight:var(--font-font-weight-semibold);margin-bottom:var(--shape-spacing-sm);padding:0}@media (width < 480px){._controls_14b9n_15{align-items:stretch;flex-direction:column}}
1
+ ._search_bp8f4_3{display:flex;flex-direction:column;gap:var(--shape-spacing-xs);margin-bottom:var(--shape-spacing-lg);width:100%}._search_bp8f4_3 [data-component=input]{max-width:var(--shape-width-max)}._controls_bp8f4_15{align-items:stretch;display:flex;gap:var(--shape-spacing-xs)}._controls_bp8f4_15 label{flex:1}._controls_bp8f4_15 button{white-space:nowrap}._chips_bp8f4_29{align-items:center;display:flex;flex-wrap:wrap;gap:var(--shape-spacing-xs)}._filter-dialog_bp8f4_36[open]{max-height:calc(100vh - var(--shape-spacing-lg) - var(--shape-spacing-lg));max-height:calc(100dvh - var(--shape-spacing-lg) - var(--shape-spacing-lg))}._filter-groups_bp8f4_41{display:grid;gap:var(--shape-spacing-lg)}._filter-groups_bp8f4_41[data-columns="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}._filter-group_bp8f4_41{display:flex;flex-direction:column;gap:var(--shape-spacing-sm)}._filter-group_bp8f4_41[data-column-span="2"]{grid-column:1 / -1}._filter-group_bp8f4_41 h3{font-size:var(--typography-font-sizes-label-lg);font-weight:var(--font-font-weight-semibold);margin:0 0 var(--shape-spacing-xs)}._filter-option_bp8f4_66>label{align-items:flex-start}._option-copy_bp8f4_72{display:flex;flex-direction:column;gap:var(--shape-spacing-2xs)}._option-copy_bp8f4_72 sub{color:var(--colors-semantic-content-secondary);font-size:var(--typography-font-sizes-body-sm);line-height:normal}._radio_bp8f4_84{position:relative;align-items:center;cursor:pointer;display:inline-flex;gap:var(--shape-spacing-xs)}._radio_bp8f4_84:after{content:"";position:absolute;inset:var(--utils-tokens-negative-unit)}._radio_bp8f4_84 input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:solid var(--scale-1) var(--colors-semantic-border-default);border-radius:50%;box-shadow:1px 1px 2px 0 var(--shape-box-shadow-xs-color) inset;height:var(--utils-tokens-unit);margin:0;width:var(--utils-tokens-unit)}._radio_bp8f4_84 input:checked{border:calc(var(--scale-1) * 5) solid var(--colors-semantic-primary-primary)}._radio_bp8f4_84 input:focus-visible{outline:solid var(--shape-outline-focus) var(--colors-semantic-border-focus);outline-offset:var(--shape-spacing-3xs)}._collapsible-options_bp8f4_111{display:flex;flex-direction:column;gap:var(--shape-spacing-sm);-webkit-padding-before:var(--shape-spacing-sm);padding-block-start:var(--shape-spacing-sm)}@media (width < 480px){._controls_bp8f4_15{align-items:stretch;flex-direction:column}._filter-groups_bp8f4_41[data-columns="2"]{grid-template-columns:1fr;min-width:min(24rem,75vw)}._filter-group_bp8f4_41[data-column-span="2"]{grid-column:auto}}
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index28.css');const e=require("react/jsx-runtime"),n=require("../../classix-5H4IWnMA.cjs"),_=require("../icon/index.cjs"),t="_badge_3aace_1",i="_highlight_3aace_17",g="_info_3aace_23",u="_primary_3aace_28",h="_success_3aace_33",m="_warning_3aace_38",a={badge:t,highlight:i,info:g,primary:u,success:h,warning:m,"color-1":"_color-1_3aace_43","color-2":"_color-2_3aace_48","color-yellow":"_color-yellow_3aace_49","color-3":"_color-3_3aace_54","color-peach":"_color-peach_3aace_55","color-4":"_color-4_3aace_60","color-magenta":"_color-magenta_3aace_61","color-5":"_color-5_3aace_66","color-purple":"_color-purple_3aace_67","color-6":"_color-6_3aace_72","color-blue":"_color-blue_3aace_73","color-7":"_color-7_3aace_78","color-green":"_color-green_3aace_79"},p={default:a.default,highlight:a.highlight,info:a.info,primary:a.primary,success:a.success,warning:a.warning},f=({color:r,children:c,icon:o,position:l="left",variant:s="default"})=>c===0||c==null?null:e.jsxs("span",{className:n.t(a.badge,p[s],r&&a[`color-${r}`]),"data-component":"badge",children:[o&&l=="left"&&e.jsx(_.Icon,{fill:!0,name:o,size:"small"}),e.jsx("span",{children:c}),o&&l=="right"&&e.jsx(_.Icon,{fill:!0,name:o,size:"small"})]});exports.Badge=f;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index28.css');const l=require("react/jsx-runtime"),a=require("../../classix-5H4IWnMA.cjs"),s=require("../icon/index.cjs"),t="_badge_v112x_1",i="_highlight_v112x_18",g="_info_v112x_24",x="_primary_v112x_29",u="_success_v112x_34",v="_warning_v112x_39",o={badge:t,highlight:i,info:g,primary:x,success:u,warning:v,"color-1":"_color-1_v112x_44","color-2":"_color-2_v112x_49","color-yellow":"_color-yellow_v112x_50","color-3":"_color-3_v112x_55","color-peach":"_color-peach_v112x_56","color-4":"_color-4_v112x_61","color-magenta":"_color-magenta_v112x_62","color-5":"_color-5_v112x_67","color-purple":"_color-purple_v112x_68","color-6":"_color-6_v112x_73","color-blue":"_color-blue_v112x_74","color-7":"_color-7_v112x_79","color-green":"_color-green_v112x_80"},h={default:o.default,highlight:o.highlight,info:o.info,primary:o.primary,success:o.success,warning:o.warning},m=({color:e,children:_,icon:r,position:c="left",variant:n="default"})=>_===0||_==null?null:l.jsxs("span",{className:a.t(o.badge,h[n],e&&o[`color-${e}`]),"data-component":"badge",children:[r&&c=="left"&&l.jsx(s.Icon,{fill:!0,name:r,size:"small"}),l.jsx("span",{children:_}),r&&c=="right"&&l.jsx(s.Icon,{fill:!0,name:r,size:"small"})]});exports.Badge=m;
2
2
  //# sourceMappingURL=index.cjs.map
@@ -1,45 +1,45 @@
1
- import { jsxs as n, jsx as e } from "react/jsx-runtime";
1
+ import { jsxs as n, jsx as _ } from "react/jsx-runtime";
2
2
  import { t } from "../../classix-DG18itHa.js";
3
- import { Icon as _ } from "../icon/index.js";
4
- import '../../assets/index28.css';const i = "_badge_3aace_1", g = "_highlight_3aace_17", m = "_info_3aace_23", u = "_primary_3aace_28", h = "_success_3aace_33", p = "_warning_3aace_38", a = {
3
+ import { Icon as a } from "../icon/index.js";
4
+ import '../../assets/index28.css';const i = "_badge_v112x_1", g = "_highlight_v112x_18", x = "_info_v112x_24", v = "_primary_v112x_29", m = "_success_v112x_34", u = "_warning_v112x_39", o = {
5
5
  badge: i,
6
6
  highlight: g,
7
- info: m,
8
- primary: u,
9
- success: h,
10
- warning: p,
11
- "color-1": "_color-1_3aace_43",
12
- "color-2": "_color-2_3aace_48",
13
- "color-yellow": "_color-yellow_3aace_49",
14
- "color-3": "_color-3_3aace_54",
15
- "color-peach": "_color-peach_3aace_55",
16
- "color-4": "_color-4_3aace_60",
17
- "color-magenta": "_color-magenta_3aace_61",
18
- "color-5": "_color-5_3aace_66",
19
- "color-purple": "_color-purple_3aace_67",
20
- "color-6": "_color-6_3aace_72",
21
- "color-blue": "_color-blue_3aace_73",
22
- "color-7": "_color-7_3aace_78",
23
- "color-green": "_color-green_3aace_79"
24
- }, f = {
25
- default: a.default,
26
- highlight: a.highlight,
27
- info: a.info,
28
- primary: a.primary,
29
- success: a.success,
30
- warning: a.warning
31
- }, w = ({
32
- color: r,
33
- children: c,
34
- icon: o,
35
- position: l = "left",
7
+ info: x,
8
+ primary: v,
9
+ success: m,
10
+ warning: u,
11
+ "color-1": "_color-1_v112x_44",
12
+ "color-2": "_color-2_v112x_49",
13
+ "color-yellow": "_color-yellow_v112x_50",
14
+ "color-3": "_color-3_v112x_55",
15
+ "color-peach": "_color-peach_v112x_56",
16
+ "color-4": "_color-4_v112x_61",
17
+ "color-magenta": "_color-magenta_v112x_62",
18
+ "color-5": "_color-5_v112x_67",
19
+ "color-purple": "_color-purple_v112x_68",
20
+ "color-6": "_color-6_v112x_73",
21
+ "color-blue": "_color-blue_v112x_74",
22
+ "color-7": "_color-7_v112x_79",
23
+ "color-green": "_color-green_v112x_80"
24
+ }, h = {
25
+ default: o.default,
26
+ highlight: o.highlight,
27
+ info: o.info,
28
+ primary: o.primary,
29
+ success: o.success,
30
+ warning: o.warning
31
+ }, y = ({
32
+ color: c,
33
+ children: l,
34
+ icon: r,
35
+ position: e = "left",
36
36
  variant: s = "default"
37
- }) => c === 0 || c == null ? null : /* @__PURE__ */ n("span", { className: t(a.badge, f[s], r && a[`color-${r}`]), "data-component": "badge", children: [
38
- o && l == "left" && /* @__PURE__ */ e(_, { fill: !0, name: o, size: "small" }),
39
- /* @__PURE__ */ e("span", { children: c }),
40
- o && l == "right" && /* @__PURE__ */ e(_, { fill: !0, name: o, size: "small" })
37
+ }) => l === 0 || l == null ? null : /* @__PURE__ */ n("span", { className: t(o.badge, h[s], c && o[`color-${c}`]), "data-component": "badge", children: [
38
+ r && e == "left" && /* @__PURE__ */ _(a, { fill: !0, name: r, size: "small" }),
39
+ /* @__PURE__ */ _("span", { children: l }),
40
+ r && e == "right" && /* @__PURE__ */ _(a, { fill: !0, name: r, size: "small" })
41
41
  ] });
42
42
  export {
43
- w as Badge
43
+ y as Badge
44
44
  };
45
45
  //# sourceMappingURL=index.js.map
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index33.css');const e=require("react/jsx-runtime"),x=require("../../icons-Dx0NQYLH.cjs"),b=require("../loading/index.cjs"),h="_checkbox_1glqu_3",u={checkbox:h},k=({checked:s,disabled:t,isLoading:c,label:o,onChange:n,...i})=>{const r={"--icon-svg":x.iconSVG("check")};return e.jsxs("label",{className:u.checkbox,"data-component":"checkbox",children:[e.jsx("input",{checked:s,disabled:t||c,onChange:n,type:"checkbox",style:r,...i}),c&&e.jsx(b.Loading,{size:16,sticky:!0}),o&&o]})};exports.Checkbox=k;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index33.css');const e=require("react/jsx-runtime"),x=require("../../icons-ovA21Oao.cjs"),b=require("../loading/index.cjs"),h="_checkbox_1glqu_3",u={checkbox:h},k=({checked:s,disabled:t,isLoading:c,label:o,onChange:n,...i})=>{const r={"--icon-svg":x.iconSVG("check")};return e.jsxs("label",{className:u.checkbox,"data-component":"checkbox",children:[e.jsx("input",{checked:s,disabled:t||c,onChange:n,type:"checkbox",style:r,...i}),c&&e.jsx(b.Loading,{size:16,sticky:!0}),o&&o]})};exports.Checkbox=k;
2
2
  //# sourceMappingURL=index.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.cjs","sources":["../../../src/components/checkbox/index.tsx"],"sourcesContent":["import { iconSVG } from '../icon/icons';\nimport { Loading } from '../loading';\nimport styles from './styles.module.css';\n\nexport type CheckboxProps = React.InputHTMLAttributes<HTMLInputElement> & {\n checked?: boolean;\n disabled?: boolean;\n isLoading?: boolean;\n label?: string;\n onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n};\n\nexport const Checkbox = ({\n checked,\n disabled,\n isLoading,\n label,\n onChange,\n ...props\n}: CheckboxProps) => {\n type withVars = React.CSSProperties & {\n '--icon-svg'?: string;\n };\n\n const withVars: withVars = {\n '--icon-svg': iconSVG('check'),\n };\n\n return (\n <label className={styles.checkbox}>\n <input\n checked={checked}\n disabled={disabled || isLoading}\n onChange={onChange}\n type='checkbox'\n style={withVars}\n {...props}\n />\n {isLoading && (\n <Loading\n size={16}\n sticky\n />\n )}\n {label && label}\n </label>\n );\n};\n"],"names":["Checkbox","checked","disabled","isLoading","label","onChange","props","withVars","iconSVG","styles","checkbox","jsx","Loading"],"mappings":"kOAYaA,EAAWA,CAAC,CACvBC,QAAAA,EACAC,SAAAA,EACAC,UAAAA,EACAC,MAAAA,EACAC,SAAAA,EACA,GAAGC,CACU,IAAM,CAKnB,MAAMC,EAAqB,CACzB,aAAcC,EAAAA,QAAQ,OAAO,CAAA,EAG/B,cACG,QAAA,CAAM,UAAWC,EAAOC,SAAS,iBAAA,WAChC,SAAA,CAAAC,EAAAA,IAAC,QAAA,CACC,QAAAV,EACA,SAAUC,GAAYC,EACtB,SAAAE,EACA,KAAK,WACL,MAAOE,EACP,GAAID,CAAAA,CAAM,EAEXH,GACCQ,EAAAA,IAACC,UAAA,CACC,KAAM,GACN,OAAM,GAAA,EAGTR,GAASA,CAAAA,EACZ,CAEJ"}
1
+ {"version":3,"file":"index.cjs","sources":["../../../src/components/checkbox/index.tsx"],"sourcesContent":["import { iconSVG } from '../icon/icons';\nimport { Loading } from '../loading';\nimport styles from './styles.module.css';\n\nexport type CheckboxProps = React.InputHTMLAttributes<HTMLInputElement> & {\n checked?: boolean;\n disabled?: boolean;\n isLoading?: boolean;\n label?: React.ReactNode;\n onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n};\n\nexport const Checkbox = ({\n checked,\n disabled,\n isLoading,\n label,\n onChange,\n ...props\n}: CheckboxProps) => {\n type withVars = React.CSSProperties & {\n '--icon-svg'?: string;\n };\n\n const withVars: withVars = {\n '--icon-svg': iconSVG('check'),\n };\n\n return (\n <label className={styles.checkbox}>\n <input\n checked={checked}\n disabled={disabled || isLoading}\n onChange={onChange}\n type='checkbox'\n style={withVars}\n {...props}\n />\n {isLoading && (\n <Loading\n size={16}\n sticky\n />\n )}\n {label && label}\n </label>\n );\n};\n"],"names":["Checkbox","checked","disabled","isLoading","label","onChange","props","withVars","iconSVG","styles","checkbox","jsx","Loading"],"mappings":"kOAYaA,EAAWA,CAAC,CACvBC,QAAAA,EACAC,SAAAA,EACAC,UAAAA,EACAC,MAAAA,EACAC,SAAAA,EACA,GAAGC,CACU,IAAM,CAKnB,MAAMC,EAAqB,CACzB,aAAcC,EAAAA,QAAQ,OAAO,CAAA,EAG/B,cACG,QAAA,CAAM,UAAWC,EAAOC,SAAS,iBAAA,WAChC,SAAA,CAAAC,EAAAA,IAAC,QAAA,CACC,QAAAV,EACA,SAAUC,GAAYC,EACtB,SAAAE,EACA,KAAK,WACL,MAAOE,EACP,GAAID,CAAAA,CAAM,EAEXH,GACCQ,EAAAA,IAACC,UAAA,CACC,KAAM,GACN,OAAM,GAAA,EAGTR,GAASA,CAAAA,EACZ,CAEJ"}
@@ -1,5 +1,5 @@
1
1
  import { jsxs as h, jsx as e } from "react/jsx-runtime";
2
- import { i as x } from "../../icons-BFgf_lJN.js";
2
+ import { i as x } from "../../icons-Bq3diTRm.js";
3
3
  import { Loading as k } from "../loading/index.js";
4
4
  import '../../assets/index33.css';const b = "_checkbox_1glqu_3", m = {
5
5
  checkbox: b
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../src/components/checkbox/index.tsx"],"sourcesContent":["import { iconSVG } from '../icon/icons';\nimport { Loading } from '../loading';\nimport styles from './styles.module.css';\n\nexport type CheckboxProps = React.InputHTMLAttributes<HTMLInputElement> & {\n checked?: boolean;\n disabled?: boolean;\n isLoading?: boolean;\n label?: string;\n onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n};\n\nexport const Checkbox = ({\n checked,\n disabled,\n isLoading,\n label,\n onChange,\n ...props\n}: CheckboxProps) => {\n type withVars = React.CSSProperties & {\n '--icon-svg'?: string;\n };\n\n const withVars: withVars = {\n '--icon-svg': iconSVG('check'),\n };\n\n return (\n <label className={styles.checkbox}>\n <input\n checked={checked}\n disabled={disabled || isLoading}\n onChange={onChange}\n type='checkbox'\n style={withVars}\n {...props}\n />\n {isLoading && (\n <Loading\n size={16}\n sticky\n />\n )}\n {label && label}\n </label>\n );\n};\n"],"names":["Checkbox","checked","disabled","isLoading","label","onChange","props","withVars","iconSVG","styles","checkbox","jsx","Loading"],"mappings":";;;;;GAYaA,IAAWA,CAAC;AAAA,EACvBC,SAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACA,GAAGC;AACU,MAAM;AAKnB,QAAMC,IAAqB;AAAA,IACzB,cAAcC,EAAQ,OAAO;AAAA,EAAA;AAG/B,2BACG,SAAA,EAAM,WAAWC,EAAOC,UAAS,kBAAA,YAChC,UAAA;AAAA,IAAA,gBAAAC,EAAC,SAAA,EACC,SAAAV,GACA,UAAUC,KAAYC,GACtB,UAAAE,GACA,MAAK,YACL,OAAOE,GACP,GAAID,EAAAA,CAAM;AAAA,IAEXH,KACC,gBAAAQ,EAACC,GAAA,EACC,MAAM,IACN,QAAM,IAAA;AAAA,IAGTR,KAASA;AAAAA,EAAAA,GACZ;AAEJ;"}
1
+ {"version":3,"file":"index.js","sources":["../../../src/components/checkbox/index.tsx"],"sourcesContent":["import { iconSVG } from '../icon/icons';\nimport { Loading } from '../loading';\nimport styles from './styles.module.css';\n\nexport type CheckboxProps = React.InputHTMLAttributes<HTMLInputElement> & {\n checked?: boolean;\n disabled?: boolean;\n isLoading?: boolean;\n label?: React.ReactNode;\n onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n};\n\nexport const Checkbox = ({\n checked,\n disabled,\n isLoading,\n label,\n onChange,\n ...props\n}: CheckboxProps) => {\n type withVars = React.CSSProperties & {\n '--icon-svg'?: string;\n };\n\n const withVars: withVars = {\n '--icon-svg': iconSVG('check'),\n };\n\n return (\n <label className={styles.checkbox}>\n <input\n checked={checked}\n disabled={disabled || isLoading}\n onChange={onChange}\n type='checkbox'\n style={withVars}\n {...props}\n />\n {isLoading && (\n <Loading\n size={16}\n sticky\n />\n )}\n {label && label}\n </label>\n );\n};\n"],"names":["Checkbox","checked","disabled","isLoading","label","onChange","props","withVars","iconSVG","styles","checkbox","jsx","Loading"],"mappings":";;;;;GAYaA,IAAWA,CAAC;AAAA,EACvBC,SAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACA,GAAGC;AACU,MAAM;AAKnB,QAAMC,IAAqB;AAAA,IACzB,cAAcC,EAAQ,OAAO;AAAA,EAAA;AAG/B,2BACG,SAAA,EAAM,WAAWC,EAAOC,UAAS,kBAAA,YAChC,UAAA;AAAA,IAAA,gBAAAC,EAAC,SAAA,EACC,SAAAV,GACA,UAAUC,KAAYC,GACtB,UAAAE,GACA,MAAK,YACL,OAAOE,GACP,GAAID,EAAAA,CAAM;AAAA,IAEXH,KACC,gBAAAQ,EAACC,GAAA,EACC,MAAM,IACN,QAAM,IAAA;AAAA,IAGTR,KAASA;AAAAA,EAAAA,GACZ;AAEJ;"}
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index34.css');const s=require("react/jsx-runtime"),a=require("../icon/index.cjs"),c="_chip_13ohh_3",r={chip:c},p=({accessibleLabel:n,label:i,onClick:e,...o})=>s.jsxs("a",{"aria-label":n,className:r.chip,onClick:t=>{t.stopPropagation(),e==null||e(t)},tabIndex:0,...o,"data-component":"chip",children:[i,s.jsx(a.Icon,{name:"x",size:"small"})]});exports.Chip=p;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index34.css');const e=require("react/jsx-runtime"),l=require("../button/index.cjs"),r=require("../link/index.cjs"),d="_chip_1b6k8_3",p="_divider_1b6k8_30",_="_label_1b6k8_38",k="_link_1b6k8_39",i={chip:d,delete:"_delete_1b6k8_18",divider:p,label:_,link:k},b=({accessibleLabel:o,label:n,link:t,onDelete:a,...c})=>e.jsxs("span",{className:i.chip,...c,"data-component":"chip",children:[t?e.jsx(r.Link,{className:i.link,onClick:s=>s.stopPropagation(),to:t,children:n}):e.jsx("span",{className:i.label,children:n}),e.jsx("span",{"aria-hidden":"true",className:i.divider}),e.jsx(l.Button,{"aria-label":o??`Delete ${n}`,className:i.delete,icon:"x",onClick:s=>{s.stopPropagation(),a()},variant:"simple"})]});exports.Chip=b;
2
2
  //# sourceMappingURL=index.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.cjs","sources":["../../../src/components/chip/index.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef } from 'react';\n\nimport { Icon } from '../icon';\nimport styles from './styles.module.css';\n\nexport type ChipProps = Omit<ComponentPropsWithoutRef<'a'>, 'onClick' | 'tabIndex'> & {\n accessibleLabel?: string;\n label: string;\n onClick: (event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void;\n};\n\nexport const Chip = ({ accessibleLabel, label, onClick, ...props }: ChipProps) => {\n return (\n <a\n aria-label={accessibleLabel}\n className={styles.chip}\n onClick={(e) => {\n e.stopPropagation();\n onClick?.(e);\n }}\n tabIndex={0}\n {...props}\n >\n {label}\n <Icon\n name='x'\n size='small'\n />\n </a>\n );\n};\n"],"names":["Chip","accessibleLabel","label","onClick","props","jsxs","styles","chip","e","stopPropagation","jsx","Icon"],"mappings":"iLAWaA,EAAOA,CAAC,CAAEC,gBAAAA,EAAiBC,MAAAA,EAAOC,QAAAA,EAAS,GAAGC,CAAiB,IAExEC,OAAC,KACC,aAAYJ,EACZ,UAAWK,EAAOC,KAClB,QAAUC,GAAM,CACdA,EAAEC,gBAAAA,EACFN,GAAAA,MAAAA,EAAUK,EACZ,EACA,SAAU,EACV,GAAIJ,EAAM,iBAAA,OAETF,SAAAA,CAAAA,EACDQ,EAAAA,IAACC,EAAAA,KAAA,CACC,KAAK,IACL,KAAK,OAAA,CAAO,CAAA,EAEhB"}
1
+ {"version":3,"file":"index.cjs","sources":["../../../src/components/chip/index.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef } from 'react';\n\nimport { Button } from '../button';\nimport { Link } from '../link';\nimport styles from './styles.module.css';\n\nexport type ChipProps = Omit<ComponentPropsWithoutRef<'span'>, 'children'> & {\n accessibleLabel?: string;\n label: string;\n link?: string;\n onDelete: () => void;\n};\n\nexport const Chip = ({ accessibleLabel, label, link, onDelete, ...props }: ChipProps) => {\n return (\n <span\n className={styles.chip}\n {...props}\n >\n {link ? (\n <Link\n className={styles.link}\n onClick={(event) => event.stopPropagation()}\n to={link}\n >\n {label}\n </Link>\n ) : (\n <span className={styles.label}>{label}</span>\n )}\n <span\n aria-hidden='true'\n className={styles.divider}\n />\n <Button\n aria-label={accessibleLabel ?? `Delete ${label}`}\n className={styles.delete}\n icon='x'\n onClick={(event) => {\n event.stopPropagation();\n onDelete();\n }}\n variant='simple'\n />\n </span>\n );\n};\n"],"names":["Chip","accessibleLabel","label","link","onDelete","props","jsxs","styles","chip","Link","event","stopPropagation","jsx","divider","Button","delete"],"mappings":"kUAaaA,EAAOA,CAAC,CAAEC,gBAAAA,EAAiBC,MAAAA,EAAOC,KAAAA,EAAMC,SAAAA,EAAU,GAAGC,CAAiB,IAE/EC,OAAC,QACC,UAAWC,EAAOC,KAClB,GAAIH,EAAM,iBAAA,OAETF,SAAAA,CAAAA,QACEM,OAAA,CACC,UAAWF,EAAOJ,KAClB,WAAoBO,EAAMC,gBAAAA,EAC1B,GAAIR,EAEHD,WACH,EAEAU,EAAAA,IAAC,QAAK,UAAWL,EAAOL,MAAQA,SAAAA,CAAAA,CAAM,QAEvC,OAAA,CACC,cAAY,OACZ,UAAWK,EAAOM,QAAQ,EAE5BD,EAAAA,IAACE,EAAAA,OAAA,CACC,aAAYb,GAAmB,UAAUC,CAAK,GAC9C,UAAWK,EAAOQ,OAClB,KAAK,IACL,QAAUL,GAAU,CAClBA,EAAMC,gBAAAA,EACNP,EAAAA,CACF,EACA,QAAQ,QAAA,CAAQ,CAAA,EAEpB"}
@@ -1,19 +1,26 @@
1
- import { jsxs as r, jsx as c } from "react/jsx-runtime";
2
- import { Icon as e } from "../icon/index.js";
3
- import '../../assets/index34.css';const h = "_chip_13ohh_3", i = {
4
- chip: h
5
- }, x = ({
1
+ import { jsxs as c, jsx as i } from "react/jsx-runtime";
2
+ import { Button as r } from "../button/index.js";
3
+ import { Link as p } from "../link/index.js";
4
+ import '../../assets/index34.css';const d = "_chip_1b6k8_3", _ = "_divider_1b6k8_30", m = "_label_1b6k8_38", k = "_link_1b6k8_39", e = {
5
+ chip: d,
6
+ delete: "_delete_1b6k8_18",
7
+ divider: _,
8
+ label: m,
9
+ link: k
10
+ }, N = ({
6
11
  accessibleLabel: t,
7
- label: o,
8
- onClick: a,
9
- ...p
10
- }) => /* @__PURE__ */ r("a", { "aria-label": t, className: i.chip, onClick: (s) => {
11
- s.stopPropagation(), a == null || a(s);
12
- }, tabIndex: 0, ...p, "data-component": "chip", children: [
13
- o,
14
- /* @__PURE__ */ c(e, { name: "x", size: "small" })
12
+ label: a,
13
+ link: s,
14
+ onDelete: o,
15
+ ...l
16
+ }) => /* @__PURE__ */ c("span", { className: e.chip, ...l, "data-component": "chip", children: [
17
+ s ? /* @__PURE__ */ i(p, { className: e.link, onClick: (n) => n.stopPropagation(), to: s, children: a }) : /* @__PURE__ */ i("span", { className: e.label, children: a }),
18
+ /* @__PURE__ */ i("span", { "aria-hidden": "true", className: e.divider }),
19
+ /* @__PURE__ */ i(r, { "aria-label": t ?? `Delete ${a}`, className: e.delete, icon: "x", onClick: (n) => {
20
+ n.stopPropagation(), o();
21
+ }, variant: "simple" })
15
22
  ] });
16
23
  export {
17
- x as Chip
24
+ N as Chip
18
25
  };
19
26
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../src/components/chip/index.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef } from 'react';\n\nimport { Icon } from '../icon';\nimport styles from './styles.module.css';\n\nexport type ChipProps = Omit<ComponentPropsWithoutRef<'a'>, 'onClick' | 'tabIndex'> & {\n accessibleLabel?: string;\n label: string;\n onClick: (event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void;\n};\n\nexport const Chip = ({ accessibleLabel, label, onClick, ...props }: ChipProps) => {\n return (\n <a\n aria-label={accessibleLabel}\n className={styles.chip}\n onClick={(e) => {\n e.stopPropagation();\n onClick?.(e);\n }}\n tabIndex={0}\n {...props}\n >\n {label}\n <Icon\n name='x'\n size='small'\n />\n </a>\n );\n};\n"],"names":["Chip","accessibleLabel","label","onClick","props","jsxs","styles","chip","e","stopPropagation","jsx","Icon"],"mappings":";;;;GAWaA,IAAOA,CAAC;AAAA,EAAEC,iBAAAA;AAAAA,EAAiBC,OAAAA;AAAAA,EAAOC,SAAAA;AAAAA,EAAS,GAAGC;AAAiB,MAExE,gBAAAC,EAAC,OACC,cAAYJ,GACZ,WAAWK,EAAOC,MAClB,SAAUC,CAAAA,MAAM;AACdA,EAAAA,EAAEC,gBAAAA,GACFN,KAAAA,QAAAA,EAAUK;AACZ,GACA,UAAU,GACV,GAAIJ,GAAM,kBAAA,QAETF,UAAAA;AAAAA,EAAAA;AAAAA,EACD,gBAAAQ,EAACC,GAAA,EACC,MAAK,KACL,MAAK,QAAA,CAAO;AAAA,GAEhB;"}
1
+ {"version":3,"file":"index.js","sources":["../../../src/components/chip/index.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef } from 'react';\n\nimport { Button } from '../button';\nimport { Link } from '../link';\nimport styles from './styles.module.css';\n\nexport type ChipProps = Omit<ComponentPropsWithoutRef<'span'>, 'children'> & {\n accessibleLabel?: string;\n label: string;\n link?: string;\n onDelete: () => void;\n};\n\nexport const Chip = ({ accessibleLabel, label, link, onDelete, ...props }: ChipProps) => {\n return (\n <span\n className={styles.chip}\n {...props}\n >\n {link ? (\n <Link\n className={styles.link}\n onClick={(event) => event.stopPropagation()}\n to={link}\n >\n {label}\n </Link>\n ) : (\n <span className={styles.label}>{label}</span>\n )}\n <span\n aria-hidden='true'\n className={styles.divider}\n />\n <Button\n aria-label={accessibleLabel ?? `Delete ${label}`}\n className={styles.delete}\n icon='x'\n onClick={(event) => {\n event.stopPropagation();\n onDelete();\n }}\n variant='simple'\n />\n </span>\n );\n};\n"],"names":["Chip","accessibleLabel","label","link","onDelete","props","jsxs","styles","chip","Link","event","stopPropagation","jsx","divider","Button","delete"],"mappings":";;;;;;;;;GAaaA,IAAOA,CAAC;AAAA,EAAEC,iBAAAA;AAAAA,EAAiBC,OAAAA;AAAAA,EAAOC,MAAAA;AAAAA,EAAMC,UAAAA;AAAAA,EAAU,GAAGC;AAAiB,MAE/E,gBAAAC,EAAC,UACC,WAAWC,EAAOC,MAClB,GAAIH,GAAM,kBAAA,QAETF,UAAAA;AAAAA,EAAAA,sBACEM,GAAA,EACC,WAAWF,EAAOJ,MAClB,SAAUO,OAAUA,EAAMC,gBAAAA,GAC1B,IAAIR,GAEHD,aACH,IAEA,gBAAAU,EAAC,UAAK,WAAWL,EAAOL,OAAQA,UAAAA,EAAAA,CAAM;AAAA,oBAEvC,QAAA,EACC,eAAY,QACZ,WAAWK,EAAOM,SAAQ;AAAA,EAE5B,gBAAAD,EAACE,GAAA,EACC,cAAYb,KAAmB,UAAUC,CAAK,IAC9C,WAAWK,EAAOQ,QAClB,MAAK,KACL,SAAUL,CAAAA,MAAU;AAClBA,IAAAA,EAAMC,gBAAAA,GACNP,EAAAA;AAAAA,EACF,GACA,SAAQ,SAAA,CAAQ;AAAA,GAEpB;"}
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index36.css');const l=require("react/jsx-runtime"),f=require("../../classix-5H4IWnMA.cjs"),r=require("react"),_=require("../button/index.cjs"),x="_controls_1p251_13",y="_inline_1p251_35",m="_fixed_1p251_40",e={controls:x,default:"_default_1p251_20",inline:y,fixed:m},k={primary:3,danger:2,secondary:1,tertiary:0,simple:0},g={default:e.default,fixed:e.fixed,inline:e.inline},h=o=>k[o.props.variant??"secondary"],j=({children:o,className:c,variant:d="default",...u})=>{const i=r.Children.toArray(o),a=[],s=[];i.forEach(n=>{r.isValidElement(n)&&n.type===_.Button?a.push(n):s.push(n)});const p=a.map((n,t)=>({button:n,index:t,rank:h(n)})).sort((n,t)=>n.rank-t.rank||n.index-t.index).map(({button:n,index:t})=>r.cloneElement(n,{key:n.key??t}));return i.length===0?null:l.jsxs("div",{className:f.t(e.controls,g[d],c),...u,"data-component":"controls",children:[s&&l.jsx("span",{children:s}),p]})};exports.Controls=j;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index36.css');const l=require("react/jsx-runtime"),p=require("../../classix-5H4IWnMA.cjs"),r=require("react"),_=require("../button/index.cjs"),x="_controls_j1dk0_13",y="_inline_j1dk0_35",m="_fixed_j1dk0_40",e={controls:x,default:"_default_j1dk0_20",inline:y,fixed:m},k={primary:3,danger:2,secondary:1,tertiary:0,simple:0},j={default:e.default,fixed:e.fixed,inline:e.inline},g=o=>k[o.props.variant??"secondary"],h=({children:o,className:d,variant:i="default",...u})=>{const a=r.Children.toArray(o),c=[],s=[];a.forEach(n=>{r.isValidElement(n)&&n.type===_.Button?c.push(n):s.push(n)});const f=c.map((n,t)=>({button:n,index:t,rank:g(n)})).sort((n,t)=>n.rank-t.rank||n.index-t.index).map(({button:n,index:t})=>r.cloneElement(n,{key:n.key??t}));return a.length===0?null:l.jsxs("div",{"data-dynamic-position":i==="fixed"?!0:void 0,className:p.t(e.controls,j[i],d),...u,"data-component":"controls",children:[s&&l.jsx("span",{children:s}),f]})};exports.Controls=h;
2
2
  //# sourceMappingURL=index.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.cjs","sources":["../../../src/components/controls/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport { Children, cloneElement, isValidElement } from 'react';\n\nimport { Button, type ButtonProps } from '../button';\nimport styles from './styles.module.css';\n\nconst buttonVariantOrder = {\n primary: 3,\n danger: 2,\n secondary: 1,\n tertiary: 0,\n simple: 0,\n} satisfies Record<NonNullable<ButtonProps['variant']>, number>;\n\nconst variants = {\n default: styles.default,\n fixed: styles.fixed,\n inline: styles.inline,\n};\n\nexport type ControlsProps = React.HTMLAttributes<HTMLDivElement> & {\n children?: React.ReactNode;\n variant?: keyof typeof variants;\n};\n\nconst getButtonRank = (button: React.ReactElement<ButtonProps>) =>\n buttonVariantOrder[button.props.variant ?? 'secondary'];\n\nexport const Controls = ({ children, className, variant = 'default', ...props }: ControlsProps) => {\n const childArray = Children.toArray(children);\n const buttons: React.ReactElement<ButtonProps>[] = [];\n const nonButtons: React.ReactNode[] = [];\n\n childArray.forEach((child) => {\n if (isValidElement<ButtonProps>(child) && child.type === Button) {\n buttons.push(child);\n } else {\n nonButtons.push(child);\n }\n });\n\n const sortedButtons = buttons\n .map((button, index) => ({ button, index, rank: getButtonRank(button) }))\n .sort((a, b) => a.rank - b.rank || a.index - b.index)\n .map(({ button, index }) =>\n cloneElement(button, {\n key: button.key ?? index,\n })\n );\n\n if (childArray.length === 0) {\n return null;\n }\n\n return (\n <div\n className={cx(styles.controls, variants[variant], className)}\n {...props}\n >\n {nonButtons && <span>{nonButtons}</span>}\n {sortedButtons}\n </div>\n );\n};\n"],"names":["buttonVariantOrder","primary","danger","secondary","tertiary","simple","variants","default","styles","fixed","inline","getButtonRank","button","props","variant","Controls","children","className","childArray","Children","toArray","buttons","nonButtons","forEach","child","isValidElement","type","Button","push","sortedButtons","map","index","rank","sort","a","b","cloneElement","key","length","jsxs","cx","controls","jsx"],"mappings":"6UAMMA,EAAqB,CACzBC,QAAS,EACTC,OAAQ,EACRC,UAAW,EACXC,SAAU,EACVC,OAAQ,CACV,EAEMC,EAAW,CACfC,QAASC,EAAOD,QAChBE,MAAOD,EAAOC,MACdC,OAAQF,EAAOE,MACjB,EAOMC,EAAiBC,GACrBZ,EAAmBY,EAAOC,MAAMC,SAAW,WAAW,EAE3CC,EAAWA,CAAC,CAAEC,SAAAA,EAAUC,UAAAA,EAAWH,QAAAA,EAAU,UAAW,GAAGD,CAAqB,IAAM,CACjG,MAAMK,EAAaC,EAAAA,SAASC,QAAQJ,CAAQ,EACtCK,EAA6C,CAAA,EAC7CC,EAAgC,CAAA,EAEtCJ,EAAWK,QAASC,GAAU,CACxBC,EAAAA,eAA4BD,CAAK,GAAKA,EAAME,OAASC,EAAAA,OACvDN,EAAQO,KAAKJ,CAAK,EAElBF,EAAWM,KAAKJ,CAAK,CAEzB,CAAC,EAED,MAAMK,EAAgBR,EACnBS,IAAI,CAAClB,EAAQmB,KAAW,CAAEnB,OAAAA,EAAQmB,MAAAA,EAAOC,KAAMrB,EAAcC,CAAM,CAAA,EAAI,EACvEqB,KAAK,CAACC,EAAGC,IAAMD,EAAEF,KAAOG,EAAEH,MAAQE,EAAEH,MAAQI,EAAEJ,KAAK,EACnDD,IAAI,CAAC,CAAElB,OAAAA,EAAQmB,MAAAA,CAAAA,IACdK,EAAAA,aAAaxB,EAAQ,CACnByB,IAAKzB,EAAOyB,KAAON,CAAAA,CACpB,CACH,EAEF,OAAIb,EAAWoB,SAAW,EACjB,KAIPC,EAAAA,KAAC,MAAA,CACC,UAAWC,EAAAA,EAAGhC,EAAOiC,SAAUnC,EAASQ,CAAO,EAAGG,CAAS,EAC3D,GAAIJ,EAAM,iBAAA,WAETS,SAAAA,CAAAA,GAAcoB,EAAAA,IAAC,QAAMpB,SAAAA,CAAAA,CAAW,EAChCO,CAAAA,EACH,CAEJ"}
1
+ {"version":3,"file":"index.cjs","sources":["../../../src/components/controls/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport { Children, cloneElement, isValidElement } from 'react';\n\nimport { Button, type ButtonProps } from '../button';\nimport styles from './styles.module.css';\n\nconst buttonVariantOrder = {\n primary: 3,\n danger: 2,\n secondary: 1,\n tertiary: 0,\n simple: 0,\n} satisfies Record<NonNullable<ButtonProps['variant']>, number>;\n\nconst variants = {\n default: styles.default,\n fixed: styles.fixed,\n inline: styles.inline,\n};\n\nexport type ControlsProps = React.HTMLAttributes<HTMLDivElement> & {\n children?: React.ReactNode;\n variant?: keyof typeof variants;\n};\n\nconst getButtonRank = (button: React.ReactElement<ButtonProps>) =>\n buttonVariantOrder[button.props.variant ?? 'secondary'];\n\nexport const Controls = ({ children, className, variant = 'default', ...props }: ControlsProps) => {\n const childArray = Children.toArray(children);\n const buttons: React.ReactElement<ButtonProps>[] = [];\n const nonButtons: React.ReactNode[] = [];\n\n childArray.forEach((child) => {\n if (isValidElement<ButtonProps>(child) && child.type === Button) {\n buttons.push(child);\n } else {\n nonButtons.push(child);\n }\n });\n\n const sortedButtons = buttons\n .map((button, index) => ({ button, index, rank: getButtonRank(button) }))\n .sort((a, b) => a.rank - b.rank || a.index - b.index)\n .map(({ button, index }) =>\n cloneElement(button, {\n key: button.key ?? index,\n })\n );\n\n if (childArray.length === 0) {\n return null;\n }\n\n return (\n <div\n data-dynamic-position={variant === 'fixed' ? true : undefined}\n className={cx(styles.controls, variants[variant], className)}\n {...props}\n >\n {nonButtons && <span>{nonButtons}</span>}\n {sortedButtons}\n </div>\n );\n};\n"],"names":["buttonVariantOrder","primary","danger","secondary","tertiary","simple","variants","default","styles","fixed","inline","getButtonRank","button","props","variant","Controls","children","className","childArray","Children","toArray","buttons","nonButtons","forEach","child","isValidElement","type","Button","push","sortedButtons","map","index","rank","sort","a","b","cloneElement","key","length","undefined","cx","controls","jsx"],"mappings":"6UAMMA,EAAqB,CACzBC,QAAS,EACTC,OAAQ,EACRC,UAAW,EACXC,SAAU,EACVC,OAAQ,CACV,EAEMC,EAAW,CACfC,QAASC,EAAOD,QAChBE,MAAOD,EAAOC,MACdC,OAAQF,EAAOE,MACjB,EAOMC,EAAiBC,GACrBZ,EAAmBY,EAAOC,MAAMC,SAAW,WAAW,EAE3CC,EAAWA,CAAC,CAAEC,SAAAA,EAAUC,UAAAA,EAAWH,QAAAA,EAAU,UAAW,GAAGD,CAAqB,IAAM,CACjG,MAAMK,EAAaC,EAAAA,SAASC,QAAQJ,CAAQ,EACtCK,EAA6C,CAAA,EAC7CC,EAAgC,CAAA,EAEtCJ,EAAWK,QAASC,GAAU,CACxBC,EAAAA,eAA4BD,CAAK,GAAKA,EAAME,OAASC,EAAAA,OACvDN,EAAQO,KAAKJ,CAAK,EAElBF,EAAWM,KAAKJ,CAAK,CAEzB,CAAC,EAED,MAAMK,EAAgBR,EACnBS,IAAI,CAAClB,EAAQmB,KAAW,CAAEnB,OAAAA,EAAQmB,MAAAA,EAAOC,KAAMrB,EAAcC,CAAM,CAAA,EAAI,EACvEqB,KAAK,CAACC,EAAGC,IAAMD,EAAEF,KAAOG,EAAEH,MAAQE,EAAEH,MAAQI,EAAEJ,KAAK,EACnDD,IAAI,CAAC,CAAElB,OAAAA,EAAQmB,MAAAA,CAAAA,IACdK,EAAAA,aAAaxB,EAAQ,CACnByB,IAAKzB,EAAOyB,KAAON,CAAAA,CACpB,CACH,EAEF,OAAIb,EAAWoB,SAAW,EACjB,YAIN,MAAA,CACC,wBAAuBxB,IAAY,QAAU,GAAOyB,OACpD,UAAWC,EAAAA,EAAGhC,EAAOiC,SAAUnC,EAASQ,CAAO,EAAGG,CAAS,EAC3D,GAAIJ,EAAM,iBAAA,WAETS,SAAAA,CAAAA,GAAcoB,EAAAA,IAAC,QAAMpB,SAAAA,CAAAA,CAAW,EAChCO,CAAAA,EACH,CAEJ"}
@@ -1,45 +1,45 @@
1
- import { jsxs as p, jsx as f } from "react/jsx-runtime";
2
- import { t as m } from "../../classix-DG18itHa.js";
1
+ import { jsxs as f, jsx as m } from "react/jsx-runtime";
2
+ import { t as p } from "../../classix-DG18itHa.js";
3
3
  import { Children as u, isValidElement as _, cloneElement as x } from "react";
4
4
  import { Button as y } from "../button/index.js";
5
- import '../../assets/index36.css';const k = "_controls_1p251_13", h = "_inline_1p251_35", B = "_fixed_1p251_40", o = {
5
+ import '../../assets/index36.css';const k = "_controls_j1dk0_13", j = "_inline_j1dk0_35", h = "_fixed_j1dk0_40", o = {
6
6
  controls: k,
7
- default: "_default_1p251_20",
8
- inline: h,
9
- fixed: B
10
- }, g = {
7
+ default: "_default_j1dk0_20",
8
+ inline: j,
9
+ fixed: h
10
+ }, B = {
11
11
  primary: 3,
12
12
  danger: 2,
13
13
  secondary: 1,
14
14
  tertiary: 0,
15
15
  simple: 0
16
- }, v = {
16
+ }, g = {
17
17
  default: o.default,
18
18
  fixed: o.fixed,
19
19
  inline: o.inline
20
- }, E = (e) => g[e.props.variant ?? "secondary"], N = ({
20
+ }, v = (e) => B[e.props.variant ?? "secondary"], N = ({
21
21
  children: e,
22
- className: a,
23
- variant: l = "default",
24
- ...c
22
+ className: d,
23
+ variant: s = "default",
24
+ ...l
25
25
  }) => {
26
- const s = u.toArray(e), i = [], r = [];
27
- s.forEach((n) => {
28
- _(n) && n.type === y ? i.push(n) : r.push(n);
26
+ const i = u.toArray(e), a = [], r = [];
27
+ i.forEach((n) => {
28
+ _(n) && n.type === y ? a.push(n) : r.push(n);
29
29
  });
30
- const d = i.map((n, t) => ({
30
+ const c = a.map((n, t) => ({
31
31
  button: n,
32
32
  index: t,
33
- rank: E(n)
33
+ rank: v(n)
34
34
  })).sort((n, t) => n.rank - t.rank || n.index - t.index).map(({
35
35
  button: n,
36
36
  index: t
37
37
  }) => x(n, {
38
38
  key: n.key ?? t
39
39
  }));
40
- return s.length === 0 ? null : /* @__PURE__ */ p("div", { className: m(o.controls, v[l], a), ...c, "data-component": "controls", children: [
41
- r && /* @__PURE__ */ f("span", { children: r }),
42
- d
40
+ return i.length === 0 ? null : /* @__PURE__ */ f("div", { "data-dynamic-position": s === "fixed" ? !0 : void 0, className: p(o.controls, g[s], d), ...l, "data-component": "controls", children: [
41
+ r && /* @__PURE__ */ m("span", { children: r }),
42
+ c
43
43
  ] });
44
44
  };
45
45
  export {
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../src/components/controls/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport { Children, cloneElement, isValidElement } from 'react';\n\nimport { Button, type ButtonProps } from '../button';\nimport styles from './styles.module.css';\n\nconst buttonVariantOrder = {\n primary: 3,\n danger: 2,\n secondary: 1,\n tertiary: 0,\n simple: 0,\n} satisfies Record<NonNullable<ButtonProps['variant']>, number>;\n\nconst variants = {\n default: styles.default,\n fixed: styles.fixed,\n inline: styles.inline,\n};\n\nexport type ControlsProps = React.HTMLAttributes<HTMLDivElement> & {\n children?: React.ReactNode;\n variant?: keyof typeof variants;\n};\n\nconst getButtonRank = (button: React.ReactElement<ButtonProps>) =>\n buttonVariantOrder[button.props.variant ?? 'secondary'];\n\nexport const Controls = ({ children, className, variant = 'default', ...props }: ControlsProps) => {\n const childArray = Children.toArray(children);\n const buttons: React.ReactElement<ButtonProps>[] = [];\n const nonButtons: React.ReactNode[] = [];\n\n childArray.forEach((child) => {\n if (isValidElement<ButtonProps>(child) && child.type === Button) {\n buttons.push(child);\n } else {\n nonButtons.push(child);\n }\n });\n\n const sortedButtons = buttons\n .map((button, index) => ({ button, index, rank: getButtonRank(button) }))\n .sort((a, b) => a.rank - b.rank || a.index - b.index)\n .map(({ button, index }) =>\n cloneElement(button, {\n key: button.key ?? index,\n })\n );\n\n if (childArray.length === 0) {\n return null;\n }\n\n return (\n <div\n className={cx(styles.controls, variants[variant], className)}\n {...props}\n >\n {nonButtons && <span>{nonButtons}</span>}\n {sortedButtons}\n </div>\n );\n};\n"],"names":["buttonVariantOrder","primary","danger","secondary","tertiary","simple","variants","default","styles","fixed","inline","getButtonRank","button","props","variant","Controls","children","className","childArray","Children","toArray","buttons","nonButtons","forEach","child","isValidElement","type","Button","push","sortedButtons","map","index","rank","sort","a","b","cloneElement","key","length","jsxs","cx","controls","jsx"],"mappings":";;;;;;;;;GAMMA,IAAqB;AAAA,EACzBC,SAAS;AAAA,EACTC,QAAQ;AAAA,EACRC,WAAW;AAAA,EACXC,UAAU;AAAA,EACVC,QAAQ;AACV,GAEMC,IAAW;AAAA,EACfC,SAASC,EAAOD;AAAAA,EAChBE,OAAOD,EAAOC;AAAAA,EACdC,QAAQF,EAAOE;AACjB,GAOMC,IAAgBA,CAACC,MACrBZ,EAAmBY,EAAOC,MAAMC,WAAW,WAAW,GAE3CC,IAAWA,CAAC;AAAA,EAAEC,UAAAA;AAAAA,EAAUC,WAAAA;AAAAA,EAAWH,SAAAA,IAAU;AAAA,EAAW,GAAGD;AAAqB,MAAM;AACjG,QAAMK,IAAaC,EAASC,QAAQJ,CAAQ,GACtCK,IAA6C,CAAA,GAC7CC,IAAgC,CAAA;AAEtCJ,EAAAA,EAAWK,QAASC,CAAAA,MAAU;AAC5B,IAAIC,EAA4BD,CAAK,KAAKA,EAAME,SAASC,IACvDN,EAAQO,KAAKJ,CAAK,IAElBF,EAAWM,KAAKJ,CAAK;AAAA,EAEzB,CAAC;AAED,QAAMK,IAAgBR,EACnBS,IAAI,CAAClB,GAAQmB,OAAW;AAAA,IAAEnB,QAAAA;AAAAA,IAAQmB,OAAAA;AAAAA,IAAOC,MAAMrB,EAAcC,CAAM;AAAA,EAAA,EAAI,EACvEqB,KAAK,CAACC,GAAGC,MAAMD,EAAEF,OAAOG,EAAEH,QAAQE,EAAEH,QAAQI,EAAEJ,KAAK,EACnDD,IAAI,CAAC;AAAA,IAAElB,QAAAA;AAAAA,IAAQmB,OAAAA;AAAAA,EAAAA,MACdK,EAAaxB,GAAQ;AAAA,IACnByB,KAAKzB,EAAOyB,OAAON;AAAAA,EAAAA,CACpB,CACH;AAEF,SAAIb,EAAWoB,WAAW,IACjB,OAIP,gBAAAC,EAAC,OAAA,EACC,WAAWC,EAAGhC,EAAOiC,UAAUnC,EAASQ,CAAO,GAAGG,CAAS,GAC3D,GAAIJ,GAAM,kBAAA,YAETS,UAAAA;AAAAA,IAAAA,KAAc,gBAAAoB,EAAC,UAAMpB,UAAAA,EAAAA,CAAW;AAAA,IAChCO;AAAAA,EAAAA,GACH;AAEJ;"}
1
+ {"version":3,"file":"index.js","sources":["../../../src/components/controls/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport { Children, cloneElement, isValidElement } from 'react';\n\nimport { Button, type ButtonProps } from '../button';\nimport styles from './styles.module.css';\n\nconst buttonVariantOrder = {\n primary: 3,\n danger: 2,\n secondary: 1,\n tertiary: 0,\n simple: 0,\n} satisfies Record<NonNullable<ButtonProps['variant']>, number>;\n\nconst variants = {\n default: styles.default,\n fixed: styles.fixed,\n inline: styles.inline,\n};\n\nexport type ControlsProps = React.HTMLAttributes<HTMLDivElement> & {\n children?: React.ReactNode;\n variant?: keyof typeof variants;\n};\n\nconst getButtonRank = (button: React.ReactElement<ButtonProps>) =>\n buttonVariantOrder[button.props.variant ?? 'secondary'];\n\nexport const Controls = ({ children, className, variant = 'default', ...props }: ControlsProps) => {\n const childArray = Children.toArray(children);\n const buttons: React.ReactElement<ButtonProps>[] = [];\n const nonButtons: React.ReactNode[] = [];\n\n childArray.forEach((child) => {\n if (isValidElement<ButtonProps>(child) && child.type === Button) {\n buttons.push(child);\n } else {\n nonButtons.push(child);\n }\n });\n\n const sortedButtons = buttons\n .map((button, index) => ({ button, index, rank: getButtonRank(button) }))\n .sort((a, b) => a.rank - b.rank || a.index - b.index)\n .map(({ button, index }) =>\n cloneElement(button, {\n key: button.key ?? index,\n })\n );\n\n if (childArray.length === 0) {\n return null;\n }\n\n return (\n <div\n data-dynamic-position={variant === 'fixed' ? true : undefined}\n className={cx(styles.controls, variants[variant], className)}\n {...props}\n >\n {nonButtons && <span>{nonButtons}</span>}\n {sortedButtons}\n </div>\n );\n};\n"],"names":["buttonVariantOrder","primary","danger","secondary","tertiary","simple","variants","default","styles","fixed","inline","getButtonRank","button","props","variant","Controls","children","className","childArray","Children","toArray","buttons","nonButtons","forEach","child","isValidElement","type","Button","push","sortedButtons","map","index","rank","sort","a","b","cloneElement","key","length","undefined","cx","controls","jsx"],"mappings":";;;;;;;;;GAMMA,IAAqB;AAAA,EACzBC,SAAS;AAAA,EACTC,QAAQ;AAAA,EACRC,WAAW;AAAA,EACXC,UAAU;AAAA,EACVC,QAAQ;AACV,GAEMC,IAAW;AAAA,EACfC,SAASC,EAAOD;AAAAA,EAChBE,OAAOD,EAAOC;AAAAA,EACdC,QAAQF,EAAOE;AACjB,GAOMC,IAAgBA,CAACC,MACrBZ,EAAmBY,EAAOC,MAAMC,WAAW,WAAW,GAE3CC,IAAWA,CAAC;AAAA,EAAEC,UAAAA;AAAAA,EAAUC,WAAAA;AAAAA,EAAWH,SAAAA,IAAU;AAAA,EAAW,GAAGD;AAAqB,MAAM;AACjG,QAAMK,IAAaC,EAASC,QAAQJ,CAAQ,GACtCK,IAA6C,CAAA,GAC7CC,IAAgC,CAAA;AAEtCJ,EAAAA,EAAWK,QAASC,CAAAA,MAAU;AAC5B,IAAIC,EAA4BD,CAAK,KAAKA,EAAME,SAASC,IACvDN,EAAQO,KAAKJ,CAAK,IAElBF,EAAWM,KAAKJ,CAAK;AAAA,EAEzB,CAAC;AAED,QAAMK,IAAgBR,EACnBS,IAAI,CAAClB,GAAQmB,OAAW;AAAA,IAAEnB,QAAAA;AAAAA,IAAQmB,OAAAA;AAAAA,IAAOC,MAAMrB,EAAcC,CAAM;AAAA,EAAA,EAAI,EACvEqB,KAAK,CAACC,GAAGC,MAAMD,EAAEF,OAAOG,EAAEH,QAAQE,EAAEH,QAAQI,EAAEJ,KAAK,EACnDD,IAAI,CAAC;AAAA,IAAElB,QAAAA;AAAAA,IAAQmB,OAAAA;AAAAA,EAAAA,MACdK,EAAaxB,GAAQ;AAAA,IACnByB,KAAKzB,EAAOyB,OAAON;AAAAA,EAAAA,CACpB,CACH;AAEF,SAAIb,EAAWoB,WAAW,IACjB,yBAIN,OAAA,EACC,yBAAuBxB,MAAY,UAAU,KAAOyB,QACpD,WAAWC,EAAGhC,EAAOiC,UAAUnC,EAASQ,CAAO,GAAGG,CAAS,GAC3D,GAAIJ,GAAM,kBAAA,YAETS,UAAAA;AAAAA,IAAAA,KAAc,gBAAAoB,EAAC,UAAMpB,UAAAA,EAAAA,CAAW;AAAA,IAChCO;AAAAA,EAAAA,GACH;AAEJ;"}