@yamada-ui/react
Version:
React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion
57 lines (53 loc) • 1.71 kB
JavaScript
"use client";
const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
const require_group = require('../group/group.cjs');
const require_use_toggle_group = require('./use-toggle-group.cjs');
const require_toggle = require('./toggle.cjs');
let react = require("react");
react = require_rolldown_runtime.__toESM(react);
let react_jsx_runtime = require("react/jsx-runtime");
react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
//#region src/components/toggle/toggle-group.tsx
const ToggleGroupRoot = require_toggle.component((props) => {
const [, { colorScheme, size, variant, attached,...rest }] = require_toggle.useRootComponentProps(props, "group", { transferProps: [
"size",
"variant",
"colorScheme"
] });
const { disabled, readOnly, value, getGroupProps, onChange, onChangeMapRef } = require_use_toggle_group.useToggleGroup(rest);
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_toggle.TogglePropsContext, {
value: (0, react.useMemo)(() => ({
colorScheme,
size,
variant,
focusVisibleRing: attached ? "inside" : void 0
}), [
variant,
size,
colorScheme,
attached
]),
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_use_toggle_group.ToggleGroupContext, {
value: (0, react.useMemo)(() => ({
disabled,
readOnly,
value,
onChange,
onChangeMapRef
}), [
value,
disabled,
readOnly,
onChange,
onChangeMapRef
]),
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_group.Group, {
attached,
...getGroupProps()
})
})
});
}, "group")();
//#endregion
exports.ToggleGroupRoot = ToggleGroupRoot;
//# sourceMappingURL=toggle-group.cjs.map