@d4gger/design-system 2.7.0

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

@@ -0,0 +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 {\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 | 'stretch'\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(${String(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(align)}\n      data-justify={serializeResponsiveValue(justify)}\n    />\n  )\n})\n\nGrid.displayName = 'Grid'\n"],
+  "mappings": "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",
+  "names": ["Grid"]
+}

package/dist/components/grid.css

@@ -0,0 +1,137 @@
+@import 'box.css';
+
+.dsx-grid {
+  --dsx-grid-columns: initial;
+  --dsx-grid-columns-sm: initial;
+  --dsx-grid-columns-md: initial;
+  --dsx-grid-columns-lg: initial;
+  --dsx-grid-columns-xl: initial;
+  --dsx-grid-columns-2xl: initial;
+  --dsx-grid-rows: initial;
+  --dsx-grid-rows-sm: initial;
+  --dsx-grid-rows-md: initial;
+  --dsx-grid-rows-lg: initial;
+  --dsx-grid-rows-xl: initial;
+  --dsx-grid-rows-2xl: initial;
+  --dsx-grid-areas: initial;
+  --dsx-grid-areas-sm: initial;
+  --dsx-grid-areas-md: initial;
+  --dsx-grid-areas-lg: initial;
+  --dsx-grid-areas-xl: initial;
+  --dsx-grid-areas-2xl: initial;
+  --dsx-grid-auto-flow: initial;
+  --dsx-grid-auto-flow-sm: initial;
+  --dsx-grid-auto-flow-md: initial;
+  --dsx-grid-auto-flow-lg: initial;
+  --dsx-grid-auto-flow-xl: initial;
+  --dsx-grid-auto-flow-2xl: initial;
+  --dsx-grid-align: initial;
+  --dsx-grid-align-sm: initial;
+  --dsx-grid-align-md: initial;
+  --dsx-grid-align-lg: initial;
+  --dsx-grid-align-xl: initial;
+  --dsx-grid-align-2xl: initial;
+  --dsx-grid-align-content: initial;
+  --dsx-grid-align-content-sm: initial;
+  --dsx-grid-align-content-md: initial;
+  --dsx-grid-align-content-lg: initial;
+  --dsx-grid-align-content-xl: initial;
+  --dsx-grid-align-content-2xl: initial;
+  --dsx-grid-justify: initial;
+  --dsx-grid-justify-sm: initial;
+  --dsx-grid-justify-md: initial;
+  --dsx-grid-justify-lg: initial;
+  --dsx-grid-justify-xl: initial;
+  --dsx-grid-justify-2xl: initial;
+  --dsx-grid-justify-items: initial;
+  --dsx-grid-justify-items-sm: initial;
+  --dsx-grid-justify-items-md: initial;
+  --dsx-grid-justify-items-lg: initial;
+  --dsx-grid-justify-items-xl: initial;
+  --dsx-grid-justify-items-2xl: initial;
+  --dsx-grid-justify-content: initial;
+  --dsx-grid-justify-content-sm: initial;
+  --dsx-grid-justify-content-md: initial;
+  --dsx-grid-justify-content-lg: initial;
+  --dsx-grid-justify-content-xl: initial;
+  --dsx-grid-justify-content-2xl: initial;
+  display: var(--dsx-box-display, grid);
+  grid-template-columns: var(--dsx-grid-columns, minmax(0, 1fr));
+  grid-template-rows: var(--dsx-grid-rows, none);
+  grid-template-areas: var(--dsx-grid-areas, none);
+  grid-auto-flow: var(--dsx-grid-auto-flow, row);
+  align-items: var(--dsx-grid-align, stretch);
+  align-content: var(--dsx-grid-align-content, normal);
+  justify-items: var(--dsx-grid-justify-items, legacy);
+  justify-content: var(--dsx-grid-justify-content, var(--dsx-grid-justify, normal));
+}
+
+@media (min-width: 640px) {
+  .dsx-grid {
+    display: var(--dsx-box-display-sm, var(--dsx-box-display, grid));
+    grid-template-columns: var(--dsx-grid-columns-sm, var(--dsx-grid-columns, minmax(0, 1fr)));
+    grid-template-rows: var(--dsx-grid-rows-sm, var(--dsx-grid-rows, none));
+    grid-template-areas: var(--dsx-grid-areas-sm, var(--dsx-grid-areas, none));
+    grid-auto-flow: var(--dsx-grid-auto-flow-sm, var(--dsx-grid-auto-flow, row));
+    align-items: var(--dsx-grid-align-sm, var(--dsx-grid-align, stretch));
+    align-content: var(--dsx-grid-align-content-sm, var(--dsx-grid-align-content, normal));
+    justify-items: var(--dsx-grid-justify-items-sm, var(--dsx-grid-justify-items, legacy));
+    justify-content: var(--dsx-grid-justify-content-sm, var(--dsx-grid-justify-sm, var(--dsx-grid-justify-content, var(--dsx-grid-justify, normal))));
+  }
+}
+
+@media (min-width: 768px) {
+  .dsx-grid {
+    display: var(--dsx-box-display-md, var(--dsx-box-display-sm, var(--dsx-box-display, grid)));
+    grid-template-columns: var(--dsx-grid-columns-md, var(--dsx-grid-columns-sm, var(--dsx-grid-columns, minmax(0, 1fr))));
+    grid-template-rows: var(--dsx-grid-rows-md, var(--dsx-grid-rows-sm, var(--dsx-grid-rows, none)));
+    grid-template-areas: var(--dsx-grid-areas-md, var(--dsx-grid-areas-sm, var(--dsx-grid-areas, none)));
+    grid-auto-flow: var(--dsx-grid-auto-flow-md, var(--dsx-grid-auto-flow-sm, var(--dsx-grid-auto-flow, row)));
+    align-items: var(--dsx-grid-align-md, var(--dsx-grid-align-sm, var(--dsx-grid-align, stretch)));
+    align-content: var(--dsx-grid-align-content-md, var(--dsx-grid-align-content-sm, var(--dsx-grid-align-content, normal)));
+    justify-items: var(--dsx-grid-justify-items-md, var(--dsx-grid-justify-items-sm, var(--dsx-grid-justify-items, legacy)));
+    justify-content: var(--dsx-grid-justify-content-md, var(--dsx-grid-justify-md, var(--dsx-grid-justify-content-sm, var(--dsx-grid-justify-sm, var(--dsx-grid-justify-content, var(--dsx-grid-justify, normal))))));
+  }
+}
+
+@media (min-width: 1024px) {
+  .dsx-grid {
+    display: var(--dsx-box-display-lg, var(--dsx-box-display-md, var(--dsx-box-display-sm, var(--dsx-box-display, grid))));
+    grid-template-columns: var(--dsx-grid-columns-lg, var(--dsx-grid-columns-md, var(--dsx-grid-columns-sm, var(--dsx-grid-columns, minmax(0, 1fr)))));
+    grid-template-rows: var(--dsx-grid-rows-lg, var(--dsx-grid-rows-md, var(--dsx-grid-rows-sm, var(--dsx-grid-rows, none))));
+    grid-template-areas: var(--dsx-grid-areas-lg, var(--dsx-grid-areas-md, var(--dsx-grid-areas-sm, var(--dsx-grid-areas, none))));
+    grid-auto-flow: var(--dsx-grid-auto-flow-lg, var(--dsx-grid-auto-flow-md, var(--dsx-grid-auto-flow-sm, var(--dsx-grid-auto-flow, row))));
+    align-items: var(--dsx-grid-align-lg, var(--dsx-grid-align-md, var(--dsx-grid-align-sm, var(--dsx-grid-align, stretch))));
+    align-content: var(--dsx-grid-align-content-lg, var(--dsx-grid-align-content-md, var(--dsx-grid-align-content-sm, var(--dsx-grid-align-content, normal))));
+    justify-items: var(--dsx-grid-justify-items-lg, var(--dsx-grid-justify-items-md, var(--dsx-grid-justify-items-sm, var(--dsx-grid-justify-items, legacy))));
+    justify-content: var(--dsx-grid-justify-content-lg, var(--dsx-grid-justify-lg, var(--dsx-grid-justify-content-md, var(--dsx-grid-justify-md, var(--dsx-grid-justify-content-sm, var(--dsx-grid-justify-sm, var(--dsx-grid-justify-content, var(--dsx-grid-justify, normal))))))));
+  }
+}
+
+@media (min-width: 1280px) {
+  .dsx-grid {
+    display: var(--dsx-box-display-xl, var(--dsx-box-display-lg, var(--dsx-box-display-md, var(--dsx-box-display-sm, var(--dsx-box-display, grid)))));
+    grid-template-columns: var(--dsx-grid-columns-xl, var(--dsx-grid-columns-lg, var(--dsx-grid-columns-md, var(--dsx-grid-columns-sm, var(--dsx-grid-columns, minmax(0, 1fr))))));
+    grid-template-rows: var(--dsx-grid-rows-xl, var(--dsx-grid-rows-lg, var(--dsx-grid-rows-md, var(--dsx-grid-rows-sm, var(--dsx-grid-rows, none)))));
+    grid-template-areas: var(--dsx-grid-areas-xl, var(--dsx-grid-areas-lg, var(--dsx-grid-areas-md, var(--dsx-grid-areas-sm, var(--dsx-grid-areas, none)))));
+    grid-auto-flow: var(--dsx-grid-auto-flow-xl, var(--dsx-grid-auto-flow-lg, var(--dsx-grid-auto-flow-md, var(--dsx-grid-auto-flow-sm, var(--dsx-grid-auto-flow, row)))));
+    align-items: var(--dsx-grid-align-xl, var(--dsx-grid-align-lg, var(--dsx-grid-align-md, var(--dsx-grid-align-sm, var(--dsx-grid-align, stretch)))));
+    align-content: var(--dsx-grid-align-content-xl, var(--dsx-grid-align-content-lg, var(--dsx-grid-align-content-md, var(--dsx-grid-align-content-sm, var(--dsx-grid-align-content, normal)))));
+    justify-items: var(--dsx-grid-justify-items-xl, var(--dsx-grid-justify-items-lg, var(--dsx-grid-justify-items-md, var(--dsx-grid-justify-items-sm, var(--dsx-grid-justify-items, legacy)))));
+    justify-content: var(--dsx-grid-justify-content-xl, var(--dsx-grid-justify-xl, var(--dsx-grid-justify-content-lg, var(--dsx-grid-justify-lg, var(--dsx-grid-justify-content-md, var(--dsx-grid-justify-md, var(--dsx-grid-justify-content-sm, var(--dsx-grid-justify-sm, var(--dsx-grid-justify-content, var(--dsx-grid-justify, normal))))))))));
+  }
+}
+
+@media (min-width: 1536px) {
+  .dsx-grid {
+    display: var(--dsx-box-display-2xl, var(--dsx-box-display-xl, var(--dsx-box-display-lg, var(--dsx-box-display-md, var(--dsx-box-display-sm, var(--dsx-box-display, grid))))));
+    grid-template-columns: var(--dsx-grid-columns-2xl, var(--dsx-grid-columns-xl, var(--dsx-grid-columns-lg, var(--dsx-grid-columns-md, var(--dsx-grid-columns-sm, var(--dsx-grid-columns, minmax(0, 1fr)))))));
+    grid-template-rows: var(--dsx-grid-rows-2xl, var(--dsx-grid-rows-xl, var(--dsx-grid-rows-lg, var(--dsx-grid-rows-md, var(--dsx-grid-rows-sm, var(--dsx-grid-rows, none))))));
+    grid-template-areas: var(--dsx-grid-areas-2xl, var(--dsx-grid-areas-xl, var(--dsx-grid-areas-lg, var(--dsx-grid-areas-md, var(--dsx-grid-areas-sm, var(--dsx-grid-areas, none))))));
+    grid-auto-flow: var(--dsx-grid-auto-flow-2xl, var(--dsx-grid-auto-flow-xl, var(--dsx-grid-auto-flow-lg, var(--dsx-grid-auto-flow-md, var(--dsx-grid-auto-flow-sm, var(--dsx-grid-auto-flow, row))))));
+    align-items: var(--dsx-grid-align-2xl, var(--dsx-grid-align-xl, var(--dsx-grid-align-lg, var(--dsx-grid-align-md, var(--dsx-grid-align-sm, var(--dsx-grid-align, stretch))))));
+    align-content: var(--dsx-grid-align-content-2xl, var(--dsx-grid-align-content-xl, var(--dsx-grid-align-content-lg, var(--dsx-grid-align-content-md, var(--dsx-grid-align-content-sm, var(--dsx-grid-align-content, normal))))));
+    justify-items: var(--dsx-grid-justify-items-2xl, var(--dsx-grid-justify-items-xl, var(--dsx-grid-justify-items-lg, var(--dsx-grid-justify-items-md, var(--dsx-grid-justify-items-sm, var(--dsx-grid-justify-items, legacy))))));
+    justify-content: var(--dsx-grid-justify-content-2xl, var(--dsx-grid-justify-2xl, var(--dsx-grid-justify-content-xl, var(--dsx-grid-justify-xl, var(--dsx-grid-justify-content-lg, var(--dsx-grid-justify-lg, var(--dsx-grid-justify-content-md, var(--dsx-grid-justify-md, var(--dsx-grid-justify-content-sm, var(--dsx-grid-justify-sm, var(--dsx-grid-justify-content, var(--dsx-grid-justify, normal))))))))))));
+  }
+}

package/dist/components/heading/Heading.cjs

@@ -0,0 +1,95 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Heading_exports = {};
+__export(Heading_exports, {
+  Heading: () => Heading
+});
+module.exports = __toCommonJS(Heading_exports);
+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) {
+  if (variant === "display-large") return "h1";
+  if (variant === "display-medium") return "h2";
+  if (variant === "headline-large") return "h3";
+  return "h4";
+}
+function getHeadingTagFromSize(size) {
+  if (size === "9") return "h1";
+  if (size === "8") return "h2";
+  if (size === "7") return "h3";
+  if (size === "6" || size === "5") return "h4";
+  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;
+  const {
+    asChild,
+    children,
+    className,
+    highContrast = false,
+    tone = "default",
+    variant = "headline-medium",
+    ...headingProps
+  } = (0, import_extractProps.extractProps)(props, import_heading.headingPropDefs);
+  const baseSize = resolveBaseSize(sizeProp);
+  const Tag = baseSize ? getHeadingTagFromSize(baseSize) : getDefaultHeadingTag(variant);
+  const Comp = asChild ? import_react_slot.Slot : Tag;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    Comp,
+    {
+      ...headingProps,
+      ref: forwardedRef,
+      className: (0, import_classnames.default)(
+        "dsx-heading",
+        `dsx-heading--${variant}`,
+        tone !== "default" && `dsx-heading--${tone}`,
+        className
+      ),
+      "data-accent-color": typeof colorProp === "string" ? colorProp : void 0,
+      "data-high-contrast": highContrast || void 0,
+      "data-size": baseSize,
+      children
+    }
+  );
+});
+Heading.displayName = "Heading";
+//# sourceMappingURL=Heading.cjs.map

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

@@ -0,0 +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;",
+  "names": ["classNames"]
+}

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

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { headingPropDefs } from './heading.props.cjs';
+import type { GetPropDefTypes } from '../../_internal/props/propDef.cjs';
+type HeadingOwnProps = GetPropDefTypes<typeof headingPropDefs>;
+interface HeadingProps extends Omit<React.ComponentPropsWithoutRef<'h1'>, 'color'>, HeadingOwnProps {
+}
+declare const Heading: React.ForwardRefExoticComponent<HeadingProps & React.RefAttributes<HTMLHeadingElement>>;
+export { Heading };
+export type { HeadingOwnProps, HeadingProps };
+//# sourceMappingURL=Heading.d.cts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { headingPropDefs } from './heading.props.js';
+import type { GetPropDefTypes } from '../../_internal/props/propDef.js';
+type HeadingOwnProps = GetPropDefTypes<typeof headingPropDefs>;
+interface HeadingProps extends Omit<React.ComponentPropsWithoutRef<'h1'>, 'color'>, HeadingOwnProps {
+}
+declare const Heading: React.ForwardRefExoticComponent<HeadingProps & React.RefAttributes<HTMLHeadingElement>>;
+export { Heading };
+export type { HeadingOwnProps, HeadingProps };
+//# sourceMappingURL=Heading.d.mts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { headingPropDefs } from './heading.props.js';
+import type { GetPropDefTypes } from '../../_internal/props/propDef.js';
+type HeadingOwnProps = GetPropDefTypes<typeof headingPropDefs>;
+interface HeadingProps extends Omit<React.ComponentPropsWithoutRef<'h1'>, 'color'>, HeadingOwnProps {
+}
+declare const Heading: React.ForwardRefExoticComponent<HeadingProps & React.RefAttributes<HTMLHeadingElement>>;
+export { Heading };
+export type { HeadingOwnProps, HeadingProps };
+//# sourceMappingURL=Heading.d.ts.map

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

@@ -0,0 +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"}

package/dist/components/heading/Heading.js

@@ -0,0 +1,65 @@
+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) {
+  if (variant === "display-large") return "h1";
+  if (variant === "display-medium") return "h2";
+  if (variant === "headline-large") return "h3";
+  return "h4";
+}
+function getHeadingTagFromSize(size) {
+  if (size === "9") return "h1";
+  if (size === "8") return "h2";
+  if (size === "7") return "h3";
+  if (size === "6" || size === "5") return "h4";
+  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;
+  const {
+    asChild,
+    children,
+    className,
+    highContrast = false,
+    tone = "default",
+    variant = "headline-medium",
+    ...headingProps
+  } = extractProps(props, headingPropDefs);
+  const baseSize = resolveBaseSize(sizeProp);
+  const Tag = baseSize ? getHeadingTagFromSize(baseSize) : getDefaultHeadingTag(variant);
+  const Comp = asChild ? Slot : Tag;
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      ...headingProps,
+      ref: forwardedRef,
+      className: classNames(
+        "dsx-heading",
+        `dsx-heading--${variant}`,
+        tone !== "default" && `dsx-heading--${tone}`,
+        className
+      ),
+      "data-accent-color": typeof colorProp === "string" ? colorProp : void 0,
+      "data-high-contrast": highContrast || void 0,
+      "data-size": baseSize,
+      children
+    }
+  );
+});
+Heading.displayName = "Heading";
+export {
+  Heading
+};
+//# sourceMappingURL=Heading.js.map

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

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

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

@@ -0,0 +1,65 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var heading_props_exports = {};
+__export(heading_props_exports, {
+  headingPropDefs: () => headingPropDefs
+});
+module.exports = __toCommonJS(heading_props_exports);
+var import_asChild = require("../../_internal/props/asChild.prop");
+var import_color = require("../../_internal/props/color.prop");
+var import_highContrast = require("../../_internal/props/highContrast.prop");
+var import_leadingTrim = require("../../_internal/props/leadingTrim.prop");
+var import_margin = require("../../_internal/props/margin.prop");
+var import_padding = require("../../_internal/props/padding.prop");
+var import_textAlign = require("../../_internal/props/textAlign.prop");
+var import_textWrap = require("../../_internal/props/textWrap.prop");
+var import_truncate = require("../../_internal/props/truncate.prop");
+var import_weight = require("../../_internal/props/weight.prop");
+const headingVariants = ["display-large", "display-medium", "headline-large", "headline-medium"];
+const headingTones = ["default", "muted", "inverse"];
+const headingSizes = ["1", "2", "3", "4", "5", "6", "7", "8", "9"];
+const headingPropDefs = {
+  ...import_asChild.asChildPropDef,
+  ...import_color.colorPropDef,
+  ...import_highContrast.highContrastPropDef,
+  ...import_leadingTrim.leadingTrimPropDef,
+  ...import_margin.marginPropDef,
+  ...import_padding.paddingPropDef,
+  ...import_textAlign.textAlignPropDef,
+  ...import_textWrap.textWrapPropDef,
+  ...import_truncate.truncatePropDef,
+  ...import_weight.weightPropDef,
+  variant: {
+    type: "enum",
+    values: headingVariants,
+    default: "headline-medium"
+  },
+  size: {
+    type: "enum",
+    className: "dsx-r-heading-size",
+    values: headingSizes,
+    responsive: true
+  },
+  tone: {
+    type: "enum",
+    values: headingTones,
+    default: "default"
+  }
+};
+//# sourceMappingURL=heading.props.cjs.map

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

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