npm - @ai-matrx/tap-target - Versions diffs - 0.2.7 → 0.2.8 - Mend

@ai-matrx/tap-target 0.2.7 → 0.2.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (17) hide show

package/dist/index.js CHANGED Viewed

@@ -2,536 +2,22 @@
 // src/tap-target-button.tsx
 import {
-  cloneElement,
-  forwardRef,
-  isValidElement
-} from "react";
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger
-} from "@ai-matrx/design-system";
+  TapTargetButton,
+  TapTargetButtonTransparent,
+  TapTargetButtonSolid,
+  TapTargetButtonDestructive,
+  TapTargetButtonForGroup,
+  TapTargetButtonGroup
+} from "@ai-matrx/design-system/tap-target";
-// src/cn.ts
-function cn(...values) {
-  return values.filter(Boolean).join(" ").trim();
-}
+// src/tap-target-labeled.tsx
+import { TapTargetLabeled } from "@ai-matrx/design-system/tap-target";
 // src/link.ts
-var LINK_SLOT = /* @__PURE__ */ Symbol.for("@ai-matrx/tap-target:link-component");
-function setTapTargetLinkComponent(component) {
-  globalThis[LINK_SLOT] = component;
-}
-function getTapTargetLinkComponent() {
-  return globalThis[LINK_SLOT] ?? null;
-}
-// src/tap-target-button.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-var EXTERNAL_RE = /^(https?:|mailto:|tel:)/i;
-var TAP_OUTER_CLASS = "matrx-tap-target group";
-var TAP_GROUP_OUTER_CLASS = "matrx-tap-target matrx-tap-target-sm group";
-function IconContent({
-  icon,
-  children,
-  strokeWidth = 2,
-  className
-}) {
-  if (icon) {
-    if (isValidElement(icon)) {
-      return cloneElement(icon, {
-        className: cn(className, icon.props.className)
-      });
-    }
-    return /* @__PURE__ */ jsx("span", { className, children: icon });
-  }
-  return /* @__PURE__ */ jsx(
-    "svg",
-    {
-      className,
-      fill: "none",
-      viewBox: "0 0 24 24",
-      stroke: "currentColor",
-      strokeWidth,
-      children
-    }
-  );
-}
-function resolveTapGeometry(label, size, mobileIconOnly) {
-  const inline = Boolean(label);
-  if (size === "sm") {
-    return {
-      outerClassName: inline && mobileIconOnly ? "matrx-tap-target matrx-tap-target-sm matrx-tap-target-mobile-icon-only-sm group" : inline ? "matrx-tap-target matrx-tap-target-sm matrx-tap-target-inline-sm group" : TAP_GROUP_OUTER_CLASS,
-      inlineModifier: mobileIconOnly ? "matrx-tap-pill-mobile-icon-only-sm" : "matrx-tap-pill-inline-sm"
-    };
-  }
-  return {
-    outerClassName: inline && mobileIconOnly ? `${TAP_OUTER_CLASS} matrx-tap-target-mobile-icon-only` : inline ? `${TAP_OUTER_CLASS} matrx-tap-target-inline` : TAP_OUTER_CLASS,
-    inlineModifier: mobileIconOnly ? "matrx-tap-pill-mobile-icon-only" : "matrx-tap-pill-inline"
-  };
-}
-function buildTapInner({
-  label,
-  pillClassName,
-  iconClassName,
-  labelClassName,
-  inlineModifier,
-  icon,
-  children,
-  strokeWidth = 2
-}) {
-  const iconEl = /* @__PURE__ */ jsx(
-    IconContent,
-    {
-      icon,
-      strokeWidth,
-      className: iconClassName,
-      children
-    }
-  );
-  const pillClasses = label ? `${pillClassName} ${inlineModifier}`.trim() : pillClassName;
-  if (!label) {
-    return /* @__PURE__ */ jsx("div", { className: pillClasses, children: iconEl });
-  }
-  return /* @__PURE__ */ jsxs("div", { className: pillClasses, children: [
-    iconEl,
-    /* @__PURE__ */ jsx("span", { className: labelClassName ?? "matrx-tap-label", children: label })
-  ] });
-}
-function renderTapTarget({
-  size = "default",
-  pillClassName,
-  iconClassName,
-  labelClassName,
-  icon,
-  children,
-  strokeWidth,
-  label,
-  mobileIconOnly = false,
-  onClick,
-  as,
-  htmlFor,
-  ariaLabel,
-  disabled,
-  href,
-  target,
-  rel,
-  prefetch,
-  linkComponent,
-  tooltip,
-  tooltipSide,
-  tooltipAlign,
-  rest,
-  buttonRef
-}) {
-  const { outerClassName, inlineModifier } = resolveTapGeometry(
-    label,
-    size,
-    mobileIconOnly
-  );
-  const responsiveLabelClassName = mobileIconOnly ? `${labelClassName ?? "matrx-tap-label"} matrx-tap-label-mobile-icon-only` : labelClassName;
-  const inner = buildTapInner({
-    label,
-    pillClassName,
-    iconClassName,
-    labelClassName: responsiveLabelClassName,
-    inlineModifier: label ? inlineModifier : "",
-    icon,
-    children,
-    strokeWidth
-  });
-  const resolvedTooltip = tooltip !== void 0 ? tooltip : label ? false : void 0;
-  const triggerAriaLabel = label && !mobileIconOnly ? void 0 : ariaLabel ?? label;
-  const trigger = renderTrigger({
-    href,
-    target,
-    rel,
-    prefetch,
-    linkComponent,
-    as,
-    htmlFor,
-    onClick,
-    ariaLabel: triggerAriaLabel,
-    disabled,
-    outerClassName,
-    children: inner,
-    rest,
-    buttonRef
-  });
-  return withTooltip(trigger, {
-    tooltip: resolvedTooltip,
-    ariaLabel: triggerAriaLabel,
-    disabled,
-    tooltipSide,
-    tooltipAlign
-  });
-}
-function renderTrigger({
-  href,
-  target,
-  rel,
-  prefetch,
-  linkComponent,
-  as,
-  htmlFor,
-  onClick,
-  ariaLabel,
-  disabled,
-  outerClassName,
-  children,
-  rest,
-  buttonRef
-}) {
-  if (disabled && href) {
-    return /* @__PURE__ */ jsx(
-      "span",
-      {
-        "aria-disabled": "true",
-        "aria-label": ariaLabel,
-        className: `${outerClassName} opacity-40 pointer-events-none`,
-        children
-      }
-    );
-  }
-  if (href) {
-    const isExternal = EXTERNAL_RE.test(href);
-    if (isExternal) {
-      return /* @__PURE__ */ jsx(
-        "a",
-        {
-          href,
-          target: target ?? "_blank",
-          rel: rel ?? "noopener noreferrer",
-          "aria-label": ariaLabel,
-          className: outerClassName,
-          children
-        }
-      );
-    }
-    const Link = linkComponent ?? getTapTargetLinkComponent();
-    if (Link) {
-      return /* @__PURE__ */ jsx(
-        Link,
-        {
-          href,
-          target,
-          rel,
-          prefetch,
-          "aria-label": ariaLabel,
-          className: outerClassName,
-          children
-        }
-      );
-    }
-    return /* @__PURE__ */ jsx(
-      "a",
-      {
-        href,
-        target,
-        rel,
-        "aria-label": ariaLabel,
-        className: outerClassName,
-        children
-      }
-    );
-  }
-  if (as === "label") {
-    return /* @__PURE__ */ jsx(
-      "label",
-      {
-        htmlFor,
-        "aria-label": ariaLabel,
-        className: outerClassName,
-        children
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(
-    "button",
-    {
-      ref: buttonRef,
-      type: "button",
-      onClick,
-      "aria-label": ariaLabel,
-      disabled,
-      ...rest,
-      className: outerClassName,
-      children
-    }
-  );
-}
-function withTooltip(trigger, {
-  tooltip,
-  ariaLabel,
-  disabled,
-  tooltipSide = "top",
-  tooltipAlign = "center"
-}) {
-  if (tooltip === false) return trigger;
-  const label = typeof tooltip === "string" && tooltip.length > 0 ? tooltip : ariaLabel;
-  if (!label) return trigger;
-  return /* @__PURE__ */ jsxs(Tooltip, { children: [
-    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: disabled ? (
-      // Radix Tooltip triggers need a hoverable element; a disabled button
-      // does not dispatch pointer events, so we wrap in a span for the
-      // trigger target while keeping the disabled visual state.
-      /* @__PURE__ */ jsx("span", { className: "inline-flex", children: trigger })
-    ) : trigger }),
-    /* @__PURE__ */ jsx(TooltipContent, { side: tooltipSide, align: tooltipAlign, children: label })
-  ] });
-}
-var TapTargetButton = forwardRef(function TapTargetButton2({
-  icon,
-  children,
-  strokeWidth = 2,
-  onClick,
-  className,
-  as,
-  htmlFor,
-  ariaLabel,
-  disabled,
-  href,
-  target,
-  rel,
-  prefetch,
-  linkComponent,
-  tooltip,
-  tooltipSide,
-  tooltipAlign,
-  label,
-  mobileIconOnly,
-  ...rest
-}, ref) {
-  const color = className ?? "text-foreground";
-  return renderTapTarget({
-    icon,
-    children,
-    strokeWidth,
-    onClick,
-    as,
-    htmlFor,
-    ariaLabel,
-    disabled,
-    href,
-    target,
-    rel,
-    prefetch,
-    linkComponent,
-    tooltip,
-    tooltipSide,
-    tooltipAlign,
-    label,
-    mobileIconOnly,
-    pillClassName: "matrx-tap-pill matrx-glass-thin-border",
-    iconClassName: `matrx-tap-icon ${color}`,
-    rest,
-    buttonRef: ref
-  });
-});
-var TapTargetButtonTransparent = forwardRef(function TapTargetButtonTransparent2({
-  icon,
-  children,
-  strokeWidth = 2,
-  onClick,
-  className,
-  as,
-  htmlFor,
-  ariaLabel,
-  disabled,
-  href,
-  target,
-  rel,
-  prefetch,
-  linkComponent,
-  tooltip,
-  tooltipSide,
-  tooltipAlign,
-  label,
-  mobileIconOnly,
-  ...rest
-}, ref) {
-  const color = className ?? "text-foreground";
-  return renderTapTarget({
-    icon,
-    children,
-    strokeWidth,
-    onClick,
-    as,
-    htmlFor,
-    ariaLabel,
-    disabled,
-    href,
-    target,
-    rel,
-    prefetch,
-    linkComponent,
-    tooltip,
-    tooltipSide,
-    tooltipAlign,
-    label,
-    mobileIconOnly,
-    pillClassName: "matrx-tap-pill hover:bg-muted active:bg-muted-foreground/15",
-    iconClassName: `matrx-tap-icon ${color}`,
-    rest,
-    buttonRef: ref
-  });
-});
-var TapTargetButtonSolid = forwardRef(function TapTargetButtonSolid2({
-  icon,
-  children,
-  strokeWidth = 2,
-  onClick,
-  as,
-  htmlFor,
-  ariaLabel,
-  disabled,
-  href,
-  target,
-  rel,
-  prefetch,
-  linkComponent,
-  bgColor = "bg-primary",
-  iconColor = "text-primary-foreground",
-  hoverBgColor = "hover:bg-primary/80",
-  activeBgColor = "active:brightness-90",
-  tooltip,
-  tooltipSide,
-  tooltipAlign,
-  label,
-  mobileIconOnly,
-  ...rest
-}, ref) {
-  return renderTapTarget({
-    icon,
-    children,
-    strokeWidth,
-    onClick,
-    as,
-    htmlFor,
-    ariaLabel,
-    disabled,
-    href,
-    target,
-    rel,
-    prefetch,
-    linkComponent,
-    tooltip,
-    tooltipSide,
-    tooltipAlign,
-    label,
-    mobileIconOnly,
-    pillClassName: `matrx-tap-pill ${bgColor} ${iconColor} ${hoverBgColor} ${activeBgColor}`,
-    iconClassName: `matrx-tap-icon ${iconColor}`,
-    labelClassName: `matrx-tap-label ${iconColor}`,
-    rest,
-    buttonRef: ref
-  });
-});
-var TapTargetButtonDestructive = forwardRef(function TapTargetButtonDestructive2({
-  bgColor = "bg-destructive",
-  iconColor = "text-destructive-foreground",
-  hoverBgColor = "hover:bg-destructive/90",
-  ...rest
-}, ref) {
-  return /* @__PURE__ */ jsx(
-    TapTargetButtonSolid,
-    {
-      ref,
-      bgColor,
-      iconColor,
-      hoverBgColor,
-      ...rest
-    }
-  );
-});
-var TapTargetButtonForGroup = forwardRef(function TapTargetButtonForGroup2({
-  icon,
-  children,
-  strokeWidth = 2,
-  onClick,
-  className,
-  as,
-  htmlFor,
-  ariaLabel,
-  disabled,
-  href,
-  target,
-  rel,
-  prefetch,
-  linkComponent,
-  tooltip,
-  tooltipSide,
-  tooltipAlign,
-  label,
-  mobileIconOnly,
-  ...rest
-}, ref) {
-  const color = className ?? "text-foreground";
-  return renderTapTarget({
-    size: "sm",
-    icon,
-    children,
-    strokeWidth,
-    onClick,
-    as,
-    htmlFor,
-    ariaLabel,
-    disabled,
-    href,
-    target,
-    rel,
-    prefetch,
-    linkComponent,
-    tooltip,
-    tooltipSide,
-    tooltipAlign,
-    label,
-    mobileIconOnly,
-    pillClassName: "matrx-tap-pill matrx-tap-pill-sm matrx-glass-interactive",
-    iconClassName: `matrx-tap-icon ${color}`,
-    labelClassName: `matrx-tap-label ${color}`,
-    rest,
-    buttonRef: ref
-  });
-});
-function TapTargetButtonGroup({
-  children,
-  className
-}) {
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: className ? `relative inline-flex h-9 items-center ${className}` : "relative inline-flex h-9 items-center",
-      children: [
-        /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute inset-x-0 top-1/2 -translate-y-1/2 h-7 rounded-full matrx-glass-thin-border" }),
-        /* @__PURE__ */ jsx("div", { className: "relative flex min-w-0 items-center", children })
-      ]
-    }
-  );
-}
-// src/tap-target-labeled.tsx
 import {
-  TooltipProvider,
-  Tooltip as Tooltip2,
-  TooltipTrigger as TooltipTrigger2,
-  TooltipContent as TooltipContent2
-} from "@ai-matrx/design-system";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-function TapTargetLabeled({
-  label,
-  children,
-  hideLabel = false,
-  toolTipSide = "bottom"
-}) {
-  return /* @__PURE__ */ jsx2(TooltipProvider, { delayDuration: 200, children: /* @__PURE__ */ jsxs2(Tooltip2, { children: [
-    /* @__PURE__ */ jsx2(TooltipTrigger2, { asChild: true, children: /* @__PURE__ */ jsxs2("div", { className: "flex flex-col items-center p-0 gap-0 space-y-0 space-x-0 shrink-0", children: [
-      children,
-      !hideLabel && /* @__PURE__ */ jsx2("span", { className: "text-[10px] text-muted-foreground/70 leading-tight max-w-[52px] text-center truncate", children: label })
-    ] }) }),
-    /* @__PURE__ */ jsx2(TooltipContent2, { side: toolTipSide, children: /* @__PURE__ */ jsx2("span", { className: "font-mono text-xs max-w-[280px] break-all", children: label }) })
-  ] }) });
-}
+  setTapTargetLinkComponent,
+  getTapTargetLinkComponent
+} from "@ai-matrx/design-system/tap-target";
 export {
   TapTargetButton,
   TapTargetButtonDestructive,

package/dist/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/tap-target-button.tsx","../src/cn.ts","../src/link.ts","../src/tap-target-labeled.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n cloneElement,\n forwardRef,\n isValidElement,\n type ButtonHTMLAttributes,\n type ReactElement,\n type ReactNode,\n type Ref,\n} from \"react\";\n\nimport {\n Tooltip,\n TooltipContent,\n TooltipTrigger,\n} from \"@ai-matrx/design-system\";\nimport { cn } from \"./cn\";\nimport {\n getTapTargetLinkComponent,\n type TapTargetLinkComponent,\n} from \"./link\";\n\nexport interface TapTargetButtonProps {\n icon?: React.ReactNode;\n children?: React.ReactNode;\n strokeWidth?: number \| undefined;\n onClick?: (() => void) \| undefined;\n className?: string \| undefined;\n as?: \"button\" \| \"label\" \| undefined;\n htmlFor?: string \| undefined;\n ariaLabel?: string \| undefined;\n disabled?: boolean \| undefined;\n /*\n When set, the tap button renders as a link instead of a button.\n * - Internal hrefs (e.g. \"/tasks\") render via the injected link component\n * (`setTapTargetLinkComponent` / the `linkComponent` prop), falling back\n * to a plain `<a>` when none is registered.\n * - External hrefs (http://, https://, mailto:, tel:) render as `<a>`\n * with `target=\"_blank\"` and `rel=\"noopener noreferrer\"` by default.\n * - When combined with `disabled`, the trigger renders as a non-navigable\n * `<span aria-disabled=\"true\">` with the same visual styling.\n /\n href?: string \| undefined;\n /* Override target. Works on both internal links and external anchors. /\n target?: \"_blank\" \| \"_self\" \| \"_parent\" \| \"_top\" \| undefined;\n /* Override rel. Works on both internal links and external anchors. /\n rel?: string \| undefined;\n /* Forwarded to the injected link component. Pass `false` to disable prefetching. /\n prefetch?: boolean \| null \| undefined;\n /\n Per-instance link component for internal hrefs — overrides the\n * module-level `setTapTargetLinkComponent` registration.\n /\n linkComponent?: TapTargetLinkComponent \| undefined;\n /\n Tooltip text. Defaults to `ariaLabel` when omitted.\n * Pass `false` to explicitly disable the tooltip.\n /\n tooltip?: string \| false \| undefined;\n /* Tooltip placement. Defaults to \"top\". /\n tooltipSide?: \"top\" \| \"right\" \| \"bottom\" \| \"left\" \| undefined;\n /* Tooltip alignment along its side. Defaults to \"center\". /\n tooltipAlign?: \"start\" \| \"center\" \| \"end\" \| undefined;\n /\n Visible caption rendered inline after the icon (`[icon Label]`).\n * Widens the pill automatically. Tooltip defaults to off when set — the\n * label is self-describing. Visible text becomes the accessible name.\n /\n label?: string \| undefined;\n /\n Collapse an icon + caption pill to its icon-only 44px tap target below\n * the `sm` breakpoint. The caption and inline geometry return at `sm+`;\n * `ariaLabel` (falling back to `label`) remains the accessible name.\n /\n mobileIconOnly?: boolean \| undefined;\n}\n\nexport interface TapTargetButtonSolidProps extends TapTargetButtonProps {\n bgColor?: string \| undefined;\n iconColor?: string \| undefined;\n hoverBgColor?: string \| undefined;\n /\n Press-state background. Defaults to `active:brightness-90` which works on\n * any color. Override when using a custom `bgColor` that should darken to a\n * specific shade on press (e.g. `active:bg-primary/60`).\n /\n activeBgColor?: string \| undefined;\n}\n\nconst EXTERNAL_RE = /^(https?:\|mailto:\|tel:)/i;\n\n// Geometry + press feedback + tap hygiene are the SINGLE SOURCE OF TRUTH in\n// the shipped stylesheet (the `.matrx-tap-` family in styles.css — import\n// \"@ai-matrx/tap-target/styles.css\" once at app root). This component only\n// picks the right class and layers each variant's decoration on top.\nconst TAP_OUTER_CLASS = \"matrx-tap-target group\";\nconst TAP_GROUP_OUTER_CLASS = \"matrx-tap-target matrx-tap-target-sm group\";\n\nfunction IconContent({\n icon,\n children,\n strokeWidth = 2,\n className,\n}: Pick<\n TapTargetButtonProps,\n \"icon\" \| \"children\" \| \"strokeWidth\" \| \"className\"\n>) {\n if (icon) {\n if (isValidElement<{ className?: string }>(icon)) {\n return cloneElement(icon, {\n className: cn(className, icon.props.className),\n });\n }\n return <span className={className}>{icon}</span>;\n }\n return (\n <svg\n className={className}\n fill=\"none\"\n viewBox=\"0 0 24 24\"\n stroke=\"currentColor\"\n strokeWidth={strokeWidth}\n >\n {children}\n </svg>\n );\n}\n\ntype TapTargetSize = \"default\" \| \"sm\";\n\nfunction resolveTapGeometry(\n label: string \| undefined,\n size: TapTargetSize,\n mobileIconOnly: boolean,\n) {\n const inline = Boolean(label);\n if (size === \"sm\") {\n return {\n outerClassName:\n inline && mobileIconOnly\n ? \"matrx-tap-target matrx-tap-target-sm matrx-tap-target-mobile-icon-only-sm group\"\n : inline\n ? \"matrx-tap-target matrx-tap-target-sm matrx-tap-target-inline-sm group\"\n : TAP_GROUP_OUTER_CLASS,\n inlineModifier: mobileIconOnly\n ? \"matrx-tap-pill-mobile-icon-only-sm\"\n : \"matrx-tap-pill-inline-sm\",\n };\n }\n return {\n outerClassName:\n inline && mobileIconOnly\n ? `${TAP_OUTER_CLASS} matrx-tap-target-mobile-icon-only`\n : inline\n ? `${TAP_OUTER_CLASS} matrx-tap-target-inline`\n : TAP_OUTER_CLASS,\n inlineModifier: mobileIconOnly\n ? \"matrx-tap-pill-mobile-icon-only\"\n : \"matrx-tap-pill-inline\",\n };\n}\n\nfunction buildTapInner({\n label,\n pillClassName,\n iconClassName,\n labelClassName,\n inlineModifier,\n icon,\n children,\n strokeWidth = 2,\n}: {\n label?: string \| undefined;\n pillClassName: string;\n iconClassName: string;\n labelClassName?: string \| undefined;\n inlineModifier: string;\n icon?: React.ReactNode;\n children?: React.ReactNode;\n strokeWidth?: number \| undefined;\n}) {\n const iconEl = (\n <IconContent\n icon={icon}\n strokeWidth={strokeWidth}\n className={iconClassName}\n >\n {children}\n </IconContent>\n );\n const pillClasses = label\n ? `${pillClassName} ${inlineModifier}`.trim()\n : pillClassName;\n\n if (!label) {\n return <div className={pillClasses}>{iconEl}</div>;\n }\n\n return (\n <div className={pillClasses}>\n {iconEl}\n <span className={labelClassName ?? \"matrx-tap-label\"}>{label}</span>\n </div>\n );\n}\n\ninterface RenderTapTargetArgs extends Pick<\n TapTargetButtonProps,\n \| \"icon\"\n \| \"children\"\n \| \"strokeWidth\"\n \| \"label\"\n \| \"mobileIconOnly\"\n \| \"onClick\"\n \| \"as\"\n \| \"htmlFor\"\n \| \"ariaLabel\"\n \| \"disabled\"\n \| \"href\"\n \| \"target\"\n \| \"rel\"\n \| \"prefetch\"\n \| \"linkComponent\"\n \| \"tooltip\"\n \| \"tooltipSide\"\n \| \"tooltipAlign\"\n> {\n size?: TapTargetSize;\n pillClassName: string;\n iconClassName: string;\n labelClassName?: string \| undefined;\n rest?: ButtonHTMLAttributes<HTMLButtonElement> \| undefined;\n buttonRef?: Ref<HTMLButtonElement> \| undefined;\n}\n\nfunction renderTapTarget({\n size = \"default\",\n pillClassName,\n iconClassName,\n labelClassName,\n icon,\n children,\n strokeWidth,\n label,\n mobileIconOnly = false,\n onClick,\n as,\n htmlFor,\n ariaLabel,\n disabled,\n href,\n target,\n rel,\n prefetch,\n linkComponent,\n tooltip,\n tooltipSide,\n tooltipAlign,\n rest,\n buttonRef,\n}: RenderTapTargetArgs): ReactElement {\n const { outerClassName, inlineModifier } = resolveTapGeometry(\n label,\n size,\n mobileIconOnly,\n );\n const responsiveLabelClassName = mobileIconOnly\n ? `${labelClassName ?? \"matrx-tap-label\"} matrx-tap-label-mobile-icon-only`\n : labelClassName;\n const inner = buildTapInner({\n label,\n pillClassName,\n iconClassName,\n labelClassName: responsiveLabelClassName,\n inlineModifier: label ? inlineModifier : \"\",\n icon,\n children,\n strokeWidth,\n });\n const resolvedTooltip =\n tooltip !== undefined ? tooltip : label ? false : undefined;\n const triggerAriaLabel =\n label && !mobileIconOnly ? undefined : (ariaLabel ?? label);\n const trigger = renderTrigger({\n href,\n target,\n rel,\n prefetch,\n linkComponent,\n as,\n htmlFor,\n onClick,\n ariaLabel: triggerAriaLabel,\n disabled,\n outerClassName,\n children: inner,\n rest,\n buttonRef,\n });\n return withTooltip(trigger, {\n tooltip: resolvedTooltip,\n ariaLabel: triggerAriaLabel,\n disabled,\n tooltipSide,\n tooltipAlign,\n });\n}\n\ninterface RenderTriggerArgs {\n href?: string \| undefined;\n target?: \"_blank\" \| \"_self\" \| \"_parent\" \| \"_top\" \| undefined;\n rel?: string \| undefined;\n prefetch?: boolean \| null \| undefined;\n linkComponent?: TapTargetLinkComponent \| undefined;\n as?: \"button\" \| \"label\" \| undefined;\n htmlFor?: string \| undefined;\n onClick?: (() => void) \| undefined;\n ariaLabel?: string \| undefined;\n disabled?: boolean \| undefined;\n outerClassName: string;\n children: ReactNode;\n rest?: ButtonHTMLAttributes<HTMLButtonElement> \| undefined;\n buttonRef?: Ref<HTMLButtonElement> \| undefined;\n}\n\n/*\n Resolves the correct trigger element based on the props passed.\n \n - `href` + `disabled` → unclickable `<span aria-disabled>`\n * - `href` matching `http(s):\|mailto:\|tel:` → `<a target=\"_blank\" rel=\"noopener noreferrer\">`\n * - `href` (internal) → the injected link component (per-instance\n * `linkComponent` prop, else `setTapTargetLinkComponent` registration),\n * falling back to a plain `<a>` when none is registered\n * - `as=\"label\"` → `<label htmlFor=...>`\n * - default → `<button>`\n /\nfunction renderTrigger({\n href,\n target,\n rel,\n prefetch,\n linkComponent,\n as,\n htmlFor,\n onClick,\n ariaLabel,\n disabled,\n outerClassName,\n children,\n rest,\n buttonRef,\n}: RenderTriggerArgs): ReactElement {\n if (disabled && href) {\n return (\n <span\n aria-disabled=\"true\"\n aria-label={ariaLabel}\n className={`${outerClassName} opacity-40 pointer-events-none`}\n >\n {children}\n </span>\n );\n }\n if (href) {\n const isExternal = EXTERNAL_RE.test(href);\n if (isExternal) {\n return (\n <a\n href={href}\n target={target ?? \"_blank\"}\n rel={rel ?? \"noopener noreferrer\"}\n aria-label={ariaLabel}\n className={outerClassName}\n >\n {children}\n </a>\n );\n }\n const Link = linkComponent ?? getTapTargetLinkComponent();\n if (Link) {\n return (\n <Link\n href={href}\n target={target}\n rel={rel}\n prefetch={prefetch}\n aria-label={ariaLabel}\n className={outerClassName}\n >\n {children}\n </Link>\n );\n }\n // No link component registered — plain <a>. `prefetch` is a router hint,\n // not a DOM attribute, so it is deliberately dropped here.\n return (\n <a\n href={href}\n target={target}\n rel={rel}\n aria-label={ariaLabel}\n className={outerClassName}\n >\n {children}\n </a>\n );\n }\n if (as === \"label\") {\n return (\n <label\n htmlFor={htmlFor}\n aria-label={ariaLabel}\n className={outerClassName}\n >\n {children}\n </label>\n );\n }\n return (\n <button\n ref={buttonRef}\n type=\"button\"\n onClick={onClick}\n aria-label={ariaLabel}\n disabled={disabled}\n {...rest}\n className={outerClassName}\n >\n {children}\n </button>\n );\n}\n\n/\n Wraps a trigger element in a Tooltip when a tooltip label is available.\n * Falls back to `ariaLabel` when `tooltip` is not explicitly set. If both\n * are absent (or `tooltip === false`), the trigger is returned unwrapped.\n /\nfunction withTooltip(\n trigger: ReactElement,\n {\n tooltip,\n ariaLabel,\n disabled,\n tooltipSide = \"top\",\n tooltipAlign = \"center\",\n }: {\n tooltip?: string \| false \| undefined;\n ariaLabel?: string \| undefined;\n disabled?: boolean \| undefined;\n tooltipSide?: \"top\" \| \"right\" \| \"bottom\" \| \"left\" \| undefined;\n tooltipAlign?: \"start\" \| \"center\" \| \"end\" \| undefined;\n },\n): ReactElement {\n if (tooltip === false) return trigger;\n const label =\n typeof tooltip === \"string\" && tooltip.length > 0 ? tooltip : ariaLabel;\n if (!label) return trigger;\n return (\n <Tooltip>\n <TooltipTrigger asChild>\n {disabled ? (\n // Radix Tooltip triggers need a hoverable element; a disabled button\n // does not dispatch pointer events, so we wrap in a span for the\n // trigger target while keeping the disabled visual state.\n <span className=\"inline-flex\">{trigger}</span>\n ) : (\n trigger\n )}\n </TooltipTrigger>\n <TooltipContent side={tooltipSide} align={tooltipAlign}>\n {label}\n </TooltipContent>\n </Tooltip>\n );\n}\n\n// To resize/retune every tap button, edit styles.css — not here.\n\nexport const TapTargetButton = forwardRef<\n HTMLButtonElement,\n TapTargetButtonProps & ButtonHTMLAttributes<HTMLButtonElement>\n>(function TapTargetButton(\n {\n icon,\n children,\n strokeWidth = 2,\n onClick,\n className,\n as,\n htmlFor,\n ariaLabel,\n disabled,\n href,\n target,\n rel,\n prefetch,\n linkComponent,\n tooltip,\n tooltipSide,\n tooltipAlign,\n label,\n mobileIconOnly,\n ...rest\n },\n ref,\n) {\n const color = className ?? \"text-foreground\";\n return renderTapTarget({\n icon,\n children,\n strokeWidth,\n onClick,\n as,\n htmlFor,\n ariaLabel,\n disabled,\n href,\n target,\n rel,\n prefetch,\n linkComponent,\n tooltip,\n tooltipSide,\n tooltipAlign,\n label,\n mobileIconOnly,\n pillClassName: \"matrx-tap-pill matrx-glass-thin-border\",\n iconClassName: `matrx-tap-icon ${color}`,\n rest,\n buttonRef: ref,\n });\n});\n\nexport const TapTargetButtonTransparent = forwardRef<\n HTMLButtonElement,\n TapTargetButtonProps & React.ButtonHTMLAttributes<HTMLButtonElement>\n>(function TapTargetButtonTransparent(\n {\n icon,\n children,\n strokeWidth = 2,\n onClick,\n className,\n as,\n htmlFor,\n ariaLabel,\n disabled,\n href,\n target,\n rel,\n prefetch,\n linkComponent,\n tooltip,\n tooltipSide,\n tooltipAlign,\n label,\n mobileIconOnly,\n ...rest\n },\n ref,\n) {\n const color = className ?? \"text-foreground\";\n return renderTapTarget({\n icon,\n children,\n strokeWidth,\n onClick,\n as,\n htmlFor,\n ariaLabel,\n disabled,\n href,\n target,\n rel,\n prefetch,\n linkComponent,\n tooltip,\n tooltipSide,\n tooltipAlign,\n label,\n mobileIconOnly,\n pillClassName:\n \"matrx-tap-pill hover:bg-muted active:bg-muted-foreground/15\",\n iconClassName: `matrx-tap-icon ${color}`,\n rest,\n buttonRef: ref,\n });\n});\n\nexport const TapTargetButtonSolid = forwardRef<\n HTMLButtonElement,\n TapTargetButtonSolidProps & React.ButtonHTMLAttributes<HTMLButtonElement>\n>(function TapTargetButtonSolid(\n {\n icon,\n children,\n strokeWidth = 2,\n onClick,\n as,\n htmlFor,\n ariaLabel,\n disabled,\n href,\n target,\n rel,\n prefetch,\n linkComponent,\n bgColor = \"bg-primary\",\n iconColor = \"text-primary-foreground\",\n hoverBgColor = \"hover:bg-primary/80\",\n activeBgColor = \"active:brightness-90\",\n tooltip,\n tooltipSide,\n tooltipAlign,\n label,\n mobileIconOnly,\n ...rest\n },\n ref,\n) {\n return renderTapTarget({\n icon,\n children,\n strokeWidth,\n onClick,\n as,\n htmlFor,\n ariaLabel,\n disabled,\n href,\n target,\n rel,\n prefetch,\n linkComponent,\n tooltip,\n tooltipSide,\n tooltipAlign,\n label,\n mobileIconOnly,\n pillClassName: `matrx-tap-pill ${bgColor} ${iconColor} ${hoverBgColor} ${activeBgColor}`,\n iconClassName: `matrx-tap-icon ${iconColor}`,\n labelClassName: `matrx-tap-label ${iconColor}`,\n rest,\n buttonRef: ref,\n });\n});\n\n/* Solid destructive pill — delete/remove actions. White-on-red like the\n * primary solid is white-on-blue. Use THIS, never hand-pass bg-destructive\n * with the default (dark) icon color. /\nexport const TapTargetButtonDestructive = forwardRef<\n HTMLButtonElement,\n TapTargetButtonSolidProps & React.ButtonHTMLAttributes<HTMLButtonElement>\n>(function TapTargetButtonDestructive(\n {\n bgColor = \"bg-destructive\",\n iconColor = \"text-destructive-foreground\",\n hoverBgColor = \"hover:bg-destructive/90\",\n ...rest\n },\n ref,\n) {\n return (\n <TapTargetButtonSolid\n ref={ref}\n bgColor={bgColor}\n iconColor={iconColor}\n hoverBgColor={hoverBgColor}\n {...rest}\n />\n );\n});\n\nexport const TapTargetButtonForGroup = forwardRef<\n HTMLButtonElement,\n TapTargetButtonProps & ButtonHTMLAttributes<HTMLButtonElement>\n>(function TapTargetButtonForGroup(\n {\n icon,\n children,\n strokeWidth = 2,\n onClick,\n className,\n as,\n htmlFor,\n ariaLabel,\n disabled,\n href,\n target,\n rel,\n prefetch,\n linkComponent,\n tooltip,\n tooltipSide,\n tooltipAlign,\n label,\n mobileIconOnly,\n ...rest\n },\n ref,\n) {\n const color = className ?? \"text-foreground\";\n return renderTapTarget({\n size: \"sm\",\n icon,\n children,\n strokeWidth,\n onClick,\n as,\n htmlFor,\n ariaLabel,\n disabled,\n href,\n target,\n rel,\n prefetch,\n linkComponent,\n tooltip,\n tooltipSide,\n tooltipAlign,\n label,\n mobileIconOnly,\n pillClassName: \"matrx-tap-pill matrx-tap-pill-sm matrx-glass-interactive\",\n iconClassName: `matrx-tap-icon ${color}`,\n labelClassName: `matrx-tap-label ${color}`,\n rest,\n buttonRef: ref,\n });\n});\n\nexport function TapTargetButtonGroup({\n children,\n className,\n}: {\n children: React.ReactNode;\n className?: string \| undefined;\n}) {\n return (\n <div\n className={\n className\n ? `relative inline-flex h-9 items-center ${className}`\n : \"relative inline-flex h-9 items-center\"\n }\n >\n <div className=\"pointer-events-none absolute inset-x-0 top-1/2 -translate-y-1/2 h-7 rounded-full matrx-glass-thin-border\" />\n {/ min-w-0 lets flexible children (e.g. a truncating filename) shrink\n under container pressure; fixed-size tap buttons are unaffected. /}\n <div className=\"relative flex min-w-0 items-center\">{children}</div>\n </div>\n );\n}\n","/\n Minimal className join — the only piece of `cn` this package needs.\n * No tailwind-merge / clsx dependency by design: callers pass literal strings.\n /\nexport function cn(\n ...values: Array<string \| null \| undefined \| false>\n): string {\n return values.filter(Boolean).join(\" \").trim();\n}\n","import type { ComponentType, ReactNode } from \"react\";\n\n/\n The injectable link seam — the package's replacement for the original\n * hard `next/link` import.\n \n Internal hrefs (anything NOT matching `http(s):`, `mailto:`, `tel:`) render\n * through the link component resolved here; external hrefs always render a\n * plain `<a target=\"_blank\" rel=\"noopener noreferrer\">`, exactly like the\n * original. When nothing is registered and no per-instance `linkComponent`\n * prop is given, internal hrefs fall back to a plain `<a>` (no prefetch, no\n * client-side routing — still a working link).\n /\nexport interface TapTargetLinkProps {\n href: string;\n target?: \"_blank\" \| \"_self\" \| \"_parent\" \| \"_top\" \| undefined;\n rel?: string \| undefined;\n /* Router prefetch hint (next/link semantics). Plain `<a>` fallback ignores it. /\n prefetch?: boolean \| null \| undefined;\n \"aria-label\"?: string \| undefined;\n className?: string \| undefined;\n children?: ReactNode;\n}\n\nexport type TapTargetLinkComponent = ComponentType<TapTargetLinkProps>;\n\n/\n The registered component lives in a `Symbol.for` slot on `globalThis` — NOT\n * in module state — so it survives the module graph being instantiated more\n * than once: the `.` and `./buttons` dist bundles each inline the primitives\n * (tsup `splitting: false`), and a consumer may even mix `import` and\n * `require`. One registration must reach every copy.\n /\nconst LINK_SLOT = Symbol.for(\"@ai-matrx/tap-target:link-component\");\n\ntype GlobalWithLinkSlot = typeof globalThis & {\n [LINK_SLOT]?: TapTargetLinkComponent \| null;\n};\n\n/\n Register the app's link component once at startup (e.g. `next/link`):\n \n ```tsx\n * import Link from \"next/link\";\n * import { setTapTargetLinkComponent } from \"@ai-matrx/tap-target\";\n * setTapTargetLinkComponent(Link);\n * ```\n \n Pass `null` to unregister (plain `<a>` fallback resumes).\n /\nexport function setTapTargetLinkComponent(\n component: TapTargetLinkComponent \| null,\n): void {\n (globalThis as GlobalWithLinkSlot)[LINK_SLOT] = component;\n}\n\n/* The currently registered link component, or `null` when none is set. /\nexport function getTapTargetLinkComponent(): TapTargetLinkComponent \| null {\n return (globalThis as GlobalWithLinkSlot)[LINK_SLOT] ?? null;\n}\n","\"use client\";\n\nimport {\n TooltipProvider,\n Tooltip,\n TooltipTrigger,\n TooltipContent,\n} from \"@ai-matrx/design-system\";\n\n/\n Wraps a TapTargetButton (or any tap control) like the button-demo page:\n * no extra padding on the control — only `gap-0.5` before the caption.\n * Tooltip shows the full `label`; the caption truncates at max-w-[52px].\n */\nexport function TapTargetLabeled({\n label,\n children,\n hideLabel = false,\n toolTipSide = \"bottom\",\n}: {\n label: string;\n children: React.ReactNode;\n hideLabel?: boolean \| undefined;\n toolTipSide?: \"top\" \| \"bottom\" \| \"left\" \| \"right\" \| undefined;\n}) {\n return (\n <TooltipProvider delayDuration={200}>\n <Tooltip>\n <TooltipTrigger asChild>\n <div className=\"flex flex-col items-center p-0 gap-0 space-y-0 space-x-0 shrink-0\">\n {children}\n {!hideLabel && (\n <span className=\"text-[10px] text-muted-foreground/70 leading-tight max-w-[52px] text-center truncate\">\n {label}\n </span>\n )}\n </div>\n </TooltipTrigger>\n <TooltipContent side={toolTipSide}>\n <span className=\"font-mono text-xs max-w-[280px] break-all\">\n {label}\n </span>\n </TooltipContent>\n </Tooltip>\n </TooltipProvider>\n );\n}\n"],"mappings":"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","names":["TapTargetButton","TapTargetButtonTransparent","TapTargetButtonSolid","TapTargetButtonDestructive","TapTargetButtonForGroup","Tooltip","TooltipTrigger","TooltipContent","jsx","jsxs"]}
1	+ {"version":3,"sources":["../src/tap-target-button.tsx","../src/tap-target-labeled.tsx","../src/link.ts"],"sourcesContent":["export {\n TapTargetButton,\n TapTargetButtonTransparent,\n TapTargetButtonSolid,\n TapTargetButtonDestructive,\n TapTargetButtonForGroup,\n TapTargetButtonGroup,\n type TapTargetButtonProps,\n type TapTargetButtonSolidProps,\n} from \"@ai-matrx/design-system/tap-target\";\n","export { TapTargetLabeled } from \"@ai-matrx/design-system/tap-target\";\n","export {\n setTapTargetLinkComponent,\n getTapTargetLinkComponent,\n type TapTargetLinkComponent,\n type TapTargetLinkProps,\n} from \"@ai-matrx/design-system/tap-target\";\n"],"mappings":";;;AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAGK;;;ACTP,SAAS,wBAAwB;;;ACAjC;AAAA,EACE;AAAA,EACA;AAAA,OAGK;","names":[]}