@ai-matrx/tap-target 0.1.0

package/dist/buttons.cjs

@@ -0,0 +1,1155 @@
+"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/buttons.ts
+var buttons_exports = {};
+__export(buttons_exports, {
+  ArrowDownUpTapButton: () => ArrowDownUpTapButton,
+  ArrowUpTapButton: () => ArrowUpTapButton,
+  BellRingTapButton: () => BellRingTapButton,
+  BellTapButton: () => BellTapButton,
+  BugTapButton: () => BugTapButton,
+  BuildTapButton: () => BuildTapButton,
+  CheckSquareTapButton: () => CheckSquareTapButton,
+  CheckTapButton: () => CheckTapButton,
+  ChevronLeftTapButton: () => ChevronLeftTapButton,
+  ChevronRightTapButton: () => ChevronRightTapButton,
+  ClearTapButton: () => ClearTapButton,
+  ClipboardListTapButton: () => ClipboardListTapButton,
+  CommandTapButton: () => CommandTapButton,
+  CopyTapButton: () => CopyTapButton,
+  DownloadTapButton: () => DownloadTapButton,
+  ExternalLinkTapButton: () => ExternalLinkTapButton,
+  FilesTapButton: () => FilesTapButton,
+  FilterTapButton: () => FilterTapButton,
+  GhostTapButton: () => GhostTapButton,
+  HistoryTapButton: () => HistoryTapButton,
+  HomeTapButton: () => HomeTapButton,
+  LayersTapButton: () => LayersTapButton,
+  LayoutGridTapButton: () => LayoutGridTapButton,
+  LinkTapButton: () => LinkTapButton,
+  ListTapButton: () => ListTapButton,
+  LoadingTapButton: () => LoadingTapButton,
+  MaximizeTapButton: () => MaximizeTapButton,
+  MenuTapButton: () => MenuTapButton,
+  MessageTapButton: () => MessageTapButton,
+  MicOffTapButton: () => MicOffTapButton,
+  MicTapButton: () => MicTapButton,
+  MoreHorizontalTapButton: () => MoreHorizontalTapButton,
+  PanelLeftTapButton: () => PanelLeftTapButton,
+  PanelRightTapButton: () => PanelRightTapButton,
+  PaperclipTapButton: () => PaperclipTapButton,
+  PartyPopperTapButton: () => PartyPopperTapButton,
+  PauseTapButton: () => PauseTapButton,
+  PencilTapButton: () => PencilTapButton,
+  PlayTapButton: () => PlayTapButton,
+  PlusTapButton: () => PlusTapButton,
+  RedoTapButton: () => RedoTapButton,
+  RefreshCwTapButton: () => RefreshCwTapButton,
+  ResetTapButton: () => ResetTapButton,
+  RetryTapButton: () => RetryTapButton,
+  RobotTapButton: () => RobotTapButton,
+  RunTapButton: () => RunTapButton,
+  SaveTapButton: () => SaveTapButton,
+  SearchTapButton: () => SearchTapButton,
+  SendTapButton: () => SendTapButton,
+  Settings2TapButton: () => Settings2TapButton,
+  SettingsTapButton: () => SettingsTapButton,
+  ShareTapButton: () => ShareTapButton,
+  ShieldAlertTapButton: () => ShieldAlertTapButton,
+  ShieldCheckTapButton: () => ShieldCheckTapButton,
+  SquarePenTapButton: () => SquarePenTapButton,
+  StopTapButton: () => StopTapButton,
+  TerminalTapButton: () => TerminalTapButton,
+  TestTubeTapButton: () => TestTubeTapButton,
+  ThumbsDownTapButton: () => ThumbsDownTapButton,
+  ThumbsUpTapButton: () => ThumbsUpTapButton,
+  TrashTapButton: () => TrashTapButton,
+  TriangleAlertTapButton: () => TriangleAlertTapButton,
+  UndoTapButton: () => UndoTapButton,
+  UploadTapButton: () => UploadTapButton,
+  VariableTapButton: () => VariableTapButton,
+  ViewTapButton: () => ViewTapButton,
+  Volume2TapButton: () => Volume2TapButton,
+  WebhookTapButton: () => WebhookTapButton,
+  WrenchTapButton: () => WrenchTapButton,
+  XTapButton: () => XTapButton,
+  ZapTapButton: () => ZapTapButton
+});
+module.exports = __toCommonJS(buttons_exports);
+
+// src/tap-buttons.tsx
+var import_react2 = require("react");
+
+// 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 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 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
+  });
+});
+
+// src/tap-buttons.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var Wrap = (0, import_react2.forwardRef)(function Wrap2({
+  variant = "glass",
+  children,
+  bgColor,
+  iconColor,
+  hoverBgColor,
+  activeBgColor,
+  // AITapButtonProps passthrough — not a DOM attribute (see ai-tap-buttons Wrap)
+  colored: _colored,
+  ...props
+}, ref) {
+  switch (variant) {
+    case "transparent":
+      return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(TapTargetButtonTransparent, { ref, ...props, children });
+    case "solid":
+      return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        TapTargetButtonSolid,
+        {
+          ref,
+          bgColor,
+          iconColor,
+          hoverBgColor,
+          activeBgColor,
+          ...props,
+          children
+        }
+      );
+    case "group":
+      return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(TapTargetButtonForGroup, { ref, ...props, children });
+    default:
+      return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(TapTargetButton, { ref, ...props, children });
+  }
+});
+function MenuTapButton(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Wrap, { ariaLabel: "Menu", strokeWidth: 1.75, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    "path",
+    {
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      d: "M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"
+    }
+  ) });
+}
+function PlusTapButton(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Wrap, { ariaLabel: "Add", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    "path",
+    {
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      d: "M12 4.5v15m7.5-7.5h-15"
+    }
+  ) });
+}
+function SearchTapButton(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Wrap, { ariaLabel: "Search", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("circle", { cx: "11", cy: "11", r: "8" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "m21 21-4.34-4.34" })
+  ] });
+}
+function SettingsTapButton(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Wrap, { ariaLabel: "Settings", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    "path",
+    {
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      d: "M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z"
+    }
+  ) });
+}
+function MaximizeTapButton(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Wrap, { ariaLabel: "Fullscreen", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    "path",
+    {
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      d: "M3.75 3.75v4.5m0-4.5h4.5m-4.5 0L9 9M3.75 20.25v-4.5m0 4.5h4.5m-4.5 0L9 15M20.25 3.75h-4.5m4.5 0v4.5m0-4.5L15 9m5.25 11.25h-4.5m4.5 0v-4.5m0 4.5L15 15"
+    }
+  ) });
+}
+function HomeTapButton(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Wrap, { ariaLabel: "Hub", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" })
+  ] });
+}
+function LayoutGridTapButton(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Wrap, { ariaLabel: "Card view", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("rect", { width: "7", height: "7", x: "3", y: "3", rx: "1" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("rect", { width: "7", height: "7", x: "14", y: "3", rx: "1" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("rect", { width: "7", height: "7", x: "14", y: "14", rx: "1" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("rect", { width: "7", height: "7", x: "3", y: "14", rx: "1" })
+  ] });
+}
+function ListTapButton(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Wrap, { ariaLabel: "Table view", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M3 5h.01" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M3 12h.01" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M3 19h.01" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M8 5h13" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M8 12h13" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M8 19h13" })
+  ] });
+}
+function ArrowDownUpTapButton(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Wrap, { ariaLabel: "Sort", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    "path",
+    {
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      d: "M3 4.5h14.25M3 9h9.75M3 13.5h5.25m5.25-.75L17.25 9m0 0L21 12.75M17.25 9v10.5"
+    }
+  ) });
+}
+function BellTapButton(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Wrap, { ariaLabel: "Notifications", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M10.268 21a2 2 0 0 0 3.464 0" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326" })
+  ] });
+}
+function BellRingTapButton(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Wrap, { ariaLabel: "Notifications", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M10.268 21a2 2 0 0 0 3.464 0" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M22 8c0-2.3-.8-4.3-2-6" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M4 2C2.8 3.7 2 5.7 2 8" })
+  ] });
+}
+function ZapTapButton(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Wrap, { ariaLabel: "Quick actions", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z" }) });
+}
+function UploadTapButton(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Wrap, { ariaLabel: "Upload", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M12 3v12" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "m17 8-5-5-5 5" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" })
+  ] });
+}
+function DownloadTapButton(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Wrap, { ariaLabel: "Download", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M12 15V3" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "m7 10 5 5 5-5" })
+  ] });
+}
+function ShareTapButton(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Wrap, { ariaLabel: "Share", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("circle", { cx: "18", cy: "5", r: "3" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("circle", { cx: "6", cy: "12", r: "3" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("circle", { cx: "18", cy: "19", r: "3" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("line", { x1: "8.59", x2: "15.42", y1: "13.51", y2: "17.49" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("line", { x1: "15.41", x2: "8.59", y1: "6.51", y2: "10.49" })
+  ] });
+}
+function UndoTapButton(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Wrap, { ariaLabel: "Undo", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M3 7v6h6" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M21 17a9 9 0 0 0-9-9 9 9 0 0 0-6 2.3L3 13" })
+  ] });
+}
+function RedoTapButton(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Wrap, { ariaLabel: "Redo", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M21 7v6h-6" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M3 17a9 9 0 0 1 9-9 9 9 0 0 1 6 2.3l3 2.7" })
+  ] });
+}
+function CopyTapButton(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Wrap, { ariaLabel: "Copy", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" })
+  ] });
+}
+function TrashTapButton(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Wrap, { ariaLabel: "Delete", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M3 6h18" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })
+  ] });
+}
+function FilesTapButton(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Wrap, { ariaLabel: "Copy all", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M20 7h-3a2 2 0 0 1-2-2V2" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M9 18a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h7l4 4v10a2 2 0 0 1-2 2Z" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M3 7.6v12.8A1.6 1.6 0 0 0 4.6 22h9.8" })
+  ] });
+}
+function ChevronLeftTapButton(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Wrap, { ariaLabel: "Back", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "m16 19-7-7 7-7" }) });
+}
+function ChevronRightTapButton(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Wrap, { ariaLabel: "Next", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "m9 18 6-6-6-6" }) });
+}
+function PanelLeftTapButton(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Wrap, { ariaLabel: "Toggle sidebar", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M9 3v18" })
+  ] });
+}
+function PanelRightTapButton(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Wrap, { ariaLabel: "Toggle sidebar", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M15 3v18" })
+  ] });
+}
+function SquarePenTapButton(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Wrap, { ariaLabel: "New chat", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M18.375 2.625a1 1 0 0 1 3 3l-9.013 9.014a2 2 0 0 1-.853.505l-2.873.84a.5.5 0 0 1-.62-.62l.84-2.873a2 2 0 0 1 .506-.852z" })
+  ] });
+}
+function XTapButton(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Wrap, { ariaLabel: "Close", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M18 6 6 18" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "m6 6 12 12" })
+  ] });
+}
+function FilterTapButton(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Wrap, { ariaLabel: "Filter", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M10 20a1 1 0 0 0 .553.895l2 1A1 1 0 0 0 14 21v-7a2 2 0 0 1 .517-1.341L21.74 4.67A1 1 0 0 0 21 3H3a1 1 0 0 0-.742 1.67l7.225 7.989A2 2 0 0 1 10 14z" }) });
+}
+function PlayTapButton(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Wrap, { ariaLabel: "Play", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z" }) });
+}
+function PauseTapButton(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Wrap, { ariaLabel: "Pause", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("rect", { x: "14", y: "3", width: "5", height: "18", rx: "1" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("rect", { x: "5", y: "3", width: "5", height: "18", rx: "1" })
+  ] });
+}
+function StopTapButton(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Wrap, { ariaLabel: "Stop", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }) });
+}
+function Volume2TapButton(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Wrap, { ariaLabel: "Speaker", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M16 9a5 5 0 0 1 0 6" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M19.364 18.364a9 9 0 0 0 0-12.728" })
+  ] });
+}
+function ArrowUpTapButton(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Wrap, { ariaLabel: "Send", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "m5 12 7-7 7 7" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M12 19V5" })
+  ] });
+}
+function MicTapButton(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Wrap, { ariaLabel: "Start recording", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M12 19v3" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M19 10v2a7 7 0 0 1-14 0v-2" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("rect", { x: "9", y: "2", width: "6", height: "13", rx: "3" })
+  ] });
+}
+function MicOffTapButton(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Wrap, { ariaLabel: "Stop recording", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M12 19v3" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M15 9.34V5a3 3 0 0 0-5.68-1.33" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M16.95 16.95A7 7 0 0 1 5 12v-2" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M18.89 13.23A7 7 0 0 0 19 12v-2" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "m2 2 20 20" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M9 9v3a3 3 0 0 0 5.12 2.12" })
+  ] });
+}
+function TriangleAlertTapButton(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Wrap, { ariaLabel: "Alert", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M12 9v4" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M12 17h.01" })
+  ] });
+}
+function ShieldCheckTapButton(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Wrap, { ariaLabel: "Context set", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "m9 12 2 2 4-4" })
+  ] });
+}
+function ShieldAlertTapButton(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Wrap, { ariaLabel: "No context", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M12 8v4" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M12 16h.01" })
+  ] });
+}
+function BugTapButton(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Wrap, { ariaLabel: "Debug", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M12 20v-9" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M14 7a4 4 0 0 1 4 4v3a6 6 0 0 1-12 0v-3a4 4 0 0 1 4-4z" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M14.12 3.88 16 2" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M21 21a4 4 0 0 0-3.81-4" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M21 5a4 4 0 0 1-3.55 3.97" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M22 13h-4" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M3 21a4 4 0 0 1 3.81-4" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M3 5a4 4 0 0 0 3.55 3.97" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M6 13H2" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "m8 2 1.88 1.88" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M9 7.13V6a3 3 0 1 1 6 0v1.13" })
+  ] });
+}
+function Settings2TapButton(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Wrap, { ariaLabel: "Settings", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      "path",
+      {
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        d: "M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      "path",
+      {
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z"
+      }
+    )
+  ] });
+}
+function SaveTapButton(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Wrap, { ariaLabel: "Save", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      "path",
+      {
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        d: "M4.5 6a2 2 0 012-2h9.25L20.5 9v9a2 2 0 01-2 2h-12a2 2 0 01-2-2V6z"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      "path",
+      {
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        d: "M8.5 4v4.5a.5.5 0 00.5.5h6a.5.5 0 00.5-.5V4"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      "rect",
+      {
+        x: "8",
+        y: "14",
+        width: "8",
+        height: "5.5",
+        rx: "0.5",
+        strokeLinejoin: "round"
+      }
+    )
+  ] });
+}
+function SendTapButton(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Wrap, { ariaLabel: "Send", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "m21.854 2.147-10.94 10.939" })
+  ] });
+}
+function MessageTapButton(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Wrap, { ariaLabel: "Message", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z" }) });
+}
+function VariableTapButton(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Wrap, { ariaLabel: "Variable", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M8 21s-4-3-4-9 4-9 4-9" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M16 3s4 3 4 9-4 9-4 9" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("line", { x1: "15", x2: "9", y1: "9", y2: "15" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("line", { x1: "9", x2: "15", y1: "9", y2: "15" })
+  ] });
+}
+function WrenchTapButton(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Wrap, { ariaLabel: "Tool", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z" }) });
+}
+function CommandTapButton(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Wrap, { ariaLabel: "Command", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M15 6v12a3 3 0 1 0 3-3H6a3 3 0 1 0 3 3V6a3 3 0 1 0-3 3h12a3 3 0 1 0-3-3" }) });
+}
+function TerminalTapButton(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Wrap, { ariaLabel: "Terminal", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M12 19h8" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "m4 17 6-6-6-6" })
+  ] });
+}
+function TestTubeTapButton(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Wrap, { ariaLabel: "Test", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M14.5 2v17.5c0 1.4-1.1 2.5-2.5 2.5c-1.4 0-2.5-1.1-2.5-2.5V2" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M8.5 2h7" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M14.5 16h-5" })
+  ] });
+}
+function ResetTapButton(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Wrap, { ariaLabel: "Reset", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M3 3v5h5" })
+  ] });
+}
+function ClearTapButton(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Wrap, { ariaLabel: "Clear", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M21 21H8a2 2 0 0 1-1.42-.587l-3.994-3.999a2 2 0 0 1 0-2.828l10-10a2 2 0 0 1 2.829 0l5.999 6a2 2 0 0 1 0 2.828L12.834 21" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "m5.082 11.09 8.828 8.828" })
+  ] });
+}
+function RetryTapButton(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Wrap, { ariaLabel: "Retry", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M21 3v5h-5" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M8 16H3v5" })
+  ] });
+}
+function RefreshCwTapButton(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(RetryTapButton, { ariaLabel: "Refresh", ...props });
+}
+function LoadingTapButton(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Wrap, { ariaLabel: "Loading", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    "circle",
+    {
+      className: "animate-spin",
+      cx: "12",
+      cy: "12",
+      r: "9",
+      strokeDasharray: "28.27",
+      strokeDashoffset: "9",
+      strokeLinecap: "round",
+      style: { transformOrigin: "12px 12px" }
+    }
+  ) });
+}
+function RobotTapButton(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Wrap, { ariaLabel: "AI Agent", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    "path",
+    {
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      d: "M9 3.75H6.912a2.25 2.25 0 00-2.15 1.588L2.35 13.177a2.25 2.25 0 00-.1.661V18a2.25 2.25 0 002.25 2.25h15A2.25 2.25 0 0021.75 18v-4.162c0-.224-.034-.447-.1-.661L19.24 5.338a2.25 2.25 0 00-2.15-1.588H15M2.25 13.5h3.86a2.25 2.25 0 012.012 1.244l.256.512a2.25 2.25 0 002.013 1.244h3.218a2.25 2.25 0 002.013-1.244l.256-.512a2.25 2.25 0 012.013-1.244h3.859M12 3v8.25m0 0-3-3m3 3 3-3"
+    }
+  ) });
+}
+function WebhookTapButton(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Wrap, { ariaLabel: "Webhook", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M18 16.98h-5.99c-1.1 0-1.95.94-2.48 1.9A4 4 0 0 1 2 17c.01-.7.2-1.4.57-2" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "m6 17 3.13-5.78c.53-.97.1-2.18-.5-3.1a4 4 0 1 1 6.89-4.06" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "m12 6 3.13 5.73C15.66 12.7 16.9 13 18 13a4 4 0 0 1 0 8" })
+  ] });
+}
+function ViewTapButton(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Wrap, { ariaLabel: "View", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("circle", { cx: "12", cy: "12", r: "3" })
+  ] });
+}
+function BuildTapButton(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Wrap, { ariaLabel: "Build", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "m15 12-9.373 9.373a1 1 0 0 1-3.001-3L12 9" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "m18 15 4-4" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "m21.5 11.5-1.914-1.914A2 2 0 0 1 19 8.172v-.344a2 2 0 0 0-.586-1.414l-1.657-1.657A6 6 0 0 0 12.516 3H9l1.243 1.243A6 6 0 0 1 12 8.485V10l2 2h1.172a2 2 0 0 1 1.414.586L18.5 14.5" })
+  ] });
+}
+function RunTapButton(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Wrap, { ariaLabel: "Run", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z" }) });
+}
+function HistoryTapButton(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Wrap, { ariaLabel: "History", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M3 3v5h5" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M12 7v5l4 2" })
+  ] });
+}
+function PaperclipTapButton(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Wrap, { ariaLabel: "Attach file", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "m16 6-8.414 8.586a2 2 0 0 0 2.829 2.829l8.414-8.586a4 4 0 1 0-5.657-5.657l-8.379 8.551a6 6 0 1 0 8.485 8.485l8.379-8.551" }) });
+}
+function ThumbsUpTapButton(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Wrap, { ariaLabel: "Like", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M7 10v12" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88Z" })
+  ] });
+}
+function ThumbsDownTapButton(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Wrap, { ariaLabel: "Dislike", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M17 14V2" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M9 18.12 10 14H4.17a2 2 0 0 1-1.92-2.56l2.33-8A2 2 0 0 1 6.5 2H20a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-2.76a2 2 0 0 0-1.79 1.11L12 22a3.13 3.13 0 0 1-3-3.88Z" })
+  ] });
+}
+function CheckTapButton(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Wrap, { ariaLabel: "Done", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M20 6 9 17l-5-5" }) });
+}
+function PencilTapButton(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Wrap, { ariaLabel: "Edit", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "m15 5 4 4" })
+  ] });
+}
+function MoreHorizontalTapButton(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Wrap, { ariaLabel: "More options", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("circle", { cx: "12", cy: "12", r: "1" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("circle", { cx: "19", cy: "12", r: "1" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("circle", { cx: "5", cy: "12", r: "1" })
+  ] });
+}
+function CheckSquareTapButton(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Wrap, { ariaLabel: "Task", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "m9 11 3 3L22 4" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11" })
+  ] });
+}
+function GhostTapButton(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Wrap, { ariaLabel: "Incognito chat", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M9 10h.01" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M15 10h.01" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M12 2a8 8 0 0 0-8 8v12l3-3 2.5 2.5L12 19l2.5 2.5L17 19l3 3V10a8 8 0 0 0-8-8z" })
+  ] });
+}
+function LinkTapButton(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Wrap, { ariaLabel: "Attach", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" })
+  ] });
+}
+function ExternalLinkTapButton(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Wrap, { ariaLabel: "Open source", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M15 3h6v6" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M10 14 21 3" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" })
+  ] });
+}
+function ClipboardListTapButton(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Wrap, { ariaLabel: "Copy Pages", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("rect", { width: "8", height: "4", x: "8", y: "2", rx: "1", ry: "1" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M12 11h4" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M12 16h4" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M8 11h.01" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M8 16h.01" })
+  ] });
+}
+function PartyPopperTapButton(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Wrap, { ariaLabel: "AI Clean", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M5.8 11.3 2 22l10.7-3.79" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M4 3h.01" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M22 8h.01" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M15 2h.01" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M22 20h.01" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "m22 2-2.24.75a2.9 2.9 0 0 0-1.96 3.12c.1.86-.57 1.63-1.45 1.63h-.38c-.86 0-1.6.6-1.76 1.44L14 10" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "m22 13-.82-.33c-.86-.34-1.82.2-1.98 1.11c-.11.7-.72 1.22-1.43 1.22H17" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "m11 2 .33.82c.34.86-.2 1.82-1.11 1.98C9.52 4.9 9 5.52 9 6.23V7" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M11 13c1.93 1.93 2.83 4.17 2 5-.83.83-3.07-.07-5-2-1.93-1.93-2.83-4.17-2-5 .83-.83 3.07.07 5 2Z" })
+  ] });
+}
+function LayersTapButton(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Wrap, { ariaLabel: "Open this PDF in another surface", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17" })
+  ] });
+}
+//# sourceMappingURL=buttons.cjs.map