@easypost/easy-ui 1.0.0-alpha.9 → 1.0.0-alpha.91

package/PlanCard/index.d.ts

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

package/PlanCard/index.d.ts.map

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

package/PlanCard/index.js

@@ -0,0 +1,146 @@
+"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 Card = require("../__chunks__/Card-BM2DKiVA.js");
+const Text = require("../__chunks__/Text-BXsuDbqc.js");
+const VerticalStack = require("../__chunks__/VerticalStack-Dzpv3O67.js");
+const UnstyledButton = require("../__chunks__/UnstyledButton-DaRYVyfB.js");
+const useHover = require("../__chunks__/useHover-BK8LX0kX.js");
+const mergeProps = require("../__chunks__/mergeProps-d7wJkv71.js");
+const useLink = require("../__chunks__/useLink-rHGI96g9.js");
+const link = "_link_5ul37_4";
+const button = "_button_5ul37_8";
+const callout = "_callout_5ul37_25";
+const illustration = "_illustration_5ul37_31";
+const styles = {
+  link,
+  button,
+  callout,
+  illustration
+};
+function PlanCard(props) {
+  const _a = props, { children } = _a, cardProps = __objRest(_a, ["children"]);
+  return React.createElement(Card.Card, __spreadValues({
+    variant: "outlined",
+    background: "neutral.000",
+    borderColor: "neutral.200",
+    borderRadius: "lg",
+    paddingY: "2",
+    paddingX: "4"
+  }, cardProps), React.createElement(VerticalStack.VerticalStack, {
+    gap: "3"
+  }, children));
+}
+function PlanCardLink(_a) {
+  var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
+  const ref = React.useRef(null);
+  const { isHovered, hoverProps } = useHover.$6179b936705e76d3$export$ae780daf29e6d456(props);
+  const { linkProps } = useLink.$298d61e98472621b$export$dcf14c9974fe2767(props, ref);
+  return React.createElement("a", __spreadValues({
+    ref,
+    className: styles.link
+  }, mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(hoverProps, linkProps)), typeof children === "function" ? children({
+    isHovered
+  }) : children);
+}
+function PlanCardButton(_c) {
+  var _d = _c, { children } = _d, props = __objRest(_d, ["children"]);
+  const { isHovered, hoverProps } = useHover.$6179b936705e76d3$export$ae780daf29e6d456({});
+  return React.createElement(UnstyledButton.UnstyledButton, __spreadValues({
+    className: styles.button
+  }, mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(hoverProps, props)), typeof children === "function" ? children({
+    isHovered
+  }) : children);
+}
+function PlanCardHeader({ children }) {
+  return React.createElement(VerticalStack.VerticalStack, {
+    gap: "0.5",
+    inlineAlign: "center"
+  }, children);
+}
+function PlanCardCallout({ children }) {
+  return React.createElement("div", {
+    className: styles.callout
+  }, children);
+}
+function PlanCardTitle(_e) {
+  var _f = _e, { children } = _f, textProps = __objRest(_f, ["children"]);
+  return React.createElement(Text.Text, __spreadValues({
+    as: "h3",
+    variant: "heading5",
+    color: "neutral.600"
+  }, textProps), children);
+}
+function PlanCardPrice(_g) {
+  var _h = _g, { children } = _h, textProps = __objRest(_h, ["children"]);
+  return React.createElement(Text.Text, __spreadValues({
+    variant: "heading2",
+    weight: "normal",
+    color: "neutral.800",
+    fontVariantNumeric: "tabular-nums"
+  }, textProps), children);
+}
+function PlanCardCaption(_i) {
+  var _j = _i, { children } = _j, textProps = __objRest(_j, ["children"]);
+  return React.createElement(Text.Text, __spreadValues({
+    variant: "caption",
+    color: "primary.800"
+  }, textProps), children);
+}
+function PlanCardFeatures({ children }) {
+  return React.createElement(VerticalStack.VerticalStack, {
+    gap: "1",
+    inlineAlign: "center"
+  }, children);
+}
+function PlanCardFeature(_k) {
+  var _l = _k, { children } = _l, textProps = __objRest(_l, ["children"]);
+  return React.createElement(Text.Text, __spreadValues({
+    variant: "body2",
+    color: "primary.800"
+  }, textProps), children);
+}
+function PlanCardIllustration({ children }) {
+  return React.createElement("div", {
+    className: styles.illustration
+  }, children);
+}
+PlanCard.Button = PlanCardButton;
+PlanCard.Link = PlanCardLink;
+PlanCard.Header = PlanCardHeader;
+PlanCard.Callout = PlanCardCallout;
+PlanCard.Title = PlanCardTitle;
+PlanCard.Price = PlanCardPrice;
+PlanCard.Caption = PlanCardCaption;
+PlanCard.Features = PlanCardFeatures;
+PlanCard.Feature = PlanCardFeature;
+PlanCard.Illustration = PlanCardIllustration;
+exports.PlanCard = PlanCard;

package/PlanCard/index.mjs

@@ -0,0 +1,146 @@
+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, { useRef } from "react";
+import { C as Card } from "../__chunks__/Card-CJug4GMX.mjs";
+import { T as Text } from "../__chunks__/Text-BWjD7__Y.mjs";
+import { V as VerticalStack } from "../__chunks__/VerticalStack-C2yDQVHD.mjs";
+import { U as UnstyledButton } from "../__chunks__/UnstyledButton-CbCwVIkK.mjs";
+import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "../__chunks__/useHover-Djd8mM67.mjs";
+import { $ as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "../__chunks__/mergeProps-CORsYhTp.mjs";
+import { $ as $298d61e98472621b$export$dcf14c9974fe2767 } from "../__chunks__/useLink-hFVDzAjm.mjs";
+const link = "_link_5ul37_4";
+const button = "_button_5ul37_8";
+const callout = "_callout_5ul37_25";
+const illustration = "_illustration_5ul37_31";
+const styles = {
+  link,
+  button,
+  callout,
+  illustration
+};
+function PlanCard(props) {
+  const _a = props, { children } = _a, cardProps = __objRest(_a, ["children"]);
+  return React__default.createElement(Card, __spreadValues({
+    variant: "outlined",
+    background: "neutral.000",
+    borderColor: "neutral.200",
+    borderRadius: "lg",
+    paddingY: "2",
+    paddingX: "4"
+  }, cardProps), React__default.createElement(VerticalStack, {
+    gap: "3"
+  }, children));
+}
+function PlanCardLink(_a) {
+  var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
+  const ref = useRef(null);
+  const { isHovered, hoverProps } = $6179b936705e76d3$export$ae780daf29e6d456(props);
+  const { linkProps } = $298d61e98472621b$export$dcf14c9974fe2767(props, ref);
+  return React__default.createElement("a", __spreadValues({
+    ref,
+    className: styles.link
+  }, $3ef42575df84b30b$export$9d1611c77c2fe928(hoverProps, linkProps)), typeof children === "function" ? children({
+    isHovered
+  }) : children);
+}
+function PlanCardButton(_c) {
+  var _d = _c, { children } = _d, props = __objRest(_d, ["children"]);
+  const { isHovered, hoverProps } = $6179b936705e76d3$export$ae780daf29e6d456({});
+  return React__default.createElement(UnstyledButton, __spreadValues({
+    className: styles.button
+  }, $3ef42575df84b30b$export$9d1611c77c2fe928(hoverProps, props)), typeof children === "function" ? children({
+    isHovered
+  }) : children);
+}
+function PlanCardHeader({ children }) {
+  return React__default.createElement(VerticalStack, {
+    gap: "0.5",
+    inlineAlign: "center"
+  }, children);
+}
+function PlanCardCallout({ children }) {
+  return React__default.createElement("div", {
+    className: styles.callout
+  }, children);
+}
+function PlanCardTitle(_e) {
+  var _f = _e, { children } = _f, textProps = __objRest(_f, ["children"]);
+  return React__default.createElement(Text, __spreadValues({
+    as: "h3",
+    variant: "heading5",
+    color: "neutral.600"
+  }, textProps), children);
+}
+function PlanCardPrice(_g) {
+  var _h = _g, { children } = _h, textProps = __objRest(_h, ["children"]);
+  return React__default.createElement(Text, __spreadValues({
+    variant: "heading2",
+    weight: "normal",
+    color: "neutral.800",
+    fontVariantNumeric: "tabular-nums"
+  }, textProps), children);
+}
+function PlanCardCaption(_i) {
+  var _j = _i, { children } = _j, textProps = __objRest(_j, ["children"]);
+  return React__default.createElement(Text, __spreadValues({
+    variant: "caption",
+    color: "primary.800"
+  }, textProps), children);
+}
+function PlanCardFeatures({ children }) {
+  return React__default.createElement(VerticalStack, {
+    gap: "1",
+    inlineAlign: "center"
+  }, children);
+}
+function PlanCardFeature(_k) {
+  var _l = _k, { children } = _l, textProps = __objRest(_l, ["children"]);
+  return React__default.createElement(Text, __spreadValues({
+    variant: "body2",
+    color: "primary.800"
+  }, textProps), children);
+}
+function PlanCardIllustration({ children }) {
+  return React__default.createElement("div", {
+    className: styles.illustration
+  }, children);
+}
+PlanCard.Button = PlanCardButton;
+PlanCard.Link = PlanCardLink;
+PlanCard.Header = PlanCardHeader;
+PlanCard.Callout = PlanCardCallout;
+PlanCard.Title = PlanCardTitle;
+PlanCard.Price = PlanCardPrice;
+PlanCard.Caption = PlanCardCaption;
+PlanCard.Features = PlanCardFeatures;
+PlanCard.Feature = PlanCardFeature;
+PlanCard.Illustration = PlanCardIllustration;
+export {
+  PlanCard
+};

package/ProductLayout/HelpMenu.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { MenuOverlayProps } from "../Menu/MenuOverlay";
+export type HelpMenuProps = {
+    items: MenuOverlayProps<object>["children"];
+    onAction?: MenuOverlayProps<object>["onAction"];
+};
+export declare function HelpMenu(props: HelpMenuProps): React.JSX.Element;
+//# sourceMappingURL=HelpMenu.d.ts.map

package/ProductLayout/HelpMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HelpMenu.d.ts","sourceRoot":"","sources":["../../src/ProductLayout/HelpMenu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAMvD,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC,UAAU,CAAC,CAAC;IAC5C,QAAQ,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC,UAAU,CAAC,CAAC;CACjD,CAAC;AAEF,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,qBAoB5C"}

package/ProductLayout/LayoutScreenSizeRenderer.d.ts

@@ -0,0 +1,21 @@
+import React, { ReactNode } from "react";
+export type LayoutScreenSizeRendererProps = {
+    onChange?: (isDesktop: boolean) => void;
+    renderOnLargeScreen: () => ReactNode;
+    renderOnSmallScreen: () => ReactNode;
+};
+/**
+ * SSR-compatible way to render different component trees whether the product
+ * layout is on a small screen or a large screen.
+ *
+ * It does this by rendering both component trees and using media queries
+ * through CSS to remove the applicable tree from the user agent (using
+ * display: none).
+ *
+ * Provides a change listener for adjusting component state as needed.
+ *
+ * @private
+ * @ignore
+ */
+export declare function LayoutScreenSizeRenderer(props: LayoutScreenSizeRendererProps): React.JSX.Element;
+//# sourceMappingURL=LayoutScreenSizeRenderer.d.ts.map

package/ProductLayout/LayoutScreenSizeRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutScreenSizeRenderer.d.ts","sourceRoot":"","sources":["../../src/ProductLayout/LayoutScreenSizeRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAKpD,MAAM,MAAM,6BAA6B,GAAG;IAC1C,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IACxC,mBAAmB,EAAE,MAAM,SAAS,CAAC;IACrC,mBAAmB,EAAE,MAAM,SAAS,CAAC;CACtC,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,6BAA6B,qBAwB5E"}

package/ProductLayout/ProductLayout.d.ts

@@ -0,0 +1,75 @@
+import React, { ReactNode } from "react";
+import { ProductLayoutContent } from "./ProductLayoutContent";
+import { ProductLayoutHeader } from "./ProductLayoutHeader";
+import { ProductLayoutSidebar } from "./ProductLayoutSidebar";
+import { ProductLayoutTabbedContent } from "./ProductLayoutTabbedContent";
+export type ProductLayoutProps = {
+    /**
+     * The main content for the product layout. Should contain a
+     * `<ProductLayout.Content />` or `<ProductLayout.TabbedContent />`
+     * component as children.
+     */
+    content: ReactNode;
+    /**
+     * The sidebar for the product layout. Should contain a
+     * `<ProductLayout.Sidebar />` component as children.
+     */
+    sidebar: ReactNode;
+    /**
+     * The header for the product layout. Should contain a
+     * `<ProductLayout.Header />` component as children.
+     */
+    header: ReactNode;
+};
+/**
+ * `ProductLayout` defines the header, sidebar, and main areas of a
+ * product page.
+ *
+ * @example
+ * ```tsx
+ * <ProductLayout
+ *   sidebar={
+ *     <ProductLayout.Sidebar>
+ *       <div />
+ *     </ProductLayout.Sidebar>
+ *   }
+ *   header={
+ *     <ProductLayout.Header
+ *       renderSmallScreenLogo={() => <EasyPostLogoMark />}
+ *       title="Page title"
+ *       helpMenuItems={[
+ *         <Menu.Item
+ *           key="1"
+ *           href="https://www.easypost.com/docs/api"
+ *           target="_blank"
+ *           rel="noopener"
+ *         >
+ *           Documentation
+ *         </Menu.Item>
+ *       ]}
+ *       primaryAction={{
+ *         content: "CTA 1",
+ *         onAction: () => {},
+ *       }}
+ *       secondaryAction={{
+ *         content: "CTA 2",
+ *         onAction: () => {},
+ *       }}
+ *     />
+ *   }
+ *   content={
+ *     <ProductLayout.Content>
+ *       <div>Content</div>
+ *     </ProductLayout.Content>
+ *   }
+ * />
+ * ```
+ */
+export declare function ProductLayout(props: ProductLayoutProps): React.JSX.Element;
+export declare namespace ProductLayout {
+    var Sidebar: typeof ProductLayoutSidebar;
+    var Header: typeof ProductLayoutHeader;
+    var Content: typeof ProductLayoutContent;
+    var TabbedContent: typeof ProductLayoutTabbedContent;
+}
+//# sourceMappingURL=ProductLayout.d.ts.map

package/ProductLayout/ProductLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductLayout.d.ts","sourceRoot":"","sources":["../../src/ProductLayout/ProductLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAmB,MAAM,OAAO,CAAC;AAG1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAK1E,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;;;OAIG;IACH,OAAO,EAAE,SAAS,CAAC;IAEnB;;;OAGG;IACH,OAAO,EAAE,SAAS,CAAC;IAEnB;;;OAGG;IACH,MAAM,EAAE,SAAS,CAAC;CACnB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,qBA2BtD;yBA3Be,aAAa"}

package/ProductLayout/ProductLayout.stories.d.ts

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

package/ProductLayout/ProductLayout.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductLayout.stories.d.ts","sourceRoot":"","sources":["../../src/ProductLayout/ProductLayout.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAUlD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,aAAa,CAAC,CAAC;AAE5C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,aAAa,CAUpC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,YAAY,EAAE,KA8B1B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAsE3B,CAAC"}

package/ProductLayout/ProductLayout.test.d.ts

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

package/ProductLayout/ProductLayout.test.d.ts.map

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

package/ProductLayout/ProductLayoutContent.d.ts

@@ -0,0 +1,9 @@
+import React, { ReactNode } from "react";
+export type ProductLayoutContentProps = {
+    /**
+     * The content to render.
+     */
+    children: ReactNode;
+};
+export declare function ProductLayoutContent(props: ProductLayoutContentProps): React.JSX.Element;
+//# sourceMappingURL=ProductLayoutContent.d.ts.map

package/ProductLayout/ProductLayoutContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductLayoutContent.d.ts","sourceRoot":"","sources":["../../src/ProductLayout/ProductLayoutContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIzC,MAAM,MAAM,yBAAyB,GAAG;IACtC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,qBAGpE"}

package/ProductLayout/ProductLayoutHeader.d.ts

@@ -0,0 +1,44 @@
+import React, { ReactNode } from "react";
+import { MenuOverlayProps } from "../Menu/MenuOverlay";
+export type ProductLayoutHeaderProps = {
+    /**
+     * List of help menu items to render. Should be an array of `<Menu.Item />`s.
+     */
+    helpMenuItems: MenuOverlayProps<object>["children"];
+    /**
+     * Handler that is called when a help menu item is selected.
+     */
+    onHelpMenuAction?: MenuOverlayProps<object>["onAction"];
+    /**
+     * Primary call to action for the header.
+     */
+    primaryAction?: ProductLayoutHeaderActionProps;
+    /**
+     * Logo to render in the header on small screens.
+     */
+    renderSmallScreenLogo: () => ReactNode;
+    /**
+     * Secondary call to action for the header.
+     */
+    secondaryAction?: ProductLayoutHeaderActionProps;
+    /**
+     * Page title.
+     */
+    title: ReactNode;
+};
+export type ProductLayoutHeaderActionProps = {
+    /**
+     * Content text to render for the header action.
+     */
+    content: string;
+    /**
+     * Action to invoke for the header action.
+     */
+    onAction: () => void;
+    /**
+     * Whether or not the header action is disabled.
+     */
+    isDisabled?: boolean;
+};
+export declare function ProductLayoutHeader(props: ProductLayoutHeaderProps): React.JSX.Element;
+//# sourceMappingURL=ProductLayoutHeader.d.ts.map

package/ProductLayout/ProductLayoutHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductLayoutHeader.d.ts","sourceRoot":"","sources":["../../src/ProductLayout/ProductLayoutHeader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAUvD,MAAM,MAAM,wBAAwB,GAAG;IACrC;;OAEG;IACH,aAAa,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC,UAAU,CAAC,CAAC;IAEpD;;OAEG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC,UAAU,CAAC,CAAC;IAExD;;OAEG;IACH,aAAa,CAAC,EAAE,8BAA8B,CAAC;IAE/C;;OAEG;IACH,qBAAqB,EAAE,MAAM,SAAS,CAAC;IAEvC;;OAEG;IACH,eAAe,CAAC,EAAE,8BAA8B,CAAC;IAEjD;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,8BAA8B,GAAG;IAC3C;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,QAAQ,EAAE,MAAM,IAAI,CAAC;IAErB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,qBASlE"}

package/ProductLayout/ProductLayoutSidebar.d.ts

@@ -0,0 +1,9 @@
+import React, { ReactNode } from "react";
+export type ProductLayoutSidebarProps = {
+    /**
+     * The content to render in the sidebar.
+     */
+    children: ReactNode;
+};
+export declare function ProductLayoutSidebar(props: ProductLayoutSidebarProps): React.JSX.Element;
+//# sourceMappingURL=ProductLayoutSidebar.d.ts.map

package/ProductLayout/ProductLayoutSidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductLayoutSidebar.d.ts","sourceRoot":"","sources":["../../src/ProductLayout/ProductLayoutSidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAe,MAAM,OAAO,CAAC;AAQtD,MAAM,MAAM,yBAAyB,GAAG;IACtC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,qBAiBpE"}

package/ProductLayout/ProductLayoutTabbedContent.d.ts

@@ -0,0 +1,15 @@
+import { AriaLabelingProps } from "@react-types/shared";
+import React, { ReactElement, ReactNode } from "react";
+export type ProductLayoutTabbedContentProps = AriaLabelingProps & {
+    /**
+     * The content to render in the nested tab.
+     */
+    children: ReactNode;
+    /**
+     * The tabs to display for nested content. Uses a `<TabNav />` and should
+     * contain an array of `<TabNav.Item />`s.
+     */
+    tabs: ReactElement[];
+};
+export declare function ProductLayoutTabbedContent(props: ProductLayoutTabbedContentProps): React.JSX.Element;
+//# sourceMappingURL=ProductLayoutTabbedContent.d.ts.map

package/ProductLayout/ProductLayoutTabbedContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductLayoutTabbedContent.d.ts","sourceRoot":"","sources":["../../src/ProductLayout/ProductLayoutTabbedContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,KAAK,EAAE,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvD,MAAM,MAAM,+BAA+B,GAAG,iBAAiB,GAAG;IAChE;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;;OAGG;IACH,IAAI,EAAE,YAAY,EAAE,CAAC;CACtB,CAAC;AAEF,wBAAgB,0BAA0B,CACxC,KAAK,EAAE,+BAA+B,qBASvC"}

package/ProductLayout/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const productLayoutMediaQuery: string;
+//# sourceMappingURL=constants.d.ts.map

package/ProductLayout/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/ProductLayout/constants.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,uBAAuB,QAA4C,CAAC"}

package/ProductLayout/context.d.ts

@@ -0,0 +1,13 @@
+import { DOMProps } from "@react-types/shared";
+import { MutableRefObject } from "react";
+import { AriaButtonProps } from "react-aria";
+import { OverlayTriggerState } from "react-stately";
+export type ProductLayoutContextType = {
+    layoutContainerRef: MutableRefObject<HTMLDivElement | null>;
+    sidebarTriggerState: OverlayTriggerState;
+    sidebarTriggerProps: AriaButtonProps;
+    sidebarOverlayProps: DOMProps;
+};
+export declare const ProductLayoutContext: import("react").Context<ProductLayoutContextType | null>;
+export declare const useProductLayout: () => ProductLayoutContextType;
+//# sourceMappingURL=context.d.ts.map

package/ProductLayout/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/ProductLayout/context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAA6B,MAAM,OAAO,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAEpD,MAAM,MAAM,wBAAwB,GAAG;IACrC,kBAAkB,EAAE,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC5D,mBAAmB,EAAE,mBAAmB,CAAC;IACzC,mBAAmB,EAAE,eAAe,CAAC;IACrC,mBAAmB,EAAE,QAAQ,CAAC;CAC/B,CAAC;AAEF,eAAO,MAAM,oBAAoB,0DACqB,CAAC;AAEvD,eAAO,MAAM,gBAAgB,gCAM5B,CAAC"}

package/ProductLayout/index.d.ts

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

package/ProductLayout/index.d.ts.map

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