@kimdw-rtk/ui 0.0.18 → 0.0.21

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

@@ -1,7 +1,5 @@
-import * as _vanilla_extract_recipes from '@vanilla-extract/recipes';
-
-declare const paddingVar: `var(--${string})`;
-declare const accordion: _vanilla_extract_recipes.RuntimeFn<{
+export declare const paddingVar: `var(--${string})`;
+export declare const accordion: import("@vanilla-extract/recipes").RuntimeFn<{
     isPadding: {
         true: {
             vars: {
@@ -15,5 +13,4 @@ declare const accordion: _vanilla_extract_recipes.RuntimeFn<{
         };
     };
 }>;
-
-export { accordion, paddingVar };
+//# 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

@@ -1,13 +1,8 @@
-import * as react from 'react';
-import { UIComponent } from '../../types/ui.types.js';
-import { accordion } from './Accordion.css.js';
-import '@vanilla-extract/css';
-import '@vanilla-extract/recipes';
-import '../../styles/sprinkles.css.js';
-
-interface AccordionProps extends UIComponent<'div', typeof accordion> {
+import type { UIComponent } from '@/types';
+import * as s from './Accordion.css';
+interface AccordionProps extends UIComponent<'div', typeof s.accordion> {
     isExpanded?: boolean;
 }
-declare const Accordion: react.ForwardRefExoticComponent<Omit<AccordionProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
-
-export { Accordion };
+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

@@ -1,2 +1,2 @@
-
-export {  }
+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

@@ -1,6 +1,4 @@
-import * as _vanilla_extract_recipes from '@vanilla-extract/recipes';
-
-declare const container: _vanilla_extract_recipes.RuntimeFn<{
+export declare const container: import("@vanilla-extract/recipes").RuntimeFn<{
     isExpanded: {
         true: {
             opacity: "1";
@@ -11,6 +9,5 @@ declare const container: _vanilla_extract_recipes.RuntimeFn<{
         };
     };
 }>;
-declare const inner: string;
-
-export { container, inner };
+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

@@ -1,9 +1,7 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ReactNode } from 'react';
-
+import { type ReactNode } from 'react';
 interface AccordionContentProps {
     children: ReactNode;
 }
-declare const AccordionContent: ({ children }: AccordionContentProps) => react_jsx_runtime.JSX.Element;
-
-export { AccordionContent };
+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

@@ -1,10 +1,7 @@
-import * as react from 'react';
-import { Dispatch } from 'react';
-
-declare const AccordionContext: react.Context<{
+import { type Dispatch } from 'react';
+export declare const AccordionContext: import("react").Context<{
     isExpanded: boolean;
     dispatch: Dispatch<boolean>;
 } | undefined>;
-declare const accordionReducer: (_: boolean, action: boolean) => boolean;
-
-export { AccordionContext, accordionReducer };
+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

@@ -1,6 +1,4 @@
-import * as _vanilla_extract_recipes from '@vanilla-extract/recipes';
-
-declare const triggerContainer: _vanilla_extract_recipes.RuntimeFn<{
+export declare const triggerContainer: import("@vanilla-extract/recipes").RuntimeFn<{
     iconPosition: {
         text: {};
         right: {
@@ -8,7 +6,7 @@ declare const triggerContainer: _vanilla_extract_recipes.RuntimeFn<{
         };
     };
 }>;
-declare const arrow: _vanilla_extract_recipes.RuntimeFn<{
+export declare const arrow: import("@vanilla-extract/recipes").RuntimeFn<{
     expand: {
         true: {
             transform: "rotate(-180deg)";
@@ -18,5 +16,4 @@ declare const arrow: _vanilla_extract_recipes.RuntimeFn<{
         };
     };
 }>;
-
-export { arrow, triggerContainer };
+//# 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

@@ -1,10 +1,8 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ReactNode } from 'react';
-
+import { type ReactNode } from 'react';
 interface AccordionTriggerProps {
     children: ReactNode;
     iconPosition?: 'text' | 'right';
 }
-declare const AccordionTrigger: ({ children, iconPosition, }: AccordionTriggerProps) => react_jsx_runtime.JSX.Element;
-
-export { AccordionTrigger };
+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

@@ -1,10 +1,4 @@
-export { Accordion } from './Accordion.js';
-export { AccordionContent } from './AccordionContent.js';
-export { AccordionTrigger } from './AccordionTrigger.js';
-import 'react';
-import '../../types/ui.types.js';
-import '@vanilla-extract/css';
-import '@vanilla-extract/recipes';
-import '../../styles/sprinkles.css.js';
-import './Accordion.css.js';
-import 'react/jsx-runtime';
+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

@@ -1,9 +1,7 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ReactNode } from 'react';
-
+import { type ReactNode } from 'react';
 interface AlertProps {
     children: ReactNode;
 }
-declare const Alert: ({ children }: AlertProps) => react_jsx_runtime.JSX.Element;
-
-export { Alert };
+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

@@ -1,6 +1,4 @@
-import * as _vanilla_extract_recipes from '@vanilla-extract/recipes';
-
-declare const box: _vanilla_extract_recipes.RuntimeFn<{
+export declare const box: import("@vanilla-extract/recipes").RuntimeFn<{
     flex: {
         true: {
             display: "flex";
@@ -12,5 +10,4 @@ declare const box: _vanilla_extract_recipes.RuntimeFn<{
         };
     };
 }>;
-
-export { box };
+//# 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

@@ -1,2 +1,2 @@
-
-export {  }
+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

@@ -1,11 +1,7 @@
-import * as react from 'react';
-import { SprinklesProps } from '../../styles/sprinkles.css.js';
-import { UIComponent } from '../../types/ui.types.js';
-import { box } from './Box.css.js';
-import '@vanilla-extract/css';
-import '@vanilla-extract/recipes';
-
-type BoxProps = UIComponent<'div', typeof box> & SprinklesProps;
-declare const Box: react.ForwardRefExoticComponent<Omit<BoxProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
-
-export { Box };
+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 };