"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/atoms/ellipsis-tooltip.tsx
var ellipsis_tooltip_exports = {};
__export(ellipsis_tooltip_exports, {
  EllipsisTooltip: () => EllipsisTooltip
});
module.exports = __toCommonJS(ellipsis_tooltip_exports);
var import_react4 = require("react");

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

// src/context/ui-state-provider.tsx
var import_react = require("react");
var import_jsx_runtime = require("react/jsx-runtime");
var UIStateContext = (0, import_react.createContext)({
  isMobile: false
});
var useUIState = () => {
  try {
    const state = (0, import_react.useContext)(UIStateContext);
    return state;
  } catch (error) {
    throw new Error("UIStateProvider not found");
  }
};

// src/atoms/tooltip.tsx
var import_jsx_runtime2 = require("react/jsx-runtime");
function Tooltip(_a) {
  var _b = _a, {
    children
  } = _b, props = __objRest(_b, [
    "children"
  ]);
  var _a2;
  const { isMobile } = useUIState();
  const [open, setOpen] = (0, import_react2.useState)((_a2 = props.defaultOpen) != null ? _a2 : false);
  const onOpenChange = (0, import_react2.useCallback)(
    (e) => {
      if (isMobile) return;
      setOpen(e);
    },
    [isMobile]
  );
  const onClick = (0, import_react2.useCallback)(
    (e) => {
      if (!isMobile) return;
      e.preventDefault();
      setOpen((p) => !p);
    },
    [isMobile]
  );
  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
    import_themes.Tooltip,
    __spreadProps(__spreadValues({
      delayDuration: isMobile ? props.delayDuration : 0,
      onOpenChange,
      open
    }, props), {
      children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_themes.Box, { asChild: true, onClick, children })
    })
  );
}

// src/atoms/typo.tsx
var import_themes2 = require("@radix-ui/themes");
var import_react3 = 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_runtime3 = require("react/jsx-runtime");
var Typo = (0, import_react3.forwardRef)(
  (props, ref) => {
    const _a = props, { size, variant, children } = _a, rest = __objRest(_a, ["size", "variant", "children"]);
    const radixSize = (0, import_react3.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_runtime3.jsx)(import_themes2.Text, __spreadProps(__spreadValues({}, rest), { ref, size: radixSize, children }));
  }
);
Typo.displayName = "Typo";

// src/atoms/ellipsis-tooltip.tsx
var import_jsx_runtime4 = require("react/jsx-runtime");
function EllipsisTooltip(props) {
  const _a = props, { children, style, lineClamp = 2 } = _a, rest = __objRest(_a, ["children", "style", "lineClamp"]);
  const ref = (0, import_react4.useRef)(null);
  const [tooltipDisplay, setTooltipDisplay] = (0, import_react4.useState)(
    "none"
  );
  (0, import_react4.useEffect)(() => {
    if (ref.current) {
      const typo = ref.current;
      const mouseOver = () => {
        if (typo.clientHeight < typo.scrollHeight) {
          setTooltipDisplay("block");
        }
      };
      const mouseOut = () => {
        setTooltipDisplay("none");
      };
      ref.current.addEventListener("mouseenter", mouseOver);
      ref.current.addEventListener("mouseleave", mouseOut);
    }
  }, [children]);
  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Tooltip, { content: children, style: { display: tooltipDisplay }, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
    Typo,
    __spreadProps(__spreadValues({}, rest), {
      ref,
      style: __spreadValues({
        width: "100%",
        textOverflow: "ellipsis",
        overflow: "hidden",
        WebkitLineClamp: lineClamp,
        display: "-webkit-box",
        WebkitBoxOrient: "vertical",
        wordBreak: "break-word"
      }, style),
      children
    })
  ) });
}
// Annotate the CommonJS export names for ESM import in node:
0 && (module.exports = {
  EllipsisTooltip
});
//# sourceMappingURL=ellipsis-tooltip.cjs.map