@zidian-ui/core 0.1.4 → 0.2.0

package/esm/assets/packages/@zidian-ui/core/src/components/collection/List/List.css.ts.vanilla-BeW6Frwm.css

@@ -0,0 +1,27 @@
+.zid_list_container-1s0suq30 {
+  box-sizing: border-box;
+  width: 100%;
+  height: 100%;
+}
+.zid_list_item-1s0suq31 {
+  box-sizing: border-box;
+  width: 100%;
+}
+.zid_list_content-1s0suq32 {
+  box-sizing: border-box;
+  width: 100%;
+}
+.zid_list_item_place-1s0suq33 {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: 8px;
+  font-size: 14px;
+}
+.zid_list_content_place-1s0suq34 {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  gap: 12px;
+}

package/esm/assets/packages/@zidian-ui/core/src/components/common/Button/Button.css.ts.vanilla-BgimV8hB.css

@@ -0,0 +1,183 @@
+.zid_button-18fc240a {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  box-sizing: border-box;
+  border: 1px solid var(--zid_borderColor-18fc2400);
+  gap: var(--zid_contentGap-18fc2408, 8px);
+  transition: all 0.15s;
+  color: var(--zid_contentColor-18fc2401);
+  background-color: var(--zid_backgroundColor-18fc2402);
+}
+.zid_button-18fc240a:hover {
+  cursor: pointer;
+}
+.zid_button-18fc240a:active {
+  transform: scale(0.95);
+}
+.zid_button-18fc240a::before {
+  content: "";
+  position: absolute;
+  inset: -1px;
+  border-radius: var(--zid_borderRadius-18fc2409);
+  background-color: var(--zid_stateLayerColor-18fc2403);
+}
+.zid_button_color_primary-18fc240b {
+  --zid_main-1o0swjg0: var(--sys-color-primary-main);
+  --zid_onMain-1o0swjg1: var(--sys-color-primary-on-main);
+  --zid_container-1o0swjg2: var(--sys-color-primary-container);
+  --zid_onContainer-1o0swjg3: var(--sys-color-primary-on-container);
+}
+.zid_button_color_secondary-18fc240c {
+  --zid_main-1o0swjg0: var(--sys-color-secondary-main);
+  --zid_onMain-1o0swjg1: var(--sys-color-secondary-on-main);
+  --zid_container-1o0swjg2: var(--sys-color-secondary-container);
+  --zid_onContainer-1o0swjg3: var(--sys-color-secondary-on-container);
+}
+.zid_button_color_tertiary-18fc240d {
+  --zid_main-1o0swjg0: var(--sys-color-tertiary-main);
+  --zid_onMain-1o0swjg1: var(--sys-color-tertiary-on-main);
+  --zid_container-1o0swjg2: var(--sys-color-tertiary-container);
+  --zid_onContainer-1o0swjg3: var(--sys-color-tertiary-on-container);
+}
+.zid_button_color_info-18fc240e {
+  --zid_main-1o0swjg0: var(--sys-color-info-main);
+  --zid_onMain-1o0swjg1: var(--sys-color-info-on-main);
+  --zid_container-1o0swjg2: var(--sys-color-info-container);
+  --zid_onContainer-1o0swjg3: var(--sys-color-info-on-container);
+}
+.zid_button_color_error-18fc240f {
+  --zid_main-1o0swjg0: var(--sys-color-error-main);
+  --zid_onMain-1o0swjg1: var(--sys-color-error-on-main);
+  --zid_container-1o0swjg2: var(--sys-color-error-container);
+  --zid_onContainer-1o0swjg3: var(--sys-color-error-on-container);
+}
+.zid_button_color_warning-18fc240g {
+  --zid_main-1o0swjg0: var(--sys-color-warning-main);
+  --zid_onMain-1o0swjg1: var(--sys-color-warning-on-main);
+  --zid_container-1o0swjg2: var(--sys-color-warning-container);
+  --zid_onContainer-1o0swjg3: var(--sys-color-warning-on-container);
+}
+.zid_button_color_success-18fc240h {
+  --zid_main-1o0swjg0: var(--sys-color-success-main);
+  --zid_onMain-1o0swjg1: var(--sys-color-success-on-main);
+  --zid_container-1o0swjg2: var(--sys-color-success-container);
+  --zid_onContainer-1o0swjg3: var(--sys-color-success-on-container);
+}
+.zid_button_size_small-18fc240i {
+  --zid_minHeight-18fc2407: 24px;
+  --zid_paddingX-18fc2405: var(--sys-spacing-content-sm);
+  --zid_paddingY-18fc2406: var(--sys-spacing-content-xs);
+  --zid_fontSize-18fc2404: var(--sys-font-size-title-xs);
+  min-height: var(--zid_minHeight-18fc2407);
+  padding-inline: var(--zid_paddingX-18fc2405);
+  padding-block: var(--zid_paddingY-18fc2406);
+  font-size: var(--zid_fontSize-18fc2404);
+}
+.zid_button_size_normal-18fc240j {
+  --zid_minHeight-18fc2407: 24px;
+  --zid_paddingX-18fc2405: var(--sys-spacing-content-md);
+  --zid_paddingY-18fc2406: var(--sys-spacing-content-xs);
+  --zid_fontSize-18fc2404: var(--sys-font-size-label-sm);
+  min-height: var(--zid_minHeight-18fc2407);
+  padding-inline: var(--zid_paddingX-18fc2405);
+  padding-block: var(--zid_paddingY-18fc2406);
+  font-size: var(--zid_fontSize-18fc2404);
+}
+.zid_button_size_full-18fc240k {
+  --zid_paddingX-18fc2405: var(--sys-spacing-content-sm);
+  --zid_paddingY-18fc2406: var(--sys-spacing-content-xs);
+  --zid_fontSize-18fc2404: var(--sys-font-size-label-md);
+  min-height: var(--zid_minHeight-18fc2407);
+  padding-inline: var(--zid_paddingX-18fc2405);
+  padding-block: var(--zid_paddingY-18fc2406);
+  font-size: var(--zid_fontSize-18fc2404);
+  width: 100%;
+}
+.zid_button_shape_round-18fc240l {
+  --zid_borderRadius-18fc2409: var(--sys-radius-full);
+  border-radius: var(--zid_borderRadius-18fc2409);
+}
+.zid_button_shape_square-18fc240m {
+  --zid_borderRadius-18fc2409: var(--sys-radius-sm);
+  border-radius: var(--zid_borderRadius-18fc2409);
+}
+.zid_button_variant_filled-18fc240n {
+  --zid_contentColor-18fc2401: var(--zid_onMain-1o0swjg1);
+  --zid_backgroundColor-18fc2402: var(--zid_main-1o0swjg0);
+}
+.zid_button_variant_filled-18fc240n:hover::before {
+  --zid_stateLayerColor-18fc2403: color-mix(in srgb, var(--zid_onMain-1o0swjg1) 8%, transparent);
+}
+.zid_button_variant_filled-18fc240n:active::before {
+  --zid_stateLayerColor-18fc2403: color-mix(in srgb, var(--zid_onMain-1o0swjg1) 12%, transparent);
+}
+.zid_button_variant_tonal-18fc240o {
+  --zid_contentColor-18fc2401: var(--zid_onContainer-1o0swjg3);
+  --zid_backgroundColor-18fc2402: var(--zid_container-1o0swjg2);
+}
+.zid_button_variant_tonal-18fc240o:hover::before {
+  --zid_stateLayerColor-18fc2403: color-mix(in srgb, var(--zid_onContainer-1o0swjg3) 8%, transparent);
+}
+.zid_button_variant_tonal-18fc240o:active::before {
+  --zid_stateLayerColor-18fc2403: color-mix(in srgb, var(--zid_onContainer-1o0swjg3) 12%, transparent);
+}
+.zid_button_variant_outlined-18fc240p {
+  --zid_contentColor-18fc2401: var(--zid_main-1o0swjg0);
+  --zid_borderColor-18fc2400: var(--zid_main-1o0swjg0);
+}
+.zid_button_variant_outlined-18fc240p:hover::before {
+  --zid_stateLayerColor-18fc2403: color-mix(in srgb, var(--zid_main-1o0swjg0) 8%, transparent);
+}
+.zid_button_variant_outlined-18fc240p:active::before {
+  --zid_stateLayerColor-18fc2403: color-mix(in srgb, var(--zid_main-1o0swjg0) 12%, transparent);
+}
+.zid_button_variant_plain-18fc240q {
+  --zid_contentColor-18fc2401: var(--zid_main-1o0swjg0);
+}
+.zid_button_variant_plain-18fc240q:hover::before {
+  --zid_stateLayerColor-18fc2403: color-mix(in srgb, var(--zid_main-1o0swjg0) 8%, transparent);
+}
+.zid_button_variant_plain-18fc240q:active::before {
+  --zid_stateLayerColor-18fc2403: color-mix(in srgb, var(--zid_main-1o0swjg0) 12%, transparent);
+}
+.zid_button_disabled_true-18fc240r {
+  cursor: not-allowed;
+  pointer-events: none;
+  background-color: color-mix(in srgb, var(--sys-color-surface-on-main) 12%, transparent);
+}
+.zid_button_loading_true-18fc240s {
+  cursor: wait;
+  pointer-events: none;
+  color: transparent !important;
+}
+.zid_button_compound_0-18fc240t {
+  color: color-mix(in srgb, var(--sys-color-surface-on-main) 45%, transparent) !important;
+  background-color: color-mix(in srgb, var(--sys-color-surface-on-main) 16%, transparent) !important;
+}
+.zid_button_compound_1-18fc240u {
+  color: color-mix(in srgb, var(--sys-color-surface-on-main) 32%, transparent) !important;
+  background-color: color-mix(in srgb, var(--sys-color-surface-on-main) 10%, transparent) !important;
+}
+.zid_button_compound_2-18fc240v {
+  background-color: transparent !important;
+  color: color-mix(in srgb, var(--sys-color-surface-on-main) 32%, transparent) !important;
+  border: 1px solid color-mix(in srgb, var(--sys-color-surface-on-main) 12%, transparent) !important;
+}
+.zid_button_compound_3-18fc240w {
+  color: color-mix(in srgb, var(--sys-color-surface-on-main) 32%, transparent) !important;
+  background-color: color-mix(in srgb, var(--sys-color-surface-on-main) 2%, transparent) !important;
+}
+.zid_button_compound_4-18fc240x {
+  background-color: color-mix(in srgb, var(--zid_main-1o0swjg0) 80%, transparent) !important;
+}
+.zid_button_compound_5-18fc240y {
+  background-color: color-mix(in srgb, var(--zid_container-1o0swjg2) 80%, transparent) !important;
+}
+.zid_button_compound_6-18fc240z {
+  border: 1px solid color-mix(in srgb, var(--zid_main-1o0swjg0) 80%, transparent) !important;
+}
+.zid_button_compound_7-18fc24010 {
+  background-color: color-mix(in srgb, var(--zid_main-1o0swjg0) 2%, transparent) !important;
+}

package/esm/assets/packages/@zidian-ui/core/src/components/common/Tag/Tag.css.ts.vanilla-lf0HgPmO.css

@@ -0,0 +1,103 @@
+.zid_tag-1vfb55ba {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  box-sizing: border-box;
+  outline: 1px solid var(--zid_borderColor-1vfb55b0);
+  outline-offset: -1px;
+  gap: var(--zid_contentGap-1vfb55b8, 8px);
+  transition: all 0.15s;
+  line-height: 1;
+  color: var(--zid_contentColor-1vfb55b1);
+  background-color: var(--zid_backgroundColor-1vfb55b2);
+}
+.zid_tag-1vfb55ba::before {
+  content: "";
+  position: absolute;
+  inset: -1px;
+  border-radius: var(--zid_borderRadius-1vfb55b9);
+  background-color: var(--zid_stateLayerColor-1vfb55b3);
+}
+.zid_tag_color_primary-1vfb55bb {
+  --zid_main-1o0swjg0: var(--sys-color-primary-main);
+  --zid_onMain-1o0swjg1: var(--sys-color-primary-on-main);
+  --zid_container-1o0swjg2: var(--sys-color-primary-container);
+  --zid_onContainer-1o0swjg3: var(--sys-color-primary-on-container);
+}
+.zid_tag_color_secondary-1vfb55bc {
+  --zid_main-1o0swjg0: var(--sys-color-secondary-main);
+  --zid_onMain-1o0swjg1: var(--sys-color-secondary-on-main);
+  --zid_container-1o0swjg2: var(--sys-color-secondary-container);
+  --zid_onContainer-1o0swjg3: var(--sys-color-secondary-on-container);
+}
+.zid_tag_color_tertiary-1vfb55bd {
+  --zid_main-1o0swjg0: var(--sys-color-tertiary-main);
+  --zid_onMain-1o0swjg1: var(--sys-color-tertiary-on-main);
+  --zid_container-1o0swjg2: var(--sys-color-tertiary-container);
+  --zid_onContainer-1o0swjg3: var(--sys-color-tertiary-on-container);
+}
+.zid_tag_color_info-1vfb55be {
+  --zid_main-1o0swjg0: var(--sys-color-info-main);
+  --zid_onMain-1o0swjg1: var(--sys-color-info-on-main);
+  --zid_container-1o0swjg2: var(--sys-color-info-container);
+  --zid_onContainer-1o0swjg3: var(--sys-color-info-on-container);
+}
+.zid_tag_color_error-1vfb55bf {
+  --zid_main-1o0swjg0: var(--sys-color-error-main);
+  --zid_onMain-1o0swjg1: var(--sys-color-error-on-main);
+  --zid_container-1o0swjg2: var(--sys-color-error-container);
+  --zid_onContainer-1o0swjg3: var(--sys-color-error-on-container);
+}
+.zid_tag_color_warning-1vfb55bg {
+  --zid_main-1o0swjg0: var(--sys-color-warning-main);
+  --zid_onMain-1o0swjg1: var(--sys-color-warning-on-main);
+  --zid_container-1o0swjg2: var(--sys-color-warning-container);
+  --zid_onContainer-1o0swjg3: var(--sys-color-warning-on-container);
+}
+.zid_tag_color_success-1vfb55bh {
+  --zid_main-1o0swjg0: var(--sys-color-success-main);
+  --zid_onMain-1o0swjg1: var(--sys-color-success-on-main);
+  --zid_container-1o0swjg2: var(--sys-color-success-container);
+  --zid_onContainer-1o0swjg3: var(--sys-color-success-on-container);
+}
+.zid_tag_variant_filled-1vfb55bi {
+  --zid_contentColor-1vfb55b1: var(--zid_onMain-1o0swjg1, var(--sys-color-surface-main));
+  --zid_backgroundColor-1vfb55b2: var(--zid_main-1o0swjg0, var(--sys-color-surface-on-main));
+}
+.zid_tag_variant_tonal-1vfb55bj {
+  --zid_contentColor-1vfb55b1: var(--zid_onContainer-1o0swjg3, var(--sys-color-surface-container));
+  --zid_backgroundColor-1vfb55b2: var(--zid_container-1o0swjg2, var(--sys-color-outline-on-surface-variant));
+}
+.zid_tag_variant_outlined-1vfb55bk {
+  --zid_contentColor-1vfb55b1: var(--zid_main-1o0swjg0, var(--sys-color-surface-on-main));
+  --zid_borderColor-1vfb55b0: var(--zid_main-1o0swjg0, var(--sys-color-surface-on-main));
+}
+.zid_tag_variant_plain-1vfb55bl {
+  --zid_contentColor-1vfb55b1: var(--zid_main-1o0swjg0, var(--sys-color-surface-on-main));
+  --zid_backgroundColor-1vfb55b2: color-mix(in srgb, var(--zid_main-1o0swjg0, var(--sys-color-surface-on-main)) 12%, transparent);
+}
+.zid_tag_size_small-1vfb55bm {
+  --zid_paddingX-1vfb55b5: var(--sys-spacing-content-xs);
+  --zid_paddingY-1vfb55b6: var(--sys-spacing-content-xs);
+  --zid_fontSize-1vfb55b4: var(--sys-font-size-label-xs);
+  padding-inline: var(--zid_paddingX-1vfb55b5);
+  padding-block: var(--zid_paddingY-1vfb55b6);
+  font-size: var(--zid_fontSize-1vfb55b4);
+}
+.zid_tag_size_normal-1vfb55bn {
+  --zid_paddingX-1vfb55b5: var(--sys-spacing-content-sm);
+  --zid_paddingY-1vfb55b6: calc(var(--sys-spacing-content-xs) + 1px);
+  --zid_fontSize-1vfb55b4: var(--sys-font-size-label-sm);
+  padding-inline: var(--zid_paddingX-1vfb55b5);
+  padding-block: var(--zid_paddingY-1vfb55b6);
+  font-size: var(--zid_fontSize-1vfb55b4);
+}
+.zid_tag_shape_round-1vfb55bo {
+  --zid_borderRadius-1vfb55b9: var(--sys-radius-full);
+  border-radius: var(--zid_borderRadius-1vfb55b9);
+}
+.zid_tag_shape_square-1vfb55bp {
+  --zid_borderRadius-1vfb55b9: var(--sys-radius-sm);
+  border-radius: var(--zid_borderRadius-1vfb55b9);
+}

package/esm/assets/packages/@zidian-ui/core/src/components/input/SelectWrapper/SelectWrapper.css.ts.vanilla-C2qmBkSh.css

@@ -0,0 +1,17 @@
+.zid_select_wrapper_trigger-122uq9w0 {
+  cursor: pointer;
+  min-width: 200px;
+}
+.zid_select_wrapper_trigger-122uq9w0[data-placeholder] {
+  font-weight: var(--sys-font-weight-light);
+  color: var(--sys-color-outline-main);
+}
+.zid_select_wrapper_content-122uq9w1 {
+  border-radius: var(--sys-radius-sm);
+  padding: var(--sys-spacing-content-sm);
+  background-color: var(--sys-color-surface-container);
+  width: var(--radix-popover-trigger-width);
+  box-sizing: border-box;
+  min-height: 125px;
+  max-height: var(--radix-popover-content-available-height);
+}

package/esm/assets/packages/@zidian-ui/core/src/components/input/components/inputInner/InputInner.css.ts.vanilla-Dylafkkf.css

@@ -0,0 +1,150 @@
+.zid_inner_content-18l8twl0 {
+  flex: 1;
+  line-height: 1;
+}
+.zid_inner_fix-18l8twl1 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+}
+.zid_inner_fix-18l8twl1 > * {
+  height: 100%;
+  width: 100%;
+}
+.zid_input_inner-18l8twld {
+  display: flex;
+  align-items: center;
+  position: relative;
+  gap: var(--zid_contentGap-18l8twl4);
+  border: 1px solid var(--zid_borderColor-18l8twl2);
+  box-shadow: var(--zid_boxShadow-18l8twl7);
+  font-size: var(--zid_fontSize-18l8twl8);
+  height: var(--zid_height-18l8twlb);
+  padding-inline: var(--zid_paddingX-18l8twl9);
+  padding-block: var(--zid_paddingY-18l8twla);
+  border-radius: var(--zid_borderRadius-18l8twlc);
+  color: var(--zid_contentColor-18l8twl3);
+  background-color: var(--zid_backgroundColor-18l8twl5);
+  transition: all 0.15s ease-in-out;
+}
+.zid_input_inner-18l8twld:focus-within, .zid_input_inner-18l8twld[data-state="open"] {
+  --zid_boxShadow-18l8twl7: 0 0 6px 3px color-mix(in srgb, var(--zid_main-1o0swjg0) 20%, transparent);
+  outline: none;
+  border-color: var(--zid_main-1o0swjg0);
+}
+.zid_input_inner-18l8twld:where([data-placeholder]), .zid_input_inner-18l8twld:where(:has(input:placeholder-shown)) {
+  --zid_contentColor-18l8twl3: var(--zid_placeholderColor-18l8twl6, var(--sys-color-outline-variant));
+}
+.zid_input_inner-18l8twld:disabled {
+  cursor: not-allowed;
+  background-color: color-mix(in srgb, var(--sys-color-surface-on-main) 12%, transparent);
+  color: color-mix(in srgb, var(--sys-color-surface-on-main) 45%, transparent);
+}
+.zid_input_inner_color_primary-18l8twle {
+  --zid_main-1o0swjg0: var(--sys-color-primary-main);
+  --zid_onMain-1o0swjg1: var(--sys-color-primary-on-main);
+  --zid_container-1o0swjg2: var(--sys-color-primary-container);
+  --zid_onContainer-1o0swjg3: var(--sys-color-primary-on-container);
+}
+.zid_input_inner_color_secondary-18l8twlf {
+  --zid_main-1o0swjg0: var(--sys-color-secondary-main);
+  --zid_onMain-1o0swjg1: var(--sys-color-secondary-on-main);
+  --zid_container-1o0swjg2: var(--sys-color-secondary-container);
+  --zid_onContainer-1o0swjg3: var(--sys-color-secondary-on-container);
+}
+.zid_input_inner_color_tertiary-18l8twlg {
+  --zid_main-1o0swjg0: var(--sys-color-tertiary-main);
+  --zid_onMain-1o0swjg1: var(--sys-color-tertiary-on-main);
+  --zid_container-1o0swjg2: var(--sys-color-tertiary-container);
+  --zid_onContainer-1o0swjg3: var(--sys-color-tertiary-on-container);
+}
+.zid_input_inner_color_info-18l8twlh {
+  --zid_main-1o0swjg0: var(--sys-color-info-main);
+  --zid_onMain-1o0swjg1: var(--sys-color-info-on-main);
+  --zid_container-1o0swjg2: var(--sys-color-info-container);
+  --zid_onContainer-1o0swjg3: var(--sys-color-info-on-container);
+}
+.zid_input_inner_color_error-18l8twli {
+  --zid_main-1o0swjg0: var(--sys-color-error-main);
+  --zid_onMain-1o0swjg1: var(--sys-color-error-on-main);
+  --zid_container-1o0swjg2: var(--sys-color-error-container);
+  --zid_onContainer-1o0swjg3: var(--sys-color-error-on-container);
+}
+.zid_input_inner_color_warning-18l8twlj {
+  --zid_main-1o0swjg0: var(--sys-color-warning-main);
+  --zid_onMain-1o0swjg1: var(--sys-color-warning-on-main);
+  --zid_container-1o0swjg2: var(--sys-color-warning-container);
+  --zid_onContainer-1o0swjg3: var(--sys-color-warning-on-container);
+}
+.zid_input_inner_color_success-18l8twlk {
+  --zid_main-1o0swjg0: var(--sys-color-success-main);
+  --zid_onMain-1o0swjg1: var(--sys-color-success-on-main);
+  --zid_container-1o0swjg2: var(--sys-color-success-container);
+  --zid_onContainer-1o0swjg3: var(--sys-color-success-on-container);
+}
+.zid_input_inner_variant_filled-18l8twll {
+  --zid_contentColor-18l8twl3: var(--sys-color-surface-on-main);
+  --zid_backgroundColor-18l8twl5: var(--sys-color-outline-variant);
+  --zid_borderColor-18l8twl2: transparent;
+  --zid_placeholderColor-18l8twl6: var(--sys-color-outline-on-surface-variant);
+}
+.zid_input_inner_variant_filled-18l8twll:focus-within, .zid_input_inner_variant_filled-18l8twll[data-state="open"] {
+  background-color: transparent;
+}
+.zid_input_inner_variant_outlined-18l8twlm {
+  --zid_contentColor-18l8twl3: var(--sys-color-surface-on-main);
+  --zid_backgroundColor-18l8twl5: transparent;
+  --zid_borderColor-18l8twl2: var(--sys-color-outline-main);
+}
+.zid_input_inner_variant_styleLess-18l8twln {
+  --zid_contentColor-18l8twl3: var(--zid_main-1o0swjg0);
+  --zid_placeholderColor-18l8twl6: color-mix(in srgb, var(--zid_main-1o0swjg0) 60%, transparent);
+  border: none;
+  background-color: transparent;
+}
+.zid_input_inner_variant_styleLess-18l8twln:focus-within, .zid_input_inner_variant_styleLess-18l8twln[data-state="open"] {
+  --zid_boxShadow-18l8twl7: none;
+  background-color: transparent;
+}
+.zid_input_inner_size_small-18l8twlo {
+  --zid_height-18l8twlb: 28px;
+  --zid_contentGap-18l8twl4: 4px;
+  --zid_paddingX-18l8twl9: calc(var(--sys-spacing-content-sm) - 2px);
+  --zid_paddingY-18l8twla: var(--sys-spacing-content-xs);
+  --zid_fontSize-18l8twl8: var(--sys-font-size-label-sm);
+  min-height: var(--zid_height-18l8twlb);
+  padding-inline: var(--zid_paddingX-18l8twl9);
+  padding-block: var(--zid_paddingY-18l8twla);
+  font-size: var(--zid_fontSize-18l8twl8);
+}
+.zid_input_inner_size_normal-18l8twlp {
+  --zid_height-18l8twlb: 32px;
+  --zid_contentGap-18l8twl4: 4px;
+  --zid_paddingX-18l8twl9: var(--sys-spacing-content-sm);
+  --zid_paddingY-18l8twla: var(--sys-spacing-content-xs);
+  --zid_fontSize-18l8twl8: var(--sys-font-size-label-md);
+  min-height: var(--zid_height-18l8twlb);
+  padding-inline: var(--zid_paddingX-18l8twl9);
+  padding-block: var(--zid_paddingY-18l8twla);
+  font-size: var(--zid_fontSize-18l8twl8);
+}
+.zid_input_inner_size_large-18l8twlq {
+  --zid_height-18l8twlb: 40px;
+  --zid_contentGap-18l8twl4: 8px;
+  --zid_paddingX-18l8twl9: var(--sys-spacing-content-md);
+  --zid_paddingY-18l8twla: var(--sys-spacing-content-sm);
+  --zid_fontSize-18l8twl8: var(--sys-font-size-label-lg);
+  min-height: var(--zid_height-18l8twlb);
+  padding-inline: var(--zid_paddingX-18l8twl9);
+  padding-block: var(--zid_paddingY-18l8twla);
+  font-size: var(--zid_fontSize-18l8twl8);
+}
+.zid_input_inner_shape_round-18l8twlr {
+  --zid_borderRadius-18l8twlc: var(--sys-radius-full);
+  border-radius: var(--zid_borderRadius-18l8twlc);
+}
+.zid_input_inner_shape_square-18l8twls {
+  --zid_borderRadius-18l8twlc: var(--sys-radius-sm);
+  border-radius: var(--zid_borderRadius-18l8twlc);
+}

package/esm/assets/packages/@zidian-ui/core/src/components/modal/Drawer/Drawer.css.ts.vanilla-g4GnhXaQ.css

@@ -0,0 +1,45 @@
+.zid_drawer_overlay-16cbf8f1 {
+  position: fixed;
+  inset: 0;
+  z-index: calc(var(--drawer-level, 0) * 100 + 1000);
+  background-color: color-mix(in srgb, var(--sys-color-elevation-scrim) 60%, transparent);
+  backdrop-filter: blur(3px) saturate(100%);
+  -webkit-backdrop-filter: blur(3px) saturate(100%);
+}
+.zid_drawer-16cbf8f2 {
+  background-color: var(--sys-color-surface-main);
+  box-shadow: 0 4px 6px -1px var(--sys-color-elevation-shadow), 0 2px 4px -1px var(--sys-color-elevation-shadow);
+  position: fixed;
+  z-index: calc(var(--drawer-level, 0) * 100 + 1001);
+  display: flex;
+  flex-direction: column;
+  max-height: 100vh;
+  max-width: 100vw;
+  overflow: auto;
+}
+.zid_drawer_position_left-16cbf8f3 {
+  top: 0;
+  left: 0;
+  height: 100vh;
+  width: var(--zid_contentRatio-16cbf8f0);
+}
+.zid_drawer_position_right-16cbf8f4 {
+  top: 0;
+  right: 0;
+  height: 100vh;
+  width: var(--zid_contentRatio-16cbf8f0);
+}
+.zid_drawer_position_top-16cbf8f5 {
+  top: 0;
+  left: 0;
+  right: 0;
+  height: var(--zid_contentRatio-16cbf8f0);
+  width: 100%;
+}
+.zid_drawer_position_bottom-16cbf8f6 {
+  bottom: 0;
+  left: 0;
+  right: 0;
+  height: var(--zid_contentRatio-16cbf8f0);
+  width: 100%;
+}

package/esm/assets/packages/@zidian-ui/core/src/components/other/Cascader/Cascader.css.ts.vanilla-Bp7URCRM.css

@@ -0,0 +1,49 @@
+.zid_cascader_container-gs5grl0 {
+  display: flex;
+  align-items: flex-start;
+  justify-content: center;
+  width: 100%;
+}
+.zid_cascader_column-gs5grl1 {
+  flex: 1 0 0;
+  position: relative;
+  box-sizing: border-box;
+  border-right: 1px solid var(--sys-color-surface-container-high);
+  overflow-y: auto;
+}
+.zid_cascader_column-gs5grl1:last-child {
+  border-right: none;
+}
+.zid_cascader_panel-gs5grl2 {
+  position: relative;
+  box-sizing: border-box;
+}
+.zid_cascader_panel_indicator-gs5grl3 {
+  width: 100%;
+  top: 0px;
+  position: absolute;
+  background-color: var(--sys-color-surface-container);
+  transition: all 0.2s ease-in-out;
+  z-index: -1;
+}
+.zid_cascader_panel_indicator-gs5grl3::before {
+  content: "";
+  position: absolute;
+  width: var(--sys-spacing-content-xs);
+  top: 0;
+  left: 0;
+  bottom: 0;
+  background: var(--sys-color-surface-container-highest);
+}
+.zid_cascader_panel_header-gs5grl4 {
+  position: relative;
+  box-sizing: border-box;
+  padding-block: var(--sys-spacing-content-sm);
+}
+.zid_cascader_node-gs5grl5 {
+  padding-block: var(--sys-spacing-content-sm);
+  padding-inline: var(--sys-spacing-content-lg);
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+}

package/esm/components/collection/List/List.css.js

@@ -0,0 +1,9 @@
+import './../../../assets/packages/@zidian-ui/core/src/components/collection/List/List.css.ts.vanilla-BeW6Frwm.css';
+
+var Container = 'zid_list_container-1s0suq30';
+var Content = 'zid_list_content-1s0suq32';
+var ContentPlace = 'zid_list_content_place-1s0suq34';
+var Item = 'zid_list_item-1s0suq31';
+var ItemPlace = 'zid_list_item_place-1s0suq33';
+
+export { Container, Content, ContentPlace, Item, ItemPlace };

package/esm/components/collection/List/List.js

@@ -0,0 +1,71 @@
+import { jsx } from 'react/jsx-runtime';
+import clsx from 'clsx';
+import { forwardRef, useMemo, useCallback } from 'react';
+import { AnimatePresence, motion } from 'motion/react';
+import { Slot, Slottable } from '@radix-ui/react-slot';
+import { Container, ItemPlace, Item, Content, ContentPlace } from './List.css.js';
+import { ListItem, ListContent, ListRoot } from '@zidian-primitive/list';
+import { DefaultItemPlace } from './components/DefaultItemPlace.js';
+import { DefaultContentPlace } from './components/DefaultContentPlace.js';
+
+const List = forwardRef((props, ref) => {
+  const {
+    className,
+    itemGap,
+    list,
+    listStatusState,
+    onLoadMore,
+    itemSlot,
+    itemPlaceSlot,
+    contentPlaceSlot,
+    ...elementProps
+  } = props;
+  const { status, initLoad } = listStatusState;
+  const rowCount = useMemo(() => {
+    if (status === "normal") {
+      return list.length;
+    } else {
+      return list.length + 1;
+    }
+  }, [status, list]);
+  const containerClass = useMemo(() => clsx(Container, className), [className]);
+  const RowComponent = useCallback(({ index, style, ...other }) => /* @__PURE__ */ jsx(
+    ListItem,
+    {
+      className: status !== "normal" && index === rowCount - 1 ? ItemPlace : Item,
+      index,
+      style,
+      renderComponent: status !== "normal" && index === rowCount - 1 ? itemPlaceSlot ?? DefaultItemPlace : itemSlot,
+      ...other
+    }
+  ), [status, rowCount, itemSlot]);
+  const ListContentPlace = useCallback(contentPlaceSlot ?? DefaultContentPlace, [contentPlaceSlot]);
+  const ContentComponent = useMemo(
+    () => initLoad ? /* @__PURE__ */ jsx(
+      ListContent,
+      {
+        className: Content,
+        loadMoreRows: onLoadMore,
+        renderItem: RowComponent
+      }
+    ) : /* @__PURE__ */ jsx(
+      ListContentPlace,
+      {
+        className: ContentPlace,
+        status
+      }
+    ),
+    [initLoad, status, RowComponent, onLoadMore]
+  );
+  return /* @__PURE__ */ jsx(Slot, { ...elementProps, children: /* @__PURE__ */ jsx(ListRoot, { className: containerClass, data: list, status, rowCount, itemGap, children: /* @__PURE__ */ jsx(AnimatePresence, { mode: "popLayout", children: /* @__PURE__ */ jsx(
+    motion.div,
+    {
+      style: { width: "100%", height: "100%" },
+      children: /* @__PURE__ */ jsx(Slottable, { children: ContentComponent })
+    },
+    initLoad
+  ) }) }) });
+});
+List.displayName = "List";
+
+export { List };