{"version":3,"file":"Stack-CppdBPzg.js","sources":["../../../node_modules/@mui/system/esm/Stack/createStack.js","../../../node_modules/@mui/material/Stack/Stack.js"],"sourcesContent":["import * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport deepmerge from '@mui/utils/deepmerge';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nimport composeClasses from '@mui/utils/composeClasses';\nimport systemStyled from \"../styled/index.js\";\nimport useThemePropsSystem from \"../useThemeProps/index.js\";\nimport { extendSxProp } from \"../styleFunctionSx/index.js\";\nimport createTheme from \"../createTheme/index.js\";\nimport { handleBreakpoints, mergeBreakpointsInOrder, resolveBreakpointValues } from \"../breakpoints/index.js\";\nimport { createUnarySpacing, getValue } from \"../spacing/index.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst defaultTheme = createTheme();\n// widening Theme to any so that the consumer can own the theme structure.\nconst defaultCreateStyledComponent = systemStyled('div', {\n  name: 'MuiStack',\n  slot: 'Root',\n  overridesResolver: (props, styles) => styles.root\n});\nfunction useThemePropsDefault(props) {\n  return useThemePropsSystem({\n    props,\n    name: 'MuiStack',\n    defaultTheme\n  });\n}\n\n/**\n * Return an array with the separator React element interspersed between\n * each React node of the input children.\n *\n * > joinChildren([1,2,3], 0)\n * [1,0,2,0,3]\n */\nfunction joinChildren(children, separator) {\n  const childrenArray = React.Children.toArray(children).filter(Boolean);\n  return childrenArray.reduce((output, child, index) => {\n    output.push(child);\n    if (index < childrenArray.length - 1) {\n      output.push(/*#__PURE__*/React.cloneElement(separator, {\n        key: `separator-${index}`\n      }));\n    }\n    return output;\n  }, []);\n}\nconst getSideFromDirection = direction => {\n  return {\n    row: 'Left',\n    'row-reverse': 'Right',\n    column: 'Top',\n    'column-reverse': 'Bottom'\n  }[direction];\n};\nexport const style = ({\n  ownerState,\n  theme\n}) => {\n  let styles = {\n    display: 'flex',\n    flexDirection: 'column',\n    ...handleBreakpoints({\n      theme\n    }, resolveBreakpointValues({\n      values: ownerState.direction,\n      breakpoints: theme.breakpoints.values\n    }), propValue => ({\n      flexDirection: propValue\n    }))\n  };\n  if (ownerState.spacing) {\n    const transformer = createUnarySpacing(theme);\n    const base = Object.keys(theme.breakpoints.values).reduce((acc, breakpoint) => {\n      if (typeof ownerState.spacing === 'object' && ownerState.spacing[breakpoint] != null || typeof ownerState.direction === 'object' && ownerState.direction[breakpoint] != null) {\n        acc[breakpoint] = true;\n      }\n      return acc;\n    }, {});\n    const directionValues = resolveBreakpointValues({\n      values: ownerState.direction,\n      base\n    });\n    const spacingValues = resolveBreakpointValues({\n      values: ownerState.spacing,\n      base\n    });\n    if (typeof directionValues === 'object') {\n      Object.keys(directionValues).forEach((breakpoint, index, breakpoints) => {\n        const directionValue = directionValues[breakpoint];\n        if (!directionValue) {\n          const previousDirectionValue = index > 0 ? directionValues[breakpoints[index - 1]] : 'column';\n          directionValues[breakpoint] = previousDirectionValue;\n        }\n      });\n    }\n    const styleFromPropValue = (propValue, breakpoint) => {\n      if (ownerState.useFlexGap) {\n        return {\n          gap: getValue(transformer, propValue)\n        };\n      }\n      return {\n        // The useFlexGap={false} implement relies on each child to give up control of the margin.\n        // We need to reset the margin to avoid double spacing.\n        '& > :not(style):not(style)': {\n          margin: 0\n        },\n        '& > :not(style) ~ :not(style)': {\n          [`margin${getSideFromDirection(breakpoint ? directionValues[breakpoint] : ownerState.direction)}`]: getValue(transformer, propValue)\n        }\n      };\n    };\n    styles = deepmerge(styles, handleBreakpoints({\n      theme\n    }, spacingValues, styleFromPropValue));\n  }\n  styles = mergeBreakpointsInOrder(theme.breakpoints, styles);\n  return styles;\n};\nexport default function createStack(options = {}) {\n  const {\n    // This will allow adding custom styled fn (for example for custom sx style function)\n    createStyledComponent = defaultCreateStyledComponent,\n    useThemeProps = useThemePropsDefault,\n    componentName = 'MuiStack'\n  } = options;\n  const useUtilityClasses = () => {\n    const slots = {\n      root: ['root']\n    };\n    return composeClasses(slots, slot => generateUtilityClass(componentName, slot), {});\n  };\n  const StackRoot = createStyledComponent(style);\n  const Stack = /*#__PURE__*/React.forwardRef(function Grid(inProps, ref) {\n    const themeProps = useThemeProps(inProps);\n    const props = extendSxProp(themeProps); // `color` type conflicts with html color attribute.\n    const {\n      component = 'div',\n      direction = 'column',\n      spacing = 0,\n      divider,\n      children,\n      className,\n      useFlexGap = false,\n      ...other\n    } = props;\n    const ownerState = {\n      direction,\n      spacing,\n      useFlexGap\n    };\n    const classes = useUtilityClasses();\n    return /*#__PURE__*/_jsx(StackRoot, {\n      as: component,\n      ownerState: ownerState,\n      ref: ref,\n      className: clsx(classes.root, className),\n      ...other,\n      children: divider ? joinChildren(children, divider) : children\n    });\n  });\n  process.env.NODE_ENV !== \"production\" ? Stack.propTypes /* remove-proptypes */ = {\n    children: PropTypes.node,\n    direction: PropTypes.oneOfType([PropTypes.oneOf(['column-reverse', 'column', 'row-reverse', 'row']), PropTypes.arrayOf(PropTypes.oneOf(['column-reverse', 'column', 'row-reverse', 'row'])), PropTypes.object]),\n    divider: PropTypes.node,\n    spacing: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.string]),\n    sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])\n  } : void 0;\n  return Stack;\n}","'use client';\n\nimport PropTypes from 'prop-types';\nimport { createStack } from '@mui/system';\nimport styled from \"../styles/styled.js\";\nimport { useDefaultProps } from \"../DefaultPropsProvider/index.js\";\nconst Stack = createStack({\n  createStyledComponent: styled('div', {\n    name: 'MuiStack',\n    slot: 'Root',\n    overridesResolver: (props, styles) => styles.root\n  }),\n  useThemeProps: inProps => useDefaultProps({\n    props: inProps,\n    name: 'MuiStack'\n  })\n});\nprocess.env.NODE_ENV !== \"production\" ? Stack.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * The content of the component.\n   */\n  children: PropTypes.node,\n  /**\n   * The component used for the root node.\n   * Either a string to use a HTML element or a component.\n   */\n  component: PropTypes.elementType,\n  /**\n   * Defines the `flex-direction` style property.\n   * It is applied for all screen sizes.\n   * @default 'column'\n   */\n  direction: PropTypes.oneOfType([PropTypes.oneOf(['column-reverse', 'column', 'row-reverse', 'row']), PropTypes.arrayOf(PropTypes.oneOf(['column-reverse', 'column', 'row-reverse', 'row'])), PropTypes.object]),\n  /**\n   * Add an element between each child.\n   */\n  divider: PropTypes.node,\n  /**\n   * Defines the space between immediate children.\n   * @default 0\n   */\n  spacing: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.string]),\n  /**\n   * The system prop, which allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),\n  /**\n   * If `true`, the CSS flexbox `gap` is used instead of applying `margin` to children.\n   *\n   * While CSS `gap` removes the [known limitations](https://mui.com/joy-ui/react-stack/#limitations),\n   * it is not fully supported in some browsers. We recommend checking https://caniuse.com/?search=flex%20gap before using this flag.\n   *\n   * To enable this flag globally, follow the [theme's default props](https://mui.com/material-ui/customization/theme-components/#default-props) configuration.\n   * @default false\n   */\n  useFlexGap: PropTypes.bool\n} : void 0;\nexport default Stack;"],"names":["defaultTheme","createTheme","defaultCreateStyledComponent","systemStyled","props","styles","useThemePropsDefault","useThemePropsSystem","joinChildren","children","separator","childrenArray","React.Children","output","child","index","React.cloneElement","getSideFromDirection","direction","style","ownerState","theme","handleBreakpoints","resolveBreakpointValues","propValue","transformer","createUnarySpacing","base","acc","breakpoint","directionValues","spacingValues","breakpoints","previousDirectionValue","deepmerge","getValue","mergeBreakpointsInOrder","createStack","options","createStyledComponent","useThemeProps","componentName","useUtilityClasses","composeClasses","slot","generateUtilityClass","StackRoot","React.forwardRef","inProps","ref","themeProps","extendSxProp","component","spacing","divider","className","useFlexGap","other","classes","clsx","Stack","styled","useDefaultProps"],"mappings":"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","x_google_ignoreList":[0,1]}