ics-ui-kit 1.0.0-alpha.0 → 1.0.0-alpha.2

package/dist/{Sheet-aLBPtE1k.js → Sheet-C2UoHLL0.js}

@@ -1,23 +1,22 @@
 import { jsx as a, jsxs as l } from "react/jsx-runtime";
 import * as r from "react";
-import { R as w, T as v, C as d, P as C, a as c, b as m, D as f, O as p } from "./index-CMxHunQ4.js";
+import { R as N, T as w, C as d, P as v, a as c, b as m, D as f, O as p } from "./index-CMxHunQ4.js";
 import { T as o } from "./index-BVqs-uqP.js";
-import { o as R } from "./Overlay-E0UvxzIc.js";
-import { u as T } from "./usePortalContainer-B1xla842.js";
-import { I as D } from "./Icon-DH3ev9GK.js";
-import { X as O } from "./x-tDTt7hTQ.js";
-const W = w, Y = v, Z = d, P = C, j = o({ extend: R }), h = r.forwardRef(
-  ({ className: e, blur: t, type: s, ...i }, n) => /* @__PURE__ */ a(p, { className: j({ blur: t, type: s, className: e }), ...i, ref: n })
+import { o as C } from "./Overlay-E0UvxzIc.js";
+import { I as R } from "./Icon-DH3ev9GK.js";
+import { X as T } from "./x-tDTt7hTQ.js";
+const Q = N, U = w, W = d, D = v, O = o({ extend: C }), h = r.forwardRef(
+  ({ className: e, blur: t, type: s, ...i }, n) => /* @__PURE__ */ a(p, { className: O({ blur: t, type: s, className: e }), ...i, ref: n })
 );
 h.displayName = p.displayName;
-const F = o({
+const j = o({
   base: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary"
-}), y = r.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ l(d, { ref: s, className: F({ className: e }), ...t, children: [
-  /* @__PURE__ */ a(D, { icon: O }),
+}), y = r.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ l(d, { ref: s, className: j({ className: e }), ...t, children: [
+  /* @__PURE__ */ a(R, { icon: T }),
   /* @__PURE__ */ a("span", { className: "sr-only", children: "Close" })
 ] }));
 y.displayName = d.displayName;
-const H = o({
+const F = o({
   base: "shadow-soft-lg fixed z-50 flex flex-col bg-background transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out",
   variants: {
     side: {
@@ -30,7 +29,7 @@ const H = o({
   defaultVariants: {
     side: "right"
   }
-}), k = r.forwardRef(
+}), H = r.forwardRef(
   ({
     side: e = "right",
     className: t,
@@ -41,8 +40,8 @@ const H = o({
     portalContainer: b,
     ...g
   }, x) => {
-    const S = H({ side: e, className: t }), N = T(b);
-    return /* @__PURE__ */ l(P, { container: N, children: [
+    const S = F({ side: e, className: t });
+    return /* @__PURE__ */ l(D, { container: b, children: [
       /* @__PURE__ */ a(h, { type: n, blur: u }),
       /* @__PURE__ */ l(c, { ref: x, className: S, ...g, children: [
         s,
@@ -51,33 +50,33 @@ const H = o({
     ] });
   }
 );
-k.displayName = c.displayName;
-const B = o({
+H.displayName = c.displayName;
+const P = o({
   base: "flex flex-col space-y-2 p-6 text-center sm:text-left"
+}), k = ({ className: e, ...t }) => /* @__PURE__ */ a("div", { className: P({ className: e }), ...t });
+k.displayName = "SheetHeader";
+const B = o({
+  base: "flex flex-col-reverse p-6 pt-0 sm:flex-row sm:justify-end sm:space-x-2"
 }), I = ({ className: e, ...t }) => /* @__PURE__ */ a("div", { className: B({ className: e }), ...t });
-I.displayName = "SheetHeader";
+I.displayName = "SheetFooter";
 const z = o({
-  base: "flex flex-col-reverse p-6 pt-0 sm:flex-row sm:justify-end sm:space-x-2"
-}), V = ({ className: e, ...t }) => /* @__PURE__ */ a("div", { className: z({ className: e }), ...t });
-V.displayName = "SheetFooter";
-const X = o({
   base: "text-lg font-semibold text-foreground"
-}), q = r.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a(m, { ref: s, className: X({ className: e }), ...t }));
-q.displayName = m.displayName;
-const A = o({
+}), V = r.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a(m, { ref: s, className: z({ className: e }), ...t }));
+V.displayName = m.displayName;
+const X = o({
   base: "text-sm text-muted-foreground"
-}), E = r.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a(f, { ref: s, className: A({ className: e }), ...t }));
-E.displayName = f.displayName;
+}), q = r.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a(f, { ref: s, className: X({ className: e }), ...t }));
+q.displayName = f.displayName;
 export {
-  W as S,
-  k as a,
-  I as b,
-  V as c,
-  q as d,
-  E as e,
-  Y as f,
-  Z as g,
-  P as h,
+  Q as S,
+  H as a,
+  k as b,
+  I as c,
+  V as d,
+  q as e,
+  U as f,
+  W as g,
+  D as h,
   h as i
 };
-//# sourceMappingURL=Sheet-aLBPtE1k.js.map
+//# sourceMappingURL=Sheet-C2UoHLL0.js.map

package/dist/Sheet-C2UoHLL0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sheet-C2UoHLL0.js","sources":["../src/components/sheet/Sheet.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport * as SheetPrimitive from \"@radix-ui/react-dialog\";\r\nimport { tv } from \"tailwind-variants\";\r\nimport { X } from \"lucide-react\";\r\nimport { overlayStyles, OverlayVariants } from \"../overlay/Overlay\";\r\nimport { Icon } from \"../icon\";\r\nimport { VariantsConfig } from \"@/lib/utils/variants\";\r\n\r\nconst Sheet = SheetPrimitive.Root;\r\n\r\nconst SheetTrigger = SheetPrimitive.Trigger;\r\n\r\nconst SheetClose = SheetPrimitive.Close;\r\n\r\nconst SheetPortal = SheetPrimitive.Portal;\r\n\r\nconst sheetOverlayStyles = tv({ extend: overlayStyles });\r\n\r\ninterface SheetOverlayProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Overlay>, OverlayVariants {}\r\n\r\nconst SheetOverlay = React.forwardRef<React.ElementRef<typeof SheetPrimitive.Overlay>, SheetOverlayProps>(\r\n\t({ className, blur, type, ...props }, ref) => (\r\n\t\t<SheetPrimitive.Overlay className={sheetOverlayStyles({ blur, type, className })} {...props} ref={ref} />\r\n\t)\r\n);\r\nSheetOverlay.displayName = SheetPrimitive.Overlay.displayName;\r\n\r\nconst sheetCloseButtonStyles = tv({\r\n\tbase: \"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary\"\r\n});\r\n\r\nconst SheetCloseButton = React.forwardRef<\r\n\tReact.ElementRef<typeof SheetPrimitive.Close>,\r\n\tReact.ComponentPropsWithoutRef<typeof SheetPrimitive.Close>\r\n>(({ className, ...props }, ref) => (\r\n\t<SheetPrimitive.Close ref={ref} className={sheetCloseButtonStyles({ className })} {...props}>\r\n\t\t<Icon icon={X} />\r\n\t\t<span className=\"sr-only\">Close</span>\r\n\t</SheetPrimitive.Close>\r\n));\r\n\r\nSheetCloseButton.displayName = SheetPrimitive.Close.displayName;\r\n\r\nexport interface SheetContentVariants {\r\n\tside?: \"top\" | \"bottom\" | \"left\" | \"right\";\r\n}\r\n\r\nconst sheetContentStyles = tv({\r\n\tbase: \"shadow-soft-lg fixed z-50 flex flex-col bg-background transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out\",\r\n\tvariants: {\r\n\t\tside: {\r\n\t\t\ttop: \"inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top\",\r\n\t\t\tbottom: \"inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom\",\r\n\t\t\tleft: \"inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm\",\r\n\t\t\tright: \"inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm\"\r\n\t\t}\r\n\t} satisfies VariantsConfig<SheetContentVariants>,\r\n\tdefaultVariants: {\r\n\t\tside: \"right\"\r\n\t}\r\n});\r\n\r\ninterface SheetContentProps\r\n\textends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>,\r\n\t\tSheetContentVariants {\r\n\tshowCloseButton?: boolean;\r\n\toverlayType?: OverlayVariants[\"type\"];\r\n\toverlayBlur?: OverlayVariants[\"blur\"];\r\n\t/**\r\n\t * Контейнер для портала. Если не указан, портал рендерится в document.body\r\n\t */\r\n\tportalContainer?: HTMLElement;\r\n}\r\n\r\nconst SheetContent = React.forwardRef<React.ElementRef<typeof SheetPrimitive.Content>, SheetContentProps>(\r\n\t(\r\n\t\t{\r\n\t\t\tside = \"right\",\r\n\t\t\tclassName,\r\n\t\t\tchildren,\r\n\t\t\tshowCloseButton = true,\r\n\t\t\toverlayType,\r\n\t\t\toverlayBlur,\r\n\t\t\tportalContainer,\r\n\t\t\t...props\r\n\t\t},\r\n\t\tref\r\n\t) => {\r\n\t\tconst styles = sheetContentStyles({ side, className });\r\n\t\tconst container = portalContainer;\r\n\r\n\t\treturn (\r\n\t\t\t<SheetPortal container={container}>\r\n\t\t\t\t<SheetOverlay type={overlayType} blur={overlayBlur} />\r\n\t\t\t\t<SheetPrimitive.Content ref={ref} className={styles} {...props}>\r\n\t\t\t\t\t{children}\r\n\t\t\t\t\t{showCloseButton && <SheetCloseButton />}\r\n\t\t\t\t</SheetPrimitive.Content>\r\n\t\t\t</SheetPortal>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nSheetContent.displayName = SheetPrimitive.Content.displayName;\r\n\r\nconst sheetHeaderStyles = tv({\r\n\tbase: \"flex flex-col space-y-2 p-6 text-center sm:text-left\"\r\n});\r\n\r\nconst SheetHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\r\n\t<div className={sheetHeaderStyles({ className })} {...props} />\r\n);\r\n\r\nSheetHeader.displayName = \"SheetHeader\";\r\n\r\nconst sheetFooterStyles = tv({\r\n\tbase: \"flex flex-col-reverse p-6 pt-0 sm:flex-row sm:justify-end sm:space-x-2\"\r\n});\r\n\r\nconst SheetFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\r\n\t<div className={sheetFooterStyles({ className })} {...props} />\r\n);\r\n\r\nSheetFooter.displayName = \"SheetFooter\";\r\n\r\nconst sheetTitleStyles = tv({\r\n\tbase: \"text-lg font-semibold text-foreground\"\r\n});\r\n\r\nconst SheetTitle = React.forwardRef<\r\n\tReact.ElementRef<typeof SheetPrimitive.Title>,\r\n\tReact.ComponentPropsWithoutRef<typeof SheetPrimitive.Title>\r\n>(({ className, ...props }, ref) => (\r\n\t<SheetPrimitive.Title ref={ref} className={sheetTitleStyles({ className })} {...props} />\r\n));\r\n\r\nSheetTitle.displayName = SheetPrimitive.Title.displayName;\r\n\r\nconst sheetDescriptionStyles = tv({\r\n\tbase: \"text-sm text-muted-foreground\"\r\n});\r\n\r\nconst SheetDescription = React.forwardRef<\r\n\tReact.ElementRef<typeof SheetPrimitive.Description>,\r\n\tReact.ComponentPropsWithoutRef<typeof SheetPrimitive.Description>\r\n>(({ className, ...props }, ref) => (\r\n\t<SheetPrimitive.Description ref={ref} className={sheetDescriptionStyles({ className })} {...props} />\r\n));\r\n\r\nSheetDescription.displayName = SheetPrimitive.Description.displayName;\r\n\r\nexport {\r\n\tSheet,\r\n\tSheetPortal,\r\n\tSheetOverlay,\r\n\tSheetTrigger,\r\n\tSheetClose,\r\n\tSheetContent,\r\n\tSheetHeader,\r\n\tSheetFooter,\r\n\tSheetTitle,\r\n\tSheetDescription\r\n};\r\n"],"names":["Sheet","SheetPrimitive.Root","SheetTrigger","SheetPrimitive.Trigger","SheetClose","SheetPrimitive.Close","SheetPortal","SheetPrimitive.Portal","sheetOverlayStyles","tv","overlayStyles","SheetOverlay","React","className","blur","type","props","ref","jsx","SheetPrimitive.Overlay","sheetCloseButtonStyles","SheetCloseButton","jsxs","Icon","X","sheetContentStyles","SheetContent","side","children","showCloseButton","overlayType","overlayBlur","portalContainer","styles","SheetPrimitive.Content","sheetHeaderStyles","SheetHeader","sheetFooterStyles","SheetFooter","sheetTitleStyles","SheetTitle","SheetPrimitive.Title","sheetDescriptionStyles","SheetDescription","SheetPrimitive.Description"],"mappings":"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"}

package/dist/{TextOverflowTooltip-BaNPKqnO.js → TextOverflowTooltip-XPDdO9Dz.js}

@@ -1,6 +1,6 @@
 import { jsx as t, jsxs as p } from "react/jsx-runtime";
 import { c as n } from "./cn-dsXlqdJg.js";
-import { a as u, T, b as g, c as m } from "./Tooltip-DOgKy50D.js";
+import { a as u, T, b as g, c as m } from "./Tooltip-D2XvRS0c.js";
 import { useState as O, useRef as h, useCallback as d } from "react";
 const w = (o) => o.scrollWidth > o.offsetWidth || o.scrollHeight > o.offsetHeight, x = () => {
   const [o, r] = O(!1), e = h(null), s = d((l) => {
@@ -33,4 +33,4 @@ export {
   v as T,
   x as u
 };
-//# sourceMappingURL=TextOverflowTooltip-BaNPKqnO.js.map
+//# sourceMappingURL=TextOverflowTooltip-XPDdO9Dz.js.map

package/dist/{TextOverflowTooltip-BaNPKqnO.js.map → TextOverflowTooltip-XPDdO9Dz.js.map}

@@ -1 +1 @@
-{"version":3,"file":"TextOverflowTooltip-BaNPKqnO.js","sources":["../src/lib/utils/dom.ts","../src/components/overflow-tooltip/useOverflowTooltip.ts","../src/components/overflow-tooltip/OverflowTooltip.tsx","../src/components/overflow-tooltip/TextOverflowTooltip.tsx"],"sourcesContent":["/**\n * Проверяет, переполнен ли элемент (дочерние элементы выходят за пределы родительского элемента)\n * @param element - HTML элемент для проверки\n * @returns true, если элемент переполнен по ширине или высоте\n *\n * @example\n * // подсказку показываем только там, где текст обрезан\n * const truncated = isElementOverflowing(labelRef.current);\n */\nexport const isElementOverflowing = (element: HTMLElement): boolean => {\n\treturn element.scrollWidth > element.offsetWidth || element.scrollHeight > element.offsetHeight;\n};\n\n/**\n * Canvas для измерения текста переиспользуется: на каждый вызов создавать его расточительно.\n *\n * Контекст один на все поля страницы, и это безопасно ровно до тех пор, пока каждое\n * измерение выставляет **все** влияющие на ширину свойства. Условное присваивание оставило бы\n * настройку от предыдущего поля: соседняя таблица со своим `letter-spacing` мерила бы текст\n * чужим трекингом. Поэтому свойства ниже пишутся всегда, а сам canvas остаётся приватным\n * для этого модуля — иначе инвариант незаметно нарушит следующий пользователь.\n */\nlet measureContext: CanvasRenderingContext2D | null | undefined;\n\nconst getMeasureContext = () => {\n\tif (measureContext === undefined) measureContext = document.createElement(\"canvas\").getContext(\"2d\");\n\treturn measureContext;\n};\n\n/**\n * Ставит каретку в `input`/`textarea` по горизонтальной координате указателя (`clientX`).\n *\n * Нужно там, где поле появляется по клику уже после самого клика — например, при переходе\n * ячейки таблицы в режим редактирования по двойному щелчку: без этого каретка встаёт\n * в начало или конец, а не туда, куда целился пользователь.\n *\n * `caretPositionFromPoint` / `caretRangeFromPoint` здесь бесполезны: содержимое `input`\n * не является частью DOM-дерева, и Range/Selection API до него не достаёт — вернётся сам\n * элемент, а не позиция в тексте. Поэтому индекс считается вручную: текст измеряется\n * на offscreen canvas тем же шрифтом, и выбирается ближайшая к точке граница символа.\n * Ширины префиксов монотонно растут, так что перебор обрывается, как только начал удаляться\n * от цели.\n *\n * Учитывается только горизонталь, поэтому для многострочного текста функция не годится —\n * там нужен `placeCaretAtClientPoint` по `contenteditable`.\n *\n * Возвращает `false`, если поставить каретку не удалось (поле пустое, тип поля не поддерживает\n * выделение или canvas недоступен) — вызывающему коду в этом случае стоит оставить поведение\n * по умолчанию.\n *\n * @example\n * // координата запоминается на dblclick, применяется, когда поле получило фокус\n * <input\n *   autoFocus\n *   onFocus={(event) => {\n *     const input = event.currentTarget;\n *     if (!placeCaretAtPoint(input, caretX)) placeCaretAtEnd(input);\n *   }}\n * />\n */\nexport const placeCaretAtPoint = (element: HTMLInputElement | HTMLTextAreaElement, clientX: number): boolean => {\n\tconst value = element.value;\n\tif (!value) return false;\n\n\t// У `type=number|email|date|time|color` выделения нет, а `setSelectionRange` на них кидает\n\t// `InvalidStateError`. Тип полей задаёт прикладной код, поэтому проверяем, а не полагаемся.\n\tif (element.selectionStart === null) return false;\n\n\tconst context = getMeasureContext();\n\tif (!context) return false;\n\n\tconst style = window.getComputedStyle(element);\n\tcontext.font = `${style.fontStyle} ${style.fontWeight} ${style.fontSize} ${style.fontFamily}`;\n\t// `letterSpacing` у canvas принимает только длину: `normal` из вычисленных стилей его сломает.\n\t// Пишется на каждом вызове — иначе значение утечёт в следующее поле, см. `measureContext`.\n\tif (\"letterSpacing\" in context) {\n\t\tcontext.letterSpacing = style.letterSpacing.endsWith(\"px\") ? style.letterSpacing : \"0px\";\n\t}\n\n\tconst rect = element.getBoundingClientRect();\n\tconst borderLeft = parseFloat(style.borderLeftWidth) || 0;\n\tconst borderRight = parseFloat(style.borderRightWidth) || 0;\n\tconst paddingLeft = parseFloat(style.paddingLeft) || 0;\n\tconst paddingRight = parseFloat(style.paddingRight) || 0;\n\tconst contentLeft = rect.left + borderLeft + paddingLeft;\n\tconst contentWidth = rect.width - borderLeft - borderRight - paddingLeft - paddingRight;\n\n\t// Текст короче поля прижимается по `text-align`, и отсчитывать позицию от левого края\n\t// нельзя — у выровненного вправо поля это промах на всю свободную ширину.\n\tconst slack = contentWidth - context.measureText(value).width;\n\tlet originX = contentLeft - element.scrollLeft;\n\tif (slack > 0) {\n\t\tif (style.textAlign === \"right\" || style.textAlign === \"end\") originX += slack;\n\t\telse if (style.textAlign === \"center\") originX += slack / 2;\n\t}\n\n\tconst targetX = clientX - originX;\n\tlet bestIndex = 0;\n\tlet bestDistance = Infinity;\n\tfor (let index = 0; index <= value.length; index++) {\n\t\tconst distance = Math.abs(context.measureText(value.slice(0, index)).width - targetX);\n\t\tif (distance > bestDistance) break;\n\t\tbestDistance = distance;\n\t\tbestIndex = index;\n\t}\n\n\telement.setSelectionRange(bestIndex, bestIndex);\n\treturn true;\n};\n\n/**\n * Ставит каретку в `contenteditable` по точке указателя.\n *\n * В отличие от `input`, текст здесь — обычные узлы DOM, поэтому измерять ничего не нужно:\n * браузер сам отдаёт позицию по координатам. Работает и с переносами, так что это тот случай,\n * когда многострочная правка делается редактируемым `div`, а не `textarea`.\n *\n * Возвращает `false`, если точка не попала в текст элемента, — вызывающему коду стоит\n * поставить каретку в конец через `placeCaretAtEnd`.\n *\n * @example\n * const editor = event.currentTarget;\n * if (!placeCaretAtClientPoint(editor, event.clientX, event.clientY)) placeCaretAtEnd(editor);\n */\nexport const placeCaretAtClientPoint = (element: HTMLElement, clientX: number, clientY: number): boolean => {\n\tconst selection = window.getSelection();\n\tif (!selection) return false;\n\n\tconst range = caretRangeAtPoint(clientX, clientY);\n\t// Точка могла прийтись на отступ ячейки или на соседний узел: чужую позицию не ставим.\n\tif (!range || !element.contains(range.startContainer)) return false;\n\n\tselection.removeAllRanges();\n\tselection.addRange(range);\n\treturn true;\n};\n\n/**\n * Оба способа спросить у браузера позицию каретки по координатам — объявлены здесь сами.\n *\n * `caretPositionFromPoint` — стандартный, но в `lib.dom` TS 5.6 его ещё нет.\n * `caretRangeFromPoint` — легаси WebKit, в `lib.dom` он помечен `@deprecated`; берётся\n * только фолбэком для Safari до 17.4, где стандартного метода ещё не было. Объявление\n * собрано в одном месте намеренно: обращение идёт к нему, а не к устаревшему члену `Document`,\n * и причина использования легаси видна рядом, а не прячется за подавленной подсказкой.\n */\ntype DocumentWithCaretApi = Document & {\n\tcaretPositionFromPoint?: (x: number, y: number) => { offsetNode: Node; offset: number } | null;\n\tcaretRangeFromPoint?: (x: number, y: number) => Range | null;\n};\n\nconst caretRangeAtPoint = (clientX: number, clientY: number): Range | null => {\n\tconst doc = document as DocumentWithCaretApi;\n\n\tif (doc.caretPositionFromPoint) {\n\t\tconst position = doc.caretPositionFromPoint(clientX, clientY);\n\t\tif (!position) return null;\n\t\tconst range = document.createRange();\n\t\trange.setStart(position.offsetNode, position.offset);\n\t\trange.collapse(true);\n\t\treturn range;\n\t}\n\n\treturn doc.caretRangeFromPoint?.(clientX, clientY) ?? null;\n};\n\n/**\n * Ставит каретку в конец содержимого `contenteditable` — поведение F2 в Excel.\n *\n * @example\n * // F2 открывает правку с кареткой в конце\n * if (event.key === \"F2\") placeCaretAtEnd(editorRef.current);\n */\nexport const placeCaretAtEnd = (element: HTMLElement): void => {\n\tconst selection = window.getSelection();\n\tif (!selection) return;\n\n\tconst range = document.createRange();\n\trange.selectNodeContents(element);\n\trange.collapse(false);\n\tselection.removeAllRanges();\n\tselection.addRange(range);\n};\n\n/**\n * Вставляет текст в текущую позицию каретки внутри `contenteditable`, заменяя выделенное.\n *\n * Нужно на вставке из буфера: по умолчанию `contenteditable` принимает разметку, и в ячейку\n * приезжает чужое форматирование вместе с текстом.\n *\n * @example\n * onPaste={(event) => {\n *   event.preventDefault();\n *   insertTextAtCaret(event.currentTarget, event.clipboardData.getData(\"text/plain\"));\n * }}\n */\nexport const insertTextAtCaret = (element: HTMLElement, text: string): void => {\n\tconst selection = window.getSelection();\n\tif (!selection?.rangeCount) return;\n\n\tconst range = selection.getRangeAt(0);\n\tif (!element.contains(range.startContainer)) return;\n\n\trange.deleteContents();\n\tconst node = document.createTextNode(text);\n\trange.insertNode(node);\n\trange.setStartAfter(node);\n\trange.collapse(true);\n\tselection.removeAllRanges();\n\tselection.addRange(range);\n};\n","import { useCallback, useRef, useState } from \"react\";\r\nimport { isElementOverflowing } from \"../../lib/utils/dom\";\r\n\r\nexport const useOverflowTooltip = <T extends HTMLElement>() => {\r\n\tconst [open, setOpen] = useState(false);\r\n\tconst ref = useRef<T>(null);\r\n\r\n\tconst onOpenChange = useCallback((newOpen: boolean) => {\r\n\t\tif (newOpen === false) {\r\n\t\t\tsetOpen(false);\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tif (!ref.current) return;\r\n\t\tif (isElementOverflowing(ref.current)) {\r\n\t\t\tsetOpen(true);\r\n\t\t}\r\n\t}, []);\r\n\r\n\treturn { open, onOpenChange, ref };\r\n};\r\n","import { cn } from \"@/lib/utils\";\r\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from \"../tooltip\";\r\nimport { useOverflowTooltip } from \"./useOverflowTooltip\";\r\nimport React from \"react\";\r\n\r\ntype OverflowTooltipProps = {\r\n\tchildren: React.ReactNode;\r\n\t/**\r\n\t * HTML-элемент для обертки содержимого.\r\n\t * Используется для соблюдения правильной HTML-семантики.\r\n\t * Например:\r\n\t * - span (по умолчанию) для текста и инлайн-элементов\r\n\t * - div для блочного содержимого и сложных структур\r\n\t * @default span\r\n\t */\r\n\ttriggerTag?: React.ElementType;\r\n\t/**\r\n\t * Классы для обработки переполненного содержимого.\r\n\t * Например: \"truncate\", \"line-clamp-3\" и т.д.\r\n\t */\r\n\tclassName?: string;\r\n\t/**\r\n\t * Классы для содержимого тултипа.\r\n\t * С помощью них можно управлять стилями тултипа, например шириной, переносом текста и т.д.\r\n\t */\r\n\ttooltipClassName?: string;\r\n\tfocus?: \"high\";\r\n};\r\n\r\nexport const OverflowTooltip = ({ children, className, focus, triggerTag, tooltipClassName }: OverflowTooltipProps) => {\r\n\tconst { open, onOpenChange, ref } = useOverflowTooltip<HTMLDivElement>();\r\n\tconst TriggerTag = triggerTag || \"span\";\r\n\treturn (\r\n\t\t<TooltipProvider>\r\n\t\t\t<Tooltip open={open} onOpenChange={onOpenChange}>\r\n\t\t\t\t<TooltipTrigger asChild>\r\n\t\t\t\t\t<TriggerTag ref={ref} className={cn(className)}>\r\n\t\t\t\t\t\t{children}\r\n\t\t\t\t\t</TriggerTag>\r\n\t\t\t\t</TooltipTrigger>\r\n\t\t\t\t<TooltipContent focus={focus} className={cn(\"max-w-xs\", tooltipClassName)}>\r\n\t\t\t\t\t{children}\r\n\t\t\t\t</TooltipContent>\r\n\t\t\t</Tooltip>\r\n\t\t</TooltipProvider>\r\n\t);\r\n};\r\n\r\nOverflowTooltip.displayName = \"OverflowTooltip\";\r\n","import { cn } from \"@/lib/utils\";\r\nimport React from \"react\";\r\nimport { OverflowTooltip } from \"./OverflowTooltip\";\r\n\r\ntype TextOverflowTooltipProps = {\r\n\tchildren?: React.ReactNode;\r\n\tclassName?: string;\r\n\ttooltipClassName?: string;\r\n};\r\n\r\nexport const TextOverflowTooltip = ({ children, className, tooltipClassName }: TextOverflowTooltipProps) => {\r\n\treturn (\r\n\t\t<OverflowTooltip\r\n\t\t\tclassName={cn(\"inline-block max-w-full truncate\", className)}\r\n\t\t\ttooltipClassName={tooltipClassName}\r\n\t\t>\r\n\t\t\t{children}\r\n\t\t</OverflowTooltip>\r\n\t);\r\n};\r\n\r\nTextOverflowTooltip.displayName = \"TextOverflowTooltip\";\r\n"],"names":["isElementOverflowing","element","useOverflowTooltip","open","setOpen","useState","ref","useRef","onOpenChange","useCallback","newOpen","OverflowTooltip","children","className","focus","triggerTag","tooltipClassName","jsx","TooltipProvider","jsxs","Tooltip","TooltipTrigger","cn","TooltipContent","TextOverflowTooltip"],"mappings":";;;;AASa,MAAAA,IAAuB,CAACC,MAC7BA,EAAQ,cAAcA,EAAQ,eAAeA,EAAQ,eAAeA,EAAQ,cCPvEC,IAAqB,MAA6B;AAC9D,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAS,EAAK,GAChCC,IAAMC,EAAU,IAAI,GAEpBC,IAAeC,EAAY,CAACC,MAAqB;AACtD,QAAIA,MAAY,IAAO;AACtB,MAAAN,EAAQ,EAAK;AACb;AAAA,IAAA;AAEG,IAACE,EAAI,WACLN,EAAqBM,EAAI,OAAO,KACnCF,EAAQ,EAAI;AAAA,EAEd,GAAG,EAAE;AAEE,SAAA,EAAE,MAAAD,GAAM,cAAAK,GAAc,KAAAF,EAAI;AAClC,GCUaK,IAAkB,CAAC,EAAE,UAAAC,GAAU,WAAAC,GAAW,OAAAC,GAAO,YAAAC,GAAY,kBAAAC,QAA6C;AACtH,QAAM,EAAE,MAAAb,GAAM,cAAAK,GAAc,KAAAF,EAAA,IAAQJ,EAAmC;AAEvE,SACE,gBAAAe,EAAAC,GAAA,EACA,UAAC,gBAAAC,EAAAC,GAAA,EAAQ,MAAAjB,GAAY,cAAAK,GACpB,UAAA;AAAA,IAAC,gBAAAS,EAAAI,GAAA,EAAe,SAAO,IACtB,UAAC,gBAAAJ,EALcF,KAAc,QAK5B,EAAW,KAAAT,GAAU,WAAWgB,EAAGT,CAAS,GAC3C,UAAAD,EACF,CAAA,GACD;AAAA,IACA,gBAAAK,EAACM,KAAe,OAAAT,GAAc,WAAWQ,EAAG,YAAYN,CAAgB,GACtE,UAAAJ,EACF,CAAA;AAAA,EAAA,EAAA,CACD,EACD,CAAA;AAEF;AAEAD,EAAgB,cAAc;ACtCvB,MAAMa,IAAsB,CAAC,EAAE,UAAAZ,GAAU,WAAAC,GAAW,kBAAAG,QAEzD,gBAAAC;AAAA,EAACN;AAAA,EAAA;AAAA,IACA,WAAWW,EAAG,oCAAoCT,CAAS;AAAA,IAC3D,kBAAAG;AAAA,IAEC,UAAAJ;AAAA,EAAA;AACF;AAIFY,EAAoB,cAAc;"}
+{"version":3,"file":"TextOverflowTooltip-XPDdO9Dz.js","sources":["../src/lib/utils/dom.ts","../src/components/overflow-tooltip/useOverflowTooltip.ts","../src/components/overflow-tooltip/OverflowTooltip.tsx","../src/components/overflow-tooltip/TextOverflowTooltip.tsx"],"sourcesContent":["/**\n * Проверяет, переполнен ли элемент (дочерние элементы выходят за пределы родительского элемента)\n * @param element - HTML элемент для проверки\n * @returns true, если элемент переполнен по ширине или высоте\n *\n * @example\n * // подсказку показываем только там, где текст обрезан\n * const truncated = isElementOverflowing(labelRef.current);\n */\nexport const isElementOverflowing = (element: HTMLElement): boolean => {\n\treturn element.scrollWidth > element.offsetWidth || element.scrollHeight > element.offsetHeight;\n};\n\n/**\n * Canvas для измерения текста переиспользуется: на каждый вызов создавать его расточительно.\n *\n * Контекст один на все поля страницы, и это безопасно ровно до тех пор, пока каждое\n * измерение выставляет **все** влияющие на ширину свойства. Условное присваивание оставило бы\n * настройку от предыдущего поля: соседняя таблица со своим `letter-spacing` мерила бы текст\n * чужим трекингом. Поэтому свойства ниже пишутся всегда, а сам canvas остаётся приватным\n * для этого модуля — иначе инвариант незаметно нарушит следующий пользователь.\n */\nlet measureContext: CanvasRenderingContext2D | null | undefined;\n\nconst getMeasureContext = () => {\n\tif (measureContext === undefined) measureContext = document.createElement(\"canvas\").getContext(\"2d\");\n\treturn measureContext;\n};\n\n/**\n * Ставит каретку в `input`/`textarea` по горизонтальной координате указателя (`clientX`).\n *\n * Нужно там, где поле появляется по клику уже после самого клика — например, при переходе\n * ячейки таблицы в режим редактирования по двойному щелчку: без этого каретка встаёт\n * в начало или конец, а не туда, куда целился пользователь.\n *\n * `caretPositionFromPoint` / `caretRangeFromPoint` здесь бесполезны: содержимое `input`\n * не является частью DOM-дерева, и Range/Selection API до него не достаёт — вернётся сам\n * элемент, а не позиция в тексте. Поэтому индекс считается вручную: текст измеряется\n * на offscreen canvas тем же шрифтом, и выбирается ближайшая к точке граница символа.\n * Ширины префиксов монотонно растут, так что перебор обрывается, как только начал удаляться\n * от цели.\n *\n * Учитывается только горизонталь, поэтому для многострочного текста функция не годится —\n * там нужен `placeCaretAtClientPoint` по `contenteditable`.\n *\n * Возвращает `false`, если поставить каретку не удалось (поле пустое, тип поля не поддерживает\n * выделение или canvas недоступен) — вызывающему коду в этом случае стоит оставить поведение\n * по умолчанию.\n *\n * @example\n * // координата запоминается на dblclick, применяется, когда поле получило фокус\n * <input\n *   autoFocus\n *   onFocus={(event) => {\n *     const input = event.currentTarget;\n *     if (!placeCaretAtPoint(input, caretX)) placeCaretAtEnd(input);\n *   }}\n * />\n */\nexport const placeCaretAtPoint = (element: HTMLInputElement | HTMLTextAreaElement, clientX: number): boolean => {\n\tconst value = element.value;\n\tif (!value) return false;\n\n\t// У `type=number|email|date|time|color` выделения нет, а `setSelectionRange` на них кидает\n\t// `InvalidStateError`. Тип полей задаёт прикладной код, поэтому проверяем, а не полагаемся.\n\tif (element.selectionStart === null) return false;\n\n\tconst context = getMeasureContext();\n\tif (!context) return false;\n\n\tconst style = window.getComputedStyle(element);\n\tcontext.font = `${style.fontStyle} ${style.fontWeight} ${style.fontSize} ${style.fontFamily}`;\n\t// `letterSpacing` у canvas принимает только длину: `normal` из вычисленных стилей его сломает.\n\t// Пишется на каждом вызове — иначе значение утечёт в следующее поле, см. `measureContext`.\n\tif (\"letterSpacing\" in context) {\n\t\tcontext.letterSpacing = style.letterSpacing.endsWith(\"px\") ? style.letterSpacing : \"0px\";\n\t}\n\n\tconst rect = element.getBoundingClientRect();\n\tconst borderLeft = parseFloat(style.borderLeftWidth) || 0;\n\tconst borderRight = parseFloat(style.borderRightWidth) || 0;\n\tconst paddingLeft = parseFloat(style.paddingLeft) || 0;\n\tconst paddingRight = parseFloat(style.paddingRight) || 0;\n\tconst contentLeft = rect.left + borderLeft + paddingLeft;\n\tconst contentWidth = rect.width - borderLeft - borderRight - paddingLeft - paddingRight;\n\n\t// Текст короче поля прижимается по `text-align`, и отсчитывать позицию от левого края\n\t// нельзя — у выровненного вправо поля это промах на всю свободную ширину.\n\tconst slack = contentWidth - context.measureText(value).width;\n\tlet originX = contentLeft - element.scrollLeft;\n\tif (slack > 0) {\n\t\tif (style.textAlign === \"right\" || style.textAlign === \"end\") originX += slack;\n\t\telse if (style.textAlign === \"center\") originX += slack / 2;\n\t}\n\n\tconst targetX = clientX - originX;\n\tlet bestIndex = 0;\n\tlet bestDistance = Infinity;\n\tfor (let index = 0; index <= value.length; index++) {\n\t\tconst distance = Math.abs(context.measureText(value.slice(0, index)).width - targetX);\n\t\tif (distance > bestDistance) break;\n\t\tbestDistance = distance;\n\t\tbestIndex = index;\n\t}\n\n\telement.setSelectionRange(bestIndex, bestIndex);\n\treturn true;\n};\n\n/**\n * Ставит каретку в `contenteditable` по точке указателя.\n *\n * В отличие от `input`, текст здесь — обычные узлы DOM, поэтому измерять ничего не нужно:\n * браузер сам отдаёт позицию по координатам. Работает и с переносами, так что это тот случай,\n * когда многострочная правка делается редактируемым `div`, а не `textarea`.\n *\n * Возвращает `false`, если точка не попала в текст элемента, — вызывающему коду стоит\n * поставить каретку в конец через `placeCaretAtEnd`.\n *\n * @example\n * const editor = event.currentTarget;\n * if (!placeCaretAtClientPoint(editor, event.clientX, event.clientY)) placeCaretAtEnd(editor);\n */\nexport const placeCaretAtClientPoint = (element: HTMLElement, clientX: number, clientY: number): boolean => {\n\tconst selection = window.getSelection();\n\tif (!selection) return false;\n\n\tconst range = caretRangeAtPoint(clientX, clientY);\n\t// Точка могла прийтись на отступ ячейки или на соседний узел: чужую позицию не ставим.\n\tif (!range || !element.contains(range.startContainer)) return false;\n\n\tselection.removeAllRanges();\n\tselection.addRange(range);\n\treturn true;\n};\n\n/**\n * Оба способа спросить у браузера позицию каретки по координатам — объявлены здесь сами.\n *\n * `caretPositionFromPoint` — стандартный, но в `lib.dom` TS 5.6 его ещё нет.\n * `caretRangeFromPoint` — легаси WebKit, в `lib.dom` он помечен `@deprecated`; берётся\n * только фолбэком для Safari до 17.4, где стандартного метода ещё не было. Объявление\n * собрано в одном месте намеренно: обращение идёт к нему, а не к устаревшему члену `Document`,\n * и причина использования легаси видна рядом, а не прячется за подавленной подсказкой.\n */\ntype DocumentWithCaretApi = Document & {\n\tcaretPositionFromPoint?: (x: number, y: number) => { offsetNode: Node; offset: number } | null;\n\tcaretRangeFromPoint?: (x: number, y: number) => Range | null;\n};\n\nconst caretRangeAtPoint = (clientX: number, clientY: number): Range | null => {\n\tconst doc = document as DocumentWithCaretApi;\n\n\tif (doc.caretPositionFromPoint) {\n\t\tconst position = doc.caretPositionFromPoint(clientX, clientY);\n\t\tif (!position) return null;\n\t\tconst range = document.createRange();\n\t\trange.setStart(position.offsetNode, position.offset);\n\t\trange.collapse(true);\n\t\treturn range;\n\t}\n\n\treturn doc.caretRangeFromPoint?.(clientX, clientY) ?? null;\n};\n\n/**\n * Ставит каретку в конец содержимого `contenteditable` — поведение F2 в Excel.\n *\n * @example\n * // F2 открывает правку с кареткой в конце\n * if (event.key === \"F2\") placeCaretAtEnd(editorRef.current);\n */\nexport const placeCaretAtEnd = (element: HTMLElement): void => {\n\tconst selection = window.getSelection();\n\tif (!selection) return;\n\n\tconst range = document.createRange();\n\trange.selectNodeContents(element);\n\trange.collapse(false);\n\tselection.removeAllRanges();\n\tselection.addRange(range);\n};\n\n/**\n * Вставляет текст в текущую позицию каретки внутри `contenteditable`, заменяя выделенное.\n *\n * Нужно на вставке из буфера: по умолчанию `contenteditable` принимает разметку, и в ячейку\n * приезжает чужое форматирование вместе с текстом.\n *\n * @example\n * onPaste={(event) => {\n *   event.preventDefault();\n *   insertTextAtCaret(event.currentTarget, event.clipboardData.getData(\"text/plain\"));\n * }}\n */\nexport const insertTextAtCaret = (element: HTMLElement, text: string): void => {\n\tconst selection = window.getSelection();\n\tif (!selection?.rangeCount) return;\n\n\tconst range = selection.getRangeAt(0);\n\tif (!element.contains(range.startContainer)) return;\n\n\trange.deleteContents();\n\tconst node = document.createTextNode(text);\n\trange.insertNode(node);\n\trange.setStartAfter(node);\n\trange.collapse(true);\n\tselection.removeAllRanges();\n\tselection.addRange(range);\n};\n","import { useCallback, useRef, useState } from \"react\";\r\nimport { isElementOverflowing } from \"../../lib/utils/dom\";\r\n\r\nexport const useOverflowTooltip = <T extends HTMLElement>() => {\r\n\tconst [open, setOpen] = useState(false);\r\n\tconst ref = useRef<T>(null);\r\n\r\n\tconst onOpenChange = useCallback((newOpen: boolean) => {\r\n\t\tif (newOpen === false) {\r\n\t\t\tsetOpen(false);\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tif (!ref.current) return;\r\n\t\tif (isElementOverflowing(ref.current)) {\r\n\t\t\tsetOpen(true);\r\n\t\t}\r\n\t}, []);\r\n\r\n\treturn { open, onOpenChange, ref };\r\n};\r\n","import { cn } from \"@/lib/utils\";\r\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from \"../tooltip\";\r\nimport { useOverflowTooltip } from \"./useOverflowTooltip\";\r\nimport React from \"react\";\r\n\r\ntype OverflowTooltipProps = {\r\n\tchildren: React.ReactNode;\r\n\t/**\r\n\t * HTML-элемент для обертки содержимого.\r\n\t * Используется для соблюдения правильной HTML-семантики.\r\n\t * Например:\r\n\t * - span (по умолчанию) для текста и инлайн-элементов\r\n\t * - div для блочного содержимого и сложных структур\r\n\t * @default span\r\n\t */\r\n\ttriggerTag?: React.ElementType;\r\n\t/**\r\n\t * Классы для обработки переполненного содержимого.\r\n\t * Например: \"truncate\", \"line-clamp-3\" и т.д.\r\n\t */\r\n\tclassName?: string;\r\n\t/**\r\n\t * Классы для содержимого тултипа.\r\n\t * С помощью них можно управлять стилями тултипа, например шириной, переносом текста и т.д.\r\n\t */\r\n\ttooltipClassName?: string;\r\n\tfocus?: \"high\";\r\n};\r\n\r\nexport const OverflowTooltip = ({ children, className, focus, triggerTag, tooltipClassName }: OverflowTooltipProps) => {\r\n\tconst { open, onOpenChange, ref } = useOverflowTooltip<HTMLDivElement>();\r\n\tconst TriggerTag = triggerTag || \"span\";\r\n\treturn (\r\n\t\t<TooltipProvider>\r\n\t\t\t<Tooltip open={open} onOpenChange={onOpenChange}>\r\n\t\t\t\t<TooltipTrigger asChild>\r\n\t\t\t\t\t<TriggerTag ref={ref} className={cn(className)}>\r\n\t\t\t\t\t\t{children}\r\n\t\t\t\t\t</TriggerTag>\r\n\t\t\t\t</TooltipTrigger>\r\n\t\t\t\t<TooltipContent focus={focus} className={cn(\"max-w-xs\", tooltipClassName)}>\r\n\t\t\t\t\t{children}\r\n\t\t\t\t</TooltipContent>\r\n\t\t\t</Tooltip>\r\n\t\t</TooltipProvider>\r\n\t);\r\n};\r\n\r\nOverflowTooltip.displayName = \"OverflowTooltip\";\r\n","import { cn } from \"@/lib/utils\";\r\nimport React from \"react\";\r\nimport { OverflowTooltip } from \"./OverflowTooltip\";\r\n\r\ntype TextOverflowTooltipProps = {\r\n\tchildren?: React.ReactNode;\r\n\tclassName?: string;\r\n\ttooltipClassName?: string;\r\n};\r\n\r\nexport const TextOverflowTooltip = ({ children, className, tooltipClassName }: TextOverflowTooltipProps) => {\r\n\treturn (\r\n\t\t<OverflowTooltip\r\n\t\t\tclassName={cn(\"inline-block max-w-full truncate\", className)}\r\n\t\t\ttooltipClassName={tooltipClassName}\r\n\t\t>\r\n\t\t\t{children}\r\n\t\t</OverflowTooltip>\r\n\t);\r\n};\r\n\r\nTextOverflowTooltip.displayName = \"TextOverflowTooltip\";\r\n"],"names":["isElementOverflowing","element","useOverflowTooltip","open","setOpen","useState","ref","useRef","onOpenChange","useCallback","newOpen","OverflowTooltip","children","className","focus","triggerTag","tooltipClassName","jsx","TooltipProvider","jsxs","Tooltip","TooltipTrigger","cn","TooltipContent","TextOverflowTooltip"],"mappings":";;;;AASa,MAAAA,IAAuB,CAACC,MAC7BA,EAAQ,cAAcA,EAAQ,eAAeA,EAAQ,eAAeA,EAAQ,cCPvEC,IAAqB,MAA6B;AAC9D,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAS,EAAK,GAChCC,IAAMC,EAAU,IAAI,GAEpBC,IAAeC,EAAY,CAACC,MAAqB;AACtD,QAAIA,MAAY,IAAO;AACtB,MAAAN,EAAQ,EAAK;AACb;AAAA,IAAA;AAEG,IAACE,EAAI,WACLN,EAAqBM,EAAI,OAAO,KACnCF,EAAQ,EAAI;AAAA,EAEd,GAAG,EAAE;AAEE,SAAA,EAAE,MAAAD,GAAM,cAAAK,GAAc,KAAAF,EAAI;AAClC,GCUaK,IAAkB,CAAC,EAAE,UAAAC,GAAU,WAAAC,GAAW,OAAAC,GAAO,YAAAC,GAAY,kBAAAC,QAA6C;AACtH,QAAM,EAAE,MAAAb,GAAM,cAAAK,GAAc,KAAAF,EAAA,IAAQJ,EAAmC;AAEvE,SACE,gBAAAe,EAAAC,GAAA,EACA,UAAC,gBAAAC,EAAAC,GAAA,EAAQ,MAAAjB,GAAY,cAAAK,GACpB,UAAA;AAAA,IAAC,gBAAAS,EAAAI,GAAA,EAAe,SAAO,IACtB,UAAC,gBAAAJ,EALcF,KAAc,QAK5B,EAAW,KAAAT,GAAU,WAAWgB,EAAGT,CAAS,GAC3C,UAAAD,EACF,CAAA,GACD;AAAA,IACA,gBAAAK,EAACM,KAAe,OAAAT,GAAc,WAAWQ,EAAG,YAAYN,CAAgB,GACtE,UAAAJ,EACF,CAAA;AAAA,EAAA,EAAA,CACD,EACD,CAAA;AAEF;AAEAD,EAAgB,cAAc;ACtCvB,MAAMa,IAAsB,CAAC,EAAE,UAAAZ,GAAU,WAAAC,GAAW,kBAAAG,QAEzD,gBAAAC;AAAA,EAACN;AAAA,EAAA;AAAA,IACA,WAAWW,EAAG,oCAAoCT,CAAS;AAAA,IAC3D,kBAAAG;AAAA,IAEC,UAAAJ;AAAA,EAAA;AACF;AAIFY,EAAoB,cAAc;"}

package/dist/{Tooltip-DOgKy50D.js → Tooltip-D2XvRS0c.js}

@@ -12,14 +12,13 @@ import { R as me } from "./index-Uiy0Xwy2.js";
 import { T as w } from "./index-BVqs-uqP.js";
 import { I as ve } from "./Icon-DH3ev9GK.js";
 import { S as Te } from "./Shortcut-D8L15_ed.js";
-import { u as ge } from "./usePortalContainer-B1xla842.js";
-import { T as xe } from "./Text-DeBE8AKl.js";
-var [L, ye] = ae("Tooltip", [
+import { T as ge } from "./Text-DeBE8AKl.js";
+var [L, xe] = ae("Tooltip", [
   X
-]), A = X(), W = "TooltipProvider", Ce = 700, O = "tooltip.open", [be, D] = L(W), I = (t) => {
+]), A = X(), W = "TooltipProvider", ye = 700, O = "tooltip.open", [Ce, D] = L(W), I = (t) => {
   const {
     __scopeTooltip: o,
-    delayDuration: e = Ce,
+    delayDuration: e = ye,
     skipDelayDuration: r = 300,
     disableHoverableContent: n = !1,
     children: i
@@ -28,7 +27,7 @@ var [L, ye] = ae("Tooltip", [
     const d = l.current;
     return () => window.clearTimeout(d);
   }, []), /* @__PURE__ */ c(
-    be,
+    Ce,
     {
       scope: o,
       isOpenDelayedRef: a,
@@ -52,7 +51,7 @@ var [L, ye] = ae("Tooltip", [
   );
 };
 I.displayName = W;
-var _ = "Tooltip", [we, k] = L(_), M = (t) => {
+var _ = "Tooltip", [be, k] = L(_), M = (t) => {
   const {
     __scopeTooltip: o,
     children: e,
@@ -80,7 +79,7 @@ var _ = "Tooltip", [we, k] = L(_), M = (t) => {
   return s.useEffect(() => () => {
     p.current && (window.clearTimeout(p.current), p.current = 0);
   }, []), /* @__PURE__ */ c(ue, { ...d, children: /* @__PURE__ */ c(
-    we,
+    be,
     {
       scope: o,
       contentId: m,
@@ -131,24 +130,24 @@ var S = "TooltipTrigger", H = s.forwardRef(
   }
 );
 H.displayName = S;
-var j = "TooltipPortal", [Pe, Re] = L(j, {
+var j = "TooltipPortal", [we, Pe] = L(j, {
   forceMount: void 0
 }), G = (t) => {
   const { __scopeTooltip: o, forceMount: e, children: r, container: n } = t, i = k(j, o);
-  return /* @__PURE__ */ c(Pe, { scope: o, forceMount: e, children: /* @__PURE__ */ c(K, { present: e || i.open, children: /* @__PURE__ */ c(ie, { asChild: !0, container: n, children: r }) }) });
+  return /* @__PURE__ */ c(we, { scope: o, forceMount: e, children: /* @__PURE__ */ c(K, { present: e || i.open, children: /* @__PURE__ */ c(ie, { asChild: !0, container: n, children: r }) }) });
 };
 G.displayName = j;
 var b = "TooltipContent", $ = s.forwardRef(
   (t, o) => {
-    const e = Re(b, t.__scopeTooltip), { forceMount: r = e.forceMount, side: n = "top", ...i } = t, a = k(b, t.__scopeTooltip);
-    return /* @__PURE__ */ c(K, { present: r || a.open, children: a.disableHoverableContent ? /* @__PURE__ */ c(Z, { side: n, ...i, ref: o }) : /* @__PURE__ */ c(Ee, { side: n, ...i, ref: o }) });
+    const e = Pe(b, t.__scopeTooltip), { forceMount: r = e.forceMount, side: n = "top", ...i } = t, a = k(b, t.__scopeTooltip);
+    return /* @__PURE__ */ c(K, { present: r || a.open, children: a.disableHoverableContent ? /* @__PURE__ */ c(Z, { side: n, ...i, ref: o }) : /* @__PURE__ */ c(Re, { side: n, ...i, ref: o }) });
   }
-), Ee = s.forwardRef((t, o) => {
+), Re = s.forwardRef((t, o) => {
   const e = k(b, t.__scopeTooltip), r = D(b, t.__scopeTooltip), n = s.useRef(null), i = q(o, n), [a, h] = s.useState(null), { trigger: l, onClose: d } = e, u = n.current, { onPointerInTransitChange: f } = r, m = s.useCallback(() => {
     h(null), f(!1);
   }, [f]), p = s.useCallback(
     (v, g) => {
-      const T = v.currentTarget, y = { x: v.clientX, y: v.clientY }, x = Le(y, T.getBoundingClientRect()), P = Ae(y, x), R = Oe(g.getBoundingClientRect()), E = De([...P, ...R]);
+      const T = v.currentTarget, y = { x: v.clientX, y: v.clientY }, x = Ne(y, T.getBoundingClientRect()), P = Le(y, x), R = Ae(g.getBoundingClientRect()), E = Se([...P, ...R]);
       h(E), f(!0);
     },
     [f]
@@ -163,13 +162,13 @@ var b = "TooltipContent", $ = s.forwardRef(
   }, [l, u, p, m]), s.useEffect(() => {
     if (a) {
       const v = (g) => {
-        const T = g.target, y = { x: g.clientX, y: g.clientY }, x = l?.contains(T) || u?.contains(T), P = !Se(y, a);
+        const T = g.target, y = { x: g.clientX, y: g.clientY }, x = l?.contains(T) || u?.contains(T), P = !Oe(y, a);
         x ? m() : P && (m(), d());
       };
       return document.addEventListener("pointermove", v), () => document.removeEventListener("pointermove", v);
     }
   }, [l, u, a, d, m]), /* @__PURE__ */ c(Z, { ...t, ref: i });
-}), [_e, ke] = L(_, { isInside: !1 }), Ne = se("TooltipContent"), Z = s.forwardRef(
+}), [Ee, _e] = L(_, { isInside: !1 }), ke = se("TooltipContent"), Z = s.forwardRef(
   (t, o) => {
     const {
       __scopeTooltip: e,
@@ -211,8 +210,8 @@ var b = "TooltipContent", $ = s.forwardRef(
               "--radix-tooltip-trigger-height": "var(--radix-popper-anchor-height)"
             },
             children: [
-              /* @__PURE__ */ c(Ne, { children: r }),
-              /* @__PURE__ */ c(_e, { scope: e, isInside: !0, children: /* @__PURE__ */ c(me, { id: l.contentId, role: "tooltip", children: n || r }) })
+              /* @__PURE__ */ c(ke, { children: r }),
+              /* @__PURE__ */ c(Ee, { scope: e, isInside: !0, children: /* @__PURE__ */ c(me, { id: l.contentId, role: "tooltip", children: n || r }) })
             ]
           }
         )
@@ -224,14 +223,14 @@ $.displayName = b;
 var J = "TooltipArrow", z = s.forwardRef(
   (t, o) => {
     const { __scopeTooltip: e, ...r } = t, n = A(e);
-    return ke(
+    return _e(
       J,
       e
     ).isInside ? null : /* @__PURE__ */ c(de, { ...n, ...r, ref: o });
   }
 );
 z.displayName = J;
-function Le(t, o) {
+function Ne(t, o) {
   const e = Math.abs(o.top - t.y), r = Math.abs(o.bottom - t.y), n = Math.abs(o.right - t.x), i = Math.abs(o.left - t.x);
   switch (Math.min(e, r, n, i)) {
     case i:
@@ -246,7 +245,7 @@ function Le(t, o) {
       throw new Error("unreachable");
   }
 }
-function Ae(t, o, e = 5) {
+function Le(t, o, e = 5) {
   const r = [];
   switch (o) {
     case "top":
@@ -276,7 +275,7 @@ function Ae(t, o, e = 5) {
   }
   return r;
 }
-function Oe(t) {
+function Ae(t) {
   const { top: o, right: e, bottom: r, left: n } = t;
   return [
     { x: n, y: o },
@@ -285,7 +284,7 @@ function Oe(t) {
     { x: n, y: r }
   ];
 }
-function Se(t, o) {
+function Oe(t, o) {
   const { x: e, y: r } = t;
   let n = !1;
   for (let i = 0, a = o.length - 1; i < o.length; a = i++) {
@@ -294,11 +293,11 @@ function Se(t, o) {
   }
   return n;
 }
-function De(t) {
+function Se(t) {
   const o = t.slice();
-  return o.sort((e, r) => e.x < r.x ? -1 : e.x > r.x ? 1 : e.y < r.y ? -1 : e.y > r.y ? 1 : 0), Ie(o);
+  return o.sort((e, r) => e.x < r.x ? -1 : e.x > r.x ? 1 : e.y < r.y ? -1 : e.y > r.y ? 1 : 0), De(o);
 }
-function Ie(t) {
+function De(t) {
   if (t.length <= 1) return t.slice();
   const o = [];
   for (let r = 0; r < t.length; r++) {
@@ -324,7 +323,7 @@ function Ie(t) {
   return e.pop(), o.length === 1 && e.length === 1 && o[0].x === e[0].x && o[0].y === e[0].y ? o : o.concat(e);
 }
 var Q = I, ee = M, te = H, oe = G, F = $, B = z;
-const ct = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const it = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   Arrow: B,
   Content: F,
@@ -338,8 +337,8 @@ const ct = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   TooltipProvider: I,
   TooltipTrigger: H,
   Trigger: te,
-  createTooltipScope: ye
-}, Symbol.toStringTag, { value: "Module" })), re = s.createContext({}), N = () => s.useContext(re), ut = Q, pt = ee, dt = te, Me = w({
+  createTooltipScope: xe
+}, Symbol.toStringTag, { value: "Module" })), re = s.createContext({}), N = () => s.useContext(re), lt = Q, ct = ee, ut = te, Ie = w({
   slots: {
     fill: "fill-status-neutral-fg",
     stroke: "stroke-primary-border stroke-[0.5px]",
@@ -353,9 +352,9 @@ const ct = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       }
     }
   }
-}), He = s.forwardRef(
+}), Me = s.forwardRef(
   ({ width: t, height: o, className: e, ...r }, n) => {
-    const { focus: i } = N(), a = Me({ focus: i });
+    const { focus: i } = N(), a = Ie({ focus: i });
     return /* @__PURE__ */ c(B, { ref: n, asChild: !0, ...r, children: /* @__PURE__ */ Y(
       "svg",
       {
@@ -380,8 +379,8 @@ const ct = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     ) });
   }
 );
-He.displayName = B.displayName;
-const je = w({
+Me.displayName = B.displayName;
+const He = w({
   base: [
     "z-50 rounded-lg border-[0.5px] px-2 py-1.5 text-xs backdrop-blur animate-in fade-in-0 zoom-in-95",
     "border-primary-border bg-alpha-30 text-primary-fg shadow-soft-sm",
@@ -393,81 +392,81 @@ const je = w({
       high: "border-0 bg-alpha-high-20 text-inverse-primary-fg shadow-soft-base"
     }
   }
-}), Ge = s.forwardRef(
+}), je = s.forwardRef(
   ({ className: t, sideOffset: o = 8, portalContainer: e, focus: r, ...n }, i) => {
-    const a = ge(e);
+    const a = e;
     return /* @__PURE__ */ c(re.Provider, { value: { focus: r }, children: /* @__PURE__ */ c(oe, { container: a, children: /* @__PURE__ */ c(
       F,
       {
         ref: i,
         sideOffset: o,
-        className: je({ className: t, focus: r }),
+        className: He({ className: t, focus: r }),
         ...n
       }
     ) }) });
   }
 );
-Ge.displayName = F.displayName;
-const $e = w({
+je.displayName = F.displayName;
+const Ge = w({
   base: "text-sm font-medium text-primary-fg",
   variants: {
     focus: {
       high: "text-inverse-primary-fg"
     }
   }
-}), ze = s.forwardRef(({ className: t, children: o, ...e }, r) => {
+}), $e = s.forwardRef(({ className: t, children: o, ...e }, r) => {
   const { focus: n } = N();
-  return /* @__PURE__ */ c("div", { ref: r, className: $e({ className: t, focus: n }), ...e, children: o });
+  return /* @__PURE__ */ c("div", { ref: r, className: Ge({ className: t, focus: n }), ...e, children: o });
 });
-ze.displayName = "TooltipTitle";
-const Fe = w({
+$e.displayName = "TooltipTitle";
+const ze = w({
   base: "",
   variants: {
     focus: {
       high: "text-inverse-secondary-fg"
     }
   }
-}), Be = s.forwardRef(({ className: t, children: o, ...e }, r) => {
+}), Fe = s.forwardRef(({ className: t, children: o, ...e }, r) => {
   const { focus: n } = N();
-  return /* @__PURE__ */ c(xe, { ref: r, size: "xs", className: Fe({ className: t, focus: n }), ...e, children: o });
+  return /* @__PURE__ */ c(ge, { ref: r, size: "xs", className: ze({ className: t, focus: n }), ...e, children: o });
 });
-Be.displayName = "TooltipText";
-const Ue = w({
+Fe.displayName = "TooltipText";
+const Be = w({
   base: "shrink-0 text-xs text-primary-fg",
   variants: {
     focus: {
       high: "text-inverse-primary-fg"
     }
   }
-}), Ve = s.forwardRef(({ className: t, ...o }, e) => {
+}), Ue = s.forwardRef(({ className: t, ...o }, e) => {
   const { focus: r } = N();
-  return /* @__PURE__ */ c(ve, { size: "lg", className: Ue({ className: t, focus: r }), ref: e, ...o });
+  return /* @__PURE__ */ c(ve, { size: "lg", className: Be({ className: t, focus: r }), ref: e, ...o });
 });
-Ve.displayName = "TooltipIcon";
-const Ye = w({
+Ue.displayName = "TooltipIcon";
+const Ve = w({
   base: "h-auto p-0 text-xs text-muted",
   variants: {
     focus: {
       high: "text-inverse-secondary-fg opacity-70"
     }
   }
-}), qe = s.forwardRef(({ className: t, ...o }, e) => {
+}), Ye = s.forwardRef(({ className: t, ...o }, e) => {
   const { focus: r } = N();
-  return /* @__PURE__ */ c(Te, { variant: "ghost", className: Ye({ className: t, focus: r }), ref: e, ...o });
+  return /* @__PURE__ */ c(Te, { variant: "ghost", className: Ve({ className: t, focus: r }), ref: e, ...o });
 });
-qe.displayName = "TooltipShortcut";
+Ye.displayName = "TooltipShortcut";
 export {
-  pt as T,
-  ut as a,
-  dt as b,
-  Ge as c,
-  He as d,
-  ze as e,
-  Be as f,
-  Ve as g,
-  qe as h,
+  ct as T,
+  lt as a,
+  ut as b,
+  je as c,
+  Me as d,
+  $e as e,
+  Fe as f,
+  Ue as g,
+  Ye as h,
   re as i,
-  ct as j,
+  it as j,
   N as u
 };
-//# sourceMappingURL=Tooltip-DOgKy50D.js.map
+//# sourceMappingURL=Tooltip-D2XvRS0c.js.map