@seed-design/react 1.1.26 → 1.1.27

package/lib/components/Chip/Chip.namespace.js

@@ -1,12 +1 @@
-import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
-import { ChipLabel, ChipPrefixAvatar, ChipPrefixIcon, ChipRoot, ChipSuffixIcon } from "./Chip.js";
-//#region src/components/Chip/Chip.namespace.ts
-var Chip_namespace_exports = /* @__PURE__ */ __exportAll({
-	Label: () => ChipLabel,
-	PrefixAvatar: () => ChipPrefixAvatar,
-	PrefixIcon: () => ChipPrefixIcon,
-	Root: () => ChipRoot,
-	SuffixIcon: () => ChipSuffixIcon
-});
-//#endregion
-export { Chip_namespace_exports };
+export { ChipLabel as Label, ChipPrefixAvatar as PrefixAvatar, ChipPrefixIcon as PrefixIcon, ChipRoot as Root, ChipSuffixIcon as SuffixIcon } from './Chip.js';

package/lib/components/Chip/index.cjs

@@ -1,14 +1,15 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_Chip = require("./Chip.cjs");
-const require_Chip_namespace = require("./Chip.namespace.cjs");
-Object.defineProperty(exports, "Chip", {
-	enumerable: true,
-	get: function() {
-		return require_Chip_namespace.Chip_namespace_exports;
-	}
-});
-exports.ChipLabel = require_Chip.ChipLabel;
-exports.ChipPrefixAvatar = require_Chip.ChipPrefixAvatar;
-exports.ChipPrefixIcon = require_Chip.ChipPrefixIcon;
-exports.ChipRoot = require_Chip.ChipRoot;
-exports.ChipSuffixIcon = require_Chip.ChipSuffixIcon;
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const Chip = require('./Chip.cjs');
+const Chip_namespace = require('./Chip.namespace.cjs');
+
+
+
+exports.ChipLabel = Chip.ChipLabel;
+exports.ChipPrefixAvatar = Chip.ChipPrefixAvatar;
+exports.ChipPrefixIcon = Chip.ChipPrefixIcon;
+exports.ChipRoot = Chip.ChipRoot;
+exports.ChipSuffixIcon = Chip.ChipSuffixIcon;
+exports.Chip = Chip_namespace;

package/lib/components/Chip/index.js

@@ -1,3 +1,3 @@
-import { ChipLabel, ChipPrefixAvatar, ChipPrefixIcon, ChipRoot, ChipSuffixIcon } from "./Chip.js";
-import { Chip_namespace_exports } from "./Chip.namespace.js";
-export { Chip_namespace_exports as Chip, ChipLabel, ChipPrefixAvatar, ChipPrefixIcon, ChipRoot, ChipSuffixIcon };
+export { ChipLabel, ChipPrefixAvatar, ChipPrefixIcon, ChipRoot, ChipSuffixIcon } from './Chip.js';
+import * as Chip_namespace from './Chip.namespace.js';
+export { Chip_namespace as Chip };

package/lib/components/ChipTabs/ChipTabs.cjs

@@ -1,34 +1,57 @@
-"use client";
-const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
-const require_createSlotRecipeContext = require("../../utils/createSlotRecipeContext.cjs");
-let _seed_design_react_tabs = require("@seed-design/react-tabs");
-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_chip_tabs = require("@seed-design/css/recipes/chip-tabs");
-//#region src/components/ChipTabs/ChipTabs.tsx
-var { ClassNamesProvider, withContext } = require_createSlotRecipeContext.createSlotRecipeContext(_seed_design_css_recipes_chip_tabs.chipTabs);
-var ChipTabsRoot = (0, react.forwardRef)(({ className, ...props }, ref) => {
-	if (process.env.NODE_ENV !== "production" && props.variant === "brandSolid") console.warn("[SEED Design System] ChipTabs variant='brandSolid' is deprecated and will be removed in @seed-design/react@1.3.0. Use variant='neutralSolid' or variant='neutralOutline' instead.");
-	const [variantProps, otherProps] = _seed_design_css_recipes_chip_tabs.chipTabs.splitVariantProps(props);
-	const classNames = (0, _seed_design_css_recipes_chip_tabs.chipTabs)(variantProps);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ClassNamesProvider, {
-		value: classNames,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_tabs.Tabs.Root, {
-			ref,
-			className: (0, clsx.default)(classNames.root, className),
-			...otherProps
-		})
-	});
-});
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const chipTabs = require('@seed-design/css/recipes/chip-tabs');
+const reactTabs = require('@seed-design/react-tabs');
+const createSlotRecipeContext = require('../../utils/createSlotRecipeContext.cjs');
+const React = require('react');
+const clsx = require('clsx');
+
+const { ClassNamesProvider, withContext } = createSlotRecipeContext.createSlotRecipeContext(chipTabs.chipTabs);
+const ChipTabsRoot = React.forwardRef(
+  ({ className, ...props }, ref) => {
+    if (process.env.NODE_ENV !== "production" && props.variant === "brandSolid") {
+      console.warn(
+        "[SEED Design System] ChipTabs variant='brandSolid' is deprecated and will be removed in @seed-design/react@1.3.0. Use variant='neutralSolid' or variant='neutralOutline' instead."
+      );
+    }
+    const [variantProps, otherProps] = chipTabs.chipTabs.splitVariantProps(props);
+    const classNames = chipTabs.chipTabs(variantProps);
+    return /* @__PURE__ */ jsxRuntime.jsx(ClassNamesProvider, { value: classNames, children: /* @__PURE__ */ jsxRuntime.jsx(
+      reactTabs.Tabs.Root,
+      {
+        ref,
+        className: clsx(classNames.root, className),
+        ...otherProps
+      }
+    ) });
+  }
+);
 ChipTabsRoot.displayName = "ChipTabsRoot";
-var ChipTabsList = withContext(_seed_design_react_tabs.Tabs.List, "list");
-var ChipTabsTrigger = withContext(_seed_design_react_tabs.Tabs.Trigger, "trigger");
-var ChipTabsContent = withContext(_seed_design_react_tabs.Tabs.Content, "content");
-var ChipTabsCarousel = withContext(_seed_design_react_tabs.Tabs.Carousel, "carousel");
-var ChipTabsCarouselCamera = withContext(_seed_design_react_tabs.Tabs.CarouselCamera, "carouselCamera");
-//#endregion
+const ChipTabsList = withContext(
+  reactTabs.Tabs.List,
+  "list"
+);
+const ChipTabsTrigger = withContext(
+  reactTabs.Tabs.Trigger,
+  "trigger"
+);
+const ChipTabsContent = withContext(
+  reactTabs.Tabs.Content,
+  "content"
+);
+const ChipTabsCarousel = withContext(
+  reactTabs.Tabs.Carousel,
+  "carousel"
+);
+const ChipTabsCarouselCamera = withContext(
+  reactTabs.Tabs.CarouselCamera,
+  "carouselCamera"
+);
+
 exports.ChipTabsCarousel = ChipTabsCarousel;
 exports.ChipTabsCarouselCamera = ChipTabsCarouselCamera;
 exports.ChipTabsContent = ChipTabsContent;

package/lib/components/ChipTabs/ChipTabs.js

@@ -1,30 +1,51 @@
-"use client";
-import { createSlotRecipeContext } from "../../utils/createSlotRecipeContext.js";
-import { Tabs } from "@seed-design/react-tabs";
-import clsx from "clsx";
-import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-import { chipTabs } from "@seed-design/css/recipes/chip-tabs";
-//#region src/components/ChipTabs/ChipTabs.tsx
-var { ClassNamesProvider, withContext } = createSlotRecipeContext(chipTabs);
-var ChipTabsRoot = forwardRef(({ className, ...props }, ref) => {
-	if (process.env.NODE_ENV !== "production" && props.variant === "brandSolid") console.warn("[SEED Design System] ChipTabs variant='brandSolid' is deprecated and will be removed in @seed-design/react@1.3.0. Use variant='neutralSolid' or variant='neutralOutline' instead.");
-	const [variantProps, otherProps] = chipTabs.splitVariantProps(props);
-	const classNames = chipTabs(variantProps);
-	return /* @__PURE__ */ jsx(ClassNamesProvider, {
-		value: classNames,
-		children: /* @__PURE__ */ jsx(Tabs.Root, {
-			ref,
-			className: clsx(classNames.root, className),
-			...otherProps
-		})
-	});
-});
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { chipTabs } from '@seed-design/css/recipes/chip-tabs';
+import { Tabs } from '@seed-design/react-tabs';
+import { createSlotRecipeContext } from '../../utils/createSlotRecipeContext.js';
+import { forwardRef } from 'react';
+import clsx from 'clsx';
+
+const { ClassNamesProvider, withContext } = createSlotRecipeContext(chipTabs);
+const ChipTabsRoot = forwardRef(
+  ({ className, ...props }, ref) => {
+    if (process.env.NODE_ENV !== "production" && props.variant === "brandSolid") {
+      console.warn(
+        "[SEED Design System] ChipTabs variant='brandSolid' is deprecated and will be removed in @seed-design/react@1.3.0. Use variant='neutralSolid' or variant='neutralOutline' instead."
+      );
+    }
+    const [variantProps, otherProps] = chipTabs.splitVariantProps(props);
+    const classNames = chipTabs(variantProps);
+    return /* @__PURE__ */ jsx(ClassNamesProvider, { value: classNames, children: /* @__PURE__ */ jsx(
+      Tabs.Root,
+      {
+        ref,
+        className: clsx(classNames.root, className),
+        ...otherProps
+      }
+    ) });
+  }
+);
 ChipTabsRoot.displayName = "ChipTabsRoot";
-var ChipTabsList = withContext(Tabs.List, "list");
-var ChipTabsTrigger = withContext(Tabs.Trigger, "trigger");
-var ChipTabsContent = withContext(Tabs.Content, "content");
-var ChipTabsCarousel = withContext(Tabs.Carousel, "carousel");
-var ChipTabsCarouselCamera = withContext(Tabs.CarouselCamera, "carouselCamera");
-//#endregion
+const ChipTabsList = withContext(
+  Tabs.List,
+  "list"
+);
+const ChipTabsTrigger = withContext(
+  Tabs.Trigger,
+  "trigger"
+);
+const ChipTabsContent = withContext(
+  Tabs.Content,
+  "content"
+);
+const ChipTabsCarousel = withContext(
+  Tabs.Carousel,
+  "carousel"
+);
+const ChipTabsCarouselCamera = withContext(
+  Tabs.CarouselCamera,
+  "carouselCamera"
+);
+
 export { ChipTabsCarousel, ChipTabsCarouselCamera, ChipTabsContent, ChipTabsList, ChipTabsRoot, ChipTabsTrigger };

package/lib/components/ChipTabs/ChipTabs.namespace.cjs

@@ -1,18 +1,14 @@
-const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
-const require_ChipTabs = require("./ChipTabs.cjs");
-//#region src/components/ChipTabs/ChipTabs.namespace.ts
-var ChipTabs_namespace_exports = /* @__PURE__ */ require_runtime.__exportAll({
-	Carousel: () => require_ChipTabs.ChipTabsCarousel,
-	CarouselCamera: () => require_ChipTabs.ChipTabsCarouselCamera,
-	Content: () => require_ChipTabs.ChipTabsContent,
-	List: () => require_ChipTabs.ChipTabsList,
-	Root: () => require_ChipTabs.ChipTabsRoot,
-	Trigger: () => require_ChipTabs.ChipTabsTrigger
-});
-//#endregion
-Object.defineProperty(exports, "ChipTabs_namespace_exports", {
-	enumerable: true,
-	get: function() {
-		return ChipTabs_namespace_exports;
-	}
-});
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const ChipTabs = require('./ChipTabs.cjs');
+
+
+
+exports.Carousel = ChipTabs.ChipTabsCarousel;
+exports.CarouselCamera = ChipTabs.ChipTabsCarouselCamera;
+exports.Content = ChipTabs.ChipTabsContent;
+exports.List = ChipTabs.ChipTabsList;
+exports.Root = ChipTabs.ChipTabsRoot;
+exports.Trigger = ChipTabs.ChipTabsTrigger;

package/lib/components/ChipTabs/ChipTabs.namespace.js

@@ -1,13 +1 @@
-import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
-import { ChipTabsCarousel, ChipTabsCarouselCamera, ChipTabsContent, ChipTabsList, ChipTabsRoot, ChipTabsTrigger } from "./ChipTabs.js";
-//#region src/components/ChipTabs/ChipTabs.namespace.ts
-var ChipTabs_namespace_exports = /* @__PURE__ */ __exportAll({
-	Carousel: () => ChipTabsCarousel,
-	CarouselCamera: () => ChipTabsCarouselCamera,
-	Content: () => ChipTabsContent,
-	List: () => ChipTabsList,
-	Root: () => ChipTabsRoot,
-	Trigger: () => ChipTabsTrigger
-});
-//#endregion
-export { ChipTabs_namespace_exports };
+export { ChipTabsCarousel as Carousel, ChipTabsCarouselCamera as CarouselCamera, ChipTabsContent as Content, ChipTabsList as List, ChipTabsRoot as Root, ChipTabsTrigger as Trigger } from './ChipTabs.js';

package/lib/components/ChipTabs/index.cjs

@@ -1,15 +1,16 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_ChipTabs = require("./ChipTabs.cjs");
-const require_ChipTabs_namespace = require("./ChipTabs.namespace.cjs");
-Object.defineProperty(exports, "ChipTabs", {
-	enumerable: true,
-	get: function() {
-		return require_ChipTabs_namespace.ChipTabs_namespace_exports;
-	}
-});
-exports.ChipTabsCarousel = require_ChipTabs.ChipTabsCarousel;
-exports.ChipTabsCarouselCamera = require_ChipTabs.ChipTabsCarouselCamera;
-exports.ChipTabsContent = require_ChipTabs.ChipTabsContent;
-exports.ChipTabsList = require_ChipTabs.ChipTabsList;
-exports.ChipTabsRoot = require_ChipTabs.ChipTabsRoot;
-exports.ChipTabsTrigger = require_ChipTabs.ChipTabsTrigger;
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const ChipTabs = require('./ChipTabs.cjs');
+const ChipTabs_namespace = require('./ChipTabs.namespace.cjs');
+
+
+
+exports.ChipTabsCarousel = ChipTabs.ChipTabsCarousel;
+exports.ChipTabsCarouselCamera = ChipTabs.ChipTabsCarouselCamera;
+exports.ChipTabsContent = ChipTabs.ChipTabsContent;
+exports.ChipTabsList = ChipTabs.ChipTabsList;
+exports.ChipTabsRoot = ChipTabs.ChipTabsRoot;
+exports.ChipTabsTrigger = ChipTabs.ChipTabsTrigger;
+exports.ChipTabs = ChipTabs_namespace;

package/lib/components/ChipTabs/index.js

@@ -1,3 +1,3 @@
-import { ChipTabsCarousel, ChipTabsCarouselCamera, ChipTabsContent, ChipTabsList, ChipTabsRoot, ChipTabsTrigger } from "./ChipTabs.js";
-import { ChipTabs_namespace_exports } from "./ChipTabs.namespace.js";
-export { ChipTabs_namespace_exports as ChipTabs, ChipTabsCarousel, ChipTabsCarouselCamera, ChipTabsContent, ChipTabsList, ChipTabsRoot, ChipTabsTrigger };
+export { ChipTabsCarousel, ChipTabsCarouselCamera, ChipTabsContent, ChipTabsList, ChipTabsRoot, ChipTabsTrigger } from './ChipTabs.js';
+import * as ChipTabs_namespace from './ChipTabs.namespace.js';
+export { ChipTabs_namespace as ChipTabs };

package/lib/components/Columns/Columns.cjs

@@ -1,38 +1,59 @@
-"use client";
-const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
-const require_Box = require("../Box/Box.cjs");
-let react = require("react");
-react = require_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
-//#region src/components/Columns/Columns.tsx
-/**
-* @deprecated Use `HStack` instead.
-*/
-var Columns = react.forwardRef((props, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Box.Box, {
-		ref,
-		display: "flex",
-		flexDirection: "row",
-		flexWrap: "nowrap",
-		justifyContent: "flex-start",
-		...props
-	});
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const React = require('react');
+const Box = require('../Box/Box.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 Columns = React__namespace.forwardRef((props, ref) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Box.Box,
+    {
+      ref,
+      display: "flex",
+      flexDirection: "row",
+      flexWrap: "nowrap",
+      justifyContent: "flex-start",
+      ...props
+    }
+  );
 });
-/**
-* @deprecated Use `HStack` instead.
-*/
-var Column = react.forwardRef((props, ref) => {
-	const { width, ...otherProps } = props;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Box.Box, {
-		ref,
-		display: "flex",
-		flexDirection: "column",
-		width: width !== "content" ? "full" : void 0,
-		flexShrink: width ? 0 : void 0,
-		flexGrow: width ? 0 : 1,
-		...otherProps
-	});
+const Column = React__namespace.forwardRef((props, ref) => {
+  const { width, ...otherProps } = props;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Box.Box,
+    {
+      ref,
+      display: "flex",
+      flexDirection: "column",
+      width: width !== "content" ? "full" : void 0,
+      flexShrink: width ? 0 : void 0,
+      flexGrow: width ? 0 : 1,
+      ...otherProps
+    }
+  );
 });
-//#endregion
+
 exports.Column = Column;
 exports.Columns = Columns;

package/lib/components/Columns/Columns.js

@@ -1,35 +1,35 @@
-"use client";
-import { Box } from "../Box/Box.js";
-import * as React$1 from "react";
-import { jsx } from "react/jsx-runtime";
-//#region src/components/Columns/Columns.tsx
-/**
-* @deprecated Use `HStack` instead.
-*/
-var Columns = React$1.forwardRef((props, ref) => {
-	return /* @__PURE__ */ jsx(Box, {
-		ref,
-		display: "flex",
-		flexDirection: "row",
-		flexWrap: "nowrap",
-		justifyContent: "flex-start",
-		...props
-	});
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { Box } from '../Box/Box.js';
+
+const Columns = React.forwardRef((props, ref) => {
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      ref,
+      display: "flex",
+      flexDirection: "row",
+      flexWrap: "nowrap",
+      justifyContent: "flex-start",
+      ...props
+    }
+  );
 });
-/**
-* @deprecated Use `HStack` instead.
-*/
-var Column = React$1.forwardRef((props, ref) => {
-	const { width, ...otherProps } = props;
-	return /* @__PURE__ */ jsx(Box, {
-		ref,
-		display: "flex",
-		flexDirection: "column",
-		width: width !== "content" ? "full" : void 0,
-		flexShrink: width ? 0 : void 0,
-		flexGrow: width ? 0 : 1,
-		...otherProps
-	});
+const Column = React.forwardRef((props, ref) => {
+  const { width, ...otherProps } = props;
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      ref,
+      display: "flex",
+      flexDirection: "column",
+      width: width !== "content" ? "full" : void 0,
+      flexShrink: width ? 0 : void 0,
+      flexGrow: width ? 0 : 1,
+      ...otherProps
+    }
+  );
 });
-//#endregion
+
 export { Column, Columns };

package/lib/components/Columns/index.cjs

@@ -1,4 +1,10 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_Columns = require("./Columns.cjs");
-exports.Column = require_Columns.Column;
-exports.Columns = require_Columns.Columns;
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const Columns = require('./Columns.cjs');
+
+
+
+exports.Column = Columns.Column;
+exports.Columns = Columns.Columns;

package/lib/components/Columns/index.js

@@ -1,2 +1 @@
-import { Column, Columns } from "./Columns.js";
-export { Column, Columns };
+export { Column, Columns } from './Columns.js';

package/lib/components/ConsistentWidth/ConsistentWidth.cjs

@@ -1,19 +1,24 @@
-"use client";
-const require_runtime = require("../../_virtual/_rolldown/runtime.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");
-//#region src/components/ConsistentWidth/ConsistentWidth.tsx
-var ConsistentWidth = (0, react.forwardRef)((props, ref) => {
-	const { className, ...otherProps } = props;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_primitive.Primitive.span, {
-		"data-text": props.children,
-		ref,
-		className: (0, clsx.default)("seed-consistent-width", className),
-		...otherProps
-	});
+'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 clsx = require('clsx');
+const React = require('react');
+
+const ConsistentWidth = React.forwardRef((props, ref) => {
+  const { className, ...otherProps } = props;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactPrimitive.Primitive.span,
+    {
+      "data-text": props.children,
+      ref,
+      className: clsx("seed-consistent-width", className),
+      ...otherProps
+    }
+  );
 });
-//#endregion
+
 exports.ConsistentWidth = ConsistentWidth;

package/lib/components/ConsistentWidth/ConsistentWidth.js

@@ -1,17 +1,20 @@
-"use client";
-import { Primitive } from "@seed-design/react-primitive";
-import clsx from "clsx";
-import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-//#region src/components/ConsistentWidth/ConsistentWidth.tsx
-var ConsistentWidth = forwardRef((props, ref) => {
-	const { className, ...otherProps } = props;
-	return /* @__PURE__ */ jsx(Primitive.span, {
-		"data-text": props.children,
-		ref,
-		className: clsx("seed-consistent-width", className),
-		...otherProps
-	});
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { Primitive } from '@seed-design/react-primitive';
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+
+const ConsistentWidth = forwardRef((props, ref) => {
+  const { className, ...otherProps } = props;
+  return /* @__PURE__ */ jsx(
+    Primitive.span,
+    {
+      "data-text": props.children,
+      ref,
+      className: clsx("seed-consistent-width", className),
+      ...otherProps
+    }
+  );
 });
-//#endregion
+
 export { ConsistentWidth };

package/lib/components/ConsistentWidth/index.cjs

@@ -1,3 +1,9 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_ConsistentWidth = require("./ConsistentWidth.cjs");
-exports.ConsistentWidth = require_ConsistentWidth.ConsistentWidth;
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const ConsistentWidth = require('./ConsistentWidth.cjs');
+
+
+
+exports.ConsistentWidth = ConsistentWidth.ConsistentWidth;

package/lib/components/ConsistentWidth/index.js

@@ -1,2 +1 @@
-import { ConsistentWidth } from "./ConsistentWidth.js";
-export { ConsistentWidth };
+export { ConsistentWidth } from './ConsistentWidth.js';