@alfadocs/ui-kit-debug 0.30.1 → 0.30.3

package/dist/_chunks/{tooltip-DHik5yRI.js → tooltip-ClJd0ciy.js}

@@ -1,22 +1,34 @@
 import { jsxs as l, jsx as i } from "react/jsx-runtime";
-import { useRef as p, useState as g, useEffect as h } from "react";
+import { useRef as p, useState as h, useEffect as v } from "react";
 import * as o from "@radix-ui/react-tooltip";
-import { c as v } from "./index-D2ZczOXr.js";
-function b(t) {
-  const [e, r] = g(() => typeof document > "u" ? "ltr" : document.documentElement.dir || "ltr");
-  return h(() => {
+import { c as g } from "./index-D2ZczOXr.js";
+function w(t) {
+  const [e, r] = h(() => typeof document > "u" ? "ltr" : document.documentElement.dir || "ltr");
+  return v(() => {
     const d = t.current;
     if (!d) return;
-    const s = d.closest("[dir]"), n = (s == null ? void 0 : s.getAttribute("dir")) ?? document.documentElement.dir ?? "ltr";
-    r(n === "rtl" ? "rtl" : "ltr");
+    const s = d.closest("[dir]"), a = (s == null ? void 0 : s.getAttribute("dir")) ?? document.documentElement.dir ?? "ltr";
+    r(a === "rtl" ? "rtl" : "ltr");
   }, [t]), e;
 }
-const y = v(
+const x = g(
   [
     "ds:z-[var(--z-tooltip)]",
     "ds:max-w-[240px]",
     "ds:overflow-hidden ds:rounded-[var(--radius-sm)]",
-    "ds:bg-foreground ds:text-background",
+    // High-contrast solid tooltip surface — inverted vs the page so it
+    // reads against any background (gradient washes, coloured cards,
+    // images). The `[var(...)]` syntax is the same one every other
+    // floating surface in the kit uses; the previous `bg-foreground` /
+    // `text-background` shorthand was emitting transparent backgrounds
+    // in some consumer bundles where the Tailwind theme inline wasn't
+    // resolving the named utility. See 0.30.3 follow-up issue 4b.
+    "ds:bg-[var(--foreground)] ds:text-[var(--background)]",
+    "ds:shadow-[var(--shadow-md)]",
+    // Forced-colours users (Windows High Contrast) lose `bg-/text-`
+    // entirely — emit a CanvasText border so the tooltip is still
+    // visible.
+    "ds:forced-colors:[outline:1px_solid_CanvasText]",
     "ds:ps-3 ds:pe-3 ds:py-1.5 type-meta",
     "ds:break-normal ds:[overflow-wrap:anywhere]",
     "ds:animate-in ds:fade-in ds:zoom-in-95",
@@ -28,7 +40,7 @@ const y = v(
     "ds:motion-reduce:animate-none"
   ].join(" ")
 );
-function w(t, e) {
+function b(t, e) {
   switch (t) {
     case "top":
       return "top";
@@ -40,7 +52,7 @@ function w(t, e) {
       return e === "rtl" ? "left" : "right";
   }
 }
-const x = ({
+const y = ({
   children: t,
   delayDuration: e = 700,
   skipDelayDuration: r = 300
@@ -52,30 +64,30 @@ const x = ({
     children: t
   }
 );
-x.displayName = "TooltipProvider";
+y.displayName = "TooltipProvider";
 const T = ({
   label: t,
   children: e,
   side: r = "top",
   align: d = "center",
   sideOffset: s = 4,
-  delayDuration: n,
+  delayDuration: a,
   open: c,
   onOpenChange: m
 }) => {
-  const a = p(null), u = b(a), f = w(r, u);
+  const n = p(null), u = w(n), f = b(r, u);
   return /* @__PURE__ */ l(
     o.Root,
     {
-      delayDuration: n,
+      delayDuration: a,
       open: c,
       onOpenChange: m,
       children: [
-        /* @__PURE__ */ i(o.Trigger, { asChild: !0, ref: a, children: e }),
+        /* @__PURE__ */ i(o.Trigger, { asChild: !0, ref: n, children: e }),
         /* @__PURE__ */ i(o.Portal, { children: /* @__PURE__ */ l(
           o.Content,
           {
-            className: y(),
+            className: x(),
             side: f,
             align: d,
             sideOffset: s,
@@ -93,6 +105,6 @@ const T = ({
 T.displayName = "Tooltip";
 export {
   T,
-  x as a
+  y as a
 };
-//# sourceMappingURL=tooltip-DHik5yRI.js.map
+//# sourceMappingURL=tooltip-ClJd0ciy.js.map

package/dist/_chunks/tooltip-ClJd0ciy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip-ClJd0ciy.js","sources":["../../src/components/tooltip/tooltip.tsx"],"sourcesContent":["import { type ReactElement, useRef, useEffect, useState } from 'react';\nimport * as RadixTooltip from '@radix-ui/react-tooltip';\nimport { cva } from 'class-variance-authority';\n\n/* ------------------------------------------------------------------ */\n/* useDirection — reads the closest [dir] ancestor at render time      */\n/* ------------------------------------------------------------------ */\n\nfunction useDirection(ref: React.RefObject<HTMLElement | null>): 'ltr' | 'rtl' {\n  const [dir, setDir] = useState<'ltr' | 'rtl'>(() => {\n    if (typeof document === 'undefined') return 'ltr';\n    return (document.documentElement.dir as 'ltr' | 'rtl') || 'ltr';\n  });\n\n  useEffect(() => {\n    const el = ref.current;\n    if (!el) return;\n    const closest = el.closest('[dir]');\n    const resolved =\n      closest?.getAttribute('dir') ?? document.documentElement.dir ?? 'ltr';\n    setDir(resolved === 'rtl' ? 'rtl' : 'ltr');\n  }, [ref]);\n\n  return dir;\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA — tooltip content                                               */\n/* ------------------------------------------------------------------ */\n\nconst tooltipContentVariants = cva(\n  [\n    'ds:z-[var(--z-tooltip)]',\n    'ds:max-w-[240px]',\n    'ds:overflow-hidden ds:rounded-[var(--radius-sm)]',\n    // High-contrast solid tooltip surface — inverted vs the page so it\n    // reads against any background (gradient washes, coloured cards,\n    // images). The `[var(...)]` syntax is the same one every other\n    // floating surface in the kit uses; the previous `bg-foreground` /\n    // `text-background` shorthand was emitting transparent backgrounds\n    // in some consumer bundles where the Tailwind theme inline wasn't\n    // resolving the named utility. See 0.30.3 follow-up issue 4b.\n    'ds:bg-[var(--foreground)] ds:text-[var(--background)]',\n    'ds:shadow-[var(--shadow-md)]',\n    // Forced-colours users (Windows High Contrast) lose `bg-/text-`\n    // entirely — emit a CanvasText border so the tooltip is still\n    // visible.\n    'ds:forced-colors:[outline:1px_solid_CanvasText]',\n    'ds:ps-3 ds:pe-3 ds:py-1.5 type-meta',\n    'ds:break-normal ds:[overflow-wrap:anywhere]',\n    'ds:animate-in ds:fade-in ds:zoom-in-95',\n    'ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out ds:data-[state=closed]:zoom-out-95',\n    'ds:data-[side=bottom]:slide-in-from-top-2',\n    'ds:data-[side=left]:slide-in-from-right-2',\n    'ds:data-[side=right]:slide-in-from-left-2',\n    'ds:data-[side=top]:slide-in-from-bottom-2',\n    'ds:motion-reduce:animate-none',\n  ].join(' '),\n);\n\n/* ------------------------------------------------------------------ */\n/* Logical → physical side mapping                                     */\n/* ------------------------------------------------------------------ */\n\ntype LogicalSide = 'top' | 'end' | 'bottom' | 'start';\ntype PhysicalSide = 'top' | 'right' | 'bottom' | 'left';\n\nfunction resolvePhysicalSide(\n  logical: LogicalSide,\n  dir: 'ltr' | 'rtl',\n): PhysicalSide {\n  switch (logical) {\n    case 'top':\n      return 'top';\n    case 'bottom':\n      return 'bottom';\n    case 'start':\n      return dir === 'rtl' ? 'right' : 'left';\n    case 'end':\n      return dir === 'rtl' ? 'left' : 'right';\n  }\n}\n\n/* ------------------------------------------------------------------ */\n/* TooltipProvider                                                      */\n/* ------------------------------------------------------------------ */\n\nexport interface TooltipProviderProps {\n  children: React.ReactNode;\n  /** Open delay in ms. Default 700. */\n  delayDuration?: number;\n  /** Skip delay when moving between triggers. Default 300. */\n  skipDelayDuration?: number;\n}\n\nexport const TooltipProvider: React.FC<TooltipProviderProps> = ({\n  children,\n  delayDuration = 700,\n  skipDelayDuration = 300,\n}) => (\n  <RadixTooltip.Provider\n    delayDuration={delayDuration}\n    skipDelayDuration={skipDelayDuration}\n  >\n    {children}\n  </RadixTooltip.Provider>\n);\n\nTooltipProvider.displayName = 'TooltipProvider';\n\n/* ------------------------------------------------------------------ */\n/* Tooltip                                                              */\n/* ------------------------------------------------------------------ */\n\nexport interface TooltipProps {\n  /** The tooltip text — required. */\n  label: string;\n  /** The trigger element. */\n  children: ReactElement;\n  /** Logical side. Default 'top'. Mapped to Radix physical side based on dir. */\n  side?: LogicalSide;\n  /** Alignment along the side axis. Default 'center'. */\n  align?: 'start' | 'center' | 'end';\n  /** Gap between trigger and tooltip. Default 4. */\n  sideOffset?: number;\n  /** Open delay override for this instance. */\n  delayDuration?: number;\n  /** Controlled open state. */\n  open?: boolean;\n  /** Callback when open state changes. */\n  onOpenChange?: (open: boolean) => void;\n}\n\nexport const Tooltip: React.FC<TooltipProps> = ({\n  label,\n  children,\n  side = 'top',\n  align = 'center',\n  sideOffset = 4,\n  delayDuration,\n  open,\n  onOpenChange,\n}) => {\n  const triggerRef = useRef<HTMLButtonElement | null>(null);\n  const dir = useDirection(triggerRef as React.RefObject<HTMLElement | null>);\n  const physicalSide = resolvePhysicalSide(side, dir);\n\n  return (\n    <RadixTooltip.Root\n      delayDuration={delayDuration}\n      open={open}\n      onOpenChange={onOpenChange}\n    >\n      <RadixTooltip.Trigger asChild ref={triggerRef}>\n        {children}\n      </RadixTooltip.Trigger>\n      <RadixTooltip.Portal>\n        <RadixTooltip.Content\n          className={tooltipContentVariants()}\n          side={physicalSide}\n          align={align}\n          sideOffset={sideOffset}\n          data-component=\"tooltip\"\n        >\n          {label}\n          <RadixTooltip.Arrow className=\"ds:fill-foreground\" />\n        </RadixTooltip.Content>\n      </RadixTooltip.Portal>\n    </RadixTooltip.Root>\n  );\n};\n\nTooltip.displayName = 'Tooltip';\n"],"names":["useDirection","ref","dir","setDir","useState","useEffect","el","closest","resolved","tooltipContentVariants","cva","resolvePhysicalSide","logical","TooltipProvider","children","delayDuration","skipDelayDuration","jsx","RadixTooltip","Tooltip","label","side","align","sideOffset","open","onOpenChange","triggerRef","useRef","physicalSide","jsxs"],"mappings":";;;;AAQA,SAASA,EAAaC,GAAyD;AAC7E,QAAM,CAACC,GAAKC,CAAM,IAAIC,EAAwB,MACxC,OAAO,WAAa,MAAoB,QACpC,SAAS,gBAAgB,OAAyB,KAC3D;AAED,SAAAC,EAAU,MAAM;AACd,UAAMC,IAAKL,EAAI;AACf,QAAI,CAACK,EAAI;AACT,UAAMC,IAAUD,EAAG,QAAQ,OAAO,GAC5BE,KACJD,KAAA,gBAAAA,EAAS,aAAa,WAAU,SAAS,gBAAgB,OAAO;AAClE,IAAAJ,EAAOK,MAAa,QAAQ,QAAQ,KAAK;AAAA,EAC3C,GAAG,CAACP,CAAG,CAAC,GAEDC;AACT;AAMA,MAAMO,IAAyBC;AAAA,EAC7B;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAIA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AACZ;AASA,SAASC,EACPC,GACAV,GACc;AACd,UAAQU,GAAA;AAAA,IACN,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAOV,MAAQ,QAAQ,UAAU;AAAA,IACnC,KAAK;AACH,aAAOA,MAAQ,QAAQ,SAAS;AAAA,EAAA;AAEtC;AAcO,MAAMW,IAAkD,CAAC;AAAA,EAC9D,UAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,mBAAAC,IAAoB;AACtB,MACE,gBAAAC;AAAA,EAACC,EAAa;AAAA,EAAb;AAAA,IACC,eAAAH;AAAA,IACA,mBAAAC;AAAA,IAEC,UAAAF;AAAA,EAAA;AACH;AAGFD,EAAgB,cAAc;AAyBvB,MAAMM,IAAkC,CAAC;AAAA,EAC9C,OAAAC;AAAA,EACA,UAAAN;AAAA,EACA,MAAAO,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,YAAAC,IAAa;AAAA,EACb,eAAAR;AAAA,EACA,MAAAS;AAAA,EACA,cAAAC;AACF,MAAM;AACJ,QAAMC,IAAaC,EAAiC,IAAI,GAClDzB,IAAMF,EAAa0B,CAAiD,GACpEE,IAAejB,EAAoBU,GAAMnB,CAAG;AAElD,SACE,gBAAA2B;AAAA,IAACX,EAAa;AAAA,IAAb;AAAA,MACC,eAAAH;AAAA,MACA,MAAAS;AAAA,MACA,cAAAC;AAAA,MAEA,UAAA;AAAA,QAAA,gBAAAR,EAACC,EAAa,SAAb,EAAqB,SAAO,IAAC,KAAKQ,GAChC,UAAAZ,GACH;AAAA,QACA,gBAAAG,EAACC,EAAa,QAAb,EACC,UAAA,gBAAAW;AAAA,UAACX,EAAa;AAAA,UAAb;AAAA,YACC,WAAWT,EAAA;AAAA,YACX,MAAMmB;AAAA,YACN,OAAAN;AAAA,YACA,YAAAC;AAAA,YACA,kBAAe;AAAA,YAEd,UAAA;AAAA,cAAAH;AAAA,cACD,gBAAAH,EAACC,EAAa,OAAb,EAAmB,WAAU,qBAAA,CAAqB;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA,EACrD,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;AAEAC,EAAQ,cAAc;"}

package/dist/_chunks/{workflow-map-BKsKdYvZ.js → workflow-map-DlWBJJBt.js}

@@ -3,10 +3,10 @@ import { forwardRef as O, useMemo as R, useRef as j, useCallback as W, useState
 import { c as L } from "./index-D2ZczOXr.js";
 import { useTranslation as z } from "react-i18next";
 import { C } from "./card-DKTMLVrw.js";
-import { B as be } from "./badge-cLYVGlMh.js";
-import { K as Z } from "./key-value-pair-CqeKiP__.js";
+import { B as be } from "./badge-CIjQ1Us1.js";
+import { K as Z } from "./key-value-pair-BvDY3zuc.js";
 import { T as xe } from "./timestamp-BV2lC-wV.js";
-import { I as S } from "./icon-button-BRHSSFmZ.js";
+import { I as S } from "./icon-button-DPEqBKBQ.js";
 import { c as _ } from "./createLucideIcon-CrFbzy84.js";
 import { C as Ne } from "./circle-BkqTgYmt.js";
 import { u as Ce } from "./registry-C9nwlNyL.js";
@@ -1412,4 +1412,4 @@ export {
   ee as r,
   D as w
 };
-//# sourceMappingURL=workflow-map-BKsKdYvZ.js.map
+//# sourceMappingURL=workflow-map-DlWBJJBt.js.map