@yamada-ui/react
Version:
React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion
35 lines (31 loc) • 1.52 kB
JavaScript
"use client";
const require_utils_index = require('../../utils/index.cjs');
const require_create_component = require('../../core/components/create-component.cjs');
const require_hooks_use_value_index = require('../../hooks/use-value/index.cjs');
const require_group_style = require('./group.style.cjs');
const require_flex = require('../flex/flex.cjs');
const require_use_group = require('./use-group.cjs');
//#region src/components/group/group.tsx
const { PropsContext: GroupPropsContext, usePropsContext: useGroupPropsContext, withContext } = require_create_component.createComponent("group", require_group_style.groupStyle);
/**
* `Group` is a component that groups and attaches multiple elements together.
*
* @see https://yamada-ui.com/docs/components/group
*/
const Group = withContext(require_flex.Flex, { transferProps: ["attached", "orientation"] })(void 0, ({ attached: attachedProp, children, orientation: orientationProp,...rest }) => {
const orientation = require_hooks_use_value_index.useValue(orientationProp);
const attached = require_hooks_use_value_index.useValue(attachedProp);
const cloneChildren = require_use_group.useGroup(children);
return {
"data-attached": (0, require_utils_index.utils_exports.dataAttr)(attached),
"data-orientation": orientation,
children: cloneChildren,
role: "group",
...rest
};
});
//#endregion
exports.Group = Group;
exports.GroupPropsContext = GroupPropsContext;
exports.useGroupPropsContext = useGroupPropsContext;
//# sourceMappingURL=group.cjs.map