npm - @d4gger/design-system - Versions diffs - 3.0.0 → 4.0.0 - Mend

@d4gger/design-system 3.0.0 → 4.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (772) hide show

package/dist/components/fontProvider/FontProvider.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/fontProvider/FontProvider.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\n\nimport { type FontProviderProps } from './fontProvider.props'\n\ntype FontContextValue = {\n  fontFamily: string\n}\n\nconst FontContext = React.createContext<FontContextValue | null>(null)\n\nconst DEFAULT_GOOGLE_FONTS_URL =\n  'https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@100..800&family=Science+Gothic:CTRS,slnt,wdth,wght@0..75,-10..0,50..200,100..900&display=swap&subset=cyrillic,latin'\n\n// The real typography CSS (heading.css, text.css) never reads a single global\n// `--dsx-font-family` / `--dsx-display-font-family` \u2014 each type-scale variant\n// reads its own token (`--dsx-typography-display-large-font-family`,\n// `--dsx-typography-body-medium-font-family`, etc.), defined once in\n// generated/tokens.css. Overriding only the two vars this component used to\n// write was a no-op: nothing in the package ever consumed them. `caption` is\n// intentionally left alone \u2014 its token is `inherit` by design.\nconst DISPLAY_FONT_VARS = [\n  '--dsx-typography-display-large-font-family',\n  '--dsx-typography-display-medium-font-family',\n  '--dsx-typography-headline-large-font-family',\n  '--dsx-typography-headline-medium-font-family',\n]\nconst BODY_FONT_VARS = [\n  '--dsx-typography-body-large-font-family',\n  '--dsx-typography-body-medium-font-family',\n  '--dsx-typography-body-small-font-family',\n  '--dsx-typography-label-large-font-family',\n  '--dsx-typography-label-medium-font-family',\n  '--dsx-typography-label-small-font-family',\n]\n\nfunction FontProvider({\n  children,\n  fontFamily = 'Science Gothic, ui-sans-serif, system-ui, sans-serif',\n  displayFontFamily = 'Science Gothic, Arial Narrow, ui-sans-serif, system-ui, sans-serif',\n  loadGoogleFonts = false,\n}: FontProviderProps) {\n  const contextValue = React.useMemo<FontContextValue>(\n    () => ({ fontFamily }),\n    [fontFamily],\n  )\n\n  // useLayoutEffect, not useEffect (2026-08-26, real bug found live): with useEffect, React\n  // defers this DOM mutation until after the browser has already painted the just-hydrated\n  // frame \u2014 so on every reload the DS's default typography tokens\n  // paint first, then visibly swap to the override font a beat later. Measured live: default\n  // tokens still showing 100ms after commit, override not applied until ~300ms. useLayoutEffect\n  // runs synchronously in the same commit as hydration, before that frame paints, so the\n  // override is already applied by the first frame the browser shows post-hydration \u2014 it\n  // cannot remove the one truly unavoidable flash (the server-rendered HTML painting before any\n  // JS runs at all, inherent to Next.js's single root layout owning <html>/<body>), only the\n  // second, avoidable one stacked on top of it.\n  React.useLayoutEffect(() => {\n    const html = document.documentElement\n    const body = document.body\n    // foundations/Theme.tsx's applyThemeToDocument sets every theme data-attribute\n    // on BOTH html and body \u2014 deliberately, so Radix portals (Select/Dialog/\n    // DropdownMenu content, rendered into document.body, not under the app's\n    // themed root) still pick up theme-scoped tokens. Overriding only html left\n    // body \u2014 a same-attribute match for `[data-dsx-theme=\"dark\"]` in\n    // generated/tokens.css \u2014 still asserting the default package families\n    // stack, which then wins for anything under body (i.e. everything), since\n    // custom-property resolution takes the nearest ancestor's value. That's why\n    // The custom display family only rendered correctly in light mode: that block\n    // doesn't define font-family tokens at all, so body had nothing to\n    // re-assert there. Writing to both elements matches the real architecture.\n    const elements = body ? [html, body] : [html]\n    const previousValues = new Map<Element, Map<string, string>>()\n\n    for (const el of elements) {\n      const previous = new Map<string, string>()\n      for (const name of DISPLAY_FONT_VARS) {\n        previous.set(name, (el as HTMLElement).style.getPropertyValue(name))\n        ;(el as HTMLElement).style.setProperty(name, displayFontFamily)\n      }\n      for (const name of BODY_FONT_VARS) {\n        previous.set(name, (el as HTMLElement).style.getPropertyValue(name))\n        ;(el as HTMLElement).style.setProperty(name, fontFamily)\n      }\n      previousValues.set(el, previous)\n    }\n\n    return () => {\n      for (const [el, previous] of previousValues) {\n        for (const [name, value] of previous) {\n          if (value) {\n            (el as HTMLElement).style.setProperty(name, value)\n          } else {\n            (el as HTMLElement).style.removeProperty(name)\n          }\n        }\n      }\n    }\n  }, [fontFamily, displayFontFamily])\n\n  // Optional hosted compatibility path for the canonical bilingual and mono families.\n  React.useEffect(() => {\n    if (!loadGoogleFonts) return\n    if (typeof document === 'undefined') return\n\n    const linkId = 'dsx-font-provider-default-fonts'\n    if (document.getElementById(linkId)) return\n\n    const link = document.createElement('link')\n    link.id = linkId\n    link.rel = 'stylesheet'\n    link.href = DEFAULT_GOOGLE_FONTS_URL\n    document.head.appendChild(link)\n\n    return () => {\n      const existing = document.getElementById(linkId)\n      if (existing) {\n        document.head.removeChild(existing)\n      }\n    }\n  }, [loadGoogleFonts])\n\n  return (\n    <FontContext.Provider value={contextValue}>\n      {children}\n    </FontContext.Provider>\n  )\n}\n\nfunction useFont(): FontContextValue {\n  const context = React.useContext(FontContext)\n\n  if (!context) {\n    return { fontFamily: 'Science Gothic, ui-sans-serif, system-ui, sans-serif' }\n  }\n\n  return context\n}\n\nexport { FontProvider, useFont }\n"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\n\nimport { type FontProviderProps } from './fontProvider.props'\n\ntype FontContextValue = {\n  fontFamily: string\n}\n\nconst FontContext = React.createContext<FontContextValue | null>(null)\n\nconst DEFAULT_GOOGLE_FONTS_URL =\n  'https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@100..800&family=Science+Gothic:CTRS,wdth,wght@0..75,50..200,100..900&display=swap&subset=cyrillic,latin'\n\n// The real typography CSS (heading.css, text.css) never reads a single global\n// `--dsx-font-family` / `--dsx-display-font-family` \u2014 each type-scale variant\n// reads its own token (`--dsx-typography-display-large-font-family`,\n// `--dsx-typography-body-medium-font-family`, etc.), defined once in\n// generated/tokens.css. Overriding only the two vars this component used to\n// write was a no-op: nothing in the package ever consumed them. `caption` is\n// intentionally left alone \u2014 its token is `inherit` by design.\nconst DISPLAY_FONT_VARS = [\n  '--dsx-typography-display-large-font-family',\n  '--dsx-typography-display-medium-font-family',\n  '--dsx-typography-headline-large-font-family',\n  '--dsx-typography-headline-medium-font-family',\n]\nconst BODY_FONT_VARS = [\n  '--dsx-typography-body-large-font-family',\n  '--dsx-typography-body-medium-font-family',\n  '--dsx-typography-body-small-font-family',\n  '--dsx-typography-label-large-font-family',\n  '--dsx-typography-label-medium-font-family',\n  '--dsx-typography-label-small-font-family',\n]\n\nfunction FontProvider({\n  children,\n  fontFamily = 'Science Gothic, ui-sans-serif, system-ui, sans-serif',\n  displayFontFamily = 'Science Gothic, Arial Narrow, ui-sans-serif, system-ui, sans-serif',\n  loadGoogleFonts = false,\n}: FontProviderProps) {\n  const contextValue = React.useMemo<FontContextValue>(\n    () => ({ fontFamily }),\n    [fontFamily],\n  )\n\n  // useLayoutEffect, not useEffect (2026-08-26, real bug found live): with useEffect, React\n  // defers this DOM mutation until after the browser has already painted the just-hydrated\n  // frame \u2014 so on every reload the DS's default typography tokens\n  // paint first, then visibly swap to the override font a beat later. Measured live: default\n  // tokens still showing 100ms after commit, override not applied until ~300ms. useLayoutEffect\n  // runs synchronously in the same commit as hydration, before that frame paints, so the\n  // override is already applied by the first frame the browser shows post-hydration \u2014 it\n  // cannot remove the one truly unavoidable flash (the server-rendered HTML painting before any\n  // JS runs at all, inherent to Next.js's single root layout owning <html>/<body>), only the\n  // second, avoidable one stacked on top of it.\n  React.useLayoutEffect(() => {\n    const html = document.documentElement\n    const body = document.body\n    // foundations/Theme.tsx's applyThemeToDocument sets every theme data-attribute\n    // on BOTH html and body \u2014 deliberately, so Radix portals (Select/Dialog/\n    // DropdownMenu content, rendered into document.body, not under the app's\n    // themed root) still pick up theme-scoped tokens. Overriding only html left\n    // body \u2014 a same-attribute match for `[data-dsx-theme=\"dark\"]` in\n    // generated/tokens.css \u2014 still asserting the default package families\n    // stack, which then wins for anything under body (i.e. everything), since\n    // custom-property resolution takes the nearest ancestor's value. That's why\n    // The custom display family only rendered correctly in light mode: that block\n    // doesn't define font-family tokens at all, so body had nothing to\n    // re-assert there. Writing to both elements matches the real architecture.\n    const elements = body ? [html, body] : [html]\n    const previousValues = new Map<Element, Map<string, string>>()\n\n    for (const el of elements) {\n      const previous = new Map<string, string>()\n      for (const name of DISPLAY_FONT_VARS) {\n        previous.set(name, (el as HTMLElement).style.getPropertyValue(name))\n        ;(el as HTMLElement).style.setProperty(name, displayFontFamily)\n      }\n      for (const name of BODY_FONT_VARS) {\n        previous.set(name, (el as HTMLElement).style.getPropertyValue(name))\n        ;(el as HTMLElement).style.setProperty(name, fontFamily)\n      }\n      previousValues.set(el, previous)\n    }\n\n    return () => {\n      for (const [el, previous] of previousValues) {\n        for (const [name, value] of previous) {\n          if (value) {\n            (el as HTMLElement).style.setProperty(name, value)\n          } else {\n            (el as HTMLElement).style.removeProperty(name)\n          }\n        }\n      }\n    }\n  }, [fontFamily, displayFontFamily])\n\n  // Optional hosted compatibility path for the canonical bilingual and mono families.\n  React.useEffect(() => {\n    if (!loadGoogleFonts) return\n    if (typeof document === 'undefined') return\n\n    const linkId = 'dsx-font-provider-default-fonts'\n    if (document.getElementById(linkId)) return\n\n    const link = document.createElement('link')\n    link.id = linkId\n    link.rel = 'stylesheet'\n    link.href = DEFAULT_GOOGLE_FONTS_URL\n    document.head.appendChild(link)\n\n    return () => {\n      const existing = document.getElementById(linkId)\n      if (existing) {\n        document.head.removeChild(existing)\n      }\n    }\n  }, [loadGoogleFonts])\n\n  return (\n    <FontContext.Provider value={contextValue}>\n      {children}\n    </FontContext.Provider>\n  )\n}\n\nfunction useFont(): FontContextValue {\n  const context = React.useContext(FontContext)\n\n  if (!context) {\n    return { fontFamily: 'Science Gothic, ui-sans-serif, system-ui, sans-serif' }\n  }\n\n  return context\n}\n\nexport { FontProvider, useFont }\n"],
   "mappings": ";AAEA,YAAY,WAAW;AAEvB,eAAuC;AAwHnC;AAlHJ,MAAM,cAAc,MAAM,cAAuC,IAAI;AAErE,MAAM,2BACJ;AASF,MAAM,oBAAoB;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AACA,MAAM,iBAAiB;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,SAAS,aAAa;AAAA,EACpB;AAAA,EACA,aAAa;AAAA,EACb,oBAAoB;AAAA,EACpB,kBAAkB;AACpB,GAAsB;AACpB,QAAM,eAAe,MAAM;AAAA,IACzB,OAAO,EAAE,WAAW;AAAA,IACpB,CAAC,UAAU;AAAA,EACb;AAYA,QAAM,gBAAgB,MAAM;AAC1B,UAAM,OAAO,SAAS;AACtB,UAAM,OAAO,SAAS;AAYtB,UAAM,WAAW,OAAO,CAAC,MAAM,IAAI,IAAI,CAAC,IAAI;AAC5C,UAAM,iBAAiB,oBAAI,IAAkC;AAE7D,eAAW,MAAM,UAAU;AACzB,YAAM,WAAW,oBAAI,IAAoB;AACzC,iBAAW,QAAQ,mBAAmB;AACpC,iBAAS,IAAI,MAAO,GAAmB,MAAM,iBAAiB,IAAI,CAAC;AAClE,QAAC,GAAmB,MAAM,YAAY,MAAM,iBAAiB;AAAA,MAChE;AACA,iBAAW,QAAQ,gBAAgB;AACjC,iBAAS,IAAI,MAAO,GAAmB,MAAM,iBAAiB,IAAI,CAAC;AAClE,QAAC,GAAmB,MAAM,YAAY,MAAM,UAAU;AAAA,MACzD;AACA,qBAAe,IAAI,IAAI,QAAQ;AAAA,IACjC;AAEA,WAAO,MAAM;AACX,iBAAW,CAAC,IAAI,QAAQ,KAAK,gBAAgB;AAC3C,mBAAW,CAAC,MAAM,KAAK,KAAK,UAAU;AACpC,cAAI,OAAO;AACT,YAAC,GAAmB,MAAM,YAAY,MAAM,KAAK;AAAA,UACnD,OAAO;AACL,YAAC,GAAmB,MAAM,eAAe,IAAI;AAAA,UAC/C;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF,GAAG,CAAC,YAAY,iBAAiB,CAAC;AAGlC,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,gBAAiB;AACtB,QAAI,OAAO,aAAa,YAAa;AAErC,UAAM,SAAS;AACf,QAAI,SAAS,eAAe,MAAM,EAAG;AAErC,UAAM,OAAO,SAAS,cAAc,MAAM;AAC1C,SAAK,KAAK;AACV,SAAK,MAAM;AACX,SAAK,OAAO;AACZ,aAAS,KAAK,YAAY,IAAI;AAE9B,WAAO,MAAM;AACX,YAAM,WAAW,SAAS,eAAe,MAAM;AAC/C,UAAI,UAAU;AACZ,iBAAS,KAAK,YAAY,QAAQ;AAAA,MACpC;AAAA,IACF;AAAA,EACF,GAAG,CAAC,eAAe,CAAC;AAEpB,SACE,oBAAC,YAAY,UAAZ,EAAqB,OAAO,cAC1B,UACH;AAEJ;AAEA,SAAS,UAA4B;AACnC,QAAM,UAAU,MAAM,WAAW,WAAW;AAE5C,MAAI,CAAC,SAAS;AACZ,WAAO,EAAE,YAAY,uDAAuD;AAAA,EAC9E;AAEA,SAAO;AACT;",
   "names": []
 }

package/dist/components/grid/Grid.cjs CHANGED Viewed

@@ -85,12 +85,12 @@ const Grid = React.forwardRef(function Grid2({ as, asChild = false, className, s
   const propsJustifyItemsMap = (0, import_responsive.toResponsiveMap)(props.justifyItems);
   const propsJustifyContentMap = (0, import_responsive.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,
@@ -105,32 +105,21 @@ const Grid = React.forwardRef(function Grid2({ as, asChild = false, className, s
   const gridVars = {};
   const responsiveConditions = ["initial", "sm", "md", "lg", "xl", "2xl"];
   const responsiveColumnsMap = (0, import_responsive.toResponsiveMap)(responsiveColumns);
-  const minItemWidthMap = responsiveMinItemWidth ? (0, import_responsive.toResponsiveMap)(responsiveMinItemWidth) : null;
-  let lastColumns;
+  const minItemWidthMap = (0, import_responsive.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(${(0, import_Shared.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(${(0, import_Shared.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 = (0, import_responsive.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 = (0, import_responsive.toResponsiveMap)(responsiveAlign);
@@ -160,14 +149,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 = (0, import_layout.extractLayoutProps)(propsForExtraction, import_layout.BOX_PROP_DEFS, import_layout.GRID_PROP_DEFS);
   const finalStyle = writeBoxChildStyleVars(mergedStyle, {

package/dist/components/grid/Grid.cjs.map CHANGED Viewed

@@ -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", "classNames"]
 }

package/dist/components/grid/Grid.d.cts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Grid.d.cts","sourceRoot":"","sources":["../../../src/components/grid/Grid.tsx"],"names":[],"mappings":"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~~qCA8NnC~~,CAAA"}
1	+ {"version":3,"file":"Grid.d.cts","sourceRoot":"","sources":["../../../src/components/grid/Grid.tsx"],"names":[],"mappings":"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"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Grid.d.mts","sourceRoot":"","sources":["../../../src/components/grid/Grid.tsx"],"names":[],"mappings":"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~~qCA8NnC~~,CAAA"}
1	+ {"version":3,"file":"Grid.d.mts","sourceRoot":"","sources":["../../../src/components/grid/Grid.tsx"],"names":[],"mappings":"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"}

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

	@@ -1 +1 @@
1	- {"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;~~qCA8NnC~~,CAAA"}
1	+ {"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../src/components/grid/Grid.tsx"],"names":[],"mappings":"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"}

package/dist/components/grid/Grid.js CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"}
1	+ {"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 CHANGED Viewed

	@@ -1 +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"}
1	+ {"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 CHANGED Viewed

	@@ -1 +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"}
1	+ {"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 CHANGED Viewed

@@ -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(