@easypost/easy-ui 1.0.0-alpha.6 → 1.0.0-alpha.61

package/FocusedProductLayout/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./FocusedProductLayout";
+//# sourceMappingURL=index.d.ts.map

package/FocusedProductLayout/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/FocusedProductLayout/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC"}

package/FocusedProductLayout/index.js

@@ -0,0 +1,239 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+const utilities_css = require("../utilities/css.js");
+const HelpMenu = require("../__chunks__/HelpMenu-BzUSoyPi.js");
+const Icon = require("../__chunks__/Icon-DJ8CpeVT.js");
+const Text = require("../__chunks__/Text-Dfbyoxsz.js");
+const Button = require("../__chunks__/Button-BzB8v2mS.js");
+const Stepper = require("../__chunks__/Stepper-CxWpMLEW.js");
+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);
+function Content({ children }) {
+  return React.createElement("main", null, children);
+}
+var __defProp2 = Object.defineProperty;
+var __getOwnPropSymbols2 = Object.getOwnPropertySymbols;
+var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+var __propIsEnum2 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp2 = (obj, key, value) => key in obj ? __defProp2(obj, key, {
+  enumerable: true,
+  configurable: true,
+  writable: true,
+  value
+}) : obj[key] = value;
+var __spreadValues2 = (a, b) => {
+  for (var prop in b || (b = {})) if (__hasOwnProp2.call(b, prop)) __defNormalProp2(a, prop, b[prop]);
+  if (__getOwnPropSymbols2) for (var prop of __getOwnPropSymbols2(b)) {
+    if (__propIsEnum2.call(b, prop)) __defNormalProp2(a, prop, b[prop]);
+  }
+  return a;
+};
+var __objRest2 = (source, exclude) => {
+  var target = {};
+  for (var prop in source) if (__hasOwnProp2.call(source, prop) && exclude.indexOf(prop) < 0) target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols2) for (var prop of __getOwnPropSymbols2(source)) {
+    if (exclude.indexOf(prop) < 0 && __propIsEnum2.call(source, prop)) target[prop] = source[prop];
+  }
+  return target;
+};
+const ArrowBack = (_a) => {
+  var _b = _a, { title, titleId } = _b, props = __objRest2(_b, ["title", "titleId"]);
+  return React__namespace.createElement("svg", __spreadValues2({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 -960 960 960",
+    "aria-labelledby": titleId
+  }, props), title ? React__namespace.createElement("title", {
+    id: titleId
+  }, title) : null, React__namespace.createElement("path", {
+    d: "M266.31-457.31 512-212l-32 32-300-300 300-300 32 32-245.69 245.31H780v45.38H266.31Z"
+  }));
+};
+const BackArrow$1 = "_BackArrow_yammg_5";
+const styles$5 = {
+  BackArrow: BackArrow$1
+};
+function BackArrow(props) {
+  const { renderBackArrow } = props;
+  return React.createElement("span", {
+    className: styles$5.BackArrow
+  }, renderBackArrow({
+    children: React.createElement(React.Fragment, null, React.createElement(Icon.Icon, {
+      symbol: ArrowBack
+    }), React.createElement(Text.Text, {
+      visuallyHidden: true
+    }, "Back"))
+  }));
+}
+const HeaderAtTopOfPage$1 = "_HeaderAtTopOfPage_fvswx_5";
+const logoBox = "_logoBox_fvswx_14";
+const styles$4 = {
+  HeaderAtTopOfPage: HeaderAtTopOfPage$1,
+  logoBox
+};
+function HeaderAtTopOfPage(props) {
+  const { helpMenuItems, onHelpMenuAction, renderBackArrow, renderLogo } = props;
+  return React.createElement("div", {
+    className: styles$4.HeaderAtTopOfPage
+  }, React.createElement("span", {
+    className: styles$4.logoBox
+  }, React.createElement(BackArrow, {
+    renderBackArrow
+  }), renderLogo()), React.createElement(HelpMenu.HelpMenu, {
+    items: helpMenuItems,
+    onAction: onHelpMenuAction
+  }));
+}
+const HeaderInContentArea$1 = "_HeaderInContentArea_5081o_5";
+const logoBar = "_logoBar_5081o_12";
+const titleBox = "_titleBox_5081o_24";
+const backArrowBox = "_backArrowBox_5081o_30";
+const styles$3 = {
+  HeaderInContentArea: HeaderInContentArea$1,
+  logoBar,
+  titleBox,
+  backArrowBox
+};
+function HeaderInContentArea(props) {
+  const { helpMenuItems, onHelpMenuAction, renderBackArrow, renderLogo, title } = props;
+  return React.createElement("div", {
+    className: styles$3.HeaderInContentArea
+  }, React.createElement("div", {
+    className: styles$3.logoBar
+  }, renderLogo(), React.createElement(HelpMenu.HelpMenu, {
+    items: helpMenuItems,
+    onAction: onHelpMenuAction
+  })), React.createElement("header", null, React.createElement("div", {
+    className: styles$3.titleBox
+  }, React.createElement("span", {
+    className: styles$3.backArrowBox
+  }, React.createElement(BackArrow, {
+    renderBackArrow
+  })), React.createElement(Text.Text, {
+    as: "h2",
+    variant: "heading3"
+  }, title))));
+}
+const SidePanel$1 = "_SidePanel_1w3pt_5";
+const styles$2 = {
+  SidePanel: SidePanel$1
+};
+function SidePanel(props) {
+  const { children, width = "auto" } = props;
+  const style = __spreadValues({}, utilities_css.getComponentToken("focused-product-layout-side-panel", "flex-basis", width));
+  return React.createElement("aside", {
+    className: styles$2.SidePanel,
+    style
+  }, children);
+}
+const WizardContent$1 = "_WizardContent_1aa3n_5";
+const main = "_main_1aa3n_12";
+const stepperContainer = "_stepperContainer_1aa3n_16";
+const stepper = "_stepper_1aa3n_16";
+const footer = "_footer_1aa3n_35";
+const styles$1 = {
+  WizardContent: WizardContent$1,
+  main,
+  stepperContainer,
+  stepper,
+  footer
+};
+function WizardContent(props) {
+  const { activeStepIndex, steps, previousAction, nextAction, children } = props;
+  return React.createElement("div", {
+    className: styles$1.WizardContent
+  }, React.createElement("div", {
+    className: styles$1.stepperContainer
+  }, React.createElement("div", {
+    className: styles$1.stepper
+  }, React.createElement(Stepper.Stepper, {
+    activeStepIndex
+  }, steps))), React.createElement("main", {
+    className: styles$1.main
+  }, children), React.createElement("div", {
+    className: styles$1.footer
+  }, React.createElement(Button.Button, {
+    variant: "outlined",
+    color: "support",
+    onPress: previousAction.onAction
+  }, previousAction.content), React.createElement(Button.Button, {
+    onPress: nextAction.onAction
+  }, nextAction.content)));
+}
+const FocusedProductLayout$1 = "_FocusedProductLayout_12xro_5";
+const innerContainer = "_innerContainer_12xro_18";
+const topBar = "_topBar_12xro_33";
+const contentContainer = "_contentContainer_12xro_42";
+const sidePanelPositionStart = "_sidePanelPositionStart_12xro_56";
+const styles = {
+  FocusedProductLayout: FocusedProductLayout$1,
+  innerContainer,
+  topBar,
+  contentContainer,
+  sidePanelPositionStart
+};
+function FocusedProductLayout(props) {
+  const _a = props, { content, sidePanel, sidePanelPosition, title } = _a, headerProps = __objRest(_a, ["content", "sidePanel", "sidePanelPosition", "title"]);
+  const className = utilities_css.classNames(styles.FocusedProductLayout, sidePanelPosition && styles[utilities_css.variationName("sidePanelPosition", sidePanelPosition)]);
+  return React.createElement("div", {
+    className
+  }, React.createElement("div", {
+    className: styles.innerContainer
+  }, React.createElement("div", {
+    className: styles.topBar
+  }, React.createElement(HeaderAtTopOfPage, __spreadValues({}, headerProps))), React.createElement("div", {
+    className: styles.contentContainer
+  }, React.createElement(HeaderInContentArea, __spreadProps(__spreadValues({}, headerProps), {
+    title
+  })), content), sidePanel));
+}
+FocusedProductLayout.SidePanel = SidePanel;
+FocusedProductLayout.Content = Content;
+FocusedProductLayout.WizardContent = WizardContent;
+exports.FocusedProductLayout = FocusedProductLayout;

package/FocusedProductLayout/index.mjs

@@ -0,0 +1,223 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import * as React from "react";
+import React__default from "react";
+import { getComponentToken, classNames, variationName } from "../utilities/css.mjs";
+import { H as HelpMenu } from "../__chunks__/HelpMenu-yEjZgR1V.mjs";
+import { I as Icon } from "../__chunks__/Icon-BdtOD2WX.mjs";
+import { T as Text } from "../__chunks__/Text-CQ_8wg0t.mjs";
+import { B as Button } from "../__chunks__/Button-gxCTl22H.mjs";
+import { S as Stepper } from "../__chunks__/Stepper-BY8zQdW2.mjs";
+function Content({ children }) {
+  return React__default.createElement("main", null, children);
+}
+var __defProp2 = Object.defineProperty;
+var __getOwnPropSymbols2 = Object.getOwnPropertySymbols;
+var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+var __propIsEnum2 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp2 = (obj, key, value) => key in obj ? __defProp2(obj, key, {
+  enumerable: true,
+  configurable: true,
+  writable: true,
+  value
+}) : obj[key] = value;
+var __spreadValues2 = (a, b) => {
+  for (var prop in b || (b = {})) if (__hasOwnProp2.call(b, prop)) __defNormalProp2(a, prop, b[prop]);
+  if (__getOwnPropSymbols2) for (var prop of __getOwnPropSymbols2(b)) {
+    if (__propIsEnum2.call(b, prop)) __defNormalProp2(a, prop, b[prop]);
+  }
+  return a;
+};
+var __objRest2 = (source, exclude) => {
+  var target = {};
+  for (var prop in source) if (__hasOwnProp2.call(source, prop) && exclude.indexOf(prop) < 0) target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols2) for (var prop of __getOwnPropSymbols2(source)) {
+    if (exclude.indexOf(prop) < 0 && __propIsEnum2.call(source, prop)) target[prop] = source[prop];
+  }
+  return target;
+};
+const ArrowBack = (_a) => {
+  var _b = _a, { title, titleId } = _b, props = __objRest2(_b, ["title", "titleId"]);
+  return React.createElement("svg", __spreadValues2({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 -960 960 960",
+    "aria-labelledby": titleId
+  }, props), title ? React.createElement("title", {
+    id: titleId
+  }, title) : null, React.createElement("path", {
+    d: "M266.31-457.31 512-212l-32 32-300-300 300-300 32 32-245.69 245.31H780v45.38H266.31Z"
+  }));
+};
+const BackArrow$1 = "_BackArrow_yammg_5";
+const styles$5 = {
+  BackArrow: BackArrow$1
+};
+function BackArrow(props) {
+  const { renderBackArrow } = props;
+  return React__default.createElement("span", {
+    className: styles$5.BackArrow
+  }, renderBackArrow({
+    children: React__default.createElement(React__default.Fragment, null, React__default.createElement(Icon, {
+      symbol: ArrowBack
+    }), React__default.createElement(Text, {
+      visuallyHidden: true
+    }, "Back"))
+  }));
+}
+const HeaderAtTopOfPage$1 = "_HeaderAtTopOfPage_fvswx_5";
+const logoBox = "_logoBox_fvswx_14";
+const styles$4 = {
+  HeaderAtTopOfPage: HeaderAtTopOfPage$1,
+  logoBox
+};
+function HeaderAtTopOfPage(props) {
+  const { helpMenuItems, onHelpMenuAction, renderBackArrow, renderLogo } = props;
+  return React__default.createElement("div", {
+    className: styles$4.HeaderAtTopOfPage
+  }, React__default.createElement("span", {
+    className: styles$4.logoBox
+  }, React__default.createElement(BackArrow, {
+    renderBackArrow
+  }), renderLogo()), React__default.createElement(HelpMenu, {
+    items: helpMenuItems,
+    onAction: onHelpMenuAction
+  }));
+}
+const HeaderInContentArea$1 = "_HeaderInContentArea_5081o_5";
+const logoBar = "_logoBar_5081o_12";
+const titleBox = "_titleBox_5081o_24";
+const backArrowBox = "_backArrowBox_5081o_30";
+const styles$3 = {
+  HeaderInContentArea: HeaderInContentArea$1,
+  logoBar,
+  titleBox,
+  backArrowBox
+};
+function HeaderInContentArea(props) {
+  const { helpMenuItems, onHelpMenuAction, renderBackArrow, renderLogo, title } = props;
+  return React__default.createElement("div", {
+    className: styles$3.HeaderInContentArea
+  }, React__default.createElement("div", {
+    className: styles$3.logoBar
+  }, renderLogo(), React__default.createElement(HelpMenu, {
+    items: helpMenuItems,
+    onAction: onHelpMenuAction
+  })), React__default.createElement("header", null, React__default.createElement("div", {
+    className: styles$3.titleBox
+  }, React__default.createElement("span", {
+    className: styles$3.backArrowBox
+  }, React__default.createElement(BackArrow, {
+    renderBackArrow
+  })), React__default.createElement(Text, {
+    as: "h2",
+    variant: "heading3"
+  }, title))));
+}
+const SidePanel$1 = "_SidePanel_1w3pt_5";
+const styles$2 = {
+  SidePanel: SidePanel$1
+};
+function SidePanel(props) {
+  const { children, width = "auto" } = props;
+  const style = __spreadValues({}, getComponentToken("focused-product-layout-side-panel", "flex-basis", width));
+  return React__default.createElement("aside", {
+    className: styles$2.SidePanel,
+    style
+  }, children);
+}
+const WizardContent$1 = "_WizardContent_1aa3n_5";
+const main = "_main_1aa3n_12";
+const stepperContainer = "_stepperContainer_1aa3n_16";
+const stepper = "_stepper_1aa3n_16";
+const footer = "_footer_1aa3n_35";
+const styles$1 = {
+  WizardContent: WizardContent$1,
+  main,
+  stepperContainer,
+  stepper,
+  footer
+};
+function WizardContent(props) {
+  const { activeStepIndex, steps, previousAction, nextAction, children } = props;
+  return React__default.createElement("div", {
+    className: styles$1.WizardContent
+  }, React__default.createElement("div", {
+    className: styles$1.stepperContainer
+  }, React__default.createElement("div", {
+    className: styles$1.stepper
+  }, React__default.createElement(Stepper, {
+    activeStepIndex
+  }, steps))), React__default.createElement("main", {
+    className: styles$1.main
+  }, children), React__default.createElement("div", {
+    className: styles$1.footer
+  }, React__default.createElement(Button, {
+    variant: "outlined",
+    color: "support",
+    onPress: previousAction.onAction
+  }, previousAction.content), React__default.createElement(Button, {
+    onPress: nextAction.onAction
+  }, nextAction.content)));
+}
+const FocusedProductLayout$1 = "_FocusedProductLayout_12xro_5";
+const innerContainer = "_innerContainer_12xro_18";
+const topBar = "_topBar_12xro_33";
+const contentContainer = "_contentContainer_12xro_42";
+const sidePanelPositionStart = "_sidePanelPositionStart_12xro_56";
+const styles = {
+  FocusedProductLayout: FocusedProductLayout$1,
+  innerContainer,
+  topBar,
+  contentContainer,
+  sidePanelPositionStart
+};
+function FocusedProductLayout(props) {
+  const _a = props, { content, sidePanel, sidePanelPosition, title } = _a, headerProps = __objRest(_a, ["content", "sidePanel", "sidePanelPosition", "title"]);
+  const className = classNames(styles.FocusedProductLayout, sidePanelPosition && styles[variationName("sidePanelPosition", sidePanelPosition)]);
+  return React__default.createElement("div", {
+    className
+  }, React__default.createElement("div", {
+    className: styles.innerContainer
+  }, React__default.createElement("div", {
+    className: styles.topBar
+  }, React__default.createElement(HeaderAtTopOfPage, __spreadValues({}, headerProps))), React__default.createElement("div", {
+    className: styles.contentContainer
+  }, React__default.createElement(HeaderInContentArea, __spreadProps(__spreadValues({}, headerProps), {
+    title
+  })), content), sidePanel));
+}
+FocusedProductLayout.SidePanel = SidePanel;
+FocusedProductLayout.Content = Content;
+FocusedProductLayout.WizardContent = WizardContent;
+export {
+  FocusedProductLayout
+};

package/ForgeLayout/ForgeLayout.d.ts

@@ -0,0 +1,146 @@
+import React, { ReactNode } from "react";
+import { ForgeLayoutActionBadge, ForgeLayoutActions, ForgeLayoutButtonAction, ForgeLayoutLinkAction, ForgeLayoutMenuAction } from "./ForgeLayoutActions";
+import { ForgeLayoutNav, ForgeLayoutNavLink, ForgeLayoutNavSection } from "./ForgeLayoutNav";
+export type Mode = "test" | "production";
+export type NavState = "expanded" | "collapsed";
+export type ForgeLayoutProps = {
+    /** Layout children. */
+    children: ReactNode;
+    /**
+     * Provides obvious visual indicator for non-production modes.
+     *
+     * @default production
+     */
+    mode?: Mode;
+    /**
+     * Display state of the nav menu.
+     *
+     * @default expanded
+     */
+    navState?: NavState;
+    /**
+     * Background decoration for layout.
+     *
+     * @default 01
+     */
+    backgroundDecoration?: "01";
+};
+export type ForgeLayoutHeaderProps = {
+    /** Header children. */
+    children: ReactNode;
+};
+export type ForgeLayoutContentProps = {
+    /** Content children. */
+    children: ReactNode;
+};
+export type ForgeLayoutControlsProps = {
+    /** Controls children. */
+    children: ReactNode;
+    /**
+     * Display state of the nav menu for when these controls show.
+     *
+     * @default expanded
+     */
+    visibleWhenNavStateIs?: NavState;
+};
+export type ForgeLayoutContextType = {
+    mode?: Mode;
+    navState?: NavState;
+};
+export declare const useForgeLayout: () => ForgeLayoutContextType;
+/**
+ * `ForgeLayout` defines the header, nav, and main content areas of a Forge product page.
+ *
+ * @example
+ * ```tsx
+ * <ForgeLayout mode="test" navState="expanded">
+ *   <ForgeLayout.Nav>
+ *     <ForgeLayout.NavLink href="/1" iconSymbol={Icon}>
+ *       Item 1
+ *     </ForgeLayout.NavLink>
+ *     <ForgeLayout.NavSection title={<>Title</>}>
+ *       <ForgeLayout.NavLink href="/2" iconSymbol={Icon}>
+ *         Item 2
+ *       </ForgeLayout.NavLink>
+ *       <ForgeLayout.NavLink href="/3" iconSymbol={Icon}>
+ *         Item 3
+ *       </ForgeLayout.NavLink>
+ *     </ForgeLayout.NavSection>
+ *     <ForgeLayout.NavSection title={<>Title</>}>
+ *       <ForgeLayout.NavLink href="/4" iconSymbol={Icon}>
+ *         Item 4
+ *       </ForgeLayout.NavLink>
+ *       <ForgeLayout.NavLink href="/5" iconSymbol={Icon}>
+ *         Item 5
+ *       </ForgeLayout.NavLink>
+ *     </ForgeLayout.NavSection>
+ *   </ForgeLayout.Nav>
+ *   <ForgeLayout.Header>
+ *     <ForgeLayout.Controls visibleWhenNavStateIs="collapsed">
+ *       <ForgeLayout.BreadrumbsNavigation>
+ *         <ForgeLayout.BackButton onClick={() => {}}>
+ *           Back
+ *         </ForgeLayout.BackButton>
+ *         <ForgeLayout.Breadrumbs>
+ *           <ForgeLayout.Breadrumb>Breadcrumb</ForgeLayout.Breadrumb>
+ *           <ForgeLayout.Breadrumb>Breadcrumb</ForgeLayout.Breadrumb>
+ *         </ForgeLayout.Breadrumbs>
+ *       </ForgeLayout.BreadrumbsNavigation>
+ *     </ForgeLayout.Controls>
+ *     <ForgeLayout.Controls visibleWhenNavStateIs="expanded">
+ *       <ForgeLayout.ModeSwitcher onModeChange={action("Mode changed!")} />
+ *       <ForgeLayout.Search value={"search"} onChange={() => {}} />
+ *     </ForgeLayout.Controls>
+ *     <ForgeLayout.Actions>
+ *       <ForgeLayout.MenuAction
+ *         accessibilityLabel="Action 1"
+ *         iconSymbol={AlarmIcon}
+ *         renderBadge={() => <ForgeLayout.ActionBadge />}
+ *       >
+ *         <Menu.Overlay onAction={action("Menu item clicked!")}>
+ *           <Menu.Item>Action 1:1</Menu.Item>
+ *           <Menu.Item>Action 1:2</Menu.Item>
+ *         </Menu.Overlay>
+ *       </ForgeLayout.MenuAction>
+ *       <ForgeLayout.MenuAction
+ *         accessibilityLabel="Action 2"
+ *         iconSymbol={SupportIcon}
+ *       >
+ *         <Menu.Overlay onAction={action("Menu item clicked!")}>
+ *           <Menu.Item>Action 2:1</Menu.Item>
+ *           <Menu.Item>Action 2:2</Menu.Item>
+ *         </Menu.Overlay>
+ *       </ForgeLayout.MenuAction>
+ *       <ForgeLayout.LinkAction
+ *         href="/4"
+ *         accessibilityLabel="Action 3"
+ *         iconSymbol={SettingsIcon}
+ *       />
+ *     </ForgeLayout.Actions>
+ *   </ForgeLayout.Header>
+ *   <ForgeLayout.Content>Page Content</ForgeLayout.Content>
+ * </ForgeLayout>
+ * ```
+ */
+export declare function ForgeLayout(props: ForgeLayoutProps): React.JSX.Element;
+export declare namespace ForgeLayout {
+    var Nav: typeof ForgeLayoutNav;
+    var NavSection: typeof ForgeLayoutNavSection;
+    var NavLink: typeof ForgeLayoutNavLink;
+    var Body: typeof ForgeLayoutBody;
+    var Header: typeof ForgeLayoutHeader;
+    var Controls: typeof ForgeLayoutControls;
+    var Actions: typeof ForgeLayoutActions;
+    var ActionBadge: typeof ForgeLayoutActionBadge;
+    var MenuAction: typeof ForgeLayoutMenuAction;
+    var LinkAction: typeof ForgeLayoutLinkAction;
+    var ButtonAction: typeof ForgeLayoutButtonAction;
+    var Content: typeof ForgeLayoutContent;
+    var useForgeLayoutNav: () => import("./ForgeLayoutNav").ForgeLayoutNavContextType;
+}
+declare function ForgeLayoutHeader(props: ForgeLayoutHeaderProps): React.JSX.Element;
+declare function ForgeLayoutControls(props: ForgeLayoutControlsProps): React.JSX.Element | null;
+declare function ForgeLayoutBody(props: ForgeLayoutContentProps): React.JSX.Element;
+declare function ForgeLayoutContent(props: ForgeLayoutContentProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=ForgeLayout.d.ts.map

package/ForgeLayout/ForgeLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ForgeLayout.d.ts","sourceRoot":"","sources":["../../src/ForgeLayout/ForgeLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAC;AAE9D,OAAO,EACL,sBAAsB,EACtB,kBAAkB,EAClB,uBAAuB,EACvB,qBAAqB,EACrB,qBAAqB,EACtB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,cAAc,EACd,kBAAkB,EAClB,qBAAqB,EAEtB,MAAM,kBAAkB,CAAC;AAI1B,MAAM,MAAM,IAAI,GAAG,MAAM,GAAG,YAAY,CAAC;AAEzC,MAAM,MAAM,QAAQ,GAAG,UAAU,GAAG,WAAW,CAAC;AAEhD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,uBAAuB;IACvB,QAAQ,EAAE,SAAS,CAAC;IAEpB;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;IAEZ;;;;OAIG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC;IAEpB;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,IAAI,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,uBAAuB;IACvB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,wBAAwB;IACxB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACrC,yBAAyB;IACzB,QAAQ,EAAE,SAAS,CAAC;IAEpB;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,QAAQ,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,QAAQ,CAAC;CACrB,CAAC;AAMF,eAAO,MAAM,cAAc,8BAM1B,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyEG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,qBA2BlD;yBA3Be,WAAW;;;;;;;;;;;;;;;AA6B3B,iBAAS,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,qBAQvD;AAED,iBAAS,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,4BAS3D;AAED,iBAAS,eAAe,CAAC,KAAK,EAAE,uBAAuB,qBAGtD;AAED,iBAAS,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,qBAGzD"}

package/ForgeLayout/ForgeLayout.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { ForgeLayout } from "./ForgeLayout";
+type Story = StoryObj<typeof ForgeLayout>;
+declare const meta: Meta<typeof ForgeLayout>;
+export default meta;
+export declare const Default: Story;
+export declare const TestMode: Story;
+export declare const Collapsed: Story;
+//# sourceMappingURL=ForgeLayout.stories.d.ts.map

package/ForgeLayout/ForgeLayout.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ForgeLayout.stories.d.ts","sourceRoot":"","sources":["../../src/ForgeLayout/ForgeLayout.stories.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGlD,OAAO,EAAE,WAAW,EAAoB,MAAM,eAAe,CAAC;AAG9D,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAC;AA8F1C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAUlC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAUtB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAUvB,CAAC"}

package/ForgeLayout/ForgeLayout.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ForgeLayout.test.d.ts.map

package/ForgeLayout/ForgeLayout.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ForgeLayout.test.d.ts","sourceRoot":"","sources":["../../src/ForgeLayout/ForgeLayout.test.tsx"],"names":[],"mappings":""}