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

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

@@ -0,0 +1,74 @@
+import { ElTopBar } from './styles';
+import { TopBarAvatarButton } from './avatar-button';
+import { TopBarMainNav } from './main-nav';
+import { TopBarNavSearch } from './nav-search';
+import { TopBarSecondaryNav } from './secondary-nav';
+import { ComponentProps, ReactNode } from 'react';
+interface TopBarProps extends Omit<ComponentProps<typeof ElTopBar>, 'children'> {
+    /**
+     * Typically an `AppSwitcher` component.
+     */
+    appSwitcher?: ReactNode;
+    /**
+     * The user's profile menu. Typically an `AvatarButton`.
+     */
+    avatar?: ReactNode;
+    /**
+     * The product's logo.
+     */
+    logo: ReactNode;
+    /**
+     * The main navigation region, typically containing `NavItem`'s for the product's top-level pages.
+     */
+    mainNav?: ReactNode;
+    /**
+     * The overflow menu for all navigation items in the Top Bar. Usually, each section of the Top Bar will
+     * collapse into this menu as the viewport narrows.
+     */
+    menu?: ReactNode;
+    /**
+     * The "global" search entry point for the product. Typically a `NavSeachButton`.
+     */
+    search?: ReactNode;
+    /**
+     * The secondary navigation region, typically containing `NavIconItem`'s for the product's secondary pages.
+     */
+    secondaryNav?: ReactNode;
+}
+/**
+ * A responsive header that contains the product's app switcher, logo, main navigation, search entry point,
+ * secondary navigation, and user avatar. There are specific components designed for use in each region.
+ *
+ * Only the logo and user avatar are required; all other regions are optional.
+ *
+ * - **App switcher:** [AppSwitcher](/docs/components-appswitcher--docs)
+ * - **Avatar:** [Menu](/docs/components-menu--docs),
+ *   [TopBar.AvatarButton](/docs/components-topbar-avatarbutton--docs)
+ * - **Logo:** [TopBar.BrandLogo](/docs/components-topbar-brandlogo--docs)
+ * - **Main navigation:** [TopBar.MainNav](/docs/components-topbar-mainnav--docs),
+ *   [TopBar.NavItem](/docs/components-topbar-navitem--docs),
+ *   [TopBar.NavMenuItem](/docs/components-topbar-navmenuitem--docs)
+ * - **Menu:** TODO
+ * - **Search:** [TopBar.NavSearch](/docs/components-topbar-navsearch--docs),
+ *   [TopBar.NavSearchButton](/docs/components-topbar-navsearchbutton--docs),
+ *   [TopBar.NavSearchIconItem](/docs/components-topbar-navsearchiconitem--docs)
+ * - **Secondary navigation:** [TopBar.SecondaryNav](/docs/components-topbar-secondarynav--docs),
+ *   [TopBar.NavIconItem](/docs/components-topbar-naviconitem--docs),
+ *   [TopBar.NavIconMenuItem](/docs/components-topbar-naviconmenuitem--docs)
+ */
+export declare function TopBar({ appSwitcher, avatar, logo, mainNav, menu, search, secondaryNav, ...rest }: TopBarProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace TopBar {
+    var BrandLogo: typeof import("./brand-logo").BrandLogo;
+    var MainNav: typeof TopBarMainNav;
+    var NavItem: typeof import("./main-nav").TopBarMainNavListItem;
+    var NavMenuItem: typeof import("./main-nav").TopBarMainNavMenuListItem;
+    var SecondaryNav: typeof TopBarSecondaryNav;
+    var NavIconItem: typeof import("./secondary-nav").TopBarSecondaryNavListItem;
+    var NavIconMenuItem: typeof import("./secondary-nav").TopBarSecondaryNavMenuListItem;
+    var NavSearch: typeof TopBarNavSearch;
+    var NavSearchButton: typeof import("./nav-search-button").TopBarNavSearchButton;
+    var NavSearchIconItem: typeof import("./nav-search-icon-item").TopBarNavSearchIconItem;
+    var AvatarButton: typeof TopBarAvatarButton;
+}
+export {};
+//# sourceMappingURL=top-bar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"top-bar.d.ts","sourceRoot":"/","sources":["../../../../components/top-bar/components/top-bar/top-bar.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,QAAQ,EAQT,MAAM,UAAU,CAAA;AACjB,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAC9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AAEpD,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtD,UAAU,WAAY,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,EAAE,UAAU,CAAC;IAC7E;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB;;OAEG;IACH,IAAI,EAAE,SAAS,CAAA;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAA;CACzB;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,MAAM,CAAC,EAAE,WAAW,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,GAAG,IAAI,EAAE,EAAE,WAAW,2CAc9G;yBAde,MAAM"}

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

@@ -0,0 +1,107 @@
+import { TopBar } from './top-bar';
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: typeof TopBar;
+    argTypes: {
+        appSwitcher: {
+            control: string;
+            options: string[];
+            mapping: {
+                None: null;
+                'App Switcher': import("react/jsx-runtime").JSX.Element;
+            };
+        };
+        avatar: {
+            control: string;
+            options: string[];
+            mapping: {
+                None: null;
+                'Avatar Menu': import("react/jsx-runtime").JSX.Element;
+            };
+        };
+        logo: {
+            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"];
+            mapping: {
+                Reapit: import("react/jsx-runtime").JSX.Element;
+                'Console Owner': import("react/jsx-runtime").JSX.Element;
+                'Console Pay': import("react/jsx-runtime").JSX.Element;
+                'Console Tenant': import("react/jsx-runtime").JSX.Element;
+                'Reapit Connect': import("react/jsx-runtime").JSX.Element;
+                'Reapit Projector': import("react/jsx-runtime").JSX.Element;
+                'Reapit Sales': import("react/jsx-runtime").JSX.Element;
+                'Reapit Lettings': import("react/jsx-runtime").JSX.Element;
+                'Reapit PM': import("react/jsx-runtime").JSX.Element;
+                'PM Demo': import("react/jsx-runtime").JSX.Element;
+                'PM Sales': import("react/jsx-runtime").JSX.Element;
+                'PM Inspect': import("react/jsx-runtime").JSX.Element;
+                'Reapit Forms': import("react/jsx-runtime").JSX.Element;
+                'Reapit Proposals': import("react/jsx-runtime").JSX.Element;
+                KeyWhere: import("react/jsx-runtime").JSX.Element;
+                'Auto Responder': import("react/jsx-runtime").JSX.Element;
+            };
+        };
+        mainNav: {
+            control: string;
+            options: string[];
+            mapping: {
+                None: null;
+                Some: import("react/jsx-runtime").JSX.Element;
+                Many: import("react/jsx-runtime").JSX.Element;
+            };
+        };
+        menu: {
+            control: boolean;
+        };
+        search: {
+            control: boolean;
+        };
+        secondaryNav: {
+            control: string;
+            options: string[];
+            mapping: {
+                None: null;
+                Some: import("react/jsx-runtime").JSX.Element;
+            };
+        };
+    };
+    parameters: {
+        backgrounds: {
+            default: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * The Top Bar is responsive to viewport size and will automatically show or hide its various sections based on the
+ * available space. For browsers that support then, CSS container queries will be used by each section to determine
+ * whether it should be visible or not. For browsers that do not support container queries, this behaviour will fall
+ * back to relying on media queries.
+ *
+ * If viewing this story directly in Storybook, you can change the viewport size to see the responsive behaviour.
+ * Alternatively, if you're browser supports container queries, you can see the responsible behaviour in the stories
+ * further down.
+ */
+export declare const Example: Story;
+/**
+ * For viewports under 768px, very few of the Top Bar's sections will be visible. Most will have collapsed
+ * into the overflow menu, except for the product's "global" search entry point, if one is available.
+ */
+export declare const Mobile: Story;
+/**
+ * For viewports under between 768px and 1024px, the App Switcher will be available directly in the Top Bar
+ * and the "global" search entry point have more space available to itself. The main navigation, secondary
+ * navigation, and user profile menu will still be collapsed into the overflow menu.
+ */
+export declare const Tablet: Story;
+/**
+ * For viewports between 1024px and 1440px, the user's profile menu will become available directly in the Top Bar.
+ */
+export declare const Desktop: Story;
+/**
+ * For viewports 1440px and wider, the Top Bar will display all of its regions.
+ */
+export declare const WideScreen: Story;
+//# sourceMappingURL=top-bar.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"top-bar.stories.d.ts","sourceRoot":"/","sources":["../../../../components/top-bar/components/top-bar/top-bar.stories.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAGlC,OAAO,KAAK,EAAmB,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAIjE,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+JqB,CAAA;AAE/B,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAUlC;;;;;;;;;GASG;AACH,eAAO,MAAM,OAAO,EAAE,KAgCrB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,MAAM,EAAE,KAKpB,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,MAAM,EAAE,KAKpB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAKxB,CAAA"}

package/dist/js/components/typography/__styles__/index.d.ts

@@ -0,0 +1,25 @@
+export declare const elHasGreyText: import('@linaria/core').LinariaClassName;
+export declare const elHasNoMargin: import('@linaria/core').LinariaClassName;
+export declare const elHasRegularText: import('@linaria/core').LinariaClassName;
+export declare const elHasBoldText: import('@linaria/core').LinariaClassName;
+export declare const elHasMediumText: import('@linaria/core').LinariaClassName;
+export declare const elHasMargin: import('@linaria/core').LinariaClassName;
+export declare const elHasItalicText: import('@linaria/core').LinariaClassName;
+export declare const elHasCenteredText: import('@linaria/core').LinariaClassName;
+export declare const elHasSectionMargin: import('@linaria/core').LinariaClassName;
+export declare const elHasDisabledText: import('@linaria/core').LinariaClassName;
+export declare const elHasCapitalisedText: import('@linaria/core').LinariaClassName;
+export declare const elHasUpperCasedText: import('@linaria/core').LinariaClassName;
+export declare const elTextBase: import('@linaria/core').LinariaClassName;
+export declare const elText3XL: import('@linaria/core').LinariaClassName;
+export declare const elText2XL: import('@linaria/core').LinariaClassName;
+export declare const elTextXL: import('@linaria/core').LinariaClassName;
+export declare const elTextL: import('@linaria/core').LinariaClassName;
+export declare const elTextSM: import('@linaria/core').LinariaClassName;
+export declare const elTextXS: import('@linaria/core').LinariaClassName;
+export declare const elText2XS: import('@linaria/core').LinariaClassName;
+export declare const elTitle: import('@linaria/core').LinariaClassName;
+export declare const elSubtitle: import('@linaria/core').LinariaClassName;
+export declare const elBodyText: import('@linaria/core').LinariaClassName;
+export declare const elSmallText: import('@linaria/core').LinariaClassName;
+//# sourceMappingURL=index.d.ts.map

package/dist/js/components/typography/__styles__/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"/","sources":["../../../../../components/typography/__styles__/components/typography/__styles__/index.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,aAAa,0CAAQ,CAAA;AAClC,eAAO,MAAM,aAAa,0CAAQ,CAAA;AAClC,eAAO,MAAM,gBAAgB,0CAAQ,CAAA;AACrC,eAAO,MAAM,aAAa,0CAAQ,CAAA;AAClC,eAAO,MAAM,eAAe,0CAAQ,CAAA;AACpC,eAAO,MAAM,WAAW,0CAAQ,CAAA;AAChC,eAAO,MAAM,eAAe,0CAAQ,CAAA;AACpC,eAAO,MAAM,iBAAiB,0CAAQ,CAAA;AACtC,eAAO,MAAM,kBAAkB,0CAAQ,CAAA;AACvC,eAAO,MAAM,iBAAiB,0CAAQ,CAAA;AACtC,eAAO,MAAM,oBAAoB,0CAAQ,CAAA;AACzC,eAAO,MAAM,mBAAmB,0CAAQ,CAAA;AAExC,eAAO,MAAM,UAAU,0CAsFtB,CAAA;AAED,eAAO,MAAM,SAAS,0CAGrB,CAAA;AAED,eAAO,MAAM,SAAS,0CAGrB,CAAA;AAED,eAAO,MAAM,QAAQ,0CAGpB,CAAA;AAED,eAAO,MAAM,OAAO,0CAGnB,CAAA;AAED,eAAO,MAAM,QAAQ,0CAGpB,CAAA;AAED,eAAO,MAAM,QAAQ,0CAGpB,CAAA;AAED,eAAO,MAAM,SAAS,0CAGrB,CAAA;AAED,eAAO,MAAM,OAAO,0CAgFnB,CAAA;AAED,eAAO,MAAM,UAAU,0CAgFtB,CAAA;AAED,eAAO,MAAM,UAAU,0CAgFtB,CAAA;AAED,eAAO,MAAM,WAAW,0CAgFvB,CAAA"}

package/dist/js/components/typography/__tests__/typography.test.d.ts

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

package/dist/js/components/typography/__tests__/typography.test.d.ts.map

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

package/dist/js/components/typography/index.d.ts

@@ -0,0 +1,3 @@
+export * from './__styles__';
+export * from './typography';
+//# sourceMappingURL=index.d.ts.map

package/dist/js/components/typography/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"/","sources":["../../../../components/typography/components/typography/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,cAAc,CAAA"}

package/dist/js/components/typography/typography.d.ts

@@ -0,0 +1,36 @@
+import { FC, HTMLAttributes } from 'react';
+import { Intent } from '../../helpers/intent';
+export type TypeographyTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'small' | 'div' | 'span';
+export interface TypographyProps extends HTMLAttributes<HTMLElement> {
+    hasGreyText?: boolean;
+    hasNoMargin?: boolean;
+    hasMargin?: boolean;
+    hasSectionMargin?: boolean;
+    hasBoldText?: boolean;
+    hasMediumText?: boolean;
+    hasItalicText?: boolean;
+    hasCenteredText?: boolean;
+    hasRegularText?: boolean;
+    hasDisabledText?: boolean;
+    hasCapitalisedText?: boolean;
+    hasUpperCasedText?: boolean;
+    intent?: Intent;
+    tag?: TypeographyTag;
+}
+export interface TaggedTypographyProps extends TypographyProps {
+    baseClass?: string;
+}
+export declare const TaggedTypography: FC<TaggedTypographyProps>;
+export declare const Text3XL: FC<TypographyProps>;
+export declare const Text2XL: FC<TypographyProps>;
+export declare const TextXL: FC<TypographyProps>;
+export declare const TextL: FC<TypographyProps>;
+export declare const TextBase: FC<TypographyProps>;
+export declare const TextSM: FC<TypographyProps>;
+export declare const TextXS: FC<TypographyProps>;
+export declare const Text2XS: FC<TypographyProps>;
+export declare const Title: FC<TypographyProps>;
+export declare const Subtitle: FC<TypographyProps>;
+export declare const BodyText: FC<TypographyProps>;
+export declare const SmallText: FC<TypographyProps>;
+//# sourceMappingURL=typography.d.ts.map

package/dist/js/components/typography/typography.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.d.ts","sourceRoot":"/","sources":["../../../../components/typography/components/typography/typography.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,cAAc,EAAW,MAAM,OAAO,CAAA;AA4B1D,OAAO,EAAE,MAAM,EAAsB,MAAM,sBAAsB,CAAA;AAEjE,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,GAAG,GAAG,OAAO,GAAG,KAAK,GAAG,MAAM,CAAA;AAErG,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,WAAW,CAAC;IAClE,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,GAAG,CAAC,EAAE,cAAc,CAAA;CACrB;AAED,MAAM,WAAW,qBAAsB,SAAQ,eAAe;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAiDD,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAiEtD,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,eAAe,CAAoE,CAAA;AAE5G,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,eAAe,CAAoE,CAAA;AAE5G,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,eAAe,CAAmE,CAAA;AAE1G,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,eAAe,CAAkE,CAAA;AAExG,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,eAAe,CAA8C,CAAA;AAEvF,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,eAAe,CAAmE,CAAA;AAE1G,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,eAAe,CAAmE,CAAA;AAE1G,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,eAAe,CAAoE,CAAA;AAE5G,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,eAAe,CAA2E,CAAA;AAEjH,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,eAAe,CAA8E,CAAA;AAEvH,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,eAAe,CAA6E,CAAA;AAEtH,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,eAAe,CAEzC,CAAA"}

package/dist/js/components/typography/typography.stories.d.ts

@@ -0,0 +1,39 @@
+declare const _default: {
+    title: string;
+    component: import('react').FC<import('./typography').TypographyProps>;
+};
+export default _default;
+export declare const BaseScale: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const TaggedTypography: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const TypographyModifiers: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Intent: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const TitleUsage: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const SubtitleUsage: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const BodyTextUsage: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const SmallTextUsage: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const TitleAndSubtitle: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const SubtitleAndBodyText: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const BodyTextAndSmallText: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+//# sourceMappingURL=typography.stories.d.ts.map

package/dist/js/components/typography/typography.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.stories.d.ts","sourceRoot":"/","sources":["../../../../components/typography/components/typography/typography.stories.tsx"],"names":[],"mappings":";;;;AAeA,wBAGC;AAED,eAAO,MAAM,SAAS;;CAarB,CAAA;AAED,eAAO,MAAM,gBAAgB;;CAa5B,CAAA;AAED,eAAO,MAAM,mBAAmB;;CAiB/B,CAAA;AAED,eAAO,MAAM,MAAM;;CAYlB,CAAA;AAED,eAAO,MAAM,UAAU;;CAEtB,CAAA;AAED,eAAO,MAAM,aAAa;;CAEzB,CAAA;AAED,eAAO,MAAM,aAAa;;CAEzB,CAAA;AAED,eAAO,MAAM,cAAc;;CAE1B,CAAA;AAED,eAAO,MAAM,gBAAgB;;CAO5B,CAAA;AAED,eAAO,MAAM,mBAAmB;;CAW/B,CAAA;AAED,eAAO,MAAM,oBAAoB;;CAUhC,CAAA"}

package/dist/js/helpers/__tests__/intent.test.d.ts

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

package/dist/js/helpers/__tests__/intent.test.d.ts.map

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

package/dist/js/helpers/calculatePopoverPosition.d.ts

@@ -0,0 +1,26 @@
+export type PopoverPosition = 'top' | 'bottom' | 'right' | 'left' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'right-start' | 'right-end' | 'left-start' | 'left-end';
+export interface calculatePopoverPositionProps {
+    triggerElement: HTMLElement;
+    popoverElement: HTMLElement;
+    popoverOffset?: number;
+    position?: string;
+}
+/**
+ * Calculates and positions a popover element relative to a trigger element based on the specified direction.
+ *
+ * Supports 12 different placement positions (e.g., top-start, bottom-end, right, etc.).
+ * Automatically adjusts for screen boundaries, scroll positions, and scrollable parent containers to prevent overflow.
+ *
+ * Notes:
+ * - Fallbacks to `bottom-start` if an invalid position is provided.
+ * - Takes into account scrollbars and adjusts position accordingly.
+ * - Includes future TODO to use `useRef` once React 19 is adopted.
+ *
+ * @param {HTMLElement} triggerElement - The element that triggers the popover.
+ * @param {HTMLElement} popoverElement - The popover element to be positioned.
+ * @param {string} [position='bottom-start'] - Preferred position of the popover.
+ * @param {number} [popoverOffset=4] - The spacing between the trigger and popover.
+ */
+declare const calculatePopoverPosition: ({ triggerElement, popoverElement, position, popoverOffset, }: calculatePopoverPositionProps) => void;
+export default calculatePopoverPosition;
+//# sourceMappingURL=calculatePopoverPosition.d.ts.map

package/dist/js/helpers/calculatePopoverPosition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calculatePopoverPosition.d.ts","sourceRoot":"/","sources":["../../../helpers/helpers/calculatePopoverPosition.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,eAAe,GACvB,KAAK,GACL,QAAQ,GACR,OAAO,GACP,MAAM,GACN,WAAW,GACX,SAAS,GACT,cAAc,GACd,YAAY,GACZ,aAAa,GACb,WAAW,GACX,YAAY,GACZ,UAAU,CAAA;AAiBd,MAAM,WAAW,6BAA6B;IAC5C,cAAc,EAAE,WAAW,CAAA;IAC3B,cAAc,EAAE,WAAW,CAAA;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED;;;;;;;;;;;;;;;GAeG;AAEH,QAAA,MAAM,wBAAwB,iEAK3B,6BAA6B,KAAG,IAwMlC,CAAA;AAED,eAAe,wBAAwB,CAAA"}

package/dist/js/helpers/intent.d.ts

@@ -0,0 +1,3 @@
+export type Intent = 'primary' | 'neutral' | 'success' | 'pending' | 'warning' | 'danger' | 'default' | 'secondary' | 'critical' | 'low';
+export declare const getIntentClassName: (intent: Intent) => string;
+//# sourceMappingURL=intent.d.ts.map

package/dist/js/helpers/intent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"intent.d.ts","sourceRoot":"/","sources":["../../../helpers/helpers/intent.ts"],"names":[],"mappings":"AAUA,MAAM,MAAM,MAAM,GACd,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,QAAQ,GACR,SAAS,GACT,WAAW,GACX,UAAU,GACV,KAAK,CAAA;AAET,eAAO,MAAM,kBAAkB,WAAY,MAAM,KAAG,MAwBnD,CAAA"}

package/dist/js/helpers/mergeRefs.d.ts

@@ -0,0 +1,8 @@
+import { Ref, RefCallback } from 'react';
+/**
+ * Combine multiple React refs into a single ref function. This is used mostly when you
+ * need to allow consumers to forward refs to an internal component that is already
+ * receiving a ref.
+ */
+export default function mergeRefs<T = unknown>(...refs: Array<Ref<T> | RefCallback<T>>): RefCallback<T>;
+//# sourceMappingURL=mergeRefs.d.ts.map

package/dist/js/helpers/mergeRefs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mergeRefs.d.ts","sourceRoot":"/","sources":["../../../helpers/helpers/mergeRefs.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAoB,GAAG,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAa/D;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,CAAC,GAAG,OAAO,EAAE,GAAG,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,CAItG"}

package/dist/js/hooks/use-click-outside/__tests__/index.test.d.ts

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

package/dist/js/hooks/use-click-outside/__tests__/index.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.test.d.ts","sourceRoot":"/","sources":["../../../../../hooks/use-click-outside/__tests__/hooks/use-click-outside/__tests__/index.test.tsx"],"names":[],"mappings":""}

package/dist/js/hooks/use-click-outside/index.d.ts

@@ -0,0 +1,3 @@
+import { MutableRefObject } from 'react';
+export declare const useClickOutside: (ref: MutableRefObject<HTMLDivElement | null>, onClickOutside: VoidFunction) => void;
+//# sourceMappingURL=index.d.ts.map

package/dist/js/hooks/use-click-outside/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"/","sources":["../../../../hooks/use-click-outside/hooks/use-click-outside/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAa,MAAM,OAAO,CAAA;AAEnD,eAAO,MAAM,eAAe,QAAS,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,kBAAkB,YAAY,SAiBzG,CAAA"}

package/dist/js/hooks/use-drawer/__tests__/index.test.d.ts

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

package/dist/js/hooks/use-drawer/__tests__/index.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.test.d.ts","sourceRoot":"/","sources":["../../../../../hooks/use-drawer/__tests__/hooks/use-drawer/__tests__/index.test.tsx"],"names":[],"mappings":""}

package/dist/js/hooks/use-drawer/index.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { DrawerProps } from '../../components/drawer';
+export type UseDrawer = [
+    Drawer: FC<Partial<DrawerProps>>,
+    openDrawer: () => void,
+    closeDrawer: () => void,
+    drawerIsOpen: boolean
+];
+export declare const useDrawer: (id?: string) => UseDrawer;
+//# sourceMappingURL=index.d.ts.map

package/dist/js/hooks/use-drawer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"/","sources":["../../../../hooks/use-drawer/hooks/use-drawer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAqB,MAAM,OAAO,CAAA;AAC7C,OAAO,EAAU,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAG7D,MAAM,MAAM,SAAS,GAAG;IACtB,MAAM,EAAE,EAAE,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;IAChC,UAAU,EAAE,MAAM,IAAI;IACtB,WAAW,EAAE,MAAM,IAAI;IACvB,YAAY,EAAE,OAAO;CACtB,CAAA;AAED,eAAO,MAAM,SAAS,QAAS,MAAM,KAAG,SAqBvC,CAAA"}

package/dist/js/hooks/use-media-query/__tests__/index.test.d.ts

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

package/dist/js/hooks/use-media-query/__tests__/index.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.test.d.ts","sourceRoot":"/","sources":["../../../../../hooks/use-media-query/__tests__/hooks/use-media-query/__tests__/index.test.tsx"],"names":[],"mappings":""}

package/dist/js/hooks/use-media-query/index.d.ts

@@ -0,0 +1,18 @@
+import { default as React, FC, PropsWithChildren } from 'react';
+export interface MediaType {
+    isMobile: boolean;
+    isTablet: boolean;
+    isDesktop: boolean;
+    isWideScreen: boolean;
+    isSuperWideScreen: boolean;
+    is4KScreen: boolean;
+}
+export declare const MOBILE_BREAKPOINT = 768;
+export declare const TABLET_BREAKPOINT = 1024;
+export declare const DESKTOP_BREAKPOINT = 1440;
+export declare const WIDESCREEN_BREAKPOINT = 1920;
+export declare const SUPER_WIDESCREEN_BREAKPOINT = 2560;
+export declare const MediaStateContext: React.Context<MediaType>;
+export declare const MediaStateProvider: FC<PropsWithChildren>;
+export declare const useMediaQuery: () => MediaType;
+//# sourceMappingURL=index.d.ts.map

package/dist/js/hooks/use-media-query/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"/","sources":["../../../../hooks/use-media-query/hooks/use-media-query/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,EAAE,iBAAiB,EAAkD,MAAM,OAAO,CAAA;AAEpG,MAAM,WAAW,SAAS;IACxB,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,OAAO,CAAA;IACjB,SAAS,EAAE,OAAO,CAAA;IAClB,YAAY,EAAE,OAAO,CAAA;IACrB,iBAAiB,EAAE,OAAO,CAAA;IAC1B,UAAU,EAAE,OAAO,CAAA;CACpB;AAED,eAAO,MAAM,iBAAiB,MAAM,CAAA;AACpC,eAAO,MAAM,iBAAiB,OAAO,CAAA;AACrC,eAAO,MAAM,kBAAkB,OAAO,CAAA;AACtC,eAAO,MAAM,qBAAqB,OAAO,CAAA;AACzC,eAAO,MAAM,2BAA2B,OAAO,CAAA;AAE/C,eAAO,MAAM,iBAAiB,0BAA4C,CAAA;AAI1E,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,iBAAiB,CAmCpD,CAAA;AAED,eAAO,MAAM,aAAa,QAAO,SAEhC,CAAA"}

package/dist/js/hooks/use-media-query/media.stories.d.ts

@@ -0,0 +1,16 @@
+declare const _default: {
+    title: string;
+    component: import('react').FC<{
+        children?: import('react').ReactNode | undefined;
+    }>;
+};
+export default _default;
+export declare const MediaStateProviderUsage: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const MediaStateProviderBreakpoints: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+//# sourceMappingURL=media.stories.d.ts.map

package/dist/js/hooks/use-media-query/media.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"media.stories.d.ts","sourceRoot":"/","sources":["../../../../hooks/use-media-query/hooks/use-media-query/media.stories.tsx"],"names":[],"mappings":";;;;;;AAGA,wBAGC;AAED,eAAO,MAAM,uBAAuB;;;CAOnC,CAAA;AAED,eAAO,MAAM,6BAA6B;;;CAOzC,CAAA"}

package/dist/js/hooks/use-media-query/media.story-component.d.ts

@@ -0,0 +1,3 @@
+export declare const MediaMobileExample: () => import("react/jsx-runtime").JSX.Element;
+export declare const AllBreakPointExample: () => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=media.story-component.d.ts.map

package/dist/js/hooks/use-media-query/media.story-component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"media.story-component.d.ts","sourceRoot":"/","sources":["../../../../hooks/use-media-query/hooks/use-media-query/media.story-component.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,kBAAkB,+CAI9B,CAAA;AAED,eAAO,MAAM,oBAAoB,sDA4BhC,CAAA"}

package/dist/js/hooks/use-modal/__tests__/index.test.d.ts

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

package/dist/js/hooks/use-modal/__tests__/index.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.test.d.ts","sourceRoot":"/","sources":["../../../../../hooks/use-modal/__tests__/hooks/use-modal/__tests__/index.test.tsx"],"names":[],"mappings":""}

package/dist/js/hooks/use-modal/index.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { ModalProps } from '../../components/modal';
+export interface UseModal {
+    Modal: FC<Partial<ModalProps>>;
+    closeModal: () => void;
+    openModal: () => void;
+    modalIsOpen: boolean;
+}
+export declare const useModal: (id?: string) => UseModal;
+//# sourceMappingURL=index.d.ts.map

package/dist/js/hooks/use-modal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"/","sources":["../../../../hooks/use-modal/hooks/use-modal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAqB,MAAM,OAAO,CAAA;AAC7C,OAAO,EAAS,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAG1D,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAA;IAC9B,UAAU,EAAE,MAAM,IAAI,CAAA;IACtB,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,WAAW,EAAE,OAAO,CAAA;CACrB;AAED,eAAO,MAAM,QAAQ,QAAS,MAAM,KAAG,QAqBtC,CAAA"}

package/dist/js/hooks/use-modal/modal.stories.d.ts

@@ -0,0 +1,11 @@
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const BasicUsage: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const MultipleModals: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+//# sourceMappingURL=modal.stories.d.ts.map

package/dist/js/hooks/use-modal/modal.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.stories.d.ts","sourceRoot":"/","sources":["../../../../hooks/use-modal/hooks/use-modal/modal.stories.tsx"],"names":[],"mappings":";;;AAIA,wBAEC;AAED,eAAO,MAAM,UAAU;;CAqBtB,CAAA;AAED,eAAO,MAAM,cAAc;;CAoB1B,CAAA"}

package/dist/js/hooks/use-nav-state/__tests__/index.test.d.ts

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

package/dist/js/hooks/use-nav-state/__tests__/index.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.test.d.ts","sourceRoot":"/","sources":["../../../../../hooks/use-nav-state/__tests__/hooks/use-nav-state/__tests__/index.test.tsx"],"names":[],"mappings":""}

package/dist/js/hooks/use-nav-state/index.d.ts

@@ -0,0 +1,20 @@
+import { default as React, Dispatch, SetStateAction, MouseEvent, PropsWithChildren, FC } from 'react';
+export interface NavState {
+    navItemIndex: number | null;
+    navMenuOpen: boolean;
+    navSubMenuIndex: number | null;
+    navSubItemIndex: number | null;
+    callback?: () => void;
+}
+export interface NavStateContextProps {
+    navState: NavState;
+    setNavState: Dispatch<SetStateAction<NavState>>;
+}
+export interface UseNavState {
+    navState: NavState;
+    setNavState: (newState: Partial<NavState>) => (event?: MouseEvent<HTMLAnchorElement | HTMLDivElement | HTMLSpanElement>) => void;
+}
+export declare const NavStateContext: React.Context<NavStateContextProps>;
+export declare const NavStateProvider: FC<PropsWithChildren>;
+export declare const useNavState: (defaultNavIndex?: number | null, defaultNavSubIndex?: number | null) => UseNavState;
+//# sourceMappingURL=index.d.ts.map

package/dist/js/hooks/use-nav-state/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"/","sources":["../../../../hooks/use-nav-state/hooks/use-nav-state/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAEZ,QAAQ,EACR,cAAc,EAGd,UAAU,EAEV,iBAAiB,EACjB,EAAE,EACH,MAAM,OAAO,CAAA;AAEd,MAAM,WAAW,QAAQ;IACvB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,WAAW,EAAE,OAAO,CAAA;IACpB,eAAe,EAAE,MAAM,GAAG,IAAI,CAAA;IAC9B,eAAe,EAAE,MAAM,GAAG,IAAI,CAAA;IAC9B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CACtB;AAED,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,QAAQ,CAAA;IAClB,WAAW,EAAE,QAAQ,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAA;CAChD;AAED,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,QAAQ,CAAA;IAClB,WAAW,EAAE,CACX,QAAQ,EAAE,OAAO,CAAC,QAAQ,CAAC,KACxB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,iBAAiB,GAAG,cAAc,GAAG,eAAe,CAAC,KAAK,IAAI,CAAA;CACxF;AAED,eAAO,MAAM,eAAe,qCAAkE,CAAA;AAI9F,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,iBAAiB,CAkBlD,CAAA;AAED,eAAO,MAAM,WAAW,qBACL,MAAM,GAAG,IAAI,uBACV,MAAM,GAAG,IAAI,KAChC,WA8BF,CAAA"}

package/dist/js/hooks/use-portal/__tests__/index.test.d.ts

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

package/dist/js/hooks/use-portal/__tests__/index.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.test.d.ts","sourceRoot":"/","sources":["../../../../../hooks/use-portal/__tests__/hooks/use-portal/__tests__/index.test.tsx"],"names":[],"mappings":""}

package/dist/js/hooks/use-portal/index.d.ts

@@ -0,0 +1,7 @@
+import { ReactPortal } from 'react';
+export declare const usePortal: (id: string) => HTMLDivElement;
+export declare const Portal: ({ id, children }: {
+    id: any;
+    children: any;
+}) => ReactPortal;
+//# sourceMappingURL=index.d.ts.map

package/dist/js/hooks/use-portal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"/","sources":["../../../../hooks/use-portal/hooks/use-portal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,WAAW,EAAE,MAAM,OAAO,CAAA;AAGtD,eAAO,MAAM,SAAS,OAAQ,MAAM,mBAcnC,CAAA;AAED,eAAO,MAAM,MAAM;;;MAAuB,WAGzC,CAAA"}

package/dist/js/hooks/use-portal/use-portal.stories.d.ts

@@ -0,0 +1,13 @@
+declare const _default: {
+    title: string;
+    component: ({ id, children }: {
+        id: any;
+        children: any;
+    }) => import('react').ReactPortal;
+};
+export default _default;
+export declare const PortalUsage: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+//# sourceMappingURL=use-portal.stories.d.ts.map

package/dist/js/hooks/use-portal/use-portal.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-portal.stories.d.ts","sourceRoot":"/","sources":["../../../../hooks/use-portal/hooks/use-portal/use-portal.stories.tsx"],"names":[],"mappings":";;;;;;;AAEA,wBAGC;AAED,eAAO,MAAM,WAAW;;;CAOvB,CAAA"}

package/dist/js/hooks/use-snack/__tests__/index.test.d.ts

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

package/dist/js/hooks/use-snack/__tests__/index.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.test.d.ts","sourceRoot":"/","sources":["../../../../../hooks/use-snack/__tests__/hooks/use-snack/__tests__/index.test.tsx"],"names":[],"mappings":""}