@seed-design/stackflow 1.1.19 → 1.1.21

package/lib/_virtual/_rolldown/runtime.cjs

@@ -0,0 +1,34 @@
+"use client";
+//#region \0rolldown/runtime.js
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __exportAll = (all, no_symbols) => {
+	let target = {};
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+	if (!no_symbols) __defProp(target, Symbol.toStringTag, { value: "Module" });
+	return target;
+};
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+//#endregion
+exports.__exportAll = __exportAll;
+exports.__toESM = __toESM;

package/lib/_virtual/_rolldown/runtime.js

@@ -0,0 +1,14 @@
+"use client";
+//#region \0rolldown/runtime.js
+var __defProp = Object.defineProperty;
+var __exportAll = (all, no_symbols) => {
+	let target = {};
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+	if (!no_symbols) __defProp(target, Symbol.toStringTag, { value: "Module" });
+	return target;
+};
+//#endregion
+export { __exportAll };

package/lib/components/AppBar/AppBar.cjs

@@ -1,98 +1,99 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const jsxRuntime = require('react/jsx-runtime');
-const reactSlot = require('@radix-ui/react-slot');
-const appBar = require('@seed-design/css/recipes/app-bar');
-const appBarMain = require('@seed-design/css/recipes/app-bar-main');
-const domUtils = require('@seed-design/dom-utils');
-const reactPrimitive = require('@seed-design/react-primitive');
-const clsx = require('clsx');
-const React = require('react');
-const AppBar = require('../../primitive/AppBar/AppBar.cjs');
-const useAppBarContext = require('../../primitive/AppBar/useAppBarContext.cjs');
-const createStyleContext = require('../../utils/createStyleContext.cjs');
-const useTopActivity = require('../../primitive/private/useTopActivity.cjs');
-const react = require('@stackflow/react');
-const styled = require('../../utils/styled.cjs');
-
-const { PropsProvider, ClassNamesProvider, useProps, withContext, useClassNames } = createStyleContext.createStyleContext(appBar.appBar);
-const {
-  PropsProvider: MainPropsProvider,
-  withProvider: withMainProvider,
-  withContext: withMainContext
-} = createStyleContext.createStyleContext(appBarMain.appBarMain);
-const AppBarPropsProvider = PropsProvider;
-const AppBarRoot = React.forwardRef((props, ref) => {
-  const { style: boxStyle, restProps: propsWithoutBoxProps } = styled.useBoxBackgroundProps(props);
-  const contextProps = useProps();
-  const [variantProps, otherProps] = appBar.appBar.splitVariantProps({
-    ...contextProps,
-    ...propsWithoutBoxProps
-  });
-  const topActivityTransitionStyle = useTopActivity.useTopActivity().transitionStyle;
-  const resolvedVariantProps = {
-    // this includes the default transitionStyle decided by theme, from contextProps or props
-    ...variantProps,
-    ...react.useActivity().isTop === false && {
-      transitionStyle: topActivityTransitionStyle
-    }
-  };
-  const classNames = appBar.appBar(resolvedVariantProps);
-  return /* @__PURE__ */ jsxRuntime.jsx(ClassNamesProvider, { value: classNames, children: /* @__PURE__ */ jsxRuntime.jsx(MainPropsProvider, { value: resolvedVariantProps, children: /* @__PURE__ */ jsxRuntime.jsx(
-    AppBar.AppBarRoot,
-    {
-      ref,
-      ...domUtils.mergeProps({ className: classNames.root, style: boxStyle }, otherProps)
-    }
-  ) }) });
+"use client";
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_anatomy = require("../../primitive/AppBar/anatomy.cjs");
+const require_useAppBarContext = require("../../primitive/AppBar/useAppBarContext.cjs");
+const require_AppBar = require("../../primitive/AppBar/AppBar.cjs");
+const require_useTopActivity = require("../../primitive/private/useTopActivity.cjs");
+const require_createStyleContext = require("../../utils/createStyleContext.cjs");
+const require_styled = require("../../utils/styled.cjs");
+let _radix_ui_react_slot = require("@radix-ui/react-slot");
+let _seed_design_css_recipes_app_bar = require("@seed-design/css/recipes/app-bar");
+let _seed_design_css_recipes_app_bar_main = require("@seed-design/css/recipes/app-bar-main");
+let _seed_design_dom_utils = require("@seed-design/dom-utils");
+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 _stackflow_react = require("@stackflow/react");
+//#region src/components/AppBar/AppBar.tsx
+var { PropsProvider, ClassNamesProvider, useProps, withContext, useClassNames } = require_createStyleContext.createStyleContext(_seed_design_css_recipes_app_bar.appBar);
+var { PropsProvider: MainPropsProvider, withProvider: withMainProvider, withContext: withMainContext } = require_createStyleContext.createStyleContext(_seed_design_css_recipes_app_bar_main.appBarMain);
+var AppBarPropsProvider = PropsProvider;
+var AppBarRoot = (0, react.forwardRef)((props, ref) => {
+	const { style: boxStyle, restProps: propsWithoutBoxProps } = require_styled.useBoxBackgroundProps(props);
+	const contextProps = useProps();
+	const [variantProps, otherProps] = _seed_design_css_recipes_app_bar.appBar.splitVariantProps({
+		...contextProps,
+		...propsWithoutBoxProps
+	});
+	const topActivityTransitionStyle = require_useTopActivity.useTopActivity().transitionStyle;
+	const resolvedVariantProps = {
+		...variantProps,
+		...(0, _stackflow_react.useActivity)().isTop === false && { transitionStyle: topActivityTransitionStyle }
+	};
+	const classNames = (0, _seed_design_css_recipes_app_bar.appBar)(resolvedVariantProps);
+	const { children, ...restProps } = otherProps;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ClassNamesProvider, {
+		value: classNames,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MainPropsProvider, {
+			value: resolvedVariantProps,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_AppBar.AppBarRoot, {
+				ref,
+				...(0, _seed_design_dom_utils.mergeProps)({
+					className: classNames.root,
+					style: boxStyle
+				}, restProps),
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					"aria-hidden": true,
+					"data-part": require_anatomy.appBarAnatomy.background,
+					className: classNames.background
+				}), children]
+			})
+		})
+	});
 });
 AppBarRoot.displayName = "AppBarRoot";
-const AppBarLeft = withContext(
-  AppBar.AppBarLeft,
-  "left"
-);
-const AppBarRight = withContext(
-  AppBar.AppBarRight,
-  "right"
-);
-const AppBarMain = withMainProvider(
-  AppBar.AppBarMain,
-  "root"
-);
-const AppBarTitle = withMainContext(
-  reactPrimitive.Primitive.span,
-  "title"
-);
-const AppBarSubtitle = withMainContext(
-  reactPrimitive.Primitive.span,
-  "subtitle"
-);
-const AppBarIconButton = React.forwardRef(
-  ({ children, className, ...otherProps }, ref) => {
-    const { stateProps } = useAppBarContext.useAppBarContext();
-    const classNames = useClassNames();
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      reactPrimitive.Primitive.button,
-      {
-        ref,
-        type: "button",
-        className: clsx(classNames.iconButton, className),
-        ...domUtils.mergeProps(stateProps, otherProps),
-        children: /* @__PURE__ */ jsxRuntime.jsx(reactSlot.Slot, { className: classNames.icon, ...stateProps, children })
-      }
-    );
-  }
-);
+var AppBarLeft = withContext(require_AppBar.AppBarLeft, "left");
+var AppBarRight = withContext(require_AppBar.AppBarRight, "right");
+var AppBarMain = withMainProvider(require_AppBar.AppBarMain, "root");
+var AppBarTitle = withMainContext(_seed_design_react_primitive.Primitive.span, "title");
+var AppBarSubtitle = withMainContext(_seed_design_react_primitive.Primitive.span, "subtitle");
+var AppBarIconButton = (0, react.forwardRef)(({ children, className, ...otherProps }, ref) => {
+	const { stateProps } = require_useAppBarContext.useAppBarContext();
+	const classNames = useClassNames();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_primitive.Primitive.button, {
+		ref,
+		type: "button",
+		className: (0, clsx.default)(classNames.iconButton, className),
+		...(0, _seed_design_dom_utils.mergeProps)(stateProps, otherProps),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_slot.Slot, {
+			className: classNames.icon,
+			"data-part": require_anatomy.appBarAnatomy.icon,
+			...stateProps,
+			children
+		})
+	});
+});
 AppBarIconButton.displayName = "IconButton";
-
+var AppBarSlot = (0, react.forwardRef)(({ children, className, ...otherProps }, ref) => {
+	const { stateProps } = require_useAppBarContext.useAppBarContext();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_slot.Slot, {
+		ref,
+		className: (0, clsx.default)(useClassNames().custom, className),
+		"data-part": require_anatomy.appBarAnatomy.custom,
+		...(0, _seed_design_dom_utils.mergeProps)(stateProps, otherProps),
+		children
+	});
+});
+AppBarSlot.displayName = "AppBarSlot";
+//#endregion
 exports.AppBarIconButton = AppBarIconButton;
 exports.AppBarLeft = AppBarLeft;
 exports.AppBarMain = AppBarMain;
 exports.AppBarPropsProvider = AppBarPropsProvider;
 exports.AppBarRight = AppBarRight;
 exports.AppBarRoot = AppBarRoot;
+exports.AppBarSlot = AppBarSlot;
 exports.AppBarSubtitle = AppBarSubtitle;
 exports.AppBarTitle = AppBarTitle;

package/lib/components/AppBar/AppBar.d.ts

@@ -29,3 +29,6 @@ export declare const AppBarSubtitle: ForwardRefExoticComponent<AppBarSubtitlePro
 export interface AppBarIconButtonProps extends PrimitiveProps, React.ButtonHTMLAttributes<HTMLButtonElement> {
 }
 export declare const AppBarIconButton: ForwardRefExoticComponent<AppBarIconButtonProps & RefAttributes<HTMLButtonElement>>;
+export interface AppBarSlotProps extends PrimitiveProps, React.HTMLAttributes<HTMLElement> {
+}
+export declare const AppBarSlot: ForwardRefExoticComponent<AppBarSlotProps & RefAttributes<HTMLElement>>;

package/lib/components/AppBar/AppBar.js

@@ -1,87 +1,89 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { Slot } from '@radix-ui/react-slot';
-import { appBar } from '@seed-design/css/recipes/app-bar';
-import { appBarMain } from '@seed-design/css/recipes/app-bar-main';
-import { mergeProps } from '@seed-design/dom-utils';
-import { Primitive } from '@seed-design/react-primitive';
-import clsx from 'clsx';
-import { forwardRef } from 'react';
-import { AppBarLeft as AppBarLeft$1, AppBarMain as AppBarMain$1, AppBarRight as AppBarRight$1, AppBarRoot as AppBarRoot$1 } from '../../primitive/AppBar/AppBar.js';
-import { useAppBarContext } from '../../primitive/AppBar/useAppBarContext.js';
-import { createStyleContext } from '../../utils/createStyleContext.js';
-import { useTopActivity } from '../../primitive/private/useTopActivity.js';
-import { useActivity } from '@stackflow/react';
-import { useBoxBackgroundProps } from '../../utils/styled.js';
-
-const { PropsProvider, ClassNamesProvider, useProps, withContext, useClassNames } = createStyleContext(appBar);
-const {
-  PropsProvider: MainPropsProvider,
-  withProvider: withMainProvider,
-  withContext: withMainContext
-} = createStyleContext(appBarMain);
-const AppBarPropsProvider = PropsProvider;
-const AppBarRoot = forwardRef((props, ref) => {
-  const { style: boxStyle, restProps: propsWithoutBoxProps } = useBoxBackgroundProps(props);
-  const contextProps = useProps();
-  const [variantProps, otherProps] = appBar.splitVariantProps({
-    ...contextProps,
-    ...propsWithoutBoxProps
-  });
-  const topActivityTransitionStyle = useTopActivity().transitionStyle;
-  const resolvedVariantProps = {
-    // this includes the default transitionStyle decided by theme, from contextProps or props
-    ...variantProps,
-    ...useActivity().isTop === false && {
-      transitionStyle: topActivityTransitionStyle
-    }
-  };
-  const classNames = appBar(resolvedVariantProps);
-  return /* @__PURE__ */ jsx(ClassNamesProvider, { value: classNames, children: /* @__PURE__ */ jsx(MainPropsProvider, { value: resolvedVariantProps, children: /* @__PURE__ */ jsx(
-    AppBarRoot$1,
-    {
-      ref,
-      ...mergeProps({ className: classNames.root, style: boxStyle }, otherProps)
-    }
-  ) }) });
+"use client";
+import { appBarAnatomy } from "../../primitive/AppBar/anatomy.js";
+import { useAppBarContext } from "../../primitive/AppBar/useAppBarContext.js";
+import { AppBarLeft as AppBarLeft$1, AppBarMain as AppBarMain$1, AppBarRight as AppBarRight$1, AppBarRoot as AppBarRoot$1 } from "../../primitive/AppBar/AppBar.js";
+import { useTopActivity } from "../../primitive/private/useTopActivity.js";
+import { createStyleContext } from "../../utils/createStyleContext.js";
+import { useBoxBackgroundProps } from "../../utils/styled.js";
+import { Slot } from "@radix-ui/react-slot";
+import { appBar } from "@seed-design/css/recipes/app-bar";
+import { appBarMain } from "@seed-design/css/recipes/app-bar-main";
+import { mergeProps } from "@seed-design/dom-utils";
+import { Primitive } from "@seed-design/react-primitive";
+import clsx from "clsx";
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useActivity } from "@stackflow/react";
+//#region src/components/AppBar/AppBar.tsx
+var { PropsProvider, ClassNamesProvider, useProps, withContext, useClassNames } = createStyleContext(appBar);
+var { PropsProvider: MainPropsProvider, withProvider: withMainProvider, withContext: withMainContext } = createStyleContext(appBarMain);
+var AppBarPropsProvider = PropsProvider;
+var AppBarRoot = forwardRef((props, ref) => {
+	const { style: boxStyle, restProps: propsWithoutBoxProps } = useBoxBackgroundProps(props);
+	const contextProps = useProps();
+	const [variantProps, otherProps] = appBar.splitVariantProps({
+		...contextProps,
+		...propsWithoutBoxProps
+	});
+	const topActivityTransitionStyle = useTopActivity().transitionStyle;
+	const resolvedVariantProps = {
+		...variantProps,
+		...useActivity().isTop === false && { transitionStyle: topActivityTransitionStyle }
+	};
+	const classNames = appBar(resolvedVariantProps);
+	const { children, ...restProps } = otherProps;
+	return /* @__PURE__ */ jsx(ClassNamesProvider, {
+		value: classNames,
+		children: /* @__PURE__ */ jsx(MainPropsProvider, {
+			value: resolvedVariantProps,
+			children: /* @__PURE__ */ jsxs(AppBarRoot$1, {
+				ref,
+				...mergeProps({
+					className: classNames.root,
+					style: boxStyle
+				}, restProps),
+				children: [/* @__PURE__ */ jsx("div", {
+					"aria-hidden": true,
+					"data-part": appBarAnatomy.background,
+					className: classNames.background
+				}), children]
+			})
+		})
+	});
 });
 AppBarRoot.displayName = "AppBarRoot";
-const AppBarLeft = withContext(
-  AppBarLeft$1,
-  "left"
-);
-const AppBarRight = withContext(
-  AppBarRight$1,
-  "right"
-);
-const AppBarMain = withMainProvider(
-  AppBarMain$1,
-  "root"
-);
-const AppBarTitle = withMainContext(
-  Primitive.span,
-  "title"
-);
-const AppBarSubtitle = withMainContext(
-  Primitive.span,
-  "subtitle"
-);
-const AppBarIconButton = forwardRef(
-  ({ children, className, ...otherProps }, ref) => {
-    const { stateProps } = useAppBarContext();
-    const classNames = useClassNames();
-    return /* @__PURE__ */ jsx(
-      Primitive.button,
-      {
-        ref,
-        type: "button",
-        className: clsx(classNames.iconButton, className),
-        ...mergeProps(stateProps, otherProps),
-        children: /* @__PURE__ */ jsx(Slot, { className: classNames.icon, ...stateProps, children })
-      }
-    );
-  }
-);
+var AppBarLeft = withContext(AppBarLeft$1, "left");
+var AppBarRight = withContext(AppBarRight$1, "right");
+var AppBarMain = withMainProvider(AppBarMain$1, "root");
+var AppBarTitle = withMainContext(Primitive.span, "title");
+var AppBarSubtitle = withMainContext(Primitive.span, "subtitle");
+var AppBarIconButton = forwardRef(({ children, className, ...otherProps }, ref) => {
+	const { stateProps } = useAppBarContext();
+	const classNames = useClassNames();
+	return /* @__PURE__ */ jsx(Primitive.button, {
+		ref,
+		type: "button",
+		className: clsx(classNames.iconButton, className),
+		...mergeProps(stateProps, otherProps),
+		children: /* @__PURE__ */ jsx(Slot, {
+			className: classNames.icon,
+			"data-part": appBarAnatomy.icon,
+			...stateProps,
+			children
+		})
+	});
+});
 AppBarIconButton.displayName = "IconButton";
-
-export { AppBarIconButton, AppBarLeft, AppBarMain, AppBarPropsProvider, AppBarRight, AppBarRoot, AppBarSubtitle, AppBarTitle };
+var AppBarSlot = forwardRef(({ children, className, ...otherProps }, ref) => {
+	const { stateProps } = useAppBarContext();
+	return /* @__PURE__ */ jsx(Slot, {
+		ref,
+		className: clsx(useClassNames().custom, className),
+		"data-part": appBarAnatomy.custom,
+		...mergeProps(stateProps, otherProps),
+		children
+	});
+});
+AppBarSlot.displayName = "AppBarSlot";
+//#endregion
+export { AppBarIconButton, AppBarLeft, AppBarMain, AppBarPropsProvider, AppBarRight, AppBarRoot, AppBarSlot, AppBarSubtitle, AppBarTitle };

package/lib/components/AppBar/AppBar.namespace.cjs

@@ -1,15 +1,20 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const AppBar = require('./AppBar.cjs');
-
-
-
-exports.IconButton = AppBar.AppBarIconButton;
-exports.Left = AppBar.AppBarLeft;
-exports.Main = AppBar.AppBarMain;
-exports.Right = AppBar.AppBarRight;
-exports.Root = AppBar.AppBarRoot;
-exports.Subtitle = AppBar.AppBarSubtitle;
-exports.Title = AppBar.AppBarTitle;
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_AppBar = require("./AppBar.cjs");
+//#region src/components/AppBar/AppBar.namespace.ts
+var AppBar_namespace_exports = /* @__PURE__ */ require_runtime.__exportAll({
+	IconButton: () => require_AppBar.AppBarIconButton,
+	Left: () => require_AppBar.AppBarLeft,
+	Main: () => require_AppBar.AppBarMain,
+	Right: () => require_AppBar.AppBarRight,
+	Root: () => require_AppBar.AppBarRoot,
+	Slot: () => require_AppBar.AppBarSlot,
+	Subtitle: () => require_AppBar.AppBarSubtitle,
+	Title: () => require_AppBar.AppBarTitle
+});
+//#endregion
+Object.defineProperty(exports, "AppBar_namespace_exports", {
+	enumerable: true,
+	get: function() {
+		return AppBar_namespace_exports;
+	}
+});

package/lib/components/AppBar/AppBar.namespace.d.ts

@@ -1,2 +1,2 @@
-export { AppBarIconButton as IconButton, AppBarLeft as Left, AppBarMain as Main, AppBarRight as Right, AppBarRoot as Root, AppBarSubtitle as Subtitle, AppBarTitle as Title, } from './AppBar';
-export type { AppBarIconButtonProps as IconButtonProps, AppBarLeftProps as LeftProps, AppBarMainProps as MainProps, AppBarRightProps as RightProps, AppBarProps as RootProps, AppBarSubtitleProps as SubtitleProps, AppBarTitleProps as TitleProps, } from './AppBar';
+export { AppBarIconButton as IconButton, AppBarLeft as Left, AppBarMain as Main, AppBarRight as Right, AppBarRoot as Root, AppBarSlot as Slot, AppBarSubtitle as Subtitle, AppBarTitle as Title, } from './AppBar';
+export type { AppBarIconButtonProps as IconButtonProps, AppBarLeftProps as LeftProps, AppBarMainProps as MainProps, AppBarRightProps as RightProps, AppBarProps as RootProps, AppBarSlotProps as SlotProps, AppBarSubtitleProps as SubtitleProps, AppBarTitleProps as TitleProps, } from './AppBar';

package/lib/components/AppBar/AppBar.namespace.js

@@ -1 +1,15 @@
-export { AppBarIconButton as IconButton, AppBarLeft as Left, AppBarMain as Main, AppBarRight as Right, AppBarRoot as Root, AppBarSubtitle as Subtitle, AppBarTitle as Title } from './AppBar.js';
+import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
+import { AppBarIconButton, AppBarLeft, AppBarMain, AppBarRight, AppBarRoot, AppBarSlot, AppBarSubtitle, AppBarTitle } from "./AppBar.js";
+//#region src/components/AppBar/AppBar.namespace.ts
+var AppBar_namespace_exports = /* @__PURE__ */ __exportAll({
+	IconButton: () => AppBarIconButton,
+	Left: () => AppBarLeft,
+	Main: () => AppBarMain,
+	Right: () => AppBarRight,
+	Root: () => AppBarRoot,
+	Slot: () => AppBarSlot,
+	Subtitle: () => AppBarSubtitle,
+	Title: () => AppBarTitle
+});
+//#endregion
+export { AppBar_namespace_exports };

package/lib/components/AppBar/index.cjs

@@ -1,17 +1,17 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const AppBar = require('./AppBar.cjs');
-const AppBar_namespace = require('./AppBar.namespace.cjs');
-
-
-
-exports.AppBarIconButton = AppBar.AppBarIconButton;
-exports.AppBarLeft = AppBar.AppBarLeft;
-exports.AppBarMain = AppBar.AppBarMain;
-exports.AppBarRight = AppBar.AppBarRight;
-exports.AppBarRoot = AppBar.AppBarRoot;
-exports.AppBarSubtitle = AppBar.AppBarSubtitle;
-exports.AppBarTitle = AppBar.AppBarTitle;
-exports.AppBar = AppBar_namespace;
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_AppBar = require("./AppBar.cjs");
+const require_AppBar_namespace = require("./AppBar.namespace.cjs");
+Object.defineProperty(exports, "AppBar", {
+	enumerable: true,
+	get: function() {
+		return require_AppBar_namespace.AppBar_namespace_exports;
+	}
+});
+exports.AppBarIconButton = require_AppBar.AppBarIconButton;
+exports.AppBarLeft = require_AppBar.AppBarLeft;
+exports.AppBarMain = require_AppBar.AppBarMain;
+exports.AppBarRight = require_AppBar.AppBarRight;
+exports.AppBarRoot = require_AppBar.AppBarRoot;
+exports.AppBarSlot = require_AppBar.AppBarSlot;
+exports.AppBarSubtitle = require_AppBar.AppBarSubtitle;
+exports.AppBarTitle = require_AppBar.AppBarTitle;

package/lib/components/AppBar/index.d.ts

@@ -1,3 +1,3 @@
-export { AppBarIconButton, AppBarLeft, AppBarMain, AppBarRight, AppBarRoot, AppBarSubtitle, AppBarTitle, } from './AppBar';
-export type { AppBarIconButtonProps, AppBarLeftProps, AppBarMainProps, AppBarProps, AppBarRightProps, AppBarSubtitleProps, AppBarTitleProps, } from './AppBar';
+export { AppBarIconButton, AppBarLeft, AppBarMain, AppBarRight, AppBarRoot, AppBarSlot, AppBarSubtitle, AppBarTitle, } from './AppBar';
+export type { AppBarIconButtonProps, AppBarLeftProps, AppBarMainProps, AppBarProps, AppBarRightProps, AppBarSlotProps, AppBarSubtitleProps, AppBarTitleProps, } from './AppBar';
 export * as AppBar from './AppBar.namespace';

package/lib/components/AppBar/index.js

@@ -1,3 +1,3 @@
-export { AppBarIconButton, AppBarLeft, AppBarMain, AppBarRight, AppBarRoot, AppBarSubtitle, AppBarTitle } from './AppBar.js';
-import * as AppBar_namespace from './AppBar.namespace.js';
-export { AppBar_namespace as AppBar };
+import { AppBarIconButton, AppBarLeft, AppBarMain, AppBarRight, AppBarRoot, AppBarSlot, AppBarSubtitle, AppBarTitle } from "./AppBar.js";
+import { AppBar_namespace_exports } from "./AppBar.namespace.js";
+export { AppBar_namespace_exports as AppBar, AppBarIconButton, AppBarLeft, AppBarMain, AppBarRight, AppBarRoot, AppBarSlot, AppBarSubtitle, AppBarTitle };