@solibo/solibo-ui 1.0.3 → 1.0.5

package/dist/assets/index13.css

@@ -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)}}
+._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)}}

package/dist/assets/index17.css

@@ -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)}
+._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)}

package/dist/assets/index27.css

@@ -1 +1 @@
-._avatar_1g0ia_1{--avatar-size: var(--scale-40);align-items:center;display:inline-flex;gap:var(--scale-8);margin:0 var(--scale-4)}._small_1g0ia_10{--avatar-size: var(--scale-40)}._medium_1g0ia_14{--avatar-size: var(--scale-56)}._large_1g0ia_18{--avatar-size: var(--scale-96)}._media_1g0ia_22{align-items:center;background-color:var(--colors-semantic-interactive-disabled);border-radius:var(--shape-border-radius-radius-md);display:inline-flex;flex:0 0 var(--avatar-size);justify-content:center;overflow:hidden;height:var(--avatar-size);width:var(--avatar-size)}._media_1g0ia_22>figure{align-items:center;display:flex;height:100%;justify-content:center;width:100%}._media_1g0ia_22>figure>img{height:100%}._details_1g0ia_46{display:flex;flex-direction:column;min-width:0}._details_1g0ia_46>strong,._details_1g0ia_46>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._details_1g0ia_46>span{color:var(--colors-semantic-content-secondary)}._initials_1g0ia_63{font-weight:var(--font-font-weight-semibold)}._link_1g0ia_67{text-decoration:none}._link_1g0ia_67>._avatar_1g0ia_1{background-color:transparent}._color-1_1g0ia_75 ._media_1g0ia_22,._color-solibo_1g0ia_76 ._media_1g0ia_22{background-color:var(--semantic-roles-bg-solibo, #202b1b);color:var(--semantic-roles-content-solibo, #f8fac0)}._color-2_1g0ia_81 ._media_1g0ia_22,._color-board_1g0ia_82 ._media_1g0ia_22{background-color:var(--semantic-roles-bg-board, #f8fac0);color:var(--semantic-roles-content-board, #202b1b)}._color-3_1g0ia_87 ._media_1g0ia_22,._color-owner_1g0ia_88 ._media_1g0ia_22{background-color:var(--semantic-roles-bg-owner, #abc5ff);color:var(--semantic-roles-content-owner, #0b1938)}._color-4_1g0ia_93 ._media_1g0ia_22,._color-renter_1g0ia_94 ._media_1g0ia_22{background-color:var(--semantic-roles-bg-renter, #e8f1ff);color:var(--semantic-roles-content-renter, #0b1938)}._color-5_1g0ia_99 ._media_1g0ia_22,._color-external_1g0ia_100 ._media_1g0ia_22{background-color:var(--semantic-roles-bg-external, #d9e0d7);color:var(--semantic-roles-content-external, #151b13)}
+._avatar_lcj2e_1{--avatar-size: var(--scale-40);align-items:center;display:inline-flex;gap:var(--scale-8);margin:0 var(--scale-4)}._small_lcj2e_10{--avatar-size: var(--scale-40)}._medium_lcj2e_14{--avatar-size: var(--scale-56)}._large_lcj2e_18{--avatar-size: var(--scale-96)}._media_lcj2e_22{align-items:center;background-color:var(--colors-semantic-interactive-disabled);border-radius:var(--shape-border-radius-radius-md);display:inline-flex;flex:0 0 var(--avatar-size);justify-content:center;overflow:hidden;height:var(--avatar-size);width:var(--avatar-size)}._media_lcj2e_22>figure{align-items:center;display:flex;height:100%;justify-content:center;width:100%}._media_lcj2e_22>figure>img{height:100%}._details_lcj2e_46{display:flex;flex-direction:column;min-width:0}._details_lcj2e_46>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._medium_lcj2e_14 ._details_lcj2e_46{gap:var(--shape-spacing-xs)}._large_lcj2e_18 ._details_lcj2e_46{gap:var(--shape-spacing-sm)}._secondary_lcj2e_66{align-items:center;display:flex;gap:var(--scale-8);justify-content:space-between;min-width:0}._text_lcj2e_74{color:var(--colors-semantic-content-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._role_lcj2e_81,._role-name_lcj2e_82{text-transform:capitalize}._role_lcj2e_81{background-color:var(--colors-semantic-interactive-disabled);border-radius:var(--scale-32);color:var(--colors-semantic-content-secondary);display:block;overflow:hidden;padding:var(--shape-spacing-2xs) var(--shape-spacing-xs);text-overflow:ellipsis;white-space:nowrap;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}._large_lcj2e_18 ._details_lcj2e_46>strong{font-size:var(--typography-font-sizes-h3)}._large_lcj2e_18 ._text_lcj2e_74{font-size:var(--typography-font-sizes-label-lg)}._initials_lcj2e_106{font-weight:var(--font-font-weight-semibold)}._small_lcj2e_10 ._initials_lcj2e_106{font-size:var(--typography-font-sizes-label-sm)}._medium_lcj2e_14 ._initials_lcj2e_106{font-size:var(--typography-font-sizes-label-lg)}._large_lcj2e_18 ._initials_lcj2e_106{font-size:var(--typography-font-sizes-h3)}._link_lcj2e_122{text-decoration:none}._link_lcj2e_122>._avatar_lcj2e_1{background-color:transparent}._color-1_lcj2e_130 ._media_lcj2e_22,._color-solibo_lcj2e_131 ._media_lcj2e_22,._color-1_lcj2e_130 ._role_lcj2e_81,._color-solibo_lcj2e_131 ._role_lcj2e_81{background-color:var(--colors-semantic-roles-bg-solibo, #202b1b);color:var(--colors-semantic-roles-content-solibo, #f8fac0)}._color-2_lcj2e_138 ._media_lcj2e_22,._color-board_lcj2e_139 ._media_lcj2e_22,._color-2_lcj2e_138 ._role_lcj2e_81,._color-board_lcj2e_139 ._role_lcj2e_81{background-color:var(--colors-semantic-roles-bg-board, #f8fac0);color:var(--colors-semantic-roles-content-board, #202b1b)}._color-3_lcj2e_146 ._media_lcj2e_22,._color-owner_lcj2e_147 ._media_lcj2e_22,._color-3_lcj2e_146 ._role_lcj2e_81,._color-owner_lcj2e_147 ._role_lcj2e_81{background-color:var(--colors-semantic-roles-bg-owner, #abc5ff);color:var(--colors-semantic-roles-content-owner, #0b1938)}._color-4_lcj2e_154 ._media_lcj2e_22,._color-renter_lcj2e_155 ._media_lcj2e_22,._color-4_lcj2e_154 ._role_lcj2e_81,._color-renter_lcj2e_155 ._role_lcj2e_81{background-color:var(--colors-semantic-roles-bg-renter, #e8f1ff);color:var(--colors-semantic-roles-content-renter, #0b1938)}._color-5_lcj2e_162 ._media_lcj2e_22,._color-external_lcj2e_163 ._media_lcj2e_22,._color-5_lcj2e_162 ._role_lcj2e_81,._color-external_lcj2e_163 ._role_lcj2e_81{background-color:var(--colors-semantic-roles-bg-external, #d9e0d7);color:var(--colors-semantic-roles-content-external, #151b13)}

package/dist/assets/index31.css

@@ -1 +1 @@
-._button_54xfv_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_54xfv_1 [data-component=badge]{margin-left:var(--shape-spacing-xs)}._button_54xfv_1:disabled{cursor:not-allowed;opacity:var(--utils-tokens-opacity-minimal)}._danger_54xfv_28{background-color:var(--colors-semantic-interactive-destructive-bg);color:var(--colors-semantic-bg-surface)}._danger_54xfv_28:not([disabled]):hover{background-color:var(--colors-semantic-interactive-destructive-hover)}._danger_54xfv_28 span{margin-left:var(--scale-8)}._tertiary_54xfv_41{background-color:transparent;border-radius:var(--shape-border-radius-radius-md);border:none;box-shadow:none}._primary_54xfv_48{background-color:var(--colors-semantic-primary-primary);color:var(--colors-semantic-bg-surface)}._primary_54xfv_48:not([disabled]):hover{background-color:var(--colors-semantic-primary-primary-active)!important}._secondary_54xfv_57{background-color:var(--colors-semantic-interactive-secondary-bg)}._secondary_54xfv_57:not([disabled]):hover{background-color:var(--colors-semantic-interactive-secondary-hover)}
+._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)}

package/dist/assets/index32.css

@@ -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)}
+._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)}

package/dist/assets/index39.css

@@ -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}
+._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}

package/dist/assets/index41.css

@@ -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)}
+._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)}

package/dist/assets/index47.css

@@ -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)))}
+._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)))}

package/dist/components/avatar/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index27.css');const a=require("react/jsx-runtime"),g=require("../../classix-5H4IWnMA.cjs"),m=require("../figure/index.cjs"),u=require("../icon/index.cjs"),x=require("../link/index.cjs"),j="_avatar_1g0ia_1",p="_small_1g0ia_10",v="_medium_1g0ia_14",h="_large_1g0ia_18",b="_media_1g0ia_22",f="_details_1g0ia_46",k="_initials_1g0ia_63",q="_link_1g0ia_67",i={avatar:j,small:p,medium:v,large:h,media:b,details:f,initials:k,link:q,"color-1":"_color-1_1g0ia_75","color-solibo":"_color-solibo_1g0ia_76","color-2":"_color-2_1g0ia_81","color-board":"_color-board_1g0ia_82","color-3":"_color-3_1g0ia_87","color-owner":"_color-owner_1g0ia_88","color-4":"_color-4_1g0ia_93","color-renter":"_color-renter_1g0ia_94","color-5":"_color-5_1g0ia_99","color-external":"_color-external_1g0ia_100"},y={large:i.large,medium:i.medium,small:i.small},A=l=>{const o=l.trim().split(/\s+/).filter(Boolean),r=Array.from(o[0]??"")[0]??"",e=o.length>1?Array.from(o[o.length-1])[0]:"";return`${r}${e}`.toLocaleUpperCase()},N=({accessibleLabel:l,color:o,imageUrl:r,link:e,name:s,role:t,size:n="small"})=>{const c=l||s||"User Avatar",_=s?A(s):"",d=a.jsxs("div",{className:g.t(i.avatar,y[n],o&&i[`color-${o}`]),"data-color":o,"data-size":n,children:[a.jsx("span",{className:i.media,children:a.jsx(m.Figure,{accessibleLabel:c,children:r?a.jsx("img",{src:r,alt:c}):_?a.jsx("span",{"aria-hidden":"true",className:i.initials,children:_}):a.jsx(u.Icon,{name:"user"})})}),(s||t)&&a.jsxs("span",{className:i.details,children:[s&&a.jsx("strong",{children:s}),t&&a.jsx("span",{children:t})]})]});return e?a.jsx(x.Link,{className:i.link,to:e,"data-component":"avatar",children:d}):d};exports.Avatar=N;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index27.css');const e=require("react/jsx-runtime"),g=require("../../classix-5H4IWnMA.cjs"),p=require("../figure/index.cjs"),u=require("../icon/index.cjs"),h=require("../link/index.cjs"),v="_avatar_lcj2e_1",N="_small_lcj2e_10",b="_medium_lcj2e_14",y="_large_lcj2e_18",f="_media_lcj2e_22",k="_details_lcj2e_46",q="_secondary_lcj2e_66",A="_text_lcj2e_74",I="_role_lcj2e_81",L="_initials_lcj2e_106",S="_link_lcj2e_122",l={avatar:v,small:N,medium:b,large:y,media:f,details:k,secondary:q,text:A,role:I,"role-name":"_role-name_lcj2e_82",initials:L,link:S,"color-1":"_color-1_lcj2e_130","color-solibo":"_color-solibo_lcj2e_131","color-2":"_color-2_lcj2e_138","color-board":"_color-board_lcj2e_139","color-3":"_color-3_lcj2e_146","color-owner":"_color-owner_lcj2e_147","color-4":"_color-4_lcj2e_154","color-renter":"_color-renter_lcj2e_155","color-5":"_color-5_lcj2e_162","color-external":"_color-external_lcj2e_163"},$={large:l.large,medium:l.medium,small:l.small},x={large:"large",medium:"medium",small:"medium"},w=i=>{const a=i.trim().split(/\s+/).filter(Boolean),n=Array.from(a[0]??"")[0]??"",t=a.length>1?Array.from(a[a.length-1])[0]:"";return`${n}${t}`.toLocaleUpperCase()},F=({accessibleLabel:i,color:a,icon:n,imageUrl:t,link:_,name:o,role:s,size:c="small",text:r})=>{const m=i||o||"User Avatar",d=o?w(o):"",j=e.jsxs("div",{className:g.t(l.avatar,$[c],a&&l[`color-${a}`]),"data-color":a,"data-size":c,children:[e.jsx("span",{className:l.media,children:e.jsx(p.Figure,{accessibleLabel:m,children:n?e.jsx(u.Icon,{name:n,size:x[c]}):t?e.jsx("img",{src:t,alt:m}):d?e.jsx("span",{"aria-hidden":"true",className:l.initials,children:d}):e.jsx(u.Icon,{name:"user",size:x[c]})})}),(o||s||r)&&e.jsxs("span",{className:l.details,children:[o&&e.jsx("strong",{children:o}),c==="small"&&(r||s)&&e.jsxs("span",{className:l.text,children:[r,r&&s&&" | ",s&&e.jsx("span",{className:l["role-name"],children:s})]}),c==="medium"&&e.jsxs("span",{className:l.secondary,children:[r&&e.jsx("span",{className:l.text,children:r}),s&&e.jsx("span",{className:l.role,children:s})]}),c==="large"&&s&&e.jsx("span",{className:l.role,children:s}),c==="large"&&r&&e.jsx("span",{className:l.text,children:r})]})]});return _?e.jsx(h.Link,{className:l.link,to:_,"data-component":"avatar",children:j}):j};exports.Avatar=F;
 //# sourceMappingURL=index.cjs.map

package/dist/components/avatar/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/avatar/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { Figure } from '@/components/figure';\nimport { Icon } from '@/components/icon';\nimport { Link } from '@/components/link';\n\nimport styles from './styles.module.css';\n\nexport type AvatarColor =\n  | 'solibo'\n  | 'board'\n  | 'owner'\n  | 'renter'\n  | 'external'\n  | '1'\n  | '2'\n  | '3'\n  | '4'\n  | '5';\n\nexport type AvatarSize = 'small' | 'medium' | 'large';\n\nexport type AvatarProps = {\n  accessibleLabel?: string;\n  color?: AvatarColor;\n  imageUrl?: string;\n  link?: string;\n  name?: string;\n  role?: string;\n  size?: AvatarSize;\n};\n\nconst sizes: Record<AvatarSize, string> = {\n  large: styles.large,\n  medium: styles.medium,\n  small: styles.small,\n};\n\nconst getInitials = (name: string) => {\n  const nameParts = name.trim().split(/\\s+/).filter(Boolean);\n  const firstInitial = Array.from(nameParts[0] ?? '')[0] ?? '';\n  const lastInitial = nameParts.length > 1 ? Array.from(nameParts[nameParts.length - 1])[0] : '';\n\n  return `${firstInitial}${lastInitial}`.toLocaleUpperCase();\n};\n\nexport const Avatar = ({\n  accessibleLabel,\n  color,\n  imageUrl,\n  link,\n  name,\n  role,\n  size = 'small',\n}: AvatarProps) => {\n  const avatarLabel = accessibleLabel || name || 'User Avatar';\n  const initials = name ? getInitials(name) : '';\n\n  const avatarFigure = (\n    <div\n      className={cx(styles.avatar, sizes[size], color && styles[`color-${color}`])}\n      data-color={color}\n      data-size={size}\n    >\n      <span className={styles.media}>\n        <Figure accessibleLabel={avatarLabel}>\n          {imageUrl ? (\n            <img\n              src={imageUrl}\n              alt={avatarLabel}\n            />\n          ) : initials ? (\n            <span\n              aria-hidden='true'\n              className={styles.initials}\n            >\n              {initials}\n            </span>\n          ) : (\n            <Icon name='user' />\n          )}\n        </Figure>\n      </span>\n      {(name || role) && (\n        <span className={styles.details}>\n          {name && <strong>{name}</strong>}\n          {role && <span>{role}</span>}\n        </span>\n      )}\n    </div>\n  );\n\n  return link ? (\n    <Link\n      className={styles.link}\n      to={link}\n    >\n      {avatarFigure}\n    </Link>\n  ) : (\n    avatarFigure\n  );\n};\n"],"names":["sizes","large","styles","medium","small","getInitials","name","nameParts","trim","split","filter","Boolean","firstInitial","Array","from","lastInitial","length","toLocaleUpperCase","Avatar","accessibleLabel","color","imageUrl","link","role","size","avatarLabel","initials","avatarFigure","cx","avatar","jsx","media","Figure","Icon","jsxs","details","Link"],"mappings":"00BAgCMA,EAAoC,CACxCC,MAAOC,EAAOD,MACdE,OAAQD,EAAOC,OACfC,MAAOF,EAAOE,KAChB,EAEMC,EAAeC,GAAiB,CACpC,MAAMC,EAAYD,EAAKE,KAAAA,EAAOC,MAAM,KAAK,EAAEC,OAAOC,OAAO,EACnDC,EAAeC,MAAMC,KAAKP,EAAU,CAAC,GAAK,EAAE,EAAE,CAAC,GAAK,GACpDQ,EAAcR,EAAUS,OAAS,EAAIH,MAAMC,KAAKP,EAAUA,EAAUS,OAAS,CAAC,CAAC,EAAE,CAAC,EAAI,GAE5F,MAAO,GAAGJ,CAAY,GAAGG,CAAW,GAAGE,kBAAAA,CACzC,EAEaC,EAASA,CAAC,CACrBC,gBAAAA,EACAC,MAAAA,EACAC,SAAAA,EACAC,KAAAA,EACAhB,KAAAA,EACAiB,KAAAA,EACAC,KAAAA,EAAO,OACI,IAAM,CACjB,MAAMC,EAAcN,GAAmBb,GAAQ,cACzCoB,EAAWpB,EAAOD,EAAYC,CAAI,EAAI,GAEtCqB,SACH,MAAA,CACC,UAAWC,EAAAA,EAAG1B,EAAO2B,OAAQ7B,EAAMwB,CAAI,EAAGJ,GAASlB,EAAO,SAASkB,CAAK,EAAE,CAAC,EAC3E,aAAYA,EACZ,YAAWI,EAEX,SAAA,CAAAM,MAAC,OAAA,CAAK,UAAW5B,EAAO6B,MACtB,SAAAD,EAAAA,IAACE,SAAA,CAAO,gBAAiBP,EACtBJ,SAAAA,EACCS,EAAAA,IAAC,MAAA,CACC,IAAKT,EACL,IAAKI,CAAAA,CAAY,EAEjBC,EACFI,EAAAA,IAAC,OAAA,CACC,cAAY,OACZ,UAAW5B,EAAOwB,SAEjBA,SAAAA,CAAAA,CACH,EAEAI,EAAAA,IAACG,EAAAA,KAAA,CAAK,KAAK,MAAA,CAAM,EAErB,EACF,GACE3B,GAAQiB,IACRW,OAAC,OAAA,CAAK,UAAWhC,EAAOiC,QACrB7B,SAAAA,CAAAA,GAAQwB,EAAAA,IAAC,UAAQxB,SAAAA,CAAAA,CAAK,EACtBiB,GAAQO,EAAAA,IAAC,OAAA,CAAMP,SAAAA,CAAAA,CAAK,CAAA,CAAA,CACvB,CAAA,EAEJ,EAGF,OAAOD,EACLQ,EAAAA,IAACM,EAAAA,KAAA,CACC,UAAWlC,EAAOoB,KAClB,GAAIA,EAAK,iBAAA,SAERK,SAAAA,CAAAA,CACH,EAEAA,CAEJ"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/avatar/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { Figure } from '@/components/figure';\nimport { Icon, type IconProps } from '@/components/icon';\nimport { Link } from '@/components/link';\n\nimport styles from './styles.module.css';\n\nexport type AvatarColor =\n  | 'solibo'\n  | 'board'\n  | 'owner'\n  | 'renter'\n  | 'external'\n  | '1'\n  | '2'\n  | '3'\n  | '4'\n  | '5';\n\nexport type AvatarSize = 'small' | 'medium' | 'large';\n\nexport type AvatarProps = {\n  accessibleLabel?: string;\n  color?: AvatarColor;\n  icon?: IconProps['name'];\n  imageUrl?: string;\n  link?: string;\n  name?: string;\n  role?: string;\n  size?: AvatarSize;\n  text?: string;\n};\n\nconst sizes: Record<AvatarSize, string> = {\n  large: styles.large,\n  medium: styles.medium,\n  small: styles.small,\n};\n\nconst iconSizes: Record<AvatarSize, NonNullable<IconProps['size']>> = {\n  large: 'large',\n  medium: 'medium',\n  small: 'medium',\n};\n\nconst getInitials = (name: string) => {\n  const nameParts = name.trim().split(/\\s+/).filter(Boolean);\n  const firstInitial = Array.from(nameParts[0] ?? '')[0] ?? '';\n  const lastInitial = nameParts.length > 1 ? Array.from(nameParts[nameParts.length - 1])[0] : '';\n\n  return `${firstInitial}${lastInitial}`.toLocaleUpperCase();\n};\n\nexport const Avatar = ({\n  accessibleLabel,\n  color,\n  icon,\n  imageUrl,\n  link,\n  name,\n  role,\n  size = 'small',\n  text,\n}: AvatarProps) => {\n  const avatarLabel = accessibleLabel || name || 'User Avatar';\n  const initials = name ? getInitials(name) : '';\n\n  const avatarFigure = (\n    <div\n      className={cx(styles.avatar, sizes[size], color && styles[`color-${color}`])}\n      data-color={color}\n      data-size={size}\n    >\n      <span className={styles.media}>\n        <Figure accessibleLabel={avatarLabel}>\n          {icon ? (\n            <Icon\n              name={icon}\n              size={iconSizes[size]}\n            />\n          ) : imageUrl ? (\n            <img\n              src={imageUrl}\n              alt={avatarLabel}\n            />\n          ) : initials ? (\n            <span\n              aria-hidden='true'\n              className={styles.initials}\n            >\n              {initials}\n            </span>\n          ) : (\n            <Icon\n              name='user'\n              size={iconSizes[size]}\n            />\n          )}\n        </Figure>\n      </span>\n      {(name || role || text) && (\n        <span className={styles.details}>\n          {name && <strong>{name}</strong>}\n          {size === 'small' && (text || role) && (\n            <span className={styles.text}>\n              {text}\n              {text && role && ' | '}\n              {role && <span className={styles['role-name']}>{role}</span>}\n            </span>\n          )}\n          {size === 'medium' && (\n            <span className={styles.secondary}>\n              {text && <span className={styles.text}>{text}</span>}\n              {role && <span className={styles.role}>{role}</span>}\n            </span>\n          )}\n          {size === 'large' && role && <span className={styles.role}>{role}</span>}\n          {size === 'large' && text && <span className={styles.text}>{text}</span>}\n        </span>\n      )}\n    </div>\n  );\n\n  return link ? (\n    <Link\n      className={styles.link}\n      to={link}\n    >\n      {avatarFigure}\n    </Link>\n  ) : (\n    avatarFigure\n  );\n};\n"],"names":["sizes","large","styles","medium","small","iconSizes","getInitials","name","nameParts","trim","split","filter","Boolean","firstInitial","Array","from","lastInitial","length","toLocaleUpperCase","Avatar","accessibleLabel","color","icon","imageUrl","link","role","size","text","avatarLabel","initials","avatarFigure","cx","avatar","jsx","media","Figure","Icon","details","jsxs","secondary","Link"],"mappings":"+8BAkCMA,EAAoC,CACxCC,MAAOC,EAAOD,MACdE,OAAQD,EAAOC,OACfC,MAAOF,EAAOE,KAChB,EAEMC,EAAgE,CACpEJ,MAAO,QACPE,OAAQ,SACRC,MAAO,QACT,EAEME,EAAeC,GAAiB,CACpC,MAAMC,EAAYD,EAAKE,KAAAA,EAAOC,MAAM,KAAK,EAAEC,OAAOC,OAAO,EACnDC,EAAeC,MAAMC,KAAKP,EAAU,CAAC,GAAK,EAAE,EAAE,CAAC,GAAK,GACpDQ,EAAcR,EAAUS,OAAS,EAAIH,MAAMC,KAAKP,EAAUA,EAAUS,OAAS,CAAC,CAAC,EAAE,CAAC,EAAI,GAE5F,MAAO,GAAGJ,CAAY,GAAGG,CAAW,GAAGE,kBAAAA,CACzC,EAEaC,EAASA,CAAC,CACrBC,gBAAAA,EACAC,MAAAA,EACAC,KAAAA,EACAC,SAAAA,EACAC,KAAAA,EACAjB,KAAAA,EACAkB,KAAAA,EACAC,KAAAA,EAAO,QACPC,KAAAA,CACW,IAAM,CACjB,MAAMC,EAAcR,GAAmBb,GAAQ,cACzCsB,EAAWtB,EAAOD,EAAYC,CAAI,EAAI,GAEtCuB,SACH,MAAA,CACC,UAAWC,EAAAA,EAAG7B,EAAO8B,OAAQhC,EAAM0B,CAAI,EAAGL,GAASnB,EAAO,SAASmB,CAAK,EAAE,CAAC,EAC3E,aAAYA,EACZ,YAAWK,EAEX,SAAA,CAAAO,EAAAA,IAAC,OAAA,CAAK,UAAW/B,EAAOgC,MACtB,eAACC,EAAAA,OAAA,CAAO,gBAAiBP,EACtBN,SAAAA,EACCW,EAAAA,IAACG,QACC,KAAMd,EACN,KAAMjB,EAAUqB,CAAI,EAAE,EAEtBH,QACD,MAAA,CACC,IAAKA,EACL,IAAKK,EAAY,EAEjBC,EACFI,EAAAA,IAAC,QACC,cAAY,OACZ,UAAW/B,EAAO2B,SAEjBA,WACH,EAEAI,EAAAA,IAACG,EAAAA,MACC,KAAK,OACL,KAAM/B,EAAUqB,CAAI,EAAE,CAAA,CAG5B,CAAA,CACF,GACEnB,GAAQkB,GAAQE,WACf,OAAA,CAAK,UAAWzB,EAAOmC,QACrB9B,SAAAA,CAAAA,GAAQ0B,EAAAA,IAAC,UAAQ1B,SAAAA,CAAAA,CAAK,EACtBmB,IAAS,UAAYC,GAAQF,WAC3B,OAAA,CAAK,UAAWvB,EAAOyB,KACrBA,SAAAA,CAAAA,EACAA,GAAQF,GAAQ,MAChBA,GAAQQ,EAAAA,IAAC,OAAA,CAAK,UAAW/B,EAAO,WAAW,EAAIuB,SAAAA,CAAAA,CAAK,CAAA,EACvD,EAEDC,IAAS,UACRY,EAAAA,KAAC,OAAA,CAAK,UAAWpC,EAAOqC,UACrBZ,SAAAA,CAAAA,GAAQM,EAAAA,IAAC,OAAA,CAAK,UAAW/B,EAAOyB,KAAOA,SAAAA,EAAK,EAC5CF,GAAQQ,EAAAA,IAAC,OAAA,CAAK,UAAW/B,EAAOuB,KAAOA,SAAAA,CAAAA,CAAK,CAAA,EAC/C,EAEDC,IAAS,SAAWD,GAAQQ,EAAAA,IAAC,QAAK,UAAW/B,EAAOuB,KAAOA,SAAAA,CAAAA,CAAK,EAChEC,IAAS,SAAWC,GAAQM,EAAAA,IAAC,QAAK,UAAW/B,EAAOyB,KAAOA,SAAAA,CAAAA,CAAK,CAAA,CAAA,CACnE,CAAA,EAEJ,EAGF,OAAOH,EACLS,EAAAA,IAACO,EAAAA,KAAA,CACC,UAAWtC,EAAOsB,KAClB,GAAIA,EAAK,iBAAA,SAERM,SAAAA,CAAAA,CACH,EAEAA,CAEJ"}

package/dist/components/avatar/index.js

@@ -1,53 +1,73 @@
-import { jsx as r, jsxs as d } from "react/jsx-runtime";
-import { t as g } from "../../classix-DG18itHa.js";
-import { Figure as p } from "../figure/index.js";
+import { jsx as a, jsxs as i } from "react/jsx-runtime";
+import { t as u } from "../../classix-DG18itHa.js";
+import { Figure as N } from "../figure/index.js";
 import { Icon as h } from "../icon/index.js";
-import { Link as u } from "../link/index.js";
-import '../../assets/index27.css';const v = "_avatar_1g0ia_1", f = "_small_1g0ia_10", b = "_medium_1g0ia_14", x = "_large_1g0ia_18", N = "_media_1g0ia_22", k = "_details_1g0ia_46", A = "_initials_1g0ia_63", I = "_link_1g0ia_67", a = {
-  avatar: v,
-  small: f,
-  medium: b,
-  large: x,
-  media: N,
-  details: k,
-  initials: A,
-  link: I,
-  "color-1": "_color-1_1g0ia_75",
-  "color-solibo": "_color-solibo_1g0ia_76",
-  "color-2": "_color-2_1g0ia_81",
-  "color-board": "_color-board_1g0ia_82",
-  "color-3": "_color-3_1g0ia_87",
-  "color-owner": "_color-owner_1g0ia_88",
-  "color-4": "_color-4_1g0ia_93",
-  "color-renter": "_color-renter_1g0ia_94",
-  "color-5": "_color-5_1g0ia_99",
-  "color-external": "_color-external_1g0ia_100"
-}, L = {
-  large: a.large,
-  medium: a.medium,
-  small: a.small
-}, y = (s) => {
-  const o = s.trim().split(/\s+/).filter(Boolean), l = Array.from(o[0] ?? "")[0] ?? "", t = o.length > 1 ? Array.from(o[o.length - 1])[0] : "";
-  return `${l}${t}`.toLocaleUpperCase();
-}, B = ({
-  accessibleLabel: s,
-  color: o,
-  imageUrl: l,
-  link: t,
-  name: i,
+import { Link as v } from "../link/index.js";
+import '../../assets/index27.css';const f = "_avatar_lcj2e_1", b = "_small_lcj2e_10", y = "_medium_lcj2e_14", k = "_large_lcj2e_18", x = "_media_lcj2e_22", A = "_details_lcj2e_46", I = "_secondary_lcj2e_66", L = "_text_lcj2e_74", $ = "_role_lcj2e_81", w = "_initials_lcj2e_106", F = "_link_lcj2e_122", l = {
+  avatar: f,
+  small: b,
+  medium: y,
+  large: k,
+  media: x,
+  details: A,
+  secondary: I,
+  text: L,
+  role: $,
+  "role-name": "_role-name_lcj2e_82",
+  initials: w,
+  link: F,
+  "color-1": "_color-1_lcj2e_130",
+  "color-solibo": "_color-solibo_lcj2e_131",
+  "color-2": "_color-2_lcj2e_138",
+  "color-board": "_color-board_lcj2e_139",
+  "color-3": "_color-3_lcj2e_146",
+  "color-owner": "_color-owner_lcj2e_147",
+  "color-4": "_color-4_lcj2e_154",
+  "color-renter": "_color-renter_lcj2e_155",
+  "color-5": "_color-5_lcj2e_162",
+  "color-external": "_color-external_lcj2e_163"
+}, B = {
+  large: l.large,
+  medium: l.medium,
+  small: l.small
+}, g = {
+  large: "large",
+  medium: "medium",
+  small: "medium"
+}, C = (_) => {
+  const c = _.trim().split(/\s+/).filter(Boolean), n = Array.from(c[0] ?? "")[0] ?? "", t = c.length > 1 ? Array.from(c[c.length - 1])[0] : "";
+  return `${n}${t}`.toLocaleUpperCase();
+}, E = ({
+  accessibleLabel: _,
+  color: c,
+  icon: n,
+  imageUrl: t,
+  link: m,
+  name: s,
   role: e,
-  size: c = "small"
+  size: r = "small",
+  text: o
 }) => {
-  const n = s || i || "User Avatar", _ = i ? y(i) : "", m = /* @__PURE__ */ d("div", { className: g(a.avatar, L[c], o && a[`color-${o}`]), "data-color": o, "data-size": c, children: [
-    /* @__PURE__ */ r("span", { className: a.media, children: /* @__PURE__ */ r(p, { accessibleLabel: n, children: l ? /* @__PURE__ */ r("img", { src: l, alt: n }) : _ ? /* @__PURE__ */ r("span", { "aria-hidden": "true", className: a.initials, children: _ }) : /* @__PURE__ */ r(h, { name: "user" }) }) }),
-    (i || e) && /* @__PURE__ */ d("span", { className: a.details, children: [
-      i && /* @__PURE__ */ r("strong", { children: i }),
-      e && /* @__PURE__ */ r("span", { children: e })
+  const d = _ || s || "User Avatar", j = s ? C(s) : "", p = /* @__PURE__ */ i("div", { className: u(l.avatar, B[r], c && l[`color-${c}`]), "data-color": c, "data-size": r, children: [
+    /* @__PURE__ */ a("span", { className: l.media, children: /* @__PURE__ */ a(N, { accessibleLabel: d, children: n ? /* @__PURE__ */ a(h, { name: n, size: g[r] }) : t ? /* @__PURE__ */ a("img", { src: t, alt: d }) : j ? /* @__PURE__ */ a("span", { "aria-hidden": "true", className: l.initials, children: j }) : /* @__PURE__ */ a(h, { name: "user", size: g[r] }) }) }),
+    (s || e || o) && /* @__PURE__ */ i("span", { className: l.details, children: [
+      s && /* @__PURE__ */ a("strong", { children: s }),
+      r === "small" && (o || e) && /* @__PURE__ */ i("span", { className: l.text, children: [
+        o,
+        o && e && " | ",
+        e && /* @__PURE__ */ a("span", { className: l["role-name"], children: e })
+      ] }),
+      r === "medium" && /* @__PURE__ */ i("span", { className: l.secondary, children: [
+        o && /* @__PURE__ */ a("span", { className: l.text, children: o }),
+        e && /* @__PURE__ */ a("span", { className: l.role, children: e })
+      ] }),
+      r === "large" && e && /* @__PURE__ */ a("span", { className: l.role, children: e }),
+      r === "large" && o && /* @__PURE__ */ a("span", { className: l.text, children: o })
     ] })
   ] });
-  return t ? /* @__PURE__ */ r(u, { className: a.link, to: t, "data-component": "avatar", children: m }) : m;
+  return m ? /* @__PURE__ */ a(v, { className: l.link, to: m, "data-component": "avatar", children: p }) : p;
 };
 export {
-  B as Avatar
+  E as Avatar
 };
 //# sourceMappingURL=index.js.map

package/dist/components/avatar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/avatar/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { Figure } from '@/components/figure';\nimport { Icon } from '@/components/icon';\nimport { Link } from '@/components/link';\n\nimport styles from './styles.module.css';\n\nexport type AvatarColor =\n  | 'solibo'\n  | 'board'\n  | 'owner'\n  | 'renter'\n  | 'external'\n  | '1'\n  | '2'\n  | '3'\n  | '4'\n  | '5';\n\nexport type AvatarSize = 'small' | 'medium' | 'large';\n\nexport type AvatarProps = {\n  accessibleLabel?: string;\n  color?: AvatarColor;\n  imageUrl?: string;\n  link?: string;\n  name?: string;\n  role?: string;\n  size?: AvatarSize;\n};\n\nconst sizes: Record<AvatarSize, string> = {\n  large: styles.large,\n  medium: styles.medium,\n  small: styles.small,\n};\n\nconst getInitials = (name: string) => {\n  const nameParts = name.trim().split(/\\s+/).filter(Boolean);\n  const firstInitial = Array.from(nameParts[0] ?? '')[0] ?? '';\n  const lastInitial = nameParts.length > 1 ? Array.from(nameParts[nameParts.length - 1])[0] : '';\n\n  return `${firstInitial}${lastInitial}`.toLocaleUpperCase();\n};\n\nexport const Avatar = ({\n  accessibleLabel,\n  color,\n  imageUrl,\n  link,\n  name,\n  role,\n  size = 'small',\n}: AvatarProps) => {\n  const avatarLabel = accessibleLabel || name || 'User Avatar';\n  const initials = name ? getInitials(name) : '';\n\n  const avatarFigure = (\n    <div\n      className={cx(styles.avatar, sizes[size], color && styles[`color-${color}`])}\n      data-color={color}\n      data-size={size}\n    >\n      <span className={styles.media}>\n        <Figure accessibleLabel={avatarLabel}>\n          {imageUrl ? (\n            <img\n              src={imageUrl}\n              alt={avatarLabel}\n            />\n          ) : initials ? (\n            <span\n              aria-hidden='true'\n              className={styles.initials}\n            >\n              {initials}\n            </span>\n          ) : (\n            <Icon name='user' />\n          )}\n        </Figure>\n      </span>\n      {(name || role) && (\n        <span className={styles.details}>\n          {name && <strong>{name}</strong>}\n          {role && <span>{role}</span>}\n        </span>\n      )}\n    </div>\n  );\n\n  return link ? (\n    <Link\n      className={styles.link}\n      to={link}\n    >\n      {avatarFigure}\n    </Link>\n  ) : (\n    avatarFigure\n  );\n};\n"],"names":["sizes","large","styles","medium","small","getInitials","name","nameParts","trim","split","filter","Boolean","firstInitial","Array","from","lastInitial","length","toLocaleUpperCase","Avatar","accessibleLabel","color","imageUrl","link","role","size","avatarLabel","initials","avatarFigure","cx","avatar","jsx","media","Figure","Icon","jsxs","details","Link"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;GAgCMA,IAAoC;AAAA,EACxCC,OAAOC,EAAOD;AAAAA,EACdE,QAAQD,EAAOC;AAAAA,EACfC,OAAOF,EAAOE;AAChB,GAEMC,IAAcA,CAACC,MAAiB;AACpC,QAAMC,IAAYD,EAAKE,KAAAA,EAAOC,MAAM,KAAK,EAAEC,OAAOC,OAAO,GACnDC,IAAeC,MAAMC,KAAKP,EAAU,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,IACpDQ,IAAcR,EAAUS,SAAS,IAAIH,MAAMC,KAAKP,EAAUA,EAAUS,SAAS,CAAC,CAAC,EAAE,CAAC,IAAI;AAE5F,SAAO,GAAGJ,CAAY,GAAGG,CAAW,GAAGE,kBAAAA;AACzC,GAEaC,IAASA,CAAC;AAAA,EACrBC,iBAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,MAAAA;AAAAA,EACAhB,MAAAA;AAAAA,EACAiB,MAAAA;AAAAA,EACAC,MAAAA,IAAO;AACI,MAAM;AACjB,QAAMC,IAAcN,KAAmBb,KAAQ,eACzCoB,IAAWpB,IAAOD,EAAYC,CAAI,IAAI,IAEtCqB,sBACH,OAAA,EACC,WAAWC,EAAG1B,EAAO2B,QAAQ7B,EAAMwB,CAAI,GAAGJ,KAASlB,EAAO,SAASkB,CAAK,EAAE,CAAC,GAC3E,cAAYA,GACZ,aAAWI,GAEX,UAAA;AAAA,IAAA,gBAAAM,EAAC,QAAA,EAAK,WAAW5B,EAAO6B,OACtB,UAAA,gBAAAD,EAACE,GAAA,EAAO,iBAAiBP,GACtBJ,UAAAA,IACC,gBAAAS,EAAC,OAAA,EACC,KAAKT,GACL,KAAKI,EAAAA,CAAY,IAEjBC,IACF,gBAAAI,EAAC,QAAA,EACC,eAAY,QACZ,WAAW5B,EAAOwB,UAEjBA,UAAAA,EAAAA,CACH,IAEA,gBAAAI,EAACG,GAAA,EAAK,MAAK,OAAA,CAAM,GAErB,GACF;AAAA,KACE3B,KAAQiB,MACR,gBAAAW,EAAC,QAAA,EAAK,WAAWhC,EAAOiC,SACrB7B,UAAAA;AAAAA,MAAAA,KAAQ,gBAAAwB,EAAC,YAAQxB,UAAAA,EAAAA,CAAK;AAAA,MACtBiB,KAAQ,gBAAAO,EAAC,QAAA,EAAMP,UAAAA,EAAAA,CAAK;AAAA,IAAA,EAAA,CACvB;AAAA,EAAA,GAEJ;AAGF,SAAOD,IACL,gBAAAQ,EAACM,GAAA,EACC,WAAWlC,EAAOoB,MAClB,IAAIA,GAAK,kBAAA,UAERK,UAAAA,EAAAA,CACH,IAEAA;AAEJ;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/avatar/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { Figure } from '@/components/figure';\nimport { Icon, type IconProps } from '@/components/icon';\nimport { Link } from '@/components/link';\n\nimport styles from './styles.module.css';\n\nexport type AvatarColor =\n  | 'solibo'\n  | 'board'\n  | 'owner'\n  | 'renter'\n  | 'external'\n  | '1'\n  | '2'\n  | '3'\n  | '4'\n  | '5';\n\nexport type AvatarSize = 'small' | 'medium' | 'large';\n\nexport type AvatarProps = {\n  accessibleLabel?: string;\n  color?: AvatarColor;\n  icon?: IconProps['name'];\n  imageUrl?: string;\n  link?: string;\n  name?: string;\n  role?: string;\n  size?: AvatarSize;\n  text?: string;\n};\n\nconst sizes: Record<AvatarSize, string> = {\n  large: styles.large,\n  medium: styles.medium,\n  small: styles.small,\n};\n\nconst iconSizes: Record<AvatarSize, NonNullable<IconProps['size']>> = {\n  large: 'large',\n  medium: 'medium',\n  small: 'medium',\n};\n\nconst getInitials = (name: string) => {\n  const nameParts = name.trim().split(/\\s+/).filter(Boolean);\n  const firstInitial = Array.from(nameParts[0] ?? '')[0] ?? '';\n  const lastInitial = nameParts.length > 1 ? Array.from(nameParts[nameParts.length - 1])[0] : '';\n\n  return `${firstInitial}${lastInitial}`.toLocaleUpperCase();\n};\n\nexport const Avatar = ({\n  accessibleLabel,\n  color,\n  icon,\n  imageUrl,\n  link,\n  name,\n  role,\n  size = 'small',\n  text,\n}: AvatarProps) => {\n  const avatarLabel = accessibleLabel || name || 'User Avatar';\n  const initials = name ? getInitials(name) : '';\n\n  const avatarFigure = (\n    <div\n      className={cx(styles.avatar, sizes[size], color && styles[`color-${color}`])}\n      data-color={color}\n      data-size={size}\n    >\n      <span className={styles.media}>\n        <Figure accessibleLabel={avatarLabel}>\n          {icon ? (\n            <Icon\n              name={icon}\n              size={iconSizes[size]}\n            />\n          ) : imageUrl ? (\n            <img\n              src={imageUrl}\n              alt={avatarLabel}\n            />\n          ) : initials ? (\n            <span\n              aria-hidden='true'\n              className={styles.initials}\n            >\n              {initials}\n            </span>\n          ) : (\n            <Icon\n              name='user'\n              size={iconSizes[size]}\n            />\n          )}\n        </Figure>\n      </span>\n      {(name || role || text) && (\n        <span className={styles.details}>\n          {name && <strong>{name}</strong>}\n          {size === 'small' && (text || role) && (\n            <span className={styles.text}>\n              {text}\n              {text && role && ' | '}\n              {role && <span className={styles['role-name']}>{role}</span>}\n            </span>\n          )}\n          {size === 'medium' && (\n            <span className={styles.secondary}>\n              {text && <span className={styles.text}>{text}</span>}\n              {role && <span className={styles.role}>{role}</span>}\n            </span>\n          )}\n          {size === 'large' && role && <span className={styles.role}>{role}</span>}\n          {size === 'large' && text && <span className={styles.text}>{text}</span>}\n        </span>\n      )}\n    </div>\n  );\n\n  return link ? (\n    <Link\n      className={styles.link}\n      to={link}\n    >\n      {avatarFigure}\n    </Link>\n  ) : (\n    avatarFigure\n  );\n};\n"],"names":["sizes","large","styles","medium","small","iconSizes","getInitials","name","nameParts","trim","split","filter","Boolean","firstInitial","Array","from","lastInitial","length","toLocaleUpperCase","Avatar","accessibleLabel","color","icon","imageUrl","link","role","size","text","avatarLabel","initials","avatarFigure","cx","avatar","jsx","media","Figure","Icon","details","jsxs","secondary","Link"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCMA,IAAoC;AAAA,EACxCC,OAAOC,EAAOD;AAAAA,EACdE,QAAQD,EAAOC;AAAAA,EACfC,OAAOF,EAAOE;AAChB,GAEMC,IAAgE;AAAA,EACpEJ,OAAO;AAAA,EACPE,QAAQ;AAAA,EACRC,OAAO;AACT,GAEME,IAAcA,CAACC,MAAiB;AACpC,QAAMC,IAAYD,EAAKE,KAAAA,EAAOC,MAAM,KAAK,EAAEC,OAAOC,OAAO,GACnDC,IAAeC,MAAMC,KAAKP,EAAU,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,IACpDQ,IAAcR,EAAUS,SAAS,IAAIH,MAAMC,KAAKP,EAAUA,EAAUS,SAAS,CAAC,CAAC,EAAE,CAAC,IAAI;AAE5F,SAAO,GAAGJ,CAAY,GAAGG,CAAW,GAAGE,kBAAAA;AACzC,GAEaC,IAASA,CAAC;AAAA,EACrBC,iBAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,MAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,MAAAA;AAAAA,EACAjB,MAAAA;AAAAA,EACAkB,MAAAA;AAAAA,EACAC,MAAAA,IAAO;AAAA,EACPC,MAAAA;AACW,MAAM;AACjB,QAAMC,IAAcR,KAAmBb,KAAQ,eACzCsB,IAAWtB,IAAOD,EAAYC,CAAI,IAAI,IAEtCuB,sBACH,OAAA,EACC,WAAWC,EAAG7B,EAAO8B,QAAQhC,EAAM0B,CAAI,GAAGL,KAASnB,EAAO,SAASmB,CAAK,EAAE,CAAC,GAC3E,cAAYA,GACZ,aAAWK,GAEX,UAAA;AAAA,IAAA,gBAAAO,EAAC,QAAA,EAAK,WAAW/B,EAAOgC,OACtB,4BAACC,GAAA,EAAO,iBAAiBP,GACtBN,UAAAA,IACC,gBAAAW,EAACG,KACC,MAAMd,GACN,MAAMjB,EAAUqB,CAAI,GAAE,IAEtBH,sBACD,OAAA,EACC,KAAKA,GACL,KAAKK,GAAY,IAEjBC,IACF,gBAAAI,EAAC,UACC,eAAY,QACZ,WAAW/B,EAAO2B,UAEjBA,aACH,IAEA,gBAAAI,EAACG,KACC,MAAK,QACL,MAAM/B,EAAUqB,CAAI,GAAE,EAAA,CAG5B,EAAA,CACF;AAAA,KACEnB,KAAQkB,KAAQE,wBACf,QAAA,EAAK,WAAWzB,EAAOmC,SACrB9B,UAAAA;AAAAA,MAAAA,KAAQ,gBAAA0B,EAAC,YAAQ1B,UAAAA,EAAAA,CAAK;AAAA,MACtBmB,MAAS,YAAYC,KAAQF,wBAC3B,QAAA,EAAK,WAAWvB,EAAOyB,MACrBA,UAAAA;AAAAA,QAAAA;AAAAA,QACAA,KAAQF,KAAQ;AAAA,QAChBA,KAAQ,gBAAAQ,EAAC,QAAA,EAAK,WAAW/B,EAAO,WAAW,GAAIuB,UAAAA,EAAAA,CAAK;AAAA,MAAA,GACvD;AAAA,MAEDC,MAAS,YACR,gBAAAY,EAAC,QAAA,EAAK,WAAWpC,EAAOqC,WACrBZ,UAAAA;AAAAA,QAAAA,KAAQ,gBAAAM,EAAC,QAAA,EAAK,WAAW/B,EAAOyB,MAAOA,UAAAA,GAAK;AAAA,QAC5CF,KAAQ,gBAAAQ,EAAC,QAAA,EAAK,WAAW/B,EAAOuB,MAAOA,UAAAA,EAAAA,CAAK;AAAA,MAAA,GAC/C;AAAA,MAEDC,MAAS,WAAWD,KAAQ,gBAAAQ,EAAC,UAAK,WAAW/B,EAAOuB,MAAOA,UAAAA,EAAAA,CAAK;AAAA,MAChEC,MAAS,WAAWC,KAAQ,gBAAAM,EAAC,UAAK,WAAW/B,EAAOyB,MAAOA,UAAAA,EAAAA,CAAK;AAAA,IAAA,EAAA,CACnE;AAAA,EAAA,GAEJ;AAGF,SAAOH,IACL,gBAAAS,EAACO,GAAA,EACC,WAAWtC,EAAOsB,MAClB,IAAIA,GAAK,kBAAA,UAERM,UAAAA,EAAAA,CACH,IAEAA;AAEJ;"}

package/dist/components/button/index.cjs

@@ -1,2 +1,2 @@
-"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_54xfv_1",m="_danger_54xfv_28",x="_tertiary_54xfv_41",p="_primary_54xfv_48",b="_secondary_54xfv_57",t={button:l,danger:m,tertiary:x,primary:p,secondary:b},f={danger:t.danger,primary:t.primary,secondary:t.secondary,tertiary:t.tertiary};function v({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,f[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=v;
+"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;
 //# sourceMappingURL=index.cjs.map

package/dist/components/button/index.js

@@ -1,34 +1,34 @@
-import { jsxs as d, jsx as a } from "react/jsx-runtime";
+import { jsxs as d, jsx as n } from "react/jsx-runtime";
 import { t as _ } from "../../classix-DG18itHa.js";
 import { Badge as p } from "../badge/index.js";
-import { Icon as f } from "../icon/index.js";
-import '../../assets/index31.css';const u = "_button_54xfv_1", g = "_danger_54xfv_28", l = "_tertiary_54xfv_41", v = "_primary_54xfv_48", x = "_secondary_54xfv_57", t = {
-  button: u,
-  danger: g,
-  tertiary: l,
-  primary: v,
-  secondary: x
-}, b = {
+import { Icon as u } from "../icon/index.js";
+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 = {
+  button: g,
+  danger: l,
+  tertiary: b,
+  primary: f,
+  secondary: z
+}, h = {
   danger: t.danger,
   primary: t.primary,
   secondary: t.secondary,
   tertiary: t.tertiary
 };
 function I({
-  badge: o,
+  badge: a,
   children: r,
   className: e,
   disabled: s = !1,
-  icon: n,
+  icon: o,
   onClick: i,
-  ref: y,
-  variant: c = "secondary",
+  ref: c,
+  variant: y = "secondary",
   ...m
 }) {
-  return /* @__PURE__ */ d("button", { className: _(t.button, b[c], e), disabled: s, onClick: i, ref: y, type: "button", ...m, "data-component": "button", children: [
-    n && /* @__PURE__ */ a(f, { fill: !0, gap: r ? "right" : void 0, name: n, size: "small" }),
+  return /* @__PURE__ */ d("button", { className: _(t.button, h[y], e), disabled: s, onClick: i, ref: c, type: "button", ...m, "data-component": "button", children: [
+    o && /* @__PURE__ */ n(u, { fill: !0, gap: r ? "right" : void 0, name: o, size: "small" }),
     r,
-    /* @__PURE__ */ a(p, { variant: "highlight", children: o })
+    /* @__PURE__ */ n(p, { variant: "highlight", children: a })
   ] });
 }
 export {

package/dist/components/card/index.cjs

@@ -1,2 +1,2 @@
-"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;
+"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;
 //# sourceMappingURL=index.cjs.map

package/dist/components/card/index.cjs.map

@@ -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"}
+{"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"}

package/dist/components/card/index.js

@@ -1,49 +1,59 @@
-import { jsxs as d, jsx as n } from "react/jsx-runtime";
-import { t as i } from "../../classix-DG18itHa.js";
-import { Badge as g } from "../badge/index.js";
+import { jsxs as d, jsx as r } from "react/jsx-runtime";
+import { t as s } from "../../classix-DG18itHa.js";
+import { Badge as v } from "../badge/index.js";
 import { Checkbox as N } from "../checkbox/index.js";
 import { Figure as f } from "../figure/index.js";
 import { Icon as h } from "../icon/index.js";
-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 = {
+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 = {
   card: y,
   head: j,
   center: D,
   content: E,
-  margin: I,
-  clickable: T,
-  muted: $,
-  selected: k,
-  "image-top": "_image-top_tv1p7_118",
-  "image-left": "_image-left_tv1p7_129"
-}, A = ({
-  actions: v,
-  badge: s,
-  checkbox: m,
-  children: _,
-  emphasis: o = "default",
-  header: p,
+  preview: I,
+  "preview-leading": "_preview-leading_r2a1i_68",
+  "preview-trailing": "_preview-trailing_r2a1i_69",
+  "preview-content": "_preview-content_r2a1i_89",
+  margin: T,
+  clickable: $,
+  muted: k,
+  selected: z,
+  "image-top": "_image-top_r2a1i_158",
+  "image-left": "_image-left_r2a1i_169"
+}, G = ({
+  actions: w,
+  badge: o,
+  checkbox: t,
+  children: p,
+  emphasis: g = "default",
+  header: _,
   icon: u,
-  image: a,
+  image: n,
   imagePosition: c = "top",
   onClick: l,
-  variant: r = "default"
-}) => /* @__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) => {
-  l && e.currentTarget === document.activeElement && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.currentTarget.click());
+  preview: m,
+  variant: i = "default"
+}) => /* @__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) => {
+  l && a.currentTarget === document.activeElement && (a.key === "Enter" || a.key === " ") && (a.preventDefault(), a.currentTarget.click());
 }, tabIndex: l ? 0 : -1, "data-component": "card", children: [
-  a && r !== "minimal" && c === "top" && /* @__PURE__ */ n(f, { className: t[`image-${c}`], children: a }),
+  n && i !== "minimal" && c === "top" && /* @__PURE__ */ r(f, { className: e[`image-${c}`], children: n }),
   /* @__PURE__ */ d("section", { children: [
-    /* @__PURE__ */ d("div", { className: i(t.head, r === "minimal" && t.center), children: [
-      m && /* @__PURE__ */ n("span", { onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ n(N, { ...m }) }),
-      a && r !== "minimal" && c === "left" && /* @__PURE__ */ n(f, { className: t[`image-${c}`], children: a }),
-      p,
-      s && /* @__PURE__ */ n(g, { ...s }),
-      u && /* @__PURE__ */ n(h, { name: u, size: "medium" }),
-      v
+    /* @__PURE__ */ d("div", { className: s(e.head, i === "minimal" && e.center), children: [
+      t && /* @__PURE__ */ r("span", { onClick: (a) => a.stopPropagation(), children: /* @__PURE__ */ r(N, { ...t }) }),
+      n && i !== "minimal" && c === "left" && /* @__PURE__ */ r(f, { className: e[`image-${c}`], children: n }),
+      _,
+      o && /* @__PURE__ */ r(v, { ...o }),
+      u && /* @__PURE__ */ r(h, { name: u, size: "medium" }),
+      w
     ] }),
-    _ && r !== "minimal" && /* @__PURE__ */ n("div", { className: i(t.content, !!p && t.margin), children: _ })
+    p && i !== "minimal" && /* @__PURE__ */ r("div", { className: s(e.content, !!_ && e.margin), children: p }),
+    m && i !== "minimal" && /* @__PURE__ */ d("div", { className: s(e.preview, !!_ && e.margin), children: [
+      /* @__PURE__ */ r("span", { className: e["preview-leading"], children: m.leading }),
+      /* @__PURE__ */ r("span", { className: e["preview-content"], children: m.children }),
+      /* @__PURE__ */ r("span", { className: e["preview-trailing"], children: m.trailing })
+    ] })
   ] })
 ] });
 export {
-  A as Card
+  G as Card
 };
 //# sourceMappingURL=index.js.map