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

package/Stepper/Stepper.d.ts

@@ -0,0 +1,104 @@
+import React, { ReactNode } from "react";
+export type StepperColor = "primary" | "inverse";
+export type StepperOrientation = "horizontal" | "vertical";
+export type StepperProps = {
+    /**
+     * Color scheme that applies to steps in various states.
+     * @default primary
+     */
+    color?: StepperColor;
+    /**
+     * Orientation of stepper, vertical replaces arrow icon with line.
+     * @default horizontal
+     */
+    orientation?: StepperOrientation;
+    /**
+     * The active step, represented as an index of the sequence.
+     */
+    activeStepIndex: number;
+    /**
+     * The steps to render, represented as `<Stepper.Step/ >`.
+     */
+    children: ReactNode;
+};
+/**
+* The `<Stepper />` component is used to indicate progress as the user goes
+* through a multi-step process.
+*
+* @remarks
+* A common use-case for this component is to guide a user through a large
+* form where parts of the form can be separated into logical steps.
+*
+* @example
+* _Default:_
+*```tsx
+* import { Stepper } from "@easypost/easy-ui/Stepper";
+*
+* export function Component() {
+*  const steps = ["Step 1", "Step 2", "Step 3", "Step 4"]
+*  const [activeStep, setActiveStep] = useState(0);
+*  const [stepsState, setStepsState] = useState<
+*   { isComplete: boolean; isAccessible: boolean }[]
+*  >([{ isComplete: false, isAccessible: true }]);
+*
+*  const goToStep = (index: number) => () => {
+*     setActiveStep(index);
+*  }
+*
+*  return (
+*   <Stepper activeStepIndex={activeStep}>
+*     {steps.map((step, index) => (
+*       <Stepper.Step
+*         key={step}
+*         stepIndex={index}
+*         onPress={goToStep(index)}
+*         isComplete={stepsState[index]?.isComplete || false}
+*         isAccessible={stepsState[index]?.isAccessible || false}
+*        >
+*         {step}
+*       </Stepper.Step>
+*     ))}
+*   </Stepper>
+*  );
+* }
+```
+*
+* @example
+* _Vertical orientation and inverse color:_
+*```tsx
+* import { Stepper } from "@easypost/easy-ui/Stepper";
+*
+* export function Component() {
+*  const steps = ["Step 1", "Step 2", "Step 3", "Step 4"]
+*  const [activeStep, setActiveStep] = useState(0);
+*  const [stepsState, setStepsState] = useState<
+*   { isComplete: boolean; isAccessible: boolean }[]
+*  >([{ isComplete: false, isAccessible: true }]);
+*
+*  const goToStep = (index: number) => () => {
+*     setActiveStep(index);
+*  }
+*
+*  return (
+*   <Stepper color="inverse" orientation="vertical" activeStepIndex={activeStep}>
+*     {steps.map((step, index) => (
+*       <Stepper.Step
+*         key={step}
+*         stepIndex={index}
+*         onPress={goToStep(index)}
+*         isComplete={stepsState[index]?.isComplete || false}
+*         isAccessible={stepsState[index]?.isAccessible || false}
+*        >
+*         {step}
+*       </Stepper.Step>
+*     ))}
+*   </Stepper>
+*  );
+* }
+```
+ */
+export declare function Stepper(props: StepperProps): React.JSX.Element;
+export declare namespace Stepper {
+    var Step: typeof import("./Step").Step;
+}
+//# sourceMappingURL=Stepper.d.ts.map

package/Stepper/Stepper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stepper.d.ts","sourceRoot":"","sources":["../../src/Stepper/Stepper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAqB,MAAM,OAAO,CAAC;AAM5D,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,SAAS,CAAC;AAEjD,MAAM,MAAM,kBAAkB,GAAG,YAAY,GAAG,UAAU,CAAC;AAE3D,MAAM,MAAM,YAAY,GAAG;IACzB;;;OAGG;IACH,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB;;;OAGG;IACH,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC;;OAEG;IACH,eAAe,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2EG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,qBAmC1C;yBAnCe,OAAO"}

package/Stepper/Stepper.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { Stepper } from "./Stepper";
+type Story = StoryObj<typeof Stepper>;
+declare const meta: Meta<typeof Stepper>;
+export default meta;
+export declare const HorizontalStepper: Story;
+export declare const VerticalStepper: Story;
+export declare const HorizontalInverseStepper: Story;
+export declare const VerticalInverseStepper: Story;
+//# sourceMappingURL=Stepper.stories.d.ts.map

package/Stepper/Stepper.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stepper.stories.d.ts","sourceRoot":"","sources":["../../src/Stepper/Stepper.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,EAAE,OAAO,EAAgB,MAAM,WAAW,CAAC;AAWlD,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;AAEtC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAG9B,CAAC;AAyBF,eAAe,IAAI,CAAC;AAIpB,eAAO,MAAM,iBAAiB,EAAE,KAkE/B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAM7B,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,KAMtC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAOpC,CAAC"}

package/Stepper/Stepper.test.d.ts

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

package/Stepper/Stepper.test.d.ts.map

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

package/Stepper/StepperContext.d.ts

@@ -0,0 +1,11 @@
+import { StepperColor, StepperOrientation } from "./Stepper";
+type InternalStepperContextType = {
+    color: StepperColor;
+    orientation: StepperOrientation;
+    activeStepIndex: number;
+    totalSteps: number;
+};
+export declare const InternalStepperContext: import("react").Context<InternalStepperContextType | null>;
+export declare function useInternalStepperContext(): InternalStepperContextType;
+export {};
+//# sourceMappingURL=StepperContext.d.ts.map

package/Stepper/StepperContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepperContext.d.ts","sourceRoot":"","sources":["../../src/Stepper/StepperContext.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAE7D,KAAK,0BAA0B,GAAG;IAChC,KAAK,EAAE,YAAY,CAAC;IACpB,WAAW,EAAE,kBAAkB,CAAC;IAChC,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,sBAAsB,4DACqB,CAAC;AAEzD,wBAAgB,yBAAyB,+BAMxC"}

package/Stepper/index.d.ts

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

package/Stepper/index.d.ts.map

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

package/Stepper/index.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const Stepper = require("../__chunks__/Stepper-CxWpMLEW.js");
+exports.Stepper = Stepper.Stepper;

package/Stepper/index.mjs

@@ -0,0 +1,4 @@
+import { S } from "../__chunks__/Stepper-BY8zQdW2.mjs";
+export {
+  S as Stepper
+};

package/TabNav/TabNav.d.ts

@@ -0,0 +1,29 @@
+import { AriaLabelingProps } from "@react-types/shared";
+import React, { ReactNode } from "react";
+import { TabNavItem } from "./TabNavItem";
+export type TabNavProps = AriaLabelingProps & {
+    /** The children of the `<TabNav>` element. Should include `<TabNav.Item>` elements. */
+    children: ReactNode;
+};
+/**
+ * A `TabNav` is a set of styled links that lets users navigate between
+ * related pages.
+ *
+ * @remarks
+ * Use a `TabNav` for tabs that navigate across URLs. For navigation within
+ * the same URL, use `TabPanels`.
+ *
+ * @example
+ * <TabNav aria-label="Account">
+ *   <TabNav.Item href="/billing" isCurrentPage={true}>Billing</TabNav.Item>
+ *   <TabNav.Item href="/members">Members</TabNav.Item>
+ *   <TabNav.Item href="/api-keys">API Keys</TabNav.Item>
+ *   <TabNav.Item href="/branded-tracker">Branded Tracker</TabNav.Item>
+ *   <TabNav.Item href="/shipping-settings">Shipping Settings</TabNav.Item>
+ * </TabNav>
+ */
+export declare function TabNav(props: TabNavProps): React.JSX.Element;
+export declare namespace TabNav {
+    var Item: typeof TabNavItem;
+}
+//# sourceMappingURL=TabNav.d.ts.map

package/TabNav/TabNav.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabNav.d.ts","sourceRoot":"","sources":["../../src/TabNav/TabNav.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,MAAM,MAAM,WAAW,GAAG,iBAAiB,GAAG;IAC5C,uFAAuF;IACvF,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,qBAYxC;yBAZe,MAAM"}

package/TabNav/TabNav.stories.d.ts

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

package/TabNav/TabNav.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabNav.stories.d.ts","sourceRoot":"","sources":["../../src/TabNav/TabNav.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,EAAE,MAAM,EAAe,MAAM,UAAU,CAAC;AAE/C,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAErC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAG7B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAExB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KASxB,CAAC"}

package/TabNav/TabNav.test.d.ts

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

package/TabNav/TabNav.test.d.ts.map

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

package/TabNav/TabNavItem.d.ts

@@ -0,0 +1,12 @@
+import React, { ComponentProps, ElementType, ReactNode } from "react";
+type TabNavItemProps<T extends ElementType = "a"> = ComponentProps<T> & {
+    /** Override the default element with a custom one to provide unique behavior. Useful for client-side navigation link components in app frameworks. */
+    as?: T;
+    /** The children of the `<TabNav.Item>` element. */
+    children: ReactNode;
+    /** Sets the `<TavNav.Item>` as the current page and adds `aria-current="page"`. */
+    isCurrentPage?: boolean;
+};
+export declare function TabNavItem<T extends ElementType = "a">(props: TabNavItemProps<T>): React.JSX.Element;
+export {};
+//# sourceMappingURL=TabNavItem.d.ts.map

package/TabNav/TabNavItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabNavItem.d.ts","sourceRoot":"","sources":["../../src/TabNav/TabNavItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGtE,KAAK,eAAe,CAAC,CAAC,SAAS,WAAW,GAAG,GAAG,IAAI,cAAc,CAAC,CAAC,CAAC,GAAG;IACtE,sJAAsJ;IACtJ,EAAE,CAAC,EAAE,CAAC,CAAC;IAEP,mDAAmD;IACnD,QAAQ,EAAE,SAAS,CAAC;IAEpB,mFAAmF;IACnF,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,wBAAgB,UAAU,CAAC,CAAC,SAAS,WAAW,GAAG,GAAG,EACpD,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,qBAc1B"}

package/TabNav/index.d.ts

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

package/TabNav/index.d.ts.map

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

package/TabNav/index.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const TabNav = require("../__chunks__/TabNav-1cTg6TWo.js");
+exports.TabNav = TabNav.TabNav;

package/TabNav/index.mjs

@@ -0,0 +1,4 @@
+import { T } from "../__chunks__/TabNav-burpvHrg.mjs";
+export {
+  T as TabNav
+};

package/TabPanels/TabPanels.d.ts

@@ -0,0 +1,68 @@
+import { AriaLabelingProps, Key } from "@react-types/shared";
+import React, { ReactNode } from "react";
+import { TabPanelsItem } from "./TabPanelsItem";
+import { TabPanelsPanels } from "./TabPanelsPanels";
+import { TabPanelsTabs } from "./TabPanelsTabs";
+export type TabPanelsProps = AriaLabelingProps & {
+    /**
+     * The children of the `<TabPanels>` element. Should include `<TabPanels.Tabs>`
+     * and `<TabPanels.Panels>` elements.
+     */
+    children: ReactNode;
+    /**
+     * The initial selected key in the collection (uncontrolled).
+     */
+    defaultSelectedKey?: Key;
+    /**
+     * The keys of the tabs that are disabled. These tabs cannot be selected,
+     * focused, or otherwise interacted with.
+     */
+    disabledKeys?: Iterable<Key>;
+    /**
+     * Whether the entire tab list is disabled.
+     */
+    isDisabled?: boolean;
+    /**
+     * Whether tabs are activated automatically on focus or manually.
+     *
+     * @default "automatic"
+     */
+    keyboardActivation?: "automatic" | "manual";
+    /**
+     * Handler that is called when the selection changes.
+     */
+    onSelectionChange?: (key: Key) => void;
+    /**
+     * The currently selected key in the collection (controlled).
+     */
+    selectedKey?: Key | null;
+};
+/**
+ * `TabPanels` is a list of tabs that let users switch between multiple views
+ * within a related context under the same URL.
+ *
+ * @remarks
+ * Tabs in a tab panel should not be links that navigate the user to a new URL.
+ * If you want tab-like navigation, use `TabNav` instead.
+ *
+ * @example
+ * <TabPanels aria-label="History of Ancient Rome">
+ *   <TabPanels.Tabs>
+ *     <Item key="one">Founding of Rome</Item>
+ *     <Item key="two">Monarchy and Republic</Item>
+ *     <Item key="three">Empire</Item>
+ *   </TabPanels.Tabs>
+ *   <TabPanels.Panels>
+ *     <Item key="one">Arma virumque cano, Troiae qui primus ab oris.</Item>
+ *     <Item key="two">Senatus Populusque Romanus.</Item>
+ *     <Item key="three">Alea jacta est.</Item>
+ *   </TabPanels.Panels>
+ * </TabPanels>
+ */
+export declare function TabPanels(props: TabPanelsProps): React.JSX.Element;
+export declare namespace TabPanels {
+    var Tabs: typeof TabPanelsTabs;
+    var Panels: typeof TabPanelsPanels;
+    var Item: typeof TabPanelsItem;
+}
+//# sourceMappingURL=TabPanels.d.ts.map

package/TabPanels/TabPanels.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabPanels.d.ts","sourceRoot":"","sources":["../../src/TabPanels/TabPanels.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,KAAK,EAAE,EAAE,SAAS,EAAqB,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGhD,MAAM,MAAM,cAAc,GAAG,iBAAiB,GAAG;IAC/C;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,kBAAkB,CAAC,EAAE,GAAG,CAAC;IAEzB;;;OAGG;IACH,YAAY,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;IAE7B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,WAAW,GAAG,QAAQ,CAAC;IAE5C;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAEvC;;OAEG;IACH,WAAW,CAAC,EAAE,GAAG,GAAG,IAAI,CAAC;CAC1B,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,qBAY9C;yBAZe,SAAS"}

package/TabPanels/TabPanels.stories.d.ts

@@ -0,0 +1,14 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { TabPanels } from "./TabPanels";
+type Story = StoryObj<typeof TabPanels>;
+declare const meta: Meta<typeof TabPanels>;
+export default meta;
+export declare const Default: Story;
+export declare const Controlled: Story;
+export declare const DefaultSelectedKey: Story;
+export declare const DisabledList: Story;
+export declare const DisabledItems: Story;
+export declare const ManualKeyboardActivation: Story;
+export declare const Responsive: Story;
+export declare const CustomLayout: Story;
+//# sourceMappingURL=TabPanels.stories.d.ts.map

package/TabPanels/TabPanels.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabPanels.stories.d.ts","sourceRoot":"","sources":["../../src/TabPanels/TabPanels.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,EAAE,SAAS,EAAkB,MAAM,aAAa,CAAC;AAGxD,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAC;AAMxC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAyChC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAWxB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAUhC,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAU1B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAU3B,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,KAUtC,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KASxB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KA4B1B,CAAC"}

package/TabPanels/TabPanels.test.d.ts

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

package/TabPanels/TabPanels.test.d.ts.map

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

package/TabPanels/TabPanelsItem.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from "react";
+export type TabPanelsItemProps = {
+    /** Rendered contents of the item or child items. */
+    children: ReactNode;
+};
+/**
+ * Represents an item in a `<TabPanels.Panels />` or
+ * `<TabPanels.Tabs />` container.
+ *
+ * @privateRemarks
+ * This is essentially a re-export of react stately's Item but where this
+ * component can control the public interface.
+ */
+export declare function TabPanelsItem(_props: TabPanelsItemProps): ReactNode;
+//# sourceMappingURL=TabPanelsItem.d.ts.map

package/TabPanels/TabPanelsItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabPanelsItem.d.ts","sourceRoot":"","sources":["../../src/TabPanels/TabPanelsItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC,MAAM,MAAM,kBAAkB,GAAG;IAC/B,oDAAoD;IACpD,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF;;;;;;;GAOG;AAEH,wBAAgB,aAAa,CAAC,MAAM,EAAE,kBAAkB,GAAG,SAAS,CAEnE"}

package/TabPanels/TabPanelsPanels.d.ts

@@ -0,0 +1,14 @@
+import React, { ReactElement } from "react";
+type TabPanelsPanelsProps = {
+    /**
+     * The contents of each tab. Item keys should match the key of the
+     * corresponding `<Item>` within the `<TabPanels.Tabs>` element.
+     */
+    children: ReactElement | ReactElement[];
+};
+/**
+ * Represents a container of panels in a `<TabPanels />`.
+ */
+export declare function TabPanelsPanels(props: TabPanelsPanelsProps): React.JSX.Element | null;
+export {};
+//# sourceMappingURL=TabPanelsPanels.d.ts.map

package/TabPanels/TabPanelsPanels.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabPanelsPanels.d.ts","sourceRoot":"","sources":["../../src/TabPanels/TabPanelsPanels.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EACZ,YAAY,EAIb,MAAM,OAAO,CAAC;AAMf,KAAK,oBAAoB,GAAG;IAC1B;;;OAGG;IACH,QAAQ,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;CACzC,CAAC;AAUF;;GAEG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,4BA8B1D"}

package/TabPanels/TabPanelsTabs.d.ts

@@ -0,0 +1,15 @@
+import { AriaLabelingProps, ItemElement } from "@react-types/shared";
+import React from "react";
+type TabPanelsTabsProps = AriaLabelingProps & {
+    /**
+     * The tab items to display. Item keys should match the key of the
+     * corresponding `<Item>` within the `<TabPanels.Panels>` element.
+     */
+    children: ItemElement<object> | ItemElement<object>[];
+};
+/**
+ * Represents a container of tabs in a `<TabPanels />`.
+ */
+export declare function TabPanelsTabs(props: TabPanelsTabsProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=TabPanelsTabs.d.ts.map

package/TabPanels/TabPanelsTabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabPanelsTabs.d.ts","sourceRoot":"","sources":["../../src/TabPanels/TabPanelsTabs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAQ,MAAM,qBAAqB,CAAC;AAC3E,OAAO,KAAoB,MAAM,OAAO,CAAC;AAMzC,KAAK,kBAAkB,GAAG,iBAAiB,GAAG;IAC5C;;;OAGG;IACH,QAAQ,EAAE,WAAW,CAAC,MAAM,CAAC,GAAG,WAAW,CAAC,MAAM,CAAC,EAAE,CAAC;CACvD,CAAC;AAUF;;GAEG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,qBAmCtD"}

package/TabPanels/context.d.ts

@@ -0,0 +1,10 @@
+import { TabListState } from "react-stately";
+import type { TabPanelsProps } from "./TabPanels";
+export type TabPanelsContextType = {
+    tabProps: TabPanelsProps;
+    tabListState: TabListState<object> | null;
+    setTabListState: (state: TabListState<object>) => void;
+};
+export declare const TabPanelsContext: import("react").Context<TabPanelsContextType | null>;
+export declare const useTabPanels: () => TabPanelsContextType;
+//# sourceMappingURL=context.d.ts.map

package/TabPanels/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/TabPanels/context.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAElD,MAAM,MAAM,oBAAoB,GAAG;IACjC,QAAQ,EAAE,cAAc,CAAC;IACzB,YAAY,EAAE,YAAY,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC;IAC1C,eAAe,EAAE,CAAC,KAAK,EAAE,YAAY,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;CACxD,CAAC;AAEF,eAAO,MAAM,gBAAgB,sDAE5B,CAAC;AAEF,eAAO,MAAM,YAAY,4BAMxB,CAAC"}

package/TabPanels/index.d.ts

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

package/TabPanels/index.d.ts.map

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