@seed-design/react 1.1.26 → 1.1.27

package/lib/components/Switch/Switch.js

@@ -1,44 +1,61 @@
-"use client";
-import { createSlotRecipeContext } from "../../utils/createSlotRecipeContext.js";
-import { createWithStateProps } from "../../utils/createWithStateProps.js";
-import { splitMultipleVariantsProps } from "../../utils/splitMultipleVariantsProps.js";
-import { Switch, useSwitchContext } from "@seed-design/react-switch";
-import { Primitive } from "@seed-design/react-primitive";
-import clsx from "clsx";
-import React from "react";
-import { jsx } from "react/jsx-runtime";
-import { switchStyle } from "@seed-design/css/recipes/switch";
-import { switchMark } from "@seed-design/css/recipes/switch-mark";
-//#region src/components/Switch/Switch.tsx
-var { withContext, ClassNamesProvider } = createSlotRecipeContext(switchStyle);
-var { withContext: withControlContext, PropsProvider: ControlPropsProvider, withProvider: withControlProvider } = createSlotRecipeContext(switchMark);
-var withStateProps = createWithStateProps([useSwitchContext]);
-var SwitchRoot = React.forwardRef(({ className, ...props }, ref) => {
-	if (process.env.NODE_ENV !== "production" && (props.size === "small" || props.size === "medium")) console.warn(`[SEED Design System] Switch size='${props.size}' is deprecated and will be removed in @seed-design/react@1.3.0. Use size='${props.size === "small" ? "16" : "32"}' instead.`);
-	const [{ switch: switchVariantProps, switchMark: switchMarkVariantProps }, otherProps] = splitMultipleVariantsProps({
-		...props,
-		size: props.size === "small" ? "16" : props.size === "medium" ? "32" : props.size
-	}, {
-		switchMark,
-		switch: switchStyle
-	});
-	const classNames = switchStyle(switchVariantProps);
-	return /* @__PURE__ */ jsx(ControlPropsProvider, {
-		value: switchMarkVariantProps,
-		children: /* @__PURE__ */ jsx(ClassNamesProvider, {
-			value: classNames,
-			children: /* @__PURE__ */ jsx(Switch.Root, {
-				ref,
-				className: clsx(classNames.root, className),
-				...otherProps
-			})
-		})
-	});
-});
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { Switch, useSwitchContext } from '@seed-design/react-switch';
+import { switchStyle } from '@seed-design/css/recipes/switch';
+import { switchMark } from '@seed-design/css/recipes/switch-mark';
+import { createSlotRecipeContext } from '../../utils/createSlotRecipeContext.js';
+import { Primitive } from '@seed-design/react-primitive';
+import { createWithStateProps } from '../../utils/createWithStateProps.js';
+import React__default from 'react';
+import clsx from 'clsx';
+import { splitMultipleVariantsProps } from '../../utils/splitMultipleVariantsProps.js';
+
+const { withContext, ClassNamesProvider } = createSlotRecipeContext(switchStyle);
+const {
+  withContext: withControlContext,
+  PropsProvider: ControlPropsProvider,
+  withProvider: withControlProvider
+} = createSlotRecipeContext(switchMark);
+const withStateProps = createWithStateProps([useSwitchContext]);
+const SwitchRoot = React__default.forwardRef(
+  ({ className, ...props }, ref) => {
+    if (process.env.NODE_ENV !== "production" && (props.size === "small" || props.size === "medium")) {
+      console.warn(
+        `[SEED Design System] Switch size='${props.size}' is deprecated and will be removed in @seed-design/react@1.3.0. Use size='${props.size === "small" ? "16" : "32"}' instead.`
+      );
+    }
+    const [{ switch: switchVariantProps, switchMark: switchMarkVariantProps }, otherProps] = splitMultipleVariantsProps(
+      {
+        ...props,
+        // TODO: replace this mapping completely
+        size: props.size === "small" ? "16" : props.size === "medium" ? "32" : props.size
+      },
+      { switchMark, switch: switchStyle }
+    );
+    const classNames = switchStyle(switchVariantProps);
+    return /* @__PURE__ */ jsx(ControlPropsProvider, { value: switchMarkVariantProps, children: /* @__PURE__ */ jsx(ClassNamesProvider, { value: classNames, children: /* @__PURE__ */ jsx(
+      Switch.Root,
+      {
+        ref,
+        className: clsx(classNames.root, className),
+        ...otherProps
+      }
+    ) }) });
+  }
+);
 SwitchRoot.displayName = "SwitchRoot";
-var SwitchControl = withControlProvider(Switch.Control, "root");
-var SwitchThumb = withControlContext(Switch.Thumb, "thumb");
-var SwitchLabel = withContext(withStateProps(Primitive.span), "label");
-var SwitchHiddenInput = Switch.HiddenInput;
-//#endregion
+const SwitchControl = withControlProvider(
+  Switch.Control,
+  "root"
+);
+const SwitchThumb = withControlContext(
+  Switch.Thumb,
+  "thumb"
+);
+const SwitchLabel = withContext(
+  withStateProps(Primitive.span),
+  "label"
+);
+const SwitchHiddenInput = Switch.HiddenInput;
+
 export { SwitchControl, SwitchHiddenInput, SwitchLabel, SwitchRoot, SwitchThumb };

package/lib/components/Switch/Switch.namespace.cjs

@@ -1,17 +1,13 @@
-const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
-const require_Switch = require("./Switch.cjs");
-//#region src/components/Switch/Switch.namespace.ts
-var Switch_namespace_exports = /* @__PURE__ */ require_runtime.__exportAll({
-	Control: () => require_Switch.SwitchControl,
-	HiddenInput: () => require_Switch.SwitchHiddenInput,
-	Label: () => require_Switch.SwitchLabel,
-	Root: () => require_Switch.SwitchRoot,
-	Thumb: () => require_Switch.SwitchThumb
-});
-//#endregion
-Object.defineProperty(exports, "Switch_namespace_exports", {
-	enumerable: true,
-	get: function() {
-		return Switch_namespace_exports;
-	}
-});
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const Switch = require('./Switch.cjs');
+
+
+
+exports.Control = Switch.SwitchControl;
+exports.HiddenInput = Switch.SwitchHiddenInput;
+exports.Label = Switch.SwitchLabel;
+exports.Root = Switch.SwitchRoot;
+exports.Thumb = Switch.SwitchThumb;

package/lib/components/Switch/Switch.namespace.js

@@ -1,12 +1 @@
-import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
-import { SwitchControl, SwitchHiddenInput, SwitchLabel, SwitchRoot, SwitchThumb } from "./Switch.js";
-//#region src/components/Switch/Switch.namespace.ts
-var Switch_namespace_exports = /* @__PURE__ */ __exportAll({
-	Control: () => SwitchControl,
-	HiddenInput: () => SwitchHiddenInput,
-	Label: () => SwitchLabel,
-	Root: () => SwitchRoot,
-	Thumb: () => SwitchThumb
-});
-//#endregion
-export { Switch_namespace_exports };
+export { SwitchControl as Control, SwitchHiddenInput as HiddenInput, SwitchLabel as Label, SwitchRoot as Root, SwitchThumb as Thumb } from './Switch.js';

package/lib/components/Switch/index.cjs

@@ -1,14 +1,15 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_Switch = require("./Switch.cjs");
-const require_Switch_namespace = require("./Switch.namespace.cjs");
-Object.defineProperty(exports, "Switch", {
-	enumerable: true,
-	get: function() {
-		return require_Switch_namespace.Switch_namespace_exports;
-	}
-});
-exports.SwitchControl = require_Switch.SwitchControl;
-exports.SwitchHiddenInput = require_Switch.SwitchHiddenInput;
-exports.SwitchLabel = require_Switch.SwitchLabel;
-exports.SwitchRoot = require_Switch.SwitchRoot;
-exports.SwitchThumb = require_Switch.SwitchThumb;
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const Switch = require('./Switch.cjs');
+const Switch_namespace = require('./Switch.namespace.cjs');
+
+
+
+exports.SwitchControl = Switch.SwitchControl;
+exports.SwitchHiddenInput = Switch.SwitchHiddenInput;
+exports.SwitchLabel = Switch.SwitchLabel;
+exports.SwitchRoot = Switch.SwitchRoot;
+exports.SwitchThumb = Switch.SwitchThumb;
+exports.Switch = Switch_namespace;

package/lib/components/Switch/index.js

@@ -1,3 +1,3 @@
-import { SwitchControl, SwitchHiddenInput, SwitchLabel, SwitchRoot, SwitchThumb } from "./Switch.js";
-import { Switch_namespace_exports } from "./Switch.namespace.js";
-export { Switch_namespace_exports as Switch, SwitchControl, SwitchHiddenInput, SwitchLabel, SwitchRoot, SwitchThumb };
+export { SwitchControl, SwitchHiddenInput, SwitchLabel, SwitchRoot, SwitchThumb } from './Switch.js';
+import * as Switch_namespace from './Switch.namespace.js';
+export { Switch_namespace as Switch };

package/lib/components/Tabs/Tabs.cjs

@@ -1,18 +1,36 @@
-"use client";
-require("../../_virtual/_rolldown/runtime.cjs");
-const require_createSlotRecipeContext = require("../../utils/createSlotRecipeContext.cjs");
-let _seed_design_react_tabs = require("@seed-design/react-tabs");
-let _seed_design_css_recipes_tabs = require("@seed-design/css/recipes/tabs");
-//#region src/components/Tabs/Tabs.tsx
-var { withProvider, withContext } = require_createSlotRecipeContext.createSlotRecipeContext(_seed_design_css_recipes_tabs.tabs);
-var TabsRoot = withProvider(_seed_design_react_tabs.Tabs.Root, "root");
-var TabsList = withContext(_seed_design_react_tabs.Tabs.List, "list");
-var TabsTrigger = withContext(_seed_design_react_tabs.Tabs.Trigger, "trigger");
-var TabsIndicator = withContext(_seed_design_react_tabs.Tabs.Indicator, "indicator");
-var TabsContent = withContext(_seed_design_react_tabs.Tabs.Content, "content");
-var TabsCarousel = withContext(_seed_design_react_tabs.Tabs.Carousel, "carousel");
-var TabsCarouselCamera = withContext(_seed_design_react_tabs.Tabs.CarouselCamera, "carouselCamera");
-//#endregion
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const tabs = require('@seed-design/css/recipes/tabs');
+const reactTabs = require('@seed-design/react-tabs');
+const createSlotRecipeContext = require('../../utils/createSlotRecipeContext.cjs');
+
+const { withProvider, withContext } = createSlotRecipeContext.createSlotRecipeContext(tabs.tabs);
+const TabsRoot = withProvider(reactTabs.Tabs.Root, "root");
+const TabsList = withContext(reactTabs.Tabs.List, "list");
+const TabsTrigger = withContext(
+  reactTabs.Tabs.Trigger,
+  "trigger"
+);
+const TabsIndicator = withContext(
+  reactTabs.Tabs.Indicator,
+  "indicator"
+);
+const TabsContent = withContext(
+  reactTabs.Tabs.Content,
+  "content"
+);
+const TabsCarousel = withContext(
+  reactTabs.Tabs.Carousel,
+  "carousel"
+);
+const TabsCarouselCamera = withContext(
+  reactTabs.Tabs.CarouselCamera,
+  "carouselCamera"
+);
+
 exports.TabsCarousel = TabsCarousel;
 exports.TabsCarouselCamera = TabsCarouselCamera;
 exports.TabsContent = TabsContent;

package/lib/components/Tabs/Tabs.js

@@ -1,15 +1,30 @@
-"use client";
-import { createSlotRecipeContext } from "../../utils/createSlotRecipeContext.js";
-import { Tabs } from "@seed-design/react-tabs";
-import { tabs } from "@seed-design/css/recipes/tabs";
-//#region src/components/Tabs/Tabs.tsx
-var { withProvider, withContext } = createSlotRecipeContext(tabs);
-var TabsRoot = withProvider(Tabs.Root, "root");
-var TabsList = withContext(Tabs.List, "list");
-var TabsTrigger = withContext(Tabs.Trigger, "trigger");
-var TabsIndicator = withContext(Tabs.Indicator, "indicator");
-var TabsContent = withContext(Tabs.Content, "content");
-var TabsCarousel = withContext(Tabs.Carousel, "carousel");
-var TabsCarouselCamera = withContext(Tabs.CarouselCamera, "carouselCamera");
-//#endregion
+'use client';
+import { tabs } from '@seed-design/css/recipes/tabs';
+import { Tabs } from '@seed-design/react-tabs';
+import { createSlotRecipeContext } from '../../utils/createSlotRecipeContext.js';
+
+const { withProvider, withContext } = createSlotRecipeContext(tabs);
+const TabsRoot = withProvider(Tabs.Root, "root");
+const TabsList = withContext(Tabs.List, "list");
+const TabsTrigger = withContext(
+  Tabs.Trigger,
+  "trigger"
+);
+const TabsIndicator = withContext(
+  Tabs.Indicator,
+  "indicator"
+);
+const TabsContent = withContext(
+  Tabs.Content,
+  "content"
+);
+const TabsCarousel = withContext(
+  Tabs.Carousel,
+  "carousel"
+);
+const TabsCarouselCamera = withContext(
+  Tabs.CarouselCamera,
+  "carouselCamera"
+);
+
 export { TabsCarousel, TabsCarouselCamera, TabsContent, TabsIndicator, TabsList, TabsRoot, TabsTrigger };

package/lib/components/Tabs/Tabs.namespace.cjs

@@ -1,21 +1,20 @@
-const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
-const require_Tabs = require("./Tabs.cjs");
-let _seed_design_react_tabs = require("@seed-design/react-tabs");
-//#region src/components/Tabs/Tabs.namespace.ts
-var Tabs_namespace_exports = /* @__PURE__ */ require_runtime.__exportAll({
-	Carousel: () => require_Tabs.TabsCarousel,
-	CarouselCamera: () => require_Tabs.TabsCarouselCamera,
-	Content: () => require_Tabs.TabsContent,
-	Indicator: () => require_Tabs.TabsIndicator,
-	List: () => require_Tabs.TabsList,
-	Root: () => require_Tabs.TabsRoot,
-	Trigger: () => require_Tabs.TabsTrigger,
-	carouselPreventDrag: () => _seed_design_react_tabs.tabsCarouselPreventDrag
-});
-//#endregion
-Object.defineProperty(exports, "Tabs_namespace_exports", {
-	enumerable: true,
-	get: function() {
-		return Tabs_namespace_exports;
-	}
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const Tabs = require('./Tabs.cjs');
+const reactTabs = require('@seed-design/react-tabs');
+
+
+
+exports.Carousel = Tabs.TabsCarousel;
+exports.CarouselCamera = Tabs.TabsCarouselCamera;
+exports.Content = Tabs.TabsContent;
+exports.Indicator = Tabs.TabsIndicator;
+exports.List = Tabs.TabsList;
+exports.Root = Tabs.TabsRoot;
+exports.Trigger = Tabs.TabsTrigger;
+Object.defineProperty(exports, "carouselPreventDrag", {
+  enumerable: true,
+  get: () => reactTabs.tabsCarouselPreventDrag
 });

package/lib/components/Tabs/Tabs.namespace.js

@@ -1,16 +1,2 @@
-import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
-import { TabsCarousel, TabsCarouselCamera, TabsContent, TabsIndicator, TabsList, TabsRoot, TabsTrigger } from "./Tabs.js";
-import { tabsCarouselPreventDrag as carouselPreventDrag } from "@seed-design/react-tabs";
-//#region src/components/Tabs/Tabs.namespace.ts
-var Tabs_namespace_exports = /* @__PURE__ */ __exportAll({
-	Carousel: () => TabsCarousel,
-	CarouselCamera: () => TabsCarouselCamera,
-	Content: () => TabsContent,
-	Indicator: () => TabsIndicator,
-	List: () => TabsList,
-	Root: () => TabsRoot,
-	Trigger: () => TabsTrigger,
-	carouselPreventDrag: () => carouselPreventDrag
-});
-//#endregion
-export { Tabs_namespace_exports };
+export { TabsCarousel as Carousel, TabsCarouselCamera as CarouselCamera, TabsContent as Content, TabsIndicator as Indicator, TabsList as List, TabsRoot as Root, TabsTrigger as Trigger } from './Tabs.js';
+export { tabsCarouselPreventDrag as carouselPreventDrag } from '@seed-design/react-tabs';

package/lib/components/Tabs/index.cjs

@@ -1,24 +1,22 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../../_virtual/_rolldown/runtime.cjs");
-const require_Tabs = require("./Tabs.cjs");
-const require_Tabs_namespace = require("./Tabs.namespace.cjs");
-let _seed_design_react_tabs = require("@seed-design/react-tabs");
-Object.defineProperty(exports, "Tabs", {
-	enumerable: true,
-	get: function() {
-		return require_Tabs_namespace.Tabs_namespace_exports;
-	}
-});
-exports.TabsCarousel = require_Tabs.TabsCarousel;
-exports.TabsCarouselCamera = require_Tabs.TabsCarouselCamera;
-exports.TabsContent = require_Tabs.TabsContent;
-exports.TabsIndicator = require_Tabs.TabsIndicator;
-exports.TabsList = require_Tabs.TabsList;
-exports.TabsRoot = require_Tabs.TabsRoot;
-exports.TabsTrigger = require_Tabs.TabsTrigger;
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const Tabs = require('./Tabs.cjs');
+const reactTabs = require('@seed-design/react-tabs');
+const Tabs_namespace = require('./Tabs.namespace.cjs');
+
+
+
+exports.TabsCarousel = Tabs.TabsCarousel;
+exports.TabsCarouselCamera = Tabs.TabsCarouselCamera;
+exports.TabsContent = Tabs.TabsContent;
+exports.TabsIndicator = Tabs.TabsIndicator;
+exports.TabsList = Tabs.TabsList;
+exports.TabsRoot = Tabs.TabsRoot;
+exports.TabsTrigger = Tabs.TabsTrigger;
 Object.defineProperty(exports, "tabsCarouselPreventDrag", {
-	enumerable: true,
-	get: function() {
-		return _seed_design_react_tabs.tabsCarouselPreventDrag;
-	}
+  enumerable: true,
+  get: () => reactTabs.tabsCarouselPreventDrag
 });
+exports.Tabs = Tabs_namespace;

package/lib/components/Tabs/index.js

@@ -1,4 +1,4 @@
-import { TabsCarousel, TabsCarouselCamera, TabsContent, TabsIndicator, TabsList, TabsRoot, TabsTrigger } from "./Tabs.js";
-import { Tabs_namespace_exports } from "./Tabs.namespace.js";
-import { tabsCarouselPreventDrag } from "@seed-design/react-tabs";
-export { Tabs_namespace_exports as Tabs, TabsCarousel, TabsCarouselCamera, TabsContent, TabsIndicator, TabsList, TabsRoot, TabsTrigger, tabsCarouselPreventDrag };
+export { TabsCarousel, TabsCarouselCamera, TabsContent, TabsIndicator, TabsList, TabsRoot, TabsTrigger } from './Tabs.js';
+export { tabsCarouselPreventDrag } from '@seed-design/react-tabs';
+import * as Tabs_namespace from './Tabs.namespace.js';
+export { Tabs_namespace as Tabs };

package/lib/components/TagGroup/TagGroup.cjs

@@ -1,47 +1,38 @@
-"use client";
-const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
-const require_createRecipeContext = require("../../utils/createRecipeContext.cjs");
-const require_splitMultipleVariantsProps = require("../../utils/splitMultipleVariantsProps.cjs");
-let _seed_design_react_primitive = require("@seed-design/react-primitive");
-let clsx = require("clsx");
-clsx = require_runtime.__toESM(clsx);
-let react = require("react");
-let react_jsx_runtime = require("react/jsx-runtime");
-let _seed_design_dom_utils = require("@seed-design/dom-utils");
-let _seed_design_css_recipes_tag_group = require("@seed-design/css/recipes/tag-group");
-let _seed_design_css_recipes_tag_group_item = require("@seed-design/css/recipes/tag-group-item");
-//#region src/components/TagGroup/TagGroup.tsx
-var { PropsProvider, useProps } = require_createRecipeContext.createRecipeContext(_seed_design_css_recipes_tag_group_item.tagGroupItem);
-var TagGroupRoot = (0, react.forwardRef)(({ className, children, separator = " · ", ...props }, ref) => {
-	const [{ tagGroup: tagGroupVariantProps, tagGroupItem: tagGroupItemVariantProps }, otherProps] = require_splitMultipleVariantsProps.splitMultipleVariantsProps(props, {
-		tagGroup: _seed_design_css_recipes_tag_group.tagGroup,
-		tagGroupItem: _seed_design_css_recipes_tag_group_item.tagGroupItem
-	});
-	const classNames = (0, _seed_design_css_recipes_tag_group.tagGroup)(tagGroupVariantProps);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PropsProvider, {
-		value: tagGroupItemVariantProps,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_primitive.Primitive.span, {
-			ref,
-			className: (0, clsx.default)(classNames.root, className),
-			...otherProps,
-			children: react.Children.toArray(children).filter((child) => child !== null && child !== void 0).map((child, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react.Fragment, { children: [index > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_primitive.Primitive.span, {
-				"aria-hidden": true,
-				className: classNames.separator,
-				children: separator
-			}), child] }, index))
-		})
-	});
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const reactPrimitive = require('@seed-design/react-primitive');
+const tagGroup = require('@seed-design/css/recipes/tag-group');
+const tagGroupItem = require('@seed-design/css/recipes/tag-group-item');
+const createRecipeContext = require('../../utils/createRecipeContext.cjs');
+const React = require('react');
+const clsx = require('clsx');
+const splitMultipleVariantsProps = require('../../utils/splitMultipleVariantsProps.cjs');
+const domUtils = require('@seed-design/dom-utils');
+
+const { PropsProvider, useProps } = createRecipeContext.createRecipeContext(tagGroupItem.tagGroupItem);
+const TagGroupRoot = React.forwardRef(
+  ({ className, children, separator = " · ", ...props }, ref) => {
+    const [{ tagGroup: tagGroupVariantProps, tagGroupItem: tagGroupItemVariantProps }, otherProps] = splitMultipleVariantsProps.splitMultipleVariantsProps(props, { tagGroup: tagGroup.tagGroup, tagGroupItem: tagGroupItem.tagGroupItem });
+    const classNames = tagGroup.tagGroup(tagGroupVariantProps);
+    return /* @__PURE__ */ jsxRuntime.jsx(PropsProvider, { value: tagGroupItemVariantProps, children: /* @__PURE__ */ jsxRuntime.jsx(reactPrimitive.Primitive.span, { ref, className: clsx(classNames.root, className), ...otherProps, children: React.Children.toArray(children).filter((child) => child !== null && child !== void 0).map((child, index) => (
+      // biome-ignore lint/suspicious/noArrayIndexKey: those fragments won't change order
+      /* @__PURE__ */ jsxRuntime.jsxs(React.Fragment, { children: [
+        index > 0 && /* @__PURE__ */ jsxRuntime.jsx(reactPrimitive.Primitive.span, { "aria-hidden": true, className: classNames.separator, children: separator }),
+        child
+      ] }, index)
+    )) }) });
+  }
+);
+const TagGroupItem = React.forwardRef((props, ref) => {
+  const parentVariantProps = useProps();
+  const [variantProps, { className, ...otherProps }] = tagGroupItem.tagGroupItem.splitVariantProps(props);
+  const recipeClassName = tagGroupItem.tagGroupItem(domUtils.mergeProps(parentVariantProps, variantProps));
+  return /* @__PURE__ */ jsxRuntime.jsx(reactPrimitive.Primitive.span, { ref, className: clsx(recipeClassName, className), ...otherProps });
 });
-var TagGroupItem = (0, react.forwardRef)((props, ref) => {
-	const parentVariantProps = useProps();
-	const [variantProps, { className, ...otherProps }] = _seed_design_css_recipes_tag_group_item.tagGroupItem.splitVariantProps(props);
-	const recipeClassName = (0, _seed_design_css_recipes_tag_group_item.tagGroupItem)((0, _seed_design_dom_utils.mergeProps)(parentVariantProps, variantProps));
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_primitive.Primitive.span, {
-		ref,
-		className: (0, clsx.default)(recipeClassName, className),
-		...otherProps
-	});
-});
-//#endregion
+
 exports.TagGroupItem = TagGroupItem;
 exports.TagGroupRoot = TagGroupRoot;

package/lib/components/TagGroup/TagGroup.js

@@ -1,44 +1,33 @@
-"use client";
-import { createRecipeContext } from "../../utils/createRecipeContext.js";
-import { splitMultipleVariantsProps } from "../../utils/splitMultipleVariantsProps.js";
-import { Primitive } from "@seed-design/react-primitive";
-import clsx from "clsx";
-import { Children, Fragment, forwardRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { mergeProps } from "@seed-design/dom-utils";
-import { tagGroup } from "@seed-design/css/recipes/tag-group";
-import { tagGroupItem } from "@seed-design/css/recipes/tag-group-item";
-//#region src/components/TagGroup/TagGroup.tsx
-var { PropsProvider, useProps } = createRecipeContext(tagGroupItem);
-var TagGroupRoot = forwardRef(({ className, children, separator = " · ", ...props }, ref) => {
-	const [{ tagGroup: tagGroupVariantProps, tagGroupItem: tagGroupItemVariantProps }, otherProps] = splitMultipleVariantsProps(props, {
-		tagGroup,
-		tagGroupItem
-	});
-	const classNames = tagGroup(tagGroupVariantProps);
-	return /* @__PURE__ */ jsx(PropsProvider, {
-		value: tagGroupItemVariantProps,
-		children: /* @__PURE__ */ jsx(Primitive.span, {
-			ref,
-			className: clsx(classNames.root, className),
-			...otherProps,
-			children: Children.toArray(children).filter((child) => child !== null && child !== void 0).map((child, index) => /* @__PURE__ */ jsxs(Fragment, { children: [index > 0 && /* @__PURE__ */ jsx(Primitive.span, {
-				"aria-hidden": true,
-				className: classNames.separator,
-				children: separator
-			}), child] }, index))
-		})
-	});
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Primitive } from '@seed-design/react-primitive';
+import { tagGroup } from '@seed-design/css/recipes/tag-group';
+import { tagGroupItem } from '@seed-design/css/recipes/tag-group-item';
+import { createRecipeContext } from '../../utils/createRecipeContext.js';
+import { forwardRef, Children, Fragment } from 'react';
+import clsx from 'clsx';
+import { splitMultipleVariantsProps } from '../../utils/splitMultipleVariantsProps.js';
+import { mergeProps } from '@seed-design/dom-utils';
+
+const { PropsProvider, useProps } = createRecipeContext(tagGroupItem);
+const TagGroupRoot = forwardRef(
+  ({ className, children, separator = " · ", ...props }, ref) => {
+    const [{ tagGroup: tagGroupVariantProps, tagGroupItem: tagGroupItemVariantProps }, otherProps] = splitMultipleVariantsProps(props, { tagGroup, tagGroupItem });
+    const classNames = tagGroup(tagGroupVariantProps);
+    return /* @__PURE__ */ jsx(PropsProvider, { value: tagGroupItemVariantProps, children: /* @__PURE__ */ jsx(Primitive.span, { ref, className: clsx(classNames.root, className), ...otherProps, children: Children.toArray(children).filter((child) => child !== null && child !== void 0).map((child, index) => (
+      // biome-ignore lint/suspicious/noArrayIndexKey: those fragments won't change order
+      /* @__PURE__ */ jsxs(Fragment, { children: [
+        index > 0 && /* @__PURE__ */ jsx(Primitive.span, { "aria-hidden": true, className: classNames.separator, children: separator }),
+        child
+      ] }, index)
+    )) }) });
+  }
+);
+const TagGroupItem = forwardRef((props, ref) => {
+  const parentVariantProps = useProps();
+  const [variantProps, { className, ...otherProps }] = tagGroupItem.splitVariantProps(props);
+  const recipeClassName = tagGroupItem(mergeProps(parentVariantProps, variantProps));
+  return /* @__PURE__ */ jsx(Primitive.span, { ref, className: clsx(recipeClassName, className), ...otherProps });
 });
-var TagGroupItem = forwardRef((props, ref) => {
-	const parentVariantProps = useProps();
-	const [variantProps, { className, ...otherProps }] = tagGroupItem.splitVariantProps(props);
-	const recipeClassName = tagGroupItem(mergeProps(parentVariantProps, variantProps));
-	return /* @__PURE__ */ jsx(Primitive.span, {
-		ref,
-		className: clsx(recipeClassName, className),
-		...otherProps
-	});
-});
-//#endregion
+
 export { TagGroupItem, TagGroupRoot };

package/lib/components/TagGroup/TagGroup.namespace.cjs

@@ -1,14 +1,10 @@
-const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
-const require_TagGroup = require("./TagGroup.cjs");
-//#region src/components/TagGroup/TagGroup.namespace.ts
-var TagGroup_namespace_exports = /* @__PURE__ */ require_runtime.__exportAll({
-	Item: () => require_TagGroup.TagGroupItem,
-	Root: () => require_TagGroup.TagGroupRoot
-});
-//#endregion
-Object.defineProperty(exports, "TagGroup_namespace_exports", {
-	enumerable: true,
-	get: function() {
-		return TagGroup_namespace_exports;
-	}
-});
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const TagGroup = require('./TagGroup.cjs');
+
+
+
+exports.Item = TagGroup.TagGroupItem;
+exports.Root = TagGroup.TagGroupRoot;

package/lib/components/TagGroup/TagGroup.namespace.js

@@ -1,9 +1 @@
-import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
-import { TagGroupItem, TagGroupRoot } from "./TagGroup.js";
-//#region src/components/TagGroup/TagGroup.namespace.ts
-var TagGroup_namespace_exports = /* @__PURE__ */ __exportAll({
-	Item: () => TagGroupItem,
-	Root: () => TagGroupRoot
-});
-//#endregion
-export { TagGroup_namespace_exports };
+export { TagGroupItem as Item, TagGroupRoot as Root } from './TagGroup.js';