@seed-design/react 1.2.8 → 1.2.10

package/lib/components/ChipTabs/ChipTabs.js

@@ -1,51 +1,30 @@
-'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
-      }
-    ) });
-  }
-);
+"use client";
+import { createSlotRecipeContext } from "../../utils/createSlotRecipeContext.js";
+import { Tabs } from "@seed-design/react-tabs";
+import clsx$1 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$1(classNames.root, className),
+			...otherProps
+		})
+	});
+});
 ChipTabsRoot.displayName = "ChipTabsRoot";
-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"
-);
-
+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
 export { ChipTabsCarousel, ChipTabsCarouselCamera, ChipTabsContent, ChipTabsList, ChipTabsRoot, ChipTabsTrigger };

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

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

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

@@ -1 +1,13 @@
-export { ChipTabsCarousel as Carousel, ChipTabsCarouselCamera as CarouselCamera, ChipTabsContent as Content, ChipTabsList as List, ChipTabsRoot as Root, ChipTabsTrigger as Trigger } from './ChipTabs.js';
+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 };

package/lib/components/ChipTabs/index.cjs

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

package/lib/components/ChipTabs/index.js

@@ -1,3 +1,3 @@
-export { ChipTabsCarousel, ChipTabsCarouselCamera, ChipTabsContent, ChipTabsList, ChipTabsRoot, ChipTabsTrigger } from './ChipTabs.js';
-import * as ChipTabs_namespace from './ChipTabs.namespace.js';
-export { ChipTabs_namespace as ChipTabs };
+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 };

package/lib/components/Columns/Columns.cjs

@@ -1,59 +1,38 @@
-'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
-    }
-  );
+"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
+	});
 });
-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
-    }
-  );
+/**
+* @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
+	});
 });
-
+//#endregion
 exports.Column = Column;
 exports.Columns = Columns;

package/lib/components/Columns/Columns.js

@@ -1,35 +1,35 @@
-'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
-    }
-  );
+"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
+	});
 });
-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
-    }
-  );
+/**
+* @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
+	});
 });
-
+//#endregion
 export { Column, Columns };

package/lib/components/Columns/index.cjs

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

package/lib/components/Columns/index.js

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

package/lib/components/ConsistentWidth/ConsistentWidth.cjs

@@ -1,24 +1,19 @@
-'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
-    }
-  );
+"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
+	});
 });
-
+//#endregion
 exports.ConsistentWidth = ConsistentWidth;

package/lib/components/ConsistentWidth/ConsistentWidth.js

@@ -1,20 +1,17 @@
-'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
-    }
-  );
+"use client";
+import { Primitive } from "@seed-design/react-primitive";
+import clsx$1 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$1("seed-consistent-width", className),
+		...otherProps
+	});
 });
-
+//#endregion
 export { ConsistentWidth };

package/lib/components/ConsistentWidth/index.cjs

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

package/lib/components/ConsistentWidth/index.js

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

package/lib/components/ContentPlaceholder/ContentPlaceholder.cjs

@@ -1,58 +1,47 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const jsxRuntime = require('react/jsx-runtime');
-const contentPlaceholder = require('@seed-design/css/recipes/content-placeholder');
-const reactPrimitive = require('@seed-design/react-primitive');
-const reactSlot = require('@radix-ui/react-slot');
-const React = require('react');
-const createSlotRecipeContext = require('../../utils/createSlotRecipeContext.cjs');
-const presets = require('./presets.cjs');
-const domUtils = require('@seed-design/dom-utils');
-const clsx = require('clsx');
-
-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 { PropsProvider, ClassNamesProvider, useProps, useClassNames } = createSlotRecipeContext.createSlotRecipeContext(contentPlaceholder.contentPlaceholder);
-const ContentPlaceholderRoot = React__namespace.forwardRef(
-  (props, ref) => {
-    const [variantProps, restProps] = contentPlaceholder.contentPlaceholder.splitVariantProps(props);
-    const classNames = contentPlaceholder.contentPlaceholder(variantProps);
-    return /* @__PURE__ */ jsxRuntime.jsx(PropsProvider, { value: variantProps, children: /* @__PURE__ */ jsxRuntime.jsx(ClassNamesProvider, { value: classNames, children: /* @__PURE__ */ jsxRuntime.jsx(reactPrimitive.Primitive.div, { ref, ...domUtils.mergeProps({ className: classNames.root }, restProps) }) }) });
-  }
-);
+"use client";
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_createSlotRecipeContext = require("../../utils/createSlotRecipeContext.cjs");
+const require_presets = require("./presets.cjs");
+let _seed_design_react_primitive = require("@seed-design/react-primitive");
+let clsx = require("clsx");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+let _radix_ui_react_slot = require("@radix-ui/react-slot");
+let _seed_design_dom_utils = require("@seed-design/dom-utils");
+let _seed_design_css_recipes_content_placeholder = require("@seed-design/css/recipes/content-placeholder");
+//#region src/components/ContentPlaceholder/ContentPlaceholder.tsx
+var { PropsProvider, ClassNamesProvider, useProps, useClassNames } = require_createSlotRecipeContext.createSlotRecipeContext(_seed_design_css_recipes_content_placeholder.contentPlaceholder);
+var ContentPlaceholderRoot = react.forwardRef((props, ref) => {
+	const [variantProps, restProps] = _seed_design_css_recipes_content_placeholder.contentPlaceholder.splitVariantProps(props);
+	const classNames = (0, _seed_design_css_recipes_content_placeholder.contentPlaceholder)(variantProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PropsProvider, {
+		value: variantProps,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ClassNamesProvider, {
+			value: classNames,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_primitive.Primitive.div, {
+				ref,
+				...(0, _seed_design_dom_utils.mergeProps)({ className: classNames.root }, restProps)
+			})
+		})
+	});
+});
 ContentPlaceholderRoot.displayName = "ContentPlaceholderRoot";
-const ContentPlaceholderAsset = React__namespace.forwardRef(
-  ({ children, className, ...props }, ref) => {
-    const classNames = useClassNames();
-    const parentProps = useProps();
-    const asset = React.useMemo(() => {
-      if (children) return children;
-      return presets.contentPlaceholderAssetPresetMap[parentProps?.type ?? "default"];
-    }, [children, parentProps?.type]);
-    return /* @__PURE__ */ jsxRuntime.jsx(reactSlot.Slot, { ref, className: clsx.clsx(classNames.asset, className), ...props, children: asset });
-  }
-);
+var ContentPlaceholderAsset = react.forwardRef(({ children, className, ...props }, ref) => {
+	const classNames = useClassNames();
+	const parentProps = useProps();
+	const asset = (0, react.useMemo)(() => {
+		if (children) return children;
+		return require_presets.contentPlaceholderAssetPresetMap[parentProps?.type ?? "default"];
+	}, [children, parentProps?.type]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_slot.Slot, {
+		ref,
+		className: (0, clsx.clsx)(classNames.asset, className),
+		...props,
+		children: asset
+	});
+});
 ContentPlaceholderAsset.displayName = "ContentPlaceholderAsset";
-
+//#endregion
 exports.ContentPlaceholderAsset = ContentPlaceholderAsset;
 exports.ContentPlaceholderRoot = ContentPlaceholderRoot;