@ryuzaki13/react-foundation-ui 3.10.0 → 3.11.0

package/dist/chunks/flex-BhrQCH4I.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flex-BhrQCH4I.js","names":[],"sources":["../../src/flex/Flex.module.scss","../../src/flex/getFlexClasses.ts","../../src/flex/FlexContainer.tsx","../../src/flex/FlexItem.tsx","../../src/flex/PredefinedFlex.tsx","../../src/flex/Flex.tsx","../../src/flex/FlexCenter.tsx","../../src/flex/FlexSpacer.tsx"],"sourcesContent":["@use \"@/styles/mixins\" as *;\n\n@mixin container-modifiers($suffix: \"\") {\n\t// Вариант display\n\t&.inline#{$suffix} {\n\t\tdisplay: inline-flex;\n\t\tvertical-align: middle;\n\t}\n\n\t// Направление\n\t&.row#{$suffix} {\n\t\tflex-direction: row;\n\t}\n\t&.column#{$suffix} {\n\t\tflex-direction: column;\n\t}\n\t&.rowReverse#{$suffix} {\n\t\tflex-direction: row-reverse;\n\t}\n\t&.columnReverse#{$suffix} {\n\t\tflex-direction: column-reverse;\n\t}\n\n\t// Перенос\n\t&.wrap#{$suffix} {\n\t\tflex-wrap: wrap;\n\t}\n\t&.nowrap#{$suffix} {\n\t\tflex-wrap: nowrap;\n\t}\n\t&.wrapReverse#{$suffix} {\n\t\tflex-wrap: wrap-reverse;\n\t}\n\n\t// Выравнивание элементов\n\t&.alignStart#{$suffix} {\n\t\talign-items: start;\n\t}\n\t&.alignCenter#{$suffix} {\n\t\talign-items: center;\n\t}\n\t&.alignEnd#{$suffix} {\n\t\talign-items: end;\n\t}\n\t&.alignStretch#{$suffix} {\n\t\talign-items: stretch;\n\t}\n\t&.alignBaseline#{$suffix} {\n\t\talign-items: baseline;\n\t}\n\n\t// Распределение по главной оси\n\t&.justifyStart#{$suffix} {\n\t\tjustify-content: start;\n\t}\n\t&.justifyCenter#{$suffix} {\n\t\tjustify-content: center;\n\t}\n\t&.justifyEnd#{$suffix} {\n\t\tjustify-content: end;\n\t}\n\t&.justifyStretch#{$suffix} {\n\t\tjustify-content: stretch;\n\t}\n\t&.justifyBetween#{$suffix} {\n\t\tjustify-content: space-between;\n\t}\n\t&.justifyAround#{$suffix} {\n\t\tjustify-content: space-around;\n\t}\n\t&.justifyEvenly#{$suffix} {\n\t\tjustify-content: space-evenly;\n\t}\n\n\t// Распределение строк\n\t&.alignContentStart#{$suffix} {\n\t\talign-content: start;\n\t}\n\t&.alignContentCenter#{$suffix} {\n\t\talign-content: center;\n\t}\n\t&.alignContentEnd#{$suffix} {\n\t\talign-content: end;\n\t}\n\t&.alignContentStretch#{$suffix} {\n\t\talign-content: stretch;\n\t}\n\t&.alignContentBetween#{$suffix} {\n\t\talign-content: space-between;\n\t}\n\t&.alignContentAround#{$suffix} {\n\t\talign-content: space-around;\n\t}\n\t&.alignContentEvenly#{$suffix} {\n\t\talign-content: space-evenly;\n\t}\n\n\t// Отступы\n\t&.gapNone#{$suffix} {\n\t\tgap: unset;\n\t}\n\t&.gapRowXs#{$suffix} {\n\t\trow-gap: var(--space-xs);\n\t}\n\t&.gapRowSm#{$suffix} {\n\t\trow-gap: var(--space-sm);\n\t}\n\t&.gapRowMd#{$suffix} {\n\t\trow-gap: var(--space-md);\n\t}\n\t&.gapRowLg#{$suffix} {\n\t\trow-gap: var(--space-lg);\n\t}\n\t&.gapRowXl#{$suffix} {\n\t\trow-gap: var(--space-xl);\n\t}\n\t&.gapColumnXs#{$suffix} {\n\t\tcolumn-gap: var(--space-xs);\n\t}\n\t&.gapColumnSm#{$suffix} {\n\t\tcolumn-gap: var(--space-sm);\n\t}\n\t&.gapColumnMd#{$suffix} {\n\t\tcolumn-gap: var(--space-md);\n\t}\n\t&.gapColumnLg#{$suffix} {\n\t\tcolumn-gap: var(--space-lg);\n\t}\n\t&.gapColumnXl#{$suffix} {\n\t\tcolumn-gap: var(--space-xl);\n\t}\n\t&.gapXs#{$suffix} {\n\t\trow-gap: var(--space-xs);\n\t\tcolumn-gap: var(--space-xs);\n\t}\n\t&.gapSm#{$suffix} {\n\t\trow-gap: var(--space-sm);\n\t\tcolumn-gap: var(--space-sm);\n\t}\n\t&.gapMd#{$suffix} {\n\t\trow-gap: var(--space-md);\n\t\tcolumn-gap: var(--space-md);\n\t}\n\t&.gapLg#{$suffix} {\n\t\trow-gap: var(--space-lg);\n\t\tcolumn-gap: var(--space-lg);\n\t}\n\t&.gapXl#{$suffix} {\n\t\trow-gap: var(--space-xl);\n\t\tcolumn-gap: var(--space-xl);\n\t}\n}\n\n@mixin item-modifiers($suffix: \"\") {\n\t&.grow#{$suffix} {\n\t\tflex-grow: 1;\n\t}\n\t&.grow0#{$suffix} {\n\t\tflex-grow: 0;\n\t}\n\t&.shrink#{$suffix} {\n\t\tflex-shrink: 1;\n\t}\n\t&.shrink0#{$suffix} {\n\t\tflex-shrink: 0;\n\t}\n\t&.basis0#{$suffix} {\n\t\tflex-basis: 0;\n\t}\n\t&.basisAuto#{$suffix} {\n\t\tflex-basis: auto;\n\t}\n\n\t&.flex0#{$suffix} {\n\t\tflex-grow: 0;\n\t\tflex-shrink: 0;\n\t\tflex-basis: auto;\n\t}\n\t&.flex1#{$suffix} {\n\t\tflex-grow: 1;\n\t\tflex-shrink: 1;\n\t\tflex-basis: auto;\n\t}\n\n\t&.alignSelfStart#{$suffix} {\n\t\talign-self: start;\n\t}\n\t&.alignSelfCenter#{$suffix} {\n\t\talign-self: center;\n\t}\n\t&.alignSelfEnd#{$suffix} {\n\t\talign-self: end;\n\t}\n\t&.alignSelfStretch#{$suffix} {\n\t\talign-self: stretch;\n\t}\n\t&.alignSelfBaseline#{$suffix} {\n\t\talign-self: baseline;\n\t}\n\n\t&.justifySelfCenter#{$suffix} {\n\t\tjustify-self: center;\n\t}\n\t&.justifySelfEnd#{$suffix} {\n\t\tjustify-self: end;\n\t}\n\t&.justifySelfStretch#{$suffix} {\n\t\tjustify-self: stretch;\n\t}\n}\n\n.container {\n\tdisplay: flex;\n\t@include container-modifiers;\n}\n\n.item {\n\t@include item-modifiers;\n}\n\n// Ширины и порядок каскада принадлежат единственному источнику — styles/mixins/_media.scss.\n@include tablet-above {\n\t.container {\n\t\t@include container-modifiers(\"Laptop\");\n\t}\n\t.item {\n\t\t@include item-modifiers(\"Laptop\");\n\t}\n}\n\n@include tablet {\n\t.container {\n\t\t@include container-modifiers(\"Tablet\");\n\t}\n\t.item {\n\t\t@include item-modifiers(\"Tablet\");\n\t}\n}\n\n@include mobile {\n\t.container {\n\t\t@include container-modifiers(\"Mobile\");\n\t}\n\t.item {\n\t\t@include item-modifiers(\"Mobile\");\n\t}\n}\n\n// Предопределённые композиции\n.center {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n}\n\n.centerBetween {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n}\n\n.columnCenter {\n\t@extend .center;\n\tflex-direction: column;\n\theight: 100%;\n}\n","import { type Breakpoint, resolveProps, type ResolvedProps } from \"@ryuzaki13/react-foundation-lib/media\";\n\nimport {\n\thasResponsiveLayoutValue,\n\tRESPONSIVE_LAYOUT_BREAKPOINTS,\n\tresolveLayoutPropsForBreakpoints\n} from \"../responsive-layout/responsiveLayout\";\n\nimport styles from \"./Flex.module.scss\";\nimport { type FlexContainerLayoutProps, type FlexItemLayoutProps } from \"./types\";\n\ntype ClassName = string | undefined | null | false;\ntype ResolvedFlexContainerProps = ResolvedProps<FlexContainerLayoutProps>;\ntype ResolvedFlexItemProps = ResolvedProps<FlexItemLayoutProps>;\n\nconst CONTAINER_RESPONSIVE_KEYS = [\n\t\"inline\",\n\t\"row\",\n\t\"column\",\n\t\"rowReverse\",\n\t\"columnReverse\",\n\t\"wrap\",\n\t\"nowrap\",\n\t\"wrapReverse\",\n\t\"align\",\n\t\"justify\",\n\t\"alignContent\",\n\t\"gap\",\n\t\"gapRow\",\n\t\"gapColumn\"\n] as const satisfies readonly (keyof FlexContainerLayoutProps)[];\n\nconst ITEM_RESPONSIVE_KEYS = [\n\t\"flex0\",\n\t\"flex1\",\n\t\"grow\",\n\t\"shrink\",\n\t\"basis\",\n\t\"alignSelf\",\n\t\"justifySelf\"\n] as const satisfies readonly (keyof FlexItemLayoutProps)[];\n\nconst breakpointSuffixes = {\n\tmobile: \"Mobile\",\n\ttablet: \"Tablet\",\n\tlaptop: \"Laptop\"\n} as const satisfies Record<Breakpoint, string>;\n\nfunction getStyleClass(baseName: keyof typeof styles, breakpoint?: Breakpoint): string | undefined {\n\tconst className = breakpoint ? `${String(baseName)}${breakpointSuffixes[breakpoint]}` : baseName;\n\treturn styles[className as keyof typeof styles];\n}\n\nfunction getContainerModifierClasses(props: ResolvedFlexContainerProps, breakpoint?: Breakpoint): ClassName[] {\n\tconst classes: ClassName[] = [];\n\n\tif (props.inline) classes.push(getStyleClass(\"inline\", breakpoint));\n\n\tif (props.row) classes.push(getStyleClass(\"row\", breakpoint));\n\telse if (props.column) classes.push(getStyleClass(\"column\", breakpoint));\n\telse if (props.rowReverse) classes.push(getStyleClass(\"rowReverse\", breakpoint));\n\telse if (props.columnReverse) classes.push(getStyleClass(\"columnReverse\", breakpoint));\n\n\tif (props.wrap) classes.push(getStyleClass(\"wrap\", breakpoint));\n\telse if (props.nowrap) classes.push(getStyleClass(\"nowrap\", breakpoint));\n\telse if (props.wrapReverse) classes.push(getStyleClass(\"wrapReverse\", breakpoint));\n\n\tif (props.align) {\n\t\tclasses.push(\n\t\t\tgetStyleClass(`align${props.align.charAt(0).toUpperCase() + props.align.slice(1)}` as keyof typeof styles, breakpoint)\n\t\t);\n\t}\n\tif (props.justify) {\n\t\tclasses.push(\n\t\t\tgetStyleClass(`justify${props.justify.charAt(0).toUpperCase() + props.justify.slice(1)}` as keyof typeof styles, breakpoint)\n\t\t);\n\t}\n\tif (props.alignContent) {\n\t\tclasses.push(\n\t\t\tgetStyleClass(\n\t\t\t\t`alignContent${props.alignContent.charAt(0).toUpperCase() + props.alignContent.slice(1)}` as keyof typeof styles,\n\t\t\t\tbreakpoint\n\t\t\t)\n\t\t);\n\t}\n\n\tif (props.gap === \"none\") classes.push(getStyleClass(\"gapNone\", breakpoint));\n\telse if (props.gap) {\n\t\tclasses.push(getStyleClass(`gap${props.gap.charAt(0).toUpperCase() + props.gap.slice(1)}` as keyof typeof styles, breakpoint));\n\t}\n\tif (props.gapRow) {\n\t\tclasses.push(\n\t\t\tgetStyleClass(`gapRow${props.gapRow.charAt(0).toUpperCase() + props.gapRow.slice(1)}` as keyof typeof styles, breakpoint)\n\t\t);\n\t}\n\tif (props.gapColumn) {\n\t\tclasses.push(\n\t\t\tgetStyleClass(\n\t\t\t\t`gapColumn${props.gapColumn.charAt(0).toUpperCase() + props.gapColumn.slice(1)}` as keyof typeof styles,\n\t\t\t\tbreakpoint\n\t\t\t)\n\t\t);\n\t}\n\n\treturn classes;\n}\n\nfunction getItemModifierClasses(props: ResolvedFlexItemProps, breakpoint?: Breakpoint): ClassName[] {\n\tconst classes: ClassName[] = [];\n\n\tif (props.flex0) classes.push(getStyleClass(\"flex0\", breakpoint));\n\tif (props.flex1) classes.push(getStyleClass(\"flex1\", breakpoint));\n\n\tif (!props.flex0 && !props.flex1) {\n\t\tclasses.push(getStyleClass(props.grow ? \"grow\" : \"grow0\", breakpoint));\n\t\tclasses.push(getStyleClass(props.shrink === false ? \"shrink0\" : \"shrink\", breakpoint));\n\n\t\tif (props.basis === \"0\") classes.push(getStyleClass(\"basis0\", breakpoint));\n\t\telse if (props.basis === \"auto\") classes.push(getStyleClass(\"basisAuto\", breakpoint));\n\t}\n\n\tif (props.alignSelf) {\n\t\tclasses.push(\n\t\t\tgetStyleClass(\n\t\t\t\t`alignSelf${props.alignSelf.charAt(0).toUpperCase() + props.alignSelf.slice(1)}` as keyof typeof styles,\n\t\t\t\tbreakpoint\n\t\t\t)\n\t\t);\n\t}\n\tif (props.justifySelf) {\n\t\tclasses.push(\n\t\t\tgetStyleClass(\n\t\t\t\t`justifySelf${props.justifySelf.charAt(0).toUpperCase() + props.justifySelf.slice(1)}` as keyof typeof styles,\n\t\t\t\tbreakpoint\n\t\t\t)\n\t\t);\n\t}\n\n\treturn classes;\n}\n\nexport function getFlexContainerClasses(props: FlexContainerLayoutProps): string {\n\tconst values = CONTAINER_RESPONSIVE_KEYS.map((key) => props[key]);\n\tconst classes: ClassName[] = [styles.container];\n\n\tif (!hasResponsiveLayoutValue(values)) {\n\t\tclasses.push(...getContainerModifierClasses(resolveProps(props, \"laptop\", CONTAINER_RESPONSIVE_KEYS)));\n\t\treturn classes.filter(Boolean).join(\" \");\n\t}\n\n\tconst propsByBreakpoint = resolveLayoutPropsForBreakpoints(props, CONTAINER_RESPONSIVE_KEYS);\n\tfor (const breakpoint of RESPONSIVE_LAYOUT_BREAKPOINTS) {\n\t\tclasses.push(...getContainerModifierClasses(propsByBreakpoint[breakpoint], breakpoint));\n\t}\n\n\treturn classes.filter(Boolean).join(\" \");\n}\n\nexport function getFlexItemClasses(props: FlexItemLayoutProps): string {\n\tconst values = ITEM_RESPONSIVE_KEYS.map((key) => props[key]);\n\tconst classes: ClassName[] = [styles.item];\n\n\tif (!hasResponsiveLayoutValue(values)) {\n\t\tclasses.push(...getItemModifierClasses(resolveProps(props, \"laptop\", ITEM_RESPONSIVE_KEYS)));\n\t\treturn classes.filter(Boolean).join(\" \");\n\t}\n\n\tconst propsByBreakpoint = resolveLayoutPropsForBreakpoints(props, ITEM_RESPONSIVE_KEYS);\n\tfor (const breakpoint of RESPONSIVE_LAYOUT_BREAKPOINTS) {\n\t\tclasses.push(...getItemModifierClasses(propsByBreakpoint[breakpoint], breakpoint));\n\t}\n\n\treturn classes.filter(Boolean).join(\" \");\n}\n\nexport function getFlexPredefinedClass(variant: string): string | undefined {\n\treturn styles[variant as keyof typeof styles];\n}\n","import { type Ref } from \"react\";\n\nimport { PolymorphicComponent } from \"../polymorphic\";\n\nimport { getFlexContainerClasses } from \"./getFlexClasses\";\nimport { type FlexContainerProps } from \"./types\";\n\nexport function FlexContainer({\n\tref,\n\tchildren,\n\tclassName = \"\",\n\tas,\n\tstyle,\n\tinline,\n\trow,\n\tcolumn,\n\trowReverse,\n\tcolumnReverse,\n\twrap,\n\tnowrap,\n\twrapReverse,\n\talign,\n\tjustify,\n\talignContent,\n\tgap,\n\tgapRow,\n\tgapColumn,\n\t...htmlProps\n}: FlexContainerProps & { ref?: Ref<HTMLElement> }) {\n\tconst flexClasses = getFlexContainerClasses({\n\t\tinline,\n\t\trow,\n\t\tcolumn,\n\t\trowReverse,\n\t\tcolumnReverse,\n\t\twrap,\n\t\tnowrap,\n\t\twrapReverse,\n\t\talign,\n\t\tjustify,\n\t\talignContent,\n\t\tgap,\n\t\tgapRow,\n\t\tgapColumn\n\t});\n\n\tconst finalClassName = [flexClasses, className].filter(Boolean).join(\" \");\n\treturn (\n\t\t<PolymorphicComponent as={as} {...htmlProps} ref={ref} className={finalClassName} style={style}>\n\t\t\t{children}\n\t\t</PolymorphicComponent>\n\t);\n}\n\nFlexContainer.displayName = \"FlexContainer\";\n","import { type Ref } from \"react\";\n\nimport { PolymorphicComponent } from \"../polymorphic\";\n\nimport { getFlexItemClasses } from \"./getFlexClasses\";\nimport { type FlexItemProps } from \"./types\";\n\nexport function FlexItem({\n\tref,\n\tchildren,\n\tclassName = \"\",\n\tas,\n\tstyle,\n\tflex0,\n\tflex1,\n\tgrow,\n\tshrink,\n\tbasis,\n\talignSelf,\n\tjustifySelf,\n\t...htmlProps\n}: FlexItemProps & { ref?: Ref<HTMLElement> }) {\n\tconst flexClasses = getFlexItemClasses({ flex0, flex1, grow, shrink, basis, alignSelf, justifySelf });\n\n\tconst finalClassName = [flexClasses, className].filter(Boolean).join(\" \");\n\treturn (\n\t\t<PolymorphicComponent as={as} {...htmlProps} ref={ref} className={finalClassName} style={style}>\n\t\t\t{children}\n\t\t</PolymorphicComponent>\n\t);\n}\n\nFlexItem.displayName = \"FlexItem\";\n","import { type Ref } from \"react\";\n\nimport { FlexContainer } from \"./FlexContainer\";\nimport { getFlexPredefinedClass } from \"./getFlexClasses\";\nimport { type PredefinedFlexProps } from \"./types\";\n\nexport function PredefinedFlex({ ref, variant, children, className = \"\", ...props }: PredefinedFlexProps & { ref?: Ref<HTMLElement> }) {\n\tconst predefinedClass = getFlexPredefinedClass(variant ?? \"\");\n\tconst finalClassName = [predefinedClass, className].filter(Boolean).join(\" \");\n\n\treturn (\n\t\t<FlexContainer ref={ref} className={finalClassName} {...props}>\n\t\t\t{children}\n\t\t</FlexContainer>\n\t);\n}\n\nPredefinedFlex.displayName = \"PredefinedFlex\";\n","import { FlexContainer } from \"./FlexContainer\";\nimport { FlexItem } from \"./FlexItem\";\nimport { PredefinedFlex } from \"./PredefinedFlex\";\n\nexport const Flex = {\n\tContainer: FlexContainer,\n\tItem: FlexItem,\n\tPredefined: PredefinedFlex\n};\n","import type { HTMLAttributes, ReactNode } from \"react\";\n\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\n\nexport interface FlexCenterProps extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n\tchildren?: ReactNode;\n\tminHeight?: string | number;\n}\n\nexport function FlexCenter({ className, minHeight, children, style, ...htmlProps }: FlexCenterProps) {\n\tconst finalStyle = minHeight === undefined ? style : { ...style, minHeight };\n\n\treturn (\n\t\t<div {...htmlProps} className={cn(\"flexCenter h100\", className)} style={finalStyle}>\n\t\t\t{children}\n\t\t</div>\n\t);\n}\n","import { type Ref } from \"react\";\n\nimport { FlexItem } from \"./FlexItem\";\n\nimport type { FlexItemProps } from \"./types\";\n\nexport type FlexSpacerProps = Omit<FlexItemProps, \"children\" | \"flex1\">;\n\nexport function FlexSpacer({ ref, ...props }: FlexSpacerProps & { ref?: Ref<HTMLElement> }) {\n\treturn <FlexItem {...props} ref={ref} flex1 />;\n}\n\nFlexSpacer.displayName = \"FlexSpacer\";\n"],"mappings":"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"}

package/dist/chunks/grid-D6wPRCjx.js

@@ -0,0 +1,394 @@
+import { PolymorphicComponent as e } from "../polymorphic/index.js";
+import { i as t, n, r, t as i } from "./responsiveLayout-D2mtCDdh.js";
+import { jsx as a } from "react/jsx-runtime";
+import { isResponsiveMap as o, resolveProps as s } from "@ryuzaki13/react-foundation-lib/media";
+var c = {
+	grid: "_5Z2YQF",
+	inline: "gAEXju",
+	row: "KdmGbk",
+	column: "uOpH1m",
+	dense: "EOUgpE",
+	gapNone: "PoMD0P",
+	gapRowXs: "FBebhA",
+	gapRowSm: "rwvhfS",
+	gapRowMd: "ZIsGgj",
+	gapRowLg: "lbAie9",
+	gapRowXl: "ylmmN3",
+	gapColumnXs: "Fg86QU",
+	gapColumnSm: "_3qWtbZ",
+	gapColumnMd: "gIXZ8P",
+	gapColumnLg: "xXxHZM",
+	gapColumnXl: "zRgpft",
+	gapXs: "Fb1W2U",
+	gapSm: "_2EojT9",
+	gapMd: "gYCGa5",
+	gapLg: "JN0CZr",
+	gapXl: "_2QvtUb",
+	alignStart: "_1kRriS",
+	alignCenter: "ocLWZU",
+	alignEnd: "TS1qri",
+	alignStretch: "FXfvI7",
+	alignBaseline: "biKmzi",
+	justifyStart: "_4-sIS7",
+	justifyCenter: "lbdoyi",
+	justifyEnd: "WvAC9I",
+	justifyStretch: "LN4Ak-",
+	alignContentStart: "XC0FuJ",
+	alignContentCenter: "_6b9wZI",
+	alignContentEnd: "KevE4M",
+	alignContentStretch: "Sn-je4",
+	alignContentBetween: "Wnx9iF",
+	alignContentAround: "RAoqm2",
+	alignContentEvenly: "nUjbmv",
+	justifyContentStart: "TjTsA7",
+	justifyContentCenter: "VdpzYk",
+	justifyContentEnd: "peszxb",
+	justifyContentStretch: "E98bqx",
+	justifyContentBetween: "CdaBbu",
+	justifyContentAround: "leVL0N",
+	justifyContentEvenly: "_6mOZVj",
+	autoRows1fr: "gUbUDY",
+	columnsAuto1fr: "S0HulN",
+	singleColumn: "K2fFKT",
+	item: "XHgjM3",
+	areaAuto: "wtrn5A",
+	alignSelfStart: "LkIh-N",
+	alignSelfCenter: "Vhdvpo",
+	alignSelfEnd: "cyg2du",
+	alignSelfStretch: "Ptd1ad",
+	alignSelfBaseline: "Z22Yty",
+	justifySelfStart: "gycEgN",
+	justifySelfCenter: "s69iy2",
+	justifySelfEnd: "pKEJ9k",
+	justifySelfStretch: "qWkZVw",
+	inlineLaptop: "_4CtxXl",
+	rowLaptop: "_7IEPF-",
+	columnLaptop: "d-tD65",
+	denseLaptop: "CNoziu",
+	gapNoneLaptop: "_3l62ur",
+	gapRowXsLaptop: "XJSe-L",
+	gapRowSmLaptop: "Jk3Oxo",
+	gapRowMdLaptop: "mAGDBN",
+	gapRowLgLaptop: "xdVnQI",
+	gapRowXlLaptop: "iTMT-Q",
+	gapColumnXsLaptop: "_7LbKjP",
+	gapColumnSmLaptop: "ymPYNc",
+	gapColumnMdLaptop: "R0s-j-",
+	gapColumnLgLaptop: "b6vSrU",
+	gapColumnXlLaptop: "_5bf1KV",
+	gapXsLaptop: "_7FIhm4",
+	gapSmLaptop: "p3nbqJ",
+	gapMdLaptop: "uxZyHy",
+	gapLgLaptop: "MIBt0q",
+	gapXlLaptop: "_7ElnG6",
+	alignStartLaptop: "oWHm3X",
+	alignCenterLaptop: "f8P8dm",
+	alignEndLaptop: "aveFLH",
+	alignStretchLaptop: "NX2Bl3",
+	alignBaselineLaptop: "JwJql5",
+	justifyStartLaptop: "orwPCB",
+	justifyCenterLaptop: "hPr8TR",
+	justifyEndLaptop: "wRT8T0",
+	justifyStretchLaptop: "LE-OWd",
+	alignContentStartLaptop: "_38eZrL",
+	alignContentCenterLaptop: "NrA6m5",
+	alignContentEndLaptop: "NIFV1Z",
+	alignContentStretchLaptop: "dOtalM",
+	alignContentBetweenLaptop: "_7dPnYN",
+	alignContentAroundLaptop: "SleG8p",
+	alignContentEvenlyLaptop: "V-Q5PK",
+	justifyContentStartLaptop: "JCPRhn",
+	justifyContentCenterLaptop: "JBp0Lc",
+	justifyContentEndLaptop: "WuV0WD",
+	justifyContentStretchLaptop: "cbW-Rf",
+	justifyContentBetweenLaptop: "BHc04F",
+	justifyContentAroundLaptop: "_8xxnxZ",
+	justifyContentEvenlyLaptop: "RnXG5T",
+	autoRows1frLaptop: "_46euer",
+	columnsAuto1frLaptop: "yfPFHt",
+	singleColumnLaptop: "xr12im",
+	responsiveTemplateColumns: "ar4ioC",
+	responsiveTemplateRows: "xV4rvA",
+	responsiveAutoColumns: "Hus718",
+	responsiveAutoRows: "TSRpLu",
+	responsiveTemplateAreas: "_8Ox2Fo",
+	areaAutoLaptop: "OJFFr3",
+	alignSelfStartLaptop: "N5lptY",
+	alignSelfCenterLaptop: "lyDgZZ",
+	alignSelfEndLaptop: "-TBf7-",
+	alignSelfStretchLaptop: "EWbLrf",
+	alignSelfBaselineLaptop: "N-FQM3",
+	justifySelfStartLaptop: "u9CWl4",
+	justifySelfCenterLaptop: "bN6da0",
+	justifySelfEndLaptop: "OQlVUK",
+	justifySelfStretchLaptop: "ZUTnYA",
+	responsiveArea: "ZNkmI4",
+	responsiveColumn: "oZZBH1",
+	responsiveRow: "_0L8HeU",
+	inlineTablet: "MBmlnL",
+	rowTablet: "vkj62L",
+	columnTablet: "yDlGkB",
+	denseTablet: "Be51BL",
+	gapNoneTablet: "jH-QYx",
+	gapRowXsTablet: "moNIhn",
+	gapRowSmTablet: "uAr9D8",
+	gapRowMdTablet: "ZAOmB8",
+	gapRowLgTablet: "KOUXKg",
+	gapRowXlTablet: "_8NtZ4Z",
+	gapColumnXsTablet: "N36IE8",
+	gapColumnSmTablet: "ewqkxx",
+	gapColumnMdTablet: "aTaAmG",
+	gapColumnLgTablet: "aVCCTI",
+	gapColumnXlTablet: "_64cJiZ",
+	gapXsTablet: "stJhAM",
+	gapSmTablet: "wgtG-4",
+	gapMdTablet: "UtCK1c",
+	gapLgTablet: "zE-o-N",
+	gapXlTablet: "RrExoW",
+	alignStartTablet: "_06-bLV",
+	alignCenterTablet: "zBT7vv",
+	alignEndTablet: "JUbiqu",
+	alignStretchTablet: "SBhoGh",
+	alignBaselineTablet: "NjPTg-",
+	justifyStartTablet: "P8dn3Q",
+	justifyCenterTablet: "_6hVh3W",
+	justifyEndTablet: "Sumyqw",
+	justifyStretchTablet: "S4dT8m",
+	alignContentStartTablet: "Z91ayw",
+	alignContentCenterTablet: "fuRAz-",
+	alignContentEndTablet: "PVtVDT",
+	alignContentStretchTablet: "dAd0zJ",
+	alignContentBetweenTablet: "uYYkoB",
+	alignContentAroundTablet: "nrZx1f",
+	alignContentEvenlyTablet: "C-Hg7i",
+	justifyContentStartTablet: "VG2lmY",
+	justifyContentCenterTablet: "Ldu8se",
+	justifyContentEndTablet: "DtMAPq",
+	justifyContentStretchTablet: "_4Dy9qu",
+	justifyContentBetweenTablet: "O1rFMi",
+	justifyContentAroundTablet: "b01r6t",
+	justifyContentEvenlyTablet: "Rq2m3C",
+	autoRows1frTablet: "-hWzbD",
+	columnsAuto1frTablet: "BjGg9N",
+	singleColumnTablet: "PYJ4sy",
+	areaAutoTablet: "bYE-pF",
+	alignSelfStartTablet: "_4cqQkJ",
+	alignSelfCenterTablet: "X65XnN",
+	alignSelfEndTablet: "_0ko7UR",
+	alignSelfStretchTablet: "Nvv-hX",
+	alignSelfBaselineTablet: "l45-hR",
+	justifySelfStartTablet: "iK-dlj",
+	justifySelfCenterTablet: "MnLZQa",
+	justifySelfEndTablet: "_3bV9Kz",
+	justifySelfStretchTablet: "_6NstfH",
+	inlineMobile: "_5MyDRP",
+	rowMobile: "Zceu1V",
+	columnMobile: "_92EJ-e",
+	denseMobile: "_0Rntna",
+	gapNoneMobile: "N-TeF-",
+	gapRowXsMobile: "ZndqJz",
+	gapRowSmMobile: "UOoOjY",
+	gapRowMdMobile: "WyUtl6",
+	gapRowLgMobile: "IxCgUa",
+	gapRowXlMobile: "_0ZHOr6",
+	gapColumnXsMobile: "zvI9dF",
+	gapColumnSmMobile: "A3G6KH",
+	gapColumnMdMobile: "rdsy15",
+	gapColumnLgMobile: "Xs-Odj",
+	gapColumnXlMobile: "JO4giX",
+	gapXsMobile: "-ZXN7c",
+	gapSmMobile: "WgaCBL",
+	gapMdMobile: "_8LS7Pt",
+	gapLgMobile: "gC1t4Z",
+	gapXlMobile: "_0-Sjdg",
+	alignStartMobile: "W7DnVy",
+	alignCenterMobile: "fBRPVT",
+	alignEndMobile: "kbi8Mf",
+	alignStretchMobile: "_1oIxpH",
+	alignBaselineMobile: "l3Bb7h",
+	justifyStartMobile: "cl6dWX",
+	justifyCenterMobile: "_6yDZ-V",
+	justifyEndMobile: "CuLr2P",
+	justifyStretchMobile: "bMtDkh",
+	alignContentStartMobile: "eQH5tg",
+	alignContentCenterMobile: "CqNpUH",
+	alignContentEndMobile: "JZ899v",
+	alignContentStretchMobile: "amen-5",
+	alignContentBetweenMobile: "TpE3W1",
+	alignContentAroundMobile: "nHT2Eo",
+	alignContentEvenlyMobile: "nAKcVp",
+	justifyContentStartMobile: "MoFFze",
+	justifyContentCenterMobile: "-h32m6",
+	justifyContentEndMobile: "MM6r0X",
+	justifyContentStretchMobile: "_0M0JVG",
+	justifyContentBetweenMobile: "C6VNZn",
+	justifyContentAroundMobile: "_4jCljC",
+	justifyContentEvenlyMobile: "iMBy64",
+	autoRows1frMobile: "XX114u",
+	columnsAuto1frMobile: "aZMi3X",
+	singleColumnMobile: "yFEj8M",
+	areaAutoMobile: "SLyxJm",
+	alignSelfStartMobile: "V9-muU",
+	alignSelfCenterMobile: "_47lg3e",
+	alignSelfEndMobile: "D4MTwV",
+	alignSelfStretchMobile: "YLN6G7",
+	alignSelfBaselineMobile: "khb1nb",
+	justifySelfStartMobile: "XnocuL",
+	justifySelfCenterMobile: "btFVUD",
+	justifySelfEndMobile: "uiDBko",
+	justifySelfStretchMobile: "EPL4n-"
+}, l = [
+	"inline",
+	"row",
+	"column",
+	"dense",
+	"gap",
+	"gapRow",
+	"gapColumn",
+	"align",
+	"justify",
+	"alignContent",
+	"justifyContent",
+	"variant"
+], u = ["alignSelf", "justifySelf"], d = {
+	mobile: "Mobile",
+	tablet: "Tablet",
+	laptop: "Laptop"
+};
+function f(e, t) {
+	return c[t ? `${String(e)}${d[t]}` : e];
+}
+function p(e, t) {
+	let n = [];
+	return e.inline && n.push(f("inline", t)), e.column ? n.push(f("column", t)) : e.dense ? n.push(f("dense", t)) : e.row && n.push(f("row", t)), e.align && n.push(f(`align${e.align.charAt(0).toUpperCase() + e.align.slice(1)}`, t)), e.justify && n.push(f(`justify${e.justify.charAt(0).toUpperCase() + e.justify.slice(1)}`, t)), e.justifyContent && n.push(f(`justifyContent${e.justifyContent.charAt(0).toUpperCase() + e.justifyContent.slice(1)}`, t)), e.alignContent && n.push(f(`alignContent${e.alignContent.charAt(0).toUpperCase() + e.alignContent.slice(1)}`, t)), e.gap === "none" ? n.push(f("gapNone", t)) : e.gap && n.push(f(`gap${e.gap.charAt(0).toUpperCase() + e.gap.slice(1)}`, t)), e.gapRow && n.push(f(`gapRow${e.gapRow.charAt(0).toUpperCase() + e.gapRow.slice(1)}`, t)), e.gapColumn && n.push(f(`gapColumn${e.gapColumn.charAt(0).toUpperCase() + e.gapColumn.slice(1)}`, t)), e.variant === "single-column" ? n.push(f("singleColumn", t)) : e.variant === "auto-1fr" ? n.push(f("autoRows1fr", t)) : e.variant === "auto1fr-rows-auto" && n.push(f("columnsAuto1fr", t)), n;
+}
+function m(e, t) {
+	let n = [];
+	return e.alignSelf && n.push(f(`alignSelf${e.alignSelf.charAt(0).toUpperCase() + e.alignSelf.slice(1)}`, t)), e.justifySelf && n.push(f(`justifySelf${e.justifySelf.charAt(0).toUpperCase() + e.justifySelf.slice(1)}`, t)), n;
+}
+function h(e, n, r, a, s) {
+	if (a === void 0) return;
+	if (!o(a)) {
+		Object.assign(e, { [n]: a });
+		return;
+	}
+	let c = t(a);
+	for (let t of i) e[`--foundation-grid-${r}-${t}`] = c[t];
+	return f(s);
+}
+function g(e) {
+	let t = l.map((t) => e[t]), a = [c.grid];
+	if (!n(t)) return a.push(...p(s(e, "laptop", l))), a.filter(Boolean).join(" ");
+	let o = r(e, l);
+	for (let e of i) a.push(...p(o[e], e));
+	return a.filter(Boolean).join(" ");
+}
+function _(e) {
+	let t = {};
+	return {
+		className: [
+			h(t, "gridTemplateColumns", "template-columns", e.templateColumns, "responsiveTemplateColumns"),
+			h(t, "gridTemplateRows", "template-rows", e.templateRows, "responsiveTemplateRows"),
+			h(t, "gridAutoColumns", "auto-columns", e.autoColumns, "responsiveAutoColumns"),
+			h(t, "gridAutoRows", "auto-rows", e.autoRows, "responsiveAutoRows"),
+			h(t, "gridTemplateAreas", "template-areas", e.areas, "responsiveTemplateAreas")
+		].filter(Boolean).join(" ") || void 0,
+		style: t
+	};
+}
+function v(e) {
+	let t = u.map((t) => e[t]), a = [c.item];
+	if (!n(t)) return a.push(...m(s(e, "laptop", u))), a.filter(Boolean).join(" ");
+	let o = r(e, u);
+	for (let e of i) a.push(...m(o[e], e));
+	return a.filter(Boolean).join(" ");
+}
+function y(e) {
+	let t = {};
+	return {
+		className: [
+			h(t, "gridArea", "area", e.area, "responsiveArea"),
+			h(t, "gridColumn", "column", e.column, "responsiveColumn"),
+			h(t, "gridRow", "row", e.row, "responsiveRow")
+		].filter(Boolean).join(" ") || void 0,
+		style: t
+	};
+}
+//#endregion
+//#region src/grid/GridContainer.tsx
+function b({ ref: t, children: n, className: r = "", as: i, style: o, inline: s, row: c, column: l, dense: u, gap: d, gapRow: f, gapColumn: p, align: m, justify: h, alignContent: v, justifyContent: y, templateColumns: b, templateRows: x, autoColumns: S, autoRows: C, areas: w, variant: T, ...E }) {
+	let D = g({
+		inline: s,
+		row: c,
+		column: l,
+		dense: u,
+		gap: d,
+		gapRow: f,
+		gapColumn: p,
+		align: m,
+		justify: h,
+		alignContent: v,
+		justifyContent: y,
+		variant: T
+	}), O = _({
+		templateColumns: b,
+		templateRows: x,
+		autoColumns: S,
+		autoRows: C,
+		areas: w
+	}), k = [
+		D,
+		O.className,
+		r
+	].filter(Boolean).join(" "), A = {
+		...O.style,
+		...o
+	};
+	return /* @__PURE__ */ a(e, {
+		as: i,
+		...E,
+		ref: t,
+		className: k,
+		style: A,
+		children: n
+	});
+}
+b.displayName = "GridContainer";
+//#endregion
+//#region src/grid/GridItem.tsx
+function x({ ref: t, children: n, className: r = "", as: i, style: o, area: s, column: c, row: l, alignSelf: u, justifySelf: d, ...f }) {
+	let p = v({
+		alignSelf: u,
+		justifySelf: d
+	}), m = y({
+		area: s,
+		column: c,
+		row: l
+	}), h = [
+		p,
+		m.className,
+		r
+	].filter(Boolean).join(" "), g = {
+		...m.style,
+		...o
+	};
+	return /* @__PURE__ */ a(e, {
+		as: i,
+		...f,
+		ref: t,
+		className: h,
+		style: g,
+		children: n
+	});
+}
+x.displayName = "GridItem";
+//#endregion
+//#region src/grid/Grid.tsx
+var S = {
+	Container: b,
+	Item: x
+};
+//#endregion
+export { x as n, b as r, S as t };
+
+//# sourceMappingURL=grid-D6wPRCjx.js.map

package/dist/chunks/grid-D6wPRCjx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid-D6wPRCjx.js","names":[],"sources":["../../src/grid/Grid.module.scss","../../src/grid/getGridClasses.ts","../../src/grid/GridContainer.tsx","../../src/grid/GridItem.tsx","../../src/grid/Grid.tsx"],"sourcesContent":["@use \"@/styles/mixins\" as *;\n\n@mixin container-modifiers($suffix: \"\") {\n\t&.inline#{$suffix} {\n\t\tdisplay: inline-grid;\n\t\tvertical-align: middle;\n\t}\n\n\t// Автоматическое размещение\n\t&.row#{$suffix} {\n\t\tgrid-auto-flow: row;\n\t}\n\t&.column#{$suffix} {\n\t\tgrid-auto-flow: column;\n\t}\n\t&.dense#{$suffix} {\n\t\tgrid-auto-flow: dense;\n\t}\n\n\t// Отступы\n\t&.gapNone#{$suffix} {\n\t\tgap: unset;\n\t}\n\t&.gapRowXs#{$suffix} {\n\t\trow-gap: var(--space-xs);\n\t}\n\t&.gapRowSm#{$suffix} {\n\t\trow-gap: var(--space-sm);\n\t}\n\t&.gapRowMd#{$suffix} {\n\t\trow-gap: var(--space-md);\n\t}\n\t&.gapRowLg#{$suffix} {\n\t\trow-gap: var(--space-lg);\n\t}\n\t&.gapRowXl#{$suffix} {\n\t\trow-gap: var(--space-xl);\n\t}\n\t&.gapColumnXs#{$suffix} {\n\t\tcolumn-gap: var(--space-xs);\n\t}\n\t&.gapColumnSm#{$suffix} {\n\t\tcolumn-gap: var(--space-sm);\n\t}\n\t&.gapColumnMd#{$suffix} {\n\t\tcolumn-gap: var(--space-md);\n\t}\n\t&.gapColumnLg#{$suffix} {\n\t\tcolumn-gap: var(--space-lg);\n\t}\n\t&.gapColumnXl#{$suffix} {\n\t\tcolumn-gap: var(--space-xl);\n\t}\n\t&.gapXs#{$suffix} {\n\t\trow-gap: var(--space-xs);\n\t\tcolumn-gap: var(--space-xs);\n\t}\n\t&.gapSm#{$suffix} {\n\t\trow-gap: var(--space-sm);\n\t\tcolumn-gap: var(--space-sm);\n\t}\n\t&.gapMd#{$suffix} {\n\t\trow-gap: var(--space-md);\n\t\tcolumn-gap: var(--space-md);\n\t}\n\t&.gapLg#{$suffix} {\n\t\trow-gap: var(--space-lg);\n\t\tcolumn-gap: var(--space-lg);\n\t}\n\t&.gapXl#{$suffix} {\n\t\trow-gap: var(--space-xl);\n\t\tcolumn-gap: var(--space-xl);\n\t}\n\n\t// Выравнивание элементов\n\t&.alignStart#{$suffix} {\n\t\talign-items: start;\n\t}\n\t&.alignCenter#{$suffix} {\n\t\talign-items: center;\n\t}\n\t&.alignEnd#{$suffix} {\n\t\talign-items: end;\n\t}\n\t&.alignStretch#{$suffix} {\n\t\talign-items: stretch;\n\t}\n\t&.alignBaseline#{$suffix} {\n\t\talign-items: baseline;\n\t}\n\t&.justifyStart#{$suffix} {\n\t\tjustify-items: start;\n\t}\n\t&.justifyCenter#{$suffix} {\n\t\tjustify-items: center;\n\t}\n\t&.justifyEnd#{$suffix} {\n\t\tjustify-items: end;\n\t}\n\t&.justifyStretch#{$suffix} {\n\t\tjustify-items: stretch;\n\t}\n\n\t// Распределение сетки\n\t&.alignContentStart#{$suffix} {\n\t\talign-content: start;\n\t}\n\t&.alignContentCenter#{$suffix} {\n\t\talign-content: center;\n\t}\n\t&.alignContentEnd#{$suffix} {\n\t\talign-content: end;\n\t}\n\t&.alignContentStretch#{$suffix} {\n\t\talign-content: stretch;\n\t}\n\t&.alignContentBetween#{$suffix} {\n\t\talign-content: space-between;\n\t}\n\t&.alignContentAround#{$suffix} {\n\t\talign-content: space-around;\n\t}\n\t&.alignContentEvenly#{$suffix} {\n\t\talign-content: space-evenly;\n\t}\n\t&.justifyContentStart#{$suffix} {\n\t\tjustify-content: start;\n\t}\n\t&.justifyContentCenter#{$suffix} {\n\t\tjustify-content: center;\n\t}\n\t&.justifyContentEnd#{$suffix} {\n\t\tjustify-content: end;\n\t}\n\t&.justifyContentStretch#{$suffix} {\n\t\tjustify-content: stretch;\n\t}\n\t&.justifyContentBetween#{$suffix} {\n\t\tjustify-content: space-between;\n\t}\n\t&.justifyContentAround#{$suffix} {\n\t\tjustify-content: space-around;\n\t}\n\t&.justifyContentEvenly#{$suffix} {\n\t\tjustify-content: space-evenly;\n\t}\n\n\t// Предопределённые композиции\n\t&.autoRows1fr#{$suffix} {\n\t\tgrid-auto-rows: 1fr;\n\t}\n\t&.columnsAuto1fr#{$suffix} {\n\t\tgrid-template-columns: auto 1fr;\n\t\tgrid-auto-rows: auto;\n\t}\n\t&.singleColumn#{$suffix} {\n\t\tgrid-template-columns: 100%;\n\t\tgrid-auto-rows: auto 1fr;\n\t}\n}\n\n@mixin item-modifiers($suffix: \"\") {\n\t&.areaAuto#{$suffix} {\n\t\tgrid-area: auto;\n\t}\n\t&.alignSelfStart#{$suffix} {\n\t\talign-self: start;\n\t}\n\t&.alignSelfCenter#{$suffix} {\n\t\talign-self: center;\n\t}\n\t&.alignSelfEnd#{$suffix} {\n\t\talign-self: end;\n\t}\n\t&.alignSelfStretch#{$suffix} {\n\t\talign-self: stretch;\n\t}\n\t&.alignSelfBaseline#{$suffix} {\n\t\talign-self: baseline;\n\t}\n\t&.justifySelfStart#{$suffix} {\n\t\tjustify-self: start;\n\t}\n\t&.justifySelfCenter#{$suffix} {\n\t\tjustify-self: center;\n\t}\n\t&.justifySelfEnd#{$suffix} {\n\t\tjustify-self: end;\n\t}\n\t&.justifySelfStretch#{$suffix} {\n\t\tjustify-self: stretch;\n\t}\n}\n\n@mixin responsive-container-values($breakpoint) {\n\t&.responsiveTemplateColumns {\n\t\tgrid-template-columns: var(--foundation-grid-template-columns-#{$breakpoint});\n\t}\n\t&.responsiveTemplateRows {\n\t\tgrid-template-rows: var(--foundation-grid-template-rows-#{$breakpoint});\n\t}\n\t&.responsiveAutoColumns {\n\t\tgrid-auto-columns: var(--foundation-grid-auto-columns-#{$breakpoint});\n\t}\n\t&.responsiveAutoRows {\n\t\tgrid-auto-rows: var(--foundation-grid-auto-rows-#{$breakpoint});\n\t}\n\t&.responsiveTemplateAreas {\n\t\tgrid-template-areas: var(--foundation-grid-template-areas-#{$breakpoint});\n\t}\n}\n\n@mixin responsive-item-values($breakpoint) {\n\t&.responsiveArea {\n\t\tgrid-area: var(--foundation-grid-area-#{$breakpoint});\n\t}\n\t&.responsiveColumn {\n\t\tgrid-column: var(--foundation-grid-column-#{$breakpoint});\n\t}\n\t&.responsiveRow {\n\t\tgrid-row: var(--foundation-grid-row-#{$breakpoint});\n\t}\n}\n\n.grid {\n\tdisplay: grid;\n\t@include container-modifiers;\n}\n\n.item {\n\t@include item-modifiers;\n}\n\n// Ширины и порядок каскада принадлежат единственному источнику — styles/mixins/_media.scss.\n@include tablet-above {\n\t.grid {\n\t\t@include container-modifiers(\"Laptop\");\n\t\t@include responsive-container-values(\"laptop\");\n\t}\n\t.item {\n\t\t@include item-modifiers(\"Laptop\");\n\t\t@include responsive-item-values(\"laptop\");\n\t}\n}\n\n@include tablet {\n\t.grid {\n\t\t@include container-modifiers(\"Tablet\");\n\t\t@include responsive-container-values(\"tablet\");\n\t}\n\t.item {\n\t\t@include item-modifiers(\"Tablet\");\n\t\t@include responsive-item-values(\"tablet\");\n\t}\n}\n\n@include mobile {\n\t.grid {\n\t\t@include container-modifiers(\"Mobile\");\n\t\t@include responsive-container-values(\"mobile\");\n\t}\n\t.item {\n\t\t@include item-modifiers(\"Mobile\");\n\t\t@include responsive-item-values(\"mobile\");\n\t}\n}\n","import type { CSSProperties } from \"react\";\n\nimport {\n\ttype Breakpoint,\n\tisResponsiveMap,\n\tresolveProps,\n\ttype ResolvedProps,\n\ttype ResponsiveValue\n} from \"@ryuzaki13/react-foundation-lib/media\";\n\nimport {\n\thasResponsiveLayoutValue,\n\tRESPONSIVE_LAYOUT_BREAKPOINTS,\n\tresolveLayoutPropsForBreakpoints,\n\tresolveLayoutValueForBreakpoints\n} from \"../responsive-layout/responsiveLayout\";\n\nimport styles from \"./Grid.module.scss\";\n\nimport type { GridContainerLayoutProps, GridItemLayoutProps } from \"./types\";\n\ntype ClassName = string | undefined | null | false;\ntype ResolvedGridContainerProps = ResolvedProps<GridContainerLayoutProps>;\ntype ResolvedGridItemProps = ResolvedProps<GridItemLayoutProps>;\ntype ResponsiveCSSProperties = CSSProperties & Record<`--foundation-grid-${string}`, string | number | undefined>;\n\ntype ResponsiveStyleResult = {\n\tclassName?: string;\n\tstyle: CSSProperties;\n};\n\nconst CONTAINER_CLASS_KEYS = [\n\t\"inline\",\n\t\"row\",\n\t\"column\",\n\t\"dense\",\n\t\"gap\",\n\t\"gapRow\",\n\t\"gapColumn\",\n\t\"align\",\n\t\"justify\",\n\t\"alignContent\",\n\t\"justifyContent\",\n\t\"variant\"\n] as const satisfies readonly (keyof GridContainerLayoutProps)[];\n\nconst ITEM_CLASS_KEYS = [\"alignSelf\", \"justifySelf\"] as const satisfies readonly (keyof GridItemLayoutProps)[];\n\nconst breakpointSuffixes = {\n\tmobile: \"Mobile\",\n\ttablet: \"Tablet\",\n\tlaptop: \"Laptop\"\n} as const satisfies Record<Breakpoint, string>;\n\nfunction getStyleClass(baseName: string, breakpoint?: Breakpoint): string | undefined {\n\tconst className = breakpoint ? `${String(baseName)}${breakpointSuffixes[breakpoint]}` : baseName;\n\treturn styles[className as keyof typeof styles];\n}\n\nfunction getContainerModifierClasses(props: ResolvedGridContainerProps, breakpoint?: Breakpoint): ClassName[] {\n\tconst classes: ClassName[] = [];\n\n\tif (props.inline) classes.push(getStyleClass(\"inline\", breakpoint));\n\n\tif (props.column) classes.push(getStyleClass(\"column\", breakpoint));\n\telse if (props.dense) classes.push(getStyleClass(\"dense\", breakpoint));\n\telse if (props.row) classes.push(getStyleClass(\"row\", breakpoint));\n\n\tif (props.align) {\n\t\tclasses.push(\n\t\t\tgetStyleClass(`align${props.align.charAt(0).toUpperCase() + props.align.slice(1)}` as keyof typeof styles, breakpoint)\n\t\t);\n\t}\n\tif (props.justify) {\n\t\tclasses.push(\n\t\t\tgetStyleClass(`justify${props.justify.charAt(0).toUpperCase() + props.justify.slice(1)}` as keyof typeof styles, breakpoint)\n\t\t);\n\t}\n\tif (props.justifyContent) {\n\t\tclasses.push(\n\t\t\tgetStyleClass(\n\t\t\t\t`justifyContent${props.justifyContent.charAt(0).toUpperCase() + props.justifyContent.slice(1)}` as keyof typeof styles,\n\t\t\t\tbreakpoint\n\t\t\t)\n\t\t);\n\t}\n\tif (props.alignContent) {\n\t\tclasses.push(\n\t\t\tgetStyleClass(\n\t\t\t\t`alignContent${props.alignContent.charAt(0).toUpperCase() + props.alignContent.slice(1)}` as keyof typeof styles,\n\t\t\t\tbreakpoint\n\t\t\t)\n\t\t);\n\t}\n\n\tif (props.gap === \"none\") classes.push(getStyleClass(\"gapNone\", breakpoint));\n\telse if (props.gap) {\n\t\tclasses.push(getStyleClass(`gap${props.gap.charAt(0).toUpperCase() + props.gap.slice(1)}` as keyof typeof styles, breakpoint));\n\t}\n\tif (props.gapRow) {\n\t\tclasses.push(\n\t\t\tgetStyleClass(`gapRow${props.gapRow.charAt(0).toUpperCase() + props.gapRow.slice(1)}` as keyof typeof styles, breakpoint)\n\t\t);\n\t}\n\tif (props.gapColumn) {\n\t\tclasses.push(\n\t\t\tgetStyleClass(\n\t\t\t\t`gapColumn${props.gapColumn.charAt(0).toUpperCase() + props.gapColumn.slice(1)}` as keyof typeof styles,\n\t\t\t\tbreakpoint\n\t\t\t)\n\t\t);\n\t}\n\n\tif (props.variant === \"single-column\") classes.push(getStyleClass(\"singleColumn\", breakpoint));\n\telse if (props.variant === \"auto-1fr\") classes.push(getStyleClass(\"autoRows1fr\", breakpoint));\n\telse if (props.variant === \"auto1fr-rows-auto\") classes.push(getStyleClass(\"columnsAuto1fr\", breakpoint));\n\n\treturn classes;\n}\n\nfunction getItemModifierClasses(props: ResolvedGridItemProps, breakpoint?: Breakpoint): ClassName[] {\n\tconst classes: ClassName[] = [];\n\n\tif (props.alignSelf) {\n\t\tclasses.push(\n\t\t\tgetStyleClass(\n\t\t\t\t`alignSelf${props.alignSelf.charAt(0).toUpperCase() + props.alignSelf.slice(1)}` as keyof typeof styles,\n\t\t\t\tbreakpoint\n\t\t\t)\n\t\t);\n\t}\n\tif (props.justifySelf) {\n\t\tclasses.push(\n\t\t\tgetStyleClass(\n\t\t\t\t`justifySelf${props.justifySelf.charAt(0).toUpperCase() + props.justifySelf.slice(1)}` as keyof typeof styles,\n\t\t\t\tbreakpoint\n\t\t\t)\n\t\t);\n\t}\n\n\treturn classes;\n}\n\nfunction setResponsiveStyle<T extends string | number>(\n\ttarget: ResponsiveCSSProperties,\n\tproperty: keyof CSSProperties,\n\tvariableName: string,\n\tvalue: ResponsiveValue<T> | undefined,\n\tresponsiveClassName: string\n): string | undefined {\n\tif (value === undefined) return undefined;\n\n\tif (!isResponsiveMap(value)) {\n\t\tObject.assign(target, { [property]: value });\n\t\treturn undefined;\n\t}\n\n\tconst values = resolveLayoutValueForBreakpoints(value);\n\tfor (const breakpoint of RESPONSIVE_LAYOUT_BREAKPOINTS) {\n\t\ttarget[`--foundation-grid-${variableName}-${breakpoint}`] = values[breakpoint];\n\t}\n\treturn getStyleClass(responsiveClassName);\n}\n\nexport function getGridContainerClasses(props: GridContainerLayoutProps): string {\n\tconst values = CONTAINER_CLASS_KEYS.map((key) => props[key]);\n\tconst classes: ClassName[] = [styles.grid];\n\n\tif (!hasResponsiveLayoutValue(values)) {\n\t\tclasses.push(...getContainerModifierClasses(resolveProps(props, \"laptop\", CONTAINER_CLASS_KEYS)));\n\t\treturn classes.filter(Boolean).join(\" \");\n\t}\n\n\tconst propsByBreakpoint = resolveLayoutPropsForBreakpoints(props, CONTAINER_CLASS_KEYS);\n\tfor (const breakpoint of RESPONSIVE_LAYOUT_BREAKPOINTS) {\n\t\tclasses.push(...getContainerModifierClasses(propsByBreakpoint[breakpoint], breakpoint));\n\t}\n\n\treturn classes.filter(Boolean).join(\" \");\n}\n\nexport function getGridContainerStyles(\n\tprops: Pick<GridContainerLayoutProps, \"templateColumns\" | \"templateRows\" | \"autoColumns\" | \"autoRows\" | \"areas\">\n): ResponsiveStyleResult {\n\tconst style: ResponsiveCSSProperties = {};\n\tconst classes = [\n\t\tsetResponsiveStyle(style, \"gridTemplateColumns\", \"template-columns\", props.templateColumns, \"responsiveTemplateColumns\"),\n\t\tsetResponsiveStyle(style, \"gridTemplateRows\", \"template-rows\", props.templateRows, \"responsiveTemplateRows\"),\n\t\tsetResponsiveStyle(style, \"gridAutoColumns\", \"auto-columns\", props.autoColumns, \"responsiveAutoColumns\"),\n\t\tsetResponsiveStyle(style, \"gridAutoRows\", \"auto-rows\", props.autoRows, \"responsiveAutoRows\"),\n\t\tsetResponsiveStyle(style, \"gridTemplateAreas\", \"template-areas\", props.areas, \"responsiveTemplateAreas\")\n\t];\n\n\treturn { className: classes.filter(Boolean).join(\" \") || undefined, style };\n}\n\nexport function getGridItemClasses(props: GridItemLayoutProps): string {\n\tconst values = ITEM_CLASS_KEYS.map((key) => props[key]);\n\tconst classes: ClassName[] = [styles.item];\n\n\tif (!hasResponsiveLayoutValue(values)) {\n\t\tclasses.push(...getItemModifierClasses(resolveProps(props, \"laptop\", ITEM_CLASS_KEYS)));\n\t\treturn classes.filter(Boolean).join(\" \");\n\t}\n\n\tconst propsByBreakpoint = resolveLayoutPropsForBreakpoints(props, ITEM_CLASS_KEYS);\n\tfor (const breakpoint of RESPONSIVE_LAYOUT_BREAKPOINTS) {\n\t\tclasses.push(...getItemModifierClasses(propsByBreakpoint[breakpoint], breakpoint));\n\t}\n\n\treturn classes.filter(Boolean).join(\" \");\n}\n\nexport function getGridItemStyles(props: Pick<GridItemLayoutProps, \"area\" | \"column\" | \"row\">): ResponsiveStyleResult {\n\tconst style: ResponsiveCSSProperties = {};\n\tconst classes = [\n\t\tsetResponsiveStyle(style, \"gridArea\", \"area\", props.area, \"responsiveArea\"),\n\t\tsetResponsiveStyle(style, \"gridColumn\", \"column\", props.column, \"responsiveColumn\"),\n\t\tsetResponsiveStyle(style, \"gridRow\", \"row\", props.row, \"responsiveRow\")\n\t];\n\n\treturn { className: classes.filter(Boolean).join(\" \") || undefined, style };\n}\n","import { type Ref } from \"react\";\n\nimport { PolymorphicComponent } from \"../polymorphic\";\n\nimport { getGridContainerClasses, getGridContainerStyles } from \"./getGridClasses\";\nimport { GridContainerProps } from \"./types\";\n\nexport function GridContainer({\n\tref,\n\tchildren,\n\tclassName = \"\",\n\tas,\n\tstyle,\n\tinline,\n\trow,\n\tcolumn,\n\tdense,\n\tgap,\n\tgapRow,\n\tgapColumn,\n\talign,\n\tjustify,\n\talignContent,\n\tjustifyContent,\n\ttemplateColumns,\n\ttemplateRows,\n\tautoColumns,\n\tautoRows,\n\tareas,\n\tvariant,\n\t...htmlProps\n}: GridContainerProps & { ref?: Ref<HTMLElement> }) {\n\tconst gridClasses = getGridContainerClasses({\n\t\tinline,\n\t\trow,\n\t\tcolumn,\n\t\tdense,\n\t\tgap,\n\t\tgapRow,\n\t\tgapColumn,\n\t\talign,\n\t\tjustify,\n\t\talignContent,\n\t\tjustifyContent,\n\t\tvariant\n\t});\n\tconst gridStyles = getGridContainerStyles({ templateColumns, templateRows, autoColumns, autoRows, areas });\n\n\tconst finalClassName = [gridClasses, gridStyles.className, className].filter(Boolean).join(\" \");\n\tconst finalStyle = { ...gridStyles.style, ...style };\n\treturn (\n\t\t<PolymorphicComponent as={as} {...htmlProps} ref={ref} className={finalClassName} style={finalStyle}>\n\t\t\t{children}\n\t\t</PolymorphicComponent>\n\t);\n}\n\nGridContainer.displayName = \"GridContainer\";\n","import { type Ref } from \"react\";\n\nimport { PolymorphicComponent } from \"../polymorphic\";\n\nimport { getGridItemClasses, getGridItemStyles } from \"./getGridClasses\";\nimport { GridItemProps } from \"./types\";\n\nexport function GridItem({\n\tref,\n\tchildren,\n\tclassName = \"\",\n\tas,\n\tstyle,\n\tarea,\n\tcolumn,\n\trow,\n\talignSelf,\n\tjustifySelf,\n\t...htmlProps\n}: GridItemProps & { ref?: Ref<HTMLElement> }) {\n\tconst gridClasses = getGridItemClasses({ alignSelf, justifySelf });\n\tconst gridStyles = getGridItemStyles({ area, column, row });\n\n\tconst finalClassName = [gridClasses, gridStyles.className, className].filter(Boolean).join(\" \");\n\tconst finalStyle = { ...gridStyles.style, ...style };\n\treturn (\n\t\t<PolymorphicComponent as={as} {...htmlProps} ref={ref} className={finalClassName} style={finalStyle}>\n\t\t\t{children}\n\t\t</PolymorphicComponent>\n\t);\n}\n\nGridItem.displayName = \"GridItem\";\n","import { GridContainer } from \"./GridContainer\";\nimport { GridItem } from \"./GridItem\";\n\nexport const Grid = {\n\tContainer: GridContainer,\n\tItem: GridItem\n};\n"],"mappings":"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"}

package/dist/chunks/{misc-BjdDK6mm.js → misc-Dcr24uDY.js}

@@ -1,7 +1,7 @@
 import { n as e } from "./popover-BJH-yHvb.js";
 import { Text as t } from "../text/index.js";
 import { PolymorphicComponent as n } from "../polymorphic/index.js";
-import { n as r } from "./flex-D86M_h-0.js";
+import { n as r } from "./flex-BhrQCH4I.js";
 import { cn as i } from "@ryuzaki13/react-foundation-lib/utils";
 import { CheckCheckIcon as a, ChevronLeftIcon as o, ChevronRightIcon as s, CircleAlertIcon as c, CircleCheckIcon as l, CircleXIcon as u, CopyIcon as d, InfoIcon as f } from "lucide-react";
 import { jsx as p, jsxs as m } from "react/jsx-runtime";
@@ -332,4 +332,4 @@ function Q({ as: e, state: t, className: r, ...a }) {
 //#endregion
 export { O as _, K as a, w as b, W as c, R as d, L as f, A as g, j as h, q as i, U as l, F as m, J as n, X as o, I as p, Z as r, Y as s, Q as t, z as u, E as v, T as y };
 
-//# sourceMappingURL=misc-BjdDK6mm.js.map
+//# sourceMappingURL=misc-Dcr24uDY.js.map