@d4gger/design-system 3.0.1 → 4.0.1

package/dist/components/grid/Grid.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Grid.d.mts","sourceRoot":"","sources":["../../../src/components/grid/Grid.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Grid.d.mts","sourceRoot":"","sources":["../../../src/components/grid/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,OAAO,EAIL,KAAK,aAAa,EAClB,KAAK,cAAc,EACpB,MAAM,2BAA2B,CAAA;AAQlC,KAAK,YAAY,GAAG,MAAM,CAAA;AAC1B,KAAK,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,UAAU,CAAA;AACpE,KAAK,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAA;AA+B/E,KAAK,UAAU,CAAC,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,EAAE,CAAC,CAAC,CAAC,CAAA;AAE1F,KAAK,mBAAmB,GAAG;IACzB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,YAAY,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IACpC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACzB,IAAI,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,WAAW,GAAG,cAAc,CAAA;IAChE,GAAG,CAAC,EAAE,YAAY,CAAA;IAClB,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,cAAc,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAA;IAC5D,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC9B,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACvB,CAAA;AAED,MAAM,MAAM,SAAS,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GACvD,aAAa,GACb,IAAI,CAAC,cAAc,EAAE,SAAS,GAAG,MAAM,GAAG,KAAK,CAAC,GAAG;IACjD,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;IACtB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,UAAU,CAAC,MAAM,GAAG,MAAM,CAAC,CAAA;IACrC,IAAI,CAAC,EAAE,UAAU,CAAC,MAAM,GAAG,MAAM,CAAC,CAAA;IAClC,GAAG,CAAC,EAAE,UAAU,CAAC,YAAY,CAAC,CAAA;IAC9B,KAAK,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAA;IAC7B,IAAI,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAA;IAC1B,OAAO,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC,CAAA;IACjC,IAAI,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAA;IAC1B,YAAY,CAAC,EAAE,UAAU,CAAC,MAAM,GAAG,MAAM,CAAC,CAAA;IAC1C,IAAI,CAAC,EAAE,UAAU,CAAC,MAAM,GAAG,MAAM,CAAC,CAAA;IAClC,QAAQ,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,CAAA;IAC7B,UAAU,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,CAAA;IAC/B,SAAS,CAAC,EAAE,UAAU,CAAC,MAAM,GAAG,MAAM,CAAC,CAAA;IACvC,KAAK,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,CAAA;IAC1B,UAAU,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,CAAA;IAC/B,OAAO,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,CAAA;IAC5B,QAAQ,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,CAAA;IAC7B,EAAE,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAA;IACjC,EAAE,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAA;IACjC,EAAE,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAA;CAClC,CAAA;AA+BH,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SApDR,KAAK,CAAC,WAAW;cACZ,OAAO;cACP,UAAU,CAAC,MAAM,GAAG,MAAM,CAAC;WAC9B,UAAU,CAAC,MAAM,GAAG,MAAM,CAAC;UAC5B,UAAU,CAAC,YAAY,CAAC;YACtB,UAAU,CAAC,SAAS,CAAC;WACtB,UAAU,CAAC,OAAO,CAAC;cAChB,UAAU,CAAC,WAAW,CAAC;WAC1B,UAAU,CAAC,OAAO,CAAC;mBACX,UAAU,CAAC,MAAM,GAAG,MAAM,CAAC;WACnC,UAAU,CAAC,MAAM,GAAG,MAAM,CAAC;eACvB,UAAU,CAAC,MAAM,CAAC;iBAChB,UAAU,CAAC,MAAM,CAAC;gBACnB,UAAU,CAAC,MAAM,GAAG,MAAM,CAAC;YAC/B,UAAU,CAAC,MAAM,CAAC;iBACb,UAAU,CAAC,MAAM,CAAC;cACrB,UAAU,CAAC,MAAM,CAAC;eACjB,UAAU,CAAC,MAAM,CAAC;SACxB,OAAO,CAAC,mBAAmB,CAAC;SAC5B,OAAO,CAAC,mBAAmB,CAAC;SAC5B,OAAO,CAAC,mBAAmB,CAAC;qCAkNnC,CAAA"}

package/dist/components/grid/Grid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../src/components/grid/Grid.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../src/components/grid/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,OAAO,EAIL,KAAK,aAAa,EAClB,KAAK,cAAc,EACpB,MAAM,2BAA2B,CAAA;AAQlC,KAAK,YAAY,GAAG,MAAM,CAAA;AAC1B,KAAK,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,UAAU,CAAA;AACpE,KAAK,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAA;AA+B/E,KAAK,UAAU,CAAC,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,EAAE,CAAC,CAAC,CAAC,CAAA;AAE1F,KAAK,mBAAmB,GAAG;IACzB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,YAAY,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IACpC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACzB,IAAI,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,WAAW,GAAG,cAAc,CAAA;IAChE,GAAG,CAAC,EAAE,YAAY,CAAA;IAClB,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,cAAc,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAA;IAC5D,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC9B,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACvB,CAAA;AAED,MAAM,MAAM,SAAS,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GACvD,aAAa,GACb,IAAI,CAAC,cAAc,EAAE,SAAS,GAAG,MAAM,GAAG,KAAK,CAAC,GAAG;IACjD,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;IACtB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,UAAU,CAAC,MAAM,GAAG,MAAM,CAAC,CAAA;IACrC,IAAI,CAAC,EAAE,UAAU,CAAC,MAAM,GAAG,MAAM,CAAC,CAAA;IAClC,GAAG,CAAC,EAAE,UAAU,CAAC,YAAY,CAAC,CAAA;IAC9B,KAAK,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAA;IAC7B,IAAI,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAA;IAC1B,OAAO,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC,CAAA;IACjC,IAAI,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAA;IAC1B,YAAY,CAAC,EAAE,UAAU,CAAC,MAAM,GAAG,MAAM,CAAC,CAAA;IAC1C,IAAI,CAAC,EAAE,UAAU,CAAC,MAAM,GAAG,MAAM,CAAC,CAAA;IAClC,QAAQ,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,CAAA;IAC7B,UAAU,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,CAAA;IAC/B,SAAS,CAAC,EAAE,UAAU,CAAC,MAAM,GAAG,MAAM,CAAC,CAAA;IACvC,KAAK,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,CAAA;IAC1B,UAAU,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,CAAA;IAC/B,OAAO,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,CAAA;IAC5B,QAAQ,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,CAAA;IAC7B,EAAE,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAA;IACjC,EAAE,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAA;IACjC,EAAE,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAA;CAClC,CAAA;AA+BH,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SApDR,KAAK,CAAC,WAAW;cACZ,OAAO;cACP,UAAU,CAAC,MAAM,GAAG,MAAM,CAAC;WAC9B,UAAU,CAAC,MAAM,GAAG,MAAM,CAAC;UAC5B,UAAU,CAAC,YAAY,CAAC;YACtB,UAAU,CAAC,SAAS,CAAC;WACtB,UAAU,CAAC,OAAO,CAAC;cAChB,UAAU,CAAC,WAAW,CAAC;WAC1B,UAAU,CAAC,OAAO,CAAC;mBACX,UAAU,CAAC,MAAM,GAAG,MAAM,CAAC;WACnC,UAAU,CAAC,MAAM,GAAG,MAAM,CAAC;eACvB,UAAU,CAAC,MAAM,CAAC;iBAChB,UAAU,CAAC,MAAM,CAAC;gBACnB,UAAU,CAAC,MAAM,GAAG,MAAM,CAAC;YAC/B,UAAU,CAAC,MAAM,CAAC;iBACb,UAAU,CAAC,MAAM,CAAC;cACrB,UAAU,CAAC,MAAM,CAAC;eACjB,UAAU,CAAC,MAAM,CAAC;SACxB,OAAO,CAAC,mBAAmB,CAAC;SAC5B,OAAO,CAAC,mBAAmB,CAAC;SAC5B,OAAO,CAAC,mBAAmB,CAAC;qCAkNnC,CAAA"}

package/dist/components/grid/Grid.js

@@ -59,12 +59,12 @@ const Grid = React.forwardRef(function Grid2({ as, asChild = false, className, s
   const propsJustifyItemsMap = toResponsiveMap(props.justifyItems);
   const propsJustifyContentMap = toResponsiveMap(props.justifyContent);
   const hasSmOrMdOrLg = Boolean(sm || md || lg);
-  const responsiveColumns = hasSmOrMdOrLg ? { initial: propsColumnsMap.initial, sm: sm?.columns ?? propsColumnsMap.sm, md: md?.columns ?? propsColumnsMap.md, lg: lg?.columns ?? propsColumnsMap.lg } : props.columns;
-  const responsiveRows = hasSmOrMdOrLg ? { initial: propsRowsMap.initial, sm: sm?.rows ?? propsRowsMap.sm, md: md?.rows ?? propsRowsMap.md, lg: lg?.rows ?? propsRowsMap.lg } : props.rows;
-  const responsiveGap = hasSmOrMdOrLg ? { initial: propsGapMap.initial, sm: sm?.gap ?? propsGapMap.sm, md: md?.gap ?? propsGapMap.md, lg: lg?.gap ?? propsGapMap.lg } : props.gap;
-  const responsiveAlign = hasSmOrMdOrLg ? { initial: propsAlignMap.initial, sm: sm?.align ?? propsAlignMap.sm, md: md?.align ?? propsAlignMap.md, lg: lg?.align ?? propsAlignMap.lg } : align;
-  const responsiveJustify = hasSmOrMdOrLg ? { initial: propsJustifyMap.initial, sm: sm?.justify ?? propsJustifyMap.sm, md: md?.justify ?? propsJustifyMap.md, lg: lg?.justify ?? propsJustifyMap.lg } : justify;
-  const responsiveMinItemWidth = hasSmOrMdOrLg ? { initial: propsMinItemWidthMap.initial, sm: sm?.minItemWidth ?? propsMinItemWidthMap.sm, md: md?.minItemWidth ?? propsMinItemWidthMap.md, lg: lg?.minItemWidth ?? propsMinItemWidthMap.lg } : minItemWidth;
+  const responsiveColumns = hasSmOrMdOrLg ? { ...propsColumnsMap, sm: sm?.columns ?? propsColumnsMap.sm, md: md?.columns ?? propsColumnsMap.md, lg: lg?.columns ?? propsColumnsMap.lg } : props.columns;
+  const responsiveRows = hasSmOrMdOrLg ? { ...propsRowsMap, sm: sm?.rows ?? propsRowsMap.sm, md: md?.rows ?? propsRowsMap.md, lg: lg?.rows ?? propsRowsMap.lg } : props.rows;
+  const responsiveGap = hasSmOrMdOrLg ? { ...propsGapMap, sm: sm?.gap ?? propsGapMap.sm, md: md?.gap ?? propsGapMap.md, lg: lg?.gap ?? propsGapMap.lg } : props.gap;
+  const responsiveAlign = hasSmOrMdOrLg ? { ...propsAlignMap, sm: sm?.align ?? propsAlignMap.sm, md: md?.align ?? propsAlignMap.md, lg: lg?.align ?? propsAlignMap.lg } : align;
+  const responsiveJustify = hasSmOrMdOrLg ? { ...propsJustifyMap, sm: sm?.justify ?? propsJustifyMap.sm, md: md?.justify ?? propsJustifyMap.md, lg: lg?.justify ?? propsJustifyMap.lg } : justify;
+  const responsiveMinItemWidth = hasSmOrMdOrLg ? { ...propsMinItemWidthMap, sm: sm?.minItemWidth ?? propsMinItemWidthMap.sm, md: md?.minItemWidth ?? propsMinItemWidthMap.md, lg: lg?.minItemWidth ?? propsMinItemWidthMap.lg } : minItemWidth;
   const {
     flex,
     flexGrow,
@@ -79,32 +79,21 @@ const Grid = React.forwardRef(function Grid2({ as, asChild = false, className, s
   const gridVars = {};
   const responsiveConditions = ["initial", "sm", "md", "lg", "xl", "2xl"];
   const responsiveColumnsMap = toResponsiveMap(responsiveColumns);
-  const minItemWidthMap = responsiveMinItemWidth ? toResponsiveMap(responsiveMinItemWidth) : null;
-  let lastColumns;
+  const minItemWidthMap = toResponsiveMap(responsiveMinItemWidth);
+  let activeMinWidth;
+  let activeColumns;
   for (const condition of responsiveConditions) {
-    const nextMinItemWidth = minItemWidthMap?.[condition];
-    if (nextMinItemWidth !== void 0) {
-      gridVars[getResponsiveVarName("dsx-grid-columns", condition)] = `repeat(auto-fit, minmax(${resolveLength(nextMinItemWidth)}, 1fr))`;
-      lastColumns = nextMinItemWidth;
-      continue;
-    }
-    const nextColumns = responsiveColumnsMap[condition];
-    if (nextColumns !== void 0) {
-      gridVars[getResponsiveVarName("dsx-grid-columns", condition)] = typeof nextColumns === "number" ? `repeat(${nextColumns}, minmax(0, 1fr))` : String(nextColumns);
-      lastColumns = nextColumns;
-    } else if (lastColumns !== void 0) {
-      gridVars[getResponsiveVarName("dsx-grid-columns", condition)] = typeof lastColumns === "number" ? `repeat(${lastColumns}, minmax(0, 1fr))` : String(lastColumns);
-    }
+    activeMinWidth = minItemWidthMap[condition] ?? activeMinWidth;
+    activeColumns = responsiveColumnsMap[condition] ?? activeColumns;
+    const tracks = activeMinWidth !== void 0 ? `repeat(auto-fit, minmax(${resolveLength(activeMinWidth)}, 1fr))` : activeColumns !== void 0 ? /^\d+$/.test(String(activeColumns)) ? `repeat(${activeColumns}, minmax(0, 1fr))` : String(activeColumns) : void 0;
+    if (tracks !== void 0) gridVars[getResponsiveVarName("dsx-grid-columns", condition)] = tracks;
   }
   const responsiveRowsMap = toResponsiveMap(responsiveRows);
-  let lastRows;
+  let activeRows;
   for (const condition of responsiveConditions) {
-    const nextRows = responsiveRowsMap[condition];
-    if (nextRows !== void 0) {
-      gridVars[getResponsiveVarName("dsx-grid-rows", condition)] = typeof nextRows === "number" ? `repeat(${nextRows}, minmax(0, 1fr))` : String(nextRows);
-      lastRows = nextRows;
-    } else if (lastRows !== void 0) {
-      gridVars[getResponsiveVarName("dsx-grid-rows", condition)] = typeof lastRows === "number" ? `repeat(${lastRows}, minmax(0, 1fr))` : String(lastRows);
+    activeRows = responsiveRowsMap[condition] ?? activeRows;
+    if (activeRows !== void 0) {
+      gridVars[getResponsiveVarName("dsx-grid-rows", condition)] = /^\d+$/.test(String(activeRows)) ? `repeat(${activeRows}, minmax(0, 1fr))` : String(activeRows);
     }
   }
   const responsiveAlignMap = toResponsiveMap(responsiveAlign);
@@ -134,14 +123,14 @@ const Grid = React.forwardRef(function Grid2({ as, asChild = false, className, s
   const mergedStyle = Object.keys(gridVars).length > 0 ? { ...style, ...gridVars } : style;
   const propsForExtraction = {
     ...layoutProps,
-    columns: responsiveColumns,
-    rows: responsiveRows,
+    columns: void 0,
+    rows: void 0,
     gap: responsiveGap,
-    areas: hasSmOrMdOrLg ? { initial: propsAreasMap.initial, sm: sm?.areas ?? propsAreasMap.sm, md: md?.areas ?? propsAreasMap.md, lg: lg?.areas ?? propsAreasMap.lg } : props.areas,
-    flow: hasSmOrMdOrLg ? { initial: propsFlowMap.initial, sm: sm?.flow ?? propsFlowMap.sm, md: md?.flow ?? propsFlowMap.md, lg: lg?.flow ?? propsFlowMap.lg } : props.flow,
-    alignContent: hasSmOrMdOrLg ? { initial: propsAlignContentMap.initial, sm: sm?.alignContent ?? propsAlignContentMap.sm, md: md?.alignContent ?? propsAlignContentMap.md, lg: lg?.alignContent ?? propsAlignContentMap.lg } : props.alignContent,
-    justifyItems: hasSmOrMdOrLg ? { initial: propsJustifyItemsMap.initial, sm: sm?.justifyItems ?? propsJustifyItemsMap.sm, md: md?.justifyItems ?? propsJustifyItemsMap.md, lg: lg?.justifyItems ?? propsJustifyItemsMap.lg } : props.justifyItems,
-    justifyContent: hasSmOrMdOrLg ? { initial: propsJustifyContentMap.initial, sm: sm?.justifyContent ?? propsJustifyContentMap.sm, md: md?.justifyContent ?? propsJustifyContentMap.md, lg: lg?.justifyContent ?? propsJustifyContentMap.lg } : props.justifyContent
+    areas: hasSmOrMdOrLg ? { ...propsAreasMap, sm: sm?.areas ?? propsAreasMap.sm, md: md?.areas ?? propsAreasMap.md, lg: lg?.areas ?? propsAreasMap.lg } : props.areas,
+    flow: hasSmOrMdOrLg ? { ...propsFlowMap, sm: sm?.flow ?? propsFlowMap.sm, md: md?.flow ?? propsFlowMap.md, lg: lg?.flow ?? propsFlowMap.lg } : props.flow,
+    alignContent: hasSmOrMdOrLg ? { ...propsAlignContentMap, sm: sm?.alignContent ?? propsAlignContentMap.sm, md: md?.alignContent ?? propsAlignContentMap.md, lg: lg?.alignContent ?? propsAlignContentMap.lg } : props.alignContent,
+    justifyItems: hasSmOrMdOrLg ? { ...propsJustifyItemsMap, sm: sm?.justifyItems ?? propsJustifyItemsMap.sm, md: md?.justifyItems ?? propsJustifyItemsMap.md, lg: lg?.justifyItems ?? propsJustifyItemsMap.lg } : props.justifyItems,
+    justifyContent: hasSmOrMdOrLg ? { ...propsJustifyContentMap, sm: sm?.justifyContent ?? propsJustifyContentMap.sm, md: md?.justifyContent ?? propsJustifyContentMap.md, lg: lg?.justifyContent ?? propsJustifyContentMap.lg } : props.justifyContent
   };
   const resolvedProps = extractLayoutProps(propsForExtraction, BOX_PROP_DEFS, GRID_PROP_DEFS);
   const finalStyle = writeBoxChildStyleVars(mergedStyle, {

package/dist/components/grid/Grid.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/grid/Grid.tsx"],
-  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\n\nimport { Slot } from '../slot/Slot'\nimport { resolveLength } from '../../foundations/Shared'\nimport {\n  BOX_PROP_DEFS,\n  GRID_PROP_DEFS,\n  extractLayoutProps,\n  type BoxStyleProps,\n  type GridStyleProps,\n} from '../../layout/layout.props'\nimport {\n  assignResponsiveVars,\n  toResponsiveMap,\n  type ResponsiveCondition,\n  type ResponsiveValue,\n} from '../../layout/responsive.props'\n\ntype GridGapToken = string\ntype GridAlign = 'start' | 'center' | 'end' | 'stretch' | 'baseline'\ntype GridJustify = 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly'\n\nconst RESPONSIVE_CONDITIONS: ResponsiveCondition[] = ['initial', 'sm', 'md', 'lg', 'xl', '2xl']\n\nfunction serializeResponsiveValue<T extends string | number | boolean>(value: ResponsiveValue<T> | undefined) {\n  const responsive = toResponsiveMap(value)\n  const entries = RESPONSIVE_CONDITIONS.flatMap((condition) => {\n    const nextValue = responsive[condition]\n\n    if (nextValue === undefined) {\n      return []\n    }\n\n    return [[condition, nextValue] as const]\n  })\n\n  if (entries.length === 0) {\n    return undefined\n  }\n\n  if (entries.length === 1 && entries[0][0] === 'initial') {\n    return String(entries[0][1])\n  }\n\n  return entries.map(([condition, nextValue]) => `${condition}:${String(nextValue)}`).join(';')\n}\n\nfunction getResponsiveVarName(name: string, condition: string): `--${string}` {\n  return condition === 'initial' ? (`--${name}` as `--${string}`) : (`--${name}-${condition}` as `--${string}`)\n}\n\ntype Responsive<T> = T | Partial<Record<'initial' | 'sm' | 'md' | 'lg' | 'xl' | '2xl', T>>\n\ntype GridBreakpointProps = {\n  align?: GridAlign\n  alignContent?: GridAlign | 'stretch'\n  areas?: string\n  columns?: number | string\n  flow?: 'row' | 'column' | 'dense' | 'row dense' | 'column dense'\n  gap?: GridGapToken\n  justify?: GridJustify\n  justifyContent?: GridAlign | 'between' | 'around' | 'evenly'\n  justifyItems?: GridAlign\n  minItemWidth?: number | string\n  rows?: number | string\n}\n\nexport type GridProps = React.HTMLAttributes<HTMLElement> &\n  BoxStyleProps &\n  Omit<GridStyleProps, 'columns' | 'rows' | 'gap'> & {\n    as?: React.ElementType\n    asChild?: boolean\n    columns?: Responsive<number | string>\n    rows?: Responsive<number | string>\n    gap?: Responsive<GridGapToken>\n    align?: Responsive<GridAlign>\n    hide?: Responsive<boolean>\n    justify?: Responsive<GridJustify>\n    show?: Responsive<boolean>\n    minItemWidth?: Responsive<number | string>\n    flex?: Responsive<number | string>\n    flexGrow?: Responsive<number>\n    flexShrink?: Responsive<number>\n    flexBasis?: Responsive<number | string>\n    order?: Responsive<number>\n    gridColumn?: Responsive<string>\n    gridRow?: Responsive<string>\n    gridArea?: Responsive<string>\n    sm?: Partial<GridBreakpointProps>\n    md?: Partial<GridBreakpointProps>\n    lg?: Partial<GridBreakpointProps>\n  }\n\n/**\n * Write child-sizing custom properties to a style object so box.css\n * can consume them via var(--dsx-box-flex, initial) etc.\n */\nfunction writeBoxChildStyleVars(\n  style: React.CSSProperties | undefined,\n  props: {\n    flex?: Responsive<number | string>\n    flexGrow?: Responsive<number>\n    flexShrink?: Responsive<number>\n    flexBasis?: Responsive<number | string>\n    order?: Responsive<number>\n    gridColumn?: Responsive<string>\n    gridRow?: Responsive<string>\n    gridArea?: Responsive<string>\n  },\n): React.CSSProperties {\n  const vars: Record<`--${string}`, string | number | undefined> = {}\n  assignResponsiveVars(vars, 'dsx-box-flex', props.flex, (value) => String(value))\n  assignResponsiveVars(vars, 'dsx-box-flex-grow', props.flexGrow, (value) => String(value))\n  assignResponsiveVars(vars, 'dsx-box-flex-shrink', props.flexShrink, (value) => String(value))\n  assignResponsiveVars(vars, 'dsx-box-flex-basis', props.flexBasis, (value) => String(value))\n  assignResponsiveVars(vars, 'dsx-box-order', props.order, (value) => String(value))\n  assignResponsiveVars(vars, 'dsx-box-grid-column', props.gridColumn, (value) => String(value))\n  assignResponsiveVars(vars, 'dsx-box-grid-row', props.gridRow, (value) => String(value))\n  assignResponsiveVars(vars, 'dsx-box-grid-area', props.gridArea, (value) => String(value))\n  return Object.keys(vars).length > 0 ? { ...vars, ...style } : style ?? {}\n}\n\nexport const Grid = React.forwardRef<HTMLElement, GridProps>(function Grid(\n  { as, asChild = false, className, style, align, hide, justify, minItemWidth, show, sm, md, lg, ...props },\n  ref,\n) {\n  const Component = asChild ? Slot : (as ?? 'div')\n\n  // Merge breakpoint aliases into responsive props\n  const propsColumnsMap = toResponsiveMap(props.columns)\n  const propsRowsMap = toResponsiveMap(props.rows)\n  const propsGapMap = toResponsiveMap(props.gap)\n  const propsAlignMap = toResponsiveMap(align)\n  const propsJustifyMap = toResponsiveMap(justify)\n  const propsMinItemWidthMap = toResponsiveMap(minItemWidth)\n  const propsAreasMap = toResponsiveMap(props.areas)\n  const propsFlowMap = toResponsiveMap(props.flow)\n  const propsAlignContentMap = toResponsiveMap(props.alignContent)\n  const propsJustifyItemsMap = toResponsiveMap(props.justifyItems)\n  const propsJustifyContentMap = toResponsiveMap(props.justifyContent)\n\n  const hasSmOrMdOrLg = Boolean(sm || md || lg)\n\n  const responsiveColumns = hasSmOrMdOrLg\n    ? { initial: propsColumnsMap.initial, sm: sm?.columns ?? propsColumnsMap.sm, md: md?.columns ?? propsColumnsMap.md, lg: lg?.columns ?? propsColumnsMap.lg }\n    : props.columns\n  const responsiveRows = hasSmOrMdOrLg\n    ? { initial: propsRowsMap.initial, sm: sm?.rows ?? propsRowsMap.sm, md: md?.rows ?? propsRowsMap.md, lg: lg?.rows ?? propsRowsMap.lg }\n    : props.rows\n  const responsiveGap = hasSmOrMdOrLg\n    ? { initial: propsGapMap.initial, sm: sm?.gap ?? propsGapMap.sm, md: md?.gap ?? propsGapMap.md, lg: lg?.gap ?? propsGapMap.lg }\n    : props.gap\n  const responsiveAlign = hasSmOrMdOrLg\n    ? { initial: propsAlignMap.initial, sm: sm?.align ?? propsAlignMap.sm, md: md?.align ?? propsAlignMap.md, lg: lg?.align ?? propsAlignMap.lg }\n    : align\n  const responsiveJustify = hasSmOrMdOrLg\n    ? { initial: propsJustifyMap.initial, sm: sm?.justify ?? propsJustifyMap.sm, md: md?.justify ?? propsJustifyMap.md, lg: lg?.justify ?? propsJustifyMap.lg }\n    : justify\n  const responsiveMinItemWidth = hasSmOrMdOrLg\n    ? { initial: propsMinItemWidthMap.initial, sm: sm?.minItemWidth ?? propsMinItemWidthMap.sm, md: md?.minItemWidth ?? propsMinItemWidthMap.md, lg: lg?.minItemWidth ?? propsMinItemWidthMap.lg }\n    : minItemWidth\n\n  // Extract child-sizing props before passing to extractLayoutProps\n  const {\n    flex,\n    flexGrow,\n    flexShrink,\n    flexBasis,\n    order,\n    gridColumn,\n    gridRow,\n    gridArea,\n    ...layoutProps\n  } = props\n\n  // Build grid-specific CSS vars\n  const gridVars: Record<string, string> = {}\n  const responsiveConditions = ['initial', 'sm', 'md', 'lg', 'xl', '2xl'] as const\n\n  // Handle columns\n  const responsiveColumnsMap = toResponsiveMap(responsiveColumns)\n  const minItemWidthMap = responsiveMinItemWidth ? toResponsiveMap(responsiveMinItemWidth) : null\n  let lastColumns: number | string | undefined\n  for (const condition of responsiveConditions) {\n    const nextMinItemWidth = minItemWidthMap?.[condition]\n    if (nextMinItemWidth !== undefined) {\n      gridVars[getResponsiveVarName('dsx-grid-columns', condition)] =\n        `repeat(auto-fit, minmax(${resolveLength(nextMinItemWidth)}, 1fr))`\n      lastColumns = nextMinItemWidth\n      continue\n    }\n    const nextColumns = responsiveColumnsMap[condition]\n    if (nextColumns !== undefined) {\n      gridVars[getResponsiveVarName('dsx-grid-columns', condition)] =\n        typeof nextColumns === 'number'\n          ? `repeat(${nextColumns}, minmax(0, 1fr))`\n          : String(nextColumns)\n      lastColumns = nextColumns\n    } else if (lastColumns !== undefined) {\n      gridVars[getResponsiveVarName('dsx-grid-columns', condition)] =\n        typeof lastColumns === 'number'\n          ? `repeat(${lastColumns}, minmax(0, 1fr))`\n          : String(lastColumns)\n    }\n  }\n\n  // Handle rows\n  const responsiveRowsMap = toResponsiveMap(responsiveRows)\n  let lastRows: number | string | undefined\n  for (const condition of responsiveConditions) {\n    const nextRows = responsiveRowsMap[condition]\n    if (nextRows !== undefined) {\n      gridVars[getResponsiveVarName('dsx-grid-rows', condition)] =\n        typeof nextRows === 'number' ? `repeat(${nextRows}, minmax(0, 1fr))` : String(nextRows)\n      lastRows = nextRows\n    } else if (lastRows !== undefined) {\n      gridVars[getResponsiveVarName('dsx-grid-rows', condition)] =\n        typeof lastRows === 'number' ? `repeat(${lastRows}, minmax(0, 1fr))` : String(lastRows)\n    }\n  }\n\n  // Handle align (align-items)\n  const responsiveAlignMap = toResponsiveMap(responsiveAlign)\n  let lastAlign: string | undefined\n  for (const condition of responsiveConditions) {\n    const nextAlign = responsiveAlignMap[condition]\n    if (nextAlign !== undefined) {\n      const val = nextAlign === 'start' || nextAlign === 'end' ? `flex-${nextAlign}` : String(nextAlign)\n      gridVars[getResponsiveVarName('dsx-grid-align', condition)] = val\n      lastAlign = val\n    } else if (lastAlign !== undefined) {\n      gridVars[getResponsiveVarName('dsx-grid-align', condition)] = lastAlign\n    }\n  }\n\n  // Handle justify (justify-content shorthand)\n  const responsiveJustifyMap = toResponsiveMap(responsiveJustify)\n  let lastJustify: string | undefined\n  for (const condition of responsiveConditions) {\n    const nextJustify = responsiveJustifyMap[condition]\n    if (nextJustify !== undefined) {\n      const val = nextJustify === 'between' ? 'space-between'\n        : nextJustify === 'around' ? 'space-around'\n        : nextJustify === 'evenly' ? 'space-evenly'\n        : nextJustify === 'start' || nextJustify === 'end' ? `flex-${nextJustify}`\n        : String(nextJustify)\n      gridVars[getResponsiveVarName('dsx-grid-justify', condition)] = val\n      lastJustify = val\n    } else if (lastJustify !== undefined) {\n      gridVars[getResponsiveVarName('dsx-grid-justify', condition)] = lastJustify\n    }\n  }\n\n  // Merge grid vars into style\n  const mergedStyle = Object.keys(gridVars).length > 0\n    ? { ...style, ...gridVars }\n    : style\n\n  // Pass merged responsive values to extractLayoutProps\n  const propsForExtraction = {\n    ...layoutProps,\n    columns: responsiveColumns,\n    rows: responsiveRows,\n    gap: responsiveGap,\n    areas: hasSmOrMdOrLg\n      ? { initial: propsAreasMap.initial, sm: sm?.areas ?? propsAreasMap.sm, md: md?.areas ?? propsAreasMap.md, lg: lg?.areas ?? propsAreasMap.lg }\n      : props.areas,\n    flow: hasSmOrMdOrLg\n      ? { initial: propsFlowMap.initial, sm: sm?.flow ?? propsFlowMap.sm, md: md?.flow ?? propsFlowMap.md, lg: lg?.flow ?? propsFlowMap.lg }\n      : props.flow,\n    alignContent: hasSmOrMdOrLg\n      ? { initial: propsAlignContentMap.initial, sm: sm?.alignContent ?? propsAlignContentMap.sm, md: md?.alignContent ?? propsAlignContentMap.md, lg: lg?.alignContent ?? propsAlignContentMap.lg }\n      : props.alignContent,\n    justifyItems: hasSmOrMdOrLg\n      ? { initial: propsJustifyItemsMap.initial, sm: sm?.justifyItems ?? propsJustifyItemsMap.sm, md: md?.justifyItems ?? propsJustifyItemsMap.md, lg: lg?.justifyItems ?? propsJustifyItemsMap.lg }\n      : props.justifyItems,\n    justifyContent: hasSmOrMdOrLg\n      ? { initial: propsJustifyContentMap.initial, sm: sm?.justifyContent ?? propsJustifyContentMap.sm, md: md?.justifyContent ?? propsJustifyContentMap.md, lg: lg?.justifyContent ?? propsJustifyContentMap.lg }\n      : props.justifyContent,\n  }\n\n  const resolvedProps = extractLayoutProps(propsForExtraction, BOX_PROP_DEFS, GRID_PROP_DEFS)\n\n  const finalStyle = writeBoxChildStyleVars(mergedStyle, {\n    flex,\n    flexGrow,\n    flexShrink,\n    flexBasis,\n    order,\n    gridColumn,\n    gridRow,\n    gridArea,\n  })\n\n  const displayVars: Record<`--${string}`, string | number | undefined> = {}\n  assignResponsiveVars(displayVars, 'dsx-box-display', hide, (value) => (value ? 'none' : 'grid'))\n  assignResponsiveVars(displayVars, 'dsx-box-display', show, (value) => (value ? 'grid' : 'none'))\n  const finalStyleWithDisplay = Object.keys(displayVars).length > 0\n    ? { ...displayVars, ...finalStyle }\n    : finalStyle\n\n  return (\n    <Component\n      {...resolvedProps}\n      ref={ref as never}\n      className={classNames('dsx-box', 'dsx-grid', resolvedProps.className, className)}\n      style={finalStyleWithDisplay}\n      data-gap={serializeResponsiveValue(responsiveGap)}\n      data-align={serializeResponsiveValue(responsiveAlign)}\n      data-justify={serializeResponsiveValue(responsiveJustify)}\n    />\n  )\n})\n\nGrid.displayName = 'Grid'\n"],
-  "mappings": "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",
+  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\n\nimport { Slot } from '../slot/Slot'\nimport { resolveLength } from '../../foundations/Shared'\nimport {\n  BOX_PROP_DEFS,\n  GRID_PROP_DEFS,\n  extractLayoutProps,\n  type BoxStyleProps,\n  type GridStyleProps,\n} from '../../layout/layout.props'\nimport {\n  assignResponsiveVars,\n  toResponsiveMap,\n  type ResponsiveCondition,\n  type ResponsiveValue,\n} from '../../layout/responsive.props'\n\ntype GridGapToken = string\ntype GridAlign = 'start' | 'center' | 'end' | 'stretch' | 'baseline'\ntype GridJustify = 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly'\n\nconst RESPONSIVE_CONDITIONS: ResponsiveCondition[] = ['initial', 'sm', 'md', 'lg', 'xl', '2xl']\n\nfunction serializeResponsiveValue<T extends string | number | boolean>(value: ResponsiveValue<T> | undefined) {\n  const responsive = toResponsiveMap(value)\n  const entries = RESPONSIVE_CONDITIONS.flatMap((condition) => {\n    const nextValue = responsive[condition]\n\n    if (nextValue === undefined) {\n      return []\n    }\n\n    return [[condition, nextValue] as const]\n  })\n\n  if (entries.length === 0) {\n    return undefined\n  }\n\n  if (entries.length === 1 && entries[0][0] === 'initial') {\n    return String(entries[0][1])\n  }\n\n  return entries.map(([condition, nextValue]) => `${condition}:${String(nextValue)}`).join(';')\n}\n\nfunction getResponsiveVarName(name: string, condition: string): `--${string}` {\n  return condition === 'initial' ? (`--${name}` as `--${string}`) : (`--${name}-${condition}` as `--${string}`)\n}\n\ntype Responsive<T> = T | Partial<Record<'initial' | 'sm' | 'md' | 'lg' | 'xl' | '2xl', T>>\n\ntype GridBreakpointProps = {\n  align?: GridAlign\n  alignContent?: GridAlign | 'stretch'\n  areas?: string\n  columns?: number | string\n  flow?: 'row' | 'column' | 'dense' | 'row dense' | 'column dense'\n  gap?: GridGapToken\n  justify?: GridJustify\n  justifyContent?: GridAlign | 'between' | 'around' | 'evenly'\n  justifyItems?: GridAlign\n  minItemWidth?: number | string\n  rows?: number | string\n}\n\nexport type GridProps = React.HTMLAttributes<HTMLElement> &\n  BoxStyleProps &\n  Omit<GridStyleProps, 'columns' | 'rows' | 'gap'> & {\n    as?: React.ElementType\n    asChild?: boolean\n    columns?: Responsive<number | string>\n    rows?: Responsive<number | string>\n    gap?: Responsive<GridGapToken>\n    align?: Responsive<GridAlign>\n    hide?: Responsive<boolean>\n    justify?: Responsive<GridJustify>\n    show?: Responsive<boolean>\n    minItemWidth?: Responsive<number | string>\n    flex?: Responsive<number | string>\n    flexGrow?: Responsive<number>\n    flexShrink?: Responsive<number>\n    flexBasis?: Responsive<number | string>\n    order?: Responsive<number>\n    gridColumn?: Responsive<string>\n    gridRow?: Responsive<string>\n    gridArea?: Responsive<string>\n    sm?: Partial<GridBreakpointProps>\n    md?: Partial<GridBreakpointProps>\n    lg?: Partial<GridBreakpointProps>\n  }\n\n/**\n * Write child-sizing custom properties to a style object so box.css\n * can consume them via var(--dsx-box-flex, initial) etc.\n */\nfunction writeBoxChildStyleVars(\n  style: React.CSSProperties | undefined,\n  props: {\n    flex?: Responsive<number | string>\n    flexGrow?: Responsive<number>\n    flexShrink?: Responsive<number>\n    flexBasis?: Responsive<number | string>\n    order?: Responsive<number>\n    gridColumn?: Responsive<string>\n    gridRow?: Responsive<string>\n    gridArea?: Responsive<string>\n  },\n): React.CSSProperties {\n  const vars: Record<`--${string}`, string | number | undefined> = {}\n  assignResponsiveVars(vars, 'dsx-box-flex', props.flex, (value) => String(value))\n  assignResponsiveVars(vars, 'dsx-box-flex-grow', props.flexGrow, (value) => String(value))\n  assignResponsiveVars(vars, 'dsx-box-flex-shrink', props.flexShrink, (value) => String(value))\n  assignResponsiveVars(vars, 'dsx-box-flex-basis', props.flexBasis, (value) => String(value))\n  assignResponsiveVars(vars, 'dsx-box-order', props.order, (value) => String(value))\n  assignResponsiveVars(vars, 'dsx-box-grid-column', props.gridColumn, (value) => String(value))\n  assignResponsiveVars(vars, 'dsx-box-grid-row', props.gridRow, (value) => String(value))\n  assignResponsiveVars(vars, 'dsx-box-grid-area', props.gridArea, (value) => String(value))\n  return Object.keys(vars).length > 0 ? { ...vars, ...style } : style ?? {}\n}\n\nexport const Grid = React.forwardRef<HTMLElement, GridProps>(function Grid(\n  { as, asChild = false, className, style, align, hide, justify, minItemWidth, show, sm, md, lg, ...props },\n  ref,\n) {\n  const Component = asChild ? Slot : (as ?? 'div')\n\n  // Merge breakpoint aliases into responsive props\n  const propsColumnsMap = toResponsiveMap(props.columns)\n  const propsRowsMap = toResponsiveMap(props.rows)\n  const propsGapMap = toResponsiveMap(props.gap)\n  const propsAlignMap = toResponsiveMap(align)\n  const propsJustifyMap = toResponsiveMap(justify)\n  const propsMinItemWidthMap = toResponsiveMap(minItemWidth)\n  const propsAreasMap = toResponsiveMap(props.areas)\n  const propsFlowMap = toResponsiveMap(props.flow)\n  const propsAlignContentMap = toResponsiveMap(props.alignContent)\n  const propsJustifyItemsMap = toResponsiveMap(props.justifyItems)\n  const propsJustifyContentMap = toResponsiveMap(props.justifyContent)\n\n  const hasSmOrMdOrLg = Boolean(sm || md || lg)\n\n  const responsiveColumns = hasSmOrMdOrLg\n    ? { ...propsColumnsMap, sm: sm?.columns ?? propsColumnsMap.sm, md: md?.columns ?? propsColumnsMap.md, lg: lg?.columns ?? propsColumnsMap.lg }\n    : props.columns\n  const responsiveRows = hasSmOrMdOrLg\n    ? { ...propsRowsMap, sm: sm?.rows ?? propsRowsMap.sm, md: md?.rows ?? propsRowsMap.md, lg: lg?.rows ?? propsRowsMap.lg }\n    : props.rows\n  const responsiveGap = hasSmOrMdOrLg\n    ? { ...propsGapMap, sm: sm?.gap ?? propsGapMap.sm, md: md?.gap ?? propsGapMap.md, lg: lg?.gap ?? propsGapMap.lg }\n    : props.gap\n  const responsiveAlign = hasSmOrMdOrLg\n    ? { ...propsAlignMap, sm: sm?.align ?? propsAlignMap.sm, md: md?.align ?? propsAlignMap.md, lg: lg?.align ?? propsAlignMap.lg }\n    : align\n  const responsiveJustify = hasSmOrMdOrLg\n    ? { ...propsJustifyMap, sm: sm?.justify ?? propsJustifyMap.sm, md: md?.justify ?? propsJustifyMap.md, lg: lg?.justify ?? propsJustifyMap.lg }\n    : justify\n  const responsiveMinItemWidth = hasSmOrMdOrLg\n    ? { ...propsMinItemWidthMap, sm: sm?.minItemWidth ?? propsMinItemWidthMap.sm, md: md?.minItemWidth ?? propsMinItemWidthMap.md, lg: lg?.minItemWidth ?? propsMinItemWidthMap.lg }\n    : minItemWidth\n\n  // Extract child-sizing props before passing to extractLayoutProps\n  const {\n    flex,\n    flexGrow,\n    flexShrink,\n    flexBasis,\n    order,\n    gridColumn,\n    gridRow,\n    gridArea,\n    ...layoutProps\n  } = props\n\n  // Build grid-specific CSS vars\n  const gridVars: Record<string, string> = {}\n  const responsiveConditions = ['initial', 'sm', 'md', 'lg', 'xl', '2xl'] as const\n\n  // Keep one owner for track paint. Auto-fit minimums remain widths across\n  // breakpoints; an omitted condition inherits the most recent value.\n  const responsiveColumnsMap = toResponsiveMap(responsiveColumns)\n  const minItemWidthMap = toResponsiveMap(responsiveMinItemWidth)\n  let activeMinWidth: number | string | undefined\n  let activeColumns: number | string | undefined\n  for (const condition of responsiveConditions) {\n    activeMinWidth = minItemWidthMap[condition] ?? activeMinWidth\n    activeColumns = responsiveColumnsMap[condition] ?? activeColumns\n    const tracks = activeMinWidth !== undefined\n      ? `repeat(auto-fit, minmax(${resolveLength(activeMinWidth)}, 1fr))`\n      : activeColumns !== undefined\n        ? /^\\d+$/.test(String(activeColumns))\n          ? `repeat(${activeColumns}, minmax(0, 1fr))`\n          : String(activeColumns)\n        : undefined\n    if (tracks !== undefined) gridVars[getResponsiveVarName('dsx-grid-columns', condition)] = tracks\n  }\n\n  const responsiveRowsMap = toResponsiveMap(responsiveRows)\n  let activeRows: number | string | undefined\n  for (const condition of responsiveConditions) {\n    activeRows = responsiveRowsMap[condition] ?? activeRows\n    if (activeRows !== undefined) {\n      gridVars[getResponsiveVarName('dsx-grid-rows', condition)] = /^\\d+$/.test(String(activeRows))\n        ? `repeat(${activeRows}, minmax(0, 1fr))`\n        : String(activeRows)\n    }\n  }\n\n  // Handle align (align-items)\n  const responsiveAlignMap = toResponsiveMap(responsiveAlign)\n  let lastAlign: string | undefined\n  for (const condition of responsiveConditions) {\n    const nextAlign = responsiveAlignMap[condition]\n    if (nextAlign !== undefined) {\n      const val = nextAlign === 'start' || nextAlign === 'end' ? `flex-${nextAlign}` : String(nextAlign)\n      gridVars[getResponsiveVarName('dsx-grid-align', condition)] = val\n      lastAlign = val\n    } else if (lastAlign !== undefined) {\n      gridVars[getResponsiveVarName('dsx-grid-align', condition)] = lastAlign\n    }\n  }\n\n  // Handle justify (justify-content shorthand)\n  const responsiveJustifyMap = toResponsiveMap(responsiveJustify)\n  let lastJustify: string | undefined\n  for (const condition of responsiveConditions) {\n    const nextJustify = responsiveJustifyMap[condition]\n    if (nextJustify !== undefined) {\n      const val = nextJustify === 'between' ? 'space-between'\n        : nextJustify === 'around' ? 'space-around'\n        : nextJustify === 'evenly' ? 'space-evenly'\n        : nextJustify === 'start' || nextJustify === 'end' ? `flex-${nextJustify}`\n        : String(nextJustify)\n      gridVars[getResponsiveVarName('dsx-grid-justify', condition)] = val\n      lastJustify = val\n    } else if (lastJustify !== undefined) {\n      gridVars[getResponsiveVarName('dsx-grid-justify', condition)] = lastJustify\n    }\n  }\n\n  // Merge grid vars into style\n  const mergedStyle = Object.keys(gridVars).length > 0\n    ? { ...style, ...gridVars }\n    : style\n\n  // Pass merged responsive values to extractLayoutProps\n  const propsForExtraction = {\n    ...layoutProps,\n    columns: undefined,\n    rows: undefined,\n    gap: responsiveGap,\n    areas: hasSmOrMdOrLg\n      ? { ...propsAreasMap, sm: sm?.areas ?? propsAreasMap.sm, md: md?.areas ?? propsAreasMap.md, lg: lg?.areas ?? propsAreasMap.lg }\n      : props.areas,\n    flow: hasSmOrMdOrLg\n      ? { ...propsFlowMap, sm: sm?.flow ?? propsFlowMap.sm, md: md?.flow ?? propsFlowMap.md, lg: lg?.flow ?? propsFlowMap.lg }\n      : props.flow,\n    alignContent: hasSmOrMdOrLg\n      ? { ...propsAlignContentMap, sm: sm?.alignContent ?? propsAlignContentMap.sm, md: md?.alignContent ?? propsAlignContentMap.md, lg: lg?.alignContent ?? propsAlignContentMap.lg }\n      : props.alignContent,\n    justifyItems: hasSmOrMdOrLg\n      ? { ...propsJustifyItemsMap, sm: sm?.justifyItems ?? propsJustifyItemsMap.sm, md: md?.justifyItems ?? propsJustifyItemsMap.md, lg: lg?.justifyItems ?? propsJustifyItemsMap.lg }\n      : props.justifyItems,\n    justifyContent: hasSmOrMdOrLg\n      ? { ...propsJustifyContentMap, sm: sm?.justifyContent ?? propsJustifyContentMap.sm, md: md?.justifyContent ?? propsJustifyContentMap.md, lg: lg?.justifyContent ?? propsJustifyContentMap.lg }\n      : props.justifyContent,\n  }\n\n  const resolvedProps = extractLayoutProps(propsForExtraction, BOX_PROP_DEFS, GRID_PROP_DEFS)\n\n  const finalStyle = writeBoxChildStyleVars(mergedStyle, {\n    flex,\n    flexGrow,\n    flexShrink,\n    flexBasis,\n    order,\n    gridColumn,\n    gridRow,\n    gridArea,\n  })\n\n  const displayVars: Record<`--${string}`, string | number | undefined> = {}\n  assignResponsiveVars(displayVars, 'dsx-box-display', hide, (value) => (value ? 'none' : 'grid'))\n  assignResponsiveVars(displayVars, 'dsx-box-display', show, (value) => (value ? 'grid' : 'none'))\n  const finalStyleWithDisplay = Object.keys(displayVars).length > 0\n    ? { ...displayVars, ...finalStyle }\n    : finalStyle\n\n  return (\n    <Component\n      {...resolvedProps}\n      ref={ref as never}\n      className={classNames('dsx-box', 'dsx-grid', resolvedProps.className, className)}\n      style={finalStyleWithDisplay}\n      data-gap={serializeResponsiveValue(responsiveGap)}\n      data-align={serializeResponsiveValue(responsiveAlign)}\n      data-justify={serializeResponsiveValue(responsiveJustify)}\n    />\n  )\n})\n\nGrid.displayName = 'Grid'\n"],
+  "mappings": "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",
   "names": ["Grid"]
 }

package/dist/components/heading/Heading.cjs

@@ -35,7 +35,6 @@ var React = __toESM(require("react"), 1);
 var import_classnames = __toESM(require("classnames"), 1);
 var import_react_slot = require("@radix-ui/react-slot");
 var import_extractProps = require("../../_internal/helpers/extractProps");
-var import_getResponsiveStyles = require("../../_internal/helpers/getResponsiveStyles");
 var import_heading = require("./heading.props");
 var import_jsx_runtime = require("react/jsx-runtime");
 function getDefaultHeadingTag(variant) {
@@ -52,12 +51,6 @@ function getHeadingTagFromSize(size) {
   if (size === "4" || size === "3") return "h5";
   return "h6";
 }
-function resolveBaseSize(size) {
-  if (size === void 0) return void 0;
-  if (typeof size === "string") return size;
-  if ((0, import_getResponsiveStyles.isResponsiveObject)(size)) return size.initial;
-  return void 0;
-}
 const Heading = React.forwardRef((props, forwardedRef) => {
   const sizeProp = props.size;
   const colorProp = props.color;
@@ -70,7 +63,7 @@ const Heading = React.forwardRef((props, forwardedRef) => {
     variant = "headline-medium",
     ...headingProps
   } = (0, import_extractProps.extractProps)(props, import_heading.headingPropDefs);
-  const baseSize = resolveBaseSize(sizeProp);
+  const baseSize = sizeProp;
   const Tag = baseSize ? getHeadingTagFromSize(baseSize) : getDefaultHeadingTag(variant);
   const Comp = asChild ? import_react_slot.Slot : Tag;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(

package/dist/components/heading/Heading.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/heading/Heading.tsx"],
-  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { isResponsiveObject } from '../../_internal/helpers/getResponsiveStyles'\nimport { headingPropDefs } from './heading.props'\n\nimport type { GetPropDefTypes, Responsive } from '../../_internal/props/propDef'\n\ntype HeadingElement = React.ComponentRef<'h1'>\ntype HeadingOwnProps = GetPropDefTypes<typeof headingPropDefs>\n\ntype HeadingVariant = NonNullable<HeadingOwnProps['variant']>\n\nfunction getDefaultHeadingTag(variant: HeadingVariant): 'h1' | 'h2' | 'h3' | 'h4' {\n  if (variant === 'display-large') return 'h1'\n  if (variant === 'display-medium') return 'h2'\n  if (variant === 'headline-large') return 'h3'\n  return 'h4'\n}\n\nfunction getHeadingTagFromSize(size: string): 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' {\n  if (size === '9') return 'h1'\n  if (size === '8') return 'h2'\n  if (size === '7') return 'h3'\n  if (size === '6' || size === '5') return 'h4'\n  if (size === '4' || size === '3') return 'h5'\n  return 'h6'\n}\n\nfunction resolveBaseSize(size: Responsive<'1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9'> | undefined): string | undefined {\n  if (size === undefined) return undefined\n  if (typeof size === 'string') return size\n  if (isResponsiveObject(size)) return size.initial as string | undefined\n  return undefined\n}\n\ninterface HeadingProps extends Omit<React.ComponentPropsWithoutRef<'h1'>, 'color'>, HeadingOwnProps {}\n\nconst Heading = React.forwardRef<HeadingElement, HeadingProps>((props, forwardedRef) => {\n  const sizeProp = props.size\n  const colorProp = props.color\n  const {\n    asChild,\n    children,\n    className,\n    highContrast = false,\n    tone = 'default',\n    variant = 'headline-medium',\n    ...headingProps\n  } = extractProps(props, headingPropDefs)\n\n  const baseSize = resolveBaseSize(sizeProp)\n  const Tag = baseSize ? getHeadingTagFromSize(baseSize) : getDefaultHeadingTag(variant)\n  const Comp = asChild ? Slot : Tag\n\n  return (\n    <Comp\n      {...headingProps}\n      ref={forwardedRef}\n      className={classNames(\n        'dsx-heading',\n        `dsx-heading--${variant}`,\n        tone !== 'default' && `dsx-heading--${tone}`,\n        className,\n      )}\n      data-accent-color={typeof colorProp === 'string' ? colorProp : undefined}\n      data-high-contrast={highContrast || undefined}\n      data-size={baseSize}\n    >\n      {children}\n    </Comp>\n  )\n})\nHeading.displayName = 'Heading'\n\nexport { Heading }\nexport type { HeadingOwnProps, HeadingProps }\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAuB;AACvB,wBAAuB;AACvB,wBAAqB;AAErB,0BAA6B;AAC7B,iCAAmC;AACnC,qBAAgC;AAoD5B;AA3CJ,SAAS,qBAAqB,SAAoD;AAChF,MAAI,YAAY,gBAAiB,QAAO;AACxC,MAAI,YAAY,iBAAkB,QAAO;AACzC,MAAI,YAAY,iBAAkB,QAAO;AACzC,SAAO;AACT;AAEA,SAAS,sBAAsB,MAAuD;AACpF,MAAI,SAAS,IAAK,QAAO;AACzB,MAAI,SAAS,IAAK,QAAO;AACzB,MAAI,SAAS,IAAK,QAAO;AACzB,MAAI,SAAS,OAAO,SAAS,IAAK,QAAO;AACzC,MAAI,SAAS,OAAO,SAAS,IAAK,QAAO;AACzC,SAAO;AACT;AAEA,SAAS,gBAAgB,MAAuG;AAC9H,MAAI,SAAS,OAAW,QAAO;AAC/B,MAAI,OAAO,SAAS,SAAU,QAAO;AACrC,UAAI,+CAAmB,IAAI,EAAG,QAAO,KAAK;AAC1C,SAAO;AACT;AAIA,MAAM,UAAU,MAAM,WAAyC,CAAC,OAAO,iBAAiB;AACtF,QAAM,WAAW,MAAM;AACvB,QAAM,YAAY,MAAM;AACxB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf,OAAO;AAAA,IACP,UAAU;AAAA,IACV,GAAG;AAAA,EACL,QAAI,kCAAa,OAAO,8BAAe;AAEvC,QAAM,WAAW,gBAAgB,QAAQ;AACzC,QAAM,MAAM,WAAW,sBAAsB,QAAQ,IAAI,qBAAqB,OAAO;AACrF,QAAM,OAAO,UAAU,yBAAO;AAE9B,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL,eAAW,kBAAAA;AAAA,QACT;AAAA,QACA,gBAAgB,OAAO;AAAA,QACvB,SAAS,aAAa,gBAAgB,IAAI;AAAA,QAC1C;AAAA,MACF;AAAA,MACA,qBAAmB,OAAO,cAAc,WAAW,YAAY;AAAA,MAC/D,sBAAoB,gBAAgB;AAAA,MACpC,aAAW;AAAA,MAEV;AAAA;AAAA,EACH;AAEJ,CAAC;AACD,QAAQ,cAAc;",
+  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { headingPropDefs } from './heading.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype HeadingElement = React.ComponentRef<'h1'>\ntype HeadingOwnProps = GetPropDefTypes<typeof headingPropDefs>\n\ntype HeadingVariant = NonNullable<HeadingOwnProps['variant']>\n\nfunction getDefaultHeadingTag(variant: HeadingVariant): 'h1' | 'h2' | 'h3' | 'h4' {\n  if (variant === 'display-large') return 'h1'\n  if (variant === 'display-medium') return 'h2'\n  if (variant === 'headline-large') return 'h3'\n  return 'h4'\n}\n\nfunction getHeadingTagFromSize(size: string): 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' {\n  if (size === '9') return 'h1'\n  if (size === '8') return 'h2'\n  if (size === '7') return 'h3'\n  if (size === '6' || size === '5') return 'h4'\n  if (size === '4' || size === '3') return 'h5'\n  return 'h6'\n}\n\ninterface HeadingProps extends Omit<React.ComponentPropsWithoutRef<'h1'>, 'color'>, HeadingOwnProps {}\n\nconst Heading = React.forwardRef<HeadingElement, HeadingProps>((props, forwardedRef) => {\n  const sizeProp = props.size\n  const colorProp = props.color\n  const {\n    asChild,\n    children,\n    className,\n    highContrast = false,\n    tone = 'default',\n    variant = 'headline-medium',\n    ...headingProps\n  } = extractProps(props, headingPropDefs)\n\n  const baseSize = sizeProp\n  const Tag = baseSize ? getHeadingTagFromSize(baseSize) : getDefaultHeadingTag(variant)\n  const Comp = asChild ? Slot : Tag\n\n  return (\n    <Comp\n      {...headingProps}\n      ref={forwardedRef}\n      className={classNames(\n        'dsx-heading',\n        `dsx-heading--${variant}`,\n        tone !== 'default' && `dsx-heading--${tone}`,\n        className,\n      )}\n      data-accent-color={typeof colorProp === 'string' ? colorProp : undefined}\n      data-high-contrast={highContrast || undefined}\n      data-size={baseSize}\n    >\n      {children}\n    </Comp>\n  )\n})\nHeading.displayName = 'Heading'\n\nexport { Heading }\nexport type { HeadingOwnProps, HeadingProps }\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAuB;AACvB,wBAAuB;AACvB,wBAAqB;AAErB,0BAA6B;AAC7B,qBAAgC;AA6C5B;AApCJ,SAAS,qBAAqB,SAAoD;AAChF,MAAI,YAAY,gBAAiB,QAAO;AACxC,MAAI,YAAY,iBAAkB,QAAO;AACzC,MAAI,YAAY,iBAAkB,QAAO;AACzC,SAAO;AACT;AAEA,SAAS,sBAAsB,MAAuD;AACpF,MAAI,SAAS,IAAK,QAAO;AACzB,MAAI,SAAS,IAAK,QAAO;AACzB,MAAI,SAAS,IAAK,QAAO;AACzB,MAAI,SAAS,OAAO,SAAS,IAAK,QAAO;AACzC,MAAI,SAAS,OAAO,SAAS,IAAK,QAAO;AACzC,SAAO;AACT;AAIA,MAAM,UAAU,MAAM,WAAyC,CAAC,OAAO,iBAAiB;AACtF,QAAM,WAAW,MAAM;AACvB,QAAM,YAAY,MAAM;AACxB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf,OAAO;AAAA,IACP,UAAU;AAAA,IACV,GAAG;AAAA,EACL,QAAI,kCAAa,OAAO,8BAAe;AAEvC,QAAM,WAAW;AACjB,QAAM,MAAM,WAAW,sBAAsB,QAAQ,IAAI,qBAAqB,OAAO;AACrF,QAAM,OAAO,UAAU,yBAAO;AAE9B,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL,eAAW,kBAAAA;AAAA,QACT;AAAA,QACA,gBAAgB,OAAO;AAAA,QACvB,SAAS,aAAa,gBAAgB,IAAI;AAAA,QAC1C;AAAA,MACF;AAAA,MACA,qBAAmB,OAAO,cAAc,WAAW,YAAY;AAAA,MAC/D,sBAAoB,gBAAgB;AAAA,MACpC,aAAW;AAAA,MAEV;AAAA;AAAA,EACH;AAEJ,CAAC;AACD,QAAQ,cAAc;",
   "names": ["classNames"]
 }

package/dist/components/heading/Heading.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"Heading.d.cts","sourceRoot":"","sources":["../../../src/components/heading/Heading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAEjD,OAAO,KAAK,EAAE,eAAe,EAAc,MAAM,+BAA+B,CAAA;AAGhF,KAAK,eAAe,GAAG,eAAe,CAAC,OAAO,eAAe,CAAC,CAAA;AA2B9D,UAAU,YAAa,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC,EAAE,eAAe;CAAG;AAEtG,QAAA,MAAM,OAAO,yFAkCX,CAAA;AAGF,OAAO,EAAE,OAAO,EAAE,CAAA;AAClB,YAAY,EAAE,eAAe,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"Heading.d.cts","sourceRoot":"","sources":["../../../src/components/heading/Heading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAEjD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAGpE,KAAK,eAAe,GAAG,eAAe,CAAC,OAAO,eAAe,CAAC,CAAA;AAoB9D,UAAU,YAAa,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC,EAAE,eAAe;CAAG;AAEtG,QAAA,MAAM,OAAO,yFAkCX,CAAA;AAGF,OAAO,EAAE,OAAO,EAAE,CAAA;AAClB,YAAY,EAAE,eAAe,EAAE,YAAY,EAAE,CAAA"}

package/dist/components/heading/Heading.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Heading.d.mts","sourceRoot":"","sources":["../../../src/components/heading/Heading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAEjD,OAAO,KAAK,EAAE,eAAe,EAAc,MAAM,+BAA+B,CAAA;AAGhF,KAAK,eAAe,GAAG,eAAe,CAAC,OAAO,eAAe,CAAC,CAAA;AA2B9D,UAAU,YAAa,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC,EAAE,eAAe;CAAG;AAEtG,QAAA,MAAM,OAAO,yFAkCX,CAAA;AAGF,OAAO,EAAE,OAAO,EAAE,CAAA;AAClB,YAAY,EAAE,eAAe,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"Heading.d.mts","sourceRoot":"","sources":["../../../src/components/heading/Heading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAEjD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAGpE,KAAK,eAAe,GAAG,eAAe,CAAC,OAAO,eAAe,CAAC,CAAA;AAoB9D,UAAU,YAAa,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC,EAAE,eAAe;CAAG;AAEtG,QAAA,MAAM,OAAO,yFAkCX,CAAA;AAGF,OAAO,EAAE,OAAO,EAAE,CAAA;AAClB,YAAY,EAAE,eAAe,EAAE,YAAY,EAAE,CAAA"}

package/dist/components/heading/Heading.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../src/components/heading/Heading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAEjD,OAAO,KAAK,EAAE,eAAe,EAAc,MAAM,+BAA+B,CAAA;AAGhF,KAAK,eAAe,GAAG,eAAe,CAAC,OAAO,eAAe,CAAC,CAAA;AA2B9D,UAAU,YAAa,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC,EAAE,eAAe;CAAG;AAEtG,QAAA,MAAM,OAAO,yFAkCX,CAAA;AAGF,OAAO,EAAE,OAAO,EAAE,CAAA;AAClB,YAAY,EAAE,eAAe,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../src/components/heading/Heading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAEjD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAGpE,KAAK,eAAe,GAAG,eAAe,CAAC,OAAO,eAAe,CAAC,CAAA;AAoB9D,UAAU,YAAa,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC,EAAE,eAAe;CAAG;AAEtG,QAAA,MAAM,OAAO,yFAkCX,CAAA;AAGF,OAAO,EAAE,OAAO,EAAE,CAAA;AAClB,YAAY,EAAE,eAAe,EAAE,YAAY,EAAE,CAAA"}

package/dist/components/heading/Heading.js

@@ -2,7 +2,6 @@ import * as React from "react";
 import classNames from "classnames";
 import { Slot } from "@radix-ui/react-slot";
 import { extractProps } from "../../_internal/helpers/extractProps.js";
-import { isResponsiveObject } from "../../_internal/helpers/getResponsiveStyles.js";
 import { headingPropDefs } from "./heading.props.js";
 import { jsx } from "react/jsx-runtime";
 function getDefaultHeadingTag(variant) {
@@ -19,12 +18,6 @@ function getHeadingTagFromSize(size) {
   if (size === "4" || size === "3") return "h5";
   return "h6";
 }
-function resolveBaseSize(size) {
-  if (size === void 0) return void 0;
-  if (typeof size === "string") return size;
-  if (isResponsiveObject(size)) return size.initial;
-  return void 0;
-}
 const Heading = React.forwardRef((props, forwardedRef) => {
   const sizeProp = props.size;
   const colorProp = props.color;
@@ -37,7 +30,7 @@ const Heading = React.forwardRef((props, forwardedRef) => {
     variant = "headline-medium",
     ...headingProps
   } = extractProps(props, headingPropDefs);
-  const baseSize = resolveBaseSize(sizeProp);
+  const baseSize = sizeProp;
   const Tag = baseSize ? getHeadingTagFromSize(baseSize) : getDefaultHeadingTag(variant);
   const Comp = asChild ? Slot : Tag;
   return /* @__PURE__ */ jsx(

package/dist/components/heading/Heading.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/heading/Heading.tsx"],
-  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { isResponsiveObject } from '../../_internal/helpers/getResponsiveStyles'\nimport { headingPropDefs } from './heading.props'\n\nimport type { GetPropDefTypes, Responsive } from '../../_internal/props/propDef'\n\ntype HeadingElement = React.ComponentRef<'h1'>\ntype HeadingOwnProps = GetPropDefTypes<typeof headingPropDefs>\n\ntype HeadingVariant = NonNullable<HeadingOwnProps['variant']>\n\nfunction getDefaultHeadingTag(variant: HeadingVariant): 'h1' | 'h2' | 'h3' | 'h4' {\n  if (variant === 'display-large') return 'h1'\n  if (variant === 'display-medium') return 'h2'\n  if (variant === 'headline-large') return 'h3'\n  return 'h4'\n}\n\nfunction getHeadingTagFromSize(size: string): 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' {\n  if (size === '9') return 'h1'\n  if (size === '8') return 'h2'\n  if (size === '7') return 'h3'\n  if (size === '6' || size === '5') return 'h4'\n  if (size === '4' || size === '3') return 'h5'\n  return 'h6'\n}\n\nfunction resolveBaseSize(size: Responsive<'1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9'> | undefined): string | undefined {\n  if (size === undefined) return undefined\n  if (typeof size === 'string') return size\n  if (isResponsiveObject(size)) return size.initial as string | undefined\n  return undefined\n}\n\ninterface HeadingProps extends Omit<React.ComponentPropsWithoutRef<'h1'>, 'color'>, HeadingOwnProps {}\n\nconst Heading = React.forwardRef<HeadingElement, HeadingProps>((props, forwardedRef) => {\n  const sizeProp = props.size\n  const colorProp = props.color\n  const {\n    asChild,\n    children,\n    className,\n    highContrast = false,\n    tone = 'default',\n    variant = 'headline-medium',\n    ...headingProps\n  } = extractProps(props, headingPropDefs)\n\n  const baseSize = resolveBaseSize(sizeProp)\n  const Tag = baseSize ? getHeadingTagFromSize(baseSize) : getDefaultHeadingTag(variant)\n  const Comp = asChild ? Slot : Tag\n\n  return (\n    <Comp\n      {...headingProps}\n      ref={forwardedRef}\n      className={classNames(\n        'dsx-heading',\n        `dsx-heading--${variant}`,\n        tone !== 'default' && `dsx-heading--${tone}`,\n        className,\n      )}\n      data-accent-color={typeof colorProp === 'string' ? colorProp : undefined}\n      data-high-contrast={highContrast || undefined}\n      data-size={baseSize}\n    >\n      {children}\n    </Comp>\n  )\n})\nHeading.displayName = 'Heading'\n\nexport { Heading }\nexport type { HeadingOwnProps, HeadingProps }\n"],
-  "mappings": "AAAA,YAAY,WAAW;AACvB,OAAO,gBAAgB;AACvB,SAAS,YAAY;AAErB,SAAS,oBAAoB;AAC7B,SAAS,0BAA0B;AACnC,SAAS,uBAAuB;AAoD5B;AA3CJ,SAAS,qBAAqB,SAAoD;AAChF,MAAI,YAAY,gBAAiB,QAAO;AACxC,MAAI,YAAY,iBAAkB,QAAO;AACzC,MAAI,YAAY,iBAAkB,QAAO;AACzC,SAAO;AACT;AAEA,SAAS,sBAAsB,MAAuD;AACpF,MAAI,SAAS,IAAK,QAAO;AACzB,MAAI,SAAS,IAAK,QAAO;AACzB,MAAI,SAAS,IAAK,QAAO;AACzB,MAAI,SAAS,OAAO,SAAS,IAAK,QAAO;AACzC,MAAI,SAAS,OAAO,SAAS,IAAK,QAAO;AACzC,SAAO;AACT;AAEA,SAAS,gBAAgB,MAAuG;AAC9H,MAAI,SAAS,OAAW,QAAO;AAC/B,MAAI,OAAO,SAAS,SAAU,QAAO;AACrC,MAAI,mBAAmB,IAAI,EAAG,QAAO,KAAK;AAC1C,SAAO;AACT;AAIA,MAAM,UAAU,MAAM,WAAyC,CAAC,OAAO,iBAAiB;AACtF,QAAM,WAAW,MAAM;AACvB,QAAM,YAAY,MAAM;AACxB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf,OAAO;AAAA,IACP,UAAU;AAAA,IACV,GAAG;AAAA,EACL,IAAI,aAAa,OAAO,eAAe;AAEvC,QAAM,WAAW,gBAAgB,QAAQ;AACzC,QAAM,MAAM,WAAW,sBAAsB,QAAQ,IAAI,qBAAqB,OAAO;AACrF,QAAM,OAAO,UAAU,OAAO;AAE9B,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL,WAAW;AAAA,QACT;AAAA,QACA,gBAAgB,OAAO;AAAA,QACvB,SAAS,aAAa,gBAAgB,IAAI;AAAA,QAC1C;AAAA,MACF;AAAA,MACA,qBAAmB,OAAO,cAAc,WAAW,YAAY;AAAA,MAC/D,sBAAoB,gBAAgB;AAAA,MACpC,aAAW;AAAA,MAEV;AAAA;AAAA,EACH;AAEJ,CAAC;AACD,QAAQ,cAAc;",
+  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { headingPropDefs } from './heading.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype HeadingElement = React.ComponentRef<'h1'>\ntype HeadingOwnProps = GetPropDefTypes<typeof headingPropDefs>\n\ntype HeadingVariant = NonNullable<HeadingOwnProps['variant']>\n\nfunction getDefaultHeadingTag(variant: HeadingVariant): 'h1' | 'h2' | 'h3' | 'h4' {\n  if (variant === 'display-large') return 'h1'\n  if (variant === 'display-medium') return 'h2'\n  if (variant === 'headline-large') return 'h3'\n  return 'h4'\n}\n\nfunction getHeadingTagFromSize(size: string): 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' {\n  if (size === '9') return 'h1'\n  if (size === '8') return 'h2'\n  if (size === '7') return 'h3'\n  if (size === '6' || size === '5') return 'h4'\n  if (size === '4' || size === '3') return 'h5'\n  return 'h6'\n}\n\ninterface HeadingProps extends Omit<React.ComponentPropsWithoutRef<'h1'>, 'color'>, HeadingOwnProps {}\n\nconst Heading = React.forwardRef<HeadingElement, HeadingProps>((props, forwardedRef) => {\n  const sizeProp = props.size\n  const colorProp = props.color\n  const {\n    asChild,\n    children,\n    className,\n    highContrast = false,\n    tone = 'default',\n    variant = 'headline-medium',\n    ...headingProps\n  } = extractProps(props, headingPropDefs)\n\n  const baseSize = sizeProp\n  const Tag = baseSize ? getHeadingTagFromSize(baseSize) : getDefaultHeadingTag(variant)\n  const Comp = asChild ? Slot : Tag\n\n  return (\n    <Comp\n      {...headingProps}\n      ref={forwardedRef}\n      className={classNames(\n        'dsx-heading',\n        `dsx-heading--${variant}`,\n        tone !== 'default' && `dsx-heading--${tone}`,\n        className,\n      )}\n      data-accent-color={typeof colorProp === 'string' ? colorProp : undefined}\n      data-high-contrast={highContrast || undefined}\n      data-size={baseSize}\n    >\n      {children}\n    </Comp>\n  )\n})\nHeading.displayName = 'Heading'\n\nexport { Heading }\nexport type { HeadingOwnProps, HeadingProps }\n"],
+  "mappings": "AAAA,YAAY,WAAW;AACvB,OAAO,gBAAgB;AACvB,SAAS,YAAY;AAErB,SAAS,oBAAoB;AAC7B,SAAS,uBAAuB;AA6C5B;AApCJ,SAAS,qBAAqB,SAAoD;AAChF,MAAI,YAAY,gBAAiB,QAAO;AACxC,MAAI,YAAY,iBAAkB,QAAO;AACzC,MAAI,YAAY,iBAAkB,QAAO;AACzC,SAAO;AACT;AAEA,SAAS,sBAAsB,MAAuD;AACpF,MAAI,SAAS,IAAK,QAAO;AACzB,MAAI,SAAS,IAAK,QAAO;AACzB,MAAI,SAAS,IAAK,QAAO;AACzB,MAAI,SAAS,OAAO,SAAS,IAAK,QAAO;AACzC,MAAI,SAAS,OAAO,SAAS,IAAK,QAAO;AACzC,SAAO;AACT;AAIA,MAAM,UAAU,MAAM,WAAyC,CAAC,OAAO,iBAAiB;AACtF,QAAM,WAAW,MAAM;AACvB,QAAM,YAAY,MAAM;AACxB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf,OAAO;AAAA,IACP,UAAU;AAAA,IACV,GAAG;AAAA,EACL,IAAI,aAAa,OAAO,eAAe;AAEvC,QAAM,WAAW;AACjB,QAAM,MAAM,WAAW,sBAAsB,QAAQ,IAAI,qBAAqB,OAAO;AACrF,QAAM,OAAO,UAAU,OAAO;AAE9B,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL,WAAW;AAAA,QACT;AAAA,QACA,gBAAgB,OAAO;AAAA,QACvB,SAAS,aAAa,gBAAgB,IAAI;AAAA,QAC1C;AAAA,MACF;AAAA,MACA,qBAAmB,OAAO,cAAc,WAAW,YAAY;AAAA,MAC/D,sBAAoB,gBAAgB;AAAA,MACpC,aAAW;AAAA,MAEV;AAAA;AAAA,EACH;AAEJ,CAAC;AACD,QAAQ,cAAc;",
   "names": []
 }

package/dist/components/heading/heading.props.cjs

@@ -31,20 +31,21 @@ var import_textAlign = require("../../_internal/props/textAlign.prop");
 var import_textWrap = require("../../_internal/props/textWrap.prop");
 var import_truncate = require("../../_internal/props/truncate.prop");
 var import_weight = require("../../_internal/props/weight.prop");
+var import_typography = require("../text/typography.props");
 const headingVariants = ["display-large", "display-medium", "headline-large", "headline-medium"];
 const headingTones = ["default", "muted", "inverse"];
 const headingSizes = ["1", "2", "3", "4", "5", "6", "7", "8", "9"];
 const headingPropDefs = {
   ...import_asChild.asChildPropDef,
-  ...import_color.colorPropDef,
+  ...(0, import_typography.scalarTypographyProps)(import_color.colorPropDef),
   ...import_highContrast.highContrastPropDef,
-  ...import_leadingTrim.leadingTrimPropDef,
-  ...import_margin.marginPropDef,
-  ...import_padding.paddingPropDef,
-  ...import_textAlign.textAlignPropDef,
-  ...import_textWrap.textWrapPropDef,
+  ...(0, import_typography.scalarTypographyProps)(import_leadingTrim.leadingTrimPropDef),
+  ...(0, import_typography.scalarTypographyProps)(import_margin.marginPropDef),
+  ...(0, import_typography.scalarTypographyProps)(import_padding.paddingPropDef),
+  ...(0, import_typography.scalarTypographyProps)(import_textAlign.textAlignPropDef),
+  ...(0, import_typography.scalarTypographyProps)(import_textWrap.textWrapPropDef),
   ...import_truncate.truncatePropDef,
-  ...import_weight.weightPropDef,
+  ...(0, import_typography.scalarTypographyProps)(import_weight.weightPropDef),
   variant: {
     type: "enum",
     values: headingVariants,
@@ -53,8 +54,7 @@ const headingPropDefs = {
   size: {
     type: "enum",
     className: "dsx-r-heading-size",
-    values: headingSizes,
-    responsive: true
+    values: headingSizes
   },
   tone: {
     type: "enum",

package/dist/components/heading/heading.props.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/heading/heading.props.ts"],
-  "sourcesContent": ["import { asChildPropDef } from '../../_internal/props/asChild.prop'\nimport { colorPropDef } from '../../_internal/props/color.prop'\nimport { highContrastPropDef } from '../../_internal/props/highContrast.prop'\nimport { leadingTrimPropDef } from '../../_internal/props/leadingTrim.prop'\nimport { marginPropDef } from '../../_internal/props/margin.prop'\nimport { paddingPropDef } from '../../_internal/props/padding.prop'\nimport { textAlignPropDef } from '../../_internal/props/textAlign.prop'\nimport { textWrapPropDef } from '../../_internal/props/textWrap.prop'\nimport { truncatePropDef } from '../../_internal/props/truncate.prop'\nimport { weightPropDef } from '../../_internal/props/weight.prop'\n\nimport type { PropDef } from '../../_internal/props/propDef'\n\nconst headingVariants = ['display-large', 'display-medium', 'headline-large', 'headline-medium'] as const\nconst headingTones = ['default', 'muted', 'inverse'] as const\nconst headingSizes = ['1', '2', '3', '4', '5', '6', '7', '8', '9'] as const\n\nconst headingPropDefs = {\n  ...asChildPropDef,\n  ...colorPropDef,\n  ...highContrastPropDef,\n  ...leadingTrimPropDef,\n  ...marginPropDef,\n  ...paddingPropDef,\n  ...textAlignPropDef,\n  ...textWrapPropDef,\n  ...truncatePropDef,\n  ...weightPropDef,\n  variant: {\n    type: 'enum',\n    values: headingVariants,\n    default: 'headline-medium',\n  },\n  size: {\n    type: 'enum',\n    className: 'dsx-r-heading-size',\n    values: headingSizes,\n    responsive: true,\n  },\n  tone: {\n    type: 'enum',\n    values: headingTones,\n    default: 'default',\n  },\n} satisfies {\n  asChild: PropDef\n  align: PropDef<(typeof textAlignPropDef.align.values)[number]>\n  color: PropDef<(typeof colorPropDef.color.values)[number]>\n  highContrast: PropDef\n  m: PropDef\n  mb: PropDef\n  ml: PropDef\n  mr: PropDef\n  mt: PropDef\n  mx: PropDef\n  my: PropDef\n  p: PropDef\n  pb: PropDef\n  pl: PropDef\n  pr: PropDef\n  pt: PropDef\n  px: PropDef\n  py: PropDef\n  size: PropDef<(typeof headingSizes)[number]>\n  tone: PropDef<(typeof headingTones)[number]>\n  trim: PropDef<(typeof leadingTrimPropDef.trim.values)[number]>\n  truncate: PropDef\n  variant: PropDef<(typeof headingVariants)[number]>\n  weight: PropDef<(typeof weightPropDef.weight.values)[number]>\n  wrap: PropDef<(typeof textWrapPropDef.wrap.values)[number]>\n}\n\nexport { headingPropDefs }\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAA+B;AAC/B,mBAA6B;AAC7B,0BAAoC;AACpC,yBAAmC;AACnC,oBAA8B;AAC9B,qBAA+B;AAC/B,uBAAiC;AACjC,sBAAgC;AAChC,sBAAgC;AAChC,oBAA8B;AAI9B,MAAM,kBAAkB,CAAC,iBAAiB,kBAAkB,kBAAkB,iBAAiB;AAC/F,MAAM,eAAe,CAAC,WAAW,SAAS,SAAS;AACnD,MAAM,eAAe,CAAC,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,GAAG;AAEjE,MAAM,kBAAkB;AAAA,EACtB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,SAAS;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,YAAY;AAAA,EACd;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AACF;",
+  "sourcesContent": ["import { asChildPropDef } from '../../_internal/props/asChild.prop'\nimport { colorPropDef } from '../../_internal/props/color.prop'\nimport { highContrastPropDef } from '../../_internal/props/highContrast.prop'\nimport { leadingTrimPropDef } from '../../_internal/props/leadingTrim.prop'\nimport { marginPropDef } from '../../_internal/props/margin.prop'\nimport { paddingPropDef } from '../../_internal/props/padding.prop'\nimport { textAlignPropDef } from '../../_internal/props/textAlign.prop'\nimport { textWrapPropDef } from '../../_internal/props/textWrap.prop'\nimport { truncatePropDef } from '../../_internal/props/truncate.prop'\nimport { weightPropDef } from '../../_internal/props/weight.prop'\n\nimport { scalarTypographyProps } from '../text/typography.props'\n\nimport type { PropDef } from '../../_internal/props/propDef'\n\nconst headingVariants = ['display-large', 'display-medium', 'headline-large', 'headline-medium'] as const\nconst headingTones = ['default', 'muted', 'inverse'] as const\nconst headingSizes = ['1', '2', '3', '4', '5', '6', '7', '8', '9'] as const\n\nconst headingPropDefs = {\n  ...asChildPropDef,\n  ...scalarTypographyProps(colorPropDef),\n  ...highContrastPropDef,\n  ...scalarTypographyProps(leadingTrimPropDef),\n  ...scalarTypographyProps(marginPropDef),\n  ...scalarTypographyProps(paddingPropDef),\n  ...scalarTypographyProps(textAlignPropDef),\n  ...scalarTypographyProps(textWrapPropDef),\n  ...truncatePropDef,\n  ...scalarTypographyProps(weightPropDef),\n  variant: {\n    type: 'enum',\n    values: headingVariants,\n    default: 'headline-medium',\n  },\n  size: {\n    type: 'enum',\n    className: 'dsx-r-heading-size',\n    values: headingSizes,\n  },\n  tone: {\n    type: 'enum',\n    values: headingTones,\n    default: 'default',\n  },\n} satisfies {\n  asChild: PropDef\n  align: PropDef<(typeof textAlignPropDef.align.values)[number]>\n  color: PropDef<(typeof colorPropDef.color.values)[number]>\n  highContrast: PropDef\n  m: PropDef\n  mb: PropDef\n  ml: PropDef\n  mr: PropDef\n  mt: PropDef\n  mx: PropDef\n  my: PropDef\n  p: PropDef\n  pb: PropDef\n  pl: PropDef\n  pr: PropDef\n  pt: PropDef\n  px: PropDef\n  py: PropDef\n  size: PropDef<(typeof headingSizes)[number]>\n  tone: PropDef<(typeof headingTones)[number]>\n  trim: PropDef<(typeof leadingTrimPropDef.trim.values)[number]>\n  truncate: PropDef\n  variant: PropDef<(typeof headingVariants)[number]>\n  weight: PropDef<(typeof weightPropDef.weight.values)[number]>\n  wrap: PropDef<(typeof textWrapPropDef.wrap.values)[number]>\n}\n\nexport { headingPropDefs }\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAA+B;AAC/B,mBAA6B;AAC7B,0BAAoC;AACpC,yBAAmC;AACnC,oBAA8B;AAC9B,qBAA+B;AAC/B,uBAAiC;AACjC,sBAAgC;AAChC,sBAAgC;AAChC,oBAA8B;AAE9B,wBAAsC;AAItC,MAAM,kBAAkB,CAAC,iBAAiB,kBAAkB,kBAAkB,iBAAiB;AAC/F,MAAM,eAAe,CAAC,WAAW,SAAS,SAAS;AACnD,MAAM,eAAe,CAAC,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,GAAG;AAEjE,MAAM,kBAAkB;AAAA,EACtB,GAAG;AAAA,EACH,OAAG,yCAAsB,yBAAY;AAAA,EACrC,GAAG;AAAA,EACH,OAAG,yCAAsB,qCAAkB;AAAA,EAC3C,OAAG,yCAAsB,2BAAa;AAAA,EACtC,OAAG,yCAAsB,6BAAc;AAAA,EACvC,OAAG,yCAAsB,iCAAgB;AAAA,EACzC,OAAG,yCAAsB,+BAAe;AAAA,EACxC,GAAG;AAAA,EACH,OAAG,yCAAsB,2BAAa;AAAA,EACtC,SAAS;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,WAAW;AAAA,IACX,QAAQ;AAAA,EACV;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AACF;",
   "names": []
 }