@primer/react/dist/Stack/Stack.js

An implementation of GitHub's Primer Design System using React

import { c } from 'react-compiler-runtime';
import { forwardRef } from 'react';
import { getResponsiveAttributes } from '../internal/utils/getResponsiveAttributes.js';
import classes from './Stack.module.css.js';
import { clsx } from 'clsx';
import { jsx } from 'react/jsx-runtime';

const Stack = /*#__PURE__*/forwardRef((t0, forwardedRef) => {
  const $ = c(45);
  let children;
  let className;
  let gap;
  let paddingBlock;
  let paddingInline;
  let rest;
  let t1;
  let t2;
  let t3;
  let t4;
  let t5;
  let t6;
  if ($[0] !== t0) {
    ({
      as: t1,
      children,
      align: t2,
      direction: t3,
      gap,
      justify: t4,
      padding: t5,
      paddingBlock,
      paddingInline,
      wrap: t6,
      className,
      ...rest
    } = t0);
    $[0] = t0;
    $[1] = children;
    $[2] = className;
    $[3] = gap;
    $[4] = paddingBlock;
    $[5] = paddingInline;
    $[6] = rest;
    $[7] = t1;
    $[8] = t2;
    $[9] = t3;
    $[10] = t4;
    $[11] = t5;
    $[12] = t6;
  } else {
    children = $[1];
    className = $[2];
    gap = $[3];
    paddingBlock = $[4];
    paddingInline = $[5];
    rest = $[6];
    t1 = $[7];
    t2 = $[8];
    t3 = $[9];
    t4 = $[10];
    t5 = $[11];
    t6 = $[12];
  }
  const Component = t1 === undefined ? "div" : t1;
  const align = t2 === undefined ? "stretch" : t2;
  const direction = t3 === undefined ? "vertical" : t3;
  const justify = t4 === undefined ? "start" : t4;
  const padding = t5 === undefined ? "none" : t5;
  const wrap = t6 === undefined ? "nowrap" : t6;
  let t7;
  if ($[13] !== className) {
    t7 = clsx(className, classes.Stack);
    $[13] = className;
    $[14] = t7;
  } else {
    t7 = $[14];
  }
  let t8;
  if ($[15] !== gap) {
    t8 = getResponsiveAttributes("gap", gap);
    $[15] = gap;
    $[16] = t8;
  } else {
    t8 = $[16];
  }
  let t9;
  if ($[17] !== direction) {
    t9 = getResponsiveAttributes("direction", direction);
    $[17] = direction;
    $[18] = t9;
  } else {
    t9 = $[18];
  }
  let t10;
  if ($[19] !== align) {
    t10 = getResponsiveAttributes("align", align);
    $[19] = align;
    $[20] = t10;
  } else {
    t10 = $[20];
  }
  let t11;
  if ($[21] !== wrap) {
    t11 = getResponsiveAttributes("wrap", wrap);
    $[21] = wrap;
    $[22] = t11;
  } else {
    t11 = $[22];
  }
  let t12;
  if ($[23] !== justify) {
    t12 = getResponsiveAttributes("justify", justify);
    $[23] = justify;
    $[24] = t12;
  } else {
    t12 = $[24];
  }
  let t13;
  if ($[25] !== padding) {
    t13 = getResponsiveAttributes("padding", padding);
    $[25] = padding;
    $[26] = t13;
  } else {
    t13 = $[26];
  }
  let t14;
  if ($[27] !== paddingBlock) {
    t14 = getResponsiveAttributes("padding-block", paddingBlock);
    $[27] = paddingBlock;
    $[28] = t14;
  } else {
    t14 = $[28];
  }
  let t15;
  if ($[29] !== paddingInline) {
    t15 = getResponsiveAttributes("padding-inline", paddingInline);
    $[29] = paddingInline;
    $[30] = t15;
  } else {
    t15 = $[30];
  }
  let t16;
  if ($[31] !== Component || $[32] !== children || $[33] !== forwardedRef || $[34] !== rest || $[35] !== t10 || $[36] !== t11 || $[37] !== t12 || $[38] !== t13 || $[39] !== t14 || $[40] !== t15 || $[41] !== t7 || $[42] !== t8 || $[43] !== t9) {
    t16 = /*#__PURE__*/jsx(Component, {
      ref: forwardedRef,
      ...rest,
      className: t7,
      ...t8,
      ...t9,
      ...t10,
      ...t11,
      ...t12,
      ...t13,
      ...t14,
      ...t15,
      children: children
    });
    $[31] = Component;
    $[32] = children;
    $[33] = forwardedRef;
    $[34] = rest;
    $[35] = t10;
    $[36] = t11;
    $[37] = t12;
    $[38] = t13;
    $[39] = t14;
    $[40] = t15;
    $[41] = t7;
    $[42] = t8;
    $[43] = t9;
    $[44] = t16;
  } else {
    t16 = $[44];
  }
  return t16;
});
const StackItem = /*#__PURE__*/forwardRef((t0, forwardedRef) => {
  const $ = c(21);
  let children;
  let className;
  let grow;
  let rest;
  let shrink;
  let t1;
  if ($[0] !== t0) {
    ({
      as: t1,
      children,
      grow,
      shrink,
      className,
      ...rest
    } = t0);
    $[0] = t0;
    $[1] = children;
    $[2] = className;
    $[3] = grow;
    $[4] = rest;
    $[5] = shrink;
    $[6] = t1;
  } else {
    children = $[1];
    className = $[2];
    grow = $[3];
    rest = $[4];
    shrink = $[5];
    t1 = $[6];
  }
  const Component = t1 === undefined ? "div" : t1;
  let t2;
  if ($[7] !== className) {
    t2 = clsx(className, classes.StackItem);
    $[7] = className;
    $[8] = t2;
  } else {
    t2 = $[8];
  }
  let t3;
  if ($[9] !== grow) {
    t3 = getResponsiveAttributes("grow", grow);
    $[9] = grow;
    $[10] = t3;
  } else {
    t3 = $[10];
  }
  let t4;
  if ($[11] !== shrink) {
    t4 = getResponsiveAttributes("shrink", shrink);
    $[11] = shrink;
    $[12] = t4;
  } else {
    t4 = $[12];
  }
  let t5;
  if ($[13] !== Component || $[14] !== children || $[15] !== forwardedRef || $[16] !== rest || $[17] !== t2 || $[18] !== t3 || $[19] !== t4) {
    t5 = /*#__PURE__*/jsx(Component, {
      ref: forwardedRef,
      ...rest,
      className: t2,
      ...t3,
      ...t4,
      children: children
    });
    $[13] = Component;
    $[14] = children;
    $[15] = forwardedRef;
    $[16] = rest;
    $[17] = t2;
    $[18] = t3;
    $[19] = t4;
    $[20] = t5;
  } else {
    t5 = $[20];
  }
  return t5;
});

export { Stack, StackItem };