@solibo/solibo-ui 0.5.6 → 0.5.8

package/dist/assets/index10.css

@@ -1 +1 @@
-._file_tncrs_1{align-items:center;background-color:var(--colors-semantic-bg-surface);border-radius:var(--utils-tokens-unit);border:var(--scale-2) solid var(--colors-semantic-bg-surface);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);display:inline-flex;gap:calc(3 * var(--scale-1));max-width:100%;min-width:0}._file_tncrs_1 a{color:var(--colors-semantic-primary-primary);padding:var(--utils-tokens-unit);transition:background-color var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function) var(--utils-tokens-transition-delay)}._file_tncrs_1 a:first-of-type{border-radius:var(--utils-tokens-unit);cursor:default;display:inline-block;flex:1 1 auto;font-weight:var(--font-font-weight-semibold);max-width:100%;min-width:0;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}._file_tncrs_1 a:first-of-type[role=document]:hover{background-color:var(--colors-semantic-bg-overlay);cursor:pointer}._file_tncrs_1 a:first-of-type:has(+a){border-radius:var(--utils-tokens-unit) 0 0 var(--utils-tokens-unit)}._file_tncrs_1 a:first-of-type:visited{opacity:var(--utils-tokens-opacity-minimal)}._file_tncrs_1 a:first-of-type span{margin-right:var(--scale-8)}._file_tncrs_1 ._delete_tncrs_52{border-radius:0 var(--utils-tokens-unit) var(--utils-tokens-unit) 0;cursor:pointer;flex:0 0 auto;position:relative}._file_tncrs_1 ._delete_tncrs_52:before{content:"";position:absolute;left:calc(-1 * var(--scale-2));top:0;width:var(--scale-1);height:100%;background-color:var(--colors-semantic-border-default)}._file_tncrs_1 ._delete_tncrs_52:hover{background-color:var(--colors-semantic-status-error-bg)}
+._file_1ik2m_1{align-items:center;background-color:var(--colors-semantic-bg-surface);border-radius:var(--utils-tokens-unit);border:var(--scale-2) solid var(--colors-semantic-bg-surface);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);display:inline-flex;gap:calc(3 * var(--scale-1));max-width:100%;min-width:0}._file_1ik2m_1 a{color:var(--colors-semantic-primary-primary);padding:var(--utils-tokens-unit);transition:background-color var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function) var(--utils-tokens-transition-delay)}._file_1ik2m_1 a:first-of-type{border-radius:var(--utils-tokens-unit);cursor:default;display:inline-block;flex:1 1 auto;font-weight:var(--font-font-weight-semibold);max-width:100%;min-width:0;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}._file_1ik2m_1 a:first-of-type[role=document]:hover{background-color:var(--colors-semantic-bg-overlay);cursor:pointer}._file_1ik2m_1 a:first-of-type:has(+a){border-radius:var(--utils-tokens-unit) 0 0 var(--utils-tokens-unit)}._file_1ik2m_1 a:first-of-type:visited{opacity:var(--utils-tokens-opacity-minimal)}._file_1ik2m_1 a:first-of-type span{margin-right:var(--scale-8)}._file_1ik2m_1 ._delete_1ik2m_52{border-radius:0 var(--utils-tokens-unit) var(--utils-tokens-unit) 0;cursor:pointer;flex:0 0 auto;position:relative}._file_1ik2m_1 ._delete_1ik2m_52:before{content:"";position:absolute;left:calc(-1 * var(--scale-2));top:0;width:var(--scale-1);height:100%;background-color:var(--colors-semantic-border-default)}._file_1ik2m_1 ._delete_1ik2m_52:hover{background-color:var(--colors-red-50)}

package/dist/assets/index15.css

@@ -1 +1 @@
-:root{--size: calc(var(--utils-tokens-unit) * 2)}._avatar_pkn7i_5{background-color:var(--colors-semantic-content-disabled);border-radius:var(--size);display:inline-block;margin:0 var(--scale-4);overflow:hidden;height:var(--size);width:var(--size)}._avatar_pkn7i_5 span{margin:var(--scale-4)}
+:root{--size: calc(var(--utils-tokens-unit) * 2)}._avatar_3vtid_5{background-color:var(--colors-semantic-interactive-disabled);border-radius:var(--size);display:inline-block;margin:0 var(--scale-4);overflow:hidden;height:var(--size);width:var(--size)}._avatar_3vtid_5 span{margin:var(--scale-4)}

package/dist/assets/index16.css

@@ -1 +1 @@
-._card_i3kzm_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);display:flex;flex-direction:column;gap:var(--shape-spacing-md);max-width:calc(100vw - calc(3 * var(--utils-tokens-unit)))!important;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_i3kzm_1 section{display:inline-block;flex:1 1 auto;min-width:0;width:100%}._card_i3kzm_1 ._head_i3kzm_31{align-items:start;display:flex;gap:var(--shape-spacing-xs);max-width:100%}._card_i3kzm_1 ._head_i3kzm_31 header{display:inline-block;flex:1 1 auto;margin:0;min-width:0}._card_i3kzm_1 ._head_i3kzm_31._center_i3kzm_44{align-items:center}._card_i3kzm_1 ._head_i3kzm_31 :is(h1,h2,h3,h4,h5,h6):first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._card_i3kzm_1 ._content_i3kzm_56>:last-child{margin-bottom:0}._card_i3kzm_1:has(select){overflow:visible!important}._card_i3kzm_1 [data-component=croppable]{width:100%}._card_i3kzm_1 [data-component=list]{min-width:0}._card_i3kzm_1 [data-component=list] li{max-width:100%;min-width:0}._card_i3kzm_1 [data-component=list] li>a{display:block;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._card_i3kzm_1 [data-component=list] li>[data-component=file]{width:100%}._clickable_i3kzm_93{cursor:pointer}._clickable_i3kzm_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_i3kzm_93:focus-visible{outline:var(--scale-2) solid var(--colors-semantic-border-focus)}._image-top_i3kzm_108{width:100%}._image-top_i3kzm_108 img{width:100%;max-height:calc(12.5 * var(--utils-tokens-unit))}._image-left_i3kzm_117 ._image_i3kzm_108 img,._image-right_i3kzm_118 ._image_i3kzm_108 img{aspect-ratio:1 / 1;max-height:calc(8.75 * var(--utils-tokens-unit));min-height:var(--scale-56);width:auto}._image-left_i3kzm_117{flex-direction:row}._image-right_i3kzm_118{flex-direction:row-reverse}._selected_i3kzm_135{background-color:var(--colors-semantic-interactive-selected);outline:var(--scale-2) solid var(--colors-semantic-primary-primary-subtle-border)}
+._card_1tbdx_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);display:flex;flex-direction:column;gap:var(--shape-spacing-md);max-width:calc(100vw - calc(3 * var(--utils-tokens-unit)))!important;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_1tbdx_1 section{display:inline-block;flex:1 1 auto;min-width:0;width:100%}._card_1tbdx_1 ._head_1tbdx_31{align-items:start;display:flex;gap:var(--shape-spacing-xs);max-width:100%}._card_1tbdx_1 ._head_1tbdx_31 header{display:inline-block;flex:1 1 auto;margin:0;min-width:0}._card_1tbdx_1 ._head_1tbdx_31._center_1tbdx_44{align-items:center}._card_1tbdx_1 ._head_1tbdx_31 :is(h1,h2,h3,h4,h5,h6):first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._card_1tbdx_1 ._content_1tbdx_56>:last-child{margin-bottom:0}._card_1tbdx_1:has(select){overflow:visible!important}._card_1tbdx_1 [data-component=croppable]{width:100%}._card_1tbdx_1 [data-component=list]{min-width:0}._card_1tbdx_1 [data-component=list] li{max-width:100%;min-width:0}._card_1tbdx_1 [data-component=list] li>a{display:block;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._card_1tbdx_1 [data-component=list] li>[data-component=file]{width:100%}._clickable_1tbdx_93{cursor:pointer}._clickable_1tbdx_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_1tbdx_93:focus-visible{outline:var(--scale-2) solid var(--colors-semantic-border-focus)}._image-top_1tbdx_108{width:100%}._image-top_1tbdx_108 img{width:100%;height:calc(12.5 * var(--utils-tokens-unit));-o-object-fit:cover;object-fit:cover}._image-left_1tbdx_118 ._image_1tbdx_108 img,._image-right_1tbdx_119 ._image_1tbdx_108 img{aspect-ratio:1 / 1;max-height:calc(8.75 * var(--utils-tokens-unit));min-height:var(--scale-56);width:auto}._image-left_1tbdx_118{flex-direction:row}._image-right_1tbdx_119{flex-direction:row-reverse}._selected_1tbdx_136{background-color:var(--colors-semantic-interactive-selected);outline:var(--scale-2) solid var(--colors-semantic-primary-primary-subtle-border)}

package/dist/assets/index18.css

@@ -1 +1 @@
-._croppable_1yvyu_1{align-items:center;background-color:var(--colors-semantic-interactive-neutral);display:flex;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}._croppable_1yvyu_1 input[type=file]{display:none}._empty_1yvyu_14{align-items:center;display:flex;flex-direction:column;gap:var(--utils-tokens-unit);text-align:center}._media_1yvyu_22{align-items:center;display:flex;height:100%;top:0;right:0;bottom:0;left:0;justify-content:center;position:absolute;transform:translate(var(--croppable-x, 0),var(--croppable-y, 0));width:100%}._overlay_1yvyu_33{align-items:center;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;position:absolute}._viewport_1yvyu_41{align-items:center;display:flex;height:var(--croppable-height, calc(12 * var(--utils-tokens-unit)));justify-content:center;overflow:hidden;overscroll-behavior:none;position:relative;touch-action:none;width:100%}._draggable_1yvyu_53{cursor:move}._inner_1yvyu_61{height:var(--croppable-image-height, 100%);transform:scale(var(--croppable-zoom, 1));transform-origin:center;width:var(--croppable-image-width, 100%)}._inner_1yvyu_61 img,._inner_1yvyu_61 picture,._inner_1yvyu_61 video{height:100%;user-drag:none;width:100%;-webkit-user-drag:none}._standalone_1yvyu_77{border-radius:var(--shape-border-radius-radius-md)}
+._croppable_2wdo8_1{align-items:center;background-color:var(--colors-semantic-bg-overlay);display:flex;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}._croppable_2wdo8_1 input[type=file]{display:none}._empty_2wdo8_14{align-items:center;display:flex;flex-direction:column;gap:var(--utils-tokens-unit);text-align:center}._media_2wdo8_22{align-items:center;display:flex;height:100%;top:0;right:0;bottom:0;left:0;justify-content:center;position:absolute;transform:translate(var(--croppable-x, 0),var(--croppable-y, 0));width:100%}._overlay_2wdo8_33{align-items:center;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;position:absolute}._viewport_2wdo8_41{align-items:center;display:flex;height:var(--croppable-height, calc(12 * var(--utils-tokens-unit)));justify-content:center;overflow:hidden;overscroll-behavior:none;position:relative;touch-action:none;width:100%}._draggable_2wdo8_53{cursor:move}._inner_2wdo8_61{height:var(--croppable-image-height, 100%);transform:scale(var(--croppable-zoom, 1));transform-origin:center;width:var(--croppable-image-width, 100%)}._inner_2wdo8_61 img,._inner_2wdo8_61 picture,._inner_2wdo8_61 video{height:100%;user-drag:none;width:100%;-webkit-user-drag:none}._standalone_2wdo8_77{border-radius:var(--shape-border-radius-radius-md)}

package/dist/assets/index2.css

@@ -1 +1 @@
-._toggle_81frv_1{--w: calc(var(--utils-tokens-unit) * 3);--h: calc(var(--utils-tokens-unit) * 1.5);align-items:center;cursor:pointer;display:flex;gap:var(--utils-tokens-unit)}._toggle_81frv_1 input{position:absolute;clip:rect(0 0 0 0)}._toggle_81frv_1 ._thumb_81frv_15{background:var(--colors-semantic-bg-surface);border-radius:50%;inline-size:calc(var(--h) - 6px);top:3px;right:3px;bottom:3px;left:3px;position:absolute;translate:0 0;transition:translate var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function)}._toggle_81frv_1 ._track_81frv_26{background-color:var(--colors-semantic-content-secondary);block-size:var(--h);border-radius:var(--h);inline-size:var(--w);position:relative;transition:background-color var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function)}._toggle_81frv_1 input:checked+._track_81frv_26{background:var(--colors-purple-500)}._toggle_81frv_1 input:checked+._track_81frv_26 ._thumb_81frv_15{translate:calc(var(--w) - var(--h)) 0}._toggle_81frv_1 input:focus-visible+._track_81frv_26{outline:var(--scale-2) solid var(--colors-purple-500);outline-offset:var(--scale-4)}._toggle_81frv_1 input:disabled+._track_81frv_26{cursor:not-allowed;opacity:var(--utils-tokens-opacity-minimal)}
+._toggle_7uv10_1{--w: calc(var(--utils-tokens-unit) * 3);--h: calc(var(--utils-tokens-unit) * 1.5);align-items:center;cursor:pointer;display:flex;gap:var(--utils-tokens-unit)}._toggle_7uv10_1 input{position:absolute;clip:rect(0 0 0 0)}._toggle_7uv10_1 ._thumb_7uv10_15{background:var(--colors-semantic-bg-surface);border-radius:50%;inline-size:calc(var(--h) - 6px);top:3px;right:3px;bottom:3px;left:3px;position:absolute;translate:0 0;transition:translate var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function)}._toggle_7uv10_1 ._track_7uv10_26{background-color:var(--colors-semantic-interactive-neutral);block-size:var(--h);border-radius:var(--h);inline-size:var(--w);position:relative;transition:background-color var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function)}._toggle_7uv10_1 input:checked+._track_7uv10_26{background:var(--colors-purple-500)}._toggle_7uv10_1 input:checked+._track_7uv10_26 ._thumb_7uv10_15{translate:calc(var(--w) - var(--h)) 0}._toggle_7uv10_1 input:focus-visible+._track_7uv10_26{outline:var(--scale-2) solid var(--colors-purple-500);outline-offset:var(--scale-4)}._toggle_7uv10_1 input:disabled+._track_7uv10_26{cursor:not-allowed;opacity:var(--utils-tokens-opacity-minimal)}

package/dist/assets/index21.css

@@ -1 +1 @@
-._editor_nvulc_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_nvulc_1 [role=textbox]{border-radius:0 0 var(--shape-border-radius-radius-md) var(--shape-border-radius-radius-md);padding:var(--scale-8) var(--utils-tokens-unit)}._editor_nvulc_1 img{max-width:100%}._meta_nvulc_19{align-items:center;display:grid;grid-template-columns:1fr auto auto;opacity:0;transition:all var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function)}._meta_nvulc_19._active_nvulc_27{border-top:var(--scale-1) solid var(--colors-semantic-border-default);height:auto;opacity:1}._meta_nvulc_19 input{border-radius:0;width:100%}._bold_nvulc_39{font-weight:700}._italic_nvulc_43{font-style:italic}._link_nvulc_47{color:var(--colors-semantic-primary-primary);cursor:pointer;text-decoration:underline}._list_nvulc_53,._paragraph_nvulc_54{margin:var(--scale-8) 0}._list_nvulc_53{list-style-type:disc!important;padding-left:var(--scale-32)!important}
+._editor_11hrr_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_11hrr_1 [role=textbox]{border-radius:0 0 var(--shape-border-radius-radius-md) var(--shape-border-radius-radius-md);padding:var(--scale-8) var(--utils-tokens-unit)}._editor_11hrr_1 img{max-width:100%}._meta_11hrr_19{align-items:center;display:grid;grid-template-columns:1fr auto auto;opacity:0;transition:all var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function)}._meta_11hrr_19._active_11hrr_27{border-top:var(--scale-1) solid var(--colors-semantic-border-default);height:auto;opacity:1}._meta_11hrr_19 input{border-radius:0;width:100%}._bold_11hrr_39{font-weight:700}._italic_11hrr_43{font-style:italic}._link_11hrr_47{color:var(--colors-semantic-primary-primary);cursor:pointer;text-decoration:underline}._list_11hrr_53,._paragraph_11hrr_54{margin:var(--scale-8) 0}._list_11hrr_53{list-style-type:disc!important}._list_11hrr_53 li{list-style:inherit;margin-left:var(--scale-16);margin-bottom:var(--scale-8)}

package/dist/assets/index24.css

@@ -1 +1 @@
-ol{margin-block:var(--scale-8)!important}._sortable_scp0q_5 li{margin-bottom:0;padding-block:var(--scale-8);position:relative}@media (width > 960px){._sortable_scp0q_5 li [data-component=card]{background-color:var(--colors-semantic-bg-surface);padding-right:var(--scale-56);position:relative}._sortable_scp0q_5 li [data-component=card]:after{background-color:var(--colors-semantic-content-tertiary);content:"";cursor:grab;height:var(--scale-24);-webkit-mask-image:var(--icon-svg);mask-image:var(--icon-svg);position:absolute;right:var(--scale-16);top:var(--scale-16);width:var(--scale-24)}._sortable_scp0q_5 li [data-component=card][data-minimal=true]:after{top:calc(50% - var(--scale-12))}}._sortable_scp0q_5 li._dragging_scp0q_35{cursor:grabbing;margin-block:var(--scale-8);opacity:var(--utils-tokens-opacity-minimal);padding:0}._sortable_scp0q_5 li._dragging_scp0q_35 :focus{outline:none}._sortable_scp0q_5 li._dragging_scp0q_35 :focus [data-component=card],._sortable_scp0q_5 li._dragging_scp0q_35 :focus [data-component=card]:after{cursor:grabbing}._sortable_scp0q_5 li._dragging_scp0q_35._dropping_scp0q_50{opacity:var(--utils-tokens-opacity-minimal)}._sortable_scp0q_5 li._dragging_scp0q_35:first-of-type._dragging_scp0q_35{margin-top:var(--utils-tokens-unit)}._sortable_scp0q_5 li._dragging_scp0q_35:last-of-type._dragging_scp0q_35{padding-bottom:var(--scale-8)}._sortable_scp0q_5 li._columns_scp0q_63{-moz-column-gap:0;column-gap:0;margin-right:var(--utils-tokens-negative-unit)}._sortable_scp0q_5 li._columns_scp0q_63 li{padding-right:var(--utils-tokens-unit)}._sortable_scp0q_5 li ._pseudo_scp0q_72:before,._sortable_scp0q_5 li ._pseudo_scp0q_72:after{background:var(--colors-semantic-primary-primary-subtle);border-radius:var(--shape-border-radius-radius-md);border:0 dotted var(--colors-semantic-primary-primary-subtle-border);content:"";display:block;height:0;margin-block:0;opacity:0;pointer-events:none;transition:all var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function)}._sortable_scp0q_5 li ._target-above_scp0q_87:before,._sortable_scp0q_5 li ._target-below_scp0q_88:after{border-width:var(--scale-1);height:calc(var(--height) - var(--utils-tokens-unit));opacity:1;width:var(--width)}._sortable_scp0q_5 li ._target-above_scp0q_87:before{margin-bottom:var(--utils-tokens-unit)}._sortable_scp0q_5 li ._target-below_scp0q_88:after{margin-top:var(--utils-tokens-unit)}
+ol{margin-block:var(--scale-8)!important}._sortable_c1ptl_5 li{margin-bottom:0;padding-block:var(--scale-8);position:relative}@media (width > 960px){._sortable_c1ptl_5 li [data-component=card]{background-color:var(--colors-semantic-bg-surface);padding-right:var(--scale-56);position:relative}._sortable_c1ptl_5 li [data-component=card]:after{background-color:var(--colors-semantic-content-tertiary);content:"";cursor:grab;height:var(--scale-24);-webkit-mask-image:var(--icon-svg);mask-image:var(--icon-svg);position:absolute;right:var(--scale-16);top:var(--scale-16);width:var(--scale-24)}._sortable_c1ptl_5 li [data-component=card][data-minimal=true]:after{top:calc(50% - var(--scale-12))}}._sortable_c1ptl_5 li._dragging_c1ptl_35{cursor:grabbing;margin-block:var(--scale-8);opacity:var(--utils-tokens-opacity-minimal);padding:0}._sortable_c1ptl_5 li._dragging_c1ptl_35 :focus{outline:none}._sortable_c1ptl_5 li._dragging_c1ptl_35 :focus [data-component=card],._sortable_c1ptl_5 li._dragging_c1ptl_35 :focus [data-component=card]:after{cursor:grabbing}._sortable_c1ptl_5 li._dragging_c1ptl_35._dropping_c1ptl_50{opacity:var(--utils-tokens-opacity-minimal)}._sortable_c1ptl_5 li._dragging_c1ptl_35:first-of-type._dragging_c1ptl_35{margin-top:var(--utils-tokens-unit)}._sortable_c1ptl_5 li._dragging_c1ptl_35:last-of-type._dragging_c1ptl_35{padding-bottom:var(--scale-8)}._sortable_c1ptl_5 li._columns_c1ptl_63{-moz-column-gap:0;column-gap:0;margin-right:var(--utils-tokens-negative-unit)}._sortable_c1ptl_5 li._columns_c1ptl_63 li{padding-right:var(--utils-tokens-unit)}._sortable_c1ptl_5 ._pseudo_c1ptl_73:before,._sortable_c1ptl_5 ._pseudo_c1ptl_73:after{background:var(--colors-semantic-primary-primary-subtle);border-radius:var(--shape-border-radius-radius-lg);border:0 dotted var(--colors-semantic-primary-primary-subtle-border);content:"";display:block;height:0;margin-block:0;opacity:0;pointer-events:none;transition:all var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function)}._sortable_c1ptl_5 ._target-above_c1ptl_88:before,._sortable_c1ptl_5 ._target-below_c1ptl_89:after{border-width:var(--scale-1);height:var(--height);opacity:1;width:var(--width)}._sortable_c1ptl_5 ._target-above_c1ptl_88:before{margin-bottom:var(--utils-tokens-unit)}._sortable_c1ptl_5 ._target-below_c1ptl_89:after{margin-top:var(--utils-tokens-unit)}

package/dist/assets/index29.css

@@ -1 +1 @@
-._badge_17jf9_1{border-radius:var(--scale-32);display:inline-block;padding:var(--shape-spacing-2xs) var(--shape-spacing-xs);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}._badge_17jf9_1._primary_17jf9_7{background-color:var(--colors-semantic-primary-primary-subtle);color:var(--colors-semantic-primary-primary)}._badge_17jf9_1._info_17jf9_12{background-color:var(--colors-green-100);color:var(--colors-green-800)}._badge_17jf9_1 button{padding:var(--scale-8)}
+._badge_j10be_1{background-color:var(--colors-semantic-interactive-neutral);border-radius:var(--scale-32);display:inline-block;padding:var(--shape-spacing-2xs) var(--shape-spacing-xs);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}._badge_j10be_1._primary_j10be_8{background-color:var(--colors-semantic-primary-primary-subtle);color:var(--colors-semantic-primary-primary)}._badge_j10be_1._info_j10be_13{background-color:var(--colors-green-100);color:var(--colors-green-800)}._badge_j10be_1 button{padding:var(--scale-8)}

package/dist/assets/index31.css

@@ -1 +1 @@
-._button_l8m83_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);display:inline;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_l8m83_1:disabled{cursor:not-allowed;opacity:var(--utils-tokens-opacity-minimal)}._danger_l8m83_22{background-color:var(--colors-semantic-status-error-bg);color:var(--colors-semantic-bg-surface)}._danger_l8m83_22:not([disabled]):hover{background-color:var(--colors-semantic-status-error-content)}._danger_l8m83_22 span{margin-left:var(--scale-8)}._minimal_l8m83_35{background-color:transparent;border-radius:var(--shape-border-radius-radius-md);border:none;box-shadow:none}._primary_l8m83_42{background-color:var(--colors-semantic-primary-primary);color:var(--colors-semantic-bg-surface)}._primary_l8m83_42:not([disabled]):hover{background-color:var(--colors-semantic-primary-primary-active)}
+._button_1scj6_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);display:inline;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_1scj6_1:disabled{cursor:not-allowed;opacity:var(--utils-tokens-opacity-minimal)}._danger_1scj6_22{background-color:var(--colors-semantic-interactive-destructive-bg);color:var(--colors-semantic-bg-surface)}._danger_1scj6_22:not([disabled]):hover{background-color:var(--colors-semantic-interactive-destructive-hover)}._danger_1scj6_22 span{margin-left:var(--scale-8)}._minimal_1scj6_35{background-color:transparent;border-radius:var(--shape-border-radius-radius-md);border:none;box-shadow:none}._primary_1scj6_42{background-color:var(--colors-semantic-primary-primary);color:var(--colors-semantic-bg-surface)}._primary_1scj6_42:not([disabled]):hover{background-color:var(--colors-semantic-primary-primary-active)}

package/dist/assets/index35.css

@@ -1 +1 @@
-._icon_1034p_1{display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;flex-shrink:0;vertical-align:middle}._small_1034p_9{height:var(--utils-tokens-unit);width:var(--utils-tokens-unit)}._medium_1034p_14{height:calc(var(--utils-tokens-unit) * 1.5);width:calc(var(--utils-tokens-unit) * 1.5)}._large_1034p_19{height:calc(var(--utils-tokens-unit) * 2);width:calc(var(--utils-tokens-unit) * 2)}._danger_1034p_24{background-color:var(--colors-semantic-status-error-bg)}._default_1034p_28{background-color:var(--colors-semantic-content-secondary)}._primary_1034p_32{background-color:var(--colors-semantic-primary-primary)}._white_1034p_36{background-color:var(--colors-semantic-bg-surface)}._gap-right_1034p_40{margin-right:var(--scale-8)}._gap-left_1034p_44{margin-left:var(--scale-8)}
+._icon_1uucz_1{display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;flex-shrink:0;vertical-align:middle}._small_1uucz_9{height:var(--utils-tokens-unit);width:var(--utils-tokens-unit)}._medium_1uucz_14{height:calc(var(--utils-tokens-unit) * 1.5);width:calc(var(--utils-tokens-unit) * 1.5)}._large_1uucz_19{height:calc(var(--utils-tokens-unit) * 2);width:calc(var(--utils-tokens-unit) * 2)}._danger_1uucz_24{background-color:var(--colors-semantic-interactive-destructive-bg)}._default_1uucz_28{background-color:var(--colors-semantic-content-secondary)}._primary_1uucz_32{background-color:var(--colors-semantic-primary-primary)}._white_1uucz_36{background-color:var(--colors-semantic-bg-surface)}._gap-right_1uucz_40{margin-right:var(--scale-8)}._gap-left_1uucz_44{margin-left:var(--scale-8)}

package/dist/assets/index38.css

@@ -1 +1 @@
-@keyframes _ping_1nndz_39{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(1)}}@keyframes _spin_1nndz_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._loading_1nndz_23{display:inline-block;overflow:hidden}._default_1nndz_28{animation:_spin_1nndz_1 1s linear infinite;border:var(--border-size, var(--scale-4)) solid var(--colors-semantic-content-secondary);border-bottom-color:var(--colors-semantic-primary-primary);border-radius:50%;box-sizing:border-box;display:inline-block;height:var(--size, calc(var(--utils-tokens-unit) * 2));width:var(--size, calc(var(--utils-tokens-unit) * 2))}._ping_1nndz_39{display:inline-block;height:var(--size, calc(var(--utils-tokens-unit) * 2));position:relative;width:var(--size, calc(var(--utils-tokens-unit) * 2))}._ping_1nndz_39:after,._ping_1nndz_39:before{animation:_ping_1nndz_39 2s linear infinite;border-radius:50%;border:var(--border-size, var(--scale-4)) solid var(--colors-semantic-primary-primary);box-sizing:border-box;content:"";height:var(--size, calc(var(--utils-tokens-unit) * 2));left:0;position:absolute;top:0;width:var(--size, calc(var(--utils-tokens-unit) * 2))}._ping_1nndz_39:after{animation-delay:1s;opacity:0}._sticky_1nndz_65{position:absolute;top:0}
+@keyframes _ping_2k531_39{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(1)}}@keyframes _spin_2k531_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._loading_2k531_23{display:inline-block;overflow:hidden}._default_2k531_28{animation:_spin_2k531_1 1s linear infinite;border:var(--border-size, var(--scale-4)) solid var(--colors-semantic-primary-primary-subtle);border-bottom-color:var(--colors-semantic-primary-primary);border-radius:50%;box-sizing:border-box;display:inline-block;height:var(--size, calc(var(--utils-tokens-unit) * 2));width:var(--size, calc(var(--utils-tokens-unit) * 2))}._ping_2k531_39{display:inline-block;height:var(--size, calc(var(--utils-tokens-unit) * 2));position:relative;width:var(--size, calc(var(--utils-tokens-unit) * 2))}._ping_2k531_39:after,._ping_2k531_39:before{animation:_ping_2k531_39 2s linear infinite;border-radius:50%;border:var(--border-size, var(--scale-4)) solid var(--colors-semantic-primary-primary);box-sizing:border-box;content:"";height:var(--size, calc(var(--utils-tokens-unit) * 2));left:0;position:absolute;top:0;width:var(--size, calc(var(--utils-tokens-unit) * 2))}._ping_2k531_39:after{animation-delay:1s;opacity:0}._sticky_2k531_65{position:absolute;top:0}

package/dist/assets/index39.css

@@ -1 +1 @@
-._message_k0j8z_1{background-color:var(--colors-semantic-bg-page);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);overflow:hidden;padding:var(--utils-tokens-unit);white-space:pre-wrap;word-break:break-word}._message_k0j8z_1[data-type=default]{border-radius:0 var(--utils-tokens-unit) var(--utils-tokens-unit) 0;margin-right:auto;max-width:90%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}._message_k0j8z_1[data-type=minimal]{background-color:transparent;box-shadow:none;margin:var(--scale-8) 0 0 0;padding:0}._message_k0j8z_1[data-type=user]{background-color:var(--colors-semantic-primary-primary-subtle);border-radius:var(--utils-tokens-unit) 0 0 var(--utils-tokens-unit);margin-left:auto;max-width:90%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}._message_k0j8z_1[data-type=system]{background-color:var(--colors-semantic-content-secondary);border-radius:var(--shape-border-radius-radius-md);color:var(--colors-semantic-content-secondary)}._preview_k0j8z_40{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}
+._message_1whow_1{background-color:var(--colors-semantic-bg-page);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);overflow:hidden;padding:var(--utils-tokens-unit);white-space:pre-wrap;word-break:break-word}._message_1whow_1[data-type=default]{border-radius:0 var(--utils-tokens-unit) var(--utils-tokens-unit) 0;margin-right:auto;max-width:90%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}._message_1whow_1[data-type=minimal]{background-color:transparent;box-shadow:none;margin:var(--scale-8) 0 0 0;padding:0}._message_1whow_1[data-type=user]{background-color:var(--colors-semantic-primary-primary-subtle);border-radius:var(--utils-tokens-unit) 0 0 var(--utils-tokens-unit);margin-left:auto;max-width:90%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}._message_1whow_1[data-type=system]{background-color:var(--colors-semantic-bg-overlay);border-radius:var(--shape-border-radius-radius-md);color:var(--colors-semantic-content-secondary)}._preview_1whow_40{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}

package/dist/components/_avatar/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index15.css');const a=require("react/jsx-runtime"),c=require("../figure/index.cjs"),o=require("../icon/index.cjs"),i=require("../link/index.cjs"),u="_avatar_pkn7i_5",v={avatar:u},l=({accessibleLabel:s,imageUrl:t,link:e})=>{const n=s||"User Avatar",r=a.jsx("span",{className:v.avatar,children:a.jsx(c.Figure,{accessibleLabel:n,children:t?a.jsx("img",{src:t,alt:n}):a.jsx(o.Icon,{name:"user",variant:e?"white":"default"})})});return e?a.jsx(i.Link,{to:e,"data-component":"avatar",children:r}):r};exports.Avatar=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index15.css');const a=require("react/jsx-runtime"),c=require("../figure/index.cjs"),o=require("../icon/index.cjs"),i=require("../link/index.cjs"),u="_avatar_3vtid_5",v={avatar:u},d=({accessibleLabel:s,imageUrl:t,link:e})=>{const r=s||"User Avatar",n=a.jsx("span",{className:v.avatar,children:a.jsx(c.Figure,{accessibleLabel:r,children:t?a.jsx("img",{src:t,alt:r}):a.jsx(o.Icon,{name:"user",variant:e?"white":"default"})})});return e?a.jsx(i.Link,{to:e,"data-component":"avatar",children:n}):n};exports.Avatar=d;
 //# sourceMappingURL=index.cjs.map

package/dist/components/_avatar/index.js

@@ -1,16 +1,16 @@
 import { jsx as a } from "react/jsx-runtime";
-import { Figure as n } from "../figure/index.js";
-import { Icon as c } from "../icon/index.js";
+import { Figure as c } from "../figure/index.js";
+import { Icon as n } from "../icon/index.js";
 import { Link as i } from "../link/index.js";
-import '../../assets/index15.css';const m = "_avatar_pkn7i_5", v = {
+import '../../assets/index15.css';const m = "_avatar_3vtid_5", v = {
   avatar: m
 }, u = ({
   accessibleLabel: s,
-  imageUrl: t,
-  link: r
+  imageUrl: r,
+  link: t
 }) => {
-  const e = s || "User Avatar", o = /* @__PURE__ */ a("span", { className: v.avatar, children: /* @__PURE__ */ a(n, { accessibleLabel: e, children: t ? /* @__PURE__ */ a("img", { src: t, alt: e }) : /* @__PURE__ */ a(c, { name: "user", variant: r ? "white" : "default" }) }) });
-  return r ? /* @__PURE__ */ a(i, { to: r, "data-component": "avatar", children: o }) : o;
+  const e = s || "User Avatar", o = /* @__PURE__ */ a("span", { className: v.avatar, children: /* @__PURE__ */ a(c, { accessibleLabel: e, children: r ? /* @__PURE__ */ a("img", { src: r, alt: e }) : /* @__PURE__ */ a(n, { name: "user", variant: t ? "white" : "default" }) }) });
+  return t ? /* @__PURE__ */ a(i, { to: t, "data-component": "avatar", children: o }) : o;
 };
 export {
   u as Avatar

package/dist/components/_card/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index16.css');const e=require("react/jsx-runtime"),d=require("../../classix-5H4IWnMA.cjs"),u=require("../badge/index.cjs"),g=require("../checkbox/index.cjs"),p=require("../figure/index.cjs"),k=require("../icon/index.cjs"),x="_card_i3kzm_1",j="_head_i3kzm_31",z="_center_i3kzm_44",f="_content_i3kzm_56",h="_clickable_i3kzm_93",q="_image_i3kzm_108",y="_selected_i3kzm_135",t={card:x,head:j,center:z,content:f,clickable:h,"image-top":"_image-top_i3kzm_108","image-left":"_image-left_i3kzm_117","image-right":"_image-right_i3kzm_118",image:q,selected:y},N=({badge:a,checkbox:i,children:r,header:l,icon:m,image:_,imagePosition:o="top",onClick:c,variant:s="default"})=>e.jsxs("article",{className:d.t(t.card,o&&t[`image-${o}`],c&&t.clickable,(i==null?void 0:i.checked)&&t.selected),"data-minimal":s==="minimal",onClick:c,onKeyDown:n=>{c&&n.currentTarget===document.activeElement&&(n.key==="Enter"||n.key===" ")&&(n.preventDefault(),n.currentTarget.click())},tabIndex:c?0:-1,"data-component":"card",children:[_&&s!=="minimal"&&e.jsx(p.Figure,{className:t.image,children:_}),e.jsxs("section",{children:[e.jsxs("div",{className:d.t(t.head,s==="minimal"&&t.center),children:[i&&e.jsx("span",{onClick:n=>n.stopPropagation(),children:e.jsx(g.Checkbox,{...i})}),l,a&&e.jsx(u.Badge,{...a}),m&&e.jsx(k.Icon,{name:m,size:"medium"})]}),r&&e.jsx("div",{className:t.content,children:r})]})]});exports.Card=N;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index16.css');const e=require("react/jsx-runtime"),l=require("../../classix-5H4IWnMA.cjs"),x=require("../badge/index.cjs"),u=require("../checkbox/index.cjs"),g=require("../figure/index.cjs"),b=require("../icon/index.cjs"),p="_card_1tbdx_1",j="_head_1tbdx_31",f="_center_1tbdx_44",h="_content_1tbdx_56",q="_clickable_1tbdx_93",y="_image_1tbdx_108",N="_selected_1tbdx_136",t={card:p,head:j,center:f,content:h,clickable:q,"image-top":"_image-top_1tbdx_108","image-left":"_image-left_1tbdx_118","image-right":"_image-right_1tbdx_119",image:y,selected:N},v=({badge:i,checkbox:c,children:r,header:m,icon:d,image:_,imagePosition:o="top",onClick:s,variant:a="default"})=>e.jsxs("article",{className:l.t(t.card,o&&t[`image-${o}`],s&&t.clickable,(c==null?void 0:c.checked)&&t.selected),"data-minimal":a==="minimal",onClick:s,onKeyDown:n=>{s&&n.currentTarget===document.activeElement&&(n.key==="Enter"||n.key===" ")&&(n.preventDefault(),n.currentTarget.click())},tabIndex:s?0:-1,"data-component":"card",children:[_&&a!=="minimal"&&e.jsx(g.Figure,{className:t.image,children:_}),e.jsxs("section",{children:[e.jsxs("div",{className:l.t(t.head,a==="minimal"&&t.center),children:[c&&e.jsx("span",{onClick:n=>n.stopPropagation(),children:e.jsx(u.Checkbox,{...c})}),m,i&&e.jsx(x.Badge,{...i}),d&&e.jsx(b.Icon,{name:d,size:"medium"})]}),r&&e.jsx("div",{className:t.content,children:r})]})]});exports.Card=v;
 //# sourceMappingURL=index.cjs.map

package/dist/components/_card/index.js

@@ -1,45 +1,45 @@
-import { jsxs as n, jsx as i } from "react/jsx-runtime";
-import { t as d } from "../../classix-DG18itHa.js";
+import { jsxs as i, jsx as a } from "react/jsx-runtime";
+import { t as s } from "../../classix-DG18itHa.js";
 import { Badge as p } from "../badge/index.js";
 import { Checkbox as f } from "../checkbox/index.js";
-import { Figure as k } from "../figure/index.js";
-import { Icon as z } from "../icon/index.js";
-import '../../assets/index16.css';const u = "_card_i3kzm_1", h = "_head_i3kzm_31", y = "_center_i3kzm_44", N = "_content_i3kzm_56", j = "_clickable_i3kzm_93", v = "_image_i3kzm_108", D = "_selected_i3kzm_135", e = {
-  card: u,
+import { Figure as u } from "../figure/index.js";
+import { Icon as b } from "../icon/index.js";
+import '../../assets/index16.css';const x = "_card_1tbdx_1", h = "_head_1tbdx_31", y = "_center_1tbdx_44", N = "_content_1tbdx_56", j = "_clickable_1tbdx_93", v = "_image_1tbdx_108", D = "_selected_1tbdx_136", e = {
+  card: x,
   head: h,
   center: y,
   content: N,
   clickable: j,
-  "image-top": "_image-top_i3kzm_108",
-  "image-left": "_image-left_i3kzm_117",
-  "image-right": "_image-right_i3kzm_118",
+  "image-top": "_image-top_1tbdx_108",
+  "image-left": "_image-left_1tbdx_118",
+  "image-right": "_image-right_1tbdx_119",
   image: v,
   selected: D
-}, K = ({
-  badge: c,
-  checkbox: m,
-  children: l,
+}, B = ({
+  badge: m,
+  checkbox: r,
+  children: d,
   header: g,
-  icon: _,
-  image: o,
-  imagePosition: s = "top",
-  onClick: a,
-  variant: r = "default"
-}) => /* @__PURE__ */ n("article", { className: d(e.card, s && e[`image-${s}`], a && e.clickable, (m == null ? void 0 : m.checked) && e.selected), "data-minimal": r === "minimal", onClick: a, onKeyDown: (t) => {
-  a && t.currentTarget === document.activeElement && (t.key === "Enter" || t.key === " ") && (t.preventDefault(), t.currentTarget.click());
-}, tabIndex: a ? 0 : -1, "data-component": "card", children: [
-  o && r !== "minimal" && /* @__PURE__ */ i(k, { className: e.image, children: o }),
-  /* @__PURE__ */ n("section", { children: [
-    /* @__PURE__ */ n("div", { className: d(e.head, r === "minimal" && e.center), children: [
-      m && /* @__PURE__ */ i("span", { onClick: (t) => t.stopPropagation(), children: /* @__PURE__ */ i(f, { ...m }) }),
+  icon: l,
+  image: _,
+  imagePosition: o = "top",
+  onClick: n,
+  variant: c = "default"
+}) => /* @__PURE__ */ i("article", { className: s(e.card, o && e[`image-${o}`], n && e.clickable, (r == null ? void 0 : r.checked) && e.selected), "data-minimal": c === "minimal", onClick: n, onKeyDown: (t) => {
+  n && t.currentTarget === document.activeElement && (t.key === "Enter" || t.key === " ") && (t.preventDefault(), t.currentTarget.click());
+}, tabIndex: n ? 0 : -1, "data-component": "card", children: [
+  _ && c !== "minimal" && /* @__PURE__ */ a(u, { className: e.image, children: _ }),
+  /* @__PURE__ */ i("section", { children: [
+    /* @__PURE__ */ i("div", { className: s(e.head, c === "minimal" && e.center), children: [
+      r && /* @__PURE__ */ a("span", { onClick: (t) => t.stopPropagation(), children: /* @__PURE__ */ a(f, { ...r }) }),
       g,
-      c && /* @__PURE__ */ i(p, { ...c }),
-      _ && /* @__PURE__ */ i(z, { name: _, size: "medium" })
+      m && /* @__PURE__ */ a(p, { ...m }),
+      l && /* @__PURE__ */ a(b, { name: l, size: "medium" })
     ] }),
-    l && /* @__PURE__ */ i("div", { className: e.content, children: l })
+    d && /* @__PURE__ */ a("div", { className: e.content, children: d })
   ] })
 ] });
 export {
-  K as Card
+  B as Card
 };
 //# sourceMappingURL=index.js.map

package/dist/components/_croppable/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index18.css');const d=require("react/jsx-runtime"),tt=require("../../classix-5H4IWnMA.cjs"),c=require("react"),mt=require("../button/index.cjs"),pt=require("../figure/index.cjs"),gt=require("../icon/index.cjs"),Ot="_croppable_1yvyu_1",St="_empty_1yvyu_14",Ut="_media_1yvyu_22",It="_overlay_1yvyu_33",Pt="_viewport_1yvyu_41",Yt="_draggable_1yvyu_53",Xt="_dragging_1yvyu_57",At="_inner_1yvyu_61",Dt="_standalone_1yvyu_77",z={croppable:Ot,empty:St,media:Ut,overlay:It,viewport:Pt,draggable:Yt,dragging:Xt,inner:At,standalone:Dt},Wt=192,B={offset:{x:0,y:0},zoom:1},xt="Select image",S=10,W=.1,Ht=.92,m=(h,x,R)=>Math.min(R,Math.max(x,h)),Zt=h=>new Promise((x,R)=>{const f=URL.createObjectURL(h),u=new globalThis.Image;u.onload=()=>{URL.revokeObjectURL(f),x(u)},u.onerror=()=>{URL.revokeObjectURL(f),R(new Error("croppable-image-load-failed"))},u.src=f}),kt=async({file:h,fill:x,transform:R,viewport:f})=>{const u=await Zt(h),U=f.width/u.naturalWidth,M=f.height/u.naturalHeight,w=Math.max(U,M),H=u.naturalWidth*w,v=u.naturalHeight*w,Q=x==="width"?Math.max(W,U/w):x==="height"?Math.max(W,M/w):W,E=m(R.zoom,Q,S),y=w*E,b=H*E,N=v*E,p=(f.width-b)/2+R.offset.x,j=(f.height-N)/2+R.offset.y,I=m((0-p)/y,0,u.naturalWidth),L=m((0-j)/y,0,u.naturalHeight),T=m(f.width/y,1,Math.max(1,u.naturalWidth-I)),s=m(f.height/y,1,Math.max(1,u.naturalHeight-L)),_=document.createElement("canvas"),a=_.getContext("2d");if(!a)throw new Error("croppable-image-context-missing");_.width=Math.max(1,Math.round(T)),_.height=Math.max(1,Math.round(s)),a.drawImage(u,I,L,T,s,0,0,_.width,_.height);const P=h.type.startsWith("image/")?h.type:"image/jpeg",Y=await new Promise(q=>{_.toBlob(q,P,Ht)});if(!Y)throw new Error("croppable-image-export-failed");return new globalThis.File([Y],h.name,{lastModified:Date.now(),type:Y.type||P})},Bt=({children:h,fill:x="none",height:R,image:f,label:u,onCroppableChange:U,onFileChange:M,onImageChange:w,onTransformChange:H,transform:v,standalone:Q})=>{const E=c.useRef(null),y=c.useRef(null),b=c.useRef(null),N=c.useRef(null),p=c.useRef(w),j=c.useRef(null),I=c.useRef(null),L=c.useRef(null),T=c.useRef(new Map),s=c.useRef(B),_=c.useRef(null),[a,P]=c.useState(null),[Y,q]=c.useState(null),[et,V]=c.useState(!1),[yt,nt]=c.useState(B),[F,rt]=c.useState(null),[g,wt]=c.useState({width:0,height:0}),Z=(()=>{const t=g.width,n=g.height;if(!t||!n)return{width:0,height:0,minZoom:W};if(!a)return{width:t,height:n,minZoom:W};const r=t/a.width,e=n/a.height,o=Math.max(r,e),i=x==="width"?r/o:x==="height"?e/o:0;return{width:a.width*o,height:a.height*o,minZoom:Math.max(W,i)}})(),X=Z.minZoom,k=v??yt,A=m(k.zoom,X,S),$=Y??f??null,ot=!h&&!!f&&!Y&&!F,G=!ot,ct=h??($?d.jsx("img",{alt:"",draggable:!1,onLoad:t=>{const n=t.currentTarget;n.naturalWidth&&n.naturalHeight&&P({width:n.naturalWidth,height:n.naturalHeight})},src:$}):null),D=ct==null,J=(t,n)=>{const{maxX:r,maxY:e}=it(n);return{x:m(t.x,-r,r),y:m(t.y,-e,e)}},st=(t,n)=>{const r=_.current;if(!r)return null;const e=r.getBoundingClientRect(),o=t-e.left-e.width/2,i=n-e.top-e.height/2;return{x:o,y:i}},bt=(t,n,r,e)=>{const o=m(n,X,S),i=m(r,X,S);if(o===0)return t;const l=i/o;return{x:(1-l)*e.x+l*t.x,y:(1-l)*e.y+l*t.y}},_t=(t,n,r)=>{const e=s.current.zoom,o=m(t,X,S),i=s.current.offset,l=r?bt(i,e,o,r):n,O=J(l,o);s.current={zoom:o,offset:O},v||nt({zoom:o,offset:O}),H==null||H({zoom:o,offset:O})},K=(t,n,r)=>{I.current={zoom:t,offset:n,anchor:r??null},y.current==null&&(y.current=window.requestAnimationFrame(()=>{y.current=null;const e=I.current;I.current=null;const o=(e==null?void 0:e.zoom)??s.current.zoom,i=(e==null?void 0:e.offset)??s.current.offset,l=(e==null?void 0:e.anchor)??null;_t(o,i,l)}))},zt=t=>{if(D||!G)return;const n=t.ctrlKey?.001:25e-5,r=s.current.zoom*Math.exp(-t.deltaY*n),e=st(t.clientX,t.clientY);K(r,s.current.offset,e)},it=t=>{const n=g.width,r=g.height;if(!n||!r)return{maxX:0,maxY:0};const e=m(t,X,S),o=Z.width*e,i=Z.height*e,l=Math.max(0,(o-n)/2),O=Math.max(0,(i-r)/2);return{maxX:l,maxY:O}},Rt=t=>{var o;const n=t.target,r=((o=n.files)==null?void 0:o[0])??null;if(j.current&&(URL.revokeObjectURL(j.current),j.current=null),!r){q(null),rt(null),M==null||M(null),n.value="";return}const e=URL.createObjectURL(r);j.current=e,q(e),P(null),rt(r),K(B.zoom,B.offset),s.current=B,M==null||M(r),n.value=""},Mt=t=>{if(!(D||!G||t.pointerType==="mouse"&&t.button!==0)){if(t.currentTarget.setPointerCapture(t.pointerId),t.pointerType==="touch"){const n=T.current;if(n.set(t.pointerId,{x:t.clientX,y:t.clientY}),n.size===2){b.current=null,E.current=null,V(!1);const[r,e]=Array.from(n.values());L.current=Math.hypot(r.x-e.x,r.y-e.y);return}}E.current=t.pointerId,b.current={x:t.clientX,y:t.clientY,originX:s.current.offset.x,originY:s.current.offset.y}}},vt=t=>{if(D||!G)return;if(t.pointerType==="touch"){const o=T.current;if(!o.has(t.pointerId))return;if(o.set(t.pointerId,{x:t.clientX,y:t.clientY}),o.size===2){const[i,l]=Array.from(o.values()),O=i.x-l.x,Et=i.y-l.y,ht=Math.hypot(O,Et),ft={x:(i.x+l.x)/2,y:(i.y+l.y)/2};if(L.current){const jt=ht/L.current,Lt=s.current.zoom*jt,Tt=st(ft.x,ft.y);K(Lt,s.current.offset,Tt)}L.current=ht;return}}if(E.current!==t.pointerId||!b.current||!C)return;const n=t.clientX-b.current.x,r=t.clientY-b.current.y,e=Math.abs(n)+Math.abs(r);!et&&e>2&&V(!0),!(e<=1)&&K(s.current.zoom,{x:b.current.originX+n,y:b.current.originY+r})},ut=t=>{t.pointerType==="touch"&&(T.current.delete(t.pointerId),T.current.size<2&&(L.current=null)),E.current===t.pointerId&&(E.current=null,b.current=null,V(!1))};c.useEffect(()=>{if(!v)return;const t=m(v.zoom,X,S);s.current={zoom:t,offset:J(v.offset,t)}},[v,g.width,g.height,a==null?void 0:a.width,a==null?void 0:a.height]),c.useEffect(()=>()=>{j.current&&URL.revokeObjectURL(j.current)},[]),c.useEffect(()=>{const t=_.current;if(!t)return;const n=()=>{const o=t.getBoundingClientRect();wt(i=>i.width===o.width&&i.height===o.height?i:{width:o.width,height:o.height}),U&&U(o)};n();const r=()=>n();if(window.addEventListener("scroll",r,!0),typeof ResizeObserver>"u"){const o=()=>n();return window.addEventListener("resize",o),()=>{window.removeEventListener("resize",o),window.removeEventListener("scroll",r,!0)}}const e=new ResizeObserver(()=>n());return e.observe(t),()=>{e.disconnect(),window.removeEventListener("scroll",r,!0)}},[U]),c.useEffect(()=>{if(v)return;const t=s.current.offset,n=J(t,A);t.x===n.x&&t.y===n.y||(s.current={zoom:s.current.zoom,offset:n},nt(r=>({...r,offset:n})))},[A,a,g.width,g.height]),c.useEffect(()=>{$||P(null)},[$]),c.useEffect(()=>{p.current=w},[w]),c.useEffect(()=>{var r;if(!w)return;if(!F||!g.width||!g.height||h){(r=p.current)==null||r.call(p,null);return}let t=!0;const n=window.setTimeout(()=>{kt({file:F,fill:x,transform:{zoom:A,offset:k.offset},viewport:g}).then(e=>{var o;t&&((o=p.current)==null||o.call(p,e))}).catch(()=>{var e;t&&((e=p.current)==null||e.call(p,null))})},75);return()=>{t=!1,window.clearTimeout(n)}},[h,A,k.offset,x,F,g]),c.useEffect(()=>()=>{y.current!=null&&(window.cancelAnimationFrame(y.current),y.current=null)},[]);const at=it(A),C=!D&&G&&(at.maxX>0||at.maxY>0),lt=()=>{var t;return(t=N.current)==null?void 0:t.click()},dt=t=>{t.preventDefault(),t.stopPropagation(),lt()};return d.jsxs("div",{className:tt.t(z.croppable,Q&&z.standalone),onClick:()=>{D&&lt()},"data-component":"croppable",children:[d.jsx("input",{accept:"image/*",onChange:Rt,ref:N,type:"file"}),d.jsx("div",{className:z.viewport,ref:_,onDragStart:t=>t.preventDefault(),onPointerDown:Mt,onPointerMove:vt,onPointerUp:ut,onPointerCancel:ut,onWheel:zt,style:{"--croppable-height":`${R??Wt}px`,"--croppable-zoom":A,"--croppable-x":`${k.offset.x}px`,"--croppable-y":`${k.offset.y}px`,...a?{"--croppable-image-width":`${Z.width}px`,"--croppable-image-height":`${Z.height}px`}:null},children:D?d.jsxs("div",{className:z.empty,children:[d.jsx(pt.Figure,{children:d.jsx(gt.Icon,{name:"image",size:"large"})}),d.jsx(mt.Button,{onClick:dt,children:u??xt})]}):d.jsxs("div",{className:tt.t(z.media,C&&z.draggable,C&&et&&z.dragging),children:[d.jsx("div",{className:tt.t(z.inner),children:ct}),ot&&d.jsx("div",{className:z.overlay,children:d.jsxs("div",{className:z.empty,children:[d.jsx(pt.Figure,{children:d.jsx(gt.Icon,{name:"image",size:"large"})}),d.jsx(mt.Button,{onClick:dt,children:u??xt})]})})]})})]})};exports.Croppable=Bt;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index18.css');const d=require("react/jsx-runtime"),tt=require("../../classix-5H4IWnMA.cjs"),c=require("react"),mt=require("../button/index.cjs"),pt=require("../figure/index.cjs"),gt=require("../icon/index.cjs"),Ot="_croppable_2wdo8_1",St="_empty_2wdo8_14",Ut="_media_2wdo8_22",It="_overlay_2wdo8_33",Pt="_viewport_2wdo8_41",Yt="_draggable_2wdo8_53",Xt="_dragging_2wdo8_57",At="_inner_2wdo8_61",Dt="_standalone_2wdo8_77",z={croppable:Ot,empty:St,media:Ut,overlay:It,viewport:Pt,draggable:Yt,dragging:Xt,inner:At,standalone:Dt},Wt=192,B={offset:{x:0,y:0},zoom:1},wt="Select image",S=10,W=.1,Ht=.92,m=(h,w,R)=>Math.min(R,Math.max(w,h)),Zt=h=>new Promise((w,R)=>{const f=URL.createObjectURL(h),a=new globalThis.Image;a.onload=()=>{URL.revokeObjectURL(f),w(a)},a.onerror=()=>{URL.revokeObjectURL(f),R(new Error("croppable-image-load-failed"))},a.src=f}),kt=async({file:h,fill:w,transform:R,viewport:f})=>{const a=await Zt(h),U=f.width/a.naturalWidth,M=f.height/a.naturalHeight,y=Math.max(U,M),H=a.naturalWidth*y,E=a.naturalHeight*y,Q=w==="width"?Math.max(W,U/y):w==="height"?Math.max(W,M/y):W,j=m(R.zoom,Q,S),x=y*j,b=H*j,N=E*j,p=(f.width-b)/2+R.offset.x,L=(f.height-N)/2+R.offset.y,I=m((0-p)/x,0,a.naturalWidth),T=m((0-L)/x,0,a.naturalHeight),v=m(f.width/x,1,Math.max(1,a.naturalWidth-I)),s=m(f.height/x,1,Math.max(1,a.naturalHeight-T)),_=document.createElement("canvas"),u=_.getContext("2d");if(!u)throw new Error("croppable-image-context-missing");_.width=Math.max(1,Math.round(v)),_.height=Math.max(1,Math.round(s)),u.drawImage(a,I,T,v,s,0,0,_.width,_.height);const P=h.type.startsWith("image/")?h.type:"image/jpeg",Y=await new Promise(q=>{_.toBlob(q,P,Ht)});if(!Y)throw new Error("croppable-image-export-failed");return new globalThis.File([Y],h.name,{lastModified:Date.now(),type:Y.type||P})},Bt=({children:h,fill:w="none",height:R,image:f,label:a,onCroppableChange:U,onFileChange:M,onImageChange:y,onTransformChange:H,transform:E,standalone:Q})=>{const j=c.useRef(null),x=c.useRef(null),b=c.useRef(null),N=c.useRef(null),p=c.useRef(y),L=c.useRef(null),I=c.useRef(null),T=c.useRef(null),v=c.useRef(new Map),s=c.useRef(B),_=c.useRef(null),[u,P]=c.useState(null),[Y,q]=c.useState(null),[et,V]=c.useState(!1),[xt,nt]=c.useState(B),[F,ot]=c.useState(null),[g,yt]=c.useState({width:0,height:0}),Z=(()=>{const t=g.width,n=g.height;if(!t||!n)return{width:0,height:0,minZoom:W};if(!u)return{width:t,height:n,minZoom:W};const o=t/u.width,e=n/u.height,r=Math.max(o,e),i=w==="width"?o/r:w==="height"?e/r:0;return{width:u.width*r,height:u.height*r,minZoom:Math.max(W,i)}})(),X=Z.minZoom,k=E??xt,A=m(k.zoom,X,S),$=Y??f??null,rt=!h&&!!f&&!Y&&!F,G=!rt,ct=h??($?d.jsx("img",{alt:"",draggable:!1,onLoad:t=>{const n=t.currentTarget;n.naturalWidth&&n.naturalHeight&&P({width:n.naturalWidth,height:n.naturalHeight})},src:$}):null),D=ct==null,J=(t,n)=>{const{maxX:o,maxY:e}=it(n);return{x:m(t.x,-o,o),y:m(t.y,-e,e)}},st=(t,n)=>{const o=_.current;if(!o)return null;const e=o.getBoundingClientRect(),r=t-e.left-e.width/2,i=n-e.top-e.height/2;return{x:r,y:i}},bt=(t,n,o,e)=>{const r=m(n,X,S),i=m(o,X,S);if(r===0)return t;const l=i/r;return{x:(1-l)*e.x+l*t.x,y:(1-l)*e.y+l*t.y}},_t=(t,n,o)=>{const e=s.current.zoom,r=m(t,X,S),i=s.current.offset,l=o?bt(i,e,r,o):n,O=J(l,r);s.current={zoom:r,offset:O},E||nt({zoom:r,offset:O}),H==null||H({zoom:r,offset:O})},K=(t,n,o)=>{I.current={zoom:t,offset:n,anchor:o??null},x.current==null&&(x.current=window.requestAnimationFrame(()=>{x.current=null;const e=I.current;I.current=null;const r=(e==null?void 0:e.zoom)??s.current.zoom,i=(e==null?void 0:e.offset)??s.current.offset,l=(e==null?void 0:e.anchor)??null;_t(r,i,l)}))},zt=t=>{if(D||!G)return;const n=t.ctrlKey?.001:25e-5,o=s.current.zoom*Math.exp(-t.deltaY*n),e=st(t.clientX,t.clientY);K(o,s.current.offset,e)},it=t=>{const n=g.width,o=g.height;if(!n||!o)return{maxX:0,maxY:0};const e=m(t,X,S),r=Z.width*e,i=Z.height*e,l=Math.max(0,(r-n)/2),O=Math.max(0,(i-o)/2);return{maxX:l,maxY:O}},Rt=t=>{var r;const n=t.target,o=((r=n.files)==null?void 0:r[0])??null;if(L.current&&(URL.revokeObjectURL(L.current),L.current=null),!o){q(null),ot(null),M==null||M(null),n.value="";return}const e=URL.createObjectURL(o);L.current=e,q(e),P(null),ot(o),K(B.zoom,B.offset),s.current=B,M==null||M(o),n.value=""},Mt=t=>{if(!(D||!G||t.pointerType==="mouse"&&t.button!==0)){if(t.currentTarget.setPointerCapture(t.pointerId),t.pointerType==="touch"){const n=v.current;if(n.set(t.pointerId,{x:t.clientX,y:t.clientY}),n.size===2){b.current=null,j.current=null,V(!1);const[o,e]=Array.from(n.values());T.current=Math.hypot(o.x-e.x,o.y-e.y);return}}j.current=t.pointerId,b.current={x:t.clientX,y:t.clientY,originX:s.current.offset.x,originY:s.current.offset.y}}},Et=t=>{if(D||!G)return;if(t.pointerType==="touch"){const r=v.current;if(!r.has(t.pointerId))return;if(r.set(t.pointerId,{x:t.clientX,y:t.clientY}),r.size===2){const[i,l]=Array.from(r.values()),O=i.x-l.x,jt=i.y-l.y,ht=Math.hypot(O,jt),ft={x:(i.x+l.x)/2,y:(i.y+l.y)/2};if(T.current){const Lt=ht/T.current,Tt=s.current.zoom*Lt,vt=st(ft.x,ft.y);K(Tt,s.current.offset,vt)}T.current=ht;return}}if(j.current!==t.pointerId||!b.current||!C)return;const n=t.clientX-b.current.x,o=t.clientY-b.current.y,e=Math.abs(n)+Math.abs(o);!et&&e>2&&V(!0),!(e<=1)&&K(s.current.zoom,{x:b.current.originX+n,y:b.current.originY+o})},at=t=>{t.pointerType==="touch"&&(v.current.delete(t.pointerId),v.current.size<2&&(T.current=null)),j.current===t.pointerId&&(j.current=null,b.current=null,V(!1))};c.useEffect(()=>{if(!E)return;const t=m(E.zoom,X,S);s.current={zoom:t,offset:J(E.offset,t)}},[E,g.width,g.height,u==null?void 0:u.width,u==null?void 0:u.height]),c.useEffect(()=>()=>{L.current&&URL.revokeObjectURL(L.current)},[]),c.useEffect(()=>{const t=_.current;if(!t)return;const n=()=>{const r=t.getBoundingClientRect();yt(i=>i.width===r.width&&i.height===r.height?i:{width:r.width,height:r.height}),U&&U(r)};n();const o=()=>n();if(window.addEventListener("scroll",o,!0),typeof ResizeObserver>"u"){const r=()=>n();return window.addEventListener("resize",r),()=>{window.removeEventListener("resize",r),window.removeEventListener("scroll",o,!0)}}const e=new ResizeObserver(()=>n());return e.observe(t),()=>{e.disconnect(),window.removeEventListener("scroll",o,!0)}},[U]),c.useEffect(()=>{if(E)return;const t=s.current.offset,n=J(t,A);t.x===n.x&&t.y===n.y||(s.current={zoom:s.current.zoom,offset:n},nt(o=>({...o,offset:n})))},[A,u,g.width,g.height]),c.useEffect(()=>{$||P(null)},[$]),c.useEffect(()=>{p.current=y},[y]),c.useEffect(()=>{var o;if(!y)return;if(!F||!g.width||!g.height||h){(o=p.current)==null||o.call(p,null);return}let t=!0;const n=window.setTimeout(()=>{kt({file:F,fill:w,transform:{zoom:A,offset:k.offset},viewport:g}).then(e=>{var r;t&&((r=p.current)==null||r.call(p,e))}).catch(()=>{var e;t&&((e=p.current)==null||e.call(p,null))})},75);return()=>{t=!1,window.clearTimeout(n)}},[h,A,k.offset,w,F,g]),c.useEffect(()=>()=>{x.current!=null&&(window.cancelAnimationFrame(x.current),x.current=null)},[]);const ut=it(A),C=!D&&G&&(ut.maxX>0||ut.maxY>0),lt=()=>{var t;return(t=N.current)==null?void 0:t.click()},dt=t=>{t.preventDefault(),t.stopPropagation(),lt()};return d.jsxs("div",{className:tt.t(z.croppable,Q&&z.standalone),onClick:()=>{D&&lt()},"data-component":"croppable",children:[d.jsx("input",{accept:"image/*",onChange:Rt,ref:N,type:"file"}),d.jsx("div",{className:z.viewport,ref:_,onDragStart:t=>t.preventDefault(),onPointerDown:Mt,onPointerMove:Et,onPointerUp:at,onPointerCancel:at,onWheel:zt,style:{"--croppable-height":`${R??Wt}px`,"--croppable-zoom":A,"--croppable-x":`${k.offset.x}px`,"--croppable-y":`${k.offset.y}px`,...u?{"--croppable-image-width":`${Z.width}px`,"--croppable-image-height":`${Z.height}px`}:null},children:D?d.jsxs("div",{className:z.empty,children:[d.jsx(pt.Figure,{children:d.jsx(gt.Icon,{name:"image",size:"large"})}),d.jsx(mt.Button,{onClick:dt,children:a??wt})]}):d.jsxs("div",{className:tt.t(z.media,C&&z.draggable,C&&et&&z.dragging),children:[d.jsx("div",{className:tt.t(z.inner),children:ct}),rt&&d.jsx("div",{className:z.overlay,children:d.jsxs("div",{className:z.empty,children:[d.jsx(pt.Figure,{children:d.jsx(gt.Icon,{name:"image",size:"large"})}),d.jsx(mt.Button,{onClick:dt,children:a??wt})]})})]})})]})};exports.Croppable=Bt;
 //# sourceMappingURL=index.cjs.map