@paciu/ui 0.0.39 → 0.0.41

package/dist/components/button/button.d.ts

@@ -1,11 +1,7 @@
 import { default as React } from 'react';
-import { ColorType } from '../../types';
-interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'color'> {
-    color?: ColorType | null;
-    text?: boolean | null;
-    icon?: boolean | null;
-    small?: boolean | null;
-    loading?: boolean | null;
+import { Modifiers } from '../../types';
+interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'color'>, Modifiers {
 }
-export declare const Button: React.FC<ButtonProps>;
+/** button */
+export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
 export {};

package/dist/components/card/card.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+import { Modifiers } from '../../types';
+interface CardProps extends React.HTMLAttributes<HTMLDivElement>, Pick<Modifiers, 'size'> {
+}
+export declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/flex/flex.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { Size } from '../../types';
+interface FlexProps extends React.HTMLAttributes<HTMLDivElement> {
+    size?: Size | null;
+    direction?: 'row' | 'column' | 'row-reverse' | 'column-reverse';
+    align?: 'start' | 'center' | 'end' | 'baseline' | 'stretch';
+    justify?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
+    wrap?: 'nowrap' | 'wrap' | 'wrap-reverse';
+    grow?: boolean;
+    inline?: boolean;
+}
+export declare const Flex: React.ForwardRefExoticComponent<FlexProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/index.d.ts

@@ -1,2 +1,4 @@
 export { Button } from './button/button.tsx';
 export { Row } from './row/row.tsx';
+export { Flex } from './flex/flex.tsx';
+export { Card } from './card/card.tsx';

package/dist/components/row/row.d.ts

@@ -1,7 +1,7 @@
 import { default as React } from 'react';
-import { Size } from '../../types';
-interface RowProps extends React.HTMLAttributes<HTMLDivElement> {
-    size?: Size | null;
+import { Modifiers } from '../../types';
+interface RowProps extends Omit<React.ButtonHTMLAttributes<HTMLDivElement>, 'color'>, Pick<Modifiers, 'size'> {
 }
-export declare const Row: React.FC<RowProps>;
+/** row */
+export declare const Row: React.ForwardRefExoticComponent<RowProps & React.RefAttributes<HTMLDivElement>>;
 export {};

package/dist/hooks/index.d.ts

@@ -1,2 +1,5 @@
 export { useEscape } from './use-escape';
-export { useSkipFirstEffect } from './use-skip-first-effect';
+export { useSkipEffect } from './use-skip-effect';
+export declare const useScroll: () => {
+    isScrolled: boolean;
+};

package/dist/hooks/use-skip-effect.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+export interface UseSkipEffectOptions {
+    count?: number;
+}
+export declare const useSkipEffect: (cb: React.EffectCallback, deps?: React.DependencyList, options?: UseSkipEffectOptions) => void;

package/dist/hooks/use-theme.d.ts

@@ -0,0 +1,18 @@
+export type ThemeType = 'light' | 'dark' | 'system';
+export declare enum Theme {
+    Light = "light",
+    Dark = "dark",
+    System = "system"
+}
+export interface ThemeContextType {
+    theme: Theme | null;
+    nextTheme: Theme | null;
+    systemTheme: Theme | null;
+    toggleTheme: (theme: Theme) => void;
+}
+export interface ThemeProviderProps extends React.PropsWithChildren {
+    initialTheme?: Theme;
+}
+export declare const ThemeContext: import('react').Context<ThemeContextType | undefined>;
+export declare const ThemeProvider: ({ children, initialTheme }: ThemeProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const useTheme: () => ThemeContextType;

package/dist/index.css

@@ -1 +1 @@
-._button_1cbbb_2{position:relative;overflow:hidden;font:inherit;font-weight:600;border:none;cursor:pointer;background:#333;color:#fff;font-size:16px;border-radius:16px;padding:0 16px;min-height:40px;transition:.2s}._button_1cbbb_2._small_1cbbb_17{min-height:32px;border-radius:12px;font-size:12px;padding:0 12px}._button_1cbbb_2:hover{background:#242424}._button_1cbbb_2._text_1cbbb_26{color:#333;background:#3333330d}._button_1cbbb_2._text_1cbbb_26:hover{background:#3333331a}._button_1cbbb_2:disabled{background:#f0f0f0;color:#a0a0a0;cursor:default;pointer-events:none}._button--error_1cbbb_39{position:relative;overflow:hidden;font:inherit;font-weight:600;border:none;cursor:pointer;background:#ea2027;color:#fff;font-size:16px;border-radius:16px;padding:0 16px;min-height:40px;transition:.2s}._button--error_1cbbb_39._small_1cbbb_17{min-height:32px;border-radius:12px;font-size:12px;padding:0 12px}._button--error_1cbbb_39:hover{background:#db1118}._button--error_1cbbb_39._text_1cbbb_26{color:#ea2027;background:#ea20270d}._button--error_1cbbb_39._text_1cbbb_26:hover{background:#ea20271a}._button--error_1cbbb_39:disabled{background:#f0f0f0;color:#a0a0a0;cursor:default;pointer-events:none}._row_1ojv4_2{padding:12px}
+@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}

package/dist/index.es.js

@@ -1,62 +1,204 @@
-import { jsx as c } from "react/jsx-runtime";
-import { useEffect as u, useRef as p } from "react";
-import './index.css';const _ = "_button_1cbbb_2", d = "_small_1cbbb_17", y = "_text_1cbbb_26", s = {
-  button: _,
-  small: d,
-  text: y,
-  "button--error": "_button--error_1cbbb_39"
+import { jsx as d } from "react/jsx-runtime";
+import c, { useState as j, useEffect as y, useRef as P } from "react";
+import './index.css';const n = {
+  "paciu-ui-button": "_paciu-ui-button_y249s_14",
+  "size-micro": "_size-micro_y249s_23",
+  "size-mini": "_size-mini_y249s_31",
+  "size-small": "_size-small_y249s_39",
+  "size-large": "_size-large_y249s_47",
+  "size-huge": "_size-huge_y249s_55",
+  "size-enormous": "_size-enormous_y249s_63",
+  "modifier-soft": "_modifier-soft_y249s_98",
+  "modifier-solid": "_modifier-solid_y249s_101",
+  "modifier-outline": "_modifier-outline_y249s_106",
+  "modifier-rounded": "_modifier-rounded_y249s_109",
+  "modifier-loading": "_modifier-loading_y249s_112",
+  "paciu-ui-blink-animation": "_paciu-ui-blink-animation_y249s_1",
+  "modifier-square": "_modifier-square_y249s_116",
+  "modifier-link": "_modifier-link_y249s_125",
+  "color-opposite": "_color-opposite_y249s_139",
+  "color-accent": "_color-accent_y249s_207",
+  "color-error": "_color-error_y249s_275"
 };
-function i(t) {
-  var r, o, e = "";
-  if (typeof t == "string" || typeof t == "number") e += t;
-  else if (typeof t == "object") if (Array.isArray(t)) {
-    var n = t.length;
-    for (r = 0; r < n; r++) t[r] && (o = i(t[r])) && (e && (e += " "), e += o);
-  } else for (o in t) t[o] && (e && (e += " "), e += o);
+function N(s) {
+  var r, i, e = "";
+  if (typeof s == "string" || typeof s == "number") e += s;
+  else if (typeof s == "object") if (Array.isArray(s)) {
+    var o = s.length;
+    for (r = 0; r < o; r++) s[r] && (i = N(s[r])) && (e && (e += " "), e += i);
+  } else for (i in s) s[i] && (e && (e += " "), e += i);
   return e;
 }
-function a() {
-  for (var t, r, o = 0, e = "", n = arguments.length; o < n; o++) (t = arguments[o]) && (r = i(t)) && (e && (e += " "), e += r);
+function m() {
+  for (var s, r, i = 0, e = "", o = arguments.length; i < o; i++) (s = arguments[i]) && (r = N(s)) && (e && (e += " "), e += r);
   return e;
 }
-const E = (t) => {
-  const { children: r, className: o, color: e, text: n, icon: l, loading: b, small: f, ...m } = t;
-  return /* @__PURE__ */ c(
+const L = c.forwardRef((s, r) => {
+  const {
+    children: i,
+    className: e,
+    color: o,
+    square: _,
+    loading: a,
+    link: l,
+    soft: u,
+    solid: f,
+    outline: z,
+    // opaque,
+    rounded: p,
+    size: g,
+    onClick: w,
+    ...$
+  } = s, [x, k] = j(!1), E = async (R) => {
+    if (w) {
+      const h = w(R);
+      if (h instanceof Promise) {
+        k(!0);
+        try {
+          await h;
+        } finally {
+          k(!1);
+        }
+      }
+    }
+  };
+  return /* @__PURE__ */ d(
     "button",
     {
-      className: a(
-        s.button,
+      ref: r,
+      className: m(
+        n["paciu-ui-button"],
         {
-          [s.text]: n,
-          [s.small]: f,
-          [s.icon]: l,
-          [s.loading]: b,
-          ...e && { [s[`paciu-ui-button--${e}`]]: e }
+          // [ styles.opaque ]: opaque,
+          [n["modifier-loading"]]: x || a,
+          [n["modifier-rounded"]]: p,
+          [n["modifier-square"]]: _,
+          [n["modifier-link"]]: l,
+          [n["modifier-soft"]]: u,
+          [n["modifier-outline"]]: z,
+          [n["modifier-solid"]]: f,
+          ...o && { [n[`color-${o}`]]: o }
         },
-        o
+        g && n[`size-${g}`],
+        e
       ),
-      ...m,
-      children: r
+      onClick: E,
+      ...$,
+      children: i
     }
   );
-}, g = "_row_1ojv4_2", x = {
-  row: g
-}, h = ({ children: t, className: r, ...o }) => /* @__PURE__ */ c("div", { className: a(x.row, r), ...o, children: t }), j = (t) => {
-  u(() => {
-    const r = (o) => {
-      o.key === "Escape" && (o.preventDefault(), o.stopPropagation(), o.stopImmediatePropagation(), t());
+});
+L.displayName = "Button";
+const v = {
+  "paciu-ui-row": "_paciu-ui-row_kd3dr_14",
+  "size-micro": "_size-micro_kd3dr_23",
+  "size-mini": "_size-mini_kd3dr_27",
+  "size-small": "_size-small_kd3dr_31",
+  "size-large": "_size-large_kd3dr_35",
+  "size-huge": "_size-huge_kd3dr_39",
+  "size-enormous": "_size-enormous_kd3dr_43",
+  "paciu-ui-blink-animation": "_paciu-ui-blink-animation_kd3dr_1"
+}, C = c.forwardRef((s, r) => {
+  const { className: i, size: e, children: o, ..._ } = s;
+  return /* @__PURE__ */ d("div", { ref: r, className: m(v["paciu-ui-row"], e && v[`size-${e}`], i), ..._, children: o });
+});
+C.displayName = "Row";
+const S = "_flex_ssd0s_14", q = "_inline_ssd0s_22", I = "_grow_ssd0s_25", t = {
+  flex: S,
+  inline: q,
+  grow: I,
+  "direction-column": "_direction-column_ssd0s_28",
+  "direction-row-reverse": "_direction-row-reverse_ssd0s_31",
+  "direction-column-reverse": "_direction-column-reverse_ssd0s_34",
+  "align-start": "_align-start_ssd0s_37",
+  "align-center": "_align-center_ssd0s_40",
+  "align-end": "_align-end_ssd0s_43",
+  "align-baseline": "_align-baseline_ssd0s_46",
+  "justify-center": "_justify-center_ssd0s_49",
+  "justify-end": "_justify-end_ssd0s_52",
+  "justify-between": "_justify-between_ssd0s_55",
+  "justify-around": "_justify-around_ssd0s_58",
+  "justify-evenly": "_justify-evenly_ssd0s_61",
+  "wrap-wrap": "_wrap-wrap_ssd0s_64",
+  "wrap-wrap-reverse": "_wrap-wrap-reverse_ssd0s_67",
+  "size-micro": "_size-micro_ssd0s_75",
+  "size-mini": "_size-mini_ssd0s_79",
+  "size-small": "_size-small_ssd0s_83",
+  "size-medium": "_size-medium_ssd0s_87",
+  "size-large": "_size-large_ssd0s_91",
+  "size-huge": "_size-huge_ssd0s_95",
+  "size-enormous": "_size-enormous_ssd0s_99",
+  "paciu-ui-blink-animation": "_paciu-ui-blink-animation_ssd0s_1"
+}, A = c.forwardRef((s, r) => {
+  const { children: i, className: e, direction: o, align: _, justify: a, wrap: l, size: u, inline: f, grow: z, ...p } = s;
+  return /* @__PURE__ */ d(
+    "div",
+    {
+      ref: r,
+      className: m(
+        t.flex,
+        {
+          [t.inline]: f,
+          [t.grow]: z,
+          [t[`direction-${o}`]]: o,
+          [t[`align-${_}`]]: _,
+          [t[`justify-${a}`]]: a,
+          [t[`wrap-${l}`]]: l
+        },
+        u && t[`size-${u}`],
+        e
+      ),
+      ...p,
+      children: i
+    }
+  );
+});
+A.displayName = "Flex";
+const b = {
+  "paciu-ui-card": "_paciu-ui-card_a6huo_14",
+  "size-micro": "_size-micro_a6huo_28",
+  "size-mini": "_size-mini_a6huo_33",
+  "size-small": "_size-small_a6huo_38",
+  "size-large": "_size-large_a6huo_43",
+  "size-huge": "_size-huge_a6huo_48",
+  "size-enormous": "_size-enormous_a6huo_53",
+  "paciu-ui-blink-animation": "_paciu-ui-blink-animation_a6huo_1"
+}, B = c.forwardRef((s, r) => {
+  const { children: i, className: e, size: o, ..._ } = s;
+  return /* @__PURE__ */ d("div", { ref: r, className: m(b["paciu-ui-card"], o && b[`size-${o}`], e), ..._, children: i });
+});
+B.displayName = "Card";
+const O = (s) => {
+  y(() => {
+    const r = (i) => {
+      i.key === "Escape" && (i.preventDefault(), i.stopPropagation(), i.stopImmediatePropagation(), s());
     };
     return document.addEventListener("keydown", r, !0), () => document.removeEventListener("keydown", r, !0);
-  }, [t]);
-}, k = (t, r) => {
-  const o = p(!0);
-  u(() => {
-    o.current ? o.current = !1 : t();
+  }, [s]);
+}, Y = (s, r = [], i) => {
+  const e = P(i?.count || 1);
+  y(() => {
+    if (e.current > 0) {
+      e.current--;
+      return;
+    }
+    return s();
   }, r);
+}, G = () => {
+  const [s, r] = j(!1);
+  return y(() => {
+    const i = () => r(window.scrollY > 0);
+    return i(), document.addEventListener("scroll", i), () => {
+      document.removeEventListener("scroll", i);
+    };
+  }, []), { isScrolled: s };
 };
 export {
-  E as Button,
-  h as Row,
-  j as useEscape,
-  k as useSkipFirstEffect
+  L as Button,
+  B as Card,
+  A as Flex,
+  C as Row,
+  O as useEscape,
+  G as useScroll,
+  Y as useSkipEffect
 };

package/dist/index.umd.js

@@ -1,2 +1,2 @@
-(function(n,b){typeof exports=="object"&&typeof module<"u"?b(exports,require("react/jsx-runtime"),require("react")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react"],b):(n=typeof globalThis<"u"?globalThis:n||self,b(n["paciu-ui"]={},n["react/jsx-runtime"],n.react))})(this,(function(n,b,c){"use strict";var u=document.createElement("style");u.textContent=`._button_1cbbb_2{position:relative;overflow:hidden;font:inherit;font-weight:600;border:none;cursor:pointer;background:#333;color:#fff;font-size:16px;border-radius:16px;padding:0 16px;min-height:40px;transition:.2s}._button_1cbbb_2._small_1cbbb_17{min-height:32px;border-radius:12px;font-size:12px;padding:0 12px}._button_1cbbb_2:hover{background:#242424}._button_1cbbb_2._text_1cbbb_26{color:#333;background:#3333330d}._button_1cbbb_2._text_1cbbb_26:hover{background:#3333331a}._button_1cbbb_2:disabled{background:#f0f0f0;color:#a0a0a0;cursor:default;pointer-events:none}._button--error_1cbbb_39{position:relative;overflow:hidden;font:inherit;font-weight:600;border:none;cursor:pointer;background:#ea2027;color:#fff;font-size:16px;border-radius:16px;padding:0 16px;min-height:40px;transition:.2s}._button--error_1cbbb_39._small_1cbbb_17{min-height:32px;border-radius:12px;font-size:12px;padding:0 12px}._button--error_1cbbb_39:hover{background:#db1118}._button--error_1cbbb_39._text_1cbbb_26{color:#ea2027;background:#ea20270d}._button--error_1cbbb_39._text_1cbbb_26:hover{background:#ea20271a}._button--error_1cbbb_39:disabled{background:#f0f0f0;color:#a0a0a0;cursor:default;pointer-events:none}._row_1ojv4_2{padding:12px}
-/*$vite$:1*/`,document.head.appendChild(u);const i={button:"_button_1cbbb_2",small:"_small_1cbbb_17",text:"_text_1cbbb_26","button--error":"_button--error_1cbbb_39"};function a(t){var o,e,r="";if(typeof t=="string"||typeof t=="number")r+=t;else if(typeof t=="object")if(Array.isArray(t)){var s=t.length;for(o=0;o<s;o++)t[o]&&(e=a(t[o]))&&(r&&(r+=" "),r+=e)}else for(e in t)t[e]&&(r&&(r+=" "),r+=e);return r}function _(){for(var t,o,e=0,r="",s=arguments.length;e<s;e++)(t=arguments[e])&&(o=a(t))&&(r&&(r+=" "),r+=o);return r}const d=t=>{const{children:o,className:e,color:r,text:s,icon:m,loading:g,small:h,...v}=t;return b.jsx("button",{className:_(i.button,{[i.text]:s,[i.small]:h,[i.icon]:m,[i.loading]:g,...r&&{[i[`paciu-ui-button--${r}`]]:r}},e),...v,children:o})},f={row:"_row_1ojv4_2"},l=({children:t,className:o,...e})=>b.jsx("div",{className:_(f.row,o),...e,children:t}),p=t=>{c.useEffect(()=>{const o=e=>{e.key==="Escape"&&(e.preventDefault(),e.stopPropagation(),e.stopImmediatePropagation(),t())};return document.addEventListener("keydown",o,!0),()=>document.removeEventListener("keydown",o,!0)},[t])},x=(t,o)=>{const e=c.useRef(!0);c.useEffect(()=>{e.current?e.current=!1:t()},o)};n.Button=d,n.Row=l,n.useEscape=p,n.useSkipFirstEffect=x,Object.defineProperty(n,Symbol.toStringTag,{value:"Module"})}));
+(function(a,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("react/jsx-runtime"),require("react")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react"],t):(a=typeof globalThis<"u"?globalThis:a||self,t(a["paciu-ui"]={},a["react/jsx-runtime"],a.react))})(this,(function(a,t,_){"use strict";var y=document.createElement("style");y.textContent=`@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}
+/*$vite$:1*/`,document.head.appendChild(y);const n={"paciu-ui-button":"_paciu-ui-button_y249s_14","size-micro":"_size-micro_y249s_23","size-mini":"_size-mini_y249s_31","size-small":"_size-small_y249s_39","size-large":"_size-large_y249s_47","size-huge":"_size-huge_y249s_55","size-enormous":"_size-enormous_y249s_63","modifier-soft":"_modifier-soft_y249s_98","modifier-solid":"_modifier-solid_y249s_101","modifier-outline":"_modifier-outline_y249s_106","modifier-rounded":"_modifier-rounded_y249s_109","modifier-loading":"_modifier-loading_y249s_112","paciu-ui-blink-animation":"_paciu-ui-blink-animation_y249s_1","modifier-square":"_modifier-square_y249s_116","modifier-link":"_modifier-link_y249s_125","color-opposite":"_color-opposite_y249s_139","color-accent":"_color-accent_y249s_207","color-error":"_color-error_y249s_275"};function v(o){var s,r,i="";if(typeof o=="string"||typeof o=="number")i+=o;else if(typeof o=="object")if(Array.isArray(o)){var e=o.length;for(s=0;s<e;s++)o[s]&&(r=v(o[s]))&&(i&&(i+=" "),i+=r)}else for(r in o)o[r]&&(i&&(i+=" "),i+=r);return i}function l(){for(var o,s,r=0,i="",e=arguments.length;r<e;r++)(o=arguments[r])&&(s=v(o))&&(i&&(i+=" "),i+=s);return i}const h=_.forwardRef((o,s)=>{const{children:r,className:i,color:e,square:c,loading:u,link:p,soft:b,solid:f,outline:g,rounded:m,size:$,onClick:E,...L}=o,[B,N]=_.useState(!1),F=async I=>{if(E){const q=E(I);if(q instanceof Promise){N(!0);try{await q}finally{N(!1)}}}};return t.jsx("button",{ref:s,className:l(n["paciu-ui-button"],{[n["modifier-loading"]]:B||u,[n["modifier-rounded"]]:m,[n["modifier-square"]]:c,[n["modifier-link"]]:p,[n["modifier-soft"]]:b,[n["modifier-outline"]]:g,[n["modifier-solid"]]:f,...e&&{[n[`color-${e}`]]:e}},$&&n[`size-${$}`],i),onClick:F,...L,children:r})});h.displayName="Button";const x={"paciu-ui-row":"_paciu-ui-row_kd3dr_14","size-micro":"_size-micro_kd3dr_23","size-mini":"_size-mini_kd3dr_27","size-small":"_size-small_kd3dr_31","size-large":"_size-large_kd3dr_35","size-huge":"_size-huge_kd3dr_39","size-enormous":"_size-enormous_kd3dr_43","paciu-ui-blink-animation":"_paciu-ui-blink-animation_kd3dr_1"},k=_.forwardRef((o,s)=>{const{className:r,size:i,children:e,...c}=o;return t.jsx("div",{ref:s,className:l(x["paciu-ui-row"],i&&x[`size-${i}`],r),...c,children:e})});k.displayName="Row";const d={flex:"_flex_ssd0s_14",inline:"_inline_ssd0s_22",grow:"_grow_ssd0s_25","direction-column":"_direction-column_ssd0s_28","direction-row-reverse":"_direction-row-reverse_ssd0s_31","direction-column-reverse":"_direction-column-reverse_ssd0s_34","align-start":"_align-start_ssd0s_37","align-center":"_align-center_ssd0s_40","align-end":"_align-end_ssd0s_43","align-baseline":"_align-baseline_ssd0s_46","justify-center":"_justify-center_ssd0s_49","justify-end":"_justify-end_ssd0s_52","justify-between":"_justify-between_ssd0s_55","justify-around":"_justify-around_ssd0s_58","justify-evenly":"_justify-evenly_ssd0s_61","wrap-wrap":"_wrap-wrap_ssd0s_64","wrap-wrap-reverse":"_wrap-wrap-reverse_ssd0s_67","size-micro":"_size-micro_ssd0s_75","size-mini":"_size-mini_ssd0s_79","size-small":"_size-small_ssd0s_83","size-medium":"_size-medium_ssd0s_87","size-large":"_size-large_ssd0s_91","size-huge":"_size-huge_ssd0s_95","size-enormous":"_size-enormous_ssd0s_99","paciu-ui-blink-animation":"_paciu-ui-blink-animation_ssd0s_1"},z=_.forwardRef((o,s)=>{const{children:r,className:i,direction:e,align:c,justify:u,wrap:p,size:b,inline:f,grow:g,...m}=o;return t.jsx("div",{ref:s,className:l(d.flex,{[d.inline]:f,[d.grow]:g,[d[`direction-${e}`]]:e,[d[`align-${c}`]]:c,[d[`justify-${u}`]]:u,[d[`wrap-${p}`]]:p},b&&d[`size-${b}`],i),...m,children:r})});z.displayName="Flex";const w={"paciu-ui-card":"_paciu-ui-card_a6huo_14","size-micro":"_size-micro_a6huo_28","size-mini":"_size-mini_a6huo_33","size-small":"_size-small_a6huo_38","size-large":"_size-large_a6huo_43","size-huge":"_size-huge_a6huo_48","size-enormous":"_size-enormous_a6huo_53","paciu-ui-blink-animation":"_paciu-ui-blink-animation_a6huo_1"},j=_.forwardRef((o,s)=>{const{children:r,className:i,size:e,...c}=o;return t.jsx("div",{ref:s,className:l(w["paciu-ui-card"],e&&w[`size-${e}`],i),...c,children:r})});j.displayName="Card";const S=o=>{_.useEffect(()=>{const s=r=>{r.key==="Escape"&&(r.preventDefault(),r.stopPropagation(),r.stopImmediatePropagation(),o())};return document.addEventListener("keydown",s,!0),()=>document.removeEventListener("keydown",s,!0)},[o])},C=(o,s=[],r)=>{const i=_.useRef(r?.count||1);_.useEffect(()=>{if(i.current>0){i.current--;return}return o()},s)},P=()=>{const[o,s]=_.useState(!1);return _.useEffect(()=>{const r=()=>s(window.scrollY>0);return r(),document.addEventListener("scroll",r),()=>{document.removeEventListener("scroll",r)}},[]),{isScrolled:o}};a.Button=h,a.Card=j,a.Flex=z,a.Row=k,a.useEscape=S,a.useScroll=P,a.useSkipEffect=C,Object.defineProperty(a,Symbol.toStringTag,{value:"Module"})}));

package/dist/types/index.d.ts

@@ -1,2 +1,13 @@
-export type ColorType = 'error';
-export type Size = 'small' | 'medium' | 'large';
+export type ColorType = 'opposite' | 'accent' | 'error';
+export type Size = 'micro' | 'mini' | 'small' | 'medium' | 'large' | 'huge' | 'enormous';
+export interface Modifiers {
+    link?: boolean;
+    soft?: boolean;
+    outline?: boolean;
+    solid?: boolean;
+    square?: boolean;
+    rounded?: boolean;
+    loading?: boolean;
+    size?: Size;
+    color?: ColorType;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@paciu/ui",
-  "version": "0.0.39",
+  "version": "0.0.41",
   "type": "module",
   "main": "./dist/index.umd.js",
   "module": "./dist/index.es.js",

package/readme.md

@@ -5,7 +5,6 @@ $ npm i @paciu/ui
 ```
 
 ```typescript
-import '@paciu/ui/styles'
 import { Button, Row, useEscape } from '@paciu/ui'
 import type { ColorType } from '@paciu/ui'
 ```

package/dist/hooks/use-skip-first-effect.d.ts

@@ -1,5 +0,0 @@
-import { default as React } from 'react';
-export interface UseSkipFirstEffectOptions {
-    count?: number;
-}
-export declare const useSkipFirstEffect: (cb: React.EffectCallback, deps?: React.DependencyList) => void;