@ai-matrx/tap-target 0.1.0

package/dist/index.cjs

@@ -0,0 +1,581 @@
+"use client";
+"use strict";
+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 __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  TapTargetButton: () => TapTargetButton,
+  TapTargetButtonDestructive: () => TapTargetButtonDestructive,
+  TapTargetButtonForGroup: () => TapTargetButtonForGroup,
+  TapTargetButtonGroup: () => TapTargetButtonGroup,
+  TapTargetButtonSolid: () => TapTargetButtonSolid,
+  TapTargetButtonTransparent: () => TapTargetButtonTransparent,
+  TapTargetLabeled: () => TapTargetLabeled,
+  Tooltip: () => Tooltip,
+  TooltipContent: () => TooltipContent,
+  TooltipProvider: () => TooltipProvider,
+  TooltipTrigger: () => TooltipTrigger,
+  getTapTargetLinkComponent: () => getTapTargetLinkComponent,
+  setTapTargetLinkComponent: () => setTapTargetLinkComponent
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/tap-target-button.tsx
+var import_react = require("react");
+var TooltipPrimitive2 = __toESM(require("@radix-ui/react-tooltip"), 1);
+
+// src/tooltip.tsx
+var React = __toESM(require("react"), 1);
+var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"), 1);
+
+// src/cn.ts
+function cn(...values) {
+  return values.filter(Boolean).join(" ").trim();
+}
+
+// src/tooltip.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var TooltipProvider = TooltipPrimitive.Provider;
+var Tooltip = TooltipPrimitive.Root;
+var TooltipTrigger = TooltipPrimitive.Trigger;
+var TooltipContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TooltipPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  TooltipPrimitive.Content,
+  {
+    ref,
+    sideOffset,
+    className: cn(
+      // Neutral, theme-aware surface (popover tokens) so tooltip text is
+      // ALWAYS legible in both light and dark mode — including rich content
+      // that uses `text-muted-foreground`. A brand-colored `bg-primary`
+      // background broke legibility for any non-default content.
+      "z-[10001] overflow-hidden rounded-md border border-border bg-popover px-3 py-1.5 text-xs text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      className
+    ),
+    ...props
+  }
+) }));
+TooltipContent.displayName = TooltipPrimitive.Content.displayName;
+
+// 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
+var import_jsx_runtime2 = require("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 ((0, import_react.isValidElement)(icon)) {
+      return (0, import_react.cloneElement)(icon, {
+        className: cn(className, icon.props.className)
+      });
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className, children: icon });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "svg",
+    {
+      className,
+      fill: "none",
+      viewBox: "0 0 24 24",
+      stroke: "currentColor",
+      strokeWidth,
+      children
+    }
+  );
+}
+function resolveTapGeometry(label, size) {
+  const inline = Boolean(label);
+  if (size === "sm") {
+    return {
+      outerClassName: inline ? "matrx-tap-target matrx-tap-target-sm matrx-tap-target-inline-sm group" : TAP_GROUP_OUTER_CLASS,
+      inlineModifier: "matrx-tap-pill-inline-sm"
+    };
+  }
+  return {
+    outerClassName: inline ? `${TAP_OUTER_CLASS} matrx-tap-target-inline` : TAP_OUTER_CLASS,
+    inlineModifier: "matrx-tap-pill-inline"
+  };
+}
+function buildTapInner({
+  label,
+  pillClassName,
+  iconClassName,
+  labelClassName,
+  inlineModifier,
+  icon,
+  children,
+  strokeWidth = 2
+}) {
+  const iconEl = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    IconContent,
+    {
+      icon,
+      strokeWidth,
+      className: iconClassName,
+      children
+    }
+  );
+  const pillClasses = label ? `${pillClassName} ${inlineModifier}`.trim() : pillClassName;
+  if (!label) {
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: pillClasses, children: iconEl });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: pillClasses, children: [
+    iconEl,
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: labelClassName ?? "matrx-tap-label", children: label })
+  ] });
+}
+function renderTapTarget({
+  size = "default",
+  pillClassName,
+  iconClassName,
+  labelClassName,
+  icon,
+  children,
+  strokeWidth,
+  label,
+  onClick,
+  as,
+  htmlFor,
+  ariaLabel,
+  disabled,
+  href,
+  target,
+  rel,
+  prefetch,
+  linkComponent,
+  tooltip,
+  tooltipSide,
+  tooltipAlign,
+  rest,
+  buttonRef
+}) {
+  const { outerClassName, inlineModifier } = resolveTapGeometry(label, size);
+  const inner = buildTapInner({
+    label,
+    pillClassName,
+    iconClassName,
+    labelClassName,
+    inlineModifier: label ? inlineModifier : "",
+    icon,
+    children,
+    strokeWidth
+  });
+  const resolvedTooltip = tooltip !== void 0 ? tooltip : label ? false : void 0;
+  const triggerAriaLabel = label ? void 0 : ariaLabel;
+  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__ */ (0, import_jsx_runtime2.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__ */ (0, import_jsx_runtime2.jsx)(
+        "a",
+        {
+          href,
+          target: target ?? "_blank",
+          rel: rel ?? "noopener noreferrer",
+          "aria-label": ariaLabel,
+          className: outerClassName,
+          children
+        }
+      );
+    }
+    const Link = linkComponent ?? getTapTargetLinkComponent();
+    if (Link) {
+      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        Link,
+        {
+          href,
+          target,
+          rel,
+          prefetch,
+          "aria-label": ariaLabel,
+          className: outerClassName,
+          children
+        }
+      );
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      "a",
+      {
+        href,
+        target,
+        rel,
+        "aria-label": ariaLabel,
+        className: outerClassName,
+        children
+      }
+    );
+  }
+  if (as === "label") {
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      "label",
+      {
+        htmlFor,
+        "aria-label": ariaLabel,
+        className: outerClassName,
+        children
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime2.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__ */ (0, import_jsx_runtime2.jsxs)(TooltipPrimitive2.Root, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.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__ */ (0, import_jsx_runtime2.jsx)("span", { className: "inline-flex", children: trigger })
+    ) : trigger }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(TooltipContent, { side: tooltipSide, align: tooltipAlign, children: label })
+  ] });
+}
+var TapTargetButton = (0, import_react.forwardRef)(function TapTargetButton2({
+  icon,
+  children,
+  strokeWidth = 2,
+  onClick,
+  className,
+  as,
+  htmlFor,
+  ariaLabel,
+  disabled,
+  href,
+  target,
+  rel,
+  prefetch,
+  linkComponent,
+  tooltip,
+  tooltipSide,
+  tooltipAlign,
+  label,
+  ...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,
+    pillClassName: "matrx-tap-pill matrx-glass-thin-border",
+    iconClassName: `matrx-tap-icon ${color}`,
+    rest,
+    buttonRef: ref
+  });
+});
+var TapTargetButtonTransparent = (0, import_react.forwardRef)(function TapTargetButtonTransparent2({
+  icon,
+  children,
+  strokeWidth = 2,
+  onClick,
+  className,
+  as,
+  htmlFor,
+  ariaLabel,
+  disabled,
+  href,
+  target,
+  rel,
+  prefetch,
+  linkComponent,
+  tooltip,
+  tooltipSide,
+  tooltipAlign,
+  label,
+  ...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,
+    pillClassName: "matrx-tap-pill hover:bg-muted active:bg-muted-foreground/15",
+    iconClassName: `matrx-tap-icon ${color}`,
+    rest,
+    buttonRef: ref
+  });
+});
+var TapTargetButtonSolid = (0, import_react.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,
+  ...rest
+}, ref) {
+  return renderTapTarget({
+    icon,
+    children,
+    strokeWidth,
+    onClick,
+    as,
+    htmlFor,
+    ariaLabel,
+    disabled,
+    href,
+    target,
+    rel,
+    prefetch,
+    linkComponent,
+    tooltip,
+    tooltipSide,
+    tooltipAlign,
+    label,
+    pillClassName: `matrx-tap-pill ${bgColor} ${iconColor} ${hoverBgColor} ${activeBgColor}`,
+    iconClassName: `matrx-tap-icon ${iconColor}`,
+    labelClassName: `matrx-tap-label ${iconColor}`,
+    rest,
+    buttonRef: ref
+  });
+});
+var TapTargetButtonDestructive = (0, import_react.forwardRef)(function TapTargetButtonDestructive2({
+  bgColor = "bg-destructive",
+  iconColor = "text-destructive-foreground",
+  hoverBgColor = "hover:bg-destructive/90",
+  ...rest
+}, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    TapTargetButtonSolid,
+    {
+      ref,
+      bgColor,
+      iconColor,
+      hoverBgColor,
+      ...rest
+    }
+  );
+});
+var TapTargetButtonForGroup = (0, import_react.forwardRef)(function TapTargetButtonForGroup2({
+  icon,
+  children,
+  strokeWidth = 2,
+  onClick,
+  className,
+  as,
+  htmlFor,
+  ariaLabel,
+  disabled,
+  href,
+  target,
+  rel,
+  prefetch,
+  linkComponent,
+  tooltip,
+  tooltipSide,
+  tooltipAlign,
+  label,
+  ...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,
+    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__ */ (0, import_jsx_runtime2.jsxs)(
+    "div",
+    {
+      className: className ? `relative inline-flex h-9 items-center ${className}` : "relative inline-flex h-9 items-center",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.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__ */ (0, import_jsx_runtime2.jsx)("div", { className: "relative flex min-w-0 items-center", children })
+      ]
+    }
+  );
+}
+
+// src/tap-target-labeled.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function TapTargetLabeled({
+  label,
+  children,
+  hideLabel = false,
+  toolTipSide = "bottom"
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(TooltipProvider, { delayDuration: 200, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Tooltip, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex flex-col items-center p-0 gap-0 space-y-0 space-x-0 shrink-0", children: [
+      children,
+      !hideLabel && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "text-[10px] text-muted-foreground/70 leading-tight max-w-[52px] text-center truncate", children: label })
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(TooltipContent, { side: toolTipSide, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "font-mono text-xs max-w-[280px] break-all", children: label }) })
+  ] }) });
+}
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/tap-target-button.tsx","../src/tooltip.tsx","../src/cn.ts","../src/link.ts","../src/tap-target-labeled.tsx"],"sourcesContent":["// @ai-matrx/tap-target — primitives entry.\n// The ~60 pre-composed buttons live behind the opt-in \"./buttons\" subpath.\n// The geometry stylesheet ships as \"./styles.css\" — import it once at app root.\n\nexport {\n  TapTargetButton,\n  TapTargetButtonTransparent,\n  TapTargetButtonSolid,\n  TapTargetButtonDestructive,\n  TapTargetButtonForGroup,\n  TapTargetButtonGroup,\n  type TapTargetButtonProps,\n  type TapTargetButtonSolidProps,\n} from \"./tap-target-button\";\nexport { TapTargetLabeled } from \"./tap-target-labeled\";\nexport {\n  setTapTargetLinkComponent,\n  getTapTargetLinkComponent,\n  type TapTargetLinkComponent,\n  type TapTargetLinkProps,\n} from \"./link\";\n// Hosts mount TooltipProvider once near the app root (tooltips on every tap\n// button flow through it); the full tooltip quartet is exported for hosts\n// that do not already have their own Radix tooltip wrapper.\nexport {\n  TooltipProvider,\n  Tooltip,\n  TooltipTrigger,\n  TooltipContent,\n} from \"./tooltip\";\n","\"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\";\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\";\nimport { TooltipContent, TooltipTrigger } from \"./tooltip\";\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\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(label: string | undefined, size: TapTargetSize) {\n  const inline = Boolean(label);\n  if (size === \"sm\") {\n    return {\n      outerClassName: inline\n        ? \"matrx-tap-target matrx-tap-target-sm matrx-tap-target-inline-sm group\"\n        : TAP_GROUP_OUTER_CLASS,\n      inlineModifier: \"matrx-tap-pill-inline-sm\",\n    };\n  }\n  return {\n    outerClassName: inline\n      ? `${TAP_OUTER_CLASS} matrx-tap-target-inline`\n      : TAP_OUTER_CLASS,\n    inlineModifier: \"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  | \"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  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(label, size);\n  const inner = buildTapInner({\n    label,\n    pillClassName,\n    iconClassName,\n    labelClassName,\n    inlineModifier: label ? inlineModifier : \"\",\n    icon,\n    children,\n    strokeWidth,\n  });\n  const resolvedTooltip =\n    tooltip !== undefined ? tooltip : label ? false : undefined;\n  const triggerAriaLabel = label ? undefined : ariaLabel;\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    <TooltipPrimitive.Root>\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    </TooltipPrimitive.Root>\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    ...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    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    ...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    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    ...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    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    ...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    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","\"use client\";\n\nimport * as React from \"react\";\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\";\nimport { cn } from \"./cn\";\n\n/**\n * Inlined port of matrx-frontend `components/ui/tooltip.tsx` — the one `@/`\n * import the tap-target components consumed beyond `cn` and `next/link`.\n * Behavior deltas vs. the original, both documented in FEATURE.md:\n * - `useNestedPortalContainer` (a host-specific nested-overlay portal context)\n *   is dropped: content portals to the Radix default (document.body).\n * - Everything else — unconditional Root render, popover-token styling — is\n *   verbatim.\n *\n * Hosts must mount `TooltipProvider` once near the app root (matrx-frontend\n * already does); `TapTargetLabeled` brings its own provider like the original.\n */\nconst TooltipProvider = TooltipPrimitive.Provider;\n\nconst Tooltip = TooltipPrimitive.Root;\n\nconst TooltipTrigger = TooltipPrimitive.Trigger;\n\nconst TooltipContent = React.forwardRef<\n  React.ComponentRef<typeof TooltipPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>\n>(({ className, sideOffset = 4, ...props }, ref) => (\n  <TooltipPrimitive.Portal>\n    <TooltipPrimitive.Content\n      ref={ref}\n      sideOffset={sideOffset}\n      className={cn(\n        // Neutral, theme-aware surface (popover tokens) so tooltip text is\n        // ALWAYS legible in both light and dark mode — including rich content\n        // that uses `text-muted-foreground`. A brand-colored `bg-primary`\n        // background broke legibility for any non-default content.\n        \"z-[10001] overflow-hidden rounded-md border border-border bg-popover px-3 py-1.5 text-xs text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\n        className,\n      )}\n      {...props}\n    />\n  </TooltipPrimitive.Portal>\n));\nTooltipContent.displayName = TooltipPrimitive.Content.displayName;\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };\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 \"./tooltip\";\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":["TooltipPrimitive","import_jsx_runtime","TapTargetButton","TapTargetButtonTransparent","TapTargetButtonSolid","TapTargetButtonDestructive","TapTargetButtonForGroup","import_jsx_runtime"]}