@solibo/solibo-ui 1.0.4 → 1.0.5

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 (62) hide show
  1. package/dist/assets/index13.css +1 -1
  2. package/dist/assets/index17.css +1 -1
  3. package/dist/assets/index31.css +1 -1
  4. package/dist/assets/index32.css +1 -1
  5. package/dist/assets/index39.css +1 -1
  6. package/dist/assets/index41.css +1 -1
  7. package/dist/assets/index47.css +1 -1
  8. package/dist/components/button/index.cjs +1 -1
  9. package/dist/components/button/index.js +10 -10
  10. package/dist/components/card/index.cjs +1 -1
  11. package/dist/components/card/index.cjs.map +1 -1
  12. package/dist/components/card/index.js +41 -31
  13. package/dist/components/card/index.js.map +1 -1
  14. package/dist/components/checkbox/index.cjs +1 -1
  15. package/dist/components/checkbox/index.js +1 -1
  16. package/dist/components/dropdown/index.cjs +1 -1
  17. package/dist/components/dropdown/index.js +3 -3
  18. package/dist/components/editor/index.cjs +21 -21
  19. package/dist/components/editor/index.cjs.map +1 -1
  20. package/dist/components/editor/index.js +1646 -1636
  21. package/dist/components/editor/index.js.map +1 -1
  22. package/dist/components/icon/index.cjs +1 -1
  23. package/dist/components/icon/index.js +1 -1
  24. package/dist/components/input/index.cjs +1 -1
  25. package/dist/components/input/index.js +2 -2
  26. package/dist/components/menu/index.cjs +1 -1
  27. package/dist/components/menu/index.cjs.map +1 -1
  28. package/dist/components/menu/index.js +14 -13
  29. package/dist/components/menu/index.js.map +1 -1
  30. package/dist/components/message/index.cjs +1 -1
  31. package/dist/components/message/index.cjs.map +1 -1
  32. package/dist/components/message/index.js +15 -14
  33. package/dist/components/message/index.js.map +1 -1
  34. package/dist/components/nav/index.cjs +1 -1
  35. package/dist/components/nav/index.cjs.map +1 -1
  36. package/dist/components/nav/index.js +35 -30
  37. package/dist/components/nav/index.js.map +1 -1
  38. package/dist/components/popover/index.cjs +1 -1
  39. package/dist/components/popover/index.cjs.map +1 -1
  40. package/dist/components/popover/index.js +83 -39
  41. package/dist/components/popover/index.js.map +1 -1
  42. package/dist/components/search/index.cjs +1 -1
  43. package/dist/components/search/index.js +1 -1
  44. package/dist/components/select/index.cjs +1 -1
  45. package/dist/components/select/index.js +2 -2
  46. package/dist/{icons-DYCSlAoX.cjs → icons-BROXUtPz.cjs} +2 -2
  47. package/dist/{icons-DYCSlAoX.cjs.map → icons-BROXUtPz.cjs.map} +1 -1
  48. package/dist/{icons-CKzd_L4D.js → icons-CH48JQqt.js} +6 -2
  49. package/dist/{icons-CKzd_L4D.js.map → icons-CH48JQqt.js.map} +1 -1
  50. package/dist/{index-DFXqYJat.js → index-BrGCs_7h.js} +2 -2
  51. package/dist/{index-DFXqYJat.js.map → index-BrGCs_7h.js.map} +1 -1
  52. package/dist/{index-CP5A_BGJ.cjs → index-CIugi8vq.cjs} +2 -2
  53. package/dist/{index-CP5A_BGJ.cjs.map → index-CIugi8vq.cjs.map} +1 -1
  54. package/dist/{index-B9xtLe2w.js → index-CRAuAHow.js} +2 -2
  55. package/dist/{index-B9xtLe2w.js.map → index-CRAuAHow.js.map} +1 -1
  56. package/dist/{index-N4IMha5Q.cjs → index-CSYOtiWJ.cjs} +2 -2
  57. package/dist/{index-N4IMha5Q.cjs.map → index-CSYOtiWJ.cjs.map} +1 -1
  58. package/dist/index.cjs +1 -1
  59. package/dist/index.d.ts +32 -10
  60. package/dist/index.js +39 -38
  61. package/dist/tokens.json +1 -1
  62. package/package.json +1 -1
@@ -1 +1 @@
1
- ._nav_1s9ne_3 a{display:block}._horizontal_1s9ne_9 a,._horizontal_1s9ne_9 li{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._sidebar_1s9ne_19 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_1s9ne_19 a [data-component=badge]{margin-left:auto}._sidebar_1s9ne_19 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_1s9ne_19 a:not(:last-child){margin-bottom:var(--shape-spacing-2xs)}._sidebar_1s9ne_19 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_1s9ne_19~._sidebar_1s9ne_19{border-top:solid 1px var(--colors-semantic-border-default);margin-top:var(--shape-spacing-lg);padding-top:var(--shape-spacing-2xs)}._nav_1s9ne_3._tabs_1s9ne_60._tabs_1s9ne_60{border-bottom:var(--scale-1) solid var(--colors-semantic-border-default);display:flex;gap:var(--utils-tokens-unit)}._nav_1s9ne_3._tabs_1s9ne_60._tabs_1s9ne_60 a,._nav_1s9ne_3._tabs_1s9ne_60._tabs_1s9ne_60 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_1s9ne_3._tabs_1s9ne_60._tabs_1s9ne_60 a[aria-current=page],._nav_1s9ne_3._tabs_1s9ne_60._tabs_1s9ne_60 li[aria-current=page]{color:var(--colors-purple-500);border-bottom:var(--scale-1) solid var(--colors-purple-500)}._nav_1s9ne_3._pills_1s9ne_80._pills_1s9ne_80{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_1s9ne_3._pills_1s9ne_80._pills_1s9ne_80:has(>:only-child){display:none}._nav_1s9ne_3._pills_1s9ne_80._pills_1s9ne_80: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_1s9ne_3._pills_1s9ne_80._pills_1s9ne_80 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_1s9ne_3._pills_1s9ne_80._pills_1s9ne_80 a[aria-current=page]{anchor-name:--current;color:var(--colors-semantic-bg-surface)}._nav_1s9ne_3._pills_1s9ne_80._pills_1s9ne_80 a[aria-current=page]:hover{color:var(--colors-semantic-bg-surface)}@media (width <= 1024px){._nav_1s9ne_3._pills_1s9ne_80._pills_1s9ne_80{flex-direction:column}._nav_1s9ne_3._pills_1s9ne_80._pills_1s9ne_80 a[aria-current=page]{background-color:var(--colors-purple-500)}._nav_1s9ne_3._pills_1s9ne_80._pills_1s9ne_80 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_1s9ne_3._pills_1s9ne_80._pills_1s9ne_80 a:not([aria-current=page]){display:none}._nav_1s9ne_3._pills_1s9ne_80._pills_1s9ne_80[data-open=true] a{display:block}._nav_1s9ne_3._pills_1s9ne_80._pills_1s9ne_80[data-open=true] a[aria-current=page]:after{transform:rotateX(180deg)}._nav_1s9ne_3._pills_1s9ne_80._pills_1s9ne_80:before{display:none}}@supports not (position-anchor: --x){._pills_1s9ne_80:before{display:none}._pills_1s9ne_80 a[aria-current=page]{background:var(--colors-purple-500);color:var(--colors-semantic-bg-surface)}}
1
+ ._nav_1ecsd_3 a{display:block}._label_1ecsd_9{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._horizontal_1ecsd_17 a,._horizontal_1ecsd_17 li{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._sidebar_1ecsd_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_1ecsd_27 a [data-component=badge]{margin-left:auto}._sidebar_1ecsd_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_1ecsd_27 a:not(:last-child){margin-bottom:var(--shape-spacing-2xs)}._sidebar_1ecsd_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_1ecsd_27 form{margin:calc(var(--shape-spacing-xs) - 1px) 0}._sidebar_1ecsd_27~._sidebar_1ecsd_27{border-top:solid 1px var(--colors-semantic-border-default);margin-top:var(--shape-spacing-lg);padding-top:var(--shape-spacing-2xs)}._nav_1ecsd_3._tabs_1ecsd_73._tabs_1ecsd_73{border-bottom:var(--scale-1) solid var(--colors-semantic-border-default);display:flex;gap:var(--utils-tokens-unit)}._nav_1ecsd_3._tabs_1ecsd_73._tabs_1ecsd_73 a,._nav_1ecsd_3._tabs_1ecsd_73._tabs_1ecsd_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_1ecsd_3._tabs_1ecsd_73._tabs_1ecsd_73 a[aria-current=page],._nav_1ecsd_3._tabs_1ecsd_73._tabs_1ecsd_73 li[aria-current=page]{color:var(--colors-purple-500);border-bottom:var(--scale-1) solid var(--colors-purple-500)}._nav_1ecsd_3._pills_1ecsd_93._pills_1ecsd_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_1ecsd_3._pills_1ecsd_93._pills_1ecsd_93:has(>:only-child){display:none}._nav_1ecsd_3._pills_1ecsd_93._pills_1ecsd_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_1ecsd_3._pills_1ecsd_93._pills_1ecsd_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_1ecsd_3._pills_1ecsd_93._pills_1ecsd_93 a[aria-current=page]{anchor-name:--current;color:var(--colors-semantic-bg-surface)}._nav_1ecsd_3._pills_1ecsd_93._pills_1ecsd_93 a[aria-current=page]:hover{color:var(--colors-semantic-bg-surface)}@media (width <= 1024px){._nav_1ecsd_3._pills_1ecsd_93._pills_1ecsd_93{flex-direction:column}._nav_1ecsd_3._pills_1ecsd_93._pills_1ecsd_93 a[aria-current=page]{background-color:var(--colors-purple-500)}._nav_1ecsd_3._pills_1ecsd_93._pills_1ecsd_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_1ecsd_3._pills_1ecsd_93._pills_1ecsd_93 a:not([aria-current=page]){display:none}._nav_1ecsd_3._pills_1ecsd_93._pills_1ecsd_93[data-open=true] a{display:block}._nav_1ecsd_3._pills_1ecsd_93._pills_1ecsd_93[data-open=true] a[aria-current=page]:after{transform:rotateX(180deg)}._nav_1ecsd_3._pills_1ecsd_93._pills_1ecsd_93:before{display:none}}@supports not (position-anchor: --x){._pills_1ecsd_93:before{display:none}._pills_1ecsd_93 a[aria-current=page]{background:var(--colors-purple-500);color:var(--colors-semantic-bg-surface)}}
@@ -1 +1 @@
1
- ._popover_ttn4t_1{display:inline-block;position:relative}._popover-panel_ttn4t_6{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);margin-top:var(--shape-spacing-2xs);max-height:90vh;max-width:90vw;overflow:auto;padding:var(--shape-spacing-xs);position:absolute;top:100%;z-index:3}._left_ttn4t_23{right:0;transform-origin:top right}._right_ttn4t_28{left:0;transform-origin:top left}._trigger_ttn4t_33{color:var(--colors-semantic-content-secondary);padding:var(--scale-8)}._trigger_ttn4t_33:focus-visible{outline:var(--scale-2) solid var(--colors-semantic-border-focus);outline-offset:var(--scale-2)}._trigger_ttn4t_33:hover{background-color:var(--colors-semantic-interactive-hover-subtle)}
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 +1 @@
1
- ._button_15j52_1{align-items:center;background-color:var(--colors-semantic-bg-page);border-radius:var(--shape-border-radius-radius-md);border:none;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-secondary);cursor:pointer;display:inline-flex;font-size:var(--typography-font-sizes-body-md);font-weight:var(--font-font-weight-semibold);padding:calc(var(--utils-tokens-unit) - var(--scale-2));transition:all var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function)}._button_15j52_1 [data-component=badge]{margin-left:var(--shape-spacing-xs)}._button_15j52_1:disabled{cursor:not-allowed;opacity:var(--utils-tokens-opacity-minimal)}._danger_15j52_28{background-color:var(--colors-semantic-interactive-destructive-bg);color:var(--colors-semantic-bg-surface)}._danger_15j52_28:not([disabled]):hover{background-color:var(--colors-semantic-interactive-destructive-hover)}._tertiary_15j52_37{background-color:transparent;border-radius:var(--shape-border-radius-radius-md);border:none;box-shadow:none}._primary_15j52_44{background-color:var(--colors-semantic-primary-primary);color:var(--colors-semantic-bg-surface)}._primary_15j52_44:not([disabled]):hover{background-color:var(--colors-semantic-primary-primary-active)!important}._secondary_15j52_53{background-color:var(--colors-semantic-interactive-secondary-bg)}._secondary_15j52_53:not([disabled]):hover{background-color:var(--colors-semantic-interactive-secondary-hover)}
1
+ ._button_c8tzo_1{align-items:center;background-color:var(--colors-semantic-bg-page);border-radius:var(--shape-border-radius-radius-md);border:none;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-secondary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--typography-font-sizes-body-md);font-weight:var(--font-font-weight-semibold);padding:calc(var(--utils-tokens-unit) - var(--scale-2));transition:all var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function)}._button_c8tzo_1 [data-component=badge]{margin-left:var(--shape-spacing-xs)}._button_c8tzo_1:disabled{cursor:not-allowed;opacity:var(--utils-tokens-opacity-minimal)}._danger_c8tzo_29{background-color:var(--colors-semantic-interactive-destructive-bg);color:var(--colors-semantic-bg-surface)}._danger_c8tzo_29:not([disabled]):hover{background-color:var(--colors-semantic-interactive-destructive-hover)}._tertiary_c8tzo_38{background-color:transparent;border-radius:var(--shape-border-radius-radius-md);border:none;box-shadow:none}._primary_c8tzo_45{background-color:var(--colors-semantic-primary-primary);color:var(--colors-semantic-bg-surface)}._primary_c8tzo_45:not([disabled]):hover{background-color:var(--colors-semantic-primary-primary-active)!important}._secondary_c8tzo_54{background-color:var(--colors-semantic-interactive-secondary-bg)}._secondary_c8tzo_54:not([disabled]):hover{background-color:var(--colors-semantic-interactive-secondary-hover)}
@@ -1 +1 @@
1
- ._card_tv1p7_1{background-color:var(--colors-semantic-bg-surface);border-radius:var(--shape-border-radius-radius-lg);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);min-width:0;overflow:hidden!important;padding:var(--shape-spacing-md);position:relative;text-overflow:ellipsis;transition:background-color var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function),box-shadow var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function),width var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function);width:100%}._card_tv1p7_1 section{display:inline-block;flex:1 1 auto;min-width:0;width:100%}._card_tv1p7_1 ._head_tv1p7_27{align-items:center;display:flex;gap:var(--shape-spacing-xs);max-width:100%}._card_tv1p7_1 ._head_tv1p7_27 header{flex:1 1 auto;margin:0;min-width:0}._card_tv1p7_1 ._head_tv1p7_27._center_tv1p7_39{align-items:center}._card_tv1p7_1 ._head_tv1p7_27 :is(h1,h2,h3,h4,h5,h6):first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._card_tv1p7_1 ._content_tv1p7_51>:last-child{margin-bottom:0}._card_tv1p7_1 ._margin_tv1p7_57{margin-top:var(--shape-spacing-md)}._card_tv1p7_1:has(select),._card_tv1p7_1:has([data-component=popover]){overflow:visible!important}._card_tv1p7_1 [data-component=croppable]{width:100%}._card_tv1p7_1 [data-component=list]{min-width:0}._card_tv1p7_1 [data-component=list] li{max-width:100%;min-width:0}._card_tv1p7_1 [data-component=list] li>a{display:block;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._card_tv1p7_1 [data-component=list] li>[data-component=file]{width:100%}._clickable_tv1p7_93{cursor:pointer}._clickable_tv1p7_93:hover{background-color:var(--colors-semantic-interactive-hover-subtle);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)}._clickable_tv1p7_93:focus-visible{outline:var(--scale-2) solid var(--colors-semantic-border-focus)}._muted_tv1p7_108 ._head_tv1p7_27 :is(header,h1,h2,h3,h4,h5,h6){font-weight:var(--font-font-weight-regular)}._muted_tv1p7_108:not(._selected_tv1p7_113){background-color:transparent}._image-top_tv1p7_118{margin-bottom:var(--shape-spacing-md);width:100%}._image-top_tv1p7_118 img{width:100%;height:calc(12.5 * var(--utils-tokens-unit));-o-object-fit:cover;object-fit:cover}._image-left_tv1p7_129{max-height:calc(8.75 * var(--utils-tokens-unit));max-width:calc(8.75 * var(--utils-tokens-unit));min-height:var(--scale-56);min-width:var(--scale-56)}._image-left_tv1p7_129 img{aspect-ratio:1 / 1}._selected_tv1p7_113{background-color:var(--colors-semantic-interactive-selected);outline:var(--scale-2) solid var(--colors-semantic-primary-primary-subtle-border)}._selected_tv1p7_113:hover{background-color:var(--colors-semantic-interactive-selected)}
1
+ ._card_r2a1i_1{background-color:var(--colors-semantic-bg-surface);border-radius:var(--shape-border-radius-radius-lg);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);min-width:0;overflow:hidden!important;padding:var(--shape-spacing-md);position:relative;text-overflow:ellipsis;transition:background-color var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function),box-shadow var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function),width var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function);width:100%}._card_r2a1i_1 section{display:inline-block;flex:1 1 auto;min-width:0;width:100%}._card_r2a1i_1 ._head_r2a1i_27{align-items:center;display:flex;gap:var(--shape-spacing-xs);max-width:100%}._card_r2a1i_1 ._head_r2a1i_27 header{flex:1 1 auto;margin:0;min-width:0}._card_r2a1i_1 ._head_r2a1i_27._center_r2a1i_39{align-items:center}._card_r2a1i_1 ._head_r2a1i_27 :is(h1,h2,h3,h4,h5,h6):first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._card_r2a1i_1 ._content_r2a1i_51>:last-child{margin-bottom:0}._card_r2a1i_1 ._preview_r2a1i_57{align-items:center;color:var(--colors-semantic-content-secondary);display:grid;grid-template-columns:-webkit-max-content minmax(0,1fr) -webkit-max-content;grid-template-columns:max-content minmax(0,1fr) max-content;max-width:100%;min-width:0;white-space:nowrap;width:100%}._card_r2a1i_1 ._preview-leading_r2a1i_68,._card_r2a1i_1 ._preview-trailing_r2a1i_69{align-items:center;display:inline-flex;flex-wrap:nowrap;max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content;white-space:nowrap}._card_r2a1i_1 ._preview-leading_r2a1i_68:not(:empty){margin-right:var(--shape-spacing-xs)}._card_r2a1i_1 ._preview-trailing_r2a1i_69:not(:empty){margin-left:var(--shape-spacing-xs)}._card_r2a1i_1 ._preview-trailing_r2a1i_69 time{font-size:var(--typography-font-sizes-caption)}._card_r2a1i_1 ._preview-content_r2a1i_89{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._card_r2a1i_1 ._margin_r2a1i_97{margin-top:var(--shape-spacing-md)}._card_r2a1i_1:has(select),._card_r2a1i_1:has([data-component=popover]){overflow:visible!important}._card_r2a1i_1 [data-component=croppable]{width:100%}._card_r2a1i_1 [data-component=list]{min-width:0}._card_r2a1i_1 [data-component=list] li{max-width:100%;min-width:0}._card_r2a1i_1 [data-component=list] li>a{display:block;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._card_r2a1i_1 [data-component=list] li>[data-component=file]{width:100%}._clickable_r2a1i_133{cursor:pointer}._clickable_r2a1i_133:hover{background-color:var(--colors-semantic-interactive-hover-subtle);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)}._clickable_r2a1i_133:focus-visible{outline:var(--scale-2) solid var(--colors-semantic-border-focus)}._muted_r2a1i_148 ._head_r2a1i_27 :is(header,h1,h2,h3,h4,h5,h6){font-weight:var(--font-font-weight-regular)}._muted_r2a1i_148:not(._selected_r2a1i_153){background-color:transparent}._image-top_r2a1i_158{margin-bottom:var(--shape-spacing-md);width:100%}._image-top_r2a1i_158 img{width:100%;height:calc(12.5 * var(--utils-tokens-unit));-o-object-fit:cover;object-fit:cover}._image-left_r2a1i_169{max-height:calc(8.75 * var(--utils-tokens-unit));max-width:calc(8.75 * var(--utils-tokens-unit));min-height:var(--scale-56);min-width:var(--scale-56)}._image-left_r2a1i_169 img{aspect-ratio:1 / 1}._selected_r2a1i_153{background-color:var(--colors-semantic-interactive-selected);outline:var(--scale-2) solid var(--colors-semantic-primary-primary-subtle-border)}._selected_r2a1i_153:hover{background-color:var(--colors-semantic-interactive-selected)}
@@ -1 +1 @@
1
- ._combobox_qsl6y_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_qsl6y_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_qsl6y_12::-moz-placeholder{color:var(--colors-semantic-content-tertiary)}._combobox-input_qsl6y_12::placeholder{color:var(--colors-semantic-content-tertiary)}._dropdown_qsl6y_27{position:relative}._dropdown_qsl6y_27 ._empty_qsl6y_30,._dropdown_qsl6y_27 ._group_qsl6y_31,._dropdown_qsl6y_27 ._placeholder_qsl6y_32{color:var(--colors-semantic-content-secondary)}._dropdown_qsl6y_27 ._empty_qsl6y_30{padding:var(--scale-4) var(--scale-8)}._dropdown_qsl6y_27 ._filter_qsl6y_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_qsl6y_27 ._group_qsl6y_31{flex-shrink:0}._dropdown_qsl6y_27 ._native_qsl6y_52{height:var(--scale-1);left:0;opacity:0;pointer-events:none;position:absolute;top:0;width:var(--scale-1)}._dropdown_qsl6y_27 ._option_qsl6y_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_qsl6y_27 ._option_qsl6y_62:disabled{color:var(--colors-neutral-300);cursor:not-allowed}._dropdown_qsl6y_27 ._options_qsl6y_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_qsl6y_27 ._options_qsl6y_84::-webkit-scrollbar{width:var(--scale-8)}._dropdown_qsl6y_27 ._options_qsl6y_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_qsl6y_27 ._options_qsl6y_84::-webkit-scrollbar-track{background:transparent}._dropdown_qsl6y_27 ._panel_qsl6y_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;margin-top:var(--scale-8);max-height:80vh;overflow:hidden;padding:var(--scale-8) var(--scale-4);position:absolute;right:0;z-index:2}._dropdown_qsl6y_27 ._placeholder_qsl6y_32{color:var(--colors-semantic-content-primary);font-weight:var(--font-font-weight-regular)}._dropdown_qsl6y_27 ._selected_qsl6y_131{font-weight:var(--font-font-weight-semibold)}._dropdown_qsl6y_27 ._text_qsl6y_135{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;text-overflow:ellipsis;white-space:nowrap}._dropdown_qsl6y_27 ._trigger_qsl6y_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);background-image:var(--icon-svg);background-position:right var(--scale-8) center;background-repeat:no-repeat;background-size:var(--utils-tokens-icon-size);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));text-align:left;width:100%}._dropdown_qsl6y_27 ._trigger_qsl6y_145::-moz-placeholder{color:var(--colors-semantic-content-tertiary)}._dropdown_qsl6y_27 ._trigger_qsl6y_145::placeholder{color:var(--colors-semantic-content-tertiary)}._dropdown_qsl6y_27 ._trigger_qsl6y_145:disabled{background-color:var(--colors-semantic-interactive-disabled);color:var(--colors-semantic-content-primary);pointer-events:none}._dropdown_qsl6y_27._minimal_qsl6y_164{--dropdown-muted: rgb(255 255 255 / 65%);--dropdown-background: rgb(0 0 0 / 85%);--dropdown-placeholder: rgb(255 255 255 / 65%)}._dropdown_qsl6y_27._minimal_qsl6y_164 ._empty_qsl6y_30,._dropdown_qsl6y_27._minimal_qsl6y_164 ._group_qsl6y_31{color:var(--dropdown-muted)}._dropdown_qsl6y_27._minimal_qsl6y_164 ._filter_qsl6y_40{border:0;box-shadow:none;padding:var(--scale-4);padding-left:calc(var(--scale-32) - var(--scale-4))}._dropdown_qsl6y_27._minimal_qsl6y_164 ._option_qsl6y_62{color:var(--colors-semantic-bg-surface)}._dropdown_qsl6y_27._minimal_qsl6y_164 ._option_qsl6y_62:disabled{color:#ffffff73}._dropdown_qsl6y_27._minimal_qsl6y_164 ._panel_qsl6y_108{background-color:var(--dropdown-background);border:none;border-top-left-radius:0;border-top-right-radius:0;color:var(--colors-semantic-bg-surface);margin-top:calc(var(--utils-tokens-negative-unit) - var(--shape-spacing-xs))}._dropdown_qsl6y_27._minimal_qsl6y_164 ._panel_qsl6y_108 input{background-color:transparent;border-color:var(--colors-neutral-300);color:var(--colors-semantic-bg-surface)}._dropdown_qsl6y_27._minimal_qsl6y_164 ._panel_qsl6y_108 input::-moz-placeholder{color:var(--dropdown-muted)}._dropdown_qsl6y_27._minimal_qsl6y_164 ._panel_qsl6y_108 input::placeholder{color:var(--dropdown-muted)}._dropdown_qsl6y_27._minimal_qsl6y_164 ._placeholder_qsl6y_32{color:var(--dropdown-placeholder)}._dropdown_qsl6y_27._minimal_qsl6y_164 ._trigger_qsl6y_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_qsl6y_27._inline_qsl6y_221{flex:1 1 auto;min-width:0}._dropdown_qsl6y_27._inline_qsl6y_221 ._combobox_qsl6y_3{border:0;border-radius:0;box-shadow:none;outline:0;min-height:calc(var(--scale-32) + var(--scale-8));padding:0}._dropdown_qsl6y_27._inline_qsl6y_221 ._combobox-input_qsl6y_12{border:0;border-radius:0;box-shadow:none;outline:0;padding:var(--shape-spacing-xs) 0}._dropdown_qsl6y_27._inline_qsl6y_221 ._text_qsl6y_135{font-size:var(--typography-font-sizes-body-md)}._dropdown_qsl6y_27._inline_qsl6y_221 ._trigger_qsl6y_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_qsl6y_253{display:grid;gap:var(--scale-8);width:100%}._inline-field_qsl6y_259{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_qsl6y_259:focus-within{border-bottom-color:var(--colors-semantic-primary-primary)}._inline-field_qsl6y_259>span{color:var(--colors-semantic-content-tertiary);flex:none;margin-bottom:0}
1
+ ._combobox_qsl6y_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_qsl6y_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_qsl6y_12::-moz-placeholder{color:var(--colors-semantic-content-tertiary)}._combobox-input_qsl6y_12::placeholder{color:var(--colors-semantic-content-tertiary)}._dropdown_qsl6y_27{position:relative}._dropdown_qsl6y_27 ._empty_qsl6y_30,._dropdown_qsl6y_27 ._group_qsl6y_31,._dropdown_qsl6y_27 ._placeholder_qsl6y_32{color:var(--colors-semantic-content-secondary)}._dropdown_qsl6y_27 ._empty_qsl6y_30{padding:var(--scale-4) var(--scale-8)}._dropdown_qsl6y_27 ._filter_qsl6y_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_qsl6y_27 ._group_qsl6y_31{flex-shrink:0}._dropdown_qsl6y_27 ._native_qsl6y_52{height:var(--scale-1);left:0;opacity:0;pointer-events:none;position:absolute;top:0;width:var(--scale-1)}._dropdown_qsl6y_27 ._option_qsl6y_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_qsl6y_27 ._option_qsl6y_62:disabled{color:var(--colors-neutral-300);cursor:not-allowed}._dropdown_qsl6y_27 ._options_qsl6y_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_qsl6y_27 ._options_qsl6y_84::-webkit-scrollbar{width:var(--scale-8)}._dropdown_qsl6y_27 ._options_qsl6y_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_qsl6y_27 ._options_qsl6y_84::-webkit-scrollbar-track{background:transparent}._dropdown_qsl6y_27 ._panel_qsl6y_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;margin-top:var(--scale-8);max-height:80vh;overflow:hidden;padding:var(--scale-8) var(--scale-4);position:absolute;right:0;z-index:2}._dropdown_qsl6y_27 ._placeholder_qsl6y_32{color:var(--colors-semantic-content-primary);font-weight:var(--font-font-weight-regular)}._dropdown_qsl6y_27 ._selected_qsl6y_131{font-weight:var(--font-font-weight-semibold)}._dropdown_qsl6y_27 ._text_qsl6y_135{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;text-overflow:ellipsis;white-space:nowrap}._dropdown_qsl6y_27 ._trigger_qsl6y_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);background-image:var(--icon-svg);background-position:right var(--scale-8) center;background-repeat:no-repeat;background-size:var(--utils-tokens-icon-size);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));text-align:left;width:100%}._dropdown_qsl6y_27 ._trigger_qsl6y_145::-moz-placeholder{color:var(--colors-semantic-content-tertiary)}._dropdown_qsl6y_27 ._trigger_qsl6y_145::placeholder{color:var(--colors-semantic-content-tertiary)}._dropdown_qsl6y_27 ._trigger_qsl6y_145:disabled{background-color:var(--colors-semantic-interactive-disabled);color:var(--colors-semantic-content-primary);pointer-events:none}._dropdown_qsl6y_27._minimal_qsl6y_164{--dropdown-muted: rgb(255 255 255 / 65%);--dropdown-background: rgb(0 0 0 / 85%);--dropdown-placeholder: rgb(255 255 255 / 65%)}._dropdown_qsl6y_27._minimal_qsl6y_164 ._empty_qsl6y_30,._dropdown_qsl6y_27._minimal_qsl6y_164 ._group_qsl6y_31{color:var(--dropdown-muted)}._dropdown_qsl6y_27._minimal_qsl6y_164 ._filter_qsl6y_40{border:0;box-shadow:none;padding:var(--scale-4);padding-left:calc(var(--scale-32) - var(--scale-4))}._dropdown_qsl6y_27._minimal_qsl6y_164 ._option_qsl6y_62{color:var(--colors-semantic-bg-surface)}._dropdown_qsl6y_27._minimal_qsl6y_164 ._option_qsl6y_62:disabled{color:#ffffff73}._dropdown_qsl6y_27._minimal_qsl6y_164 ._panel_qsl6y_108{background-color:var(--dropdown-background);border:none;border-top-left-radius:0;border-top-right-radius:0;color:var(--colors-semantic-bg-surface);margin-top:calc(var(--utils-tokens-negative-unit) - var(--shape-spacing-xs))}._dropdown_qsl6y_27._minimal_qsl6y_164 ._panel_qsl6y_108 input{background-color:transparent;border-color:var(--colors-neutral-300);color:var(--colors-semantic-bg-surface)}._dropdown_qsl6y_27._minimal_qsl6y_164 ._panel_qsl6y_108 input::-moz-placeholder{color:var(--dropdown-muted)}._dropdown_qsl6y_27._minimal_qsl6y_164 ._panel_qsl6y_108 input::placeholder{color:var(--dropdown-muted)}._dropdown_qsl6y_27._minimal_qsl6y_164 ._placeholder_qsl6y_32{color:var(--dropdown-placeholder)}._dropdown_qsl6y_27._minimal_qsl6y_164 ._trigger_qsl6y_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_qsl6y_27._inline_qsl6y_221{flex:1 1 auto;min-width:0}._dropdown_qsl6y_27._inline_qsl6y_221 ._combobox_qsl6y_3{border:0;border-radius:0;box-shadow:none;outline:0;min-height:calc(var(--scale-32) + var(--scale-8));padding:0}._dropdown_qsl6y_27._inline_qsl6y_221 ._combobox-input_qsl6y_12{border:0;border-radius:0;box-shadow:none;outline:0;padding:var(--shape-spacing-xs) 0}._dropdown_qsl6y_27._inline_qsl6y_221 ._text_qsl6y_135{font-size:var(--typography-font-sizes-body-md)}._dropdown_qsl6y_27._inline_qsl6y_221 ._trigger_qsl6y_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_qsl6y_253{display:grid;gap:var(--scale-8);width:100%}._inline-field_qsl6y_259{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_qsl6y_259:focus-within{border-bottom-color:var(--colors-semantic-primary-primary)}._inline-field_qsl6y_259>span{color:var(--colors-semantic-content-tertiary);flex:none;margin-bottom:0!important}
@@ -1 +1 @@
1
- ._editor_wm8ua_1{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_wm8ua_1 [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_wm8ua_1 [role=textbox] p{margin-block:0}._editor_wm8ua_1 img{max-width:100%}._content_wm8ua_28{position:relative}._files_wm8ua_32{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_wm8ua_40 [role=textbox]{border-radius:0}._placeholder_wm8ua_44{color:var(--colors-semantic-content-secondary);left:var(--utils-tokens-unit);pointer-events:none;position:absolute;top:var(--scale-8)}._fill_wm8ua_52{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100%}._fill_wm8ua_52 ._content_wm8ua_28{min-height:0}._fill_wm8ua_52 [role=textbox]{height:100%;max-height:none}._meta_wm8ua_67{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_wm8ua_67._active_wm8ua_76{border-top:var(--scale-1) solid var(--colors-semantic-border-default);height:auto;opacity:1}._meta_wm8ua_67 input{border-radius:0;width:100%}._submit_wm8ua_88{margin-left:auto}._bold_wm8ua_92{font-weight:700}._italic_wm8ua_96{font-style:italic}._link_wm8ua_100{color:var(--colors-semantic-primary-primary);cursor:pointer;text-decoration:underline}._list_wm8ua_106,._paragraph_wm8ua_107{margin:var(--scale-8) 0}._list_wm8ua_106{list-style-type:disc!important}._list_wm8ua_106 li{list-style:inherit;margin-left:var(--scale-16);margin-bottom:var(--scale-8)}
1
+ ._field_1dvgh_3{min-width:0;width:100%}._editor_1dvgh_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_1dvgh_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_1dvgh_8 [role=textbox] p{margin-block:0}._editor_1dvgh_8 img{max-width:100%}._invalid_1dvgh_35{border-color:var(--colors-semantic-status-error-border);outline:solid var(--scale-1) var(--colors-semantic-status-error-border)}._error_1dvgh_39{color:var(--colors-semantic-status-error-content);font-size:var(--typography-font-sizes-body-sm);margin-top:var(--scale-4)}._content_1dvgh_45{position:relative}._files_1dvgh_49{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_1dvgh_57 [role=textbox]{border-radius:0}._placeholder_1dvgh_61{color:var(--colors-semantic-content-secondary);left:var(--utils-tokens-unit);pointer-events:none;position:absolute;top:var(--scale-8)}._fill_1dvgh_69{display:grid;grid-template-rows:minmax(0,1fr) auto;height:100%;min-height:0}._fill-editor_1dvgh_76{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100%;min-height:0}._fill-editor_1dvgh_76 ._content_1dvgh_45{min-height:0}._fill-editor_1dvgh_76 [role=textbox]{height:100%;max-height:none}._meta_1dvgh_92{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_1dvgh_92._active_1dvgh_101{border-top:var(--scale-1) solid var(--colors-semantic-border-default);height:auto;opacity:1}._meta_1dvgh_92 input{border-radius:0;width:100%}._submit_1dvgh_113{margin-left:auto}._bold_1dvgh_117{font-weight:700}._italic_1dvgh_121{font-style:italic}._link_1dvgh_125{color:var(--colors-semantic-primary-primary);cursor:pointer;text-decoration:underline}._list_1dvgh_131,._paragraph_1dvgh_132{margin:var(--scale-8) 0}._list_1dvgh_131{list-style-type:disc!important}._list_1dvgh_131 li{list-style:inherit;margin-left:var(--scale-16);margin-bottom:var(--scale-8)}
@@ -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}._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_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,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index31.css');const n=require("react/jsx-runtime"),y=require("../../classix-5H4IWnMA.cjs"),_=require("../badge/index.cjs"),g=require("../icon/index.cjs"),l="_button_15j52_1",m="_danger_15j52_28",p="_tertiary_15j52_37",b="_primary_15j52_44",j="_secondary_15j52_53",t={button:l,danger:m,tertiary:p,primary:b,secondary:j},x={danger:t.danger,primary:t.primary,secondary:t.secondary,tertiary:t.tertiary};function h({badge:o,children:r,className:a,disabled:s=!1,icon:e,onClick:i,ref:c,variant:d="secondary",...u}){return n.jsxs("button",{className:y.t(t.button,x[d],a),disabled:s,onClick:i,ref:c,type:"button",...u,"data-component":"button",children:[e&&n.jsx(g.Icon,{fill:!0,gap:r?"right":void 0,name:e,size:"small"}),r,n.jsx(_.Badge,{variant:"highlight",children:o})]})}exports.Button=h;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index31.css');const n=require("react/jsx-runtime"),y=require("../../classix-5H4IWnMA.cjs"),_=require("../badge/index.cjs"),g=require("../icon/index.cjs"),l="_button_c8tzo_1",m="_danger_c8tzo_29",p="_tertiary_c8tzo_38",b="_primary_c8tzo_45",x="_secondary_c8tzo_54",t={button:l,danger:m,tertiary:p,primary:b,secondary:x},z={danger:t.danger,primary:t.primary,secondary:t.secondary,tertiary:t.tertiary};function h({badge:o,children:r,className:a,disabled:s=!1,icon:e,onClick:c,ref:i,variant:d="secondary",...u}){return n.jsxs("button",{className:y.t(t.button,z[d],a),disabled:s,onClick:c,ref:i,type:"button",...u,"data-component":"button",children:[e&&n.jsx(g.Icon,{fill:!0,gap:r?"right":void 0,name:e,size:"small"}),r,n.jsx(_.Badge,{variant:"highlight",children:o})]})}exports.Button=h;
2
2
  //# sourceMappingURL=index.cjs.map
@@ -1,13 +1,13 @@
1
- import { jsxs as d, jsx as a } from "react/jsx-runtime";
1
+ import { jsxs as d, jsx as n } from "react/jsx-runtime";
2
2
  import { t as _ } from "../../classix-DG18itHa.js";
3
3
  import { Badge as p } from "../badge/index.js";
4
4
  import { Icon as u } from "../icon/index.js";
5
- import '../../assets/index31.css';const g = "_button_15j52_1", l = "_danger_15j52_28", b = "_tertiary_15j52_37", f = "_primary_15j52_44", j = "_secondary_15j52_53", t = {
5
+ import '../../assets/index31.css';const g = "_button_c8tzo_1", l = "_danger_c8tzo_29", b = "_tertiary_c8tzo_38", f = "_primary_c8tzo_45", z = "_secondary_c8tzo_54", t = {
6
6
  button: g,
7
7
  danger: l,
8
8
  tertiary: b,
9
9
  primary: f,
10
- secondary: j
10
+ secondary: z
11
11
  }, h = {
12
12
  danger: t.danger,
13
13
  primary: t.primary,
@@ -15,20 +15,20 @@ import '../../assets/index31.css';const g = "_button_15j52_1", l = "_danger_15j5
15
15
  tertiary: t.tertiary
16
16
  };
17
17
  function I({
18
- badge: o,
18
+ badge: a,
19
19
  children: r,
20
20
  className: e,
21
21
  disabled: s = !1,
22
- icon: n,
22
+ icon: o,
23
23
  onClick: i,
24
- ref: y,
25
- variant: c = "secondary",
24
+ ref: c,
25
+ variant: y = "secondary",
26
26
  ...m
27
27
  }) {
28
- return /* @__PURE__ */ d("button", { className: _(t.button, h[c], e), disabled: s, onClick: i, ref: y, type: "button", ...m, "data-component": "button", children: [
29
- n && /* @__PURE__ */ a(u, { fill: !0, gap: r ? "right" : void 0, name: n, size: "small" }),
28
+ return /* @__PURE__ */ d("button", { className: _(t.button, h[y], e), disabled: s, onClick: i, ref: c, type: "button", ...m, "data-component": "button", children: [
29
+ o && /* @__PURE__ */ n(u, { fill: !0, gap: r ? "right" : void 0, name: o, size: "small" }),
30
30
  r,
31
- /* @__PURE__ */ a(p, { variant: "highlight", children: o })
31
+ /* @__PURE__ */ n(p, { variant: "highlight", children: a })
32
32
  ] });
33
33
  }
34
34
  export {
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index32.css');const e=require("react/jsx-runtime"),d=require("../../classix-5H4IWnMA.cjs"),x=require("../badge/index.cjs"),j=require("../checkbox/index.cjs"),p=require("../figure/index.cjs"),f=require("../icon/index.cjs"),v="_card_tv1p7_1",q="_head_tv1p7_27",y="_center_tv1p7_39",h="_content_tv1p7_51",N="_margin_tv1p7_57",b="_clickable_tv1p7_93",T="_muted_tv1p7_108",k="_selected_tv1p7_113",t={card:v,head:q,center:y,content:h,margin:N,clickable:b,muted:T,selected:k,"image-top":"_image-top_tv1p7_118","image-left":"_image-left_tv1p7_129"},D=({actions:g,badge:l,checkbox:c,children:m,emphasis:_="default",header:o,icon:u,image:r,imagePosition:a="top",onClick:i,variant:s="default"})=>e.jsxs("article",{className:d.t(t.card,_==="muted"&&t.muted,i&&t.clickable,(c==null?void 0:c.checked)&&t.selected),"data-emphasis":_,"data-minimal":s==="minimal",onClick:i,onKeyDown:n=>{i&&n.currentTarget===document.activeElement&&(n.key==="Enter"||n.key===" ")&&(n.preventDefault(),n.currentTarget.click())},tabIndex:i?0:-1,"data-component":"card",children:[r&&s!=="minimal"&&a==="top"&&e.jsx(p.Figure,{className:t[`image-${a}`],children:r}),e.jsxs("section",{children:[e.jsxs("div",{className:d.t(t.head,s==="minimal"&&t.center),children:[c&&e.jsx("span",{onClick:n=>n.stopPropagation(),children:e.jsx(j.Checkbox,{...c})}),r&&s!=="minimal"&&a==="left"&&e.jsx(p.Figure,{className:t[`image-${a}`],children:r}),o,l&&e.jsx(x.Badge,{...l}),u&&e.jsx(f.Icon,{name:u,size:"medium"}),g]}),m&&s!=="minimal"&&e.jsx("div",{className:d.t(t.content,!!o&&t.margin),children:m})]})]});exports.Card=D;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index32.css');const n=require("react/jsx-runtime"),d=require("../../classix-5H4IWnMA.cjs"),j=require("../badge/index.cjs"),f=require("../checkbox/index.cjs"),g=require("../figure/index.cjs"),v=require("../icon/index.cjs"),w="_card_r2a1i_1",h="_head_r2a1i_27",N="_center_r2a1i_39",q="_content_r2a1i_51",y="_preview_r2a1i_57",b="_margin_r2a1i_97",T="_clickable_r2a1i_133",k="_muted_r2a1i_148",D="_selected_r2a1i_153",e={card:w,head:h,center:N,content:q,preview:y,"preview-leading":"_preview-leading_r2a1i_68","preview-trailing":"_preview-trailing_r2a1i_69","preview-content":"_preview-content_r2a1i_89",margin:b,clickable:T,muted:k,selected:D,"image-top":"_image-top_r2a1i_158","image-left":"_image-left_r2a1i_169"},E=({actions:x,badge:m,checkbox:r,children:o,emphasis:u="default",header:_,icon:p,image:a,imagePosition:c="top",onClick:s,preview:l,variant:t="default"})=>n.jsxs("article",{className:d.t(e.card,u==="muted"&&e.muted,s&&e.clickable,(r==null?void 0:r.checked)&&e.selected),"data-emphasis":u,"data-minimal":t==="minimal",onClick:s,onKeyDown:i=>{s&&i.currentTarget===document.activeElement&&(i.key==="Enter"||i.key===" ")&&(i.preventDefault(),i.currentTarget.click())},tabIndex:s?0:-1,"data-component":"card",children:[a&&t!=="minimal"&&c==="top"&&n.jsx(g.Figure,{className:e[`image-${c}`],children:a}),n.jsxs("section",{children:[n.jsxs("div",{className:d.t(e.head,t==="minimal"&&e.center),children:[r&&n.jsx("span",{onClick:i=>i.stopPropagation(),children:n.jsx(f.Checkbox,{...r})}),a&&t!=="minimal"&&c==="left"&&n.jsx(g.Figure,{className:e[`image-${c}`],children:a}),_,m&&n.jsx(j.Badge,{...m}),p&&n.jsx(v.Icon,{name:p,size:"medium"}),x]}),o&&t!=="minimal"&&n.jsx("div",{className:d.t(e.content,!!_&&e.margin),children:o}),l&&t!=="minimal"&&n.jsxs("div",{className:d.t(e.preview,!!_&&e.margin),children:[n.jsx("span",{className:e["preview-leading"],children:l.leading}),n.jsx("span",{className:e["preview-content"],children:l.children}),n.jsx("span",{className:e["preview-trailing"],children:l.trailing})]})]})]});exports.Card=E;
2
2
  //# sourceMappingURL=index.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.cjs","sources":["../../../src/components/card/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { Badge, BadgeProps } from '@/components/badge';\nimport { Checkbox, CheckboxProps } from '@/components/checkbox';\nimport { Figure } from '@/components/figure';\nimport { Icon } from '@/components/icon';\nimport { IconName } from '@/components/icon/icons.ts';\n\nimport styles from './styles.module.css';\n\ntype BaseCardProps = {\n actions?: React.ReactNode;\n badge?: BadgeProps;\n checkbox?: CheckboxProps;\n emphasis?: 'default' | 'muted';\n icon?: IconName;\n onClick?: React.MouseEventHandler<HTMLElement>;\n};\n\ntype DefaultCardProps = BaseCardProps & {\n children?: React.ReactNode;\n header?: React.ReactNode;\n image?: React.ReactNode;\n imagePosition?: 'top' | 'left';\n variant?: 'default';\n};\n\ntype MinimalCardProps = BaseCardProps & {\n children?: never;\n header: React.ReactNode;\n image?: never;\n imagePosition?: never;\n variant: 'minimal';\n};\n\nexport type CardProps = DefaultCardProps | MinimalCardProps;\n\nexport const Card = ({\n actions,\n badge,\n checkbox,\n children,\n emphasis = 'default',\n header,\n icon,\n image,\n imagePosition = 'top',\n onClick,\n variant = 'default',\n}: CardProps) => {\n return (\n <article\n className={cx(\n styles.card,\n emphasis === 'muted' && styles.muted,\n onClick && styles.clickable,\n checkbox?.checked && styles.selected\n )}\n data-emphasis={emphasis}\n data-minimal={variant === 'minimal'}\n onClick={onClick}\n onKeyDown={(e) => {\n if (!onClick) return;\n\n if (e.currentTarget !== document.activeElement) {\n return;\n }\n\n if (e.key === 'Enter' || e.key === ' ') {\n e.preventDefault();\n e.currentTarget.click();\n }\n }}\n tabIndex={onClick ? 0 : -1}\n >\n {image && variant !== 'minimal' && imagePosition === 'top' && (\n <Figure className={styles[`image-${imagePosition}`]}>{image}</Figure>\n )}\n <section>\n <div className={cx(styles.head, variant === 'minimal' && styles.center)}>\n {checkbox && (\n <span onClick={(e) => e.stopPropagation()}>\n <Checkbox {...checkbox} />\n </span>\n )}\n {image && variant !== 'minimal' && imagePosition === 'left' && (\n <Figure className={styles[`image-${imagePosition}`]}>{image}</Figure>\n )}\n {header}\n {badge && <Badge {...badge} />}\n {icon && (\n <Icon\n name={icon}\n size='medium'\n />\n )}\n {actions}\n </div>\n {children && variant !== 'minimal' && (\n <div className={cx(styles.content, !!header && styles.margin)}>{children}</div>\n )}\n </section>\n </article>\n );\n};\n"],"names":["Card","actions","badge","checkbox","children","emphasis","header","icon","image","imagePosition","onClick","variant","jsxs","cx","styles","card","muted","clickable","checked","selected","e","currentTarget","document","activeElement","key","preventDefault","click","jsx","Figure","head","center","stopPropagation","Checkbox","Badge","Icon","content","margin"],"mappings":"+lBAqCaA,EAAOA,CAAC,CACnBC,QAAAA,EACAC,MAAAA,EACAC,SAAAA,EACAC,SAAAA,EACAC,SAAAA,EAAW,UACXC,OAAAA,EACAC,KAAAA,EACAC,MAAAA,EACAC,cAAAA,EAAgB,MAChBC,QAAAA,EACAC,QAAAA,EAAU,SACD,IAEPC,EAAAA,KAAC,UAAA,CACC,UAAWC,EAAAA,EACTC,EAAOC,KACPV,IAAa,SAAWS,EAAOE,MAC/BN,GAAWI,EAAOG,WAClBd,GAAAA,YAAAA,EAAUe,UAAWJ,EAAOK,QAC9B,EACA,gBAAed,EACf,eAAcM,IAAY,UAC1B,QAAAD,EACA,UAAYU,GAAM,CACXV,GAEDU,EAAEC,gBAAkBC,SAASC,gBAI7BH,EAAEI,MAAQ,SAAWJ,EAAEI,MAAQ,OACjCJ,EAAEK,eAAAA,EACFL,EAAEC,cAAcK,MAAAA,EAEpB,EACA,SAAUhB,EAAU,EAAI,GAAG,iBAAA,OAE1BF,SAAAA,CAAAA,GAASG,IAAY,WAAaF,IAAkB,OACnDkB,EAAAA,IAACC,SAAA,CAAO,UAAWd,EAAO,SAASL,CAAa,EAAE,EAAID,SAAAA,EAAM,SAE7D,UAAA,CACC,SAAA,CAAAI,EAAAA,KAAC,MAAA,CAAI,UAAWC,EAAAA,EAAGC,EAAOe,KAAMlB,IAAY,WAAaG,EAAOgB,MAAM,EACnE3B,SAAAA,CAAAA,GACCwB,EAAAA,IAAC,OAAA,CAAK,QAAUP,GAAMA,EAAEW,gBAAAA,EACtB,SAAAJ,EAAAA,IAACK,EAAAA,SAAA,CAAS,GAAI7B,CAAAA,CAAS,EACzB,EAEDK,GAASG,IAAY,WAAaF,IAAkB,QACnDkB,EAAAA,IAACC,SAAA,CAAO,UAAWd,EAAO,SAASL,CAAa,EAAE,EAAID,SAAAA,EAAM,EAE7DF,EACAJ,GAASyB,EAAAA,IAACM,EAAAA,MAAA,CAAM,GAAI/B,CAAAA,CAAM,EAC1BK,GACCoB,EAAAA,IAACO,OAAA,CACC,KAAM3B,EACN,KAAK,SAAQ,EAGhBN,CAAAA,EACH,EACCG,GAAYO,IAAY,WACvBgB,EAAAA,IAAC,OAAI,UAAWd,EAAAA,EAAGC,EAAOqB,QAAS,CAAC,CAAC7B,GAAUQ,EAAOsB,MAAM,EAAIhC,SAAAA,CAAAA,CAAS,CAAA,CAAA,CAE7E,CAAA,EACF"}
1
+ {"version":3,"file":"index.cjs","sources":["../../../src/components/card/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { Badge, BadgeProps } from '@/components/badge';\nimport { Checkbox, CheckboxProps } from '@/components/checkbox';\nimport { Figure } from '@/components/figure';\nimport { Icon } from '@/components/icon';\nimport { IconName } from '@/components/icon/icons.ts';\n\nimport styles from './styles.module.css';\n\ntype BaseCardProps = {\n actions?: React.ReactNode;\n badge?: BadgeProps;\n checkbox?: CheckboxProps;\n emphasis?: 'default' | 'muted';\n icon?: IconName;\n onClick?: React.MouseEventHandler<HTMLElement>;\n};\n\nexport type CardPreviewProps = {\n children: React.ReactNode;\n leading?: React.ReactNode;\n trailing?: React.ReactNode;\n};\n\ntype DefaultCardProps = BaseCardProps & {\n children?: React.ReactNode;\n header?: React.ReactNode;\n image?: React.ReactNode;\n imagePosition?: 'top' | 'left';\n preview?: CardPreviewProps;\n variant?: 'default';\n};\n\ntype MinimalCardProps = BaseCardProps & {\n children?: never;\n header: React.ReactNode;\n image?: never;\n imagePosition?: never;\n preview?: never;\n variant: 'minimal';\n};\n\nexport type CardProps = DefaultCardProps | MinimalCardProps;\n\nexport const Card = ({\n actions,\n badge,\n checkbox,\n children,\n emphasis = 'default',\n header,\n icon,\n image,\n imagePosition = 'top',\n onClick,\n preview,\n variant = 'default',\n}: CardProps) => {\n return (\n <article\n className={cx(\n styles.card,\n emphasis === 'muted' && styles.muted,\n onClick && styles.clickable,\n checkbox?.checked && styles.selected\n )}\n data-emphasis={emphasis}\n data-minimal={variant === 'minimal'}\n onClick={onClick}\n onKeyDown={(e) => {\n if (!onClick) return;\n\n if (e.currentTarget !== document.activeElement) {\n return;\n }\n\n if (e.key === 'Enter' || e.key === ' ') {\n e.preventDefault();\n e.currentTarget.click();\n }\n }}\n tabIndex={onClick ? 0 : -1}\n >\n {image && variant !== 'minimal' && imagePosition === 'top' && (\n <Figure className={styles[`image-${imagePosition}`]}>{image}</Figure>\n )}\n <section>\n <div className={cx(styles.head, variant === 'minimal' && styles.center)}>\n {checkbox && (\n <span onClick={(e) => e.stopPropagation()}>\n <Checkbox {...checkbox} />\n </span>\n )}\n {image && variant !== 'minimal' && imagePosition === 'left' && (\n <Figure className={styles[`image-${imagePosition}`]}>{image}</Figure>\n )}\n {header}\n {badge && <Badge {...badge} />}\n {icon && (\n <Icon\n name={icon}\n size='medium'\n />\n )}\n {actions}\n </div>\n {children && variant !== 'minimal' && (\n <div className={cx(styles.content, !!header && styles.margin)}>{children}</div>\n )}\n {preview && variant !== 'minimal' && (\n <div className={cx(styles.preview, !!header && styles.margin)}>\n <span className={styles['preview-leading']}>{preview.leading}</span>\n <span className={styles['preview-content']}>{preview.children}</span>\n <span className={styles['preview-trailing']}>{preview.trailing}</span>\n </div>\n )}\n </section>\n </article>\n );\n};\n"],"names":["Card","actions","badge","checkbox","children","emphasis","header","icon","image","imagePosition","onClick","preview","variant","jsxs","cx","styles","card","muted","clickable","checked","selected","e","currentTarget","document","activeElement","key","preventDefault","click","jsx","Figure","head","center","stopPropagation","Checkbox","Badge","Icon","content","margin","leading","trailing"],"mappings":"4wBA6CaA,EAAOA,CAAC,CACnBC,QAAAA,EACAC,MAAAA,EACAC,SAAAA,EACAC,SAAAA,EACAC,SAAAA,EAAW,UACXC,OAAAA,EACAC,KAAAA,EACAC,MAAAA,EACAC,cAAAA,EAAgB,MAChBC,QAAAA,EACAC,QAAAA,EACAC,QAAAA,EAAU,SACD,IAEPC,EAAAA,KAAC,UAAA,CACC,UAAWC,EAAAA,EACTC,EAAOC,KACPX,IAAa,SAAWU,EAAOE,MAC/BP,GAAWK,EAAOG,WAClBf,GAAAA,YAAAA,EAAUgB,UAAWJ,EAAOK,QAC9B,EACA,gBAAef,EACf,eAAcO,IAAY,UAC1B,QAAAF,EACA,UAAYW,GAAM,CACXX,GAEDW,EAAEC,gBAAkBC,SAASC,gBAI7BH,EAAEI,MAAQ,SAAWJ,EAAEI,MAAQ,OACjCJ,EAAEK,eAAAA,EACFL,EAAEC,cAAcK,MAAAA,EAEpB,EACA,SAAUjB,EAAU,EAAI,GAAG,iBAAA,OAE1BF,SAAAA,CAAAA,GAASI,IAAY,WAAaH,IAAkB,OACnDmB,EAAAA,IAACC,SAAA,CAAO,UAAWd,EAAO,SAASN,CAAa,EAAE,EAAID,SAAAA,EAAM,SAE7D,UAAA,CACC,SAAA,CAAAK,EAAAA,KAAC,MAAA,CAAI,UAAWC,EAAAA,EAAGC,EAAOe,KAAMlB,IAAY,WAAaG,EAAOgB,MAAM,EACnE5B,SAAAA,CAAAA,GACCyB,EAAAA,IAAC,OAAA,CAAK,QAAUP,GAAMA,EAAEW,gBAAAA,EACtB,SAAAJ,EAAAA,IAACK,EAAAA,SAAA,CAAS,GAAI9B,CAAAA,CAAS,EACzB,EAEDK,GAASI,IAAY,WAAaH,IAAkB,QACnDmB,EAAAA,IAACC,SAAA,CAAO,UAAWd,EAAO,SAASN,CAAa,EAAE,EAAID,SAAAA,EAAM,EAE7DF,EACAJ,GAAS0B,EAAAA,IAACM,EAAAA,MAAA,CAAM,GAAIhC,CAAAA,CAAM,EAC1BK,GACCqB,EAAAA,IAACO,OAAA,CACC,KAAM5B,EACN,KAAK,SAAQ,EAGhBN,CAAAA,EACH,EACCG,GAAYQ,IAAY,WACvBgB,EAAAA,IAAC,OAAI,UAAWd,EAAAA,EAAGC,EAAOqB,QAAS,CAAC,CAAC9B,GAAUS,EAAOsB,MAAM,EAAIjC,SAAAA,EAAS,EAE1EO,GAAWC,IAAY,WACtBC,EAAAA,KAAC,OAAI,UAAWC,EAAAA,EAAGC,EAAOJ,QAAS,CAAC,CAACL,GAAUS,EAAOsB,MAAM,EAC1D,SAAA,CAAAT,MAAC,QAAK,UAAWb,EAAO,iBAAiB,EAAIJ,WAAQ2B,QAAQ,QAC5D,OAAA,CAAK,UAAWvB,EAAO,iBAAiB,EAAIJ,WAAQP,SAAS,QAC7D,OAAA,CAAK,UAAWW,EAAO,kBAAkB,EAAIJ,WAAQ4B,QAAAA,CAAS,CAAA,CAAA,CACjE,CAAA,CAAA,CAEJ,CAAA,EACF"}
@@ -1,49 +1,59 @@
1
- import { jsxs as d, jsx as n } from "react/jsx-runtime";
2
- import { t as i } from "../../classix-DG18itHa.js";
3
- import { Badge as g } from "../badge/index.js";
1
+ import { jsxs as d, jsx as r } from "react/jsx-runtime";
2
+ import { t as s } from "../../classix-DG18itHa.js";
3
+ import { Badge as v } from "../badge/index.js";
4
4
  import { Checkbox as N } from "../checkbox/index.js";
5
5
  import { Figure as f } from "../figure/index.js";
6
6
  import { Icon as h } from "../icon/index.js";
7
- import '../../assets/index32.css';const y = "_card_tv1p7_1", j = "_head_tv1p7_27", D = "_center_tv1p7_39", E = "_content_tv1p7_51", I = "_margin_tv1p7_57", T = "_clickable_tv1p7_93", $ = "_muted_tv1p7_108", k = "_selected_tv1p7_113", t = {
7
+ import '../../assets/index32.css';const y = "_card_r2a1i_1", j = "_head_r2a1i_27", D = "_center_r2a1i_39", E = "_content_r2a1i_51", I = "_preview_r2a1i_57", T = "_margin_r2a1i_97", $ = "_clickable_r2a1i_133", k = "_muted_r2a1i_148", z = "_selected_r2a1i_153", e = {
8
8
  card: y,
9
9
  head: j,
10
10
  center: D,
11
11
  content: E,
12
- margin: I,
13
- clickable: T,
14
- muted: $,
15
- selected: k,
16
- "image-top": "_image-top_tv1p7_118",
17
- "image-left": "_image-left_tv1p7_129"
18
- }, A = ({
19
- actions: v,
20
- badge: s,
21
- checkbox: m,
22
- children: _,
23
- emphasis: o = "default",
24
- header: p,
12
+ preview: I,
13
+ "preview-leading": "_preview-leading_r2a1i_68",
14
+ "preview-trailing": "_preview-trailing_r2a1i_69",
15
+ "preview-content": "_preview-content_r2a1i_89",
16
+ margin: T,
17
+ clickable: $,
18
+ muted: k,
19
+ selected: z,
20
+ "image-top": "_image-top_r2a1i_158",
21
+ "image-left": "_image-left_r2a1i_169"
22
+ }, G = ({
23
+ actions: w,
24
+ badge: o,
25
+ checkbox: t,
26
+ children: p,
27
+ emphasis: g = "default",
28
+ header: _,
25
29
  icon: u,
26
- image: a,
30
+ image: n,
27
31
  imagePosition: c = "top",
28
32
  onClick: l,
29
- variant: r = "default"
30
- }) => /* @__PURE__ */ d("article", { className: i(t.card, o === "muted" && t.muted, l && t.clickable, (m == null ? void 0 : m.checked) && t.selected), "data-emphasis": o, "data-minimal": r === "minimal", onClick: l, onKeyDown: (e) => {
31
- l && e.currentTarget === document.activeElement && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.currentTarget.click());
33
+ preview: m,
34
+ variant: i = "default"
35
+ }) => /* @__PURE__ */ d("article", { className: s(e.card, g === "muted" && e.muted, l && e.clickable, (t == null ? void 0 : t.checked) && e.selected), "data-emphasis": g, "data-minimal": i === "minimal", onClick: l, onKeyDown: (a) => {
36
+ l && a.currentTarget === document.activeElement && (a.key === "Enter" || a.key === " ") && (a.preventDefault(), a.currentTarget.click());
32
37
  }, tabIndex: l ? 0 : -1, "data-component": "card", children: [
33
- a && r !== "minimal" && c === "top" && /* @__PURE__ */ n(f, { className: t[`image-${c}`], children: a }),
38
+ n && i !== "minimal" && c === "top" && /* @__PURE__ */ r(f, { className: e[`image-${c}`], children: n }),
34
39
  /* @__PURE__ */ d("section", { children: [
35
- /* @__PURE__ */ d("div", { className: i(t.head, r === "minimal" && t.center), children: [
36
- m && /* @__PURE__ */ n("span", { onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ n(N, { ...m }) }),
37
- a && r !== "minimal" && c === "left" && /* @__PURE__ */ n(f, { className: t[`image-${c}`], children: a }),
38
- p,
39
- s && /* @__PURE__ */ n(g, { ...s }),
40
- u && /* @__PURE__ */ n(h, { name: u, size: "medium" }),
41
- v
40
+ /* @__PURE__ */ d("div", { className: s(e.head, i === "minimal" && e.center), children: [
41
+ t && /* @__PURE__ */ r("span", { onClick: (a) => a.stopPropagation(), children: /* @__PURE__ */ r(N, { ...t }) }),
42
+ n && i !== "minimal" && c === "left" && /* @__PURE__ */ r(f, { className: e[`image-${c}`], children: n }),
43
+ _,
44
+ o && /* @__PURE__ */ r(v, { ...o }),
45
+ u && /* @__PURE__ */ r(h, { name: u, size: "medium" }),
46
+ w
42
47
  ] }),
43
- _ && r !== "minimal" && /* @__PURE__ */ n("div", { className: i(t.content, !!p && t.margin), children: _ })
48
+ p && i !== "minimal" && /* @__PURE__ */ r("div", { className: s(e.content, !!_ && e.margin), children: p }),
49
+ m && i !== "minimal" && /* @__PURE__ */ d("div", { className: s(e.preview, !!_ && e.margin), children: [
50
+ /* @__PURE__ */ r("span", { className: e["preview-leading"], children: m.leading }),
51
+ /* @__PURE__ */ r("span", { className: e["preview-content"], children: m.children }),
52
+ /* @__PURE__ */ r("span", { className: e["preview-trailing"], children: m.trailing })
53
+ ] })
44
54
  ] })
45
55
  ] });
46
56
  export {
47
- A as Card
57
+ G as Card
48
58
  };
49
59
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../src/components/card/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { Badge, BadgeProps } from '@/components/badge';\nimport { Checkbox, CheckboxProps } from '@/components/checkbox';\nimport { Figure } from '@/components/figure';\nimport { Icon } from '@/components/icon';\nimport { IconName } from '@/components/icon/icons.ts';\n\nimport styles from './styles.module.css';\n\ntype BaseCardProps = {\n actions?: React.ReactNode;\n badge?: BadgeProps;\n checkbox?: CheckboxProps;\n emphasis?: 'default' | 'muted';\n icon?: IconName;\n onClick?: React.MouseEventHandler<HTMLElement>;\n};\n\ntype DefaultCardProps = BaseCardProps & {\n children?: React.ReactNode;\n header?: React.ReactNode;\n image?: React.ReactNode;\n imagePosition?: 'top' | 'left';\n variant?: 'default';\n};\n\ntype MinimalCardProps = BaseCardProps & {\n children?: never;\n header: React.ReactNode;\n image?: never;\n imagePosition?: never;\n variant: 'minimal';\n};\n\nexport type CardProps = DefaultCardProps | MinimalCardProps;\n\nexport const Card = ({\n actions,\n badge,\n checkbox,\n children,\n emphasis = 'default',\n header,\n icon,\n image,\n imagePosition = 'top',\n onClick,\n variant = 'default',\n}: CardProps) => {\n return (\n <article\n className={cx(\n styles.card,\n emphasis === 'muted' && styles.muted,\n onClick && styles.clickable,\n checkbox?.checked && styles.selected\n )}\n data-emphasis={emphasis}\n data-minimal={variant === 'minimal'}\n onClick={onClick}\n onKeyDown={(e) => {\n if (!onClick) return;\n\n if (e.currentTarget !== document.activeElement) {\n return;\n }\n\n if (e.key === 'Enter' || e.key === ' ') {\n e.preventDefault();\n e.currentTarget.click();\n }\n }}\n tabIndex={onClick ? 0 : -1}\n >\n {image && variant !== 'minimal' && imagePosition === 'top' && (\n <Figure className={styles[`image-${imagePosition}`]}>{image}</Figure>\n )}\n <section>\n <div className={cx(styles.head, variant === 'minimal' && styles.center)}>\n {checkbox && (\n <span onClick={(e) => e.stopPropagation()}>\n <Checkbox {...checkbox} />\n </span>\n )}\n {image && variant !== 'minimal' && imagePosition === 'left' && (\n <Figure className={styles[`image-${imagePosition}`]}>{image}</Figure>\n )}\n {header}\n {badge && <Badge {...badge} />}\n {icon && (\n <Icon\n name={icon}\n size='medium'\n />\n )}\n {actions}\n </div>\n {children && variant !== 'minimal' && (\n <div className={cx(styles.content, !!header && styles.margin)}>{children}</div>\n )}\n </section>\n </article>\n );\n};\n"],"names":["Card","actions","badge","checkbox","children","emphasis","header","icon","image","imagePosition","onClick","variant","jsxs","cx","styles","card","muted","clickable","checked","selected","e","currentTarget","document","activeElement","key","preventDefault","click","jsx","Figure","head","center","stopPropagation","Checkbox","Badge","Icon","content","margin"],"mappings":";;;;;;;;;;;;;;;;;GAqCaA,IAAOA,CAAC;AAAA,EACnBC,SAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,UAAAA,IAAW;AAAA,EACXC,QAAAA;AAAAA,EACAC,MAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,eAAAA,IAAgB;AAAA,EAChBC,SAAAA;AAAAA,EACAC,SAAAA,IAAU;AACD,MAEP,gBAAAC,EAAC,WAAA,EACC,WAAWC,EACTC,EAAOC,MACPV,MAAa,WAAWS,EAAOE,OAC/BN,KAAWI,EAAOG,YAClBd,KAAAA,gBAAAA,EAAUe,YAAWJ,EAAOK,QAC9B,GACA,iBAAed,GACf,gBAAcM,MAAY,WAC1B,SAAAD,GACA,WAAYU,CAAAA,MAAM;AAChB,EAAKV,KAEDU,EAAEC,kBAAkBC,SAASC,kBAI7BH,EAAEI,QAAQ,WAAWJ,EAAEI,QAAQ,SACjCJ,EAAEK,eAAAA,GACFL,EAAEC,cAAcK,MAAAA;AAEpB,GACA,UAAUhB,IAAU,IAAI,IAAG,kBAAA,QAE1BF,UAAAA;AAAAA,EAAAA,KAASG,MAAY,aAAaF,MAAkB,SACnD,gBAAAkB,EAACC,GAAA,EAAO,WAAWd,EAAO,SAASL,CAAa,EAAE,GAAID,UAAAA,GAAM;AAAA,oBAE7D,WAAA,EACC,UAAA;AAAA,IAAA,gBAAAI,EAAC,OAAA,EAAI,WAAWC,EAAGC,EAAOe,MAAMlB,MAAY,aAAaG,EAAOgB,MAAM,GACnE3B,UAAAA;AAAAA,MAAAA,KACC,gBAAAwB,EAAC,QAAA,EAAK,SAAUP,CAAAA,MAAMA,EAAEW,gBAAAA,GACtB,UAAA,gBAAAJ,EAACK,GAAA,EAAS,GAAI7B,EAAAA,CAAS,GACzB;AAAA,MAEDK,KAASG,MAAY,aAAaF,MAAkB,UACnD,gBAAAkB,EAACC,GAAA,EAAO,WAAWd,EAAO,SAASL,CAAa,EAAE,GAAID,UAAAA,GAAM;AAAA,MAE7DF;AAAAA,MACAJ,KAAS,gBAAAyB,EAACM,GAAA,EAAM,GAAI/B,EAAAA,CAAM;AAAA,MAC1BK,KACC,gBAAAoB,EAACO,GAAA,EACC,MAAM3B,GACN,MAAK,UAAQ;AAAA,MAGhBN;AAAAA,IAAAA,GACH;AAAA,IACCG,KAAYO,MAAY,aACvB,gBAAAgB,EAAC,SAAI,WAAWd,EAAGC,EAAOqB,SAAS,CAAC,CAAC7B,KAAUQ,EAAOsB,MAAM,GAAIhC,UAAAA,EAAAA,CAAS;AAAA,EAAA,EAAA,CAE7E;AAAA,GACF;"}
1
+ {"version":3,"file":"index.js","sources":["../../../src/components/card/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { Badge, BadgeProps } from '@/components/badge';\nimport { Checkbox, CheckboxProps } from '@/components/checkbox';\nimport { Figure } from '@/components/figure';\nimport { Icon } from '@/components/icon';\nimport { IconName } from '@/components/icon/icons.ts';\n\nimport styles from './styles.module.css';\n\ntype BaseCardProps = {\n actions?: React.ReactNode;\n badge?: BadgeProps;\n checkbox?: CheckboxProps;\n emphasis?: 'default' | 'muted';\n icon?: IconName;\n onClick?: React.MouseEventHandler<HTMLElement>;\n};\n\nexport type CardPreviewProps = {\n children: React.ReactNode;\n leading?: React.ReactNode;\n trailing?: React.ReactNode;\n};\n\ntype DefaultCardProps = BaseCardProps & {\n children?: React.ReactNode;\n header?: React.ReactNode;\n image?: React.ReactNode;\n imagePosition?: 'top' | 'left';\n preview?: CardPreviewProps;\n variant?: 'default';\n};\n\ntype MinimalCardProps = BaseCardProps & {\n children?: never;\n header: React.ReactNode;\n image?: never;\n imagePosition?: never;\n preview?: never;\n variant: 'minimal';\n};\n\nexport type CardProps = DefaultCardProps | MinimalCardProps;\n\nexport const Card = ({\n actions,\n badge,\n checkbox,\n children,\n emphasis = 'default',\n header,\n icon,\n image,\n imagePosition = 'top',\n onClick,\n preview,\n variant = 'default',\n}: CardProps) => {\n return (\n <article\n className={cx(\n styles.card,\n emphasis === 'muted' && styles.muted,\n onClick && styles.clickable,\n checkbox?.checked && styles.selected\n )}\n data-emphasis={emphasis}\n data-minimal={variant === 'minimal'}\n onClick={onClick}\n onKeyDown={(e) => {\n if (!onClick) return;\n\n if (e.currentTarget !== document.activeElement) {\n return;\n }\n\n if (e.key === 'Enter' || e.key === ' ') {\n e.preventDefault();\n e.currentTarget.click();\n }\n }}\n tabIndex={onClick ? 0 : -1}\n >\n {image && variant !== 'minimal' && imagePosition === 'top' && (\n <Figure className={styles[`image-${imagePosition}`]}>{image}</Figure>\n )}\n <section>\n <div className={cx(styles.head, variant === 'minimal' && styles.center)}>\n {checkbox && (\n <span onClick={(e) => e.stopPropagation()}>\n <Checkbox {...checkbox} />\n </span>\n )}\n {image && variant !== 'minimal' && imagePosition === 'left' && (\n <Figure className={styles[`image-${imagePosition}`]}>{image}</Figure>\n )}\n {header}\n {badge && <Badge {...badge} />}\n {icon && (\n <Icon\n name={icon}\n size='medium'\n />\n )}\n {actions}\n </div>\n {children && variant !== 'minimal' && (\n <div className={cx(styles.content, !!header && styles.margin)}>{children}</div>\n )}\n {preview && variant !== 'minimal' && (\n <div className={cx(styles.preview, !!header && styles.margin)}>\n <span className={styles['preview-leading']}>{preview.leading}</span>\n <span className={styles['preview-content']}>{preview.children}</span>\n <span className={styles['preview-trailing']}>{preview.trailing}</span>\n </div>\n )}\n </section>\n </article>\n );\n};\n"],"names":["Card","actions","badge","checkbox","children","emphasis","header","icon","image","imagePosition","onClick","preview","variant","jsxs","cx","styles","card","muted","clickable","checked","selected","e","currentTarget","document","activeElement","key","preventDefault","click","jsx","Figure","head","center","stopPropagation","Checkbox","Badge","Icon","content","margin","leading","trailing"],"mappings":";;;;;;;;;;;;;;;;;;;;;GA6CaA,IAAOA,CAAC;AAAA,EACnBC,SAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,UAAAA,IAAW;AAAA,EACXC,QAAAA;AAAAA,EACAC,MAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,eAAAA,IAAgB;AAAA,EAChBC,SAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,SAAAA,IAAU;AACD,MAEP,gBAAAC,EAAC,WAAA,EACC,WAAWC,EACTC,EAAOC,MACPX,MAAa,WAAWU,EAAOE,OAC/BP,KAAWK,EAAOG,YAClBf,KAAAA,gBAAAA,EAAUgB,YAAWJ,EAAOK,QAC9B,GACA,iBAAef,GACf,gBAAcO,MAAY,WAC1B,SAAAF,GACA,WAAYW,CAAAA,MAAM;AAChB,EAAKX,KAEDW,EAAEC,kBAAkBC,SAASC,kBAI7BH,EAAEI,QAAQ,WAAWJ,EAAEI,QAAQ,SACjCJ,EAAEK,eAAAA,GACFL,EAAEC,cAAcK,MAAAA;AAEpB,GACA,UAAUjB,IAAU,IAAI,IAAG,kBAAA,QAE1BF,UAAAA;AAAAA,EAAAA,KAASI,MAAY,aAAaH,MAAkB,SACnD,gBAAAmB,EAACC,GAAA,EAAO,WAAWd,EAAO,SAASN,CAAa,EAAE,GAAID,UAAAA,GAAM;AAAA,oBAE7D,WAAA,EACC,UAAA;AAAA,IAAA,gBAAAK,EAAC,OAAA,EAAI,WAAWC,EAAGC,EAAOe,MAAMlB,MAAY,aAAaG,EAAOgB,MAAM,GACnE5B,UAAAA;AAAAA,MAAAA,KACC,gBAAAyB,EAAC,QAAA,EAAK,SAAUP,CAAAA,MAAMA,EAAEW,gBAAAA,GACtB,UAAA,gBAAAJ,EAACK,GAAA,EAAS,GAAI9B,EAAAA,CAAS,GACzB;AAAA,MAEDK,KAASI,MAAY,aAAaH,MAAkB,UACnD,gBAAAmB,EAACC,GAAA,EAAO,WAAWd,EAAO,SAASN,CAAa,EAAE,GAAID,UAAAA,GAAM;AAAA,MAE7DF;AAAAA,MACAJ,KAAS,gBAAA0B,EAACM,GAAA,EAAM,GAAIhC,EAAAA,CAAM;AAAA,MAC1BK,KACC,gBAAAqB,EAACO,GAAA,EACC,MAAM5B,GACN,MAAK,UAAQ;AAAA,MAGhBN;AAAAA,IAAAA,GACH;AAAA,IACCG,KAAYQ,MAAY,aACvB,gBAAAgB,EAAC,SAAI,WAAWd,EAAGC,EAAOqB,SAAS,CAAC,CAAC9B,KAAUS,EAAOsB,MAAM,GAAIjC,UAAAA,GAAS;AAAA,IAE1EO,KAAWC,MAAY,aACtB,gBAAAC,EAAC,SAAI,WAAWC,EAAGC,EAAOJ,SAAS,CAAC,CAACL,KAAUS,EAAOsB,MAAM,GAC1D,UAAA;AAAA,MAAA,gBAAAT,EAAC,UAAK,WAAWb,EAAO,iBAAiB,GAAIJ,YAAQ2B,SAAQ;AAAA,wBAC5D,QAAA,EAAK,WAAWvB,EAAO,iBAAiB,GAAIJ,YAAQP,UAAS;AAAA,wBAC7D,QAAA,EAAK,WAAWW,EAAO,kBAAkB,GAAIJ,YAAQ4B,SAAAA,CAAS;AAAA,IAAA,EAAA,CACjE;AAAA,EAAA,EAAA,CAEJ;AAAA,GACF;"}
@@ -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-DYCSlAoX.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-BROXUtPz.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,5 +1,5 @@
1
1
  import { jsxs as h, jsx as e } from "react/jsx-runtime";
2
- import { i as x } from "../../icons-CKzd_L4D.js";
2
+ import { i as x } from "../../icons-CH48JQqt.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,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index39.css');const r=require("react/jsx-runtime"),E=require("../../classix-5H4IWnMA.cjs"),a=require("react"),F=require("../button/index.cjs"),ce=require("../../icons-DYCSlAoX.cjs"),X=require("../../index-CP5A_BGJ.cjs"),ue=require("../list/index.cjs"),N=require("../../index-N4IMha5Q.cjs");function V(t){return typeof t=="string"||typeof t=="number"?String(t):Array.isArray(t)?t.map(V).join(" "):a.isValidElement(t)?V(t.props.children):""}function de(t){return a.isValidElement(t)&&t.type==="option"}function pe(t){return a.isValidElement(t)&&t.type==="optgroup"}function fe(t){return a.isValidElement(t)&&t.type===a.Fragment}function me(t){return a.isValidElement(t)&&t.type===N.Select}function W(t,i,l=!1){const s=[];return a.Children.forEach(t,n=>{if(fe(n))s.push(...W(n.props.children,i,l));else if(de(n)){const c=V(n.props.children).trim(),f=n.props.value!=null?String(n.props.value):c;s.push({disabled:l||!!n.props.disabled,groupLabel:i,hidden:!!n.props.hidden,isPlaceholder:!!(n.props.hidden&&f===""),label:n.props.children,selected:!!n.props.selected,text:c,value:f})}else pe(n)&&s.push(...W(n.props.children,n.props.label,l||!!n.props.disabled))}),s}function _e(t){const i=t.trim();if(!i)return null;const s=[.../[*?]/.test(i)?i:`*${i}*`].map(n=>n==="*"?".*":n==="?"?".":n.replace(/[|\\{}()[\]^$+.,]/g,"\\$&")).join("");return new RegExp(`^${s}$`,"i")}function he(t,i){const l=_e(i),s=t.filter(n=>!n.hidden&&!n.isPlaceholder);return l?s.filter(n=>l.test([n.groupLabel,n.text,n.value].filter(Boolean).join(" "))):s}function ye(t,i){return t.find(l=>l.value===i)??t.find(l=>l.isPlaceholder)??t[0]}function xe(t,i,l){var s,n;return i!=null?String(i):l!=null?String(l):((s=t.find(c=>c.selected))==null?void 0:s.value)??((n=t[0])==null?void 0:n.value)??""}function be(t){if(me(t)){const{children:i,placeholder:l,...s}=t.props;return{children:r.jsxs(r.Fragment,{children:[l&&r.jsx("option",{hidden:!0,value:"",children:l}),i]}),props:s}}return{children:t.props.children,props:t.props}}const ge="_combobox_qsl6y_3",ve="_dropdown_qsl6y_27",je="_empty_qsl6y_30",qe="_group_qsl6y_31",we="_placeholder_qsl6y_32",Se="_filter_qsl6y_40",Ce="_native_qsl6y_52",Ee="_option_qsl6y_62",Ne="_options_qsl6y_84",Ve="_panel_qsl6y_108",Le="_selected_qsl6y_131",Re="_text_qsl6y_135",$e="_trigger_qsl6y_145",Be="_minimal_qsl6y_164",Ie="_inline_qsl6y_221",De="_label_qsl6y_253",o={combobox:ge,"combobox-input":"_combobox-input_qsl6y_12",dropdown:ve,empty:je,group:qe,placeholder:we,filter:Se,native:Ce,option:Ee,options:Ne,panel:Ve,selected:Le,text:Re,trigger:$e,minimal:Be,inline:Ie,label:De,"inline-field":"_inline-field_qsl6y_259"};function Y(t,i){return{"--icon-svg":ce.iconSVG(t).replace("currentColor",i)}}const Pe=({children:t,className:i,combobox:l=!1,createOption:s,emptyLabel:n="No matches found",label:c,renderOption:f,searchPlaceholder:L="Filter",selectedItems:Z,variant:y="default",...ee})=>{const R=be(t),{defaultValue:te,onChange:$,value:B,...ne}=R.props,g=N.sanitizeSelectProps(ne),M=a.useRef(null),Q=a.useRef(null),v=a.useId(),z=a.useRef(null),m=a.useRef(null),x=W(R.children),b=B!=null,I=xe(x,B,te),[D,P]=a.useState(()=>I),[u,p]=a.useState(!1),[j,q]=a.useState(""),w=b?String(B):D,O={default:N.resolveColor("--colors-semantic-content-secondary"),white:N.resolveColor("--color-white","white")},T=y==="minimal"?O.white:O.default,S=ye(x,w),le=Y("chevron",T),se=Y("search",T),A=he(x,j),_=j.trim(),C=!!(l&&s&&_&&s.isValid(_)),re=c&&y==="inline"?X.formatInlineLabel(c):c,G=e=>e?(f==null?void 0:f({groupLabel:e.groupLabel,isSelected:e.value===w,label:e.label,text:e.text,value:e.value}))??e.label:"Select an option";a.useEffect(()=>{!b&&!x.some(e=>e.value===D)&&P(I)},[I,D,b,x]),a.useEffect(()=>{var e;if(!u){q("");return}(e=m.current)==null||e.focus()},[u]),a.useEffect(()=>{if(!u)return;const e=d=>{var h;(h=Q.current)!=null&&h.contains(d.target)||p(!1)};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[u]);const oe=e=>{b||P(e.target.value),$==null||$(e)},k=()=>{var e;p(!1),l||(e=M.current)==null||e.focus()},K=()=>{var e;q(""),p(!0),(e=m.current)==null||e.focus()},H=()=>{!s||!C||(s.onCreate(_),K())},ie=e=>{var U;b||P(e);const d=z.current;if(!d){k();return}const h=(U=Object.getOwnPropertyDescriptor(HTMLSelectElement.prototype,"value"))==null?void 0:U.set;h==null||h.call(d,e),d.dispatchEvent(new Event("change",{bubbles:!0})),l?K():k()},ae=e=>{e.key==="Escape"&&k(),e.key==="Enter"&&e.target===m.current&&C&&(e.preventDefault(),H())},J=r.jsxs("div",{className:E.t(o.dropdown,y==="inline"&&o.inline,y==="minimal"&&o.minimal,i),onKeyDown:ae,ref:Q,...ee,children:[r.jsx("select",{...g,"aria-hidden":"true",className:o.native,onChange:oe,ref:z,tabIndex:-1,value:w,children:R.children}),l?r.jsxs("div",{className:o.combobox,onClick:()=>{var e;return(e=m.current)==null?void 0:e.focus()},children:[Z,r.jsx("input",{"aria-autocomplete":"list","aria-expanded":u,"aria-label":g["aria-label"]??c??L,className:o["combobox-input"],disabled:g.disabled,onChange:e=>{q(e.target.value),p(!0)},onClick:()=>p(!0),onFocus:()=>p(!0),placeholder:L||void 0,ref:m,role:"combobox",type:"text",value:j})]}):r.jsx(F.Button,{"aria-expanded":u,"aria-haspopup":"dialog","aria-labelledby":c?`${v} ${v}-value`:void 0,className:E.t(o.trigger,(S==null?void 0:S.isPlaceholder)&&o.placeholder),"data-open":u?"true":void 0,disabled:g.disabled,onClick:()=>p(e=>!e),ref:M,style:le,variant:"tertiary",children:r.jsx("span",{className:o.text,id:`${v}-value`,children:G(S)})}),u&&r.jsxs("div",{className:o.panel,children:[!l&&r.jsx(X.Input,{"aria-label":"Filter",className:o.filter,icon:"search",onChange:e=>q(e.target.value),placeholder:L,ref:m,style:se,type:"search",value:j}),r.jsxs(ue.List,{"aria-label":"Dropdown",className:o.options,children:[A.map(e=>{const d=e.value===w;return r.jsx("li",{"data-component":"dropdown",children:r.jsxs(F.Button,{"aria-label":d?`${e.text}, selected`:e.text,className:E.t(o.option,d&&o.selected),disabled:e.disabled,onClick:()=>ie(e.value),variant:"tertiary",children:[r.jsx("span",{className:o.text,children:G(e)}),e.groupLabel&&r.jsx("small",{className:o.group,children:e.groupLabel})]})},`${e.groupLabel??"root"}-${e.value}`)}),C&&s&&r.jsx("li",{children:r.jsx(F.Button,{"aria-label":V(s.render(_))||_,className:o.option,onClick:H,variant:"tertiary",children:r.jsx("span",{className:o.text,children:s.render(_)})})}),A.length===0&&!C&&r.jsx("li",{className:o.empty,children:n})]})]})]});return c?r.jsxs("div",{className:E.t(o.label,y==="inline"&&o["inline-field"]),"data-component":"dropdown",children:[r.jsx("span",{id:v,children:re}),J]}):J};exports.Dropdown=Pe;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index39.css');const r=require("react/jsx-runtime"),E=require("../../classix-5H4IWnMA.cjs"),a=require("react"),F=require("../button/index.cjs"),ce=require("../../icons-BROXUtPz.cjs"),X=require("../../index-CIugi8vq.cjs"),ue=require("../list/index.cjs"),N=require("../../index-CSYOtiWJ.cjs");function V(t){return typeof t=="string"||typeof t=="number"?String(t):Array.isArray(t)?t.map(V).join(" "):a.isValidElement(t)?V(t.props.children):""}function de(t){return a.isValidElement(t)&&t.type==="option"}function pe(t){return a.isValidElement(t)&&t.type==="optgroup"}function fe(t){return a.isValidElement(t)&&t.type===a.Fragment}function me(t){return a.isValidElement(t)&&t.type===N.Select}function W(t,i,l=!1){const s=[];return a.Children.forEach(t,n=>{if(fe(n))s.push(...W(n.props.children,i,l));else if(de(n)){const c=V(n.props.children).trim(),f=n.props.value!=null?String(n.props.value):c;s.push({disabled:l||!!n.props.disabled,groupLabel:i,hidden:!!n.props.hidden,isPlaceholder:!!(n.props.hidden&&f===""),label:n.props.children,selected:!!n.props.selected,text:c,value:f})}else pe(n)&&s.push(...W(n.props.children,n.props.label,l||!!n.props.disabled))}),s}function _e(t){const i=t.trim();if(!i)return null;const s=[.../[*?]/.test(i)?i:`*${i}*`].map(n=>n==="*"?".*":n==="?"?".":n.replace(/[|\\{}()[\]^$+.,]/g,"\\$&")).join("");return new RegExp(`^${s}$`,"i")}function he(t,i){const l=_e(i),s=t.filter(n=>!n.hidden&&!n.isPlaceholder);return l?s.filter(n=>l.test([n.groupLabel,n.text,n.value].filter(Boolean).join(" "))):s}function ye(t,i){return t.find(l=>l.value===i)??t.find(l=>l.isPlaceholder)??t[0]}function xe(t,i,l){var s,n;return i!=null?String(i):l!=null?String(l):((s=t.find(c=>c.selected))==null?void 0:s.value)??((n=t[0])==null?void 0:n.value)??""}function be(t){if(me(t)){const{children:i,placeholder:l,...s}=t.props;return{children:r.jsxs(r.Fragment,{children:[l&&r.jsx("option",{hidden:!0,value:"",children:l}),i]}),props:s}}return{children:t.props.children,props:t.props}}const ge="_combobox_qsl6y_3",ve="_dropdown_qsl6y_27",je="_empty_qsl6y_30",qe="_group_qsl6y_31",we="_placeholder_qsl6y_32",Se="_filter_qsl6y_40",Ce="_native_qsl6y_52",Ee="_option_qsl6y_62",Ne="_options_qsl6y_84",Ve="_panel_qsl6y_108",Le="_selected_qsl6y_131",Re="_text_qsl6y_135",$e="_trigger_qsl6y_145",Be="_minimal_qsl6y_164",Ie="_inline_qsl6y_221",De="_label_qsl6y_253",o={combobox:ge,"combobox-input":"_combobox-input_qsl6y_12",dropdown:ve,empty:je,group:qe,placeholder:we,filter:Se,native:Ce,option:Ee,options:Ne,panel:Ve,selected:Le,text:Re,trigger:$e,minimal:Be,inline:Ie,label:De,"inline-field":"_inline-field_qsl6y_259"};function Y(t,i){return{"--icon-svg":ce.iconSVG(t).replace("currentColor",i)}}const Pe=({children:t,className:i,combobox:l=!1,createOption:s,emptyLabel:n="No matches found",label:c,renderOption:f,searchPlaceholder:L="Filter",selectedItems:Z,variant:y="default",...ee})=>{const R=be(t),{defaultValue:te,onChange:$,value:B,...ne}=R.props,g=N.sanitizeSelectProps(ne),M=a.useRef(null),Q=a.useRef(null),v=a.useId(),z=a.useRef(null),m=a.useRef(null),x=W(R.children),b=B!=null,I=xe(x,B,te),[D,P]=a.useState(()=>I),[u,p]=a.useState(!1),[j,q]=a.useState(""),w=b?String(B):D,O={default:N.resolveColor("--colors-semantic-content-secondary"),white:N.resolveColor("--color-white","white")},T=y==="minimal"?O.white:O.default,S=ye(x,w),le=Y("chevron",T),se=Y("search",T),A=he(x,j),_=j.trim(),C=!!(l&&s&&_&&s.isValid(_)),re=c&&y==="inline"?X.formatInlineLabel(c):c,G=e=>e?(f==null?void 0:f({groupLabel:e.groupLabel,isSelected:e.value===w,label:e.label,text:e.text,value:e.value}))??e.label:"Select an option";a.useEffect(()=>{!b&&!x.some(e=>e.value===D)&&P(I)},[I,D,b,x]),a.useEffect(()=>{var e;if(!u){q("");return}(e=m.current)==null||e.focus()},[u]),a.useEffect(()=>{if(!u)return;const e=d=>{var h;(h=Q.current)!=null&&h.contains(d.target)||p(!1)};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[u]);const oe=e=>{b||P(e.target.value),$==null||$(e)},k=()=>{var e;p(!1),l||(e=M.current)==null||e.focus()},K=()=>{var e;q(""),p(!0),(e=m.current)==null||e.focus()},H=()=>{!s||!C||(s.onCreate(_),K())},ie=e=>{var U;b||P(e);const d=z.current;if(!d){k();return}const h=(U=Object.getOwnPropertyDescriptor(HTMLSelectElement.prototype,"value"))==null?void 0:U.set;h==null||h.call(d,e),d.dispatchEvent(new Event("change",{bubbles:!0})),l?K():k()},ae=e=>{e.key==="Escape"&&k(),e.key==="Enter"&&e.target===m.current&&C&&(e.preventDefault(),H())},J=r.jsxs("div",{className:E.t(o.dropdown,y==="inline"&&o.inline,y==="minimal"&&o.minimal,i),onKeyDown:ae,ref:Q,...ee,children:[r.jsx("select",{...g,"aria-hidden":"true",className:o.native,onChange:oe,ref:z,tabIndex:-1,value:w,children:R.children}),l?r.jsxs("div",{className:o.combobox,onClick:()=>{var e;return(e=m.current)==null?void 0:e.focus()},children:[Z,r.jsx("input",{"aria-autocomplete":"list","aria-expanded":u,"aria-label":g["aria-label"]??c??L,className:o["combobox-input"],disabled:g.disabled,onChange:e=>{q(e.target.value),p(!0)},onClick:()=>p(!0),onFocus:()=>p(!0),placeholder:L||void 0,ref:m,role:"combobox",type:"text",value:j})]}):r.jsx(F.Button,{"aria-expanded":u,"aria-haspopup":"dialog","aria-labelledby":c?`${v} ${v}-value`:void 0,className:E.t(o.trigger,(S==null?void 0:S.isPlaceholder)&&o.placeholder),"data-open":u?"true":void 0,disabled:g.disabled,onClick:()=>p(e=>!e),ref:M,style:le,variant:"tertiary",children:r.jsx("span",{className:o.text,id:`${v}-value`,children:G(S)})}),u&&r.jsxs("div",{className:o.panel,children:[!l&&r.jsx(X.Input,{"aria-label":"Filter",className:o.filter,icon:"search",onChange:e=>q(e.target.value),placeholder:L,ref:m,style:se,type:"search",value:j}),r.jsxs(ue.List,{"aria-label":"Dropdown",className:o.options,children:[A.map(e=>{const d=e.value===w;return r.jsx("li",{"data-component":"dropdown",children:r.jsxs(F.Button,{"aria-label":d?`${e.text}, selected`:e.text,className:E.t(o.option,d&&o.selected),disabled:e.disabled,onClick:()=>ie(e.value),variant:"tertiary",children:[r.jsx("span",{className:o.text,children:G(e)}),e.groupLabel&&r.jsx("small",{className:o.group,children:e.groupLabel})]})},`${e.groupLabel??"root"}-${e.value}`)}),C&&s&&r.jsx("li",{children:r.jsx(F.Button,{"aria-label":V(s.render(_))||_,className:o.option,onClick:H,variant:"tertiary",children:r.jsx("span",{className:o.text,children:s.render(_)})})}),A.length===0&&!C&&r.jsx("li",{className:o.empty,children:n})]})]})]});return c?r.jsxs("div",{className:E.t(o.label,y==="inline"&&o["inline-field"]),"data-component":"dropdown",children:[r.jsx("span",{id:v,children:re}),J]}):J};exports.Dropdown=Pe;
2
2
  //# sourceMappingURL=index.cjs.map
@@ -2,10 +2,10 @@ import { jsxs as p, Fragment as pe, jsx as i } from "react/jsx-runtime";
2
2
  import { t as V } from "../../classix-DG18itHa.js";
3
3
  import fe, { Children as me, isValidElement as v, useRef as I, useId as he, useState as W, useEffect as Q } from "react";
4
4
  import { Button as z } from "../button/index.js";
5
- import { i as _e } from "../../icons-CKzd_L4D.js";
6
- import { f as ye, I as be } from "../../index-DFXqYJat.js";
5
+ import { i as _e } from "../../icons-CH48JQqt.js";
6
+ import { f as ye, I as be } from "../../index-BrGCs_7h.js";
7
7
  import { List as ge } from "../list/index.js";
8
- import { S as ve, s as xe, r as ee } from "../../index-B9xtLe2w.js";
8
+ import { S as ve, s as xe, r as ee } from "../../index-CRAuAHow.js";
9
9
  import '../../assets/index39.css';function L(t) {
10
10
  return typeof t == "string" || typeof t == "number" ? String(t) : Array.isArray(t) ? t.map(L).join(" ") : v(t) ? L(t.props.children) : "";
11
11
  }