@lobehub/ui 6.0.0-beta.1 → 6.0.0-beta.11

package/es/Text/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../src/Text/style.ts"],"sourcesContent":["import * as stylex from '@stylexjs/stylex';\nimport clsx from 'clsx';\n\nimport { cssVar } from '@/styles/stylex/cssVar.stylex';\nimport { styleProps } from '@/styles/stylex/props';\n\nconst shine = stylex.keyframes({\n  '0%': { backgroundPosition: '100%' },\n  '100%': { backgroundPosition: '-100%' },\n});\n\nexport const styles = stylex.create({\n  code: {\n    fontFamily: cssVar.fontFamilyCode,\n  },\n  danger: {\n    color: cssVar.colorError,\n  },\n  delete: {\n    textDecoration: 'line-through',\n  },\n  disabled: {\n    color: cssVar.colorTextDisabled,\n    cursor: 'not-allowed',\n  },\n  ellipsis: {\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n  },\n  ellipsisMulti: {\n    overflow: 'hidden',\n    WebkitBoxOrient: 'vertical',\n    display: '-webkit-box',\n    textOverflow: 'ellipsis',\n  },\n  h1: {\n    fontSize: `calc(${cssVar.fontSize} * 2.5)`,\n    fontWeight: 'bold',\n    lineHeight: 1.25,\n  },\n  h2: {\n    fontSize: `calc(${cssVar.fontSize} * 2)`,\n    fontWeight: 'bold',\n    lineHeight: 1.25,\n  },\n  h3: {\n    fontSize: `calc(${cssVar.fontSize} * 1.5)`,\n    fontWeight: 'bold',\n    lineHeight: 1.25,\n  },\n  h4: {\n    fontSize: `calc(${cssVar.fontSize} * 1.25)`,\n    fontWeight: 'bold',\n    lineHeight: 1.25,\n  },\n  h5: {\n    fontSize: cssVar.fontSize,\n    fontWeight: 'bold',\n    lineHeight: 1.25,\n  },\n  info: {\n    color: cssVar.colorInfo,\n  },\n  italic: {\n    fontStyle: 'italic',\n  },\n  mark: {\n    backgroundColor: cssVar.yellow,\n    color: '#000',\n  },\n  p: {\n    marginBlock: 0,\n  },\n  secondary: {\n    color: cssVar.colorTextDescription,\n  },\n  // The sweep peaks at --shiny-color. Override it to match the static text the\n  // shimmering label sits next to. currentColor cannot serve here: the dimmed\n  // color declared below would feed back into the sweep overlay.\n  shiny: {\n    '--shiny-color': cssVar.colorText,\n    '--shiny-duration': '1.5s',\n    'animationDuration': 'var(--shiny-duration)',\n    'animationIterationCount': 'infinite',\n    'animationName': shine,\n    'animationTimingFunction': 'linear',\n    'backgroundClip': 'text',\n    'backgroundImage':\n      'linear-gradient(120deg, transparent 25%, var(--shiny-color) 50%, transparent 75%)',\n    'backgroundSize': '200% 100%',\n    'color': 'color-mix(in srgb, var(--shiny-color) 28%, transparent)',\n    'userSelect': 'none',\n  },\n  strong: {\n    fontWeight: 'bold',\n  },\n  success: {\n    color: cssVar.colorSuccess,\n  },\n  text: {\n    color: cssVar.colorText,\n  },\n  underline: {\n    textDecoration: 'underline',\n  },\n  warning: {\n    color: cssVar.colorWarning,\n  },\n});\n\nconst shinyClassName = 'lobe-text-shiny';\n\nconst classNameOf = (style: Parameters<typeof styleProps>[0]) => styleProps(style).className;\n\nexport const textStyles = {\n  ...(Object.fromEntries(\n    Object.entries(styles).map(([key, value]) => [key, classNameOf(value)]),\n  ) as Record<keyof typeof styles, string>),\n  shiny: clsx(classNameOf(styles.shiny), shinyClassName),\n};\n\nexport const groupStyles = {\n  shinyGroup: 'lobe-text-shiny-group',\n};\n\ntype TextVariantProps = {\n  as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'p' | null;\n  class?: string;\n  className?: string;\n  code?: boolean | null;\n  delete?: boolean | null;\n  disabled?: boolean | null;\n  ellipsis?: 'multi' | boolean | null;\n  italic?: boolean | null;\n  mark?: boolean | null;\n  shiny?: boolean | null;\n  strong?: boolean | null;\n  type?: 'danger' | 'info' | 'secondary' | 'success' | 'warning' | null;\n  underline?: boolean | null;\n};\n\nexport const textStyleArray = (props: TextVariantProps = {}) => [\n  styles.text,\n  props.as && styles[props.as],\n  props.code && styles.code,\n  props.delete && styles.delete,\n  props.disabled && styles.disabled,\n  props.ellipsis === 'multi' && styles.ellipsisMulti,\n  props.ellipsis === true && styles.ellipsis,\n  props.italic && styles.italic,\n  props.mark && styles.mark,\n  props.shiny && styles.shiny,\n  props.strong && styles.strong,\n  props.type && styles[props.type],\n  props.underline && styles.underline,\n];\n\nexport const variants = (props: TextVariantProps = {}) =>\n  clsx(\n    classNameOf(textStyleArray(props)),\n    props.shiny && shinyClassName,\n    props.class,\n    props.className,\n  );\n"],"mappings":";;;AAMA,MAAa,SAAS;CACpB,MAAM;EACJ,QAAQ;EACR,OAAO;CACT;CACA,QAAQ;EACN,QAAQ;EACR,OAAO;CACT;CACA,QAAQ;EACN,QAAQ;EACR,OAAO;CACT;CACA,UAAU;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,UAAU;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,eAAe;EACb,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,IAAI;EACF,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,IAAI;EACF,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,IAAI;EACF,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,IAAI;EACF,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,IAAI;EACF,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,OAAO;CACT;CACA,QAAQ;EACN,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,GAAG;EACD,QAAQ;EACR,OAAO;CACT;CACA,WAAW;EACT,QAAQ;EACR,OAAO;CACT;CACA,OAAO;EACL,iBAAiB;EACjB,oBAAoB;EACpB,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,QAAQ;EACN,QAAQ;EACR,OAAO;CACT;CACA,SAAS;EACP,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,OAAO;CACT;CACA,WAAW;EACT,QAAQ;EACR,OAAO;CACT;CACA,SAAS;EACP,QAAQ;EACR,OAAO;CACT;AACF;AACA,MAAM,iBAAiB;AACvB,MAAM,eAAe,UAA4C,WAAW,KAAK,CAAC,CAAC;AACnF,MAAa,aAAa;CACxB,GAAI,OAAO,YAAY,OAAO,QAAQ,MAAM,CAAC,CAAC,KAAK,CAAC,KAAK,WAAW,CAAC,KAAK,YAAY,KAAK,CAAC,CAAC,CAAC;CAC9F,OAAO,KAAK,YAAY,OAAO,KAAK,GAAG,cAAc;AACvD;AACA,MAAa,cAAc,EACzB,YAAY,wBACd;AAgBA,MAAa,kBAAkB,QAA0B,CAAC,MAAM;CAAC,OAAO;CAAM,MAAM,MAAM,OAAO,MAAM;CAAK,MAAM,QAAQ,OAAO;CAAM,MAAM,UAAU,OAAO;CAAQ,MAAM,YAAY,OAAO;CAAU,MAAM,aAAa,WAAW,OAAO;CAAe,MAAM,aAAa,QAAQ,OAAO;CAAU,MAAM,UAAU,OAAO;CAAQ,MAAM,QAAQ,OAAO;CAAM,MAAM,SAAS,OAAO;CAAO,MAAM,UAAU,OAAO;CAAQ,MAAM,QAAQ,OAAO,MAAM;CAAO,MAAM,aAAa,OAAO;AAAS;AACpe,MAAa,YAAY,QAA0B,CAAC,MAAM,KAAK,YAAY,eAAe,KAAK,CAAC,GAAG,MAAM,SAAS,gBAAgB,MAAM,OAAO,MAAM,SAAS"}
+{"version":3,"file":"style.mjs","names":["clsx"],"sources":["../../src/Text/style.ts"],"sourcesContent":["import * as stylex from '@stylexjs/stylex';\nimport clsx from 'clsx';\n\nimport { cssVar } from '@/styles/stylex/cssVar.stylex';\nimport { styleProps } from '@/styles/stylex/props';\n\nconst shine = stylex.keyframes({\n  '0%': { backgroundPosition: '100%' },\n  '100%': { backgroundPosition: '-100%' },\n});\n\nexport const styles = stylex.create({\n  code: {\n    fontFamily: cssVar.fontFamilyCode,\n  },\n  danger: {\n    color: cssVar.colorError,\n  },\n  delete: {\n    textDecoration: 'line-through',\n  },\n  disabled: {\n    color: cssVar.colorTextDisabled,\n    cursor: 'not-allowed',\n  },\n  ellipsis: {\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n  },\n  ellipsisMulti: {\n    overflow: 'hidden',\n    WebkitBoxOrient: 'vertical',\n    display: '-webkit-box',\n    textOverflow: 'ellipsis',\n  },\n  h1: {\n    fontSize: `calc(${cssVar.fontSize} * 2.5)`,\n    fontWeight: 'bold',\n    lineHeight: 1.25,\n  },\n  h2: {\n    fontSize: `calc(${cssVar.fontSize} * 2)`,\n    fontWeight: 'bold',\n    lineHeight: 1.25,\n  },\n  h3: {\n    fontSize: `calc(${cssVar.fontSize} * 1.5)`,\n    fontWeight: 'bold',\n    lineHeight: 1.25,\n  },\n  h4: {\n    fontSize: `calc(${cssVar.fontSize} * 1.25)`,\n    fontWeight: 'bold',\n    lineHeight: 1.25,\n  },\n  h5: {\n    fontSize: cssVar.fontSize,\n    fontWeight: 'bold',\n    lineHeight: 1.25,\n  },\n  info: {\n    color: cssVar.colorInfo,\n  },\n  italic: {\n    fontStyle: 'italic',\n  },\n  mark: {\n    backgroundColor: cssVar.yellow,\n    color: '#000',\n  },\n  p: {\n    marginBlock: 0,\n  },\n  secondary: {\n    color: cssVar.colorTextDescription,\n  },\n  // The sweep peaks at --shiny-color. Override it to match the static text the\n  // shimmering label sits next to. currentColor cannot serve here: the dimmed\n  // color declared below would feed back into the sweep overlay.\n  shiny: {\n    '--shiny-color': cssVar.colorText,\n    '--shiny-duration': '1.5s',\n    'animationDuration': 'var(--shiny-duration)',\n    'animationIterationCount': 'infinite',\n    'animationName': shine,\n    'animationTimingFunction': 'linear',\n    'backgroundClip': 'text',\n    'backgroundImage':\n      'linear-gradient(120deg, transparent 25%, var(--shiny-color) 50%, transparent 75%)',\n    'backgroundSize': '200% 100%',\n    'color': 'color-mix(in srgb, var(--shiny-color) 28%, transparent)',\n    'userSelect': 'none',\n  },\n  strong: {\n    fontWeight: 'bold',\n  },\n  success: {\n    color: cssVar.colorSuccess,\n  },\n  text: {\n    color: cssVar.colorText,\n  },\n  underline: {\n    textDecoration: 'underline',\n  },\n  warning: {\n    color: cssVar.colorWarning,\n  },\n});\n\nconst shinyClassName = 'lobe-text-shiny';\n\nconst classNameOf = (style: Parameters<typeof styleProps>[0]) => styleProps(style).className;\n\nexport const textStyles = {\n  ...(Object.fromEntries(\n    Object.entries(styles).map(([key, value]) => [key, classNameOf(value)]),\n  ) as Record<keyof typeof styles, string>),\n  shiny: clsx(classNameOf(styles.shiny), shinyClassName),\n};\n\nexport const groupStyles = {\n  shinyGroup: 'lobe-text-shiny-group',\n};\n\ntype TextVariantProps = {\n  as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'p' | null;\n  class?: string;\n  className?: string;\n  code?: boolean | null;\n  delete?: boolean | null;\n  disabled?: boolean | null;\n  ellipsis?: 'multi' | boolean | null;\n  italic?: boolean | null;\n  mark?: boolean | null;\n  shiny?: boolean | null;\n  strong?: boolean | null;\n  type?: 'danger' | 'info' | 'secondary' | 'success' | 'warning' | null;\n  underline?: boolean | null;\n};\n\nexport const textStyleArray = (props: TextVariantProps = {}) => [\n  styles.text,\n  props.as && styles[props.as],\n  props.code && styles.code,\n  props.delete && styles.delete,\n  props.disabled && styles.disabled,\n  props.ellipsis === 'multi' && styles.ellipsisMulti,\n  props.ellipsis === true && styles.ellipsis,\n  props.italic && styles.italic,\n  props.mark && styles.mark,\n  props.shiny && styles.shiny,\n  props.strong && styles.strong,\n  props.type && styles[props.type],\n  props.underline && styles.underline,\n];\n\nexport const variants = (props: TextVariantProps = {}) =>\n  clsx(\n    classNameOf(textStyleArray(props)),\n    props.shiny && shinyClassName,\n    props.class,\n    props.className,\n  );\n"],"mappings":";;;AAMA,MAAa,SAAS;CACpB,MAAM;EACJ,QAAQ;EACR,OAAO;CACT;CACA,QAAQ;EACN,QAAQ;EACR,OAAO;CACT;CACA,QAAQ;EACN,QAAQ;EACR,OAAO;CACT;CACA,UAAU;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,UAAU;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,eAAe;EACb,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,IAAI;EACF,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,IAAI;EACF,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,IAAI;EACF,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,IAAI;EACF,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,IAAI;EACF,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,OAAO;CACT;CACA,QAAQ;EACN,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,GAAG;EACD,QAAQ;EACR,OAAO;CACT;CACA,WAAW;EACT,QAAQ;EACR,OAAO;CACT;CACA,OAAO;EACL,iBAAiB;EACjB,oBAAoB;EACpB,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,QAAQ;EACN,QAAQ;EACR,OAAO;CACT;CACA,SAAS;EACP,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,OAAO;CACT;CACA,WAAW;EACT,QAAQ;EACR,OAAO;CACT;CACA,SAAS;EACP,QAAQ;EACR,OAAO;CACT;AACF;AACA,MAAM,iBAAiB;AACvB,MAAM,eAAe,UAA4C,WAAW,KAAK,CAAC,CAAC;AACnF,MAAa,aAAa;CACxB,GAAI,OAAO,YAAY,OAAO,QAAQ,MAAM,CAAC,CAAC,KAAK,CAAC,KAAK,WAAW,CAAC,KAAK,YAAY,KAAK,CAAC,CAAC,CAAC;CAC9F,OAAOA,OAAK,YAAY,OAAO,KAAK,GAAG,cAAc;AACvD;AACA,MAAa,cAAc,EACzB,YAAY,wBACd;AAgBA,MAAa,kBAAkB,QAA0B,CAAC,MAAM;CAAC,OAAO;CAAM,MAAM,MAAM,OAAO,MAAM;CAAK,MAAM,QAAQ,OAAO;CAAM,MAAM,UAAU,OAAO;CAAQ,MAAM,YAAY,OAAO;CAAU,MAAM,aAAa,WAAW,OAAO;CAAe,MAAM,aAAa,QAAQ,OAAO;CAAU,MAAM,UAAU,OAAO;CAAQ,MAAM,QAAQ,OAAO;CAAM,MAAM,SAAS,OAAO;CAAO,MAAM,UAAU,OAAO;CAAQ,MAAM,QAAQ,OAAO,MAAM;CAAO,MAAM,aAAa,OAAO;AAAS;AACpe,MAAa,YAAY,QAA0B,CAAC,MAAMA,OAAK,YAAY,eAAe,KAAK,CAAC,GAAG,MAAM,SAAS,gBAAgB,MAAM,OAAO,MAAM,SAAS"}

package/es/Toast/dodge.mjs

@@ -1,6 +1,5 @@
 import { toastDodge } from "./dodge.stylex.mjs";
 toastDodge.duration;
-toastDodge.ease;
 const TOAST_SHIFT_X_VAR = "--toast-shift-x";
 const TOAST_SHIFT_Y_VAR = "--toast-shift-y";
 const TOAST_WIDTH_VAR = "--toast-width";

package/es/Toast/dodge.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"dodge.mjs","names":[],"sources":["../../src/Toast/dodge.ts"],"sourcesContent":["import { toastDodge } from './dodge.stylex';\n\nexport const TOAST_WIDTH = 360;\nexport const TOAST_MIN_WIDTH = 260;\nexport const TOAST_EDGE = 16;\nexport const TOAST_ROW_HEIGHT = 88;\nexport const TOAST_DODGE_GUTTER = 12;\n\nexport const TOAST_DODGE_DURATION = toastDodge.duration;\nexport const TOAST_DODGE_EASE = toastDodge.ease;\n\nexport const TOAST_SHIFT_X_VAR = '--toast-shift-x';\nexport const TOAST_SHIFT_Y_VAR = '--toast-shift-y';\nexport const TOAST_WIDTH_VAR = '--toast-width';\nexport const PANEL_RESERVE_VAR = '--floating-panel-reserve-block-end';\nexport const PANEL_ALIGN_INLINE_VAR = '--floating-panel-reserve-inline-end';\n\nexport interface ToastDodgeInput {\n  panelHeight: number;\n  panelOffsetX: number;\n  panelOffsetY: number;\n  panelWidth: number;\n  viewportHeight: number;\n  viewportWidth: number;\n}\n\nexport type ToastDodgeMode = 'left' | 'reserve' | 'shrink' | 'up';\n\nexport interface ToastDodgeResult {\n  alignInline: number;\n  mode: ToastDodgeMode;\n  reserve: number;\n  shiftX: number;\n  shiftY: number;\n  width: number;\n}\n\nexport const resolveToastDodge = ({\n  panelHeight,\n  panelOffsetX,\n  panelOffsetY,\n  panelWidth,\n  viewportHeight,\n  viewportWidth,\n}: ToastDodgeInput): ToastDodgeResult => {\n  const shiftX = Math.max(0, panelWidth + panelOffsetX + TOAST_DODGE_GUTTER - TOAST_EDGE);\n  const shiftY = Math.max(0, panelHeight + panelOffsetY + TOAST_DODGE_GUTTER - TOAST_EDGE);\n  const lane = viewportWidth - shiftX - TOAST_EDGE * 2;\n  const headroom = viewportHeight - shiftY - TOAST_EDGE * 2;\n\n  // The panel sits closer to the edge than the toast does, so the pair reads as\n  // misaligned until the panel is pushed out to the toast's inset. Which axis\n  // needs it follows which edge the two end up sharing.\n  const alignBlock = Math.max(0, TOAST_EDGE - panelOffsetY);\n  const alignInline = Math.max(0, TOAST_EDGE - panelOffsetX);\n\n  if (lane >= TOAST_WIDTH) {\n    return {\n      alignInline: 0,\n      mode: 'left',\n      reserve: alignBlock,\n      shiftX,\n      shiftY: 0,\n      width: TOAST_WIDTH,\n    };\n  }\n\n  if (headroom >= TOAST_ROW_HEIGHT) {\n    return { alignInline, mode: 'up', reserve: 0, shiftX: 0, shiftY, width: TOAST_WIDTH };\n  }\n\n  if (lane >= TOAST_MIN_WIDTH) {\n    return { alignInline: 0, mode: 'shrink', reserve: alignBlock, shiftX, shiftY: 0, width: lane };\n  }\n\n  // ponytail: the reserve budget is one toast row, not the live stack height —\n  // measuring the stack would feed panel resizes back into the measurement.\n  // A taller stack overflows upward here; per-stack reserve if that shows up.\n  return {\n    alignInline,\n    mode: 'reserve',\n    reserve: Math.max(0, TOAST_EDGE + TOAST_ROW_HEIGHT + TOAST_DODGE_GUTTER - panelOffsetY),\n    shiftX: 0,\n    shiftY: 0,\n    width: TOAST_WIDTH,\n  };\n};\n"],"mappings":";AAQoC,WAAW;AACf,WAAW;AAE3C,MAAa,oBAAoB;AACjC,MAAa,oBAAoB;AACjC,MAAa,kBAAkB;AAC/B,MAAa,oBAAoB;AACjC,MAAa,yBAAyB;AAsBtC,MAAa,qBAAqB,EAChC,aACA,cACA,cACA,YACA,gBACA,oBACuC;CACvC,MAAM,SAAS,KAAK,IAAI,GAAG,aAAa,eAAA,KAAA,EAA8C;CACtF,MAAM,SAAS,KAAK,IAAI,GAAG,cAAc,eAAA,KAAA,EAA8C;CACvF,MAAM,OAAO,gBAAgB,SAAS;CACtC,MAAM,WAAW,iBAAiB,SAAS;CAK3C,MAAM,aAAa,KAAK,IAAI,GAAA,KAAgB,YAAY;CACxD,MAAM,cAAc,KAAK,IAAI,GAAA,KAAgB,YAAY;CAEzD,IAAI,QAAA,KACF,OAAO;EACL,aAAa;EACb,MAAM;EACN,SAAS;EACT;EACA,QAAQ;EACR,OAAA;CACF;CAGF,IAAI,YAAA,IACF,OAAO;EAAE;EAAa,MAAM;EAAM,SAAS;EAAG,QAAQ;EAAG;EAAQ,OAAA;CAAmB;CAGtF,IAAI,QAAA,KACF,OAAO;EAAE,aAAa;EAAG,MAAM;EAAU,SAAS;EAAY;EAAQ,QAAQ;EAAG,OAAO;CAAK;CAM/F,OAAO;EACL;EACA,MAAM;EACN,SAAS,KAAK,IAAI,GAAG,MAAqD,YAAY;EACtF,QAAQ;EACR,QAAQ;EACR,OAAA;CACF;AACF"}
+{"version":3,"file":"dodge.mjs","names":[],"sources":["../../src/Toast/dodge.ts"],"sourcesContent":["import { toastDodge } from './dodge.stylex';\n\nexport const TOAST_WIDTH = 360;\nexport const TOAST_MIN_WIDTH = 260;\nexport const TOAST_EDGE = 16;\nexport const TOAST_ROW_HEIGHT = 88;\nexport const TOAST_DODGE_GUTTER = 12;\n\nexport const TOAST_DODGE_DURATION = toastDodge.duration;\n\nexport const TOAST_SHIFT_X_VAR = '--toast-shift-x';\nexport const TOAST_SHIFT_Y_VAR = '--toast-shift-y';\nexport const TOAST_WIDTH_VAR = '--toast-width';\nexport const PANEL_RESERVE_VAR = '--floating-panel-reserve-block-end';\nexport const PANEL_ALIGN_INLINE_VAR = '--floating-panel-reserve-inline-end';\n\nexport interface ToastDodgeInput {\n  panelHeight: number;\n  panelOffsetX: number;\n  panelOffsetY: number;\n  panelWidth: number;\n  viewportHeight: number;\n  viewportWidth: number;\n}\n\nexport type ToastDodgeMode = 'left' | 'reserve' | 'shrink' | 'up';\n\nexport interface ToastDodgeResult {\n  alignInline: number;\n  mode: ToastDodgeMode;\n  reserve: number;\n  shiftX: number;\n  shiftY: number;\n  width: number;\n}\n\nexport const resolveToastDodge = ({\n  panelHeight,\n  panelOffsetX,\n  panelOffsetY,\n  panelWidth,\n  viewportHeight,\n  viewportWidth,\n}: ToastDodgeInput): ToastDodgeResult => {\n  const shiftX = Math.max(0, panelWidth + panelOffsetX + TOAST_DODGE_GUTTER - TOAST_EDGE);\n  const shiftY = Math.max(0, panelHeight + panelOffsetY + TOAST_DODGE_GUTTER - TOAST_EDGE);\n  const lane = viewportWidth - shiftX - TOAST_EDGE * 2;\n  const headroom = viewportHeight - shiftY - TOAST_EDGE * 2;\n\n  // The panel sits closer to the edge than the toast does, so the pair reads as\n  // misaligned until the panel is pushed out to the toast's inset. Which axis\n  // needs it follows which edge the two end up sharing.\n  const alignBlock = Math.max(0, TOAST_EDGE - panelOffsetY);\n  const alignInline = Math.max(0, TOAST_EDGE - panelOffsetX);\n\n  if (lane >= TOAST_WIDTH) {\n    return {\n      alignInline: 0,\n      mode: 'left',\n      reserve: alignBlock,\n      shiftX,\n      shiftY: 0,\n      width: TOAST_WIDTH,\n    };\n  }\n\n  if (headroom >= TOAST_ROW_HEIGHT) {\n    return { alignInline, mode: 'up', reserve: 0, shiftX: 0, shiftY, width: TOAST_WIDTH };\n  }\n\n  if (lane >= TOAST_MIN_WIDTH) {\n    return { alignInline: 0, mode: 'shrink', reserve: alignBlock, shiftX, shiftY: 0, width: lane };\n  }\n\n  // ponytail: the reserve budget is one toast row, not the live stack height —\n  // measuring the stack would feed panel resizes back into the measurement.\n  // A taller stack overflows upward here; per-stack reserve if that shows up.\n  return {\n    alignInline,\n    mode: 'reserve',\n    reserve: Math.max(0, TOAST_EDGE + TOAST_ROW_HEIGHT + TOAST_DODGE_GUTTER - panelOffsetY),\n    shiftX: 0,\n    shiftY: 0,\n    width: TOAST_WIDTH,\n  };\n};\n"],"mappings":";AAQoC,WAAW;AAE/C,MAAa,oBAAoB;AACjC,MAAa,oBAAoB;AACjC,MAAa,kBAAkB;AAC/B,MAAa,oBAAoB;AACjC,MAAa,yBAAyB;AAsBtC,MAAa,qBAAqB,EAChC,aACA,cACA,cACA,YACA,gBACA,oBACuC;CACvC,MAAM,SAAS,KAAK,IAAI,GAAG,aAAa,eAAA,KAAA,EAA8C;CACtF,MAAM,SAAS,KAAK,IAAI,GAAG,cAAc,eAAA,KAAA,EAA8C;CACvF,MAAM,OAAO,gBAAgB,SAAS;CACtC,MAAM,WAAW,iBAAiB,SAAS;CAK3C,MAAM,aAAa,KAAK,IAAI,GAAA,KAAgB,YAAY;CACxD,MAAM,cAAc,KAAK,IAAI,GAAA,KAAgB,YAAY;CAEzD,IAAI,QAAA,KACF,OAAO;EACL,aAAa;EACb,MAAM;EACN,SAAS;EACT;EACA,QAAQ;EACR,OAAA;CACF;CAGF,IAAI,YAAA,IACF,OAAO;EAAE;EAAa,MAAM;EAAM,SAAS;EAAG,QAAQ;EAAG;EAAQ,OAAA;CAAmB;CAGtF,IAAI,QAAA,KACF,OAAO;EAAE,aAAa;EAAG,MAAM;EAAU,SAAS;EAAY;EAAQ,QAAQ;EAAG,OAAO;CAAK;CAM/F,OAAO;EACL;EACA,MAAM;EACN,SAAS,KAAK,IAAI,GAAG,MAAqD,YAAY;EACtF,QAAQ;EACR,QAAQ;EACR,OAAA;CACF;AACF"}

package/es/Toast/dodge.stylex.mjs

@@ -1,8 +1,5 @@
 //#region src/Toast/dodge.stylex.ts
-const toastDodge = {
-	duration: "608ms",
-	ease: "linear(0, 0.08, 0.249, 0.437, 0.607, 0.745, 0.847, 0.917, 0.963, 0.99, 1.004, 1.011, 1.012, 1.011, 1.009, 1.007, 1.005, 1.003, 1.002, 1)"
-};
+const toastDodge = { duration: "608ms" };
 //#endregion
 export { toastDodge };
 

package/es/Toast/dodge.stylex.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"dodge.stylex.mjs","names":[],"sources":["../../src/Toast/dodge.stylex.ts"],"sourcesContent":["import * as stylex from '@stylexjs/stylex';\n\n// Spring baked as linear(): stiffness 460 / damping 53 / mass 2.3, zeta ~0.81\n// with 1.2% overshoot. The duration is the spring's settle time — change them\n// together with the curve, not independently.\nexport const toastDodge = stylex.defineConsts({\n  duration: '608ms',\n  ease: 'linear(0, 0.08, 0.249, 0.437, 0.607, 0.745, 0.847, 0.917, 0.963, 0.99, 1.004, 1.011, 1.012, 1.011, 1.009, 1.007, 1.005, 1.003, 1.002, 1)',\n});\n"],"mappings":";AAKA,MAAa,aAAa;CACxB,UAAU;CACV,MAAM;AACR"}
+{"version":3,"file":"dodge.stylex.mjs","names":[],"sources":["../../src/Toast/dodge.stylex.ts"],"sourcesContent":["import * as stylex from '@stylexjs/stylex';\n\n// Paired with motionSpringSnappy: the duration is that spring's settle time —\n// change them together, not independently.\nexport const toastDodge = stylex.defineConsts({\n  duration: '608ms',\n});\n"],"mappings":";AAIA,MAAa,aAAa,EACxB,UAAU,QACZ"}

package/es/Toast/style.mjs

@@ -204,7 +204,7 @@ const styles = {
 		k3aq6I: "lb18zyp77",
 		kIyJzY: "lb1x2t6jx lb12w9bfk",
 		k1ekBW: "lb11xpdln lb4wkmsb",
-		kAMwcw: "lbh0x3zu lb7v8fk2",
+		kAMwcw: "lbsygjwy lb7v8fk2",
 		$$css: true
 	},
 	viewportTop: {

package/es/Toast/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../src/Toast/style.ts"],"sourcesContent":["import * as stylex from '@stylexjs/stylex';\n\nimport { cssVar } from '@/styles/stylex/cssVar.stylex';\n\nimport { toastDodge } from './dodge.stylex';\n\nconst focusVisible = ':focus-visible:not([data-lobe-focus-ring=\"managed\"])';\nconst forcedColors = '@media (forced-colors: active)';\nconst reducedMotion = '@media (prefers-reduced-motion: reduce)';\nconst hover = ':hover:not(:active)';\nconst startingOrEnding = ':is([data-starting-style], [data-ending-style])';\nconst expanded = ':is([data-expanded]):not([data-starting-style], [data-ending-style])';\nconst swiping = ':is([data-swiping])';\nconst viewportOffsetX = 'var(--toast-viewport-offset-x, 16px)';\nconst viewportOffsetY = 'var(--toast-viewport-offset-y, 16px)';\n\nexport const styles = stylex.create({\n  action: {\n    borderColor: 'currentcolor',\n    borderRadius: cssVar.borderRadiusSM,\n    borderStyle: 'none',\n    borderWidth: 'medium',\n    paddingInline: 12,\n    transition: 'background 0.2s, color 0.2s',\n    alignItems: 'center',\n    cursor: 'pointer',\n    display: 'inline-flex',\n    flexShrink: 0,\n    fontSize: 12,\n    fontWeight: 500,\n    justifyContent: 'center',\n    lineHeight: 1,\n    height: 28,\n  },\n\n  actionDanger: {\n    '--lobe-focus-ring-color': cssVar.colorError,\n    'backgroundColor': {\n      'default': cssVar.colorError,\n      [hover]: cssVar.colorErrorHover,\n      ':active': cssVar.colorErrorActive,\n    },\n    'color': cssVar.colorBgLayout,\n    'outlineColor': {\n      default: null,\n      [focusVisible]: `color-mix(in srgb, ${cssVar.colorError} 90%, transparent)`,\n      [forcedColors]: { default: null, [focusVisible]: 'CanvasText' },\n    },\n  },\n\n  actionGhost: {\n    borderColor: {\n      'default': cssVar.colorBorder,\n      [hover]: cssVar.colorPrimary,\n      ':active': cssVar.colorPrimaryActive,\n    },\n    borderStyle: 'solid',\n    borderWidth: 1,\n    backgroundColor: 'transparent',\n    color: {\n      'default': cssVar.colorText,\n      [hover]: cssVar.colorPrimary,\n      ':active': cssVar.colorPrimaryActive,\n    },\n  },\n\n  actionPrimary: {\n    backgroundColor: {\n      'default': cssVar.colorPrimary,\n      [hover]: cssVar.colorPrimaryHover,\n      ':active': cssVar.colorPrimaryActive,\n    },\n    color: cssVar.colorBgLayout,\n  },\n\n  actionSecondary: {\n    backgroundColor: {\n      'default': cssVar.colorFillSecondary,\n      [hover]: cssVar.colorFillTertiary,\n      ':active': cssVar.colorFill,\n    },\n    color: cssVar.colorText,\n  },\n\n  actionText: {\n    backgroundColor: {\n      'default': 'transparent',\n      [hover]: cssVar.colorFillTertiary,\n      ':active': cssVar.colorFillSecondary,\n    },\n    color: cssVar.colorPrimary,\n  },\n\n  actions: {\n    gap: 8,\n    alignItems: 'center',\n    alignSelf: 'flex-end',\n    display: 'flex',\n    flexGrow: 1,\n    flexShrink: 0,\n    justifyContent: 'flex-end',\n    marginBlockStart: 8,\n  },\n\n  close: {\n    padding: 0,\n    borderColor: 'currentcolor',\n    borderRadius: cssVar.borderRadiusSM,\n    borderStyle: 'none',\n    borderWidth: 'medium',\n    transition: 'all 0.2s',\n    alignItems: 'center',\n    backgroundColor: { 'default': 'transparent', ':hover': cssVar.colorFillSecondary },\n    color: { 'default': cssVar.colorTextSecondary, ':hover': cssVar.colorText },\n    cursor: 'pointer',\n    display: 'flex',\n    flexShrink: 0,\n    justifyContent: 'center',\n    marginInlineStart: 'auto',\n    height: 20,\n    width: 20,\n  },\n\n  content: {\n    overflow: 'hidden',\n    transition: 'opacity 0.2s',\n    opacity: {\n      'default': null,\n      ':is([data-behind]):not([data-expanded])': 0,\n      ':is([data-expanded])': 1,\n    },\n    pointerEvents: {\n      'default': null,\n      ':is([data-behind]):not([data-expanded])': 'none',\n      ':is([data-expanded])': 'auto',\n    },\n  },\n\n  contentArea: {\n    flex: '1',\n    display: 'flex',\n    flexDirection: 'column',\n    minWidth: 0,\n  },\n\n  description: {\n    margin: 0,\n    color: cssVar.colorTextSecondary,\n    fontSize: 13,\n    lineHeight: 1.5,\n  },\n\n  descriptionStandalone: {\n    color: cssVar.colorText,\n  },\n\n  icon: {\n    alignItems: 'center',\n    display: 'flex',\n    flexShrink: 0,\n    justifyContent: 'center',\n  },\n\n  root: {\n    '--toast-collapsed-height': 'var(--toast-frontmost-height, var(--toast-height))',\n    '--toast-gap': '12px',\n    '--toast-peek': '12px',\n    '--toast-scale': 'calc(1 - var(--toast-index) * 0.05)',\n    '--toast-shrink': 'calc(1 - var(--toast-scale))',\n    'borderRadius': `var(--toast-border-radius, ${cssVar.borderRadiusLG})`,\n    'insetInline': 0,\n    'paddingBlock': 12,\n    'paddingInline': 16,\n    'backgroundClip': 'padding-box',\n    'backgroundColor': cssVar.colorBgElevated,\n    'boxShadow': `${cssVar.boxShadowSecondary}, var(--lobe-ring)`,\n    'boxSizing': 'border-box',\n    'color': cssVar.colorText,\n    'cursor': 'default',\n    'opacity': {\n      'default': null,\n      ':is([data-limited], [data-starting-style], [data-ending-style])': 0,\n    },\n    'position': 'absolute',\n    'transitionDuration': { default: '0.4s, 0.4s, 0.15s', [swiping]: '0s' },\n    'transitionProperty': { default: 'transform, opacity, height', [swiping]: 'none' },\n    'transitionTimingFunction': {\n      default: 'cubic-bezier(0.22, 1, 0.36, 1), ease, ease',\n      [swiping]: 'ease',\n    },\n    'userSelect': 'none',\n    // eslint-disable-next-line @stylexjs/valid-styles -- the rule only allows numeric z-index; calc() is valid CSS\n    'zIndex': 'calc(1000 - var(--toast-index))',\n    'height': {\n      'default': 'var(--toast-collapsed-height)',\n      ':is([data-expanded])': 'var(--toast-height)',\n    },\n    'width': '100%',\n  },\n\n  rootBottom: {\n    'insetBlock': 'auto 0',\n    'transform': {\n      default:\n        'translateX(var(--toast-swipe-movement-x)) translateY(calc(var(--toast-swipe-movement-y) - (var(--toast-index) * var(--toast-peek)) - (var(--toast-shrink) * var(--toast-collapsed-height)))) scale(var(--toast-scale))',\n      [expanded]:\n        'translateX(var(--toast-swipe-movement-x)) translateY(calc(var(--toast-swipe-movement-y) + var(--toast-offset-y) * -1 + var(--toast-index) * var(--toast-gap) * -1)) scale(1)',\n      [startingOrEnding]: 'translateY(150%)',\n    },\n    'transformOrigin': 'bottom center',\n    '::after': {\n      insetInline: 0,\n      content: \"''\",\n      insetBlockStart: '100%',\n      position: 'absolute',\n      height: 'calc(var(--toast-gap) + var(--toast-peek) + 8px)',\n    },\n  },\n\n  rootTop: {\n    'insetBlock': '0 auto',\n    'transform': {\n      default:\n        'translateX(var(--toast-swipe-movement-x)) translateY(calc(var(--toast-swipe-movement-y) + (var(--toast-index) * var(--toast-peek)) + (var(--toast-shrink) * var(--toast-collapsed-height)))) scale(var(--toast-scale))',\n      [expanded]:\n        'translateX(var(--toast-swipe-movement-x)) translateY(calc(var(--toast-swipe-movement-y) + var(--toast-offset-y) + var(--toast-index) * var(--toast-gap))) scale(1)',\n      [startingOrEnding]: 'translateY(-150%)',\n    },\n    'transformOrigin': 'top center',\n    '::after': {\n      insetInline: 0,\n      content: \"''\",\n      insetBlockEnd: '100%',\n      position: 'absolute',\n      height: 'calc(var(--toast-gap) + var(--toast-peek) + 8px)',\n    },\n  },\n\n  title: {\n    margin: 0,\n    color: cssVar.colorText,\n    fontSize: 14,\n    fontWeight: 500,\n    lineHeight: 1.5,\n  },\n\n  titleRow: {\n    gap: 8,\n    alignItems: 'flex-start',\n    display: 'flex',\n  },\n\n  toastBody: {\n    gap: 12,\n    alignItems: 'flex-start',\n    display: 'flex',\n  },\n\n  viewport: {\n    outline: '0',\n    position: 'fixed',\n    zIndex: 100_000,\n    maxWidth: `calc(100vw - ${viewportOffsetX} * 2)`,\n    width: {\n      'default': 'var(--toast-width, 360px)',\n      '@media (width <= 480px)': `calc(100vw - ${viewportOffsetX} * 2)`,\n    },\n  },\n\n  viewportBottom: {\n    insetBlockEnd: viewportOffsetY,\n    insetInlineStart: '50%',\n    transform: 'translateX(-50%)',\n  },\n\n  viewportBottomLeft: {\n    insetBlockEnd: viewportOffsetY,\n    insetInlineStart: viewportOffsetX,\n  },\n\n  viewportBottomRight: {\n    insetBlockEnd: viewportOffsetY,\n    insetInlineEnd: viewportOffsetX,\n    transform:\n      'translate(calc(-1 * var(--toast-shift-x, 0px)), calc(-1 * var(--toast-shift-y, 0px)))',\n    transitionDuration: { default: toastDodge.duration, [reducedMotion]: '0s' },\n    transitionProperty: { default: 'transform', [reducedMotion]: 'none' },\n    transitionTimingFunction: { default: toastDodge.ease, [reducedMotion]: 'ease' },\n  },\n\n  viewportTop: {\n    insetBlockStart: viewportOffsetY,\n    insetInlineStart: '50%',\n    transform: 'translateX(-50%)',\n  },\n\n  viewportTopLeft: {\n    insetBlockStart: viewportOffsetY,\n    insetInlineStart: viewportOffsetX,\n  },\n\n  viewportTopRight: {\n    insetBlockStart: viewportOffsetY,\n    insetInlineEnd: viewportOffsetX,\n  },\n});\n\nexport const viewportPositionStyles = {\n  'bottom': styles.viewportBottom,\n  'bottom-left': styles.viewportBottomLeft,\n  'bottom-right': styles.viewportBottomRight,\n  'top': styles.viewportTop,\n  'top-left': styles.viewportTopLeft,\n  'top-right': styles.viewportTopRight,\n};\n\nexport const rootPositionStyles = {\n  'bottom': styles.rootBottom,\n  'bottom-left': styles.rootBottom,\n  'bottom-right': styles.rootBottom,\n  'top': styles.rootTop,\n  'top-left': styles.rootTop,\n  'top-right': styles.rootTop,\n};\n\nexport const actionVariantStyles = {\n  danger: styles.actionDanger,\n  ghost: styles.actionGhost,\n  primary: styles.actionPrimary,\n  secondary: styles.actionSecondary,\n  text: styles.actionText,\n};\n"],"mappings":"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"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../src/Toast/style.ts"],"sourcesContent":["import * as stylex from '@stylexjs/stylex';\n\nimport { cssVar } from '@/styles/stylex/cssVar.stylex';\n\nimport { toastDodge } from './dodge.stylex';\n\nconst focusVisible = ':focus-visible:not([data-lobe-focus-ring=\"managed\"])';\nconst forcedColors = '@media (forced-colors: active)';\nconst reducedMotion = '@media (prefers-reduced-motion: reduce)';\nconst hover = ':hover:not(:active)';\nconst startingOrEnding = ':is([data-starting-style], [data-ending-style])';\nconst expanded = ':is([data-expanded]):not([data-starting-style], [data-ending-style])';\nconst swiping = ':is([data-swiping])';\nconst viewportOffsetX = 'var(--toast-viewport-offset-x, 16px)';\nconst viewportOffsetY = 'var(--toast-viewport-offset-y, 16px)';\n\nexport const styles = stylex.create({\n  action: {\n    borderColor: 'currentcolor',\n    borderRadius: cssVar.borderRadiusSM,\n    borderStyle: 'none',\n    borderWidth: 'medium',\n    paddingInline: 12,\n    transition: 'background 0.2s, color 0.2s',\n    alignItems: 'center',\n    cursor: 'pointer',\n    display: 'inline-flex',\n    flexShrink: 0,\n    fontSize: 12,\n    fontWeight: 500,\n    justifyContent: 'center',\n    lineHeight: 1,\n    height: 28,\n  },\n\n  actionDanger: {\n    '--lobe-focus-ring-color': cssVar.colorError,\n    'backgroundColor': {\n      'default': cssVar.colorError,\n      [hover]: cssVar.colorErrorHover,\n      ':active': cssVar.colorErrorActive,\n    },\n    'color': cssVar.colorBgLayout,\n    'outlineColor': {\n      default: null,\n      [focusVisible]: `color-mix(in srgb, ${cssVar.colorError} 90%, transparent)`,\n      [forcedColors]: { default: null, [focusVisible]: 'CanvasText' },\n    },\n  },\n\n  actionGhost: {\n    borderColor: {\n      'default': cssVar.colorBorder,\n      [hover]: cssVar.colorPrimary,\n      ':active': cssVar.colorPrimaryActive,\n    },\n    borderStyle: 'solid',\n    borderWidth: 1,\n    backgroundColor: 'transparent',\n    color: {\n      'default': cssVar.colorText,\n      [hover]: cssVar.colorPrimary,\n      ':active': cssVar.colorPrimaryActive,\n    },\n  },\n\n  actionPrimary: {\n    backgroundColor: {\n      'default': cssVar.colorPrimary,\n      [hover]: cssVar.colorPrimaryHover,\n      ':active': cssVar.colorPrimaryActive,\n    },\n    color: cssVar.colorBgLayout,\n  },\n\n  actionSecondary: {\n    backgroundColor: {\n      'default': cssVar.colorFillSecondary,\n      [hover]: cssVar.colorFillTertiary,\n      ':active': cssVar.colorFill,\n    },\n    color: cssVar.colorText,\n  },\n\n  actionText: {\n    backgroundColor: {\n      'default': 'transparent',\n      [hover]: cssVar.colorFillTertiary,\n      ':active': cssVar.colorFillSecondary,\n    },\n    color: cssVar.colorPrimary,\n  },\n\n  actions: {\n    gap: 8,\n    alignItems: 'center',\n    alignSelf: 'flex-end',\n    display: 'flex',\n    flexGrow: 1,\n    flexShrink: 0,\n    justifyContent: 'flex-end',\n    marginBlockStart: 8,\n  },\n\n  close: {\n    padding: 0,\n    borderColor: 'currentcolor',\n    borderRadius: cssVar.borderRadiusSM,\n    borderStyle: 'none',\n    borderWidth: 'medium',\n    transition: 'all 0.2s',\n    alignItems: 'center',\n    backgroundColor: { 'default': 'transparent', ':hover': cssVar.colorFillSecondary },\n    color: { 'default': cssVar.colorTextSecondary, ':hover': cssVar.colorText },\n    cursor: 'pointer',\n    display: 'flex',\n    flexShrink: 0,\n    justifyContent: 'center',\n    marginInlineStart: 'auto',\n    height: 20,\n    width: 20,\n  },\n\n  content: {\n    overflow: 'hidden',\n    transition: 'opacity 0.2s',\n    opacity: {\n      'default': null,\n      ':is([data-behind]):not([data-expanded])': 0,\n      ':is([data-expanded])': 1,\n    },\n    pointerEvents: {\n      'default': null,\n      ':is([data-behind]):not([data-expanded])': 'none',\n      ':is([data-expanded])': 'auto',\n    },\n  },\n\n  contentArea: {\n    flex: '1',\n    display: 'flex',\n    flexDirection: 'column',\n    minWidth: 0,\n  },\n\n  description: {\n    margin: 0,\n    color: cssVar.colorTextSecondary,\n    fontSize: 13,\n    lineHeight: 1.5,\n  },\n\n  descriptionStandalone: {\n    color: cssVar.colorText,\n  },\n\n  icon: {\n    alignItems: 'center',\n    display: 'flex',\n    flexShrink: 0,\n    justifyContent: 'center',\n  },\n\n  root: {\n    '--toast-collapsed-height': 'var(--toast-frontmost-height, var(--toast-height))',\n    '--toast-gap': '12px',\n    '--toast-peek': '12px',\n    '--toast-scale': 'calc(1 - var(--toast-index) * 0.05)',\n    '--toast-shrink': 'calc(1 - var(--toast-scale))',\n    'borderRadius': `var(--toast-border-radius, ${cssVar.borderRadiusLG})`,\n    'insetInline': 0,\n    'paddingBlock': 12,\n    'paddingInline': 16,\n    'backgroundClip': 'padding-box',\n    'backgroundColor': cssVar.colorBgElevated,\n    'boxShadow': `${cssVar.boxShadowSecondary}, var(--lobe-ring)`,\n    'boxSizing': 'border-box',\n    'color': cssVar.colorText,\n    'cursor': 'default',\n    'opacity': {\n      'default': null,\n      ':is([data-limited], [data-starting-style], [data-ending-style])': 0,\n    },\n    'position': 'absolute',\n    'transitionDuration': { default: '0.4s, 0.4s, 0.15s', [swiping]: '0s' },\n    'transitionProperty': { default: 'transform, opacity, height', [swiping]: 'none' },\n    'transitionTimingFunction': {\n      default: 'cubic-bezier(0.22, 1, 0.36, 1), ease, ease',\n      [swiping]: 'ease',\n    },\n    'userSelect': 'none',\n    // eslint-disable-next-line @stylexjs/valid-styles -- the rule only allows numeric z-index; calc() is valid CSS\n    'zIndex': 'calc(1000 - var(--toast-index))',\n    'height': {\n      'default': 'var(--toast-collapsed-height)',\n      ':is([data-expanded])': 'var(--toast-height)',\n    },\n    'width': '100%',\n  },\n\n  rootBottom: {\n    'insetBlock': 'auto 0',\n    'transform': {\n      default:\n        'translateX(var(--toast-swipe-movement-x)) translateY(calc(var(--toast-swipe-movement-y) - (var(--toast-index) * var(--toast-peek)) - (var(--toast-shrink) * var(--toast-collapsed-height)))) scale(var(--toast-scale))',\n      [expanded]:\n        'translateX(var(--toast-swipe-movement-x)) translateY(calc(var(--toast-swipe-movement-y) + var(--toast-offset-y) * -1 + var(--toast-index) * var(--toast-gap) * -1)) scale(1)',\n      [startingOrEnding]: 'translateY(150%)',\n    },\n    'transformOrigin': 'bottom center',\n    '::after': {\n      insetInline: 0,\n      content: \"''\",\n      insetBlockStart: '100%',\n      position: 'absolute',\n      height: 'calc(var(--toast-gap) + var(--toast-peek) + 8px)',\n    },\n  },\n\n  rootTop: {\n    'insetBlock': '0 auto',\n    'transform': {\n      default:\n        'translateX(var(--toast-swipe-movement-x)) translateY(calc(var(--toast-swipe-movement-y) + (var(--toast-index) * var(--toast-peek)) + (var(--toast-shrink) * var(--toast-collapsed-height)))) scale(var(--toast-scale))',\n      [expanded]:\n        'translateX(var(--toast-swipe-movement-x)) translateY(calc(var(--toast-swipe-movement-y) + var(--toast-offset-y) + var(--toast-index) * var(--toast-gap))) scale(1)',\n      [startingOrEnding]: 'translateY(-150%)',\n    },\n    'transformOrigin': 'top center',\n    '::after': {\n      insetInline: 0,\n      content: \"''\",\n      insetBlockEnd: '100%',\n      position: 'absolute',\n      height: 'calc(var(--toast-gap) + var(--toast-peek) + 8px)',\n    },\n  },\n\n  title: {\n    margin: 0,\n    color: cssVar.colorText,\n    fontSize: 14,\n    fontWeight: 500,\n    lineHeight: 1.5,\n  },\n\n  titleRow: {\n    gap: 8,\n    alignItems: 'flex-start',\n    display: 'flex',\n  },\n\n  toastBody: {\n    gap: 12,\n    alignItems: 'flex-start',\n    display: 'flex',\n  },\n\n  viewport: {\n    outline: '0',\n    position: 'fixed',\n    zIndex: 100_000,\n    maxWidth: `calc(100vw - ${viewportOffsetX} * 2)`,\n    width: {\n      'default': 'var(--toast-width, 360px)',\n      '@media (width <= 480px)': `calc(100vw - ${viewportOffsetX} * 2)`,\n    },\n  },\n\n  viewportBottom: {\n    insetBlockEnd: viewportOffsetY,\n    insetInlineStart: '50%',\n    transform: 'translateX(-50%)',\n  },\n\n  viewportBottomLeft: {\n    insetBlockEnd: viewportOffsetY,\n    insetInlineStart: viewportOffsetX,\n  },\n\n  viewportBottomRight: {\n    insetBlockEnd: viewportOffsetY,\n    insetInlineEnd: viewportOffsetX,\n    transform:\n      'translate(calc(-1 * var(--toast-shift-x, 0px)), calc(-1 * var(--toast-shift-y, 0px)))',\n    transitionDuration: { default: toastDodge.duration, [reducedMotion]: '0s' },\n    transitionProperty: { default: 'transform', [reducedMotion]: 'none' },\n    transitionTimingFunction: { default: cssVar.motionSpringSnappy, [reducedMotion]: 'ease' },\n  },\n\n  viewportTop: {\n    insetBlockStart: viewportOffsetY,\n    insetInlineStart: '50%',\n    transform: 'translateX(-50%)',\n  },\n\n  viewportTopLeft: {\n    insetBlockStart: viewportOffsetY,\n    insetInlineStart: viewportOffsetX,\n  },\n\n  viewportTopRight: {\n    insetBlockStart: viewportOffsetY,\n    insetInlineEnd: viewportOffsetX,\n  },\n});\n\nexport const viewportPositionStyles = {\n  'bottom': styles.viewportBottom,\n  'bottom-left': styles.viewportBottomLeft,\n  'bottom-right': styles.viewportBottomRight,\n  'top': styles.viewportTop,\n  'top-left': styles.viewportTopLeft,\n  'top-right': styles.viewportTopRight,\n};\n\nexport const rootPositionStyles = {\n  'bottom': styles.rootBottom,\n  'bottom-left': styles.rootBottom,\n  'bottom-right': styles.rootBottom,\n  'top': styles.rootTop,\n  'top-left': styles.rootTop,\n  'top-right': styles.rootTop,\n};\n\nexport const actionVariantStyles = {\n  danger: styles.actionDanger,\n  ghost: styles.actionGhost,\n  primary: styles.actionPrimary,\n  secondary: styles.actionSecondary,\n  text: styles.actionText,\n};\n"],"mappings":"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"}

package/es/ToggleGroup/ToggleGroup.mjs

@@ -1,9 +1,9 @@
 "use client";
+import { useControlledState } from "../hooks/useControlledState.mjs";
 import { ToggleGroupItem, ToggleGroupItemIcon, ToggleGroupItemLabel, ToggleGroupRoot } from "./atoms.mjs";
 import { useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import clsx from "clsx";
-import useControlledState from "use-merge-value";
+import clsx$1 from "clsx";
 //#region src/ToggleGroup/ToggleGroup.tsx
 const normalizeOption = (option) => typeof option === "string" ? { value: option } : option;
 const ToggleGroup = ({ className, classNames, defaultValue, disabled = false, onChange, options, ref, size = "middle", style, styles: customStyles, value, variant = "outlined" }) => {
@@ -17,7 +17,7 @@ const ToggleGroup = ({ className, classNames, defaultValue, disabled = false, on
 	const normalizedOptions = useMemo(() => (options ?? []).map((o) => normalizeOption(o)), [options]);
 	const groupValue = useMemo(() => innerValue != null ? [innerValue] : [], [innerValue]);
 	return /* @__PURE__ */ jsx(ToggleGroupRoot, {
-		className: clsx(classNames?.root, className),
+		className: clsx$1(classNames?.root, className),
 		disabled,
 		ref,
 		style: {
@@ -32,7 +32,7 @@ const ToggleGroup = ({ className, classNames, defaultValue, disabled = false, on
 		},
 		children: normalizedOptions.map((opt) => /* @__PURE__ */ jsxs(ToggleGroupItem, {
 			"aria-label": typeof opt.label === "string" ? opt.label : opt.title,
-			className: clsx(classNames?.item, opt.className),
+			className: clsx$1(classNames?.item, opt.className),
 			disabled: disabled || opt.disabled,
 			size,
 			style: customStyles?.item,

package/es/ToggleGroup/ToggleGroup.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleGroup.mjs","names":[],"sources":["../../src/ToggleGroup/ToggleGroup.tsx"],"sourcesContent":["'use client';\n\nimport clsx from 'clsx';\nimport { useMemo } from 'react';\nimport useControlledState from 'use-merge-value';\n\nimport {\n  ToggleGroupItem,\n  ToggleGroupItemIcon,\n  ToggleGroupItemLabel,\n  ToggleGroupRoot,\n} from './atoms';\nimport type { ToggleGroupOption, ToggleGroupProps } from './type';\n\nconst normalizeOption = <Value extends string>(\n  option: ToggleGroupOption<Value> | Value,\n): ToggleGroupOption<Value> => (typeof option === 'string' ? { value: option } : option);\n\nconst ToggleGroup = <Value extends string = string>({\n  className,\n  classNames,\n  defaultValue,\n  disabled = false,\n  onChange,\n  options,\n  ref,\n  size = 'middle',\n  style,\n  styles: customStyles,\n  value,\n  variant = 'outlined',\n}: ToggleGroupProps<Value>) => {\n  const [innerValue, setInnerValue] = useControlledState<Value | undefined>(defaultValue, {\n    defaultValue,\n    onChange: (next) => {\n      if (next != null) onChange?.(next);\n    },\n    value,\n  });\n\n  const normalizedOptions = useMemo(\n    () => (options ?? []).map((o) => normalizeOption<Value>(o)),\n    [options],\n  );\n\n  const groupValue = useMemo<Value[]>(() => (innerValue != null ? [innerValue] : []), [innerValue]);\n\n  return (\n    <ToggleGroupRoot<Value>\n      className={clsx(classNames?.root, className)}\n      disabled={disabled}\n      ref={ref}\n      style={{ ...style, ...customStyles?.root }}\n      value={groupValue}\n      variant={variant}\n      onValueChange={(next) => {\n        const picked = next[0];\n        if (picked != null) setInnerValue(picked);\n      }}\n    >\n      {normalizedOptions.map((opt) => (\n        <ToggleGroupItem<Value>\n          aria-label={typeof opt.label === 'string' ? opt.label : opt.title}\n          className={clsx(classNames?.item, opt.className)}\n          disabled={disabled || opt.disabled}\n          key={opt.value}\n          size={size}\n          style={customStyles?.item}\n          title={opt.title}\n          value={opt.value}\n          variant={variant}\n        >\n          {opt.icon != null && (\n            <ToggleGroupItemIcon className={classNames?.itemIcon} style={customStyles?.itemIcon}>\n              {opt.icon}\n            </ToggleGroupItemIcon>\n          )}\n          {opt.label != null && (\n            <ToggleGroupItemLabel className={classNames?.itemLabel} style={customStyles?.itemLabel}>\n              {opt.label}\n            </ToggleGroupItemLabel>\n          )}\n        </ToggleGroupItem>\n      ))}\n    </ToggleGroupRoot>\n  );\n};\n\nToggleGroup.displayName = 'ToggleGroup';\n\nexport default ToggleGroup;\n"],"mappings":";;;;;;;AAcA,MAAM,mBACJ,WAC8B,OAAO,WAAW,WAAW,EAAE,OAAO,OAAO,IAAI;AAEjF,MAAM,eAA8C,EAClD,WACA,YACA,cACA,WAAW,OACX,UACA,SACA,KACA,OAAO,UACP,OACA,QAAQ,cACR,OACA,UAAU,iBACmB;CAC7B,MAAM,CAAC,YAAY,iBAAiB,mBAAsC,cAAc;EACtF;EACA,WAAW,SAAS;GAClB,IAAI,QAAQ,MAAM,WAAW,IAAI;EACnC;EACA;CACF,CAAC;CAED,MAAM,oBAAoB,eACjB,WAAW,CAAC,EAAA,CAAG,KAAK,MAAM,gBAAuB,CAAC,CAAC,GAC1D,CAAC,OAAO,CACV;CAEA,MAAM,aAAa,cAAwB,cAAc,OAAO,CAAC,UAAU,IAAI,CAAC,GAAI,CAAC,UAAU,CAAC;CAEhG,OACE,oBAAC,iBAAD;EACE,WAAW,KAAK,YAAY,MAAM,SAAS;EACjC;EACL;EACL,OAAO;GAAE,GAAG;GAAO,GAAG,cAAc;EAAK;EACzC,OAAO;EACE;EACT,gBAAgB,SAAS;GACvB,MAAM,SAAS,KAAK;GACpB,IAAI,UAAU,MAAM,cAAc,MAAM;EAC1C;EAEC,UAAA,kBAAkB,KAAK,QACtB,qBAAC,iBAAD;GACE,cAAY,OAAO,IAAI,UAAU,WAAW,IAAI,QAAQ,IAAI;GAC5D,WAAW,KAAK,YAAY,MAAM,IAAI,SAAS;GAC/C,UAAU,YAAY,IAAI;GAEpB;GACN,OAAO,cAAc;GACrB,OAAO,IAAI;GACX,OAAO,IAAI;GACF;GATX,UAAA,CAWG,IAAI,QAAQ,QACX,oBAAC,qBAAD;IAAqB,WAAW,YAAY;IAAU,OAAO,cAAc;IACxE,UAAA,IAAI;GACc,CAAA,GAEtB,IAAI,SAAS,QACZ,oBAAC,sBAAD;IAAsB,WAAW,YAAY;IAAW,OAAO,cAAc;IAC1E,UAAA,IAAI;GACe,CAAA,CAET;EAjBV,GAAA,IAAI,KAiBM,CAClB;CACc,CAAA;AAErB;AAEA,YAAY,cAAc"}
+{"version":3,"file":"ToggleGroup.mjs","names":["clsx"],"sources":["../../src/ToggleGroup/ToggleGroup.tsx"],"sourcesContent":["'use client';\n\nimport clsx from 'clsx';\nimport { useMemo } from 'react';\n\nimport { useControlledState } from '@/hooks/useControlledState';\n\nimport {\n  ToggleGroupItem,\n  ToggleGroupItemIcon,\n  ToggleGroupItemLabel,\n  ToggleGroupRoot,\n} from './atoms';\nimport type { ToggleGroupOption, ToggleGroupProps } from './type';\n\nconst normalizeOption = <Value extends string>(\n  option: ToggleGroupOption<Value> | Value,\n): ToggleGroupOption<Value> => (typeof option === 'string' ? { value: option } : option);\n\nconst ToggleGroup = <Value extends string = string>({\n  className,\n  classNames,\n  defaultValue,\n  disabled = false,\n  onChange,\n  options,\n  ref,\n  size = 'middle',\n  style,\n  styles: customStyles,\n  value,\n  variant = 'outlined',\n}: ToggleGroupProps<Value>) => {\n  const [innerValue, setInnerValue] = useControlledState<Value | undefined>(defaultValue, {\n    defaultValue,\n    onChange: (next) => {\n      if (next != null) onChange?.(next);\n    },\n    value,\n  });\n\n  const normalizedOptions = useMemo(\n    () => (options ?? []).map((o) => normalizeOption<Value>(o)),\n    [options],\n  );\n\n  const groupValue = useMemo<Value[]>(() => (innerValue != null ? [innerValue] : []), [innerValue]);\n\n  return (\n    <ToggleGroupRoot<Value>\n      className={clsx(classNames?.root, className)}\n      disabled={disabled}\n      ref={ref}\n      style={{ ...style, ...customStyles?.root }}\n      value={groupValue}\n      variant={variant}\n      onValueChange={(next) => {\n        const picked = next[0];\n        if (picked != null) setInnerValue(picked);\n      }}\n    >\n      {normalizedOptions.map((opt) => (\n        <ToggleGroupItem<Value>\n          aria-label={typeof opt.label === 'string' ? opt.label : opt.title}\n          className={clsx(classNames?.item, opt.className)}\n          disabled={disabled || opt.disabled}\n          key={opt.value}\n          size={size}\n          style={customStyles?.item}\n          title={opt.title}\n          value={opt.value}\n          variant={variant}\n        >\n          {opt.icon != null && (\n            <ToggleGroupItemIcon className={classNames?.itemIcon} style={customStyles?.itemIcon}>\n              {opt.icon}\n            </ToggleGroupItemIcon>\n          )}\n          {opt.label != null && (\n            <ToggleGroupItemLabel className={classNames?.itemLabel} style={customStyles?.itemLabel}>\n              {opt.label}\n            </ToggleGroupItemLabel>\n          )}\n        </ToggleGroupItem>\n      ))}\n    </ToggleGroupRoot>\n  );\n};\n\nToggleGroup.displayName = 'ToggleGroup';\n\nexport default ToggleGroup;\n"],"mappings":";;;;;;;AAeA,MAAM,mBACJ,WAC8B,OAAO,WAAW,WAAW,EAAE,OAAO,OAAO,IAAI;AAEjF,MAAM,eAA8C,EAClD,WACA,YACA,cACA,WAAW,OACX,UACA,SACA,KACA,OAAO,UACP,OACA,QAAQ,cACR,OACA,UAAU,iBACmB;CAC7B,MAAM,CAAC,YAAY,iBAAiB,mBAAsC,cAAc;EACtF;EACA,WAAW,SAAS;GAClB,IAAI,QAAQ,MAAM,WAAW,IAAI;EACnC;EACA;CACF,CAAC;CAED,MAAM,oBAAoB,eACjB,WAAW,CAAC,EAAA,CAAG,KAAK,MAAM,gBAAuB,CAAC,CAAC,GAC1D,CAAC,OAAO,CACV;CAEA,MAAM,aAAa,cAAwB,cAAc,OAAO,CAAC,UAAU,IAAI,CAAC,GAAI,CAAC,UAAU,CAAC;CAEhG,OACE,oBAAC,iBAAD;EACE,WAAWA,OAAK,YAAY,MAAM,SAAS;EACjC;EACL;EACL,OAAO;GAAE,GAAG;GAAO,GAAG,cAAc;EAAK;EACzC,OAAO;EACE;EACT,gBAAgB,SAAS;GACvB,MAAM,SAAS,KAAK;GACpB,IAAI,UAAU,MAAM,cAAc,MAAM;EAC1C;EAEC,UAAA,kBAAkB,KAAK,QACtB,qBAAC,iBAAD;GACE,cAAY,OAAO,IAAI,UAAU,WAAW,IAAI,QAAQ,IAAI;GAC5D,WAAWA,OAAK,YAAY,MAAM,IAAI,SAAS;GAC/C,UAAU,YAAY,IAAI;GAEpB;GACN,OAAO,cAAc;GACrB,OAAO,IAAI;GACX,OAAO,IAAI;GACF;GATX,UAAA,CAWG,IAAI,QAAQ,QACX,oBAAC,qBAAD;IAAqB,WAAW,YAAY;IAAU,OAAO,cAAc;IACxE,UAAA,IAAI;GACc,CAAA,GAEtB,IAAI,SAAS,QACZ,oBAAC,sBAAD;IAAsB,WAAW,YAAY;IAAW,OAAO,cAAc;IAC1E,UAAA,IAAI;GACe,CAAA,CAET;EAjBV,GAAA,IAAI,KAiBM,CAClB;CACc,CAAA;AAErB;AAEA,YAAY,cAAc"}

package/es/ToggleGroup/atoms.d.mts

@@ -30,4 +30,5 @@ export declare const ToggleGroupItemIcon: FC<SimpleSpanProps>;
 export declare const ToggleGroupItemLabel: FC<SimpleSpanProps>;
 export declare const toggleGroupStyles: Record<keyof typeof styles, string>;
 //#endregion
+export {};
 //# sourceMappingURL=atoms.d.mts.map

package/es/ToggleGroup/atoms.mjs

@@ -4,7 +4,7 @@ import { focusRing } from "../styles/stylex/focusRing.mjs";
 import { toggleGroupItemMarker } from "./marker.stylex.mjs";
 import { styles } from "./style.mjs";
 import { jsx } from "react/jsx-runtime";
-import clsx from "clsx";
+import clsx$1 from "clsx";
 import * as stylex from "@stylexjs/stylex";
 import { Toggle } from "@base-ui/react/toggle";
 import { ToggleGroup } from "@base-ui/react/toggle-group";
@@ -46,7 +46,7 @@ const ToggleGroupItemIcon = ({ children, className, style }) => /* @__PURE__ */
 });
 ToggleGroupItemIcon.displayName = "ToggleGroupItemIcon";
 const ToggleGroupItemLabel = ({ children, className, style }) => /* @__PURE__ */ jsx("span", {
-	...styleProps(styles.itemLabel, clsx("toggle-group-item-label", className), style),
+	...styleProps(styles.itemLabel, clsx$1("toggle-group-item-label", className), style),
 	children
 });
 ToggleGroupItemLabel.displayName = "ToggleGroupItemLabel";

package/es/ToggleGroup/atoms.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"atoms.mjs","names":["BaseUIToggleGroup","BaseUIToggle"],"sources":["../../src/ToggleGroup/atoms.tsx"],"sourcesContent":["'use client';\n\nimport { Toggle as BaseUIToggle } from '@base-ui/react/toggle';\nimport { ToggleGroup as BaseUIToggleGroup } from '@base-ui/react/toggle-group';\nimport * as stylex from '@stylexjs/stylex';\nimport clsx from 'clsx';\nimport { type ComponentProps, type CSSProperties, type FC, type ReactNode } from 'react';\n\nimport { focusRing } from '@/styles/stylex/focusRing';\nimport { styleProps } from '@/styles/stylex/props';\n\nimport { toggleGroupItemMarker } from './marker.stylex';\nimport { styles } from './style';\nimport type { ToggleGroupSize, ToggleGroupVariant } from './type';\n\nconst rootVariantStyles = { borderless: styles.rootBorderless, outlined: styles.rootOutlined };\n\nconst itemSizeStyles = { middle: styles.itemMiddle, small: styles.itemSmall };\n\nconst itemVariantStyles = {\n  borderless: null,\n  outlined: [toggleGroupItemMarker, styles.itemOutlined],\n};\n\nexport type ToggleGroupRootProps<Value extends string = string> = Omit<\n  ComponentProps<typeof BaseUIToggleGroup<Value>>,\n  'className' | 'render'\n> & {\n  className?: string;\n  variant?: ToggleGroupVariant;\n};\n\nexport const ToggleGroupRoot = <Value extends string = string>({\n  className,\n  variant = 'outlined',\n  ...rest\n}: ToggleGroupRootProps<Value>) => {\n  return (\n    <BaseUIToggleGroup<Value>\n      className={styleProps([styles.root, rootVariantStyles[variant]], className).className}\n      {...rest}\n    />\n  );\n};\n\nToggleGroupRoot.displayName = 'ToggleGroupRoot';\n\nexport type ToggleGroupItemProps<Value extends string = string> = Omit<\n  ComponentProps<typeof BaseUIToggle<Value>>,\n  'className' | 'render'\n> & {\n  className?: string;\n  size?: ToggleGroupSize;\n  variant?: ToggleGroupVariant;\n};\n\nexport const ToggleGroupItem = <Value extends string = string>({\n  className,\n  size = 'middle',\n  variant = 'outlined',\n  ...rest\n}: ToggleGroupItemProps<Value>) => {\n  return (\n    <BaseUIToggle<Value>\n      {...rest}\n      className={\n        styleProps(\n          [styles.item, focusRing.info, itemSizeStyles[size], itemVariantStyles[variant]],\n          className,\n        ).className\n      }\n    />\n  );\n};\n\nToggleGroupItem.displayName = 'ToggleGroupItem';\n\ninterface SimpleSpanProps {\n  children?: ReactNode;\n  className?: string;\n  style?: CSSProperties;\n}\n\nexport const ToggleGroupItemIcon: FC<SimpleSpanProps> = ({ children, className, style }) => (\n  <span {...styleProps(styles.itemIcon, className, style)}>{children}</span>\n);\nToggleGroupItemIcon.displayName = 'ToggleGroupItemIcon';\n\nexport const ToggleGroupItemLabel: FC<SimpleSpanProps> = ({ children, className, style }) => (\n  <span {...styleProps(styles.itemLabel, clsx('toggle-group-item-label', className), style)}>\n    {children}\n  </span>\n);\nToggleGroupItemLabel.displayName = 'ToggleGroupItemLabel';\n\nexport const toggleGroupStyles = Object.fromEntries(\n  Object.entries(styles).map(([key, value]) => [key, stylex.props(value).className ?? '']),\n) as Record<keyof typeof styles, string>;\n"],"mappings":";;;;;;;;;;;AAYA,MAAM,oBAAoB;CACxB,YAAY,OAAO;CACnB,UAAU,OAAO;AACnB;AACA,MAAM,iBAAiB;CACrB,QAAQ,OAAO;CACf,OAAO,OAAO;AAChB;AACA,MAAM,oBAAoB;CACxB,YAAY;CACZ,UAAU,CAAC,uBAAuB,OAAO,YAAY;AACvD;AAKA,MAAa,mBAAmD,EAC9D,WACA,UAAU,YACV,GAAG,WAC8B;CACjC,OAAO,oBAACA,aAAD;EAA0B,WAAW,WAAW,CAAC,OAAO,MAAM,kBAAkB,QAAQ,GAAG,SAAS,CAAC,CAAC;EAAW,GAAI;CAAO,CAAA;AACrI;AACA,gBAAgB,cAAc;AAM9B,MAAa,mBAAmD,EAC9D,WACA,OAAO,UACP,UAAU,YACV,GAAG,WAC8B;CACjC,OAAO,oBAACC,QAAD;EAAqB,GAAI;EAAM,WAAW,WAAW;GAAC,OAAO;GAAM,UAAU;GAAM,eAAe;GAAO,kBAAkB;EAAQ,GAAG,SAAS,CAAC,CAAC;CAAY,CAAA;AACtK;AACA,gBAAgB,cAAc;AAM9B,MAAa,uBAA4C,EACvD,UACA,WACA,YACI,oBAAC,QAAD;CAAM,GAAI,WAAW,OAAO,UAAU,WAAW,KAAK;CAAI;AAAe,CAAA;AAC/E,oBAAoB,cAAc;AAClC,MAAa,wBAA6C,EACxD,UACA,WACA,YACI,oBAAC,QAAD;CAAM,GAAI,WAAW,OAAO,WAAW,KAAK,2BAA2B,SAAS,GAAG,KAAK;CACzF;AACG,CAAA;AACR,qBAAqB,cAAc;AACnC,MAAa,oBAAoB,OAAO,YAAY,OAAO,QAAQ,MAAM,CAAC,CAAC,KAAK,CAAC,KAAK,WAAW,CAAC,KAAK,OAAO,MAAM,KAAK,CAAC,CAAC,aAAa,EAAE,CAAC,CAAC"}
+{"version":3,"file":"atoms.mjs","names":["BaseUIToggleGroup","BaseUIToggle","clsx"],"sources":["../../src/ToggleGroup/atoms.tsx"],"sourcesContent":["'use client';\n\nimport { Toggle as BaseUIToggle } from '@base-ui/react/toggle';\nimport { ToggleGroup as BaseUIToggleGroup } from '@base-ui/react/toggle-group';\nimport * as stylex from '@stylexjs/stylex';\nimport clsx from 'clsx';\nimport { type ComponentProps, type CSSProperties, type FC, type ReactNode } from 'react';\n\nimport { focusRing } from '@/styles/stylex/focusRing';\nimport { styleProps } from '@/styles/stylex/props';\n\nimport { toggleGroupItemMarker } from './marker.stylex';\nimport { styles } from './style';\nimport type { ToggleGroupSize, ToggleGroupVariant } from './type';\n\nconst rootVariantStyles = { borderless: styles.rootBorderless, outlined: styles.rootOutlined };\n\nconst itemSizeStyles = { middle: styles.itemMiddle, small: styles.itemSmall };\n\nconst itemVariantStyles = {\n  borderless: null,\n  outlined: [toggleGroupItemMarker, styles.itemOutlined],\n};\n\nexport type ToggleGroupRootProps<Value extends string = string> = Omit<\n  ComponentProps<typeof BaseUIToggleGroup<Value>>,\n  'className' | 'render'\n> & {\n  className?: string;\n  variant?: ToggleGroupVariant;\n};\n\nexport const ToggleGroupRoot = <Value extends string = string>({\n  className,\n  variant = 'outlined',\n  ...rest\n}: ToggleGroupRootProps<Value>) => {\n  return (\n    <BaseUIToggleGroup<Value>\n      className={styleProps([styles.root, rootVariantStyles[variant]], className).className}\n      {...rest}\n    />\n  );\n};\n\nToggleGroupRoot.displayName = 'ToggleGroupRoot';\n\nexport type ToggleGroupItemProps<Value extends string = string> = Omit<\n  ComponentProps<typeof BaseUIToggle<Value>>,\n  'className' | 'render'\n> & {\n  className?: string;\n  size?: ToggleGroupSize;\n  variant?: ToggleGroupVariant;\n};\n\nexport const ToggleGroupItem = <Value extends string = string>({\n  className,\n  size = 'middle',\n  variant = 'outlined',\n  ...rest\n}: ToggleGroupItemProps<Value>) => {\n  return (\n    <BaseUIToggle<Value>\n      {...rest}\n      className={\n        styleProps(\n          [styles.item, focusRing.info, itemSizeStyles[size], itemVariantStyles[variant]],\n          className,\n        ).className\n      }\n    />\n  );\n};\n\nToggleGroupItem.displayName = 'ToggleGroupItem';\n\ninterface SimpleSpanProps {\n  children?: ReactNode;\n  className?: string;\n  style?: CSSProperties;\n}\n\nexport const ToggleGroupItemIcon: FC<SimpleSpanProps> = ({ children, className, style }) => (\n  <span {...styleProps(styles.itemIcon, className, style)}>{children}</span>\n);\nToggleGroupItemIcon.displayName = 'ToggleGroupItemIcon';\n\nexport const ToggleGroupItemLabel: FC<SimpleSpanProps> = ({ children, className, style }) => (\n  <span {...styleProps(styles.itemLabel, clsx('toggle-group-item-label', className), style)}>\n    {children}\n  </span>\n);\nToggleGroupItemLabel.displayName = 'ToggleGroupItemLabel';\n\nexport const toggleGroupStyles = Object.fromEntries(\n  Object.entries(styles).map(([key, value]) => [key, stylex.props(value).className ?? '']),\n) as Record<keyof typeof styles, string>;\n"],"mappings":";;;;;;;;;;;AAYA,MAAM,oBAAoB;CACxB,YAAY,OAAO;CACnB,UAAU,OAAO;AACnB;AACA,MAAM,iBAAiB;CACrB,QAAQ,OAAO;CACf,OAAO,OAAO;AAChB;AACA,MAAM,oBAAoB;CACxB,YAAY;CACZ,UAAU,CAAC,uBAAuB,OAAO,YAAY;AACvD;AAKA,MAAa,mBAAmD,EAC9D,WACA,UAAU,YACV,GAAG,WAC8B;CACjC,OAAO,oBAACA,aAAD;EAA0B,WAAW,WAAW,CAAC,OAAO,MAAM,kBAAkB,QAAQ,GAAG,SAAS,CAAC,CAAC;EAAW,GAAI;CAAO,CAAA;AACrI;AACA,gBAAgB,cAAc;AAM9B,MAAa,mBAAmD,EAC9D,WACA,OAAO,UACP,UAAU,YACV,GAAG,WAC8B;CACjC,OAAO,oBAACC,QAAD;EAAqB,GAAI;EAAM,WAAW,WAAW;GAAC,OAAO;GAAM,UAAU;GAAM,eAAe;GAAO,kBAAkB;EAAQ,GAAG,SAAS,CAAC,CAAC;CAAY,CAAA;AACtK;AACA,gBAAgB,cAAc;AAM9B,MAAa,uBAA4C,EACvD,UACA,WACA,YACI,oBAAC,QAAD;CAAM,GAAI,WAAW,OAAO,UAAU,WAAW,KAAK;CAAI;AAAe,CAAA;AAC/E,oBAAoB,cAAc;AAClC,MAAa,wBAA6C,EACxD,UACA,WACA,YACI,oBAAC,QAAD;CAAM,GAAI,WAAW,OAAO,WAAWC,OAAK,2BAA2B,SAAS,GAAG,KAAK;CACzF;AACG,CAAA;AACR,qBAAqB,cAAc;AACnC,MAAa,oBAAoB,OAAO,YAAY,OAAO,QAAQ,MAAM,CAAC,CAAC,KAAK,CAAC,KAAK,WAAW,CAAC,KAAK,OAAO,MAAM,KAAK,CAAC,CAAC,aAAa,EAAE,CAAC,CAAC"}

package/es/Tooltip/TooltipGroup.mjs

@@ -12,7 +12,7 @@ import { useDestroyOnInvalidActiveTriggerElement, useHidePopupWhenPositionerAtOr
 import { useRepopOnFarTriggerSwitch } from "../utils/useRepopOnFarTriggerSwitch.mjs";
 import { useCallback, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import clsx from "clsx";
+import clsx$1 from "clsx";
 import { Tooltip } from "@base-ui/react/tooltip";
 //#region src/Tooltip/TooltipGroup.tsx
 const TooltipGroup = ({ children, disableDestroyOnInvalidTrigger = false, disableZeroOriginGuard = false, layoutAnimation = true, popupContainer, ...sharedProps }) => {
@@ -55,12 +55,12 @@ const TooltipGroup = ({ children, disableDestroyOnInvalidTrigger = false, disabl
 					const customStyles = typeof item.styles === "function" ? void 0 : item.styles;
 					const slots = {
 						arrow: styleProps(styles.arrow, item.classNames?.arrow, customStyles?.arrow),
-						popup: styleProps(styles.popup, clsx(item.className, item.classNames?.root, item.classNames?.container), {
+						popup: styleProps(styles.popup, clsx$1(item.className, item.classNames?.root, item.classNames?.container), {
 							...customStyles?.root,
 							...customStyles?.container
 						}),
 						positioner: styleProps(styles.positioner, void 0, { zIndex: item.zIndex ?? 114514 }),
-						viewport: styleProps(styles.viewport, clsx("lobe-tooltip-viewport", item.classNames?.content), customStyles?.content)
+						viewport: styleProps(styles.viewport, clsx$1("lobe-tooltip-viewport", item.classNames?.content), customStyles?.content)
 					};
 					const body = /* @__PURE__ */ jsx(Tooltip.Viewport, {
 						"data-repop": repop || void 0,

package/es/Tooltip/TooltipGroup.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipGroup.mjs","names":["BaseTooltip"],"sources":["../../src/Tooltip/TooltipGroup.tsx"],"sourcesContent":["'use client';\n\nimport { Tooltip as BaseTooltip } from '@base-ui/react/tooltip';\nimport clsx from 'clsx';\nimport { type FC, useCallback, useRef, useState } from 'react';\n\nimport { useAppElement } from '@/ConfigProvider/AppElementContext';\nimport { useFloatingLayer } from '@/hooks/useFloatingLayer';\nimport { getFloatingCollisionPadding } from '@/internal/floating';\nimport { styleProps } from '@/styles/stylex/props';\nimport {\n  useDestroyOnInvalidActiveTriggerElement,\n  useHidePopupWhenPositionerAtOrigin,\n  usePopupHandleStore,\n} from '@/utils/destroyOnInvalidActiveTriggerElement';\nimport { placementMap } from '@/utils/placement';\nimport { useRepopOnFarTriggerSwitch } from '@/utils/useRepopOnFarTriggerSwitch';\n\nimport { TooltipArrowIcon } from './ArrowIcon';\nimport {\n  TooltipGroupHandleContext,\n  type TooltipGroupItem,\n  TooltipGroupPropsContext,\n} from './groupContext';\nimport { styles } from './style';\nimport TooltipContent from './TooltipContent';\nimport { type TooltipGroupProps } from './type';\n\nconst TooltipGroup: FC<TooltipGroupProps> = ({\n  children,\n  disableDestroyOnInvalidTrigger = false,\n  disableZeroOriginGuard = false,\n  layoutAnimation = true,\n  popupContainer,\n  ...sharedProps\n}) => {\n  const [{ handle, key }, setHandleState] = useState(() => ({\n    handle: BaseTooltip.createHandle<TooltipGroupItem>(),\n    key: 0,\n  }));\n  const activeItemRef = useRef<TooltipGroupItem | null>(null);\n\n  const destroy = useCallback(() => {\n    activeItemRef.current = null;\n    setHandleState(({ key }) => ({\n      handle: BaseTooltip.createHandle<TooltipGroupItem>(),\n      key: key + 1,\n    }));\n  }, []);\n\n  const handleOpenChange = useCallback((open: boolean) => {\n    activeItemRef.current?.onOpenChange?.(open);\n  }, []);\n\n  const appElement = useAppElement();\n  const floatingLayerContainer = useFloatingLayer();\n  const portalContainer = floatingLayerContainer ?? appElement;\n\n  const store = usePopupHandleStore(handle);\n  useDestroyOnInvalidActiveTriggerElement(store, destroy, {\n    enabled: !disableDestroyOnInvalidTrigger,\n  });\n  useHidePopupWhenPositionerAtOrigin(store, { enabled: !disableZeroOriginGuard });\n  const repop = useRepopOnFarTriggerSwitch(store, { enabled: layoutAnimation });\n\n  return (\n    <TooltipGroupHandleContext value={handle}>\n      <TooltipGroupPropsContext value={sharedProps}>\n        {/* Outside Root on purpose: the handle/key reset remounts Root's subtree; children must\n            survive it. Triggers bind to the group via the handle, not DOM nesting. */}\n        {children}\n        <BaseTooltip.Root handle={handle} key={key} onOpenChange={handleOpenChange}>\n          {({ payload }) => {\n            const item = (payload as TooltipGroupItem | null) ?? null;\n            activeItemRef.current = item;\n\n            if (!item || (item.title == null && !item.hotkey)) {\n              return null;\n            }\n\n            const arrow = item.arrow ?? false;\n            const placement = item.placement ?? 'top';\n            const placementConfig = placementMap[placement] ?? placementMap.top;\n            const baseSideOffset = arrow ? 8 : 6;\n\n            const customStyles = typeof item.styles === 'function' ? undefined : item.styles;\n            const slots = {\n              arrow: styleProps(styles.arrow, item.classNames?.arrow, customStyles?.arrow),\n              popup: styleProps(\n                styles.popup,\n                clsx(item.className, item.classNames?.root, item.classNames?.container),\n                { ...customStyles?.root, ...customStyles?.container },\n              ),\n              positioner: styleProps(styles.positioner, undefined, {\n                zIndex: item.zIndex ?? 114_514,\n              }),\n              viewport: styleProps(\n                styles.viewport,\n                clsx('lobe-tooltip-viewport', item.classNames?.content),\n                customStyles?.content,\n              ),\n            };\n\n            const body = (\n              <BaseTooltip.Viewport data-repop={repop || undefined} {...slots.viewport}>\n                <TooltipContent\n                  hotkey={item.hotkey}\n                  hotkeyProps={item.hotkeyProps}\n                  title={item.title}\n                />\n              </BaseTooltip.Viewport>\n            );\n\n            const popup = (\n              <BaseTooltip.Positioner\n                align={placementConfig.align}\n                data-layout-animation={layoutAnimation || undefined}\n                data-placement={placement}\n                data-repop={repop || undefined}\n                side={placementConfig.side}\n                sideOffset={baseSideOffset}\n                {...slots.positioner}\n                {...item.positionerProps}\n                collisionPadding={\n                  item.positionerProps?.collisionPadding ?? getFloatingCollisionPadding()\n                }\n              >\n                <BaseTooltip.Popup\n                  data-layout-animation={layoutAnimation || undefined}\n                  data-repop={repop || undefined}\n                  {...slots.popup}\n                  {...item.popupProps}\n                >\n                  {arrow && (\n                    <BaseTooltip.Arrow {...slots.arrow}>{TooltipArrowIcon}</BaseTooltip.Arrow>\n                  )}\n                  {body}\n                </BaseTooltip.Popup>\n              </BaseTooltip.Positioner>\n            );\n\n            const resolvedPortalContainer =\n              item.popupContainer ?? popupContainer ?? portalContainer;\n\n            return resolvedPortalContainer ? (\n              <BaseTooltip.Portal container={resolvedPortalContainer}>{popup}</BaseTooltip.Portal>\n            ) : null;\n          }}\n        </BaseTooltip.Root>\n      </TooltipGroupPropsContext>\n    </TooltipGroupHandleContext>\n  );\n};\n\nTooltipGroup.displayName = 'TooltipGroup';\n\nexport default TooltipGroup;\n"],"mappings":"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"}
+{"version":3,"file":"TooltipGroup.mjs","names":["BaseTooltip","clsx"],"sources":["../../src/Tooltip/TooltipGroup.tsx"],"sourcesContent":["'use client';\n\nimport { Tooltip as BaseTooltip } from '@base-ui/react/tooltip';\nimport clsx from 'clsx';\nimport { type FC, useCallback, useRef, useState } from 'react';\n\nimport { useAppElement } from '@/ConfigProvider/AppElementContext';\nimport { useFloatingLayer } from '@/hooks/useFloatingLayer';\nimport { getFloatingCollisionPadding } from '@/internal/floating';\nimport { styleProps } from '@/styles/stylex/props';\nimport {\n  useDestroyOnInvalidActiveTriggerElement,\n  useHidePopupWhenPositionerAtOrigin,\n  usePopupHandleStore,\n} from '@/utils/destroyOnInvalidActiveTriggerElement';\nimport { placementMap } from '@/utils/placement';\nimport { useRepopOnFarTriggerSwitch } from '@/utils/useRepopOnFarTriggerSwitch';\n\nimport { TooltipArrowIcon } from './ArrowIcon';\nimport {\n  TooltipGroupHandleContext,\n  type TooltipGroupItem,\n  TooltipGroupPropsContext,\n} from './groupContext';\nimport { styles } from './style';\nimport TooltipContent from './TooltipContent';\nimport { type TooltipGroupProps } from './type';\n\nconst TooltipGroup: FC<TooltipGroupProps> = ({\n  children,\n  disableDestroyOnInvalidTrigger = false,\n  disableZeroOriginGuard = false,\n  layoutAnimation = true,\n  popupContainer,\n  ...sharedProps\n}) => {\n  const [{ handle, key }, setHandleState] = useState(() => ({\n    handle: BaseTooltip.createHandle<TooltipGroupItem>(),\n    key: 0,\n  }));\n  const activeItemRef = useRef<TooltipGroupItem | null>(null);\n\n  const destroy = useCallback(() => {\n    activeItemRef.current = null;\n    setHandleState(({ key }) => ({\n      handle: BaseTooltip.createHandle<TooltipGroupItem>(),\n      key: key + 1,\n    }));\n  }, []);\n\n  const handleOpenChange = useCallback((open: boolean) => {\n    activeItemRef.current?.onOpenChange?.(open);\n  }, []);\n\n  const appElement = useAppElement();\n  const floatingLayerContainer = useFloatingLayer();\n  const portalContainer = floatingLayerContainer ?? appElement;\n\n  const store = usePopupHandleStore(handle);\n  useDestroyOnInvalidActiveTriggerElement(store, destroy, {\n    enabled: !disableDestroyOnInvalidTrigger,\n  });\n  useHidePopupWhenPositionerAtOrigin(store, { enabled: !disableZeroOriginGuard });\n  const repop = useRepopOnFarTriggerSwitch(store, { enabled: layoutAnimation });\n\n  return (\n    <TooltipGroupHandleContext value={handle}>\n      <TooltipGroupPropsContext value={sharedProps}>\n        {/* Outside Root on purpose: the handle/key reset remounts Root's subtree; children must\n            survive it. Triggers bind to the group via the handle, not DOM nesting. */}\n        {children}\n        <BaseTooltip.Root handle={handle} key={key} onOpenChange={handleOpenChange}>\n          {({ payload }) => {\n            const item = (payload as TooltipGroupItem | null) ?? null;\n            activeItemRef.current = item;\n\n            if (!item || (item.title == null && !item.hotkey)) {\n              return null;\n            }\n\n            const arrow = item.arrow ?? false;\n            const placement = item.placement ?? 'top';\n            const placementConfig = placementMap[placement] ?? placementMap.top;\n            const baseSideOffset = arrow ? 8 : 6;\n\n            const customStyles = typeof item.styles === 'function' ? undefined : item.styles;\n            const slots = {\n              arrow: styleProps(styles.arrow, item.classNames?.arrow, customStyles?.arrow),\n              popup: styleProps(\n                styles.popup,\n                clsx(item.className, item.classNames?.root, item.classNames?.container),\n                { ...customStyles?.root, ...customStyles?.container },\n              ),\n              positioner: styleProps(styles.positioner, undefined, {\n                zIndex: item.zIndex ?? 114_514,\n              }),\n              viewport: styleProps(\n                styles.viewport,\n                clsx('lobe-tooltip-viewport', item.classNames?.content),\n                customStyles?.content,\n              ),\n            };\n\n            const body = (\n              <BaseTooltip.Viewport data-repop={repop || undefined} {...slots.viewport}>\n                <TooltipContent\n                  hotkey={item.hotkey}\n                  hotkeyProps={item.hotkeyProps}\n                  title={item.title}\n                />\n              </BaseTooltip.Viewport>\n            );\n\n            const popup = (\n              <BaseTooltip.Positioner\n                align={placementConfig.align}\n                data-layout-animation={layoutAnimation || undefined}\n                data-placement={placement}\n                data-repop={repop || undefined}\n                side={placementConfig.side}\n                sideOffset={baseSideOffset}\n                {...slots.positioner}\n                {...item.positionerProps}\n                collisionPadding={\n                  item.positionerProps?.collisionPadding ?? getFloatingCollisionPadding()\n                }\n              >\n                <BaseTooltip.Popup\n                  data-layout-animation={layoutAnimation || undefined}\n                  data-repop={repop || undefined}\n                  {...slots.popup}\n                  {...item.popupProps}\n                >\n                  {arrow && (\n                    <BaseTooltip.Arrow {...slots.arrow}>{TooltipArrowIcon}</BaseTooltip.Arrow>\n                  )}\n                  {body}\n                </BaseTooltip.Popup>\n              </BaseTooltip.Positioner>\n            );\n\n            const resolvedPortalContainer =\n              item.popupContainer ?? popupContainer ?? portalContainer;\n\n            return resolvedPortalContainer ? (\n              <BaseTooltip.Portal container={resolvedPortalContainer}>{popup}</BaseTooltip.Portal>\n            ) : null;\n          }}\n        </BaseTooltip.Root>\n      </TooltipGroupPropsContext>\n    </TooltipGroupHandleContext>\n  );\n};\n\nTooltipGroup.displayName = 'TooltipGroup';\n\nexport default TooltipGroup;\n"],"mappings":"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"}

package/es/Tooltip/TooltipInGroup.mjs

@@ -1,12 +1,12 @@
 "use client";
 import { TooltipGroupHandleContext } from "./groupContext.mjs";
 import { useNativeButton } from "../hooks/useNativeButton.mjs";
+import { mergeRefs } from "../utils/mergeRefs.mjs";
 import { useMergedTooltipProps } from "./useMergedTooltipProps.mjs";
 import { cloneElement, isValidElement, use, useCallback, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 import { mergeProps } from "@base-ui/react/merge-props";
 import { Tooltip } from "@base-ui/react/tooltip";
-import { mergeRefs } from "react-merge-refs";
 //#region src/Tooltip/TooltipInGroup.tsx
 const DEFAULT_OPEN_DELAY = 400;
 const DEFAULT_CLOSE_DELAY = 100;

package/es/Tooltip/TooltipInGroup.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipInGroup.mjs","names":["BaseTooltip"],"sources":["../../src/Tooltip/TooltipInGroup.tsx"],"sourcesContent":["'use client';\n\nimport { mergeProps } from '@base-ui/react/merge-props';\nimport { Tooltip as BaseTooltip } from '@base-ui/react/tooltip';\nimport { cloneElement, type FC, isValidElement, use, useCallback, useMemo } from 'react';\nimport { mergeRefs } from 'react-merge-refs';\n\nimport { useNativeButton } from '@/hooks/useNativeButton';\n\nimport { TooltipGroupHandleContext } from './groupContext';\nimport { type TooltipProps } from './type';\nimport { useMergedTooltipProps } from './useMergedTooltipProps';\n\nconst DEFAULT_OPEN_DELAY = 400;\nconst DEFAULT_CLOSE_DELAY = 100;\n\nexport const TooltipInGroup: FC<TooltipProps> = ({\n  children,\n  ref: refProp,\n  arrow,\n  className,\n  classNames,\n  closeDelay,\n  defaultOpen,\n  disabled: disabledProp,\n  getPopupContainer,\n  hotkey,\n  hotkeyProps,\n  mouseEnterDelay,\n  mouseLeaveDelay,\n  onOpenChange,\n  open,\n  openDelay,\n  placement,\n  popupContainer,\n  popupProps,\n  portalProps,\n  positionerProps,\n  standalone: _standalone,\n  styles,\n  title,\n  triggerProps: triggerPropsProp,\n  zIndex,\n  ...restProps\n}) => {\n  const tooltipProps = useMemo(\n    () => ({\n      arrow,\n      className,\n      classNames,\n      closeDelay,\n      defaultOpen,\n      disabled: disabledProp,\n      getPopupContainer,\n      hotkey,\n      hotkeyProps,\n      mouseEnterDelay,\n      mouseLeaveDelay,\n      onOpenChange,\n      open,\n      openDelay,\n      placement,\n      popupContainer,\n      popupProps,\n      portalProps,\n      positionerProps,\n      styles,\n      title,\n      triggerProps: triggerPropsProp,\n      zIndex,\n    }),\n    [\n      arrow,\n      className,\n      classNames,\n      closeDelay,\n      defaultOpen,\n      disabledProp,\n      getPopupContainer,\n      hotkey,\n      hotkeyProps,\n      mouseEnterDelay,\n      mouseLeaveDelay,\n      onOpenChange,\n      open,\n      openDelay,\n      placement,\n      popupContainer,\n      popupProps,\n      portalProps,\n      positionerProps,\n      styles,\n      title,\n      triggerPropsProp,\n      zIndex,\n    ],\n  );\n\n  const group = use(TooltipGroupHandleContext);\n  const item = useMergedTooltipProps(tooltipProps);\n\n  const resolvedOpenDelay = useMemo(() => {\n    if (item.openDelay !== undefined) return item.openDelay;\n    if (item.mouseEnterDelay !== undefined) return item.mouseEnterDelay * 1000;\n    return DEFAULT_OPEN_DELAY;\n  }, [item.mouseEnterDelay, item.openDelay]);\n\n  const resolvedCloseDelay = useMemo(() => {\n    if (item.closeDelay !== undefined) return item.closeDelay;\n    if (item.mouseLeaveDelay !== undefined) return item.mouseLeaveDelay * 1000;\n    return DEFAULT_CLOSE_DELAY;\n  }, [item.closeDelay, item.mouseLeaveDelay]);\n\n  const disabled = Boolean(item.disabled);\n\n  const { isNativeButtonTriggerElement } = useNativeButton({\n    children,\n  });\n\n  const childElement = isValidElement(children) ? children : null;\n  const popupTriggerId =\n    childElement &&\n    (childElement as any).props['aria-haspopup'] !== undefined &&\n    (childElement as any).props.id !== undefined\n      ? (childElement as any).props.id\n      : undefined;\n\n  const renderTrigger = useCallback(\n    (renderProps: unknown) => {\n      // Base UI's trigger props include `type=\"button\"` by default.\n      // If we render into a non-<button> element, that prop is invalid and can warn.\n      const resolvedProps = (() => {\n        if (isNativeButtonTriggerElement) return renderProps as any;\n        // eslint-disable-next-line unused-imports/no-unused-vars\n        const { type, ref: triggerRef, ...triggerRest } = renderProps as any;\n        return triggerRest;\n      })();\n\n      const childProps = (childElement as any).props;\n      const mergedProps = mergeProps(restProps, childProps, resolvedProps);\n      const shouldPreservePopupTriggerId =\n        childProps['aria-haspopup'] !== undefined && childProps.id !== undefined;\n\n      return cloneElement(childElement as any, {\n        ...mergedProps,\n        id: shouldPreservePopupTriggerId ? childProps.id : mergedProps.id,\n        ref: mergeRefs([(childElement as any).ref, (renderProps as any).ref, refProp]),\n      });\n    },\n    [childElement, isNativeButtonTriggerElement, refProp, restProps],\n  );\n\n  // Don't render trigger behavior if no content\n\n  if (item.title == null && !item.hotkey) {\n    return children as any;\n  }\n\n  const triggerProps = {\n    closeDelay: resolvedCloseDelay,\n    delay: resolvedOpenDelay,\n    disabled,\n    ...item.triggerProps,\n    id: popupTriggerId ?? item.triggerProps?.id,\n    payload: item,\n  };\n\n  if (childElement) {\n    return (\n      <BaseTooltip.Trigger handle={group ?? undefined} {...triggerProps} render={renderTrigger} />\n    );\n  }\n\n  return (\n    <BaseTooltip.Trigger handle={group ?? undefined} {...triggerProps} ref={refProp}>\n      {children}\n    </BaseTooltip.Trigger>\n  );\n};\n\nTooltipInGroup.displayName = 'TooltipInGroup';\n"],"mappings":";;;;;;;;;;AAaA,MAAM,qBAAqB;AAC3B,MAAM,sBAAsB;AAE5B,MAAa,kBAAoC,EAC/C,UACA,KAAK,SACL,OACA,WACA,YACA,YACA,aACA,UAAU,cACV,mBACA,QACA,aACA,iBACA,iBACA,cACA,MACA,WACA,WACA,gBACA,YACA,aACA,iBACA,YAAY,aACZ,QACA,OACA,cAAc,kBACd,QACA,GAAG,gBACC;CACJ,MAAM,eAAe,eACZ;EACL;EACA;EACA;EACA;EACA;EACA,UAAU;EACV;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,cAAc;EACd;CACF,IACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CACF;CAEA,MAAM,QAAQ,IAAI,yBAAyB;CAC3C,MAAM,OAAO,sBAAsB,YAAY;CAE/C,MAAM,oBAAoB,cAAc;EACtC,IAAI,KAAK,cAAc,KAAA,GAAW,OAAO,KAAK;EAC9C,IAAI,KAAK,oBAAoB,KAAA,GAAW,OAAO,KAAK,kBAAkB;EACtE,OAAO;CACT,GAAG,CAAC,KAAK,iBAAiB,KAAK,SAAS,CAAC;CAEzC,MAAM,qBAAqB,cAAc;EACvC,IAAI,KAAK,eAAe,KAAA,GAAW,OAAO,KAAK;EAC/C,IAAI,KAAK,oBAAoB,KAAA,GAAW,OAAO,KAAK,kBAAkB;EACtE,OAAO;CACT,GAAG,CAAC,KAAK,YAAY,KAAK,eAAe,CAAC;CAE1C,MAAM,WAAW,QAAQ,KAAK,QAAQ;CAEtC,MAAM,EAAE,iCAAiC,gBAAgB,EACvD,SACF,CAAC;CAED,MAAM,eAAe,eAAe,QAAQ,IAAI,WAAW;CAC3D,MAAM,iBACJ,gBACC,aAAqB,MAAM,qBAAqB,KAAA,KAChD,aAAqB,MAAM,OAAO,KAAA,IAC9B,aAAqB,MAAM,KAC5B,KAAA;CAEN,MAAM,gBAAgB,aACnB,gBAAyB;EAGxB,MAAM,uBAAuB;GAC3B,IAAI,8BAA8B,OAAO;GAEzC,MAAM,EAAE,MAAM,KAAK,YAAY,GAAG,gBAAgB;GAClD,OAAO;EACT,EAAA,CAAG;EAEH,MAAM,aAAc,aAAqB;EACzC,MAAM,cAAc,WAAW,WAAW,YAAY,aAAa;EACnE,MAAM,+BACJ,WAAW,qBAAqB,KAAA,KAAa,WAAW,OAAO,KAAA;EAEjE,OAAO,aAAa,cAAqB;GACvC,GAAG;GACH,IAAI,+BAA+B,WAAW,KAAK,YAAY;GAC/D,KAAK,UAAU;IAAE,aAAqB;IAAM,YAAoB;IAAK;GAAO,CAAC;EAC/E,CAAC;CACH,GACA;EAAC;EAAc;EAA8B;EAAS;CAAS,CACjE;CAIA,IAAI,KAAK,SAAS,QAAQ,CAAC,KAAK,QAC9B,OAAO;CAGT,MAAM,eAAe;EACnB,YAAY;EACZ,OAAO;EACP;EACA,GAAG,KAAK;EACR,IAAI,kBAAkB,KAAK,cAAc;EACzC,SAAS;CACX;CAEA,IAAI,cACF,OACE,oBAACA,QAAY,SAAb;EAAqB,QAAQ,SAAS,KAAA;EAAW,GAAI;EAAc,QAAQ;CAAgB,CAAA;CAI/F,OACE,oBAACA,QAAY,SAAb;EAAqB,QAAQ,SAAS,KAAA;EAAW,GAAI;EAAc,KAAK;EACrE;CACkB,CAAA;AAEzB;AAEA,eAAe,cAAc"}
+{"version":3,"file":"TooltipInGroup.mjs","names":["BaseTooltip"],"sources":["../../src/Tooltip/TooltipInGroup.tsx"],"sourcesContent":["'use client';\n\nimport { mergeProps } from '@base-ui/react/merge-props';\nimport { Tooltip as BaseTooltip } from '@base-ui/react/tooltip';\nimport { cloneElement, type FC, isValidElement, use, useCallback, useMemo } from 'react';\n\nimport { useNativeButton } from '@/hooks/useNativeButton';\nimport { mergeRefs } from '@/utils/mergeRefs';\n\nimport { TooltipGroupHandleContext } from './groupContext';\nimport { type TooltipProps } from './type';\nimport { useMergedTooltipProps } from './useMergedTooltipProps';\n\nconst DEFAULT_OPEN_DELAY = 400;\nconst DEFAULT_CLOSE_DELAY = 100;\n\nexport const TooltipInGroup: FC<TooltipProps> = ({\n  children,\n  ref: refProp,\n  arrow,\n  className,\n  classNames,\n  closeDelay,\n  defaultOpen,\n  disabled: disabledProp,\n  getPopupContainer,\n  hotkey,\n  hotkeyProps,\n  mouseEnterDelay,\n  mouseLeaveDelay,\n  onOpenChange,\n  open,\n  openDelay,\n  placement,\n  popupContainer,\n  popupProps,\n  portalProps,\n  positionerProps,\n  standalone: _standalone,\n  styles,\n  title,\n  triggerProps: triggerPropsProp,\n  zIndex,\n  ...restProps\n}) => {\n  const tooltipProps = useMemo(\n    () => ({\n      arrow,\n      className,\n      classNames,\n      closeDelay,\n      defaultOpen,\n      disabled: disabledProp,\n      getPopupContainer,\n      hotkey,\n      hotkeyProps,\n      mouseEnterDelay,\n      mouseLeaveDelay,\n      onOpenChange,\n      open,\n      openDelay,\n      placement,\n      popupContainer,\n      popupProps,\n      portalProps,\n      positionerProps,\n      styles,\n      title,\n      triggerProps: triggerPropsProp,\n      zIndex,\n    }),\n    [\n      arrow,\n      className,\n      classNames,\n      closeDelay,\n      defaultOpen,\n      disabledProp,\n      getPopupContainer,\n      hotkey,\n      hotkeyProps,\n      mouseEnterDelay,\n      mouseLeaveDelay,\n      onOpenChange,\n      open,\n      openDelay,\n      placement,\n      popupContainer,\n      popupProps,\n      portalProps,\n      positionerProps,\n      styles,\n      title,\n      triggerPropsProp,\n      zIndex,\n    ],\n  );\n\n  const group = use(TooltipGroupHandleContext);\n  const item = useMergedTooltipProps(tooltipProps);\n\n  const resolvedOpenDelay = useMemo(() => {\n    if (item.openDelay !== undefined) return item.openDelay;\n    if (item.mouseEnterDelay !== undefined) return item.mouseEnterDelay * 1000;\n    return DEFAULT_OPEN_DELAY;\n  }, [item.mouseEnterDelay, item.openDelay]);\n\n  const resolvedCloseDelay = useMemo(() => {\n    if (item.closeDelay !== undefined) return item.closeDelay;\n    if (item.mouseLeaveDelay !== undefined) return item.mouseLeaveDelay * 1000;\n    return DEFAULT_CLOSE_DELAY;\n  }, [item.closeDelay, item.mouseLeaveDelay]);\n\n  const disabled = Boolean(item.disabled);\n\n  const { isNativeButtonTriggerElement } = useNativeButton({\n    children,\n  });\n\n  const childElement = isValidElement(children) ? children : null;\n  const popupTriggerId =\n    childElement &&\n    (childElement as any).props['aria-haspopup'] !== undefined &&\n    (childElement as any).props.id !== undefined\n      ? (childElement as any).props.id\n      : undefined;\n\n  const renderTrigger = useCallback(\n    (renderProps: unknown) => {\n      // Base UI's trigger props include `type=\"button\"` by default.\n      // If we render into a non-<button> element, that prop is invalid and can warn.\n      const resolvedProps = (() => {\n        if (isNativeButtonTriggerElement) return renderProps as any;\n        // eslint-disable-next-line unused-imports/no-unused-vars\n        const { type, ref: triggerRef, ...triggerRest } = renderProps as any;\n        return triggerRest;\n      })();\n\n      const childProps = (childElement as any).props;\n      const mergedProps = mergeProps(restProps, childProps, resolvedProps);\n      const shouldPreservePopupTriggerId =\n        childProps['aria-haspopup'] !== undefined && childProps.id !== undefined;\n\n      return cloneElement(childElement as any, {\n        ...mergedProps,\n        id: shouldPreservePopupTriggerId ? childProps.id : mergedProps.id,\n        ref: mergeRefs([(childElement as any).ref, (renderProps as any).ref, refProp]),\n      });\n    },\n    [childElement, isNativeButtonTriggerElement, refProp, restProps],\n  );\n\n  // Don't render trigger behavior if no content\n\n  if (item.title == null && !item.hotkey) {\n    return children as any;\n  }\n\n  const triggerProps = {\n    closeDelay: resolvedCloseDelay,\n    delay: resolvedOpenDelay,\n    disabled,\n    ...item.triggerProps,\n    id: popupTriggerId ?? item.triggerProps?.id,\n    payload: item,\n  };\n\n  if (childElement) {\n    return (\n      <BaseTooltip.Trigger handle={group ?? undefined} {...triggerProps} render={renderTrigger} />\n    );\n  }\n\n  return (\n    <BaseTooltip.Trigger handle={group ?? undefined} {...triggerProps} ref={refProp}>\n      {children}\n    </BaseTooltip.Trigger>\n  );\n};\n\nTooltipInGroup.displayName = 'TooltipInGroup';\n"],"mappings":";;;;;;;;;;AAaA,MAAM,qBAAqB;AAC3B,MAAM,sBAAsB;AAE5B,MAAa,kBAAoC,EAC/C,UACA,KAAK,SACL,OACA,WACA,YACA,YACA,aACA,UAAU,cACV,mBACA,QACA,aACA,iBACA,iBACA,cACA,MACA,WACA,WACA,gBACA,YACA,aACA,iBACA,YAAY,aACZ,QACA,OACA,cAAc,kBACd,QACA,GAAG,gBACC;CACJ,MAAM,eAAe,eACZ;EACL;EACA;EACA;EACA;EACA;EACA,UAAU;EACV;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,cAAc;EACd;CACF,IACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CACF;CAEA,MAAM,QAAQ,IAAI,yBAAyB;CAC3C,MAAM,OAAO,sBAAsB,YAAY;CAE/C,MAAM,oBAAoB,cAAc;EACtC,IAAI,KAAK,cAAc,KAAA,GAAW,OAAO,KAAK;EAC9C,IAAI,KAAK,oBAAoB,KAAA,GAAW,OAAO,KAAK,kBAAkB;EACtE,OAAO;CACT,GAAG,CAAC,KAAK,iBAAiB,KAAK,SAAS,CAAC;CAEzC,MAAM,qBAAqB,cAAc;EACvC,IAAI,KAAK,eAAe,KAAA,GAAW,OAAO,KAAK;EAC/C,IAAI,KAAK,oBAAoB,KAAA,GAAW,OAAO,KAAK,kBAAkB;EACtE,OAAO;CACT,GAAG,CAAC,KAAK,YAAY,KAAK,eAAe,CAAC;CAE1C,MAAM,WAAW,QAAQ,KAAK,QAAQ;CAEtC,MAAM,EAAE,iCAAiC,gBAAgB,EACvD,SACF,CAAC;CAED,MAAM,eAAe,eAAe,QAAQ,IAAI,WAAW;CAC3D,MAAM,iBACJ,gBACC,aAAqB,MAAM,qBAAqB,KAAA,KAChD,aAAqB,MAAM,OAAO,KAAA,IAC9B,aAAqB,MAAM,KAC5B,KAAA;CAEN,MAAM,gBAAgB,aACnB,gBAAyB;EAGxB,MAAM,uBAAuB;GAC3B,IAAI,8BAA8B,OAAO;GAEzC,MAAM,EAAE,MAAM,KAAK,YAAY,GAAG,gBAAgB;GAClD,OAAO;EACT,EAAA,CAAG;EAEH,MAAM,aAAc,aAAqB;EACzC,MAAM,cAAc,WAAW,WAAW,YAAY,aAAa;EACnE,MAAM,+BACJ,WAAW,qBAAqB,KAAA,KAAa,WAAW,OAAO,KAAA;EAEjE,OAAO,aAAa,cAAqB;GACvC,GAAG;GACH,IAAI,+BAA+B,WAAW,KAAK,YAAY;GAC/D,KAAK,UAAU;IAAE,aAAqB;IAAM,YAAoB;IAAK;GAAO,CAAC;EAC/E,CAAC;CACH,GACA;EAAC;EAAc;EAA8B;EAAS;CAAS,CACjE;CAIA,IAAI,KAAK,SAAS,QAAQ,CAAC,KAAK,QAC9B,OAAO;CAGT,MAAM,eAAe;EACnB,YAAY;EACZ,OAAO;EACP;EACA,GAAG,KAAK;EACR,IAAI,kBAAkB,KAAK,cAAc;EACzC,SAAS;CACX;CAEA,IAAI,cACF,OACE,oBAACA,QAAY,SAAb;EAAqB,QAAQ,SAAS,KAAA;EAAW,GAAI;EAAc,QAAQ;CAAgB,CAAA;CAI/F,OACE,oBAACA,QAAY,SAAb;EAAqB,QAAQ,SAAS,KAAA;EAAW,GAAI;EAAc,KAAK;EACrE;CACkB,CAAA;AAEzB;AAEA,eAAe,cAAc"}

package/es/Tooltip/TooltipStandalone.mjs

@@ -2,6 +2,7 @@
 import { useAppElement } from "../ConfigProvider/AppElementContext.mjs";
 import { styleProps } from "../styles/stylex/props.mjs";
 import { useNativeButton } from "../hooks/useNativeButton.mjs";
+import { mergeRefs } from "../utils/mergeRefs.mjs";
 import { useFloatingLayer } from "../hooks/useFloatingLayer.mjs";
 import { useIsClient } from "../hooks/useIsClient.mjs";
 import { getFloatingCollisionPadding } from "../internal/floating/collisionPadding.mjs";
@@ -11,10 +12,9 @@ import { TooltipArrowIcon } from "./ArrowIcon.mjs";
 import TooltipContent from "./TooltipContent.mjs";
 import { cloneElement, isValidElement, memo, useCallback, useMemo, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import clsx from "clsx";
+import clsx$1 from "clsx";
 import { mergeProps } from "@base-ui/react/merge-props";
 import { Tooltip } from "@base-ui/react/tooltip";
-import { mergeRefs } from "react-merge-refs";
 //#region src/Tooltip/TooltipStandalone.tsx
 const DEFAULT_OPEN_DELAY = 400;
 const DEFAULT_CLOSE_DELAY = 100;
@@ -58,12 +58,12 @@ const TooltipStandalone = memo(({ children, title, arrow = false, className, cla
 		const customStyles = typeof customStylesProp === "function" ? void 0 : customStylesProp;
 		return {
 			arrow: styleProps(styles.arrow, classNames?.arrow, customStyles?.arrow),
-			popup: styleProps(styles.popup, clsx(className, classNames?.root, classNames?.container), {
+			popup: styleProps(styles.popup, clsx$1(className, classNames?.root, classNames?.container), {
 				...customStyles?.root,
 				...customStyles?.container
 			}),
 			positioner: styleProps(styles.positioner, void 0, { zIndex: zIndex ?? 114514 }),
-			viewport: styleProps(styles.viewport, clsx("lobe-tooltip-viewport", classNames?.content), customStyles?.content)
+			viewport: styleProps(styles.viewport, clsx$1("lobe-tooltip-viewport", classNames?.content), customStyles?.content)
 		};
 	}, [
 		className,

package/es/Tooltip/TooltipStandalone.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipStandalone.mjs","names":["BaseTooltip"],"sources":["../../src/Tooltip/TooltipStandalone.tsx"],"sourcesContent":["'use client';\n\nimport { mergeProps } from '@base-ui/react/merge-props';\nimport { Tooltip as BaseTooltip } from '@base-ui/react/tooltip';\nimport clsx from 'clsx';\nimport {\n  cloneElement,\n  isValidElement,\n  memo,\n  type Ref,\n  useCallback,\n  useMemo,\n  useState,\n} from 'react';\nimport { mergeRefs } from 'react-merge-refs';\n\nimport { useAppElement } from '@/ConfigProvider/AppElementContext';\nimport { useFloatingLayer } from '@/hooks/useFloatingLayer';\nimport { useIsClient } from '@/hooks/useIsClient';\nimport { useNativeButton } from '@/hooks/useNativeButton';\nimport { getFloatingCollisionPadding } from '@/internal/floating';\nimport { styleProps } from '@/styles/stylex/props';\nimport { placementMap } from '@/utils/placement';\n\nimport { TooltipArrowIcon } from './ArrowIcon';\nimport { styles } from './style';\nimport TooltipContent from './TooltipContent';\nimport { type TooltipProps } from './type';\n\nconst DEFAULT_OPEN_DELAY = 400;\nconst DEFAULT_CLOSE_DELAY = 100;\n\n/**\n * Tooltip component - displays small contextual hints on hover/focus\n * Compatible with Ant Design Tooltip-like API (subset)\n */\nexport const TooltipStandalone = memo<TooltipProps>(\n  ({\n    children,\n    title,\n    arrow = false,\n    className,\n    classNames,\n    closeDelay,\n    defaultOpen = false,\n    disabled = false,\n    getPopupContainer,\n    hotkey,\n    hotkeyProps,\n    mouseEnterDelay,\n    mouseLeaveDelay,\n    onOpenChange,\n    open,\n    openDelay,\n    placement = 'top',\n    popupContainer,\n    styles: customStylesProp,\n    zIndex,\n    ref: refProp,\n    positionerProps,\n    triggerProps,\n    popupProps,\n    portalProps,\n    standalone: _standalone,\n    ...restProps\n  }) => {\n    const isClient = useIsClient();\n    const [uncontrolledOpen, setUncontrolledOpen] = useState(Boolean(defaultOpen));\n    const [triggerNode, setTriggerNode] = useState<HTMLElement | null>(null);\n    const triggerCallbackRef = useCallback((node: HTMLElement | null) => {\n      if (node) setTriggerNode(node);\n    }, []);\n\n    const mergedOpen = open ?? uncontrolledOpen;\n    const resolvedOpen = disabled ? false : mergedOpen;\n\n    const handleOpenChange = useCallback(\n      (nextOpen: boolean) => {\n        if (disabled && nextOpen) return;\n        onOpenChange?.(nextOpen);\n        if (open === undefined) {\n          setUncontrolledOpen(nextOpen);\n        }\n      },\n      [disabled, onOpenChange, open],\n    );\n\n    const resolvedOpenDelay = useMemo(() => {\n      if (openDelay !== undefined) return openDelay;\n      if (mouseEnterDelay !== undefined) return mouseEnterDelay * 1000;\n      return DEFAULT_OPEN_DELAY;\n    }, [mouseEnterDelay, openDelay]);\n\n    const resolvedCloseDelay = useMemo(() => {\n      if (closeDelay !== undefined) return closeDelay;\n      if (mouseLeaveDelay !== undefined) return mouseLeaveDelay * 1000;\n      return DEFAULT_CLOSE_DELAY;\n    }, [closeDelay, mouseLeaveDelay]);\n\n    const placementConfig = placementMap[placement] ?? placementMap.top;\n    const baseSideOffset = arrow ? 8 : 6;\n\n    const appElement = useAppElement();\n    const floatingLayerContainer = useFloatingLayer();\n    const portalContainer = floatingLayerContainer ?? appElement;\n\n    const { isNativeButtonTriggerElement } = useNativeButton({\n      children,\n    });\n\n    const slots = useMemo(() => {\n      const customStyles = typeof customStylesProp === 'function' ? undefined : customStylesProp;\n      return {\n        arrow: styleProps(styles.arrow, classNames?.arrow, customStyles?.arrow),\n        popup: styleProps(styles.popup, clsx(className, classNames?.root, classNames?.container), {\n          ...customStyles?.root,\n          ...customStyles?.container,\n        }),\n        positioner: styleProps(styles.positioner, undefined, { zIndex: zIndex ?? 114_514 }),\n        viewport: styleProps(\n          styles.viewport,\n          clsx('lobe-tooltip-viewport', classNames?.content),\n          customStyles?.content,\n        ),\n      };\n    }, [\n      className,\n      classNames?.arrow,\n      classNames?.container,\n      classNames?.content,\n      classNames?.root,\n      customStylesProp,\n      zIndex,\n    ]);\n\n    const triggerElement = useMemo(() => {\n      const popupTriggerId =\n        isValidElement(children) &&\n        (children as any).props['aria-haspopup'] !== undefined &&\n        (children as any).props.id !== undefined\n          ? (children as any).props.id\n          : undefined;\n\n      const baseTriggerProps = {\n        closeDelay: resolvedCloseDelay,\n        delay: resolvedOpenDelay,\n        disabled,\n        ...triggerProps,\n        id: popupTriggerId ?? triggerProps?.id,\n      };\n\n      if (isValidElement(children)) {\n        return (\n          <BaseTooltip.Trigger\n            {...baseTriggerProps}\n            render={(props) => {\n              // Base UI's trigger props include `type=\"button\"` by default.\n              // If we render into a non-<button> element, that prop is invalid and can warn.\n              const resolvedProps = (() => {\n                if (isNativeButtonTriggerElement) return props as any;\n                // eslint-disable-next-line unused-imports/no-unused-vars\n                const { type, ref: triggerRef, ...triggerRest } = props as any;\n                return triggerRest;\n              })();\n\n              const childProps = (children as any).props;\n              const mergedProps = mergeProps(restProps, childProps, resolvedProps);\n              const shouldPreservePopupTriggerId =\n                childProps['aria-haspopup'] !== undefined && childProps.id !== undefined;\n\n              return cloneElement(children as any, {\n                ...mergedProps,\n                id: shouldPreservePopupTriggerId ? childProps.id : mergedProps.id,\n                ref: mergeRefs([\n                  (children as any).ref,\n                  (props as any).ref,\n                  refProp,\n                  triggerCallbackRef,\n                ]),\n              });\n            }}\n          />\n        );\n      }\n\n      return (\n        <BaseTooltip.Trigger\n          {...baseTriggerProps}\n          ref={mergeRefs([refProp, triggerCallbackRef]) as Ref<HTMLButtonElement>}\n        >\n          {children}\n        </BaseTooltip.Trigger>\n      );\n    }, [\n      children,\n      disabled,\n      isNativeButtonTriggerElement,\n      refProp,\n      resolvedCloseDelay,\n      resolvedOpenDelay,\n      restProps,\n      triggerCallbackRef,\n      triggerProps,\n    ]);\n\n    const customContainer = useMemo(() => {\n      if (popupContainer) return popupContainer;\n      if (!getPopupContainer || !isClient || !triggerNode) return undefined;\n      return getPopupContainer(triggerNode);\n    }, [popupContainer, getPopupContainer, isClient, triggerNode]);\n\n    const popup = useMemo(\n      () => (\n        <BaseTooltip.Positioner\n          align={placementConfig.align}\n          data-placement={placement}\n          side={placementConfig.side}\n          sideOffset={baseSideOffset}\n          {...slots.positioner}\n          {...positionerProps}\n          collisionPadding={positionerProps?.collisionPadding ?? getFloatingCollisionPadding()}\n        >\n          <BaseTooltip.Popup {...slots.popup} {...popupProps}>\n            {arrow && <BaseTooltip.Arrow {...slots.arrow}>{TooltipArrowIcon}</BaseTooltip.Arrow>}\n            <BaseTooltip.Viewport {...slots.viewport}>\n              <TooltipContent hotkey={hotkey} hotkeyProps={hotkeyProps} title={title} />\n            </BaseTooltip.Viewport>\n          </BaseTooltip.Popup>\n        </BaseTooltip.Positioner>\n      ),\n      [\n        arrow,\n        baseSideOffset,\n        hotkey,\n        hotkeyProps,\n        placement,\n        placementConfig.align,\n        placementConfig.side,\n        popupProps,\n        positionerProps,\n        slots,\n        title,\n      ],\n    );\n\n    if (title == null && !hotkey) {\n      return children;\n    }\n\n    const resolvedPortalContainer = customContainer ?? portalContainer;\n\n    return (\n      <BaseTooltip.Root\n        defaultOpen={defaultOpen}\n        disabled={disabled}\n        open={resolvedOpen}\n        onOpenChange={handleOpenChange}\n      >\n        {triggerElement}\n        {resolvedPortalContainer ? (\n          <BaseTooltip.Portal container={resolvedPortalContainer} {...portalProps}>\n            {popup}\n          </BaseTooltip.Portal>\n        ) : null}\n      </BaseTooltip.Root>\n    );\n  },\n);\n\nTooltipStandalone.displayName = 'TooltipStandalone';\n"],"mappings":"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"}
+{"version":3,"file":"TooltipStandalone.mjs","names":["clsx","BaseTooltip"],"sources":["../../src/Tooltip/TooltipStandalone.tsx"],"sourcesContent":["'use client';\n\nimport { mergeProps } from '@base-ui/react/merge-props';\nimport { Tooltip as BaseTooltip } from '@base-ui/react/tooltip';\nimport clsx from 'clsx';\nimport {\n  cloneElement,\n  isValidElement,\n  memo,\n  type Ref,\n  useCallback,\n  useMemo,\n  useState,\n} from 'react';\n\nimport { useAppElement } from '@/ConfigProvider/AppElementContext';\nimport { useFloatingLayer } from '@/hooks/useFloatingLayer';\nimport { useIsClient } from '@/hooks/useIsClient';\nimport { useNativeButton } from '@/hooks/useNativeButton';\nimport { getFloatingCollisionPadding } from '@/internal/floating';\nimport { styleProps } from '@/styles/stylex/props';\nimport { mergeRefs } from '@/utils/mergeRefs';\nimport { placementMap } from '@/utils/placement';\n\nimport { TooltipArrowIcon } from './ArrowIcon';\nimport { styles } from './style';\nimport TooltipContent from './TooltipContent';\nimport { type TooltipProps } from './type';\n\nconst DEFAULT_OPEN_DELAY = 400;\nconst DEFAULT_CLOSE_DELAY = 100;\n\n/**\n * Tooltip component - displays small contextual hints on hover/focus\n * Compatible with Ant Design Tooltip-like API (subset)\n */\nexport const TooltipStandalone = memo<TooltipProps>(\n  ({\n    children,\n    title,\n    arrow = false,\n    className,\n    classNames,\n    closeDelay,\n    defaultOpen = false,\n    disabled = false,\n    getPopupContainer,\n    hotkey,\n    hotkeyProps,\n    mouseEnterDelay,\n    mouseLeaveDelay,\n    onOpenChange,\n    open,\n    openDelay,\n    placement = 'top',\n    popupContainer,\n    styles: customStylesProp,\n    zIndex,\n    ref: refProp,\n    positionerProps,\n    triggerProps,\n    popupProps,\n    portalProps,\n    standalone: _standalone,\n    ...restProps\n  }) => {\n    const isClient = useIsClient();\n    const [uncontrolledOpen, setUncontrolledOpen] = useState(Boolean(defaultOpen));\n    const [triggerNode, setTriggerNode] = useState<HTMLElement | null>(null);\n    const triggerCallbackRef = useCallback((node: HTMLElement | null) => {\n      if (node) setTriggerNode(node);\n    }, []);\n\n    const mergedOpen = open ?? uncontrolledOpen;\n    const resolvedOpen = disabled ? false : mergedOpen;\n\n    const handleOpenChange = useCallback(\n      (nextOpen: boolean) => {\n        if (disabled && nextOpen) return;\n        onOpenChange?.(nextOpen);\n        if (open === undefined) {\n          setUncontrolledOpen(nextOpen);\n        }\n      },\n      [disabled, onOpenChange, open],\n    );\n\n    const resolvedOpenDelay = useMemo(() => {\n      if (openDelay !== undefined) return openDelay;\n      if (mouseEnterDelay !== undefined) return mouseEnterDelay * 1000;\n      return DEFAULT_OPEN_DELAY;\n    }, [mouseEnterDelay, openDelay]);\n\n    const resolvedCloseDelay = useMemo(() => {\n      if (closeDelay !== undefined) return closeDelay;\n      if (mouseLeaveDelay !== undefined) return mouseLeaveDelay * 1000;\n      return DEFAULT_CLOSE_DELAY;\n    }, [closeDelay, mouseLeaveDelay]);\n\n    const placementConfig = placementMap[placement] ?? placementMap.top;\n    const baseSideOffset = arrow ? 8 : 6;\n\n    const appElement = useAppElement();\n    const floatingLayerContainer = useFloatingLayer();\n    const portalContainer = floatingLayerContainer ?? appElement;\n\n    const { isNativeButtonTriggerElement } = useNativeButton({\n      children,\n    });\n\n    const slots = useMemo(() => {\n      const customStyles = typeof customStylesProp === 'function' ? undefined : customStylesProp;\n      return {\n        arrow: styleProps(styles.arrow, classNames?.arrow, customStyles?.arrow),\n        popup: styleProps(styles.popup, clsx(className, classNames?.root, classNames?.container), {\n          ...customStyles?.root,\n          ...customStyles?.container,\n        }),\n        positioner: styleProps(styles.positioner, undefined, { zIndex: zIndex ?? 114_514 }),\n        viewport: styleProps(\n          styles.viewport,\n          clsx('lobe-tooltip-viewport', classNames?.content),\n          customStyles?.content,\n        ),\n      };\n    }, [\n      className,\n      classNames?.arrow,\n      classNames?.container,\n      classNames?.content,\n      classNames?.root,\n      customStylesProp,\n      zIndex,\n    ]);\n\n    const triggerElement = useMemo(() => {\n      const popupTriggerId =\n        isValidElement(children) &&\n        (children as any).props['aria-haspopup'] !== undefined &&\n        (children as any).props.id !== undefined\n          ? (children as any).props.id\n          : undefined;\n\n      const baseTriggerProps = {\n        closeDelay: resolvedCloseDelay,\n        delay: resolvedOpenDelay,\n        disabled,\n        ...triggerProps,\n        id: popupTriggerId ?? triggerProps?.id,\n      };\n\n      if (isValidElement(children)) {\n        return (\n          <BaseTooltip.Trigger\n            {...baseTriggerProps}\n            render={(props) => {\n              // Base UI's trigger props include `type=\"button\"` by default.\n              // If we render into a non-<button> element, that prop is invalid and can warn.\n              const resolvedProps = (() => {\n                if (isNativeButtonTriggerElement) return props as any;\n                // eslint-disable-next-line unused-imports/no-unused-vars\n                const { type, ref: triggerRef, ...triggerRest } = props as any;\n                return triggerRest;\n              })();\n\n              const childProps = (children as any).props;\n              const mergedProps = mergeProps(restProps, childProps, resolvedProps);\n              const shouldPreservePopupTriggerId =\n                childProps['aria-haspopup'] !== undefined && childProps.id !== undefined;\n\n              return cloneElement(children as any, {\n                ...mergedProps,\n                id: shouldPreservePopupTriggerId ? childProps.id : mergedProps.id,\n                ref: mergeRefs([\n                  (children as any).ref,\n                  (props as any).ref,\n                  refProp,\n                  triggerCallbackRef,\n                ]),\n              });\n            }}\n          />\n        );\n      }\n\n      return (\n        <BaseTooltip.Trigger\n          {...baseTriggerProps}\n          ref={mergeRefs([refProp, triggerCallbackRef]) as Ref<HTMLButtonElement>}\n        >\n          {children}\n        </BaseTooltip.Trigger>\n      );\n    }, [\n      children,\n      disabled,\n      isNativeButtonTriggerElement,\n      refProp,\n      resolvedCloseDelay,\n      resolvedOpenDelay,\n      restProps,\n      triggerCallbackRef,\n      triggerProps,\n    ]);\n\n    const customContainer = useMemo(() => {\n      if (popupContainer) return popupContainer;\n      if (!getPopupContainer || !isClient || !triggerNode) return undefined;\n      return getPopupContainer(triggerNode);\n    }, [popupContainer, getPopupContainer, isClient, triggerNode]);\n\n    const popup = useMemo(\n      () => (\n        <BaseTooltip.Positioner\n          align={placementConfig.align}\n          data-placement={placement}\n          side={placementConfig.side}\n          sideOffset={baseSideOffset}\n          {...slots.positioner}\n          {...positionerProps}\n          collisionPadding={positionerProps?.collisionPadding ?? getFloatingCollisionPadding()}\n        >\n          <BaseTooltip.Popup {...slots.popup} {...popupProps}>\n            {arrow && <BaseTooltip.Arrow {...slots.arrow}>{TooltipArrowIcon}</BaseTooltip.Arrow>}\n            <BaseTooltip.Viewport {...slots.viewport}>\n              <TooltipContent hotkey={hotkey} hotkeyProps={hotkeyProps} title={title} />\n            </BaseTooltip.Viewport>\n          </BaseTooltip.Popup>\n        </BaseTooltip.Positioner>\n      ),\n      [\n        arrow,\n        baseSideOffset,\n        hotkey,\n        hotkeyProps,\n        placement,\n        placementConfig.align,\n        placementConfig.side,\n        popupProps,\n        positionerProps,\n        slots,\n        title,\n      ],\n    );\n\n    if (title == null && !hotkey) {\n      return children;\n    }\n\n    const resolvedPortalContainer = customContainer ?? portalContainer;\n\n    return (\n      <BaseTooltip.Root\n        defaultOpen={defaultOpen}\n        disabled={disabled}\n        open={resolvedOpen}\n        onOpenChange={handleOpenChange}\n      >\n        {triggerElement}\n        {resolvedPortalContainer ? (\n          <BaseTooltip.Portal container={resolvedPortalContainer} {...portalProps}>\n            {popup}\n          </BaseTooltip.Portal>\n        ) : null}\n      </BaseTooltip.Root>\n    );\n  },\n);\n\nTooltipStandalone.displayName = 'TooltipStandalone';\n"],"mappings":"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"}

package/es/Tooltip/style.mjs

@@ -54,13 +54,13 @@ const styles = {
 		"--lobe-tooltip-animation-duration": "lbabgygf lb1fy5egn",
 		"--lobe-tooltip-animation-duration-exit": "lb17zxa9l lb15570jz",
 		"--lobe-tooltip-animation-ease-in": "lb1czz40j",
-		"--lobe-tooltip-animation-ease-out": "lbiyrdk8",
+		"--lobe-tooltip-animation-ease-out": "lb19w7cha",
 		"--lobe-tooltip-animation-scale": "lb1ezh9a6",
 		"--lobe-tooltip-animation-translate": "lb1xzhb9q",
 		"--lobe-tooltip-fade-duration": "lbytl4um lb1ae5iqf",
 		"--lobe-tooltip-fade-ease": "lb1epvlm",
 		"--lobe-tooltip-layout-duration": "lb1rnv61f lb3dl09s",
-		"--lobe-tooltip-layout-ease": "lb1dnf3u4",
+		"--lobe-tooltip-layout-ease": "lbm88wyt",
 		"--lobe-tooltip-translate-x": "lb1x6gem7 lbjzfilc lb19p6rg0",
 		"--lobe-tooltip-translate-y": "lb1ppaw8e lb1e6wdka lb1rub6d4 lbuhc4zl",
 		kfzvcC: "lb1tblq73",

package/es/Tooltip/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../src/Tooltip/style.ts"],"sourcesContent":["import './style.css';\n\nimport * as stylex from '@stylexjs/stylex';\n\nimport { cssVar } from '@/styles/stylex/cssVar.stylex';\n\nconst reducedMotion = '@media (prefers-reduced-motion: reduce)';\nconst layoutAnimation = ':is([data-layout-animation])';\nconst instant = ':is([data-instant])';\nconst instantOrRepop = ':is([data-instant], [data-repop])';\nconst popupLayoutTiming =\n  ':is([data-layout-animation]):not([data-repop], [data-ending-style], [data-instant])';\nconst popupLayoutProperty = ':is([data-layout-animation]):not([data-repop], [data-instant])';\nconst popupRepopTiming = ':is([data-repop]):not([data-ending-style], [data-instant])';\nconst popupEndingTiming = ':is([data-ending-style]):not([data-instant])';\nconst positionerLayout = ':is([data-layout-animation]):not([data-instant], [data-repop])';\nconst startingOrEnding = ':is([data-starting-style], [data-ending-style])';\nconst anchorHidden = \":is([data-anchor-hidden], [data-zero-origin='true'])\";\nconst placementTop =\n  \":is([data-placement='top'], [data-placement='topLeft'], [data-placement='topRight'])\";\nconst placementLeft =\n  \":is([data-placement='left'], [data-placement='leftTop'], [data-placement='leftBottom'])\";\nconst placementRight =\n  \":is([data-placement='right'], [data-placement='rightTop'], [data-placement='rightBottom'])\";\n\nconst springEnter =\n  'linear(0, 0.041, 0.14, 0.268, 0.407, 0.541, 0.662, 0.765, 0.849, 0.915, 0.964, 0.998, 1.02, 1.032, 1.038, 1.039, 1.036, 1.032, 1.027, 1.022, 1.016, 1.012, 1.008, 1.005, 1.003)';\nconst springGlide =\n  'linear(0, 0.041, 0.14, 0.268, 0.407, 0.541, 0.661, 0.765, 0.849, 0.915, 0.964, 0.998, 1.02, 1.032, 1.038, 1.039, 1.036, 1.032, 1.027, 1.022, 1.016, 1.012, 1.008, 1.005, 1.003)';\n\nexport const styles = stylex.create({\n  arrow: {\n    '--lobe-tooltip-arrow-offset-block': '4px',\n    '--lobe-tooltip-arrow-offset-inline': '6px',\n    'transition':\n      'inset-inline-start var(--lobe-tooltip-layout-duration) var(--lobe-tooltip-layout-ease), inset-block-start var(--lobe-tooltip-layout-duration) var(--lobe-tooltip-layout-ease)',\n    'display': 'flex',\n    'insetBlockEnd': {\n      'default': null,\n      \":is([data-side='top'])\": 'calc(var(--lobe-tooltip-arrow-offset-block) * -1)',\n    },\n    'insetBlockStart': {\n      'default': null,\n      \":is([data-side='bottom'])\": 'calc(var(--lobe-tooltip-arrow-offset-block) * -1)',\n    },\n    'insetInlineEnd': {\n      'default': null,\n      \":is([data-side='left'])\": 'calc(var(--lobe-tooltip-arrow-offset-inline) * -1)',\n    },\n    'insetInlineStart': {\n      'default': null,\n      \":is([data-side='right'])\": 'calc(var(--lobe-tooltip-arrow-offset-inline) * -1)',\n    },\n    'pointerEvents': 'none',\n    'position': 'absolute',\n    'transform': {\n      'default': null,\n      \":is([data-side='left'])\": 'rotate(90deg)',\n      \":is([data-side='right'])\": 'rotate(-90deg)',\n      \":is([data-side='top'])\": 'rotate(180deg)',\n    },\n    'transformOrigin': 'center',\n    'height': 4,\n    'width': 8,\n  },\n  arrowStroke: {\n    stroke: cssVar.colorBorderSecondary,\n  },\n  arrowSvg: {\n    fill: cssVar.colorBgElevated,\n    display: 'block',\n    height: '100%',\n    width: '100%',\n  },\n\n  popup: {\n    borderRadius: cssVar.borderRadiusSM,\n    backgroundColor: cssVar.colorBgElevated,\n    boxShadow: `${cssVar.boxShadowTertiary}, var(--lobe-ring)`,\n    boxSizing: 'border-box',\n    color: cssVar.colorTextLabel,\n    fontSize: cssVar.fontSizeSM,\n    lineHeight: 1.2,\n    opacity: { default: null, [startingOrEnding]: 0 },\n    position: 'relative',\n    transform: {\n      default: null,\n      [startingOrEnding]:\n        'translate3d(var(--lobe-tooltip-translate-x), var(--lobe-tooltip-translate-y), 0) scale(var(--lobe-tooltip-animation-scale))',\n    },\n    transformOrigin: 'var(--transform-origin)',\n    /* `transition: none` is spelled out as longhands because StyleX layers longhands above\n       shorthands. StyleX does not keep condition order, so the old cascade\n       (layout < repop < ending-style < instant) is encoded with :not() guards. */\n    transitionDuration: {\n      default: 'var(--lobe-tooltip-fade-duration), var(--lobe-tooltip-animation-duration)',\n      [instant]: '0s',\n      [popupEndingTiming]: 'var(--lobe-tooltip-animation-duration-exit)',\n      [popupLayoutTiming]:\n        'var(--lobe-tooltip-fade-duration), var(--lobe-tooltip-animation-duration), var(--lobe-tooltip-layout-duration), var(--lobe-tooltip-layout-duration)',\n      [popupRepopTiming]: '0s',\n    },\n    transitionProperty: {\n      default: 'opacity, transform',\n      [instantOrRepop]: 'none',\n      [popupLayoutProperty]: 'opacity, transform, width, height',\n    },\n    /* Opacity gets its own monotonic curve: running it on the overshooting spring makes the\n       fade look finished at ~0.96, pause, then visibly step to 1 at the clamp point — reads\n       as a dropped frame. The spring stays on transform only. */\n    transitionTimingFunction: {\n      default: 'var(--lobe-tooltip-fade-ease), var(--lobe-tooltip-animation-ease-out)',\n      [instant]: 'ease',\n      [popupEndingTiming]: 'var(--lobe-tooltip-animation-ease-in)',\n      [popupLayoutTiming]:\n        'var(--lobe-tooltip-fade-ease), var(--lobe-tooltip-animation-ease-out), var(--lobe-tooltip-layout-ease), var(--lobe-tooltip-layout-ease)',\n      [popupRepopTiming]: 'ease',\n    },\n    userSelect: 'none',\n    /* Keep the popup on its own compositor layer for its whole lifetime: when the opacity\n       transition ends the browser otherwise drops the layer and re-rasterizes with pixel\n       snapping — a visible one-frame shift when the measured width is fractional\n       (single-line tooltips). */\n    willChange: 'transform, opacity',\n    height: { default: null, [layoutAnimation]: 'var(--popup-height, auto)' },\n    /* The 320px cap lives on the viewport, not here: Base UI measures content with\n       --available-width set to max-content, and min(320px, max-content) is invalid, which\n       recorded unclamped sizes. A percentage cap is out too — it tracks the positioner, which\n       snaps to the new size and would freeze the shrink half of the morph. */\n    maxWidth: 'var(--available-width)',\n    /* Base UI writes the old size into --popup-width/height on a trigger switch and the new size\n       one frame later; the box only morphs if width/height actually read them. */\n    width: { default: null, [layoutAnimation]: 'var(--popup-width, auto)' },\n  },\n\n  positioner: {\n    /* Springs baked as linear(): stiffness 700 / damping 38 (enter) and 380 / 28 (glide),\n       both zeta ~0.72 with ~4% overshoot. Durations are the springs' settle times —\n       change them together with the curves, not independently. */\n    '--lobe-tooltip-animation-duration': { default: '280ms', [reducedMotion]: '0s' },\n    '--lobe-tooltip-animation-duration-exit': { default: '100ms', [reducedMotion]: '0s' },\n    '--lobe-tooltip-animation-ease-in': 'cubic-bezier(0.4, 0, 1, 1)',\n    '--lobe-tooltip-animation-ease-out': springEnter,\n    '--lobe-tooltip-animation-scale': '0.97',\n    '--lobe-tooltip-animation-translate': '3px',\n    '--lobe-tooltip-fade-duration': { default: '160ms', [reducedMotion]: '0s' },\n    '--lobe-tooltip-fade-ease': 'cubic-bezier(0.33, 1, 0.68, 1)',\n    '--lobe-tooltip-layout-duration': { default: '380ms', [reducedMotion]: '0s' },\n    '--lobe-tooltip-layout-ease': springGlide,\n    '--lobe-tooltip-translate-x': {\n      default: '0',\n      [placementLeft]: 'var(--lobe-tooltip-animation-translate)',\n      [placementRight]: 'calc(var(--lobe-tooltip-animation-translate) * -1)',\n    },\n    '--lobe-tooltip-translate-y': {\n      default: 'calc(var(--lobe-tooltip-animation-translate) * -1)',\n      [placementLeft]: '0',\n      [placementRight]: '0',\n      [placementTop]: 'var(--lobe-tooltip-animation-translate)',\n    },\n    /* Never show a tooltip when the anchor is hidden or the positioner falls back to (0,0). */\n    'pointerEvents': { [anchorHidden]: 'none', default: null },\n    'transitionDuration': {\n      default: 'var(--lobe-tooltip-animation-duration)',\n      [instantOrRepop]: '0s',\n      [positionerLayout]: 'var(--lobe-tooltip-layout-duration)',\n    },\n    'transitionProperty': {\n      default: 'none',\n      [positionerLayout]:\n        'inset-block-start, inset-inline-start, inset-inline-end, inset-block-end, transform',\n    },\n    'transitionTimingFunction': {\n      default: 'var(--lobe-tooltip-animation-ease-out)',\n      [instantOrRepop]: 'ease',\n      [positionerLayout]: 'var(--lobe-tooltip-layout-ease)',\n    },\n    'visibility': { [anchorHidden]: 'hidden', default: null },\n    'willChange': 'transform, opacity',\n    'zIndex': 114_514,\n    'height': 'var(--positioner-height)',\n    'width': 'min(var(--positioner-width), 320px, var(--available-width))',\n  },\n\n  viewport: {\n    '--lobe-tooltip-content-blur': '4px',\n    '--lobe-tooltip-content-shift': '8px',\n    '--lobe-tooltip-viewport-inline-padding': '8px',\n    'overflow': 'clip',\n    'paddingBlock': 4,\n    'paddingInline': 'var(--lobe-tooltip-viewport-inline-padding)',\n    'overflowWrap': 'break-word',\n    'position': 'relative',\n    'whiteSpace': 'normal',\n    'maxWidth': 'calc(320px - 2px)',\n  },\n});\n"],"mappings":";AAoBA,MAAa,SAAS;CACpB,OAAO;EACL,qCAAqC;EACrC,sCAAsC;EACtC,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,aAAa;EACX,QAAQ;EACR,OAAO;CACT;CACA,UAAU;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,YAAY;EACV,qCAAqC;EACrC,0CAA0C;EAC1C,oCAAoC;EACpC,qCAAqC;EACrC,kCAAkC;EAClC,sCAAsC;EACtC,gCAAgC;EAChC,4BAA4B;EAC5B,kCAAkC;EAClC,8BAA8B;EAC9B,8BAA8B;EAC9B,8BAA8B;EAC9B,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,UAAU;EACR,+BAA+B;EAC/B,gCAAgC;EAChC,0CAA0C;EAC1C,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;AACF"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../src/Tooltip/style.ts"],"sourcesContent":["import './style.css';\n\nimport * as stylex from '@stylexjs/stylex';\n\nimport { cssVar } from '@/styles/stylex/cssVar.stylex';\n\nconst reducedMotion = '@media (prefers-reduced-motion: reduce)';\nconst layoutAnimation = ':is([data-layout-animation])';\nconst instant = ':is([data-instant])';\nconst instantOrRepop = ':is([data-instant], [data-repop])';\nconst popupLayoutTiming =\n  ':is([data-layout-animation]):not([data-repop], [data-ending-style], [data-instant])';\nconst popupLayoutProperty = ':is([data-layout-animation]):not([data-repop], [data-instant])';\nconst popupRepopTiming = ':is([data-repop]):not([data-ending-style], [data-instant])';\nconst popupEndingTiming = ':is([data-ending-style]):not([data-instant])';\nconst positionerLayout = ':is([data-layout-animation]):not([data-instant], [data-repop])';\nconst startingOrEnding = ':is([data-starting-style], [data-ending-style])';\nconst anchorHidden = \":is([data-anchor-hidden], [data-zero-origin='true'])\";\nconst placementTop =\n  \":is([data-placement='top'], [data-placement='topLeft'], [data-placement='topRight'])\";\nconst placementLeft =\n  \":is([data-placement='left'], [data-placement='leftTop'], [data-placement='leftBottom'])\";\nconst placementRight =\n  \":is([data-placement='right'], [data-placement='rightTop'], [data-placement='rightBottom'])\";\n\nexport const styles = stylex.create({\n  arrow: {\n    '--lobe-tooltip-arrow-offset-block': '4px',\n    '--lobe-tooltip-arrow-offset-inline': '6px',\n    'transition':\n      'inset-inline-start var(--lobe-tooltip-layout-duration) var(--lobe-tooltip-layout-ease), inset-block-start var(--lobe-tooltip-layout-duration) var(--lobe-tooltip-layout-ease)',\n    'display': 'flex',\n    'insetBlockEnd': {\n      'default': null,\n      \":is([data-side='top'])\": 'calc(var(--lobe-tooltip-arrow-offset-block) * -1)',\n    },\n    'insetBlockStart': {\n      'default': null,\n      \":is([data-side='bottom'])\": 'calc(var(--lobe-tooltip-arrow-offset-block) * -1)',\n    },\n    'insetInlineEnd': {\n      'default': null,\n      \":is([data-side='left'])\": 'calc(var(--lobe-tooltip-arrow-offset-inline) * -1)',\n    },\n    'insetInlineStart': {\n      'default': null,\n      \":is([data-side='right'])\": 'calc(var(--lobe-tooltip-arrow-offset-inline) * -1)',\n    },\n    'pointerEvents': 'none',\n    'position': 'absolute',\n    'transform': {\n      'default': null,\n      \":is([data-side='left'])\": 'rotate(90deg)',\n      \":is([data-side='right'])\": 'rotate(-90deg)',\n      \":is([data-side='top'])\": 'rotate(180deg)',\n    },\n    'transformOrigin': 'center',\n    'height': 4,\n    'width': 8,\n  },\n  arrowStroke: {\n    stroke: cssVar.colorBorderSecondary,\n  },\n  arrowSvg: {\n    fill: cssVar.colorBgElevated,\n    display: 'block',\n    height: '100%',\n    width: '100%',\n  },\n\n  popup: {\n    borderRadius: cssVar.borderRadiusSM,\n    backgroundColor: cssVar.colorBgElevated,\n    boxShadow: `${cssVar.boxShadowTertiary}, var(--lobe-ring)`,\n    boxSizing: 'border-box',\n    color: cssVar.colorTextLabel,\n    fontSize: cssVar.fontSizeSM,\n    lineHeight: 1.2,\n    opacity: { default: null, [startingOrEnding]: 0 },\n    position: 'relative',\n    transform: {\n      default: null,\n      [startingOrEnding]:\n        'translate3d(var(--lobe-tooltip-translate-x), var(--lobe-tooltip-translate-y), 0) scale(var(--lobe-tooltip-animation-scale))',\n    },\n    transformOrigin: 'var(--transform-origin)',\n    /* `transition: none` is spelled out as longhands because StyleX layers longhands above\n       shorthands. StyleX does not keep condition order, so the old cascade\n       (layout < repop < ending-style < instant) is encoded with :not() guards. */\n    transitionDuration: {\n      default: 'var(--lobe-tooltip-fade-duration), var(--lobe-tooltip-animation-duration)',\n      [instant]: '0s',\n      [popupEndingTiming]: 'var(--lobe-tooltip-animation-duration-exit)',\n      [popupLayoutTiming]:\n        'var(--lobe-tooltip-fade-duration), var(--lobe-tooltip-animation-duration), var(--lobe-tooltip-layout-duration), var(--lobe-tooltip-layout-duration)',\n      [popupRepopTiming]: '0s',\n    },\n    transitionProperty: {\n      default: 'opacity, transform',\n      [instantOrRepop]: 'none',\n      [popupLayoutProperty]: 'opacity, transform, width, height',\n    },\n    /* Opacity gets its own monotonic curve: running it on the overshooting spring makes the\n       fade look finished at ~0.96, pause, then visibly step to 1 at the clamp point — reads\n       as a dropped frame. The spring stays on transform only. */\n    transitionTimingFunction: {\n      default: 'var(--lobe-tooltip-fade-ease), var(--lobe-tooltip-animation-ease-out)',\n      [instant]: 'ease',\n      [popupEndingTiming]: 'var(--lobe-tooltip-animation-ease-in)',\n      [popupLayoutTiming]:\n        'var(--lobe-tooltip-fade-ease), var(--lobe-tooltip-animation-ease-out), var(--lobe-tooltip-layout-ease), var(--lobe-tooltip-layout-ease)',\n      [popupRepopTiming]: 'ease',\n    },\n    userSelect: 'none',\n    /* Keep the popup on its own compositor layer for its whole lifetime: when the opacity\n       transition ends the browser otherwise drops the layer and re-rasterizes with pixel\n       snapping — a visible one-frame shift when the measured width is fractional\n       (single-line tooltips). */\n    willChange: 'transform, opacity',\n    height: { default: null, [layoutAnimation]: 'var(--popup-height, auto)' },\n    /* The 320px cap lives on the viewport, not here: Base UI measures content with\n       --available-width set to max-content, and min(320px, max-content) is invalid, which\n       recorded unclamped sizes. A percentage cap is out too — it tracks the positioner, which\n       snaps to the new size and would freeze the shrink half of the morph. */\n    maxWidth: 'var(--available-width)',\n    /* Base UI writes the old size into --popup-width/height on a trigger switch and the new size\n       one frame later; the box only morphs if width/height actually read them. */\n    width: { default: null, [layoutAnimation]: 'var(--popup-width, auto)' },\n  },\n\n  positioner: {\n    /* motionSpringBouncy is a spring shape normalized to its settle time, so each duration\n       here is that spring's settle time — change them together, not independently. */\n    '--lobe-tooltip-animation-duration': { default: '280ms', [reducedMotion]: '0s' },\n    '--lobe-tooltip-animation-duration-exit': { default: '100ms', [reducedMotion]: '0s' },\n    '--lobe-tooltip-animation-ease-in': 'cubic-bezier(0.4, 0, 1, 1)',\n    '--lobe-tooltip-animation-ease-out': cssVar.motionSpringBouncy,\n    '--lobe-tooltip-animation-scale': '0.97',\n    '--lobe-tooltip-animation-translate': '3px',\n    '--lobe-tooltip-fade-duration': { default: '160ms', [reducedMotion]: '0s' },\n    '--lobe-tooltip-fade-ease': 'cubic-bezier(0.33, 1, 0.68, 1)',\n    '--lobe-tooltip-layout-duration': { default: '380ms', [reducedMotion]: '0s' },\n    '--lobe-tooltip-layout-ease': cssVar.motionSpringBouncy,\n    '--lobe-tooltip-translate-x': {\n      default: '0',\n      [placementLeft]: 'var(--lobe-tooltip-animation-translate)',\n      [placementRight]: 'calc(var(--lobe-tooltip-animation-translate) * -1)',\n    },\n    '--lobe-tooltip-translate-y': {\n      default: 'calc(var(--lobe-tooltip-animation-translate) * -1)',\n      [placementLeft]: '0',\n      [placementRight]: '0',\n      [placementTop]: 'var(--lobe-tooltip-animation-translate)',\n    },\n    /* Never show a tooltip when the anchor is hidden or the positioner falls back to (0,0). */\n    'pointerEvents': { [anchorHidden]: 'none', default: null },\n    'transitionDuration': {\n      default: 'var(--lobe-tooltip-animation-duration)',\n      [instantOrRepop]: '0s',\n      [positionerLayout]: 'var(--lobe-tooltip-layout-duration)',\n    },\n    'transitionProperty': {\n      default: 'none',\n      [positionerLayout]:\n        'inset-block-start, inset-inline-start, inset-inline-end, inset-block-end, transform',\n    },\n    'transitionTimingFunction': {\n      default: 'var(--lobe-tooltip-animation-ease-out)',\n      [instantOrRepop]: 'ease',\n      [positionerLayout]: 'var(--lobe-tooltip-layout-ease)',\n    },\n    'visibility': { [anchorHidden]: 'hidden', default: null },\n    'willChange': 'transform, opacity',\n    'zIndex': 114_514,\n    'height': 'var(--positioner-height)',\n    'width': 'min(var(--positioner-width), 320px, var(--available-width))',\n  },\n\n  viewport: {\n    '--lobe-tooltip-content-blur': '4px',\n    '--lobe-tooltip-content-shift': '8px',\n    '--lobe-tooltip-viewport-inline-padding': '8px',\n    'overflow': 'clip',\n    'paddingBlock': 4,\n    'paddingInline': 'var(--lobe-tooltip-viewport-inline-padding)',\n    'overflowWrap': 'break-word',\n    'position': 'relative',\n    'whiteSpace': 'normal',\n    'maxWidth': 'calc(320px - 2px)',\n  },\n});\n"],"mappings":";AAkBA,MAAa,SAAS;CACpB,OAAO;EACL,qCAAqC;EACrC,sCAAsC;EACtC,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,aAAa;EACX,QAAQ;EACR,OAAO;CACT;CACA,UAAU;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,YAAY;EACV,qCAAqC;EACrC,0CAA0C;EAC1C,oCAAoC;EACpC,qCAAqC;EACrC,kCAAkC;EAClC,sCAAsC;EACtC,gCAAgC;EAChC,4BAA4B;EAC5B,kCAAkC;EAClC,8BAA8B;EAC9B,8BAA8B;EAC9B,8BAA8B;EAC9B,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,UAAU;EACR,+BAA+B;EAC/B,gCAAgC;EAChC,0CAA0C;EAC1C,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;AACF"}

package/es/Tree/Tree.mjs

@@ -1,5 +1,6 @@
 "use client";
 import { styleProps } from "../styles/stylex/props.mjs";
+import { useControlledState } from "../hooks/useControlledState.mjs";
 import { FocusScope } from "../FocusScope/FocusScope.mjs";
 import { focusScopeItem, useScopeArrowNav } from "../FocusScope/useScopeArrowNav.mjs";
 import { styles } from "./style.mjs";
@@ -8,8 +9,7 @@ import { conductCheck, flattenVisible, getAllKeys, getAncestorKeys, getSubtreeKe
 import TreeNode from "./TreeNode.mjs";
 import { memo, useId, useMemo, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
-import clsx from "clsx";
-import useControlledState from "use-merge-value";
+import clsx$1 from "clsx";
 //#region src/Tree/Tree.tsx
 const EMPTY = [];
 const Tree = memo(({ blockNode = false, checkStrictly = false, checkable = false, checkedKeys: checkedKeysProp, className, classNames = {}, defaultCheckedKeys = EMPTY, defaultExpandAll = false, defaultExpandedKeys = EMPTY, defaultSelectedKeys = EMPTY, disabled = false, expandedKeys: expandedKeysProp, indent = 20, multiple = false, onCheck, onExpand, onRightClick, onSelect, scopeId: scopeIdProp, selectedKeys: selectedKeysProp, showIcon = false, showLine = false, size = "middle", style, styles: customStyles = {}, switcherIcon, titleRender, treeData, vimKeys = false }) => {
@@ -155,7 +155,7 @@ const Tree = memo(({ blockNode = false, checkStrictly = false, checkable = false
 		children: /* @__PURE__ */ jsx(FocusScope, {
 			id: scopeId,
 			role: "tree",
-			...styleProps(styles.root, clsx(classNames.root, className), {
+			...styleProps(styles.root, clsx$1(classNames.root, className), {
 				...customStyles.root,
 				...style
 			}),