@broxus/react-uikit 0.1.0

package/dist/cjs/components/Nav/types.d.ts

@@ -0,0 +1,32 @@
+import type * as React from 'react';
+export declare type NavMode = 'inline' | 'vertical' | 'vertical-left' | 'vertical-right' | 'horizontal';
+export declare type NavModifier = 'default' | 'primary' | 'center' | 'divider';
+export declare type BuiltinPlacements = Record<string, any>;
+export declare type TriggerSubMenuAction = 'click' | 'hover';
+export interface RenderIconInfo {
+    disabled?: boolean;
+    isOpen?: boolean;
+    isSelected?: boolean;
+    isSubMenu?: boolean;
+}
+export declare type RenderIconType = React.ReactNode | ((props: RenderIconInfo) => React.ReactNode);
+export interface NavInfo {
+    domEvent: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>;
+    /** @deprecated This will not support in future. You should avoid to use this */
+    item: React.ReactInstance;
+    key: string;
+    keyPath: string[];
+}
+export interface NavTitleInfo {
+    domEvent: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>;
+    key: string;
+}
+export declare type NavHoverEventHandler = (info: {
+    domEvent: React.MouseEvent<HTMLElement>;
+    key: string;
+}) => void;
+export interface SelectInfo extends NavInfo {
+    selectedKeys: string[];
+}
+export declare type SelectEventHandler = (info: SelectInfo) => void;
+export declare type NavClickEventHandler = (info: NavInfo) => void;

package/dist/cjs/components/Nav/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/components/Nav/utils/alignUtil.d.ts

@@ -0,0 +1,3 @@
+import type { AlignType, BuildInPlacements } from 'rc-trigger/lib/interface';
+export declare function getAlignFromPlacement(builtinPlacements: BuildInPlacements, placementStr: string, align: AlignType): AlignType;
+export declare function getAlignPopupClassName(builtinPlacements: BuildInPlacements, prefixCls: string, align: AlignType, isAlignPoint: boolean): string;

package/dist/cjs/components/Nav/utils/alignUtil.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getAlignPopupClassName = exports.getAlignFromPlacement = void 0;
+function isPointsEq(a1, a2, isAlignPoint) {
+    if (isAlignPoint) {
+        return a1[0] === a2[0];
+    }
+    return a1[0] === a2[0] && a1[1] === a2[1];
+}
+function getAlignFromPlacement(builtinPlacements, placementStr, align) {
+    const baseAlign = builtinPlacements[placementStr] || {};
+    return {
+        ...baseAlign,
+        ...align,
+    };
+}
+exports.getAlignFromPlacement = getAlignFromPlacement;
+function getAlignPopupClassName(builtinPlacements, prefixCls, align, isAlignPoint) {
+    const { points } = align;
+    const placements = Object.keys(builtinPlacements);
+    for (let i = 0; i < placements.length; i += 1) {
+        const placement = placements[i];
+        // @ts-ignore
+        if (isPointsEq(builtinPlacements[placement].points, points, isAlignPoint)) {
+            return `${prefixCls}-${placement}`;
+        }
+    }
+    return '';
+}
+exports.getAlignPopupClassName = getAlignPopupClassName;

package/dist/cjs/components/Nav/utils/motionUtil.d.ts

@@ -0,0 +1,2 @@
+import type { CSSMotionProps } from 'rc-motion';
+export declare function getMotion(mode: string, motion?: CSSMotionProps, defaultMotions?: Record<string, CSSMotionProps>): CSSMotionProps | undefined;

package/dist/cjs/components/Nav/utils/motionUtil.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getMotion = void 0;
+function getMotion(mode, motion, defaultMotions) {
+    if (motion) {
+        return motion;
+    }
+    if (defaultMotions) {
+        return defaultMotions[mode] || defaultMotions.other;
+    }
+    return undefined;
+}
+exports.getMotion = getMotion;

package/dist/cjs/components/Nav/utils/nodeUtil.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export declare function parseChildren(children: React.ReactNode, keyPath: string[]): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>[];

package/dist/cjs/components/Nav/utils/nodeUtil.js

@@ -0,0 +1,53 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.parseChildren = void 0;
+const React = __importStar(require("react"));
+const toArray_1 = __importDefault(require("rc-util/lib/Children/toArray"));
+function parseChildren(children, keyPath) {
+    return (0, toArray_1.default)(children).map((child, index) => {
+        if (React.isValidElement(child)) {
+            const { key } = child;
+            let eventKey = child.props?.eventKey ?? key;
+            const emptyKey = eventKey === null || eventKey === undefined;
+            if (emptyKey) {
+                eventKey = `tmp_key-${[...keyPath, index].join('-')}`;
+            }
+            const cloneProps = {
+                eventKey,
+                key: eventKey,
+            };
+            if (process.env.NODE_ENV !== 'production' && emptyKey) {
+                cloneProps.warnKey = true;
+            }
+            return React.cloneElement(child, cloneProps);
+        }
+        return child;
+    });
+}
+exports.parseChildren = parseChildren;

package/dist/cjs/components/Nav/utils/timeUtil.d.ts

@@ -0,0 +1 @@
+export declare function nextSlice(callback: () => void): void;

package/dist/cjs/components/Nav/utils/timeUtil.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.nextSlice = void 0;
+function nextSlice(callback) {
+    Promise.resolve().then(callback);
+}
+exports.nextSlice = nextSlice;

package/dist/cjs/components/Nav/utils/warnUtil.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+/**
+ * `onClick` event return `info.item` which point to react node directly.
+ * We should warning this since it will not work on FC.
+ */
+export declare function warnItemProp<T extends {
+    item: React.ReactInstance;
+}>({ item, ...restInfo }: T): T;

package/dist/cjs/components/Nav/utils/warnUtil.js

@@ -0,0 +1,21 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.warnItemProp = void 0;
+const warning_1 = __importDefault(require("rc-util/lib/warning"));
+/**
+ * `onClick` event return `info.item` which point to react node directly.
+ * We should warning this since it will not work on FC.
+ */
+function warnItemProp({ item, ...restInfo }) {
+    Object.defineProperty(restInfo, 'item', {
+        get: () => {
+            (0, warning_1.default)(false, '`info.item` is deprecated since we will move to function component that not provides React Node instance in future.');
+            return item;
+        },
+    });
+    return restInfo;
+}
+exports.warnItemProp = warnItemProp;

package/dist/cjs/components/Navbar/Center.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import type { PolymorphicComponentProps } from '../Component';
+export declare type NavbarCenterProps<E extends React.ElementType = React.ElementType> = PolymorphicComponentProps<E, unknown>;
+declare const defaultElement = "div";
+export declare function Center<E extends React.ElementType = typeof defaultElement>(props: NavbarCenterProps<E>): JSX.Element;
+export declare namespace Center {
+    var displayName: string;
+}
+export {};

package/dist/cjs/components/Navbar/Center.js

@@ -0,0 +1,41 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Center = void 0;
+const React = __importStar(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const Component_1 = require("../Component");
+const defaultElement = 'div';
+function Center(props) {
+    const { className, ...restProps } = props;
+    return (React.createElement(Component_1.Component, { className: (0, classnames_1.default)('uk-navbar-center', className), component: defaultElement, ...restProps }));
+}
+exports.Center = Center;
+if (process.env.NODE_ENV !== 'production') {
+    Center.displayName = 'Navbar.Center';
+}

package/dist/cjs/components/Navbar/Container.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import type { PolymorphicComponentProps } from '../Component';
+export interface NavbarContainerOwnProps extends React.HTMLAttributes<HTMLElement> {
+    transparent?: boolean;
+}
+export declare type NavbarContainerProps<E extends React.ElementType = React.ElementType> = PolymorphicComponentProps<E, NavbarContainerOwnProps>;
+declare const defaultElement = "div";
+export declare function Container<E extends React.ElementType = typeof defaultElement>(props: NavbarContainerProps<E>): JSX.Element;
+export declare namespace Container {
+    var displayName: string;
+}
+export {};

package/dist/cjs/components/Navbar/Container.js

@@ -0,0 +1,43 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Container = void 0;
+const React = __importStar(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const Component_1 = require("../Component");
+const defaultElement = 'div';
+function Container(props) {
+    const { className, transparent, ...restProps } = props;
+    return (React.createElement(Component_1.Component, { className: (0, classnames_1.default)('uk-navbar-container', {
+            'uk-navbar-transparent': transparent,
+        }, className), component: defaultElement, ...restProps }));
+}
+exports.Container = Container;
+if (process.env.NODE_ENV !== 'production') {
+    Container.displayName = 'Navbar.Container';
+}

package/dist/cjs/components/Navbar/Item.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import type { PolymorphicComponentProps } from '../Component';
+export declare type NavbarItemProps<E extends React.ElementType = React.ElementType> = PolymorphicComponentProps<E, {
+    align?: 'left' | 'right' | 'center';
+}>;
+declare const defaultElement = "div";
+export declare function Item<E extends React.ElementType = typeof defaultElement>(props: NavbarItemProps<E>): JSX.Element;
+export declare namespace Item {
+    var displayName: string;
+}
+export {};

package/dist/cjs/components/Navbar/Item.js

@@ -0,0 +1,41 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Item = void 0;
+const React = __importStar(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const Component_1 = require("../Component");
+const defaultElement = 'div';
+function Item(props) {
+    const { className, ...restProps } = props;
+    return (React.createElement(Component_1.Component, { className: (0, classnames_1.default)('uk-navbar-item', className), component: defaultElement, ...restProps }));
+}
+exports.Item = Item;
+if (process.env.NODE_ENV !== 'production') {
+    Item.displayName = 'Navbar.Item';
+}

package/dist/cjs/components/Navbar/Left.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import type { PolymorphicComponentProps } from '../Component';
+export declare type NavbarLeftProps<E extends React.ElementType = React.ElementType> = PolymorphicComponentProps<E, unknown>;
+declare const defaultElement = "div";
+export declare function Left<E extends React.ElementType = typeof defaultElement>(props: NavbarLeftProps<E>): JSX.Element;
+export declare namespace Left {
+    var displayName: string;
+}
+export {};

package/dist/cjs/components/Navbar/Left.js

@@ -0,0 +1,41 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Left = void 0;
+const React = __importStar(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const Component_1 = require("../Component");
+const defaultElement = 'div';
+function Left(props) {
+    const { className, ...restProps } = props;
+    return (React.createElement(Component_1.Component, { className: (0, classnames_1.default)('uk-navbar-left', className), component: defaultElement, ...restProps }));
+}
+exports.Left = Left;
+if (process.env.NODE_ENV !== 'production') {
+    Left.displayName = 'Navbar.Left';
+}

package/dist/cjs/components/Navbar/Nav.d.ts

@@ -0,0 +1,5 @@
+import type { NavProps } from '../Nav';
+export declare function Nav(props: NavProps): JSX.Element;
+export declare namespace Nav {
+    var displayName: string;
+}

package/dist/cjs/components/Navbar/Nav.js

@@ -0,0 +1,40 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Nav = void 0;
+const React = __importStar(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const Nav_1 = require("../Nav");
+function Nav(props) {
+    const { className, ...restProps } = props;
+    return (React.createElement(Nav_1.Nav, { className: (0, classnames_1.default)('uk-navbar-nav', className), popupPrefixCls: "uk-navbar-dropdown", ...restProps, mode: "horizontal" }));
+}
+exports.Nav = Nav;
+if (process.env.NODE_ENV !== 'production') {
+    Nav.displayName = 'Navbar.Nav';
+}

package/dist/cjs/components/Navbar/Navbar.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+export interface NavbarProps extends React.HTMLAttributes<HTMLElement> {
+    asContainer?: boolean;
+    transparent?: boolean;
+}
+export declare function Navbar(props: NavbarProps): JSX.Element;

package/dist/cjs/components/Navbar/Navbar.js

@@ -0,0 +1,39 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Navbar = void 0;
+const React = __importStar(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+function Navbar(props) {
+    const { asContainer, className, transparent, ...restProps } = props;
+    return (React.createElement("nav", { className: (0, classnames_1.default)('uk-navbar', {
+            'uk-navbar-container': asContainer,
+            'uk-navbar-transparent': transparent,
+        }, className), ...restProps }));
+}
+exports.Navbar = Navbar;

package/dist/cjs/components/Navbar/Right.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import type { PolymorphicComponentProps } from '../Component';
+export declare type NavbarRightProps<E extends React.ElementType = React.ElementType> = PolymorphicComponentProps<E, unknown>;
+declare const defaultElement = "div";
+export declare function Right<E extends React.ElementType = typeof defaultElement>(props: NavbarRightProps<E>): JSX.Element;
+export declare namespace Right {
+    var displayName: string;
+}
+export {};

package/dist/cjs/components/Navbar/Right.js

@@ -0,0 +1,41 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Right = void 0;
+const React = __importStar(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const Component_1 = require("../Component");
+const defaultElement = 'div';
+function Right(props) {
+    const { className, ...restProps } = props;
+    return (React.createElement(Component_1.Component, { className: (0, classnames_1.default)('uk-navbar-right', className), component: defaultElement, ...restProps }));
+}
+exports.Right = Right;
+if (process.env.NODE_ENV !== 'production') {
+    Right.displayName = 'Navbar.Right';
+}

package/dist/cjs/components/Navbar/Toggle.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import type { PolymorphicComponentProps } from '../Component';
+export declare type NavbarToggleProps<E extends React.ElementType = React.ElementType> = PolymorphicComponentProps<E, {
+    icon?: boolean;
+}>;
+declare const defaultElement = "div";
+export declare function Toggle<E extends React.ElementType = typeof defaultElement>(props: NavbarToggleProps<E>): JSX.Element;
+export declare namespace Toggle {
+    var displayName: string;
+}
+export {};

package/dist/cjs/components/Navbar/Toggle.js

@@ -0,0 +1,43 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Toggle = void 0;
+const React = __importStar(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const Component_1 = require("../Component");
+const defaultElement = 'div';
+function Toggle(props) {
+    const { className, icon = false, ...restProps } = props;
+    return (React.createElement(Component_1.Component, { className: (0, classnames_1.default)('uk-navbar-toggle', {
+            'uk-navbar-toggle-icon': icon,
+        }, className), component: defaultElement, ...restProps }));
+}
+exports.Toggle = Toggle;
+if (process.env.NODE_ENV !== 'production') {
+    Toggle.displayName = 'Navbar.Toggle';
+}

package/dist/cjs/components/Navbar/index.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { Center } from './Center';
+import { Container } from './Container';
+import { Item } from './Item';
+import { Left } from './Left';
+import { Nav } from './Nav';
+import { Right } from './Right';
+import { Toggle } from './Toggle';
+import type { NavbarProps } from './Navbar';
+import './index.scss';
+export type { NavbarProps };
+export interface CompoundedNavbar extends React.FunctionComponent<NavbarProps> {
+    Center: typeof Center;
+    Container: typeof Container;
+    Item: typeof Item;
+    Left: typeof Left;
+    Nav: typeof Nav;
+    Right: typeof Right;
+    Toggle: typeof Toggle;
+}
+export declare const Navbar: CompoundedNavbar;