@epilot/volt-ui-experimental-griffel 0.2.3 → 0.3.1

package/dist/components/tooltip/tooltip.js

@@ -1,31 +1,32 @@
-import { jsx as r, jsxs as g } from "react/jsx-runtime";
+import { jsx as r, jsxs as y } from "react/jsx-runtime";
 import * as e from "react";
-import { Root as y, Content as T, Arrow as x, Portal as w, Provider as b, Trigger as v } from "../../vendor/@radix-ui/react-tooltip/dist/index.js";
+import { Root as T, Content as x, Arrow as v, Portal as w, Provider as b, Trigger as R } from "../../vendor/@radix-ui/react-tooltip/dist/index.js";
 import { shorthands as l } from "../../packages/volt-runtime/dist/vendor/@griffel/core/src/index.js";
 import { SLOT_ATTR as s } from "../../packages/volt-runtime/dist/renderer/contract.js";
-import { mergeClasses as R } from "../../packages/volt-runtime/dist/vendor/@griffel/core/src/mergeClasses.js";
-import { makeVoltStyles as h } from "../../styles/make-styles.js";
-import { spacingElement2 as C, radiusLg as N, error12 as c, gray12 as p, spacingElement1 as n, error1 as P, errorA12 as k, gray1 as z, textXs as S } from "../../tokens/index.js";
-const X = h({
+import { mergeClasses as h } from "../../packages/volt-runtime/dist/vendor/@griffel/core/src/mergeClasses.js";
+import { useDensity as C } from "../density-provider/density-provider.js";
+import { makeVoltStyles as N } from "../../styles/make-styles.js";
+import { spacingElement2 as P, radiusLg as k, error12 as d, gray12 as p, spacingElement1 as n, error1 as z, errorA12 as S, gray1 as X, textXs as Y } from "../../tokens/index.js";
+const A = N({
   popup: {
     width: "fit-content",
     transformOrigin: "var(--radix-tooltip-content-transform-origin)",
-    ...l.borderRadius(N),
-    ...l.padding(C),
+    ...l.borderRadius(k),
+    ...l.padding(P),
     // v1 shadow-md; elevation has no token in this package.
     boxShadow: "0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a",
-    fontSize: S,
+    fontSize: Y,
     // v1 leading-none; no line-height token exists.
     lineHeight: "1",
     textWrap: "balance",
     zIndex: 50,
     "&[data-variant='default']": {
       backgroundColor: p,
-      color: z
+      color: X
     },
     "&[data-variant='destructive']": {
-      backgroundColor: k,
-      color: P
+      backgroundColor: S,
+      color: z
     },
     "&[data-state='open']": {
       animationName: {
@@ -92,11 +93,11 @@ const X = h({
       fill: p
     },
     "&[data-variant='destructive']": {
-      backgroundColor: c,
-      fill: c
+      backgroundColor: d,
+      fill: d
     }
   }
-}), F = e.forwardRef(function({ delayDuration: t = 0, ...o }, a) {
+}), O = e.forwardRef(function({ delayDuration: t = 0, ...o }, a) {
   return /* @__PURE__ */ r(
     b,
     {
@@ -105,13 +106,13 @@ const X = h({
       ...o
     }
   );
-}), I = e.forwardRef(
+}), H = e.forwardRef(
   function(t, o) {
-    return /* @__PURE__ */ r(y, { "data-slot": "tooltip", ...t });
+    return /* @__PURE__ */ r(T, { "data-slot": "tooltip", ...t });
   }
-), L = e.forwardRef(function({ className: t, ...o }, a) {
+), Q = e.forwardRef(function({ className: t, ...o }, a) {
   return /* @__PURE__ */ r(
-    v,
+    R,
     {
       ref: a,
       "data-slot": "tooltip-trigger",
@@ -120,7 +121,7 @@ const X = h({
       ...o
     }
   );
-}), O = e.forwardRef(
+}), V = e.forwardRef(
   function(t, o) {
     return /* @__PURE__ */ r(
       w,
@@ -131,21 +132,22 @@ const X = h({
       }
     );
   }
-), H = e.forwardRef(function({ className: t, hideArrow: o = !1, variant: a = "default", children: d, ...f }, u) {
-  const m = X();
-  return /* @__PURE__ */ g(
-    T,
+), W = e.forwardRef(function({ className: t, hideArrow: o = !1, variant: a = "default", children: f, ...u }, g) {
+  const m = A(), c = C();
+  return /* @__PURE__ */ y(
+    x,
     {
-      ref: u,
+      ref: g,
       "data-slot": "tooltip-content",
       [s]: "tooltip-content",
+      ...c !== void 0 ? { "data-density": c } : {},
       "data-variant": a,
-      className: R(m.popup, t),
-      ...f,
+      className: h(m.popup, t),
+      ...u,
       children: [
-        d,
+        f,
         !o && /* @__PURE__ */ r(
-          x,
+          v,
           {
             "data-slot": "tooltip-arrow",
             [s]: "tooltip-arrow",
@@ -158,10 +160,10 @@ const X = h({
   );
 });
 export {
-  I as Tooltip,
-  H as TooltipContent,
-  O as TooltipPortal,
-  F as TooltipProvider,
-  L as TooltipTrigger
+  H as Tooltip,
+  W as TooltipContent,
+  V as TooltipPortal,
+  O as TooltipProvider,
+  Q as TooltipTrigger
 };
 //# sourceMappingURL=tooltip.js.map

package/dist/components/tooltip/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","sources":["../../../src/components/tooltip/tooltip.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\"\nimport { mergeClasses, shorthands } from \"@epilot/volt-ui-runtime\"\n\nimport { SLOT_ATTR } from \"../../renderer/contract\"\nimport { makeVoltStyles } from \"../../styles/make-styles\"\nimport * as tokens from \"../../tokens\"\n\nconst useStyles = makeVoltStyles({\n  popup: {\n    width: \"fit-content\",\n    transformOrigin: \"var(--radix-tooltip-content-transform-origin)\",\n    ...shorthands.borderRadius(tokens.radiusLg),\n    ...shorthands.padding(tokens.spacingElement2),\n    // v1 shadow-md; elevation has no token in this package.\n    boxShadow: \"0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a\",\n    fontSize: tokens.textXs,\n    // v1 leading-none; no line-height token exists.\n    lineHeight: \"1\",\n    textWrap: \"balance\",\n    zIndex: 50,\n    \"&[data-variant='default']\": {\n      backgroundColor: tokens.gray12,\n      color: tokens.gray1,\n    },\n    \"&[data-variant='destructive']\": {\n      backgroundColor: tokens.errorA12,\n      color: tokens.error1,\n    },\n    \"&[data-state='open']\": {\n      animationName: {\n        from: { opacity: 0, transform: \"scale(0.95)\" },\n        to: { opacity: 1, transform: \"scale(1)\" },\n      },\n      animationDuration: \"150ms\",\n      animationTimingFunction: \"cubic-bezier(0.4, 0, 0.2, 1)\",\n    },\n    \"&[data-state='open'][data-side='bottom']\": {\n      animationName: {\n        from: {\n          opacity: 0,\n          transform: `translateY(-${tokens.spacingElement1}) scale(0.95)`,\n        },\n        to: { opacity: 1, transform: \"translateY(0) scale(1)\" },\n      },\n    },\n    \"&[data-state='open'][data-side='left']\": {\n      animationName: {\n        from: {\n          opacity: 0,\n          transform: `translateX(${tokens.spacingElement1}) scale(0.95)`,\n        },\n        to: { opacity: 1, transform: \"translateX(0) scale(1)\" },\n      },\n    },\n    \"&[data-state='open'][data-side='right']\": {\n      animationName: {\n        from: {\n          opacity: 0,\n          transform: `translateX(-${tokens.spacingElement1}) scale(0.95)`,\n        },\n        to: { opacity: 1, transform: \"translateX(0) scale(1)\" },\n      },\n    },\n    \"&[data-state='open'][data-side='top']\": {\n      animationName: {\n        from: {\n          opacity: 0,\n          transform: `translateY(${tokens.spacingElement1}) scale(0.95)`,\n        },\n        to: { opacity: 1, transform: \"translateY(0) scale(1)\" },\n      },\n    },\n    \"&[data-state='closed']\": {\n      animationName: {\n        from: { opacity: 1, transform: \"scale(1)\" },\n        to: { opacity: 0, transform: \"scale(0.95)\" },\n      },\n      animationDuration: \"0ms\",\n      animationTimingFunction: \"cubic-bezier(0.4, 0, 1, 1)\",\n    },\n  },\n  arrow: {\n    position: \"relative\",\n    zIndex: 50,\n    width: \"0.625rem\",\n    height: \"0.625rem\",\n    transform: \"translateY(calc(-50% - 2px)) rotate(45deg)\",\n    ...shorthands.borderRadius(\"2px\"),\n    \"&[data-variant='default']\": {\n      backgroundColor: tokens.gray12,\n      fill: tokens.gray12,\n    },\n    \"&[data-variant='destructive']\": {\n      backgroundColor: tokens.error12,\n      fill: tokens.error12,\n    },\n  },\n})\n\nexport type TooltipProviderProps = React.ComponentProps<\n  typeof TooltipPrimitive.Provider\n>\n\nexport const TooltipProvider = React.forwardRef<\n  HTMLElement,\n  TooltipProviderProps\n>(function TooltipProvider({ delayDuration = 0, ...props }, _ref) {\n  return (\n    <TooltipPrimitive.Provider\n      delayDuration={delayDuration}\n      data-slot=\"tooltip-provider\"\n      {...props}\n    />\n  )\n})\n\nexport type TooltipProps = React.ComponentProps<typeof TooltipPrimitive.Root>\n\nexport const Tooltip = React.forwardRef<HTMLElement, TooltipProps>(\n  function Tooltip(props, _ref) {\n    return <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n  }\n)\n\nexport type TooltipTriggerProps = React.ComponentProps<\n  typeof TooltipPrimitive.Trigger\n>\n\nexport const TooltipTrigger = React.forwardRef<\n  React.ElementRef<typeof TooltipPrimitive.Trigger>,\n  TooltipTriggerProps\n>(function TooltipTrigger({ className, ...props }, ref) {\n  return (\n    <TooltipPrimitive.Trigger\n      ref={ref}\n      data-slot=\"tooltip-trigger\"\n      {...{ [SLOT_ATTR]: \"tooltip-trigger\" }}\n      className={className}\n      {...props}\n    />\n  )\n})\n\nexport type TooltipPortalProps = React.ComponentProps<\n  typeof TooltipPrimitive.Portal\n>\n\nexport const TooltipPortal = React.forwardRef<HTMLElement, TooltipPortalProps>(\n  function TooltipPortal(props, _ref) {\n    return (\n      <TooltipPrimitive.Portal\n        data-slot=\"tooltip-portal\"\n        {...{ [SLOT_ATTR]: \"tooltip-portal\" }}\n        {...props}\n      />\n    )\n  }\n)\n\nexport type TooltipContentProps = React.ComponentProps<\n  typeof TooltipPrimitive.Content\n> & {\n  hideArrow?: boolean\n  variant?: \"default\" | \"destructive\"\n}\n\nexport const TooltipContent = React.forwardRef<\n  React.ElementRef<typeof TooltipPrimitive.Content>,\n  TooltipContentProps\n>(function TooltipContent(\n  { className, hideArrow = false, variant = \"default\", children, ...props },\n  ref\n) {\n  const styles = useStyles()\n\n  return (\n    <TooltipPrimitive.Content\n      ref={ref}\n      data-slot=\"tooltip-content\"\n      {...{ [SLOT_ATTR]: \"tooltip-content\" }}\n      data-variant={variant}\n      className={mergeClasses(styles.popup, className)}\n      {...props}\n    >\n      {children}\n      {!hideArrow && (\n        <TooltipPrimitive.Arrow\n          data-slot=\"tooltip-arrow\"\n          {...{ [SLOT_ATTR]: \"tooltip-arrow\" }}\n          data-variant={variant}\n          className={styles.arrow}\n        />\n      )}\n    </TooltipPrimitive.Content>\n  )\n})\n"],"names":["useStyles","makeVoltStyles","shorthands","tokens.radiusLg","tokens.spacingElement2","tokens.textXs","tokens.gray12","tokens.gray1","tokens.errorA12","tokens.error1","tokens.spacingElement1","tokens.error12","TooltipProvider","React","delayDuration","props","_ref","jsx","TooltipPrimitive.Provider","Tooltip","TooltipPrimitive.Root","TooltipTrigger","className","ref","TooltipPrimitive.Trigger","SLOT_ATTR","TooltipPortal","TooltipPrimitive.Portal","TooltipContent","hideArrow","variant","children","styles","jsxs","TooltipPrimitive.Content","mergeClasses","TooltipPrimitive.Arrow"],"mappings":"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"}
+{"version":3,"file":"tooltip.js","sources":["../../../src/components/tooltip/tooltip.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\"\nimport { mergeClasses, shorthands } from \"@epilot/volt-ui-runtime\"\n\nimport { useDensity } from \"../density-provider/density-provider\"\nimport { SLOT_ATTR } from \"../../renderer/contract\"\nimport { makeVoltStyles } from \"../../styles/make-styles\"\nimport * as tokens from \"../../tokens\"\n\nconst useStyles = makeVoltStyles({\n  popup: {\n    width: \"fit-content\",\n    transformOrigin: \"var(--radix-tooltip-content-transform-origin)\",\n    ...shorthands.borderRadius(tokens.radiusLg),\n    ...shorthands.padding(tokens.spacingElement2),\n    // v1 shadow-md; elevation has no token in this package.\n    boxShadow: \"0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a\",\n    fontSize: tokens.textXs,\n    // v1 leading-none; no line-height token exists.\n    lineHeight: \"1\",\n    textWrap: \"balance\",\n    zIndex: 50,\n    \"&[data-variant='default']\": {\n      backgroundColor: tokens.gray12,\n      color: tokens.gray1,\n    },\n    \"&[data-variant='destructive']\": {\n      backgroundColor: tokens.errorA12,\n      color: tokens.error1,\n    },\n    \"&[data-state='open']\": {\n      animationName: {\n        from: { opacity: 0, transform: \"scale(0.95)\" },\n        to: { opacity: 1, transform: \"scale(1)\" },\n      },\n      animationDuration: \"150ms\",\n      animationTimingFunction: \"cubic-bezier(0.4, 0, 0.2, 1)\",\n    },\n    \"&[data-state='open'][data-side='bottom']\": {\n      animationName: {\n        from: {\n          opacity: 0,\n          transform: `translateY(-${tokens.spacingElement1}) scale(0.95)`,\n        },\n        to: { opacity: 1, transform: \"translateY(0) scale(1)\" },\n      },\n    },\n    \"&[data-state='open'][data-side='left']\": {\n      animationName: {\n        from: {\n          opacity: 0,\n          transform: `translateX(${tokens.spacingElement1}) scale(0.95)`,\n        },\n        to: { opacity: 1, transform: \"translateX(0) scale(1)\" },\n      },\n    },\n    \"&[data-state='open'][data-side='right']\": {\n      animationName: {\n        from: {\n          opacity: 0,\n          transform: `translateX(-${tokens.spacingElement1}) scale(0.95)`,\n        },\n        to: { opacity: 1, transform: \"translateX(0) scale(1)\" },\n      },\n    },\n    \"&[data-state='open'][data-side='top']\": {\n      animationName: {\n        from: {\n          opacity: 0,\n          transform: `translateY(${tokens.spacingElement1}) scale(0.95)`,\n        },\n        to: { opacity: 1, transform: \"translateY(0) scale(1)\" },\n      },\n    },\n    \"&[data-state='closed']\": {\n      animationName: {\n        from: { opacity: 1, transform: \"scale(1)\" },\n        to: { opacity: 0, transform: \"scale(0.95)\" },\n      },\n      animationDuration: \"0ms\",\n      animationTimingFunction: \"cubic-bezier(0.4, 0, 1, 1)\",\n    },\n  },\n  arrow: {\n    position: \"relative\",\n    zIndex: 50,\n    width: \"0.625rem\",\n    height: \"0.625rem\",\n    transform: \"translateY(calc(-50% - 2px)) rotate(45deg)\",\n    ...shorthands.borderRadius(\"2px\"),\n    \"&[data-variant='default']\": {\n      backgroundColor: tokens.gray12,\n      fill: tokens.gray12,\n    },\n    \"&[data-variant='destructive']\": {\n      backgroundColor: tokens.error12,\n      fill: tokens.error12,\n    },\n  },\n})\n\nexport type TooltipProviderProps = React.ComponentProps<\n  typeof TooltipPrimitive.Provider\n>\n\nexport const TooltipProvider = React.forwardRef<\n  HTMLElement,\n  TooltipProviderProps\n>(function TooltipProvider({ delayDuration = 0, ...props }, _ref) {\n  return (\n    <TooltipPrimitive.Provider\n      delayDuration={delayDuration}\n      data-slot=\"tooltip-provider\"\n      {...props}\n    />\n  )\n})\n\nexport type TooltipProps = React.ComponentProps<typeof TooltipPrimitive.Root>\n\nexport const Tooltip = React.forwardRef<HTMLElement, TooltipProps>(\n  function Tooltip(props, _ref) {\n    return <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n  }\n)\n\nexport type TooltipTriggerProps = React.ComponentProps<\n  typeof TooltipPrimitive.Trigger\n>\n\nexport const TooltipTrigger = React.forwardRef<\n  React.ElementRef<typeof TooltipPrimitive.Trigger>,\n  TooltipTriggerProps\n>(function TooltipTrigger({ className, ...props }, ref) {\n  return (\n    <TooltipPrimitive.Trigger\n      ref={ref}\n      data-slot=\"tooltip-trigger\"\n      {...{ [SLOT_ATTR]: \"tooltip-trigger\" }}\n      className={className}\n      {...props}\n    />\n  )\n})\n\nexport type TooltipPortalProps = React.ComponentProps<\n  typeof TooltipPrimitive.Portal\n>\n\nexport const TooltipPortal = React.forwardRef<HTMLElement, TooltipPortalProps>(\n  function TooltipPortal(props, _ref) {\n    return (\n      <TooltipPrimitive.Portal\n        data-slot=\"tooltip-portal\"\n        {...{ [SLOT_ATTR]: \"tooltip-portal\" }}\n        {...props}\n      />\n    )\n  }\n)\n\nexport type TooltipContentProps = React.ComponentProps<\n  typeof TooltipPrimitive.Content\n> & {\n  hideArrow?: boolean\n  variant?: \"default\" | \"destructive\"\n}\n\nexport const TooltipContent = React.forwardRef<\n  React.ElementRef<typeof TooltipPrimitive.Content>,\n  TooltipContentProps\n>(function TooltipContent(\n  { className, hideArrow = false, variant = \"default\", children, ...props },\n  ref\n) {\n  const styles = useStyles()\n  // DENSITY-SPEC.md §4.4 — portal content boundary; see dialog.tsx's identical comment. Tooltip\n  // content rarely nests density-consuming children, but the mechanism is applied uniformly across\n  // every portal-content component rather than special-cased per component.\n  const override = useDensity()\n\n  return (\n    <TooltipPrimitive.Content\n      ref={ref}\n      data-slot=\"tooltip-content\"\n      {...{ [SLOT_ATTR]: \"tooltip-content\" }}\n      {...(override !== undefined ? { \"data-density\": override } : {})}\n      data-variant={variant}\n      className={mergeClasses(styles.popup, className)}\n      {...props}\n    >\n      {children}\n      {!hideArrow && (\n        <TooltipPrimitive.Arrow\n          data-slot=\"tooltip-arrow\"\n          {...{ [SLOT_ATTR]: \"tooltip-arrow\" }}\n          data-variant={variant}\n          className={styles.arrow}\n        />\n      )}\n    </TooltipPrimitive.Content>\n  )\n})\n"],"names":["useStyles","makeVoltStyles","shorthands","tokens.radiusLg","tokens.spacingElement2","tokens.textXs","tokens.gray12","tokens.gray1","tokens.errorA12","tokens.error1","tokens.spacingElement1","tokens.error12","TooltipProvider","React","delayDuration","props","_ref","jsx","TooltipPrimitive.Provider","Tooltip","TooltipPrimitive.Root","TooltipTrigger","className","ref","TooltipPrimitive.Trigger","SLOT_ATTR","TooltipPortal","TooltipPrimitive.Portal","TooltipContent","hideArrow","variant","children","styles","override","useDensity","jsxs","TooltipPrimitive.Content","mergeClasses","TooltipPrimitive.Arrow"],"mappings":"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"}