@seed-design/react 1.1.26 → 1.1.27

package/lib/components/BottomSheet/BottomSheet.js

@@ -1,21 +1,49 @@
-"use client";
-import { withStyleProps } from "../../utils/styled.js";
-import { createSlotRecipeContext } from "../../utils/createSlotRecipeContext.js";
-import { Primitive } from "@seed-design/react-primitive";
-import { bottomSheet } from "@seed-design/css/recipes/bottom-sheet";
-import { Drawer } from "@seed-design/react-drawer";
-//#region src/components/BottomSheet/BottomSheet.tsx
-var { withRootProvider, withContext } = createSlotRecipeContext(bottomSheet);
-var BottomSheetRoot = withRootProvider(Drawer.Root, { defaultProps: { direction: "bottom" } });
-var BottomSheetTrigger = Drawer.Trigger;
-var BottomSheetPositioner = withContext(Drawer.Positioner, "positioner");
-var BottomSheetBackdrop = withContext(Drawer.Backdrop, "backdrop");
-var BottomSheetContent = withContext(Drawer.Content, "content");
-var BottomSheetHeader = withContext(Primitive.div, "header");
-var BottomSheetTitle = withContext(Drawer.Title, "title");
-var BottomSheetDescription = withContext(Drawer.Description, "description");
-var BottomSheetBody = withContext(withStyleProps(Primitive.div), "body");
-var BottomSheetFooter = withContext(Primitive.div, "footer");
-var BottomSheetCloseButton = withContext(Drawer.CloseButton, "closeButton");
-//#endregion
+'use client';
+import { bottomSheet } from '@seed-design/css/recipes/bottom-sheet';
+import { Drawer } from '@seed-design/react-drawer';
+import { Primitive } from '@seed-design/react-primitive';
+import { createSlotRecipeContext } from '../../utils/createSlotRecipeContext.js';
+import { withStyleProps } from '../../utils/styled.js';
+
+const { withRootProvider, withContext } = createSlotRecipeContext(bottomSheet);
+const BottomSheetRoot = withRootProvider(Drawer.Root, {
+  defaultProps: {
+    direction: "bottom"
+  }
+});
+const BottomSheetTrigger = Drawer.Trigger;
+const BottomSheetPositioner = withContext(
+  Drawer.Positioner,
+  "positioner"
+);
+const BottomSheetBackdrop = withContext(
+  Drawer.Backdrop,
+  "backdrop"
+);
+const BottomSheetContent = withContext(
+  Drawer.Content,
+  "content"
+);
+const BottomSheetHeader = withContext(
+  Primitive.div,
+  "header"
+);
+const BottomSheetTitle = withContext(
+  Drawer.Title,
+  "title"
+);
+const BottomSheetDescription = withContext(Drawer.Description, "description");
+const BottomSheetBody = withContext(
+  withStyleProps(Primitive.div),
+  "body"
+);
+const BottomSheetFooter = withContext(
+  Primitive.div,
+  "footer"
+);
+const BottomSheetCloseButton = withContext(
+  Drawer.CloseButton,
+  "closeButton"
+);
+
 export { BottomSheetBackdrop, BottomSheetBody, BottomSheetCloseButton, BottomSheetContent, BottomSheetDescription, BottomSheetFooter, BottomSheetHeader, BottomSheetPositioner, BottomSheetRoot, BottomSheetTitle, BottomSheetTrigger };

package/lib/components/BottomSheet/BottomSheet.namespace.cjs

@@ -1,25 +1,21 @@
-const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
-const require_BottomSheet = require("./BottomSheet.cjs");
-const require_BottomSheetHandle = require("../BottomSheetHandle/BottomSheetHandle.cjs");
-//#region src/components/BottomSheet/BottomSheet.namespace.ts
-var BottomSheet_namespace_exports = /* @__PURE__ */ require_runtime.__exportAll({
-	Backdrop: () => require_BottomSheet.BottomSheetBackdrop,
-	Body: () => require_BottomSheet.BottomSheetBody,
-	CloseButton: () => require_BottomSheet.BottomSheetCloseButton,
-	Content: () => require_BottomSheet.BottomSheetContent,
-	Description: () => require_BottomSheet.BottomSheetDescription,
-	Footer: () => require_BottomSheet.BottomSheetFooter,
-	Handle: () => require_BottomSheetHandle.BottomSheetHandle,
-	Header: () => require_BottomSheet.BottomSheetHeader,
-	Positioner: () => require_BottomSheet.BottomSheetPositioner,
-	Root: () => require_BottomSheet.BottomSheetRoot,
-	Title: () => require_BottomSheet.BottomSheetTitle,
-	Trigger: () => require_BottomSheet.BottomSheetTrigger
-});
-//#endregion
-Object.defineProperty(exports, "BottomSheet_namespace_exports", {
-	enumerable: true,
-	get: function() {
-		return BottomSheet_namespace_exports;
-	}
-});
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const BottomSheet = require('./BottomSheet.cjs');
+const BottomSheetHandle = require('../BottomSheetHandle/BottomSheetHandle.cjs');
+
+
+
+exports.Backdrop = BottomSheet.BottomSheetBackdrop;
+exports.Body = BottomSheet.BottomSheetBody;
+exports.CloseButton = BottomSheet.BottomSheetCloseButton;
+exports.Content = BottomSheet.BottomSheetContent;
+exports.Description = BottomSheet.BottomSheetDescription;
+exports.Footer = BottomSheet.BottomSheetFooter;
+exports.Header = BottomSheet.BottomSheetHeader;
+exports.Positioner = BottomSheet.BottomSheetPositioner;
+exports.Root = BottomSheet.BottomSheetRoot;
+exports.Title = BottomSheet.BottomSheetTitle;
+exports.Trigger = BottomSheet.BottomSheetTrigger;
+exports.Handle = BottomSheetHandle.BottomSheetHandle;

package/lib/components/BottomSheet/BottomSheet.namespace.js

@@ -1,20 +1,2 @@
-import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
-import { BottomSheetBackdrop, BottomSheetBody, BottomSheetCloseButton, BottomSheetContent, BottomSheetDescription, BottomSheetFooter, BottomSheetHeader, BottomSheetPositioner, BottomSheetRoot, BottomSheetTitle, BottomSheetTrigger } from "./BottomSheet.js";
-import { BottomSheetHandle } from "../BottomSheetHandle/BottomSheetHandle.js";
-//#region src/components/BottomSheet/BottomSheet.namespace.ts
-var BottomSheet_namespace_exports = /* @__PURE__ */ __exportAll({
-	Backdrop: () => BottomSheetBackdrop,
-	Body: () => BottomSheetBody,
-	CloseButton: () => BottomSheetCloseButton,
-	Content: () => BottomSheetContent,
-	Description: () => BottomSheetDescription,
-	Footer: () => BottomSheetFooter,
-	Handle: () => BottomSheetHandle,
-	Header: () => BottomSheetHeader,
-	Positioner: () => BottomSheetPositioner,
-	Root: () => BottomSheetRoot,
-	Title: () => BottomSheetTitle,
-	Trigger: () => BottomSheetTrigger
-});
-//#endregion
-export { BottomSheet_namespace_exports };
+export { BottomSheetBackdrop as Backdrop, BottomSheetBody as Body, BottomSheetCloseButton as CloseButton, BottomSheetContent as Content, BottomSheetDescription as Description, BottomSheetFooter as Footer, BottomSheetHeader as Header, BottomSheetPositioner as Positioner, BottomSheetRoot as Root, BottomSheetTitle as Title, BottomSheetTrigger as Trigger } from './BottomSheet.js';
+export { BottomSheetHandle as Handle } from '../BottomSheetHandle/BottomSheetHandle.js';

package/lib/components/BottomSheet/index.cjs

@@ -1,20 +1,21 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_BottomSheet = require("./BottomSheet.cjs");
-const require_BottomSheet_namespace = require("./BottomSheet.namespace.cjs");
-Object.defineProperty(exports, "BottomSheet", {
-	enumerable: true,
-	get: function() {
-		return require_BottomSheet_namespace.BottomSheet_namespace_exports;
-	}
-});
-exports.BottomSheetBackdrop = require_BottomSheet.BottomSheetBackdrop;
-exports.BottomSheetBody = require_BottomSheet.BottomSheetBody;
-exports.BottomSheetCloseButton = require_BottomSheet.BottomSheetCloseButton;
-exports.BottomSheetContent = require_BottomSheet.BottomSheetContent;
-exports.BottomSheetDescription = require_BottomSheet.BottomSheetDescription;
-exports.BottomSheetFooter = require_BottomSheet.BottomSheetFooter;
-exports.BottomSheetHeader = require_BottomSheet.BottomSheetHeader;
-exports.BottomSheetPositioner = require_BottomSheet.BottomSheetPositioner;
-exports.BottomSheetRoot = require_BottomSheet.BottomSheetRoot;
-exports.BottomSheetTitle = require_BottomSheet.BottomSheetTitle;
-exports.BottomSheetTrigger = require_BottomSheet.BottomSheetTrigger;
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const BottomSheet = require('./BottomSheet.cjs');
+const BottomSheet_namespace = require('./BottomSheet.namespace.cjs');
+
+
+
+exports.BottomSheetBackdrop = BottomSheet.BottomSheetBackdrop;
+exports.BottomSheetBody = BottomSheet.BottomSheetBody;
+exports.BottomSheetCloseButton = BottomSheet.BottomSheetCloseButton;
+exports.BottomSheetContent = BottomSheet.BottomSheetContent;
+exports.BottomSheetDescription = BottomSheet.BottomSheetDescription;
+exports.BottomSheetFooter = BottomSheet.BottomSheetFooter;
+exports.BottomSheetHeader = BottomSheet.BottomSheetHeader;
+exports.BottomSheetPositioner = BottomSheet.BottomSheetPositioner;
+exports.BottomSheetRoot = BottomSheet.BottomSheetRoot;
+exports.BottomSheetTitle = BottomSheet.BottomSheetTitle;
+exports.BottomSheetTrigger = BottomSheet.BottomSheetTrigger;
+exports.BottomSheet = BottomSheet_namespace;

package/lib/components/BottomSheet/index.js

@@ -1,3 +1,3 @@
-import { BottomSheetBackdrop, BottomSheetBody, BottomSheetCloseButton, BottomSheetContent, BottomSheetDescription, BottomSheetFooter, BottomSheetHeader, BottomSheetPositioner, BottomSheetRoot, BottomSheetTitle, BottomSheetTrigger } from "./BottomSheet.js";
-import { BottomSheet_namespace_exports } from "./BottomSheet.namespace.js";
-export { BottomSheet_namespace_exports as BottomSheet, BottomSheetBackdrop, BottomSheetBody, BottomSheetCloseButton, BottomSheetContent, BottomSheetDescription, BottomSheetFooter, BottomSheetHeader, BottomSheetPositioner, BottomSheetRoot, BottomSheetTitle, BottomSheetTrigger };
+export { BottomSheetBackdrop, BottomSheetBody, BottomSheetCloseButton, BottomSheetContent, BottomSheetDescription, BottomSheetFooter, BottomSheetHeader, BottomSheetPositioner, BottomSheetRoot, BottomSheetTitle, BottomSheetTrigger } from './BottomSheet.js';
+import * as BottomSheet_namespace from './BottomSheet.namespace.js';
+export { BottomSheet_namespace as BottomSheet };

package/lib/components/BottomSheetHandle/BottomSheetHandle.cjs

@@ -1,26 +1,21 @@
-"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");
-react = require_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
-let _seed_design_react_drawer = require("@seed-design/react-drawer");
-let _seed_design_css_recipes_bottom_sheet_handle = require("@seed-design/css/recipes/bottom-sheet-handle");
-//#region src/components/BottomSheetHandle/BottomSheetHandle.tsx
-var BottomSheetHandle = react.default.forwardRef(({ className, ...props }, ref) => {
-	const classNames = (0, _seed_design_css_recipes_bottom_sheet_handle.bottomSheetHandle)();
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_drawer.Drawer.Handle, {
-		ref,
-		className: (0, clsx.default)(classNames.root, className),
-		...props,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_primitive.Primitive.div, {
-			"aria-hidden": "true",
-			className: classNames.touchArea
-		})
-	});
-});
+'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 reactDrawer = require('@seed-design/react-drawer');
+const bottomSheetHandle = require('@seed-design/css/recipes/bottom-sheet-handle');
+const React = require('react');
+const clsx = require('clsx');
+
+const BottomSheetHandle = React.forwardRef(
+  ({ className, ...props }, ref) => {
+    const classNames = bottomSheetHandle.bottomSheetHandle();
+    return /* @__PURE__ */ jsxRuntime.jsx(reactDrawer.Drawer.Handle, { ref, className: clsx(classNames.root, className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx(reactPrimitive.Primitive.div, { "aria-hidden": "true", className: classNames.touchArea }) });
+  }
+);
 BottomSheetHandle.displayName = "BottomSheetHandle";
-//#endregion
+
 exports.BottomSheetHandle = BottomSheetHandle;

package/lib/components/BottomSheetHandle/BottomSheetHandle.js

@@ -1,23 +1,17 @@
-"use client";
-import { Primitive } from "@seed-design/react-primitive";
-import clsx from "clsx";
-import React from "react";
-import { jsx } from "react/jsx-runtime";
-import { Drawer } from "@seed-design/react-drawer";
-import { bottomSheetHandle } from "@seed-design/css/recipes/bottom-sheet-handle";
-//#region src/components/BottomSheetHandle/BottomSheetHandle.tsx
-var BottomSheetHandle = React.forwardRef(({ className, ...props }, ref) => {
-	const classNames = bottomSheetHandle();
-	return /* @__PURE__ */ jsx(Drawer.Handle, {
-		ref,
-		className: clsx(classNames.root, className),
-		...props,
-		children: /* @__PURE__ */ jsx(Primitive.div, {
-			"aria-hidden": "true",
-			className: classNames.touchArea
-		})
-	});
-});
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { Primitive } from '@seed-design/react-primitive';
+import { Drawer } from '@seed-design/react-drawer';
+import { bottomSheetHandle } from '@seed-design/css/recipes/bottom-sheet-handle';
+import React__default from 'react';
+import clsx from 'clsx';
+
+const BottomSheetHandle = React__default.forwardRef(
+  ({ className, ...props }, ref) => {
+    const classNames = bottomSheetHandle();
+    return /* @__PURE__ */ jsx(Drawer.Handle, { ref, className: clsx(classNames.root, className), ...props, children: /* @__PURE__ */ jsx(Primitive.div, { "aria-hidden": "true", className: classNames.touchArea }) });
+  }
+);
 BottomSheetHandle.displayName = "BottomSheetHandle";
-//#endregion
+
 export { BottomSheetHandle };

package/lib/components/BottomSheetHandle/index.cjs

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

package/lib/components/BottomSheetHandle/index.js

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

package/lib/components/Box/Box.cjs

@@ -1,28 +1,40 @@
-"use client";
-const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
-const require_styled = require("../../utils/styled.cjs");
-let clsx = require("clsx");
-clsx = require_runtime.__toESM(clsx);
-let react = require("react");
-react = require_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
-let _radix_ui_react_slot = require("@radix-ui/react-slot");
-//#region src/components/Box/Box.tsx
-var Box = react.forwardRef((props, ref) => {
-	const { style, restProps } = require_styled.useStyleProps(props);
-	const { as: Comp = "div", asChild = false, className, ...nativeProps } = restProps;
-	if (asChild) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_slot.Slot, {
-		ref,
-		className: (0, clsx.default)("seed-box", className),
-		style,
-		...nativeProps
-	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Comp, {
-		ref,
-		className: (0, clsx.default)("seed-box", className),
-		style,
-		...nativeProps
-	});
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const clsx = require('clsx');
+const React = require('react');
+const styled = require('../../utils/styled.cjs');
+const reactSlot = require('@radix-ui/react-slot');
+
+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 Box = React__namespace.forwardRef((props, ref) => {
+  const { style, restProps } = styled.useStyleProps(props);
+  const { as: Comp = "div", asChild = false, className, ...nativeProps } = restProps;
+  if (asChild) {
+    return /* @__PURE__ */ jsxRuntime.jsx(reactSlot.Slot, { ref, className: clsx("seed-box", className), style, ...nativeProps });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(Comp, { ref, className: clsx("seed-box", className), style, ...nativeProps });
 });
-//#endregion
+
 exports.Box = Box;

package/lib/components/Box/Box.js

@@ -1,25 +1,17 @@
-"use client";
-import { useStyleProps } from "../../utils/styled.js";
-import clsx from "clsx";
-import * as React$1 from "react";
-import { jsx } from "react/jsx-runtime";
-import { Slot } from "@radix-ui/react-slot";
-//#region src/components/Box/Box.tsx
-var Box = React$1.forwardRef((props, ref) => {
-	const { style, restProps } = useStyleProps(props);
-	const { as: Comp = "div", asChild = false, className, ...nativeProps } = restProps;
-	if (asChild) return /* @__PURE__ */ jsx(Slot, {
-		ref,
-		className: clsx("seed-box", className),
-		style,
-		...nativeProps
-	});
-	return /* @__PURE__ */ jsx(Comp, {
-		ref,
-		className: clsx("seed-box", className),
-		style,
-		...nativeProps
-	});
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import clsx from 'clsx';
+import * as React from 'react';
+import { useStyleProps } from '../../utils/styled.js';
+import { Slot } from '@radix-ui/react-slot';
+
+const Box = React.forwardRef((props, ref) => {
+  const { style, restProps } = useStyleProps(props);
+  const { as: Comp = "div", asChild = false, className, ...nativeProps } = restProps;
+  if (asChild) {
+    return /* @__PURE__ */ jsx(Slot, { ref, className: clsx("seed-box", className), style, ...nativeProps });
+  }
+  return /* @__PURE__ */ jsx(Comp, { ref, className: clsx("seed-box", className), style, ...nativeProps });
 });
-//#endregion
+
 export { Box };

package/lib/components/Box/index.cjs

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

package/lib/components/Box/index.js

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

package/lib/components/Callout/Callout.cjs

@@ -1,18 +1,36 @@
-"use client";
-require("../../_virtual/_rolldown/runtime.cjs");
-const require_createSlotRecipeContext = require("../../utils/createSlotRecipeContext.cjs");
-const require_useDismissible = require("../private/useDismissible.cjs");
-let _seed_design_react_primitive = require("@seed-design/react-primitive");
-let _seed_design_css_recipes_callout = require("@seed-design/css/recipes/callout");
-//#region src/components/Callout/Callout.tsx
-var { withContext, withProvider } = require_createSlotRecipeContext.createSlotRecipeContext(_seed_design_css_recipes_callout.callout);
-var CalloutRoot = withProvider(require_useDismissible.DismissibleRoot, "root");
-var CalloutContent = withContext(_seed_design_react_primitive.Primitive.div, "content");
-var CalloutTitle = withContext(_seed_design_react_primitive.Primitive.span, "title");
-var CalloutDescription = withContext(_seed_design_react_primitive.Primitive.span, "description");
-var CalloutLink = withContext(_seed_design_react_primitive.Primitive.button, "link");
-var CalloutCloseButton = withContext(require_useDismissible.DismissibleCloseButton, "closeButton");
-//#endregion
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const reactPrimitive = require('@seed-design/react-primitive');
+const callout = require('@seed-design/css/recipes/callout');
+const createSlotRecipeContext = require('../../utils/createSlotRecipeContext.cjs');
+const useDismissible = require('../private/useDismissible.cjs');
+
+const { withContext, withProvider } = createSlotRecipeContext.createSlotRecipeContext(callout.callout);
+const CalloutRoot = withProvider(useDismissible.DismissibleRoot, "root");
+const CalloutContent = withContext(
+  reactPrimitive.Primitive.div,
+  "content"
+);
+const CalloutTitle = withContext(
+  reactPrimitive.Primitive.span,
+  "title"
+);
+const CalloutDescription = withContext(
+  reactPrimitive.Primitive.span,
+  "description"
+);
+const CalloutLink = withContext(
+  reactPrimitive.Primitive.button,
+  "link"
+);
+const CalloutCloseButton = withContext(
+  useDismissible.DismissibleCloseButton,
+  "closeButton"
+);
+
 exports.CalloutCloseButton = CalloutCloseButton;
 exports.CalloutContent = CalloutContent;
 exports.CalloutDescription = CalloutDescription;

package/lib/components/Callout/Callout.js

@@ -1,15 +1,30 @@
-"use client";
-import { createSlotRecipeContext } from "../../utils/createSlotRecipeContext.js";
-import { DismissibleCloseButton, DismissibleRoot } from "../private/useDismissible.js";
-import { Primitive } from "@seed-design/react-primitive";
-import { callout } from "@seed-design/css/recipes/callout";
-//#region src/components/Callout/Callout.tsx
-var { withContext, withProvider } = createSlotRecipeContext(callout);
-var CalloutRoot = withProvider(DismissibleRoot, "root");
-var CalloutContent = withContext(Primitive.div, "content");
-var CalloutTitle = withContext(Primitive.span, "title");
-var CalloutDescription = withContext(Primitive.span, "description");
-var CalloutLink = withContext(Primitive.button, "link");
-var CalloutCloseButton = withContext(DismissibleCloseButton, "closeButton");
-//#endregion
+'use client';
+import { Primitive } from '@seed-design/react-primitive';
+import { callout } from '@seed-design/css/recipes/callout';
+import { createSlotRecipeContext } from '../../utils/createSlotRecipeContext.js';
+import { DismissibleCloseButton, DismissibleRoot } from '../private/useDismissible.js';
+
+const { withContext, withProvider } = createSlotRecipeContext(callout);
+const CalloutRoot = withProvider(DismissibleRoot, "root");
+const CalloutContent = withContext(
+  Primitive.div,
+  "content"
+);
+const CalloutTitle = withContext(
+  Primitive.span,
+  "title"
+);
+const CalloutDescription = withContext(
+  Primitive.span,
+  "description"
+);
+const CalloutLink = withContext(
+  Primitive.button,
+  "link"
+);
+const CalloutCloseButton = withContext(
+  DismissibleCloseButton,
+  "closeButton"
+);
+
 export { CalloutCloseButton, CalloutContent, CalloutDescription, CalloutLink, CalloutRoot, CalloutTitle };

package/lib/components/Callout/Callout.namespace.cjs

@@ -1,18 +1,14 @@
-const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
-const require_Callout = require("./Callout.cjs");
-//#region src/components/Callout/Callout.namespace.ts
-var Callout_namespace_exports = /* @__PURE__ */ require_runtime.__exportAll({
-	CloseButton: () => require_Callout.CalloutCloseButton,
-	Content: () => require_Callout.CalloutContent,
-	Description: () => require_Callout.CalloutDescription,
-	Link: () => require_Callout.CalloutLink,
-	Root: () => require_Callout.CalloutRoot,
-	Title: () => require_Callout.CalloutTitle
-});
-//#endregion
-Object.defineProperty(exports, "Callout_namespace_exports", {
-	enumerable: true,
-	get: function() {
-		return Callout_namespace_exports;
-	}
-});
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const Callout = require('./Callout.cjs');
+
+
+
+exports.CloseButton = Callout.CalloutCloseButton;
+exports.Content = Callout.CalloutContent;
+exports.Description = Callout.CalloutDescription;
+exports.Link = Callout.CalloutLink;
+exports.Root = Callout.CalloutRoot;
+exports.Title = Callout.CalloutTitle;

package/lib/components/Callout/Callout.namespace.js

@@ -1,13 +1 @@
-import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
-import { CalloutCloseButton, CalloutContent, CalloutDescription, CalloutLink, CalloutRoot, CalloutTitle } from "./Callout.js";
-//#region src/components/Callout/Callout.namespace.ts
-var Callout_namespace_exports = /* @__PURE__ */ __exportAll({
-	CloseButton: () => CalloutCloseButton,
-	Content: () => CalloutContent,
-	Description: () => CalloutDescription,
-	Link: () => CalloutLink,
-	Root: () => CalloutRoot,
-	Title: () => CalloutTitle
-});
-//#endregion
-export { Callout_namespace_exports };
+export { CalloutCloseButton as CloseButton, CalloutContent as Content, CalloutDescription as Description, CalloutLink as Link, CalloutRoot as Root, CalloutTitle as Title } from './Callout.js';

package/lib/components/Callout/index.cjs

@@ -1,15 +1,16 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_Callout = require("./Callout.cjs");
-const require_Callout_namespace = require("./Callout.namespace.cjs");
-Object.defineProperty(exports, "Callout", {
-	enumerable: true,
-	get: function() {
-		return require_Callout_namespace.Callout_namespace_exports;
-	}
-});
-exports.CalloutCloseButton = require_Callout.CalloutCloseButton;
-exports.CalloutContent = require_Callout.CalloutContent;
-exports.CalloutDescription = require_Callout.CalloutDescription;
-exports.CalloutLink = require_Callout.CalloutLink;
-exports.CalloutRoot = require_Callout.CalloutRoot;
-exports.CalloutTitle = require_Callout.CalloutTitle;
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const Callout = require('./Callout.cjs');
+const Callout_namespace = require('./Callout.namespace.cjs');
+
+
+
+exports.CalloutCloseButton = Callout.CalloutCloseButton;
+exports.CalloutContent = Callout.CalloutContent;
+exports.CalloutDescription = Callout.CalloutDescription;
+exports.CalloutLink = Callout.CalloutLink;
+exports.CalloutRoot = Callout.CalloutRoot;
+exports.CalloutTitle = Callout.CalloutTitle;
+exports.Callout = Callout_namespace;

package/lib/components/Callout/index.js

@@ -1,3 +1,3 @@
-import { CalloutCloseButton, CalloutContent, CalloutDescription, CalloutLink, CalloutRoot, CalloutTitle } from "./Callout.js";
-import { Callout_namespace_exports } from "./Callout.namespace.js";
-export { Callout_namespace_exports as Callout, CalloutCloseButton, CalloutContent, CalloutDescription, CalloutLink, CalloutRoot, CalloutTitle };
+export { CalloutCloseButton, CalloutContent, CalloutDescription, CalloutLink, CalloutRoot, CalloutTitle } from './Callout.js';
+import * as Callout_namespace from './Callout.namespace.js';
+export { Callout_namespace as Callout };