@nlabs/gothamui 1.8.0

package/lib/components/Navbar/Navbar.stories.js

@@ -0,0 +1,235 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { Settings } from 'lucide-react';
+import { interactWithCanvas } from '../../utils/storyInteractions.js';
+import { Navbar, NavbarDivider, NavbarItem, NavbarLabel, NavbarSection, NavbarSpacer } from './Navbar.js';
+const meta = {
+    argTypes: {
+        className: {
+            control: 'text'
+        },
+        isFloating: {
+            control: 'boolean'
+        },
+        isSticky: {
+            control: 'boolean'
+        },
+        transparentOnScroll: {
+            control: 'boolean'
+        },
+        transparentScrollBackdropFilter: {
+            control: 'text'
+        },
+        transparentScrollThreshold: {
+            control: 'number'
+        }
+    },
+    component: Navbar,
+    parameters: {
+        layout: 'fullscreen'
+    },
+    title: 'Components/Navbar'
+};
+export const TransparentOnScroll = {
+    args: {
+        isSticky: true,
+        transparentOnScroll: true
+    },
+    play: interactWithCanvas,
+    render: (args)=>/*#__PURE__*/ _jsxs("div", {
+            className: "min-h-[160vh] bg-[linear-gradient(135deg,#101624,#1f4fd8_52%,#0f766e)] pt-0 text-white",
+            children: [
+                /*#__PURE__*/ _jsxs(Navbar, {
+                    ...args,
+                    children: [
+                        /*#__PURE__*/ _jsxs(NavbarSection, {
+                            children: [
+                                /*#__PURE__*/ _jsx(NavbarItem, {
+                                    current: true,
+                                    href: "#overview",
+                                    children: /*#__PURE__*/ _jsx(NavbarLabel, {
+                                        children: "Overview"
+                                    })
+                                }),
+                                /*#__PURE__*/ _jsx(NavbarItem, {
+                                    href: "#components",
+                                    children: /*#__PURE__*/ _jsx(NavbarLabel, {
+                                        children: "Components"
+                                    })
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ _jsx(NavbarSpacer, {}),
+                        /*#__PURE__*/ _jsx(NavbarDivider, {}),
+                        /*#__PURE__*/ _jsx(NavbarSection, {
+                            children: /*#__PURE__*/ _jsx(NavbarItem, {
+                                "aria-label": "Settings",
+                                children: /*#__PURE__*/ _jsx(Settings, {})
+                            })
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsxs("main", {
+                    className: "px-8 pt-28",
+                    children: [
+                        /*#__PURE__*/ _jsx("h1", {
+                            className: "max-w-3xl text-6xl font-bold leading-none",
+                            children: "Transparent navbar over a hero."
+                        }),
+                        /*#__PURE__*/ _jsx("p", {
+                            className: "mt-6 max-w-xl text-lg text-white/75",
+                            children: "Scroll to see the navbar switch to its translucent surface."
+                        })
+                    ]
+                })
+            ]
+        })
+};
+export default meta;
+export const FloatingIsland = {
+    args: {
+        isFloating: true,
+        isSticky: true
+    },
+    play: interactWithCanvas,
+    render: (args)=>/*#__PURE__*/ _jsxs("div", {
+            className: "min-h-[110vh] bg-[radial-gradient(circle_at_70%_20%,rgba(56,189,248,.2),transparent_32%),linear-gradient(180deg,#040817,#0f172a)] pt-1 text-white",
+            children: [
+                /*#__PURE__*/ _jsxs(Navbar, {
+                    ...args,
+                    className: "border-white/10 bg-[#0d1528]/80 text-white",
+                    children: [
+                        /*#__PURE__*/ _jsx(NavbarSection, {
+                            children: /*#__PURE__*/ _jsx(NavbarItem, {
+                                href: "#brand",
+                                children: /*#__PURE__*/ _jsx(NavbarLabel, {
+                                    children: "Gotham"
+                                })
+                            })
+                        }),
+                        /*#__PURE__*/ _jsx(NavbarSpacer, {}),
+                        /*#__PURE__*/ _jsxs(NavbarSection, {
+                            className: "hidden lg:flex",
+                            children: [
+                                /*#__PURE__*/ _jsx(NavbarItem, {
+                                    current: true,
+                                    href: "#home",
+                                    children: /*#__PURE__*/ _jsx(NavbarLabel, {
+                                        children: "Home"
+                                    })
+                                }),
+                                /*#__PURE__*/ _jsx(NavbarItem, {
+                                    href: "#browse",
+                                    children: /*#__PURE__*/ _jsx(NavbarLabel, {
+                                        children: "Browse"
+                                    })
+                                }),
+                                /*#__PURE__*/ _jsx(NavbarItem, {
+                                    href: "#events",
+                                    children: /*#__PURE__*/ _jsx(NavbarLabel, {
+                                        children: "Events"
+                                    })
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ _jsx(NavbarSpacer, {}),
+                        /*#__PURE__*/ _jsxs(NavbarSection, {
+                            children: [
+                                /*#__PURE__*/ _jsx(NavbarItem, {
+                                    href: "#login",
+                                    children: /*#__PURE__*/ _jsx(NavbarLabel, {
+                                        children: "Login"
+                                    })
+                                }),
+                                /*#__PURE__*/ _jsx(NavbarItem, {
+                                    className: "bg-sky-300 text-slate-950 hover:bg-white hover:text-slate-950",
+                                    href: "#access",
+                                    children: /*#__PURE__*/ _jsx(NavbarLabel, {
+                                        children: "Request Access"
+                                    })
+                                })
+                            ]
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsxs("main", {
+                    className: "mx-auto max-w-4xl px-8 pt-32 text-center",
+                    children: [
+                        /*#__PURE__*/ _jsx("h1", {
+                            className: "text-6xl font-light leading-none text-slate-100",
+                            children: "Floating island navigation."
+                        }),
+                        /*#__PURE__*/ _jsx("p", {
+                            className: "mx-auto mt-6 max-w-xl text-lg text-slate-300",
+                            children: "Use isFloating for centered, rounded navbar surfaces over immersive hero layouts."
+                        })
+                    ]
+                })
+            ]
+        })
+};
+export const Default = {
+    play: interactWithCanvas,
+    render: (args)=>/*#__PURE__*/ _jsxs(Navbar, {
+            ...args,
+            mobileMenu: /*#__PURE__*/ _jsxs("nav", {
+                className: "grid gap-2",
+                "aria-label": "Mobile example navigation",
+                children: [
+                    /*#__PURE__*/ _jsx(NavbarItem, {
+                        current: true,
+                        href: "#overview",
+                        children: /*#__PURE__*/ _jsx(NavbarLabel, {
+                            children: "Overview"
+                        })
+                    }),
+                    /*#__PURE__*/ _jsx(NavbarItem, {
+                        href: "#components",
+                        children: /*#__PURE__*/ _jsx(NavbarLabel, {
+                            children: "Components"
+                        })
+                    }),
+                    /*#__PURE__*/ _jsxs(NavbarItem, {
+                        "aria-label": "Settings",
+                        children: [
+                            /*#__PURE__*/ _jsx(Settings, {}),
+                            /*#__PURE__*/ _jsx(NavbarLabel, {
+                                children: "Settings"
+                            })
+                        ]
+                    })
+                ]
+            }),
+            children: [
+                /*#__PURE__*/ _jsxs(NavbarSection, {
+                    className: "hidden lg:flex",
+                    children: [
+                        /*#__PURE__*/ _jsx(NavbarItem, {
+                            current: true,
+                            href: "#overview",
+                            children: /*#__PURE__*/ _jsx(NavbarLabel, {
+                                children: "Overview"
+                            })
+                        }),
+                        /*#__PURE__*/ _jsx(NavbarItem, {
+                            href: "#components",
+                            children: /*#__PURE__*/ _jsx(NavbarLabel, {
+                                children: "Components"
+                            })
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsx(NavbarSpacer, {}),
+                /*#__PURE__*/ _jsx(NavbarDivider, {}),
+                /*#__PURE__*/ _jsx(NavbarSection, {
+                    className: "hidden lg:flex",
+                    children: /*#__PURE__*/ _jsx(NavbarItem, {
+                        "aria-label": "Settings",
+                        children: /*#__PURE__*/ _jsx(Settings, {})
+                    })
+                })
+            ]
+        })
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9uaXRyb2c3L0RldmVsb3BtZW50L2dvdGhhbWpzL3NyYy9jb21wb25lbnRzL05hdmJhci9OYXZiYXIuc3Rvcmllcy50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7U2V0dGluZ3N9IGZyb20gJ2x1Y2lkZS1yZWFjdCc7XG5pbXBvcnQge2ludGVyYWN0V2l0aENhbnZhc30gZnJvbSAnLi4vLi4vdXRpbHMvc3RvcnlJbnRlcmFjdGlvbnMuanMnO1xuaW1wb3J0IHtOYXZiYXIsIE5hdmJhckRpdmlkZXIsIE5hdmJhckl0ZW0sIE5hdmJhckxhYmVsLCBOYXZiYXJTZWN0aW9uLCBOYXZiYXJTcGFjZXJ9IGZyb20gJy4vTmF2YmFyLmpzJztcblxuaW1wb3J0IHR5cGUge01ldGEsIFN0b3J5T2JqfSBmcm9tICdAbmxhYnMvbGV4L3N0b3J5Ym9vayc7XG5cbmNvbnN0IG1ldGE6IE1ldGE8dHlwZW9mIE5hdmJhcj4gPSB7XG4gIGFyZ1R5cGVzOiB7XG4gICAgY2xhc3NOYW1lOiB7XG4gICAgICBjb250cm9sOiAndGV4dCdcbiAgICB9LFxuICAgIGlzRmxvYXRpbmc6IHtcbiAgICAgIGNvbnRyb2w6ICdib29sZWFuJ1xuICAgIH0sXG4gICAgaXNTdGlja3k6IHtcbiAgICAgIGNvbnRyb2w6ICdib29sZWFuJ1xuICAgIH0sXG4gICAgdHJhbnNwYXJlbnRPblNjcm9sbDoge1xuICAgICAgY29udHJvbDogJ2Jvb2xlYW4nXG4gICAgfSxcbiAgICB0cmFuc3BhcmVudFNjcm9sbEJhY2tkcm9wRmlsdGVyOiB7XG4gICAgICBjb250cm9sOiAndGV4dCdcbiAgICB9LFxuICAgIHRyYW5zcGFyZW50U2Nyb2xsVGhyZXNob2xkOiB7XG4gICAgICBjb250cm9sOiAnbnVtYmVyJ1xuICAgIH1cbiAgfSxcbiAgY29tcG9uZW50OiBOYXZiYXIsXG4gIHBhcmFtZXRlcnM6IHtcbiAgICBsYXlvdXQ6ICdmdWxsc2NyZWVuJ1xuICB9LFxuICB0aXRsZTogJ0NvbXBvbmVudHMvTmF2YmFyJ1xufTtcblxuZXhwb3J0IGNvbnN0IFRyYW5zcGFyZW50T25TY3JvbGw6IFN0b3J5ID0ge1xuICBhcmdzOiB7XG4gICAgaXNTdGlja3k6IHRydWUsXG4gICAgdHJhbnNwYXJlbnRPblNjcm9sbDogdHJ1ZVxuICB9LFxuICBwbGF5OiBpbnRlcmFjdFdpdGhDYW52YXMsXG4gIHJlbmRlcjogKGFyZ3MpID0+IChcbiAgICA8ZGl2IGNsYXNzTmFtZT1cIm1pbi1oLVsxNjB2aF0gYmctW2xpbmVhci1ncmFkaWVudCgxMzVkZWcsIzEwMTYyNCwjMWY0ZmQ4XzUyJSwjMGY3NjZlKV0gcHQtMCB0ZXh0LXdoaXRlXCI+XG4gICAgICA8TmF2YmFyIHsuLi5hcmdzfT5cbiAgICAgICAgPE5hdmJhclNlY3Rpb24+XG4gICAgICAgICAgPE5hdmJhckl0ZW0gY3VycmVudCBocmVmPVwiI292ZXJ2aWV3XCI+XG4gICAgICAgICAgICA8TmF2YmFyTGFiZWw+T3ZlcnZpZXc8L05hdmJhckxhYmVsPlxuICAgICAgICAgIDwvTmF2YmFySXRlbT5cbiAgICAgICAgICA8TmF2YmFySXRlbSBocmVmPVwiI2NvbXBvbmVudHNcIj5cbiAgICAgICAgICAgIDxOYXZiYXJMYWJlbD5Db21wb25lbnRzPC9OYXZiYXJMYWJlbD5cbiAgICAgICAgICA8L05hdmJhckl0ZW0+XG4gICAgICAgIDwvTmF2YmFyU2VjdGlvbj5cbiAgICAgICAgPE5hdmJhclNwYWNlciAvPlxuICAgICAgICA8TmF2YmFyRGl2aWRlciAvPlxuICAgICAgICA8TmF2YmFyU2VjdGlvbj5cbiAgICAgICAgICA8TmF2YmFySXRlbSBhcmlhLWxhYmVsPVwiU2V0dGluZ3NcIj5cbiAgICAgICAgICAgIDxTZXR0aW5ncyAvPlxuICAgICAgICAgIDwvTmF2YmFySXRlbT5cbiAgICAgICAgPC9OYXZiYXJTZWN0aW9uPlxuICAgICAgPC9OYXZiYXI+XG4gICAgICA8bWFpbiBjbGFzc05hbWU9XCJweC04IHB0LTI4XCI+XG4gICAgICAgIDxoMSBjbGFzc05hbWU9XCJtYXgtdy0zeGwgdGV4dC02eGwgZm9udC1ib2xkIGxlYWRpbmctbm9uZVwiPlRyYW5zcGFyZW50IG5hdmJhciBvdmVyIGEgaGVyby48L2gxPlxuICAgICAgICA8cCBjbGFzc05hbWU9XCJtdC02IG1heC13LXhsIHRleHQtbGcgdGV4dC13aGl0ZS83NVwiPlNjcm9sbCB0byBzZWUgdGhlIG5hdmJhciBzd2l0Y2ggdG8gaXRzIHRyYW5zbHVjZW50IHN1cmZhY2UuPC9wPlxuICAgICAgPC9tYWluPlxuICAgIDwvZGl2PlxuICApXG59O1xuXG5leHBvcnQgZGVmYXVsdCBtZXRhO1xuXG50eXBlIFN0b3J5ID0gU3RvcnlPYmo8dHlwZW9mIE5hdmJhcj47XG5cbmV4cG9ydCBjb25zdCBGbG9hdGluZ0lzbGFuZDogU3RvcnkgPSB7XG4gIGFyZ3M6IHtcbiAgICBpc0Zsb2F0aW5nOiB0cnVlLFxuICAgIGlzU3RpY2t5OiB0cnVlXG4gIH0sXG4gIHBsYXk6IGludGVyYWN0V2l0aENhbnZhcyxcbiAgcmVuZGVyOiAoYXJncykgPT4gKFxuICAgIDxkaXYgY2xhc3NOYW1lPVwibWluLWgtWzExMHZoXSBiZy1bcmFkaWFsLWdyYWRpZW50KGNpcmNsZV9hdF83MCVfMjAlLHJnYmEoNTYsMTg5LDI0OCwuMiksdHJhbnNwYXJlbnRfMzIlKSxsaW5lYXItZ3JhZGllbnQoMTgwZGVnLCMwNDA4MTcsIzBmMTcyYSldIHB0LTEgdGV4dC13aGl0ZVwiPlxuICAgICAgPE5hdmJhciB7Li4uYXJnc30gY2xhc3NOYW1lPVwiYm9yZGVyLXdoaXRlLzEwIGJnLVsjMGQxNTI4XS84MCB0ZXh0LXdoaXRlXCI+XG4gICAgICAgIDxOYXZiYXJTZWN0aW9uPlxuICAgICAgICAgIDxOYXZiYXJJdGVtIGhyZWY9XCIjYnJhbmRcIj5cbiAgICAgICAgICAgIDxOYXZiYXJMYWJlbD5Hb3RoYW08L05hdmJhckxhYmVsPlxuICAgICAgICAgIDwvTmF2YmFySXRlbT5cbiAgICAgICAgPC9OYXZiYXJTZWN0aW9uPlxuICAgICAgICA8TmF2YmFyU3BhY2VyIC8+XG4gICAgICAgIDxOYXZiYXJTZWN0aW9uIGNsYXNzTmFtZT1cImhpZGRlbiBsZzpmbGV4XCI+XG4gICAgICAgICAgPE5hdmJhckl0ZW0gY3VycmVudCBocmVmPVwiI2hvbWVcIj5cbiAgICAgICAgICAgIDxOYXZiYXJMYWJlbD5Ib21lPC9OYXZiYXJMYWJlbD5cbiAgICAgICAgICA8L05hdmJhckl0ZW0+XG4gICAgICAgICAgPE5hdmJhckl0ZW0gaHJlZj1cIiNicm93c2VcIj5cbiAgICAgICAgICAgIDxOYXZiYXJMYWJlbD5Ccm93c2U8L05hdmJhckxhYmVsPlxuICAgICAgICAgIDwvTmF2YmFySXRlbT5cbiAgICAgICAgICA8TmF2YmFySXRlbSBocmVmPVwiI2V2ZW50c1wiPlxuICAgICAgICAgICAgPE5hdmJhckxhYmVsPkV2ZW50czwvTmF2YmFyTGFiZWw+XG4gICAgICAgICAgPC9OYXZiYXJJdGVtPlxuICAgICAgICA8L05hdmJhclNlY3Rpb24+XG4gICAgICAgIDxOYXZiYXJTcGFjZXIgLz5cbiAgICAgICAgPE5hdmJhclNlY3Rpb24+XG4gICAgICAgICAgPE5hdmJhckl0ZW0gaHJlZj1cIiNsb2dpblwiPlxuICAgICAgICAgICAgPE5hdmJhckxhYmVsPkxvZ2luPC9OYXZiYXJMYWJlbD5cbiAgICAgICAgICA8L05hdmJhckl0ZW0+XG4gICAgICAgICAgPE5hdmJhckl0ZW0gY2xhc3NOYW1lPVwiYmctc2t5LTMwMCB0ZXh0LXNsYXRlLTk1MCBob3ZlcjpiZy13aGl0ZSBob3Zlcjp0ZXh0LXNsYXRlLTk1MFwiIGhyZWY9XCIjYWNjZXNzXCI+XG4gICAgICAgICAgICA8TmF2YmFyTGFiZWw+UmVxdWVzdCBBY2Nlc3M8L05hdmJhckxhYmVsPlxuICAgICAgICAgIDwvTmF2YmFySXRlbT5cbiAgICAgICAgPC9OYXZiYXJTZWN0aW9uPlxuICAgICAgPC9OYXZiYXI+XG4gICAgICA8bWFpbiBjbGFzc05hbWU9XCJteC1hdXRvIG1heC13LTR4bCBweC04IHB0LTMyIHRleHQtY2VudGVyXCI+XG4gICAgICAgIDxoMSBjbGFzc05hbWU9XCJ0ZXh0LTZ4bCBmb250LWxpZ2h0IGxlYWRpbmctbm9uZSB0ZXh0LXNsYXRlLTEwMFwiPkZsb2F0aW5nIGlzbGFuZCBuYXZpZ2F0aW9uLjwvaDE+XG4gICAgICAgIDxwIGNsYXNzTmFtZT1cIm14LWF1dG8gbXQtNiBtYXgtdy14bCB0ZXh0LWxnIHRleHQtc2xhdGUtMzAwXCI+VXNlIGlzRmxvYXRpbmcgZm9yIGNlbnRlcmVkLCByb3VuZGVkIG5hdmJhciBzdXJmYWNlcyBvdmVyIGltbWVyc2l2ZSBoZXJvIGxheW91dHMuPC9wPlxuICAgICAgPC9tYWluPlxuICAgIDwvZGl2PlxuICApXG59O1xuXG5leHBvcnQgY29uc3QgRGVmYXVsdDogU3RvcnkgPSB7XG4gIHBsYXk6IGludGVyYWN0V2l0aENhbnZhcyxcbiAgcmVuZGVyOiAoYXJncykgPT4gKFxuICAgIDxOYXZiYXJcbiAgICAgIHsuLi5hcmdzfVxuICAgICAgbW9iaWxlTWVudT17KFxuICAgICAgICA8bmF2IGNsYXNzTmFtZT1cImdyaWQgZ2FwLTJcIiBhcmlhLWxhYmVsPVwiTW9iaWxlIGV4YW1wbGUgbmF2aWdhdGlvblwiPlxuICAgICAgICAgIDxOYXZiYXJJdGVtIGN1cnJlbnQgaHJlZj1cIiNvdmVydmlld1wiPlxuICAgICAgICAgICAgPE5hdmJhckxhYmVsPk92ZXJ2aWV3PC9OYXZiYXJMYWJlbD5cbiAgICAgICAgICA8L05hdmJhckl0ZW0+XG4gICAgICAgICAgPE5hdmJhckl0ZW0gaHJlZj1cIiNjb21wb25lbnRzXCI+XG4gICAgICAgICAgICA8TmF2YmFyTGFiZWw+Q29tcG9uZW50czwvTmF2YmFyTGFiZWw+XG4gICAgICAgICAgPC9OYXZiYXJJdGVtPlxuICAgICAgICAgIDxOYXZiYXJJdGVtIGFyaWEtbGFiZWw9XCJTZXR0aW5nc1wiPlxuICAgICAgICAgICAgPFNldHRpbmdzIC8+XG4gICAgICAgICAgICA8TmF2YmFyTGFiZWw+U2V0dGluZ3M8L05hdmJhckxhYmVsPlxuICAgICAgICAgIDwvTmF2YmFySXRlbT5cbiAgICAgICAgPC9uYXY+XG4gICAgICApfT5cbiAgICAgIDxOYXZiYXJTZWN0aW9uIGNsYXNzTmFtZT1cImhpZGRlbiBsZzpmbGV4XCI+XG4gICAgICAgIDxOYXZiYXJJdGVtIGN1cnJlbnQgaHJlZj1cIiNvdmVydmlld1wiPlxuICAgICAgICAgIDxOYXZiYXJMYWJlbD5PdmVydmlldzwvTmF2YmFyTGFiZWw+XG4gICAgICAgIDwvTmF2YmFySXRlbT5cbiAgICAgICAgPE5hdmJhckl0ZW0gaHJlZj1cIiNjb21wb25lbnRzXCI+XG4gICAgICAgICAgPE5hdmJhckxhYmVsPkNvbXBvbmVudHM8L05hdmJhckxhYmVsPlxuICAgICAgICA8L05hdmJhckl0ZW0+XG4gICAgICA8L05hdmJhclNlY3Rpb24+XG4gICAgICA8TmF2YmFyU3BhY2VyIC8+XG4gICAgICA8TmF2YmFyRGl2aWRlciAvPlxuICAgICAgPE5hdmJhclNlY3Rpb24gY2xhc3NOYW1lPVwiaGlkZGVuIGxnOmZsZXhcIj5cbiAgICAgICAgPE5hdmJhckl0ZW0gYXJpYS1sYWJlbD1cIlNldHRpbmdzXCI+XG4gICAgICAgICAgPFNldHRpbmdzIC8+XG4gICAgICAgIDwvTmF2YmFySXRlbT5cbiAgICAgIDwvTmF2YmFyU2VjdGlvbj5cbiAgICA8L05hdmJhcj5cbiAgKVxufTtcbiJdLCJuYW1lcyI6WyJSZWFjdCIsIlNldHRpbmdzIiwiaW50ZXJhY3RXaXRoQ2FudmFzIiwiTmF2YmFyIiwiTmF2YmFyRGl2aWRlciIsIk5hdmJhckl0ZW0iLCJOYXZiYXJMYWJlbCIsIk5hdmJhclNlY3Rpb24iLCJOYXZiYXJTcGFjZXIiLCJtZXRhIiwiYXJnVHlwZXMiLCJjbGFzc05hbWUiLCJjb250cm9sIiwiaXNGbG9hdGluZyIsImlzU3RpY2t5IiwidHJhbnNwYXJlbnRPblNjcm9sbCIsInRyYW5zcGFyZW50U2Nyb2xsQmFja2Ryb3BGaWx0ZXIiLCJ0cmFuc3BhcmVudFNjcm9sbFRocmVzaG9sZCIsImNvbXBvbmVudCIsInBhcmFtZXRlcnMiLCJsYXlvdXQiLCJ0aXRsZSIsIlRyYW5zcGFyZW50T25TY3JvbGwiLCJhcmdzIiwicGxheSIsInJlbmRlciIsImRpdiIsImN1cnJlbnQiLCJocmVmIiwiYXJpYS1sYWJlbCIsIm1haW4iLCJoMSIsInAiLCJGbG9hdGluZ0lzbGFuZCIsIkRlZmF1bHQiLCJtb2JpbGVNZW51IiwibmF2Il0sIm1hcHBpbmdzIjoiO0FBQUEsT0FBT0EsV0FBVyxRQUFRO0FBQzFCLFNBQVFDLFFBQVEsUUFBTyxlQUFlO0FBQ3RDLFNBQVFDLGtCQUFrQixRQUFPLG1DQUFtQztBQUNwRSxTQUFRQyxNQUFNLEVBQUVDLGFBQWEsRUFBRUMsVUFBVSxFQUFFQyxXQUFXLEVBQUVDLGFBQWEsRUFBRUMsWUFBWSxRQUFPLGNBQWM7QUFJeEcsTUFBTUMsT0FBNEI7SUFDaENDLFVBQVU7UUFDUkMsV0FBVztZQUNUQyxTQUFTO1FBQ1g7UUFDQUMsWUFBWTtZQUNWRCxTQUFTO1FBQ1g7UUFDQUUsVUFBVTtZQUNSRixTQUFTO1FBQ1g7UUFDQUcscUJBQXFCO1lBQ25CSCxTQUFTO1FBQ1g7UUFDQUksaUNBQWlDO1lBQy9CSixTQUFTO1FBQ1g7UUFDQUssNEJBQTRCO1lBQzFCTCxTQUFTO1FBQ1g7SUFDRjtJQUNBTSxXQUFXZjtJQUNYZ0IsWUFBWTtRQUNWQyxRQUFRO0lBQ1Y7SUFDQUMsT0FBTztBQUNUO0FBRUEsT0FBTyxNQUFNQyxzQkFBNkI7SUFDeENDLE1BQU07UUFDSlQsVUFBVTtRQUNWQyxxQkFBcUI7SUFDdkI7SUFDQVMsTUFBTXRCO0lBQ051QixRQUFRLENBQUNGLHFCQUNQLE1BQUNHO1lBQUlmLFdBQVU7OzhCQUNiLE1BQUNSO29CQUFRLEdBQUdvQixJQUFJOztzQ0FDZCxNQUFDaEI7OzhDQUNDLEtBQUNGO29DQUFXc0IsT0FBTztvQ0FBQ0MsTUFBSzs4Q0FDdkIsY0FBQSxLQUFDdEI7a0RBQVk7Ozs4Q0FFZixLQUFDRDtvQ0FBV3VCLE1BQUs7OENBQ2YsY0FBQSxLQUFDdEI7a0RBQVk7Ozs7O3NDQUdqQixLQUFDRTtzQ0FDRCxLQUFDSjtzQ0FDRCxLQUFDRztzQ0FDQyxjQUFBLEtBQUNGO2dDQUFXd0IsY0FBVzswQ0FDckIsY0FBQSxLQUFDNUI7Ozs7OzhCQUlQLE1BQUM2QjtvQkFBS25CLFdBQVU7O3NDQUNkLEtBQUNvQjs0QkFBR3BCLFdBQVU7c0NBQTRDOztzQ0FDMUQsS0FBQ3FCOzRCQUFFckIsV0FBVTtzQ0FBc0M7Ozs7OztBQUkzRCxFQUFFO0FBRUYsZUFBZUYsS0FBSztBQUlwQixPQUFPLE1BQU13QixpQkFBd0I7SUFDbkNWLE1BQU07UUFDSlYsWUFBWTtRQUNaQyxVQUFVO0lBQ1o7SUFDQVUsTUFBTXRCO0lBQ051QixRQUFRLENBQUNGLHFCQUNQLE1BQUNHO1lBQUlmLFdBQVU7OzhCQUNiLE1BQUNSO29CQUFRLEdBQUdvQixJQUFJO29CQUFFWixXQUFVOztzQ0FDMUIsS0FBQ0o7c0NBQ0MsY0FBQSxLQUFDRjtnQ0FBV3VCLE1BQUs7MENBQ2YsY0FBQSxLQUFDdEI7OENBQVk7Ozs7c0NBR2pCLEtBQUNFO3NDQUNELE1BQUNEOzRCQUFjSSxXQUFVOzs4Q0FDdkIsS0FBQ047b0NBQVdzQixPQUFPO29DQUFDQyxNQUFLOzhDQUN2QixjQUFBLEtBQUN0QjtrREFBWTs7OzhDQUVmLEtBQUNEO29DQUFXdUIsTUFBSzs4Q0FDZixjQUFBLEtBQUN0QjtrREFBWTs7OzhDQUVmLEtBQUNEO29DQUFXdUIsTUFBSzs4Q0FDZixjQUFBLEtBQUN0QjtrREFBWTs7Ozs7c0NBR2pCLEtBQUNFO3NDQUNELE1BQUNEOzs4Q0FDQyxLQUFDRjtvQ0FBV3VCLE1BQUs7OENBQ2YsY0FBQSxLQUFDdEI7a0RBQVk7Ozs4Q0FFZixLQUFDRDtvQ0FBV00sV0FBVTtvQ0FBZ0VpQixNQUFLOzhDQUN6RixjQUFBLEtBQUN0QjtrREFBWTs7Ozs7Ozs4QkFJbkIsTUFBQ3dCO29CQUFLbkIsV0FBVTs7c0NBQ2QsS0FBQ29COzRCQUFHcEIsV0FBVTtzQ0FBa0Q7O3NDQUNoRSxLQUFDcUI7NEJBQUVyQixXQUFVO3NDQUErQzs7Ozs7O0FBSXBFLEVBQUU7QUFFRixPQUFPLE1BQU11QixVQUFpQjtJQUM1QlYsTUFBTXRCO0lBQ051QixRQUFRLENBQUNGLHFCQUNQLE1BQUNwQjtZQUNFLEdBQUdvQixJQUFJO1lBQ1JZLDBCQUNFLE1BQUNDO2dCQUFJekIsV0FBVTtnQkFBYWtCLGNBQVc7O2tDQUNyQyxLQUFDeEI7d0JBQVdzQixPQUFPO3dCQUFDQyxNQUFLO2tDQUN2QixjQUFBLEtBQUN0QjtzQ0FBWTs7O2tDQUVmLEtBQUNEO3dCQUFXdUIsTUFBSztrQ0FDZixjQUFBLEtBQUN0QjtzQ0FBWTs7O2tDQUVmLE1BQUNEO3dCQUFXd0IsY0FBVzs7MENBQ3JCLEtBQUM1QjswQ0FDRCxLQUFDSzswQ0FBWTs7Ozs7Ozs4QkFJbkIsTUFBQ0M7b0JBQWNJLFdBQVU7O3NDQUN2QixLQUFDTjs0QkFBV3NCLE9BQU87NEJBQUNDLE1BQUs7c0NBQ3ZCLGNBQUEsS0FBQ3RCOzBDQUFZOzs7c0NBRWYsS0FBQ0Q7NEJBQVd1QixNQUFLO3NDQUNmLGNBQUEsS0FBQ3RCOzBDQUFZOzs7Ozs4QkFHakIsS0FBQ0U7OEJBQ0QsS0FBQ0o7OEJBQ0QsS0FBQ0c7b0JBQWNJLFdBQVU7OEJBQ3ZCLGNBQUEsS0FBQ047d0JBQVd3QixjQUFXO2tDQUNyQixjQUFBLEtBQUM1Qjs7Ozs7QUFLWCxFQUFFIn0=

package/lib/components/NotFound/NotFound.d.ts

@@ -0,0 +1,34 @@
+import type { ComponentType, HTMLAttributes, ReactNode, SVGProps } from 'react';
+export type NotFoundVariant = 'simple' | 'popular' | 'split' | 'background';
+export interface NotFoundLink {
+    readonly description?: string;
+    readonly href: string;
+    readonly icon?: ComponentType<SVGProps<SVGSVGElement>>;
+    readonly label: string;
+}
+export interface NotFoundSocialLink {
+    readonly href: string;
+    readonly icon: ComponentType<SVGProps<SVGSVGElement>>;
+    readonly label: string;
+}
+export interface NotFoundProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+    readonly backgroundImageAlt?: string;
+    readonly backgroundImageSrc?: string;
+    readonly copyright?: ReactNode;
+    readonly description?: ReactNode;
+    readonly footerLinks?: readonly NotFoundLink[];
+    readonly homeHref?: string;
+    readonly homeLabel?: string;
+    readonly imageAlt?: string;
+    readonly imageSrc?: string;
+    readonly links?: readonly NotFoundLink[];
+    readonly logo?: ReactNode;
+    readonly socialLinks?: readonly NotFoundSocialLink[];
+    readonly statusCode?: ReactNode;
+    readonly supportHref?: string;
+    readonly supportLabel?: string;
+    readonly title?: ReactNode;
+    readonly variant?: NotFoundVariant;
+}
+export declare const NotFound: ({ backgroundImageAlt, backgroundImageSrc, className, copyright, description, footerLinks, homeHref, homeLabel, imageAlt, imageSrc, links, logo, socialLinks, statusCode, supportHref, supportLabel, title, variant, ...props }: NotFoundProps) => import("react").JSX.Element;
+export default NotFound;