@reapit/elements 5.0.0-beta.3 → 5.0.0-beta.30

package/dist/js/components/top-bar/avatar-button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"/","sources":["../../../../../components/top-bar/avatar-button/components/top-bar/avatar-button/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA;AAC/B,cAAc,UAAU,CAAA"}

package/dist/js/components/top-bar/avatar-button/styles.d.ts

@@ -0,0 +1,2 @@
+export declare const ElTopBarAvatarButton: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLButtonElement> & import('react').ButtonHTMLAttributes<HTMLButtonElement> & Record<never, unknown>>;
+//# sourceMappingURL=styles.d.ts.map

package/dist/js/components/top-bar/avatar-button/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"/","sources":["../../../../../components/top-bar/avatar-button/components/top-bar/avatar-button/styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,oBAAoB,iLAgBhC,CAAA"}

package/dist/js/components/top-bar/brand-logo/__test__/app-logo.test.d.ts

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

package/dist/js/components/top-bar/brand-logo/__test__/app-logo.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-logo.test.d.ts","sourceRoot":"/","sources":["../../../../../../components/top-bar/brand-logo/__test__/components/top-bar/brand-logo/__test__/app-logo.test.tsx"],"names":[],"mappings":""}

package/dist/js/components/top-bar/brand-logo/__test__/brand-logo.test.d.ts

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

package/dist/js/components/top-bar/brand-logo/__test__/brand-logo.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"brand-logo.test.d.ts","sourceRoot":"/","sources":["../../../../../../components/top-bar/brand-logo/__test__/components/top-bar/brand-logo/__test__/brand-logo.test.tsx"],"names":[],"mappings":""}

package/dist/js/components/top-bar/brand-logo/app-logo.d.ts

@@ -0,0 +1,11 @@
+export declare const supportedAppNames: readonly ["Reapit", "Console Owner", "Console Pay", "Console Tenant", "Reapit Connect", "Reapit Projector", "Reapit Sales", "Reapit Lettings", "Reapit PM", "PM Demo", "PM Sales", "PM Inspect", "Reapit Forms", "Reapit Websites", "Reapit Proposals", "KeyWhere", "Auto Responder"];
+export type SupportedAppName = (typeof supportedAppNames)[number];
+interface AppLogoProps {
+    appName: SupportedAppName;
+}
+/**
+ * A simple component for displaying product's logo. Each logo will have an accessible name that matches the app name.
+ */
+export declare function AppLogo({ appName }: AppLogoProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=app-logo.d.ts.map

package/dist/js/components/top-bar/brand-logo/app-logo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-logo.d.ts","sourceRoot":"/","sources":["../../../../../components/top-bar/brand-logo/components/top-bar/brand-logo/app-logo.tsx"],"names":[],"mappings":"AAkBA,eAAO,MAAM,iBAAiB,uRAkBpB,CAAA;AAEV,MAAM,MAAM,gBAAgB,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAA;AAEjE,UAAU,YAAY;IACpB,OAAO,EAAE,gBAAgB,CAAA;CAC1B;AAED;;GAEG;AACH,wBAAgB,OAAO,CAAC,EAAE,OAAO,EAAE,EAAE,YAAY,2CAqChD"}

package/dist/js/components/top-bar/brand-logo/brand-logo.d.ts

@@ -0,0 +1,15 @@
+import { SupportedAppName } from './app-logo';
+import { AnchorHTMLAttributes } from 'react';
+interface BrandLogoProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
+    /** The name of the app for which to display the logo */
+    appName: SupportedAppName;
+    /** The URL to navigate to when the logo is clicked. Defaults to the root path. */
+    href?: string;
+}
+/**
+ * A simple component for displaying a product logo in the Reapit brand. Will typically be used
+ * via `TopBar.BrandLogo`.
+ */
+export declare function BrandLogo({ appName, href, ...rest }: BrandLogoProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=brand-logo.d.ts.map

package/dist/js/components/top-bar/brand-logo/brand-logo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"brand-logo.d.ts","sourceRoot":"/","sources":["../../../../../components/top-bar/brand-logo/components/top-bar/brand-logo/brand-logo.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAClD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAA;AAEjD,UAAU,cAAe,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IACtE,wDAAwD;IACxD,OAAO,EAAE,gBAAgB,CAAA;IACzB,kFAAkF;IAClF,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED;;;GAGG;AACH,wBAAgB,SAAS,CAAC,EAAE,OAAO,EAAE,IAAU,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,2CAMzE"}

package/dist/js/components/top-bar/brand-logo/brand-logo.stories.d.ts

@@ -0,0 +1,25 @@
+import { BrandLogo } from './brand-logo';
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: typeof BrandLogo;
+    argTypes: {
+        appName: {
+            control: string;
+            options: readonly ["Reapit", "Console Owner", "Console Pay", "Console Tenant", "Reapit Connect", "Reapit Projector", "Reapit Sales", "Reapit Lettings", "Reapit PM", "PM Demo", "PM Sales", "PM Inspect", "Reapit Forms", "Reapit Websites", "Reapit Proposals", "KeyWhere", "Auto Responder"];
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * The default story showcases the BrandLogo component with the Reapit brand.
+ * The component renders SVG logos within a styled container, maintaining consistent
+ * sizing and layout across all brand variants.
+ */
+export declare const Example: Story;
+/**
+ * This story demonstrates all supported brand logos.
+ */
+export declare const AllBrands: StoryObj;
+//# sourceMappingURL=brand-logo.stories.d.ts.map

package/dist/js/components/top-bar/brand-logo/brand-logo.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"brand-logo.stories.d.ts","sourceRoot":"/","sources":["../../../../../components/top-bar/brand-logo/components/top-bar/brand-logo/brand-logo.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAGxC,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAItD,QAAA,MAAM,IAAI;;;;;;;;;CASwB,CAAA;AAElC,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC;;;;GAIG;AACH,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,QA6BvB,CAAA"}

package/dist/js/components/top-bar/brand-logo/index.d.ts

@@ -0,0 +1,4 @@
+export * from './brand-logo';
+export * from './app-logo';
+export * from './styles';
+//# sourceMappingURL=index.d.ts.map

package/dist/js/components/top-bar/brand-logo/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"/","sources":["../../../../../components/top-bar/brand-logo/components/top-bar/brand-logo/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,YAAY,CAAA;AAC1B,cAAc,UAAU,CAAA"}

package/dist/js/components/top-bar/brand-logo/logos/__test__/logos.test.d.ts

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

package/dist/js/components/top-bar/brand-logo/logos/__test__/logos.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"logos.test.d.ts","sourceRoot":"/","sources":["../../../../../../../components/top-bar/brand-logo/logos/__test__/components/top-bar/brand-logo/logos/__test__/logos.test.tsx"],"names":[],"mappings":""}

package/dist/js/components/top-bar/brand-logo/styles.d.ts

@@ -0,0 +1,2 @@
+export declare const ElBrandLogo: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLAnchorElement> & import('react').AnchorHTMLAttributes<HTMLAnchorElement> & Record<never, unknown>>;
+//# sourceMappingURL=styles.d.ts.map

package/dist/js/components/top-bar/brand-logo/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"/","sources":["../../../../../components/top-bar/brand-logo/components/top-bar/brand-logo/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,iLAQvB,CAAA"}

package/dist/js/components/top-bar/index.d.ts

@@ -0,0 +1,12 @@
+export * from './main-nav';
+export * from './nav-dropdown-button';
+export * from './nav-icon-item';
+export * from './nav-item';
+export * from './nav-search';
+export * from './nav-search-button';
+export * from './nav-search-icon-item';
+export * from './secondary-nav';
+export * from './styles';
+export * from './top-bar';
+export { default as MenuIcon } from './icons/menu-icon.svg?react';
+//# sourceMappingURL=index.d.ts.map

package/dist/js/components/top-bar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"/","sources":["../../../../components/top-bar/components/top-bar/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAC1B,cAAc,uBAAuB,CAAA;AACrC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,YAAY,CAAA;AAC1B,cAAc,cAAc,CAAA;AAC5B,cAAc,qBAAqB,CAAA;AACnC,cAAc,wBAAwB,CAAA;AACtC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AAGzB,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,6BAA6B,CAAA"}

package/dist/js/components/top-bar/main-nav/__test__/main-nav-list-item.test.d.ts

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

package/dist/js/components/top-bar/main-nav/__test__/main-nav-list-item.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"main-nav-list-item.test.d.ts","sourceRoot":"/","sources":["../../../../../../components/top-bar/main-nav/__test__/components/top-bar/main-nav/__test__/main-nav-list-item.test.tsx"],"names":[],"mappings":""}

package/dist/js/components/top-bar/main-nav/__test__/main-nav-menu-list-item.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=main-nav-menu-list-item.test.d.ts.map

package/dist/js/components/top-bar/main-nav/__test__/main-nav-menu-list-item.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"main-nav-menu-list-item.test.d.ts","sourceRoot":"/","sources":["../../../../../../components/top-bar/main-nav/__test__/components/top-bar/main-nav/__test__/main-nav-menu-list-item.test.tsx"],"names":[],"mappings":""}

package/dist/js/components/top-bar/main-nav/__test__/main-nav.test.d.ts

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

package/dist/js/components/top-bar/main-nav/__test__/main-nav.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"main-nav.test.d.ts","sourceRoot":"/","sources":["../../../../../../components/top-bar/main-nav/__test__/components/top-bar/main-nav/__test__/main-nav.test.tsx"],"names":[],"mappings":""}

package/dist/js/components/top-bar/main-nav/index.d.ts

@@ -0,0 +1,4 @@
+export * from './main-nav';
+export * from './main-nav-list-item';
+export * from './main-nav-menu-list-item';
+//# sourceMappingURL=index.d.ts.map

package/dist/js/components/top-bar/main-nav/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"/","sources":["../../../../../components/top-bar/main-nav/components/top-bar/main-nav/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAC1B,cAAc,sBAAsB,CAAA;AACpC,cAAc,2BAA2B,CAAA"}

package/dist/js/components/top-bar/main-nav/main-nav-list-item.d.ts

@@ -0,0 +1,13 @@
+import { TopBarNavItem } from '../nav-item';
+import { ComponentProps } from 'react';
+interface TopBarMainNavItemListProps extends ComponentProps<typeof TopBarNavItem> {
+}
+/**
+ * A thin wrapper around `TopBarNavItem` that ensures it is contained within a list item (`<li>`) for
+ * correct semantics and accessibility when used with `TopBar.MainNav`.
+ *
+ * All props are passed through to `TopBarNavItem`.
+ */
+export declare function TopBarMainNavListItem(props: TopBarMainNavItemListProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=main-nav-list-item.d.ts.map

package/dist/js/components/top-bar/main-nav/main-nav-list-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"main-nav-list-item.d.ts","sourceRoot":"/","sources":["../../../../../components/top-bar/main-nav/components/top-bar/main-nav/main-nav-list-item.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAE3C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,UAAU,0BAA2B,SAAQ,cAAc,CAAC,OAAO,aAAa,CAAC;CAAG;AAEpF;;;;;GAKG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,2CAMtE"}

package/dist/js/components/top-bar/main-nav/main-nav-menu-list-item.d.ts

@@ -0,0 +1,14 @@
+import { ButtonHTMLAttributes, ReactNode } from 'react';
+interface TopBarMainNavMenuListItemProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    children: ReactNode;
+    label: string;
+    maxWidth?: `--size-${string}`;
+    maxHeight?: `--size-${string}`;
+}
+/**
+ * A combination of a `TopBar.NavDropdownButton` and `Menu` that is contained within a list item (`<li>`) for
+ * correct semantics and accessibility when used with `TopBar.MainNav`.
+ */
+export declare function TopBarMainNavMenuListItem({ children, label, ...rest }: TopBarMainNavMenuListItemProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=main-nav-menu-list-item.d.ts.map

package/dist/js/components/top-bar/main-nav/main-nav-menu-list-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"main-nav-menu-list-item.d.ts","sourceRoot":"/","sources":["../../../../../components/top-bar/main-nav/components/top-bar/main-nav/main-nav-menu-list-item.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE5D,UAAU,8BAA+B,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IACtF,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,UAAU,MAAM,EAAE,CAAA;IAC7B,SAAS,CAAC,EAAE,UAAU,MAAM,EAAE,CAAA;CAC/B;AAED;;;GAGG;AACH,wBAAgB,yBAAyB,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,8BAA8B,2CAerG"}

package/dist/js/components/top-bar/main-nav/main-nav.d.ts

@@ -0,0 +1,27 @@
+import { ElTopBarMainNav } from './styles';
+import { TopBarMainNavListItem } from './main-nav-list-item';
+import { TopBarMainNavMenuListItem } from './main-nav-menu-list-item';
+import { ComponentProps, ReactNode } from 'react';
+interface TopBarMainNavProps extends ComponentProps<typeof ElTopBarMainNav> {
+    /**
+     * The accessible name for the main navigation.
+     * @default 'Main navigation'
+     */
+    'aria-label'?: string;
+    /**
+     * The main navigation items for the product. Typically a collection of `TopBar.NavItem` and `TopBar.NavMenuItem`.
+     */
+    children: ReactNode;
+}
+/**
+ * A simple navigation list for use in a `TopBar`. Typically used via `TopBar.MainNav`, it will often contain a
+ * collection of `TopBar.NavItem` and `TopBar.NavMenuItem` children. Only one item, if any, in the top bar
+ * should represent the current page at any given time.
+ */
+export declare function TopBarMainNav({ 'aria-label': ariaLabel, children, ...rest }: TopBarMainNavProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace TopBarMainNav {
+    var Item: typeof TopBarMainNavListItem;
+    var MenuItem: typeof TopBarMainNavMenuListItem;
+}
+export {};
+//# sourceMappingURL=main-nav.d.ts.map

package/dist/js/components/top-bar/main-nav/main-nav.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"main-nav.d.ts","sourceRoot":"/","sources":["../../../../../components/top-bar/main-nav/components/top-bar/main-nav/main-nav.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAuB,MAAM,UAAU,CAAA;AAC/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAA;AAC5D,OAAO,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAA;AAErE,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtD,UAAU,kBAAmB,SAAQ,cAAc,CAAC,OAAO,eAAe,CAAC;IACzE;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,EAAE,YAAY,EAAE,SAA6B,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,kBAAkB,2CAMnH;yBANe,aAAa"}

package/dist/js/components/top-bar/main-nav/main-nav.stories.d.ts

@@ -0,0 +1,30 @@
+import { TopBarMainNav } from './main-nav';
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: typeof TopBarMainNav;
+    argTypes: {
+        children: {
+            control: string;
+            options: string[];
+            mapping: {
+                'No selected item': (false | import("react/jsx-runtime").JSX.Element)[];
+                'Selected item': (false | import("react/jsx-runtime").JSX.Element)[];
+                'With menu': (false | import("react/jsx-runtime").JSX.Element)[];
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Example: Story;
+/**
+ * If a nav item represents the current page, it should be marked as "selected". See the `TopBar.NavItem`
+ * documentation for details on how.
+ */
+export declare const SelectedItem: Story;
+/**
+ * The main nav can contain a mix of nav items and menu items.
+ */
+export declare const WithMenu: Story;
+//# sourceMappingURL=main-nav.stories.d.ts.map

package/dist/js/components/top-bar/main-nav/main-nav.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"main-nav.stories.d.ts","sourceRoot":"/","sources":["../../../../../components/top-bar/main-nav/components/top-bar/main-nav/main-nav.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAG1C,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAItD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;CAc4B,CAAA;AAEtC,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,YAAY,EAAE,KAI1B,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAWtB,CAAA"}

package/dist/js/components/top-bar/main-nav/styles.d.ts

@@ -0,0 +1,4 @@
+export declare const ElTopBarMainNav: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLElement> & import('react').HTMLAttributes<HTMLElement> & Record<never, unknown>>;
+export declare const ElTopBarMainNavList: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLUListElement> & import('react').HTMLAttributes<HTMLUListElement> & Record<never, unknown>>;
+export declare const ElTopBarMainNavListItem: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLLIElement> & import('react').LiHTMLAttributes<HTMLLIElement> & Record<never, unknown>>;
+//# sourceMappingURL=styles.d.ts.map

package/dist/js/components/top-bar/main-nav/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"/","sources":["../../../../../components/top-bar/main-nav/components/top-bar/main-nav/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,+JAAe,CAAA;AAE3C,eAAO,MAAM,mBAAmB,yKAS/B,CAAA;AAED,eAAO,MAAM,uBAAuB,qKAGnC,CAAA"}

package/dist/js/components/top-bar/nav-dropdown-button/__test__/nav-dropdown-button.test.d.ts

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

package/dist/js/components/top-bar/nav-dropdown-button/__test__/nav-dropdown-button.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-dropdown-button.test.d.ts","sourceRoot":"/","sources":["../../../../../../components/top-bar/nav-dropdown-button/__test__/components/top-bar/nav-dropdown-button/__test__/nav-dropdown-button.test.tsx"],"names":[],"mappings":""}

package/dist/js/components/top-bar/nav-dropdown-button/index.d.ts

@@ -0,0 +1,3 @@
+export * from './nav-dropdown-button';
+export * from './styles';
+//# sourceMappingURL=index.d.ts.map

package/dist/js/components/top-bar/nav-dropdown-button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"/","sources":["../../../../../components/top-bar/nav-dropdown-button/components/top-bar/nav-dropdown-button/index.tsx"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA;AACrC,cAAc,UAAU,CAAA"}

package/dist/js/components/top-bar/nav-dropdown-button/nav-dropdown-button.d.ts

@@ -0,0 +1,24 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export interface TopBarNavDropdownButtonProps extends HTMLAttributes<HTMLButtonElement> {
+    /**
+     * Whether the dropdown is expanded or not. This will typically be controlled by a `Menu.Trigger` component.
+     */
+    'aria-expanded': boolean;
+    /**
+     * The label of the dropdown button.
+     */
+    children: ReactNode;
+}
+/**
+ * A simple dropdown button for use in the Top Bar's main navigation region. It can be used as an overflow menu when
+ * there is not enough space in the main navigation region to fit all the items.
+ *
+ * Currently, it does not visually or accessibly communicate if one of it's menu items represents the current page.
+ * A menu item that does represent the current page should have an `aria-current="page"` attribute.
+ *
+ * **Important:** ⚠️ Ensure you use this component via `TopBar.NavMenuItem` as it comes with an integrated `Menu` and
+ * is correctly wrapped by a list item (`<li>`) to ensure good semantics and accessibility when used with
+ * `TopBar.MainNav`.
+ */
+export declare function TopBarNavDropdownButton({ 'aria-expanded': ariaExpanded, children, ...rest }: TopBarNavDropdownButtonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=nav-dropdown-button.d.ts.map

package/dist/js/components/top-bar/nav-dropdown-button/nav-dropdown-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-dropdown-button.d.ts","sourceRoot":"/","sources":["../../../../../components/top-bar/nav-dropdown-button/components/top-bar/nav-dropdown-button/nav-dropdown-button.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtD,MAAM,WAAW,4BAA6B,SAAQ,cAAc,CAAC,iBAAiB,CAAC;IACrF;;OAEG;IACH,eAAe,EAAE,OAAO,CAAA;IACxB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,eAAe,EAAE,YAAY,EAC7B,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,4BAA4B,2CAS9B"}

package/dist/js/components/top-bar/nav-dropdown-button/nav-dropdown-button.stories.d.ts

@@ -0,0 +1,34 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { TopBarNavDropdownButton } from '.';
+declare const meta: Meta<typeof TopBarNavDropdownButton>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Example: Story;
+/**
+ * When the dropdown's menu is expanded, `aria-expanded` should be `true`. In this case, the button's chevron icon will
+ * be rotated to visually communicate the "openness" of the menu. For accessible users, this is communicated via the
+ * `aria-expanded` attribute itself.
+ */
+export declare const Expanded: Story;
+/**
+ * When there is not enough space to display the full label, it will not wrap to a new line; rather, it will overflow
+ * its container. That said, author's should typically ensure nav items have enough space in the Top Bar. As the main
+ * nav's space reduces, nav items should be progressively collapsed into a `TopBar.NavDropdownButton` and its menu.
+ */
+export declare const Overflow: Story;
+/**
+ * The following example demonstrates the use of `TopBar.NavDropdownButton` with the `Menu` component. The code
+ * snippet does not work well with the `Menu.Trigger` component's render-prop, but it works as follows:
+ *
+ * ```tsx
+ * <Menu.Trigger>
+ *  {({ getTriggerProps }) => (
+ *    <TopBar.NavDropdownButton {...getTriggerProps()}>
+ *      More
+ *    </TopBar.NavDropdownButton>
+ *  )}
+ * </Menu.Trigger>
+ * ```
+ */
+export declare const WithAMenu: Story;
+//# sourceMappingURL=nav-dropdown-button.stories.d.ts.map

package/dist/js/components/top-bar/nav-dropdown-button/nav-dropdown-button.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-dropdown-button.stories.d.ts","sourceRoot":"/","sources":["../../../../../components/top-bar/nav-dropdown-button/components/top-bar/nav-dropdown-button/nav-dropdown-button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AACtD,OAAO,EAAE,uBAAuB,EAAE,MAAM,GAAG,CAAA;AAG3C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,uBAAuB,CAQ9C,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,QAAQ,EAAE,KAWtB,CAAA;AAED;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,SAAS,EAAE,KA+BvB,CAAA"}

package/dist/js/components/top-bar/nav-dropdown-button/styles.d.ts

@@ -0,0 +1,4 @@
+export declare const ElTopBarNavDropdownButton: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLButtonElement> & import('react').ButtonHTMLAttributes<HTMLButtonElement> & Record<never, unknown>>;
+export declare const ElTopBarNavDropdownButtonLabel: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLSpanElement> & import('react').HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
+export declare const ElTopBarNavDropdownButtonIcon: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLSpanElement> & import('react').HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
+//# sourceMappingURL=styles.d.ts.map

package/dist/js/components/top-bar/nav-dropdown-button/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"/","sources":["../../../../../components/top-bar/nav-dropdown-button/components/top-bar/nav-dropdown-button/styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,yBAAyB,iLAsCrC,CAAA;AAED,eAAO,MAAM,8BAA8B,uKAY1C,CAAA;AAED,eAAO,MAAM,6BAA6B,uKAIzC,CAAA"}

package/dist/js/components/top-bar/nav-icon-item/__tests__/nav-icon-item-button.test.d.ts

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

package/dist/js/components/top-bar/nav-icon-item/__tests__/nav-icon-item-button.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-icon-item-button.test.d.ts","sourceRoot":"/","sources":["../../../../../../components/top-bar/nav-icon-item/__tests__/components/top-bar/nav-icon-item/__tests__/nav-icon-item-button.test.tsx"],"names":[],"mappings":""}

package/dist/js/components/top-bar/nav-icon-item/__tests__/nav-icon-item.test.d.ts

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

package/dist/js/components/top-bar/nav-icon-item/__tests__/nav-icon-item.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-icon-item.test.d.ts","sourceRoot":"/","sources":["../../../../../../components/top-bar/nav-icon-item/__tests__/components/top-bar/nav-icon-item/__tests__/nav-icon-item.test.tsx"],"names":[],"mappings":""}

package/dist/js/components/top-bar/nav-icon-item/index.d.ts

@@ -0,0 +1,5 @@
+export * from './nav-icon-item-anchor';
+export * from './nav-icon-item-button';
+export * from './nav-icon-item-base';
+export * from './styles';
+//# sourceMappingURL=index.d.ts.map

package/dist/js/components/top-bar/nav-icon-item/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"/","sources":["../../../../../components/top-bar/nav-icon-item/components/top-bar/nav-icon-item/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAA;AACtC,cAAc,wBAAwB,CAAA;AACtC,cAAc,sBAAsB,CAAA;AACpC,cAAc,UAAU,CAAA"}

package/dist/js/components/top-bar/nav-icon-item/nav-icon-item-anchor.d.ts

@@ -0,0 +1,36 @@
+import { AnchorHTMLAttributes, ReactNode } from 'react';
+interface TopBarNavIconItemAnchorProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
+    /** Whether the nav item represents the current page. */
+    'aria-current': 'page' | false;
+    /** The accessible name of the nav icon item. */
+    'aria-label': string;
+    /** Optional badge to be displayed on the nav item */
+    hasBadge?: boolean;
+    /** The URL to navigate to when the nav item is clicked. */
+    href: string;
+    /** The nav item's icon. */
+    icon: ReactNode;
+}
+/**
+ * A simple icon-only navigation item for use in the Top Bar's secondary navigation region. Is always an anchor
+ * element because Top Bar navigation items should always navigate users to another page in the product.
+ *
+ * **Important:** ⚠️ Ensure you use this component via `TopBar.NavIconItem` as it wraps the anchor element in a list
+ * item (`<li>`) to ensure good semantics and accessibility when used with `TopBar.SecondaryNav`.
+ *
+ * To integrate this component with React Router, simply wrap `TopBar.NavIconItem`. For example, with React Router 6,
+ * you would do:
+ *
+ * ```tsx
+ * function MyTopBarNavIconItem({ to, ...rest}) {
+ *   const href = useHref(to)
+ *   const isCurrentPage = useMatch(to)
+ *   return (
+ *     <TopBar.NavIconItemAnchor {...rest} aria-current={isCurrentPage ? 'page' : false} as="a" href={href} />
+ *   )
+ * }
+ * ```
+ */
+export declare function TopBarNavIconItemAnchor(props: TopBarNavIconItemAnchorProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=nav-icon-item-anchor.d.ts.map

package/dist/js/components/top-bar/nav-icon-item/nav-icon-item-anchor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-icon-item-anchor.d.ts","sourceRoot":"/","sources":["../../../../../components/top-bar/nav-icon-item/components/top-bar/nav-icon-item/nav-icon-item-anchor.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE5D,UAAU,4BAA6B,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IACpF,wDAAwD;IACxD,cAAc,EAAE,MAAM,GAAG,KAAK,CAAA;IAC9B,gDAAgD;IAChD,YAAY,EAAE,MAAM,CAAA;IACpB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,2DAA2D;IAC3D,IAAI,EAAE,MAAM,CAAA;IACZ,2BAA2B;IAC3B,IAAI,EAAE,SAAS,CAAA;CAChB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,4BAA4B,2CAE1E"}

package/dist/js/components/top-bar/nav-icon-item/nav-icon-item-anchor.stories.d.ts

@@ -0,0 +1,48 @@
+import { TopBarNavIconItemAnchor } from './nav-icon-item-anchor';
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: typeof TopBarNavIconItemAnchor;
+    argTypes: {
+        'aria-current': {
+            control: string;
+            options: (string | boolean)[];
+            mapping: {
+                page: string;
+                false: boolean;
+            };
+        };
+        icon: {
+            control: string;
+            options: string[];
+            mapping: {
+                contact: import("react/jsx-runtime").JSX.Element;
+                help: import("react/jsx-runtime").JSX.Element;
+                notification: import("react/jsx-runtime").JSX.Element;
+                star: import("react/jsx-runtime").JSX.Element;
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * Most nav icon items will be used as a link to navigate users to another page in the product. When used as a link,
+ * the `aria-current` attribute must be supplied to indicate visually and accessibly that the item represents the
+ * current page (or not).
+ */
+export declare const Example: Story;
+/**
+ * When the nav item represents the current page, `aria-current="page"` should be supplied. This indicates to visual
+ * and accessible users that the item represents the current page.
+ *
+ * **Note:** This is only applicable when the nav item is a link.
+ */
+export declare const Selected: Story;
+/**
+ * Nav icon items may need to visually indicate that something new has occurred that the user should be aware of. When
+ * this is the case, a badge can be displayed. A common exmaple is a notification bell that shows a badge when one or
+ * more unread notifications are available.
+ */
+export declare const WithBadge: Story;
+//# sourceMappingURL=nav-icon-item-anchor.stories.d.ts.map

package/dist/js/components/top-bar/nav-icon-item/nav-icon-item-anchor.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-icon-item-anchor.stories.d.ts","sourceRoot":"/","sources":["../../../../../components/top-bar/nav-icon-item/components/top-bar/nav-icon-item/nav-icon-item-anchor.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAA;AAEhE,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEtD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;CAyBsC,CAAA;AAEhD,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC;;;;GAIG;AACH,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAA;AAED;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAA"}

package/dist/js/components/top-bar/nav-icon-item/nav-icon-item-base.d.ts

@@ -0,0 +1,21 @@
+import { AnchorHTMLAttributes, ButtonHTMLAttributes, ReactNode } from 'react';
+interface TopBarNavIconItemCommonProps {
+    hasBadge?: boolean;
+    icon: ReactNode;
+}
+export interface TopBarNavIconItemAsAnchorProps extends TopBarNavIconItemCommonProps, AnchorHTMLAttributes<HTMLAnchorElement> {
+    'aria-label': string;
+    as: 'a';
+}
+export interface TopBarNavIconItemAsButtonProps extends TopBarNavIconItemCommonProps, ButtonHTMLAttributes<HTMLButtonElement> {
+    'aria-label': string;
+    as: 'button';
+}
+export type TopBarNavIconItemBaseProps = TopBarNavIconItemAsAnchorProps | TopBarNavIconItemAsButtonProps;
+/**
+ * A simple polymorphic icon-only nav item that can render as a button or link. It is used internally by the
+ * `TopBar.NavIconItemAnchor` and `TopBar.NavIconItemButton` components and should not be used directly by consumers.
+ */
+export declare function TopBarNavIconItemBase({ as: Element, className, icon, hasBadge, ...rest }: TopBarNavIconItemBaseProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=nav-icon-item-base.d.ts.map

package/dist/js/components/top-bar/nav-icon-item/nav-icon-item-base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-icon-item-base.d.ts","sourceRoot":"/","sources":["../../../../../components/top-bar/nav-icon-item/components/top-bar/nav-icon-item/nav-icon-item-base.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAElF,UAAU,4BAA4B;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,EAAE,SAAS,CAAA;CAChB;AAED,MAAM,WAAW,8BACf,SAAQ,4BAA4B,EAClC,oBAAoB,CAAC,iBAAiB,CAAC;IACzC,YAAY,EAAE,MAAM,CAAA;IACpB,EAAE,EAAE,GAAG,CAAA;CACR;AAED,MAAM,WAAW,8BACf,SAAQ,4BAA4B,EAClC,oBAAoB,CAAC,iBAAiB,CAAC;IACzC,YAAY,EAAE,MAAM,CAAA;IACpB,EAAE,EAAE,QAAQ,CAAA;CACb;AAED,MAAM,MAAM,0BAA0B,GAAG,8BAA8B,GAAG,8BAA8B,CAAA;AAExG;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,0BAA0B,2CASpH"}

package/dist/js/components/top-bar/nav-icon-item/nav-icon-item-button.d.ts

@@ -0,0 +1,23 @@
+import { ButtonHTMLAttributes, MouseEventHandler, ReactNode } from 'react';
+export interface TopBarNavIconItemButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    /** The accessible name of the nav icon item. */
+    'aria-label': string;
+    /** Optional badge to be displayed on the nav item */
+    hasBadge?: boolean;
+    /** The nav item's icon. */
+    icon: ReactNode;
+    /** The click handler for the nav item. */
+    onClick: MouseEventHandler<HTMLButtonElement>;
+}
+/**
+ * A simple icon-only button for use in the Top Bar's secondary navigation region. It will typically be used
+ * with a `Menu` to facilitate a grouping of related items, but it can also be used to launch other kinds of overlays
+ * like the product's search experience (as per `TopBar.NavSearchIconButton`).
+ *
+ * Button-based nav icon items do currently support an "active" state like their anchor-based counterparts.
+ *
+ * **Important:** ⚠️ Ensure you use this component via `TopBar.NavIconMenuItem` as it wraps the button element in a
+ * list item (`<li>`) to ensure good semantics and accessibility when used with `TopBar.SecondaryNav`.
+ */
+export declare function TopBarNavIconItemButton(props: TopBarNavIconItemButtonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=nav-icon-item-button.d.ts.map

package/dist/js/components/top-bar/nav-icon-item/nav-icon-item-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-icon-item-button.d.ts","sourceRoot":"/","sources":["../../../../../components/top-bar/nav-icon-item/components/top-bar/nav-icon-item/nav-icon-item-button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE/E,MAAM,WAAW,4BAA6B,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC3F,gDAAgD;IAChD,YAAY,EAAE,MAAM,CAAA;IACpB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,2BAA2B;IAC3B,IAAI,EAAE,SAAS,CAAA;IACf,0CAA0C;IAC1C,OAAO,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAA;CAC9C;AAED;;;;;;;;;GASG;AACH,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,4BAA4B,2CAE1E"}