@choco-vanille/ui 1.1.1 → 1.2.0

package/dist/components/foundation/typography/styles/Typography.css.d.ts

@@ -0,0 +1,265 @@
+import { RuntimeFn } from '@vanilla-extract/recipes';
+export declare const TYPOGRAPHY_STYLES: {
+    recipe: RuntimeFn<{
+        variant: {
+            h1: {
+                scrollMarginTop: `var(--${string})`;
+                fontSize: `var(--${string})`;
+                fontWeight: `var(--${string})`;
+                letterSpacing: `var(--${string})`;
+                textWrap: "balance";
+            };
+            h2: {
+                scrollMarginTop: `var(--${string})`;
+                fontSize: `var(--${string})`;
+                fontWeight: `var(--${string})`;
+                letterSpacing: `var(--${string})`;
+            };
+            h3: {
+                scrollMarginTop: `var(--${string})`;
+                fontSize: `var(--${string})`;
+                fontWeight: `var(--${string})`;
+                letterSpacing: `var(--${string})`;
+            };
+            h4: {
+                scrollMarginTop: `var(--${string})`;
+                fontSize: `var(--${string})`;
+                fontWeight: `var(--${string})`;
+                letterSpacing: `var(--${string})`;
+            };
+            h5: {
+                scrollMarginTop: `var(--${string})`;
+                fontSize: `var(--${string})`;
+                fontWeight: `var(--${string})`;
+                letterSpacing: `var(--${string})`;
+            };
+            h6: {
+                scrollMarginTop: `var(--${string})`;
+                fontSize: `var(--${string})`;
+                fontWeight: `var(--${string})`;
+                letterSpacing: `var(--${string})`;
+            };
+            p: {
+                fontSize: `var(--${string})`;
+                lineHeight: `var(--${string})`;
+            };
+            span: {};
+            label: {
+                fontSize: `var(--${string})`;
+                fontWeight: `var(--${string})`;
+                lineHeight: `var(--${string})`;
+            };
+            small: {
+                fontSize: `var(--${string})`;
+                lineHeight: `var(--${string})`;
+            };
+            strong: {
+                fontWeight: `var(--${string})`;
+            };
+            em: {
+                fontStyle: "italic";
+            };
+            blockquote: {
+                borderLeft: `2px solid var(--${string})`;
+                paddingLeft: `var(--${string})`;
+                fontStyle: "italic";
+                color: `var(--${string})`;
+            };
+            pre: {
+                borderRadius: `var(--${string})`;
+                backgroundColor: `var(--${string})`;
+                padding: `var(--${string})`;
+                fontFamily: `var(--${string})`;
+                fontSize: `var(--${string})`;
+                overflowX: "auto";
+            };
+            code: {
+                borderRadius: `var(--${string})`;
+                backgroundColor: `var(--${string})`;
+                paddingInline: "0.3rem";
+                paddingBlock: "0.2rem";
+                fontFamily: `var(--${string})`;
+                fontSize: `var(--${string})`;
+                fontWeight: `var(--${string})`;
+            };
+            kbd: {
+                borderRadius: `var(--${string})`;
+                border: `1px solid var(--${string})`;
+                backgroundColor: `var(--${string})`;
+                paddingInline: `var(--${string})`;
+                paddingBlock: `var(--${string})`;
+                fontFamily: `var(--${string})`;
+                fontSize: `var(--${string})`;
+                fontWeight: `var(--${string})`;
+                boxShadow: `var(--${string})`;
+            };
+            samp: {
+                fontFamily: `var(--${string})`;
+                fontSize: `var(--${string})`;
+            };
+            abbr: {
+                textDecoration: "underline dotted";
+                cursor: "help";
+            };
+            cite: {
+                fontStyle: "italic";
+                color: `var(--${string})`;
+            };
+            mark: {
+                borderRadius: `var(--${string})`;
+                backgroundColor: `var(--${string})`;
+                color: `var(--${string})`;
+                paddingInline: `var(--${string})`;
+            };
+            del: {
+                textDecoration: "line-through";
+                opacity: number;
+            };
+            ins: {
+                textDecoration: "underline";
+            };
+            sub: {
+                fontSize: `var(--${string})`;
+                verticalAlign: "sub";
+            };
+            sup: {
+                fontSize: `var(--${string})`;
+                verticalAlign: "super";
+            };
+        };
+        fontSize: {
+            '2xs': {
+                fontSize: `var(--${string})`;
+            };
+            xs: {
+                fontSize: `var(--${string})`;
+            };
+            sm: {
+                fontSize: `var(--${string})`;
+            };
+            md: {
+                fontSize: `var(--${string})`;
+            };
+            lg: {
+                fontSize: `var(--${string})`;
+            };
+            xl: {
+                fontSize: `var(--${string})`;
+            };
+            '2xl': {
+                fontSize: `var(--${string})`;
+            };
+            '3xl': {
+                fontSize: `var(--${string})`;
+            };
+            '4xl': {
+                fontSize: `var(--${string})`;
+            };
+            '5xl': {
+                fontSize: `var(--${string})`;
+            };
+            '6xl': {
+                fontSize: `var(--${string})`;
+            };
+        };
+        fontWeight: {
+            thin: {
+                fontWeight: `var(--${string})`;
+            };
+            extralight: {
+                fontWeight: `var(--${string})`;
+            };
+            light: {
+                fontWeight: `var(--${string})`;
+            };
+            normal: {
+                fontWeight: `var(--${string})`;
+            };
+            medium: {
+                fontWeight: `var(--${string})`;
+            };
+            semibold: {
+                fontWeight: `var(--${string})`;
+            };
+            bold: {
+                fontWeight: `var(--${string})`;
+            };
+            extrabold: {
+                fontWeight: `var(--${string})`;
+            };
+            black: {
+                fontWeight: `var(--${string})`;
+            };
+        };
+        ellipsis: {
+            true: {
+                overflow: "hidden";
+                textOverflow: "ellipsis";
+                whiteSpace: "nowrap";
+            };
+        };
+        maxLines: {
+            1: {
+                overflow: string;
+                textOverflow: string;
+                display: string;
+                WebkitLineClamp: number;
+                WebkitBoxOrient: "vertical";
+                whiteSpace: "normal";
+                overflowWrap: "anywhere";
+                wordBreak: "break-all";
+            };
+            2: {
+                overflow: string;
+                textOverflow: string;
+                display: string;
+                WebkitLineClamp: number;
+                WebkitBoxOrient: "vertical";
+                whiteSpace: "normal";
+                overflowWrap: "anywhere";
+                wordBreak: "break-all";
+            };
+            3: {
+                overflow: string;
+                textOverflow: string;
+                display: string;
+                WebkitLineClamp: number;
+                WebkitBoxOrient: "vertical";
+                whiteSpace: "normal";
+                overflowWrap: "anywhere";
+                wordBreak: "break-all";
+            };
+            4: {
+                overflow: string;
+                textOverflow: string;
+                display: string;
+                WebkitLineClamp: number;
+                WebkitBoxOrient: "vertical";
+                whiteSpace: "normal";
+                overflowWrap: "anywhere";
+                wordBreak: "break-all";
+            };
+            5: {
+                overflow: string;
+                textOverflow: string;
+                display: string;
+                WebkitLineClamp: number;
+                WebkitBoxOrient: "vertical";
+                whiteSpace: "normal";
+                overflowWrap: "anywhere";
+                wordBreak: "break-all";
+            };
+            6: {
+                overflow: string;
+                textOverflow: string;
+                display: string;
+                WebkitLineClamp: number;
+                WebkitBoxOrient: "vertical";
+                whiteSpace: "normal";
+                overflowWrap: "anywhere";
+                wordBreak: "break-all";
+            };
+        };
+        color: Record<"background" | "foreground" | "text" | "textSecondary" | "textTertiary" | "card" | "cardForeground" | "popover" | "popoverForeground" | "muted" | "mutedForeground" | "overlay" | "primary" | "primaryHover" | "primaryActive" | "primaryForeground" | "primarySubtle" | "primarySubtleHover" | "primarySubtleActive" | "primarySubtleForeground" | "primarySubtleBorder" | "link" | "linkHover" | "linkActive" | "secondary" | "secondaryHover" | "secondaryActive" | "secondaryForeground" | "secondarySubtle" | "secondarySubtleHover" | "secondarySubtleActive" | "secondarySubtleForeground" | "secondarySubtleBorder" | "tertiary" | "tertiaryHover" | "tertiaryActive" | "tertiaryForeground" | "tertiarySubtle" | "tertiarySubtleHover" | "tertiarySubtleActive" | "tertiarySubtleForeground" | "tertiarySubtleBorder" | "success" | "successHover" | "successActive" | "successForeground" | "successSubtle" | "successSubtleHover" | "successSubtleActive" | "successSubtleForeground" | "successSubtleBorder" | "warning" | "warningHover" | "warningActive" | "warningForeground" | "warningSubtle" | "warningSubtleHover" | "warningSubtleActive" | "warningSubtleForeground" | "warningSubtleBorder" | "info" | "infoHover" | "infoActive" | "infoForeground" | "infoSubtle" | "infoSubtleHover" | "infoSubtleActive" | "infoSubtleForeground" | "infoSubtleBorder" | "destructive" | "destructiveHover" | "destructiveActive" | "destructiveForeground" | "destructiveSubtle" | "destructiveSubtleHover" | "destructiveSubtleActive" | "destructiveSubtleForeground" | "destructiveSubtleBorder" | "purple" | "purpleHover" | "purpleActive" | "purpleForeground" | "purpleSubtle" | "purpleSubtleHover" | "purpleSubtleActive" | "purpleSubtleForeground" | "purpleSubtleBorder" | "pink" | "pinkHover" | "pinkActive" | "pinkForeground" | "pinkSubtle" | "pinkSubtleHover" | "pinkSubtleActive" | "pinkSubtleForeground" | "pinkSubtleBorder" | "orange" | "orangeHover" | "orangeActive" | "orangeForeground" | "orangeSubtle" | "orangeSubtleHover" | "orangeSubtleActive" | "orangeSubtleForeground" | "orangeSubtleBorder" | "teal" | "tealHover" | "tealActive" | "tealForeground" | "tealSubtle" | "tealSubtleHover" | "tealSubtleActive" | "tealSubtleForeground" | "tealSubtleBorder" | "cyan" | "cyanHover" | "cyanActive" | "cyanForeground" | "cyanSubtle" | "cyanSubtleHover" | "cyanSubtleActive" | "cyanSubtleForeground" | "cyanSubtleBorder" | "indigo" | "indigoHover" | "indigoActive" | "indigoForeground" | "indigoSubtle" | "indigoSubtleHover" | "indigoSubtleActive" | "indigoSubtleForeground" | "indigoSubtleBorder" | "border" | "borderStrong" | "input" | "ring" | "highlight" | "highlightForeground" | "skeleton" | "skeletonForeground" | "transparent", Record<string, string>>;
+    }>;
+};

package/dist/components/foundation/typography/styles/Typography.css.js

@@ -0,0 +1,8 @@
+/* empty css                                            */
+/* empty css                              */
+import { createRuntimeFn as e } from "@vanilla-extract/recipes/createRuntimeFn";
+var r = { recipe: e({ defaultClassName: "lg1gei0", variantClassNames: { variant: { h1: "lg1gei1", h2: "lg1gei2", h3: "lg1gei3", h4: "lg1gei4", h5: "lg1gei5", h6: "lg1gei6", p: "lg1gei7", span: "lg1gei8", label: "lg1gei9", small: "lg1geia", strong: "lg1geib", em: "lg1geic", blockquote: "lg1geid", pre: "lg1geie", code: "lg1geif", kbd: "lg1geig", samp: "lg1geih", abbr: "lg1geii", cite: "lg1geij", mark: "lg1geik", del: "lg1geil", ins: "lg1geim", sub: "lg1gein", sup: "lg1geio" }, fontSize: { "2xs": "lg1geip", xs: "lg1geiq", sm: "lg1geir", md: "lg1geis", lg: "lg1geit", xl: "lg1geiu", "2xl": "lg1geiv", "3xl": "lg1geiw", "4xl": "lg1geix", "5xl": "lg1geiy", "6xl": "lg1geiz" }, fontWeight: { thin: "lg1gei10", extralight: "lg1gei11", light: "lg1gei12", normal: "lg1gei13", medium: "lg1gei14", semibold: "lg1gei15", bold: "lg1gei16", extrabold: "lg1gei17", black: "lg1gei18" }, ellipsis: { true: "lg1gei19" }, maxLines: { 1: "lg1gei1a", 2: "lg1gei1b", 3: "lg1gei1c", 4: "lg1gei1d", 5: "lg1gei1e", 6: "lg1gei1f" }, color: { background: "lg1gei1g", foreground: "lg1gei1h", text: "lg1gei1i", textSecondary: "lg1gei1j", textTertiary: "lg1gei1k", card: "lg1gei1l", cardForeground: "lg1gei1m", popover: "lg1gei1n", popoverForeground: "lg1gei1o", muted: "lg1gei1p", mutedForeground: "lg1gei1q", overlay: "lg1gei1r", primary: "lg1gei1s", primaryHover: "lg1gei1t", primaryActive: "lg1gei1u", primaryForeground: "lg1gei1v", primarySubtle: "lg1gei1w", primarySubtleHover: "lg1gei1x", primarySubtleActive: "lg1gei1y", primarySubtleForeground: "lg1gei1z", primarySubtleBorder: "lg1gei20", link: "lg1gei21", linkHover: "lg1gei22", linkActive: "lg1gei23", secondary: "lg1gei24", secondaryHover: "lg1gei25", secondaryActive: "lg1gei26", secondaryForeground: "lg1gei27", secondarySubtle: "lg1gei28", secondarySubtleHover: "lg1gei29", secondarySubtleActive: "lg1gei2a", secondarySubtleForeground: "lg1gei2b", secondarySubtleBorder: "lg1gei2c", tertiary: "lg1gei2d", tertiaryHover: "lg1gei2e", tertiaryActive: "lg1gei2f", tertiaryForeground: "lg1gei2g", tertiarySubtle: "lg1gei2h", tertiarySubtleHover: "lg1gei2i", tertiarySubtleActive: "lg1gei2j", tertiarySubtleForeground: "lg1gei2k", tertiarySubtleBorder: "lg1gei2l", success: "lg1gei2m", successHover: "lg1gei2n", successActive: "lg1gei2o", successForeground: "lg1gei2p", successSubtle: "lg1gei2q", successSubtleHover: "lg1gei2r", successSubtleActive: "lg1gei2s", successSubtleForeground: "lg1gei2t", successSubtleBorder: "lg1gei2u", warning: "lg1gei2v", warningHover: "lg1gei2w", warningActive: "lg1gei2x", warningForeground: "lg1gei2y", warningSubtle: "lg1gei2z", warningSubtleHover: "lg1gei30", warningSubtleActive: "lg1gei31", warningSubtleForeground: "lg1gei32", warningSubtleBorder: "lg1gei33", info: "lg1gei34", infoHover: "lg1gei35", infoActive: "lg1gei36", infoForeground: "lg1gei37", infoSubtle: "lg1gei38", infoSubtleHover: "lg1gei39", infoSubtleActive: "lg1gei3a", infoSubtleForeground: "lg1gei3b", infoSubtleBorder: "lg1gei3c", destructive: "lg1gei3d", destructiveHover: "lg1gei3e", destructiveActive: "lg1gei3f", destructiveForeground: "lg1gei3g", destructiveSubtle: "lg1gei3h", destructiveSubtleHover: "lg1gei3i", destructiveSubtleActive: "lg1gei3j", destructiveSubtleForeground: "lg1gei3k", destructiveSubtleBorder: "lg1gei3l", purple: "lg1gei3m", purpleHover: "lg1gei3n", purpleActive: "lg1gei3o", purpleForeground: "lg1gei3p", purpleSubtle: "lg1gei3q", purpleSubtleHover: "lg1gei3r", purpleSubtleActive: "lg1gei3s", purpleSubtleForeground: "lg1gei3t", purpleSubtleBorder: "lg1gei3u", pink: "lg1gei3v", pinkHover: "lg1gei3w", pinkActive: "lg1gei3x", pinkForeground: "lg1gei3y", pinkSubtle: "lg1gei3z", pinkSubtleHover: "lg1gei40", pinkSubtleActive: "lg1gei41", pinkSubtleForeground: "lg1gei42", pinkSubtleBorder: "lg1gei43", orange: "lg1gei44", orangeHover: "lg1gei45", orangeActive: "lg1gei46", orangeForeground: "lg1gei47", orangeSubtle: "lg1gei48", orangeSubtleHover: "lg1gei49", orangeSubtleActive: "lg1gei4a", orangeSubtleForeground: "lg1gei4b", orangeSubtleBorder: "lg1gei4c", teal: "lg1gei4d", tealHover: "lg1gei4e", tealActive: "lg1gei4f", tealForeground: "lg1gei4g", tealSubtle: "lg1gei4h", tealSubtleHover: "lg1gei4i", tealSubtleActive: "lg1gei4j", tealSubtleForeground: "lg1gei4k", tealSubtleBorder: "lg1gei4l", cyan: "lg1gei4m", cyanHover: "lg1gei4n", cyanActive: "lg1gei4o", cyanForeground: "lg1gei4p", cyanSubtle: "lg1gei4q", cyanSubtleHover: "lg1gei4r", cyanSubtleActive: "lg1gei4s", cyanSubtleForeground: "lg1gei4t", cyanSubtleBorder: "lg1gei4u", indigo: "lg1gei4v", indigoHover: "lg1gei4w", indigoActive: "lg1gei4x", indigoForeground: "lg1gei4y", indigoSubtle: "lg1gei4z", indigoSubtleHover: "lg1gei50", indigoSubtleActive: "lg1gei51", indigoSubtleForeground: "lg1gei52", indigoSubtleBorder: "lg1gei53", border: "lg1gei54", borderStrong: "lg1gei55", input: "lg1gei56", ring: "lg1gei57", highlight: "lg1gei58", highlightForeground: "lg1gei59", skeleton: "lg1gei5a", skeletonForeground: "lg1gei5b", transparent: "lg1gei5c" } }, defaultVariants: { variant: "p" }, compoundVariants: [] }) };
+export {
+  r as TYPOGRAPHY_STYLES
+};
+//# sourceMappingURL=Typography.css.js.map

package/dist/components/foundation/typography/styles/Typography.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Typography.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/components/foundation/typography/types/Typography.props.d.ts

@@ -0,0 +1,44 @@
+import { TypographyLetterSpacing, TypographySize, TypographyVariant, TypographyWeight } from './Typography.types.ts';
+import { CSSProperties, RefAttributes } from 'react';
+import { ThemeColor } from '../../../../theme';
+import type * as React from 'react';
+export type TypographyProps = Omit<React.HTMLAttributes<HTMLElement>, 'color'> & RefAttributes<HTMLElement> & {
+    /** Override the rendered HTML element. */
+    as?: React.ElementType;
+    /** Semantic HTML element variant used for default rendering and styles. */
+    variant?: TypographyVariant;
+    /** Font-size token applied to the text. */
+    fontSize?: TypographySize;
+    /** Font-weight token applied to the text. */
+    fontWeight?: TypographyWeight;
+    /** Whether overflowing text should be truncated on one line. */
+    ellipsis?: boolean;
+    /** Optional theme color token applied to the text's `color` CSS property. */
+    color?: ThemeColor;
+    /** CSS `text-transform` value applied to the text. */
+    textTransform?: CSSProperties['textTransform'];
+    /** CSS `display` value applied to the text. */
+    display?: CSSProperties['display'];
+    /** CSS `width` value applied to the text. */
+    width?: CSSProperties['width'];
+    /** CSS `min-width` value applied to the text. */
+    minWidth?: CSSProperties['minWidth'];
+    /** CSS `max-width` value applied to the text. */
+    maxWidth?: CSSProperties['maxWidth'];
+    /** CSS `opacity` value applied to the text. */
+    opacity?: CSSProperties['opacity'];
+    /** CSS `flex` value applied to the text. */
+    flex?: CSSProperties['flex'];
+    /** CSS `flex-grow` value applied to the text. */
+    flexGrow?: CSSProperties['flexGrow'];
+    /** CSS `flex-shrink` value applied to the text. */
+    flexShrink?: CSSProperties['flexShrink'];
+    /** Letter-spacing token applied to the text. */
+    letterSpacing?: TypographyLetterSpacing;
+    /** Maximum number of lines before truncating with an ellipsis. Supports 1–6. */
+    maxLines?: 1 | 2 | 3 | 4 | 5 | 6;
+    /** Associates the element with a form control — forwarded as the native `for` attribute (use with `as="label"`). */
+    htmlFor?: string;
+    /** Additional data attributes forwarded to the rendered element. */
+    [key: `data-${string}`]: string | undefined;
+};

package/dist/components/foundation/typography/types/Typography.types.d.ts

@@ -0,0 +1,8 @@
+/** All HTML text-level semantic elements supported by the Typography component. */
+export type TypographyVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'label' | 'small' | 'strong' | 'em' | 'blockquote' | 'pre' | 'code' | 'kbd' | 'samp' | 'abbr' | 'cite' | 'mark' | 'del' | 'ins' | 'sub' | 'sup';
+/** Font-size scale exposed as a prop. */
+export type TypographySize = '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl';
+/** Font-weight scale exposed as a prop. */
+export type TypographyWeight = 'thin' | 'extralight' | 'light' | 'normal' | 'medium' | 'semibold' | 'bold' | 'extrabold' | 'black';
+/** Letter-spacing scale exposed as a prop. */
+export type TypographyLetterSpacing = 'tighter' | 'tight' | 'normal' | 'wide' | 'wider' | 'widest';

package/dist/components/foundation/typography/utils/truncateTextStyles.utils.d.ts

@@ -0,0 +1,10 @@
+export declare const truncateTextStyles: (maxLines: number) => {
+    overflow: string;
+    textOverflow: string;
+    display: string;
+    WebkitLineClamp: number;
+    WebkitBoxOrient: "vertical";
+    whiteSpace: "normal";
+    overflowWrap: "anywhere";
+    wordBreak: "break-all";
+};

package/dist/components/index.d.ts

@@ -0,0 +1,10 @@
+export * from './theme-provider';
+export * from './data-display';
+export * from './actions';
+export * from './foundation';
+export * from './forms';
+export * from './layout';
+export * from './surfaces';
+export * from './navigation';
+export * from './overlay';
+export * from './feedback';

package/dist/components/layout/box/Box.cjs

@@ -0,0 +1,2 @@
+"use strict";const g=require("react/jsx-runtime"),ee=require("./styles/Box.css.cjs"),se=require("../../../utils/cn.cjs"),D=require("react"),F=D.memo(({as:H="div",borderRadius:e,padding:s,paddingX:c,paddingY:t,paddingTop:u,paddingRight:x,paddingBottom:q,paddingLeft:N,margin:j,marginX:y,marginY:B,marginTop:_,marginRight:l,marginBottom:v,marginLeft:E,gap:M,columnGap:O,rowGap:S,borderColor:r,backgroundColor:z,boxShadow:A,display:I,width:J,minWidth:K,maxWidth:P,height:Q,minHeight:U,maxHeight:V,overflow:W,overflowX:Z,overflowY:$,position:k,flex:C,flexDirection:L,flexWrap:T,alignSelf:X,alignItems:Y,alignContent:f,justifyContent:w,borderWidth:G,borderTopWidth:R,borderRightWidth:h,borderBottomWidth:m,borderLeftWidth:b,borderStyle:o,className:n,style:i,ref:p,...a})=>{const d=D.useMemo(()=>ee.BOX_STYLES.recipe({borderRadius:e,padding:s,paddingX:c,paddingY:t,paddingTop:u,paddingRight:x,paddingBottom:q,paddingLeft:N,margin:j,marginX:y,marginY:B,marginTop:_,marginRight:l,marginBottom:v,marginLeft:E,gap:M,columnGap:O,rowGap:S,borderColor:r,backgroundColor:z,boxShadow:A}),[e,s,c,t,u,x,q,N,j,y,B,_,l,v,E,M,O,S,r,z,A]);return g.jsx(H,{ref:p,className:se.cn(d,n),style:{display:I,width:J,minWidth:K,maxWidth:P,height:Q,minHeight:U,maxHeight:V,overflow:W,overflowX:Z,overflowY:$,position:k,flex:C,flexDirection:L,flexWrap:T,alignSelf:X,alignItems:Y,alignContent:f,justifyContent:w,borderWidth:G,borderTopWidth:R,borderRightWidth:h,borderBottomWidth:m,borderLeftWidth:b,borderStyle:o,...i},...a})});F.displayName="Box";module.exports=F;
+//# sourceMappingURL=Box.cjs.map

package/dist/components/layout/box/Box.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.cjs","sources":["../../../../src/components/layout/box/Box.tsx"],"sourcesContent":["import { BOX_STYLES } from '@components/layout/box/styles/Box.css.ts'\r\nimport type { BoxProps } from '@components/layout/box/types/Box.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, useMemo, type FC } from 'react'\r\n\r\nconst Box: FC<BoxProps> = memo(({\r\n    as: Element = 'div',\r\n    borderRadius,\r\n    padding,\r\n    paddingX,\r\n    paddingY,\r\n    paddingTop,\r\n    paddingRight,\r\n    paddingBottom,\r\n    paddingLeft,\r\n    margin,\r\n    marginX,\r\n    marginY,\r\n    marginTop,\r\n    marginRight,\r\n    marginBottom,\r\n    marginLeft,\r\n    gap,\r\n    columnGap,\r\n    rowGap,\r\n    borderColor,\r\n    backgroundColor,\r\n    boxShadow,\r\n    display,\r\n    width,\r\n    minWidth,\r\n    maxWidth,\r\n    height,\r\n    minHeight,\r\n    maxHeight,\r\n    overflow,\r\n    overflowX,\r\n    overflowY,\r\n    position,\r\n    flex,\r\n    flexDirection,\r\n    flexWrap,\r\n    alignSelf,\r\n    alignItems,\r\n    alignContent,\r\n    justifyContent,\r\n    borderWidth,\r\n    borderTopWidth,\r\n    borderRightWidth,\r\n    borderBottomWidth,\r\n    borderLeftWidth,\r\n    borderStyle,\r\n    className,\r\n    style,\r\n    ref,\r\n    ...props\r\n}) => {\r\n    const recipeClassName = useMemo(\r\n        () =>\r\n            BOX_STYLES.recipe({\r\n                borderRadius,\r\n                padding,\r\n                paddingX,\r\n                paddingY,\r\n                paddingTop,\r\n                paddingRight,\r\n                paddingBottom,\r\n                paddingLeft,\r\n                margin,\r\n                marginX,\r\n                marginY,\r\n                marginTop,\r\n                marginRight,\r\n                marginBottom,\r\n                marginLeft,\r\n                gap,\r\n                columnGap,\r\n                rowGap,\r\n                borderColor,\r\n                backgroundColor,\r\n                boxShadow,\r\n            }),\r\n        [\r\n            borderRadius,\r\n            padding,\r\n            paddingX,\r\n            paddingY,\r\n            paddingTop,\r\n            paddingRight,\r\n            paddingBottom,\r\n            paddingLeft,\r\n            margin,\r\n            marginX,\r\n            marginY,\r\n            marginTop,\r\n            marginRight,\r\n            marginBottom,\r\n            marginLeft,\r\n            gap,\r\n            columnGap,\r\n            rowGap,\r\n            borderColor,\r\n            backgroundColor,\r\n            boxShadow,\r\n        ],\r\n    )\r\n\r\n    return (\r\n        <Element\r\n            ref={ref}\r\n            className={cn(recipeClassName, className)}\r\n            style={{\r\n                display,\r\n                width,\r\n                minWidth,\r\n                maxWidth,\r\n                height,\r\n                minHeight,\r\n                maxHeight,\r\n                overflow,\r\n                overflowX,\r\n                overflowY,\r\n                position,\r\n                flex,\r\n                flexDirection,\r\n                flexWrap,\r\n                alignSelf,\r\n                alignItems,\r\n                alignContent,\r\n                justifyContent,\r\n                borderWidth,\r\n                borderTopWidth,\r\n                borderRightWidth,\r\n                borderBottomWidth,\r\n                borderLeftWidth,\r\n                borderStyle,\r\n                ...style,\r\n            }}\r\n            {...props}\r\n        />\r\n    )\r\n})\r\n\r\nBox.displayName = 'Box'\r\n\r\nexport default Box\r\n"],"names":["Box","memo","Element","borderRadius","padding","paddingX","paddingY","paddingTop","paddingRight","paddingBottom","paddingLeft","margin","marginX","marginY","marginTop","marginRight","marginBottom","marginLeft","gap","columnGap","rowGap","borderColor","backgroundColor","boxShadow","display","width","minWidth","maxWidth","height","minHeight","maxHeight","overflow","overflowX","overflowY","position","flex","flexDirection","flexWrap","alignSelf","alignItems","alignContent","justifyContent","borderWidth","borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth","borderStyle","className","style","ref","props","recipeClassName","useMemo","BOX_STYLES","jsx","cn"],"mappings":"4IAKMA,EAAoBC,EAAAA,KAAK,CAAC,CAC5B,GAAIC,EAAU,MACd,aAAAC,EACA,QAAAC,EACA,SAAAC,EACA,SAAAC,EACA,WAAAC,EACA,aAAAC,EACA,cAAAC,EACA,YAAAC,EACA,OAAAC,EACA,QAAAC,EACA,QAAAC,EACA,UAAAC,EACA,YAAAC,EACA,aAAAC,EACA,WAAAC,EACA,IAAAC,EACA,UAAAC,EACA,OAAAC,EACA,YAAAC,EACA,gBAAAC,EACA,UAAAC,EACA,QAAAC,EACA,MAAAC,EACA,SAAAC,EACA,SAAAC,EACA,OAAAC,EACA,UAAAC,EACA,UAAAC,EACA,SAAAC,EACA,UAAAC,EACA,UAAAC,EACA,SAAAC,EACA,KAAAC,EACA,cAAAC,EACA,SAAAC,EACA,UAAAC,EACA,WAAAC,EACA,aAAAC,EACA,eAAAC,EACA,YAAAC,EACA,eAAAC,EACA,iBAAAC,EACA,kBAAAC,EACA,gBAAAC,EACA,YAAAC,EACA,UAAAC,EACA,MAAAC,EACA,IAAAC,EACA,GAAGC,CACP,IAAM,CACF,MAAMC,EAAkBC,EAAAA,QACpB,IACIC,GAAAA,WAAW,OAAO,CACd,aAAAnD,EACA,QAAAC,EACA,SAAAC,EACA,SAAAC,EACA,WAAAC,EACA,aAAAC,EACA,cAAAC,EACA,YAAAC,EACA,OAAAC,EACA,QAAAC,EACA,QAAAC,EACA,UAAAC,EACA,YAAAC,EACA,aAAAC,EACA,WAAAC,EACA,IAAAC,EACA,UAAAC,EACA,OAAAC,EACA,YAAAC,EACA,gBAAAC,EACA,UAAAC,CAAA,CACH,EACL,CACIpB,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,CAAA,CACJ,EAGJ,OACIgC,EAAAA,IAACrD,EAAA,CACG,IAAAgD,EACA,UAAWM,GAAAA,GAAGJ,EAAiBJ,CAAS,EACxC,MAAO,CACH,QAAAxB,EACA,MAAAC,EACA,SAAAC,EACA,SAAAC,EACA,OAAAC,EACA,UAAAC,EACA,UAAAC,EACA,SAAAC,EACA,UAAAC,EACA,UAAAC,EACA,SAAAC,EACA,KAAAC,EACA,cAAAC,EACA,SAAAC,EACA,UAAAC,EACA,WAAAC,EACA,aAAAC,EACA,eAAAC,EACA,YAAAC,EACA,eAAAC,EACA,iBAAAC,EACA,kBAAAC,EACA,gBAAAC,EACA,YAAAC,EACA,GAAGE,CAAA,EAEN,GAAGE,CAAA,CAAA,CAGhB,CAAC,EAEDnD,EAAI,YAAc"}

package/dist/components/layout/box/Box.d.ts

@@ -0,0 +1,4 @@
+import { BoxProps } from './types/Box.props.ts';
+import { FC } from 'react';
+declare const Box: FC<BoxProps>;
+export default Box;

package/dist/components/layout/box/Box.js

@@ -0,0 +1,145 @@
+import { jsx as n } from "react/jsx-runtime";
+import { BOX_STYLES as d } from "./styles/Box.css.js";
+import { cn as g } from "../../../utils/cn.js";
+import { memo as ss, useMemo as es } from "react";
+const cs = ss(({
+  as: A = "div",
+  borderRadius: s,
+  padding: e,
+  paddingX: c,
+  paddingY: m,
+  paddingTop: f,
+  paddingRight: x,
+  paddingBottom: N,
+  paddingLeft: l,
+  margin: t,
+  marginX: y,
+  marginY: j,
+  marginTop: v,
+  marginRight: B,
+  marginBottom: E,
+  marginLeft: M,
+  gap: O,
+  columnGap: S,
+  rowGap: _,
+  borderColor: q,
+  backgroundColor: u,
+  boxShadow: z,
+  display: D,
+  width: F,
+  minWidth: H,
+  maxWidth: I,
+  height: J,
+  minHeight: K,
+  maxHeight: P,
+  overflow: Q,
+  overflowX: U,
+  overflowY: V,
+  position: W,
+  flex: Z,
+  flexDirection: $,
+  flexWrap: k,
+  alignSelf: C,
+  alignItems: L,
+  alignContent: T,
+  justifyContent: X,
+  borderWidth: Y,
+  borderTopWidth: o,
+  borderRightWidth: r,
+  borderBottomWidth: w,
+  borderLeftWidth: G,
+  borderStyle: h,
+  className: R,
+  style: b,
+  ref: p,
+  ...i
+}) => {
+  const a = es(
+    () => d.recipe({
+      borderRadius: s,
+      padding: e,
+      paddingX: c,
+      paddingY: m,
+      paddingTop: f,
+      paddingRight: x,
+      paddingBottom: N,
+      paddingLeft: l,
+      margin: t,
+      marginX: y,
+      marginY: j,
+      marginTop: v,
+      marginRight: B,
+      marginBottom: E,
+      marginLeft: M,
+      gap: O,
+      columnGap: S,
+      rowGap: _,
+      borderColor: q,
+      backgroundColor: u,
+      boxShadow: z
+    }),
+    [
+      s,
+      e,
+      c,
+      m,
+      f,
+      x,
+      N,
+      l,
+      t,
+      y,
+      j,
+      v,
+      B,
+      E,
+      M,
+      O,
+      S,
+      _,
+      q,
+      u,
+      z
+    ]
+  );
+  return /* @__PURE__ */ n(
+    A,
+    {
+      ref: p,
+      className: g(a, R),
+      style: {
+        display: D,
+        width: F,
+        minWidth: H,
+        maxWidth: I,
+        height: J,
+        minHeight: K,
+        maxHeight: P,
+        overflow: Q,
+        overflowX: U,
+        overflowY: V,
+        position: W,
+        flex: Z,
+        flexDirection: $,
+        flexWrap: k,
+        alignSelf: C,
+        alignItems: L,
+        alignContent: T,
+        justifyContent: X,
+        borderWidth: Y,
+        borderTopWidth: o,
+        borderRightWidth: r,
+        borderBottomWidth: w,
+        borderLeftWidth: G,
+        borderStyle: h,
+        ...b
+      },
+      ...i
+    }
+  );
+});
+cs.displayName = "Box";
+export {
+  cs as default
+};
+//# sourceMappingURL=Box.js.map

package/dist/components/layout/box/Box.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.js","sources":["../../../../src/components/layout/box/Box.tsx"],"sourcesContent":["import { BOX_STYLES } from '@components/layout/box/styles/Box.css.ts'\r\nimport type { BoxProps } from '@components/layout/box/types/Box.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, useMemo, type FC } from 'react'\r\n\r\nconst Box: FC<BoxProps> = memo(({\r\n    as: Element = 'div',\r\n    borderRadius,\r\n    padding,\r\n    paddingX,\r\n    paddingY,\r\n    paddingTop,\r\n    paddingRight,\r\n    paddingBottom,\r\n    paddingLeft,\r\n    margin,\r\n    marginX,\r\n    marginY,\r\n    marginTop,\r\n    marginRight,\r\n    marginBottom,\r\n    marginLeft,\r\n    gap,\r\n    columnGap,\r\n    rowGap,\r\n    borderColor,\r\n    backgroundColor,\r\n    boxShadow,\r\n    display,\r\n    width,\r\n    minWidth,\r\n    maxWidth,\r\n    height,\r\n    minHeight,\r\n    maxHeight,\r\n    overflow,\r\n    overflowX,\r\n    overflowY,\r\n    position,\r\n    flex,\r\n    flexDirection,\r\n    flexWrap,\r\n    alignSelf,\r\n    alignItems,\r\n    alignContent,\r\n    justifyContent,\r\n    borderWidth,\r\n    borderTopWidth,\r\n    borderRightWidth,\r\n    borderBottomWidth,\r\n    borderLeftWidth,\r\n    borderStyle,\r\n    className,\r\n    style,\r\n    ref,\r\n    ...props\r\n}) => {\r\n    const recipeClassName = useMemo(\r\n        () =>\r\n            BOX_STYLES.recipe({\r\n                borderRadius,\r\n                padding,\r\n                paddingX,\r\n                paddingY,\r\n                paddingTop,\r\n                paddingRight,\r\n                paddingBottom,\r\n                paddingLeft,\r\n                margin,\r\n                marginX,\r\n                marginY,\r\n                marginTop,\r\n                marginRight,\r\n                marginBottom,\r\n                marginLeft,\r\n                gap,\r\n                columnGap,\r\n                rowGap,\r\n                borderColor,\r\n                backgroundColor,\r\n                boxShadow,\r\n            }),\r\n        [\r\n            borderRadius,\r\n            padding,\r\n            paddingX,\r\n            paddingY,\r\n            paddingTop,\r\n            paddingRight,\r\n            paddingBottom,\r\n            paddingLeft,\r\n            margin,\r\n            marginX,\r\n            marginY,\r\n            marginTop,\r\n            marginRight,\r\n            marginBottom,\r\n            marginLeft,\r\n            gap,\r\n            columnGap,\r\n            rowGap,\r\n            borderColor,\r\n            backgroundColor,\r\n            boxShadow,\r\n        ],\r\n    )\r\n\r\n    return (\r\n        <Element\r\n            ref={ref}\r\n            className={cn(recipeClassName, className)}\r\n            style={{\r\n                display,\r\n                width,\r\n                minWidth,\r\n                maxWidth,\r\n                height,\r\n                minHeight,\r\n                maxHeight,\r\n                overflow,\r\n                overflowX,\r\n                overflowY,\r\n                position,\r\n                flex,\r\n                flexDirection,\r\n                flexWrap,\r\n                alignSelf,\r\n                alignItems,\r\n                alignContent,\r\n                justifyContent,\r\n                borderWidth,\r\n                borderTopWidth,\r\n                borderRightWidth,\r\n                borderBottomWidth,\r\n                borderLeftWidth,\r\n                borderStyle,\r\n                ...style,\r\n            }}\r\n            {...props}\r\n        />\r\n    )\r\n})\r\n\r\nBox.displayName = 'Box'\r\n\r\nexport default Box\r\n"],"names":["Box","memo","Element","borderRadius","padding","paddingX","paddingY","paddingTop","paddingRight","paddingBottom","paddingLeft","margin","marginX","marginY","marginTop","marginRight","marginBottom","marginLeft","gap","columnGap","rowGap","borderColor","backgroundColor","boxShadow","display","width","minWidth","maxWidth","height","minHeight","maxHeight","overflow","overflowX","overflowY","position","flex","flexDirection","flexWrap","alignSelf","alignItems","alignContent","justifyContent","borderWidth","borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth","borderStyle","className","style","ref","props","recipeClassName","useMemo","BOX_STYLES","jsx","cn"],"mappings":";;;;AAKA,MAAMA,KAAoBC,GAAK,CAAC;AAAA,EAC5B,IAAIC,IAAU;AAAA,EACd,cAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,cAAAC;AAAA,EACA,eAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,KAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,aAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,eAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,KAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAMC,IAAkBC;AAAA,IACpB,MACIC,EAAW,OAAO;AAAA,MACd,cAAAnD;AAAA,MACA,SAAAC;AAAA,MACA,UAAAC;AAAA,MACA,UAAAC;AAAA,MACA,YAAAC;AAAA,MACA,cAAAC;AAAA,MACA,eAAAC;AAAA,MACA,aAAAC;AAAA,MACA,QAAAC;AAAA,MACA,SAAAC;AAAA,MACA,SAAAC;AAAA,MACA,WAAAC;AAAA,MACA,aAAAC;AAAA,MACA,cAAAC;AAAA,MACA,YAAAC;AAAA,MACA,KAAAC;AAAA,MACA,WAAAC;AAAA,MACA,QAAAC;AAAA,MACA,aAAAC;AAAA,MACA,iBAAAC;AAAA,MACA,WAAAC;AAAA,IAAA,CACH;AAAA,IACL;AAAA,MACIpB;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,IAAA;AAAA,EACJ;AAGJ,SACI,gBAAAgC;AAAA,IAACrD;AAAA,IAAA;AAAA,MACG,KAAAgD;AAAA,MACA,WAAWM,EAAGJ,GAAiBJ,CAAS;AAAA,MACxC,OAAO;AAAA,QACH,SAAAxB;AAAA,QACA,OAAAC;AAAA,QACA,UAAAC;AAAA,QACA,UAAAC;AAAA,QACA,QAAAC;AAAA,QACA,WAAAC;AAAA,QACA,WAAAC;AAAA,QACA,UAAAC;AAAA,QACA,WAAAC;AAAA,QACA,WAAAC;AAAA,QACA,UAAAC;AAAA,QACA,MAAAC;AAAA,QACA,eAAAC;AAAA,QACA,UAAAC;AAAA,QACA,WAAAC;AAAA,QACA,YAAAC;AAAA,QACA,cAAAC;AAAA,QACA,gBAAAC;AAAA,QACA,aAAAC;AAAA,QACA,gBAAAC;AAAA,QACA,kBAAAC;AAAA,QACA,mBAAAC;AAAA,QACA,iBAAAC;AAAA,QACA,aAAAC;AAAA,QACA,GAAGE;AAAA,MAAA;AAAA,MAEN,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGhB,CAAC;AAEDnD,GAAI,cAAc;"}

package/dist/components/layout/box/index.d.ts

@@ -0,0 +1,4 @@
+export { default as Box } from './Box.tsx';
+export { BOX_STYLES } from './styles/Box.css.ts';
+export type { BoxProps } from './types/Box.props.ts';
+export type { BoxBorderRadius, BoxColor, BoxMargin, BoxShadow, BoxSpace, BoxVariant, } from './types/Box.types.ts';

package/dist/components/layout/box/styles/Box.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                                              */;/* empty css                                                  */;/* empty css                         */const e=require("@vanilla-extract/recipes/createRuntimeFn");var i={recipe:e.createRuntimeFn({defaultClassName:"_1hizew70",variantClassNames:{borderRadius:{none:"_1hizew71",xs:"_1hizew72",sm:"_1hizew73",md:"_1hizew74",lg:"_1hizew75",xl:"_1hizew76","2xl":"_1hizew77",full:"_1hizew78"},padding:{none:"_1hizew79",px:"_1hizew7a",xxs:"_1hizew7b",xs:"_1hizew7c",xs2:"_1hizew7d",sm:"_1hizew7e",sm2:"_1hizew7f",md:"_1hizew7g",md2:"_1hizew7h",lg:"_1hizew7i",lg2:"_1hizew7j",xl:"_1hizew7k","2xl":"_1hizew7l","3xl":"_1hizew7m","4xl":"_1hizew7n","5xl":"_1hizew7o"},paddingX:{none:"_1hizew7p",px:"_1hizew7q",xxs:"_1hizew7r",xs:"_1hizew7s",xs2:"_1hizew7t",sm:"_1hizew7u",sm2:"_1hizew7v",md:"_1hizew7w",md2:"_1hizew7x",lg:"_1hizew7y",lg2:"_1hizew7z",xl:"_1hizew710","2xl":"_1hizew711","3xl":"_1hizew712","4xl":"_1hizew713","5xl":"_1hizew714"},paddingY:{none:"_1hizew715",px:"_1hizew716",xxs:"_1hizew717",xs:"_1hizew718",xs2:"_1hizew719",sm:"_1hizew71a",sm2:"_1hizew71b",md:"_1hizew71c",md2:"_1hizew71d",lg:"_1hizew71e",lg2:"_1hizew71f",xl:"_1hizew71g","2xl":"_1hizew71h","3xl":"_1hizew71i","4xl":"_1hizew71j","5xl":"_1hizew71k"},paddingTop:{none:"_1hizew71l",px:"_1hizew71m",xxs:"_1hizew71n",xs:"_1hizew71o",xs2:"_1hizew71p",sm:"_1hizew71q",sm2:"_1hizew71r",md:"_1hizew71s",md2:"_1hizew71t",lg:"_1hizew71u",lg2:"_1hizew71v",xl:"_1hizew71w","2xl":"_1hizew71x","3xl":"_1hizew71y","4xl":"_1hizew71z","5xl":"_1hizew720"},paddingRight:{none:"_1hizew721",px:"_1hizew722",xxs:"_1hizew723",xs:"_1hizew724",xs2:"_1hizew725",sm:"_1hizew726",sm2:"_1hizew727",md:"_1hizew728",md2:"_1hizew729",lg:"_1hizew72a",lg2:"_1hizew72b",xl:"_1hizew72c","2xl":"_1hizew72d","3xl":"_1hizew72e","4xl":"_1hizew72f","5xl":"_1hizew72g"},paddingBottom:{none:"_1hizew72h",px:"_1hizew72i",xxs:"_1hizew72j",xs:"_1hizew72k",xs2:"_1hizew72l",sm:"_1hizew72m",sm2:"_1hizew72n",md:"_1hizew72o",md2:"_1hizew72p",lg:"_1hizew72q",lg2:"_1hizew72r",xl:"_1hizew72s","2xl":"_1hizew72t","3xl":"_1hizew72u","4xl":"_1hizew72v","5xl":"_1hizew72w"},paddingLeft:{none:"_1hizew72x",px:"_1hizew72y",xxs:"_1hizew72z",xs:"_1hizew730",xs2:"_1hizew731",sm:"_1hizew732",sm2:"_1hizew733",md:"_1hizew734",md2:"_1hizew735",lg:"_1hizew736",lg2:"_1hizew737",xl:"_1hizew738","2xl":"_1hizew739","3xl":"_1hizew73a","4xl":"_1hizew73b","5xl":"_1hizew73c"},margin:{auto:"_1hizew73d",none:"_1hizew73e",px:"_1hizew73f",xxs:"_1hizew73g",xs:"_1hizew73h",xs2:"_1hizew73i",sm:"_1hizew73j",sm2:"_1hizew73k",md:"_1hizew73l",md2:"_1hizew73m",lg:"_1hizew73n",lg2:"_1hizew73o",xl:"_1hizew73p","2xl":"_1hizew73q","3xl":"_1hizew73r","4xl":"_1hizew73s","5xl":"_1hizew73t"},marginX:{auto:"_1hizew73u",none:"_1hizew73v",px:"_1hizew73w",xxs:"_1hizew73x",xs:"_1hizew73y",xs2:"_1hizew73z",sm:"_1hizew740",sm2:"_1hizew741",md:"_1hizew742",md2:"_1hizew743",lg:"_1hizew744",lg2:"_1hizew745",xl:"_1hizew746","2xl":"_1hizew747","3xl":"_1hizew748","4xl":"_1hizew749","5xl":"_1hizew74a"},marginY:{auto:"_1hizew74b",none:"_1hizew74c",px:"_1hizew74d",xxs:"_1hizew74e",xs:"_1hizew74f",xs2:"_1hizew74g",sm:"_1hizew74h",sm2:"_1hizew74i",md:"_1hizew74j",md2:"_1hizew74k",lg:"_1hizew74l",lg2:"_1hizew74m",xl:"_1hizew74n","2xl":"_1hizew74o","3xl":"_1hizew74p","4xl":"_1hizew74q","5xl":"_1hizew74r"},marginTop:{auto:"_1hizew74s",none:"_1hizew74t",px:"_1hizew74u",xxs:"_1hizew74v",xs:"_1hizew74w",xs2:"_1hizew74x",sm:"_1hizew74y",sm2:"_1hizew74z",md:"_1hizew750",md2:"_1hizew751",lg:"_1hizew752",lg2:"_1hizew753",xl:"_1hizew754","2xl":"_1hizew755","3xl":"_1hizew756","4xl":"_1hizew757","5xl":"_1hizew758"},marginRight:{auto:"_1hizew759",none:"_1hizew75a",px:"_1hizew75b",xxs:"_1hizew75c",xs:"_1hizew75d",xs2:"_1hizew75e",sm:"_1hizew75f",sm2:"_1hizew75g",md:"_1hizew75h",md2:"_1hizew75i",lg:"_1hizew75j",lg2:"_1hizew75k",xl:"_1hizew75l","2xl":"_1hizew75m","3xl":"_1hizew75n","4xl":"_1hizew75o","5xl":"_1hizew75p"},marginBottom:{auto:"_1hizew75q",none:"_1hizew75r",px:"_1hizew75s",xxs:"_1hizew75t",xs:"_1hizew75u",xs2:"_1hizew75v",sm:"_1hizew75w",sm2:"_1hizew75x",md:"_1hizew75y",md2:"_1hizew75z",lg:"_1hizew760",lg2:"_1hizew761",xl:"_1hizew762","2xl":"_1hizew763","3xl":"_1hizew764","4xl":"_1hizew765","5xl":"_1hizew766"},marginLeft:{auto:"_1hizew767",none:"_1hizew768",px:"_1hizew769",xxs:"_1hizew76a",xs:"_1hizew76b",xs2:"_1hizew76c",sm:"_1hizew76d",sm2:"_1hizew76e",md:"_1hizew76f",md2:"_1hizew76g",lg:"_1hizew76h",lg2:"_1hizew76i",xl:"_1hizew76j","2xl":"_1hizew76k","3xl":"_1hizew76l","4xl":"_1hizew76m","5xl":"_1hizew76n"},gap:{none:"_1hizew76o",px:"_1hizew76p",xxs:"_1hizew76q",xs:"_1hizew76r",xs2:"_1hizew76s",sm:"_1hizew76t",sm2:"_1hizew76u",md:"_1hizew76v",md2:"_1hizew76w",lg:"_1hizew76x",lg2:"_1hizew76y",xl:"_1hizew76z","2xl":"_1hizew770","3xl":"_1hizew771","4xl":"_1hizew772","5xl":"_1hizew773"},columnGap:{none:"_1hizew774",px:"_1hizew775",xxs:"_1hizew776",xs:"_1hizew777",xs2:"_1hizew778",sm:"_1hizew779",sm2:"_1hizew77a",md:"_1hizew77b",md2:"_1hizew77c",lg:"_1hizew77d",lg2:"_1hizew77e",xl:"_1hizew77f","2xl":"_1hizew77g","3xl":"_1hizew77h","4xl":"_1hizew77i","5xl":"_1hizew77j"},rowGap:{none:"_1hizew77k",px:"_1hizew77l",xxs:"_1hizew77m",xs:"_1hizew77n",xs2:"_1hizew77o",sm:"_1hizew77p",sm2:"_1hizew77q",md:"_1hizew77r",md2:"_1hizew77s",lg:"_1hizew77t",lg2:"_1hizew77u",xl:"_1hizew77v","2xl":"_1hizew77w","3xl":"_1hizew77x","4xl":"_1hizew77y","5xl":"_1hizew77z"},borderColor:{background:"_1hizew780",foreground:"_1hizew781",text:"_1hizew782",textSecondary:"_1hizew783",textTertiary:"_1hizew784",card:"_1hizew785",cardForeground:"_1hizew786",popover:"_1hizew787",popoverForeground:"_1hizew788",muted:"_1hizew789",mutedForeground:"_1hizew78a",overlay:"_1hizew78b",primary:"_1hizew78c",primaryHover:"_1hizew78d",primaryActive:"_1hizew78e",primaryForeground:"_1hizew78f",primarySubtle:"_1hizew78g",primarySubtleHover:"_1hizew78h",primarySubtleActive:"_1hizew78i",primarySubtleForeground:"_1hizew78j",primarySubtleBorder:"_1hizew78k",link:"_1hizew78l",linkHover:"_1hizew78m",linkActive:"_1hizew78n",secondary:"_1hizew78o",secondaryHover:"_1hizew78p",secondaryActive:"_1hizew78q",secondaryForeground:"_1hizew78r",secondarySubtle:"_1hizew78s",secondarySubtleHover:"_1hizew78t",secondarySubtleActive:"_1hizew78u",secondarySubtleForeground:"_1hizew78v",secondarySubtleBorder:"_1hizew78w",tertiary:"_1hizew78x",tertiaryHover:"_1hizew78y",tertiaryActive:"_1hizew78z",tertiaryForeground:"_1hizew790",tertiarySubtle:"_1hizew791",tertiarySubtleHover:"_1hizew792",tertiarySubtleActive:"_1hizew793",tertiarySubtleForeground:"_1hizew794",tertiarySubtleBorder:"_1hizew795",success:"_1hizew796",successHover:"_1hizew797",successActive:"_1hizew798",successForeground:"_1hizew799",successSubtle:"_1hizew79a",successSubtleHover:"_1hizew79b",successSubtleActive:"_1hizew79c",successSubtleForeground:"_1hizew79d",successSubtleBorder:"_1hizew79e",warning:"_1hizew79f",warningHover:"_1hizew79g",warningActive:"_1hizew79h",warningForeground:"_1hizew79i",warningSubtle:"_1hizew79j",warningSubtleHover:"_1hizew79k",warningSubtleActive:"_1hizew79l",warningSubtleForeground:"_1hizew79m",warningSubtleBorder:"_1hizew79n",info:"_1hizew79o",infoHover:"_1hizew79p",infoActive:"_1hizew79q",infoForeground:"_1hizew79r",infoSubtle:"_1hizew79s",infoSubtleHover:"_1hizew79t",infoSubtleActive:"_1hizew79u",infoSubtleForeground:"_1hizew79v",infoSubtleBorder:"_1hizew79w",destructive:"_1hizew79x",destructiveHover:"_1hizew79y",destructiveActive:"_1hizew79z",destructiveForeground:"_1hizew7a0",destructiveSubtle:"_1hizew7a1",destructiveSubtleHover:"_1hizew7a2",destructiveSubtleActive:"_1hizew7a3",destructiveSubtleForeground:"_1hizew7a4",destructiveSubtleBorder:"_1hizew7a5",purple:"_1hizew7a6",purpleHover:"_1hizew7a7",purpleActive:"_1hizew7a8",purpleForeground:"_1hizew7a9",purpleSubtle:"_1hizew7aa",purpleSubtleHover:"_1hizew7ab",purpleSubtleActive:"_1hizew7ac",purpleSubtleForeground:"_1hizew7ad",purpleSubtleBorder:"_1hizew7ae",pink:"_1hizew7af",pinkHover:"_1hizew7ag",pinkActive:"_1hizew7ah",pinkForeground:"_1hizew7ai",pinkSubtle:"_1hizew7aj",pinkSubtleHover:"_1hizew7ak",pinkSubtleActive:"_1hizew7al",pinkSubtleForeground:"_1hizew7am",pinkSubtleBorder:"_1hizew7an",orange:"_1hizew7ao",orangeHover:"_1hizew7ap",orangeActive:"_1hizew7aq",orangeForeground:"_1hizew7ar",orangeSubtle:"_1hizew7as",orangeSubtleHover:"_1hizew7at",orangeSubtleActive:"_1hizew7au",orangeSubtleForeground:"_1hizew7av",orangeSubtleBorder:"_1hizew7aw",teal:"_1hizew7ax",tealHover:"_1hizew7ay",tealActive:"_1hizew7az",tealForeground:"_1hizew7b0",tealSubtle:"_1hizew7b1",tealSubtleHover:"_1hizew7b2",tealSubtleActive:"_1hizew7b3",tealSubtleForeground:"_1hizew7b4",tealSubtleBorder:"_1hizew7b5",cyan:"_1hizew7b6",cyanHover:"_1hizew7b7",cyanActive:"_1hizew7b8",cyanForeground:"_1hizew7b9",cyanSubtle:"_1hizew7ba",cyanSubtleHover:"_1hizew7bb",cyanSubtleActive:"_1hizew7bc",cyanSubtleForeground:"_1hizew7bd",cyanSubtleBorder:"_1hizew7be",indigo:"_1hizew7bf",indigoHover:"_1hizew7bg",indigoActive:"_1hizew7bh",indigoForeground:"_1hizew7bi",indigoSubtle:"_1hizew7bj",indigoSubtleHover:"_1hizew7bk",indigoSubtleActive:"_1hizew7bl",indigoSubtleForeground:"_1hizew7bm",indigoSubtleBorder:"_1hizew7bn",border:"_1hizew7bo",borderStrong:"_1hizew7bp",input:"_1hizew7bq",ring:"_1hizew7br",highlight:"_1hizew7bs",highlightForeground:"_1hizew7bt",skeleton:"_1hizew7bu",skeletonForeground:"_1hizew7bv",transparent:"_1hizew7bw"},backgroundColor:{background:"_1hizew7bx",foreground:"_1hizew7by",text:"_1hizew7bz",textSecondary:"_1hizew7c0",textTertiary:"_1hizew7c1",card:"_1hizew7c2",cardForeground:"_1hizew7c3",popover:"_1hizew7c4",popoverForeground:"_1hizew7c5",muted:"_1hizew7c6",mutedForeground:"_1hizew7c7",overlay:"_1hizew7c8",primary:"_1hizew7c9",primaryHover:"_1hizew7ca",primaryActive:"_1hizew7cb",primaryForeground:"_1hizew7cc",primarySubtle:"_1hizew7cd",primarySubtleHover:"_1hizew7ce",primarySubtleActive:"_1hizew7cf",primarySubtleForeground:"_1hizew7cg",primarySubtleBorder:"_1hizew7ch",link:"_1hizew7ci",linkHover:"_1hizew7cj",linkActive:"_1hizew7ck",secondary:"_1hizew7cl",secondaryHover:"_1hizew7cm",secondaryActive:"_1hizew7cn",secondaryForeground:"_1hizew7co",secondarySubtle:"_1hizew7cp",secondarySubtleHover:"_1hizew7cq",secondarySubtleActive:"_1hizew7cr",secondarySubtleForeground:"_1hizew7cs",secondarySubtleBorder:"_1hizew7ct",tertiary:"_1hizew7cu",tertiaryHover:"_1hizew7cv",tertiaryActive:"_1hizew7cw",tertiaryForeground:"_1hizew7cx",tertiarySubtle:"_1hizew7cy",tertiarySubtleHover:"_1hizew7cz",tertiarySubtleActive:"_1hizew7d0",tertiarySubtleForeground:"_1hizew7d1",tertiarySubtleBorder:"_1hizew7d2",success:"_1hizew7d3",successHover:"_1hizew7d4",successActive:"_1hizew7d5",successForeground:"_1hizew7d6",successSubtle:"_1hizew7d7",successSubtleHover:"_1hizew7d8",successSubtleActive:"_1hizew7d9",successSubtleForeground:"_1hizew7da",successSubtleBorder:"_1hizew7db",warning:"_1hizew7dc",warningHover:"_1hizew7dd",warningActive:"_1hizew7de",warningForeground:"_1hizew7df",warningSubtle:"_1hizew7dg",warningSubtleHover:"_1hizew7dh",warningSubtleActive:"_1hizew7di",warningSubtleForeground:"_1hizew7dj",warningSubtleBorder:"_1hizew7dk",info:"_1hizew7dl",infoHover:"_1hizew7dm",infoActive:"_1hizew7dn",infoForeground:"_1hizew7do",infoSubtle:"_1hizew7dp",infoSubtleHover:"_1hizew7dq",infoSubtleActive:"_1hizew7dr",infoSubtleForeground:"_1hizew7ds",infoSubtleBorder:"_1hizew7dt",destructive:"_1hizew7du",destructiveHover:"_1hizew7dv",destructiveActive:"_1hizew7dw",destructiveForeground:"_1hizew7dx",destructiveSubtle:"_1hizew7dy",destructiveSubtleHover:"_1hizew7dz",destructiveSubtleActive:"_1hizew7e0",destructiveSubtleForeground:"_1hizew7e1",destructiveSubtleBorder:"_1hizew7e2",purple:"_1hizew7e3",purpleHover:"_1hizew7e4",purpleActive:"_1hizew7e5",purpleForeground:"_1hizew7e6",purpleSubtle:"_1hizew7e7",purpleSubtleHover:"_1hizew7e8",purpleSubtleActive:"_1hizew7e9",purpleSubtleForeground:"_1hizew7ea",purpleSubtleBorder:"_1hizew7eb",pink:"_1hizew7ec",pinkHover:"_1hizew7ed",pinkActive:"_1hizew7ee",pinkForeground:"_1hizew7ef",pinkSubtle:"_1hizew7eg",pinkSubtleHover:"_1hizew7eh",pinkSubtleActive:"_1hizew7ei",pinkSubtleForeground:"_1hizew7ej",pinkSubtleBorder:"_1hizew7ek",orange:"_1hizew7el",orangeHover:"_1hizew7em",orangeActive:"_1hizew7en",orangeForeground:"_1hizew7eo",orangeSubtle:"_1hizew7ep",orangeSubtleHover:"_1hizew7eq",orangeSubtleActive:"_1hizew7er",orangeSubtleForeground:"_1hizew7es",orangeSubtleBorder:"_1hizew7et",teal:"_1hizew7eu",tealHover:"_1hizew7ev",tealActive:"_1hizew7ew",tealForeground:"_1hizew7ex",tealSubtle:"_1hizew7ey",tealSubtleHover:"_1hizew7ez",tealSubtleActive:"_1hizew7f0",tealSubtleForeground:"_1hizew7f1",tealSubtleBorder:"_1hizew7f2",cyan:"_1hizew7f3",cyanHover:"_1hizew7f4",cyanActive:"_1hizew7f5",cyanForeground:"_1hizew7f6",cyanSubtle:"_1hizew7f7",cyanSubtleHover:"_1hizew7f8",cyanSubtleActive:"_1hizew7f9",cyanSubtleForeground:"_1hizew7fa",cyanSubtleBorder:"_1hizew7fb",indigo:"_1hizew7fc",indigoHover:"_1hizew7fd",indigoActive:"_1hizew7fe",indigoForeground:"_1hizew7ff",indigoSubtle:"_1hizew7fg",indigoSubtleHover:"_1hizew7fh",indigoSubtleActive:"_1hizew7fi",indigoSubtleForeground:"_1hizew7fj",indigoSubtleBorder:"_1hizew7fk",border:"_1hizew7fl",borderStrong:"_1hizew7fm",input:"_1hizew7fn",ring:"_1hizew7fo",highlight:"_1hizew7fp",highlightForeground:"_1hizew7fq",skeleton:"_1hizew7fr",skeletonForeground:"_1hizew7fs",transparent:"_1hizew7ft"},boxShadow:{none:"_1hizew7fu",xs:"_1hizew7fv",sm:"_1hizew7fw",md:"_1hizew7fx",lg:"_1hizew7fy",xl:"_1hizew7fz","2xl":"_1hizew7g0",inner:"_1hizew7g1"}},defaultVariants:{},compoundVariants:[]})};exports.BOX_STYLES=i;
+//# sourceMappingURL=Box.css.cjs.map

package/dist/components/layout/box/styles/Box.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}