@persona/design-system 0.1.8 → 0.2.0

package/dist/Toggle-Ce-rF8Xp.cjs

@@ -1,174 +0,0 @@
-const require_chunk = require("./chunk-CKQMccvm.cjs");
-const require_lib_pseudoClass = require("./lib/pseudoClass.cjs");
-const require_mixins_focus = require("./mixins/focus.cjs");
-require("./variables/transitions.cjs");
-const require_Text = require("./Text-G9QmYf0P.cjs");
-const require_useToggle = require("./useToggle-DARO917w.cjs");
-const require_useFormField = require("./useFormField-BZlArnsI.cjs");
-let _persona_design_tokens = require("@persona/design-tokens");
-let styled_components = require("styled-components");
-styled_components = require_chunk.__toESM(styled_components);
-let react_jsx_runtime = require("react/jsx-runtime");
-let react = require("react");
-let react_aria = require("react-aria");
-//#region components/Toggle/Toggle.tsx
-const SWITCH_SIZES = {
-	md: {
-		width: 32,
-		height: 18
-	},
-	sm: {
-		width: 28,
-		height: parseInt(_persona_design_tokens.Spacing[4], 10)
-	}
-};
-const SLIDER_SIZES = {
-	md: {
-		diameter: 14,
-		offset: 2
-	},
-	sm: {
-		diameter: parseInt(_persona_design_tokens.Spacing[3], 10),
-		offset: 2
-	}
-};
-const Container = styled_components.default.div`
-  display: inline-flex;
-  align-items: center;
-  position: relative;
-`;
-const Switch = styled_components.default.div`
-  transition: box-shadow ${"200ms"};
-  position: relative;
-  display: inline-flex;
-  height: ${({ size }) => SWITCH_SIZES[size].height}px;
-  width: ${({ size }) => SWITCH_SIZES[size].width}px;
-  border-radius: 1000px;
-  cursor: pointer;
-  &${require_lib_pseudoClass.isDisabled} {
-    cursor: not-allowed;
-  }
-
-  ${require_mixins_focus.focusOutlineControlled}
-
-  /* Background */
-  &:before {
-    position: absolute;
-    content: '';
-    height: ${({ size }) => SWITCH_SIZES[size].height}px;
-    width: ${({ size }) => SWITCH_SIZES[size].width}px;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    background-color: ${({ checked, disabled }) => disabled ? checked ? _persona_design_tokens.Color.BackgroundInputActiveDisabled : _persona_design_tokens.Color.BackgroundInputDisabled : checked ? _persona_design_tokens.Color.BackgroundInputActive : _persona_design_tokens.Color.BackgroundInputToggle};
-
-    transition: ${"400ms"};
-    border-radius: 1000px;
-  }
-
-  &${require_lib_pseudoClass.isHovered}${require_lib_pseudoClass.isNotDisabled}:before {
-    background-color: ${({ checked }) => checked ? _persona_design_tokens.Color.BackgroundInputActiveHover : _persona_design_tokens.Color.BackgroundInputToggleHover};
-  }
-
-  /* Slider thumb */
-  &:after {
-    position: absolute;
-    content: '';
-    height: ${({ size }) => SLIDER_SIZES[size].diameter}px;
-    width: ${({ size }) => SLIDER_SIZES[size].diameter}px;
-    bottom: ${({ size }) => SLIDER_SIZES[size].offset}px;
-    background-color: ${_persona_design_tokens.Color.BackgroundInputDefault};
-    transition: ${"400ms"};
-    border-radius: 1000px;
-
-    right: ${({ size }) => SLIDER_SIZES[size].offset}px;
-
-    ${({ checked, size }) => !checked && styled_components.css`
-        transform: translateX(-${getSlideDistance(size)}px);
-      `}
-  }
-`;
-const ToggleLabel = (0, styled_components.default)(require_Text.Label)`
-  cursor: ${({ disabled }) => disabled ? "initial" : "pointer"};
-  color: ${_persona_design_tokens.Color.TextSecondary};
-
-  padding: 0 ${_persona_design_tokens.Spacing[2]};
-  white-space: nowrap;
-  line-height: ${({ size = "md" }) => `${SWITCH_SIZES[size].height}px`};
-
-  ${({ theme, disabled }) => disabled && styled_components.css`
-      color: ${theme.color.text.disabled};
-    `}
-`;
-function getSlideDistance(size) {
-	const switchSize = SWITCH_SIZES[size];
-	const sliderSize = SLIDER_SIZES[size];
-	return switchSize.width - sliderSize.diameter - sliderSize.offset * 2;
-}
-const HiddenInput = styled_components.default.input`
-  height: 0;
-  width: 0;
-  margin: -1px;
-  border: 0;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-  position: absolute;
-`;
-const Toggle = (0, react.forwardRef)(function Toggle({ className, disabled, titleOff = "Off", titleOn = "On", onChange = () => void 0, value, id, labelOn, labelOff, "data-test": dataTest, "aria-label": ariaLabel, size = "md" }, ref) {
-	const field = require_useFormField.useFormField({ disabled });
-	const generatedId = (0, react_aria.useId)();
-	const label = value ? labelOn : labelOff || labelOn;
-	const [focused, { enable: setFocus, disable: clearFocus }] = require_useToggle.useToggle();
-	const handleChange = (0, react.useCallback)(() => {
-		onChange(!value);
-		inputRef.current?.focus();
-	}, [onChange, value]);
-	const inputRef = (0, react.useRef)();
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Container, {
-		className,
-		"data-test": dataTest,
-		title: value ? titleOn : titleOff,
-		ref,
-		children: [
-			label != null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToggleLabel, {
-				htmlFor: generatedId,
-				disabled: field.disabled,
-				size,
-				children: label
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Switch, {
-				id,
-				checked: !!value,
-				disabled: field.disabled,
-				focused,
-				onClick: field.disabled ? void 0 : handleChange,
-				size
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(HiddenInput, {
-				id: generatedId,
-				ref: inputRef,
-				"data-test-toggle-status": value ? "on" : "off",
-				disabled: field.disabled,
-				type: "checkbox",
-				checked: !!value,
-				readOnly: true,
-				onChange: disabled ? void 0 : handleChange,
-				onFocus: setFocus,
-				onBlur: clearFocus,
-				"aria-checked": !!value,
-				role: "switch",
-				"aria-readonly": field.disabled,
-				...label ? { "aria-labelledby": generatedId } : { "aria-label": ariaLabel ?? (value ? "Toggle on" : "Toggle off") }
-			})
-		]
-	});
-});
-//#endregion
-Object.defineProperty(exports, "Toggle", {
-	enumerable: true,
-	get: function() {
-		return Toggle;
-	}
-});
-
-//# sourceMappingURL=Toggle-Ce-rF8Xp.cjs.map

package/dist/Toggle-Ce-rF8Xp.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Toggle-Ce-rF8Xp.cjs","names":["Spacing","isDisabled","focusOutlineControlled","Color","isHovered","isNotDisabled","Label","useFormField","useToggle"],"sources":["../components/Toggle/Toggle.tsx"],"sourcesContent":["import { forwardRef, type ReactNode, useCallback, useRef } from 'react';\nimport { useId } from 'react-aria';\nimport styled, { css } from 'styled-components';\n\nimport { Color, Spacing } from '@persona/design-tokens';\nimport useFormField from 'design-system/components/FormControl/useFormField';\nimport { Label } from 'design-system/components/Text';\nimport { isDisabled, isHovered, isNotDisabled } from 'design-system/lib/pseudoClass';\nimport useToggle from 'design-system/lib/useToggle';\nimport { focusOutlineControlled } from 'design-system/mixins/focus';\nimport { TransitionDuration } from 'design-system/variables/transitions';\n\ntype ToggleSize = 'md' | 'sm';\n\ninterface SwitchSizes {\n  width: number;\n  height: number;\n}\n\nconst SWITCH_SIZES: Record<ToggleSize, SwitchSizes> = {\n  md: { width: 32, height: 18 },\n  sm: { width: 28, height: parseInt(Spacing[4], 10) }, // 16px height from tokens\n};\n\ninterface SliderSizes {\n  diameter: number;\n  offset: number;\n}\n\nconst SLIDER_SIZES: Record<ToggleSize, SliderSizes> = {\n  md: { diameter: 14, offset: 2 },\n  sm: { diameter: parseInt(Spacing[3], 10), offset: 2 }, // 12px diameter from tokens\n};\n\nconst Container = styled.div`\n  display: inline-flex;\n  align-items: center;\n  position: relative;\n`;\n\ntype SwitchProps = Pick<ToggleProps, 'disabled'> & {\n  checked: boolean;\n  focused: boolean;\n  size: ToggleSize;\n};\nconst Switch = styled.div<SwitchProps>`\n  transition: box-shadow ${TransitionDuration.Fast};\n  position: relative;\n  display: inline-flex;\n  height: ${({ size }) => SWITCH_SIZES[size].height}px;\n  width: ${({ size }) => SWITCH_SIZES[size].width}px;\n  border-radius: 1000px;\n  cursor: pointer;\n  &${isDisabled} {\n    cursor: not-allowed;\n  }\n\n  ${focusOutlineControlled}\n\n  /* Background */\n  &:before {\n    position: absolute;\n    content: '';\n    height: ${({ size }) => SWITCH_SIZES[size].height}px;\n    width: ${({ size }) => SWITCH_SIZES[size].width}px;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    background-color: ${({ checked, disabled }) =>\n      disabled\n        ? checked\n          ? Color.BackgroundInputActiveDisabled\n          : Color.BackgroundInputDisabled\n        : checked\n          ? Color.BackgroundInputActive\n          : Color.BackgroundInputToggle};\n\n    transition: ${TransitionDuration.Medium};\n    border-radius: 1000px;\n  }\n\n  &${isHovered}${isNotDisabled}:before {\n    background-color: ${({ checked }) =>\n      checked ? Color.BackgroundInputActiveHover : Color.BackgroundInputToggleHover};\n  }\n\n  /* Slider thumb */\n  &:after {\n    position: absolute;\n    content: '';\n    height: ${({ size }) => SLIDER_SIZES[size].diameter}px;\n    width: ${({ size }) => SLIDER_SIZES[size].diameter}px;\n    bottom: ${({ size }) => SLIDER_SIZES[size].offset}px;\n    background-color: ${Color.BackgroundInputDefault};\n    transition: ${TransitionDuration.Medium};\n    border-radius: 1000px;\n\n    right: ${({ size }) => SLIDER_SIZES[size].offset}px;\n\n    ${({ checked, size }) =>\n      !checked &&\n      css`\n        transform: translateX(-${getSlideDistance(size)}px);\n      `}\n  }\n`;\n\nconst ToggleLabel = styled(Label)<Pick<ToggleProps, 'disabled' | 'size'>>`\n  cursor: ${({ disabled }) => (disabled ? 'initial' : 'pointer')};\n  color: ${Color.TextSecondary};\n\n  padding: 0 ${Spacing[2]};\n  white-space: nowrap;\n  line-height: ${({ size = 'md' }) => `${SWITCH_SIZES[size].height}px`};\n\n  ${({ theme, disabled }) =>\n    disabled &&\n    css`\n      color: ${theme.color.text.disabled};\n    `}\n`;\n\nfunction getSlideDistance(size: ToggleSize) {\n  const switchSize = SWITCH_SIZES[size];\n  const sliderSize = SLIDER_SIZES[size];\n  return switchSize.width - sliderSize.diameter - sliderSize.offset * 2;\n}\n\nconst HiddenInput = styled.input`\n  height: 0;\n  width: 0;\n  margin: -1px;\n  border: 0;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  position: absolute;\n`;\n\nexport interface ToggleProps {\n  className?: string;\n  /** Disables interaction and renders the toggle in a muted style. */\n  disabled?: boolean;\n  /**\n   * Tooltip / title shown on the root element when the toggle is off.\n   * @defaultValue 'Off'\n   */\n  titleOff?: string;\n  /**\n   * Tooltip / title shown on the root element when the toggle is on.\n   * @defaultValue 'On'\n   */\n  titleOn?: string;\n  /**\n   * Called with the new boolean value when the user clicks the toggle.\n   * The component is fully controlled — you must update `value` in response.\n   */\n  onChange?: (value: boolean) => void;\n  /**\n   * Current on/off state. Falsy values (`false`, `null`, `undefined`, `''`)\n   * are treated as off; `true` is treated as on.\n   */\n  value: boolean | null | undefined | '';\n  /** `id` forwarded to the visible switch element. */\n  id?: string;\n  /** Label node rendered to the left of the switch when the toggle is on. */\n  labelOn?: ReactNode;\n  /**\n   * Label node rendered to the left of the switch when the toggle is off.\n   * Falls back to `labelOn` when not provided.\n   */\n  labelOff?: ReactNode;\n  'data-test'?: string;\n  /**\n   * Accessible label for the hidden `<input role=\"switch\">`.\n   * Required when no visible label is provided via `labelOn` / `labelOff`.\n   */\n  'aria-label'?: string;\n  /**\n   * Size of the toggle switch.\n   * @defaultValue 'md'\n   */\n  size?: ToggleSize;\n}\n\nexport const Toggle = forwardRef<HTMLDivElement, ToggleProps>(function Toggle(\n  {\n    className,\n    disabled,\n    titleOff = 'Off',\n    titleOn = 'On',\n    onChange = () => undefined,\n    value,\n    id,\n    labelOn,\n    labelOff,\n    'data-test': dataTest,\n    'aria-label': ariaLabel,\n    size = 'md',\n  },\n  ref,\n) {\n  const field = useFormField({ disabled });\n  const generatedId = useId();\n  const label = value ? labelOn : labelOff || labelOn;\n\n  const [focused, { enable: setFocus, disable: clearFocus }] = useToggle();\n\n  const handleChange = useCallback(() => {\n    onChange(!value);\n    inputRef.current?.focus();\n  }, [onChange, value]);\n\n  const inputRef = useRef<HTMLInputElement>();\n\n  return (\n    <Container\n      className={className}\n      data-test={dataTest}\n      title={value ? titleOn : titleOff}\n      ref={ref}\n    >\n      {label != null && (\n        <ToggleLabel htmlFor={generatedId} disabled={field.disabled} size={size}>\n          {label}\n        </ToggleLabel>\n      )}\n      <Switch\n        id={id}\n        checked={!!value}\n        disabled={field.disabled}\n        focused={focused}\n        onClick={field.disabled ? undefined : handleChange}\n        size={size}\n      />\n      <HiddenInput\n        id={generatedId}\n        /* @ts-expect-error [strict-migration] The following line is not strict; please fix! */\n        ref={inputRef}\n        data-test-toggle-status={value ? 'on' : 'off'}\n        disabled={field.disabled}\n        type='checkbox'\n        checked={!!value}\n        readOnly={true}\n        onChange={disabled ? undefined : handleChange}\n        onFocus={setFocus}\n        onBlur={clearFocus}\n        aria-checked={!!value}\n        role='switch'\n        aria-readonly={field.disabled}\n        {...(label\n          ? { 'aria-labelledby': generatedId }\n          : { 'aria-label': ariaLabel ?? (value ? 'Toggle on' : 'Toggle off') })}\n      />\n    </Container>\n  );\n});\n\nexport default Toggle;\n"],"mappings":"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"}

package/dist/Toggle-tbIebQWC.d.cts

@@ -1,54 +0,0 @@
-import * as _$react from "react";
-import { ReactNode } from "react";
-
-//#region components/Toggle/Toggle.d.ts
-type ToggleSize = 'md' | 'sm';
-interface ToggleProps {
-  className?: string;
-  /** Disables interaction and renders the toggle in a muted style. */
-  disabled?: boolean;
-  /**
-   * Tooltip / title shown on the root element when the toggle is off.
-   * @defaultValue 'Off'
-   */
-  titleOff?: string;
-  /**
-   * Tooltip / title shown on the root element when the toggle is on.
-   * @defaultValue 'On'
-   */
-  titleOn?: string;
-  /**
-   * Called with the new boolean value when the user clicks the toggle.
-   * The component is fully controlled — you must update `value` in response.
-   */
-  onChange?: (value: boolean) => void;
-  /**
-   * Current on/off state. Falsy values (`false`, `null`, `undefined`, `''`)
-   * are treated as off; `true` is treated as on.
-   */
-  value: boolean | null | undefined | '';
-  /** `id` forwarded to the visible switch element. */
-  id?: string;
-  /** Label node rendered to the left of the switch when the toggle is on. */
-  labelOn?: ReactNode;
-  /**
-   * Label node rendered to the left of the switch when the toggle is off.
-   * Falls back to `labelOn` when not provided.
-   */
-  labelOff?: ReactNode;
-  'data-test'?: string;
-  /**
-   * Accessible label for the hidden `<input role="switch">`.
-   * Required when no visible label is provided via `labelOn` / `labelOff`.
-   */
-  'aria-label'?: string;
-  /**
-   * Size of the toggle switch.
-   * @defaultValue 'md'
-   */
-  size?: ToggleSize;
-}
-declare const Toggle: _$react.ForwardRefExoticComponent<ToggleProps & _$react.RefAttributes<HTMLDivElement>>;
-//#endregion
-export { ToggleProps as n, Toggle as t };
-//# sourceMappingURL=Toggle-tbIebQWC.d.cts.map

package/dist/Toggle.d.cts

@@ -1,2 +0,0 @@
-import { n as ToggleProps, t as Toggle } from "./Toggle-tbIebQWC.cjs";
-export { Toggle, Toggle as default, ToggleProps };

package/dist/Tooltip--eDrrk2r.d.cts

@@ -1,100 +0,0 @@
-import { r as _default, t as CardProps } from "./Card-CJPEmUvg.cjs";
-import { ComponentPropsWithoutRef, ComponentType, ReactElement, ReactNode } from "react";
-import { DefaultTheme, StyledComponent } from "styled-components";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime.js";
-import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-
-//#region components/Tooltip/Tooltip.d.ts
-interface FloatingTooltipProps extends CardProps {
-  zIndex?: number;
-  contentAlignment: 'start' | 'center' | 'end';
-  maxWidth?: string;
-  size?: 'sm' | 'md';
-}
-declare const FloatingTooltip: StyledComponent<ComponentType<ComponentPropsWithoutRef<typeof _default>>, DefaultTheme, FloatingTooltipProps>;
-interface TooltipBaseProps extends Omit<TooltipPrimitive.TooltipProps, 'disableHoverableContent'>, TooltipPrimitive.TooltipContentProps {
-  /**
-   * Optionally hide tooltip arrow.
-   */
-  hideArrow?: boolean;
-  children?: ReactNode;
-  /**
-   * Disabling will prevent tooltip from rendering on the trigger
-   */
-  disabled?: boolean;
-  /**
-   * Render in a portal.
-   * Disable to render adjacent to trigger for rendering within elements such as modals
-   */
-  portal?: boolean;
-  /**
-   * Props applied to Radix UI Portal component
-   */
-  portalProps?: TooltipPrimitive.TooltipPortalProps;
-  /**
-   * Determines if the tooltip closes when the mouse hovers into the tooltip content area
-   */
-  interactive?: boolean;
-  /**
-   * Override the zIndex in case the tooltip is used in situations where the content is
-   * already elevated
-   */
-  zIndex?: number;
-  /**
-   * Max width of the contents in the tooltip
-   */
-  maxWidth?: string;
-  /**
-   * Props to apply to Tooltip.Trigger within
-   */
-  triggerProps?: TooltipPrimitive.TooltipTriggerProps;
-  /**
-   * Size of the tooltip. Defaults to 'md'.
-   */
-  size?: 'sm' | 'md';
-}
-interface TooltipStandardProps extends TooltipBaseProps {
-  /**
-   * Element that will trigger the tooltip. A `ref` will be set.
-   */
-  trigger: ReactElement;
-  iconTrigger?: never;
-  className?: never;
-  contentAlignment?: 'start' | 'center' | 'end';
-}
-interface TooltipWithIconProps extends TooltipBaseProps {
-  trigger?: never;
-  /**
-   * Icon that will trigger the tooltip. A wrapper div will be set.
-   */
-  iconTrigger: ReactElement;
-  className?: string;
-  contentAlignment?: 'start' | 'center' | 'end';
-}
-type TooltipProps = TooltipStandardProps | TooltipWithIconProps;
-declare const Tooltip: ({
-  trigger: triggerProp,
-  iconTrigger,
-  side,
-  hideArrow,
-  defaultOpen,
-  open,
-  delayDuration,
-  onOpenChange,
-  interactive,
-  children,
-  "aria-label": ariaLabel,
-  portal,
-  disabled,
-  className,
-  maxWidth,
-  zIndex,
-  triggerProps,
-  portalProps,
-  contentAlignment,
-  size,
-  ...contentProps
-}: TooltipProps) => _$react_jsx_runtime0.JSX.Element;
-//#endregion
-export { TooltipWithIconProps as i, Tooltip as n, TooltipStandardProps as r, FloatingTooltip as t };
-//# sourceMappingURL=Tooltip--eDrrk2r.d.cts.map

package/dist/Tooltip-olP3rdUO.cjs

@@ -1,152 +0,0 @@
-const require_chunk = require("./chunk-CKQMccvm.cjs");
-require("./variables/transitions.cjs");
-const require_mixins_text = require("./mixins/text.cjs");
-const require_variables_keyframes = require("./variables/keyframes.cjs");
-const require_Card = require("./Card-Csz-PxX0.cjs");
-let _persona_design_tokens = require("@persona/design-tokens");
-let styled_components = require("styled-components");
-styled_components = require_chunk.__toESM(styled_components);
-let react_jsx_runtime = require("react/jsx-runtime");
-let react = require("react");
-let _persona_icons = require("@persona/icons");
-let _persona_icons_12px = require("@persona/icons/12px");
-let _radix_ui_react_tooltip = require("@radix-ui/react-tooltip");
-_radix_ui_react_tooltip = require_chunk.__toESM(_radix_ui_react_tooltip);
-//#region components/Tooltip/Tooltip.tsx
-const FloatingTooltip = (0, styled_components.default)(require_Card.Card_default)`
-  ${({ size = "md" }) => size === "sm" ? require_mixins_text.paragraphMixins.sm : require_mixins_text.paragraphMixins.md};
-  line-height: ${({ size = "md" }) => size === "sm" ? "16px" : "20px"};
-  box-shadow: 0px 0px 14px 2px rgba(0, 0, 0, 0.12);
-  border-radius: 4px;
-  display: flex;
-  align-items: ${({ contentAlignment }) => contentAlignment || "center"};
-  justify-content: center;
-  padding: 6px ${_persona_design_tokens.Spacing[2]};
-  animation: ${require_variables_keyframes.fadeIn} ${"200ms"} ease-in-out;
-  z-index: ${({ zIndex }) => zIndex};
-  margin: 0;
-  max-width: ${({ maxWidth }) => maxWidth || "250px"};
-  color: ${_persona_design_tokens.Color.TextPrimary};
-`;
-const TooltipArrow = styled_components.default.div`
-  width: 0;
-  height: 0;
-  border-color: ${({ theme }) => theme.color.background.primary};
-  border-left: 8px solid transparent;
-  border-top: 8px solid ${({ theme }) => theme.color.background.primary};
-  border-right: 8px solid transparent;
-`;
-const TooltipIcon = styled_components.default.div`
-  display: inline-flex;
-`;
-const Tooltip = ({ trigger: triggerProp, iconTrigger, side = "bottom", hideArrow, defaultOpen, open, delayDuration = 300, onOpenChange, interactive = true, children, "aria-label": ariaLabel, portal = true, disabled = false, className, maxWidth, zIndex = 10, triggerProps, portalProps, contentAlignment, size = "md", ...contentProps }) => {
-	let trigger;
-	if (iconTrigger) trigger = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TooltipIcon, {
-		tabIndex: 0,
-		"aria-label": ariaLabel,
-		className,
-		children: (0, react.cloneElement)(iconTrigger, {
-			focusable: false,
-			"aria-hidden": true
-		})
-	});
-	else trigger = triggerProp;
-	const hasRenderableChildren = react.Children.toArray(children).length > 0;
-	const content = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_tooltip.Content, {
-		side,
-		sideOffset: 8,
-		asChild: true,
-		...contentProps,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(FloatingTooltip, {
-			zIndex,
-			contentAlignment,
-			maxWidth,
-			size,
-			children: [children, !hideArrow && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_tooltip.Arrow, {
-				asChild: true,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TooltipArrow, {})
-			})]
-		})
-	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_tooltip.Provider, {
-		delayDuration,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_radix_ui_react_tooltip.Root, {
-			open,
-			defaultOpen,
-			disableHoverableContent: !interactive,
-			onOpenChange,
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_tooltip.Trigger, {
-				asChild: true,
-				"aria-label": ariaLabel,
-				...triggerProps,
-				children: trigger
-			}), !disabled && hasRenderableChildren && (portal ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_tooltip.Portal, {
-				...portalProps,
-				children: content
-			}) : content)]
-		})
-	});
-};
-//#endregion
-//#region components/Tooltip/HelperTooltip.tsx
-/**
-* Helper component for rendering help text via help icons.
-*/
-const HelperTooltip = ({ children, size = "md", ...props }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Tooltip, {
-		size,
-		iconTrigger: size === "md" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_persona_icons.CircleHelpIcon, { color: _persona_design_tokens.Color.BorderIconSecondary }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_persona_icons_12px.CircleHelpIcon, { color: _persona_design_tokens.Color.BorderIconSecondary }),
-		...props,
-		children
-	});
-};
-//#endregion
-//#region components/Tooltip/TextUnderlineTooltip.tsx
-const TextWithDashedUnderline = styled_components.default.span`
-  text-decoration: underline;
-  text-decoration-style: dashed;
-  text-decoration-color: ${_persona_design_tokens.Color.CoreSlate700};
-  text-underline-offset: 2px;
-  text-decoration-thickness: 1px;
-  width: fit-content;
-`;
-const TextUnderlineTooltip = ({ children, tooltip, ...props }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Tooltip, {
-		trigger: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TextWithDashedUnderline, { children }),
-		...props,
-		children: tooltip
-	});
-};
-//#endregion
-Object.defineProperty(exports, "FloatingTooltip", {
-	enumerable: true,
-	get: function() {
-		return FloatingTooltip;
-	}
-});
-Object.defineProperty(exports, "HelperTooltip", {
-	enumerable: true,
-	get: function() {
-		return HelperTooltip;
-	}
-});
-Object.defineProperty(exports, "TextUnderlineTooltip", {
-	enumerable: true,
-	get: function() {
-		return TextUnderlineTooltip;
-	}
-});
-Object.defineProperty(exports, "TextWithDashedUnderline", {
-	enumerable: true,
-	get: function() {
-		return TextWithDashedUnderline;
-	}
-});
-Object.defineProperty(exports, "Tooltip", {
-	enumerable: true,
-	get: function() {
-		return Tooltip;
-	}
-});
-
-//# sourceMappingURL=Tooltip-olP3rdUO.cjs.map

package/dist/Tooltip-olP3rdUO.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tooltip-olP3rdUO.cjs","names":["Card","paragraphMixins","Spacing","fadeIn","Color","Children","TooltipPrimitive","CircleHelpIcon","Color","CircleHelpIconSmall","Color"],"sources":["../components/Tooltip/Tooltip.tsx","../components/Tooltip/HelperTooltip.tsx","../components/Tooltip/TextUnderlineTooltip.tsx"],"sourcesContent":["import * as TooltipPrimitive from '@radix-ui/react-tooltip';\nimport {\n  Children,\n  cloneElement,\n  type ComponentPropsWithoutRef,\n  type ComponentType,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport styled, { type DefaultTheme, type StyledComponent } from 'styled-components';\n\nimport { Color, Spacing } from '@persona/design-tokens';\nimport Card, { type CardProps } from 'design-system/components/Card';\nimport { paragraphMixins } from 'design-system/mixins/text';\nimport { fadeIn } from 'design-system/variables/keyframes';\nimport { TransitionDuration } from 'design-system/variables/transitions';\n\ninterface FloatingTooltipProps extends CardProps {\n  zIndex?: number;\n  contentAlignment: 'start' | 'center' | 'end';\n  maxWidth?: string;\n  size?: 'sm' | 'md';\n}\n\nexport const FloatingTooltip: StyledComponent<\n  ComponentType<ComponentPropsWithoutRef<typeof Card>>,\n  DefaultTheme,\n  FloatingTooltipProps\n> = styled(Card)<FloatingTooltipProps>`\n  ${({ size = 'md' }) => (size === 'sm' ? paragraphMixins.sm : paragraphMixins.md)};\n  line-height: ${({ size = 'md' }) => (size === 'sm' ? '16px' : '20px')};\n  box-shadow: 0px 0px 14px 2px rgba(0, 0, 0, 0.12);\n  border-radius: 4px;\n  display: flex;\n  align-items: ${({ contentAlignment }) => contentAlignment || 'center'};\n  justify-content: center;\n  padding: 6px ${Spacing[2]};\n  animation: ${fadeIn} ${TransitionDuration.Fast} ease-in-out;\n  z-index: ${({ zIndex }) => zIndex};\n  margin: 0;\n  max-width: ${({ maxWidth }) => maxWidth || '250px'};\n  color: ${Color.TextPrimary};\n`;\n\nconst TooltipArrow = styled.div`\n  width: 0;\n  height: 0;\n  border-color: ${({ theme }) => theme.color.background.primary};\n  border-left: 8px solid transparent;\n  border-top: 8px solid ${({ theme }) => theme.color.background.primary};\n  border-right: 8px solid transparent;\n`;\n\nconst TooltipIcon = styled.div`\n  display: inline-flex;\n`;\n\ninterface TooltipBaseProps\n  extends\n    Omit<TooltipPrimitive.TooltipProps, 'disableHoverableContent'>,\n    TooltipPrimitive.TooltipContentProps {\n  /**\n   * Optionally hide tooltip arrow.\n   */\n  hideArrow?: boolean;\n\n  children?: ReactNode;\n\n  /**\n   * Disabling will prevent tooltip from rendering on the trigger\n   */\n  disabled?: boolean;\n\n  /**\n   * Render in a portal.\n   * Disable to render adjacent to trigger for rendering within elements such as modals\n   */\n  portal?: boolean;\n\n  /**\n   * Props applied to Radix UI Portal component\n   */\n  portalProps?: TooltipPrimitive.TooltipPortalProps;\n\n  /**\n   * Determines if the tooltip closes when the mouse hovers into the tooltip content area\n   */\n  interactive?: boolean;\n\n  /**\n   * Override the zIndex in case the tooltip is used in situations where the content is\n   * already elevated\n   */\n  zIndex?: number;\n\n  /**\n   * Max width of the contents in the tooltip\n   */\n  maxWidth?: string;\n\n  /**\n   * Props to apply to Tooltip.Trigger within\n   */\n  triggerProps?: TooltipPrimitive.TooltipTriggerProps;\n\n  /**\n   * Size of the tooltip. Defaults to 'md'.\n   */\n  size?: 'sm' | 'md';\n}\n\nexport interface TooltipStandardProps extends TooltipBaseProps {\n  /**\n   * Element that will trigger the tooltip. A `ref` will be set.\n   */\n  trigger: ReactElement;\n\n  iconTrigger?: never;\n\n  className?: never;\n\n  contentAlignment?: 'start' | 'center' | 'end';\n}\n\nexport interface TooltipWithIconProps extends TooltipBaseProps {\n  trigger?: never;\n\n  /**\n   * Icon that will trigger the tooltip. A wrapper div will be set.\n   */\n  iconTrigger: ReactElement;\n\n  className?: string;\n\n  contentAlignment?: 'start' | 'center' | 'end';\n}\n\ntype TooltipProps = TooltipStandardProps | TooltipWithIconProps;\n\nexport const Tooltip = ({\n  trigger: triggerProp,\n  iconTrigger,\n  side = 'bottom',\n  hideArrow,\n  defaultOpen,\n  open,\n  delayDuration = 300,\n  onOpenChange,\n  interactive = true,\n  children,\n  'aria-label': ariaLabel,\n  portal = true,\n  disabled = false,\n  className,\n  maxWidth,\n  zIndex = 10,\n  triggerProps,\n  portalProps,\n  contentAlignment,\n  size = 'md',\n  ...contentProps\n}: TooltipProps) => {\n  let trigger;\n\n  if (iconTrigger) {\n    trigger = (\n      <TooltipIcon tabIndex={0} aria-label={ariaLabel} className={className}>\n        {cloneElement(iconTrigger, { focusable: false, 'aria-hidden': true })}\n      </TooltipIcon>\n    );\n  } else {\n    trigger = triggerProp;\n  }\n\n  // quick way to check if children are renderable. null, false, and true will be filtered out when converting to an array\n  const hasRenderableChildren = Children.toArray(children).length > 0;\n\n  const content = (\n    <TooltipPrimitive.Content side={side} sideOffset={8} asChild {...contentProps}>\n      <FloatingTooltip\n        zIndex={zIndex}\n        contentAlignment={contentAlignment}\n        maxWidth={maxWidth}\n        size={size}\n      >\n        {children}\n        {!hideArrow && (\n          <TooltipPrimitive.Arrow asChild>\n            <TooltipArrow />\n          </TooltipPrimitive.Arrow>\n        )}\n      </FloatingTooltip>\n    </TooltipPrimitive.Content>\n  );\n\n  return (\n    <TooltipPrimitive.Provider delayDuration={delayDuration}>\n      <TooltipPrimitive.Root\n        open={open}\n        defaultOpen={defaultOpen}\n        disableHoverableContent={!interactive}\n        onOpenChange={onOpenChange}\n      >\n        <TooltipPrimitive.Trigger asChild aria-label={ariaLabel} {...triggerProps}>\n          {trigger}\n        </TooltipPrimitive.Trigger>\n\n        {!disabled &&\n          hasRenderableChildren &&\n          (portal ? (\n            <TooltipPrimitive.Portal {...portalProps}>{content}</TooltipPrimitive.Portal>\n          ) : (\n            content\n          ))}\n      </TooltipPrimitive.Root>\n    </TooltipPrimitive.Provider>\n  );\n};\n\nexport default Tooltip;\n","import type { ReactNode } from 'react';\n\nimport { Color } from '@persona/design-tokens';\nimport { CircleHelpIcon } from '@persona/icons';\nimport { CircleHelpIcon as CircleHelpIconSmall } from '@persona/icons/12px';\n\nimport Tooltip, { type TooltipWithIconProps } from './Tooltip';\n\nexport interface HelperTooltipProps extends Omit<TooltipWithIconProps, 'iconTrigger'> {\n  children: ReactNode;\n  size?: 'md' | 'sm';\n}\n\n/**\n * Helper component for rendering help text via help icons.\n */\nconst HelperTooltip = ({ children, size = 'md', ...props }: HelperTooltipProps) => {\n  return (\n    <Tooltip\n      size={size}\n      iconTrigger={\n        size === 'md' ? (\n          <CircleHelpIcon color={Color.BorderIconSecondary} />\n        ) : (\n          <CircleHelpIconSmall color={Color.BorderIconSecondary} />\n        )\n      }\n      {...props}\n    >\n      {children}\n    </Tooltip>\n  );\n};\n\nexport default HelperTooltip;\n","import type { ReactNode } from 'react';\nimport styled from 'styled-components';\n\nimport { Color } from '@persona/design-tokens';\n\nimport Tooltip, { type TooltipStandardProps } from './Tooltip';\n\nexport const TextWithDashedUnderline = styled.span`\n  text-decoration: underline;\n  text-decoration-style: dashed;\n  text-decoration-color: ${Color.CoreSlate700};\n  text-underline-offset: 2px;\n  text-decoration-thickness: 1px;\n  width: fit-content;\n`;\n\ninterface TextUnderlineTooltipProps extends Omit<TooltipStandardProps, 'trigger' | 'iconTrigger'> {\n  tooltip: ReactNode;\n}\n\nconst TextUnderlineTooltip = ({ children, tooltip, ...props }: TextUnderlineTooltipProps) => {\n  return (\n    <Tooltip trigger={<TextWithDashedUnderline>{children}</TextWithDashedUnderline>} {...props}>\n      {tooltip}\n    </Tooltip>\n  );\n};\n\nexport default TextUnderlineTooltip;\n"],"mappings":"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"}

package/dist/Tooltip.d.cts

@@ -1,2 +0,0 @@
-import { i as TooltipWithIconProps, n as Tooltip, r as TooltipStandardProps, t as FloatingTooltip } from "./Tooltip--eDrrk2r.cjs";
-export { FloatingTooltip, Tooltip, Tooltip as default, TooltipStandardProps, TooltipWithIconProps };

package/dist/TruncatedText-Dit2NJI6.d.cts

@@ -1,18 +0,0 @@
-import { ComponentPropsWithoutRef, FC } from "react";
-import * as _$styled_components0 from "styled-components";
-
-//#region lib/TruncatedText.d.ts
-declare const OverflowEllipsisSpan: _$styled_components0.StyledComponent<"span", any, {}, never>;
-interface TruncatedTextProps extends ComponentPropsWithoutRef<'span'> {
-  titleBehavior?: 'always' | 'conditional';
-}
-/**
- * Truncates the text if it is too long to fit in the container.
- *
- * The text truncation is CSS-driven, but we use JavaScript to detect when truncation
- * happens so we can set a title attribute dynamically.
- */
-declare const TruncatedText: FC<TruncatedTextProps>;
-//#endregion
-export { TruncatedText as n, TruncatedTextProps as r, OverflowEllipsisSpan as t };
-//# sourceMappingURL=TruncatedText-Dit2NJI6.d.cts.map

package/dist/chunk-CKQMccvm.cjs

@@ -1,28 +0,0 @@
-//#region \0rolldown/runtime.js
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
-		key = keys[i];
-		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-			get: ((k) => from[k]).bind(null, key),
-			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-		});
-	}
-	return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-	value: mod,
-	enumerable: true
-}) : target, mod));
-//#endregion
-Object.defineProperty(exports, "__toESM", {
-	enumerable: true,
-	get: function() {
-		return __toESM;
-	}
-});