@tipp/ui 2.1.34 → 2.2.0

package/dist/app/platform/userInfos/utils.js

@@ -26,63 +26,64 @@ import "../../../chunk-MUPK4L3U.js";
 import "../../../chunk-MUNMDHRF.js";
 import "../../../chunk-TVDKGMBI.js";
 import "../../../chunk-XQOL7UBI.js";
+import "../../../chunk-TULWX7D6.js";
+import "../../../chunk-TQOQC4PZ.js";
 import "../../../chunk-3SK5EPKI.js";
-import "../../../chunk-A33C4B6T.js";
+import "../../../chunk-U2QL5DES.js";
 import "../../../chunk-5AVBYDPB.js";
 import "../../../chunk-HYE34QEM.js";
-import "../../../chunk-BCRXWYJ3.js";
-import "../../../chunk-ACVANQJ4.js";
+import "../../../chunk-AIYMJYCT.js";
+import "../../../chunk-CYPER4YW.js";
+import "../../../chunk-PT57HCAI.js";
 import "../../../chunk-2DZ2Y3JI.js";
 import "../../../chunk-KXF3A4OR.js";
+import "../../../chunk-EGEQY3KT.js";
 import "../../../chunk-O3T3TM3V.js";
 import "../../../chunk-RMTJMZBQ.js";
 import "../../../chunk-DGAB7BIE.js";
+import "../../../chunk-OHMOP5PV.js";
 import "../../../chunk-NFDQJVFA.js";
 import "../../../chunk-Q37G2GS6.js";
 import "../../../chunk-VTJZMOSP.js";
-import "../../../chunk-ITJ2PYOE.js";
-import "../../../chunk-VN2JWNYC.js";
+import "../../../chunk-CVRGXNMT.js";
+import "../../../chunk-34OQDUQR.js";
+import "../../../chunk-RHZT4IHH.js";
+import "../../../chunk-DDUKEE5E.js";
 import "../../../chunk-HYITAA4J.js";
 import "../../../chunk-U7N2PWMO.js";
+import "../../../chunk-O3DNDMV3.js";
 import "../../../chunk-YGL6SWKN.js";
+import "../../../chunk-4Y5BEXVN.js";
 import "../../../chunk-I7UUXACJ.js";
+import "../../../chunk-PARGQUJB.js";
+import "../../../chunk-LDBWASUA.js";
+import "../../../chunk-25HMMI7R.js";
+import "../../../chunk-AFPH32MF.js";
+import "../../../chunk-LQY4RKWI.js";
 import "../../../chunk-ZD7MNMED.js";
 import "../../../chunk-B6XJN6EC.js";
 import "../../../chunk-HEDMSFPW.js";
 import "../../../chunk-MIMJ7LON.js";
-import "../../../chunk-J242TTFH.js";
-import "../../../chunk-XTHDFSN3.js";
-import "../../../chunk-DDUKEE5E.js";
-import "../../../chunk-TULWX7D6.js";
-import "../../../chunk-OHMOP5PV.js";
-import "../../../chunk-EGEQY3KT.js";
-import "../../../chunk-EAXUQEO5.js";
-import "../../../chunk-FCIHNIOH.js";
-import "../../../chunk-34OQDUQR.js";
-import "../../../chunk-4Y5BEXVN.js";
-import "../../../chunk-AFPH32MF.js";
-import "../../../chunk-LQY4RKWI.js";
-import "../../../chunk-FC7WH2S6.js";
 import "../../../chunk-V5XKNSCK.js";
 import "../../../chunk-WJ34ZHTU.js";
-import "../../../chunk-MEKWBVXE.js";
 import "../../../chunk-PVL7SJYR.js";
-import "../../../chunk-K25BYIJ7.js";
 import "../../../chunk-ECVAWQXV.js";
 import "../../../chunk-D7EYDD4E.js";
 import "../../../chunk-2TPQQBUQ.js";
 import "../../../chunk-HLFTU725.js";
 import "../../../chunk-XD3KUE4Q.js";
+import "../../../chunk-MEKWBVXE.js";
 import "../../../chunk-25Q6QLSN.js";
 import "../../../chunk-TPEIE4IP.js";
 import "../../../chunk-QNWBUYV2.js";
 import "../../../chunk-XSX6K7SK.js";
 import "../../../chunk-UQN63IRS.js";
-import "../../../chunk-TQOQC4PZ.js";
-import "../../../chunk-O3DNDMV3.js";
-import "../../../chunk-PARGQUJB.js";
-import "../../../chunk-LDBWASUA.js";
-import "../../../chunk-25HMMI7R.js";
+import "../../../chunk-K25BYIJ7.js";
+import "../../../chunk-J242TTFH.js";
+import "../../../chunk-EAXUQEO5.js";
+import "../../../chunk-XTHDFSN3.js";
+import "../../../chunk-FC7WH2S6.js";
+import "../../../chunk-FCIHNIOH.js";
 import "../../../chunk-2NMEKWO5.js";
 export {
   CopyButton,

package/dist/atoms/badge.d.cts

@@ -5,7 +5,7 @@ type BadgeProps = Omit<BadgeProps$1, 'color' | 'size'> & {
     size?: 'small' | 'medium' | 'large';
     color?: 'error' | 'accent' | 'neutral' | 'success';
 };
-declare const Badge: React.ForwardRefExoticComponent<Omit<BadgeProps$1, "color" | "size"> & {
+declare const Badge: React.ForwardRefExoticComponent<Omit<BadgeProps$1, "size" | "color"> & {
     size?: "small" | "medium" | "large";
     color?: "error" | "accent" | "neutral" | "success";
 } & React.RefAttributes<HTMLSpanElement>>;

package/dist/atoms/badge.d.ts

@@ -5,7 +5,7 @@ type BadgeProps = Omit<BadgeProps$1, 'color' | 'size'> & {
     size?: 'small' | 'medium' | 'large';
     color?: 'error' | 'accent' | 'neutral' | 'success';
 };
-declare const Badge: React.ForwardRefExoticComponent<Omit<BadgeProps$1, "color" | "size"> & {
+declare const Badge: React.ForwardRefExoticComponent<Omit<BadgeProps$1, "size" | "color"> & {
     size?: "small" | "medium" | "large";
     color?: "error" | "accent" | "neutral" | "success";
 } & React.RefAttributes<HTMLSpanElement>>;

package/dist/atoms/dialog.js

@@ -1,8 +1,8 @@
 import {
   Dialog
-} from "../chunk-ITJ2PYOE.js";
-import "../chunk-U7N2PWMO.js";
+} from "../chunk-CVRGXNMT.js";
 import "../chunk-34OQDUQR.js";
+import "../chunk-U7N2PWMO.js";
 import "../chunk-O3DNDMV3.js";
 import "../chunk-LDBWASUA.js";
 import "../chunk-2NMEKWO5.js";

package/dist/atoms/drawer.js

@@ -3,10 +3,10 @@ import {
   Drawer,
   Root,
   Trigger
-} from "../chunk-VN2JWNYC.js";
+} from "../chunk-RHZT4IHH.js";
+import "../chunk-DDUKEE5E.js";
 import "../chunk-HYITAA4J.js";
 import "../chunk-U7N2PWMO.js";
-import "../chunk-DDUKEE5E.js";
 import "../chunk-O3DNDMV3.js";
 import "../chunk-25HMMI7R.js";
 import "../chunk-2NMEKWO5.js";

package/dist/atoms/ellipsis-tooltip.cjs

@@ -52,14 +52,68 @@ __export(ellipsis_tooltip_exports, {
   EllipsisTooltip: () => EllipsisTooltip
 });
 module.exports = __toCommonJS(ellipsis_tooltip_exports);
-var import_react2 = require("react");
+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_react = require("react");
+var import_react3 = require("react");
 
 // src/utils/map-with-responsive.ts
 var mapWithResponsive = (args) => {
@@ -80,11 +134,11 @@ var mapWithResponsive = (args) => {
 };
 
 // src/atoms/typo.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var Typo = (0, import_react.forwardRef)(
+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_react.useMemo)(() => {
+    const radixSize = (0, import_react3.useMemo)(() => {
       if (size !== void 0) return size;
       if (variant === void 0) return "2";
       return mapWithResponsive({
@@ -102,20 +156,20 @@ var Typo = (0, import_react.forwardRef)(
         }
       });
     }, [size, variant]);
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes2.Text, __spreadProps(__spreadValues({}, rest), { ref, size: radixSize, children }));
+    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_runtime2 = require("react/jsx-runtime");
+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_react2.useRef)(null);
-  const [tooltipDisplay, setTooltipDisplay] = (0, import_react2.useState)(
+  const ref = (0, import_react4.useRef)(null);
+  const [tooltipDisplay, setTooltipDisplay] = (0, import_react4.useState)(
     "none"
   );
-  (0, import_react2.useEffect)(() => {
+  (0, import_react4.useEffect)(() => {
     if (ref.current) {
       const typo = ref.current;
       const mouseOver = () => {
@@ -130,7 +184,7 @@ function EllipsisTooltip(props) {
       ref.current.addEventListener("mouseleave", mouseOut);
     }
   }, [children]);
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_themes.Tooltip, { content: children, style: { display: tooltipDisplay }, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+  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,

package/dist/atoms/ellipsis-tooltip.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/atoms/ellipsis-tooltip.tsx","../../src/atoms/tooltip.tsx","../../src/atoms/typo.tsx","../../src/utils/map-with-responsive.ts"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { Tooltip } from './tooltip';\nimport { Typo, type TypoProps } from './typo';\n\nexport type EllipsisTooltipProps = TypoProps & {\n  lineClamp?: number;\n  children?: string;\n};\n\nexport function EllipsisTooltip(\n  props: EllipsisTooltipProps\n): React.ReactNode {\n  const { children, style, lineClamp = 2, ...rest } = props;\n  const ref = useRef<HTMLSpanElement>(null);\n\n  const [tooltipDisplay, setTooltipDisplay] = useState<'none' | 'block'>(\n    'none'\n  );\n\n  useEffect(() => {\n    if (ref.current) {\n      const typo = ref.current;\n      const mouseOver = (): void => {\n        if (typo.clientHeight < typo.scrollHeight) {\n          setTooltipDisplay('block');\n        }\n      };\n\n      const mouseOut = (): void => {\n        setTooltipDisplay('none');\n      };\n\n      ref.current.addEventListener('mouseenter', mouseOver);\n      ref.current.addEventListener('mouseleave', mouseOut);\n    }\n  }, [children]);\n\n  return (\n    <Tooltip content={children} style={{ display: tooltipDisplay }}>\n      <Typo\n        {...rest}\n        ref={ref}\n        style={{\n          width: '100%',\n          textOverflow: 'ellipsis',\n          overflow: 'hidden',\n          WebkitLineClamp: lineClamp,\n\n          display: '-webkit-box',\n          WebkitBoxOrient: 'vertical',\n          wordBreak: 'break-word',\n          ...style,\n        }}\n      >\n        {children}\n      </Typo>\n    </Tooltip>\n  );\n}\n","export { Tooltip, type TooltipProps } from '@radix-ui/themes';\n","import type { TextProps as RadixTextProps } from '@radix-ui/themes';\nimport type { Responsive } from '@radix-ui/themes/props';\nimport { Text as RadixText } from '@radix-ui/themes';\nimport React, { useMemo, forwardRef } from 'react';\nimport { mapWithResponsive } from '@/utils/map-with-responsive';\n\nexport type TypoProps = RadixTextProps & {\n  variant?: Responsive<'body' | 'caption' | 'subtitle'>;\n};\n\nexport const Typo = forwardRef<HTMLSpanElement, TypoProps>(\n  (props: TypoProps, ref): React.ReactNode => {\n    const { size, variant, children, ...rest } = props;\n\n    const radixSize = useMemo<RadixTextProps['size']>(() => {\n      if (size !== undefined) return size;\n\n      if (variant === undefined) return '2';\n\n      return mapWithResponsive({\n        value: variant,\n        mapFn: (variantValue?: 'body' | 'caption' | 'subtitle') => {\n          switch (variantValue) {\n            case 'caption':\n              return '1';\n            case 'subtitle':\n              return '3';\n            case 'body':\n            default:\n              return '2';\n          }\n        },\n      });\n    }, [size, variant]);\n\n    return (\n      <RadixText {...rest} ref={ref} size={radixSize}>\n        {children}\n      </RadixText>\n    );\n  }\n);\n\nTypo.displayName = 'Typo';\n","import type {  Breakpoint, Responsive } from \"@radix-ui/themes/props\";\n\nexport const mapWithResponsive = <T extends string,K extends string>(\n args:  {value: Responsive<T>, mapFn: (value?:T)=>K |undefined}\n): Responsive<K> | undefined => {\n  const {value, mapFn} = args;\n  if(typeof value === 'string'){\n    return mapFn(value);\n  };\n  \n  if(typeof value === 'object'){\n    const newObj: Partial<Record<Breakpoint, K>> = {};\n    let key: Breakpoint;\n    for(key in value){\n      newObj[key] = mapFn(value[key]);\n    }\n    return newObj;\n  }\n  return value;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAAA,gBAAmD;;;ACAnD,oBAA2C;;;ACE3C,IAAAC,iBAAkC;AAClC,mBAA2C;;;ACDpC,IAAM,oBAAoB,CAChC,SAC+B;AAC9B,QAAM,EAAC,OAAO,MAAK,IAAI;AACvB,MAAG,OAAO,UAAU,UAAS;AAC3B,WAAO,MAAM,KAAK;AAAA,EACpB;AAAC;AAED,MAAG,OAAO,UAAU,UAAS;AAC3B,UAAM,SAAyC,CAAC;AAChD,QAAI;AACJ,SAAI,OAAO,OAAM;AACf,aAAO,GAAG,IAAI,MAAM,MAAM,GAAG,CAAC;AAAA,IAChC;AACA,WAAO;AAAA,EACT;AACA,SAAO;AACT;;;ADiBM;AA1BC,IAAM,WAAO;AAAA,EAClB,CAAC,OAAkB,QAAyB;AAC1C,UAA6C,YAArC,QAAM,SAAS,SAZ3B,IAYiD,IAAT,iBAAS,IAAT,CAA5B,QAAM,WAAS;AAEvB,UAAM,gBAAY,sBAAgC,MAAM;AACtD,UAAI,SAAS,OAAW,QAAO;AAE/B,UAAI,YAAY,OAAW,QAAO;AAElC,aAAO,kBAAkB;AAAA,QACvB,OAAO;AAAA,QACP,OAAO,CAAC,iBAAmD;AACzD,kBAAQ,cAAc;AAAA,YACpB,KAAK;AACH,qBAAO;AAAA,YACT,KAAK;AACH,qBAAO;AAAA,YACT,KAAK;AAAA,YACL;AACE,qBAAO;AAAA,UACX;AAAA,QACF;AAAA,MACF,CAAC;AAAA,IACH,GAAG,CAAC,MAAM,OAAO,CAAC;AAElB,WACE,4CAAC,eAAAC,MAAA,iCAAc,OAAd,EAAoB,KAAU,MAAM,WAClC,WACH;AAAA,EAEJ;AACF;AAEA,KAAK,cAAc;;;AFJb,IAAAC,sBAAA;AA9BC,SAAS,gBACd,OACiB;AACjB,QAAoD,YAA5C,YAAU,OAAO,YAAY,EAZvC,IAYsD,IAAT,iBAAS,IAAT,CAAnC,YAAU,SAAO;AACzB,QAAM,UAAM,sBAAwB,IAAI;AAExC,QAAM,CAAC,gBAAgB,iBAAiB,QAAI;AAAA,IAC1C;AAAA,EACF;AAEA,+BAAU,MAAM;AACd,QAAI,IAAI,SAAS;AACf,YAAM,OAAO,IAAI;AACjB,YAAM,YAAY,MAAY;AAC5B,YAAI,KAAK,eAAe,KAAK,cAAc;AACzC,4BAAkB,OAAO;AAAA,QAC3B;AAAA,MACF;AAEA,YAAM,WAAW,MAAY;AAC3B,0BAAkB,MAAM;AAAA,MAC1B;AAEA,UAAI,QAAQ,iBAAiB,cAAc,SAAS;AACpD,UAAI,QAAQ,iBAAiB,cAAc,QAAQ;AAAA,IACrD;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AAEb,SACE,6CAAC,yBAAQ,SAAS,UAAU,OAAO,EAAE,SAAS,eAAe,GAC3D;AAAA,IAAC;AAAA,qCACK,OADL;AAAA,MAEC;AAAA,MACA,OAAO;AAAA,QACL,OAAO;AAAA,QACP,cAAc;AAAA,QACd,UAAU;AAAA,QACV,iBAAiB;AAAA,QAEjB,SAAS;AAAA,QACT,iBAAiB;AAAA,QACjB,WAAW;AAAA,SACR;AAAA,MAGJ;AAAA;AAAA,EACH,GACF;AAEJ;","names":["import_react","import_themes","RadixText","import_jsx_runtime"]}
+{"version":3,"sources":["../../src/atoms/ellipsis-tooltip.tsx","../../src/atoms/tooltip.tsx","../../src/context/ui-state-provider.tsx","../../src/atoms/typo.tsx","../../src/utils/map-with-responsive.ts"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { Tooltip } from './tooltip';\nimport { Typo, type TypoProps } from './typo';\n\nexport type EllipsisTooltipProps = TypoProps & {\n  lineClamp?: number;\n  children?: string;\n};\n\nexport function EllipsisTooltip(\n  props: EllipsisTooltipProps\n): React.ReactNode {\n  const { children, style, lineClamp = 2, ...rest } = props;\n  const ref = useRef<HTMLSpanElement>(null);\n\n  const [tooltipDisplay, setTooltipDisplay] = useState<'none' | 'block'>(\n    'none'\n  );\n\n  useEffect(() => {\n    if (ref.current) {\n      const typo = ref.current;\n      const mouseOver = (): void => {\n        if (typo.clientHeight < typo.scrollHeight) {\n          setTooltipDisplay('block');\n        }\n      };\n\n      const mouseOut = (): void => {\n        setTooltipDisplay('none');\n      };\n\n      ref.current.addEventListener('mouseenter', mouseOver);\n      ref.current.addEventListener('mouseleave', mouseOut);\n    }\n  }, [children]);\n\n  return (\n    <Tooltip content={children} style={{ display: tooltipDisplay }}>\n      <Typo\n        {...rest}\n        ref={ref}\n        style={{\n          width: '100%',\n          textOverflow: 'ellipsis',\n          overflow: 'hidden',\n          WebkitLineClamp: lineClamp,\n\n          display: '-webkit-box',\n          WebkitBoxOrient: 'vertical',\n          wordBreak: 'break-word',\n          ...style,\n        }}\n      >\n        {children}\n      </Typo>\n    </Tooltip>\n  );\n}\n","import {\n  Box,\n  Tooltip as RadixTooltip,\n  type TooltipProps as RadixTooltipProps,\n} from '@radix-ui/themes';\nimport { useCallback, useState } from 'react';\nimport { useUIState } from '@/context/ui-state-provider';\n\nexport function Tooltip({\n  children,\n  ...props\n}: RadixTooltipProps): React.ReactElement {\n  const { isMobile } = useUIState();\n  const [open, setOpen] = useState<boolean>(props.defaultOpen ?? false);\n\n  const onOpenChange = useCallback(\n    (e: boolean) => {\n      if (isMobile) return;\n      setOpen(e);\n    },\n    [isMobile]\n  );\n\n  const onClick = useCallback(\n    (e: React.MouseEvent<HTMLDivElement>) => {\n      if (!isMobile) return;\n      e.preventDefault();\n      setOpen((p) => !p);\n    },\n    [isMobile]\n  );\n\n  return (\n    <RadixTooltip\n      delayDuration={isMobile ? props.delayDuration : 0}\n      onOpenChange={onOpenChange}\n      open={open}\n      {...props}\n    >\n      <Box asChild onClick={onClick}>\n        {children}\n      </Box>\n    </RadixTooltip>\n  );\n}\n","import { createContext, useContext } from 'react';\n\ninterface UIStateContextType {\n  isMobile: boolean;\n}\n\nexport const UIStateContext = createContext<UIStateContextType>({\n  isMobile: false,\n});\n\nexport type UiStateProviderProps = React.ReactNode;\n\nexport function UIStateProvider({\n  children,\n  isMobile,\n}: {\n  children: UiStateProviderProps;\n  isMobile: boolean;\n}): React.ReactElement {\n  return (\n    <UIStateContext.Provider value={{ isMobile }}>\n      {children}\n    </UIStateContext.Provider>\n  );\n}\n\nexport const useUIState = (): UIStateContextType => {\n  try {\n    const state = useContext(UIStateContext);\n    return state;\n  } catch (error) {\n    throw new Error('UIStateProvider not found');\n  }\n};","import type { TextProps as RadixTextProps } from '@radix-ui/themes';\nimport type { Responsive } from '@radix-ui/themes/props';\nimport { Text as RadixText } from '@radix-ui/themes';\nimport React, { useMemo, forwardRef } from 'react';\nimport { mapWithResponsive } from '@/utils/map-with-responsive';\n\nexport type TypoProps = RadixTextProps & {\n  variant?: Responsive<'body' | 'caption' | 'subtitle'>;\n};\n\nexport const Typo = forwardRef<HTMLSpanElement, TypoProps>(\n  (props: TypoProps, ref): React.ReactNode => {\n    const { size, variant, children, ...rest } = props;\n\n    const radixSize = useMemo<RadixTextProps['size']>(() => {\n      if (size !== undefined) return size;\n\n      if (variant === undefined) return '2';\n\n      return mapWithResponsive({\n        value: variant,\n        mapFn: (variantValue?: 'body' | 'caption' | 'subtitle') => {\n          switch (variantValue) {\n            case 'caption':\n              return '1';\n            case 'subtitle':\n              return '3';\n            case 'body':\n            default:\n              return '2';\n          }\n        },\n      });\n    }, [size, variant]);\n\n    return (\n      <RadixText {...rest} ref={ref} size={radixSize}>\n        {children}\n      </RadixText>\n    );\n  }\n);\n\nTypo.displayName = 'Typo';\n","import type {  Breakpoint, Responsive } from \"@radix-ui/themes/props\";\n\nexport const mapWithResponsive = <T extends string,K extends string>(\n args:  {value: Responsive<T>, mapFn: (value?:T)=>K |undefined}\n): Responsive<K> | undefined => {\n  const {value, mapFn} = args;\n  if(typeof value === 'string'){\n    return mapFn(value);\n  };\n  \n  if(typeof value === 'object'){\n    const newObj: Partial<Record<Breakpoint, K>> = {};\n    let key: Breakpoint;\n    for(key in value){\n      newObj[key] = mapFn(value[key]);\n    }\n    return newObj;\n  }\n  return value;\n};\n"],"mappings":"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","names":["import_react","import_react","import_jsx_runtime","_a","RadixTooltip","import_themes","import_react","import_jsx_runtime","RadixText","import_jsx_runtime"]}

package/dist/atoms/ellipsis-tooltip.js

@@ -1,7 +1,8 @@
 import {
   EllipsisTooltip
-} from "../chunk-BCRXWYJ3.js";
-import "../chunk-ACVANQJ4.js";
+} from "../chunk-AIYMJYCT.js";
+import "../chunk-CYPER4YW.js";
+import "../chunk-PT57HCAI.js";
 import "../chunk-PARGQUJB.js";
 import "../chunk-LDBWASUA.js";
 import "../chunk-2NMEKWO5.js";