@kimdw-rtk/ui 0.0.0 → 0.0.3

package/dist/components/Accordion/Accordion.css.d.ts

@@ -0,0 +1,16 @@
+export declare const paddingVar: `var(--${string})`;
+export declare const accordion: import("@vanilla-extract/recipes").RuntimeFn<{
+    isPadding: {
+        true: {
+            vars: {
+                [paddingVar]: string;
+            };
+        };
+        false: {
+            vars: {
+                [paddingVar]: string;
+            };
+        };
+    };
+}>;
+//# sourceMappingURL=Accordion.css.d.ts.map

package/dist/components/Accordion/Accordion.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.css.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.css.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,UAAU,oBAAc,CAAC;AAEtC,eAAO,MAAM,SAAS;;;;gBAUZ,CAAC,UAAU,CAAC,SAAU;;;;;gBAMtB,CAAC,UAAU,CAAC,SAAY;;;;EAKhC,CAAC"}

package/dist/components/Accordion/Accordion.css.js

@@ -0,0 +1,24 @@
+import { createVar } from '@vanilla-extract/css';
+import { recipeWithLayer } from '#styleUtils';
+import { theme } from '#themes';
+export const paddingVar = createVar();
+export const accordion = recipeWithLayer({
+    base: {
+        width: '100%',
+        borderBottom: `1px solid rgb(${theme.color.border})`,
+    },
+    variants: {
+        isPadding: {
+            true: {
+                vars: {
+                    [paddingVar]: '0.75em',
+                },
+            },
+            false: {
+                vars: {
+                    [paddingVar]: '0.75em 0',
+                },
+            },
+        },
+    },
+});

package/dist/components/Accordion/Accordion.d.ts

@@ -0,0 +1,8 @@
+import type { UIComponent } from '#types';
+import * as s from './Accordion.css';
+interface AccordionProps extends UIComponent<'div', typeof s.accordion> {
+    isExpanded?: boolean;
+}
+export declare const Accordion: import("react").ForwardRefExoticComponent<Omit<AccordionProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=Accordion.d.ts.map

package/dist/components/Accordion/Accordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAE1C,OAAO,KAAK,CAAC,MAAM,iBAAiB,CAAC;AAGrC,UAAU,cAAe,SAAQ,WAAW,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,SAAS,CAAC;IACrE,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,SAAS,wHA0BrB,CAAC"}

package/dist/components/Accordion/Accordion.js

@@ -0,0 +1,12 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, useReducer } from 'react';
+import clsx from 'clsx';
+import { sx } from '#styles';
+import * as s from './Accordion.css';
+import { AccordionContext, accordionReducer } from './AccordionContext';
+export const Accordion = forwardRef(({ children, className, isPadding = true, isExpanded: initIsExpaned = false, sx: propSx, ...props }, ref) => {
+    const [isExpanded, dispatch] = useReducer(accordionReducer, initIsExpaned);
+    return (_jsx("div", { ref: ref, className: clsx(s.accordion({ isPadding }), className, sx(propSx)), ...props, children: _jsx(AccordionContext.Provider, { value: { isExpanded, dispatch }, children: children }) }));
+});
+Accordion.displayName = 'Accordion';

package/dist/components/Accordion/Accordion.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Accordion.spec.d.ts.map

package/dist/components/Accordion/Accordion.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.spec.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.spec.tsx"],"names":[],"mappings":""}

package/{src/components/Accordion/Accordion.spec.tsx → dist/components/Accordion/Accordion.spec.js}

@@ -1,6 +1,5 @@
-import { Accordion } from '.';
-import { uiTest } from '../../tests/uiTest';
-
-describe('Accordion 컴포넌트', () => {
-  uiTest(Accordion, 'Accordion');
-});
+import { Accordion } from '.';
+import { uiTest } from '../../tests/uiTest';
+describe('Accordion 컴포넌트', () => {
+    uiTest(Accordion, 'Accordion');
+});

package/dist/components/Accordion/AccordionContent.css.d.ts

@@ -0,0 +1,13 @@
+export declare const container: import("@vanilla-extract/recipes").RuntimeFn<{
+    isExpanded: {
+        true: {
+            opacity: "1";
+        };
+        false: {
+            height: "0";
+            opacity: "0";
+        };
+    };
+}>;
+export declare const inner: string;
+//# sourceMappingURL=AccordionContent.css.d.ts.map

package/dist/components/Accordion/AccordionContent.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionContent.css.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/AccordionContent.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,SAAS;;;;;;;;;;EAoBpB,CAAC;AAEH,eAAO,MAAM,KAAK,QAEhB,CAAC"}

package/dist/components/Accordion/AccordionContent.css.js

@@ -0,0 +1,22 @@
+import { recipeWithLayer, styleWithLayer } from '#styleUtils';
+import { paddingVar } from './Accordion.css';
+export const container = recipeWithLayer({
+    base: {
+        overflow: 'hidden',
+        transition: 'height 0.2s ease, opacity 0.2s ease',
+    },
+    variants: {
+        isExpanded: {
+            true: {
+                opacity: '1',
+            },
+            false: {
+                height: '0',
+                opacity: '0',
+            },
+        },
+    },
+});
+export const inner = styleWithLayer({
+    padding: paddingVar,
+});

package/dist/components/Accordion/AccordionContent.d.ts

@@ -0,0 +1,7 @@
+import { type ReactNode } from 'react';
+interface AccordionContentProps {
+    children: ReactNode;
+}
+export declare const AccordionContent: ({ children }: AccordionContentProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=AccordionContent.d.ts.map

package/dist/components/Accordion/AccordionContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionContent.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/AccordionContent.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAKf,UAAU,qBAAqB;IAC7B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,gBAAgB,GAAI,cAAc,qBAAqB,4CAqEnE,CAAC"}

package/dist/components/Accordion/AccordionContent.js

@@ -0,0 +1,56 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useContext, useEffect, useLayoutEffect, useRef, } from 'react';
+import * as s from './AccordionContent.css';
+import { AccordionContext } from './AccordionContext';
+export const AccordionContent = ({ children }) => {
+    const containerRef = useRef(null);
+    const accordionContext = useContext(AccordionContext);
+    const initRef = useRef(true);
+    if (!accordionContext) {
+        throw new Error('AccordionContent must be used within an Accordion component.');
+    }
+    const { isExpanded } = accordionContext;
+    useLayoutEffect(() => {
+        const container = containerRef.current;
+        if (!container) {
+            return;
+        }
+        if (!isExpanded) {
+            container.style.height = `${container.scrollHeight}px`;
+            container.className = s.container({ isExpanded });
+            //eslint-disable-next-line
+            container.offsetTop;
+            container.style.height = '0';
+            initRef.current = false;
+            return;
+        }
+        if (initRef.current) {
+            container.style.height = 'auto';
+        }
+        else {
+            container.style.height = `${container.scrollHeight}px`;
+        }
+        container.className = s.container({ isExpanded });
+        initRef.current = false;
+    }, [isExpanded]);
+    useEffect(() => {
+        const container = containerRef.current;
+        if (!container) {
+            return;
+        }
+        const handleTransitionEnd = (e) => {
+            if (e.target !== container ||
+                e.propertyName !== 'height' ||
+                !isExpanded) {
+                return;
+            }
+            container.style.height = 'auto';
+        };
+        container.addEventListener('transitionend', handleTransitionEnd);
+        return () => {
+            container.removeEventListener('transitionend', handleTransitionEnd);
+        };
+    }, [containerRef, isExpanded]);
+    return (_jsx("div", { ref: containerRef, className: s.container({ isExpanded }), children: _jsx("div", { className: s.inner, children: children }) }));
+};

package/dist/components/Accordion/AccordionContext.d.ts

@@ -0,0 +1,7 @@
+import { type Dispatch } from 'react';
+export declare const AccordionContext: import("react").Context<{
+    isExpanded: boolean;
+    dispatch: Dispatch<boolean>;
+} | undefined>;
+export declare const accordionReducer: (_: boolean, action: boolean) => boolean;
+//# sourceMappingURL=AccordionContext.d.ts.map

package/dist/components/Accordion/AccordionContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionContext.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/AccordionContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,QAAQ,EAAE,MAAM,OAAO,CAAC;AAErD,eAAO,MAAM,gBAAgB;gBACb,OAAO;cAAY,QAAQ,CAAC,OAAO,CAAC;cACxC,CAAC;AAEb,eAAO,MAAM,gBAAgB,GAAI,GAAG,OAAO,EAAE,QAAQ,OAAO,YAE3D,CAAC"}

package/dist/components/Accordion/AccordionContext.js

@@ -0,0 +1,5 @@
+import { createContext } from 'react';
+export const AccordionContext = createContext(undefined);
+export const accordionReducer = (_, action) => {
+    return action;
+};

package/dist/components/Accordion/AccordionTrigger.css.d.ts

@@ -0,0 +1,19 @@
+export declare const triggerContainer: import("@vanilla-extract/recipes").RuntimeFn<{
+    iconPosition: {
+        text: {};
+        right: {
+            justifyContent: "space-between";
+        };
+    };
+}>;
+export declare const arrow: import("@vanilla-extract/recipes").RuntimeFn<{
+    expand: {
+        true: {
+            transform: "rotate(-180deg)";
+        };
+        false: {
+            transform: "rotate(0)";
+        };
+    };
+}>;
+//# sourceMappingURL=AccordionTrigger.css.d.ts.map

package/dist/components/Accordion/AccordionTrigger.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionTrigger.css.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/AccordionTrigger.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,gBAAgB;;;;;;;EAuB3B,CAAC;AAEH,eAAO,MAAM,KAAK;;;;;;;;;EAgBhB,CAAC"}

package/dist/components/Accordion/AccordionTrigger.css.js

@@ -0,0 +1,39 @@
+import { recipeWithLayer } from '#styleUtils';
+import { paddingVar } from './Accordion.css';
+export const triggerContainer = recipeWithLayer({
+    base: {
+        display: 'flex',
+        alignItems: 'center',
+        gap: '0.25em',
+        width: '100%',
+        padding: paddingVar,
+        cursor: 'pointer',
+        ':hover': {
+            textDecoration: 'underline',
+        },
+    },
+    variants: {
+        iconPosition: {
+            text: {},
+            right: {
+                justifyContent: 'space-between',
+            },
+        },
+    },
+});
+export const arrow = recipeWithLayer({
+    base: {
+        lineHeight: '0',
+        transition: 'transform 0.2s ease',
+    },
+    variants: {
+        expand: {
+            true: {
+                transform: 'rotate(-180deg)',
+            },
+            false: {
+                transform: 'rotate(0)',
+            },
+        },
+    },
+});

package/dist/components/Accordion/AccordionTrigger.d.ts

@@ -0,0 +1,8 @@
+import { type ReactNode } from 'react';
+interface AccordionTriggerProps {
+    children: ReactNode;
+    iconPosition?: 'text' | 'right';
+}
+export declare const AccordionTrigger: ({ children, iconPosition, }: AccordionTriggerProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=AccordionTrigger.d.ts.map

package/dist/components/Accordion/AccordionTrigger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionTrigger.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/AccordionTrigger.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAc,MAAM,OAAO,CAAC;AAOnD,UAAU,qBAAqB;IAC7B,QAAQ,EAAE,SAAS,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CACjC;AAED,eAAO,MAAM,gBAAgB,GAAI,6BAG9B,qBAAqB,4CAuBvB,CAAC"}

package/dist/components/Accordion/AccordionTrigger.js

@@ -0,0 +1,14 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useContext } from 'react';
+import { ChevronDownIcon } from 'lucide-react';
+import { AccordionContext } from './AccordionContext';
+import * as s from './AccordionTrigger.css';
+export const AccordionTrigger = ({ children, iconPosition = 'right', }) => {
+    const accordionContext = useContext(AccordionContext);
+    if (!accordionContext) {
+        throw new Error('AccordionTrigger must be used within an Accordion component.');
+    }
+    const { dispatch, isExpanded } = accordionContext;
+    return (_jsxs("div", { className: s.triggerContainer({ iconPosition }), "aria-expanded": isExpanded, onClick: () => dispatch(!isExpanded), children: [_jsx("span", { children: children }), _jsx("span", { className: s.arrow({ expand: isExpanded }), children: _jsx(ChevronDownIcon, { size: "1em" }) })] }));
+};

package/dist/components/Accordion/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Accordion';
+export * from './AccordionContent';
+export * from './AccordionTrigger';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Accordion/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC"}

package/{src/components/Accordion/index.ts → dist/components/Accordion/index.js}

@@ -1,3 +1,3 @@
-export * from './Accordion';
-export * from './AccordionContent';
-export * from './AccordionTrigger';
+export * from './Accordion';
+export * from './AccordionContent';
+export * from './AccordionTrigger';

package/dist/components/Alert/index.d.ts

@@ -0,0 +1,7 @@
+import { type ReactNode } from 'react';
+interface AlertProps {
+    children: ReactNode;
+}
+export declare const Alert: ({ children }: AlertProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Alert/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,UAAU,UAAU;IAClB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,KAAK,GAAI,cAAc,UAAU,4CAc7C,CAAC"}

package/dist/components/Alert/index.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import {} from 'react';
+import { useOverlay, usePreventKeyboardInput } from '@kimdw-rtk/utils';
+import { Button, Dialog, DialogContent, DialogFooter } from '#components';
+export const Alert = ({ children }) => {
+    const { close } = useOverlay();
+    usePreventKeyboardInput();
+    return (_jsxs(Dialog, { children: [_jsx(DialogContent, { children: children }), _jsx(DialogFooter, { children: _jsx(Button, { size: "sm", onClick: close, children: "\uD655\uC778" }) })] }));
+};

package/dist/components/Box/Box.css.d.ts

@@ -0,0 +1,13 @@
+export declare const box: import("@vanilla-extract/recipes").RuntimeFn<{
+    flex: {
+        true: {
+            display: "flex";
+        };
+    };
+    rounded: {
+        true: {
+            borderRadius: `var(--${string})`;
+        };
+    };
+}>;
+//# sourceMappingURL=Box.css.d.ts.map

package/dist/components/Box/Box.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.css.d.ts","sourceRoot":"","sources":["../../../src/components/Box/Box.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,GAAG;;;;;;;;;;;EAcd,CAAC"}

package/dist/components/Box/Box.css.js

@@ -0,0 +1,16 @@
+import { recipeWithLayer } from '#styleUtils';
+import { theme } from '#themes';
+export const box = recipeWithLayer({
+    variants: {
+        flex: {
+            true: {
+                display: 'flex',
+            },
+        },
+        rounded: {
+            true: {
+                borderRadius: theme.borderRadius,
+            },
+        },
+    },
+});

package/dist/components/Box/Box.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Box.spec.d.ts.map

package/dist/components/Box/Box.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.spec.d.ts","sourceRoot":"","sources":["../../../src/components/Box/Box.spec.tsx"],"names":[],"mappings":""}

package/{src/components/Box/Box.spec.tsx → dist/components/Box/Box.spec.js}

@@ -1,6 +1,5 @@
-import { Box } from '.';
-import { uiTest } from '../../tests/uiTest';
-
-describe('Box 컴포넌트', () => {
-  uiTest(Box, 'Box');
-});
+import { Box } from '.';
+import { uiTest } from '../../tests/uiTest';
+describe('Box 컴포넌트', () => {
+    uiTest(Box, 'Box');
+});

package/dist/components/Box/index.d.ts

@@ -0,0 +1,7 @@
+import { type SprinklesProps } from '#styles';
+import type { UIComponent } from '#types';
+import * as s from './Box.css';
+type BoxProps = UIComponent<'div', typeof s.box> & SprinklesProps;
+export declare const Box: import("react").ForwardRefExoticComponent<Omit<BoxProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Box/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Box/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,SAAS,CAAC;AAC7D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAG1C,OAAO,KAAK,CAAC,MAAM,WAAW,CAAC;AAE/B,KAAK,QAAQ,GAAG,WAAW,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,GAAG,CAAC,GAAG,cAAc,CAAC;AAElE,eAAO,MAAM,GAAG,kHA2Bf,CAAC"}

package/dist/components/Box/index.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { clsx } from 'clsx';
+import { sprinkles, sx } from '#styles';
+import { filterSprinkles, omitSprinkles } from '#utils';
+import * as s from './Box.css';
+export const Box = forwardRef(({ children, flex = false, rounded = false, className, sx: propSx, ...props }, ref) => {
+    return (_jsx("div", { ref: ref, className: clsx(className, s.box({ flex, rounded }), sx(propSx), sprinkles(filterSprinkles(props))), ...omitSprinkles(props), children: children }));
+});
+Box.displayName = 'Box';

package/dist/components/Button/Button.css.d.ts

@@ -0,0 +1,146 @@
+export declare const span: import("@vanilla-extract/recipes").RuntimeFn<{
+    size: {
+        sm: {
+            fontSize: "0.875em";
+        };
+        md: {
+            fontSize: "1em";
+        };
+        lg: {
+            fontSize: "1.125em";
+        };
+        'icon-sm': {
+            fontSize: "1em";
+        };
+        'icon-md': {
+            fontSize: "1.25em";
+        };
+        'icon-lg': {
+            fontSize: "1.5em";
+        };
+    };
+}>;
+export declare const button: import("@vanilla-extract/recipes").RuntimeFn<{
+    hasIcon: {
+        true: {
+            gap: "0.5em";
+        };
+    };
+    color: {
+        red: string;
+        orange: string;
+        amber: string;
+        yellow: string;
+        lime: string;
+        green: string;
+        emerald: string;
+        teal: string;
+        cyan: string;
+        sky: string;
+        blue: string;
+        indigo: string;
+        violet: string;
+        purple: string;
+        fuchsia: string;
+        pink: string;
+        rose: string;
+        slate: string;
+        gray: string;
+        zinc: string;
+        neutral: string;
+        stone: string;
+        primary: string;
+        secondary: string;
+        muted: string;
+        accent: string;
+        card: string;
+        danger: string;
+        warning: string;
+        success: string;
+    };
+    size: {
+        sm: {
+            height: "2.25em";
+            padding: "0 0.75em";
+        };
+        md: {
+            height: "2.5em";
+            padding: "0 0.875em";
+        };
+        lg: {
+            height: "2.75em";
+            padding: "0 1em";
+        };
+        'icon-sm': {
+            width: "2em";
+            height: "2em";
+        };
+        'icon-md': {
+            width: "2.5em";
+            height: "2.5em";
+        };
+        'icon-lg': {
+            width: "2.75em";
+            height: "2.75em";
+        };
+    };
+    variant: {
+        contained: {
+            boxShadow: "inset 0 0 0 1px rgba(255, 255, 255, 0.08)";
+            backgroundColor: `rgb(var(--${string}))`;
+            color: `rgb(var(--${string}))`;
+            ':disabled': {
+                backgroundColor: `rgb(var(--${string}))`;
+                color: `rgb(var(--${string}))`;
+                cursor: "default";
+            };
+        };
+        outlined: {
+            boxShadow: `inset 0 0 0 1px rgb(var(--${string}))`;
+            backgroundColor: `rgb(var(--${string}))`;
+            color: `rgb(var(--${string}))`;
+            ':disabled': {
+                backgroundColor: `rgb(var(--${string}))`;
+                color: `rgb(var(--${string}))`;
+                cursor: "default";
+            };
+        };
+        ghost: {
+            background: "transparent";
+            color: `rgb(var(--${string}))`;
+            ':hover': {
+                backgroundColor: `rgba(var(--${string}), 0.8)`;
+                color: `rgb(var(--${string}))`;
+            };
+            ':disabled': {
+                color: `rgb(var(--${string}))`;
+                cursor: "default";
+            };
+        };
+        glass: {
+            boxShadow: "inset 0 0 0 1px rgba(255, 255, 255, 0.08)";
+            backgroundColor: `rgba(var(--${string}), 0.75)`;
+            backdropFilter: "blur(1rem)";
+            color: `rgb(var(--${string}))`;
+            ':disabled': {
+                backgroundColor: `rgb(var(--${string}))`;
+                color: `rgb(var(--${string}))`;
+                cursor: "default";
+            };
+        };
+    };
+    pulse: {
+        true: {
+            '::after': {
+                content: "";
+                position: "absolute";
+                inset: "0";
+                background: "linear-gradient(90deg, transparent 30%, #ffffff33 65%, transparent 100%)";
+                backgroundSize: "300% 100%";
+                animation: `${string} 5s linear 0s infinite`;
+            };
+        };
+    };
+}>;
+export declare const icon: string;
+//# sourceMappingURL=Button.css.d.ts.map

package/dist/components/Button/Button.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.css.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.css.ts"],"names":[],"mappings":"AA+CA,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;EA+Bf,CAAC;AAEH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+IjB,CAAC;AAEH,eAAO,MAAM,IAAI,QAEf,CAAC"}