@tapie-kr/inspire-react
Version:
React Component Collection for INSPIRE
46 lines (42 loc) • 2.28 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
*/
;
var jsxRuntime = require('react/jsx-runtime');
var React = require('react');
require('../../../atoms/Badge/categories/default.js');
require('../../../../_virtual/index.js');
require('../../../../node_modules/@cottons-kr/react-foundation/dist/index.esm.js');
require('../../../foundations/Typography/index.js');
require('../../../atoms/Button/categories/default.js');
require('../../../atoms/Button/shared.js');
require('../../../atoms/Button/categories/text.js');
var types = require('../../../../lib/layout/types.js');
var index = require('../Stack/index.js');
require('../../../../node_modules/@js-temporal/polyfill/dist/index.esm.js');
require('framer-motion');
require('../../../../utils/motion/transition.js');
require('../../../atoms/Input/categories/file.js');
require('../../../atoms/Input/categories/paragraph.js');
require('../../../molecules/SegmentGroup/context.js');
var useMediaQuery = require('../../../../hooks/use-media-query.js');
require('jotai');
require('react-dom');
require('../../../../lib/atoms.js');
require('../../overlay/Backdrop/shared.js');
require('../../../molecules/Table/index.js');
require('../../../molecules/Table/body/index.js');
require('../../../molecules/Table/head/index.js');
require('../../../../node_modules/@vanilla-extract/css/dist/vanilla-extract-css.esm.js');
function DStack(props){const{defaultDirection,breakpoint,...rest}=props;const isInBreakpoint=useMediaQuery.useMediaQuery(breakpoint);const[direction,setDirection]=React.useState(defaultDirection||types.StackDirection.ROW);React.useEffect(()=>{if(isInBreakpoint){setDirection(getInvertedDirection);}else {setDirection(defaultDirection||types.StackDirection.ROW);}},[isInBreakpoint,defaultDirection]);return jsxRuntime.jsx(index.Stack,{direction:direction,...rest})}function getInvertedDirection(direction){return direction===types.StackDirection.ROW?types.StackDirection.COLUMN:types.StackDirection.ROW}
exports.DStack = DStack;