@seed-design/react 1.1.26 → 1.1.27

package/lib/components/TextField/TextField.js

@@ -1,83 +1,121 @@
-"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 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(classNames.value, className)
-	});
-});
+'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) });
+  }
+);
 TextFieldInput.displayName = "TextFieldInput";
-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(classNames.value, className)
-	});
-});
+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)
+      }
+    );
+  }
+);
 TextFieldTextarea.displayName = "TextFieldTextarea";
-//#endregion
+
 export { TextFieldInput, TextFieldPrefixIcon, TextFieldPrefixText, TextFieldRoot, TextFieldSuffixIcon, TextFieldSuffixText, TextFieldTextarea };

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

@@ -1,19 +1,15 @@
-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;
-	}
-});
+'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;

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

@@ -1,14 +1 @@
-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 };
+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';

package/lib/components/TextField/index.cjs

@@ -1,18 +1,19 @@
-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;
+'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;

package/lib/components/TextField/index.js

@@ -1,4 +1,4 @@
-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 };
+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 };

package/lib/components/TextField/memoize.cjs

@@ -1,13 +1,18 @@
-"use client";
-//#region src/components/TextField/memoize.ts
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
 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,13 +1,14 @@
-"use client";
-//#region src/components/TextField/memoize.ts
+'use client';
 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,42 +1,52 @@
-"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
-	};
+'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
+  };
 }
-//#endregion
+
 exports.useTextFieldWithGraphemes = useTextFieldWithGraphemes;

package/lib/components/TextField/useTextFieldWithGraphemes.js

@@ -1,41 +1,48 @@
-"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
-	};
+'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
+  };
 }
-//#endregion
+
 export { useTextFieldWithGraphemes };

package/lib/components/ToggleButton/ToggleButton.cjs

@@ -1,33 +1,49 @@
-"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
-		})
-	});
-});
+'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
+      }
+    ) });
+  }
+);
 ToggleButton.displayName = "ToggleButton";
-//#endregion
+
 exports.ToggleButton = ToggleButton;