@yamada-ui/react
Version:
React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion
38 lines (34 loc) • 1.99 kB
JavaScript
"use client";
const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
const require_factory = require('../../core/system/factory.cjs');
const require_create_component = require('../../core/components/create-component.cjs');
const require_portal = require('../portal/portal.cjs');
const require_use_input_border = require('../input/use-input-border.cjs');
const require_icon_button = require('../button/icon-button.cjs');
const require_toggle_style = require('./toggle.style.cjs');
const require_use_toggle = require('./use-toggle.cjs');
let react_jsx_runtime = require("react/jsx-runtime");
react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
//#region src/components/toggle/toggle.tsx
const { component, PropsContext: TogglePropsContext, usePropsContext: useTogglePropsContext, withProvider, useRootComponentProps } = require_create_component.createSlotComponent("toggle", require_toggle_style.toggleStyle);
/**
* `Toggle` is a two-state button that can be either on or off.
*
* @see https://yamada-ui.com/docs/components/toggle
*/
const Toggle = withProvider(({ errorBorderColor, icon,...rest }) => {
const { getButtonProps, getInputProps } = require_use_toggle.useToggle(rest);
const varProps = require_use_input_border.useInputBorder({ errorBorderColor });
return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_portal.Portal, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.styled.input, { ...getInputProps() }) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_icon_button.IconButton, {
icon,
...varProps,
...getButtonProps()
})] });
}, "root")();
//#endregion
exports.Toggle = Toggle;
exports.TogglePropsContext = TogglePropsContext;
exports.component = component;
exports.useRootComponentProps = useRootComponentProps;
exports.useTogglePropsContext = useTogglePropsContext;
//# sourceMappingURL=toggle.cjs.map