@epilot/volt-ui-experimental-griffel 0.1.2 → 0.2.0

package/dist/components/toggle/toggle.js

@@ -1,20 +1,20 @@
 import { jsx as s } from "react/jsx-runtime";
 import * as l from "react";
-import { Root as d } from "../../node_modules/@radix-ui/react-toggle/dist/index.js";
-import { shorthands as o } from "../../node_modules/@griffel/core/src/index.js";
-import { SLOT_ATTR as m } from "../../renderer/contract.js";
-import { makeVoltStyles as g } from "../../styles/make-styles.js";
-import { errorA4 as c, errorA3 as u, errorA8 as h, semErrorSoft as f, semErrorLight as p, accentA4 as b, accentA3 as v, accentA8 as C, semAccentSoft as k, semAccentLight as S, fontWeightSemibold as y, radius2xl as A, spacingElement2 as x, radiusXl as R, radiusLg as T, spacingElement1 as W } from "../../tokens/index.js";
-import { mergeClasses as E } from "../../node_modules/@griffel/core/src/mergeClasses.js";
-const w = g({
+import { Root as d } from "../../vendor/@radix-ui/react-toggle/dist/index.js";
+import { shorthands as o } from "../../packages/volt-runtime/dist/vendor/@griffel/core/src/index.js";
+import { SLOT_ATTR as m } from "../../packages/volt-runtime/dist/renderer/contract.js";
+import { mergeClasses as g } from "../../packages/volt-runtime/dist/vendor/@griffel/core/src/mergeClasses.js";
+import { makeVoltStyles as c } from "../../styles/make-styles.js";
+import { errorA4 as u, errorA3 as h, errorA8 as f, semErrorSoft as p, semErrorLight as b, accentA4 as v, accentA3 as C, accentA8 as k, semAccentSoft as y, semAccentLight as S, fontWeightSemibold as A, radius2xl as x, spacingElement2 as R, radiusXl as T, radiusLg as W, spacingElement1 as E } from "../../tokens/index.js";
+const w = c({
   root: {
     display: "inline-flex",
     alignItems: "center",
     justifyContent: "center",
-    ...o.gap(W),
+    ...o.gap(E),
     flexShrink: 0,
     cursor: "pointer",
-    fontWeight: y,
+    fontWeight: A,
     transitionProperty: "all",
     transitionDuration: "150ms",
     transitionTimingFunction: "cubic-bezier(0.4, 0, 0.2, 1)",
@@ -40,39 +40,39 @@ const w = g({
     backgroundColor: "transparent",
     color: S,
     ":hover": {
-      backgroundColor: k
+      backgroundColor: y
     },
     ":focus-visible": {
-      outlineColor: C
+      outlineColor: k
     },
     "&[data-state='on']": {
-      backgroundColor: v
+      backgroundColor: C
     },
     "&[data-state='on']:hover": {
-      backgroundColor: b
+      backgroundColor: v
     }
   },
   destructive: {
     backgroundColor: "transparent",
-    color: p,
+    color: b,
     ":hover": {
-      backgroundColor: f
+      backgroundColor: p
     },
     ":focus-visible": {
-      outlineColor: h
+      outlineColor: f
     },
     "&[data-state='on']": {
-      backgroundColor: u
+      backgroundColor: h
     },
     "&[data-state='on']:hover": {
-      backgroundColor: c
+      backgroundColor: u
     }
   },
   // Sizes
   sm: {
     height: "1.5rem",
     minWidth: "1.5rem",
-    ...o.borderRadius(T),
+    ...o.borderRadius(W),
     ...o.paddingInline("0.375rem"),
     "& svg": {
       width: "0.875rem",
@@ -82,8 +82,8 @@ const w = g({
   base: {
     height: "2rem",
     minWidth: "2rem",
-    ...o.borderRadius(R),
-    ...o.paddingInline(x),
+    ...o.borderRadius(T),
+    ...o.paddingInline(R),
     "& svg": {
       width: "1rem",
       height: "1rem"
@@ -92,7 +92,7 @@ const w = g({
   lg: {
     height: "2.5rem",
     minWidth: "2.5rem",
-    ...o.borderRadius(A),
+    ...o.borderRadius(x),
     ...o.paddingInline("0.625rem"),
     "& svg": {
       width: "1.25rem",
@@ -107,7 +107,7 @@ const w = g({
       ref: a,
       "data-slot": "toggle",
       [m]: "toggle",
-      className: E(
+      className: g(
         e.root,
         e[t],
         e[i],

package/dist/components/toggle/toggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"toggle.js","sources":["../../../src/components/toggle/toggle.tsx"],"sourcesContent":["import * as React from \"react\"\nimport * as TogglePrimitive from \"@radix-ui/react-toggle\"\nimport { mergeClasses, shorthands } from \"@griffel/core\"\n\nimport { SLOT_ATTR } from \"../../renderer/contract\"\nimport { makeVoltStyles } from \"../../styles/make-styles\"\nimport * as tokens from \"../../tokens\"\n\nexport type ToggleVariant = \"default\" | \"destructive\"\nexport type ToggleSize = \"sm\" | \"base\" | \"lg\"\n\nexport const useToggleStyles = makeVoltStyles({\n  root: {\n    display: \"inline-flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    ...shorthands.gap(tokens.spacingElement1),\n    flexShrink: 0,\n    cursor: \"pointer\",\n    fontWeight: tokens.fontWeightSemibold,\n    transitionProperty: \"all\",\n    transitionDuration: \"150ms\",\n    transitionTimingFunction: \"cubic-bezier(0.4, 0, 0.2, 1)\",\n    ...shorthands.borderStyle(\"none\"),\n    ...shorthands.borderWidth(0),\n    \":focus-visible\": {\n      outlineWidth: \"2px\",\n      outlineOffset: \"2px\",\n      outlineStyle: \"solid\",\n    },\n    \":disabled, &[data-disabled]\": {\n      pointerEvents: \"none\",\n      opacity: 0.5,\n    },\n    \"& svg\": {\n      flexShrink: 0,\n      pointerEvents: \"none\",\n      color: \"currentColor\",\n    },\n  },\n  // Variants\n  default: {\n    backgroundColor: \"transparent\",\n    color: tokens.semAccentLight,\n    \":hover\": {\n      backgroundColor: tokens.semAccentSoft,\n    },\n    \":focus-visible\": {\n      outlineColor: tokens.accentA8,\n    },\n    \"&[data-state='on']\": {\n      backgroundColor: tokens.accentA3,\n    },\n    \"&[data-state='on']:hover\": {\n      backgroundColor: tokens.accentA4,\n    },\n  },\n  destructive: {\n    backgroundColor: \"transparent\",\n    color: tokens.semErrorLight,\n    \":hover\": {\n      backgroundColor: tokens.semErrorSoft,\n    },\n    \":focus-visible\": {\n      outlineColor: tokens.errorA8,\n    },\n    \"&[data-state='on']\": {\n      backgroundColor: tokens.errorA3,\n    },\n    \"&[data-state='on']:hover\": {\n      backgroundColor: tokens.errorA4,\n    },\n  },\n  // Sizes\n  sm: {\n    height: \"1.5rem\",\n    minWidth: \"1.5rem\",\n    ...shorthands.borderRadius(tokens.radiusLg),\n    ...shorthands.paddingInline(\"0.375rem\"),\n    \"& svg\": {\n      width: \"0.875rem\",\n      height: \"0.875rem\",\n    },\n  },\n  base: {\n    height: \"2rem\",\n    minWidth: \"2rem\",\n    ...shorthands.borderRadius(tokens.radiusXl),\n    ...shorthands.paddingInline(tokens.spacingElement2),\n    \"& svg\": {\n      width: \"1rem\",\n      height: \"1rem\",\n    },\n  },\n  lg: {\n    height: \"2.5rem\",\n    minWidth: \"2.5rem\",\n    ...shorthands.borderRadius(tokens.radius2xl),\n    ...shorthands.paddingInline(\"0.625rem\"),\n    \"& svg\": {\n      width: \"1.25rem\",\n      height: \"1.25rem\",\n    },\n  },\n})\n\nexport type ToggleProps = React.ComponentProps<typeof TogglePrimitive.Root> & {\n  variant?: ToggleVariant\n  size?: ToggleSize\n}\n\nexport const Toggle = React.forwardRef<\n  React.ComponentRef<typeof TogglePrimitive.Root>,\n  ToggleProps\n>(function Toggle(\n  { className, variant = \"default\", size = \"base\", ...props },\n  ref\n) {\n  const styles = useToggleStyles()\n\n  return (\n    <TogglePrimitive.Root\n      ref={ref}\n      data-slot=\"toggle\"\n      {...{ [SLOT_ATTR]: \"toggle\" }}\n      className={mergeClasses(\n        styles.root,\n        styles[variant],\n        styles[size],\n        className\n      )}\n      {...props}\n    />\n  )\n})\n"],"names":["useToggleStyles","makeVoltStyles","shorthands","tokens.spacingElement1","tokens.fontWeightSemibold","tokens.semAccentLight","tokens.semAccentSoft","tokens.accentA8","tokens.accentA3","tokens.accentA4","tokens.semErrorLight","tokens.semErrorSoft","tokens.errorA8","tokens.errorA3","tokens.errorA4","tokens.radiusLg","tokens.radiusXl","tokens.spacingElement2","tokens.radius2xl","Toggle","React","className","variant","size","props","ref","styles","jsx","TogglePrimitive.Root","SLOT_ATTR","mergeClasses"],"mappings":";;;;;;;;AAWO,MAAMA,IAAkBC,EAAe;AAAA,EAC5C,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,GAAGC,EAAW,IAAIC,CAAsB;AAAA,IACxC,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,YAAYC;AAAAA,IACZ,oBAAoB;AAAA,IACpB,oBAAoB;AAAA,IACpB,0BAA0B;AAAA,IAC1B,GAAGF,EAAW,YAAY,MAAM;AAAA,IAChC,GAAGA,EAAW,YAAY,CAAC;AAAA,IAC3B,kBAAkB;AAAA,MAChB,cAAc;AAAA,MACd,eAAe;AAAA,MACf,cAAc;AAAA,IAAA;AAAA,IAEhB,+BAA+B;AAAA,MAC7B,eAAe;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,IAEX,SAAS;AAAA,MACP,YAAY;AAAA,MACZ,eAAe;AAAA,MACf,OAAO;AAAA,IAAA;AAAA,EACT;AAAA;AAAA,EAGF,SAAS;AAAA,IACP,iBAAiB;AAAA,IACjB,OAAOG;AAAAA,IACP,UAAU;AAAA,MACR,iBAAiBC;AAAAA,IAAO;AAAA,IAE1B,kBAAkB;AAAA,MAChB,cAAcC;AAAAA,IAAO;AAAA,IAEvB,sBAAsB;AAAA,MACpB,iBAAiBC;AAAAA,IAAO;AAAA,IAE1B,4BAA4B;AAAA,MAC1B,iBAAiBC;AAAAA,IAAO;AAAA,EAC1B;AAAA,EAEF,aAAa;AAAA,IACX,iBAAiB;AAAA,IACjB,OAAOC;AAAAA,IACP,UAAU;AAAA,MACR,iBAAiBC;AAAAA,IAAO;AAAA,IAE1B,kBAAkB;AAAA,MAChB,cAAcC;AAAAA,IAAO;AAAA,IAEvB,sBAAsB;AAAA,MACpB,iBAAiBC;AAAAA,IAAO;AAAA,IAE1B,4BAA4B;AAAA,MAC1B,iBAAiBC;AAAAA,IAAO;AAAA,EAC1B;AAAA;AAAA,EAGF,IAAI;AAAA,IACF,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,GAAGZ,EAAW,aAAaa,CAAe;AAAA,IAC1C,GAAGb,EAAW,cAAc,UAAU;AAAA,IACtC,SAAS;AAAA,MACP,OAAO;AAAA,MACP,QAAQ;AAAA,IAAA;AAAA,EACV;AAAA,EAEF,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,GAAGA,EAAW,aAAac,CAAe;AAAA,IAC1C,GAAGd,EAAW,cAAce,CAAsB;AAAA,IAClD,SAAS;AAAA,MACP,OAAO;AAAA,MACP,QAAQ;AAAA,IAAA;AAAA,EACV;AAAA,EAEF,IAAI;AAAA,IACF,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,GAAGf,EAAW,aAAagB,CAAgB;AAAA,IAC3C,GAAGhB,EAAW,cAAc,UAAU;AAAA,IACtC,SAAS;AAAA,MACP,OAAO;AAAA,MACP,QAAQ;AAAA,IAAA;AAAA,EACV;AAEJ,CAAC,GAOYiB,IAASC,EAAM,WAG1B,SACA,EAAE,WAAAC,GAAW,SAAAC,IAAU,WAAW,MAAAC,IAAO,QAAQ,GAAGC,EAAA,GACpDC,GACA;AACA,QAAMC,IAAS1B,EAAA;AAEf,SACE,gBAAA2B;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,KAAAH;AAAA,MACA,aAAU;AAAA,MACJ,CAACI,CAAS,GAAG;AAAA,MACnB,WAAWC;AAAA,QACTJ,EAAO;AAAA,QACPA,EAAOJ,CAAO;AAAA,QACdI,EAAOH,CAAI;AAAA,QACXF;AAAA,MAAA;AAAA,MAED,GAAGG;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC;"}
+{"version":3,"file":"toggle.js","sources":["../../../src/components/toggle/toggle.tsx"],"sourcesContent":["import * as React from \"react\"\nimport * as TogglePrimitive from \"@radix-ui/react-toggle\"\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\nexport type ToggleVariant = \"default\" | \"destructive\"\nexport type ToggleSize = \"sm\" | \"base\" | \"lg\"\n\nexport const useToggleStyles = makeVoltStyles({\n  root: {\n    display: \"inline-flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    ...shorthands.gap(tokens.spacingElement1),\n    flexShrink: 0,\n    cursor: \"pointer\",\n    fontWeight: tokens.fontWeightSemibold,\n    transitionProperty: \"all\",\n    transitionDuration: \"150ms\",\n    transitionTimingFunction: \"cubic-bezier(0.4, 0, 0.2, 1)\",\n    ...shorthands.borderStyle(\"none\"),\n    ...shorthands.borderWidth(0),\n    \":focus-visible\": {\n      outlineWidth: \"2px\",\n      outlineOffset: \"2px\",\n      outlineStyle: \"solid\",\n    },\n    \":disabled, &[data-disabled]\": {\n      pointerEvents: \"none\",\n      opacity: 0.5,\n    },\n    \"& svg\": {\n      flexShrink: 0,\n      pointerEvents: \"none\",\n      color: \"currentColor\",\n    },\n  },\n  // Variants\n  default: {\n    backgroundColor: \"transparent\",\n    color: tokens.semAccentLight,\n    \":hover\": {\n      backgroundColor: tokens.semAccentSoft,\n    },\n    \":focus-visible\": {\n      outlineColor: tokens.accentA8,\n    },\n    \"&[data-state='on']\": {\n      backgroundColor: tokens.accentA3,\n    },\n    \"&[data-state='on']:hover\": {\n      backgroundColor: tokens.accentA4,\n    },\n  },\n  destructive: {\n    backgroundColor: \"transparent\",\n    color: tokens.semErrorLight,\n    \":hover\": {\n      backgroundColor: tokens.semErrorSoft,\n    },\n    \":focus-visible\": {\n      outlineColor: tokens.errorA8,\n    },\n    \"&[data-state='on']\": {\n      backgroundColor: tokens.errorA3,\n    },\n    \"&[data-state='on']:hover\": {\n      backgroundColor: tokens.errorA4,\n    },\n  },\n  // Sizes\n  sm: {\n    height: \"1.5rem\",\n    minWidth: \"1.5rem\",\n    ...shorthands.borderRadius(tokens.radiusLg),\n    ...shorthands.paddingInline(\"0.375rem\"),\n    \"& svg\": {\n      width: \"0.875rem\",\n      height: \"0.875rem\",\n    },\n  },\n  base: {\n    height: \"2rem\",\n    minWidth: \"2rem\",\n    ...shorthands.borderRadius(tokens.radiusXl),\n    ...shorthands.paddingInline(tokens.spacingElement2),\n    \"& svg\": {\n      width: \"1rem\",\n      height: \"1rem\",\n    },\n  },\n  lg: {\n    height: \"2.5rem\",\n    minWidth: \"2.5rem\",\n    ...shorthands.borderRadius(tokens.radius2xl),\n    ...shorthands.paddingInline(\"0.625rem\"),\n    \"& svg\": {\n      width: \"1.25rem\",\n      height: \"1.25rem\",\n    },\n  },\n})\n\nexport type ToggleProps = React.ComponentProps<typeof TogglePrimitive.Root> & {\n  variant?: ToggleVariant\n  size?: ToggleSize\n}\n\nexport const Toggle = React.forwardRef<\n  React.ComponentRef<typeof TogglePrimitive.Root>,\n  ToggleProps\n>(function Toggle(\n  { className, variant = \"default\", size = \"base\", ...props },\n  ref\n) {\n  const styles = useToggleStyles()\n\n  return (\n    <TogglePrimitive.Root\n      ref={ref}\n      data-slot=\"toggle\"\n      {...{ [SLOT_ATTR]: \"toggle\" }}\n      className={mergeClasses(\n        styles.root,\n        styles[variant],\n        styles[size],\n        className\n      )}\n      {...props}\n    />\n  )\n})\n"],"names":["useToggleStyles","makeVoltStyles","shorthands","tokens.spacingElement1","tokens.fontWeightSemibold","tokens.semAccentLight","tokens.semAccentSoft","tokens.accentA8","tokens.accentA3","tokens.accentA4","tokens.semErrorLight","tokens.semErrorSoft","tokens.errorA8","tokens.errorA3","tokens.errorA4","tokens.radiusLg","tokens.radiusXl","tokens.spacingElement2","tokens.radius2xl","Toggle","React","className","variant","size","props","ref","styles","jsx","TogglePrimitive.Root","SLOT_ATTR","mergeClasses"],"mappings":";;;;;;;;AAWO,MAAMA,IAAkBC,EAAe;AAAA,EAC5C,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,GAAGC,EAAW,IAAIC,CAAsB;AAAA,IACxC,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,YAAYC;AAAAA,IACZ,oBAAoB;AAAA,IACpB,oBAAoB;AAAA,IACpB,0BAA0B;AAAA,IAC1B,GAAGF,EAAW,YAAY,MAAM;AAAA,IAChC,GAAGA,EAAW,YAAY,CAAC;AAAA,IAC3B,kBAAkB;AAAA,MAChB,cAAc;AAAA,MACd,eAAe;AAAA,MACf,cAAc;AAAA,IAAA;AAAA,IAEhB,+BAA+B;AAAA,MAC7B,eAAe;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,IAEX,SAAS;AAAA,MACP,YAAY;AAAA,MACZ,eAAe;AAAA,MACf,OAAO;AAAA,IAAA;AAAA,EACT;AAAA;AAAA,EAGF,SAAS;AAAA,IACP,iBAAiB;AAAA,IACjB,OAAOG;AAAAA,IACP,UAAU;AAAA,MACR,iBAAiBC;AAAAA,IAAO;AAAA,IAE1B,kBAAkB;AAAA,MAChB,cAAcC;AAAAA,IAAO;AAAA,IAEvB,sBAAsB;AAAA,MACpB,iBAAiBC;AAAAA,IAAO;AAAA,IAE1B,4BAA4B;AAAA,MAC1B,iBAAiBC;AAAAA,IAAO;AAAA,EAC1B;AAAA,EAEF,aAAa;AAAA,IACX,iBAAiB;AAAA,IACjB,OAAOC;AAAAA,IACP,UAAU;AAAA,MACR,iBAAiBC;AAAAA,IAAO;AAAA,IAE1B,kBAAkB;AAAA,MAChB,cAAcC;AAAAA,IAAO;AAAA,IAEvB,sBAAsB;AAAA,MACpB,iBAAiBC;AAAAA,IAAO;AAAA,IAE1B,4BAA4B;AAAA,MAC1B,iBAAiBC;AAAAA,IAAO;AAAA,EAC1B;AAAA;AAAA,EAGF,IAAI;AAAA,IACF,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,GAAGZ,EAAW,aAAaa,CAAe;AAAA,IAC1C,GAAGb,EAAW,cAAc,UAAU;AAAA,IACtC,SAAS;AAAA,MACP,OAAO;AAAA,MACP,QAAQ;AAAA,IAAA;AAAA,EACV;AAAA,EAEF,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,GAAGA,EAAW,aAAac,CAAe;AAAA,IAC1C,GAAGd,EAAW,cAAce,CAAsB;AAAA,IAClD,SAAS;AAAA,MACP,OAAO;AAAA,MACP,QAAQ;AAAA,IAAA;AAAA,EACV;AAAA,EAEF,IAAI;AAAA,IACF,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,GAAGf,EAAW,aAAagB,CAAgB;AAAA,IAC3C,GAAGhB,EAAW,cAAc,UAAU;AAAA,IACtC,SAAS;AAAA,MACP,OAAO;AAAA,MACP,QAAQ;AAAA,IAAA;AAAA,EACV;AAEJ,CAAC,GAOYiB,IAASC,EAAM,WAG1B,SACA,EAAE,WAAAC,GAAW,SAAAC,IAAU,WAAW,MAAAC,IAAO,QAAQ,GAAGC,EAAA,GACpDC,GACA;AACA,QAAMC,IAAS1B,EAAA;AAEf,SACE,gBAAA2B;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,KAAAH;AAAA,MACA,aAAU;AAAA,MACJ,CAACI,CAAS,GAAG;AAAA,MACnB,WAAWC;AAAAA,QACTJ,EAAO;AAAA,QACPA,EAAOJ,CAAO;AAAA,QACdI,EAAOH,CAAI;AAAA,QACXF;AAAA,MAAA;AAAA,MAED,GAAGG;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC;"}

package/dist/components/tooltip/tooltip.js

@@ -1,31 +1,31 @@
 import { jsx as r, jsxs as g } from "react/jsx-runtime";
 import * as e from "react";
-import { Root as T, Content as x, Arrow as y, Portal as w, Provider as b, Trigger as v } from "../../node_modules/@radix-ui/react-tooltip/dist/index.js";
-import { shorthands as l } from "../../node_modules/@griffel/core/src/index.js";
-import { SLOT_ATTR as s } from "../../renderer/contract.js";
-import { makeVoltStyles as R } from "../../styles/make-styles.js";
-import { spacingElement2 as h, error12 as c, gray12 as p, spacingElement1 as n, error1 as C, errorA12 as N, gray1 as P, textXs as k, radiusLg as z } from "../../tokens/index.js";
-import { mergeClasses as S } from "../../node_modules/@griffel/core/src/mergeClasses.js";
-const X = R({
+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 { 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, error12 as c, gray12 as p, spacingElement1 as n, error1 as N, errorA12 as P, gray1 as k, textXs as z, radiusLg as S } from "../../tokens/index.js";
+const X = h({
   popup: {
     width: "fit-content",
     transformOrigin: "var(--radix-tooltip-content-transform-origin)",
-    ...l.borderRadius(z),
-    ...l.padding(h),
+    ...l.borderRadius(S),
+    ...l.padding(C),
     // v1 shadow-md; elevation has no token in this package.
     boxShadow: "0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a",
-    fontSize: k,
+    fontSize: z,
     // v1 leading-none; no line-height token exists.
     lineHeight: "1",
     textWrap: "balance",
     zIndex: 50,
     "&[data-variant='default']": {
       backgroundColor: p,
-      color: P
+      color: k
     },
     "&[data-variant='destructive']": {
-      backgroundColor: N,
-      color: C
+      backgroundColor: P,
+      color: N
     },
     "&[data-state='open']": {
       animationName: {
@@ -107,7 +107,7 @@ const X = R({
   );
 }), I = e.forwardRef(
   function(t, o) {
-    return /* @__PURE__ */ r(T, { "data-slot": "tooltip", ...t });
+    return /* @__PURE__ */ r(y, { "data-slot": "tooltip", ...t });
   }
 ), L = e.forwardRef(function({ className: t, ...o }, a) {
   return /* @__PURE__ */ r(
@@ -134,18 +134,18 @@ const X = R({
 ), H = e.forwardRef(function({ className: t, hideArrow: o = !1, variant: a = "default", children: d, ...f }, u) {
   const m = X();
   return /* @__PURE__ */ g(
-    x,
+    T,
     {
       ref: u,
       "data-slot": "tooltip-content",
       [s]: "tooltip-content",
       "data-variant": a,
-      className: S(m.popup, t),
+      className: R(m.popup, t),
       ...f,
       children: [
         d,
         !o && /* @__PURE__ */ r(
-          y,
+          x,
           {
             "data-slot": "tooltip-arrow",
             [s]: "tooltip-arrow",

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 \"@griffel/core\"\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 { 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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"}

package/dist/index.d.ts

@@ -2,8 +2,8 @@ export * as tokens from "./tokens";
 export { ensureCoreTokens, ensurePaletteTokens } from "./tokens/install";
 export { makeVoltStyles, makeVoltResetStyles } from "./styles/make-styles";
 export { SLOT_ATTR } from "./renderer/contract";
-export { assertAnchorIsFirstInHead } from "./renderer/insertion-point";
-export { mergeClasses } from "@griffel/core";
+export { assertAnchorIsFirstInHead } from "./renderer";
+export { mergeClasses } from "@epilot/volt-ui-runtime";
 export { Badge, BADGE_COLORS, type BadgeColor, type BadgeProps, type BadgeSize, type BadgeVariant, } from "./components/badge/badge";
 export { Breadcrumb, BreadcrumbItem, type BreadcrumbItemProps, type BreadcrumbProps, } from "./components/breadcrumb/breadcrumb";
 export { Callout, CalloutAction, CalloutDescription, CalloutTitle, type CalloutActionProps, type CalloutDescriptionProps, type CalloutProps, type CalloutTitleProps, type CalloutVariant, } from "./components/callout/callout";
@@ -44,4 +44,22 @@ export { SegmentedControl, SegmentedControlItem, type SegmentedControlItemProps,
 export { DateTimePicker, DateTimePickerRoot, DateTimePickerInput, DateTimePickerPopover, DateTimePickerPanel, Calendar, TimePicker, type DateTimePickerProps, type DateTimePickerRootProps, type DateTimePickerInputProps, type DateTimePickerPopoverProps, type DateTimePickerPanelProps, type CalendarProps, type TimePickerProps, type DateTimePickerLocale, } from "./components/date-time-picker/date-time-picker";
 export { DateRangePicker, RangeCalendar, type DateRangePickerProps, type DateRangePreset, type RangeCalendarProps, type DateRange, } from "./components/date-range-picker/date-range-picker";
 export { Text, type TextProps, type TextVariant } from "./components/text/text";
+export { DataTable, type DataTableProps, } from "./components/data-table/data-table";
+export { DataTableBody, type DataTableBodyProps, } from "./components/data-table/data-table-body";
+export { DataTableContent, type DataTableContentProps, } from "./components/data-table/data-table-content";
+export { DataTableHeader, type DataTableHeaderProps, } from "./components/data-table/data-table-header";
+export { DataTableLoading, type DataTableLoadingProps, } from "./components/data-table/data-table-loading";
+export { DataTableError, type DataTableErrorProps, } from "./components/data-table/data-table-error";
+export { DataTablePagination, type DataTablePaginationProps, } from "./components/data-table/data-table-pagination";
+export { DataTableToolbar, type DataTableToolbarProps, } from "./components/data-table/data-table-toolbar";
+export { DataTableColumnVisibility, type DataTableColumnVisibilityProps, } from "./components/data-table/data-table-column-visibility";
+export { DataTableColumnHeader, type DataTableColumnHeaderProps, } from "./components/data-table/data-table-column-header";
+export { DataTableRow, type DataTableRowProps, } from "./components/data-table/data-table-row";
+export { useDataTable, useDataTableContent, } from "./components/data-table/hooks";
+export { getSelectedRowData } from "./components/data-table/get-selected-row-data";
+export { getPinnedColumnOffset, isLastLeftPinnedColumn, isFirstRightPinnedColumn, type PinningPosition, } from "./components/data-table/data-table-pinning-utils";
+export type { DataTableContextValue, DataTablePaginationConfig, DataTableCellOverflow, } from "./components/data-table/data-table-context";
+export { TablePagination, type TablePaginationProps, type TablePaginationLabels, } from "./components/table/table-pagination";
+export { calculatePagination, clampPage, getPageNumbers, type PaginationParams, type PaginationMeta, type PageItem, } from "./lib/pagination";
+export type { ColumnDef, ColumnSizingState, RowSelectionState, SortingState, VisibilityState, } from "@tanstack/react-table";
 export { ClearButton, type ClearButtonProps } from "./lib/clear-button";