quirk-ui 0.0.16 → 0.0.18

package/dist/assets/quirk-ui.css

@@ -0,0 +1 @@
+:root{--breakpoint-xs: 320px;--breakpoint-sm: 480px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}:root{--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem}:root{--font-family-sans: -apple-system;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-h1: 2.5rem;--font-size-h2: 2rem;--font-size-h3: 1.75rem;--font-size-h4: 1.5rem;--font-size-h5: 1.25rem;--font-size-h6: 1rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-heading: 1.25;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-loose: 1.75}:root{--radius-sm: .125rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-full: 9999px}:root{--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .15)}._buttonGroup_18kpd_1{display:inline-flex;gap:.5rem}._vertical_18kpd_6{flex-direction:column}._horizontal_18kpd_10{flex-direction:row}@media (max-width: 480px){._buttonGroup_18kpd_1{flex-direction:column}}._fab_1p460_1{position:fixed;bottom:var(--spacing-lg);right:var(--spacing-lg);z-index:25;background-color:var(--color-primary, #000);color:#fff;border:none;border-radius:var(--radius-full);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);transition:background-color .25s ease-in-out}._fab_1p460_1:hover{background-color:var(--color-secondary)}._sm_1p460_22{width:40px;height:40px}._md_1p460_27{width:56px;height:56px}._lg_1p460_31{width:72px;height:72px}._bottom-right_1p460_36{bottom:var(--spacing-lg);right:var(--spacing-lg)}._bottom-left_1p460_41{bottom:var(--spacing-lg);left:var(--spacing-lg)}._top-right_1p460_46{top:var(--spacing-lg);right:var(--spacing-lg)}._top-left_1p460_51{top:var(--spacing-lg);left:var(--spacing-lg)}._disabled_1p460_56{color:var(--color-muted)}._button_1avxf_1{border-radius:var(--radius-md);border:1px solid transparent;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);font-family:inherit;background-color:var(--color-primary);cursor:pointer;transition:background-color .25s,border-color .25s}._button_1avxf_1:hover{border-color:var(--color-secondary)}._button_1avxf_1:focus,._button_1avxf_1:focus-visible{outline:4px auto -webkit-focus-ring-color}._button_1avxf_1:disabled{border-color:var(--color-muted);background-color:var(--color-muted);color:#e0e0e0;cursor:not-allowed}._primary_1avxf_29{background-color:var(--color-primary)}._primary_1avxf_29:hover{background-color:var(--color-secondary)}._secondary_1avxf_37{background-color:var(--color-secondary);border-color:var(--color-secondary)}._secondary_1avxf_37:hover{background-color:var(--color-primary);border-color:var(--color-primary)}._ghost_1avxf_47{background-color:transparent;border-color:var(--color-primary);border-width:2px;color:var(--color-primary)}._ghost_1avxf_47:hover{background-color:var(--color-primary);color:#fff}._iconButton_e9jmu_1{display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;padding:var(--spacing-sm);border-radius:var(--radius-md);cursor:pointer;transition:background .25s ease}._iconButton_e9jmu_1:disabled{opacity:.5;cursor:not-allowed}._sm_e9jmu_18{width:32px;height:32px}._md_e9jmu_23{width:40px;height:40px}._lg_e9jmu_28{width:48px;height:48px}._default_e9jmu_33{background-color:#f0f0f0;color:#111}._muted_e9jmu_38{background-color:#bbb;color:var(--color-muted)}._accent_e9jmu_43{background-color:var(--color-primary);color:#fff}._error_e9jmu_48{background-color:var(--color-error);color:#fff}._srOnly_e9jmu_53{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}._h1_mq0ks_1,._h2_mq0ks_2,._h3_mq0ks_3,._h4_mq0ks_4,._h5_mq0ks_5,._h6_mq0ks_6{line-height:var(--line-height-tight);margin-block:0 var(--spacing-md);color:var(--color-heading)}._h1_mq0ks_1[class*=bg],._h2_mq0ks_2[class*=bg],._h3_mq0ks_3[class*=bg],._h4_mq0ks_4[class*=bg],._h5_mq0ks_5[class*=bg],._h6_mq0ks_6[class*=bg]{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md)}._h1_mq0ks_1{font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);margin-block:0 var(--spacing-md)}._h2_mq0ks_2{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);margin-block:0 var(--spacing-md)}._h3_mq0ks_3{font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);margin-block:0 var(--spacing-sm)}._h4_mq0ks_4{font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold);margin-block:0 var(--spacing-sm)}._h5_mq0ks_5{font-size:var(--font-size-h5);font-weight:var(--font-weight-medium);margin-block:var(--spacing-xs)}._h6_mq0ks_6{font-size:var(--font-size-h6);font-weight:var(--font-weight-medium);margin-block:var(--spacing-xs)}._text_17qk6_1{font-family:var(--font-family-sans);font-size:var(--font-size-md);line-height:var(--line-height-normal);color:var(--color-text-primary)}._text_17qk6_1 p{margin-bottom:var(--spacing-md)}._text_17qk6_1 h1,._text_17qk6_1 h2,._text_17qk6_1 h3,._text_17qk6_1 h4,._text_17qk6_1 h5,._text_17qk6_1 h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm)}._text_17qk6_1 ul,._text_17qk6_1 ol{padding-left:var(--spacing-lg);margin-bottom:var(--spacing-md)}._text_17qk6_1 ul{list-style-type:disc}._text_17qk6_1 ol{list-style-type:decimal}._text_17qk6_1 li{margin-bottom:var(--spacing-xs)}._text_17qk6_1 a{color:var(--color-primary);text-decoration:underline}._text_17qk6_1 a:hover{text-decoration:none}._default_17qk6_55{font-size:1rem}._muted_17qk6_59{color:var(--color-muted)}._lead_17qk6_63{font-size:1.25rem;font-weight:500}._small_17qk6_68{font-size:.875rem}._link_98em4_1{color:var(--color-link);text-decoration:none;display:inline-flex;align-items:center;gap:.25rem}._default_98em4_9{color:var(--color-link)}._muted_98em4_13{color:var(--color-muted)}._underline_98em4_17{text-decoration:underline}._icon_98em4_21{display:inline-flex}._grid_1pzcn_1{display:grid;width:100%;gap:var(--spacing-md, 1rem);grid-template-columns:var(--xs-columns, repeat(1, 1fr));grid-auto-rows:1fr}@media (min-width: 480px){._grid_1pzcn_1{grid-template-columns:var(--sm-columns, var(--xs-columns))}}@media (min-width: 768px){._grid_1pzcn_1{grid-template-columns:var(--md-columns, var(--sm-columns))}}@media (min-width: 1024px){._grid_1pzcn_1{grid-template-columns:var(--lg-columns, var(--md-columns))}}@media (min-width: 1280px){._grid_1pzcn_1{grid-template-columns:var(--xl-columns, var(--lg-columns))}}@media (min-width: 1536px){._grid_1pzcn_1{grid-template-columns:var(--2xl-columns, var(--xl-columns))}}._container_171d6_1{width:100%;margin-left:auto;margin-right:auto;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}._sm_171d6_9{max-width:var(--breakpoint-sm)}._md_171d6_13{max-width:var(--breakpoint-md)}._lg_171d6_17{max-width:var(--breakpoint-lg)}._xl_171d6_21{max-width:var(--breakpoint-xl)}._full_171d6_25{max-width:100%}._fluid_171d6_29{max-width:none;padding-left:0;padding-right:0}._stack_134u6_1{display:flex}._vertical_134u6_5{flex-direction:column}._horizontal_134u6_9{flex-direction:row}._wrap_134u6_13{flex-wrap:wrap}._gapSm_134u6_18{gap:var(--spacing-sm)}._gapMd_134u6_22{gap:var(--spacing-md)}._gapLg_134u6_26{gap:var(--spacing-xl)}._alignStart_134u6_31{align-items:flex-start}._alignCenter_134u6_35{align-items:center}._alignEnd_134u6_39{align-items:flex-end}._alignStretch_134u6_43{align-items:stretch}._justifyStart_134u6_48{justify-content:flex-start}._justifyCenter_134u6_52{justify-content:center}._justifyEnd_134u6_56{justify-content:flex-end}._justifySpaceBetween_134u6_60{justify-content:space-between}._justifySpaceAround_134u6_64{justify-content:space-around}._justifySpaceEvenly_134u6_68{justify-content:space-evenly}._box_1242k_1{box-sizing:border-box}._paddingNone_1242k_6{padding:0}._paddingSm_1242k_10{padding:.5rem}._paddingMd_1242k_14{padding:1rem}._paddingLg_1242k_18{padding:2rem}._marginNone_1242k_23{margin:0}._marginSm_1242k_27{margin:.5rem}._marginMd_1242k_31{margin:1rem}._marginLg_1242k_35{margin:2rem}._block_1242k_40{display:block}._inline_1242k_44{display:inline}._inlineBlock_1242k_48{display:inline-block}._flex_1242k_52{display:flex}._inlineFlex_1242k_56{display:inline-flex}._grid_1242k_60{display:grid}._bgTransparent_1242k_65{background-color:transparent}._bgLight_1242k_69{background-color:#f8fafc}._bgDark_1242k_73{background-color:#0f172a}._bgAccent_1242k_77{background-color:var(--color-primary)}._borderNone_1242k_82{border:none}._borderThin_1242k_86{border:1px solid var(--color-border)}._borderThick_1242k_90{border:2px solid var(--color-border)}._radiusNone_1242k_95{border-radius:0}._radiusSm_1242k_99{border-radius:var(--radius-sm)}._radiusMd_1242k_103{border-radius:var(--radius-md)}._radiusLg_1242k_107{border-radius:var(--radius-lg)}._radiusFull_1242k_111{border-radius:var(--radius-full)}._spacer_1pz5u_1{flex-shrink:0;background:none}._horizontal_1pz5u_6{width:100%;height:auto}._vertical_1pz5u_11{height:100%;width:auto}._sm_1pz5u_16{height:.5rem;width:.5rem}._md_1pz5u_21{height:1rem;width:1rem}._lg_1pz5u_26{height:2rem;width:2rem}._xl_1pz5u_31{height:3rem;width:3rem}._divider_zjbsg_1{flex-shrink:0;background:none}._horizontal_zjbsg_6{width:100%;height:auto}._vertical_zjbsg_11{height:100%;width:auto}._wrapper_g45ha_1{overflow-x:auto}._table_g45ha_5{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}th,td{padding:var(--spacing-xs);text-align:left;border-bottom:1px solid var(--color-border);color:var(--color-text-primary)}th{background-color:var(--color-secondary);font-weight:var(--font-weight-semibold)}._empty_g45ha_24{text-align:center;padding:var(--spacing-md);color:var(--color-text-primary)}._clickableRow_g45ha_30{cursor:pointer}._clickableRow_g45ha_30:hover{background-color:var(--color-primary)}ul._list_4w9h5_1{list-style-type:none;padding:0;margin:0}ol._list_4w9h5_1{list-style-type:decimal;padding:0;margin:0 0 0 var(--spacing-md)}._listItem_4w9h5_13{padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-sm);background-color:var(--color-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:background-color .3s;color:var(--color-text-primary)}._listItem_4w9h5_13:hover{background-color:var(--color-secondary)}._listItem_4w9h5_13:active{background-color:var(--color-primary)}._tabs_f06du_1{display:flex;flex-direction:column;width:100%}._tabsList_f06du_7{display:flex;border-bottom:2px solid var(--color-border)}._left_f06du_12{justify-content:flex-start}._center_f06du_16{justify-content:center}._right_f06du_20{justify-content:flex-end}._tabsTrigger_f06du_24{padding:var(--spacing-md);border:none;border-bottom:2px solid transparent;background:none;cursor:pointer;color:var(--color-muted);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);transition:color .3s ease,border-color .3s ease;position:relative;top:2px}._tabsTrigger_f06du_24._active_f06du_38{border-color:var(--color-primary);color:var(--color-primary)}._tabsPanelWrapper_f06du_43{position:relative;min-height:100px}._tabsPanel_f06du_43{animation:_fadeSlide_f06du_1 .3s ease both;position:absolute;width:100%;top:0;left:0;padding:var(--spacing-md);color:var(--color-text-primary)}@keyframes _fadeSlide_f06du_1{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}._card_7amar_1{background-color:var(--color-background);border-radius:var(--radius-md);padding:var(--spacing-md);cursor:pointer;transition:box-shadow .3s,transform .3s;display:flex;flex-direction:column;justify-content:space-between;height:100%;box-sizing:border-box;min-height:225px}._clickable_7amar_15{cursor:pointer}._clickable_7amar_15:hover{box-shadow:0 6px 12px #0003}._default_7amar_23{box-shadow:0 2px 4px #0000001a}._outlined_7amar_27{border:1px solid var(--color-border)}._shadow_7amar_31{box-shadow:0 2px 4px #00000026}._imageTop_7amar_35{padding:0;overflow:hidden;border-radius:var(--radius-md);display:flex;flex-direction:column;height:100%;border:1px solid var(--color-border)}._imageTop_7amar_35 ._imageContainer_7amar_45{width:100%;height:100%;max-height:150px;overflow:hidden;flex-shrink:0}._imageTop_7amar_35 ._image_7amar_35{width:100%;height:100%;object-fit:cover}._imageTop_7amar_35 ._content_7amar_60{padding:var(--spacing-md)}._imageBackground_7amar_64{position:relative;padding:0;overflow:hidden;border-radius:var(--radius-md);color:var(--color-foreground);display:flex;flex-direction:column;height:100%}._imageBackground_7amar_64 ._imageBackgroundContainer_7amar_75{position:relative;width:100%;height:100%;overflow:hidden;flex-grow:1}._imageBackground_7amar_64 ._backgroundImage_7amar_83{width:100%;height:100%;object-fit:cover;position:relative;top:0;left:0;z-index:1}._imageBackground_7amar_64 ._overlay_7amar_93{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;z-index:2;display:flex;flex-direction:column;justify-content:space-between;padding:var(--spacing-md)}._imageBackground_7amar_64 ._text_7amar_109,._imageBackground_7amar_64 h3{color:#fff}._content_7amar_60{display:flex;flex-direction:column;justify-content:space-between;flex-grow:1}._card_7amar_1:hover{transform:translateY(-2px)}._text_7amar_109{font-size:var(-font-size-md);color:var(--color-text-primary);margin-bottom:var(--spacing-md)}._footer_7amar_131{text-align:right;padding-top:var(--spacing-md);flex-shrink:0}._avatar_xustn_1{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;overflow:visible;border:2px solid var(--color-border);cursor:default;transition:transform .3s}._avatar_xustn_1:hover{transform:scale(1.05)}._sm_xustn_17{width:32px;height:32px;font-size:12px}._md_xustn_23{width:48px;height:48px;font-size:16px}._lg_xustn_29{width:64px;height:64px;font-size:20px}._image_xustn_35{width:100%;height:100%;border-radius:50%;object-fit:cover}._initials_xustn_42{color:#fff;font-family:var(--font-weight-bold)}._status_xustn_47{position:absolute;bottom:-2px;right:-2px;width:12px;height:12px;border-radius:50%;border:2px solid #fff;background-color:var(--color-offline);z-index:1}._online_xustn_59{background-color:var(--color-online)}._offline_xustn_63{background-color:var(--color-offline)}._busy_xustn_67{background-color:var(--color-busy)}:root{--badge-bg-default: var(--color-secondary, #94a3b8);--badge-bg-success: var(--color-success-bg, #28a745);--badge-bg-warning: var(--color-warning-bg, #f59e0b);--badge-bg-error: var(--color-error-bg, #bd1919);--badge-bg-info: var(--color-info-bg);--badge-text-default: var(--color-secondary-foreground, #fff);--badge-text-success: var(--color-success-text, #fff);--badge-text-warning: var(--color-warning-text, #333);--badge-text-error: var(--color-error-text, #fff);--badge-text-info: var(--color-info-text, #fff);--badge-padding: var(--spacing-sm) var(--spacing-md);--badge-font-size: var(--font-size-sm, .875rem);--badge-border-radius: var(--radius-sm, 8px)}._badge_18z15_19{display:inline-flex;align-items:center;padding:var(--badge-padding);font-size:var(--badge-font-size);border-radius:var(--badge-border-radius);font-weight:var(--font-weight-semibold);cursor:default;transition:background-color .3s,color .3s;-webkit-user-select:none;user-select:none}._clickable_18z15_31{cursor:pointer}._icon_18z15_35{margin-right:var(--spacing-sm);display:flex;align-items:center}._text_18z15_41{display:inline-block}._default_18z15_45{background-color:var(--badge-bg-default);color:var(--badge-text-default)}._success_18z15_50{background-color:var(--badge-bg-success);color:var(--badge-text-success)}._warning_18z15_55{background-color:var(--badge-bg-warning);color:var(--badge-text-warning)}._error_18z15_60{background-color:var(--badge-bg-error);color:var(--badge-text-error)}._info_18z15_65{background-color:var(--badge-bg-info);color:var(--badge-text-info)}._tooltipContainer_94xs9_1{position:relative;display:inline-block}._tooltip_94xs9_1{position:absolute;background-color:var(--color-secondary, #333);color:var(--color-text-primary, #fff);padding:var(--spacing-sm, .5rem);border-radius:var(--radius-sm, 4px);white-space:nowrap;z-index:1000;opacity:0;transform:translateY(0);transition:opacity .3s,transform .3s}._top_94xs9_19{bottom:100%;left:50%;transform:translateY(.5rem);margin-bottom:.25rem}._bottom_94xs9_26{top:100%;left:50%;transform:translateY(-.5rem);margin-top:.25rem}._left_94xs9_33{right:100%;top:50%;transform:translate(.5rem);margin-right:.25rem}._right_94xs9_40{left:100%;top:50%;transform:translate(-.5rem);margin-left:.25rem}._tooltip_94xs9_1._visible_94xs9_47{opacity:1;transform:translateY(0);pointer-events:auto}._overlay_nav1m_1{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:1000;animation:_fadeIn_nav1m_1 .3s ease}._modal_nav1m_16{position:absolute;background-color:var(--color-background, #fff);border-radius:var(--radius-md, 4px);padding:var(--spacing-md, 1rem);width:min(90%,600px);max-width:100%;animation:_slideUp_nav1m_1 .3s ease}._closeButton_nav1m_26{color:var(--color-primary);position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);background:none;border:none;cursor:pointer;padding:var(--spacing-sm)}._content_nav1m_37{margin-top:var(--spacing-md)}@keyframes _fadeIn_nav1m_1{0%{opacity:0}to{opacity:1}}@keyframes _slideUp_nav1m_1{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}._accordion_1ozgm_1{width:100%;border-radius:var(--radius-md);overflow:hidden;background-color:transparent}._accordionItem_1ozgm_8{border-bottom:1px solid var(--color-border)}._accordionItem_1ozgm_8:last-child{border-bottom:none}._accordionHeader_1ozgm_16{width:100%;padding:var(--spacing-md);background-color:transparent;border:none;color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);display:flex;align-items:center;justify-content:space-between;transition:background-color .3s}._accordionHeader_1ozgm_16:hover{background-color:var(--color-secondary)}._accordionContentWrapper_1ozgm_35{overflow:hidden;max-height:0;transition:max-height .3s ease-in-out,opacity .3s ease-in-out;opacity:0}._open_1ozgm_42 ._accordionContentWrapper_1ozgm_35{max-height:800px;opacity:1;transition-timing-function:ease-in-out}._closed_1ozgm_48 ._accordionContentWrapper_1ozgm_35{max-height:0;opacity:0;transition-timing-function:ease-in-out}._accordionContent_1ozgm_35{padding:var(--spacing-md);box-sizing:border-box;color:var(--color-text-primary)}._icon_1ozgm_60{transition:transform .3s}._rotate_1ozgm_64{transform:rotate(180deg)}._alert_ucye1_1{display:flex;align-items:center;padding:var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);position:relative;gap:var(--spacing-sm);transition:opacity .3s ease,transform .3s ease;opacity:0;transform:translateY(-10px)}._enter_ucye1_15{opacity:1;transform:translateY(0)}._exit_ucye1_20{opacity:0;transform:translateY(-10px)}._info_ucye1_25{background-color:var(--color-info-bg);color:var(--color-info-text)}._success_ucye1_30{background-color:var(--color-success-bg);color:var(--color-success-text)}._warning_ucye1_35{background-color:var(--color-warning-bg);color:var(--color-warning-text)}._error_ucye1_40{background-color:var(--color-error-bg);color:var(--color-error-text)}._closeButton_ucye1_45{background:none;border:none;cursor:pointer;color:#fff;padding:0;margin-left:auto;display:flex;align-items:center}._notification_1txoc_1{display:flex;align-items:center;padding:var(--spacing-md);background-color:var(--color-secondary);color:var(--color-text-primaray);box-shadow:0 4px 8px #0000001a;border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);gap:var(--spacing-sm);animation:_slideIn_1txoc_1 .3s ease forwards;opacity:1;transform-origin:right center;width:fit-content}._enter_1txoc_18{opacity:1;transform:translate(0)}._exiting_1txoc_23{animation:_slideOut_1txoc_1 .3s ease forwards}._info_1txoc_27{background-color:var(--color-info-bg);color:var(--color-info-text)}._success_1txoc_32{background-color:var(--color-success-bg);color:var(--color-success-text)}._warning_1txoc_37{background-color:var(--color-warning-bg);color:var(--color-warning-text)}._error_1txoc_42{background-color:var(--color-error-bg);color:var(--color-error-text)}._closeButton_1txoc_47{background:none;border:none;cursor:pointer;color:#fff;padding:0;margin-left:auto;display:flex;align-items:center}@keyframes _slideIn_1txoc_1{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes _slideOut_1txoc_1{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}._container_61msx_1{position:fixed;bottom:1rem;right:1rem;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;gap:.5rem;z-index:1000}._progressBarContainer_a1m8u_1{display:flex;align-items:center;justify-content:center;gap:.25rem;width:100%}._progressBar_a1m8u_1{flex:1;height:12px;background-color:#f0f0f0;border-radius:4px;overflow:hidden;position:relative}._fill_a1m8u_18{height:100%;transition:width .3s ease;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;border-radius:4px}._primary_a1m8u_29 ._fill_a1m8u_18{background-color:var(--color-primary)}._success_a1m8u_33 ._fill_a1m8u_18{background-color:var(--color-success)}._warning_a1m8u_37 ._fill_a1m8u_18{background-color:var(--color-warning)}._danger_a1m8u_41 ._fill_a1m8u_18{background-color:var(--color-error)}._label_a1m8u_45{flex:.1;position:relative;width:auto;text-align:center;color:var(--color-text-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}._spinner_sf4mt_1{display:inline-flex;align-items:center;justify-content:center;position:relative}._small_sf4mt_8{width:24px;height:24px}._medium_sf4mt_13{width:48px;height:48px}._large_sf4mt_18{width:72px;height:72px}._prong_sf4mt_23{width:8%;height:30%;background-color:currentColor;border-radius:4px;position:absolute;top:67%;transform-origin:center -55%;animation:_fade_sf4mt_1 1s linear infinite}._primary_sf4mt_34{color:var(--color-primary)}._success_sf4mt_38{color:var(--color-success)}._warning_sf4mt_42{color:var(--color-warning)}._danger_sf4mt_46{color:var(--color-error)}@keyframes _fade_sf4mt_1{0%{opacity:1}to{opacity:.2}}._prong_sf4mt_23:nth-child(1){transform:rotate(0);animation-delay:-.9s}._prong_sf4mt_23:nth-child(2){transform:rotate(36deg);animation-delay:-.8s}._prong_sf4mt_23:nth-child(3){transform:rotate(72deg);animation-delay:-.7s}._prong_sf4mt_23:nth-child(4){transform:rotate(108deg);animation-delay:-.6s}._prong_sf4mt_23:nth-child(5){transform:rotate(144deg);animation-delay:-.5s}._prong_sf4mt_23:nth-child(6){transform:rotate(180deg);animation-delay:-.4s}._prong_sf4mt_23:nth-child(7){transform:rotate(216deg);animation-delay:-.3s}._prong_sf4mt_23:nth-child(8){transform:rotate(252deg);animation-delay:-.2s}._prong_sf4mt_23:nth-child(9){transform:rotate(288deg);animation-delay:-.1s}._prong_sf4mt_23:nth-child(10){transform:rotate(324deg);animation-delay:0s}._skeleton_u21vc_1{background-color:#e0e0e0;overflow:hidden;position:relative;display:inline-block;animation:_shimmer_u21vc_1 1.5s infinite;background:linear-gradient(90deg,#e0e0e0,#f0f0f0,#e0e0e0);background-size:200% 100%}._text_u21vc_16{height:16px;width:100%;border-radius:4px}._circle_u21vc_22{border-radius:50%;aspect-ratio:1/1}._rectangle_u21vc_27{border-radius:4px}@keyframes _shimmer_u21vc_1{0%{background-position:-200%}50%{background-position:100%}to{background-position:200%}}:root{--card-width: 80%}._carousel_1h8mt_5{position:relative;width:100%;overflow:hidden;box-sizing:border-box}._track_1h8mt_12{display:flex;transition:transform .5s ease;will-change:transform}._slide_1h8mt_18{flex:0 0 var(--card-width);padding:0 10px}@media (min-width: 768px){._slide_1h8mt_18{flex:0 0 calc(100% / 3)}}._controls_1h8mt_30{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-md);padding:0 var(--spacing-md);width:100%}@media (max-width: 767px){._controls_1h8mt_30{width:var(--card-width);margin-left:auto;margin-right:auto}}._indicators_1h8mt_47{display:flex;gap:var(--spacing-sm)}._indicator_1h8mt_47{width:10px;height:10px;border-radius:50%;background-color:#e0e0e0;border:none;cursor:pointer;transition:background-color .3s}._indicator_1h8mt_47._active_1h8mt_62{background-color:var(--color-primary)}._buttons_1h8mt_66{display:flex;gap:var(--spacing-md)}._prev_1h8mt_71._disabled_1h8mt_71,._next_1h8mt_72._disabled_1h8mt_71{opacity:.5;pointer-events:none}._buttons_1h8mt_66 button:not(._disabled_1h8mt_71):hover{background-color:var(--color-primary);color:#fff}._prev_1h8mt_71,._next_1h8mt_72{background-color:#e0e0e0;color:var(--color-text-primary);border:none;padding:var(--spacing-sm);cursor:pointer;transition:background-color .3s,color .3s;border-radius:50%;width:40px;height:40px}:root{--nav-height: 65px}._navbar_1ymss_5{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;background-color:var(--color-background);border-bottom:1px solid var(--color-border);padding:0 var(--spacing-md);position:relative;z-index:1000;height:var(--nav-height)}._sticky_1ymss_19{position:sticky;top:0;width:100%}._container_1ymss_25{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;max-width:1280px;margin:0 auto}._logo_1ymss_35{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary)}._menuToggle_1ymss_41{background:none;border:none;cursor:pointer;display:none;color:var(--color-text-primary);z-index:1100}._nav_1ymss_5{display:flex;gap:var(--spacing-lg);height:100%;transition:transform .3s ease}._linkWrapper_1ymss_57{position:relative;display:flex;align-items:center}._linkItem_1ymss_63{display:flex;align-items:center;box-sizing:border-box}._sublinkToggle_1ymss_71,._link_1ymss_57{text-decoration:none;color:var(--color-text-primary);padding:var(--spacing-sm);transition:color .3s ease;font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);box-sizing:border-box}._link_1ymss_57:hover,._sublinkToggle_1ymss_71:hover,._navItem_1ymss_87:hover{color:var(--color-primary)}._sublinkToggle_1ymss_71{background:none;border:none;display:flex;align-items:center;cursor:pointer;color:var(--color-text-primary)}._sublinks_1ymss_101{position:absolute;right:0;top:100%;background-color:var(--color-background);box-shadow:0 6px 8px #0000001a;overflow:hidden;max-height:0;min-width:100%;width:max-content;opacity:0;z-index:100;transition:max-height .3s ease,opacity .3s ease,visibility .3s ease;display:flex;visibility:hidden;flex-direction:column;align-items:flex-end;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:0 0 var(--radius-md) var(--radius-md);pointer-events:none}._sublinks_1ymss_101._show_1ymss_124{max-height:500px;opacity:1;pointer-events:auto;visibility:visible}._chevron_1ymss_131{transition:transform .3s ease}._sublinkToggle_1ymss_71._open_1ymss_135 ._chevron_1ymss_131{transform:rotate(180deg)}@media (max-width: 768px){._menuToggle_1ymss_41{display:flex;align-items:center;justify-content:center}._nav_1ymss_5{display:none;position:fixed;top:calc(var(--nav-height) - 1px);left:0;width:100%;height:100%;background-color:var(--color-background);display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);border-top:1px solid var(--color-border);z-index:1000;overflow-y:auto;transform:translate(100%)}._nav_1ymss_5._open_1ymss_135{transform:translate(0)}._linkWrapper_1ymss_57{flex-direction:column;width:100%;max-width:300px;margin:0 auto;padding:var(--spacing-sm) 0}._linkWrapper_1ymss_57._parent_1ymss_177{border-bottom:1px solid var(--color-border)}._linkWrapper_1ymss_57._parent_1ymss_177:last-of-type{border:none}._linkItem_1ymss_63{width:100%}._chevron_1ymss_131{display:none}._sublinks_1ymss_101{position:relative;top:0;box-shadow:none;max-height:fit-content;opacity:1;visibility:visible;align-items:flex-start;padding:var(--spacing-sm);gap:0;pointer-events:auto}._sublinkToggle_1ymss_71{cursor:pointer;pointer-events:none;color:var(--color-muted)}}._drawer_55xty_1{position:fixed;background-color:var(--color-background);transition:transform .3s ease-in-out;z-index:1000;width:300px;height:100%;box-shadow:0 0 10px #00000026;padding:var(--spacing-md)}._right_55xty_12{top:0;right:0;transform:translate(100%)}._left_55xty_18{top:0;left:0;transform:translate(-100%)}._top_55xty_24{top:0;left:0;width:100%;height:auto;transform:translateY(-100%)}._bottom_55xty_32{bottom:0;left:0;width:100%;height:auto;transform:translateY(100%)}._open_55xty_40._right_55xty_12,._open_55xty_40._left_55xty_18{transform:translate(0)}._open_55xty_40._top_55xty_24,._open_55xty_40._bottom_55xty_32{transform:translateY(0)}._overlay_55xty_50{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0000004d;opacity:0;pointer-events:none;transition:opacity .3s ease-in-out;z-index:999}._overlay_55xty_50._show_55xty_60{opacity:1;pointer-events:all}._breadcrumbs_1nbgu_1{display:block;font-size:var(--font-size-sm);line-height:1.5}._list_1nbgu_7{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:0}._item_1nbgu_15{display:flex;align-items:center}._separator_1nbgu_20{margin:0 var(--spacing-xs);color:var(--color-muted)}._link_1nbgu_25{color:var(--color-muted);text-decoration:none;transition:color .3s ease}._link_1nbgu_25:hover{color:var(--color-primary)}._label_1nbgu_35{color:var(--color-muted)}._active_1nbgu_39{font-weight:var(--font-weight-bold);color:var(--color-primary)}._form_s0yvj_1{display:flex;flex-direction:column;gap:var(--spacing-md)}._label_15ngo_1{font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}._text_15ngo_6{display:inline-flex;align-items:center;gap:var(--spacing-xs)}._sm_15ngo_13{font-size:.75rem}._md_15ngo_17{font-size:.875rem}._lg_15ngo_21{font-size:1rem}._default_15ngo_26{color:var(--color-text-primary)}._muted_15ngo_30{color:var(--color-muted)}._accent_15ngo_34{color:var(--color-primary)}._disabled_15ngo_38{color:var(--color-muted)}._error_15ngo_42{color:var(--color-error)}._required_15ngo_47{color:var(--color-error);margin-left:.25rem}._optional_15ngo_52{color:var(--color-muted);font-style:italic;margin-left:.25rem}._srOnly_15ngo_58{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}._icon_15ngo_71{line-height:0;margin-left:var(--spacing-xs)}._tooltipWrapper_15ngo_77{position:relative;display:inline-flex;align-items:center}._tooltipIcon_15ngo_83{line-height:0;font-size:var(--font-size-md);cursor:help;margin-left:var(--spacing-xs);color:var(--color-muted)}._tooltipText_15ngo_91{visibility:hidden;background-color:#111;color:#fff;text-align:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);position:absolute;z-index:10;bottom:125%;left:50%;transform:translate(-50%);font-size:var(--font-size-xs);white-space:nowrap;opacity:0;transition:opacity .2s ease}._tooltipWrapper_15ngo_77:hover ._tooltipText_15ngo_91,._tooltipWrapper_15ngo_77:focus-within ._tooltipText_15ngo_91{visibility:visible;opacity:1}._wrapper_1fwv5_1{display:flex;flex-direction:column;gap:.25rem}._input_1fwv5_7{padding:var(--spacing-sm) var(--spacing-sm);border:2px solid var(--color-border, #ccc);border-radius:var(--radius-md);font-size:var(--font-size-md);outline:none;background-color:var(--color-background);color:var(--color-text-primary)}._input_1fwv5_7::placeholder{color:var(--color-muted)}._input_1fwv5_7:focus{border-color:var(--color-primary)}._error_1fwv5_25{border-color:var(--color-error, #e00)}._errorMessage_1fwv5_29{border-color:var(--color-error, #e00);font-size:var(--font-size-sm)}._fieldset_1i2zv_1{border:1px solid var(--color-border, #ccc);padding:var(--spacing-md);border-radius:var(--radius-md);margin:0}._legend_1i2zv_8{font-weight:700;margin-bottom:var(--spacing-sm);padding:0 var(--spacing-xs)}._wrapper_1p7l5_1{display:flex;align-items:center;gap:var(--spacing-sm)}._radio_1p7l5_7{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1rem;height:1rem;border:2px solid var(--color-border);border-radius:50%;position:relative;cursor:pointer;transition:background .3s,border-color .3s;margin:0}._radio_1p7l5_7:checked{background-color:var(--color-primary);border-color:var(--color-primary)}._radio_1p7l5_7:disabled{background-color:var(--color-muted);cursor:not-allowed}._label_1p7l5_29{cursor:pointer;-webkit-user-select:none;user-select:none;margin:0}._wrapper_zxmf0_1{display:flex;align-items:center;gap:var(--spacing-sm)}._checkbox_zxmf0_7{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1rem;height:1rem;border:2px solid var(--color-border);border-radius:var(--spacing-xs);position:relative;cursor:pointer;transition:background .2s,border-color .2s;margin:0}._checkbox_zxmf0_7:checked{background-color:var(--color-primary);border-color:var(--color-primary)}._checkbox_zxmf0_7:disabled{background-color:var(--color-muted);cursor:not-allowed}._label_zxmf0_29{cursor:pointer;-webkit-user-select:none;user-select:none;margin:0}._wrapper_162xi_1{display:flex;flex-direction:column;gap:var(--spacing-sm)}._label_162xi_7{cursor:pointer}._textarea_162xi_11{min-height:6rem;padding:var(--spacing-sm);border:2px solid var(--color-border, #ccc);border-radius:var(--radius-md);resize:vertical;font-size:var(--font-size-md);outline:none;background-color:var(--color-background);color:var(--color-text-primary);transition:border-color .3s}._textarea_162xi_11:focus{border-color:var(--color-primary);outline:none}._textarea_162xi_11:disabled{background-color:var(--color-muted);cursor:not-allowed}._wrapper_3s7ns_1{display:flex;flex-direction:column;gap:var(--spacing-sm)}._select_3s7ns_7{padding:var(--spacing-sm);font-size:var(--font-size-md);border:2px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-background);color:var(--color-text-primary)}._select_3s7ns_7:disabled{background-color:var(--color-muted);color:var(--color-secondary);cursor:not-allowed}._wrapper_fzy93_1{display:flex;align-items:center;gap:var(--spacing-sm)}._input_fzy93_7{display:none}._slider_fzy93_11{position:relative;width:2.5rem;height:1.25rem;background-color:var(--color-muted);border-radius:var(--radius-full);transition:background-color .3s}._slider_fzy93_11:before{content:"";position:absolute;top:2px;left:2px;width:1rem;height:1rem;background-color:var(--color-background);border-radius:50%;transition:transform .3s}._input_fzy93_7:checked+._slider_fzy93_11{background-color:var(--color-primary)}._input_fzy93_7:checked+._slider_fzy93_11:before{transform:translate(1.25rem)}label,._label_fzy93_41{margin-bottom:0!important}._wrapper_a587t_1{display:flex;flex-direction:column;gap:var(--spacing-sm)}._select_a587t_7{padding:var(--spacing-sm);font-size:var(--font-size-md);border:2px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-background);color:var(--color-text-primary);min-height:3rem;resize:vertical}._select_a587t_7:disabled{background-color:var(--color-muted);color:var(--color-secondary);cursor:not-allowed}._calendar_zbxci_1{padding:var(--spacing-sm);border-radius:var(--radius-md);min-width:250px}._header_zbxci_7{display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm)}._dayName_zbxci_13{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);width:30px;text-align:center;flex:1;font-size:var(--font-size-sm)}._monthName_zbxci_23{font-weight:var(--font-weight-bold);color:var(--color-text-primary)}._week_zbxci_28{display:flex;justify-content:space-between;color:var(--color-text-primary)}._cell_zbxci_34{flex:1;padding:var(--spacing-xs) 0;text-align:center;background:none;color:var(--color-text-primary);border:none;cursor:pointer;width:30px}._outside_zbxci_45{color:var(--color-muted)}._selected_zbxci_49{background-color:var(--color-primary);color:#fff;border-radius:var(--radius-md)}._wrapper_13tha_1{display:flex;flex-direction:column;position:relative}._input_13tha_7{padding:var(--spacing-sm) var(--spacing-sm);border:2px solid var(--color-border, #ccc);border-radius:var(--radius-md);font-size:var(--font-size-md);outline:none;background-color:var(--color-background);color:var(--color-text-primary)}._input_13tha_7::placeholder{color:var(--color-muted)}._input_13tha_7:focus{border-color:var(--color-primary)}._popover_13tha_25{position:absolute;top:100%;left:0;z-index:10;border-radius:var(--radius-md);background-color:var(--color-background);border:1px solid var(--color-border);margin-top:var(--spacing-xs)}._wrapper_7toxm_1{display:flex;flex-direction:column;gap:var(--spacing-sm)}._trackContainer_7toxm_7{display:flex;align-items:center;gap:var(--spacing-sm)}._track_7toxm_7{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background-color:var(--color-muted);border-radius:4px;outline:none}._track_7toxm_7::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background-color:var(--color-primary);border-radius:var(--radius-full);cursor:pointer;border:none}._track_7toxm_7::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background-color:var(--color-primary);border-radius:var(--radius-full);cursor:pointer;border:none}._value_7toxm_44{width:2rem;text-align:right;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-primary)}._error_7toxm_52{color:var(--color-error)}._errorMessage_7toxm_56{font-size:var(--font-size-sm);color:var(--color-error)}._wrapper_s8dew_1{display:flex;flex-direction:column;gap:var(--spacing-sm)}._dropZone_s8dew_7{border:2px dashed var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-xl);text-align:center;cursor:pointer;background-color:var(--color-background);transition:background-color .3s ease}._dropZone_s8dew_7 p{color:var(--color-text-primary)}._dropZone_s8dew_7:hover{background-color:var(--color-background)}._dragging_s8dew_25{background-color:var(--color-primary);border-color:var(--color-primary)}._input_s8dew_30{display:none}._fileList_s8dew_34{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md);list-style:none;padding:0}._fileList_s8dew_34 li{color:var(--color-text-primary);display:flex;align-items:center;gap:var(--spacing-sm)}._fileList_s8dew_34 li button{cursor:pointer}:root{--color-text-primary: var(--user-color-text-primary, #111);--color-primary: var(--user-color-primary, #2563eb);--color-primary-foreground: var(--user-color-primary-foreground, #fff);--color-secondary: var(--user-color-secondary, #94a3b8);--color-secondary-foreground: var(--user-color-secondary-foreground, #fff);--color-background: var(--user-color-background, #fff);--color-foreground: var(--user-color-foreground, #fff);--color-error: var(--user-color-error, #bd1919);--color-border: var(--user-color-border, #e2e8f0);--color-muted: var(--user-color-muted, #999);--color-heading: var(--user-color-text-primary, var(--color-text-primary));--color-link: var(--user-color-primary, var(--color-primary));--color-success: var(--user-color-success, #28a745);--color-warning: var(--user-color-warning, #f59e0b);--color-online: var(--user-color-success, var(--color-success));--color-offline: var(--user-color-muted, var(--color-muted));--color-busy: var(--user-color-error, var(--color-error));--color-info-bg: var(--color-primary);--color-info-text: #fff;--color-success-bg: var(--color-success);--color-success-text: #fff;--color-warning-bg: var(--color-warning);--color-warning-text: #fff;--color-error-bg: var(--color-error);--color-error-text: #fff}[data-theme=dark]{--color-text-primary: var(--user-color-text-primary, #fff);--color-primary: var(--user-color-primary, #3b82f6);--color-primary-foreground: var(--user-color-primary-foreground, #fff);--color-secondary: var(--user-color-secondary, #64748b);--color-secondary-foreground: var(--user-color-secondary-foreground, #1e293b);--color-background: var(--user-color-background, #0f172a);--color-foreground: var(--user-color-foreground, #f8fafc);--color-error: var(--user-color-error, #bd1919);--color-border: var(--user-color-border, #334155);--color-muted: var(--user-color-muted, #f1f5f9);--color-heading: var(--user-color-text-primary, var(--color-text-primary));--color-link: var(--user-color-primary, var(--color-primary))}

package/dist/components/Accordion/Accordion.test.js

@@ -1,7 +1,7 @@
 import { jsx as c } from "react/jsx-runtime";
-import { d, i as m, r, g as t, s as e, f as s } from "../../vi.ClIskdbk-CZUVUGZN.js";
+import { d, i as m, r, g as t, s as e, f as s } from "../../vi.ClIskdbk-Z9moXFkA.js";
 import { Accordion as a } from "./index.js";
-import "../../index-Cm3oD894.js";
+import "../../index-Bb02nmpl.js";
 d("Accordion", () => {
   const l = [
     {

package/dist/components/Accordion/index.js

@@ -1,7 +1,7 @@
 import { jsx as e, jsxs as a } from "react/jsx-runtime";
 import { useState as p } from "react";
 import { C as g } from "../../chevron-down-DSUzBz9F.js";
-import '../../assets/index26.css';const C = "_accordion_1ozgm_1", u = "_accordionItem_1ozgm_8", z = "_accordionHeader_1ozgm_16", h = "_accordionContentWrapper_1ozgm_35", f = "_open_1ozgm_42", N = "_closed_1ozgm_48", $ = "_accordionContent_1ozgm_35", x = "_icon_1ozgm_60", H = "_rotate_1ozgm_64", c = {
+const C = "_accordion_1ozgm_1", u = "_accordionItem_1ozgm_8", z = "_accordionHeader_1ozgm_16", h = "_accordionContentWrapper_1ozgm_35", f = "_open_1ozgm_42", N = "_closed_1ozgm_48", $ = "_accordionContent_1ozgm_35", x = "_icon_1ozgm_60", H = "_rotate_1ozgm_64", c = {
   accordion: C,
   accordionItem: u,
   accordionHeader: z,
@@ -20,7 +20,7 @@ function j({
   const [m, _] = p([]), l = (o) => {
     _((n) => i ? n.includes(o) ? n.filter((r) => r !== o) : [...n, o] : n.includes(o) ? [] : [o]);
   };
-  return /* @__PURE__ */ e("div", { className: `${c.accordion} ${d ?? ""}`, children: s.map(({ id: o, title: n, content: r }) => {
+  return /* @__PURE__ */ e("div", { className: `${d ?? ""} ${c.accordion}`, children: s.map(({ id: o, title: n, content: r }) => {
     const t = m.includes(o);
     return /* @__PURE__ */ a("div", { className: c.accordionItem, children: [
       /* @__PURE__ */ a(

package/dist/components/Alert/Alert.test.js

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
-import { d as v, i as r, r as l, s as a, g as t, v as m, f as u, w as n } from "../../vi.ClIskdbk-CZUVUGZN.js";
+import { d as v, i as r, r as l, s as a, g as t, v as m, f as u, w as n } from "../../vi.ClIskdbk-Z9moXFkA.js";
 import { Alert as i } from "./index.js";
-import "../../index-Cm3oD894.js";
+import "../../index-Bb02nmpl.js";
 v("Alert", () => {
   r("renders the alert with the correct message and variant", () => {
     l(/* @__PURE__ */ o(i, { message: "Info Alert", variant: "info" }));

package/dist/components/Alert/index.js

@@ -1,7 +1,7 @@
 import { jsxs as m, jsx as r } from "react/jsx-runtime";
 import { useState as c, useEffect as d } from "react";
 import { X as y } from "../../x-CnsEH4Ox.js";
-import '../../assets/index27.css';const x = "_alert_ucye1_1", p = "_enter_ucye1_15", g = "_exit_ucye1_20", w = "_info_ucye1_25", b = "_success_ucye1_30", h = "_warning_ucye1_35", B = "_error_ucye1_40", $ = "_closeButton_ucye1_45", e = {
+const x = "_alert_ucye1_1", p = "_enter_ucye1_15", g = "_exit_ucye1_20", w = "_info_ucye1_25", b = "_success_ucye1_30", h = "_warning_ucye1_35", B = "_error_ucye1_40", $ = "_closeButton_ucye1_45", e = {
   alert: x,
   enter: p,
   exit: g,
@@ -35,7 +35,7 @@ function R({
   return l ? /* @__PURE__ */ m(
     "div",
     {
-      className: `${e.alert} ${j[o]} ${s ? e.enter : e.exit} ${u ?? ""}`,
+      className: `${u ?? ""} ${e.alert} ${j[o]} ${s ? e.enter : e.exit}`,
       role: "alert",
       children: [
         /* @__PURE__ */ r("span", { children: i }),

package/dist/components/Avatar/Avatar.test.js

@@ -1,7 +1,7 @@
 import { jsx as a } from "react/jsx-runtime";
-import { d as l, i as s, r as o, s as i, g as e, v as c, f as d } from "../../vi.ClIskdbk-CZUVUGZN.js";
+import { d as l, i as s, r as o, s as i, g as e, v as c, f as d } from "../../vi.ClIskdbk-Z9moXFkA.js";
 import { Avatar as r } from "./index.js";
-import "../../index-Cm3oD894.js";
+import "../../index-Bb02nmpl.js";
 l("Avatar", () => {
   s("renders an image when src is provided", () => {
     o(/* @__PURE__ */ a(r, { src: "https://via.placeholder.com/150", alt: "User avatar" }));

package/dist/components/Avatar/index.js

@@ -1,5 +1,5 @@
 import { jsxs as m, jsx as n } from "react/jsx-runtime";
-import '../../assets/index23.css';const d = "_avatar_xustn_1", x = "_sm_xustn_17", f = "_md_xustn_23", v = "_lg_xustn_29", g = "_image_xustn_35", b = "_initials_xustn_42", y = "_status_xustn_47", p = "_online_xustn_59", $ = "_offline_xustn_63", N = "_busy_xustn_67", s = {
+const d = "_avatar_xustn_1", x = "_sm_xustn_17", f = "_md_xustn_23", v = "_lg_xustn_29", g = "_image_xustn_35", b = "_initials_xustn_42", y = "_status_xustn_47", p = "_online_xustn_59", $ = "_offline_xustn_63", N = "_busy_xustn_67", s = {
   avatar: d,
   sm: x,
   md: f,
@@ -34,14 +34,20 @@ function M({
   return /* @__PURE__ */ m(
     "div",
     {
-      className: `${s.avatar} ${h[e]} ${u ?? ""}`,
+      className: `${u ?? ""} ${s.avatar} ${h[e]}`,
       style: { borderColor: c, backgroundColor: r },
       onClick: i,
       role: l ? "button" : void 0,
       "aria-label": l ? a : void 0,
       children: [
         t ? /* @__PURE__ */ n("img", { src: t, alt: a, className: s.image }) : /* @__PURE__ */ n("span", { className: s.initials, children: _ }),
-        o && /* @__PURE__ */ n("span", { className: `${s.status} ${j[o]}`, role: "status" })
+        o && /* @__PURE__ */ n(
+          "span",
+          {
+            className: `${s.status} ${j[o]}`,
+            role: "status"
+          }
+        )
       ]
     }
   );

package/dist/components/Badge/Badge.test.js

@@ -1,7 +1,7 @@
 import { jsx as t } from "react/jsx-runtime";
-import { d as u, i as a, r as c, s as o, g as s, v as d, f as r } from "../../vi.ClIskdbk-CZUVUGZN.js";
+import { d as u, i as a, r as c, s as o, g as s, v as d, f as r } from "../../vi.ClIskdbk-Z9moXFkA.js";
 import { Badge as l } from "./index.js";
-import "../../index-Cm3oD894.js";
+import "../../index-Bb02nmpl.js";
 import { P as i } from "../../plus-Cs7TaIK9.js";
 u("Badge", () => {
   a("renders default badge", () => {

package/dist/components/Badge/index.js

@@ -1,5 +1,5 @@
 import { jsxs as o, jsx as c } from "react/jsx-runtime";
-import '../../assets/index24.css';const _ = "_badge_18z15_19", i = "_clickable_18z15_31", l = "_icon_18z15_35", u = "_text_18z15_41", d = "_success_18z15_50", f = "_warning_18z15_55", g = "_error_18z15_60", b = "_info_18z15_65", s = {
+const _ = "_badge_18z15_19", i = "_clickable_18z15_31", l = "_icon_18z15_35", u = "_text_18z15_41", d = "_success_18z15_50", f = "_warning_18z15_55", g = "_error_18z15_60", b = "_info_18z15_65", s = {
   badge: _,
   clickable: i,
   icon: l,
@@ -26,7 +26,7 @@ function p({
   return /* @__PURE__ */ o(
     "span",
     {
-      className: `${s.badge} ${z[t]} ${e ? s.clickable : ""} ${r ?? ""}`,
+      className: `${r ?? ""} ${s.badge} ${z[t]} ${e ? s.clickable : ""}`,
       onClick: e,
       role: e ? "button" : "status",
       children: [

package/dist/components/Box/Box.test.js

@@ -1,7 +1,7 @@
 import { jsx as t } from "react/jsx-runtime";
-import { d as r, i as o, r as n, s, g as a } from "../../vi.ClIskdbk-CZUVUGZN.js";
+import { d as r, i as o, r as n, s, g as a } from "../../vi.ClIskdbk-Z9moXFkA.js";
 import { Box as i } from "./index.js";
-import "../../index-Cm3oD894.js";
+import "../../index-Bb02nmpl.js";
 r("Box", () => {
   o("renders with default props", () => {
     n(/* @__PURE__ */ t(i, { children: "Content" }));

package/dist/components/Box/index.js

@@ -1,5 +1,5 @@
 import { jsx as k } from "react/jsx-runtime";
-import '../../assets/index19.css';const b = "_box_1242k_1", m = "_paddingNone_1242k_6", p = "_paddingSm_1242k_10", u = "_paddingMd_1242k_14", M = "_paddingLg_1242k_18", x = "_marginNone_1242k_23", N = "_marginSm_1242k_27", L = "_marginMd_1242k_31", h = "_marginLg_1242k_35", T = "_block_1242k_40", S = "_inline_1242k_44", f = "_inlineBlock_1242k_48", F = "_flex_1242k_52", B = "_inlineFlex_1242k_56", C = "_grid_1242k_60", A = "_bgTransparent_1242k_65", D = "_bgLight_1242k_69", j = "_bgDark_1242k_73", y = "_bgAccent_1242k_77", v = "_borderNone_1242k_82", q = "_borderThin_1242k_86", w = "_borderThick_1242k_90", z = "_radiusNone_1242k_95", E = "_radiusSm_1242k_99", G = "_radiusMd_1242k_103", H = "_radiusLg_1242k_107", I = "_radiusFull_1242k_111", n = {
+const b = "_box_1242k_1", m = "_paddingNone_1242k_6", p = "_paddingSm_1242k_10", u = "_paddingMd_1242k_14", M = "_paddingLg_1242k_18", x = "_marginNone_1242k_23", N = "_marginSm_1242k_27", L = "_marginMd_1242k_31", h = "_marginLg_1242k_35", T = "_block_1242k_40", S = "_inline_1242k_44", f = "_inlineBlock_1242k_48", F = "_flex_1242k_52", B = "_inlineFlex_1242k_56", C = "_grid_1242k_60", A = "_bgTransparent_1242k_65", D = "_bgLight_1242k_69", j = "_bgDark_1242k_73", y = "_bgAccent_1242k_77", v = "_borderNone_1242k_82", q = "_borderThin_1242k_86", w = "_borderThick_1242k_90", z = "_radiusNone_1242k_95", E = "_radiusSm_1242k_99", G = "_radiusMd_1242k_103", H = "_radiusLg_1242k_107", I = "_radiusFull_1242k_111", n = {
   box: b,
   paddingNone: m,
   paddingSm: p,
@@ -73,14 +73,14 @@ function V({
   ...c
 }) {
   const l = _, t = [
+    e ?? "",
     n.box,
     J[i],
     K[o],
     O[r],
     P[a],
     Q[d],
-    R[s],
-    e ?? ""
+    R[s]
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ k(l, { className: t, ...c, children: g });
 }

package/dist/components/Breadcrumbs/Breadcrumbs.test.js

@@ -1,7 +1,7 @@
 import { jsx as s } from "react/jsx-runtime";
-import { d as m, i as r, r as o, s as n, g as t } from "../../vi.ClIskdbk-CZUVUGZN.js";
+import { d as m, i as r, r as o, s as n, g as t } from "../../vi.ClIskdbk-Z9moXFkA.js";
 import { Breadcrumbs as l } from "./index.js";
-import "../../index-Cm3oD894.js";
+import "../../index-Bb02nmpl.js";
 m("Breadcrumbs", () => {
   const a = [
     { label: "Home", href: "/" },

package/dist/components/Breadcrumbs/index.js

@@ -1,5 +1,5 @@
 import { jsx as l, jsxs as _ } from "react/jsx-runtime";
-import '../../assets/index34.css';const o = "_breadcrumbs_1nbgu_1", i = "_list_1nbgu_7", u = "_item_1nbgu_15", m = "_separator_1nbgu_20", d = "_link_1nbgu_25", h = "_label_1nbgu_35", p = "_active_1nbgu_39", a = {
+const o = "_breadcrumbs_1nbgu_1", i = "_list_1nbgu_7", u = "_item_1nbgu_15", m = "_separator_1nbgu_20", d = "_link_1nbgu_25", h = "_label_1nbgu_35", p = "_active_1nbgu_39", a = {
   breadcrumbs: o,
   list: i,
   item: u,

package/dist/components/Button/Button.test.js

@@ -1,7 +1,7 @@
 import { jsx as s } from "react/jsx-runtime";
-import { d as l, i as o, r as n, s as a, g as e, v as c, f as r } from "../../vi.ClIskdbk-CZUVUGZN.js";
+import { d as l, i as o, r as n, s as a, g as e, v as c, f as r } from "../../vi.ClIskdbk-Z9moXFkA.js";
 import { Button as i } from "./index.js";
-import "../../index-Cm3oD894.js";
+import "../../index-Bb02nmpl.js";
 l("Button", () => {
   o('renders with default "primary" variant', () => {
     n(/* @__PURE__ */ s(i, { children: "Click me" }));

package/dist/components/Button/index.js

@@ -1,22 +1,29 @@
-import { jsx as a } from "react/jsx-runtime";
-import '../../assets/index14.css';const c = "_button_17sgm_1", m = "_primary_17sgm_21", y = "_secondary_17sgm_29", _ = "_ghost_17sgm_39", t = {
+import { jsx as n } from "react/jsx-runtime";
+const c = "_button_1avxf_1", y = "_primary_1avxf_29", _ = "_secondary_1avxf_37", e = "_ghost_1avxf_47", t = {
   button: c,
-  primary: m,
-  secondary: y,
-  ghost: _
-}, e = {
+  primary: y,
+  secondary: _,
+  ghost: e
+}, i = {
   primary: t.primary,
   secondary: t.secondary,
   ghost: t.ghost
 };
-function i({
-  variant: s = "primary",
-  className: o,
-  children: r,
-  ...n
+function p({
+  variant: o = "primary",
+  className: r,
+  children: s,
+  ...a
 }) {
-  return /* @__PURE__ */ a("button", { className: `${o ?? ""} ${t.button} ${e[s]}`, ...n, children: r });
+  return /* @__PURE__ */ n(
+    "button",
+    {
+      className: `${r ?? ""} ${t.button} ${i[o]}`,
+      ...a,
+      children: s
+    }
+  );
 }
 export {
-  i as Button
+  p as Button
 };

package/dist/components/ButtonGroup/ButtonGroup.test.js

@@ -1,7 +1,7 @@
 import { jsxs as o, jsx as t } from "react/jsx-runtime";
-import { d as a, i, r, g as n, s as c } from "../../vi.ClIskdbk-CZUVUGZN.js";
+import { d as a, i, r, g as n, s as c } from "../../vi.ClIskdbk-Z9moXFkA.js";
 import { ButtonGroup as s } from "./index.js";
-import "../../index-Cm3oD894.js";
+import "../../index-Bb02nmpl.js";
 a("ButtonGroup", () => {
   i("renders children", () => {
     r(

package/dist/components/ButtonGroup/index.js

@@ -1,5 +1,5 @@
 import { jsx as l } from "react/jsx-runtime";
-import '../../assets/index12.css';const u = "_buttonGroup_18kpd_1", c = "_vertical_18kpd_6", s = "_horizontal_18kpd_10", o = {
+const u = "_buttonGroup_18kpd_1", c = "_vertical_18kpd_6", s = "_horizontal_18kpd_10", o = {
   buttonGroup: u,
   vertical: c,
   horizontal: s
@@ -15,7 +15,7 @@ function _({
   return /* @__PURE__ */ l(
     "div",
     {
-      className: `${o.buttonGroup} ${a} ${r ?? ""}`,
+      className: `${r ?? ""} ${o.buttonGroup} ${a}`,
       ...i,
       children: t
     }

package/dist/components/Calendar/Calendar.test.js

@@ -1,7 +1,7 @@
 import { jsx as c } from "react/jsx-runtime";
-import { d as D, i as s, r as l, g as n, s as a, v as m, f as d } from "../../vi.ClIskdbk-CZUVUGZN.js";
-import { f as y, C as r } from "../../index-C8O_LWE2.js";
-import "../../index-Cm3oD894.js";
+import { d as D, i as s, r as l, g as n, s as a, v as m, f as d } from "../../vi.ClIskdbk-Z9moXFkA.js";
+import { f as y, C as r } from "../../index-aU7FYxlT.js";
+import "../../index-Bb02nmpl.js";
 D("Calendar", () => {
   s("renders the current month and year", () => {
     const t = new Date(2025, 4, 15);

package/dist/components/Calendar/index.js

@@ -1,9 +1,9 @@
 import "react/jsx-runtime";
 import "react";
-import '../../assets/index.css';/* empty css                   */
+/* empty css                   */
 import "../IconButton/index.js";
 import "../Tabs/index.js";
-import { C } from "../../index-C8O_LWE2.js";
+import { C } from "../../index-aU7FYxlT.js";
 import "../../arrow-right-CnuUc2oD.js";
 export {
   C as Calendar

package/dist/components/Card/Card.test.js

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
-import { d as l, i as n, r, g as t, s as e, v as a, f as d } from "../../vi.ClIskdbk-CZUVUGZN.js";
+import { d as l, i as n, r, g as t, s as e, v as a, f as d } from "../../vi.ClIskdbk-Z9moXFkA.js";
 import { Card as i } from "./index.js";
-import "../../index-Cm3oD894.js";
+import "../../index-Bb02nmpl.js";
 l("Card", () => {
   n("renders with title, content and footer", () => {
     r(

package/dist/components/Card/index.js

@@ -1,5 +1,5 @@
 import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import '../../assets/index.css';import '../../assets/index22.css';/* empty css                   */
+/* empty css                   */
 import { Heading as t } from "../Heading/index.js";
 import "react";
 import "../Tabs/index.js";
@@ -40,7 +40,7 @@ function q({
   return /* @__PURE__ */ o(
     "div",
     {
-      className: `${a.card} ${y[d]} ${l ? a.clickable : ""} ${_ ?? ""}`,
+      className: `${_ ?? ""} ${a.card} ${y[d]} ${l ? a.clickable : ""}`,
       onClick: s,
       role: s ? "button" : "presentation",
       children: [

package/dist/components/Carousel/Carousel.test.js

@@ -1,7 +1,7 @@
 import { jsx as n } from "react/jsx-runtime";
-import { d as h, v as d, i as s, r as a, g as i, s as t, f as r } from "../../vi.ClIskdbk-CZUVUGZN.js";
+import { d as h, v as d, i as s, r as a, g as i, s as t, f as r } from "../../vi.ClIskdbk-Z9moXFkA.js";
 import { Carousel as l } from "./index.js";
-import "../../index-Cm3oD894.js";
+import "../../index-Bb02nmpl.js";
 const c = [
   /* @__PURE__ */ n("div", { children: "Slide 1" }, "1"),
   /* @__PURE__ */ n("div", { children: "Slide 2" }, "2"),

package/dist/components/Carousel/index.js

@@ -1,7 +1,7 @@
 import { jsxs as _, jsx as r } from "react/jsx-runtime";
 import { useState as m, useRef as A, useCallback as C, useEffect as u } from "react";
 import { A as I, a as M } from "../../arrow-right-CnuUc2oD.js";
-import '../../assets/index31.css';const S = "_carousel_1h8mt_5", E = "_track_1h8mt_12", L = "_slide_1h8mt_18", R = "_controls_1h8mt_30", j = "_indicators_1h8mt_47", z = "_indicator_1h8mt_47", G = "_active_1h8mt_62", T = "_buttons_1h8mt_66", V = "_prev_1h8mt_71", X = "_disabled_1h8mt_71", q = "_next_1h8mt_72", e = {
+const S = "_carousel_1h8mt_5", E = "_track_1h8mt_12", L = "_slide_1h8mt_18", R = "_controls_1h8mt_30", j = "_indicators_1h8mt_47", z = "_indicator_1h8mt_47", G = "_active_1h8mt_62", T = "_buttons_1h8mt_66", V = "_prev_1h8mt_71", X = "_disabled_1h8mt_71", q = "_next_1h8mt_72", e = {
   carousel: S,
   track: E,
   slide: L,
@@ -46,7 +46,7 @@ function J({
     const t = 100 / n;
     return `translateX(-${s * t}%)`;
   };
-  return /* @__PURE__ */ _("div", { className: `${e.carousel} ${f ?? ""}`, children: [
+  return /* @__PURE__ */ _("div", { className: `${f ?? ""} ${e.carousel}`, children: [
     /* @__PURE__ */ r(
       "div",
       {

package/dist/components/Checkbox/Checkbox.test.js

@@ -1,7 +1,7 @@
 import { jsx as t } from "react/jsx-runtime";
-import { d as n, i as b, r as s, g as c, s as o, v as h } from "../../vi.ClIskdbk-CZUVUGZN.js";
+import { d as n, i as b, r as s, g as c, s as o, v as h } from "../../vi.ClIskdbk-Z9moXFkA.js";
 import { Checkbox as a } from "./index.js";
-import "../../index-Cm3oD894.js";
+import "../../index-Bb02nmpl.js";
 n("Checkbox", () => {
   b("renders correctly", () => {
     s(

package/dist/components/Checkbox/index.js

@@ -1,5 +1,5 @@
 import { jsxs as m, jsx as l } from "react/jsx-runtime";
-import '../../assets/index.css';import '../../assets/index39.css';/* empty css                   */
+/* empty css                   */
 import "react";
 import "../Tabs/index.js";
 import { Label as x } from "../Label/index.js";
@@ -17,7 +17,7 @@ function z({
   className: s,
   ...t
 }) {
-  return /* @__PURE__ */ m("div", { className: `${e.wrapper} ${s ?? ""}`, children: [
+  return /* @__PURE__ */ m("div", { className: `${s ?? ""} ${e.wrapper}`, children: [
     /* @__PURE__ */ l(
       "input",
       {

package/dist/components/Container/Container.test.js

@@ -1,7 +1,7 @@
 import { jsx as s } from "react/jsx-runtime";
-import { d as c, i as t, r as i, g as n, s as o } from "../../vi.ClIskdbk-CZUVUGZN.js";
+import { d as c, i as t, r as i, g as n, s as o } from "../../vi.ClIskdbk-Z9moXFkA.js";
 import { Container as a } from "./index.js";
-import "../../index-Cm3oD894.js";
+import "../../index-Bb02nmpl.js";
 c("Container", () => {
   t("renders children", () => {
     i(/* @__PURE__ */ s(a, { children: "Test content" })), n(o.getByText("Test content")).toBeInTheDocument();

package/dist/components/Container/index.js

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import '../../assets/index18.css';const a = "_container_171d6_1", f = "_sm_171d6_9", m = "_md_171d6_13", r = "_lg_171d6_17", u = "_xl_171d6_21", x = "_full_171d6_25", g = "_fluid_171d6_29", n = {
+const a = "_container_171d6_1", f = "_sm_171d6_9", m = "_md_171d6_13", r = "_lg_171d6_17", u = "_xl_171d6_21", x = "_full_171d6_25", g = "_fluid_171d6_29", n = {
   container: a,
   sm: f,
   md: m,
@@ -20,7 +20,7 @@ function p({
   return /* @__PURE__ */ e(
     d,
     {
-      className: `${n.container} ${i} ${_ ?? ""}`,
+      className: `${_ ?? ""} ${n.container} ${i}`,
       ...c,
       children: s
     }

package/dist/components/DatePicker/DatePicker.test.js

@@ -1,8 +1,8 @@
 import { jsx as n } from "react/jsx-runtime";
-import { v as r, d as k, i as c, r as d, g as t, s as a, f as l } from "../../vi.ClIskdbk-CZUVUGZN.js";
+import { v as r, d as k, i as c, r as d, g as t, s as a, f as l } from "../../vi.ClIskdbk-Z9moXFkA.js";
 import { DatePicker as o } from "./index.js";
-import "../../index-Cm3oD894.js";
-import { f as u } from "../../index-C8O_LWE2.js";
+import "../../index-Bb02nmpl.js";
+import { f as u } from "../../index-aU7FYxlT.js";
 r.mock("../Calendar", () => ({
   Calendar: ({ onSelectDate: e }) => /* @__PURE__ */ n(
     "button",

package/dist/components/DatePicker/index.js

@@ -1,9 +1,9 @@
 import { jsxs as h, jsx as e } from "react/jsx-runtime";
 import { useState as i } from "react";
-import '../../assets/index.css';import '../../assets/index42.css';/* empty css                   */
+/* empty css                   */
 import "../Tabs/index.js";
 import { Label as w } from "../Label/index.js";
-import { f as x, C as D } from "../../index-C8O_LWE2.js";
+import { f as x, C as D } from "../../index-aU7FYxlT.js";
 const S = "_wrapper_13tha_1", N = "_input_13tha_7", O = "_popover_13tha_25", s = {
   wrapper: S,
   input: N,
@@ -22,7 +22,7 @@ function L({
   ...v
 }) {
   const [p, y] = i(null), [u, l] = i(!1);
-  return /* @__PURE__ */ h("div", { className: `${s.wrapper} ${d ?? ""}`, children: [
+  return /* @__PURE__ */ h("div", { className: `${d ?? ""} ${s.wrapper}`, children: [
     /* @__PURE__ */ e(w, { htmlFor: o, required: a, disabled: c, children: m }),
     /* @__PURE__ */ e(
       "input",

package/dist/components/Divider/Divider.test.js

@@ -1,7 +1,7 @@
 import { jsx as r } from "react/jsx-runtime";
-import { d as o, i as e, r as i, g as t } from "../../vi.ClIskdbk-CZUVUGZN.js";
+import { d as o, i as e, r as i, g as t } from "../../vi.ClIskdbk-Z9moXFkA.js";
 import { Divider as a } from "./index.js";
-import "../../index-Cm3oD894.js";
+import "../../index-Bb02nmpl.js";
 o("Spacer", () => {
   e("renders with default props", () => {
     const { container: s } = i(/* @__PURE__ */ r(a, {}));

package/dist/components/Divider/index.js

@@ -1,5 +1,5 @@
 import { jsx as a } from "react/jsx-runtime";
-import '../../assets/index20.css';const s = "_divider_zjbsg_1", e = "_horizontal_zjbsg_6", l = "_vertical_zjbsg_11", i = {
+const s = "_divider_zjbsg_1", e = "_horizontal_zjbsg_6", l = "_vertical_zjbsg_11", i = {
   divider: s,
   horizontal: e,
   vertical: l
@@ -12,7 +12,13 @@ function v({
   className: r,
   ...t
 }) {
-  return /* @__PURE__ */ a("div", { className: `${i.divider} ${n[o]} ${r ?? ""}`, ...t });
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      className: `${r ?? ""} ${i.divider} ${n[o]}`,
+      ...t
+    }
+  );
 }
 export {
   v as Divider

package/dist/components/Drawer/Drawer.test.js

@@ -1,7 +1,7 @@
 import { jsx as e, jsxs as f } from "react/jsx-runtime";
-import { d as h, i as r, r as s, v as t, g as l, s as c, f as a } from "../../vi.ClIskdbk-CZUVUGZN.js";
+import { d as h, i as r, r as s, v as t, g as l, s as c, f as a } from "../../vi.ClIskdbk-Z9moXFkA.js";
 import { Drawer as i } from "./index.js";
-import "../../index-Cm3oD894.js";
+import "../../index-Bb02nmpl.js";
 h("Drawer", () => {
   const n = /* @__PURE__ */ e("nav", { children: /* @__PURE__ */ f("ul", { children: [
     /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e("a", { href: "/profile", children: "Profile" }) }),

package/dist/components/Drawer/index.js

@@ -1,6 +1,6 @@
 import { jsxs as f, Fragment as y, jsx as s } from "react/jsx-runtime";
 import { useRef as w, useEffect as d } from "react";
-import '../../assets/index32.css';const l = "_drawer_55xty_1", h = "_right_55xty_12", p = "_left_55xty_18", x = "_top_55xty_24", v = "_bottom_55xty_32", g = "_open_55xty_40", b = "_overlay_55xty_50", E = "_show_55xty_60", e = {
+const l = "_drawer_55xty_1", h = "_right_55xty_12", p = "_left_55xty_18", x = "_top_55xty_24", v = "_bottom_55xty_32", g = "_open_55xty_40", b = "_overlay_55xty_50", E = "_show_55xty_60", e = {
   drawer: l,
   right: h,
   left: p,
@@ -41,7 +41,7 @@ function j({
       "aside",
       {
         ref: n,
-        className: `${e.drawer} ${$[_]} ${o ? e.open : ""} ${u ?? ""}`,
+        className: `${u ?? ""} ${e.drawer} ${$[_]} ${o ? e.open : ""}`,
         role: "dialog",
         "aria-label": i,
         "aria-modal": "true",

package/dist/components/Fieldset/Fieldset.test.js

@@ -1,7 +1,7 @@
 import { jsx as e } from "react/jsx-runtime";
-import { d as o, i as t, r, g as n, s as d } from "../../vi.ClIskdbk-CZUVUGZN.js";
+import { d as o, i as t, r, g as n, s as d } from "../../vi.ClIskdbk-Z9moXFkA.js";
 import { Fieldset as i } from "./index.js";
-import "../../index-Cm3oD894.js";
+import "../../index-Bb02nmpl.js";
 o("Fieldset", () => {
   t("renders children", () => {
     r(