@seed-design/react 1.2.8 → 1.2.10

package/lib/components/TextField/TextField.js

@@ -1,121 +1,83 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { useLayoutEffect } from '@radix-ui/react-use-layout-effect';
-import { Primitive } from '@seed-design/react-primitive';
-import { TextField, useTextFieldContext } from '@seed-design/react-text-field';
-import { useFieldContext } from '@seed-design/react-field';
-import { textInput } from '@seed-design/css/recipes/text-input';
-import clsx from 'clsx';
-import { forwardRef, useRef, useCallback } from 'react';
-import { createSlotRecipeContext } from '../../utils/createSlotRecipeContext.js';
-import { createWithStateProps } from '../../utils/createWithStateProps.js';
-import { InternalIcon } from '../private/Icon.js';
-import { composeRefs } from '@radix-ui/react-compose-refs';
-import { mergeProps } from '@seed-design/dom-utils';
-
-const { withProvider, withContext, useClassNames } = createSlotRecipeContext(textInput);
-const withFieldStateProps = createWithStateProps([{ useContext: useFieldContext, strict: false }]);
-const withStateProps = createWithStateProps([
-  useTextFieldContext,
-  { useContext: useFieldContext, strict: false }
-]);
-const TextFieldRoot = withProvider(
-  withFieldStateProps(TextField.Root),
-  "root"
-);
-const TextFieldPrefixIcon = withContext(
-  withStateProps(InternalIcon),
-  "prefixIcon"
-);
-const TextFieldPrefixText = withContext(
-  withStateProps(Primitive.span),
-  "prefixText"
-);
-const TextFieldSuffixIcon = withContext(
-  withStateProps(InternalIcon),
-  "suffixIcon"
-);
-const TextFieldSuffixText = withContext(
-  withStateProps(Primitive.span),
-  "suffixText"
-);
-const TextFieldInput = forwardRef(
-  ({ className, ...otherProps }, ref) => {
-    const classNames = useClassNames();
-    const textFieldContext = useTextFieldContext();
-    const fieldContext = useFieldContext({ strict: false });
-    const mergedProps = mergeProps(
-      fieldContext ? fieldContext.stateProps : {},
-      fieldContext ? fieldContext.inputAriaAttributes : {},
-      textFieldContext.inputProps,
-      fieldContext ? fieldContext.inputProps : {},
-      otherProps
-    );
-    if (
-      // if not in field, then must have aria-label or aria-labelledby
-      !fieldContext && !otherProps["aria-label"] && !otherProps["aria-labelledby"]
-    ) {
-      console.warn(
-        "TextFieldInput: Please provide `aria-label` or `aria-labelledby` for accessibility, or put `TextFieldInput` inside a `Field` where a `FieldLabel` is provided."
-      );
-    }
-    return /* @__PURE__ */ jsx(TextField.Input, { ref, ...mergedProps, className: clsx(classNames.value, className) });
-  }
-);
+"use client";
+import { createSlotRecipeContext } from "../../utils/createSlotRecipeContext.js";
+import { createWithStateProps } from "../../utils/createWithStateProps.js";
+import { InternalIcon } from "../private/Icon.js";
+import { Primitive } from "@seed-design/react-primitive";
+import clsx$1 from "clsx";
+import { forwardRef, useCallback, useRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { useLayoutEffect } from "@radix-ui/react-use-layout-effect";
+import { mergeProps } from "@seed-design/dom-utils";
+import { useFieldContext } from "@seed-design/react-field";
+import { composeRefs } from "@radix-ui/react-compose-refs";
+import { TextField, useTextFieldContext } from "@seed-design/react-text-field";
+import { textInput } from "@seed-design/css/recipes/text-input";
+//#region src/components/TextField/TextField.tsx
+var { withProvider, withContext, useClassNames } = createSlotRecipeContext(textInput);
+var withFieldStateProps = createWithStateProps([{
+	useContext: useFieldContext,
+	strict: false
+}]);
+var withStateProps = createWithStateProps([useTextFieldContext, {
+	useContext: useFieldContext,
+	strict: false
+}]);
+var TextFieldRoot = withProvider(withFieldStateProps(TextField.Root), "root");
+var TextFieldPrefixIcon = withContext(withStateProps(InternalIcon), "prefixIcon");
+var TextFieldPrefixText = withContext(withStateProps(Primitive.span), "prefixText");
+var TextFieldSuffixIcon = withContext(withStateProps(InternalIcon), "suffixIcon");
+var TextFieldSuffixText = withContext(withStateProps(Primitive.span), "suffixText");
+var TextFieldInput = forwardRef(({ className, ...otherProps }, ref) => {
+	const classNames = useClassNames();
+	const textFieldContext = useTextFieldContext();
+	const fieldContext = useFieldContext({ strict: false });
+	const mergedProps = mergeProps(fieldContext ? fieldContext.stateProps : {}, fieldContext ? fieldContext.inputAriaAttributes : {}, textFieldContext.inputProps, fieldContext ? fieldContext.inputProps : {}, otherProps);
+	if (!fieldContext && !otherProps["aria-label"] && !otherProps["aria-labelledby"]) console.warn("TextFieldInput: Please provide `aria-label` or `aria-labelledby` for accessibility, or put `TextFieldInput` inside a `Field` where a `FieldLabel` is provided.");
+	return /* @__PURE__ */ jsx(TextField.Input, {
+		ref,
+		...mergedProps,
+		className: clsx$1(classNames.value, className)
+	});
+});
 TextFieldInput.displayName = "TextFieldInput";
-const TextFieldTextarea = forwardRef(
-  ({ className, autoresize = true, ...otherProps }, ref) => {
-    const classNames = useClassNames();
-    const textFieldContext = useTextFieldContext();
-    const fieldContext = useFieldContext({ strict: false });
-    const mergedProps = mergeProps(
-      fieldContext ? fieldContext.stateProps : {},
-      fieldContext ? fieldContext.inputAriaAttributes : {},
-      textFieldContext.inputProps,
-      fieldContext ? fieldContext.inputProps : {},
-      otherProps
-    );
-    if (
-      // if not in field, then must have aria-label or aria-labelledby
-      !fieldContext && !otherProps["aria-label"] && !otherProps["aria-labelledby"]
-    ) {
-      console.warn(
-        "TextFieldTextarea: Please provide `aria-label` or `aria-labelledby` for accessibility, or put `TextFieldTextarea` inside a `Field` where a `FieldLabel` is provided."
-      );
-    }
-    const inputRef = useRef(null);
-    const onHeightChange = useCallback(() => {
-      if (!inputRef.current) return;
-      if (otherProps.style?.height) return;
-      if (!autoresize) return;
-      const input = inputRef.current;
-      const prevAlignment = input.style.alignSelf;
-      const prevOverflow = input.style.overflow;
-      const isFirefox = "MozAppearance" in input.style;
-      if (!isFirefox) {
-        input.style.overflow = "hidden";
-      }
-      input.style.alignSelf = "start";
-      input.style.height = "auto";
-      input.style.height = `${input.scrollHeight + (input.offsetHeight - input.clientHeight)}px`;
-      input.style.overflow = prevOverflow;
-      input.style.alignSelf = prevAlignment;
-    }, [inputRef, otherProps.style?.height, autoresize]);
-    useLayoutEffect(() => {
-      if (inputRef.current) {
-        onHeightChange();
-      }
-    }, [onHeightChange, textFieldContext.value, inputRef]);
-    return /* @__PURE__ */ jsx(
-      TextField.Textarea,
-      {
-        ref: composeRefs(inputRef, ref),
-        ...mergedProps,
-        className: clsx(classNames.value, className)
-      }
-    );
-  }
-);
+var TextFieldTextarea = forwardRef(({ className, autoresize = true, ...otherProps }, ref) => {
+	const classNames = useClassNames();
+	const textFieldContext = useTextFieldContext();
+	const fieldContext = useFieldContext({ strict: false });
+	const mergedProps = mergeProps(fieldContext ? fieldContext.stateProps : {}, fieldContext ? fieldContext.inputAriaAttributes : {}, textFieldContext.inputProps, fieldContext ? fieldContext.inputProps : {}, otherProps);
+	if (!fieldContext && !otherProps["aria-label"] && !otherProps["aria-labelledby"]) console.warn("TextFieldTextarea: Please provide `aria-label` or `aria-labelledby` for accessibility, or put `TextFieldTextarea` inside a `Field` where a `FieldLabel` is provided.");
+	const inputRef = useRef(null);
+	const onHeightChange = useCallback(() => {
+		if (!inputRef.current) return;
+		if (otherProps.style?.height) return;
+		if (!autoresize) return;
+		const input = inputRef.current;
+		const prevAlignment = input.style.alignSelf;
+		const prevOverflow = input.style.overflow;
+		if (!("MozAppearance" in input.style)) input.style.overflow = "hidden";
+		input.style.alignSelf = "start";
+		input.style.height = "auto";
+		input.style.height = `${input.scrollHeight + (input.offsetHeight - input.clientHeight)}px`;
+		input.style.overflow = prevOverflow;
+		input.style.alignSelf = prevAlignment;
+	}, [
+		inputRef,
+		otherProps.style?.height,
+		autoresize
+	]);
+	useLayoutEffect(() => {
+		if (inputRef.current) onHeightChange();
+	}, [
+		onHeightChange,
+		textFieldContext.value,
+		inputRef
+	]);
+	return /* @__PURE__ */ jsx(TextField.Textarea, {
+		ref: composeRefs(inputRef, ref),
+		...mergedProps,
+		className: clsx$1(classNames.value, className)
+	});
+});
 TextFieldTextarea.displayName = "TextFieldTextarea";
-
+//#endregion
 export { TextFieldInput, TextFieldPrefixIcon, TextFieldPrefixText, TextFieldRoot, TextFieldSuffixIcon, TextFieldSuffixText, TextFieldTextarea };

package/lib/components/TextField/TextField.namespace.cjs

@@ -1,15 +1,19 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const TextField = require('./TextField.cjs');
-
-
-
-exports.Input = TextField.TextFieldInput;
-exports.PrefixIcon = TextField.TextFieldPrefixIcon;
-exports.PrefixText = TextField.TextFieldPrefixText;
-exports.Root = TextField.TextFieldRoot;
-exports.SuffixIcon = TextField.TextFieldSuffixIcon;
-exports.SuffixText = TextField.TextFieldSuffixText;
-exports.Textarea = TextField.TextFieldTextarea;
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_TextField = require("./TextField.cjs");
+//#region src/components/TextField/TextField.namespace.ts
+var TextField_namespace_exports = /* @__PURE__ */ require_runtime.__exportAll({
+	Input: () => require_TextField.TextFieldInput,
+	PrefixIcon: () => require_TextField.TextFieldPrefixIcon,
+	PrefixText: () => require_TextField.TextFieldPrefixText,
+	Root: () => require_TextField.TextFieldRoot,
+	SuffixIcon: () => require_TextField.TextFieldSuffixIcon,
+	SuffixText: () => require_TextField.TextFieldSuffixText,
+	Textarea: () => require_TextField.TextFieldTextarea
+});
+//#endregion
+Object.defineProperty(exports, "TextField_namespace_exports", {
+	enumerable: true,
+	get: function() {
+		return TextField_namespace_exports;
+	}
+});

package/lib/components/TextField/TextField.namespace.js

@@ -1 +1,14 @@
-export { TextFieldInput as Input, TextFieldPrefixIcon as PrefixIcon, TextFieldPrefixText as PrefixText, TextFieldRoot as Root, TextFieldSuffixIcon as SuffixIcon, TextFieldSuffixText as SuffixText, TextFieldTextarea as Textarea } from './TextField.js';
+import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
+import { TextFieldInput, TextFieldPrefixIcon, TextFieldPrefixText, TextFieldRoot, TextFieldSuffixIcon, TextFieldSuffixText, TextFieldTextarea } from "./TextField.js";
+//#region src/components/TextField/TextField.namespace.ts
+var TextField_namespace_exports = /* @__PURE__ */ __exportAll({
+	Input: () => TextFieldInput,
+	PrefixIcon: () => TextFieldPrefixIcon,
+	PrefixText: () => TextFieldPrefixText,
+	Root: () => TextFieldRoot,
+	SuffixIcon: () => TextFieldSuffixIcon,
+	SuffixText: () => TextFieldSuffixText,
+	Textarea: () => TextFieldTextarea
+});
+//#endregion
+export { TextField_namespace_exports };

package/lib/components/TextField/index.cjs

@@ -1,19 +1,18 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const TextField = require('./TextField.cjs');
-const useTextFieldWithGraphemes = require('./useTextFieldWithGraphemes.cjs');
-const TextField_namespace = require('./TextField.namespace.cjs');
-
-
-
-exports.TextFieldInput = TextField.TextFieldInput;
-exports.TextFieldPrefixIcon = TextField.TextFieldPrefixIcon;
-exports.TextFieldPrefixText = TextField.TextFieldPrefixText;
-exports.TextFieldRoot = TextField.TextFieldRoot;
-exports.TextFieldSuffixIcon = TextField.TextFieldSuffixIcon;
-exports.TextFieldSuffixText = TextField.TextFieldSuffixText;
-exports.TextFieldTextarea = TextField.TextFieldTextarea;
-exports.useTextFieldWithGraphemes = useTextFieldWithGraphemes.useTextFieldWithGraphemes;
-exports.TextField = TextField_namespace;
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_TextField = require("./TextField.cjs");
+const require_useTextFieldWithGraphemes = require("./useTextFieldWithGraphemes.cjs");
+const require_TextField_namespace = require("./TextField.namespace.cjs");
+Object.defineProperty(exports, "TextField", {
+	enumerable: true,
+	get: function() {
+		return require_TextField_namespace.TextField_namespace_exports;
+	}
+});
+exports.TextFieldInput = require_TextField.TextFieldInput;
+exports.TextFieldPrefixIcon = require_TextField.TextFieldPrefixIcon;
+exports.TextFieldPrefixText = require_TextField.TextFieldPrefixText;
+exports.TextFieldRoot = require_TextField.TextFieldRoot;
+exports.TextFieldSuffixIcon = require_TextField.TextFieldSuffixIcon;
+exports.TextFieldSuffixText = require_TextField.TextFieldSuffixText;
+exports.TextFieldTextarea = require_TextField.TextFieldTextarea;
+exports.useTextFieldWithGraphemes = require_useTextFieldWithGraphemes.useTextFieldWithGraphemes;

package/lib/components/TextField/index.js

@@ -1,4 +1,4 @@
-export { TextFieldInput, TextFieldPrefixIcon, TextFieldPrefixText, TextFieldRoot, TextFieldSuffixIcon, TextFieldSuffixText, TextFieldTextarea } from './TextField.js';
-export { useTextFieldWithGraphemes } from './useTextFieldWithGraphemes.js';
-import * as TextField_namespace from './TextField.namespace.js';
-export { TextField_namespace as TextField };
+import { TextFieldInput, TextFieldPrefixIcon, TextFieldPrefixText, TextFieldRoot, TextFieldSuffixIcon, TextFieldSuffixText, TextFieldTextarea } from "./TextField.js";
+import { useTextFieldWithGraphemes } from "./useTextFieldWithGraphemes.js";
+import { TextField_namespace_exports } from "./TextField.namespace.js";
+export { TextField_namespace_exports as TextField, TextFieldInput, TextFieldPrefixIcon, TextFieldPrefixText, TextFieldRoot, TextFieldSuffixIcon, TextFieldSuffixText, TextFieldTextarea, useTextFieldWithGraphemes };

package/lib/components/TextField/memoize.cjs

@@ -1,18 +1,13 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
+"use client";
+//#region src/components/TextField/memoize.ts
 function memoize(fn) {
-  const cache = /* @__PURE__ */ new Map();
-  return (arg) => {
-    if (cache.has(arg)) {
-      return cache.get(arg);
-    }
-    const result = fn(arg);
-    cache.set(arg, result);
-    return result;
-  };
+	const cache = /* @__PURE__ */ new Map();
+	return (arg) => {
+		if (cache.has(arg)) return cache.get(arg);
+		const result = fn(arg);
+		cache.set(arg, result);
+		return result;
+	};
 }
-
+//#endregion
 exports.memoize = memoize;

package/lib/components/TextField/memoize.js

@@ -1,14 +1,13 @@
-'use client';
+"use client";
+//#region src/components/TextField/memoize.ts
 function memoize(fn) {
-  const cache = /* @__PURE__ */ new Map();
-  return (arg) => {
-    if (cache.has(arg)) {
-      return cache.get(arg);
-    }
-    const result = fn(arg);
-    cache.set(arg, result);
-    return result;
-  };
+	const cache = /* @__PURE__ */ new Map();
+	return (arg) => {
+		if (cache.has(arg)) return cache.get(arg);
+		const result = fn(arg);
+		cache.set(arg, result);
+		return result;
+	};
 }
-
+//#endregion
 export { memoize };

package/lib/components/TextField/useTextFieldWithGraphemes.cjs

@@ -1,52 +1,42 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const React = require('react');
-const grapheme = require('unicode-segmenter/grapheme');
-const memoize = require('./memoize.cjs');
-
-const getGraphemes = (string) => Array.from(grapheme.splitGraphemes(string));
-const memoizedGetGraphemes = memoize.memoize(getGraphemes);
-function useTextFieldWithGraphemes({
-  maxGraphemeCount,
-  value: controlledValue,
-  defaultValue = "",
-  onValueChange
-}) {
-  const [uncontrolledValue, setUncontrolledValue] = React.useState(defaultValue);
-  const isControlled = controlledValue !== void 0;
-  const value = isControlled ? controlledValue : uncontrolledValue;
-  const graphemes = React.useMemo(() => memoizedGetGraphemes(value), [value]);
-  const handleValueChange = React.useCallback(
-    (newValue) => {
-      const newGraphemes = memoizedGetGraphemes(newValue);
-      const newSlicedGraphemes = maxGraphemeCount === void 0 ? newGraphemes : newGraphemes.slice(0, maxGraphemeCount);
-      const newSlicedValue = newSlicedGraphemes.join("");
-      if (!isControlled) {
-        setUncontrolledValue(newValue);
-      }
-      onValueChange?.({
-        value: newValue,
-        graphemes: newGraphemes,
-        slicedValue: newSlicedValue,
-        slicedGraphemes: newSlicedGraphemes
-      });
-    },
-    [isControlled, maxGraphemeCount, onValueChange]
-  );
-  return {
-    textFieldRootProps: {
-      value,
-      onValueChange: handleValueChange
-    },
-    counterProps: {
-      current: graphemes.length,
-      max: maxGraphemeCount ?? 0
-    },
-    graphemes
-  };
+"use client";
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_memoize = require("./memoize.cjs");
+let react = require("react");
+let unicode_segmenter_grapheme = require("unicode-segmenter/grapheme");
+//#region src/components/TextField/useTextFieldWithGraphemes.ts
+var getGraphemes = (string) => Array.from((0, unicode_segmenter_grapheme.splitGraphemes)(string));
+var memoizedGetGraphemes = require_memoize.memoize(getGraphemes);
+function useTextFieldWithGraphemes({ maxGraphemeCount, value: controlledValue, defaultValue = "", onValueChange }) {
+	const [uncontrolledValue, setUncontrolledValue] = (0, react.useState)(defaultValue);
+	const isControlled = controlledValue !== void 0;
+	const value = isControlled ? controlledValue : uncontrolledValue;
+	const graphemes = (0, react.useMemo)(() => memoizedGetGraphemes(value), [value]);
+	return {
+		textFieldRootProps: {
+			value,
+			onValueChange: (0, react.useCallback)((newValue) => {
+				const newGraphemes = memoizedGetGraphemes(newValue);
+				const newSlicedGraphemes = maxGraphemeCount === void 0 ? newGraphemes : newGraphemes.slice(0, maxGraphemeCount);
+				const newSlicedValue = newSlicedGraphemes.join("");
+				if (!isControlled) setUncontrolledValue(newValue);
+				onValueChange?.({
+					value: newValue,
+					graphemes: newGraphemes,
+					slicedValue: newSlicedValue,
+					slicedGraphemes: newSlicedGraphemes
+				});
+			}, [
+				isControlled,
+				maxGraphemeCount,
+				onValueChange
+			])
+		},
+		counterProps: {
+			current: graphemes.length,
+			max: maxGraphemeCount ?? 0
+		},
+		graphemes
+	};
 }
-
+//#endregion
 exports.useTextFieldWithGraphemes = useTextFieldWithGraphemes;

package/lib/components/TextField/useTextFieldWithGraphemes.js

@@ -1,48 +1,41 @@
-'use client';
-import { useState, useMemo, useCallback } from 'react';
-import { splitGraphemes } from 'unicode-segmenter/grapheme';
-import { memoize } from './memoize.js';
-
-const getGraphemes = (string) => Array.from(splitGraphemes(string));
-const memoizedGetGraphemes = memoize(getGraphemes);
-function useTextFieldWithGraphemes({
-  maxGraphemeCount,
-  value: controlledValue,
-  defaultValue = "",
-  onValueChange
-}) {
-  const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue);
-  const isControlled = controlledValue !== void 0;
-  const value = isControlled ? controlledValue : uncontrolledValue;
-  const graphemes = useMemo(() => memoizedGetGraphemes(value), [value]);
-  const handleValueChange = useCallback(
-    (newValue) => {
-      const newGraphemes = memoizedGetGraphemes(newValue);
-      const newSlicedGraphemes = maxGraphemeCount === void 0 ? newGraphemes : newGraphemes.slice(0, maxGraphemeCount);
-      const newSlicedValue = newSlicedGraphemes.join("");
-      if (!isControlled) {
-        setUncontrolledValue(newValue);
-      }
-      onValueChange?.({
-        value: newValue,
-        graphemes: newGraphemes,
-        slicedValue: newSlicedValue,
-        slicedGraphemes: newSlicedGraphemes
-      });
-    },
-    [isControlled, maxGraphemeCount, onValueChange]
-  );
-  return {
-    textFieldRootProps: {
-      value,
-      onValueChange: handleValueChange
-    },
-    counterProps: {
-      current: graphemes.length,
-      max: maxGraphemeCount ?? 0
-    },
-    graphemes
-  };
+"use client";
+import { memoize } from "./memoize.js";
+import { useCallback, useMemo, useState } from "react";
+import { splitGraphemes } from "unicode-segmenter/grapheme";
+//#region src/components/TextField/useTextFieldWithGraphemes.ts
+var getGraphemes = (string) => Array.from(splitGraphemes(string));
+var memoizedGetGraphemes = memoize(getGraphemes);
+function useTextFieldWithGraphemes({ maxGraphemeCount, value: controlledValue, defaultValue = "", onValueChange }) {
+	const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue);
+	const isControlled = controlledValue !== void 0;
+	const value = isControlled ? controlledValue : uncontrolledValue;
+	const graphemes = useMemo(() => memoizedGetGraphemes(value), [value]);
+	return {
+		textFieldRootProps: {
+			value,
+			onValueChange: useCallback((newValue) => {
+				const newGraphemes = memoizedGetGraphemes(newValue);
+				const newSlicedGraphemes = maxGraphemeCount === void 0 ? newGraphemes : newGraphemes.slice(0, maxGraphemeCount);
+				const newSlicedValue = newSlicedGraphemes.join("");
+				if (!isControlled) setUncontrolledValue(newValue);
+				onValueChange?.({
+					value: newValue,
+					graphemes: newGraphemes,
+					slicedValue: newSlicedValue,
+					slicedGraphemes: newSlicedGraphemes
+				});
+			}, [
+				isControlled,
+				maxGraphemeCount,
+				onValueChange
+			])
+		},
+		counterProps: {
+			current: graphemes.length,
+			max: maxGraphemeCount ?? 0
+		},
+		graphemes
+	};
 }
-
+//#endregion
 export { useTextFieldWithGraphemes };

package/lib/components/ToggleButton/ToggleButton.cjs

@@ -1,49 +1,33 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const jsxRuntime = require('react/jsx-runtime');
-const toggleButton = require('@seed-design/css/recipes/toggle-button');
-const reactToggle = require('@seed-design/react-toggle');
-const clsx = require('clsx');
-const React = require('react');
-const usePendingButton = require('../LoadingIndicator/usePendingButton.cjs');
-
-function _interopNamespaceDefault(e) {
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
-  if (e) {
-    for (const k in e) {
-      if (k !== 'default') {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-const React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
-
-const ToggleButton = React__namespace.forwardRef(
-  ({ variant = "brandSolid", size = "small", loading = false, className, ...otherProps }, ref) => {
-    const recipeClassName = toggleButton.toggleButton({ variant, size });
-    const api = usePendingButton.usePendingButton({ loading, disabled: otherProps.disabled });
-    return /* @__PURE__ */ jsxRuntime.jsx(usePendingButton.PendingButtonProvider, { value: api, children: /* @__PURE__ */ jsxRuntime.jsx(
-      reactToggle.Toggle.Root,
-      {
-        ref,
-        className: clsx(recipeClassName, className),
-        ...api.stateProps,
-        ...otherProps
-      }
-    ) });
-  }
-);
+"use client";
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_usePendingButton = require("../LoadingIndicator/usePendingButton.cjs");
+let _seed_design_react_toggle = require("@seed-design/react-toggle");
+let clsx = require("clsx");
+clsx = require_runtime.__toESM(clsx);
+let react = require("react");
+react = require_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+let _seed_design_css_recipes_toggle_button = require("@seed-design/css/recipes/toggle-button");
+//#region src/components/ToggleButton/ToggleButton.tsx
+var ToggleButton = react.forwardRef(({ variant = "brandSolid", size = "small", loading = false, className, ...otherProps }, ref) => {
+	const recipeClassName = (0, _seed_design_css_recipes_toggle_button.toggleButton)({
+		variant,
+		size
+	});
+	const api = require_usePendingButton.usePendingButton({
+		loading,
+		disabled: otherProps.disabled
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_usePendingButton.PendingButtonProvider, {
+		value: api,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_toggle.Toggle.Root, {
+			ref,
+			className: (0, clsx.default)(recipeClassName, className),
+			...api.stateProps,
+			...otherProps
+		})
+	});
+});
 ToggleButton.displayName = "ToggleButton";
-
+//#endregion
 exports.ToggleButton = ToggleButton;