@tapie-kr/inspire-react
Version:
React Component Collection for INSPIRE
44 lines (41 loc) • 2.16 kB
JavaScript
'use client';
/* eslint-disable */
/*
* INSPIRE : Creative Kit
* React Component Collection for INSPIRE
*
* This file is generated automatically. Do not modify it manually
* Generated at : 2025. 3. 4. 오후 6:18:13
* @tapie-kr/inspire-react version: 0.2.15
*
* (c) 2025 TAPIE. All rights reserved.
* MIT License
*/
import { jsx } from 'react/jsx-runtime';
import { useState, useEffect } from 'react';
import '../../../atoms/Badge/categories/default.js';
import '../../../../_virtual/index.js';
import '../../../../node_modules/@cottons-kr/react-foundation/dist/index.esm.js';
import '../../../foundations/Typography/index.js';
import '../../../atoms/Button/categories/default.js';
import '../../../atoms/Button/shared.js';
import '../../../atoms/Button/categories/text.js';
import { StackDirection } from '../../../../lib/layout/types.js';
import { Stack } from '../Stack/index.js';
import '../../../../node_modules/@js-temporal/polyfill/dist/index.esm.js';
import 'framer-motion';
import '../../../../utils/motion/transition.js';
import '../../../atoms/Input/categories/file.js';
import '../../../atoms/Input/categories/paragraph.js';
import '../../../molecules/SegmentGroup/context.js';
import { useMediaQuery } from '../../../../hooks/use-media-query.js';
import 'jotai';
import 'react-dom';
import '../../../../lib/atoms.js';
import '../../overlay/Backdrop/shared.js';
import '../../../molecules/Table/index.js';
import '../../../molecules/Table/body/index.js';
import '../../../molecules/Table/head/index.js';
import '../../../../node_modules/@vanilla-extract/css/dist/vanilla-extract-css.esm.js';
function DStack(props){const{defaultDirection,breakpoint,...rest}=props;const isInBreakpoint=useMediaQuery(breakpoint);const[direction,setDirection]=useState(defaultDirection||StackDirection.ROW);useEffect(()=>{if(isInBreakpoint){setDirection(getInvertedDirection);}else {setDirection(defaultDirection||StackDirection.ROW);}},[isInBreakpoint,defaultDirection]);return jsx(Stack,{direction:direction,...rest})}function getInvertedDirection(direction){return direction===StackDirection.ROW?StackDirection.COLUMN:StackDirection.ROW}
export { DStack };