@pnx-mixtape/mxds 0.0.30 → 0.1.0-rc.0

package/dist/types/src/Layout/Footer/Footer.stories.d.ts

@@ -0,0 +1,14 @@
+import { Meta, StoryObj } from "@storybook/html-vite";
+import "./footer.css";
+import "../../Component/SocialLinks/social-links.css";
+import { Footer as FooterType } from "@pnx-mixtape/ids-shape";
+declare const meta: Meta<FooterType>;
+export default meta;
+type Story = StoryObj<FooterType>;
+export declare const Footer: Story;
+export declare const Light: Story;
+export declare const WithAcknowledgment: Story;
+export declare const NoMenu: Story;
+export declare const NoLogo: Story;
+export declare const Everything: Story;
+//# sourceMappingURL=Footer.stories.d.ts.map

package/dist/types/src/Layout/Footer/Footer.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.stories.d.ts","sourceRoot":"","sources":["../../../../../src/Layout/Footer/Footer.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAOrD,OAAO,cAAc,CAAA;AACrB,OAAO,8CAA8C,CAAA;AACrD,OAAO,EAAE,MAAM,IAAI,UAAU,EAAoC,MAAM,wBAAwB,CAAA;AAG/F,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,UAAU,CAmD1B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,UAAU,CAAC,CAAA;AAEjC,eAAO,MAAM,MAAM,EAAE,KAAU,CAAA;AAE/B,eAAO,MAAM,KAAK,EAAE,KAInB,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAIhC,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAIpB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAKpB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAsHxB,CAAA"}

package/dist/types/src/Layout/Grid/Grid.d.ts

@@ -0,0 +1,13 @@
+import { JSX, PropsWithChildren } from "react";
+import { AsTypes, GridModifiers, SectionTypes } from "@pnx-mixtape/ids-shape";
+type GridProps = PropsWithChildren & {
+    wrapper?: boolean;
+    container?: boolean;
+    cols?: GridModifiers | GridModifiers[];
+    width?: GridModifiers;
+    className?: string;
+    as?: AsTypes | SectionTypes;
+};
+declare const Grid: ({ children, wrapper, container, cols, width, className, as, ...props }: GridProps) => JSX.Element;
+export default Grid;
+//# sourceMappingURL=Grid.d.ts.map

package/dist/types/src/Layout/Grid/Grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../../../src/Layout/Grid/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,iBAAiB,EAAW,MAAM,OAAO,CAAA;AAEvD,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAE7E,KAAK,SAAS,GAAG,iBAAiB,GAAG;IACnC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,IAAI,CAAC,EAAE,aAAa,GAAG,aAAa,EAAE,CAAA;IACtC,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,EAAE,CAAC,EAAE,OAAO,GAAG,YAAY,CAAA;CAC5B,CAAA;AAED,QAAA,MAAM,IAAI,GAAI,wEASX,SAAS,KAAG,GAAG,CAAC,OAyBlB,CAAA;AAED,eAAe,IAAI,CAAA"}

package/dist/types/src/Layout/Grid/Grid.stories.d.ts

@@ -0,0 +1,23 @@
+import { Meta, StoryObj } from "@storybook/html-vite";
+import "./grid.css";
+import { Grid as GridType } from "@pnx-mixtape/ids-shape";
+/**
+ * A CSS grid that is dynamic by default.
+ */
+declare const meta: Meta<GridType>;
+export default meta;
+type Story = StoryObj<GridType>;
+export declare const Grid: Story;
+/**
+ * Column widths can be set for all or combined to control columns and specific breakpoints.
+ */
+export declare const Breakpoints: Story;
+/**
+ * When using Grid as a list, be sure to set the GridItem `as=li`
+ */
+export declare const List: Story;
+/**
+ * GridItems can span multiple columns.
+ */
+export declare const Span: Story;
+//# sourceMappingURL=Grid.stories.d.ts.map

package/dist/types/src/Layout/Grid/Grid.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.stories.d.ts","sourceRoot":"","sources":["../../../../../src/Layout/Grid/Grid.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAGrD,OAAO,YAAY,CAAA;AACnB,OAAO,EAAW,IAAI,IAAI,QAAQ,EAA+B,MAAM,wBAAwB,CAAA;AAE/F;;GAEG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,QAAQ,CAyCxB,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAA;AAE/B,eAAO,MAAM,IAAI,EAAE,KAAU,CAAA;AAE7B;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAIzB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,IAAI,EAAE,KAelB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,IAAI,EAAE,KAWlB,CAAA"}

package/dist/types/src/Layout/Grid/GridItem.stories.d.ts

@@ -0,0 +1,15 @@
+import { Meta, StoryObj } from "@storybook/html-vite";
+import "./grid.css";
+import { GridItem as GridItemType } from "@pnx-mixtape/ids-shape";
+/**
+ * Individual Grid Items have similar options, but aren't designed to be used outside th parent Grid context.
+ */
+declare const meta: Meta<GridItemType>;
+export default meta;
+type Story = StoryObj<GridItemType>;
+export declare const GridItem: Story;
+/**
+ * Column spans can be set for all or combined to control columns and specific breakpoints. See [span example](/?path=/docs/layout-grid--docs#span-12)
+ */
+export declare const Breakpoints: Story;
+//# sourceMappingURL=GridItem.stories.d.ts.map

package/dist/types/src/Layout/Grid/GridItem.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridItem.stories.d.ts","sourceRoot":"","sources":["../../../../../src/Layout/Grid/GridItem.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAErD,OAAO,YAAY,CAAA;AACnB,OAAO,EAEL,QAAQ,IAAI,YAAY,EAGzB,MAAM,wBAAwB,CAAA;AAE/B;;GAEG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,YAAY,CAkC5B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAA;AAEnC,eAAO,MAAM,QAAQ,EAAE,KAAU,CAAA;AAEjC;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAIzB,CAAA"}

package/dist/types/src/Layout/Header/Components/GlobalToggle.d.ts

@@ -0,0 +1,12 @@
+import { JSX } from "react";
+import { ButtonType } from "../../../Atom/Button/Button";
+import { Icons } from "../../../enums";
+type GlobalToggleProps = ButtonType & {
+    icon: Icons;
+    name: string;
+    toggleId: string;
+    open?: boolean;
+};
+declare const GlobalToggle: ({ open, icon, name, toggleId, ...props }: GlobalToggleProps) => JSX.Element;
+export default GlobalToggle;
+//# sourceMappingURL=GlobalToggle.d.ts.map

package/dist/types/src/Layout/Header/Components/GlobalToggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GlobalToggle.d.ts","sourceRoot":"","sources":["../../../../../../src/Layout/Header/Components/GlobalToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAC3B,OAAe,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAA;AAChE,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AAGtC,KAAK,iBAAiB,GAAG,UAAU,GAAG;IACpC,IAAI,EAAE,KAAK,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,CAAA;AAED,QAAA,MAAM,YAAY,GAAI,0CAMnB,iBAAiB,KAAG,GAAG,CAAC,OAa1B,CAAA;AAED,eAAe,YAAY,CAAA"}

package/dist/types/src/Layout/Header/Components/Logo.d.ts

@@ -0,0 +1,9 @@
+import { JSX } from "react";
+type LogoProps = {
+    to: string;
+    src: string;
+    alt: string;
+};
+declare const Logo: ({ to, src, alt }: LogoProps) => JSX.Element;
+export default Logo;
+//# sourceMappingURL=Logo.d.ts.map

package/dist/types/src/Layout/Header/Components/Logo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Logo.d.ts","sourceRoot":"","sources":["../../../../../../src/Layout/Header/Components/Logo.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAI3B,KAAK,SAAS,GAAG;IACf,EAAE,EAAE,MAAM,CAAA;IACV,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;CACZ,CAAA;AAED,QAAA,MAAM,IAAI,GAAI,kBAAkB,SAAS,KAAG,GAAG,CAAC,OAI/C,CAAA;AAED,eAAe,IAAI,CAAA"}

package/dist/types/src/Layout/Header/Elements/GlobalToggle.d.ts

@@ -0,0 +1,41 @@
+/**
+ * Header
+ * @file Handle accessible trigger of menus on small screens.
+ */
+import { FocusTrap } from "focus-trap";
+import { DisclosureWidget, DisclosureWidgetEvent } from "../../../Utility/utilities";
+export default class GlobalToggle extends HTMLElement {
+    internals_: ElementInternals;
+    controller: AbortController;
+    widget: DisclosureWidget;
+    focusTrap: FocusTrap;
+    controls?: string;
+    mq: string;
+    triggerText: string;
+    isOpen: boolean;
+    closeIconClass: string;
+    menuIconClass: string;
+    searchIconClass: string;
+    backgroundClass: string;
+    scrollLockClass: string;
+    isSearch?: boolean;
+    hideOther?: boolean;
+    otherTrigger?: HTMLButtonElement | null;
+    rafId?: number | null;
+    focusTrapTimeout?: ReturnType<typeof setTimeout> | null;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    handleBreakpoint: ({ matches }: MediaQueryList | MediaQueryListEvent) => void;
+    handleDisclosure: ({ detail }: CustomEvent<DisclosureWidgetEvent>) => Promise<void>;
+    handleKeyDown: (event: KeyboardEvent) => void;
+    get trigger(): HTMLButtonElement;
+    get target(): HTMLDivElement;
+    get breakpoint(): MediaQueryList;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "mx-trigger": GlobalToggle;
+    }
+}
+//# sourceMappingURL=GlobalToggle.d.ts.map

package/dist/types/src/Layout/Header/Elements/GlobalToggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GlobalToggle.d.ts","sourceRoot":"","sources":["../../../../../../src/Layout/Header/Elements/GlobalToggle.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAmB,SAAS,EAAE,MAAM,YAAY,CAAA;AACvD,OAAO,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAA;AAEpF,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,WAAW;IACnD,UAAU,EAAE,gBAAgB,CAAA;IAC5B,UAAU,EAAE,eAAe,CAAA;IAC3B,MAAM,EAAG,gBAAgB,CAAA;IACzB,SAAS,EAAG,SAAS,CAAA;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,EAAE,EAAE,MAAM,CAAA;IACV,WAAW,EAAE,MAAM,CAAA;IACnB,MAAM,EAAE,OAAO,CAAQ;IACvB,cAAc,EAAE,MAAM,CAAmB;IACzC,aAAa,EAAE,MAAM,CAAkB;IACvC,eAAe,EAAE,MAAM,CAAoB;IAC3C,eAAe,EAAE,MAAM,CAA2B;IAClD,eAAe,EAAE,MAAM,CAAsB;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAO;IAC1B,YAAY,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAA;IACvC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,gBAAgB,CAAC,EAAE,UAAU,CAAC,OAAO,UAAU,CAAC,GAAG,IAAI,CAAA;;IASvD,iBAAiB,IAAI,IAAI;IA2DzB,oBAAoB,IAAI,IAAI;IAe5B,gBAAgB,GAAI,aAAa,cAAc,GAAG,mBAAmB,KAAG,IAAI,CAc3E;IAED,gBAAgB,GAAU,YAAY,WAAW,CAAC,qBAAqB,CAAC,KAAG,OAAO,CAAC,IAAI,CAAC,CAiCvF;IAED,aAAa,GAAI,OAAO,aAAa,KAAG,IAAI,CAE3C;IAED,IAAI,OAAO,IAAI,iBAAiB,CAY/B;IAED,IAAI,MAAM,IAAI,cAAc,CAO3B;IAED,IAAI,UAAU,IAAI,cAAc,CAE/B;CACF;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,YAAY,CAAA;KAC3B;CACF"}

package/dist/types/src/Layout/Header/Header.d.ts

@@ -0,0 +1,13 @@
+import { JSX, PropsWithChildren, ReactNode } from "react";
+import { SectionModifiers } from "@pnx-mixtape/ids-shape";
+import { NavigationItem } from "../../Component/Navigation/Navigation";
+type PrimaryHeaderProps = PropsWithChildren & {
+    logo?: ReactNode;
+    navigationItems?: NavigationItem[];
+    mediaQuery?: string;
+    size?: SectionModifiers | SectionModifiers[];
+    className?: string;
+};
+declare const Header: ({ logo, navigationItems, mediaQuery, size, children, className, }: PrimaryHeaderProps) => JSX.Element;
+export default Header;
+//# sourceMappingURL=Header.d.ts.map

package/dist/types/src/Layout/Header/Header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../../src/Layout/Header/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,iBAAiB,EAAE,SAAS,EAAS,MAAM,OAAO,CAAA;AAQhE,OAAO,EAAgB,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AACvE,OAAO,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAA;AAEtE,KAAK,kBAAkB,GAAG,iBAAiB,GAAG;IAC5C,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,eAAe,CAAC,EAAE,cAAc,EAAE,CAAA;IAClC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,IAAI,CAAC,EAAE,gBAAgB,GAAG,gBAAgB,EAAE,CAAA;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,QAAA,MAAM,MAAM,GAAI,mEAOb,kBAAkB,KAAG,GAAG,CAAC,OA+C3B,CAAA;AAED,eAAe,MAAM,CAAA"}

package/dist/types/src/Layout/Header/Header.stories.d.ts

@@ -0,0 +1,19 @@
+import { Meta, StoryObj } from "@storybook/html-vite";
+import "./_header.css";
+import "./_toggles.css";
+import "./Elements/GlobalToggle";
+import { Header as HeaderType } from "@pnx-mixtape/ids-shape";
+import "../../Component/Navigation/Elements/Navigation";
+import "../../Component/Navigation/navigation.css";
+type MxHeaderType = HeaderType & {
+    stacked: boolean;
+};
+declare const meta: Meta<MxHeaderType>;
+export default meta;
+type Story = StoryObj<MxHeaderType>;
+export declare const Header: Story;
+export declare const WithTitle: Story;
+export declare const Search: Story;
+export declare const Controls: Story;
+export declare const Stacked: Story;
+//# sourceMappingURL=Header.stories.d.ts.map

package/dist/types/src/Layout/Header/Header.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.stories.d.ts","sourceRoot":"","sources":["../../../../../src/Layout/Header/Header.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAErD,OAAO,eAAe,CAAA;AACtB,OAAO,gBAAgB,CAAA;AACvB,OAAO,yBAAyB,CAAA;AAChC,OAAO,EAAe,MAAM,IAAI,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAU1E,OAAO,gDAAgD,CAAA;AAEvD,OAAO,2CAA2C,CAAA;AAElD,KAAK,YAAY,GAAG,UAAU,GAAG;IAC/B,OAAO,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,YAAY,CAkD5B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAA;AAEnC,eAAO,MAAM,MAAM,EAAE,KAAU,CAAA;AAE/B,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAOpB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAYtB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAgHrB,CAAA"}

package/dist/types/src/Layout/Header/header.entry.d.ts

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

package/dist/types/src/Layout/Header/header.entry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.entry.d.ts","sourceRoot":"","sources":["../../../../../src/Layout/Header/header.entry.js"],"names":[],"mappings":""}

package/dist/types/src/Layout/Masthead/Masthead.d.ts

@@ -0,0 +1,11 @@
+import { JSX, PropsWithChildren, ReactNode } from "react";
+import { MastheadModifier } from "@pnx-mixtape/ids-shape";
+type MastheadProps = PropsWithChildren & {
+    background?: MastheadModifier;
+    skipLinks?: ReactNode[];
+    links?: ReactNode[];
+    className?: string;
+};
+declare const Masthead: ({ background, skipLinks, links, children, className, }: MastheadProps) => JSX.Element;
+export default Masthead;
+//# sourceMappingURL=Masthead.d.ts.map

package/dist/types/src/Layout/Masthead/Masthead.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Masthead.d.ts","sourceRoot":"","sources":["../../../../../src/Layout/Masthead/Masthead.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,GAAG,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AAEzD,KAAK,aAAa,GAAG,iBAAiB,GAAG;IACvC,UAAU,CAAC,EAAE,gBAAgB,CAAA;IAC7B,SAAS,CAAC,EAAE,SAAS,EAAE,CAAA;IACvB,KAAK,CAAC,EAAE,SAAS,EAAE,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,QAAA,MAAM,QAAQ,GAAI,wDAMf,aAAa,KAAG,GAAG,CAAC,OAmCtB,CAAA;AAED,eAAe,QAAQ,CAAA"}

package/dist/types/src/Layout/Masthead/Masthead.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from "@storybook/html-vite";
+import "./masthead.css";
+import { Masthead as MastheadType } from "@pnx-mixtape/ids-shape";
+declare const meta: Meta<MastheadType>;
+export default meta;
+type Story = StoryObj<MastheadType>;
+export declare const Masthead: Story;
+export declare const Light: Story;
+export declare const WithLinks: Story;
+//# sourceMappingURL=Masthead.stories.d.ts.map

package/dist/types/src/Layout/Masthead/Masthead.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Masthead.stories.d.ts","sourceRoot":"","sources":["../../../../../src/Layout/Masthead/Masthead.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAIrD,OAAO,gBAAgB,CAAA;AACvB,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAoB,MAAM,wBAAwB,CAAA;AAGnF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,YAAY,CA0B5B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAA;AAEnC,eAAO,MAAM,QAAQ,EAAE,KAAU,CAAA;AAEjC,eAAO,MAAM,KAAK,EAAE,KAInB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAmBvB,CAAA"}

package/dist/types/src/Layout/Page/Page.d.ts

@@ -0,0 +1,10 @@
+import { JSX, PropsWithChildren, ReactNode } from "react";
+type PageProps = PropsWithChildren & {
+    header?: ReactNode;
+    footer?: ReactNode;
+    masthead?: ReactNode;
+    mainId?: string;
+};
+declare const Page: ({ children, header, footer, masthead, mainId }: PageProps) => JSX.Element;
+export default Page;
+//# sourceMappingURL=Page.d.ts.map

package/dist/types/src/Layout/Page/Page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Page.d.ts","sourceRoot":"","sources":["../../../../../src/Layout/Page/Page.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEzD,KAAK,SAAS,GAAG,iBAAiB,GAAG;IACnC,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,QAAA,MAAM,IAAI,GAAI,gDAAyD,SAAS,KAAG,GAAG,CAAC,OAStF,CAAA;AAED,eAAe,IAAI,CAAA"}

package/dist/types/src/Layout/Page/Page.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from "@storybook/react-vite";
+import Component from "./Page";
+declare const meta: Meta<typeof Component>;
+export default meta;
+export declare const Page: StoryObj<typeof meta>;
+//# sourceMappingURL=Page.stories.d.ts.map

package/dist/types/src/Layout/Page/Page.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Page.stories.d.ts","sourceRoot":"","sources":["../../../../../src/Layout/Page/Page.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AACtD,OAAO,SAAS,MAAM,QAAQ,CAAA;AAS9B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAkBhC,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,eAAO,MAAM,IAAI,EAAE,QAAQ,CAAC,OAAO,IAAI,CAAM,CAAA"}

package/dist/types/src/Layout/Section/Background.stories.d.ts

@@ -0,0 +1,15 @@
+import { Meta, StoryObj } from "@storybook/html-vite";
+import "./section.css";
+import { Section as SectionType, Image as ImageType } from "@pnx-mixtape/ids-shape";
+type MxSectionType = SectionType & {
+    image?: ImageType;
+};
+/**
+ * Section can have a background image.
+ */
+declare const meta: Meta<MxSectionType>;
+export default meta;
+type Story = StoryObj<MxSectionType>;
+export declare const Background: Story;
+export declare const Dark: Story;
+//# sourceMappingURL=Background.stories.d.ts.map

package/dist/types/src/Layout/Section/Background.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Background.stories.d.ts","sourceRoot":"","sources":["../../../../../src/Layout/Section/Background.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAErD,OAAO,eAAe,CAAA;AACtB,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAOnF,KAAK,aAAa,GAAG,WAAW,GAAG;IACjC,KAAK,CAAC,EAAE,SAAS,CAAA;CAClB,CAAA;AAED;;GAEG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,aAAa,CAoB7B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAA;AAEpC,eAAO,MAAM,UAAU,EAAE,KAAU,CAAA;AAEnC,eAAO,MAAM,IAAI,EAAE,KAIlB,CAAA"}

package/dist/types/src/Layout/Section/Breakouts.stories.d.ts

@@ -0,0 +1,11 @@
+import { Meta, StoryObj } from "@storybook/html-vite";
+import "./section.css";
+import { Section as SectionType } from "@pnx-mixtape/ids-shape";
+/**
+ * Example of section breakouts (to be added to main section)
+ */
+declare const meta: Meta<SectionType>;
+export default meta;
+type Story = StoryObj<SectionType>;
+export declare const Breakouts: Story;
+//# sourceMappingURL=Breakouts.stories.d.ts.map

package/dist/types/src/Layout/Section/Breakouts.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breakouts.stories.d.ts","sourceRoot":"","sources":["../../../../../src/Layout/Section/Breakouts.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAErD,OAAO,eAAe,CAAA;AACtB,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAE/D;;GAEG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,WAAW,CAG3B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAA;AAElC,eAAO,MAAM,SAAS,EAAE,KAAU,CAAA"}

package/dist/types/src/Layout/Section/Flow.stories.d.ts

@@ -0,0 +1,11 @@
+import { Meta, StoryObj } from "@storybook/html-vite";
+import "./section.css";
+import { Section as SectionType } from "@pnx-mixtape/ids-shape";
+/**
+ * Example of section flow (to be added to main section)
+ */
+declare const meta: Meta<SectionType>;
+export default meta;
+type Story = StoryObj<SectionType>;
+export declare const Flow: Story;
+//# sourceMappingURL=Flow.stories.d.ts.map

package/dist/types/src/Layout/Section/Flow.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Flow.stories.d.ts","sourceRoot":"","sources":["../../../../../src/Layout/Section/Flow.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAErD,OAAO,eAAe,CAAA;AACtB,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAE/D;;GAEG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,WAAW,CAG3B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAA;AAElC,eAAO,MAAM,IAAI,EAAE,KAAU,CAAA"}

package/dist/types/src/Layout/Section/Section.d.ts

@@ -0,0 +1,16 @@
+import { JSX, PropsWithChildren } from "react";
+import { PageWidths, SectionFlow } from "../../enums";
+import { SectionTypes, SectionModifiers } from "@pnx-mixtape/ids-shape";
+type SectionProps = PropsWithChildren & {
+    sizes?: SectionModifiers | SectionModifiers[];
+    width?: PageWidths;
+    flow?: SectionFlow;
+    as?: SectionTypes;
+    className?: string;
+    innerClassName?: string;
+    containing?: boolean;
+    container?: boolean;
+};
+declare const Section: ({ children, sizes, width, flow, as, className, innerClassName, containing, container, ...props }: SectionProps) => JSX.Element;
+export default Section;
+//# sourceMappingURL=Section.d.ts.map

package/dist/types/src/Layout/Section/Section.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../../../../src/Layout/Section/Section.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAA4B,iBAAiB,EAAW,MAAM,OAAO,CAAA;AAEjF,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AACrD,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AAUvE,KAAK,YAAY,GAAG,iBAAiB,GAAG;IACtC,KAAK,CAAC,EAAE,gBAAgB,GAAG,gBAAgB,EAAE,CAAA;IAC7C,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,IAAI,CAAC,EAAE,WAAW,CAAA;IAClB,EAAE,CAAC,EAAE,YAAY,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,QAAA,MAAM,OAAO,GAAI,kGAWd,YAAY,KAAG,GAAG,CAAC,OA+BrB,CAAA;AAED,eAAe,OAAO,CAAA"}

package/dist/types/src/Layout/Section/Section.stories.d.ts

@@ -0,0 +1,24 @@
+import { Meta, StoryObj } from "@storybook/html-vite";
+import "./section.css";
+import { Section as SectionType } from "@pnx-mixtape/ids-shape";
+declare const meta: Meta<SectionType>;
+export default meta;
+type Story = StoryObj<SectionType>;
+export declare const Section: Story;
+/**
+ * Sections can have different top/bottom modifiers.
+ */
+export declare const Modifiers: Story;
+/**
+ * Heading and link are optional.
+ */
+export declare const Header: Story;
+/**
+ * Background colours span the full width.
+ */
+export declare const Background: Story;
+/**
+ * With the exception of the box.
+ */
+export declare const Box: Story;
+//# sourceMappingURL=Section.stories.d.ts.map

package/dist/types/src/Layout/Section/Section.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Section.stories.d.ts","sourceRoot":"","sources":["../../../../../src/Layout/Section/Section.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAKrD,OAAO,eAAe,CAAA;AAEtB,OAAO,EAEL,OAAO,IAAI,WAAW,EAGvB,MAAM,wBAAwB,CAAA;AAE/B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,WAAW,CAqF3B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAA;AAEhC;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAIvB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,MAAM,EAAE,KAKpB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAIxB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,GAAG,EAAE,KAIjB,CAAA"}

package/dist/types/src/Layout/Section/SectionGrid.d.ts

@@ -0,0 +1,17 @@
+import { JSX, PropsWithChildren } from "react";
+import { PageWidths, SectionFlow } from "../../enums";
+import { SectionTypes, GridModifiers, SectionModifiers } from "@pnx-mixtape/ids-shape";
+type SectionGridProps = PropsWithChildren & {
+    sizes?: SectionModifiers | SectionModifiers[];
+    width?: PageWidths;
+    flow?: SectionFlow;
+    as?: SectionTypes;
+    cols?: GridModifiers | GridModifiers[];
+    className?: string;
+    innerClassName?: string;
+    containing?: boolean;
+    container?: boolean;
+};
+declare const SectionGrid: ({ sizes, width, cols, children, className, innerClassName, as, containing, container, ...props }: SectionGridProps) => JSX.Element;
+export default SectionGrid;
+//# sourceMappingURL=SectionGrid.d.ts.map

package/dist/types/src/Layout/Section/SectionGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionGrid.d.ts","sourceRoot":"","sources":["../../../../../src/Layout/Section/SectionGrid.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,iBAAiB,EAAW,MAAM,OAAO,CAAA;AAGvD,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AACrD,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AAEtF,KAAK,gBAAgB,GAAG,iBAAiB,GAAG;IAC1C,KAAK,CAAC,EAAE,gBAAgB,GAAG,gBAAgB,EAAE,CAAA;IAC7C,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,IAAI,CAAC,EAAE,WAAW,CAAA;IAClB,EAAE,CAAC,EAAE,YAAY,CAAA;IACjB,IAAI,CAAC,EAAE,aAAa,GAAG,aAAa,EAAE,CAAA;IACtC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,QAAA,MAAM,WAAW,GAAI,kGAWlB,gBAAgB,KAAG,GAAG,CAAC,OA2BzB,CAAA;AAED,eAAe,WAAW,CAAA"}

package/dist/types/src/Layout/Section/SectionGrid.stories.d.ts

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

package/dist/types/src/Layout/Section/SectionGrid.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionGrid.stories.d.ts","sourceRoot":"","sources":["../../../../../src/Layout/Section/SectionGrid.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AACtD,OAAO,SAAS,MAAM,eAAe,CAAA;AAKrC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAqBhC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,WAAW,EAAE,KAAU,CAAA;AAEpC,eAAO,MAAM,IAAI,EAAE,KAYlB,CAAA"}

package/dist/types/src/Layout/Sidebar/Sidebar.d.ts

@@ -0,0 +1,12 @@
+import { JSX, PropsWithChildren, ReactNode } from "react";
+import { SidebarOrder } from "../../enums";
+type PageSidebarProps = PropsWithChildren & {
+    sidebar?: ReactNode;
+    before?: boolean;
+    order?: SidebarOrder;
+    sidebarClassName?: string;
+    contentClassName?: string;
+};
+declare const Sidebar: ({ children, sidebar, before, order, sidebarClassName, contentClassName, }: PageSidebarProps) => JSX.Element;
+export default Sidebar;
+//# sourceMappingURL=Sidebar.d.ts.map

package/dist/types/src/Layout/Sidebar/Sidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../../../../src/Layout/Sidebar/Sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEzD,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAE1C,KAAK,gBAAgB,GAAG,iBAAiB,GAAG;IAC1C,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,KAAK,CAAC,EAAE,YAAY,CAAA;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B,CAAA;AAED,QAAA,MAAM,OAAO,GAAI,2EAOd,gBAAgB,KAAG,GAAG,CAAC,OAUzB,CAAA;AAED,eAAe,OAAO,CAAA"}

package/dist/types/src/Layout/Sidebar/Sidebar.stories.d.ts

@@ -0,0 +1,33 @@
+import { Meta, StoryObj } from "@storybook/html-vite";
+import { SidebarOrder } from "../../enums";
+import "./sidebar.css";
+type SidebarArgs = {
+    content?: string | HTMLElement;
+    order?: SidebarOrder;
+    before?: boolean;
+    sidebarContent?: string | HTMLElement;
+};
+/**
+ * A CSS Grid sidebar layout.
+ */
+declare const meta: Meta<SidebarArgs>;
+export default meta;
+type Story = StoryObj<SidebarArgs>;
+export declare const Sidebar: Story;
+/**
+ * Move the sidebar first in the HTML.
+ */
+export declare const SidebarFirst: Story;
+/**
+ * Reverse at the medium breakpoint.
+ */
+export declare const RevserseMedium: Story;
+/**
+ * Only reverse for larger breakpoints.
+ */
+export declare const ReverseLarge: Story;
+/**
+ * The sidebar is optional.
+ */
+export declare const NoSidebar: Story;
+//# sourceMappingURL=Sidebar.stories.d.ts.map

package/dist/types/src/Layout/Sidebar/Sidebar.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.stories.d.ts","sourceRoot":"","sources":["../../../../../src/Layout/Sidebar/Sidebar.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAE1C,OAAO,eAAe,CAAA;AAEtB,KAAK,WAAW,GAAG;IACjB,OAAO,CAAC,EAAE,MAAM,GAAG,WAAW,CAAA;IAC9B,KAAK,CAAC,EAAE,YAAY,CAAA;IACpB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,cAAc,CAAC,EAAE,MAAM,GAAG,WAAW,CAAA;CACtC,CAAA;AAED;;GAEG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,WAAW,CAsC3B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAA;AAEhC;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAI1B,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAI5B,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAI1B,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAIvB,CAAA"}

package/dist/types/src/Utility/Context/ImageComponent.d.ts

@@ -0,0 +1,22 @@
+/**
+ * A Framework Context for passing in Image and Image components.
+ *
+ * @example
+ * import { GatsbyImage } from "gatsby-plugin-image"
+ * import { ImageComponentProvider, Page } from '@pnx-mixtape';
+ *
+ * render(
+ *  <ImageComponentProvider component={GatsbyImage}>
+ *    <Page />
+ *  </ImageComponentProvider>
+ * );
+ */
+import { JSX, PropsWithChildren } from "react";
+type ImageComponentContextValue = (ImageComponentProps: any) => JSX.Element;
+export declare const useImageComponent: () => ImageComponentContextValue;
+type ImageComponentProviderProps = PropsWithChildren & {
+    component?: (ImageComponentProps: any) => JSX.Element;
+};
+declare const ImageComponentProvider: ({ children, component }: ImageComponentProviderProps) => JSX.Element;
+export default ImageComponentProvider;
+//# sourceMappingURL=ImageComponent.d.ts.map

package/dist/types/src/Utility/Context/ImageComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageComponent.d.ts","sourceRoot":"","sources":["../../../../../src/Utility/Context/ImageComponent.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH,OAAO,EACL,GAAG,EAEH,iBAAiB,EAIlB,MAAM,OAAO,CAAA;AAGd,KAAK,0BAA0B,GAAG,CAAC,mBAAmB,KAAA,KAAK,GAAG,CAAC,OAAO,CAAA;AAQtE,eAAO,MAAM,iBAAiB,kCAAmC,CAAA;AAEjE,KAAK,2BAA2B,GAAG,iBAAiB,GAAG;IACrD,SAAS,CAAC,EAAE,CAAC,mBAAmB,KAAA,KAAK,GAAG,CAAC,OAAO,CAAA;CACjD,CAAA;AAED,QAAA,MAAM,sBAAsB,GAAI,yBAAgC,2BAA2B,gBAE1F,CAAA;AAED,eAAe,sBAAsB,CAAA"}

package/dist/types/src/Utility/Context/LinkComponent.d.ts

@@ -0,0 +1,22 @@
+/**
+ * A Framework Context for passing in Link and Image components.
+ *
+ * @example
+ * import { Link } from "gatsby"
+ * import { LinkComponentProvider, Page } from '@pnx-mixtape';
+ *
+ * render(
+ *  <LinkComponentProvider component={Link}>
+ *    <Page />
+ *  </LinkComponentProvider>
+ * );
+ */
+import { JSX, PropsWithChildren } from "react";
+type LinkComponentValue = (LinkComponentProps: any) => JSX.Element;
+export declare const useLinkComponent: () => LinkComponentValue;
+type LinkComponentProviderProps = PropsWithChildren & {
+    component: (LinkComponentProps: any) => JSX.Element;
+};
+declare const LinkComponentProvider: ({ children, component, }: LinkComponentProviderProps) => JSX.Element;
+export default LinkComponentProvider;
+//# sourceMappingURL=LinkComponent.d.ts.map

package/dist/types/src/Utility/Context/LinkComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkComponent.d.ts","sourceRoot":"","sources":["../../../../../src/Utility/Context/LinkComponent.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH,OAAO,EACL,GAAG,EAEH,iBAAiB,EAIlB,MAAM,OAAO,CAAA;AAMd,KAAK,kBAAkB,GAAG,CAAC,kBAAkB,KAAA,KAAK,GAAG,CAAC,OAAO,CAAA;AAU7D,eAAO,MAAM,gBAAgB,0BAAkC,CAAA;AAE/D,KAAK,0BAA0B,GAAG,iBAAiB,GAAG;IACpD,SAAS,EAAE,CAAC,kBAAkB,KAAA,KAAK,GAAG,CAAC,OAAO,CAAA;CAC/C,CAAA;AAED,QAAA,MAAM,qBAAqB,GAAI,0BAG5B,0BAA0B,KAAG,GAAG,CAAC,OAEnC,CAAA;AAED,eAAe,qBAAqB,CAAA"}

package/dist/types/src/Utility/Elements/breakpoint-loader.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Lazy Load a component based on breakpoint.
+ */
+type BreakpointLoaderOptions = {
+    mediaQuery?: string;
+};
+export default class BreakpointLoader {
+    el: HTMLElement;
+    callback: () => any;
+    controller: AbortController;
+    breakpoint: MediaQueryList;
+    options: BreakpointLoaderOptions;
+    fallbackBtn?: HTMLButtonElement;
+    errorMsg?: HTMLElement;
+    constructor(el: HTMLElement, callback: () => any, options?: BreakpointLoaderOptions);
+    init: () => void;
+    responsiveCheck: ({ matches }: {
+        matches: any;
+    }) => void;
+    load: () => Promise<void>;
+    destroy: () => void;
+    handleClick: () => void;
+    handleError: (error: any) => void;
+    static create: (selector: string, callback: () => any, options?: BreakpointLoaderOptions) => void;
+}
+export {};
+//# sourceMappingURL=breakpoint-loader.d.ts.map

package/dist/types/src/Utility/Elements/breakpoint-loader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breakpoint-loader.d.ts","sourceRoot":"","sources":["../../../../../src/Utility/Elements/breakpoint-loader.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,KAAK,uBAAuB,GAAG;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,MAAM,CAAC,OAAO,OAAO,gBAAgB;IACnC,EAAE,EAAE,WAAW,CAAA;IACf,QAAQ,EAAE,MAAM,GAAG,CAAA;IACnB,UAAU,EAAE,eAAe,CAAA;IAC3B,UAAU,EAAE,cAAc,CAAA;IAC1B,OAAO,EAAE,uBAAuB,CAAA;IAChC,WAAW,CAAC,EAAE,iBAAiB,CAAA;IAC/B,QAAQ,CAAC,EAAE,WAAW,CAAA;gBAGpB,EAAE,EAAE,WAAW,EACf,QAAQ,EAAE,MAAM,GAAG,EACnB,OAAO,GAAE,uBAA8D;IAczE,IAAI,QAAO,IAAI,CAKd;IAED,eAAe,GAAI;;KAAW,KAAG,IAAI,CAEpC;IAED,IAAI,QAAa,OAAO,CAAC,IAAI,CAAC,CAQ7B;IAED,OAAO,QAAO,IAAI,CAEjB;IAED,WAAW,QAAO,IAAI,CAErB;IAED,WAAW,GAAI,UAAK,KAAG,IAAI,CAG1B;IAED,MAAM,CAAC,MAAM,GACX,UAAU,MAAM,EAChB,UAAU,MAAM,GAAG,EACnB,UAAS,uBAA4B,KACpC,IAAI,CAMN;CACF"}

package/dist/types/src/Utility/Elements/cookie-compliance.d.ts

@@ -0,0 +1,57 @@
+/**
+ * @file cookie compliance banner
+ * adapted from http://alex-d.github.io/Cookies-EU-banner/.
+ *
+ * Any additional tracking javascript should first check `window.CookieCompliance.hasConsent()`
+ * before being initialised.
+ */
+export default class CookieCompliance {
+    banner: HTMLElement;
+    acceptBtn: HTMLButtonElement;
+    moreBtn: HTMLButtonElement;
+    rejectBtn: HTMLButtonElement;
+    controller: AbortController;
+    bots: RegExp;
+    cookieName: string;
+    waitRemove: number;
+    trackingCookiesNames: string[];
+    hostname: string | undefined;
+    timeout?: ReturnType<typeof setTimeout>;
+    defaultCookieSettings: {
+        path: string;
+        expires: number;
+        sameSite: string;
+    } | undefined;
+    constructor(el: HTMLElement);
+    init: () => void;
+    showBanner: () => void;
+    reject: () => void;
+    accept: () => void;
+    hasConsent: () => boolean;
+    setCookie: (value: "true" | "false") => void;
+    deleteCookie: () => void;
+    removeBanner: (wait: number) => void;
+    /**
+     * Clean up event listeners and pending timeouts.
+     * This is called automatically when the banner is removed.
+     *
+     * Manually call this method when:
+     * - Navigating away in a SPA (Single Page Application)
+     * - Cleaning up in tests
+     * - Reinitializing the component
+     *
+     * @example
+     * // In SPA cleanup
+     * window.CookieCompliance?.destroy()
+     *
+     * // Before unmounting in React
+     * useEffect(() => {
+     *   return () => window.CookieCompliance?.destroy()
+     * }, [])
+     */
+    destroy(): void;
+    static create({ context }?: {
+        context?: any;
+    }): void;
+}
+//# sourceMappingURL=cookie-compliance.d.ts.map