@seed-design/react 1.2.8 → 1.2.10

package/lib/components/Switch/Switch.js

@@ -1,61 +1,44 @@
-'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/switchmark';
-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
-      }
-    ) }) });
-  }
-);
+"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$1 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/switchmark";
+//#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$1(classNames.root, className),
+				...otherProps
+			})
+		})
+	});
+});
 SwitchRoot.displayName = "SwitchRoot";
-const SwitchControl = withControlProvider(
-  Switch.Control,
-  "root"
-);
-const SwitchThumb = withControlContext(
-  Switch.Thumb,
-  "thumb"
-);
-const SwitchLabel = withContext(
-  withStateProps(Primitive.span),
-  "label"
-);
-const SwitchHiddenInput = Switch.HiddenInput;
-
+var SwitchControl = withControlProvider(Switch.Control, "root");
+var SwitchThumb = withControlContext(Switch.Thumb, "thumb");
+var SwitchLabel = withContext(withStateProps(Primitive.span), "label");
+var SwitchHiddenInput = Switch.HiddenInput;
+//#endregion
 export { SwitchControl, SwitchHiddenInput, SwitchLabel, SwitchRoot, SwitchThumb };

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

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

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

@@ -1 +1,12 @@
-export { SwitchControl as Control, SwitchHiddenInput as HiddenInput, SwitchLabel as Label, SwitchRoot as Root, SwitchThumb as Thumb } from './Switch.js';
+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 };

package/lib/components/Switch/index.cjs

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

package/lib/components/Switch/index.js

@@ -1,3 +1,3 @@
-export { SwitchControl, SwitchHiddenInput, SwitchLabel, SwitchRoot, SwitchThumb } from './Switch.js';
-import * as Switch_namespace from './Switch.namespace.js';
-export { Switch_namespace as Switch };
+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 };

package/lib/components/Tabs/Tabs.cjs

@@ -1,36 +1,18 @@
-'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"
-);
-
+"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
 exports.TabsCarousel = TabsCarousel;
 exports.TabsCarouselCamera = TabsCarouselCamera;
 exports.TabsContent = TabsContent;

package/lib/components/Tabs/Tabs.js

@@ -1,30 +1,15 @@
-'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"
-);
-
+"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
 export { TabsCarousel, TabsCarouselCamera, TabsContent, TabsIndicator, TabsList, TabsRoot, TabsTrigger };

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

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

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

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

package/lib/components/Tabs/index.cjs

@@ -1,22 +1,24 @@
-'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, 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;
 Object.defineProperty(exports, "tabsCarouselPreventDrag", {
-  enumerable: true,
-  get: () => reactTabs.tabsCarouselPreventDrag
+	enumerable: true,
+	get: function() {
+		return _seed_design_react_tabs.tabsCarouselPreventDrag;
+	}
 });
-exports.Tabs = Tabs_namespace;

package/lib/components/Tabs/index.js

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

package/lib/components/TagGroup/TagGroup.cjs

@@ -1,54 +1,57 @@
-'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 React = require('react');
-const clsx = require('clsx');
-const splitMultipleVariantsProps = require('../../utils/splitMultipleVariantsProps.cjs');
-const styled = require('../../utils/styled.cjs');
-const createSlotRecipeContext = require('../../utils/createSlotRecipeContext.cjs');
-
-const { PropsProvider, useProps, withContext, ClassNamesProvider } = createSlotRecipeContext.createSlotRecipeContext(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(Boolean).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(
-  ({ className, ...props }, ref) => {
-    const parentVariantProps = useProps();
-    const [variantProps, otherProps] = tagGroupItem.tagGroupItem.splitVariantProps(props);
-    const classNames = tagGroupItem.tagGroupItem({ ...parentVariantProps, ...variantProps });
-    const { style, restProps } = styled.useStyleProps(otherProps);
-    return /* @__PURE__ */ jsxRuntime.jsx(ClassNamesProvider, { value: classNames, children: /* @__PURE__ */ jsxRuntime.jsx(
-      reactPrimitive.Primitive.span,
-      {
-        ref,
-        style,
-        className: clsx(classNames.root, className),
-        ...restProps
-      }
-    ) });
-  }
-);
-const TagGroupItemLabel = withContext(
-  reactPrimitive.Primitive.span,
-  "label"
-);
-
+"use client";
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_styled = require("../../utils/styled.cjs");
+const require_createSlotRecipeContext = require("../../utils/createSlotRecipeContext.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_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, withContext, ClassNamesProvider } = require_createSlotRecipeContext.createSlotRecipeContext(_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(Boolean).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))
+		})
+	});
+});
+var TagGroupItem = (0, react.forwardRef)(({ className, ...props }, ref) => {
+	const parentVariantProps = useProps();
+	const [variantProps, otherProps] = _seed_design_css_recipes_tag_group_item.tagGroupItem.splitVariantProps(props);
+	const classNames = (0, _seed_design_css_recipes_tag_group_item.tagGroupItem)({
+		...parentVariantProps,
+		...variantProps
+	});
+	const { style, restProps } = require_styled.useStyleProps(otherProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ClassNamesProvider, {
+		value: classNames,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_primitive.Primitive.span, {
+			ref,
+			style,
+			className: (0, clsx.default)(classNames.root, className),
+			...restProps
+		})
+	});
+});
+var TagGroupItemLabel = withContext(_seed_design_react_primitive.Primitive.span, "label");
+//#endregion
 exports.TagGroupItem = TagGroupItem;
 exports.TagGroupItemLabel = TagGroupItemLabel;
 exports.TagGroupRoot = TagGroupRoot;

package/lib/components/TagGroup/TagGroup.js

@@ -1,48 +1,53 @@
-'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 { forwardRef, Children, Fragment } from 'react';
-import clsx from 'clsx';
-import { splitMultipleVariantsProps } from '../../utils/splitMultipleVariantsProps.js';
-import { useStyleProps } from '../../utils/styled.js';
-import { createSlotRecipeContext } from '../../utils/createSlotRecipeContext.js';
-
-const { PropsProvider, useProps, withContext, ClassNamesProvider } = createSlotRecipeContext(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(Boolean).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(
-  ({ className, ...props }, ref) => {
-    const parentVariantProps = useProps();
-    const [variantProps, otherProps] = tagGroupItem.splitVariantProps(props);
-    const classNames = tagGroupItem({ ...parentVariantProps, ...variantProps });
-    const { style, restProps } = useStyleProps(otherProps);
-    return /* @__PURE__ */ jsx(ClassNamesProvider, { value: classNames, children: /* @__PURE__ */ jsx(
-      Primitive.span,
-      {
-        ref,
-        style,
-        className: clsx(classNames.root, className),
-        ...restProps
-      }
-    ) });
-  }
-);
-const TagGroupItemLabel = withContext(
-  Primitive.span,
-  "label"
-);
-
+"use client";
+import { useStyleProps } from "../../utils/styled.js";
+import { createSlotRecipeContext } from "../../utils/createSlotRecipeContext.js";
+import { splitMultipleVariantsProps } from "../../utils/splitMultipleVariantsProps.js";
+import { Primitive } from "@seed-design/react-primitive";
+import clsx$1 from "clsx";
+import { Children, Fragment, forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+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, withContext, ClassNamesProvider } = createSlotRecipeContext(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$1(classNames.root, className),
+			...otherProps,
+			children: Children.toArray(children).filter(Boolean).map((child, index) => /* @__PURE__ */ jsxs(Fragment, { children: [index > 0 && /* @__PURE__ */ jsx(Primitive.span, {
+				"aria-hidden": true,
+				className: classNames.separator,
+				children: separator
+			}), child] }, index))
+		})
+	});
+});
+var TagGroupItem = forwardRef(({ className, ...props }, ref) => {
+	const parentVariantProps = useProps();
+	const [variantProps, otherProps] = tagGroupItem.splitVariantProps(props);
+	const classNames = tagGroupItem({
+		...parentVariantProps,
+		...variantProps
+	});
+	const { style, restProps } = useStyleProps(otherProps);
+	return /* @__PURE__ */ jsx(ClassNamesProvider, {
+		value: classNames,
+		children: /* @__PURE__ */ jsx(Primitive.span, {
+			ref,
+			style,
+			className: clsx$1(classNames.root, className),
+			...restProps
+		})
+	});
+});
+var TagGroupItemLabel = withContext(Primitive.span, "label");
+//#endregion
 export { TagGroupItem, TagGroupItemLabel, TagGroupRoot };