npm - @d4gger/design-system - Versions diffs - 2.7.0 → 3.0.1 - Mend

@d4gger/design-system 2.7.0 → 3.0.1

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 (1313) hide show

package/dist/layout/Layout.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/layout/Layout.tsx"],
-  "sourcesContent": ["import * as React from 'react'\n\nimport { cn } from '../_internal/cn'\nimport { Slot } from '../components/slot/Slot'\nimport {\n  CONTAINER_WIDTHS,\n  assignResponsiveVars,\n  toResponsiveMap,\n  type ResponsiveCondition,\n  type ResponsiveValue,\n} from './responsive.props'\nimport {\n  type BorderTone,\n  type PolymorphicProps,\n  type RadiusToken,\n  type ShadowTone,\n  type SpaceToken,\n  type SurfaceTone,\n  resolveBorderTone,\n  resolveLength,\n  resolveRadius,\n  resolveShadow,\n  resolveSpace,\n  resolveSurface,\n  withVars,\n} from '../foundations/Shared'\n\nexport type BoxOwnProps = {\n  display?: ResponsiveValue<'block' | 'inline-block' | 'inline' | 'flex' | 'inline-flex' | 'grid' | 'inline-grid' | 'contents' | 'none'>\n  height?: ResponsiveValue<number | string>\n  hide?: ResponsiveValue<boolean>\n  inset?: ResponsiveValue<number | string>\n  maxHeight?: ResponsiveValue<number | string>\n  maxWidth?: ResponsiveValue<number | string>\n  minHeight?: ResponsiveValue<number | string>\n  minWidth?: ResponsiveValue<number | string>\n  padding?: ResponsiveValue<SpaceToken>\n  paddingX?: ResponsiveValue<SpaceToken>\n  paddingY?: ResponsiveValue<SpaceToken>\n  p?: ResponsiveValue<SpaceToken>\n  px?: ResponsiveValue<SpaceToken>\n  py?: ResponsiveValue<SpaceToken>\n  pt?: ResponsiveValue<SpaceToken>\n  pr?: ResponsiveValue<SpaceToken>\n  pb?: ResponsiveValue<SpaceToken>\n  pl?: ResponsiveValue<SpaceToken>\n  position?: ResponsiveValue<'static' | 'relative' | 'absolute' | 'fixed' | 'sticky'>\n  show?: ResponsiveValue<boolean>\n  gap?: ResponsiveValue<SpaceToken>\n  radius?: ResponsiveValue<RadiusToken>\n  surface?: ResponsiveValue<SurfaceTone>\n  border?: boolean\n  borderTone?: ResponsiveValue<BorderTone>\n  shadow?: ResponsiveValue<ShadowTone>\n  width?: ResponsiveValue<number | string>\n  zIndex?: ResponsiveValue<number | string>\n  margin?: ResponsiveValue<number | string>\n  m?: ResponsiveValue<SpaceToken>\n  mx?: ResponsiveValue<SpaceToken>\n  my?: ResponsiveValue<SpaceToken>\n  mt?: ResponsiveValue<SpaceToken>\n  mr?: ResponsiveValue<SpaceToken>\n  mb?: ResponsiveValue<SpaceToken>\n  ml?: ResponsiveValue<SpaceToken>\n}\n\ntype BoxChildOwnProps = {\n  alignSelf?: ResponsiveValue<FlexAlign>\n  flex?: ResponsiveValue<number | string>\n  flexBasis?: ResponsiveValue<number | string>\n  flexGrow?: ResponsiveValue<number>\n  flexShrink?: ResponsiveValue<number>\n  gridArea?: ResponsiveValue<string>\n  gridColumn?: ResponsiveValue<string>\n  gridRow?: ResponsiveValue<string>\n  justifySelf?: ResponsiveValue<FlexAlign>\n  order?: ResponsiveValue<number>\n}\n\ntype FlexAlign = 'start' | 'center' | 'end' | 'stretch' | 'baseline'\ntype FlexDirection = 'row' | 'column' | 'row-reverse' | 'column-reverse'\ntype FlexJustify = 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly'\ntype FlexWrap = 'nowrap' | 'wrap' | 'wrap-reverse'\ntype LayoutBreakpoint = 'sm' | 'md' | 'lg'\n\ntype ResponsiveAliasProps<T extends object> = {\n  sm?: Partial<T>\n  md?: Partial<T>\n  lg?: Partial<T>\n}\n\ntype AliasScalar<T> = T extends ResponsiveValue<infer U> ? U : T\n\nconst RESPONSIVE_CONDITIONS: ResponsiveCondition[] = ['initial', 'sm', 'md', 'lg', 'xl', '2xl']\n\nfunction getResponsiveVarName(name: string, condition: ResponsiveCondition) {\n  return condition === 'initial' ? (`--${name}` as const) : (`--${name}-${condition}` as const)\n}\n\nfunction mergeResponsiveValue<T>(\n  value: ResponsiveValue<T> | undefined,\n  overrides: Partial<Record<LayoutBreakpoint, T | undefined>>,\n) {\n  const responsive = { ...toResponsiveMap(value) }\n  let hasOverride = false\n\n  for (const breakpoint of ['sm', 'md', 'lg'] as const) {\n    const nextValue = overrides[breakpoint]\n\n    if (nextValue !== undefined) {\n      responsive[breakpoint] = nextValue\n      hasOverride = true\n    }\n  }\n\n  if (!hasOverride) {\n    return value\n  }\n\n  return responsive\n}\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\n\nconst spacingUtilityValues = new Set<string>(['none', '0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'xs', 'sm', 'md', 'lg', 'xl', '2xl', '3xl'])\nconst sizeUtilityValues = new Set<string>(['auto', 'full', 'xs', 'sm', 'md', 'lg', 'xl', '2xl', '3xl', '4xl'])\nconst radiusUtilityValues = new Set<string>(['none', 'sm', 'md', 'lg', 'xl', '2xl', 'full'])\nconst directionUtilityValues = new Set<string>(['row', 'column', 'row-reverse', 'column-reverse'])\nconst alignUtilityValues = new Set<string>(['start', 'center', 'end', 'stretch', 'baseline'])\nconst justifyUtilityValues = new Set<string>(['start', 'center', 'end', 'between', 'around', 'evenly'])\nconst wrapUtilityValues = new Set<string>(['nowrap', 'wrap', 'wrap-reverse'])\n\nfunction getUtilityClassValue(value: string) {\n  if (value === 'none') {\n    return '0'\n  }\n\n  return value.split('_').join('-')\n}\n\nfunction getResponsiveUtilityClassNames<T extends string | number | boolean>(\n  className: string,\n  value: ResponsiveValue<T> | undefined,\n  utilityValues: Set<string>,\n) {\n  const responsive = toResponsiveMap(value)\n  const classNames: string[] = []\n  const conditions: ResponsiveCondition[] = ['initial', ...RESPONSIVE_CONDITIONS.filter((condition) => condition !== 'initial')]\n\n  for (const condition of conditions) {\n    const nextValue = responsive[condition]\n\n    if (nextValue === undefined) {\n      continue\n    }\n\n    const baseClassName =\n      typeof nextValue === 'string' && utilityValues.has(nextValue)\n        ? `${className}-${getUtilityClassValue(nextValue)}`\n        : className\n    classNames.push(condition === 'initial' ? baseClassName : `${condition}:${baseClassName}`)\n  }\n\n  return classNames.length > 0 ? classNames.join(' ') : undefined\n}\n\nfunction assignArbitraryResponsiveVars<T extends string | number | boolean>(\n  vars: Record<`--${string}`, string | number | undefined>,\n  name: string,\n  value: ResponsiveValue<T> | undefined,\n  utilityValues: Set<string>,\n  resolve: (next: T) => string | number | undefined,\n) {\n  const responsive = toResponsiveMap(value)\n\n  if (responsive.initial !== undefined && !(typeof responsive.initial === 'string' && utilityValues.has(responsive.initial))) {\n    vars[`--${name}`] = resolve(responsive.initial)\n  }\n\n  let lastValue: T | undefined = responsive.initial !== undefined && !(typeof responsive.initial === 'string' && utilityValues.has(responsive.initial)) ? responsive.initial : undefined\n\n  for (const breakpoint of ['sm', 'md', 'lg', 'xl', '2xl'] as const) {\n    const nextValue = responsive[breakpoint]\n\n    if (nextValue !== undefined && !(typeof nextValue === 'string' && utilityValues.has(nextValue))) {\n      vars[`--${name}-${breakpoint}`] = resolve(nextValue)\n      lastValue = nextValue\n    } else if (lastValue !== undefined) {\n      // Carry forward the most recent defined value so the CSS var() fallback\n      // chain does not resolve the breakpoint init (empty or initial) instead\n      // of the intended value.\n      vars[`--${name}-${breakpoint}`] = resolve(lastValue)\n    }\n  }\n\n  return vars\n}\n\nfunction getBoxUtilityClassName({\n  height,\n  m,\n  mb,\n  ml,\n  mr,\n  mt,\n  mx,\n  my,\n  padding,\n  p,\n  pb,\n  pl,\n  pr,\n  pt,\n  px,\n  py,\n  radius,\n  width,\n}: Pick<BoxOwnProps, 'height' | 'm' | 'mb' | 'ml' | 'mr' | 'mt' | 'mx' | 'my' | 'padding' | 'p' | 'pb' | 'pl' | 'pr' | 'pt' | 'px' | 'py' | 'radius' | 'width'>) {\n  const boxPadding = p ?? padding\n\n  return cn(\n    getResponsiveUtilityClassNames('dsx-r-w', width, sizeUtilityValues),\n    getResponsiveUtilityClassNames('dsx-r-h', height, sizeUtilityValues),\n    getResponsiveUtilityClassNames('dsx-r-radius', radius, radiusUtilityValues),\n  getResponsiveUtilityClassNames('dsx-r-p', boxPadding, spacingUtilityValues),\n    getResponsiveUtilityClassNames('dsx-r-px', px, spacingUtilityValues),\n    getResponsiveUtilityClassNames('dsx-r-py', py, spacingUtilityValues),\n    getResponsiveUtilityClassNames('dsx-r-pt', pt, spacingUtilityValues),\n    getResponsiveUtilityClassNames('dsx-r-pr', pr, spacingUtilityValues),\n    getResponsiveUtilityClassNames('dsx-r-pb', pb, spacingUtilityValues),\n    getResponsiveUtilityClassNames('dsx-r-pl', pl, spacingUtilityValues),\n    getResponsiveUtilityClassNames('dsx-r-m', m, spacingUtilityValues),\n    getResponsiveUtilityClassNames('dsx-r-mx', mx, spacingUtilityValues),\n    getResponsiveUtilityClassNames('dsx-r-my', my, spacingUtilityValues),\n    getResponsiveUtilityClassNames('dsx-r-mt', mt, spacingUtilityValues),\n    getResponsiveUtilityClassNames('dsx-r-mr', mr, spacingUtilityValues),\n    getResponsiveUtilityClassNames('dsx-r-mb', mb, spacingUtilityValues),\n    getResponsiveUtilityClassNames('dsx-r-ml', ml, spacingUtilityValues),\n  )\n}\n\nfunction getBoxStyle(\n  style: React.CSSProperties | undefined,\n  {\n    border = false,\n    borderTone = 'default',\n    display,\n    height,\n    hide,\n    inset,\n    gap,\n    maxHeight,\n    maxWidth,\n    minHeight,\n    minWidth,\n    padding,\n    paddingX,\n    paddingY,\n    p,\n    px,\n    py,\n    pt,\n    pr,\n    pb,\n    pl,\n    position,\n    radius,\n    shadow = 'none',\n    show,\n    surface,\n    width,\n    zIndex,\n    margin,\n    m,\n    mx,\n    my,\n    mt,\n    mr,\n    mb,\n    ml,\n  }: BoxOwnProps,\n  defaultDisplay = 'block',\n) {\n  const boxPadding = p ?? padding\n\n  const vars = assignResponsiveVars({}, 'dsx-box-display', display, (value) => value)\n\n  assignResponsiveVars(vars, 'dsx-box-padding', boxPadding, (value) => resolveSpace(value))\n  assignResponsiveVars(vars, 'dsx-r-p', boxPadding, (value) => resolveSpace(value))\n  assignResponsiveVars(vars, 'dsx-box-padding-inline', paddingX, (value) => resolveSpace(value))\n  assignResponsiveVars(vars, 'dsx-box-padding-block', paddingY, (value) => resolveSpace(value))\n  assignArbitraryResponsiveVars(vars, 'dsx-r-px', px, spacingUtilityValues, (value) => resolveSpace(value))\n  assignArbitraryResponsiveVars(vars, 'dsx-r-py', py, spacingUtilityValues, (value) => resolveSpace(value))\n  assignArbitraryResponsiveVars(vars, 'dsx-r-pt', pt, spacingUtilityValues, (value) => resolveSpace(value))\n  assignArbitraryResponsiveVars(vars, 'dsx-r-pr', pr, spacingUtilityValues, (value) => resolveSpace(value))\n  assignArbitraryResponsiveVars(vars, 'dsx-r-pb', pb, spacingUtilityValues, (value) => resolveSpace(value))\n  assignArbitraryResponsiveVars(vars, 'dsx-r-pl', pl, spacingUtilityValues, (value) => resolveSpace(value))\n  assignResponsiveVars(vars, 'dsx-box-gap', gap, (value) => resolveSpace(value))\n  assignArbitraryResponsiveVars(vars, 'dsx-r-radius', radius, radiusUtilityValues, (value) => resolveRadius(value))\n  assignResponsiveVars(vars, 'dsx-box-background', surface, (value) => resolveSurface(value))\n  assignResponsiveVars(vars, 'dsx-box-border-color', borderTone, (value) => resolveBorderTone(value))\n  assignResponsiveVars(vars, 'dsx-box-shadow', shadow, (value) => resolveShadow(value))\n  assignArbitraryResponsiveVars(vars, 'dsx-r-width', width, sizeUtilityValues, (value) => resolveLength(value))\n  assignArbitraryResponsiveVars(vars, 'dsx-r-height', height, sizeUtilityValues, (value) => resolveLength(value))\n  assignResponsiveVars(vars, 'dsx-box-min-width', minWidth, (value) => resolveLength(value))\n  assignResponsiveVars(vars, 'dsx-box-max-width', maxWidth, (value) => resolveLength(value))\n  assignResponsiveVars(vars, 'dsx-box-min-height', minHeight, (value) => resolveLength(value))\n  assignResponsiveVars(vars, 'dsx-box-max-height', maxHeight, (value) => resolveLength(value))\n  assignResponsiveVars(vars, 'dsx-box-position', position, (value) => value)\n  assignResponsiveVars(vars, 'dsx-box-inset', inset, (value) => resolveLength(value))\n  assignResponsiveVars(vars, 'dsx-box-z-index', zIndex, (value) => value)\n  assignResponsiveVars(vars, 'dsx-box-display', hide, (value) => (value ? 'none' : defaultDisplay))\n  assignResponsiveVars(vars, 'dsx-box-display', show, (value) => (value ? defaultDisplay : 'none'))\n  assignResponsiveVars(vars, 'dsx-box-margin', margin, (value) => value)\n  assignArbitraryResponsiveVars(vars, 'dsx-r-m', m, spacingUtilityValues, (value) => resolveSpace(value))\n  assignArbitraryResponsiveVars(vars, 'dsx-r-mx', mx, spacingUtilityValues, (value) => resolveSpace(value))\n  assignArbitraryResponsiveVars(vars, 'dsx-r-my', my, spacingUtilityValues, (value) => resolveSpace(value))\n  assignArbitraryResponsiveVars(vars, 'dsx-r-mt', mt, spacingUtilityValues, (value) => resolveSpace(value))\n  assignArbitraryResponsiveVars(vars, 'dsx-r-mr', mr, spacingUtilityValues, (value) => resolveSpace(value))\n  assignArbitraryResponsiveVars(vars, 'dsx-r-mb', mb, spacingUtilityValues, (value) => resolveSpace(value))\n  assignArbitraryResponsiveVars(vars, 'dsx-r-ml', ml, spacingUtilityValues, (value) => resolveSpace(value))\n\n  vars['--dsx-box-border-width'] = border ? 'var(--dsx-border-width-sm)' : undefined\n\n  return withVars(style, vars)\n}\n\nfunction getBoxChildStyle(style: React.CSSProperties | undefined, props: BoxChildOwnProps) {\n  const vars = assignResponsiveVars({}, 'dsx-box-flex', props.flex, (value) => value)\n\n  assignResponsiveVars(vars, 'dsx-box-flex-grow', props.flexGrow, (value) => value)\n  assignResponsiveVars(vars, 'dsx-box-flex-shrink', props.flexShrink, (value) => value)\n  assignResponsiveVars(vars, 'dsx-box-flex-basis', props.flexBasis, (value) => resolveLength(value))\n  assignResponsiveVars(vars, 'dsx-box-order', props.order, (value) => value)\n  assignResponsiveVars(vars, 'dsx-box-grid-column', props.gridColumn, (value) => value)\n  assignResponsiveVars(vars, 'dsx-box-grid-row', props.gridRow, (value) => value)\n  assignResponsiveVars(vars, 'dsx-box-grid-area', props.gridArea, (value) => value)\n  assignResponsiveVars(vars, 'dsx-box-align-self', props.alignSelf, (value) => resolveAlign(value))\n  assignResponsiveVars(vars, 'dsx-box-justify-self', props.justifySelf, (value) => resolveAlign(value))\n\n  return withVars(style, vars)\n}\n\n\nfunction resolveGridAlign(value: FlexAlign | undefined) {\n  if (!value) return undefined\n  if (value === 'start') return 'start'\n  if (value === 'end') return 'end'\n  return value\n}\n\nfunction resolveGridJustify(value: GridAlignContent | undefined) {\n  if (!value) return undefined\n  if (value === 'start') return 'start'\n  if (value === 'end') return 'end'\n  if (value === 'between') return 'space-between'\n  if (value === 'around') return 'space-around'\n  if (value === 'evenly') return 'space-evenly'\n  return value\n}\n\nfunction assignGridVars(\n  vars: Record<`--${string}`, string | number | undefined>,\n  {\n    align,\n    alignContent,\n    areas,\n    columns,\n    flow,\n    justify,\n    justifyContent,\n    justifyItems,\n    minItemWidth,\n    rows,\n  }: {\n    align?: ResponsiveValue<FlexAlign>\n    alignContent?: ResponsiveValue<GridAlignContent>\n    areas?: ResponsiveValue<string>\n    columns?: ResponsiveValue<number | string>\n    flow?: ResponsiveValue<GridFlowValue>\n    justify?: ResponsiveValue<FlexJustify>\n    justifyContent?: ResponsiveValue<GridAlignContent>\n    justifyItems?: ResponsiveValue<FlexAlign>\n    minItemWidth?: ResponsiveValue<number | string>\n    rows?: ResponsiveValue<number | string>\n  },\n) {\n  const responsiveColumns = toResponsiveMap(columns)\n  const responsiveMinItemWidth = toResponsiveMap(minItemWidth)\n\n  assignResponsiveVars(vars, 'dsx-grid-align', align, (value) => resolveGridAlign(value))\n  assignResponsiveVars(vars, 'dsx-grid-justify', justify, (value) => resolveGridJustify(value))\n  assignResponsiveVars(vars, 'dsx-grid-align-content', alignContent, (value) => resolveGridJustify(value))\n  assignResponsiveVars(vars, 'dsx-grid-justify-items', justifyItems, (value) => resolveGridAlign(value))\n  assignResponsiveVars(vars, 'dsx-grid-justify-content', justifyContent, (value) => resolveGridJustify(value))\n  assignResponsiveVars(vars, 'dsx-grid-areas', areas, (value) => value)\n  assignResponsiveVars(vars, 'dsx-grid-auto-flow', flow, (value) => value)\n\n  for (const condition of RESPONSIVE_CONDITIONS) {\n    const nextMinItemWidth = responsiveMinItemWidth[condition]\n\n    if (nextMinItemWidth !== undefined) {\n      vars[getResponsiveVarName('dsx-grid-columns', condition)] = `repeat(auto-fit, minmax(${resolveLength(nextMinItemWidth)}, 1fr))`\n      continue\n    }\n\n    const nextColumns = responsiveColumns[condition]\n\n    if (nextColumns !== undefined) {\n      vars[getResponsiveVarName('dsx-grid-columns', condition)] =\n        typeof nextColumns === 'number'\n          ? `repeat(${nextColumns}, minmax(0, 1fr))`\n          : String(nextColumns)\n    }\n  }\n\n  assignResponsiveVars(vars, 'dsx-grid-rows', rows, (value) => (typeof value === 'number' ? `repeat(${value}, minmax(0, 1fr))` : value))\n\n  return vars\n}\n\ntype BoxComponent = <T extends React.ElementType = 'div'>(\n  props: PolymorphicProps<T, BoxOwnProps & BoxChildOwnProps> & { ref?: React.ForwardedRef<HTMLElement> },\n) => React.ReactElement | null\n\nfunction BoxInner<T extends React.ElementType = 'div'>({\n  as,\n  asChild,\n  children,\n  className,\n  style,\n  ...props\n}: PolymorphicProps<T, BoxOwnProps>, ref: React.ForwardedRef<HTMLElement>) {\n  const Component = asChild ? Slot : (as ?? 'div')\n  const {\n    alignSelf,\n    border,\n    borderTone,\n    display,\n    flex,\n    flexBasis,\n    flexGrow,\n    flexShrink,\n    gap,\n    gridArea,\n    gridColumn,\n    gridRow,\n    height,\n    hide,\n    inset,\n    justifySelf,\n    maxHeight,\n    maxWidth,\n    minHeight,\n    minWidth,\n    order,\n    padding,\n    paddingX,\n    paddingY,\n    p,\n    px,\n    py,\n    pt,\n    pr,\n    pb,\n    pl,\n    position,\n    radius,\n    shadow,\n    show,\n    surface,\n    width,\n    zIndex,\n    margin,\n    m,\n    mx,\n    my,\n    mt,\n    mr,\n    mb,\n    ml,\n    ...rest\n  } = props\n\n  const boxStyle = getBoxStyle(style, {\n    border,\n    borderTone,\n    display,\n    gap,\n    height,\n    hide,\n    inset,\n    maxHeight,\n    maxWidth,\n    minHeight,\n    minWidth,\n    padding,\n    paddingX,\n    paddingY,\n    p,\n    px,\n    py,\n    pt,\n    pr,\n    pb,\n    pl,\n    position,\n    radius,\n    shadow,\n    show,\n    surface,\n    width,\n    zIndex,\n    margin,\n    m,\n    mx,\n    my,\n    mt,\n    mr,\n    mb,\n    ml,\n  })\n\n  return (\n    <Component\n      {...rest}\n      className={cn('dsx-box', getBoxUtilityClassName({ height, m, mb, ml, mr, mt, mx, my, padding, p, pb, pl, pr, pt, px, py, radius, width }), className)}\n      style={getBoxChildStyle(boxStyle, { alignSelf, flex, flexBasis, flexGrow, flexShrink, gridArea, gridColumn, gridRow, justifySelf, order })}\n      ref={ref as never}\n    >\n      {children}\n    </Component>\n  )\n}\n\nexport const Box = React.forwardRef(BoxInner) as BoxComponent\n\nexport type FlexOwnProps = BoxOwnProps & BoxChildOwnProps & {\n  align?: ResponsiveValue<FlexAlign>\n  direction?: ResponsiveValue<FlexDirection>\n  justify?: ResponsiveValue<FlexJustify>\n  wrap?: ResponsiveValue<FlexWrap>\n}\n\nfunction resolveAlign(value: string | undefined) {\n  if (!value) return undefined\n  if (value === 'start') return 'flex-start'\n  if (value === 'end') return 'flex-end'\n  return value\n}\n\nfunction getFlexUtilityClassName({\n  align,\n  direction,\n  justify,\n  wrap,\n}: {\n  align?: ResponsiveValue<FlexAlign>\n  direction?: ResponsiveValue<FlexDirection>\n  justify?: ResponsiveValue<FlexJustify>\n  wrap?: ResponsiveValue<FlexWrap>\n}) {\n  return cn(\n    getResponsiveUtilityClassNames('dsx-r-fd', direction, directionUtilityValues),\n    getResponsiveUtilityClassNames('dsx-r-ai', align, alignUtilityValues),\n    getResponsiveUtilityClassNames('dsx-r-jc', justify, justifyUtilityValues),\n    getResponsiveUtilityClassNames('dsx-r-fw', wrap, wrapUtilityValues),\n  )\n}\n\nexport function Flex<T extends React.ElementType = 'div'>({\n  align,\n  as,\n  asChild,\n  children,\n  className,\n  direction = 'row',\n  justify,\n  style,\n  wrap = 'nowrap',\n  ...props\n}: PolymorphicProps<T, FlexOwnProps>) {\n  const Component = asChild ? Slot : (as ?? 'div')\n  const {\n    alignSelf,\n    border,\n    borderTone,\n    display,\n    flex,\n    flexBasis,\n    flexGrow,\n    flexShrink,\n    gap,\n    gridArea,\n    gridColumn,\n    gridRow,\n    height,\n    hide,\n    inset,\n    justifySelf,\n    maxHeight,\n    maxWidth,\n    minHeight,\n    minWidth,\n    order,\n    padding,\n    paddingX,\n    paddingY,\n    p,\n    px,\n    py,\n    pt,\n    pr,\n    pb,\n    pl,\n    position,\n    radius,\n    shadow,\n    show,\n    surface,\n    width,\n    zIndex,\n    margin,\n    m,\n    mx,\n    my,\n    mt,\n    mr,\n    mb,\n    ml,\n    ...rest\n  } = props\n\n  const vars = getBoxStyle(style, {\n    border,\n    borderTone,\n    display,\n    gap,\n    height,\n    hide,\n    inset,\n    maxHeight,\n    maxWidth,\n    minHeight,\n    minWidth,\n    padding,\n    paddingX,\n    paddingY,\n    p,\n    px,\n    py,\n    pt,\n    pr,\n    pb,\n    pl,\n    position,\n    radius,\n    shadow,\n    show,\n    surface,\n    width,\n    zIndex,\n    margin,\n    m,\n    mx,\n    my,\n    mt,\n    mr,\n    mb,\n    ml,\n  }, 'flex')\n\n  return (\n    <Component\n      {...rest}\n  className={cn('dsx-box', 'dsx-flex', getBoxUtilityClassName({ height, m, mb, ml, mr, mt, mx, my, padding, p, pb, pl, pr, pt, px, py, radius, width }), getFlexUtilityClassName({ align, direction, justify, wrap }), className)}\n      data-gap={serializeResponsiveValue(gap)}\n      data-align={serializeResponsiveValue(align)}\n      data-justify={serializeResponsiveValue(justify)}\n      style={getBoxChildStyle(vars, { alignSelf, flex, flexBasis, flexGrow, flexShrink, gridArea, gridColumn, gridRow, justifySelf, order })}\n    >\n      {children}\n    </Component>\n  )\n}\n\ntype GridFlowValue = 'row' | 'column' | 'dense' | 'row dense' | 'column dense'\n\ntype GridAlignContent = FlexJustify | 'stretch'\n\ntype GridBreakpointProps = {\n  align?: FlexAlign\n  alignContent?: GridAlignContent\n  areas?: string\n  columns?: number | string\n  flow?: GridFlowValue\n  gap?: AliasScalar<BoxOwnProps['gap']>\n  justify?: FlexJustify\n  justifyContent?: GridAlignContent\n  justifyItems?: FlexAlign\n  minItemWidth?: number | string\n  rows?: number | string\n}\n\nexport type GridOwnProps = BoxOwnProps & BoxChildOwnProps & ResponsiveAliasProps<GridBreakpointProps> & {\n  align?: ResponsiveValue<FlexAlign>\n  alignContent?: ResponsiveValue<GridAlignContent>\n  areas?: ResponsiveValue<string>\n  columns?: ResponsiveValue<number | string>\n  flow?: ResponsiveValue<GridFlowValue>\n  justify?: ResponsiveValue<FlexJustify>\n  justifyContent?: ResponsiveValue<GridAlignContent>\n  justifyItems?: ResponsiveValue<FlexAlign>\n  minItemWidth?: ResponsiveValue<number | string>\n  rows?: ResponsiveValue<number | string>\n}\n\nexport function Grid<T extends React.ElementType = 'div'>({\n  align,\n  alignContent,\n  areas,\n  as,\n  asChild,\n  children,\n  className,\n  columns,\n  flow,\n  justify,\n  justifyContent,\n  justifyItems,\n  lg,\n  md,\n  minItemWidth,\n  rows,\n  sm,\n  style,\n  ...props\n}: PolymorphicProps<T, GridOwnProps>) {\n  const Component = asChild ? Slot : (as ?? 'div')\n  const {\n    alignSelf,\n    border,\n    borderTone,\n    display,\n    flex,\n    flexBasis,\n    flexGrow,\n    flexShrink,\n    gap,\n    gridArea,\n    gridColumn,\n    gridRow,\n    height,\n    hide,\n    inset,\n    justifySelf,\n    maxHeight,\n    maxWidth,\n    minHeight,\n    minWidth,\n    order,\n    padding,\n    paddingX,\n    paddingY,\n    p,\n    px,\n    py,\n    pt,\n    pr,\n    pb,\n    pl,\n    position,\n    radius,\n    shadow,\n    show,\n    surface,\n    width,\n    zIndex,\n    margin,\n    m,\n    mx,\n    my,\n    mt,\n    mr,\n    mb,\n    ml,\n    ...rest\n  } = props\n\n  const responsiveGap = mergeResponsiveValue<AliasScalar<BoxOwnProps['gap']>>(gap, { sm: sm?.gap, md: md?.gap, lg: lg?.gap })\n  const responsiveAlign = mergeResponsiveValue(align, { sm: sm?.align, md: md?.align, lg: lg?.align })\n  const responsiveAlignContent = mergeResponsiveValue(alignContent, { sm: sm?.alignContent, md: md?.alignContent, lg: lg?.alignContent })\n  const responsiveAreas = mergeResponsiveValue(areas, { sm: sm?.areas, md: md?.areas, lg: lg?.areas })\n  const responsiveJustify = mergeResponsiveValue(justify, { sm: sm?.justify, md: md?.justify, lg: lg?.justify })\n  const responsiveJustifyContent = mergeResponsiveValue(justifyContent, { sm: sm?.justifyContent, md: md?.justifyContent, lg: lg?.justifyContent })\n  const responsiveJustifyItems = mergeResponsiveValue(justifyItems, { sm: sm?.justifyItems, md: md?.justifyItems, lg: lg?.justifyItems })\n  const responsiveColumns = mergeResponsiveValue(columns, { sm: sm?.columns, md: md?.columns, lg: lg?.columns })\n  const responsiveFlow = mergeResponsiveValue(flow, { sm: sm?.flow, md: md?.flow, lg: lg?.flow })\n  const responsiveMinItemWidth = mergeResponsiveValue(minItemWidth, {\n    sm: sm?.minItemWidth,\n    md: md?.minItemWidth,\n    lg: lg?.minItemWidth,\n  })\n  const responsiveRows = mergeResponsiveValue(rows, { sm: sm?.rows, md: md?.rows, lg: lg?.rows })\n\n  const vars = getBoxStyle(style, {\n    border,\n    borderTone,\n    display,\n    gap: responsiveGap,\n    height,\n    hide,\n    inset,\n    maxHeight,\n    maxWidth,\n    minHeight,\n    minWidth,\n    padding,\n    paddingX,\n    paddingY,\n    p,\n    px,\n    py,\n    pt,\n    pr,\n    pb,\n    pl,\n    position,\n    radius,\n    shadow,\n    show,\n    surface,\n    width,\n    zIndex,\n    margin,\n    m,\n    mx,\n    my,\n    mt,\n    mr,\n    mb,\n    ml,\n  }, 'grid')\n\n  assignGridVars(vars, {\n    align: responsiveAlign,\n    alignContent: responsiveAlignContent,\n    areas: responsiveAreas,\n    columns: responsiveColumns,\n    flow: responsiveFlow,\n    justify: responsiveJustify,\n    justifyContent: responsiveJustifyContent,\n    justifyItems: responsiveJustifyItems,\n    minItemWidth: responsiveMinItemWidth,\n    rows: responsiveRows,\n  })\n\n  return (\n    <Component\n      {...rest}\n  className={cn('dsx-box', 'dsx-grid', getBoxUtilityClassName({ height, m, mb, ml, mr, mt, mx, my, padding, p, pb, pl, pr, pt, px, py, radius, width }), className)}\n      data-gap={serializeResponsiveValue(responsiveGap)}\n      data-align={serializeResponsiveValue(responsiveAlign)}\n      data-justify={serializeResponsiveValue(responsiveJustify)}\n      style={getBoxChildStyle(vars, { alignSelf, flex, flexBasis, flexGrow, flexShrink, gridArea, gridColumn, gridRow, justifySelf, order })}\n    >\n      {children}\n    </Component>\n  )\n}\n\ntype StackBreakpointProps = {\n  align?: FlexAlign\n  direction?: FlexDirection\n  gap?: AliasScalar<BoxOwnProps['gap']>\n  justify?: FlexJustify\n  wrap?: FlexWrap\n}\n\ntype StackOwnProps = FlexOwnProps & ResponsiveAliasProps<StackBreakpointProps>\n\nexport function Stack<T extends React.ElementType = 'div'>({\n  align,\n  as,\n  asChild,\n  children,\n  className,\n  direction = 'column',\n  gap,\n  justify,\n  lg,\n  md,\n  sm,\n  style,\n  wrap,\n  ...props\n}: PolymorphicProps<T, StackOwnProps>) {\n  const Component = asChild ? Slot : (as ?? 'div')\n  const {\n    alignSelf,\n    border,\n    borderTone,\n    display,\n    flex,\n    flexBasis,\n    flexGrow,\n    flexShrink,\n    gridArea,\n    gridColumn,\n    gridRow,\n    height,\n    hide,\n    inset,\n    justifySelf,\n    maxHeight,\n    maxWidth,\n    minHeight,\n    minWidth,\n    order,\n    padding,\n    paddingX,\n    paddingY,\n    p,\n    px,\n    py,\n    pt,\n    pr,\n    pb,\n    pl,\n    position,\n    radius,\n    shadow,\n    show,\n    surface,\n    width,\n    zIndex,\n    margin,\n    m,\n    mx,\n    my,\n    mt,\n    mr,\n    mb,\n    ml,\n    ...rest\n  } = props\n\n  const responsiveAlign = mergeResponsiveValue(align, { sm: sm?.align, md: md?.align, lg: lg?.align })\n  const responsiveDirection = mergeResponsiveValue(direction, {\n    sm: sm?.direction,\n    md: md?.direction,\n    lg: lg?.direction,\n  })\n  const responsiveGap = mergeResponsiveValue<AliasScalar<BoxOwnProps['gap']>>(gap, { sm: sm?.gap, md: md?.gap, lg: lg?.gap })\n  const responsiveJustify = mergeResponsiveValue(justify, { sm: sm?.justify, md: md?.justify, lg: lg?.justify })\n  const responsiveWrap = mergeResponsiveValue(wrap, { sm: sm?.wrap, md: md?.wrap, lg: lg?.wrap })\n\n  const vars = getBoxStyle(style, {\n    border,\n    borderTone,\n    display,\n    gap: responsiveGap,\n    height,\n    hide,\n    inset,\n    maxHeight,\n    maxWidth,\n    minHeight,\n    minWidth,\n    padding,\n    paddingX,\n    paddingY,\n    p,\n    px,\n    py,\n    pt,\n    pr,\n    pb,\n    pl,\n    position,\n    radius,\n    shadow,\n    show,\n    surface,\n    width,\n    zIndex,\n    margin,\n    m,\n    mx,\n    my,\n    mt,\n    mr,\n    mb,\n    ml,\n  }, 'flex')\n\n  return (\n    <Component\n      {...rest}\n  className={cn('dsx-box', 'dsx-flex', 'dsx-stack', getBoxUtilityClassName({ height, m, mb, ml, mr, mt, mx, my, padding, p, pb, pl, pr, pt, px, py, radius, width }), getFlexUtilityClassName({ align: responsiveAlign, direction: responsiveDirection, justify: responsiveJustify, wrap: responsiveWrap }), className)}\n      data-gap={serializeResponsiveValue(responsiveGap)}\n      data-align={serializeResponsiveValue(responsiveAlign)}\n      data-justify={serializeResponsiveValue(responsiveJustify)}\n      style={getBoxChildStyle(vars, { alignSelf, flex, flexBasis, flexGrow, flexShrink, gridArea, gridColumn, gridRow, justifySelf, order })}\n    >\n      {children}\n    </Component>\n  )\n}\n\ntype ContainerSize = 'content' | 'wide' | 'full'\n\ntype ContainerBreakpointProps = {\n  align?: FlexAlign\n  direction?: FlexDirection\n  display?: AliasScalar<BoxOwnProps['display']>\n  gap?: AliasScalar<BoxOwnProps['gap']>\n  inset?: SpaceToken\n  justify?: FlexJustify\n  size?: ContainerSize\n  wrap?: FlexWrap\n}\n\ntype ContainerOwnProps = Omit<BoxOwnProps, 'inset'> & BoxChildOwnProps & ResponsiveAliasProps<ContainerBreakpointProps> & {\n  align?: ResponsiveValue<FlexAlign>\n  direction?: ResponsiveValue<FlexDirection>\n  inset?: ResponsiveValue<SpaceToken>\n  justify?: ResponsiveValue<FlexJustify>\n  size?: ResponsiveValue<ContainerSize>\n  wrap?: ResponsiveValue<FlexWrap>\n}\n\nfunction resolveContainerSize(size: ContainerSize = 'content') {\n  if (size === 'wide') return `${CONTAINER_WIDTHS.wide}px`\n  if (size === 'full') return 'none'\n  return `${CONTAINER_WIDTHS.content}px`\n}\n\nexport function Container<T extends React.ElementType = 'div'>({\n  align,\n  as,\n  asChild,\n  children,\n  className,\n  direction,\n  gap,\n  inset = 'margin',\n  justify,\n  lg,\n  md,\n  size = 'content',\n  sm,\n  style,\n  wrap,\n  ...props\n}: PolymorphicProps<T, ContainerOwnProps>) {\n  const Component = asChild ? Slot : (as ?? 'div')\n  const { alignSelf, border, borderTone, display, flex, flexBasis, flexGrow, flexShrink, gridArea, gridColumn, gridRow, height, hide, justifySelf, maxHeight, maxWidth, minHeight, minWidth, order, padding, paddingX, paddingY, p, px, py, pt, pr, pb, pl, position, radius, shadow, show, surface, width, zIndex, margin, m, mx, my, mt, mr, mb, ml, ...rest } = props\n\n  const responsiveDisplay = mergeResponsiveValue<AliasScalar<BoxOwnProps['display']>>(\n    display,\n    { sm: sm?.display, md: md?.display, lg: lg?.display },\n  )\n  const responsiveGap = mergeResponsiveValue<AliasScalar<BoxOwnProps['gap']>>(gap, { sm: sm?.gap, md: md?.gap, lg: lg?.gap })\n  const responsiveAlign = mergeResponsiveValue(align, { sm: sm?.align, md: md?.align, lg: lg?.align })\n  const responsiveDirection = mergeResponsiveValue(direction, {\n    sm: sm?.direction,\n    md: md?.direction,\n    lg: lg?.direction,\n  })\n  const responsiveInset = mergeResponsiveValue<AliasScalar<ContainerOwnProps['inset']>>(inset, { sm: sm?.inset, md: md?.inset, lg: lg?.inset })\n  const responsiveJustify = mergeResponsiveValue(justify, { sm: sm?.justify, md: md?.justify, lg: lg?.justify })\n  const responsiveSize = mergeResponsiveValue(size, { sm: sm?.size, md: md?.size, lg: lg?.size })\n  const responsiveWrap = mergeResponsiveValue(wrap, { sm: sm?.wrap, md: md?.wrap, lg: lg?.wrap })\n  const usesFlexLayout =\n    responsiveAlign !== undefined ||\n    responsiveDirection !== undefined ||\n    responsiveGap !== undefined ||\n    responsiveJustify !== undefined ||\n    responsiveWrap !== undefined\n\n  const vars = getBoxStyle(style, {\n    border,\n    borderTone,\n    display: responsiveDisplay,\n    gap: responsiveGap,\n    height,\n    hide,\n    maxHeight,\n    maxWidth,\n    minHeight,\n    minWidth,\n    padding,\n    paddingX,\n    paddingY,\n    p,\n    px,\n    py,\n    pt,\n    pr,\n    pb,\n    pl,\n    position,\n    radius,\n    shadow,\n    show,\n    surface,\n    width,\n    zIndex,\n    margin,\n    m,\n    mx,\n    my,\n    mt,\n    mr,\n    mb,\n    ml,\n  })\n\n  assignResponsiveVars(vars, 'dsx-container-inset', responsiveInset, (value) => resolveSpace(value))\n  assignResponsiveVars(vars, 'dsx-container-max-width', responsiveSize, (value) => resolveContainerSize(value))\n\n  return (\n    <Component\n      {...rest}\n      className={cn('dsx-box', usesFlexLayout && 'dsx-flex', 'dsx-container', getBoxUtilityClassName({ height, m, mb, ml, mr, mt, mx, my, padding, p, pb, pl, pr, pt, px, py, radius, width }), getFlexUtilityClassName({ align: responsiveAlign, direction: responsiveDirection, justify: responsiveJustify, wrap: responsiveWrap }), className)}\n      data-gap={serializeResponsiveValue(responsiveGap)}\n      data-align={serializeResponsiveValue(responsiveAlign)}\n      data-justify={serializeResponsiveValue(responsiveJustify)}\n      style={getBoxChildStyle(vars, { alignSelf, flex, flexBasis, flexGrow, flexShrink, gridArea, gridColumn, gridRow, justifySelf, order })}\n    >\n      {children}\n    </Component>\n  )\n}\n\ntype SectionOwnProps = BoxOwnProps & BoxChildOwnProps & {\n  space?: ResponsiveValue<SpaceToken>\n  size?: string\n}\n\nexport function Section<T extends React.ElementType = 'section'>({\n  as,\n  asChild,\n  children,\n  className,\n  size,\n  space = '2xl',\n  style,\n  ...props\n}: PolymorphicProps<T, SectionOwnProps>) {\n  const Component = asChild ? Slot : (as ?? 'section')\n  const { alignSelf, border, borderTone, display, flex, flexBasis, flexGrow, flexShrink, gap, gridArea, gridColumn, gridRow, height, hide, inset, justifySelf, maxHeight, maxWidth, minHeight, minWidth, order, padding, paddingX, paddingY, p, px, py, pt, pr, pb, pl, position, radius, shadow, show, surface, width, zIndex, margin, m, mx, my, mt, mr, mb, ml, ...rest } = props\n\n  const vars = getBoxStyle(style, { border, borderTone, display, gap, height, hide, inset, maxHeight, maxWidth, minHeight, minWidth, padding, paddingX, paddingY, p, px, py, pt, pr, pb, pl, position, radius, shadow, show, surface, width, zIndex, margin, m, mx, my, mt, mr, mb, ml })\n\n  assignResponsiveVars(vars, 'dsx-section-space', space, (value) => resolveSpace(value))\n\n  return (\n    <Component\n      {...rest}\n  className={cn('dsx-box', 'dsx-section', getBoxUtilityClassName({ height, m, mb, ml, mr, mt, mx, my, padding, p, pb, pl, pr, pt, px, py, radius, width }), className)}\n      style={getBoxChildStyle(vars, { alignSelf, flex, flexBasis, flexGrow, flexShrink, gridArea, gridColumn, gridRow, justifySelf, order })}\n    >\n      {children}\n    </Component>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import * as React from 'react'\n\nimport { cn } from '../_internal/cn'\nimport { Slot } from '../components/slot/Slot'\nimport {\n  CONTAINER_WIDTHS,\n  assignResponsiveVars,\n  toResponsiveMap,\n  type ResponsiveCondition,\n  type ResponsiveValue,\n} from './responsive.props'\nimport {\n  type BorderTone,\n  type PolymorphicProps,\n  type RadiusToken,\n  type ShadowTone,\n  type SpaceToken,\n  type SurfaceTone,\n  resolveBorderTone,\n  resolveLength,\n  resolveRadius,\n  resolveShadow,\n  resolveSpace,\n  resolveSurface,\n  withVars,\n} from '../foundations/Shared'\n\nexport type BoxOwnProps = {\n  display?: ResponsiveValue<'block' | 'inline-block' | 'inline' | 'flex' | 'inline-flex' | 'grid' | 'inline-grid' | 'contents' | 'none'>\n  height?: ResponsiveValue<number | string>\n  hide?: ResponsiveValue<boolean>\n  inset?: ResponsiveValue<number | string>\n  maxHeight?: ResponsiveValue<number | string>\n  maxWidth?: ResponsiveValue<number | string>\n  minHeight?: ResponsiveValue<number | string>\n  minWidth?: ResponsiveValue<number | string>\n  padding?: ResponsiveValue<SpaceToken>\n  paddingX?: ResponsiveValue<SpaceToken>\n  paddingY?: ResponsiveValue<SpaceToken>\n  p?: ResponsiveValue<SpaceToken>\n  px?: ResponsiveValue<SpaceToken>\n  py?: ResponsiveValue<SpaceToken>\n  pt?: ResponsiveValue<SpaceToken>\n  pr?: ResponsiveValue<SpaceToken>\n  pb?: ResponsiveValue<SpaceToken>\n  pl?: ResponsiveValue<SpaceToken>\n  position?: ResponsiveValue<'static' | 'relative' | 'absolute' | 'fixed' | 'sticky'>\n  show?: ResponsiveValue<boolean>\n  gap?: ResponsiveValue<SpaceToken>\n  radius?: ResponsiveValue<RadiusToken>\n  surface?: ResponsiveValue<SurfaceTone>\n  border?: boolean\n  borderTone?: ResponsiveValue<BorderTone>\n  shadow?: ResponsiveValue<ShadowTone>\n  width?: ResponsiveValue<number | string>\n  zIndex?: ResponsiveValue<number | string>\n  margin?: ResponsiveValue<number | string>\n  m?: ResponsiveValue<SpaceToken>\n  mx?: ResponsiveValue<SpaceToken>\n  my?: ResponsiveValue<SpaceToken>\n  mt?: ResponsiveValue<SpaceToken>\n  mr?: ResponsiveValue<SpaceToken>\n  mb?: ResponsiveValue<SpaceToken>\n  ml?: ResponsiveValue<SpaceToken>\n}\n\ntype BoxChildOwnProps = {\n  alignSelf?: ResponsiveValue<FlexAlign>\n  flex?: ResponsiveValue<number | string>\n  flexBasis?: ResponsiveValue<number | string>\n  flexGrow?: ResponsiveValue<number>\n  flexShrink?: ResponsiveValue<number>\n  gridArea?: ResponsiveValue<string>\n  gridColumn?: ResponsiveValue<string>\n  gridRow?: ResponsiveValue<string>\n  justifySelf?: ResponsiveValue<FlexAlign>\n  order?: ResponsiveValue<number>\n}\n\ntype FlexAlign = 'start' | 'center' | 'end' | 'stretch' | 'baseline'\ntype FlexDirection = 'row' | 'column' | 'row-reverse' | 'column-reverse'\ntype FlexJustify = 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly'\ntype FlexWrap = 'nowrap' | 'wrap' | 'wrap-reverse'\ntype LayoutBreakpoint = 'sm' | 'md' | 'lg'\n\ntype ResponsiveAliasProps<T extends object> = {\n  sm?: Partial<T>\n  md?: Partial<T>\n  lg?: Partial<T>\n}\n\ntype AliasScalar<T> = T extends ResponsiveValue<infer U> ? U : T\n\nconst RESPONSIVE_CONDITIONS: ResponsiveCondition[] = ['initial', 'sm', 'md', 'lg', 'xl', '2xl']\n\nfunction getResponsiveVarName(name: string, condition: ResponsiveCondition) {\n  return condition === 'initial' ? (`--${name}` as const) : (`--${name}-${condition}` as const)\n}\n\nfunction mergeResponsiveValue<T>(\n  value: ResponsiveValue<T> | undefined,\n  overrides: Partial<Record<LayoutBreakpoint, T | undefined>>,\n) {\n  const responsive = { ...toResponsiveMap(value) }\n  let hasOverride = false\n\n  for (const breakpoint of ['sm', 'md', 'lg'] as const) {\n    const nextValue = overrides[breakpoint]\n\n    if (nextValue !== undefined) {\n      responsive[breakpoint] = nextValue\n      hasOverride = true\n    }\n  }\n\n  if (!hasOverride) {\n    return value\n  }\n\n  return responsive\n}\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\n\nconst spacingUtilityValues = new Set<string>(['none', '0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'xs', 'sm', 'md', 'lg', 'xl', '2xl', '3xl'])\nconst sizeUtilityValues = new Set<string>(['auto', 'full', 'xs', 'sm', 'md', 'lg', 'xl', '2xl', '3xl', '4xl'])\nconst radiusUtilityValues = new Set<string>(['none', 'sm', 'md', 'lg', 'xl', '2xl', 'full'])\nconst directionUtilityValues = new Set<string>(['row', 'column', 'row-reverse', 'column-reverse'])\nconst alignUtilityValues = new Set<string>(['start', 'center', 'end', 'stretch', 'baseline'])\nconst justifyUtilityValues = new Set<string>(['start', 'center', 'end', 'between', 'around', 'evenly'])\nconst wrapUtilityValues = new Set<string>(['nowrap', 'wrap', 'wrap-reverse'])\n\nfunction getUtilityClassValue(value: string) {\n  if (value === 'none') {\n    return '0'\n  }\n\n  return value.split('_').join('-')\n}\n\nfunction getResponsiveUtilityClassNames<T extends string | number | boolean>(\n  className: string,\n  value: ResponsiveValue<T> | undefined,\n  utilityValues: Set<string>,\n) {\n  const responsive = toResponsiveMap(value)\n  const classNames: string[] = []\n  const conditions: ResponsiveCondition[] = ['initial', ...RESPONSIVE_CONDITIONS.filter((condition) => condition !== 'initial')]\n\n  for (const condition of conditions) {\n    const nextValue = responsive[condition]\n\n    if (nextValue === undefined) {\n      continue\n    }\n\n    const baseClassName =\n      typeof nextValue === 'string' && utilityValues.has(nextValue)\n        ? `${className}-${getUtilityClassValue(nextValue)}`\n        : className\n    classNames.push(condition === 'initial' ? baseClassName : `${condition}:${baseClassName}`)\n  }\n\n  return classNames.length > 0 ? classNames.join(' ') : undefined\n}\n\nfunction assignArbitraryResponsiveVars<T extends string | number | boolean>(\n  vars: Record<`--${string}`, string | number | undefined>,\n  name: string,\n  value: ResponsiveValue<T> | undefined,\n  utilityValues: Set<string>,\n  resolve: (next: T) => string | number | undefined,\n) {\n  const responsive = toResponsiveMap(value)\n\n  if (responsive.initial !== undefined && !(typeof responsive.initial === 'string' && utilityValues.has(responsive.initial))) {\n    vars[`--${name}`] = resolve(responsive.initial)\n  }\n\n  let lastValue: T | undefined = responsive.initial !== undefined && !(typeof responsive.initial === 'string' && utilityValues.has(responsive.initial)) ? responsive.initial : undefined\n\n  for (const breakpoint of ['sm', 'md', 'lg', 'xl', '2xl'] as const) {\n    const nextValue = responsive[breakpoint]\n\n    if (nextValue !== undefined && !(typeof nextValue === 'string' && utilityValues.has(nextValue))) {\n      vars[`--${name}-${breakpoint}`] = resolve(nextValue)\n      lastValue = nextValue\n    } else if (lastValue !== undefined) {\n      // Carry forward the most recent defined value so the CSS var() fallback\n      // chain does not resolve the breakpoint init (empty or initial) instead\n      // of the intended value.\n      vars[`--${name}-${breakpoint}`] = resolve(lastValue)\n    }\n  }\n\n  return vars\n}\n\nfunction getBoxUtilityClassName({\n  height,\n  m,\n  mb,\n  ml,\n  mr,\n  mt,\n  mx,\n  my,\n  padding,\n  p,\n  pb,\n  pl,\n  pr,\n  pt,\n  px,\n  py,\n  radius,\n  width,\n}: Pick<BoxOwnProps, 'height' | 'm' | 'mb' | 'ml' | 'mr' | 'mt' | 'mx' | 'my' | 'padding' | 'p' | 'pb' | 'pl' | 'pr' | 'pt' | 'px' | 'py' | 'radius' | 'width'>) {\n  const boxPadding = p ?? padding\n\n  return cn(\n    getResponsiveUtilityClassNames('dsx-r-w', width, sizeUtilityValues),\n    getResponsiveUtilityClassNames('dsx-r-h', height, sizeUtilityValues),\n    getResponsiveUtilityClassNames('dsx-r-radius', radius, radiusUtilityValues),\n  getResponsiveUtilityClassNames('dsx-r-p', boxPadding, spacingUtilityValues),\n    getResponsiveUtilityClassNames('dsx-r-px', px, spacingUtilityValues),\n    getResponsiveUtilityClassNames('dsx-r-py', py, spacingUtilityValues),\n    getResponsiveUtilityClassNames('dsx-r-pt', pt, spacingUtilityValues),\n    getResponsiveUtilityClassNames('dsx-r-pr', pr, spacingUtilityValues),\n    getResponsiveUtilityClassNames('dsx-r-pb', pb, spacingUtilityValues),\n    getResponsiveUtilityClassNames('dsx-r-pl', pl, spacingUtilityValues),\n    getResponsiveUtilityClassNames('dsx-r-m', m, spacingUtilityValues),\n    getResponsiveUtilityClassNames('dsx-r-mx', mx, spacingUtilityValues),\n    getResponsiveUtilityClassNames('dsx-r-my', my, spacingUtilityValues),\n    getResponsiveUtilityClassNames('dsx-r-mt', mt, spacingUtilityValues),\n    getResponsiveUtilityClassNames('dsx-r-mr', mr, spacingUtilityValues),\n    getResponsiveUtilityClassNames('dsx-r-mb', mb, spacingUtilityValues),\n    getResponsiveUtilityClassNames('dsx-r-ml', ml, spacingUtilityValues),\n  )\n}\n\nfunction getBoxStyle(\n  style: React.CSSProperties | undefined,\n  {\n    border = false,\n    borderTone = 'default',\n    display,\n    height,\n    hide,\n    inset,\n    gap,\n    maxHeight,\n    maxWidth,\n    minHeight,\n    minWidth,\n    padding,\n    paddingX,\n    paddingY,\n    p,\n    px,\n    py,\n    pt,\n    pr,\n    pb,\n    pl,\n    position,\n    radius,\n    shadow = 'none',\n    show,\n    surface,\n    width,\n    zIndex,\n    margin,\n    m,\n    mx,\n    my,\n    mt,\n    mr,\n    mb,\n    ml,\n  }: BoxOwnProps,\n  defaultDisplay = 'block',\n) {\n  const boxPadding = p ?? padding\n\n  const vars = assignResponsiveVars({}, 'dsx-box-display', display, (value) => value)\n\n  assignResponsiveVars(vars, 'dsx-box-padding', boxPadding, (value) => resolveSpace(value))\n  assignResponsiveVars(vars, 'dsx-r-p', boxPadding, (value) => resolveSpace(value))\n  assignResponsiveVars(vars, 'dsx-box-padding-inline', paddingX, (value) => resolveSpace(value))\n  assignResponsiveVars(vars, 'dsx-box-padding-block', paddingY, (value) => resolveSpace(value))\n  assignArbitraryResponsiveVars(vars, 'dsx-r-px', px, spacingUtilityValues, (value) => resolveSpace(value))\n  assignArbitraryResponsiveVars(vars, 'dsx-r-py', py, spacingUtilityValues, (value) => resolveSpace(value))\n  assignArbitraryResponsiveVars(vars, 'dsx-r-pt', pt, spacingUtilityValues, (value) => resolveSpace(value))\n  assignArbitraryResponsiveVars(vars, 'dsx-r-pr', pr, spacingUtilityValues, (value) => resolveSpace(value))\n  assignArbitraryResponsiveVars(vars, 'dsx-r-pb', pb, spacingUtilityValues, (value) => resolveSpace(value))\n  assignArbitraryResponsiveVars(vars, 'dsx-r-pl', pl, spacingUtilityValues, (value) => resolveSpace(value))\n  assignResponsiveVars(vars, 'dsx-box-gap', gap, (value) => resolveSpace(value))\n  assignArbitraryResponsiveVars(vars, 'dsx-r-radius', radius, radiusUtilityValues, (value) => resolveRadius(value))\n  assignResponsiveVars(vars, 'dsx-box-background', surface, (value) => resolveSurface(value))\n  assignResponsiveVars(vars, 'dsx-box-border-color', borderTone, (value) => resolveBorderTone(value))\n  assignResponsiveVars(vars, 'dsx-box-shadow', shadow, (value) => resolveShadow(value))\n  assignArbitraryResponsiveVars(vars, 'dsx-r-width', width, sizeUtilityValues, (value) => resolveLength(value))\n  assignArbitraryResponsiveVars(vars, 'dsx-r-height', height, sizeUtilityValues, (value) => resolveLength(value))\n  assignResponsiveVars(vars, 'dsx-box-min-width', minWidth, (value) => resolveLength(value))\n  assignResponsiveVars(vars, 'dsx-box-max-width', maxWidth, (value) => resolveLength(value))\n  assignResponsiveVars(vars, 'dsx-box-min-height', minHeight, (value) => resolveLength(value))\n  assignResponsiveVars(vars, 'dsx-box-max-height', maxHeight, (value) => resolveLength(value))\n  assignResponsiveVars(vars, 'dsx-box-position', position, (value) => value)\n  assignResponsiveVars(vars, 'dsx-box-inset', inset, (value) => resolveLength(value))\n  assignResponsiveVars(vars, 'dsx-box-z-index', zIndex, (value) => value)\n  assignResponsiveVars(vars, 'dsx-box-display', hide, (value) => (value ? 'none' : defaultDisplay))\n  assignResponsiveVars(vars, 'dsx-box-display', show, (value) => (value ? defaultDisplay : 'none'))\n  assignResponsiveVars(vars, 'dsx-box-margin', margin, (value) =>\n    typeof value === 'number' ? resolveLength(value) : resolveSpace(value),\n  )\n  assignArbitraryResponsiveVars(vars, 'dsx-r-m', m, spacingUtilityValues, (value) => resolveSpace(value))\n  assignArbitraryResponsiveVars(vars, 'dsx-r-mx', mx, spacingUtilityValues, (value) => resolveSpace(value))\n  assignArbitraryResponsiveVars(vars, 'dsx-r-my', my, spacingUtilityValues, (value) => resolveSpace(value))\n  assignArbitraryResponsiveVars(vars, 'dsx-r-mt', mt, spacingUtilityValues, (value) => resolveSpace(value))\n  assignArbitraryResponsiveVars(vars, 'dsx-r-mr', mr, spacingUtilityValues, (value) => resolveSpace(value))\n  assignArbitraryResponsiveVars(vars, 'dsx-r-mb', mb, spacingUtilityValues, (value) => resolveSpace(value))\n  assignArbitraryResponsiveVars(vars, 'dsx-r-ml', ml, spacingUtilityValues, (value) => resolveSpace(value))\n\n  vars['--dsx-box-border-width'] = border ? 'var(--dsx-border-width-sm)' : undefined\n\n  return withVars(style, vars)\n}\n\nfunction getBoxChildStyle(style: React.CSSProperties | undefined, props: BoxChildOwnProps) {\n  const vars = assignResponsiveVars({}, 'dsx-box-flex', props.flex, (value) => value)\n\n  assignResponsiveVars(vars, 'dsx-box-flex-grow', props.flexGrow, (value) => value)\n  assignResponsiveVars(vars, 'dsx-box-flex-shrink', props.flexShrink, (value) => value)\n  assignResponsiveVars(vars, 'dsx-box-flex-basis', props.flexBasis, (value) => resolveLength(value))\n  assignResponsiveVars(vars, 'dsx-box-order', props.order, (value) => value)\n  assignResponsiveVars(vars, 'dsx-box-grid-column', props.gridColumn, (value) => value)\n  assignResponsiveVars(vars, 'dsx-box-grid-row', props.gridRow, (value) => value)\n  assignResponsiveVars(vars, 'dsx-box-grid-area', props.gridArea, (value) => value)\n  assignResponsiveVars(vars, 'dsx-box-align-self', props.alignSelf, (value) => resolveAlign(value))\n  assignResponsiveVars(vars, 'dsx-box-justify-self', props.justifySelf, (value) => resolveAlign(value))\n\n  return withVars(style, vars)\n}\n\n\nfunction resolveGridAlign(value: FlexAlign | undefined) {\n  if (!value) return undefined\n  if (value === 'start') return 'start'\n  if (value === 'end') return 'end'\n  return value\n}\n\nfunction resolveGridJustify(value: GridAlignContent | undefined) {\n  if (!value) return undefined\n  if (value === 'start') return 'start'\n  if (value === 'end') return 'end'\n  if (value === 'between') return 'space-between'\n  if (value === 'around') return 'space-around'\n  if (value === 'evenly') return 'space-evenly'\n  return value\n}\n\nfunction assignGridVars(\n  vars: Record<`--${string}`, string | number | undefined>,\n  {\n    align,\n    alignContent,\n    areas,\n    columns,\n    flow,\n    justify,\n    justifyContent,\n    justifyItems,\n    minItemWidth,\n    rows,\n  }: {\n    align?: ResponsiveValue<FlexAlign>\n    alignContent?: ResponsiveValue<GridAlignContent>\n    areas?: ResponsiveValue<string>\n    columns?: ResponsiveValue<number | string>\n    flow?: ResponsiveValue<GridFlowValue>\n    justify?: ResponsiveValue<FlexJustify>\n    justifyContent?: ResponsiveValue<GridAlignContent>\n    justifyItems?: ResponsiveValue<FlexAlign>\n    minItemWidth?: ResponsiveValue<number | string>\n    rows?: ResponsiveValue<number | string>\n  },\n) {\n  const responsiveColumns = toResponsiveMap(columns)\n  const responsiveMinItemWidth = toResponsiveMap(minItemWidth)\n\n  assignResponsiveVars(vars, 'dsx-grid-align', align, (value) => resolveGridAlign(value))\n  assignResponsiveVars(vars, 'dsx-grid-justify', justify, (value) => resolveGridJustify(value))\n  assignResponsiveVars(vars, 'dsx-grid-align-content', alignContent, (value) => resolveGridJustify(value))\n  assignResponsiveVars(vars, 'dsx-grid-justify-items', justifyItems, (value) => resolveGridAlign(value))\n  assignResponsiveVars(vars, 'dsx-grid-justify-content', justifyContent, (value) => resolveGridJustify(value))\n  assignResponsiveVars(vars, 'dsx-grid-areas', areas, (value) => value)\n  assignResponsiveVars(vars, 'dsx-grid-auto-flow', flow, (value) => value)\n\n  for (const condition of RESPONSIVE_CONDITIONS) {\n    const nextMinItemWidth = responsiveMinItemWidth[condition]\n\n    if (nextMinItemWidth !== undefined) {\n      vars[getResponsiveVarName('dsx-grid-columns', condition)] = `repeat(auto-fit, minmax(${resolveLength(nextMinItemWidth)}, 1fr))`\n      continue\n    }\n\n    const nextColumns = responsiveColumns[condition]\n\n    if (nextColumns !== undefined) {\n      vars[getResponsiveVarName('dsx-grid-columns', condition)] =\n        typeof nextColumns === 'number'\n          ? `repeat(${nextColumns}, minmax(0, 1fr))`\n          : String(nextColumns)\n    }\n  }\n\n  assignResponsiveVars(vars, 'dsx-grid-rows', rows, (value) => (typeof value === 'number' ? `repeat(${value}, minmax(0, 1fr))` : value))\n\n  return vars\n}\n\ntype BoxComponent = <T extends React.ElementType = 'div'>(\n  props: PolymorphicProps<T, BoxOwnProps & BoxChildOwnProps> & { ref?: React.ForwardedRef<HTMLElement> },\n) => React.ReactElement | null\n\nfunction BoxInner<T extends React.ElementType = 'div'>({\n  as,\n  asChild,\n  children,\n  className,\n  style,\n  ...props\n}: PolymorphicProps<T, BoxOwnProps>, ref: React.ForwardedRef<HTMLElement>) {\n  const Component = asChild ? Slot : (as ?? 'div')\n  const {\n    alignSelf,\n    border,\n    borderTone,\n    display,\n    flex,\n    flexBasis,\n    flexGrow,\n    flexShrink,\n    gap,\n    gridArea,\n    gridColumn,\n    gridRow,\n    height,\n    hide,\n    inset,\n    justifySelf,\n    maxHeight,\n    maxWidth,\n    minHeight,\n    minWidth,\n    order,\n    padding,\n    paddingX,\n    paddingY,\n    p,\n    px,\n    py,\n    pt,\n    pr,\n    pb,\n    pl,\n    position,\n    radius,\n    shadow,\n    show,\n    surface,\n    width,\n    zIndex,\n    margin,\n    m,\n    mx,\n    my,\n    mt,\n    mr,\n    mb,\n    ml,\n    ...rest\n  } = props\n\n  const boxStyle = getBoxStyle(style, {\n    border,\n    borderTone,\n    display,\n    gap,\n    height,\n    hide,\n    inset,\n    maxHeight,\n    maxWidth,\n    minHeight,\n    minWidth,\n    padding,\n    paddingX,\n    paddingY,\n    p,\n    px,\n    py,\n    pt,\n    pr,\n    pb,\n    pl,\n    position,\n    radius,\n    shadow,\n    show,\n    surface,\n    width,\n    zIndex,\n    margin,\n    m,\n    mx,\n    my,\n    mt,\n    mr,\n    mb,\n    ml,\n  })\n\n  return (\n    <Component\n      {...rest}\n      className={cn('dsx-box', getBoxUtilityClassName({ height, m, mb, ml, mr, mt, mx, my, padding, p, pb, pl, pr, pt, px, py, radius, width }), className)}\n      style={getBoxChildStyle(boxStyle, { alignSelf, flex, flexBasis, flexGrow, flexShrink, gridArea, gridColumn, gridRow, justifySelf, order })}\n      ref={ref as never}\n    >\n      {children}\n    </Component>\n  )\n}\n\nexport const Box = React.forwardRef(BoxInner) as BoxComponent\n\nexport type FlexOwnProps = BoxOwnProps & BoxChildOwnProps & {\n  align?: ResponsiveValue<FlexAlign>\n  direction?: ResponsiveValue<FlexDirection>\n  justify?: ResponsiveValue<FlexJustify>\n  wrap?: ResponsiveValue<FlexWrap>\n}\n\nfunction resolveAlign(value: string | undefined) {\n  if (!value) return undefined\n  if (value === 'start') return 'flex-start'\n  if (value === 'end') return 'flex-end'\n  return value\n}\n\nfunction getFlexUtilityClassName({\n  align,\n  direction,\n  justify,\n  wrap,\n}: {\n  align?: ResponsiveValue<FlexAlign>\n  direction?: ResponsiveValue<FlexDirection>\n  justify?: ResponsiveValue<FlexJustify>\n  wrap?: ResponsiveValue<FlexWrap>\n}) {\n  return cn(\n    getResponsiveUtilityClassNames('dsx-r-fd', direction, directionUtilityValues),\n    getResponsiveUtilityClassNames('dsx-r-ai', align, alignUtilityValues),\n    getResponsiveUtilityClassNames('dsx-r-jc', justify, justifyUtilityValues),\n    getResponsiveUtilityClassNames('dsx-r-fw', wrap, wrapUtilityValues),\n  )\n}\n\nexport function Flex<T extends React.ElementType = 'div'>({\n  align,\n  as,\n  asChild,\n  children,\n  className,\n  direction = 'row',\n  justify,\n  style,\n  wrap = 'nowrap',\n  ...props\n}: PolymorphicProps<T, FlexOwnProps>) {\n  const Component = asChild ? Slot : (as ?? 'div')\n  const {\n    alignSelf,\n    border,\n    borderTone,\n    display,\n    flex,\n    flexBasis,\n    flexGrow,\n    flexShrink,\n    gap,\n    gridArea,\n    gridColumn,\n    gridRow,\n    height,\n    hide,\n    inset,\n    justifySelf,\n    maxHeight,\n    maxWidth,\n    minHeight,\n    minWidth,\n    order,\n    padding,\n    paddingX,\n    paddingY,\n    p,\n    px,\n    py,\n    pt,\n    pr,\n    pb,\n    pl,\n    position,\n    radius,\n    shadow,\n    show,\n    surface,\n    width,\n    zIndex,\n    margin,\n    m,\n    mx,\n    my,\n    mt,\n    mr,\n    mb,\n    ml,\n    ...rest\n  } = props\n\n  const vars = getBoxStyle(style, {\n    border,\n    borderTone,\n    display,\n    gap,\n    height,\n    hide,\n    inset,\n    maxHeight,\n    maxWidth,\n    minHeight,\n    minWidth,\n    padding,\n    paddingX,\n    paddingY,\n    p,\n    px,\n    py,\n    pt,\n    pr,\n    pb,\n    pl,\n    position,\n    radius,\n    shadow,\n    show,\n    surface,\n    width,\n    zIndex,\n    margin,\n    m,\n    mx,\n    my,\n    mt,\n    mr,\n    mb,\n    ml,\n  }, 'flex')\n\n  return (\n    <Component\n      {...rest}\n  className={cn('dsx-box', 'dsx-flex', getBoxUtilityClassName({ height, m, mb, ml, mr, mt, mx, my, padding, p, pb, pl, pr, pt, px, py, radius, width }), getFlexUtilityClassName({ align, direction, justify, wrap }), className)}\n      data-gap={serializeResponsiveValue(gap)}\n      data-align={serializeResponsiveValue(align)}\n      data-justify={serializeResponsiveValue(justify)}\n      style={getBoxChildStyle(vars, { alignSelf, flex, flexBasis, flexGrow, flexShrink, gridArea, gridColumn, gridRow, justifySelf, order })}\n    >\n      {children}\n    </Component>\n  )\n}\n\ntype GridFlowValue = 'row' | 'column' | 'dense' | 'row dense' | 'column dense'\n\ntype GridAlignContent = FlexJustify | 'stretch'\n\ntype GridBreakpointProps = {\n  align?: FlexAlign\n  alignContent?: GridAlignContent\n  areas?: string\n  columns?: number | string\n  flow?: GridFlowValue\n  gap?: AliasScalar<BoxOwnProps['gap']>\n  justify?: FlexJustify\n  justifyContent?: GridAlignContent\n  justifyItems?: FlexAlign\n  minItemWidth?: number | string\n  rows?: number | string\n}\n\nexport type GridOwnProps = BoxOwnProps & BoxChildOwnProps & ResponsiveAliasProps<GridBreakpointProps> & {\n  align?: ResponsiveValue<FlexAlign>\n  alignContent?: ResponsiveValue<GridAlignContent>\n  areas?: ResponsiveValue<string>\n  columns?: ResponsiveValue<number | string>\n  flow?: ResponsiveValue<GridFlowValue>\n  justify?: ResponsiveValue<FlexJustify>\n  justifyContent?: ResponsiveValue<GridAlignContent>\n  justifyItems?: ResponsiveValue<FlexAlign>\n  minItemWidth?: ResponsiveValue<number | string>\n  rows?: ResponsiveValue<number | string>\n}\n\nexport function Grid<T extends React.ElementType = 'div'>({\n  align,\n  alignContent,\n  areas,\n  as,\n  asChild,\n  children,\n  className,\n  columns,\n  flow,\n  justify,\n  justifyContent,\n  justifyItems,\n  lg,\n  md,\n  minItemWidth,\n  rows,\n  sm,\n  style,\n  ...props\n}: PolymorphicProps<T, GridOwnProps>) {\n  const Component = asChild ? Slot : (as ?? 'div')\n  const {\n    alignSelf,\n    border,\n    borderTone,\n    display,\n    flex,\n    flexBasis,\n    flexGrow,\n    flexShrink,\n    gap,\n    gridArea,\n    gridColumn,\n    gridRow,\n    height,\n    hide,\n    inset,\n    justifySelf,\n    maxHeight,\n    maxWidth,\n    minHeight,\n    minWidth,\n    order,\n    padding,\n    paddingX,\n    paddingY,\n    p,\n    px,\n    py,\n    pt,\n    pr,\n    pb,\n    pl,\n    position,\n    radius,\n    shadow,\n    show,\n    surface,\n    width,\n    zIndex,\n    margin,\n    m,\n    mx,\n    my,\n    mt,\n    mr,\n    mb,\n    ml,\n    ...rest\n  } = props\n\n  const responsiveGap = mergeResponsiveValue<AliasScalar<BoxOwnProps['gap']>>(gap, { sm: sm?.gap, md: md?.gap, lg: lg?.gap })\n  const responsiveAlign = mergeResponsiveValue(align, { sm: sm?.align, md: md?.align, lg: lg?.align })\n  const responsiveAlignContent = mergeResponsiveValue(alignContent, { sm: sm?.alignContent, md: md?.alignContent, lg: lg?.alignContent })\n  const responsiveAreas = mergeResponsiveValue(areas, { sm: sm?.areas, md: md?.areas, lg: lg?.areas })\n  const responsiveJustify = mergeResponsiveValue(justify, { sm: sm?.justify, md: md?.justify, lg: lg?.justify })\n  const responsiveJustifyContent = mergeResponsiveValue(justifyContent, { sm: sm?.justifyContent, md: md?.justifyContent, lg: lg?.justifyContent })\n  const responsiveJustifyItems = mergeResponsiveValue(justifyItems, { sm: sm?.justifyItems, md: md?.justifyItems, lg: lg?.justifyItems })\n  const responsiveColumns = mergeResponsiveValue(columns, { sm: sm?.columns, md: md?.columns, lg: lg?.columns })\n  const responsiveFlow = mergeResponsiveValue(flow, { sm: sm?.flow, md: md?.flow, lg: lg?.flow })\n  const responsiveMinItemWidth = mergeResponsiveValue(minItemWidth, {\n    sm: sm?.minItemWidth,\n    md: md?.minItemWidth,\n    lg: lg?.minItemWidth,\n  })\n  const responsiveRows = mergeResponsiveValue(rows, { sm: sm?.rows, md: md?.rows, lg: lg?.rows })\n\n  const vars = getBoxStyle(style, {\n    border,\n    borderTone,\n    display,\n    gap: responsiveGap,\n    height,\n    hide,\n    inset,\n    maxHeight,\n    maxWidth,\n    minHeight,\n    minWidth,\n    padding,\n    paddingX,\n    paddingY,\n    p,\n    px,\n    py,\n    pt,\n    pr,\n    pb,\n    pl,\n    position,\n    radius,\n    shadow,\n    show,\n    surface,\n    width,\n    zIndex,\n    margin,\n    m,\n    mx,\n    my,\n    mt,\n    mr,\n    mb,\n    ml,\n  }, 'grid')\n\n  assignGridVars(vars, {\n    align: responsiveAlign,\n    alignContent: responsiveAlignContent,\n    areas: responsiveAreas,\n    columns: responsiveColumns,\n    flow: responsiveFlow,\n    justify: responsiveJustify,\n    justifyContent: responsiveJustifyContent,\n    justifyItems: responsiveJustifyItems,\n    minItemWidth: responsiveMinItemWidth,\n    rows: responsiveRows,\n  })\n\n  return (\n    <Component\n      {...rest}\n  className={cn('dsx-box', 'dsx-grid', getBoxUtilityClassName({ height, m, mb, ml, mr, mt, mx, my, padding, p, pb, pl, pr, pt, px, py, radius, width }), className)}\n      data-gap={serializeResponsiveValue(responsiveGap)}\n      data-align={serializeResponsiveValue(responsiveAlign)}\n      data-justify={serializeResponsiveValue(responsiveJustify)}\n      style={getBoxChildStyle(vars, { alignSelf, flex, flexBasis, flexGrow, flexShrink, gridArea, gridColumn, gridRow, justifySelf, order })}\n    >\n      {children}\n    </Component>\n  )\n}\n\ntype StackBreakpointProps = {\n  align?: FlexAlign\n  direction?: FlexDirection\n  gap?: AliasScalar<BoxOwnProps['gap']>\n  justify?: FlexJustify\n  wrap?: FlexWrap\n}\n\ntype StackOwnProps = FlexOwnProps & ResponsiveAliasProps<StackBreakpointProps>\n\nexport function Stack<T extends React.ElementType = 'div'>({\n  align,\n  as,\n  asChild,\n  children,\n  className,\n  direction = 'column',\n  gap,\n  justify,\n  lg,\n  md,\n  sm,\n  style,\n  wrap,\n  ...props\n}: PolymorphicProps<T, StackOwnProps>) {\n  const Component = asChild ? Slot : (as ?? 'div')\n  const {\n    alignSelf,\n    border,\n    borderTone,\n    display,\n    flex,\n    flexBasis,\n    flexGrow,\n    flexShrink,\n    gridArea,\n    gridColumn,\n    gridRow,\n    height,\n    hide,\n    inset,\n    justifySelf,\n    maxHeight,\n    maxWidth,\n    minHeight,\n    minWidth,\n    order,\n    padding,\n    paddingX,\n    paddingY,\n    p,\n    px,\n    py,\n    pt,\n    pr,\n    pb,\n    pl,\n    position,\n    radius,\n    shadow,\n    show,\n    surface,\n    width,\n    zIndex,\n    margin,\n    m,\n    mx,\n    my,\n    mt,\n    mr,\n    mb,\n    ml,\n    ...rest\n  } = props\n\n  const responsiveAlign = mergeResponsiveValue(align, { sm: sm?.align, md: md?.align, lg: lg?.align })\n  const responsiveDirection = mergeResponsiveValue(direction, {\n    sm: sm?.direction,\n    md: md?.direction,\n    lg: lg?.direction,\n  })\n  const responsiveGap = mergeResponsiveValue<AliasScalar<BoxOwnProps['gap']>>(gap, { sm: sm?.gap, md: md?.gap, lg: lg?.gap })\n  const responsiveJustify = mergeResponsiveValue(justify, { sm: sm?.justify, md: md?.justify, lg: lg?.justify })\n  const responsiveWrap = mergeResponsiveValue(wrap, { sm: sm?.wrap, md: md?.wrap, lg: lg?.wrap })\n\n  const vars = getBoxStyle(style, {\n    border,\n    borderTone,\n    display,\n    gap: responsiveGap,\n    height,\n    hide,\n    inset,\n    maxHeight,\n    maxWidth,\n    minHeight,\n    minWidth,\n    padding,\n    paddingX,\n    paddingY,\n    p,\n    px,\n    py,\n    pt,\n    pr,\n    pb,\n    pl,\n    position,\n    radius,\n    shadow,\n    show,\n    surface,\n    width,\n    zIndex,\n    margin,\n    m,\n    mx,\n    my,\n    mt,\n    mr,\n    mb,\n    ml,\n  }, 'flex')\n\n  return (\n    <Component\n      {...rest}\n  className={cn('dsx-box', 'dsx-flex', 'dsx-stack', getBoxUtilityClassName({ height, m, mb, ml, mr, mt, mx, my, padding, p, pb, pl, pr, pt, px, py, radius, width }), getFlexUtilityClassName({ align: responsiveAlign, direction: responsiveDirection, justify: responsiveJustify, wrap: responsiveWrap }), className)}\n      data-gap={serializeResponsiveValue(responsiveGap)}\n      data-align={serializeResponsiveValue(responsiveAlign)}\n      data-justify={serializeResponsiveValue(responsiveJustify)}\n      style={getBoxChildStyle(vars, { alignSelf, flex, flexBasis, flexGrow, flexShrink, gridArea, gridColumn, gridRow, justifySelf, order })}\n    >\n      {children}\n    </Component>\n  )\n}\n\ntype ContainerSize = 'content' | 'wide' | 'full'\n\ntype ContainerBreakpointProps = {\n  align?: FlexAlign\n  direction?: FlexDirection\n  display?: AliasScalar<BoxOwnProps['display']>\n  gap?: AliasScalar<BoxOwnProps['gap']>\n  inset?: SpaceToken\n  justify?: FlexJustify\n  size?: ContainerSize\n  wrap?: FlexWrap\n}\n\ntype ContainerOwnProps = Omit<BoxOwnProps, 'inset'> & BoxChildOwnProps & ResponsiveAliasProps<ContainerBreakpointProps> & {\n  align?: ResponsiveValue<FlexAlign>\n  direction?: ResponsiveValue<FlexDirection>\n  inset?: ResponsiveValue<SpaceToken>\n  justify?: ResponsiveValue<FlexJustify>\n  size?: ResponsiveValue<ContainerSize>\n  wrap?: ResponsiveValue<FlexWrap>\n}\n\nfunction resolveContainerSize(size: ContainerSize = 'content') {\n  if (size === 'wide') return `${CONTAINER_WIDTHS.wide}px`\n  if (size === 'full') return 'none'\n  return `${CONTAINER_WIDTHS.content}px`\n}\n\nexport function Container<T extends React.ElementType = 'div'>({\n  align,\n  as,\n  asChild,\n  children,\n  className,\n  direction,\n  gap,\n  inset = 'margin',\n  justify,\n  lg,\n  md,\n  size = 'content',\n  sm,\n  style,\n  wrap,\n  ...props\n}: PolymorphicProps<T, ContainerOwnProps>) {\n  const Component = asChild ? Slot : (as ?? 'div')\n  const { alignSelf, border, borderTone, display, flex, flexBasis, flexGrow, flexShrink, gridArea, gridColumn, gridRow, height, hide, justifySelf, maxHeight, maxWidth, minHeight, minWidth, order, padding, paddingX, paddingY, p, px, py, pt, pr, pb, pl, position, radius, shadow, show, surface, width, zIndex, margin, m, mx, my, mt, mr, mb, ml, ...rest } = props\n\n  const responsiveDisplay = mergeResponsiveValue<AliasScalar<BoxOwnProps['display']>>(\n    display,\n    { sm: sm?.display, md: md?.display, lg: lg?.display },\n  )\n  const responsiveGap = mergeResponsiveValue<AliasScalar<BoxOwnProps['gap']>>(gap, { sm: sm?.gap, md: md?.gap, lg: lg?.gap })\n  const responsiveAlign = mergeResponsiveValue(align, { sm: sm?.align, md: md?.align, lg: lg?.align })\n  const responsiveDirection = mergeResponsiveValue(direction, {\n    sm: sm?.direction,\n    md: md?.direction,\n    lg: lg?.direction,\n  })\n  const responsiveInset = mergeResponsiveValue<AliasScalar<ContainerOwnProps['inset']>>(inset, { sm: sm?.inset, md: md?.inset, lg: lg?.inset })\n  const responsiveJustify = mergeResponsiveValue(justify, { sm: sm?.justify, md: md?.justify, lg: lg?.justify })\n  const responsiveSize = mergeResponsiveValue(size, { sm: sm?.size, md: md?.size, lg: lg?.size })\n  const responsiveWrap = mergeResponsiveValue(wrap, { sm: sm?.wrap, md: md?.wrap, lg: lg?.wrap })\n  const usesFlexLayout =\n    responsiveAlign !== undefined ||\n    responsiveDirection !== undefined ||\n    responsiveGap !== undefined ||\n    responsiveJustify !== undefined ||\n    responsiveWrap !== undefined\n\n  const vars = getBoxStyle(style, {\n    border,\n    borderTone,\n    display: responsiveDisplay,\n    gap: responsiveGap,\n    height,\n    hide,\n    maxHeight,\n    maxWidth,\n    minHeight,\n    minWidth,\n    padding,\n    paddingX,\n    paddingY,\n    p,\n    px,\n    py,\n    pt,\n    pr,\n    pb,\n    pl,\n    position,\n    radius,\n    shadow,\n    show,\n    surface,\n    width,\n    zIndex,\n    margin,\n    m,\n    mx,\n    my,\n    mt,\n    mr,\n    mb,\n    ml,\n  })\n\n  assignResponsiveVars(vars, 'dsx-container-inset', responsiveInset, (value) => resolveSpace(value))\n  assignResponsiveVars(vars, 'dsx-container-max-width', responsiveSize, (value) => resolveContainerSize(value))\n\n  return (\n    <Component\n      {...rest}\n      className={cn('dsx-box', usesFlexLayout && 'dsx-flex', 'dsx-container', getBoxUtilityClassName({ height, m, mb, ml, mr, mt, mx, my, padding, p, pb, pl, pr, pt, px, py, radius, width }), getFlexUtilityClassName({ align: responsiveAlign, direction: responsiveDirection, justify: responsiveJustify, wrap: responsiveWrap }), className)}\n      data-gap={serializeResponsiveValue(responsiveGap)}\n      data-align={serializeResponsiveValue(responsiveAlign)}\n      data-justify={serializeResponsiveValue(responsiveJustify)}\n      style={getBoxChildStyle(vars, { alignSelf, flex, flexBasis, flexGrow, flexShrink, gridArea, gridColumn, gridRow, justifySelf, order })}\n    >\n      {children}\n    </Component>\n  )\n}\n\ntype SectionOwnProps = BoxOwnProps & BoxChildOwnProps & {\n  space?: ResponsiveValue<SpaceToken>\n  size?: string\n}\n\nexport function Section<T extends React.ElementType = 'section'>({\n  as,\n  asChild,\n  children,\n  className,\n  size,\n  space = '2xl',\n  style,\n  ...props\n}: PolymorphicProps<T, SectionOwnProps>) {\n  const Component = asChild ? Slot : (as ?? 'section')\n  const { alignSelf, border, borderTone, display, flex, flexBasis, flexGrow, flexShrink, gap, gridArea, gridColumn, gridRow, height, hide, inset, justifySelf, maxHeight, maxWidth, minHeight, minWidth, order, padding, paddingX, paddingY, p, px, py, pt, pr, pb, pl, position, radius, shadow, show, surface, width, zIndex, margin, m, mx, my, mt, mr, mb, ml, ...rest } = props\n\n  const vars = getBoxStyle(style, { border, borderTone, display, gap, height, hide, inset, maxHeight, maxWidth, minHeight, minWidth, padding, paddingX, paddingY, p, px, py, pt, pr, pb, pl, position, radius, shadow, show, surface, width, zIndex, margin, m, mx, my, mt, mr, mb, ml })\n\n  assignResponsiveVars(vars, 'dsx-section-space', space, (value) => resolveSpace(value))\n\n  return (\n    <Component\n      {...rest}\n  className={cn('dsx-box', 'dsx-section', getBoxUtilityClassName({ height, m, mb, ml, mr, mt, mx, my, padding, p, pb, pl, pr, pt, px, py, radius, width }), className)}\n      style={getBoxChildStyle(vars, { alignSelf, flex, flexBasis, flexGrow, flexShrink, gridArea, gridColumn, gridRow, justifySelf, order })}\n    >\n      {children}\n    </Component>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/layout/layout.props.cjs CHANGED Viewed

@@ -24,7 +24,7 @@ __export(layout_props_exports, {
   GRID_PROP_DEFS: () => GRID_PROP_DEFS,
   INSET_PROP_DEFS: () => INSET_PROP_DEFS,
   SECTION_PROP_DEFS: () => SECTION_PROP_DEFS,
-  createResponsiveVariableProp: () => createResponsiveVariableProp,
+  createResponsiveVariableProp: () => import_propDef.createResponsiveVariableProp,
   extractLayoutProps: () => extractLayoutProps
 });
 module.exports = __toCommonJS(layout_props_exports);
@@ -48,19 +48,9 @@ const displayValues = [
 const positionValues = ["static", "relative", "absolute", "fixed", "sticky"];
 const flexAlignValues = ["start", "center", "end", "stretch", "baseline"];
 const gridTrackValues = ["1", "2", "3", "4", "5", "6", "12"];
-const gridFlowValues = ["row", "column", "row dense", "column dense"];
+const gridFlowValues = ["row", "column", "dense", "row dense", "column dense"];
 const gridAlignContentValues = ["start", "end", "center", "between", "around", "evenly", "stretch"];
 const gridJustifyItemsValues = ["start", "end", "center", "stretch"];
-function createResponsiveVariableProp(customProperty, parseValue) {
-  return {
-    type: "string",
-    default: void 0,
-    className: "",
-    customProperties: [customProperty],
-    parseValue,
-    responsive: true
-  };
-}
 function parseLengthValue(value) {
   if (value === "auto") {
     return "auto";
@@ -190,61 +180,61 @@ function parseInsetSizeValue(value) {
 }
 const BOX_PROP_DEFS = {
   width: {
-    ...createResponsiveVariableProp("--dsx-r-width", parseLengthValue),
+    ...(0, import_propDef.createResponsiveVariableProp)("--dsx-r-width", parseLengthValue),
     className: "dsx-r-w",
     type: "enum | string",
     values: lengthValues
   },
   height: {
-    ...createResponsiveVariableProp("--dsx-r-height", parseLengthValue),
+    ...(0, import_propDef.createResponsiveVariableProp)("--dsx-r-height", parseLengthValue),
     className: "dsx-r-h",
     type: "enum | string",
     values: lengthValues
   },
   display: {
-    ...createResponsiveVariableProp("--dsx-box-display"),
+    ...(0, import_propDef.createResponsiveVariableProp)("--dsx-box-display"),
     className: "dsx-r-display",
     type: "enum | string",
     values: displayValues
   },
   minWidth: {
-    ...createResponsiveVariableProp("--dsx-box-min-width", parseLengthValue),
+    ...(0, import_propDef.createResponsiveVariableProp)("--dsx-box-min-width", parseLengthValue),
     className: "dsx-r-min-w",
     type: "enum | string",
     values: lengthValues
   },
   maxWidth: {
-    ...createResponsiveVariableProp("--dsx-box-max-width", parseLengthValue),
+    ...(0, import_propDef.createResponsiveVariableProp)("--dsx-box-max-width", parseLengthValue),
     className: "dsx-r-max-w",
     type: "enum | string",
     values: lengthValues
   },
   minHeight: {
-    ...createResponsiveVariableProp("--dsx-box-min-height", parseLengthValue),
+    ...(0, import_propDef.createResponsiveVariableProp)("--dsx-box-min-height", parseLengthValue),
     className: "dsx-r-min-h",
     type: "enum | string",
     values: lengthValues
   },
   maxHeight: {
-    ...createResponsiveVariableProp("--dsx-box-max-height", parseLengthValue),
+    ...(0, import_propDef.createResponsiveVariableProp)("--dsx-box-max-height", parseLengthValue),
     className: "dsx-r-max-h",
     type: "enum | string",
     values: lengthValues
   },
   position: {
-    ...createResponsiveVariableProp("--dsx-box-position"),
+    ...(0, import_propDef.createResponsiveVariableProp)("--dsx-box-position"),
     className: "dsx-r-position",
     type: "enum | string",
     values: positionValues
   },
   alignSelf: {
-    ...createResponsiveVariableProp("--dsx-box-align-self", parseFlexAlignValue),
+    ...(0, import_propDef.createResponsiveVariableProp)("--dsx-box-align-self", parseFlexAlignValue),
     className: "dsx-r-as",
     type: "enum | string",
     values: flexAlignValues
   },
   justifySelf: {
-    ...createResponsiveVariableProp("--dsx-box-justify-self", parseFlexAlignValue),
+    ...(0, import_propDef.createResponsiveVariableProp)("--dsx-box-justify-self", parseFlexAlignValue),
     className: "dsx-r-js",
     type: "enum | string",
     values: flexAlignValues
@@ -253,12 +243,12 @@ const BOX_PROP_DEFS = {
   ...import_padding.paddingPropDef
 };
 const FLEX_PROP_DEFS = {
-  direction: createResponsiveVariableProp("--dsx-flex-direction"),
-  align: createResponsiveVariableProp("--dsx-flex-align", parseFlexAlignValue),
-  justify: createResponsiveVariableProp("--dsx-flex-justify", parseFlexJustifyValue),
-  wrap: createResponsiveVariableProp("--dsx-flex-wrap"),
+  direction: (0, import_propDef.createResponsiveVariableProp)("--dsx-flex-direction"),
+  align: (0, import_propDef.createResponsiveVariableProp)("--dsx-flex-align", parseFlexAlignValue),
+  justify: (0, import_propDef.createResponsiveVariableProp)("--dsx-flex-justify", parseFlexJustifyValue),
+  wrap: (0, import_propDef.createResponsiveVariableProp)("--dsx-flex-wrap"),
   gap: {
-    ...createResponsiveVariableProp("--dsx-box-gap", import_propDef.parseSpaceValue),
+    ...(0, import_propDef.createResponsiveVariableProp)("--dsx-box-gap", import_propDef.parseSpaceValue),
     className: "dsx-r-gap",
     type: "enum | string",
     values: [...import_propDef.spaceScaleValues, ...import_propDef.spaceUtilityValues]
@@ -266,59 +256,59 @@ const FLEX_PROP_DEFS = {
 };
 const GRID_PROP_DEFS = {
   columns: {
-    ...createResponsiveVariableProp("--dsx-grid-columns", parseGridTrackValue),
+    ...(0, import_propDef.createResponsiveVariableProp)("--dsx-grid-columns", parseGridTrackValue),
     className: "dsx-r-gtc",
     type: "enum | string",
     values: gridTrackValues
   },
   rows: {
-    ...createResponsiveVariableProp("--dsx-grid-rows", parseGridTrackValue),
+    ...(0, import_propDef.createResponsiveVariableProp)("--dsx-grid-rows", parseGridTrackValue),
     className: "dsx-r-gtr",
     type: "enum | string",
     values: gridTrackValues
   },
   gap: {
-    ...createResponsiveVariableProp("--dsx-box-gap", import_propDef.parseSpaceValue),
+    ...(0, import_propDef.createResponsiveVariableProp)("--dsx-box-gap", import_propDef.parseSpaceValue),
     className: "dsx-r-gap",
     type: "enum | string",
     values: [...import_propDef.spaceScaleValues, ...import_propDef.spaceUtilityValues]
   },
   areas: {
-    ...createResponsiveVariableProp("--dsx-grid-areas"),
+    ...(0, import_propDef.createResponsiveVariableProp)("--dsx-grid-areas"),
     className: "dsx-r-gta",
     type: "enum | string",
     values: []
   },
   flow: {
-    ...createResponsiveVariableProp("--dsx-grid-auto-flow"),
+    ...(0, import_propDef.createResponsiveVariableProp)("--dsx-grid-auto-flow"),
     className: "dsx-r-gaf",
     type: "enum | string",
     values: gridFlowValues
   },
   alignContent: {
-    ...createResponsiveVariableProp("--dsx-grid-align-content", parseGridAlignContentValue),
+    ...(0, import_propDef.createResponsiveVariableProp)("--dsx-grid-align-content", parseGridAlignContentValue),
     className: "dsx-r-ac",
     type: "enum | string",
     values: gridAlignContentValues
   },
   justifyItems: {
-    ...createResponsiveVariableProp("--dsx-grid-justify-items", parseGridJustifyItemsValue),
+    ...(0, import_propDef.createResponsiveVariableProp)("--dsx-grid-justify-items", parseGridJustifyItemsValue),
     className: "dsx-r-ji",
     type: "enum | string",
     values: gridJustifyItemsValues
   },
-  justifyContent: createResponsiveVariableProp("--dsx-grid-justify-content", parseGridAlignContentValue)
+  justifyContent: (0, import_propDef.createResponsiveVariableProp)("--dsx-grid-justify-content", parseGridAlignContentValue)
 };
 const CONTAINER_PROP_DEFS = {
-  size: createResponsiveVariableProp("--dsx-container-max-width", parseContainerSizeValue),
-  inset: createResponsiveVariableProp("--dsx-container-inset", import_propDef.parseSpaceValue)
+  size: (0, import_propDef.createResponsiveVariableProp)("--dsx-container-max-width", parseContainerSizeValue),
+  inset: (0, import_propDef.createResponsiveVariableProp)("--dsx-container-inset", import_propDef.parseSpaceValue)
 };
 const SECTION_PROP_DEFS = {
-  size: createResponsiveVariableProp("--dsx-section-space", parseSectionSizeValue),
-  space: createResponsiveVariableProp("--dsx-section-space", import_propDef.parseSpaceValue)
+  size: (0, import_propDef.createResponsiveVariableProp)("--dsx-section-space", parseSectionSizeValue),
+  space: (0, import_propDef.createResponsiveVariableProp)("--dsx-section-space", import_propDef.parseSpaceValue)
 };
 const INSET_PROP_DEFS = {
-  size: createResponsiveVariableProp("--dsx-inset-size", parseInsetSizeValue)
+  size: (0, import_propDef.createResponsiveVariableProp)("--dsx-inset-size", parseInsetSizeValue)
 };
 function extractLayoutProps(props, ...propDefs) {
   const { asChild: _asChild, ...restProps } = props;

package/dist/layout/layout.props.cjs.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/layout/layout.props.ts"],
-  "sourcesContent": ["import { extractProps } from '../_internal/helpers/extractProps'\nimport { marginPropDef, type MarginProps } from '../_internal/props/margin.prop'\nimport { paddingPropDef, type PaddingProps } from '../_internal/props/padding.prop'\nimport {\n  parseSizeValue,\n  parseSpaceValue,\n  sizeScaleValues,\n  spaceScaleValues,\n  spaceUtilityValues,\n  type PropDef,\n  type Responsive,\n} from '../_internal/props/propDef'\n\nimport type * as React from 'react'\n\nconst boxSpaceValues = ['none', ...spaceScaleValues] as const\nconst lengthValues = ['auto', 'full', ...sizeScaleValues] as const\nconst displayValues = [\n  'block',\n  'inline-block',\n  'inline',\n  'flex',\n  'inline-flex',\n  'grid',\n  'inline-grid',\n  'contents',\n  'none',\n] as const\nconst positionValues = ['static', 'relative', 'absolute', 'fixed', 'sticky'] as const\nconst flexDirectionValues = ['row', 'column', 'row-reverse', 'column-reverse'] as const\nconst flexAlignValues = ['start', 'center', 'end', 'stretch', 'baseline'] as const\nconst flexJustifyValues = ['start', 'center', 'end', 'between', 'around', 'evenly'] as const\nconst flexWrapValues = ['nowrap', 'wrap', 'wrap-reverse'] as const\nconst gridTrackValues = ['1', '2', '3', '4', '5', '6', '12'] as const\nconst gridFlowValues = ['row', 'column', 'row dense', 'column dense'] as const\nconst gridAlignContentValues = ['start', 'end', 'center', 'between', 'around', 'evenly', 'stretch'] as const\nconst gridJustifyItemsValues = ['start', 'end', 'center', 'stretch'] as const\nconst containerSizeValues = ['1', '2', '3', '4', 'content', 'wide', 'full'] as const\nconst sectionSizeValues = ['1', '2', '3'] as const\nconst insetSizeValues = ['1', '2', '3', '4'] as const\n\nfunction createResponsiveVariableProp(\n  customProperty: `--${string}`,\n  parseValue?: (value: string) => string | number | undefined,\n) {\n  return {\n    type: 'string',\n    default: undefined,\n    className: '',\n    customProperties: [customProperty],\n    parseValue,\n    responsive: true,\n  } as const satisfies PropDef\n}\n\nfunction parseLengthValue(value: string) {\n  if (value === 'auto') {\n    return 'auto'\n  }\n\n  if (value === 'full') {\n    return '100%'\n  }\n\n  return parseSizeValue(value) ?? value\n}\n\nfunction parseFlexAlignValue(value: string) {\n  if (value === 'start') {\n    return 'flex-start'\n  }\n\n  if (value === 'end') {\n    return 'flex-end'\n  }\n\n  return value\n}\n\nfunction parseFlexJustifyValue(value: string) {\n  if (value === 'start') {\n    return 'flex-start'\n  }\n\n  if (value === 'end') {\n    return 'flex-end'\n  }\n\n  if (value === 'between') {\n    return 'space-between'\n  }\n\n  if (value === 'around') {\n    return 'space-around'\n  }\n\n  if (value === 'evenly') {\n    return 'space-evenly'\n  }\n\n  return value\n}\n\nfunction parseGridTrackValue(value: string) {\n  if (/^\\d+$/.test(value)) {\n    return `repeat(${value}, minmax(0, 1fr))`\n  }\n\n  return value\n}\n\nfunction parseGridAlignContentValue(value: string) {\n  if (value === 'start') {\n    return 'start'\n  }\n\n  if (value === 'end') {\n    return 'end'\n  }\n\n  if (value === 'center') {\n    return 'center'\n  }\n\n  if (value === 'between') {\n    return 'space-between'\n  }\n\n  if (value === 'around') {\n    return 'space-around'\n  }\n\n  if (value === 'evenly') {\n    return 'space-evenly'\n  }\n\n  if (value === 'stretch') {\n    return 'stretch'\n  }\n\n  return value\n}\n\nfunction parseGridJustifyItemsValue(value: string) {\n  if (value === 'start') {\n    return 'start'\n  }\n\n  if (value === 'end') {\n    return 'end'\n  }\n\n  if (value === 'center') {\n    return 'center'\n  }\n\n  if (value === 'stretch') {\n    return 'stretch'\n  }\n\n  return value\n}\n\nfunction parseContainerSizeValue(value: string) {\n  switch (value) {\n    case '1':\n      return '420px'\n    case '2':\n      return '640px'\n    case '3':\n      return '768px'\n    case '4':\n      return '1024px'\n    case 'content':\n      return '1080px'\n    case 'wide':\n      return '1200px'\n    case 'full':\n      return 'none'\n    default:\n      return value\n  }\n}\n\nfunction parseSectionSizeValue(value: string) {\n  switch (value) {\n    case '1':\n      return 'var(--dsx-space-md)'\n    case '2':\n      return 'var(--dsx-space-xl)'\n    case '3':\n      return 'var(--dsx-space-2xl)'\n    default:\n      return value\n  }\n}\n\nfunction parseInsetSizeValue(value: string) {\n  switch (value) {\n    case '1':\n      return 'var(--dsx-space-xs)'\n    case '2':\n      return 'var(--dsx-space-sm)'\n    case '3':\n      return 'var(--dsx-space-md)'\n    case '4':\n      return 'var(--dsx-space-lg)'\n    default:\n      return value\n  }\n}\n\nconst BOX_PROP_DEFS = {\n  width: {\n    ...createResponsiveVariableProp('--dsx-r-width', parseLengthValue),\n    className: 'dsx-r-w',\n    type: 'enum | string',\n    values: lengthValues,\n  },\n  height: {\n    ...createResponsiveVariableProp('--dsx-r-height', parseLengthValue),\n    className: 'dsx-r-h',\n    type: 'enum | string',\n    values: lengthValues,\n  },\n  display: {\n    ...createResponsiveVariableProp('--dsx-box-display'),\n    className: 'dsx-r-display',\n    type: 'enum | string',\n    values: displayValues,\n  },\n  minWidth: {\n    ...createResponsiveVariableProp('--dsx-box-min-width', parseLengthValue),\n    className: 'dsx-r-min-w',\n    type: 'enum | string',\n    values: lengthValues,\n  },\n  maxWidth: {\n    ...createResponsiveVariableProp('--dsx-box-max-width', parseLengthValue),\n    className: 'dsx-r-max-w',\n    type: 'enum | string',\n    values: lengthValues,\n  },\n  minHeight: {\n    ...createResponsiveVariableProp('--dsx-box-min-height', parseLengthValue),\n    className: 'dsx-r-min-h',\n    type: 'enum | string',\n    values: lengthValues,\n  },\n  maxHeight: {\n    ...createResponsiveVariableProp('--dsx-box-max-height', parseLengthValue),\n    className: 'dsx-r-max-h',\n    type: 'enum | string',\n    values: lengthValues,\n  },\n  position: {\n    ...createResponsiveVariableProp('--dsx-box-position'),\n    className: 'dsx-r-position',\n    type: 'enum | string',\n    values: positionValues,\n  },\n  alignSelf: {\n    ...createResponsiveVariableProp('--dsx-box-align-self', parseFlexAlignValue),\n    className: 'dsx-r-as',\n    type: 'enum | string',\n    values: flexAlignValues,\n  },\n  justifySelf: {\n    ...createResponsiveVariableProp('--dsx-box-justify-self', parseFlexAlignValue),\n    className: 'dsx-r-js',\n    type: 'enum | string',\n    values: flexAlignValues,\n  },\n  ...marginPropDef,\n  ...paddingPropDef,\n} as const\n\nconst FLEX_PROP_DEFS = {\n  direction: createResponsiveVariableProp('--dsx-flex-direction'),\n  align: createResponsiveVariableProp('--dsx-flex-align', parseFlexAlignValue),\n  justify: createResponsiveVariableProp('--dsx-flex-justify', parseFlexJustifyValue),\n  wrap: createResponsiveVariableProp('--dsx-flex-wrap'),\n  gap: {\n    ...createResponsiveVariableProp('--dsx-box-gap', parseSpaceValue),\n    className: 'dsx-r-gap',\n    type: 'enum | string',\n    values: [...spaceScaleValues, ...spaceUtilityValues],\n  },\n} as const\n\nconst GRID_PROP_DEFS = {\n  columns: {\n    ...createResponsiveVariableProp('--dsx-grid-columns', parseGridTrackValue),\n    className: 'dsx-r-gtc',\n    type: 'enum | string',\n    values: gridTrackValues,\n  },\n  rows: {\n    ...createResponsiveVariableProp('--dsx-grid-rows', parseGridTrackValue),\n    className: 'dsx-r-gtr',\n    type: 'enum | string',\n    values: gridTrackValues,\n  },\n  gap: {\n    ...createResponsiveVariableProp('--dsx-box-gap', parseSpaceValue),\n    className: 'dsx-r-gap',\n    type: 'enum | string',\n    values: [...spaceScaleValues, ...spaceUtilityValues],\n  },\n  areas: {\n    ...createResponsiveVariableProp('--dsx-grid-areas'),\n    className: 'dsx-r-gta',\n    type: 'enum | string',\n    values: [],\n  },\n  flow: {\n    ...createResponsiveVariableProp('--dsx-grid-auto-flow'),\n    className: 'dsx-r-gaf',\n    type: 'enum | string',\n    values: gridFlowValues,\n  },\n  alignContent: {\n    ...createResponsiveVariableProp('--dsx-grid-align-content', parseGridAlignContentValue),\n    className: 'dsx-r-ac',\n    type: 'enum | string',\n    values: gridAlignContentValues,\n  },\n  justifyItems: {\n    ...createResponsiveVariableProp('--dsx-grid-justify-items', parseGridJustifyItemsValue),\n    className: 'dsx-r-ji',\n    type: 'enum | string',\n    values: gridJustifyItemsValues,\n  },\n  justifyContent: createResponsiveVariableProp('--dsx-grid-justify-content', parseGridAlignContentValue),\n} as const\n\nconst CONTAINER_PROP_DEFS = {\n  size: createResponsiveVariableProp('--dsx-container-max-width', parseContainerSizeValue),\n  inset: createResponsiveVariableProp('--dsx-container-inset', parseSpaceValue),\n} as const\n\nconst SECTION_PROP_DEFS = {\n  size: createResponsiveVariableProp('--dsx-section-space', parseSectionSizeValue),\n  space: createResponsiveVariableProp('--dsx-section-space', parseSpaceValue),\n} as const\n\nconst INSET_PROP_DEFS = {\n  size: createResponsiveVariableProp('--dsx-inset-size', parseInsetSizeValue),\n} as const\n\ntype ResponsiveValue<T extends string> = Responsive<T>\n\ntype BoxStyleProps = MarginProps & PaddingProps & {\n  width?: ResponsiveValue<(typeof lengthValues)[number] | string>\n  height?: ResponsiveValue<(typeof lengthValues)[number] | string>\n  minWidth?: ResponsiveValue<(typeof lengthValues)[number] | string>\n  maxWidth?: ResponsiveValue<(typeof lengthValues)[number] | string>\n  minHeight?: ResponsiveValue<(typeof lengthValues)[number] | string>\n  maxHeight?: ResponsiveValue<(typeof lengthValues)[number] | string>\n  display?: ResponsiveValue<(typeof displayValues)[number] | string>\n  position?: ResponsiveValue<(typeof positionValues)[number] | string>\n  alignSelf?: ResponsiveValue<(typeof flexAlignValues)[number] | string>\n  justifySelf?: ResponsiveValue<(typeof flexAlignValues)[number] | string>\n}\n\ntype FlexStyleProps = {\n  direction?: ResponsiveValue<(typeof flexDirectionValues)[number]>\n  align?: ResponsiveValue<(typeof flexAlignValues)[number]>\n  justify?: ResponsiveValue<(typeof flexJustifyValues)[number]>\n  wrap?: ResponsiveValue<(typeof flexWrapValues)[number]>\n  gap?: ResponsiveValue<(typeof boxSpaceValues)[number] | string>\n}\n\ntype GridStyleProps = {\n  columns?: ResponsiveValue<(typeof gridTrackValues)[number] | string>\n  rows?: ResponsiveValue<(typeof gridTrackValues)[number] | string>\n  gap?: ResponsiveValue<(typeof boxSpaceValues)[number] | string>\n  areas?: ResponsiveValue<string>\n  flow?: ResponsiveValue<(typeof gridFlowValues)[number] | string>\n  alignContent?: ResponsiveValue<(typeof gridAlignContentValues)[number] | string>\n  justifyItems?: ResponsiveValue<(typeof gridJustifyItemsValues)[number] | string>\n  justifyContent?: ResponsiveValue<(typeof gridAlignContentValues)[number]>\n}\n\ntype ContainerStyleProps = {\n  size?: ResponsiveValue<(typeof containerSizeValues)[number]>\n  inset?: ResponsiveValue<(typeof boxSpaceValues)[number]>\n}\n\ntype SectionStyleProps = {\n  size?: ResponsiveValue<(typeof sectionSizeValues)[number]>\n  space?: ResponsiveValue<(typeof boxSpaceValues)[number]>\n}\n\ntype InsetStyleProps = {\n  size?: ResponsiveValue<(typeof insetSizeValues)[number]>\n}\n\nfunction extractLayoutProps<\n  P extends { style?: React.CSSProperties; asChild?: boolean; [key: string]: unknown },\n  T extends Record<string, PropDef>[],\n>(props: P, ...propDefs: T) {\n  const { asChild: _asChild, ...restProps } = props\n\n  return extractProps({ ...restProps, className: undefined }, ...propDefs)\n}\n\nexport {\n  BOX_PROP_DEFS,\n  CONTAINER_PROP_DEFS,\n  FLEX_PROP_DEFS,\n  GRID_PROP_DEFS,\n  INSET_PROP_DEFS,\n  SECTION_PROP_DEFS,\n  createResponsiveVariableProp,\n  extractLayoutProps,\n}\n\nexport type {\n  BoxStyleProps,\n  ContainerStyleProps,\n  FlexStyleProps,\n  GridStyleProps,\n  InsetStyleProps,\n  SectionStyleProps,\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { extractProps } from '../_internal/helpers/extractProps'\nimport { marginPropDef, type MarginProps } from '../_internal/props/margin.prop'\nimport { paddingPropDef, type PaddingProps } from '../_internal/props/padding.prop'\nimport {\n  createResponsiveVariableProp,\n  parseSizeValue,\n  parseSpaceValue,\n  sizeScaleValues,\n  spaceScaleValues,\n  spaceUtilityValues,\n  type PropDef,\n  type Responsive,\n} from '../_internal/props/propDef'\n\nimport type * as React from 'react'\n\nconst boxSpaceValues = ['none', ...spaceScaleValues] as const\nconst lengthValues = ['auto', 'full', ...sizeScaleValues] as const\nconst displayValues = [\n  'block',\n  'inline-block',\n  'inline',\n  'flex',\n  'inline-flex',\n  'grid',\n  'inline-grid',\n  'contents',\n  'none',\n] as const\nconst positionValues = ['static', 'relative', 'absolute', 'fixed', 'sticky'] as const\nconst flexDirectionValues = ['row', 'column', 'row-reverse', 'column-reverse'] as const\nconst flexAlignValues = ['start', 'center', 'end', 'stretch', 'baseline'] as const\nconst flexJustifyValues = ['start', 'center', 'end', 'between', 'around', 'evenly'] as const\nconst flexWrapValues = ['nowrap', 'wrap', 'wrap-reverse'] as const\nconst gridTrackValues = ['1', '2', '3', '4', '5', '6', '12'] as const\nconst gridFlowValues = ['row', 'column', 'dense', 'row dense', 'column dense'] as const\nconst gridAlignContentValues = ['start', 'end', 'center', 'between', 'around', 'evenly', 'stretch'] as const\nconst gridJustifyItemsValues = ['start', 'end', 'center', 'stretch'] as const\nconst containerSizeValues = ['1', '2', '3', '4', 'content', 'wide', 'full'] as const\nconst sectionSizeValues = ['1', '2', '3'] as const\nconst insetSizeValues = ['1', '2', '3', '4'] as const\n\nfunction parseLengthValue(value: string) {\n  if (value === 'auto') {\n    return 'auto'\n  }\n\n  if (value === 'full') {\n    return '100%'\n  }\n\n  return parseSizeValue(value) ?? value\n}\n\nfunction parseFlexAlignValue(value: string) {\n  if (value === 'start') {\n    return 'flex-start'\n  }\n\n  if (value === 'end') {\n    return 'flex-end'\n  }\n\n  return value\n}\n\nfunction parseFlexJustifyValue(value: string) {\n  if (value === 'start') {\n    return 'flex-start'\n  }\n\n  if (value === 'end') {\n    return 'flex-end'\n  }\n\n  if (value === 'between') {\n    return 'space-between'\n  }\n\n  if (value === 'around') {\n    return 'space-around'\n  }\n\n  if (value === 'evenly') {\n    return 'space-evenly'\n  }\n\n  return value\n}\n\nfunction parseGridTrackValue(value: string) {\n  if (/^\\d+$/.test(value)) {\n    return `repeat(${value}, minmax(0, 1fr))`\n  }\n\n  return value\n}\n\nfunction parseGridAlignContentValue(value: string) {\n  if (value === 'start') {\n    return 'start'\n  }\n\n  if (value === 'end') {\n    return 'end'\n  }\n\n  if (value === 'center') {\n    return 'center'\n  }\n\n  if (value === 'between') {\n    return 'space-between'\n  }\n\n  if (value === 'around') {\n    return 'space-around'\n  }\n\n  if (value === 'evenly') {\n    return 'space-evenly'\n  }\n\n  if (value === 'stretch') {\n    return 'stretch'\n  }\n\n  return value\n}\n\nfunction parseGridJustifyItemsValue(value: string) {\n  if (value === 'start') {\n    return 'start'\n  }\n\n  if (value === 'end') {\n    return 'end'\n  }\n\n  if (value === 'center') {\n    return 'center'\n  }\n\n  if (value === 'stretch') {\n    return 'stretch'\n  }\n\n  return value\n}\n\nfunction parseContainerSizeValue(value: string) {\n  switch (value) {\n    case '1':\n      return '420px'\n    case '2':\n      return '640px'\n    case '3':\n      return '768px'\n    case '4':\n      return '1024px'\n    case 'content':\n      return '1080px'\n    case 'wide':\n      return '1200px'\n    case 'full':\n      return 'none'\n    default:\n      return value\n  }\n}\n\nfunction parseSectionSizeValue(value: string) {\n  switch (value) {\n    case '1':\n      return 'var(--dsx-space-md)'\n    case '2':\n      return 'var(--dsx-space-xl)'\n    case '3':\n      return 'var(--dsx-space-2xl)'\n    default:\n      return value\n  }\n}\n\nfunction parseInsetSizeValue(value: string) {\n  switch (value) {\n    case '1':\n      return 'var(--dsx-space-xs)'\n    case '2':\n      return 'var(--dsx-space-sm)'\n    case '3':\n      return 'var(--dsx-space-md)'\n    case '4':\n      return 'var(--dsx-space-lg)'\n    default:\n      return value\n  }\n}\n\nconst BOX_PROP_DEFS = {\n  width: {\n    ...createResponsiveVariableProp('--dsx-r-width', parseLengthValue),\n    className: 'dsx-r-w',\n    type: 'enum | string',\n    values: lengthValues,\n  },\n  height: {\n    ...createResponsiveVariableProp('--dsx-r-height', parseLengthValue),\n    className: 'dsx-r-h',\n    type: 'enum | string',\n    values: lengthValues,\n  },\n  display: {\n    ...createResponsiveVariableProp('--dsx-box-display'),\n    className: 'dsx-r-display',\n    type: 'enum | string',\n    values: displayValues,\n  },\n  minWidth: {\n    ...createResponsiveVariableProp('--dsx-box-min-width', parseLengthValue),\n    className: 'dsx-r-min-w',\n    type: 'enum | string',\n    values: lengthValues,\n  },\n  maxWidth: {\n    ...createResponsiveVariableProp('--dsx-box-max-width', parseLengthValue),\n    className: 'dsx-r-max-w',\n    type: 'enum | string',\n    values: lengthValues,\n  },\n  minHeight: {\n    ...createResponsiveVariableProp('--dsx-box-min-height', parseLengthValue),\n    className: 'dsx-r-min-h',\n    type: 'enum | string',\n    values: lengthValues,\n  },\n  maxHeight: {\n    ...createResponsiveVariableProp('--dsx-box-max-height', parseLengthValue),\n    className: 'dsx-r-max-h',\n    type: 'enum | string',\n    values: lengthValues,\n  },\n  position: {\n    ...createResponsiveVariableProp('--dsx-box-position'),\n    className: 'dsx-r-position',\n    type: 'enum | string',\n    values: positionValues,\n  },\n  alignSelf: {\n    ...createResponsiveVariableProp('--dsx-box-align-self', parseFlexAlignValue),\n    className: 'dsx-r-as',\n    type: 'enum | string',\n    values: flexAlignValues,\n  },\n  justifySelf: {\n    ...createResponsiveVariableProp('--dsx-box-justify-self', parseFlexAlignValue),\n    className: 'dsx-r-js',\n    type: 'enum | string',\n    values: flexAlignValues,\n  },\n  ...marginPropDef,\n  ...paddingPropDef,\n} as const\n\nconst FLEX_PROP_DEFS = {\n  direction: createResponsiveVariableProp('--dsx-flex-direction'),\n  align: createResponsiveVariableProp('--dsx-flex-align', parseFlexAlignValue),\n  justify: createResponsiveVariableProp('--dsx-flex-justify', parseFlexJustifyValue),\n  wrap: createResponsiveVariableProp('--dsx-flex-wrap'),\n  gap: {\n    ...createResponsiveVariableProp('--dsx-box-gap', parseSpaceValue),\n    className: 'dsx-r-gap',\n    type: 'enum | string',\n    values: [...spaceScaleValues, ...spaceUtilityValues],\n  },\n} as const\n\nconst GRID_PROP_DEFS = {\n  columns: {\n    ...createResponsiveVariableProp('--dsx-grid-columns', parseGridTrackValue),\n    className: 'dsx-r-gtc',\n    type: 'enum | string',\n    values: gridTrackValues,\n  },\n  rows: {\n    ...createResponsiveVariableProp('--dsx-grid-rows', parseGridTrackValue),\n    className: 'dsx-r-gtr',\n    type: 'enum | string',\n    values: gridTrackValues,\n  },\n  gap: {\n    ...createResponsiveVariableProp('--dsx-box-gap', parseSpaceValue),\n    className: 'dsx-r-gap',\n    type: 'enum | string',\n    values: [...spaceScaleValues, ...spaceUtilityValues],\n  },\n  areas: {\n    ...createResponsiveVariableProp('--dsx-grid-areas'),\n    className: 'dsx-r-gta',\n    type: 'enum | string',\n    values: [],\n  },\n  flow: {\n    ...createResponsiveVariableProp('--dsx-grid-auto-flow'),\n    className: 'dsx-r-gaf',\n    type: 'enum | string',\n    values: gridFlowValues,\n  },\n  alignContent: {\n    ...createResponsiveVariableProp('--dsx-grid-align-content', parseGridAlignContentValue),\n    className: 'dsx-r-ac',\n    type: 'enum | string',\n    values: gridAlignContentValues,\n  },\n  justifyItems: {\n    ...createResponsiveVariableProp('--dsx-grid-justify-items', parseGridJustifyItemsValue),\n    className: 'dsx-r-ji',\n    type: 'enum | string',\n    values: gridJustifyItemsValues,\n  },\n  justifyContent: createResponsiveVariableProp('--dsx-grid-justify-content', parseGridAlignContentValue),\n} as const\n\nconst CONTAINER_PROP_DEFS = {\n  size: createResponsiveVariableProp('--dsx-container-max-width', parseContainerSizeValue),\n  inset: createResponsiveVariableProp('--dsx-container-inset', parseSpaceValue),\n} as const\n\nconst SECTION_PROP_DEFS = {\n  size: createResponsiveVariableProp('--dsx-section-space', parseSectionSizeValue),\n  space: createResponsiveVariableProp('--dsx-section-space', parseSpaceValue),\n} as const\n\nconst INSET_PROP_DEFS = {\n  size: createResponsiveVariableProp('--dsx-inset-size', parseInsetSizeValue),\n} as const\n\ntype ResponsiveValue<T extends string> = Responsive<T>\n\ntype BoxStyleProps = MarginProps & PaddingProps & {\n  width?: ResponsiveValue<(typeof lengthValues)[number] | string>\n  height?: ResponsiveValue<(typeof lengthValues)[number] | string>\n  minWidth?: ResponsiveValue<(typeof lengthValues)[number] | string>\n  maxWidth?: ResponsiveValue<(typeof lengthValues)[number] | string>\n  minHeight?: ResponsiveValue<(typeof lengthValues)[number] | string>\n  maxHeight?: ResponsiveValue<(typeof lengthValues)[number] | string>\n  display?: ResponsiveValue<(typeof displayValues)[number] | string>\n  position?: ResponsiveValue<(typeof positionValues)[number] | string>\n  alignSelf?: ResponsiveValue<(typeof flexAlignValues)[number] | string>\n  justifySelf?: ResponsiveValue<(typeof flexAlignValues)[number] | string>\n}\n\ntype FlexStyleProps = {\n  direction?: ResponsiveValue<(typeof flexDirectionValues)[number]>\n  align?: ResponsiveValue<(typeof flexAlignValues)[number]>\n  justify?: ResponsiveValue<(typeof flexJustifyValues)[number]>\n  wrap?: ResponsiveValue<(typeof flexWrapValues)[number]>\n  gap?: ResponsiveValue<(typeof boxSpaceValues)[number] | string>\n}\n\ntype GridStyleProps = {\n  columns?: ResponsiveValue<(typeof gridTrackValues)[number] | string>\n  rows?: ResponsiveValue<(typeof gridTrackValues)[number] | string>\n  gap?: ResponsiveValue<(typeof boxSpaceValues)[number] | string>\n  areas?: ResponsiveValue<string>\n  flow?: ResponsiveValue<(typeof gridFlowValues)[number] | string>\n  alignContent?: ResponsiveValue<(typeof gridAlignContentValues)[number] | string>\n  justifyItems?: ResponsiveValue<(typeof gridJustifyItemsValues)[number] | string>\n  justifyContent?: ResponsiveValue<(typeof gridAlignContentValues)[number]>\n}\n\ntype ContainerStyleProps = {\n  size?: ResponsiveValue<(typeof containerSizeValues)[number]>\n  inset?: ResponsiveValue<(typeof boxSpaceValues)[number]>\n}\n\ntype SectionStyleProps = {\n  size?: ResponsiveValue<(typeof sectionSizeValues)[number]>\n  space?: ResponsiveValue<(typeof boxSpaceValues)[number]>\n}\n\ntype InsetStyleProps = {\n  size?: ResponsiveValue<(typeof insetSizeValues)[number]>\n}\n\nfunction extractLayoutProps<\n  P extends { style?: React.CSSProperties; asChild?: boolean; [key: string]: unknown },\n  T extends Record<string, PropDef>[],\n>(props: P, ...propDefs: T) {\n  const { asChild: _asChild, ...restProps } = props\n\n  return extractProps({ ...restProps, className: undefined }, ...propDefs)\n}\n\nexport {\n  BOX_PROP_DEFS,\n  CONTAINER_PROP_DEFS,\n  FLEX_PROP_DEFS,\n  GRID_PROP_DEFS,\n  INSET_PROP_DEFS,\n  SECTION_PROP_DEFS,\n  createResponsiveVariableProp,\n  extractLayoutProps,\n}\n\nexport type {\n  BoxStyleProps,\n  ContainerStyleProps,\n  FlexStyleProps,\n  GridStyleProps,\n  InsetStyleProps,\n  SectionStyleProps,\n}\n"],
+  "mappings": "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",
   "names": []
 }