@kimdw-rtk/ui 0.0.20 → 0.0.22

package/dist/_virtual/cjs.js

@@ -0,0 +1,5 @@
+import { __require as requireCjs } from '../node_modules/.pnpm/deepmerge@4.3.1/node_modules/deepmerge/dist/cjs.js';
+
+var cjsExports = /*@__PURE__*/ requireCjs();
+
+export { cjsExports as default };

package/dist/_virtual/cssesc.js

@@ -0,0 +1,5 @@
+import { __require as requireCssesc } from '../node_modules/.pnpm/cssesc@3.0.0/node_modules/cssesc/cssesc.js';
+
+var cssescExports = /*@__PURE__*/ requireCssesc();
+
+export { cssescExports as default };

package/dist/_virtual/jsx-runtime.js

@@ -0,0 +1,5 @@
+import { __require as requireJsxRuntime } from '../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js';
+
+var jsxRuntimeExports = /*@__PURE__*/ requireJsxRuntime();
+
+export { jsxRuntimeExports as default };

package/dist/_virtual/jsx-runtime2.js

@@ -0,0 +1,3 @@
+var jsxRuntime = {exports: {}};
+
+export { jsxRuntime as __module };

package/dist/_virtual/react-jsx-runtime.development.js

@@ -0,0 +1,3 @@
+var reactJsxRuntime_development = {};
+
+export { reactJsxRuntime_development as __exports };

package/dist/_virtual/react-jsx-runtime.production.min.js

@@ -0,0 +1,3 @@
+var reactJsxRuntime_production_min = {};
+
+export { reactJsxRuntime_production_min as __exports };

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,27 @@
+import { createVar } from '../../node_modules/.pnpm/@vanilla-extract_css@1.17.4_babel-plugin-macros@3.1.0/node_modules/@vanilla-extract/css/dist/vanilla-extract-css.esm.js';
+import { recipeWithLayer } from '../../utils/styleUtils.css.js';
+import { theme } from '../../themes/theme.css.js';
+
+const paddingVar = createVar();
+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',
+                },
+            },
+        },
+    },
+});
+
+export { accordion, paddingVar };

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,SAAS,CAAC;AAE3C,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,14 @@
+import jsxRuntimeExports from '../../_virtual/jsx-runtime.js';
+import { forwardRef, useReducer } from 'react';
+import { clsx } from '../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js';
+import { accordion } from './Accordion.css.js';
+import { accordionReducer, AccordionContext } from './AccordionContext.js';
+import { sx } from '../../styles/sx.js';
+
+const Accordion = forwardRef(({ children, className, isPadding = true, isExpanded: initIsExpaned = false, sx: propSx, ...props }, ref) => {
+    const [isExpanded, dispatch] = useReducer(accordionReducer, initIsExpaned);
+    return (jsxRuntimeExports.jsx("div", { ref: ref, className: clsx(accordion({ isPadding }), className, sx(propSx)), ...props, children: jsxRuntimeExports.jsx(AccordionContext.Provider, { value: { isExpanded, dispatch }, children: children }) }));
+});
+Accordion.displayName = 'Accordion';
+
+export { 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/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,25 @@
+import { recipeWithLayer, styleWithLayer } from '../../utils/styleUtils.css.js';
+import { paddingVar } from './Accordion.css.js';
+
+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',
+            },
+        },
+    },
+});
+const inner = styleWithLayer({
+    padding: paddingVar,
+});
+
+export { container, inner };

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 @@
+import jsxRuntimeExports from '../../_virtual/jsx-runtime.js';
+import { useRef, useContext, useLayoutEffect, useEffect } from 'react';
+import { container, inner } from './AccordionContent.css.js';
+import { AccordionContext } from './AccordionContext.js';
+
+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$1 = containerRef.current;
+        if (!container$1) {
+            return;
+        }
+        if (!isExpanded) {
+            container$1.style.height = `${container$1.scrollHeight}px`;
+            container$1.className = container({ isExpanded });
+            container$1.style.height = '0';
+            initRef.current = false;
+            return;
+        }
+        if (initRef.current) {
+            container$1.style.height = 'auto';
+        }
+        else {
+            container$1.style.height = `${container$1.scrollHeight}px`;
+        }
+        container$1.className = 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 (jsxRuntimeExports.jsx("div", { ref: containerRef, className: container({ isExpanded }), children: jsxRuntimeExports.jsx("div", { className: inner, children: children }) }));
+};
+
+export { AccordionContent };

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,8 @@
+import { createContext } from 'react';
+
+const AccordionContext = createContext(undefined);
+const accordionReducer = (_, action) => {
+    return action;
+};
+
+export { AccordionContext, accordionReducer };

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,42 @@
+import { recipeWithLayer } from '../../utils/styleUtils.css.js';
+import { paddingVar } from './Accordion.css.js';
+
+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',
+            },
+        },
+    },
+});
+const arrow = recipeWithLayer({
+    base: {
+        lineHeight: '0',
+        transition: 'transform 0.2s ease',
+    },
+    variants: {
+        expand: {
+            true: {
+                transform: 'rotate(-180deg)',
+            },
+            false: {
+                transform: 'rotate(0)',
+            },
+        },
+    },
+});
+
+export { arrow, triggerContainer };

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,16 @@
+import jsxRuntimeExports from '../../_virtual/jsx-runtime.js';
+import { useContext } from 'react';
+import { AccordionContext } from './AccordionContext.js';
+import { triggerContainer, arrow } from './AccordionTrigger.css.js';
+import ChevronDown from '../../node_modules/.pnpm/lucide-react@0.503.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/chevron-down.js';
+
+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 (jsxRuntimeExports.jsxs("div", { className: triggerContainer({ iconPosition }), "aria-expanded": isExpanded, onClick: () => dispatch(!isExpanded), children: [jsxRuntimeExports.jsx("span", { children: children }), jsxRuntimeExports.jsx("span", { className: arrow({ expand: isExpanded }), children: jsxRuntimeExports.jsx(ChevronDown, { size: "1em" }) })] }));
+};
+
+export { AccordionTrigger };

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/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,14 @@
+import jsxRuntimeExports from '../../_virtual/jsx-runtime.js';
+import { useOverlay, usePreventKeyboardInput } from '@kimdw-rtk/utils';
+import { Dialog } from '../Dialog/Dialog.js';
+import { DialogContent } from '../Dialog/DialogContent.js';
+import { DialogFooter } from '../Dialog/DialogFooter.js';
+import { Button } from '../Button/index.js';
+
+const Alert = ({ children }) => {
+    const { close } = useOverlay();
+    usePreventKeyboardInput();
+    return (jsxRuntimeExports.jsxs(Dialog, { children: [jsxRuntimeExports.jsx(DialogContent, { children: children }), jsxRuntimeExports.jsx(DialogFooter, { children: jsxRuntimeExports.jsx(Button, { size: "sm", onClick: close, children: "\uD655\uC778" }) })] }));
+};
+
+export { Alert };

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,19 @@
+import { recipeWithLayer } from '../../utils/styleUtils.css.js';
+import { theme } from '../../themes/theme.css.js';
+
+const box = recipeWithLayer({
+    variants: {
+        flex: {
+            true: {
+                display: 'flex',
+            },
+        },
+        rounded: {
+            true: {
+                borderRadius: theme.borderRadius,
+            },
+        },
+    },
+});
+
+export { box };

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/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,UAAU,CAAC;AAC9D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAG3C,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,14 @@
+import jsxRuntimeExports from '../../_virtual/jsx-runtime.js';
+import { forwardRef } from 'react';
+import { clsx } from '../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js';
+import { box } from './Box.css.js';
+import { omitSprinkles, filterSprinkles } from '../../utils/sprinklesUtils.js';
+import { sprinkles } from '../../styles/sprinkles.css.js';
+import { sx } from '../../styles/sx.js';
+
+const Box = forwardRef(({ children, flex = false, rounded = false, className, sx: propSx, ...props }, ref) => {
+    return (jsxRuntimeExports.jsx("div", { ref: ref, className: clsx(className, box({ flex, rounded }), sx(propSx), sprinkles(filterSprinkles(props))), ...omitSprinkles(props), children: children }));
+});
+Box.displayName = 'Box';
+
+export { 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"}