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

package/ToggleCard/ToggleCard.d.ts

@@ -0,0 +1,88 @@
+import React, { ReactNode } from "react";
+export type ToggleCardProps = {
+    /**
+     * The children of the <ToggleCard> element. Should render
+     * `<ToggleCard.Header>` and `<ToggleCard.Body>`
+     */
+    children: ReactNode;
+};
+/**
+ * A `<ToggleCard />` is a styled container with an interactive
+ * header featuring a toggle control.
+ *
+ * @remarks
+ * It is a simple compound component consisting of `<ToggleCard.Header />`
+ * and `<ToggleCard.Body />`.
+ *
+ * `<ToggleCard.Header />` should handle the rendering for the `Toggle`
+ * control and the content alongside it.
+ *
+ * `<ToggleCard.Body />` is responsible for rendering the body content.
+ *
+ * @example
+ * _Controlled:_
+ * ```tsx
+ * <ToggleCard>
+ *  <ToggleCard.Header>
+ *    <Text id="some id" variant="subtitle1" color="primary.900">
+ *      header
+ *    </Text>
+ *    <Toggle
+ *      aria-labelledby="some id"
+ *      isSelected={isSelected}
+ *      onChange={(isSelected) => setIsSelected(isSelected)}
+ *     />
+ *  </ToggleCard.Header>
+ *  <ToggleCard.Body>body</ToggleCard.Body>
+ * </ToggleCard>
+ * ```
+ *
+ * @example
+ * _Disabled:_
+ * ```tsx
+ * <ToggleCard>
+ *  <ToggleCard.Header>
+ *    <Text id="some id" variant="subtitle1" color="primary.900">
+ *      header
+ *    </Text>
+ *    <Toggle aria-labelledby="some id" isDisabled />
+ *  </ToggleCard.Header>
+ *  <ToggleCard.Body>body</ToggleCard.Body>
+ * </ToggleCard>
+ * ```
+ *
+ * @example
+ * _Read-Only:_
+ * ```tsx
+ * <ToggleCard>
+ *  <ToggleCard.Header>
+ *    <Text id="some id" variant="subtitle1" color="primary.900">
+ *      header
+ *    </Text>
+ *    <Toggle aria-labelledby="some id" isReadOnly />
+ *  </ToggleCard.Header>
+ *  <ToggleCard.Body>body</ToggleCard.Body>
+ * </ToggleCard>
+ * ```
+ */
+export declare function ToggleCard(props: ToggleCardProps): React.JSX.Element;
+export declare namespace ToggleCard {
+    var Header: typeof ToggleCardHeader;
+    var Body: typeof ToggleCardBody;
+}
+export type ToggleCardHeaderProps = {
+    /**
+     * Header content of card
+     */
+    children: ReactNode;
+};
+declare function ToggleCardHeader(props: ToggleCardHeaderProps): React.JSX.Element;
+export type ToggleCardBodyProps = {
+    /**
+     * Body content of card
+     */
+    children: ReactNode;
+};
+declare function ToggleCardBody(props: ToggleCardBodyProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=ToggleCard.d.ts.map

package/ToggleCard/ToggleCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleCard.d.ts","sourceRoot":"","sources":["../../src/ToggleCard/ToggleCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAW,MAAM,OAAO,CAAC;AAQlD,MAAM,MAAM,eAAe,GAAG;IAC5B;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0DG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,qBAIhD;yBAJe,UAAU;;;;AAK1B,MAAM,MAAM,qBAAqB,GAAG;IAClC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,iBAAS,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,qBAwBrD;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,iBAAS,cAAc,CAAC,KAAK,EAAE,mBAAmB,qBAQjD"}

package/ToggleCard/ToggleCard.stories.d.ts

@@ -0,0 +1,12 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { ToggleCard } from "./ToggleCard";
+type Story = StoryObj<typeof ToggleCard>;
+declare const meta: Meta<typeof ToggleCard>;
+export default meta;
+export declare const Default: Story;
+export declare const DefaultSelected: Story;
+export declare const Disabled: Story;
+export declare const ReadOnly: Story;
+export declare const TogglePosition: Story;
+export declare const Controlled: Story;
+//# sourceMappingURL=ToggleCard.stories.d.ts.map

package/ToggleCard/ToggleCard.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleCard.stories.d.ts","sourceRoot":"","sources":["../../src/ToggleCard/ToggleCard.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKlD,OAAO,EAAE,UAAU,EAAmB,MAAM,cAAc,CAAC;AAQ3D,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;AAezC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAIjC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,KAcrB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAc7B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KActB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KActB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAc5B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KA+BxB,CAAC"}

package/ToggleCard/ToggleCard.test.d.ts

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

package/ToggleCard/ToggleCard.test.d.ts.map

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

package/ToggleCard/index.d.ts

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

package/ToggleCard/index.d.ts.map

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

package/ToggleCard/index.js

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+const Card = require("../__chunks__/Card-BM2DKiVA.js");
+const HorizontalStack = require("../__chunks__/HorizontalStack-CXpjASZi.js");
+const utilities_react = require("../utilities/react.js");
+function ToggleCard(props) {
+  const { children } = props;
+  return React.createElement(Card.Card.Container, {
+    borderRadius: "lg"
+  }, children);
+}
+function ToggleCardHeader(props) {
+  const { children } = props;
+  React.useMemo(() => {
+    const headerChildren = utilities_react.flattenChildren(children);
+    let foundToggle = false;
+    for (let i = 0; i < headerChildren.length; i++) {
+      if (utilities_react.getDisplayNameFromReactNode(headerChildren[i]) === "Toggle") {
+        foundToggle = true;
+        break;
+      }
+    }
+    if (!foundToggle) {
+      throw new Error("ToggleCard.Header must contain Toggle");
+    }
+  }, [children]);
+  return React.createElement(Card.Card.Area, {
+    background: "neutral.050",
+    paddingY: "0.5",
+    paddingX: "1"
+  }, React.createElement(HorizontalStack.HorizontalStack, {
+    gap: "2",
+    align: "space-between",
+    blockAlign: "center"
+  }, children));
+}
+function ToggleCardBody(props) {
+  const { children } = props;
+  return React.createElement(Card.Card.Area, {
+    paddingX: "0.5",
+    paddingY: "1"
+  }, children);
+}
+ToggleCard.Header = ToggleCardHeader;
+ToggleCard.Body = ToggleCardBody;
+exports.ToggleCard = ToggleCard;

package/ToggleCard/index.mjs

@@ -0,0 +1,47 @@
+import React__default, { useMemo } from "react";
+import { C as Card } from "../__chunks__/Card-CJug4GMX.mjs";
+import { H as HorizontalStack } from "../__chunks__/HorizontalStack-CxE8tPx_.mjs";
+import { flattenChildren, getDisplayNameFromReactNode } from "../utilities/react.mjs";
+function ToggleCard(props) {
+  const { children } = props;
+  return React__default.createElement(Card.Container, {
+    borderRadius: "lg"
+  }, children);
+}
+function ToggleCardHeader(props) {
+  const { children } = props;
+  useMemo(() => {
+    const headerChildren = flattenChildren(children);
+    let foundToggle = false;
+    for (let i = 0; i < headerChildren.length; i++) {
+      if (getDisplayNameFromReactNode(headerChildren[i]) === "Toggle") {
+        foundToggle = true;
+        break;
+      }
+    }
+    if (!foundToggle) {
+      throw new Error("ToggleCard.Header must contain Toggle");
+    }
+  }, [children]);
+  return React__default.createElement(Card.Area, {
+    background: "neutral.050",
+    paddingY: "0.5",
+    paddingX: "1"
+  }, React__default.createElement(HorizontalStack, {
+    gap: "2",
+    align: "space-between",
+    blockAlign: "center"
+  }, children));
+}
+function ToggleCardBody(props) {
+  const { children } = props;
+  return React__default.createElement(Card.Area, {
+    paddingX: "0.5",
+    paddingY: "1"
+  }, children);
+}
+ToggleCard.Header = ToggleCardHeader;
+ToggleCard.Body = ToggleCardBody;
+export {
+  ToggleCard
+};

package/Tooltip/Tooltip.stories.d.ts

@@ -10,5 +10,7 @@ export declare const Disabled: Story;
 export declare const FocusOnly: Story;
 export declare const LongText: Story;
 export declare const ButtonTrigger: Story;
+export declare const CheckboxTrigger: Story;
+export declare const ToggleTrigger: Story;
 export declare const Controls: Story;
 //# sourceMappingURL=Tooltip.stories.d.ts.map

package/Tooltip/Tooltip.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.stories.d.ts","sourceRoot":"","sources":["../../src/Tooltip/Tooltip.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAQlD,OAAO,EAAE,OAAO,EAAgB,MAAM,WAAW,CAAC;AAElD,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;AAItC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAyB9B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAevB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAK3B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC"}
+{"version":3,"file":"Tooltip.stories.d.ts","sourceRoot":"","sources":["../../src/Tooltip/Tooltip.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAUlD,OAAO,EAAE,OAAO,EAAgB,MAAM,WAAW,CAAC;AAElD,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;AAItC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAyB9B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAevB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAK3B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAK7B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAK3B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC"}

package/Tooltip/index.js

@@ -1,13 +1,4 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const Tooltip_index = require("../__chunks__/index-12ba1ea7.js");
-require("react");
-require("../Text/index.js");
-require("../utilities/css.js");
-require("../__chunks__/import-0f8555a4.js");
-require("../__chunks__/import-a1e0f814.js");
-require("../__chunks__/import-26676303.js");
-require("react-dom");
-require("../__chunks__/import-dea5a24d.js");
-require("../__chunks__/real-module-e36b1436.js");
-exports.Tooltip = Tooltip_index.Tooltip;
+const Tooltip = require("../__chunks__/Tooltip-BIfmWjfP.js");
+exports.Tooltip = Tooltip.Tooltip;

package/Tooltip/index.mjs

@@ -1,13 +1,4 @@
-import { T } from "../__chunks__/index-766f8373.mjs";
-import "react";
-import "../Text/index.mjs";
-import "../utilities/css.mjs";
-import "../__chunks__/import-c4caaddf.mjs";
-import "../__chunks__/import-19bc38ac.mjs";
-import "../__chunks__/import-3faba3a6.mjs";
-import "react-dom";
-import "../__chunks__/import-6a831ca1.mjs";
-import "../__chunks__/real-module-515df21d.mjs";
+import { T } from "../__chunks__/Tooltip-BcHfMDtC.mjs";
 export {
   T as Tooltip
 };

package/UnstyledButton/UnstyledButton.d.ts

@@ -25,8 +25,8 @@ export type UnstyledButtonProps = AriaButtonProps<"button"> & {
  * ```
  */
 export declare const UnstyledButton: React.ForwardRefExoticComponent<AriaButtonProps<"button"> & {
-    className?: string | undefined;
+    className?: string;
     /** Link's destination */
-    href?: string | undefined;
+    href?: string;
 } & React.RefAttributes<null>>;
 //# sourceMappingURL=UnstyledButton.d.ts.map

package/UnstyledButton/UnstyledButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UnstyledButton.d.ts","sourceRoot":"","sources":["../../src/UnstyledButton/UnstyledButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAClD,OAAO,EAAE,eAAe,EAAyB,MAAM,YAAY,CAAC;AAIpE,MAAM,MAAM,mBAAmB,GAAG,eAAe,CAAC,QAAQ,CAAC,GAAG;IAE5D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,cAAc;;IAvBzB,yBAAyB;;8BAmD1B,CAAC"}
+{"version":3,"file":"UnstyledButton.d.ts","sourceRoot":"","sources":["../../src/UnstyledButton/UnstyledButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAClD,OAAO,EAAE,eAAe,EAAyB,MAAM,YAAY,CAAC;AAMpE,MAAM,MAAM,mBAAmB,GAAG,eAAe,CAAC,QAAQ,CAAC,GAAG;IAE5D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,cAAc;gBAxBb,MAAM;IAClB,yBAAyB;WAClB,MAAM;8BAkDd,CAAC"}

package/UnstyledButton/UnstyledPressButton.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { AriaButtonProps } from "react-aria";
+/**
+ * Simple button wrapper that just accommodates for press events sent in by
+ * React Aria.
+ *
+ * @todo figure out how to supersede this with UnstyledButton
+ */
+export declare const UnstyledPressButton: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & AriaButtonProps<"button">, "ref"> & React.RefAttributes<null>>;
+//# sourceMappingURL=UnstyledPressButton.d.ts.map

package/UnstyledButton/UnstyledPressButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnstyledPressButton.d.ts","sourceRoot":"","sources":["../../src/UnstyledButton/UnstyledPressButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqC,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,eAAe,EAA4B,MAAM,YAAY,CAAC;AAKvE;;;;;GAKG;AACH,eAAO,MAAM,mBAAmB,gMAY9B,CAAC"}

package/UnstyledButton/index.js

@@ -1,9 +1,4 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const UnstyledButton_index = require("../__chunks__/index-5f429325.js");
-require("../__chunks__/import-a1e0f814.js");
-require("react");
-require("../utilities/css.js");
-require("../__chunks__/omit-fca26542.js");
-require("../__chunks__/import-26676303.js");
-exports.UnstyledButton = UnstyledButton_index.UnstyledButton;
+const UnstyledButton = require("../__chunks__/UnstyledButton-CnIn7VBo.js");
+exports.UnstyledButton = UnstyledButton.UnstyledButton;

package/UnstyledButton/index.mjs

@@ -1,9 +1,4 @@
-import { U } from "../__chunks__/index-45f05366.mjs";
-import "../__chunks__/import-19bc38ac.mjs";
-import "react";
-import "../utilities/css.mjs";
-import "../__chunks__/omit-f17deb8f.mjs";
-import "../__chunks__/import-3faba3a6.mjs";
+import { U } from "../__chunks__/UnstyledButton-CfhKDftV.mjs";
 export {
   U as UnstyledButton
 };

package/VerticalNav/Container.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { BaseVerticalNavProps } from "./types";
+export declare function Container(props: BaseVerticalNavProps): React.JSX.Element;
+//# sourceMappingURL=Container.d.ts.map

package/VerticalNav/Container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../src/VerticalNav/Container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAIpD,wBAAgB,SAAS,CAAC,KAAK,EAAE,oBAAoB,qBA+BpD"}

package/VerticalNav/ExpandButton.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { UnstyledButtonProps } from "../UnstyledButton";
+export type ExpandButtonProps = UnstyledButtonProps & {
+    isExpanded: boolean;
+};
+export declare function ExpandButton({ isExpanded, ...props }: ExpandButtonProps): React.JSX.Element;
+//# sourceMappingURL=ExpandButton.d.ts.map

package/VerticalNav/ExpandButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpandButton.d.ts","sourceRoot":"","sources":["../../src/VerticalNav/ExpandButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAkB,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAKxE,MAAM,MAAM,iBAAiB,GAAG,mBAAmB,GAAG;IACpD,UAAU,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAAE,UAAU,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,qBAUvE"}

package/VerticalNav/Item.d.ts

@@ -0,0 +1,37 @@
+import { ComponentProps, ElementType, ReactNode } from "react";
+import { IconSymbol } from "../types";
+export type ItemProps<T extends ElementType = "a"> = ComponentProps<T> & {
+    /**
+     * Custom element to render the item as.
+     */
+    as?: T;
+    /**
+     * Nested subnavigation for the navigation item.
+     */
+    children?: ReactNode;
+    /**
+     * Icon symbol of the navigation item. This is only applicable on top-level
+     * navigation items.
+     */
+    icon?: IconSymbol;
+    /**
+     * Label shown on the navigation item.
+     */
+    label: string;
+};
+export type ItemPropsForStately = ItemProps & {
+    textValue: string;
+};
+/**
+ * Represents a link in a navigation list.
+ *
+ * @privateRemarks
+ * This is a wrapper around React Stately's Item to be able to control the
+ * properties and behavior of the items in our VerticalNav and
+ * VerticalNav.Subnav lists.
+ *
+ * We map our Item's label prop to the underlying textValue prop to silence
+ * warnings about Aria's accessibility paradigm.
+ */
+export declare function Item<T extends ElementType = "a">(_props: ItemProps<T>): null;
+//# sourceMappingURL=Item.d.ts.map

package/VerticalNav/Item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../src/VerticalNav/Item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE/D,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,WAAW,GAAG,GAAG,IAAI,cAAc,CAAC,CAAC,CAAC,GAAG;IACvE;;OAEG;IACH,EAAE,CAAC,EAAE,CAAC,CAAC;IAEP;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAElB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG;IAAE,SAAS,EAAE,MAAM,CAAA;CAAE,CAAC;AAMpE;;;;;;;;;;GAUG;AACH,wBAAgB,IAAI,CAAC,CAAC,SAAS,WAAW,GAAG,GAAG,EAAE,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC,QAErE"}

package/VerticalNav/ListVerticalNav.d.ts

@@ -0,0 +1,29 @@
+import React from "react";
+import { Key } from "react-aria";
+import { ListProps } from "react-stately";
+import type { BaseVerticalNavProps } from "./types";
+export type ListVerticalNavProps = BaseVerticalNavProps & {
+    /**
+     * List of navigation items to render within the navigation.
+     */
+    children?: ListProps<object>["children"];
+    /**
+     * The currently selected key in the navigation list.
+     */
+    selectedKey?: Key;
+};
+/**
+ * A vertical list of navigation links.
+ *
+ * @example
+ * ```tsx
+ * <VerticalNav aria-label="Sidebar" selectedKey="1">
+ *   <VerticalNav.Item key="1" href="/item-1" icon={Symbol} label="Item 1" />
+ *   <VerticalNav.Item key="2" href="/item-2" icon={Symbol} label="Item 2" />
+ *   <VerticalNav.Item key="3" href="/item-3" icon={Symbol} label="Item 3" />
+ *   <VerticalNav.Item key="4" href="/item-4" icon={Symbol} label="Item 4" />
+ * </VerticalNav>
+ * ```
+ */
+export declare function ListVerticalNav(props: ListVerticalNavProps): React.JSX.Element;
+//# sourceMappingURL=ListVerticalNav.d.ts.map

package/VerticalNav/ListVerticalNav.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListVerticalNav.d.ts","sourceRoot":"","sources":["../../src/VerticalNav/ListVerticalNav.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AACjC,OAAO,EAAE,SAAS,EAAiC,MAAM,eAAe,CAAC;AAKzE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAIpD,MAAM,MAAM,oBAAoB,GAAG,oBAAoB,GAAG;IACxD;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC,UAAU,CAAC,CAAC;IAEzC;;OAEG;IACH,WAAW,CAAC,EAAE,GAAG,CAAC;CACnB,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,qBAgB1D"}

package/VerticalNav/NavItem.d.ts

@@ -0,0 +1,13 @@
+import { Node } from "@react-types/shared";
+import React, { ReactNode } from "react";
+type NavItemProps = {
+    className?: string;
+    expansionSlot?: ReactNode;
+    isChildrenVisible: boolean;
+    isExpanded?: boolean;
+    isSelected: boolean;
+    item: Node<object>;
+};
+export declare function NavItem(props: NavItemProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=NavItem.d.ts.map

package/VerticalNav/NavItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavItem.d.ts","sourceRoot":"","sources":["../../src/VerticalNav/NavItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAC3C,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AASzC,KAAK,YAAY,GAAG;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,iBAAiB,EAAE,OAAO,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;IACpB,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;CACpB,CAAC;AAEF,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,qBAwC1C"}

package/VerticalNav/Subnav.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import { Key } from "react-aria";
+import { ListProps } from "react-stately";
+export type SubnavProps = {
+    /**
+     * The currently selected key in the navigation list.
+     */
+    selectedKey?: Key;
+    /**
+     * List of navigation items within the subnavigation.
+     */
+    children?: ListProps<object>["children"];
+};
+/**
+ * Represents a nested navigation within a navigation item.
+ */
+export declare function Subnav(props: SubnavProps): React.JSX.Element;
+//# sourceMappingURL=Subnav.d.ts.map

package/VerticalNav/Subnav.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Subnav.d.ts","sourceRoot":"","sources":["../../src/VerticalNav/Subnav.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AACjC,OAAO,EAAE,SAAS,EAAgB,MAAM,eAAe,CAAC;AAKxD,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,WAAW,CAAC,EAAE,GAAG,CAAC;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC,UAAU,CAAC,CAAC;CAC1C,CAAC;AAIF;;GAEG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,qBAkBxC"}

package/VerticalNav/SubnavItem.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { ListState, Node } from "react-stately";
+export type SubnavItemProps = {
+    item: Node<object>;
+    level: number;
+    state: ListState<object>;
+};
+export declare function SubnavItem(props: SubnavItemProps): React.JSX.Element;
+//# sourceMappingURL=SubnavItem.d.ts.map

package/VerticalNav/SubnavItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubnavItem.d.ts","sourceRoot":"","sources":["../../src/VerticalNav/SubnavItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAShD,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;CAC1B,CAAC;AAEF,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,qBAwChD"}

package/VerticalNav/SubnavItemDot.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+export type SubnavItemDotProps = {
+    isCozy?: boolean;
+    isVisible?: boolean;
+};
+export declare function SubnavItemDot({ isCozy, isVisible }: SubnavItemDotProps): React.JSX.Element;
+//# sourceMappingURL=SubnavItemDot.d.ts.map

package/VerticalNav/SubnavItemDot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubnavItemDot.d.ts","sourceRoot":"","sources":["../../src/VerticalNav/SubnavItemDot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,MAAM,kBAAkB,GAAG;IAC/B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,kBAAkB,qBAOtE"}

package/VerticalNav/SupplementaryAction.d.ts

@@ -0,0 +1,26 @@
+import { DOMRef } from "@react-types/shared";
+import { ComponentProps, ElementType, ReactElement, ReactNode } from "react";
+export type SupplementaryActionProps<T extends ElementType = "button"> = ComponentProps<T> & {
+    /**
+     * Custom element to render the supplementary action as.
+     */
+    as?: T;
+    /**
+     * Text content to render in the supplementary action.
+     */
+    children: ReactNode;
+};
+/**
+ * Represents a default supplementary action for a vertical navigation. Renders
+ * as a text with arrow.
+ *
+ * The `supplementaryAction` slot can be rendered with a custom action component
+ * if this one doesn't suffice.
+ */
+export declare const SupplementaryAction: {
+    <T extends ElementType = "button">(props: SupplementaryActionProps<T> & {
+        ref?: DOMRef;
+    }): ReactElement;
+    displayName?: string;
+};
+//# sourceMappingURL=SupplementaryAction.d.ts.map

package/VerticalNav/SupplementaryAction.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SupplementaryAction.d.ts","sourceRoot":"","sources":["../../src/VerticalNav/SupplementaryAction.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAc,EACZ,cAAc,EACd,WAAW,EACX,YAAY,EACZ,SAAS,EAEV,MAAM,OAAO,CAAC;AAMf,MAAM,MAAM,wBAAwB,CAAC,CAAC,SAAS,WAAW,GAAG,QAAQ,IACnE,cAAc,CAAC,CAAC,CAAC,GAAG;IAClB;;OAEG;IACH,EAAE,CAAC,EAAE,CAAC,CAAC;IAEP;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEJ;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB,EAW1B;IACJ,CAAC,CAAgC,SAAtB,WAAW,GAAG,QAAQ,EAC/B,KAAK,EAAE,wBAAwB,CAAC,CAAC,CAAC,GAAG;QAAE,GAAG,CAAC,EAAE,MAAM,CAAA;KAAE,GACpD,YAAY,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC"}

package/VerticalNav/TreeVerticalNav.d.ts

@@ -0,0 +1,58 @@
+import React from "react";
+import { Key } from "react-aria";
+import { TreeProps } from "react-stately";
+import type { BaseVerticalNavProps } from "./types";
+export type TreeVerticalNavProps = BaseVerticalNavProps & {
+    /**
+     * List of navigation items to render within the navigation.
+     */
+    children?: TreeProps<object>["children"];
+    /**
+     * The initial expanded keys in the navigation (uncontrolled).
+     */
+    defaultExpandedKeys?: TreeProps<object>["defaultExpandedKeys"];
+    /**
+     * The currently expanded keys in the navigation (controlled).
+     */
+    expandedKeys?: TreeProps<object>["expandedKeys"];
+    /**
+     * Handler that is called when navigation items are expanded or collapsed.
+     */
+    onExpandedChange?: TreeProps<object>["onExpandedChange"];
+    /**
+     * The currently selected key in the navigation list.
+     */
+    selectedKey?: Key;
+};
+/**
+ * A vertical list of expandable navigation links.
+ *
+ * @example
+ * ```tsx
+ * <ExpandableVerticalNav
+ *   aria-label="Sidebar"
+ *   selectedKey="1"
+ *   expandedKeys={expandedKeys}
+ *   onExpandedChange={(keys) => {
+ *     setExpandedKeys(keys);
+ *   }}
+ * >
+ *   <VerticalNav.Item key="1" href="/item-1" icon={Symbol} label="Item 1" />
+ *   <VerticalNav.Item key="2" href="/item-2" icon={Symbol} label="Item 2">
+ *     <VerticalNav.Subnav selectedKey="2a">
+ *       <VerticalNav.Item key="2a" href="/subitem-1" label="Subitem 1">
+ *         <VerticalNav.Subnav selectedKey="2a1">
+ *           <VerticalNav.Item key="2a1" href="/subitem-1a" label="Item 1" />
+ *           <VerticalNav.Item key="2a2" href="/subitem-1b" label="Item 2" />
+ *         </VerticalNav.Subnav>
+ *       </VerticalNav.Item>
+ *       <VerticalNav.Item key="2b" href="/subitem-2" label="Subitem 2" />
+ *     </VerticalNav.Subnav>
+ *   </VerticalNav.Item>
+ *   <VerticalNav.Item key="3" href="/item-3" icon={Symbol} label="Item 3" />
+ *   <VerticalNav.Item key="4" href="/item-4" icon={Symbol} label="Item 4" />
+ * </ExpandableVerticalNav>
+ * ```
+ */
+export declare function TreeVerticalNav(props: TreeVerticalNavProps): React.JSX.Element;
+//# sourceMappingURL=TreeVerticalNav.d.ts.map

package/VerticalNav/TreeVerticalNav.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeVerticalNav.d.ts","sourceRoot":"","sources":["../../src/VerticalNav/TreeVerticalNav.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AACjC,OAAO,EAAQ,SAAS,EAA2B,MAAM,eAAe,CAAC;AAMzE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAIpD,MAAM,MAAM,oBAAoB,GAAG,oBAAoB,GAAG;IACxD;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC,UAAU,CAAC,CAAC;IAEzC;;OAEG;IACH,mBAAmB,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC,qBAAqB,CAAC,CAAC;IAE/D;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC,cAAc,CAAC,CAAC;IAEjD;;OAEG;IACH,gBAAgB,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC,kBAAkB,CAAC,CAAC;IAEzD;;OAEG;IACH,WAAW,CAAC,EAAE,GAAG,CAAC;CACnB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,qBAgB1D"}

package/VerticalNav/VerticalNav.d.ts

@@ -0,0 +1,29 @@
+import React from "react";
+import { ListVerticalNavProps } from "./ListVerticalNav";
+import { TreeVerticalNav } from "./TreeVerticalNav";
+/**
+ * A vertical list of navigation links.
+ *
+ * @example
+ * ```tsx
+ * <VerticalNav aria-label="Sidebar" selectedKey="1">
+ *   <VerticalNav.Item key="1" href="/item-1" icon={Symbol} label="Item 1" />
+ *   <VerticalNav.Item key="2" href="/item-2" icon={Symbol} label="Item 2" />
+ *   <VerticalNav.Item key="3" href="/item-3" icon={Symbol} label="Item 3" />
+ *   <VerticalNav.Item key="4" href="/item-4" icon={Symbol} label="Item 4" />
+ * </VerticalNav>
+ * ```
+ */
+export declare function VerticalNav(props: ListVerticalNavProps): React.JSX.Element;
+export declare namespace VerticalNav {
+    var Item: typeof import("./Item").Item;
+    var Subnav: typeof import("./Subnav").Subnav;
+    var SupplementaryAction: {
+        <T extends React.ElementType = "button">(props: import("./SupplementaryAction").SupplementaryActionProps<T> & {
+            ref?: import("@react-types/shared").DOMRef;
+        }): React.ReactElement;
+        displayName?: string;
+    };
+}
+export { TreeVerticalNav as ExpandableVerticalNav };
+//# sourceMappingURL=VerticalNav.d.ts.map

package/VerticalNav/VerticalNav.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VerticalNav.d.ts","sourceRoot":"","sources":["../../src/VerticalNav/VerticalNav.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAmB,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAG1E,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD;;;;;;;;;;;;GAYG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,oBAAoB,qBAEtD;yBAFe,WAAW;;;;;eAoB6G,CAAC;;;;;AADzI,OAAO,EAAE,eAAe,IAAI,qBAAqB,EAAE,CAAC"}

package/VerticalNav/VerticalNav.stories.d.ts

@@ -0,0 +1,13 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { ExpandableVerticalNav, VerticalNav } from "./VerticalNav";
+type ListStory = StoryObj<typeof VerticalNav>;
+type TreeStory = StoryObj<typeof ExpandableVerticalNav>;
+declare const meta: Meta<typeof VerticalNav>;
+export default meta;
+export declare const Simple: ListStory;
+export declare const Nested: ListStory;
+export declare const Expandable: TreeStory;
+export declare const WithSupplementaryAction: ListStory;
+export declare const WithBanner: ListStory;
+export declare const WithinACard: TreeStory;
+//# sourceMappingURL=VerticalNav.stories.d.ts.map