@hanwenbo/x-taro-ui 0.0.1

package/lib/components/menubar/types.d.ts

@@ -0,0 +1,71 @@
+/**
+ * Menubar Component Types
+ *
+ * @description
+ * Design system aligned menubar component types
+ */
+import type { ReactNode } from 'react';
+import type { OverlayPlacement } from '../../patterns/overlay';
+import type { SizeVariant } from '../../theme/types';
+export interface MenubarAction {
+    key: string;
+    label: ReactNode;
+    /** Semantic entry type used by menu-surface indicators. */
+    type?: 'item' | 'checkbox' | 'radio' | 'label' | 'separator';
+    /** Controlled checked state for checkbox and radio entries. */
+    checked?: boolean | 'indeterminate';
+    description?: ReactNode;
+    icon?: ReactNode;
+    shortcut?: ReactNode;
+    disabled?: boolean;
+    danger?: boolean;
+    children?: MenubarAction[];
+}
+export interface MenubarItem {
+    key: string;
+    label: ReactNode;
+    icon?: ReactNode;
+    badge?: ReactNode;
+    disabled?: boolean;
+    /** x-mobile-ui compatible nested items. `actions` remains the Taro alias. */
+    children?: MenubarAction[];
+    actions?: MenubarAction[];
+}
+export declare type MenubarVariant = 'default' | 'pills' | 'tabs'
+/** @deprecated Use `pills`. */
+ | 'filled'
+/** @deprecated Use `tabs`. */
+ | 'underlined';
+export interface MenubarProps {
+    /** Top-level menu items */
+    items?: MenubarItem[];
+    /** x-mobile-ui compatible controlled selected keys. */
+    selectedKeys?: string[];
+    /** x-mobile-ui compatible initial selected keys. */
+    defaultSelectedKeys?: string[];
+    /** Controlled active key */
+    activeKey?: string;
+    /** Default active key */
+    defaultActiveKey?: string;
+    /** Anchored submenu placement. Defaults to bottom-left. */
+    placement?: OverlayPlacement;
+    /** Size variant */
+    size?: SizeVariant;
+    /** Visual variant */
+    variant?: MenubarVariant;
+    /** Use equal-width tabs */
+    equalWidth?: boolean;
+    /** Empty text */
+    emptyText?: ReactNode;
+    /** Selection callback */
+    onChange?: (key: string, item: MenubarItem, action?: MenubarAction) => void;
+    /** x-mobile-ui compatible selection callback. */
+    onSelect?: (key: string, item: MenubarItem | MenubarAction) => void;
+    /** Custom fallback children */
+    children?: ReactNode;
+    /** Custom className */
+    className?: string;
+    /** Custom styles */
+    style?: React.CSSProperties;
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/components/menubar/types.js

@@ -0,0 +1,17 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/menubar/types.ts
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);

package/lib/components/modal/index.d.ts

@@ -0,0 +1,5 @@
+export * from './types';
+export { default as Modal } from './modal';
+export { default } from './modal';
+export { useModalTokens, useModalColors, useModalStyle } from './tokens';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/modal/index.js

@@ -0,0 +1,51 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/modal/index.ts
+var index_exports = {};
+__export(index_exports, {
+  Modal: () => import_modal.default,
+  default: () => import_modal2.default,
+  useModalColors: () => import_tokens.useModalColors,
+  useModalStyle: () => import_tokens.useModalStyle,
+  useModalTokens: () => import_tokens.useModalTokens
+});
+module.exports = __toCommonJS(index_exports);
+__reExport(index_exports, require("./types"), module.exports);
+var import_modal = __toESM(require("./modal"));
+var import_modal2 = __toESM(require("./modal"));
+var import_tokens = require("./tokens");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Modal,
+  useModalColors,
+  useModalStyle,
+  useModalTokens,
+  ...require("./types")
+});

package/lib/components/modal/modal.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Modal Component
+ *
+ * @description
+ * Design system aligned modal component
+ */
+import React from 'react';
+import type { ModalProps } from './types';
+export declare const Modal: React.FC<ModalProps>;
+export default Modal;
+//# sourceMappingURL=modal.d.ts.map

package/lib/components/modal/modal.js

@@ -0,0 +1,228 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/modal/modal.tsx
+var modal_exports = {};
+__export(modal_exports, {
+  Modal: () => Modal,
+  default: () => modal_default
+});
+module.exports = __toCommonJS(modal_exports);
+var import_react = __toESM(require("react"));
+var import_components = require("@tarojs/components");
+var import_miniapp = require("../../adapters/miniapp");
+var import_utils = require("../../utils");
+var import_tokens = require("./tokens");
+var import_theme = require("../../theme");
+var import_icon = require("../icon");
+var import_button = require("../button");
+var import_configProvider = require("../configProvider");
+var import_render = require("../_shared/render");
+var import_locale = require("../../utils/locale");
+var import_pressable = require("../../patterns/pressable");
+function isModalAction(action) {
+  return Boolean(
+    action && typeof action === "object" && !import_react.default.isValidElement(action) && "key" in action && "onPress" in action
+  );
+}
+var Modal = ({
+  visible = false,
+  title,
+  children,
+  body,
+  size,
+  type = "default",
+  mask = true,
+  maskClosable = true,
+  maskClickable,
+  onMaskPress,
+  onMaskClick,
+  maskStyle,
+  bodyStyle: bodyStyleOverride,
+  width,
+  position,
+  closable,
+  actions,
+  closeOnAction = true,
+  closeIcon = true,
+  placement = "center",
+  footer,
+  zIndex = 1100,
+  onClose,
+  afterClose,
+  className,
+  style,
+  testID
+}) => {
+  const config = (0, import_configProvider.useConfig)();
+  const { colors } = (0, import_theme.useTokens)();
+  const resolvedPlacement = position ?? placement;
+  const resolvedMaskClosable = maskClickable ?? maskClosable;
+  const resolvedCloseIcon = closable ?? closeIcon;
+  const resolvedSize = size ?? config.size;
+  const tokens = (0, import_tokens.useModalTokens)(resolvedSize);
+  const typeColors = (0, import_tokens.useModalColors)(type);
+  const modalStyle = (0, import_tokens.useModalStyle)(resolvedSize, type);
+  const closeLabel = (0, import_locale.resolveLocaleText)(config.locale, "common.close", "关闭");
+  const closePress = (0, import_pressable.usePressable)({ onPress: onClose, scale: 0.985 });
+  const handleMaskClick = (0, import_react.useCallback)(() => {
+    onMaskPress == null ? void 0 : onMaskPress();
+    onMaskClick == null ? void 0 : onMaskClick();
+    if (resolvedMaskClosable) {
+      onClose == null ? void 0 : onClose();
+    }
+  }, [onClose, onMaskClick, onMaskPress, resolvedMaskClosable]);
+  const headerStyle = {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "space-between",
+    padding: `${tokens.headerPadding}px ${tokens.padding}px`,
+    borderBottom: title || resolvedCloseIcon || typeColors.icon ? `1px solid ${typeColors.headerBorder}` : "none",
+    position: "relative"
+  };
+  const bodyStyle = {
+    padding: `${tokens.bodyPadding}px ${tokens.padding}px`,
+    flex: 1,
+    overflow: "auto"
+  };
+  const footerStyle = {
+    padding: `${tokens.footerPadding}px ${tokens.padding}px`,
+    borderTop: footer || (actions == null ? void 0 : actions.length) ? `1px solid var(--x-modal-divider, ${colors.border})` : "none",
+    display: "flex",
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "flex-end",
+    gap: 8
+  };
+  const handleActionPress = (0, import_react.useCallback)(
+    async (action) => {
+      if (config.disabled || action.disabled || action.loading) return;
+      await action.onPress();
+      if (closeOnAction) onClose == null ? void 0 : onClose();
+    },
+    [closeOnAction, config.disabled, onClose]
+  );
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_miniapp.OverlayHost,
+    {
+      visible,
+      placement: resolvedPlacement,
+      config: {
+        zIndex,
+        backdrop: mask,
+        closeOnBackdrop: true,
+        closeOnEscape: true,
+        disableBodyScroll: mask,
+        contentAnimation: resolvedPlacement === "center" ? "scale" : "slide",
+        backdropStyle: maskStyle
+      },
+      onBackdropClick: handleMaskClick,
+      onEscape: onClose,
+      afterClose
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      import_components.View,
+      {
+        role: "dialog",
+        ariaLabel: typeof title === "string" ? title : void 0,
+        "data-slot": "modal-panel",
+        "data-size": resolvedSize,
+        "data-type": type,
+        "data-testid": testID,
+        className: (0, import_utils.classNames)(
+          `${config.prefixCls}-modal`,
+          `${config.prefixCls}-modal--${resolvedSize}`,
+          `${config.prefixCls}-modal--${type}`,
+          className
+        ),
+        style: {
+          ...modalStyle,
+          width: width ?? (resolvedPlacement === "center" ? modalStyle.width : "calc(100% - 32px)"),
+          maxWidth: modalStyle.maxWidth,
+          margin: resolvedPlacement === "center" ? void 0 : "16px auto",
+          ...style
+        }
+      },
+      (title || resolvedCloseIcon || typeColors.icon) && /* @__PURE__ */ import_react.default.createElement(import_components.View, { "data-slot": "modal-header", style: headerStyle }, /* @__PURE__ */ import_react.default.createElement(import_components.View, { style: { display: "flex", alignItems: "center", gap: 12 } }, typeColors.icon && /* @__PURE__ */ import_react.default.createElement(
+        import_icon.Icon,
+        {
+          name: typeColors.icon,
+          size: tokens.titleFontSize,
+          color: typeColors.titleColor
+        }
+      ), title && (0, import_render.renderTextNode)(title, {
+        fontSize: tokens.titleFontSize,
+        fontWeight: 600,
+        color: typeColors.titleColor
+      })), resolvedCloseIcon && /* @__PURE__ */ import_react.default.createElement(
+        import_components.View,
+        {
+          role: "button",
+          ariaLabel: closeLabel,
+          "data-slot": "modal-close",
+          style: {
+            width: 40,
+            height: 40,
+            flexShrink: 0,
+            marginRight: -12,
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            borderRadius: "var(--x-radius-full)",
+            ...closePress.style
+          },
+          ...closePress.handlers
+        },
+        /* @__PURE__ */ import_react.default.createElement(import_icon.Icon, { name: "X", size: 16, color: colors["muted-foreground"] })
+      )),
+      /* @__PURE__ */ import_react.default.createElement(import_components.View, { "data-slot": "modal-body", style: { ...bodyStyle, ...bodyStyleOverride } }, body ?? children),
+      (footer || actions) && /* @__PURE__ */ import_react.default.createElement(import_components.View, { "data-slot": "modal-footer", style: footerStyle }, footer ?? (actions == null ? void 0 : actions.map((action, index) => {
+        if (isModalAction(action)) {
+          return /* @__PURE__ */ import_react.default.createElement(
+            import_button.Button,
+            {
+              key: action.key,
+              size: "small",
+              variant: action.primary ? "default" : "outline",
+              loading: action.loading,
+              disabled: config.disabled || action.disabled,
+              onClick: () => void handleActionPress(action)
+            },
+            action.text
+          );
+        }
+        return /* @__PURE__ */ import_react.default.createElement(import_components.View, { key: index, onClick: closeOnAction ? onClose : void 0 }, action);
+      })))
+    )
+  );
+};
+var modal_default = Modal;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Modal
+});

package/lib/components/modal/tokens.d.ts

@@ -0,0 +1,37 @@
+/**
+ * Modal Component Tokens
+ * Defines how Modal consumes design system tokens
+ */
+/// <reference types="react" />
+import type { SizeVariant } from '../../theme/types';
+import type { ModalType } from './types';
+export interface ModalTokens {
+    width: string;
+    maxWidth: number;
+    padding: number;
+    headerPadding: number;
+    bodyPadding: number;
+    footerPadding: number;
+    titleFontSize: number;
+}
+/**
+ * Get modal size tokens
+ */
+export declare function useModalTokens(size?: SizeVariant): ModalTokens;
+/**
+ * Get modal colors for type
+ */
+export declare function useModalColors(type?: ModalType): {
+    headerBorder: string;
+    titleColor: string;
+    icon: string;
+} | {
+    headerBorder: string;
+    titleColor: string;
+    icon: null;
+};
+/**
+ * Build modal style object
+ */
+export declare function useModalStyle(size: SizeVariant, type: ModalType): React.CSSProperties;
+//# sourceMappingURL=tokens.d.ts.map

package/lib/components/modal/tokens.js

@@ -0,0 +1,122 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/modal/tokens.ts
+var tokens_exports = {};
+__export(tokens_exports, {
+  useModalColors: () => useModalColors,
+  useModalStyle: () => useModalStyle,
+  useModalTokens: () => useModalTokens
+});
+module.exports = __toCommonJS(tokens_exports);
+var import_react = require("react");
+var import_theme = require("../../theme");
+function useModalTokens(size = "middle") {
+  return (0, import_react.useMemo)(() => {
+    const sizeMap = {
+      mini: {
+        width: "calc(100vw - 32px)",
+        maxWidth: 320
+      },
+      small: {
+        width: "calc(100vw - 32px)",
+        maxWidth: 420
+      },
+      middle: {
+        width: "calc(100vw - 32px)",
+        maxWidth: 560
+      },
+      large: {
+        width: "calc(100vw - 32px)",
+        maxWidth: 720
+      }
+    };
+    return {
+      ...sizeMap[size],
+      padding: 24,
+      headerPadding: 8,
+      bodyPadding: 16,
+      footerPadding: 16,
+      titleFontSize: 16
+    };
+  }, [size]);
+}
+function useModalColors(type = "default") {
+  const { colors } = (0, import_theme.useTokens)();
+  return (0, import_react.useMemo)(() => {
+    switch (type) {
+      case "primary":
+        return {
+          headerBorder: `var(--x-modal-divider, ${colors.border})`,
+          titleColor: colors.primary,
+          icon: "Info"
+        };
+      case "danger":
+        return {
+          headerBorder: `var(--x-modal-divider, ${colors.border})`,
+          titleColor: colors.destructive,
+          icon: "CircleX"
+        };
+      case "warning":
+        return {
+          headerBorder: `var(--x-modal-divider, ${colors.border})`,
+          titleColor: colors.warning,
+          icon: "TriangleAlert"
+        };
+      case "default":
+      default:
+        return {
+          headerBorder: `var(--x-modal-divider, ${colors.border})`,
+          titleColor: colors.foreground,
+          icon: null
+        };
+    }
+  }, [type, colors]);
+}
+function useModalStyle(size, type) {
+  const tokens = useModalTokens(size);
+  const { colors, radius } = (0, import_theme.useTokens)();
+  return (0, import_react.useMemo)(
+    () => ({
+      width: tokens.width,
+      maxWidth: tokens.maxWidth,
+      backgroundColor: `var(--x-modal-surface, ${colors.background})`,
+      color: `var(--x-modal-foreground, ${colors.foreground})`,
+      borderRadius: `var(--x-modal-radius, ${radius.lg}px)`,
+      borderWidth: 1,
+      borderStyle: "solid",
+      borderColor: `var(--x-modal-border, ${colors.border})`,
+      boxSizing: "border-box",
+      // x-mobile-ui keeps Modal elevation border-only. The overlay already
+      // separates the dialog from the page, so an additional global modal
+      // shadow creates an overly dark halo, especially in generated themes.
+      boxShadow: "none",
+      overflow: "hidden",
+      display: "flex",
+      flexDirection: "column",
+      maxHeight: "80vh"
+    }),
+    [tokens, colors.background, colors.border, colors.foreground, radius.lg]
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useModalColors,
+  useModalStyle,
+  useModalTokens
+});

package/lib/components/modal/types.d.ts

@@ -0,0 +1,63 @@
+/**
+ * Modal Component Types
+ *
+ * @description
+ * Design system aligned modal component types
+ */
+/// <reference types="react" />
+import type { SizeVariant } from '../../theme/types';
+export declare type ModalType = 'default' | 'primary' | 'danger' | 'warning';
+export declare type ModalPlacement = 'center' | 'top' | 'bottom';
+export interface ModalAction {
+    key: React.Key;
+    text: React.ReactNode;
+    onPress: () => void | Promise<void>;
+    primary?: boolean;
+    loading?: boolean;
+    disabled?: boolean;
+}
+export interface ModalProps {
+    /** Visible state */
+    visible?: boolean;
+    /** Title */
+    title?: React.ReactNode;
+    /** Modal content */
+    children?: React.ReactNode;
+    body?: React.ReactNode;
+    /** Size variant */
+    size?: SizeVariant;
+    /** Modal type (affects styling) */
+    type?: ModalType;
+    /** Show mask */
+    mask?: boolean;
+    /** Click mask to close */
+    maskClosable?: boolean;
+    maskClickable?: boolean;
+    onMaskPress?: () => void;
+    onMaskClick?: () => void;
+    maskStyle?: React.CSSProperties;
+    bodyStyle?: React.CSSProperties;
+    width?: number | string;
+    position?: ModalPlacement;
+    closable?: boolean;
+    closeOnAction?: boolean;
+    actions?: Array<ModalAction | React.ReactNode>;
+    /** Show close icon */
+    closeIcon?: boolean;
+    /** Placement */
+    placement?: ModalPlacement;
+    /** Footer content */
+    footer?: React.ReactNode;
+    /** Z-index */
+    zIndex?: number;
+    /** Close handler */
+    onClose?: () => void;
+    afterClose?: () => void;
+    /** Additional CSS class */
+    className?: string;
+    /** Additional inline styles */
+    style?: React.CSSProperties;
+    /** Stable test selector. */
+    testID?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/components/modal/types.js

@@ -0,0 +1,17 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/modal/types.ts
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);

package/lib/components/navBar/index.d.ts

@@ -0,0 +1,4 @@
+export * from './types';
+export { default as NavBar } from './navBar';
+export { default } from './navBar';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/navBar/index.js

@@ -0,0 +1,44 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/navBar/index.ts
+var index_exports = {};
+__export(index_exports, {
+  NavBar: () => import_navBar.default,
+  default: () => import_navBar2.default
+});
+module.exports = __toCommonJS(index_exports);
+__reExport(index_exports, require("./types"), module.exports);
+var import_navBar = __toESM(require("./navBar"));
+var import_navBar2 = __toESM(require("./navBar"));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  NavBar,
+  ...require("./types")
+});