@alfadocs/ui-kit-debug 0.30.2 → 0.30.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alfadocs/ui-kit-debug",
-  "version": "0.30.2",
+  "version": "0.30.3",
   "type": "module",
   "description": "AlfaDocs shared design system — tokens, components, patterns, and translations for platform, booking, and alfascribe. (debug build — identical runtime to @alfadocs/ui-kit, ships source maps for symbolication).",
   "license": "BUSL-1.1",

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

@@ -1 +0,0 @@
-{"version":3,"file":"tooltip-DHik5yRI.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    'ds:bg-foreground ds:text-background',\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,IACA;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;"}