@seed-design/stackflow 0.0.1-rc.1 → 0.0.1-rc.3

package/lib/components/AppBar/AppBar.cjs

@@ -0,0 +1,92 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const reactSlot = require('@radix-ui/react-slot');
+const domUtils = require('@seed-design/dom-utils');
+const reactPrimitive = require('@seed-design/react-primitive');
+const appBar = require('@seed-design/css/recipes/app-bar');
+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 appBarMain = require('@seed-design/css/recipes/app-bar-main');
+
+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 contextProps = useProps();
+  const [variantProps, otherProps] = appBar.appBar.splitVariantProps({ ...contextProps, ...props });
+  const classNames = appBar.appBar(variantProps);
+  return /* @__PURE__ */ jsxRuntime.jsx(ClassNamesProvider, { value: classNames, children: /* @__PURE__ */ jsxRuntime.jsx(
+    MainPropsProvider,
+    {
+      value: {
+        theme: variantProps.theme,
+        transitionStyle: variantProps.transitionStyle,
+        tone: variantProps.tone
+      },
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        AppBar.AppBarRoot,
+        {
+          ref,
+          ...domUtils.mergeProps({ className: classNames.root }, otherProps)
+        }
+      )
+    }
+  ) });
+});
+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 })
+      }
+    );
+  }
+);
+AppBarIconButton.displayName = "IconButton";
+
+exports.AppBarIconButton = AppBarIconButton;
+exports.AppBarLeft = AppBarLeft;
+exports.AppBarMain = AppBarMain;
+exports.AppBarPropsProvider = AppBarPropsProvider;
+exports.AppBarRight = AppBarRight;
+exports.AppBarRoot = AppBarRoot;
+exports.AppBarSubtitle = AppBarSubtitle;
+exports.AppBarTitle = AppBarTitle;

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

@@ -1,29 +1,30 @@
-import { type PrimitiveProps } from "@seed-design/react-primitive";
-import { type AppBarVariantProps } from "@seed-design/css/recipes/app-bar";
-import { AppBar as AppBarPrimitive } from "../../primitive";
-import { type AppBarMainVariantProps } from "@seed-design/css/recipes/app-bar-main";
+import { PrimitiveProps } from '@seed-design/react-primitive';
+import { AppBarVariantProps, AppBarVariant } from '@seed-design/css/recipes/app-bar';
+import { AppBar as AppBarPrimitive } from '../../primitive';
+import { AppBarMainVariantProps } from '@seed-design/css/recipes/app-bar-main';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
 export declare const AppBarPropsProvider: ({ children, value }: {
     children: React.ReactNode;
-    value: Partial<import("@seed-design/css/recipes/app-bar").AppBarVariant>;
+    value: Partial< AppBarVariant>;
 }) => import("react/jsx-runtime").JSX.Element;
 export interface AppBarProps extends AppBarVariantProps, AppBarPrimitive.RootProps {
 }
-export declare const AppBarRoot: import("react").ForwardRefExoticComponent<AppBarProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const AppBarRoot: ForwardRefExoticComponent<AppBarProps & RefAttributes<HTMLDivElement>>;
 export interface AppBarLeftProps extends AppBarPrimitive.LeftProps {
 }
-export declare const AppBarLeft: import("react").ForwardRefExoticComponent<AppBarLeftProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const AppBarLeft: ForwardRefExoticComponent<AppBarLeftProps & RefAttributes<HTMLDivElement>>;
 export interface AppBarRightProps extends AppBarPrimitive.RightProps {
 }
-export declare const AppBarRight: import("react").ForwardRefExoticComponent<AppBarRightProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const AppBarRight: ForwardRefExoticComponent<AppBarRightProps & RefAttributes<HTMLDivElement>>;
 export interface AppBarMainProps extends AppBarMainVariantProps, AppBarPrimitive.MainProps {
 }
-export declare const AppBarMain: import("react").ForwardRefExoticComponent<AppBarMainProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const AppBarMain: ForwardRefExoticComponent<AppBarMainProps & RefAttributes<HTMLDivElement>>;
 export interface AppBarTitleProps extends PrimitiveProps, React.HTMLAttributes<HTMLSpanElement> {
 }
-export declare const AppBarTitle: import("react").ForwardRefExoticComponent<AppBarTitleProps & import("react").RefAttributes<HTMLSpanElement>>;
+export declare const AppBarTitle: ForwardRefExoticComponent<AppBarTitleProps & RefAttributes<HTMLSpanElement>>;
 export interface AppBarSubtitleProps extends PrimitiveProps, React.HTMLAttributes<HTMLSpanElement> {
 }
-export declare const AppBarSubtitle: import("react").ForwardRefExoticComponent<AppBarSubtitleProps & import("react").RefAttributes<HTMLSpanElement>>;
+export declare const AppBarSubtitle: ForwardRefExoticComponent<AppBarSubtitleProps & RefAttributes<HTMLSpanElement>>;
 export interface AppBarIconButtonProps extends PrimitiveProps, React.ButtonHTMLAttributes<HTMLButtonElement> {
 }
-export declare const AppBarIconButton: import("react").ForwardRefExoticComponent<AppBarIconButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const AppBarIconButton: ForwardRefExoticComponent<AppBarIconButtonProps & RefAttributes<HTMLButtonElement>>;

package/lib/components/AppBar/AppBar.js

@@ -0,0 +1,81 @@
+import { jsx } from 'react/jsx-runtime';
+import { Slot } from '@radix-ui/react-slot';
+import { mergeProps } from '@seed-design/dom-utils';
+import { Primitive } from '@seed-design/react-primitive';
+import { appBar } from '@seed-design/css/recipes/app-bar';
+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 { appBarMain } from '@seed-design/css/recipes/app-bar-main';
+
+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 contextProps = useProps();
+  const [variantProps, otherProps] = appBar.splitVariantProps({ ...contextProps, ...props });
+  const classNames = appBar(variantProps);
+  return /* @__PURE__ */ jsx(ClassNamesProvider, { value: classNames, children: /* @__PURE__ */ jsx(
+    MainPropsProvider,
+    {
+      value: {
+        theme: variantProps.theme,
+        transitionStyle: variantProps.transitionStyle,
+        tone: variantProps.tone
+      },
+      children: /* @__PURE__ */ jsx(
+        AppBarRoot$1,
+        {
+          ref,
+          ...mergeProps({ className: classNames.root }, otherProps)
+        }
+      )
+    }
+  ) });
+});
+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 })
+      }
+    );
+  }
+);
+AppBarIconButton.displayName = "IconButton";
+
+export { AppBarIconButton, AppBarLeft, AppBarMain, AppBarPropsProvider, AppBarRight, AppBarRoot, AppBarSubtitle, AppBarTitle };

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

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

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, 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';

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

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

package/lib/components/AppBar/index.cjs

@@ -0,0 +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;

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 * as AppBar from "./AppBar.namespace";
+export { AppBarIconButton, AppBarLeft, AppBarMain, AppBarRight, AppBarRoot, AppBarSubtitle, AppBarTitle, } from './AppBar';
+export type { AppBarIconButtonProps, AppBarLeftProps, AppBarMainProps, AppBarProps, AppBarRightProps, AppBarSubtitleProps, AppBarTitleProps, } from './AppBar';
+export * as AppBar from './AppBar.namespace';

package/lib/components/AppBar/index.js

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

package/lib/components/AppScreen/AppScreen.cjs

@@ -0,0 +1,58 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const appScreen = require('@seed-design/css/recipes/app-screen');
+const React = require('react');
+const AppScreen = require('../../primitive/AppScreen/AppScreen.cjs');
+const createStyleContext = require('../../utils/createStyleContext.cjs');
+const AppBar = require('../AppBar/AppBar.cjs');
+const domUtils = require('@seed-design/dom-utils');
+
+const { ClassNamesProvider, PropsProvider, withContext, useProps } = createStyleContext.createStyleContext(appScreen.appScreen);
+const AppScreenPropsProvider = PropsProvider;
+const AppScreenRoot = React.forwardRef((props, ref) => {
+  const contextProps = useProps();
+  const [variantProps, otherProps] = appScreen.appScreen.splitVariantProps({ ...contextProps, ...props });
+  const transitionStyle = variantProps.transitionStyle ?? (variantProps.theme === "cupertino" ? "slideFromRightIOS" : "fadeFromBottomAndroid");
+  const classNames = appScreen.appScreen({
+    ...variantProps,
+    transitionStyle
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(ClassNamesProvider, { value: classNames, children: /* @__PURE__ */ jsxRuntime.jsx(
+    AppBar.AppBarPropsProvider,
+    {
+      value: React.useMemo(
+        () => ({ theme: variantProps.theme, transitionStyle }),
+        [variantProps.theme, transitionStyle]
+      ),
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        AppScreen.AppScreenRoot,
+        {
+          ref,
+          ...domUtils.mergeProps({ className: classNames.root }, otherProps)
+        }
+      )
+    }
+  ) });
+});
+AppScreenRoot.displayName = "AppScreenRoot";
+const AppScreenDim = withContext(
+  AppScreen.AppScreenDim,
+  "dim"
+);
+const AppScreenEdge = withContext(
+  AppScreen.AppScreenEdge,
+  "edge"
+);
+const AppScreenLayer = withContext(
+  AppScreen.AppScreenLayer,
+  "layer"
+);
+
+exports.AppScreenDim = AppScreenDim;
+exports.AppScreenEdge = AppScreenEdge;
+exports.AppScreenLayer = AppScreenLayer;
+exports.AppScreenPropsProvider = AppScreenPropsProvider;
+exports.AppScreenRoot = AppScreenRoot;

package/lib/components/AppScreen/AppScreen.d.ts

@@ -1,18 +1,19 @@
-import { type AppScreenVariantProps } from "@seed-design/css/recipes/app-screen";
-import { AppScreen as AppScreenPrimitive } from "../../primitive";
+import { AppScreenVariantProps, AppScreenVariant } from '@seed-design/css/recipes/app-screen';
+import { AppScreen as AppScreenPrimitive } from '../../primitive';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
 export declare const AppScreenPropsProvider: ({ children, value }: {
     children: React.ReactNode;
-    value: Partial<import("@seed-design/css/recipes/app-screen").AppScreenVariant>;
+    value: Partial< AppScreenVariant>;
 }) => import("react/jsx-runtime").JSX.Element;
 export interface AppScreenRootProps extends AppScreenVariantProps, AppScreenPrimitive.RootProps {
 }
-export declare const AppScreenRoot: import("react").ForwardRefExoticComponent<AppScreenRootProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const AppScreenRoot: ForwardRefExoticComponent<AppScreenRootProps & RefAttributes<HTMLDivElement>>;
 export interface AppScreenDimProps extends AppScreenPrimitive.DimProps {
 }
-export declare const AppScreenDim: import("react").ForwardRefExoticComponent<AppScreenDimProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const AppScreenDim: ForwardRefExoticComponent<AppScreenDimProps & RefAttributes<HTMLDivElement>>;
 export interface AppScreenEdgeProps extends AppScreenPrimitive.EdgeProps {
 }
-export declare const AppScreenEdge: import("react").ForwardRefExoticComponent<AppScreenEdgeProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const AppScreenEdge: ForwardRefExoticComponent<AppScreenEdgeProps & RefAttributes<HTMLDivElement>>;
 export interface AppScreenLayerProps extends AppScreenPrimitive.LayerProps {
 }
-export declare const AppScreenLayer: import("react").ForwardRefExoticComponent<AppScreenLayerProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const AppScreenLayer: ForwardRefExoticComponent<AppScreenLayerProps & RefAttributes<HTMLDivElement>>;

package/lib/components/AppScreen/AppScreen.js

@@ -0,0 +1,50 @@
+import { jsx } from 'react/jsx-runtime';
+import { appScreen } from '@seed-design/css/recipes/app-screen';
+import { forwardRef, useMemo } from 'react';
+import { AppScreenDim as AppScreenDim$1, AppScreenEdge as AppScreenEdge$1, AppScreenLayer as AppScreenLayer$1, AppScreenRoot as AppScreenRoot$1 } from '../../primitive/AppScreen/AppScreen.js';
+import { createStyleContext } from '../../utils/createStyleContext.js';
+import { AppBarPropsProvider } from '../AppBar/AppBar.js';
+import { mergeProps } from '@seed-design/dom-utils';
+
+const { ClassNamesProvider, PropsProvider, withContext, useProps } = createStyleContext(appScreen);
+const AppScreenPropsProvider = PropsProvider;
+const AppScreenRoot = forwardRef((props, ref) => {
+  const contextProps = useProps();
+  const [variantProps, otherProps] = appScreen.splitVariantProps({ ...contextProps, ...props });
+  const transitionStyle = variantProps.transitionStyle ?? (variantProps.theme === "cupertino" ? "slideFromRightIOS" : "fadeFromBottomAndroid");
+  const classNames = appScreen({
+    ...variantProps,
+    transitionStyle
+  });
+  return /* @__PURE__ */ jsx(ClassNamesProvider, { value: classNames, children: /* @__PURE__ */ jsx(
+    AppBarPropsProvider,
+    {
+      value: useMemo(
+        () => ({ theme: variantProps.theme, transitionStyle }),
+        [variantProps.theme, transitionStyle]
+      ),
+      children: /* @__PURE__ */ jsx(
+        AppScreenRoot$1,
+        {
+          ref,
+          ...mergeProps({ className: classNames.root }, otherProps)
+        }
+      )
+    }
+  ) });
+});
+AppScreenRoot.displayName = "AppScreenRoot";
+const AppScreenDim = withContext(
+  AppScreenDim$1,
+  "dim"
+);
+const AppScreenEdge = withContext(
+  AppScreenEdge$1,
+  "edge"
+);
+const AppScreenLayer = withContext(
+  AppScreenLayer$1,
+  "layer"
+);
+
+export { AppScreenDim, AppScreenEdge, AppScreenLayer, AppScreenPropsProvider, AppScreenRoot };

package/lib/components/AppScreen/AppScreen.namespace.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const AppScreen = require('./AppScreen.cjs');
+
+
+
+exports.Dim = AppScreen.AppScreenDim;
+exports.Edge = AppScreen.AppScreenEdge;
+exports.Layer = AppScreen.AppScreenLayer;
+exports.PropsProvider = AppScreen.AppScreenPropsProvider;
+exports.Root = AppScreen.AppScreenRoot;

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

@@ -1,2 +1,2 @@
-export { AppScreenDim as Dim, AppScreenEdge as Edge, AppScreenLayer as Layer, AppScreenRoot as Root, } from "./AppScreen";
-export type { AppScreenDimProps as DimProps, AppScreenEdgeProps as EdgeProps, AppScreenLayerProps as LayerProps, AppScreenRootProps as RootProps, } from "./AppScreen";
+export { AppScreenDim as Dim, AppScreenEdge as Edge, AppScreenLayer as Layer, AppScreenRoot as Root, AppScreenPropsProvider as PropsProvider, } from './AppScreen';
+export type { AppScreenDimProps as DimProps, AppScreenEdgeProps as EdgeProps, AppScreenLayerProps as LayerProps, AppScreenRootProps as RootProps, } from './AppScreen';

package/lib/components/AppScreen/AppScreen.namespace.js

@@ -0,0 +1 @@
+export { AppScreenDim as Dim, AppScreenEdge as Edge, AppScreenLayer as Layer, AppScreenPropsProvider as PropsProvider, AppScreenRoot as Root } from './AppScreen.js';

package/lib/components/AppScreen/index.cjs

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const AppScreen = require('./AppScreen.cjs');
+const AppScreen_namespace = require('./AppScreen.namespace.cjs');
+
+
+
+exports.AppScreenDim = AppScreen.AppScreenDim;
+exports.AppScreenEdge = AppScreen.AppScreenEdge;
+exports.AppScreenLayer = AppScreen.AppScreenLayer;
+exports.AppScreenPropsProvider = AppScreen.AppScreenPropsProvider;
+exports.AppScreenRoot = AppScreen.AppScreenRoot;
+exports.AppScreen = AppScreen_namespace;

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

@@ -1,3 +1,3 @@
-export { AppScreenDim, AppScreenEdge, AppScreenLayer, AppScreenRoot, } from "./AppScreen";
-export type { AppScreenDimProps, AppScreenEdgeProps, AppScreenLayerProps, AppScreenRootProps, } from "./AppScreen";
-export * as AppScreen from "./AppScreen.namespace";
+export { AppScreenDim, AppScreenEdge, AppScreenLayer, AppScreenRoot, AppScreenPropsProvider, } from './AppScreen';
+export type { AppScreenDimProps, AppScreenEdgeProps, AppScreenLayerProps, AppScreenRootProps, } from './AppScreen';
+export * as AppScreen from './AppScreen.namespace';

package/lib/components/AppScreen/index.js

@@ -0,0 +1,3 @@
+export { AppScreenDim, AppScreenEdge, AppScreenLayer, AppScreenPropsProvider, AppScreenRoot } from './AppScreen.js';
+import * as AppScreen_namespace from './AppScreen.namespace.js';
+export { AppScreen_namespace as AppScreen };

package/lib/components/index.cjs

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const AppBar = require('./AppBar/AppBar.cjs');
+const AppBar_namespace = require('./AppBar/AppBar.namespace.cjs');
+const AppScreen = require('./AppScreen/AppScreen.cjs');
+const AppScreen_namespace = require('./AppScreen/AppScreen.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;
+exports.AppScreenDim = AppScreen.AppScreenDim;
+exports.AppScreenEdge = AppScreen.AppScreenEdge;
+exports.AppScreenLayer = AppScreen.AppScreenLayer;
+exports.AppScreenPropsProvider = AppScreen.AppScreenPropsProvider;
+exports.AppScreenRoot = AppScreen.AppScreenRoot;
+exports.AppScreen = AppScreen_namespace;

package/lib/components/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./AppBar";
-export * from "./AppScreen";
+export * from './AppBar';
+export * from './AppScreen';

package/lib/components/index.js

@@ -0,0 +1,6 @@
+export { AppBarIconButton, AppBarLeft, AppBarMain, AppBarRight, AppBarRoot, AppBarSubtitle, AppBarTitle } from './AppBar/AppBar.js';
+import * as AppBar_namespace from './AppBar/AppBar.namespace.js';
+export { AppBar_namespace as AppBar };
+export { AppScreenDim, AppScreenEdge, AppScreenLayer, AppScreenPropsProvider, AppScreenRoot } from './AppScreen/AppScreen.js';
+import * as AppScreen_namespace from './AppScreen/AppScreen.namespace.js';
+export { AppScreen_namespace as AppScreen };

package/lib/index.cjs

@@ -0,0 +1,29 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const plugin = require('./plugin.cjs');
+const AppBar = require('./components/AppBar/AppBar.cjs');
+const AppBar_namespace = require('./components/AppBar/AppBar.namespace.cjs');
+const AppScreen = require('./components/AppScreen/AppScreen.cjs');
+const AppScreen_namespace = require('./components/AppScreen/AppScreen.namespace.cjs');
+const index = require('./primitive/index.cjs');
+
+
+
+exports.seedPlugin = plugin.seedPlugin;
+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;
+exports.AppScreenDim = AppScreen.AppScreenDim;
+exports.AppScreenEdge = AppScreen.AppScreenEdge;
+exports.AppScreenLayer = AppScreen.AppScreenLayer;
+exports.AppScreenPropsProvider = AppScreen.AppScreenPropsProvider;
+exports.AppScreenRoot = AppScreen.AppScreenRoot;
+exports.AppScreen = AppScreen_namespace;
+exports.Primitive = index;

package/lib/index.d.ts

@@ -1,3 +1,3 @@
-export { seedPlugin, type SeedPluginOptions } from "./plugin";
-export * from "./components";
-export * as Primitive from "./primitive";
+export { seedPlugin, type SeedPluginOptions } from './plugin';
+export * from './components';
+export * as Primitive from './primitive';