@paciu/ui 0.0.61 → 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 (5) 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/dist/provider.es.js +76 -67
  5. 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/dist/provider.es.js CHANGED
@@ -1,93 +1,102 @@
1
1
  "use client";
2
2
  import { jsxs as S, jsx as x } from "react/jsx-runtime";
3
- import { createContext as M, useState as m, useRef as j, useCallback as p, useMemo as O, useEffect as u, useContext as Q } from "react";
3
+ import { createContext as M, useState as m, useRef as j, useCallback as p, useMemo as O, useEffect as l, useContext as Q } from "react";
4
4
  import { createPortal as $ } from "react-dom";
5
- import { a as o, T as a, D as z, c as B, s as l } from "./chunks/index.es.js";
6
- const v = M(void 0), H = () => Q(v), Y = ({ children: c, initialTheme: f, defaultDialogPosition: w }) => {
7
- const [T, D] = m(!1), [r, L] = m(f || null), [d, k] = m(f || null), [s, g] = m([]), E = j(0), C = p((e) => {
5
+ import { a as s, T as a, D as z, c as B, s as u } from "./chunks/index.es.js";
6
+ const T = M(void 0), H = () => Q(T), Y = ({ children: r, initialTheme: f, defaultDialogPosition: v }) => {
7
+ const [w, D] = m(!1), [c, L] = m(f || null), [d, k] = m(f || null), [i, g] = m([]), E = j(0), C = p((e) => {
8
8
  document.documentElement.dataset.theme = e || void 0, L(e);
9
- }, []), y = p((e, n) => {
10
- g((t) => {
11
- if (t.length > 0) {
12
- const i = [...t], I = i.length - 1;
13
- if ([o.Closing, o.Opening].includes(i[I].status))
14
- return t;
9
+ }, []), y = p((e, t) => {
10
+ g((n) => {
11
+ if (n.length > 0) {
12
+ const o = [...n], I = o.length - 1;
13
+ if ([s.Closing, s.Opening].includes(o[I].status))
14
+ return n;
15
15
  }
16
- return [...t, { id: ++E.current, status: o.Opening, node: e, options: n }];
16
+ return [...n, { id: ++E.current, status: s.Opening, node: e, options: t }];
17
17
  });
18
18
  }, []), h = p((e) => {
19
- g((n) => {
20
- if (n.length === 0)
21
- return n;
22
- const t = [...n], i = t.length - 1;
23
- return [o.Closing, o.Opening].includes(t[i].status) || (e?.esc || e?.outside) && t[i]?.options?.unClosable ? n : (t[i] = { ...t[i], status: o.Closing }, t);
19
+ g((t) => {
20
+ if (t.length === 0)
21
+ return t;
22
+ const n = [...t], o = n.length - 1;
23
+ return [s.Closing, s.Opening].includes(n[o].status) || (e?.esc || e?.outside) && n[o]?.options?.unClosable ? t : (n[o] = { ...n[o], status: s.Closing }, n);
24
24
  });
25
25
  }, []), P = O(() => {
26
- const e = r || d;
26
+ const e = c || d;
27
27
  return e ? e === a.Light ? a.Dark : a.Light : null;
28
- }, [r, d]), b = O(
29
- () => ({ theme: r, nextTheme: P, systemTheme: d, toggleTheme: C, openDialog: y, closeDialog: h, dialogsQueue: s }),
30
- [r, P, d, C, y, h, s]
28
+ }, [c, d]), b = O(
29
+ () => ({ theme: c, nextTheme: P, systemTheme: d, toggleTheme: C, openDialog: y, closeDialog: h, dialogsQueue: i }),
30
+ [c, P, d, C, y, h, i]
31
31
  );
32
- return u(() => {
33
- if (s.length) {
34
- const e = s[s.length - 1];
35
- e.status === o.Opening && (e?.options?.onOpen && e.options.onOpen(), setTimeout(() => {
36
- g((n) => {
37
- const t = [...n];
38
- return t[t.length - 1].status = o.Opened, t;
39
- }), e?.options?.onOpened && e.options.onOpened();
40
- }, 240)), e.status === o.Closing && (e?.options?.onClose && e.options.onClose(), setTimeout(() => {
41
- g((n) => n.slice(0, -1)), e?.options?.onClosed && e.options.onClosed();
42
- }, 240));
32
+ return l(() => {
33
+ const e = [];
34
+ if (i.length) {
35
+ const t = i[i.length - 1];
36
+ t.status === s.Opening && (t?.options?.onOpen && t.options.onOpen(), e.push(
37
+ setTimeout(() => {
38
+ g((n) => {
39
+ const o = [...n];
40
+ return o[o.length - 1].status = s.Opened, o;
41
+ }), t?.options?.onOpened && t.options.onOpened();
42
+ }, 240)
43
+ )), t.status === s.Closing && (t?.options?.onClose && t.options.onClose(), e.push(
44
+ setTimeout(() => {
45
+ g((n) => n.slice(0, -1)), t?.options?.onClosed && t.options.onClosed();
46
+ }, 240)
47
+ ));
43
48
  }
44
- }, [s]), u(() => {
45
- const e = window.matchMedia("(prefers-color-scheme: dark)"), n = (t) => {
46
- k(t.matches ? a.Dark : a.Light);
49
+ return () => {
50
+ for (const t of e)
51
+ clearTimeout(t);
47
52
  };
48
- return n(e), e.addEventListener("change", n), () => e.removeEventListener("change", n);
49
- }, []), u(() => {
50
- document.body.style.overflowY = s.length ? "hidden" : "";
51
- }, [s]), u(() => {
52
- const e = (i) => {
53
- i.key === "Escape" && (i.stopPropagation(), h({ esc: !0 }));
54
- }, n = () => {
55
- document.addEventListener("keydown", e);
53
+ }, [i]), l(() => {
54
+ const e = window.matchMedia("(prefers-color-scheme: dark)"), t = (n) => {
55
+ k(n.matches ? a.Dark : a.Light);
56
+ };
57
+ return t(e), e.addEventListener("change", t), () => e.removeEventListener("change", t);
58
+ }, []), l(() => {
59
+ document.body.style.overflowY = i.length ? "hidden" : "";
60
+ }, [i]), l(() => {
61
+ const e = (o) => {
62
+ o.key === "Escape" && (o.stopPropagation(), h({ esc: !0 }));
56
63
  }, t = () => {
64
+ document.addEventListener("keydown", e);
65
+ }, n = () => {
57
66
  document.removeEventListener("keydown", e);
58
67
  };
59
- return n(), () => {
60
- t();
68
+ return t(), () => {
69
+ n();
61
70
  };
62
- }, []), u(() => {
71
+ }, []), l(() => {
63
72
  D(!0);
64
- }), /* @__PURE__ */ S(v.Provider, { value: b, children: [
65
- c,
66
- T && $(
67
- /* @__PURE__ */ x("div", { id: "paciu-ui-dialogs", children: s.map((e, n) => {
68
- const t = e?.options?.position || w || z.Center;
73
+ }), /* @__PURE__ */ S(T.Provider, { value: b, children: [
74
+ r,
75
+ w && $(
76
+ /* @__PURE__ */ x("div", { id: "paciu-ui-dialogs", children: i.map((e, t) => {
77
+ const n = e?.options?.position || v || z.Center;
69
78
  return /* @__PURE__ */ x(
70
79
  "div",
71
80
  {
72
- className: B(l["dialog-overlay"], {
73
- [l["animated-opening"]]: [
74
- o.Opening,
75
- o.Opened
81
+ className: B(u["dialog-overlay"], {
82
+ [u["animated-opening"]]: [
83
+ s.Opening,
84
+ s.Opened
76
85
  ].includes(e.status),
77
- [l["animated-closing"]]: [
78
- o.Closing,
79
- o.Closed
86
+ [u["animated-closing"]]: [
87
+ s.Closing,
88
+ s.Closed
80
89
  ].includes(e.status),
81
- [l.active]: n === s.length - 1,
82
- [l["full-height"]]: e?.options?.fullHeight,
83
- [l["full-width"]]: e?.options?.fullWidth,
84
- [l["un-closable"]]: e?.options?.unClosable,
85
- [l[`position-${t}`]]: !!t
90
+ [u.active]: t === i.length - 1,
91
+ [u["full-height"]]: e?.options?.fullHeight,
92
+ [u["full-width"]]: e?.options?.fullWidth,
93
+ [u["un-closable"]]: e?.options?.unClosable,
94
+ [u[`position-${n}`]]: !!n
86
95
  }),
87
96
  onClick: () => h({ outside: !0 }),
88
97
  style: {
89
- zIndex: n + 1e3,
90
- transform: `scale(calc(1 - ${(s.length - n - 1) * 0.02}))`
98
+ zIndex: t + 1e3,
99
+ transform: `scale(calc(1 - ${(i.length - t - 1) * 0.02}))`
91
100
  },
92
101
  children: e.node()
93
102
  },
@@ -98,9 +107,9 @@ const v = M(void 0), H = () => Q(v), Y = ({ children: c, initialTheme: f, defaul
98
107
  )
99
108
  ] });
100
109
  }, q = () => {
101
- const c = H();
102
- if (!c) throw new Error("usePaciu must be used within PaciuProvider");
103
- return c;
110
+ const r = H();
111
+ if (!r) throw new Error("usePaciu must be used within PaciuProvider");
112
+ return r;
104
113
  };
105
114
  export {
106
115
  Y as PaciuProvider,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@paciu/ui",
3
- "version": "0.0.61",
3
+ "version": "0.0.63",
4
4
  "type": "module",
5
5
  "main": "./dist/index.umd.js",
6
6
  "module": "./dist/index.es.js",