@primer/react 37.32.0-rc.f8e94f384 → 38.0.0-rc.09f015db1

package/dist/Token/IssueLabelToken.js

@@ -0,0 +1,76 @@
+import { forwardRef, useMemo } from 'react';
+import TokenBase, { defaultTokenSize, isTokenInteractive } from './TokenBase.js';
+import RemoveTokenButton from './_RemoveTokenButton.js';
+import { parseToRgba, parseToHsla } from 'color2k';
+import TokenTextContainer from './_TokenTextContainer.js';
+import classes from './IssueLabelToken.module.css.js';
+import { clsx } from 'clsx';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+const IssueLabelToken = /*#__PURE__*/forwardRef((props, forwardedRef) => {
+  const {
+    as,
+    fillColor = '#999',
+    onRemove,
+    id,
+    isSelected,
+    text,
+    size = defaultTokenSize,
+    hideRemoveButton,
+    href,
+    onClick,
+    className,
+    ...rest
+  } = props;
+  const interactiveTokenProps = {
+    as,
+    href,
+    onClick
+  };
+  const hasMultipleActionTargets = isTokenInteractive(props) && Boolean(onRemove) && !hideRemoveButton;
+  const onRemoveClick = e => {
+    e.stopPropagation();
+    onRemove && onRemove();
+  };
+  const customProperties = useMemo(() => {
+    const [r, g, b] = parseToRgba(fillColor);
+    const [h, s, l] = parseToHsla(fillColor);
+    return {
+      '--label-r': String(r),
+      '--label-g': String(g),
+      '--label-b': String(b),
+      '--label-h': String(Math.round(h)),
+      '--label-s': String(Math.round(s * 100)),
+      '--label-l': String(Math.round(l * 100))
+    };
+  }, [fillColor]);
+  return /*#__PURE__*/jsxs(TokenBase, {
+    onRemove: onRemove,
+    id: id === null || id === void 0 ? void 0 : id.toString(),
+    isSelected: isSelected,
+    className: clsx(classes.IssueLabel, className),
+    text: text,
+    size: size,
+    style: customProperties,
+    "data-has-remove-button": !hideRemoveButton && !!onRemove,
+    "data-selected": isSelected,
+    ...(!hasMultipleActionTargets ? interactiveTokenProps : {}),
+    ...rest,
+    ref: forwardedRef,
+    children: [/*#__PURE__*/jsx(TokenTextContainer, {
+      ...(hasMultipleActionTargets ? interactiveTokenProps : {}),
+      children: text
+    }), !hideRemoveButton && onRemove ? /*#__PURE__*/jsx(RemoveTokenButton, {
+      borderOffset: 1,
+      onClick: onRemoveClick,
+      size: size,
+      "aria-hidden": hasMultipleActionTargets ? 'true' : 'false',
+      isParentInteractive: isTokenInteractive(props),
+      "data-has-multiple-action-targets": hasMultipleActionTargets,
+      className: classes.RemoveButton
+    }) : null]
+  });
+});
+IssueLabelToken.displayName = 'IssueLabelToken';
+
+export { IssueLabelToken as default };

package/dist/Token/IssueLabelToken.module.css.js

@@ -0,0 +1,5 @@
+import './IssueLabelToken-a5fe569e.css';
+
+var classes = {"IssueLabel":"prc-Token-IssueLabel-ZuoEW","RemoveButton":"prc-Token-RemoveButton-H4Dmg"};
+
+export { classes as default };

package/dist/Token/Token.d.ts

@@ -0,0 +1,12 @@
+import type React from 'react';
+import type { TokenBaseProps } from './TokenBase';
+import type { ForwardRefComponent as PolymorphicForwardRefComponent } from '../utils/polymorphic';
+export interface TokenProps extends TokenBaseProps {
+    /**
+     * A component that renders before the token text
+     */
+    leadingVisual?: React.ElementType;
+}
+declare const Token: PolymorphicForwardRefComponent<"a" | "button" | "span", TokenProps>;
+export default Token;
+//# sourceMappingURL=Token.d.ts.map

package/dist/Token/Token.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Token.d.ts","sourceRoot":"","sources":["../../src/Token/Token.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,aAAa,CAAA;AAI/C,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;AAQ/F,MAAM,WAAW,UAAW,SAAQ,cAAc;IAChD;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;CAClC;AAcD,QAAA,MAAM,KAAK,EA4DL,8BAA8B,CAAC,GAAG,GAAG,QAAQ,GAAG,MAAM,EAAE,UAAU,CAAC,CAAA;AAEzE,eAAe,KAAK,CAAA"}

package/dist/Token/TokenBase-57c65c47.css

@@ -0,0 +1,2 @@
+.prc-Token-TokenBase-PfQzJ{align-items:center;border-radius:var(--borderRadius-full,624.9375rem);display:inline-flex;font-family:inherit;font-weight:var(--base-text-weight-semibold,600);line-height:1;position:relative;-webkit-text-decoration:none;text-decoration:none;white-space:nowrap}.prc-Token-TokenBase-PfQzJ:where([data-cursor-is-interactive=true]){cursor:pointer}.prc-Token-TokenBase-PfQzJ:where([data-cursor-is-interactive=false]){cursor:auto}.prc-Token-TokenBase-PfQzJ:where([data-size=small]){font-size:var(--text-body-size-small,.75rem);height:var(--base-size-16,1rem);padding-left:var(--base-size-4,.25rem);padding-right:var(--base-size-4,.25rem);width:auto}.prc-Token-TokenBase-PfQzJ:where([data-size=medium]){font-size:var(--text-body-size-small,.75rem);height:var(--base-size-20,1.25rem);padding-left:var(--base-size-8,.5rem);padding-right:var(--base-size-8,.5rem);width:auto}.prc-Token-TokenBase-PfQzJ[data-size=large]{font-size:var(--text-body-size-small,.75rem);height:var(--base-size-24,1.5rem);padding-left:var(--base-size-8,.5rem);padding-right:var(--base-size-8,.5rem);width:auto}.prc-Token-TokenBase-PfQzJ[data-size=xlarge]{font-size:var(--text-body-size-medium,.875rem);height:var(--base-size-32,2rem);padding-bottom:0;padding-left:var(--base-size-16,1rem);padding-right:var(--base-size-16,1rem);padding-top:0;width:auto}
+/*# sourceMappingURL=TokenBase-57c65c47.css.map */

package/dist/Token/TokenBase-57c65c47.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Token/TokenBase.module.css"],"names":[],"mappings":"AAAA,2BAQE,kBAAmB,CADnB,kDAAuC,CALvC,mBAAoB,CACpB,mBAAoB,CACpB,gDAA6C,CAM7C,aAAc,CATd,iBAAkB,CAIlB,4BAAqB,CAArB,oBAAqB,CACrB,kBAKF,CAEA,oEACE,cACF,CAEA,qEACE,WACF,CAEA,oDAKE,4CAAsC,CAHtC,+BAA2B,CAE3B,sCAAgC,CADhC,uCAAiC,CAFjC,UAKF,CAEA,qDAKE,4CAAsC,CAHtC,kCAA2B,CAE3B,qCAAgC,CADhC,sCAAiC,CAFjC,UAKF,CAEA,4CAKE,4CAAsC,CAHtC,iCAA2B,CAE3B,qCAAgC,CADhC,sCAAiC,CAFjC,UAKF,CAEA,6CAOE,8CAAuC,CALvC,+BAA2B,CAG3B,gBAAiB,CACjB,qCAAiC,CAFjC,sCAAkC,CADlC,aAAc,CAFd,UAOF","file":"TokenBase-57c65c47.css","sourcesContent":[".TokenBase {\n  position: relative;\n  display: inline-flex;\n  font-family: inherit;\n  font-weight: var(--base-text-weight-semibold);\n  text-decoration: none;\n  white-space: nowrap;\n  border-radius: var(--borderRadius-full);\n  align-items: center;\n  /* stylelint-disable-next-line primer/typography */\n  line-height: 1;\n}\n\n.TokenBase:where([data-cursor-is-interactive='true']) {\n  cursor: pointer;\n}\n\n.TokenBase:where([data-cursor-is-interactive='false']) {\n  cursor: auto;\n}\n\n.TokenBase:where([data-size='small']) {\n  width: auto;\n  height: var(--base-size-16);\n  padding-right: var(--base-size-4);\n  padding-left: var(--base-size-4);\n  font-size: var(--text-body-size-small);\n}\n\n.TokenBase:where([data-size='medium']) {\n  width: auto;\n  height: var(--base-size-20);\n  padding-right: var(--base-size-8);\n  padding-left: var(--base-size-8);\n  font-size: var(--text-body-size-small);\n}\n\n.TokenBase[data-size='large'] {\n  width: auto;\n  height: var(--base-size-24);\n  padding-right: var(--base-size-8);\n  padding-left: var(--base-size-8);\n  font-size: var(--text-body-size-small);\n}\n\n.TokenBase[data-size='xlarge'] {\n  width: auto;\n  height: var(--base-size-32);\n  padding-top: 0;\n  padding-right: var(--base-size-16);\n  padding-bottom: 0;\n  padding-left: var(--base-size-16);\n  font-size: var(--text-body-size-medium);\n}\n"]}

package/dist/Token/TokenBase.d.ts

@@ -0,0 +1,41 @@
+import type { ComponentProps } from 'react';
+import React from 'react';
+import type { ForwardRefComponent as PolymorphicForwardRefComponent } from '../utils/polymorphic';
+export type TokenSizeKeys = 'small' | 'medium' | 'large' | 'xlarge';
+export declare const tokenSizes: Record<TokenSizeKeys, string>;
+export declare const defaultTokenSize: TokenSizeKeys;
+export interface TokenBaseProps extends Omit<React.HTMLProps<HTMLSpanElement | HTMLButtonElement | HTMLAnchorElement>, 'size' | 'id'> {
+    as?: 'button' | 'a' | 'span';
+    /**
+     * The function that gets called when a user clicks the remove button, or keys "Backspace" or "Delete" when focused on the token
+     */
+    onRemove?: () => void;
+    /**
+     * Whether the remove button should be rendered in the token
+     */
+    hideRemoveButton?: boolean;
+    /**
+     * Whether the token is selected
+     */
+    isSelected?: boolean;
+    /**
+     * The text label inside the token
+     */
+    text: React.ReactNode;
+    /**
+     * A unique identifier that can be associated with the token
+     */
+    id?: number | string;
+    /**
+     * Which size the token will be rendered at
+     */
+    size?: TokenSizeKeys;
+    /**
+     * Whether or not the token is disabled (non-interactive).
+     */
+    disabled?: boolean;
+}
+export declare const isTokenInteractive: ({ as, onClick, onFocus, tabIndex, disabled, }: Pick<ComponentProps<typeof TokenBase>, "disabled" | "as" | "onClick" | "onFocus" | "tabIndex">) => boolean;
+declare const TokenBase: PolymorphicForwardRefComponent<"span" | "a" | "button", TokenBaseProps>;
+export default TokenBase;
+//# sourceMappingURL=TokenBase.d.ts.map

package/dist/Token/TokenBase.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TokenBase.d.ts","sourceRoot":"","sources":["../../src/Token/TokenBase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,cAAc,EAAgB,MAAM,OAAO,CAAA;AACxD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;AAG/F,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAA;AAEnE,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,aAAa,EAAE,MAAM,CAKpD,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,aAAwB,CAAA;AAEvD,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,eAAe,GAAG,iBAAiB,GAAG,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrG,EAAE,CAAC,EAAE,QAAQ,GAAG,GAAG,GAAG,MAAM,CAAA;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;OAEG;IACH,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,eAAO,MAAM,kBAAkB,GAAI,+CAMhC,IAAI,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,EAAE,UAAU,GAAG,IAAI,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC,YAKhG,CAAA;AAED,QAAA,MAAM,SAAS,EA6CV,8BAA8B,CAAC,MAAM,GAAG,GAAG,GAAG,QAAQ,EAAE,cAAc,CAAC,CAAA;AAE5E,eAAe,SAAS,CAAA"}

package/dist/Token/TokenBase.js

@@ -0,0 +1,129 @@
+import { c } from 'react-compiler-runtime';
+import React from 'react';
+import { clsx } from 'clsx';
+import classes from './TokenBase.module.css.js';
+import { jsx } from 'react/jsx-runtime';
+
+const defaultTokenSize = 'medium';
+const isTokenInteractive = ({
+  as = 'span',
+  onClick,
+  onFocus,
+  tabIndex = -1,
+  disabled
+}) => {
+  if (disabled) {
+    return false;
+  }
+  return Boolean(onFocus || onClick || tabIndex > -1 || ['a', 'button'].includes(as));
+};
+const TokenBase = /*#__PURE__*/React.forwardRef((t0, forwardedRef) => {
+  const $ = c(25);
+  let Component;
+  let T0;
+  let id;
+  let rest;
+  let size;
+  let t1;
+  let t2;
+  let t3;
+  if ($[0] !== t0) {
+    const {
+      onRemove,
+      onKeyDown,
+      id: t4,
+      className,
+      size: t5,
+      isSelected: _isSelected,
+      as: t6,
+      ...t7
+    } = t0;
+    id = t4;
+    rest = t7;
+    size = t5 === undefined ? defaultTokenSize : t5;
+    Component = t6 === undefined ? "span" : t6;
+    T0 = Component;
+    if ($[9] !== onKeyDown || $[10] !== onRemove) {
+      t1 = event => {
+        onKeyDown && onKeyDown(event);
+        if ((event.key === "Backspace" || event.key === "Delete") && onRemove) {
+          onRemove();
+        }
+      };
+      $[9] = onKeyDown;
+      $[10] = onRemove;
+      $[11] = t1;
+    } else {
+      t1 = $[11];
+    }
+    if ($[12] !== className) {
+      t2 = clsx(classes.TokenBase, className);
+      $[12] = className;
+      $[13] = t2;
+    } else {
+      t2 = $[13];
+    }
+    t3 = isTokenInteractive({
+      as: Component,
+      onClick: rest.onClick,
+      onFocus: rest.onFocus,
+      tabIndex: rest.tabIndex,
+      disabled: rest.disabled
+    });
+    $[0] = t0;
+    $[1] = Component;
+    $[2] = T0;
+    $[3] = id;
+    $[4] = rest;
+    $[5] = size;
+    $[6] = t1;
+    $[7] = t2;
+    $[8] = t3;
+  } else {
+    Component = $[1];
+    T0 = $[2];
+    id = $[3];
+    rest = $[4];
+    size = $[5];
+    t1 = $[6];
+    t2 = $[7];
+    t3 = $[8];
+  }
+  let t4;
+  if ($[14] !== id) {
+    var _id;
+    t4 = (_id = id) === null || _id === void 0 ? void 0 : _id.toString();
+    $[14] = id;
+    $[15] = t4;
+  } else {
+    t4 = $[15];
+  }
+  const t5 = Component === "button" ? rest : Component === "a" ? rest : rest;
+  const t6 = forwardedRef;
+  let t7;
+  if ($[16] !== T0 || $[17] !== size || $[18] !== t1 || $[19] !== t2 || $[20] !== t3 || $[21] !== t4 || $[22] !== t5 || $[23] !== t6) {
+    t7 = /*#__PURE__*/jsx(T0, {
+      onKeyDown: t1,
+      className: t2,
+      "data-cursor-is-interactive": t3,
+      "data-size": size,
+      id: t4,
+      ...t5,
+      ref: t6
+    });
+    $[16] = T0;
+    $[17] = size;
+    $[18] = t1;
+    $[19] = t2;
+    $[20] = t3;
+    $[21] = t4;
+    $[22] = t5;
+    $[23] = t6;
+    $[24] = t7;
+  } else {
+    t7 = $[24];
+  }
+  return t7;
+});
+
+export { TokenBase as default, defaultTokenSize, isTokenInteractive };

package/dist/Token/TokenBase.module.css.js

@@ -0,0 +1,5 @@
+import './TokenBase-57c65c47.css';
+
+var classes = {"TokenBase":"prc-Token-TokenBase-PfQzJ"};
+
+export { classes as default };

package/dist/Token/_RemoveTokenButton-c205593b.css

@@ -0,0 +1,2 @@
+.prc-Token-TokenButton-F4Y8h{align-items:center;align-self:baseline;appearance:none;background-color:transparent;border:0;border-radius:var(--borderRadius-full,624.9375rem);color:currentColor;cursor:pointer;display:inline-flex;font-family:inherit;justify-content:center;margin-left:var(--base-size-4,.25rem);padding:0;-webkit-text-decoration:none;text-decoration:none;-webkit-user-select:none;user-select:none}.prc-Token-TokenButton-F4Y8h[data-size=small]{height:var(--base-size-16,1rem);width:var(--base-size-16,1rem)}.prc-Token-TokenButton-F4Y8h[data-size=medium]{height:var(--base-size-20,1.25rem);width:var(--base-size-20,1.25rem)}.prc-Token-TokenButton-F4Y8h[data-size=large]{height:var(--base-size-24,1.5rem);margin-left:var(--base-size-8,.5rem);width:var(--base-size-24,1.5rem)}.prc-Token-TokenButton-F4Y8h[data-size=xlarge]{height:var(--base-size-32,2rem);margin-left:var(--base-size-8,.5rem);width:var(--base-size-32,2rem)}.prc-Token-TokenButton-F4Y8h:focus,.prc-Token-TokenButton-F4Y8h:hover{background-color:var(--control-transparent-bgColor-hover,var(--color-action-list-item-default-hover-bg))}.prc-Token-TokenButton-F4Y8h:active{background-color:var(--control-transparent-bgColor-active,var(--color-action-list-item-default-active-bg))}
+/*# sourceMappingURL=_RemoveTokenButton-c205593b.css.map */

package/dist/Token/_RemoveTokenButton-c205593b.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Token/_RemoveTokenButton.module.css"],"names":[],"mappings":"AAAA,6BAaE,kBAAmB,CAEnB,mBAAoB,CADpB,eAAgB,CALhB,4BAA6B,CAC7B,QAAS,CACT,kDAAuC,CANvC,kBAAmB,CAEnB,cAAe,CANf,mBAAoB,CAGpB,mBAAoB,CAQpB,sBAAuB,CATvB,qCAA+B,CAD/B,SAAU,CAIV,4BAAqB,CAArB,oBAAqB,CAErB,wBAAiB,CAAjB,gBAQF,CAEA,8CAEE,+BAA2B,CAD3B,8BAEF,CAEA,+CAEE,kCAA2B,CAD3B,iCAEF,CAEA,8CAEE,iCAA2B,CAC3B,oCAA+B,CAF/B,gCAGF,CAEA,+CAEE,+BAA2B,CAC3B,oCAA+B,CAF/B,8BAGF,CAEA,sEAEE,wGACF,CAEA,oCACE,0GACF","file":"_RemoveTokenButton-c205593b.css","sourcesContent":[".TokenButton {\n  display: inline-flex;\n  padding: 0;\n  margin-left: var(--base-size-4);\n  font-family: inherit;\n  color: currentColor;\n  text-decoration: none;\n  cursor: pointer;\n  user-select: none;\n  background-color: transparent;\n  border: 0;\n  border-radius: var(--borderRadius-full);\n  justify-content: center;\n  align-items: center;\n  appearance: none;\n  align-self: baseline;\n}\n\n.TokenButton[data-size='small'] {\n  width: var(--base-size-16);\n  height: var(--base-size-16);\n}\n\n.TokenButton[data-size='medium'] {\n  width: var(--base-size-20);\n  height: var(--base-size-20);\n}\n\n.TokenButton[data-size='large'] {\n  width: var(--base-size-24);\n  height: var(--base-size-24);\n  margin-left: var(--base-size-8);\n}\n\n.TokenButton[data-size='xlarge'] {\n  width: var(--base-size-32);\n  height: var(--base-size-32);\n  margin-left: var(--base-size-8);\n}\n\n.TokenButton:hover,\n.TokenButton:focus {\n  background-color: var(--control-transparent-bgColor-hover);\n}\n\n.TokenButton:active {\n  background-color: var(--control-transparent-bgColor-active);\n}\n"]}

package/dist/Token/_RemoveTokenButton.d.ts

@@ -0,0 +1,13 @@
+import type React from 'react';
+import type { TokenSizeKeys } from './TokenBase';
+interface TokenButtonProps {
+    borderOffset?: number;
+    size?: TokenSizeKeys;
+    isParentInteractive?: boolean;
+}
+type RemoveTokenButtonProps = TokenButtonProps & Omit<React.HTMLProps<HTMLSpanElement | HTMLButtonElement>, 'size'>;
+declare const RemoveTokenButton: ({ "aria-label": ariaLabel, isParentInteractive, size, className, borderOffset, as: _as, ...rest }: React.PropsWithChildren<RemoveTokenButtonProps & {
+    as?: React.ElementType;
+}>) => React.JSX.Element;
+export default RemoveTokenButton;
+//# sourceMappingURL=_RemoveTokenButton.d.ts.map

package/dist/Token/_RemoveTokenButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"_RemoveTokenButton.d.ts","sourceRoot":"","sources":["../../src/Token/_RemoveTokenButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,aAAa,CAAA;AAK9C,UAAU,gBAAgB;IACxB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,mBAAmB,CAAC,EAAE,OAAO,CAAA;CAC9B;AAED,KAAK,sBAAsB,GAAG,gBAAgB,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,eAAe,GAAG,iBAAiB,CAAC,EAAE,MAAM,CAAC,CAAA;AAEnH,QAAA,MAAM,iBAAiB,GAAI,mGAQxB,KAAK,CAAC,iBAAiB,CAAC,sBAAsB,GAAG;IAAC,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;CAAC,CAAC,sBAmC5E,CAAA;AAED,eAAe,iBAAiB,CAAA"}

package/dist/Token/_RemoveTokenButton.js

@@ -0,0 +1,50 @@
+import { XIcon } from '@primer/octicons-react';
+import { clsx } from 'clsx';
+import { defaultTokenSize } from './TokenBase.js';
+import classes from './_RemoveTokenButton.module.css.js';
+import { jsx } from 'react/jsx-runtime';
+
+const RemoveTokenButton = ({
+  'aria-label': ariaLabel,
+  isParentInteractive,
+  size = defaultTokenSize,
+  className,
+  borderOffset = 0,
+  as: _as,
+  ...rest
+}) => {
+  // eslint-disable-next-line react-compiler/react-compiler
+  delete rest.children;
+  if (isParentInteractive) {
+    return /*#__PURE__*/jsx("span", {
+      ...rest,
+      tabIndex: -1,
+      "aria-label": ariaLabel,
+      "data-size": size,
+      className: clsx(classes.TokenButton, className),
+      style: {
+        transform: `translate(${borderOffset}px, -${borderOffset}px)`
+      },
+      children: /*#__PURE__*/jsx(XIcon, {
+        size: size === 'small' || size === 'medium' || size === 'large' ? 12 : 16
+      })
+    });
+  }
+  return /*#__PURE__*/jsx("button", {
+    ...rest,
+    "aria-label": 'Remove token',
+    "data-size": size,
+    className: clsx(classes.TokenButton, className),
+    style: {
+      transform: `translate(${borderOffset}px, -${borderOffset}px)`
+    },
+    ref: rest.ref,
+    type: "button",
+    children: /*#__PURE__*/jsx(XIcon, {
+      size: size === 'small' || size === 'medium' || size === 'large' ? 12 : 16
+    })
+  });
+};
+RemoveTokenButton.displayName = "RemoveTokenButton";
+
+export { RemoveTokenButton as default };

package/dist/Token/_RemoveTokenButton.module.css.js

@@ -0,0 +1,5 @@
+import './_RemoveTokenButton-c205593b.css';
+
+var classes = {"TokenButton":"prc-Token-TokenButton-F4Y8h"};
+
+export { classes as default };

package/dist/Token/_TokenTextContainer.d.ts

@@ -0,0 +1,5 @@
+import type { TokenBaseProps } from './TokenBase';
+import type React from 'react';
+declare const TokenTextContainer: ({ children, id, as: Component, ...props }: React.PropsWithChildren<Partial<TokenBaseProps>>) => React.JSX.Element;
+export default TokenTextContainer;
+//# sourceMappingURL=_TokenTextContainer.d.ts.map

package/dist/Token/_TokenTextContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"_TokenTextContainer.d.ts","sourceRoot":"","sources":["../../src/Token/_TokenTextContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,aAAa,CAAA;AAC/C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,QAAA,MAAM,kBAAkB,GAAI,2CAKzB,KAAK,CAAC,iBAAiB,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,sBAclD,CAAA;AAED,eAAe,kBAAkB,CAAA"}

package/dist/Token/_TokenTextContainer.js

@@ -0,0 +1,67 @@
+import { c } from 'react-compiler-runtime';
+import classes from './_TokenTextContainer.module.css.js';
+import { clsx } from 'clsx';
+import { jsx } from 'react/jsx-runtime';
+
+const TokenTextContainer = t0 => {
+  const $ = c(13);
+  let children;
+  let id;
+  let props;
+  let t1;
+  if ($[0] !== t0) {
+    ({
+      children,
+      id,
+      as: t1,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = children;
+    $[2] = id;
+    $[3] = props;
+    $[4] = t1;
+  } else {
+    children = $[1];
+    id = $[2];
+    props = $[3];
+    t1 = $[4];
+  }
+  const Component = t1 === undefined ? "span" : t1;
+  let t2;
+  if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = clsx(classes.TokenTextContainer);
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  let t3;
+  if ($[6] !== id) {
+    var _id;
+    t3 = (_id = id) === null || _id === void 0 ? void 0 : _id.toString();
+    $[6] = id;
+    $[7] = t3;
+  } else {
+    t3 = $[7];
+  }
+  const t4 = Component === "button" ? props : Component === "a" ? props : props;
+  let t5;
+  if ($[8] !== Component || $[9] !== children || $[10] !== t3 || $[11] !== t4) {
+    t5 = /*#__PURE__*/jsx(Component, {
+      className: t2,
+      id: t3,
+      ...t4,
+      children: children
+    });
+    $[8] = Component;
+    $[9] = children;
+    $[10] = t3;
+    $[11] = t4;
+    $[12] = t5;
+  } else {
+    t5 = $[12];
+  }
+  return t5;
+};
+
+export { TokenTextContainer as default };

package/dist/Token/index.d.ts

@@ -0,0 +1,6 @@
+export type { TokenSizeKeys } from './TokenBase';
+export { default } from './Token';
+export type { TokenProps } from './Token';
+export { default as IssueLabelToken } from './IssueLabelToken';
+export type { IssueLabelTokenProps } from './IssueLabelToken';
+//# sourceMappingURL=index.d.ts.map

package/dist/Token/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Token/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAC,aAAa,EAAC,MAAM,aAAa,CAAA;AAC9C,OAAO,EAAC,OAAO,EAAC,MAAM,SAAS,CAAA;AAC/B,YAAY,EAAC,UAAU,EAAC,MAAM,SAAS,CAAA;AACvC,OAAO,EAAC,OAAO,IAAI,eAAe,EAAC,MAAM,mBAAmB,CAAA;AAC5D,YAAY,EAAC,oBAAoB,EAAC,MAAM,mBAAmB,CAAA"}

package/dist/Tooltip/Tooltip-fffa9948.css

@@ -0,0 +1,2 @@
+.prc-Tooltip-Tooltip--1XZX{display:inline-block;position:relative}.prc-Tooltip-Tooltip--1XZX:after{display:none;font:normal normal var(--text-body-size-small,.75rem) /var(--text-body-lineHeight-small,1.6666) var(--fontStack-system,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji");padding:.5em .75em;position:absolute;z-index:1000000;-webkit-font-smoothing:subpixel-antialiased;color:var(--tooltip-fgColor,var(--fgColor-onEmphasis,var(--color-fg-on-emphasis)));letter-spacing:normal;text-align:center;-webkit-text-decoration:none;text-decoration:none;text-shadow:none;text-transform:none;word-wrap:break-word;background:var(--tooltip-bgColor,var(--bgColor-emphasis,var(--color-neutral-emphasis-plus)));border-radius:var(--borderRadius-medium,.375rem);content:attr(aria-label);opacity:0;pointer-events:none;white-space:pre}@keyframes prc-Tooltip-tooltip-appear-Vhjuv{0%{opacity:0}to{opacity:1}}.prc-Tooltip-Tooltip--1XZX:active:after,.prc-Tooltip-Tooltip--1XZX:focus-within:after,.prc-Tooltip-Tooltip--1XZX:focus:after,.prc-Tooltip-Tooltip--1XZX:hover:after{animation-delay:0s;animation-duration:.1s;animation-fill-mode:forwards;animation-name:prc-Tooltip-tooltip-appear-Vhjuv;animation-timing-function:ease-in;display:inline-block;-webkit-text-decoration:none;text-decoration:none}.prc-Tooltip-Tooltip--noDelay-Kl98W:active:after,.prc-Tooltip-Tooltip--noDelay-Kl98W:focus-within:after,.prc-Tooltip-Tooltip--noDelay-Kl98W:focus:after,.prc-Tooltip-Tooltip--noDelay-Kl98W:hover:after{animation-delay:0s}.prc-Tooltip-Tooltip--multiline-5KYEu:active:after,.prc-Tooltip-Tooltip--multiline-5KYEu:focus-within:after,.prc-Tooltip-Tooltip--multiline-5KYEu:focus:after,.prc-Tooltip-Tooltip--multiline-5KYEu:hover:after{display:table-cell}.prc-Tooltip-Tooltip--s-Z845o:after,.prc-Tooltip-Tooltip--se-4uqz7:after,.prc-Tooltip-Tooltip--sw-P5gHD:after{margin-top:6px;right:50%;top:100%}.prc-Tooltip-Tooltip--se-4uqz7:after{left:50%;margin-left:calc(var(--base-size-16,1rem)*-1);right:auto}.prc-Tooltip-Tooltip--sw-P5gHD:after{margin-right:calc(var(--base-size-16,1rem)*-1)}.prc-Tooltip-Tooltip--n-BOOzB:after,.prc-Tooltip-Tooltip--ne-t2n1x:after,.prc-Tooltip-Tooltip--nw-PVis4:after{bottom:100%;margin-bottom:6px;right:50%}.prc-Tooltip-Tooltip--ne-t2n1x:after{left:50%;margin-left:calc(var(--base-size-16,1rem)*-1);right:auto}.prc-Tooltip-Tooltip--nw-PVis4:after{margin-right:calc(var(--base-size-16,1rem)*-1)}.prc-Tooltip-Tooltip--n-BOOzB:after,.prc-Tooltip-Tooltip--s-Z845o:after{transform:translateX(50%)}.prc-Tooltip-Tooltip--w-c6nR3:after{margin-right:6px;right:100%}.prc-Tooltip-Tooltip--e-a4x1s:after,.prc-Tooltip-Tooltip--w-c6nR3:after{bottom:50%;transform:translateY(50%)}.prc-Tooltip-Tooltip--e-a4x1s:after{left:100%;margin-left:6px}.prc-Tooltip-Tooltip--multiline-5KYEu:after{max-width:250px;width:max-content;word-wrap:break-word;border-collapse:separate;white-space:pre-line}.prc-Tooltip-Tooltip--multiline-5KYEu.prc-Tooltip-Tooltip--n-BOOzB:after,.prc-Tooltip-Tooltip--multiline-5KYEu.prc-Tooltip-Tooltip--s-Z845o:after{left:50%;right:auto;transform:translateX(-50%)}.prc-Tooltip-Tooltip--multiline-5KYEu.prc-Tooltip-Tooltip--e-a4x1s:after,.prc-Tooltip-Tooltip--multiline-5KYEu.prc-Tooltip-Tooltip--w-c6nR3:after{right:100%}.prc-Tooltip-Tooltip--alignRight-DdgpM:after{margin-right:0;right:0}.prc-Tooltip-Tooltip--alignLeft-7wr84:after{left:0;margin-left:0}
+/*# sourceMappingURL=Tooltip-fffa9948.css.map */

package/dist/Tooltip/Tooltip-fffa9948.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Tooltip/Tooltip.module.css"],"names":[],"mappings":"AAEA,2BAEE,oBAAqB,CADrB,iBAEF,CAEA,iCAGE,YAAa,CAGb,+OAA2G,CAD3G,kBAAqB,CAJrB,iBAAkB,CAClB,eAAgB,CAKhB,2CAA4C,CAC5C,kFAAwD,CAKxD,qBAAsB,CAJtB,iBAAkB,CAClB,4BAAqB,CAArB,oBAAqB,CACrB,gBAAiB,CACjB,mBAAoB,CAEpB,oBAAqB,CAIrB,4FAA2D,CAC3D,gDAAyC,CAFzC,wBAAyB,CAGzB,SAAU,CAJV,mBAAoB,CADpB,eAMF,CAGA,4CACE,GACE,SACF,CAEA,GACE,SACF,CACF,CAEA,oKAUE,kBAAmB,CAHnB,sBAAwB,CACxB,4BAA6B,CAF7B,+CAA8B,CAG9B,iCAAkC,CALlC,oBAAqB,CACrB,4BAAqB,CAArB,oBAMF,CAEA,wMAIE,kBACF,CAEA,gNAIE,kBACF,CAGA,8GAME,cAAe,CAFf,SAAU,CADV,QAIF,CAEA,qCAEE,QAAS,CACT,6CAA2C,CAF3C,UAGF,CAEA,qCACE,8CACF,CAGA,8GAIE,WAAY,CAEZ,iBAAkB,CAHlB,SAIF,CAEA,qCAEE,QAAS,CACT,6CAA2C,CAF3C,UAGF,CAEA,qCACE,8CACF,CAGA,wEAEE,yBACF,CAGA,oCAIE,gBAAiB,CAHjB,UAKF,CAGA,wEAPE,UAAW,CAGX,yBAUF,CANA,oCAEE,SAAU,CAEV,eAEF,CAEA,4CAEE,eAAgB,CADhB,iBAAkB,CAElB,oBAAqB,CAErB,wBAAyB,CADzB,oBAEF,CAEA,kJAGE,QAAS,CADT,UAAW,CAEX,0BACF,CAEA,kJAEE,UACF,CAEA,6CAEE,cAAe,CADf,OAEF,CAEA,4CACE,MAAO,CACP,aACF","file":"Tooltip-fffa9948.css","sourcesContent":["/* stylelint-disable primer/typography, primer/borders, selector-class-pattern */\n\n.Tooltip {\n  position: relative;\n  display: inline-block;\n}\n\n.Tooltip::after {\n  position: absolute;\n  z-index: 1000000;\n  display: none;\n  /* stylelint-disable-next-line primer/spacing */\n  padding: 0.5em 0.75em;\n  font: normal normal var(--text-body-size-small) / var(--text-body-lineHeight-small) var(--fontStack-system);\n  -webkit-font-smoothing: subpixel-antialiased;\n  color: var(--tooltip-fgColor, var(--fgColor-onEmphasis));\n  text-align: center;\n  text-decoration: none;\n  text-shadow: none;\n  text-transform: none;\n  letter-spacing: normal;\n  word-wrap: break-word;\n  white-space: pre;\n  pointer-events: none;\n  content: attr(aria-label);\n  background: var(--tooltip-bgColor, var(--bgColor-emphasis));\n  border-radius: var(--borderRadius-medium);\n  opacity: 0;\n}\n\n/* delay animation for tooltip */\n@keyframes tooltip-appear {\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n}\n\n.Tooltip:hover::after,\n.Tooltip:active::after,\n.Tooltip:focus::after,\n.Tooltip:focus-within::after {\n  display: inline-block;\n  text-decoration: none;\n  animation-name: tooltip-appear;\n  animation-duration: 0.1s;\n  animation-fill-mode: forwards;\n  animation-timing-function: ease-in;\n  animation-delay: 0s;\n}\n\n.Tooltip--noDelay:hover::after,\n.Tooltip--noDelay:active::after,\n.Tooltip--noDelay:focus::after,\n.Tooltip--noDelay:focus-within::after {\n  animation-delay: 0s;\n}\n\n.Tooltip--multiline:hover::after,\n.Tooltip--multiline:active::after,\n.Tooltip--multiline:focus::after,\n.Tooltip--multiline:focus-within::after {\n  display: table-cell;\n}\n\n/* Tooltipped south */\n.Tooltip--s::after,\n.Tooltip--se::after,\n.Tooltip--sw::after {\n  top: 100%;\n  right: 50%;\n  /* stylelint-disable-next-line primer/spacing */\n  margin-top: 6px;\n}\n\n.Tooltip--se::after {\n  right: auto;\n  left: 50%;\n  margin-left: calc(-1 * var(--base-size-16));\n}\n\n.Tooltip--sw::after {\n  margin-right: calc(-1 * var(--base-size-16));\n}\n\n/* Tooltips above the object */\n.Tooltip--n::after,\n.Tooltip--ne::after,\n.Tooltip--nw::after {\n  right: 50%;\n  bottom: 100%;\n  /* stylelint-disable-next-line primer/spacing */\n  margin-bottom: 6px;\n}\n\n.Tooltip--ne::after {\n  right: auto;\n  left: 50%;\n  margin-left: calc(-1 * var(--base-size-16));\n}\n\n.Tooltip--nw::after {\n  margin-right: calc(-1 * var(--base-size-16));\n}\n\n/* Move the tooltip body to the center of the object. */\n.Tooltip--s::after,\n.Tooltip--n::after {\n  transform: translateX(50%);\n}\n\n/* Tooltipped to the left */\n.Tooltip--w::after {\n  right: 100%;\n  bottom: 50%;\n  /* stylelint-disable-next-line primer/spacing */\n  margin-right: 6px;\n  transform: translateY(50%);\n}\n\n/* tooltipped to the right */\n.Tooltip--e::after {\n  bottom: 50%;\n  left: 100%;\n  /* stylelint-disable-next-line primer/spacing */\n  margin-left: 6px;\n  transform: translateY(50%);\n}\n\n.Tooltip--multiline::after {\n  width: max-content;\n  max-width: 250px;\n  word-wrap: break-word;\n  white-space: pre-line;\n  border-collapse: separate;\n}\n\n.Tooltip--multiline.Tooltip--s::after,\n.Tooltip--multiline.Tooltip--n::after {\n  right: auto;\n  left: 50%;\n  transform: translateX(-50%);\n}\n\n.Tooltip--multiline.Tooltip--w::after,\n.Tooltip--multiline.Tooltip--e::after {\n  right: 100%;\n}\n\n.Tooltip--alignRight::after {\n  right: 0;\n  margin-right: 0;\n}\n\n.Tooltip--alignLeft::after {\n  left: 0;\n  margin-left: 0;\n}\n"]}

package/dist/Tooltip/Tooltip.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import type { ForwardRefComponent as PolymorphicForwardRefComponent } from '../utils/polymorphic';
+/**
+ * @deprecated
+ */
+export type TooltipProps = {
+    direction?: 'n' | 'ne' | 'e' | 'se' | 's' | 'sw' | 'w' | 'nw';
+    text?: string;
+    noDelay?: boolean;
+    align?: 'left' | 'right';
+    wrap?: boolean;
+} & React.ComponentProps<'span'>;
+export declare const TooltipContext: React.Context<{
+    tooltipId?: string;
+}>;
+/**
+ * @deprecated
+ */
+declare const Tooltip: PolymorphicForwardRefComponent<"span", TooltipProps> & {
+    alignments: string[];
+    directions: string[];
+};
+export default Tooltip;
+//# sourceMappingURL=Tooltip.d.ts.map

package/dist/Tooltip/Tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AACA,OAAO,KAAgB,MAAM,OAAO,CAAA;AAGpC,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;AAI/F;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB,SAAS,CAAC,EAAE,GAAG,GAAG,IAAI,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,GAAG,IAAI,CAAA;IAC7D,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACxB,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,GAAG,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAA;AAEhC,eAAO,MAAM,cAAc;gBAAoC,MAAM;EAAM,CAAA;AAE3E;;GAEG;AACH,QAAA,MAAM,OAAO,EAyBP,8BAA8B,CAAC,MAAM,EAAE,YAAY,CAAC,GAAG;IAC3D,UAAU,EAAE,MAAM,EAAE,CAAA;IACpB,UAAU,EAAE,MAAM,EAAE,CAAA;CACrB,CAAA;AAQD,eAAe,OAAO,CAAA"}

package/dist/Tooltip/Tooltip.js

@@ -0,0 +1,59 @@
+import { clsx } from 'clsx';
+import React, { useMemo } from 'react';
+import classes from './Tooltip.module.css.js';
+import { jsx } from 'react/jsx-runtime';
+import { useId } from '../hooks/useId.js';
+
+const TooltipContext = /*#__PURE__*/React.createContext({});
+
+/**
+ * @deprecated
+ */
+const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip({
+  as: Component = 'span',
+  direction = 'n',
+  children,
+  className,
+  text,
+  noDelay,
+  align,
+  wrap,
+  id,
+  ...rest
+}, ref) {
+  const tooltipId = useId(id);
+  const tooltipClasses = clsx(className, classes.Tooltip, classes[`Tooltip--${direction}`], {
+    [classes[`Tooltip--align${align === 'left' ? 'Left' : 'Right'}`]]: align,
+    [classes['Tooltip--noDelay']]: noDelay,
+    [classes['Tooltip--multiline']]: wrap,
+    // maintaining feature parity with old classes
+    [`tooltipped-${direction}`]: true,
+    [`tooltipped-align-${align === 'left' ? 'left' : 'right'}-2`]: align,
+    'tooltipped-no-delay': noDelay,
+    'tooltipped-multiline': wrap
+  });
+  const value = useMemo(() => ({
+    tooltipId
+  }), [tooltipId]);
+  return (
+    /*#__PURE__*/
+    // This provider is used to check if an icon button is wrapped with tooltip or not.
+    jsx(TooltipContext.Provider, {
+      value: value,
+      children: /*#__PURE__*/jsx(Component, {
+        role: "tooltip",
+        "aria-label": text,
+        id: tooltipId,
+        ...rest,
+        className: tooltipClasses,
+        ref: ref,
+        children: children
+      })
+    })
+  );
+});
+Tooltip.alignments = ['left', 'right'];
+Tooltip.directions = ['n', 'ne', 'e', 'se', 's', 'sw', 'w', 'nw'];
+Tooltip.__SLOT__ = Symbol('DEPRECATED_Tooltip');
+
+export { TooltipContext, Tooltip as default };

package/dist/Tooltip/Tooltip.module.css.js

@@ -0,0 +1,5 @@
+import './Tooltip-fffa9948.css';
+
+var classes = {"Tooltip":"prc-Tooltip-Tooltip--1XZX","tooltip-appear":"prc-Tooltip-tooltip-appear-Vhjuv","Tooltip--noDelay":"prc-Tooltip-Tooltip--noDelay-Kl98W","Tooltip--multiline":"prc-Tooltip-Tooltip--multiline-5KYEu","Tooltip--s":"prc-Tooltip-Tooltip--s-Z845o","Tooltip--se":"prc-Tooltip-Tooltip--se-4uqz7","Tooltip--sw":"prc-Tooltip-Tooltip--sw-P5gHD","Tooltip--n":"prc-Tooltip-Tooltip--n-BOOzB","Tooltip--ne":"prc-Tooltip-Tooltip--ne-t2n1x","Tooltip--nw":"prc-Tooltip-Tooltip--nw-PVis4","Tooltip--w":"prc-Tooltip-Tooltip--w-c6nR3","Tooltip--e":"prc-Tooltip-Tooltip--e-a4x1s","Tooltip--alignRight":"prc-Tooltip-Tooltip--alignRight-DdgpM","Tooltip--alignLeft":"prc-Tooltip-Tooltip--alignLeft-7wr84"};
+
+export { classes as default };

package/dist/TooltipV2/Tooltip.d.ts

@@ -0,0 +1,22 @@
+import React, { type ForwardRefExoticComponent } from 'react';
+import { type KeybindingHintProps } from '../KeybindingHint';
+import type { SlotMarker } from '../utils/types';
+export type TooltipDirection = 'nw' | 'n' | 'ne' | 'e' | 'se' | 's' | 'sw' | 'w';
+export type TooltipProps = React.PropsWithChildren<{
+    direction?: TooltipDirection;
+    text: string;
+    type?: 'label' | 'description';
+    keybindingHint?: KeybindingHintProps['keys'];
+    /**
+     * Delay in milliseconds before showing the tooltip
+     * @default short (50ms)
+     * medium (400ms)
+     * long (1200ms)
+     */
+    delay?: 'short' | 'medium' | 'long';
+}> & React.HTMLAttributes<HTMLElement>;
+export declare const TooltipContext: React.Context<{
+    tooltipId?: string;
+}>;
+export declare const Tooltip: ForwardRefExoticComponent<React.PropsWithoutRef<TooltipProps> & React.RefAttributes<HTMLElement>> & SlotMarker;
+//# sourceMappingURL=Tooltip.d.ts.map

package/dist/TooltipV2/Tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/TooltipV2/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiD,KAAK,yBAAyB,EAAC,MAAM,OAAO,CAAA;AAS3G,OAAO,EAAoD,KAAK,mBAAmB,EAAC,MAAM,mBAAmB,CAAA;AAG7G,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,gBAAgB,CAAA;AAE9C,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,CAAA;AAChF,MAAM,MAAM,YAAY,GAAG,KAAK,CAAC,iBAAiB,CAAC;IACjD,SAAS,CAAC,EAAE,gBAAgB,CAAA;IAC5B,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,OAAO,GAAG,aAAa,CAAA;IAC9B,cAAc,CAAC,EAAE,mBAAmB,CAAC,MAAM,CAAC,CAAA;IAC5C;;;;;OAKG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAA;CACpC,CAAC,GACA,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAA;AAiEnC,eAAO,MAAM,cAAc;gBAAoC,MAAM;EAAM,CAAA;AAE3E,eAAO,MAAM,OAAO,EAAE,yBAAyB,CAC7C,KAAK,CAAC,eAAe,CAAC,YAAY,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CACvE,GACC,UA4QD,CAAA"}