"use strict";
var __defProp = Object.defineProperty;
var __defProps = Object.defineProperties;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __propIsEnum = Object.prototype.propertyIsEnumerable;
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
var __spreadValues = (a, b) => {
  for (var prop in b || (b = {}))
    if (__hasOwnProp.call(b, prop))
      __defNormalProp(a, prop, b[prop]);
  if (__getOwnPropSymbols)
    for (var prop of __getOwnPropSymbols(b)) {
      if (__propIsEnum.call(b, prop))
        __defNormalProp(a, prop, b[prop]);
    }
  return a;
};
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
var __objRest = (source, exclude) => {
  var target = {};
  for (var prop in source)
    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
      target[prop] = source[prop];
  if (source != null && __getOwnPropSymbols)
    for (var prop of __getOwnPropSymbols(source)) {
      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
        target[prop] = source[prop];
    }
  return target;
};
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/molecules/navigation.tsx
var navigation_exports = {};
__export(navigation_exports, {
  Navigation: () => Navigation
});
module.exports = __toCommonJS(navigation_exports);

// src/atoms/button.tsx
var import_react = require("react");
var import_themes = require("@radix-ui/themes");
var import_clsx = require("clsx");

// src/utils/convert-button-size.ts
var convertSizeStr = (size) => {
  switch (size) {
    case "small":
      return "1";
    case "medium":
      return "2";
    case "large":
      return "3";
    default:
      return "2";
  }
};
var convertSizeResponse = (size) => {
  if (typeof size === "string" || typeof size === "undefined") {
    return convertSizeStr(size);
  }
  const radixSize = {};
  let key = "initial";
  for (key in size) {
    radixSize[key] = convertSizeStr(size[key]);
  }
  return radixSize;
};
var convertSize = (size) => {
  if (typeof size === "string") {
    return convertSizeStr(size);
  }
  return convertSizeResponse(size);
};

// src/atoms/button.tsx
var import_jsx_runtime = require("react/jsx-runtime");
var Button = (0, import_react.forwardRef)(
  (props, ref) => {
    const _a = props, { size, style, variant } = _a, restProps = __objRest(_a, ["size", "style", "variant"]);
    const radixSize = (0, import_react.useMemo)(() => {
      return convertSize(size);
    }, [size]);
    const radixVariant = (0, import_react.useMemo)(() => {
      if (variant === "transparent") return "ghost";
      return variant;
    }, [variant]);
    const className = (0, import_react.useMemo)(() => {
      return (0, import_clsx.clsx)(props.className, { transparent: variant === "transparent" });
    }, [props.className, variant]);
    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
      import_themes.Button,
      __spreadProps(__spreadValues({
        style,
        type: "button",
        variant: radixVariant
      }, restProps), {
        className,
        ref,
        size: radixSize
      })
    );
  }
);
Button.displayName = "Button";

// src/atoms/flex.tsx
var import_themes2 = require("@radix-ui/themes");

// src/atoms/typo.tsx
var import_themes3 = require("@radix-ui/themes");
var import_react2 = require("react");

// src/utils/map-with-responsive.ts
var mapWithResponsive = (args) => {
  const { value, mapFn } = args;
  if (typeof value === "string") {
    return mapFn(value);
  }
  ;
  if (typeof value === "object") {
    const newObj = {};
    let key;
    for (key in value) {
      newObj[key] = mapFn(value[key]);
    }
    return newObj;
  }
  return value;
};

// src/atoms/typo.tsx
var import_jsx_runtime2 = require("react/jsx-runtime");
var Typo = (0, import_react2.forwardRef)(
  (props, ref) => {
    const _a = props, { size, variant, children } = _a, rest = __objRest(_a, ["size", "variant", "children"]);
    const radixSize = (0, import_react2.useMemo)(() => {
      if (size !== void 0) return size;
      if (variant === void 0) return "2";
      return mapWithResponsive({
        value: variant,
        mapFn: (variantValue) => {
          switch (variantValue) {
            case "caption":
              return "1";
            case "subtitle":
              return "3";
            case "body":
            default:
              return "2";
          }
        }
      });
    }, [size, variant]);
    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_themes3.Text, __spreadProps(__spreadValues({}, rest), { ref, size: radixSize, children }));
  }
);
Typo.displayName = "Typo";

// src/molecules/navigation.tsx
var import_jsx_runtime3 = require("react/jsx-runtime");
function Navigation({
  items,
  fontColor,
  backgroundColor,
  activeKey
}) {
  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
    import_themes2.Flex,
    {
      direction: "column",
      gap: "4",
      pr: "3",
      style: {
        color: fontColor || "var(--white-a12)",
        backgroundColor: backgroundColor || "var(--black-a12)"
      },
      children: items == null ? void 0 : items.map((item) => {
        const { key, title, icon, itemRender, onClick, children } = item;
        return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_themes2.Flex, { direction: "column", onClick, children: [
          itemRender ? itemRender(item) : /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_themes2.Flex, { align: "center", gap: "3", height: "36px", pl: "4", pr: "4", children: [
            icon,
            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Typo, { variant: "subtitle", children: title })
          ] }),
          children == null ? void 0 : children.map((menu) => {
            return menu.itemRender ? menu.itemRender(menu) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
              Button,
              {
                className: `tipp-navigation-button ${activeKey === menu.key ? "active" : ""}`,
                ml: "37px",
                onClick: menu.onClick,
                size: "large",
                style: {
                  color: "var(--white-a12)",
                  height: "32px",
                  paddingLeft: "var(--space-2)"
                },
                children: menu.title
              },
              menu.key
            );
          })
        ] }, key);
      })
    }
  );
}
// Annotate the CommonJS export names for ESM import in node:
0 && (module.exports = {
  Navigation
});
//# sourceMappingURL=navigation.cjs.map