@easypost/easy-ui 1.0.0-alpha.8 → 1.0.0-alpha.80

package/FormLayout/Section.d.ts

@@ -0,0 +1,12 @@
+import React, { ReactNode } from "react";
+export type SectionProps = {
+    /**
+     * Content of the form section.
+     */
+    children: ReactNode;
+};
+export declare function Section(props: SectionProps): React.JSX.Element;
+export declare namespace Section {
+    var displayName: string;
+}
+//# sourceMappingURL=Section.d.ts.map

package/FormLayout/Section.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../src/FormLayout/Section.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAEZ,SAAS,EAGV,MAAM,OAAO,CAAC;AAQf,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,qBAuB1C;yBAvBe,OAAO"}

package/FormLayout/Title.d.ts

@@ -0,0 +1,23 @@
+import React, { ReactNode } from "react";
+import { Heading } from "../types";
+export type TitleProps = {
+    /**
+     * Id of the HTML element.
+     */
+    id?: string;
+    /**
+     * Custom heading tag to provide as the underlying HTML element.
+     *
+     * @default span
+     */
+    as?: Heading;
+    /**
+     * Content of the title text.
+     */
+    children: ReactNode;
+};
+export declare function Title(props: TitleProps): React.JSX.Element;
+export declare namespace Title {
+    var displayName: string;
+}
+//# sourceMappingURL=Title.d.ts.map

package/FormLayout/Title.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Title.d.ts","sourceRoot":"","sources":["../../src/FormLayout/Title.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAErD,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAGnC,MAAM,MAAM,UAAU,GAAG;IACvB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ;;;;OAIG;IACH,EAAE,CAAC,EAAE,OAAO,CAAC;IAEb;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,qBAetC;yBAfe,KAAK"}

package/FormLayout/context.d.ts

@@ -0,0 +1,2 @@
+export declare const WithinSectionContext: import("react").Context<boolean>;
+//# sourceMappingURL=context.d.ts.map

package/FormLayout/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/FormLayout/context.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,oBAAoB,kCAAuB,CAAC"}

package/FormLayout/index.d.ts

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

package/FormLayout/index.d.ts.map

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

package/FormLayout/index.js

@@ -0,0 +1,126 @@
+"use strict";
+var __defProp = Object.defineProperty;
+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 __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 HorizontalGrid = require("../__chunks__/HorizontalGrid-CAwv7zKY.js");
+const Text = require("../__chunks__/Text-B1xglKFU.js");
+const utilities_react = require("../utilities/react.js");
+function Grid(props) {
+  const { children, columns } = props;
+  return React.createElement(HorizontalGrid.HorizontalGrid, {
+    columns,
+    gap: "2"
+  }, children);
+}
+const Header$1 = "_Header_an43s_4";
+const styles$2 = {
+  Header: Header$1
+};
+function Header(props) {
+  const { children } = props;
+  return React.createElement("div", {
+    className: styles$2.Header
+  }, children);
+}
+function HelperText(props) {
+  const { id, children } = props;
+  return React.createElement(Text.Text, {
+    id,
+    variant: "body1"
+  }, children);
+}
+const WithinSectionContext = React.createContext(false);
+const Section$1 = "_Section_wc73y_4";
+const styles$1 = {
+  Section: Section$1
+};
+function Section(props) {
+  const { children } = props;
+  const className = utilities_css.classNames(styles$1.Section);
+  const sectionTitle = React.useMemo(() => {
+    return findSectionTitleInChildren(children);
+  }, [children]);
+  return React.createElement(WithinSectionContext.Provider, {
+    value: true
+  }, React.createElement("fieldset", {
+    className
+  }, sectionTitle && React.createElement(Text.Text, {
+    as: "legend",
+    visuallyHidden: true
+  }, sectionTitle), children));
+}
+Section.displayName = "FormLayout.Section";
+function findSectionTitleInChildren(children) {
+  const firstTitleOrSection = utilities_react.deepFind(children, (child) => {
+    if (!React.isValidElement(child)) {
+      return false;
+    }
+    const childType = child.type;
+    return childType.displayName === "FormLayout.Section" || childType.displayName === "FormLayout.Title";
+  });
+  if (!React.isValidElement(firstTitleOrSection)) {
+    return null;
+  }
+  const firstTitleOrSectionType = firstTitleOrSection.type;
+  return firstTitleOrSectionType.displayName === "FormLayout.Title" ? firstTitleOrSection.props.children : null;
+}
+function Title(props) {
+  const _a = props, { as = "span", children } = _a, restProps = __objRest(_a, ["as", "children"]);
+  const withinSection = React.useContext(WithinSectionContext);
+  const textProps = withinSection ? {
+    variant: "heading5",
+    "aria-hidden": true,
+    role: "presentation"
+  } : {
+    variant: "heading3"
+  };
+  return React.createElement(Text.Text, __spreadValues(__spreadValues({
+    as
+  }, restProps), textProps), children);
+}
+Title.displayName = "FormLayout.Title";
+const FormLayout$1 = "_FormLayout_10qz6_4";
+const styles = {
+  FormLayout: FormLayout$1
+};
+function FormLayout(props) {
+  const _a = props, { as: As = "div", children } = _a, restProps = __objRest(_a, ["as", "children"]);
+  const className = utilities_css.classNames(styles.FormLayout);
+  return React.createElement(As, __spreadValues({
+    className
+  }, restProps), children);
+}
+FormLayout.Header = Header;
+FormLayout.Section = Section;
+FormLayout.Grid = Grid;
+FormLayout.Title = Title;
+FormLayout.HelperText = HelperText;
+exports.FormLayout = FormLayout;

package/FormLayout/index.mjs

@@ -0,0 +1,126 @@
+var __defProp = Object.defineProperty;
+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 __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 React__default, { createContext, useMemo, isValidElement, useContext } from "react";
+import { classNames } from "../utilities/css.mjs";
+import { H as HorizontalGrid } from "../__chunks__/HorizontalGrid-Dz8EFgmu.mjs";
+import { T as Text } from "../__chunks__/Text-CX5GoBTS.mjs";
+import { deepFind } from "../utilities/react.mjs";
+function Grid(props) {
+  const { children, columns } = props;
+  return React__default.createElement(HorizontalGrid, {
+    columns,
+    gap: "2"
+  }, children);
+}
+const Header$1 = "_Header_an43s_4";
+const styles$2 = {
+  Header: Header$1
+};
+function Header(props) {
+  const { children } = props;
+  return React__default.createElement("div", {
+    className: styles$2.Header
+  }, children);
+}
+function HelperText(props) {
+  const { id, children } = props;
+  return React__default.createElement(Text, {
+    id,
+    variant: "body1"
+  }, children);
+}
+const WithinSectionContext = createContext(false);
+const Section$1 = "_Section_wc73y_4";
+const styles$1 = {
+  Section: Section$1
+};
+function Section(props) {
+  const { children } = props;
+  const className = classNames(styles$1.Section);
+  const sectionTitle = useMemo(() => {
+    return findSectionTitleInChildren(children);
+  }, [children]);
+  return React__default.createElement(WithinSectionContext.Provider, {
+    value: true
+  }, React__default.createElement("fieldset", {
+    className
+  }, sectionTitle && React__default.createElement(Text, {
+    as: "legend",
+    visuallyHidden: true
+  }, sectionTitle), children));
+}
+Section.displayName = "FormLayout.Section";
+function findSectionTitleInChildren(children) {
+  const firstTitleOrSection = deepFind(children, (child) => {
+    if (!isValidElement(child)) {
+      return false;
+    }
+    const childType = child.type;
+    return childType.displayName === "FormLayout.Section" || childType.displayName === "FormLayout.Title";
+  });
+  if (!isValidElement(firstTitleOrSection)) {
+    return null;
+  }
+  const firstTitleOrSectionType = firstTitleOrSection.type;
+  return firstTitleOrSectionType.displayName === "FormLayout.Title" ? firstTitleOrSection.props.children : null;
+}
+function Title(props) {
+  const _a = props, { as = "span", children } = _a, restProps = __objRest(_a, ["as", "children"]);
+  const withinSection = useContext(WithinSectionContext);
+  const textProps = withinSection ? {
+    variant: "heading5",
+    "aria-hidden": true,
+    role: "presentation"
+  } : {
+    variant: "heading3"
+  };
+  return React__default.createElement(Text, __spreadValues(__spreadValues({
+    as
+  }, restProps), textProps), children);
+}
+Title.displayName = "FormLayout.Title";
+const FormLayout$1 = "_FormLayout_10qz6_4";
+const styles = {
+  FormLayout: FormLayout$1
+};
+function FormLayout(props) {
+  const _a = props, { as: As = "div", children } = _a, restProps = __objRest(_a, ["as", "children"]);
+  const className = classNames(styles.FormLayout);
+  return React__default.createElement(As, __spreadValues({
+    className
+  }, restProps), children);
+}
+FormLayout.Header = Header;
+FormLayout.Section = Section;
+FormLayout.Grid = Grid;
+FormLayout.Title = Title;
+FormLayout.HelperText = HelperText;
+export {
+  FormLayout
+};

package/HorizontalGrid/index.js

@@ -1,64 +1,4 @@
 "use strict";
-var __defProp = Object.defineProperty;
-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;
-};
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
-const utilities_css = require("../utilities/css.js");
-function formatHorizontalGrid(columns) {
-  if (typeof columns === "object" && columns !== null && !Array.isArray(columns)) {
-    return Object.fromEntries(Object.entries(columns).map(([breakpointAlias, breakpointHorizontalGrid]) => [breakpointAlias, getColumnValue(breakpointHorizontalGrid)]));
-  }
-  return getColumnValue(columns);
-}
-function getColumnValue(columns) {
-  if (!columns)
-    return void 0;
-  if (typeof columns === "number" || !isNaN(Number(columns))) {
-    return `repeat(${Number(columns)}, minmax(0, 1fr))`;
-  }
-  if (typeof columns === "string")
-    return columns;
-  return columns.map((column) => {
-    switch (column) {
-      case "oneFourth":
-      case "oneThird":
-      case "oneHalf":
-        return "minmax(0, 1fr)";
-      case "twoThirds":
-        return "minmax(0, 2fr)";
-      case "threeFourths":
-        return "minmax(0, 3fr)";
-      default:
-        return column;
-    }
-  }).join(" ");
-}
-const HorizontalGrid$1 = "_HorizontalGrid_1hna9_5";
-const styles = {
-  HorizontalGrid: HorizontalGrid$1
-};
-const HorizontalGrid = React.forwardRef((props, ref) => {
-  const { alignItems, as: As = "div", children, columns, gap, inline } = props;
-  const style = __spreadValues(__spreadValues(__spreadValues(__spreadValues({}, utilities_css.getResponsiveValue("horizontal-grid", "grid-template-columns", formatHorizontalGrid(columns))), utilities_css.getResponsiveDesignToken("horizontal-grid", "gap", "space", gap)), utilities_css.getComponentToken("horizontal-grid", "align-items", alignItems)), utilities_css.getComponentToken("horizontal-grid", "display", inline ? "inline-grid" : "grid"));
-  return React.createElement(As, {
-    className: styles.HorizontalGrid,
-    style,
-    ref
-  }, children);
-});
-HorizontalGrid.displayName = "HorizontalGrid";
-exports.HorizontalGrid = HorizontalGrid;
+const HorizontalGrid = require("../__chunks__/HorizontalGrid-CAwv7zKY.js");
+exports.HorizontalGrid = HorizontalGrid.HorizontalGrid;

package/HorizontalGrid/index.mjs

@@ -1,64 +1,4 @@
-var __defProp = Object.defineProperty;
-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;
-};
-import React__default, { forwardRef } from "react";
-import { getResponsiveValue, getResponsiveDesignToken, getComponentToken } from "../utilities/css.mjs";
-function formatHorizontalGrid(columns) {
-  if (typeof columns === "object" && columns !== null && !Array.isArray(columns)) {
-    return Object.fromEntries(Object.entries(columns).map(([breakpointAlias, breakpointHorizontalGrid]) => [breakpointAlias, getColumnValue(breakpointHorizontalGrid)]));
-  }
-  return getColumnValue(columns);
-}
-function getColumnValue(columns) {
-  if (!columns)
-    return void 0;
-  if (typeof columns === "number" || !isNaN(Number(columns))) {
-    return `repeat(${Number(columns)}, minmax(0, 1fr))`;
-  }
-  if (typeof columns === "string")
-    return columns;
-  return columns.map((column) => {
-    switch (column) {
-      case "oneFourth":
-      case "oneThird":
-      case "oneHalf":
-        return "minmax(0, 1fr)";
-      case "twoThirds":
-        return "minmax(0, 2fr)";
-      case "threeFourths":
-        return "minmax(0, 3fr)";
-      default:
-        return column;
-    }
-  }).join(" ");
-}
-const HorizontalGrid$1 = "_HorizontalGrid_1hna9_5";
-const styles = {
-  HorizontalGrid: HorizontalGrid$1
-};
-const HorizontalGrid = forwardRef((props, ref) => {
-  const { alignItems, as: As = "div", children, columns, gap, inline } = props;
-  const style = __spreadValues(__spreadValues(__spreadValues(__spreadValues({}, getResponsiveValue("horizontal-grid", "grid-template-columns", formatHorizontalGrid(columns))), getResponsiveDesignToken("horizontal-grid", "gap", "space", gap)), getComponentToken("horizontal-grid", "align-items", alignItems)), getComponentToken("horizontal-grid", "display", inline ? "inline-grid" : "grid"));
-  return React__default.createElement(As, {
-    className: styles.HorizontalGrid,
-    style,
-    ref
-  }, children);
-});
-HorizontalGrid.displayName = "HorizontalGrid";
+import { H } from "../__chunks__/HorizontalGrid-Dz8EFgmu.mjs";
 export {
-  HorizontalGrid
+  H as HorizontalGrid
 };

package/HorizontalStack/index.js

@@ -1,50 +1,4 @@
 "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 HorizontalStack$1 = "_HorizontalStack_1b7l6_5";
-const styles = {
-  HorizontalStack: HorizontalStack$1
-};
-const HorizontalStack = React.forwardRef((props, ref) => {
-  const _a = props, { as: As = "div", align, blockAlign, gap, wrap = true, children, inline } = _a, restProps = __objRest(_a, ["as", "align", "blockAlign", "gap", "wrap", "children", "inline"]);
-  const style = __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, utilities_css.getResponsiveDesignToken("horizontal-stack", "gap", "space", gap)), utilities_css.getComponentToken("horizontal-stack", "align", align)), utilities_css.getComponentToken("horizontal-stack", "block-align", blockAlign)), utilities_css.getComponentToken("horizontal-stack", "wrap", wrap ? "wrap" : "nowrap")), utilities_css.getComponentToken("horizontal-stack", "display", inline ? "inline-flex" : "flex"));
-  return React.createElement(As, __spreadProps(__spreadValues({}, restProps), {
-    className: styles.HorizontalStack,
-    style,
-    ref
-  }), children);
-});
-HorizontalStack.displayName = "HorizontalStack";
-exports.HorizontalStack = HorizontalStack;
+const HorizontalStack = require("../__chunks__/HorizontalStack-CXpjASZi.js");
+exports.HorizontalStack = HorizontalStack.HorizontalStack;

package/HorizontalStack/index.mjs

@@ -1,50 +1,4 @@
-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 React__default, { forwardRef } from "react";
-import { getResponsiveDesignToken, getComponentToken } from "../utilities/css.mjs";
-const HorizontalStack$1 = "_HorizontalStack_1b7l6_5";
-const styles = {
-  HorizontalStack: HorizontalStack$1
-};
-const HorizontalStack = forwardRef((props, ref) => {
-  const _a = props, { as: As = "div", align, blockAlign, gap, wrap = true, children, inline } = _a, restProps = __objRest(_a, ["as", "align", "blockAlign", "gap", "wrap", "children", "inline"]);
-  const style = __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, getResponsiveDesignToken("horizontal-stack", "gap", "space", gap)), getComponentToken("horizontal-stack", "align", align)), getComponentToken("horizontal-stack", "block-align", blockAlign)), getComponentToken("horizontal-stack", "wrap", wrap ? "wrap" : "nowrap")), getComponentToken("horizontal-stack", "display", inline ? "inline-flex" : "flex"));
-  return React__default.createElement(As, __spreadProps(__spreadValues({}, restProps), {
-    className: styles.HorizontalStack,
-    style,
-    ref
-  }), children);
-});
-HorizontalStack.displayName = "HorizontalStack";
+import { H } from "../__chunks__/HorizontalStack-CxE8tPx_.mjs";
 export {
-  HorizontalStack
+  H as HorizontalStack
 };

package/HostedUILayout/HostedUILayout.d.ts

@@ -0,0 +1,76 @@
+import React, { ReactNode } from "react";
+import { HostedUILayoutActionBadge, HostedUILayoutActions, HostedUILayoutButtonAction, HostedUILayoutLinkAction, HostedUILayoutMenuAction } from "./HostedUILayoutActions";
+export type HostedUILayoutProps = {
+    /** Layout children. */
+    children: ReactNode;
+};
+export type HostedUILayoutHeaderProps = {
+    /** Header children. */
+    children: ReactNode;
+};
+export type HostedUILayoutLogoContainerProps = {
+    /** Logo container children */
+    children: ReactNode;
+};
+export type HostedUILayoutLogoProps = {
+    /** Logo children. */
+    children: ReactNode;
+};
+export type HostedUILayoutContentProps = {
+    /** Content children. */
+    children: ReactNode;
+};
+/**
+ * `HostedUILayout` defines a header and main content area for a HostedUI product page.
+ *
+ * @example
+ * ```tsx
+ * <HostedUILayout>
+ *   <HostedUILayout.Header>
+ *    <HostedUILayout.LogoContainer>
+ *      <HostedUILayout.Logo>
+ *        <SomeLogo />
+ *      </HostedUILayout.Logo>
+ *    </HostedUILayout.LogoContainer>
+ *    <HostedUILayout.Actions>
+ *      <HostedUILayout.MenuAction
+ *        accessibilityLabel="Menu Action"
+ *        iconSymbol={Icon}
+ *        renderBadge={() => <HostedUILayout.ActionBadge />}
+ *      >
+ *        <Menu.Overlay onAction={() => {}}>
+ *          <Menu.Item>Action 1</Menu.Item>
+ *          <Menu.Item>Action 2</Menu.Item>
+ *        </Menu.Overlay>
+ *      </HostedUILayout.MenuAction>
+ *      <HostedUILayout.ButtonAction
+ *        accessibilityLabel="Button Action"
+ *        iconSymbol={Icon}
+ *        onPress={() => {}}
+ *      />
+ *    </HostedUILayout.Actions>
+ *   </HostedUILayout.Header>
+ *     <HostedUILayout.Content>
+ *        HostedUI Content
+ *     </HostedUILayout.Content>
+ *  </HostedUILayout>
+ * ```
+ */
+export declare function HostedUILayout(props: HostedUILayoutProps): React.JSX.Element;
+export declare namespace HostedUILayout {
+    var Header: typeof HostedUILayoutHeader;
+    var Logo: typeof HostedUILayoutLogo;
+    var LogoContainer: typeof HostedUILayoutLogoContainer;
+    var Actions: typeof HostedUILayoutActions;
+    var ActionBadge: typeof HostedUILayoutActionBadge;
+    var MenuAction: typeof HostedUILayoutMenuAction;
+    var LinkAction: typeof HostedUILayoutLinkAction;
+    var ButtonAction: typeof HostedUILayoutButtonAction;
+    var Content: typeof HostedUILayoutContent;
+}
+declare function HostedUILayoutHeader(props: HostedUILayoutHeaderProps): React.JSX.Element;
+declare function HostedUILayoutLogo(props: HostedUILayoutLogoProps): React.JSX.Element;
+declare function HostedUILayoutLogoContainer(props: HostedUILayoutLogoContainerProps): React.JSX.Element;
+declare function HostedUILayoutContent(props: HostedUILayoutContentProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=HostedUILayout.d.ts.map

package/HostedUILayout/HostedUILayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HostedUILayout.d.ts","sourceRoot":"","sources":["../../src/HostedUILayout/HostedUILayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzC,OAAO,EACL,yBAAyB,EACzB,qBAAqB,EACrB,0BAA0B,EAC1B,wBAAwB,EACxB,wBAAwB,EACzB,MAAM,yBAAyB,CAAC;AAIjC,MAAM,MAAM,mBAAmB,GAAG;IAChC,uBAAuB;IACvB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IACtC,uBAAuB;IACvB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,gCAAgC,GAAG;IAC7C,8BAA8B;IAC9B,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,qBAAqB;IACrB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG;IACvC,wBAAwB;IACxB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,qBAGxD;yBAHe,cAAc;;;;;;;;;;;AAK9B,iBAAS,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,qBAG7D;AAED,iBAAS,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,qBAIzD;AAED,iBAAS,2BAA2B,CAAC,KAAK,EAAE,gCAAgC,qBAU3E;AAED,iBAAS,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,qBAG/D"}

package/HostedUILayout/HostedUILayout.stories.d.ts

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

package/HostedUILayout/HostedUILayout.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HostedUILayout.stories.d.ts","sourceRoot":"","sources":["../../src/HostedUILayout/HostedUILayout.stories.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAOlD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,cAAc,CAAC,CAAC;AAE7C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,cAAc,CAUrC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,eAAe,EAAE,KA4B7B,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAoFlC,CAAC"}

package/HostedUILayout/HostedUILayout.test.d.ts

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

package/HostedUILayout/HostedUILayout.test.d.ts.map

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