@paciu/ui 0.0.62 → 0.0.63

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/index.css +1 -1
  2. package/dist/index.d.ts +1 -0
  3. package/dist/index.es.js +105 -101
  4. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -1 +1 @@
1
- @keyframes _paciu-ui-blink-animation_y249s_1{0%{opacity:1}50%{opacity:.32}to{opacity:1}}._paciu-ui-button_y249s_14{--height: 32px;--padding: 12px;--border-radius: 12px;--font-size: 16px;--gap: 8px;--border-width: 1px}._paciu-ui-button_y249s_14._size-micro_y249s_23{--height: 20px;--padding: 6px;--border-radius: 6px;--font-size: 10px;--gap: 2px}._paciu-ui-button_y249s_14._size-mini_y249s_31{--height: 24px;--padding: 8px;--border-radius: 8px;--font-size: 12px;--gap: 4px}._paciu-ui-button_y249s_14._size-small_y249s_39{--height: 28px;--padding: 10px;--border-radius: 10px;--font-size: 14px;--gap: 6px}._paciu-ui-button_y249s_14._size-large_y249s_47{--height: 36px;--padding: 14px;--border-radius: 14px;--font-size: 18px;--gap: 10px}._paciu-ui-button_y249s_14._size-huge_y249s_55{--height: 40px;--padding: 16px;--border-radius: 16px;--font-size: 20px;--gap: 12px}._paciu-ui-button_y249s_14._size-enormous_y249s_63{--height: 44px;--padding: 18px;--border-radius: 18px;--font-size: 22px;--gap: 14px}._paciu-ui-button_y249s_14{--base-color: color-mix(in srgb, var(--base-color-900) 80%, transparent);--font-color: color-mix(in srgb, var(--base-color-900) 60%, var(--base-color-100));--border-color: var(--base-color);--solid-background-color: color-mix(in srgb, var(--base-color-900) 10%, var(--base-color-100));--solid-font-color: color-mix(in srgb, var(--base-color-900) 60%, var(--base-color-100));--solid-border-color: var(--solid-font-color);background:none;border:var(--border-width) solid transparent;padding:0 var(--padding);min-height:var(--height);height:var(--height);max-height:var(--height);border-radius:var(--border-radius);color:var(--font-color, var(--base-color));font:inherit;font-weight:500;font-size:var(--font-size);cursor:pointer;transition:var(--transition-normal);display:flex;align-items:center;justify-content:center;gap:var(--gap);position:relative;text-decoration:none}._paciu-ui-button_y249s_14._modifier-soft_y249s_98{background:color-mix(in srgb,var(--base-color) 4%,transparent)}._paciu-ui-button_y249s_14._modifier-solid_y249s_101{border-color:transparent;background:var(--solid-background-color, var(--base-color));color:var(--solid-font-color, var(--font-color, var(--base-color)))}._paciu-ui-button_y249s_14._modifier-outline_y249s_106{border-color:color-mix(in srgb,var(--base-color) 20%,transparent)}._paciu-ui-button_y249s_14._modifier-rounded_y249s_109{border-radius:calc(var(--height) / 2)}._paciu-ui-button_y249s_14._modifier-loading_y249s_112{pointer-events:none;animation:_paciu-ui-blink-animation_y249s_1 2s infinite ease-in-out}._paciu-ui-button_y249s_14._modifier-square_y249s_116{padding:0;min-width:var(--height);width:var(--height);max-width:var(--height)}._paciu-ui-button_y249s_14:enabled:hover{background:color-mix(in srgb,var(--base-color) 6%,transparent)}._paciu-ui-button_y249s_14._modifier-link_y249s_125:enabled:hover{background:transparent;color:color-mix(in srgb,var(--font-color, var(--base-color)) 60%,transparent)}._paciu-ui-button_y249s_14._modifier-soft_y249s_98:enabled:hover{background:color-mix(in srgb,var(--base-color) 10%,transparent)}._paciu-ui-button_y249s_14._modifier-solid_y249s_101:enabled:hover{background:color-mix(in srgb,var(--solid-background-color, var(--base-color)) 80%,transparent)}._paciu-ui-button_y249s_14._modifier-solid_y249s_101._modifier-link_y249s_125:enabled:hover{color:color-mix(in srgb,var(--solid-font-color, var(--font-color, var(--base-color))) 60%,transparent)}._paciu-ui-button_y249s_14._color-opposite_y249s_139{--base-color: var(--base-color-900);--font-color: var(--base-color-900);--border-color: var(--base-color);--solid-background-color: var(--base-color-900);--solid-font-color: var(--base-color-100);--solid-border-color: var(--solid-font-color);background:none;border:var(--border-width) solid transparent;padding:0 var(--padding);min-height:var(--height);height:var(--height);max-height:var(--height);border-radius:var(--border-radius);color:var(--font-color, var(--base-color));font:inherit;font-weight:500;font-size:var(--font-size);cursor:pointer;transition:var(--transition-normal);display:flex;align-items:center;justify-content:center;gap:var(--gap);position:relative;text-decoration:none}._paciu-ui-button_y249s_14._color-opposite_y249s_139._modifier-soft_y249s_98{background:color-mix(in srgb,var(--base-color) 4%,transparent)}._paciu-ui-button_y249s_14._color-opposite_y249s_139._modifier-solid_y249s_101{border-color:transparent;background:var(--solid-background-color, var(--base-color));color:var(--solid-font-color, var(--font-color, var(--base-color)))}._paciu-ui-button_y249s_14._color-opposite_y249s_139._modifier-outline_y249s_106{border-color:color-mix(in srgb,var(--base-color) 20%,transparent)}._paciu-ui-button_y249s_14._color-opposite_y249s_139._modifier-rounded_y249s_109{border-radius:calc(var(--height) / 2)}._paciu-ui-button_y249s_14._color-opposite_y249s_139._modifier-loading_y249s_112{pointer-events:none;animation:_paciu-ui-blink-animation_y249s_1 2s infinite ease-in-out}._paciu-ui-button_y249s_14._color-opposite_y249s_139._modifier-square_y249s_116{padding:0;min-width:var(--height);width:var(--height);max-width:var(--height)}._paciu-ui-button_y249s_14._color-opposite_y249s_139:enabled:hover{background:color-mix(in srgb,var(--base-color) 6%,transparent)}._paciu-ui-button_y249s_14._color-opposite_y249s_139._modifier-link_y249s_125:enabled:hover{background:transparent;color:color-mix(in srgb,var(--font-color, var(--base-color)) 60%,transparent)}._paciu-ui-button_y249s_14._color-opposite_y249s_139._modifier-soft_y249s_98:enabled:hover{background:color-mix(in srgb,var(--base-color) 10%,transparent)}._paciu-ui-button_y249s_14._color-opposite_y249s_139._modifier-solid_y249s_101:enabled:hover{background:color-mix(in srgb,var(--solid-background-color, var(--base-color)) 80%,transparent)}._paciu-ui-button_y249s_14._color-opposite_y249s_139._modifier-solid_y249s_101._modifier-link_y249s_125:enabled:hover{color:color-mix(in srgb,var(--solid-font-color, var(--font-color, var(--base-color))) 60%,transparent)}._paciu-ui-button_y249s_14._color-accent_y249s_207{--base-color: var(--accent-color-900);--font-color: var(--accent-color-900);--border-color: var(--base-color);--solid-background-color: var(--accent-color-900);--solid-font-color: var(--light-color);--solid-border-color: var(--solid-font-color);background:none;border:var(--border-width) solid transparent;padding:0 var(--padding);min-height:var(--height);height:var(--height);max-height:var(--height);border-radius:var(--border-radius);color:var(--font-color, var(--base-color));font:inherit;font-weight:500;font-size:var(--font-size);cursor:pointer;transition:var(--transition-normal);display:flex;align-items:center;justify-content:center;gap:var(--gap);position:relative;text-decoration:none}._paciu-ui-button_y249s_14._color-accent_y249s_207._modifier-soft_y249s_98{background:color-mix(in srgb,var(--base-color) 4%,transparent)}._paciu-ui-button_y249s_14._color-accent_y249s_207._modifier-solid_y249s_101{border-color:transparent;background:var(--solid-background-color, var(--base-color));color:var(--solid-font-color, var(--font-color, var(--base-color)))}._paciu-ui-button_y249s_14._color-accent_y249s_207._modifier-outline_y249s_106{border-color:color-mix(in srgb,var(--base-color) 20%,transparent)}._paciu-ui-button_y249s_14._color-accent_y249s_207._modifier-rounded_y249s_109{border-radius:calc(var(--height) / 2)}._paciu-ui-button_y249s_14._color-accent_y249s_207._modifier-loading_y249s_112{pointer-events:none;animation:_paciu-ui-blink-animation_y249s_1 2s infinite ease-in-out}._paciu-ui-button_y249s_14._color-accent_y249s_207._modifier-square_y249s_116{padding:0;min-width:var(--height);width:var(--height);max-width:var(--height)}._paciu-ui-button_y249s_14._color-accent_y249s_207:enabled:hover{background:color-mix(in srgb,var(--base-color) 6%,transparent)}._paciu-ui-button_y249s_14._color-accent_y249s_207._modifier-link_y249s_125:enabled:hover{background:transparent;color:color-mix(in srgb,var(--font-color, var(--base-color)) 60%,transparent)}._paciu-ui-button_y249s_14._color-accent_y249s_207._modifier-soft_y249s_98:enabled:hover{background:color-mix(in srgb,var(--base-color) 10%,transparent)}._paciu-ui-button_y249s_14._color-accent_y249s_207._modifier-solid_y249s_101:enabled:hover{background:color-mix(in srgb,var(--solid-background-color, var(--base-color)) 80%,transparent)}._paciu-ui-button_y249s_14._color-accent_y249s_207._modifier-solid_y249s_101._modifier-link_y249s_125:enabled:hover{color:color-mix(in srgb,var(--solid-font-color, var(--font-color, var(--base-color))) 60%,transparent)}._paciu-ui-button_y249s_14._color-error_y249s_275{--base-color: var(--error-color-900);--font-color: var(--error-color-900);--border-color: var(--base-color);--solid-background-color: var(--error-color-900);--solid-font-color: var(--light-color);--solid-border-color: var(--solid-font-color);background:none;border:var(--border-width) solid transparent;padding:0 var(--padding);min-height:var(--height);height:var(--height);max-height:var(--height);border-radius:var(--border-radius);color:var(--font-color, var(--base-color));font:inherit;font-weight:500;font-size:var(--font-size);cursor:pointer;transition:var(--transition-normal);display:flex;align-items:center;justify-content:center;gap:var(--gap);position:relative;text-decoration:none}._paciu-ui-button_y249s_14._color-error_y249s_275._modifier-soft_y249s_98{background:color-mix(in srgb,var(--base-color) 4%,transparent)}._paciu-ui-button_y249s_14._color-error_y249s_275._modifier-solid_y249s_101{border-color:transparent;background:var(--solid-background-color, var(--base-color));color:var(--solid-font-color, var(--font-color, var(--base-color)))}._paciu-ui-button_y249s_14._color-error_y249s_275._modifier-outline_y249s_106{border-color:color-mix(in srgb,var(--base-color) 20%,transparent)}._paciu-ui-button_y249s_14._color-error_y249s_275._modifier-rounded_y249s_109{border-radius:calc(var(--height) / 2)}._paciu-ui-button_y249s_14._color-error_y249s_275._modifier-loading_y249s_112{pointer-events:none;animation:_paciu-ui-blink-animation_y249s_1 2s infinite ease-in-out}._paciu-ui-button_y249s_14._color-error_y249s_275._modifier-square_y249s_116{padding:0;min-width:var(--height);width:var(--height);max-width:var(--height)}._paciu-ui-button_y249s_14._color-error_y249s_275:enabled:hover{background:color-mix(in srgb,var(--base-color) 6%,transparent)}._paciu-ui-button_y249s_14._color-error_y249s_275._modifier-link_y249s_125:enabled:hover{background:transparent;color:color-mix(in srgb,var(--font-color, var(--base-color)) 60%,transparent)}._paciu-ui-button_y249s_14._color-error_y249s_275._modifier-soft_y249s_98:enabled:hover{background:color-mix(in srgb,var(--base-color) 10%,transparent)}._paciu-ui-button_y249s_14._color-error_y249s_275._modifier-solid_y249s_101:enabled:hover{background:color-mix(in srgb,var(--solid-background-color, var(--base-color)) 80%,transparent)}._paciu-ui-button_y249s_14._color-error_y249s_275._modifier-solid_y249s_101._modifier-link_y249s_125:enabled:hover{color:color-mix(in srgb,var(--solid-font-color, var(--font-color, var(--base-color))) 60%,transparent)}._paciu-ui-button_y249s_14:disabled{--base-color: color-mix(in srgb, var(--base-color-900) 40%, transparent);--font-color: color-mix(in srgb, var(--base-color-900) 30%, var(--base-color-100));--border-color: var(--base-color);--solid-background-color: color-mix(in srgb, var(--base-color-900) 5%, var(--base-color-100));--solid-font-color: color-mix(in srgb, var(--base-color-900) 20%, var(--base-color-100));--solid-border-color: var(--solid-font-color);background:none;border:var(--border-width) solid transparent;padding:0 var(--padding);min-height:var(--height);height:var(--height);max-height:var(--height);border-radius:var(--border-radius);color:var(--font-color, var(--base-color));font:inherit;font-weight:500;font-size:var(--font-size);cursor:pointer;transition:var(--transition-normal);display:flex;align-items:center;justify-content:center;gap:var(--gap);position:relative;text-decoration:none}._paciu-ui-button_y249s_14:disabled._modifier-soft_y249s_98{background:color-mix(in srgb,var(--base-color) 4%,transparent)}._paciu-ui-button_y249s_14:disabled._modifier-solid_y249s_101{border-color:transparent;background:var(--solid-background-color, var(--base-color));color:var(--solid-font-color, var(--font-color, var(--base-color)))}._paciu-ui-button_y249s_14:disabled._modifier-outline_y249s_106{border-color:color-mix(in srgb,var(--base-color) 20%,transparent)}._paciu-ui-button_y249s_14:disabled._modifier-rounded_y249s_109{border-radius:calc(var(--height) / 2)}._paciu-ui-button_y249s_14:disabled._modifier-loading_y249s_112{pointer-events:none;animation:_paciu-ui-blink-animation_y249s_1 2s infinite ease-in-out}._paciu-ui-button_y249s_14:disabled._modifier-square_y249s_116{padding:0;min-width:var(--height);width:var(--height);max-width:var(--height)}._paciu-ui-button_y249s_14:disabled:enabled:hover{background:color-mix(in srgb,var(--base-color) 6%,transparent)}._paciu-ui-button_y249s_14:disabled._modifier-link_y249s_125:enabled:hover{background:transparent;color:color-mix(in srgb,var(--font-color, var(--base-color)) 60%,transparent)}._paciu-ui-button_y249s_14:disabled._modifier-soft_y249s_98:enabled:hover{background:color-mix(in srgb,var(--base-color) 10%,transparent)}._paciu-ui-button_y249s_14:disabled._modifier-solid_y249s_101:enabled:hover{background:color-mix(in srgb,var(--solid-background-color, var(--base-color)) 80%,transparent)}._paciu-ui-button_y249s_14:disabled._modifier-solid_y249s_101._modifier-link_y249s_125:enabled:hover{color:color-mix(in srgb,var(--solid-font-color, var(--font-color, var(--base-color))) 60%,transparent)}._paciu-ui-button_y249s_14:disabled{cursor:default}@keyframes _paciu-ui-blink-animation_kd3dr_1{0%{opacity:1}50%{opacity:.32}to{opacity:1}}._paciu-ui-row_kd3dr_14{position:relative;padding:var(--padding)}._paciu-ui-row_kd3dr_14{--padding: 12px}._paciu-ui-row_kd3dr_14._size-micro_kd3dr_23{--padding: 6px}._paciu-ui-row_kd3dr_14._size-mini_kd3dr_27{--padding: 8px}._paciu-ui-row_kd3dr_14._size-small_kd3dr_31{--padding: 10px}._paciu-ui-row_kd3dr_14._size-large_kd3dr_35{--padding: 14px}._paciu-ui-row_kd3dr_14._size-huge_kd3dr_39{--padding: 16px}._paciu-ui-row_kd3dr_14._size-enormous_kd3dr_43{--padding: 18px}@keyframes _paciu-ui-blink-animation_ssd0s_1{0%{opacity:1}50%{opacity:.32}to{opacity:1}}._flex_ssd0s_14{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch;justify-content:flex-start;gap:var(--gap)}._flex_ssd0s_14._inline_ssd0s_22{display:inline-flex}._flex_ssd0s_14._grow_ssd0s_25{flex-grow:1}._flex_ssd0s_14._direction-column_ssd0s_28{flex-direction:column}._flex_ssd0s_14._direction-row-reverse_ssd0s_31{flex-direction:row-reverse}._flex_ssd0s_14._direction-column-reverse_ssd0s_34{flex-direction:column-reverse}._flex_ssd0s_14._align-start_ssd0s_37{align-items:flex-start}._flex_ssd0s_14._align-center_ssd0s_40{align-items:center}._flex_ssd0s_14._align-end_ssd0s_43{align-items:flex-end}._flex_ssd0s_14._align-baseline_ssd0s_46{align-items:baseline}._flex_ssd0s_14._justify-center_ssd0s_49{justify-content:center}._flex_ssd0s_14._justify-end_ssd0s_52{justify-content:flex-end}._flex_ssd0s_14._justify-between_ssd0s_55{justify-content:space-between}._flex_ssd0s_14._justify-around_ssd0s_58{justify-content:space-around}._flex_ssd0s_14._justify-evenly_ssd0s_61{justify-content:space-evenly}._flex_ssd0s_14._wrap-wrap_ssd0s_64{flex-wrap:wrap}._flex_ssd0s_14._wrap-wrap-reverse_ssd0s_67{flex-wrap:wrap-reverse}._flex_ssd0s_14{--gap: 0px}._flex_ssd0s_14._size-micro_ssd0s_75{--gap: 2px}._flex_ssd0s_14._size-mini_ssd0s_79{--gap: 4px}._flex_ssd0s_14._size-small_ssd0s_83{--gap: 8px}._flex_ssd0s_14._size-medium_ssd0s_87{--gap: 12px}._flex_ssd0s_14._size-large_ssd0s_91{--gap: 16px}._flex_ssd0s_14._size-huge_ssd0s_95{--gap: 20px}._flex_ssd0s_14._size-enormous_ssd0s_99{--gap: 24px}@keyframes _paciu-ui-blink-animation_a6huo_1{0%{opacity:1}50%{opacity:.32}to{opacity:1}}._paciu-ui-card_a6huo_14{position:relative;background:var(--base-color);border-radius:var(--border-radius);padding:var(--padding);transition:var(--transition-normal)}._paciu-ui-card_a6huo_14{--padding: 12px;--border-radius: 24px;--base-color: var(--base-color-100)}._paciu-ui-card_a6huo_14._size-micro_a6huo_28{--padding: 6px;--border-radius: 12px}._paciu-ui-card_a6huo_14._size-mini_a6huo_33{--padding: 8px;--border-radius: 16px}._paciu-ui-card_a6huo_14._size-small_a6huo_38{--padding: 10px;--border-radius: 20px}._paciu-ui-card_a6huo_14._size-large_a6huo_43{--padding: 14px;--border-radius: 28px}._paciu-ui-card_a6huo_14._size-huge_a6huo_48{--padding: 16px;--border-radius: 32px}._paciu-ui-card_a6huo_14._size-enormous_a6huo_53{--padding: 18px;--border-radius: 36px}
1
+ @keyframes _paciu-ui-blink-animation_1b9w7_1{0%{opacity:1}50%{opacity:.32}to{opacity:1}}._paciu-ui-button_1b9w7_14{--height: 32px;--padding: 12px;--border-radius: 12px;--font-size: 16px;--gap: 8px;--border-width: 1px}._paciu-ui-button_1b9w7_14._size-micro_1b9w7_23{--height: 20px;--padding: 6px;--border-radius: 6px;--font-size: 10px;--gap: 2px}._paciu-ui-button_1b9w7_14._size-mini_1b9w7_31{--height: 24px;--padding: 8px;--border-radius: 8px;--font-size: 12px;--gap: 4px}._paciu-ui-button_1b9w7_14._size-small_1b9w7_39{--height: 28px;--padding: 10px;--border-radius: 10px;--font-size: 14px;--gap: 6px}._paciu-ui-button_1b9w7_14._size-large_1b9w7_47{--height: 36px;--padding: 14px;--border-radius: 14px;--font-size: 18px;--gap: 10px}._paciu-ui-button_1b9w7_14._size-huge_1b9w7_55{--height: 40px;--padding: 16px;--border-radius: 16px;--font-size: 20px;--gap: 12px}._paciu-ui-button_1b9w7_14._size-enormous_1b9w7_63{--height: 44px;--padding: 18px;--border-radius: 18px;--font-size: 22px;--gap: 14px}._paciu-ui-button_1b9w7_14{--base-color: color-mix(in srgb, var(--base-color-900) 80%, transparent);--font-color: color-mix(in srgb, var(--base-color-900) 60%, var(--base-color-100));--border-color: var(--base-color);--solid-background-color: color-mix(in srgb, var(--base-color-900) 10%, var(--base-color-100));--solid-font-color: color-mix(in srgb, var(--base-color-900) 60%, var(--base-color-100));--solid-border-color: var(--solid-font-color);background:none;border:var(--border-width) solid transparent;padding:0 var(--padding);min-height:var(--height);height:var(--height);max-height:var(--height);border-radius:var(--border-radius);color:var(--font-color, var(--base-color));font:inherit;font-weight:500;font-size:var(--font-size);cursor:pointer;transition:var(--transition-normal);display:flex;align-items:center;justify-content:center;gap:var(--gap);position:relative;text-decoration:none}._paciu-ui-button_1b9w7_14._modifier-soft_1b9w7_98{background:color-mix(in srgb,var(--base-color) 4%,transparent)}._paciu-ui-button_1b9w7_14._modifier-solid_1b9w7_101{border-color:transparent;background:var(--solid-background-color, var(--base-color));color:var(--solid-font-color, var(--font-color, var(--base-color)))}._paciu-ui-button_1b9w7_14._modifier-outline_1b9w7_106{border-color:color-mix(in srgb,var(--base-color) 20%,transparent)}._paciu-ui-button_1b9w7_14._modifier-rounded_1b9w7_109{border-radius:calc(var(--height) / 2)}._paciu-ui-button_1b9w7_14._modifier-loading_1b9w7_112{pointer-events:none;animation:_paciu-ui-blink-animation_1b9w7_1 2s infinite ease-in-out}._paciu-ui-button_1b9w7_14._modifier-square_1b9w7_116{padding:0;min-width:var(--height);width:var(--height);max-width:var(--height)}._paciu-ui-button_1b9w7_14._modifier-full-width_1b9w7_122{width:100%}._paciu-ui-button_1b9w7_14:enabled:hover{background:color-mix(in srgb,var(--base-color) 6%,transparent)}._paciu-ui-button_1b9w7_14._modifier-link_1b9w7_128:enabled:hover{background:transparent;color:color-mix(in srgb,var(--font-color, var(--base-color)) 60%,transparent)}._paciu-ui-button_1b9w7_14._modifier-soft_1b9w7_98:enabled:hover{background:color-mix(in srgb,var(--base-color) 10%,transparent)}._paciu-ui-button_1b9w7_14._modifier-solid_1b9w7_101:enabled:hover{background:color-mix(in srgb,var(--solid-background-color, var(--base-color)) 80%,transparent)}._paciu-ui-button_1b9w7_14._modifier-solid_1b9w7_101._modifier-link_1b9w7_128:enabled:hover{color:color-mix(in srgb,var(--solid-font-color, var(--font-color, var(--base-color))) 60%,transparent)}._paciu-ui-button_1b9w7_14._color-opposite_1b9w7_142{--base-color: var(--base-color-900);--font-color: var(--base-color-900);--border-color: var(--base-color);--solid-background-color: var(--base-color-900);--solid-font-color: var(--base-color-100);--solid-border-color: var(--solid-font-color);background:none;border:var(--border-width) solid transparent;padding:0 var(--padding);min-height:var(--height);height:var(--height);max-height:var(--height);border-radius:var(--border-radius);color:var(--font-color, var(--base-color));font:inherit;font-weight:500;font-size:var(--font-size);cursor:pointer;transition:var(--transition-normal);display:flex;align-items:center;justify-content:center;gap:var(--gap);position:relative;text-decoration:none}._paciu-ui-button_1b9w7_14._color-opposite_1b9w7_142._modifier-soft_1b9w7_98{background:color-mix(in srgb,var(--base-color) 4%,transparent)}._paciu-ui-button_1b9w7_14._color-opposite_1b9w7_142._modifier-solid_1b9w7_101{border-color:transparent;background:var(--solid-background-color, var(--base-color));color:var(--solid-font-color, var(--font-color, var(--base-color)))}._paciu-ui-button_1b9w7_14._color-opposite_1b9w7_142._modifier-outline_1b9w7_106{border-color:color-mix(in srgb,var(--base-color) 20%,transparent)}._paciu-ui-button_1b9w7_14._color-opposite_1b9w7_142._modifier-rounded_1b9w7_109{border-radius:calc(var(--height) / 2)}._paciu-ui-button_1b9w7_14._color-opposite_1b9w7_142._modifier-loading_1b9w7_112{pointer-events:none;animation:_paciu-ui-blink-animation_1b9w7_1 2s infinite ease-in-out}._paciu-ui-button_1b9w7_14._color-opposite_1b9w7_142._modifier-square_1b9w7_116{padding:0;min-width:var(--height);width:var(--height);max-width:var(--height)}._paciu-ui-button_1b9w7_14._color-opposite_1b9w7_142._modifier-full-width_1b9w7_122{width:100%}._paciu-ui-button_1b9w7_14._color-opposite_1b9w7_142:enabled:hover{background:color-mix(in srgb,var(--base-color) 6%,transparent)}._paciu-ui-button_1b9w7_14._color-opposite_1b9w7_142._modifier-link_1b9w7_128:enabled:hover{background:transparent;color:color-mix(in srgb,var(--font-color, var(--base-color)) 60%,transparent)}._paciu-ui-button_1b9w7_14._color-opposite_1b9w7_142._modifier-soft_1b9w7_98:enabled:hover{background:color-mix(in srgb,var(--base-color) 10%,transparent)}._paciu-ui-button_1b9w7_14._color-opposite_1b9w7_142._modifier-solid_1b9w7_101:enabled:hover{background:color-mix(in srgb,var(--solid-background-color, var(--base-color)) 80%,transparent)}._paciu-ui-button_1b9w7_14._color-opposite_1b9w7_142._modifier-solid_1b9w7_101._modifier-link_1b9w7_128:enabled:hover{color:color-mix(in srgb,var(--solid-font-color, var(--font-color, var(--base-color))) 60%,transparent)}._paciu-ui-button_1b9w7_14._color-accent_1b9w7_213{--base-color: var(--accent-color-900);--font-color: var(--accent-color-900);--border-color: var(--base-color);--solid-background-color: var(--accent-color-900);--solid-font-color: var(--light-color);--solid-border-color: var(--solid-font-color);background:none;border:var(--border-width) solid transparent;padding:0 var(--padding);min-height:var(--height);height:var(--height);max-height:var(--height);border-radius:var(--border-radius);color:var(--font-color, var(--base-color));font:inherit;font-weight:500;font-size:var(--font-size);cursor:pointer;transition:var(--transition-normal);display:flex;align-items:center;justify-content:center;gap:var(--gap);position:relative;text-decoration:none}._paciu-ui-button_1b9w7_14._color-accent_1b9w7_213._modifier-soft_1b9w7_98{background:color-mix(in srgb,var(--base-color) 4%,transparent)}._paciu-ui-button_1b9w7_14._color-accent_1b9w7_213._modifier-solid_1b9w7_101{border-color:transparent;background:var(--solid-background-color, var(--base-color));color:var(--solid-font-color, var(--font-color, var(--base-color)))}._paciu-ui-button_1b9w7_14._color-accent_1b9w7_213._modifier-outline_1b9w7_106{border-color:color-mix(in srgb,var(--base-color) 20%,transparent)}._paciu-ui-button_1b9w7_14._color-accent_1b9w7_213._modifier-rounded_1b9w7_109{border-radius:calc(var(--height) / 2)}._paciu-ui-button_1b9w7_14._color-accent_1b9w7_213._modifier-loading_1b9w7_112{pointer-events:none;animation:_paciu-ui-blink-animation_1b9w7_1 2s infinite ease-in-out}._paciu-ui-button_1b9w7_14._color-accent_1b9w7_213._modifier-square_1b9w7_116{padding:0;min-width:var(--height);width:var(--height);max-width:var(--height)}._paciu-ui-button_1b9w7_14._color-accent_1b9w7_213._modifier-full-width_1b9w7_122{width:100%}._paciu-ui-button_1b9w7_14._color-accent_1b9w7_213:enabled:hover{background:color-mix(in srgb,var(--base-color) 6%,transparent)}._paciu-ui-button_1b9w7_14._color-accent_1b9w7_213._modifier-link_1b9w7_128:enabled:hover{background:transparent;color:color-mix(in srgb,var(--font-color, var(--base-color)) 60%,transparent)}._paciu-ui-button_1b9w7_14._color-accent_1b9w7_213._modifier-soft_1b9w7_98:enabled:hover{background:color-mix(in srgb,var(--base-color) 10%,transparent)}._paciu-ui-button_1b9w7_14._color-accent_1b9w7_213._modifier-solid_1b9w7_101:enabled:hover{background:color-mix(in srgb,var(--solid-background-color, var(--base-color)) 80%,transparent)}._paciu-ui-button_1b9w7_14._color-accent_1b9w7_213._modifier-solid_1b9w7_101._modifier-link_1b9w7_128:enabled:hover{color:color-mix(in srgb,var(--solid-font-color, var(--font-color, var(--base-color))) 60%,transparent)}._paciu-ui-button_1b9w7_14._color-error_1b9w7_284{--base-color: var(--error-color-900);--font-color: var(--error-color-900);--border-color: var(--base-color);--solid-background-color: var(--error-color-900);--solid-font-color: var(--light-color);--solid-border-color: var(--solid-font-color);background:none;border:var(--border-width) solid transparent;padding:0 var(--padding);min-height:var(--height);height:var(--height);max-height:var(--height);border-radius:var(--border-radius);color:var(--font-color, var(--base-color));font:inherit;font-weight:500;font-size:var(--font-size);cursor:pointer;transition:var(--transition-normal);display:flex;align-items:center;justify-content:center;gap:var(--gap);position:relative;text-decoration:none}._paciu-ui-button_1b9w7_14._color-error_1b9w7_284._modifier-soft_1b9w7_98{background:color-mix(in srgb,var(--base-color) 4%,transparent)}._paciu-ui-button_1b9w7_14._color-error_1b9w7_284._modifier-solid_1b9w7_101{border-color:transparent;background:var(--solid-background-color, var(--base-color));color:var(--solid-font-color, var(--font-color, var(--base-color)))}._paciu-ui-button_1b9w7_14._color-error_1b9w7_284._modifier-outline_1b9w7_106{border-color:color-mix(in srgb,var(--base-color) 20%,transparent)}._paciu-ui-button_1b9w7_14._color-error_1b9w7_284._modifier-rounded_1b9w7_109{border-radius:calc(var(--height) / 2)}._paciu-ui-button_1b9w7_14._color-error_1b9w7_284._modifier-loading_1b9w7_112{pointer-events:none;animation:_paciu-ui-blink-animation_1b9w7_1 2s infinite ease-in-out}._paciu-ui-button_1b9w7_14._color-error_1b9w7_284._modifier-square_1b9w7_116{padding:0;min-width:var(--height);width:var(--height);max-width:var(--height)}._paciu-ui-button_1b9w7_14._color-error_1b9w7_284._modifier-full-width_1b9w7_122{width:100%}._paciu-ui-button_1b9w7_14._color-error_1b9w7_284:enabled:hover{background:color-mix(in srgb,var(--base-color) 6%,transparent)}._paciu-ui-button_1b9w7_14._color-error_1b9w7_284._modifier-link_1b9w7_128:enabled:hover{background:transparent;color:color-mix(in srgb,var(--font-color, var(--base-color)) 60%,transparent)}._paciu-ui-button_1b9w7_14._color-error_1b9w7_284._modifier-soft_1b9w7_98:enabled:hover{background:color-mix(in srgb,var(--base-color) 10%,transparent)}._paciu-ui-button_1b9w7_14._color-error_1b9w7_284._modifier-solid_1b9w7_101:enabled:hover{background:color-mix(in srgb,var(--solid-background-color, var(--base-color)) 80%,transparent)}._paciu-ui-button_1b9w7_14._color-error_1b9w7_284._modifier-solid_1b9w7_101._modifier-link_1b9w7_128:enabled:hover{color:color-mix(in srgb,var(--solid-font-color, var(--font-color, var(--base-color))) 60%,transparent)}._paciu-ui-button_1b9w7_14:disabled{--base-color: color-mix(in srgb, var(--base-color-900) 40%, transparent);--font-color: color-mix(in srgb, var(--base-color-900) 30%, var(--base-color-100));--border-color: var(--base-color);--solid-background-color: color-mix(in srgb, var(--base-color-900) 5%, var(--base-color-100));--solid-font-color: color-mix(in srgb, var(--base-color-900) 20%, var(--base-color-100));--solid-border-color: var(--solid-font-color);background:none;border:var(--border-width) solid transparent;padding:0 var(--padding);min-height:var(--height);height:var(--height);max-height:var(--height);border-radius:var(--border-radius);color:var(--font-color, var(--base-color));font:inherit;font-weight:500;font-size:var(--font-size);cursor:pointer;transition:var(--transition-normal);display:flex;align-items:center;justify-content:center;gap:var(--gap);position:relative;text-decoration:none}._paciu-ui-button_1b9w7_14:disabled._modifier-soft_1b9w7_98{background:color-mix(in srgb,var(--base-color) 4%,transparent)}._paciu-ui-button_1b9w7_14:disabled._modifier-solid_1b9w7_101{border-color:transparent;background:var(--solid-background-color, var(--base-color));color:var(--solid-font-color, var(--font-color, var(--base-color)))}._paciu-ui-button_1b9w7_14:disabled._modifier-outline_1b9w7_106{border-color:color-mix(in srgb,var(--base-color) 20%,transparent)}._paciu-ui-button_1b9w7_14:disabled._modifier-rounded_1b9w7_109{border-radius:calc(var(--height) / 2)}._paciu-ui-button_1b9w7_14:disabled._modifier-loading_1b9w7_112{pointer-events:none;animation:_paciu-ui-blink-animation_1b9w7_1 2s infinite ease-in-out}._paciu-ui-button_1b9w7_14:disabled._modifier-square_1b9w7_116{padding:0;min-width:var(--height);width:var(--height);max-width:var(--height)}._paciu-ui-button_1b9w7_14:disabled._modifier-full-width_1b9w7_122{width:100%}._paciu-ui-button_1b9w7_14:disabled:enabled:hover{background:color-mix(in srgb,var(--base-color) 6%,transparent)}._paciu-ui-button_1b9w7_14:disabled._modifier-link_1b9w7_128:enabled:hover{background:transparent;color:color-mix(in srgb,var(--font-color, var(--base-color)) 60%,transparent)}._paciu-ui-button_1b9w7_14:disabled._modifier-soft_1b9w7_98:enabled:hover{background:color-mix(in srgb,var(--base-color) 10%,transparent)}._paciu-ui-button_1b9w7_14:disabled._modifier-solid_1b9w7_101:enabled:hover{background:color-mix(in srgb,var(--solid-background-color, var(--base-color)) 80%,transparent)}._paciu-ui-button_1b9w7_14:disabled._modifier-solid_1b9w7_101._modifier-link_1b9w7_128:enabled:hover{color:color-mix(in srgb,var(--solid-font-color, var(--font-color, var(--base-color))) 60%,transparent)}._paciu-ui-button_1b9w7_14:disabled{cursor:default}@keyframes _paciu-ui-blink-animation_kd3dr_1{0%{opacity:1}50%{opacity:.32}to{opacity:1}}._paciu-ui-row_kd3dr_14{position:relative;padding:var(--padding)}._paciu-ui-row_kd3dr_14{--padding: 12px}._paciu-ui-row_kd3dr_14._size-micro_kd3dr_23{--padding: 6px}._paciu-ui-row_kd3dr_14._size-mini_kd3dr_27{--padding: 8px}._paciu-ui-row_kd3dr_14._size-small_kd3dr_31{--padding: 10px}._paciu-ui-row_kd3dr_14._size-large_kd3dr_35{--padding: 14px}._paciu-ui-row_kd3dr_14._size-huge_kd3dr_39{--padding: 16px}._paciu-ui-row_kd3dr_14._size-enormous_kd3dr_43{--padding: 18px}@keyframes _paciu-ui-blink-animation_ssd0s_1{0%{opacity:1}50%{opacity:.32}to{opacity:1}}._flex_ssd0s_14{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch;justify-content:flex-start;gap:var(--gap)}._flex_ssd0s_14._inline_ssd0s_22{display:inline-flex}._flex_ssd0s_14._grow_ssd0s_25{flex-grow:1}._flex_ssd0s_14._direction-column_ssd0s_28{flex-direction:column}._flex_ssd0s_14._direction-row-reverse_ssd0s_31{flex-direction:row-reverse}._flex_ssd0s_14._direction-column-reverse_ssd0s_34{flex-direction:column-reverse}._flex_ssd0s_14._align-start_ssd0s_37{align-items:flex-start}._flex_ssd0s_14._align-center_ssd0s_40{align-items:center}._flex_ssd0s_14._align-end_ssd0s_43{align-items:flex-end}._flex_ssd0s_14._align-baseline_ssd0s_46{align-items:baseline}._flex_ssd0s_14._justify-center_ssd0s_49{justify-content:center}._flex_ssd0s_14._justify-end_ssd0s_52{justify-content:flex-end}._flex_ssd0s_14._justify-between_ssd0s_55{justify-content:space-between}._flex_ssd0s_14._justify-around_ssd0s_58{justify-content:space-around}._flex_ssd0s_14._justify-evenly_ssd0s_61{justify-content:space-evenly}._flex_ssd0s_14._wrap-wrap_ssd0s_64{flex-wrap:wrap}._flex_ssd0s_14._wrap-wrap-reverse_ssd0s_67{flex-wrap:wrap-reverse}._flex_ssd0s_14{--gap: 0px}._flex_ssd0s_14._size-micro_ssd0s_75{--gap: 2px}._flex_ssd0s_14._size-mini_ssd0s_79{--gap: 4px}._flex_ssd0s_14._size-small_ssd0s_83{--gap: 8px}._flex_ssd0s_14._size-medium_ssd0s_87{--gap: 12px}._flex_ssd0s_14._size-large_ssd0s_91{--gap: 16px}._flex_ssd0s_14._size-huge_ssd0s_95{--gap: 20px}._flex_ssd0s_14._size-enormous_ssd0s_99{--gap: 24px}@keyframes _paciu-ui-blink-animation_a6huo_1{0%{opacity:1}50%{opacity:.32}to{opacity:1}}._paciu-ui-card_a6huo_14{position:relative;background:var(--base-color);border-radius:var(--border-radius);padding:var(--padding);transition:var(--transition-normal)}._paciu-ui-card_a6huo_14{--padding: 12px;--border-radius: 24px;--base-color: var(--base-color-100)}._paciu-ui-card_a6huo_14._size-micro_a6huo_28{--padding: 6px;--border-radius: 12px}._paciu-ui-card_a6huo_14._size-mini_a6huo_33{--padding: 8px;--border-radius: 16px}._paciu-ui-card_a6huo_14._size-small_a6huo_38{--padding: 10px;--border-radius: 20px}._paciu-ui-card_a6huo_14._size-large_a6huo_43{--padding: 14px;--border-radius: 28px}._paciu-ui-card_a6huo_14._size-huge_a6huo_48{--padding: 16px;--border-radius: 32px}._paciu-ui-card_a6huo_14._size-enormous_a6huo_53{--padding: 18px;--border-radius: 36px}
package/dist/index.d.ts CHANGED
@@ -6,6 +6,7 @@ export declare const Button: default_2.ForwardRefExoticComponent<ButtonProps & d
6
6
  declare interface ButtonProps extends Omit<default_2.ButtonHTMLAttributes<HTMLButtonElement>, 'color'>, Modifiers {
7
7
  stopPropagation?: boolean;
8
8
  stopImmediatePropagation?: boolean;
9
+ fullWidth?: boolean;
9
10
  }
10
11
 
11
12
  export declare const Card: default_2.ForwardRefExoticComponent<CardProps & default_2.RefAttributes<HTMLDivElement>>;
package/dist/index.es.js CHANGED
@@ -1,53 +1,55 @@
1
- import { jsx as a, jsxs as b } from "react/jsx-runtime";
2
- import m, { useState as $, useEffect as w, useRef as L } from "react";
3
- import { c as f, s as d } from "./chunks/index.es.js";
4
- import { D as V, a as W, T as X } from "./chunks/index.es.js";
5
- import './index.css';const n = {
6
- "paciu-ui-button": "_paciu-ui-button_y249s_14",
7
- "size-micro": "_size-micro_y249s_23",
8
- "size-mini": "_size-mini_y249s_31",
9
- "size-small": "_size-small_y249s_39",
10
- "size-large": "_size-large_y249s_47",
11
- "size-huge": "_size-huge_y249s_55",
12
- "size-enormous": "_size-enormous_y249s_63",
13
- "modifier-soft": "_modifier-soft_y249s_98",
14
- "modifier-solid": "_modifier-solid_y249s_101",
15
- "modifier-outline": "_modifier-outline_y249s_106",
16
- "modifier-rounded": "_modifier-rounded_y249s_109",
17
- "modifier-loading": "_modifier-loading_y249s_112",
18
- "paciu-ui-blink-animation": "_paciu-ui-blink-animation_y249s_1",
19
- "modifier-square": "_modifier-square_y249s_116",
20
- "modifier-link": "_modifier-link_y249s_125",
21
- "color-opposite": "_color-opposite_y249s_139",
22
- "color-accent": "_color-accent_y249s_207",
23
- "color-error": "_color-error_y249s_275"
24
- }, S = m.forwardRef((i, e) => {
1
+ import { jsx as a, jsxs as N } from "react/jsx-runtime";
2
+ import f, { useState as $, useEffect as b, useRef as S } from "react";
3
+ import { c as p, s as d } from "./chunks/index.es.js";
4
+ import { D as V, a as X, T as Z } from "./chunks/index.es.js";
5
+ import './index.css';const r = {
6
+ "paciu-ui-button": "_paciu-ui-button_1b9w7_14",
7
+ "size-micro": "_size-micro_1b9w7_23",
8
+ "size-mini": "_size-mini_1b9w7_31",
9
+ "size-small": "_size-small_1b9w7_39",
10
+ "size-large": "_size-large_1b9w7_47",
11
+ "size-huge": "_size-huge_1b9w7_55",
12
+ "size-enormous": "_size-enormous_1b9w7_63",
13
+ "modifier-soft": "_modifier-soft_1b9w7_98",
14
+ "modifier-solid": "_modifier-solid_1b9w7_101",
15
+ "modifier-outline": "_modifier-outline_1b9w7_106",
16
+ "modifier-rounded": "_modifier-rounded_1b9w7_109",
17
+ "modifier-loading": "_modifier-loading_1b9w7_112",
18
+ "paciu-ui-blink-animation": "_paciu-ui-blink-animation_1b9w7_1",
19
+ "modifier-square": "_modifier-square_1b9w7_116",
20
+ "modifier-full-width": "_modifier-full-width_1b9w7_122",
21
+ "modifier-link": "_modifier-link_1b9w7_128",
22
+ "color-opposite": "_color-opposite_1b9w7_142",
23
+ "color-accent": "_color-accent_1b9w7_213",
24
+ "color-error": "_color-error_1b9w7_284"
25
+ }, D = f.forwardRef((s, e) => {
25
26
  const {
26
- children: s,
27
+ children: i,
27
28
  className: o,
28
- color: r,
29
+ color: n,
29
30
  square: _,
30
31
  loading: l,
31
32
  link: c,
32
33
  soft: u,
33
- solid: p,
34
- outline: z,
34
+ solid: m,
35
+ outline: w,
35
36
  // opaque,
36
- rounded: g,
37
- size: k,
37
+ rounded: z,
38
+ size: y,
39
+ fullWidth: x,
38
40
  onClick: h,
39
- stopPropagation: x,
40
- stopImmediatePropagation: E,
41
- ...R
42
- } = i, [C, v] = $(!1), I = async (y) => {
43
- if (x && y?.stopPropagation(), E && y?.nativeEvent?.stopImmediatePropagation(), h) {
44
- const N = h(y);
45
- if (N instanceof Promise) {
46
- v(!0);
41
+ stopPropagation: E,
42
+ stopImmediatePropagation: R,
43
+ ...C
44
+ } = s, [I, k] = $(!1), L = async (g) => {
45
+ if (E && g?.stopPropagation(), R && g?.nativeEvent?.stopImmediatePropagation(), h) {
46
+ const v = h(g);
47
+ if (v instanceof Promise) {
48
+ k(!0);
47
49
  try {
48
- await N;
50
+ await v;
49
51
  } finally {
50
- v(!1);
52
+ k(!1);
51
53
  }
52
54
  }
53
55
  }
@@ -56,29 +58,31 @@ import './index.css';const n = {
56
58
  "button",
57
59
  {
58
60
  ref: e,
59
- className: f(
60
- n["paciu-ui-button"],
61
+ className: p(
62
+ r["paciu-ui-button"],
61
63
  {
62
64
  // [ styles.opaque ]: opaque,
63
- [n["modifier-loading"]]: C || l,
64
- [n["modifier-rounded"]]: g,
65
- [n["modifier-square"]]: _,
66
- [n["modifier-link"]]: c,
67
- [n["modifier-soft"]]: u,
68
- [n["modifier-outline"]]: z,
69
- [n["modifier-solid"]]: p,
70
- ...r && { [n[`color-${r}`]]: r }
65
+ [r["modifier-loading"]]: I || l,
66
+ [r["modifier-rounded"]]: z,
67
+ [r["modifier-square"]]: _,
68
+ [r["modifier-link"]]: c,
69
+ [r["modifier-soft"]]: u,
70
+ [r["modifier-outline"]]: w,
71
+ [r["modifier-solid"]]: m,
72
+ [r["modifier-solid"]]: m,
73
+ [r["modifier-full-width"]]: x,
74
+ ...n && { [r[`color-${n}`]]: n }
71
75
  },
72
- k && n[`size-${k}`],
76
+ y && r[`size-${y}`],
73
77
  o
74
78
  ),
75
- onClick: I,
76
- ...R,
77
- children: s
79
+ onClick: L,
80
+ ...C,
81
+ children: i
78
82
  }
79
83
  );
80
84
  });
81
- S.displayName = "Button";
85
+ D.displayName = "Button";
82
86
  const j = {
83
87
  "paciu-ui-row": "_paciu-ui-row_kd3dr_14",
84
88
  "size-micro": "_size-micro_kd3dr_23",
@@ -88,15 +92,15 @@ const j = {
88
92
  "size-huge": "_size-huge_kd3dr_39",
89
93
  "size-enormous": "_size-enormous_kd3dr_43",
90
94
  "paciu-ui-blink-animation": "_paciu-ui-blink-animation_kd3dr_1"
91
- }, D = m.forwardRef((i, e) => {
92
- const { className: s, size: o, children: r, ..._ } = i;
93
- return /* @__PURE__ */ a("div", { ref: e, className: f(j["paciu-ui-row"], o && j[`size-${o}`], s), ..._, children: r });
95
+ }, q = f.forwardRef((s, e) => {
96
+ const { className: i, size: o, children: n, ..._ } = s;
97
+ return /* @__PURE__ */ a("div", { ref: e, className: p(j["paciu-ui-row"], o && j[`size-${o}`], i), ..._, children: n });
94
98
  });
95
- D.displayName = "Row";
96
- const q = "_flex_ssd0s_14", B = "_inline_ssd0s_22", F = "_grow_ssd0s_25", t = {
97
- flex: q,
98
- inline: B,
99
- grow: F,
99
+ q.displayName = "Row";
100
+ const B = "_flex_ssd0s_14", F = "_inline_ssd0s_22", T = "_grow_ssd0s_25", t = {
101
+ flex: B,
102
+ inline: F,
103
+ grow: T,
100
104
  "direction-column": "_direction-column_ssd0s_28",
101
105
  "direction-row-reverse": "_direction-row-reverse_ssd0s_31",
102
106
  "direction-column-reverse": "_direction-column-reverse_ssd0s_34",
@@ -119,18 +123,18 @@ const q = "_flex_ssd0s_14", B = "_inline_ssd0s_22", F = "_grow_ssd0s_25", t = {
119
123
  "size-huge": "_size-huge_ssd0s_95",
120
124
  "size-enormous": "_size-enormous_ssd0s_99",
121
125
  "paciu-ui-blink-animation": "_paciu-ui-blink-animation_ssd0s_1"
122
- }, T = m.forwardRef((i, e) => {
123
- const { children: s, className: o, direction: r, align: _, justify: l, wrap: c, size: u, inline: p, grow: z, ...g } = i;
126
+ }, O = f.forwardRef((s, e) => {
127
+ const { children: i, className: o, direction: n, align: _, justify: l, wrap: c, size: u, inline: m, grow: w, ...z } = s;
124
128
  return /* @__PURE__ */ a(
125
129
  "div",
126
130
  {
127
131
  ref: e,
128
- className: f(
132
+ className: p(
129
133
  t.flex,
130
134
  {
131
- [t.inline]: p,
132
- [t.grow]: z,
133
- [t[`direction-${r}`]]: r,
135
+ [t.inline]: m,
136
+ [t.grow]: w,
137
+ [t[`direction-${n}`]]: n,
134
138
  [t[`align-${_}`]]: _,
135
139
  [t[`justify-${l}`]]: l,
136
140
  [t[`wrap-${c}`]]: c
@@ -138,12 +142,12 @@ const q = "_flex_ssd0s_14", B = "_inline_ssd0s_22", F = "_grow_ssd0s_25", t = {
138
142
  u && t[`size-${u}`],
139
143
  o
140
144
  ),
141
- ...g,
142
- children: s
145
+ ...z,
146
+ children: i
143
147
  }
144
148
  );
145
149
  });
146
- T.displayName = "Flex";
150
+ O.displayName = "Flex";
147
151
  const P = {
148
152
  "paciu-ui-card": "_paciu-ui-card_a6huo_14",
149
153
  "size-micro": "_size-micro_a6huo_28",
@@ -153,52 +157,52 @@ const P = {
153
157
  "size-huge": "_size-huge_a6huo_48",
154
158
  "size-enormous": "_size-enormous_a6huo_53",
155
159
  "paciu-ui-blink-animation": "_paciu-ui-blink-animation_a6huo_1"
156
- }, O = m.forwardRef((i, e) => {
157
- const { children: s, className: o, size: r, ..._ } = i;
158
- return /* @__PURE__ */ a("div", { ref: e, className: f(P["paciu-ui-card"], r && P[`size-${r}`], o), ..._, children: s });
160
+ }, Q = f.forwardRef((s, e) => {
161
+ const { children: i, className: o, size: n, ..._ } = s;
162
+ return /* @__PURE__ */ a("div", { ref: e, className: p(P["paciu-ui-card"], n && P[`size-${n}`], o), ..._, children: i });
159
163
  });
160
- O.displayName = "Card";
161
- const G = ({ header: i, children: e, footer: s }) => /* @__PURE__ */ b("div", { className: d["dialog-compose"], children: [
164
+ Q.displayName = "Card";
165
+ const G = ({ header: s, children: e, footer: i }) => /* @__PURE__ */ N("div", { className: d["dialog-compose"], children: [
162
166
  /* @__PURE__ */ a("div", { className: d["dialog-close"], children: /* @__PURE__ */ a("div", { className: d["dialog-close-cross"] }) }),
163
- /* @__PURE__ */ b("div", { className: d["dialog-window"], onClick: (o) => o.stopPropagation(), children: [
164
- i && /* @__PURE__ */ a("div", { className: d["dialog-window-header"], children: i }),
167
+ /* @__PURE__ */ N("div", { className: d["dialog-window"], onClick: (o) => o.stopPropagation(), children: [
168
+ s && /* @__PURE__ */ a("div", { className: d["dialog-window-header"], children: s }),
165
169
  e && /* @__PURE__ */ a("div", { className: d["dialog-window-body"], children: e }),
166
- s && /* @__PURE__ */ a("div", { className: d["dialog-window-footer"], children: s })
170
+ i && /* @__PURE__ */ a("div", { className: d["dialog-window-footer"], children: i })
167
171
  ] })
168
- ] }), H = (i) => {
169
- w(() => {
170
- const e = (s) => {
171
- s.key === "Escape" && (s.preventDefault(), s.stopPropagation(), s.stopImmediatePropagation(), i());
172
+ ] }), H = (s) => {
173
+ b(() => {
174
+ const e = (i) => {
175
+ i.key === "Escape" && (i.preventDefault(), i.stopPropagation(), i.stopImmediatePropagation(), s());
172
176
  };
173
177
  return document.addEventListener("keydown", e, !0), () => document.removeEventListener("keydown", e, !0);
174
- }, [i]);
175
- }, J = (i, e = [], s) => {
176
- const o = L(s?.count || 1);
177
- w(() => {
178
+ }, [s]);
179
+ }, J = (s, e = [], i) => {
180
+ const o = S(i?.count || 1);
181
+ b(() => {
178
182
  if (o.current > 0) {
179
183
  o.current--;
180
184
  return;
181
185
  }
182
- return i();
186
+ return s();
183
187
  }, e);
184
188
  }, K = () => {
185
- const [i, e] = $(!1);
186
- return w(() => {
187
- const s = () => e(window.scrollY > 0);
188
- return s(), document.addEventListener("scroll", s), () => {
189
- document.removeEventListener("scroll", s);
189
+ const [s, e] = $(!1);
190
+ return b(() => {
191
+ const i = () => e(window.scrollY > 0);
192
+ return i(), document.addEventListener("scroll", i), () => {
193
+ document.removeEventListener("scroll", i);
190
194
  };
191
- }, []), { isScrolled: i };
195
+ }, []), { isScrolled: s };
192
196
  };
193
197
  export {
194
- S as Button,
195
- O as Card,
198
+ D as Button,
199
+ Q as Card,
196
200
  G as Dialog,
197
201
  V as DialogPosition,
198
- W as DialogQueueItemStatus,
199
- T as Flex,
200
- D as Row,
201
- X as Theme,
202
+ X as DialogQueueItemStatus,
203
+ O as Flex,
204
+ q as Row,
205
+ Z as Theme,
202
206
  H as useEscape,
203
207
  K as useScroll,
204
208
  J as useSkipEffect
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@paciu/ui",
3
- "version": "0.0.62",
3
+ "version": "0.0.63",
4
4
  "type": "module",
5
5
  "main": "./dist/index.umd.js",
6
6
  "module": "./dist/index.es.js",