@keboola/design 9.1.0 → 11.0.0

package/dist/chunk-SWQFYNYG.js

@@ -0,0 +1,338 @@
+import { useArgoDesign } from './chunk-WETKNYZX.js';
+import { cn } from './chunk-LXLIQ2D6.js';
+import { useState, useEffect } from 'react';
+import { Provider, Root, Trigger, Portal, Content } from '@radix-ui/react-tooltip';
+import { cva } from 'class-variance-authority';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Slot } from '@radix-ui/react-slot';
+
+// src/constants/keyCodes.ts
+var keyCodes = {
+  ENTER: "Enter",
+  ESCAPE: "Escape",
+  SPACE: " "
+};
+var tooltipVariants = cva(
+  [
+    "tailwindcss-preflight",
+    "tw:inline-block",
+    "tw:break-anywhere",
+    "tw:max-h-96",
+    "tw:overflow-y-auto",
+    "tw:z-[1060]",
+    // legacy (dark) chrome — default
+    "tw:rounded",
+    "tw:bg-neutral-800",
+    "tw:text-white",
+    // argo chrome overrides — semantic floating-panel tokens
+    "tw:data-[argo=true]:rounded-2xl",
+    "tw:data-[argo=true]:border",
+    "tw:data-[argo=true]:border-solid",
+    "tw:data-[argo=true]:border-border",
+    "tw:data-[argo=true]:bg-popover",
+    "tw:data-[argo=true]:text-popover-foreground",
+    "tw:data-[argo=true]:shadow-md",
+    // argo open animation
+    "tw:data-[argo=true]:data-[state=delayed-open]:animate-in",
+    "tw:data-[argo=true]:data-[state=instant-open]:animate-in",
+    "tw:data-[argo=true]:data-[state=delayed-open]:fade-in-0",
+    "tw:data-[argo=true]:data-[state=instant-open]:fade-in-0",
+    "tw:data-[argo=true]:data-[state=delayed-open]:zoom-in-95",
+    "tw:data-[argo=true]:data-[state=instant-open]:zoom-in-95",
+    // argo closed animation
+    "tw:data-[argo=true]:data-[state=closed]:animate-out",
+    "tw:data-[argo=true]:data-[state=closed]:fade-out-0",
+    "tw:data-[argo=true]:data-[state=closed]:zoom-out-95",
+    // argo position animation
+    "tw:data-[argo=true]:data-[side=bottom]:slide-in-from-top-2",
+    "tw:data-[argo=true]:data-[side=left]:slide-in-from-right-2",
+    "tw:data-[argo=true]:data-[side=right]:slide-in-from-left-2",
+    "tw:data-[argo=true]:data-[side=top]:slide-in-from-bottom-2"
+  ],
+  {
+    defaultVariants: {
+      variant: "action"
+    },
+    variants: {
+      variant: {
+        action: [
+          "tw:max-w-fit",
+          "tw:px-3",
+          "tw:py-2",
+          "tw:text-center",
+          "tw:text-xs",
+          "tw:font-medium",
+          // Legacy chrome uppercases the action tooltip; the Keboola V2 brand
+          // (`data-brand="keboola"`) renders it in standard case instead.
+          "tw:uppercase",
+          "tw:tracking-wider",
+          "tw:[[data-brand=keboola]_&]:normal-case",
+          "tw:[[data-brand=keboola]_&]:tracking-normal"
+        ],
+        explanatory: [
+          "tw:max-w-80",
+          "tw:px-4",
+          "tw:py-3",
+          "tw:text-left",
+          "tw:text-sm",
+          "tw:font-normal"
+        ]
+      }
+    }
+  }
+);
+var TooltipContent = ({
+  className,
+  variant,
+  keepOpenOnPointerDownOutside = false,
+  children,
+  onPointerDownOutside,
+  sideOffset = 8,
+  collisionPadding = 8,
+  hideWhenDetached = true,
+  placement = "right",
+  ...rest
+}) => {
+  const renderArgo = useArgoDesign();
+  const handlePointerDownOutside = (event) => {
+    if (keepOpenOnPointerDownOutside) event.preventDefault();
+    onPointerDownOutside?.(event);
+  };
+  return /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(
+    Content,
+    {
+      ...rest,
+      "data-tooltip-content": renderArgo ? void 0 : true,
+      "data-argo": renderArgo,
+      sideOffset,
+      collisionPadding,
+      onPointerDownOutside: handlePointerDownOutside,
+      className: tooltipVariants({ className, variant }),
+      hideWhenDetached,
+      side: placement,
+      children
+    }
+  ) });
+};
+var DELAY_SHOW_TOOLTIP = 300;
+var TooltipRoot = ({ children, delayDuration = DELAY_SHOW_TOOLTIP, ...rest }) => /* @__PURE__ */ jsx(Root, { ...rest, delayDuration, children });
+
+// src/utils/copyToClipboard.ts
+var copyViaSelection = (text) => {
+  const node = document.createElement("textarea");
+  node.value = text;
+  node.setAttribute("readonly", "");
+  node.style.cssText = "position:fixed;top:0;left:0;opacity:0";
+  document.body.append(node);
+  node.select();
+  try {
+    return document.execCommand("copy");
+  } finally {
+    node.remove();
+  }
+};
+var copyToClipboard = async (text) => {
+  try {
+    await navigator.clipboard.writeText(text);
+  } catch (error) {
+    if (!copyViaSelection(text)) throw error;
+  }
+};
+
+// src/utils/createChangeInputEvent.ts
+var createChangeInputEvent = (input) => {
+  const changeEvent = {
+    target: input,
+    currentTarget: input,
+    type: "change",
+    nativeEvent: new Event("change", { bubbles: true }),
+    bubbles: true,
+    cancelable: false,
+    defaultPrevented: false,
+    eventPhase: 2,
+    // AT_TARGET
+    isTrusted: false,
+    // Synthetic events are not trusted
+    preventDefault: () => {
+    },
+    // Provide dummy functions if not needed
+    isDefaultPrevented: () => false,
+    stopPropagation: () => {
+    },
+    isPropagationStopped: () => false,
+    persist: () => {
+    },
+    timeStamp: Date.now()
+  };
+  Object.defineProperty(changeEvent, "target", {
+    value: input,
+    writable: false
+  });
+  return changeEvent;
+};
+var withTooltipProvider = (Story) => /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsx(Story, {}) });
+var withHiddenFullscreen = (Story) => /* @__PURE__ */ jsx("div", { className: "tw:[&_[aria-label=Fullscreen]]:hidden", children: /* @__PURE__ */ jsx(Story, {}) });
+
+// src/utils/createPrefixedString.ts
+var createPrefixedString = (prefix) => (literals) => literals.reduce((acc, literal) => acc + literal, `${prefix}-`);
+
+// src/utils/noop.ts
+var noop = () => void 0;
+
+// src/utils/debounce.ts
+var debounce = (fn, delay) => {
+  let timeoutId;
+  const debounced = (...args) => {
+    clearTimeout(timeoutId);
+    timeoutId = setTimeout(() => fn(...args), delay);
+  };
+  debounced.cancel = () => clearTimeout(timeoutId);
+  return debounced;
+};
+
+// src/utils/isMac.ts
+var getIsMac = () => {
+  if (typeof navigator !== "undefined" && "userAgentData" in navigator) {
+    const platform = navigator.userAgentData.platform;
+    if (typeof platform === "string") {
+      return platform.toLowerCase() === "macos";
+    }
+  }
+  if (typeof navigator !== "undefined" && typeof navigator.platform === "string") {
+    return navigator.platform.toUpperCase().indexOf("MAC") >= 0;
+  }
+  return false;
+};
+var isMac = getIsMac();
+var sha256 = async (text) => {
+  const msgUint8 = new TextEncoder().encode(text);
+  const hashBuffer = await crypto.subtle.digest("SHA-256", msgUint8);
+  const hashArray = Array.from(new Uint8Array(hashBuffer));
+  return hashArray.map((b) => b.toString(16).padStart(2, "0")).join("");
+};
+var useSHA256 = (text) => {
+  const [hash, setHash] = useState("");
+  useEffect(() => {
+    if (!text) return;
+    let cancelled = false;
+    sha256(text).then((h) => {
+      if (!cancelled) setHash(h);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [text]);
+  return text ? hash : "";
+};
+var WithoutTooltipState = ({
+  children,
+  ...props
+  // `Slot`'s own props, plus the one attribute this exists to remove: React's types declare no
+  // `data-*`, so it has to be named to be destructured away.
+}) => {
+  const { "data-state": _tooltipState, ...rest } = props;
+  return /* @__PURE__ */ jsx(Slot, { ...rest, children });
+};
+var TooltipTrigger = ({
+  ref,
+  children,
+  className,
+  keepOpenOnClick = false,
+  onClick,
+  onPointerDown,
+  asChild,
+  ...rest
+}) => {
+  const handleClick = (event) => {
+    if (keepOpenOnClick) event.preventDefault();
+    onClick?.(event);
+  };
+  const handlePointerDown = (event) => {
+    if (keepOpenOnClick) event.preventDefault();
+    onPointerDown?.(event);
+  };
+  return /* @__PURE__ */ jsx(
+    Trigger,
+    {
+      ...rest,
+      asChild: true,
+      ref,
+      className: cn("tailwindcss-preflight", className),
+      onClick: handleClick,
+      onPointerDown: handlePointerDown,
+      children: asChild ? /* @__PURE__ */ jsx(WithoutTooltipState, { children }) : (
+        // Default-mode trigger wraps children in a span so Radix has a
+        // single DOM element to attach handlers to. `tailwindcss-preflight`
+        // (merged in via Slot) activates Tailwind's preflight inside the
+        // span, which sets `svg { display: block }` — without an inline-flex
+        // container that would stack any bare Lucide icon onto its own
+        // line. `tw:inline-flex tw:items-center` keeps icon + text aligned.
+        /* @__PURE__ */ jsx("span", { className: "tw:inline-flex tw:items-center", children })
+      )
+    }
+  );
+};
+var ACTION_TOOLTIP_LIMIT = 30;
+var TooltipProvider = Provider;
+var Tooltip = ({
+  tooltip,
+  children,
+  className,
+  keepOpenOnTriggerClick = false,
+  variant,
+  placement = "right",
+  forceHide = false,
+  forceShow = false,
+  delayDuration,
+  // trigger props
+  triggerAsChild = false
+}) => {
+  const [open, setOpen] = useState(false);
+  const resolvedVariant = (() => {
+    if (!!variant) return variant;
+    if (typeof tooltip === "string" && tooltip.length > ACTION_TOOLTIP_LIMIT) return "explanatory";
+    return "action";
+  })();
+  const isActionVariant = resolvedVariant === "action";
+  const handleKeyUp = (event) => {
+    if (![keyCodes.ENTER, keyCodes.SPACE].includes(event.key)) return;
+    event.stopPropagation();
+  };
+  return /* @__PURE__ */ jsxs(
+    TooltipRoot,
+    {
+      open: !!tooltip && (open || forceShow) && !forceHide,
+      onOpenChange: setOpen,
+      delayDuration,
+      disableHoverableContent: isActionVariant,
+      children: [
+        /* @__PURE__ */ jsx(
+          TooltipTrigger,
+          {
+            asChild: triggerAsChild,
+            keepOpenOnClick: keepOpenOnTriggerClick,
+            onKeyUp: handleKeyUp,
+            children
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          TooltipContent,
+          {
+            className,
+            variant: resolvedVariant,
+            placement,
+            keepOpenOnPointerDownOutside: keepOpenOnTriggerClick,
+            children: tooltip
+          }
+        )
+      ]
+    }
+  );
+};
+Tooltip.Root = TooltipRoot;
+Tooltip.Content = TooltipContent;
+Tooltip.Trigger = TooltipTrigger;
+
+export { Tooltip, TooltipProvider, copyToClipboard, createChangeInputEvent, createPrefixedString, debounce, isMac, keyCodes, noop, useSHA256, withHiddenFullscreen, withTooltipProvider };
+//# sourceMappingURL=chunk-SWQFYNYG.js.map
+//# sourceMappingURL=chunk-SWQFYNYG.js.map

package/dist/chunk-SWQFYNYG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/constants/keyCodes.ts","../src/components/Tooltip/TooltipContent.tsx","../src/components/Tooltip/TooltipRoot.tsx","../src/utils/copyToClipboard.ts","../src/utils/createChangeInputEvent.ts","../src/utils/decorators.tsx","../src/utils/createPrefixedString.ts","../src/utils/noop.ts","../src/utils/debounce.ts","../src/utils/isMac.ts","../src/utils/useSHA256.ts","../src/components/Tooltip/TooltipTrigger.tsx","../src/components/Tooltip/Tooltip.tsx"],"names":["jsx","useState"],"mappings":";;;;;;;;;AAAO,IAAM,QAAA,GAAW;AAAA,EACtB,KAAA,EAAO,OAAA;AAAA,EACP,MAAA,EAAQ,QAAA;AAAA,EACR,KAAA,EAAO;AACT;ACGA,IAAM,eAAA,GAAkB,GAAA;AAAA,EACtB;AAAA,IACE,uBAAA;AAAA,IACA,iBAAA;AAAA,IACA,mBAAA;AAAA,IACA,aAAA;AAAA,IACA,oBAAA;AAAA,IACA,aAAA;AAAA;AAAA,IAGA,YAAA;AAAA,IACA,mBAAA;AAAA,IACA,eAAA;AAAA;AAAA,IAGA,iCAAA;AAAA,IACA,4BAAA;AAAA,IACA,kCAAA;AAAA,IACA,mCAAA;AAAA,IACA,gCAAA;AAAA,IACA,6CAAA;AAAA,IACA,+BAAA;AAAA;AAAA,IAGA,0DAAA;AAAA,IACA,0DAAA;AAAA,IACA,yDAAA;AAAA,IACA,yDAAA;AAAA,IACA,0DAAA;AAAA,IACA,0DAAA;AAAA;AAAA,IAGA,qDAAA;AAAA,IACA,oDAAA;AAAA,IACA,qDAAA;AAAA;AAAA,IAGA,4DAAA;AAAA,IACA,4DAAA;AAAA,IACA,4DAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS;AAAA,KACX;AAAA,IACA,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,MAAA,EAAQ;AAAA,UACN,cAAA;AAAA,UACA,SAAA;AAAA,UACA,SAAA;AAAA,UAEA,gBAAA;AAAA,UACA,YAAA;AAAA,UACA,gBAAA;AAAA;AAAA;AAAA,UAGA,cAAA;AAAA,UACA,mBAAA;AAAA,UACA,yCAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,WAAA,EAAa;AAAA,UACX,aAAA;AAAA,UACA,SAAA;AAAA,UACA,SAAA;AAAA,UACA,cAAA;AAAA,UAEA,YAAA;AAAA,UACA;AAAA;AACF;AACF;AACF;AAEJ,CAAA;AAQO,IAAM,iBAAiB,CAAC;AAAA,EAC7B,SAAA;AAAA,EACA,OAAA;AAAA,EACA,4BAAA,GAA+B,KAAA;AAAA,EAC/B,QAAA;AAAA,EACA,oBAAA;AAAA,EACA,UAAA,GAAa,CAAA;AAAA,EACb,gBAAA,GAAmB,CAAA;AAAA,EACnB,gBAAA,GAAmB,IAAA;AAAA,EACnB,SAAA,GAAY,OAAA;AAAA,EACZ,GAAG;AACL,CAAA,KAAa;AACX,EAAA,MAAM,aAAa,aAAA,EAAc;AAEjC,EAAA,MAAM,wBAAA,GAAmF,CACvF,KAAA,KACG;AACH,IAAA,IAAI,4BAAA,QAAoC,cAAA,EAAe;AACvD,IAAA,oBAAA,GAAuB,KAAK,CAAA;AAAA,EAC9B,CAAA;AAEA,EAAA,2BACG,MAAA,EAAA,EACC,QAAA,kBAAA,GAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACE,GAAG,IAAA;AAAA,MAGJ,sBAAA,EAAsB,aAAa,MAAA,GAAY,IAAA;AAAA,MAC/C,WAAA,EAAW,UAAA;AAAA,MACX,UAAA;AAAA,MACA,gBAAA;AAAA,MACA,oBAAA,EAAsB,wBAAA;AAAA,MACtB,SAAA,EAAW,eAAA,CAAgB,EAAE,SAAA,EAAW,SAAS,CAAA;AAAA,MACjD,gBAAA;AAAA,MACA,IAAA,EAAM,SAAA;AAAA,MAEL;AAAA;AAAA,GACH,EACF,CAAA;AAEJ,CAAA;AC7HA,IAAM,kBAAA,GAAqB,GAAA;AAEpB,IAAM,WAAA,GAAc,CAAC,EAAE,QAAA,EAAU,gBAAgB,kBAAA,EAAoB,GAAG,IAAA,EAAK,qBAClFA,GAAAA,CAAC,IAAA,EAAA,EAAM,GAAG,IAAA,EAAM,eACb,QAAA,EACH,CAAA;;;ACHF,IAAM,gBAAA,GAAmB,CAAC,IAAA,KAAiB;AACzC,EAAA,MAAM,IAAA,GAAO,QAAA,CAAS,aAAA,CAAc,UAAU,CAAA;AAC9C,EAAA,IAAA,CAAK,KAAA,GAAQ,IAAA;AACb,EAAA,IAAA,CAAK,YAAA,CAAa,YAAY,EAAE,CAAA;AAChC,EAAA,IAAA,CAAK,MAAM,OAAA,GAAU,uCAAA;AACrB,EAAA,QAAA,CAAS,IAAA,CAAK,OAAO,IAAI,CAAA;AACzB,EAAA,IAAA,CAAK,MAAA,EAAO;AAEZ,EAAA,IAAI;AACF,IAAA,OAAO,QAAA,CAAS,YAAY,MAAM,CAAA;AAAA,EACpC,CAAA,SAAE;AACA,IAAA,IAAA,CAAK,MAAA,EAAO;AAAA,EACd;AACF,CAAA;AAEO,IAAM,eAAA,GAAkB,OAAO,IAAA,KAAiB;AACrD,EAAA,IAAI;AACF,IAAA,MAAM,SAAA,CAAU,SAAA,CAAU,SAAA,CAAU,IAAI,CAAA;AAAA,EAC1C,SAAS,KAAA,EAAO;AACd,IAAA,IAAI,CAAC,gBAAA,CAAiB,IAAI,CAAA,EAAG,MAAM,KAAA;AAAA,EACrC;AACF;;;AC1BO,IAAM,sBAAA,GAAyB,CAAC,KAAA,KAA4B;AACjE,EAAA,MAAM,WAAA,GAA6C;AAAA,IACjD,MAAA,EAAQ,KAAA;AAAA,IACR,aAAA,EAAe,KAAA;AAAA,IACf,IAAA,EAAM,QAAA;AAAA,IACN,aAAa,IAAI,KAAA,CAAM,UAAU,EAAE,OAAA,EAAS,MAAM,CAAA;AAAA,IAClD,OAAA,EAAS,IAAA;AAAA,IACT,UAAA,EAAY,KAAA;AAAA,IACZ,gBAAA,EAAkB,KAAA;AAAA,IAClB,UAAA,EAAY,CAAA;AAAA;AAAA,IACZ,SAAA,EAAW,KAAA;AAAA;AAAA,IACX,gBAAgB,MAAM;AAAA,IAAC,CAAA;AAAA;AAAA,IACvB,oBAAoB,MAAM,KAAA;AAAA,IAC1B,iBAAiB,MAAM;AAAA,IAAC,CAAA;AAAA,IACxB,sBAAsB,MAAM,KAAA;AAAA,IAC5B,SAAS,MAAM;AAAA,IAAC,CAAA;AAAA,IAChB,SAAA,EAAW,KAAK,GAAA;AAAI,GACtB;AAEA,EAAA,MAAA,CAAO,cAAA,CAAe,aAAa,QAAA,EAAU;AAAA,IAC3C,KAAA,EAAO,KAAA;AAAA,IACP,QAAA,EAAU;AAAA,GACX,CAAA;AAED,EAAA,OAAO,WAAA;AACT;ACvBO,IAAM,mBAAA,GAAsB,CAAC,KAAA,qBAClCA,IAAC,eAAA,EAAA,EACC,QAAA,kBAAAA,GAAAA,CAAC,KAAA,EAAA,EAAM,CAAA,EACT;AAIK,IAAM,oBAAA,GAAuB,CAAC,KAAA,qBACnCA,GAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,uCAAA,EACb,QAAA,kBAAAA,GAAAA,CAAC,KAAA,EAAA,EAAM,CAAA,EACT;;;ACdK,IAAM,oBAAA,GAAuB,CAAC,MAAA,KAAmB,CAAC,aACvD,QAAA,CAAS,MAAA,CAAO,CAAC,GAAA,EAAK,OAAA,KAAY,GAAA,GAAM,OAAA,EAAS,CAAA,EAAG,MAAM,CAAA,CAAA,CAAG;;;ACDxD,IAAM,OAAO,MAAM;;;ACKnB,IAAM,QAAA,GAAW,CACtB,EAAA,EACA,KAAA,KACmB;AACnB,EAAA,IAAI,SAAA;AACJ,EAAA,MAAM,SAAA,GAAY,IAAI,IAAA,KAAwB;AAC5C,IAAA,YAAA,CAAa,SAAS,CAAA;AACtB,IAAA,SAAA,GAAY,WAAW,MAAM,EAAA,CAAG,GAAG,IAAI,GAAG,KAAK,CAAA;AAAA,EACjD,CAAA;AACA,EAAA,SAAA,CAAU,MAAA,GAAS,MAAM,YAAA,CAAa,SAAS,CAAA;AAC/C,EAAA,OAAO,SAAA;AACT;;;ACTA,IAAM,WAAW,MAAe;AAE9B,EAAA,IAAI,OAAO,SAAA,KAAc,WAAA,IAAe,eAAA,IAAmB,SAAA,EAAW;AACpE,IAAA,MAAM,QAAA,GAAY,UAAU,aAAA,CAAkC,QAAA;AAE9D,IAAA,IAAI,OAAO,aAAa,QAAA,EAAU;AAChC,MAAA,OAAO,QAAA,CAAS,aAAY,KAAM,OAAA;AAAA,IACpC;AAAA,EACF;AAEA,EAAA,IAAI,OAAO,SAAA,KAAc,WAAA,IAAe,OAAO,SAAA,CAAU,aAAa,QAAA,EAAU;AAC9E,IAAA,OAAO,UAAU,QAAA,CAAS,WAAA,EAAY,CAAE,OAAA,CAAQ,KAAK,CAAA,IAAK,CAAA;AAAA,EAC5D;AAGA,EAAA,OAAO,KAAA;AACT,CAAA;AAEO,IAAM,QAAQ,QAAA;ACtBrB,IAAM,MAAA,GAAS,OAAO,IAAA,KAAiB;AACrC,EAAA,MAAM,QAAA,GAAW,IAAI,WAAA,EAAY,CAAE,OAAO,IAAI,CAAA;AAC9C,EAAA,MAAM,aAAa,MAAM,MAAA,CAAO,MAAA,CAAO,MAAA,CAAO,WAAW,QAAQ,CAAA;AACjE,EAAA,MAAM,YAAY,KAAA,CAAM,IAAA,CAAK,IAAI,UAAA,CAAW,UAAU,CAAC,CAAA;AACvD,EAAA,OAAO,SAAA,CAAU,GAAA,CAAI,CAAC,CAAA,KAAM,EAAE,QAAA,CAAS,EAAE,CAAA,CAAE,QAAA,CAAS,CAAA,EAAG,GAAG,CAAC,CAAA,CAAE,KAAK,EAAE,CAAA;AACtE,CAAA;AAEO,IAAM,SAAA,GAAY,CAAC,IAAA,KAAkB;AAC1C,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAS,EAAE,CAAA;AAEnC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,IAAA,EAAM;AACX,IAAA,IAAI,SAAA,GAAY,KAAA;AAChB,IAAA,MAAA,CAAO,IAAI,CAAA,CAAE,IAAA,CAAK,CAAC,CAAA,KAAM;AACvB,MAAA,IAAI,CAAC,SAAA,EAAW,OAAA,CAAQ,CAAC,CAAA;AAAA,IAC3B,CAAC,CAAA;AACD,IAAA,OAAO,MAAM;AACX,MAAA,SAAA,GAAY,IAAA;AAAA,IACd,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,IAAI,CAAC,CAAA;AAIT,EAAA,OAAO,OAAO,IAAA,GAAO,EAAA;AACvB;ACZA,IAAM,sBAAsB,CAAC;AAAA,EAC3B,QAAA;AAAA,EACA,GAAG;AAAA;AAAA;AAGL,CAAA,KAA+D;AAC7D,EAAA,MAAM,EAAE,YAAA,EAAc,aAAA,EAAe,GAAG,MAAK,GAAI,KAAA;AAEjD,EAAA,uBAAOA,GAAAA,CAAC,IAAA,EAAA,EAAM,GAAG,MAAO,QAAA,EAAS,CAAA;AACnC,CAAA;AAMO,IAAM,iBAAiB,CAAC;AAAA,EAC7B,GAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,eAAA,GAAkB,KAAA;AAAA,EAClB,OAAA;AAAA,EACA,aAAA;AAAA,EACA,OAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAa;AACX,EAAA,MAAM,WAAA,GAAyD,CAAC,KAAA,KAAU;AACxE,IAAA,IAAI,eAAA,QAAuB,cAAA,EAAe;AAC1C,IAAA,OAAA,GAAU,KAAK,CAAA;AAAA,EACjB,CAAA;AAEA,EAAA,MAAM,iBAAA,GAAqE,CAAC,KAAA,KAAU;AACpF,IAAA,IAAI,eAAA,QAAuB,cAAA,EAAe;AAC1C,IAAA,aAAA,GAAgB,KAAK,CAAA;AAAA,EACvB,CAAA;AAEA,EAAA,uBACEA,GAAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,OAAA,EAAO,IAAA;AAAA,MACP,GAAA;AAAA,MACA,SAAA,EAAW,EAAA,CAAG,uBAAA,EAAyB,SAAS,CAAA;AAAA,MAChD,OAAA,EAAS,WAAA;AAAA,MACT,aAAA,EAAe,iBAAA;AAAA,MAEd,QAAA,EAAA,OAAA,mBACCA,GAAAA,CAAC,mBAAA,EAAA,EAAqB,QAAA,EAAS,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAQ/BA,GAAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,kCAAkC,QAAA,EAAS;AAAA;AAAA;AAAA,GAE/D;AAEJ,CAAA;AC7DA,IAAM,oBAAA,GAAuB,EAAA;AA4BtB,IAAM,eAAA,GAAkB;AAgBxB,IAAM,UAAU,CAAC;AAAA,EACtB,OAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,sBAAA,GAAyB,KAAA;AAAA,EACzB,OAAA;AAAA,EACA,SAAA,GAAY,OAAA;AAAA,EACZ,SAAA,GAAY,KAAA;AAAA,EACZ,SAAA,GAAY,KAAA;AAAA,EACZ,aAAA;AAAA;AAAA,EAEA,cAAA,GAAiB;AACnB,CAAA,KAAa;AACX,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAIC,SAAS,KAAK,CAAA;AAEtC,EAAA,MAAM,mBAAmB,MAAM;AAC7B,IAAA,IAAI,CAAC,CAAC,OAAA,EAAS,OAAO,OAAA;AACtB,IAAA,IAAI,OAAO,OAAA,KAAY,QAAA,IAAY,OAAA,CAAQ,MAAA,GAAS,sBAAsB,OAAO,aAAA;AAEjF,IAAA,OAAO,QAAA;AAAA,EACT,CAAA,GAAG;AAEH,EAAA,MAAM,kBAAkB,eAAA,KAAoB,QAAA;AAE5C,EAAA,MAAM,WAAA,GAAyD,CAAC,KAAA,KAAU;AACxE,IAAA,IAAI,CAAC,CAAC,QAAA,CAAS,KAAA,EAAO,QAAA,CAAS,KAAK,CAAA,CAAE,QAAA,CAAS,KAAA,CAAM,GAAG,CAAA,EAAG;AAC3D,IAAA,KAAA,CAAM,eAAA,EAAgB;AAAA,EACxB,CAAA;AAEA,EAAA,uBACE,IAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,MAAM,CAAC,CAAC,OAAA,KAAY,IAAA,IAAQ,cAAc,CAAC,SAAA;AAAA,MAC3C,YAAA,EAAc,OAAA;AAAA,MACd,aAAA;AAAA,MACA,uBAAA,EAAyB,eAAA;AAAA,MAEzB,QAAA,EAAA;AAAA,wBAAAD,GAAAA;AAAA,UAAC,cAAA;AAAA,UAAA;AAAA,YACC,OAAA,EAAS,cAAA;AAAA,YACT,eAAA,EAAiB,sBAAA;AAAA,YACjB,OAAA,EAAS,WAAA;AAAA,YAER;AAAA;AAAA,SACH;AAAA,wBAEAA,GAAAA;AAAA,UAAC,cAAA;AAAA,UAAA;AAAA,YACC,SAAA;AAAA,YACA,OAAA,EAAS,eAAA;AAAA,YACT,SAAA;AAAA,YACA,4BAAA,EAA8B,sBAAA;AAAA,YAE7B,QAAA,EAAA;AAAA;AAAA;AACH;AAAA;AAAA,GACF;AAEJ;AAEA,OAAA,CAAQ,IAAA,GAAO,WAAA;AACf,OAAA,CAAQ,OAAA,GAAU,cAAA;AAClB,OAAA,CAAQ,OAAA,GAAU,cAAA","file":"chunk-SWQFYNYG.js","sourcesContent":["export const keyCodes = {\n  ENTER: 'Enter',\n  ESCAPE: 'Escape',\n  SPACE: ' ',\n};\n","import type { ComponentProps } from 'react';\nimport { Content, Portal } from '@radix-ui/react-tooltip';\nimport type { VariantProps } from 'class-variance-authority';\nimport { cva } from 'class-variance-authority';\n\nimport { useArgoDesign } from '../ThemeProvider/context';\n\nconst tooltipVariants = cva(\n  [\n    'tailwindcss-preflight',\n    'tw:inline-block',\n    'tw:break-anywhere',\n    'tw:max-h-96',\n    'tw:overflow-y-auto',\n    'tw:z-[1060]',\n\n    // legacy (dark) chrome — default\n    'tw:rounded',\n    'tw:bg-neutral-800',\n    'tw:text-white',\n\n    // argo chrome overrides — semantic floating-panel tokens\n    'tw:data-[argo=true]:rounded-2xl',\n    'tw:data-[argo=true]:border',\n    'tw:data-[argo=true]:border-solid',\n    'tw:data-[argo=true]:border-border',\n    'tw:data-[argo=true]:bg-popover',\n    'tw:data-[argo=true]:text-popover-foreground',\n    'tw:data-[argo=true]:shadow-md',\n\n    // argo open animation\n    'tw:data-[argo=true]:data-[state=delayed-open]:animate-in',\n    'tw:data-[argo=true]:data-[state=instant-open]:animate-in',\n    'tw:data-[argo=true]:data-[state=delayed-open]:fade-in-0',\n    'tw:data-[argo=true]:data-[state=instant-open]:fade-in-0',\n    'tw:data-[argo=true]:data-[state=delayed-open]:zoom-in-95',\n    'tw:data-[argo=true]:data-[state=instant-open]:zoom-in-95',\n\n    // argo closed animation\n    'tw:data-[argo=true]:data-[state=closed]:animate-out',\n    'tw:data-[argo=true]:data-[state=closed]:fade-out-0',\n    'tw:data-[argo=true]:data-[state=closed]:zoom-out-95',\n\n    // argo position animation\n    'tw:data-[argo=true]:data-[side=bottom]:slide-in-from-top-2',\n    'tw:data-[argo=true]:data-[side=left]:slide-in-from-right-2',\n    'tw:data-[argo=true]:data-[side=right]:slide-in-from-left-2',\n    'tw:data-[argo=true]:data-[side=top]:slide-in-from-bottom-2',\n  ],\n  {\n    defaultVariants: {\n      variant: 'action',\n    },\n    variants: {\n      variant: {\n        action: [\n          'tw:max-w-fit',\n          'tw:px-3',\n          'tw:py-2',\n\n          'tw:text-center',\n          'tw:text-xs',\n          'tw:font-medium',\n          // Legacy chrome uppercases the action tooltip; the Keboola V2 brand\n          // (`data-brand=\"keboola\"`) renders it in standard case instead.\n          'tw:uppercase',\n          'tw:tracking-wider',\n          'tw:[[data-brand=keboola]_&]:normal-case',\n          'tw:[[data-brand=keboola]_&]:tracking-normal',\n        ],\n        explanatory: [\n          'tw:max-w-80',\n          'tw:px-4',\n          'tw:py-3',\n          'tw:text-left',\n\n          'tw:text-sm',\n          'tw:font-normal',\n        ],\n      },\n    },\n  },\n);\n\ntype Props = {\n  keepOpenOnPointerDownOutside?: boolean;\n  placement?: ComponentProps<typeof Content>['side'];\n} & Omit<ComponentProps<typeof Content>, 'side'> &\n  VariantProps<typeof tooltipVariants>;\n\nexport const TooltipContent = ({\n  className,\n  variant,\n  keepOpenOnPointerDownOutside = false,\n  children,\n  onPointerDownOutside,\n  sideOffset = 8,\n  collisionPadding = 8,\n  hideWhenDetached = true,\n  placement = 'right',\n  ...rest\n}: Props) => {\n  const renderArgo = useArgoDesign();\n\n  const handlePointerDownOutside: ComponentProps<typeof Content>['onPointerDownOutside'] = (\n    event,\n  ) => {\n    if (keepOpenOnPointerDownOutside) event.preventDefault();\n    onPointerDownOutside?.(event);\n  };\n\n  return (\n    <Portal>\n      <Content\n        {...rest}\n        // Marks the dark (non-argo) tooltip chrome so styles.css can invert\n        // nested `.tw\\:prose` for contrast.\n        data-tooltip-content={renderArgo ? undefined : true}\n        data-argo={renderArgo}\n        sideOffset={sideOffset}\n        collisionPadding={collisionPadding}\n        onPointerDownOutside={handlePointerDownOutside}\n        className={tooltipVariants({ className, variant })}\n        hideWhenDetached={hideWhenDetached}\n        side={placement}\n      >\n        {children}\n      </Content>\n    </Portal>\n  );\n};\n","import type { ComponentProps } from 'react';\nimport { Root } from '@radix-ui/react-tooltip';\n\ntype Props = ComponentProps<typeof Root>;\n\nconst DELAY_SHOW_TOOLTIP = 300;\n\nexport const TooltipRoot = ({ children, delayDuration = DELAY_SHOW_TOOLTIP, ...rest }: Props) => (\n  <Root {...rest} delayDuration={delayDuration}>\n    {children}\n  </Root>\n);\n","/**\n * The async Clipboard API requires the document to be focused and rejects with\n * `NotAllowedError: Document is not focused` otherwise — which is the normal state\n * for a page inside an iframe that has not taken focus, such as Storybook's canvas\n * or an embedded preview. `execCommand` has no such requirement because it copies\n * the selection of a node we focus ourselves, so it covers that gap.\n */\nconst copyViaSelection = (text: string) => {\n  const node = document.createElement('textarea');\n  node.value = text;\n  node.setAttribute('readonly', '');\n  node.style.cssText = 'position:fixed;top:0;left:0;opacity:0';\n  document.body.append(node);\n  node.select();\n\n  try {\n    return document.execCommand('copy');\n  } finally {\n    node.remove();\n  }\n};\n\nexport const copyToClipboard = async (text: string) => {\n  try {\n    await navigator.clipboard.writeText(text);\n  } catch (error) {\n    if (!copyViaSelection(text)) throw error;\n  }\n};\n","import type { ChangeEvent } from 'react';\n\nexport const createChangeInputEvent = (input: HTMLInputElement) => {\n  const changeEvent: ChangeEvent<HTMLInputElement> = {\n    target: input,\n    currentTarget: input,\n    type: 'change',\n    nativeEvent: new Event('change', { bubbles: true }),\n    bubbles: true,\n    cancelable: false,\n    defaultPrevented: false,\n    eventPhase: 2, // AT_TARGET\n    isTrusted: false, // Synthetic events are not trusted\n    preventDefault: () => {}, // Provide dummy functions if not needed\n    isDefaultPrevented: () => false,\n    stopPropagation: () => {},\n    isPropagationStopped: () => false,\n    persist: () => {},\n    timeStamp: Date.now(),\n  };\n\n  Object.defineProperty(changeEvent, 'target', {\n    value: input,\n    writable: false,\n  });\n\n  return changeEvent;\n};\n","import type { ComponentType } from 'react';\n\nimport { TooltipProvider } from '../components/Tooltip';\n\nexport const withTooltipProvider = (Story: ComponentType) => (\n  <TooltipProvider>\n    <Story />\n  </TooltipProvider>\n);\n\n// position:fixed only fills the Storybook iframe, not the browser window.\nexport const withHiddenFullscreen = (Story: ComponentType) => (\n  <div className=\"tw:[&_[aria-label=Fullscreen]]:hidden\">\n    <Story />\n  </div>\n);\n","export const createPrefixedString = (prefix: string) => (literals: TemplateStringsArray) =>\n  literals.reduce((acc, literal) => acc + literal, `${prefix}-`);\n","export const noop = () => void 0;\n","type DebouncedFn<T extends (...args: any[]) => void> = {\n  (...args: Parameters<T>): void;\n  cancel: () => void;\n};\n\nexport const debounce = <T extends (...args: any[]) => void>(\n  fn: T,\n  delay: number,\n): DebouncedFn<T> => {\n  let timeoutId: ReturnType<typeof setTimeout>;\n  const debounced = (...args: Parameters<T>) => {\n    clearTimeout(timeoutId);\n    timeoutId = setTimeout(() => fn(...args), delay);\n  };\n  debounced.cancel = () => clearTimeout(timeoutId);\n  return debounced;\n};\n","// Platform detection\ntype NavigatorUAData = {\n  platform: string;\n  brands: { brand: string; version: string }[];\n  mobile: boolean;\n};\n\nconst getIsMac = (): boolean => {\n  // Modern approach using navigator.userAgentData\n  if (typeof navigator !== 'undefined' && 'userAgentData' in navigator) {\n    const platform = (navigator.userAgentData as NavigatorUAData).platform;\n\n    if (typeof platform === 'string') {\n      return platform.toLowerCase() === 'macos';\n    }\n  }\n\n  if (typeof navigator !== 'undefined' && typeof navigator.platform === 'string') {\n    return navigator.platform.toUpperCase().indexOf('MAC') >= 0;\n  }\n\n  // Server-side rendering fallback\n  return false;\n};\n\nexport const isMac = getIsMac();\n","import { useEffect, useState } from 'react';\n\n// https://developer.mozilla.org/en-US/docs/Web/API/SubtleCrypto/digest#converting_a_digest_to_a_hex_string\nconst sha256 = async (text: string) => {\n  const msgUint8 = new TextEncoder().encode(text);\n  const hashBuffer = await crypto.subtle.digest('SHA-256', msgUint8);\n  const hashArray = Array.from(new Uint8Array(hashBuffer));\n  return hashArray.map((b) => b.toString(16).padStart(2, '0')).join('');\n};\n\nexport const useSHA256 = (text?: string) => {\n  const [hash, setHash] = useState('');\n\n  useEffect(() => {\n    if (!text) return;\n    let cancelled = false;\n    sha256(text).then((h) => {\n      if (!cancelled) setHash(h);\n    });\n    return () => {\n      cancelled = true;\n    };\n  }, [text]);\n\n  // Empty input has no hash — derive it during render instead of syncing state\n  // in the effect (avoids the extra render and a stale-value frame).\n  return text ? hash : '';\n};\n","import type { ComponentProps } from 'react';\nimport { Slot } from '@radix-ui/react-slot';\nimport { Trigger } from '@radix-ui/react-tooltip';\n\nimport { cn } from '../../utils';\n\n/**\n * Radix stamps the tooltip's own open/closed `data-state` onto the trigger. Merged onto an\n * `asChild` child that keeps a `data-state` of its own — `ToggleGroup.Item`, `Switch`, a `Tabs`\n * trigger — it wins, because those primitives spread incoming props *after* their own attribute.\n * The child then silently loses every `data-[state=…]` style it has, which is usually the only\n * thing marking it as selected.\n *\n * The tooltip's trigger state is styled nowhere, so it is dropped before it reaches the child.\n */\nconst WithoutTooltipState = ({\n  children,\n  ...props\n  // `Slot`'s own props, plus the one attribute this exists to remove: React's types declare no\n  // `data-*`, so it has to be named to be destructured away.\n}: ComponentProps<typeof Slot> & { 'data-state'?: string }) => {\n  const { 'data-state': _tooltipState, ...rest } = props;\n\n  return <Slot {...rest}>{children}</Slot>;\n};\n\ntype Props = {\n  keepOpenOnClick?: boolean;\n} & ComponentProps<typeof Trigger>;\n\nexport const TooltipTrigger = ({\n  ref,\n  children,\n  className,\n  keepOpenOnClick = false,\n  onClick,\n  onPointerDown,\n  asChild,\n  ...rest\n}: Props) => {\n  const handleClick: ComponentProps<typeof Trigger>['onClick'] = (event) => {\n    if (keepOpenOnClick) event.preventDefault();\n    onClick?.(event);\n  };\n\n  const handlePointerDown: ComponentProps<typeof Trigger>['onPointerDown'] = (event) => {\n    if (keepOpenOnClick) event.preventDefault();\n    onPointerDown?.(event);\n  };\n\n  return (\n    <Trigger\n      {...rest}\n      asChild\n      ref={ref}\n      className={cn('tailwindcss-preflight', className)}\n      onClick={handleClick}\n      onPointerDown={handlePointerDown}\n    >\n      {asChild ? (\n        <WithoutTooltipState>{children}</WithoutTooltipState>\n      ) : (\n        // Default-mode trigger wraps children in a span so Radix has a\n        // single DOM element to attach handlers to. `tailwindcss-preflight`\n        // (merged in via Slot) activates Tailwind's preflight inside the\n        // span, which sets `svg { display: block }` — without an inline-flex\n        // container that would stack any bare Lucide icon onto its own\n        // line. `tw:inline-flex tw:items-center` keeps icon + text aligned.\n        <span className=\"tw:inline-flex tw:items-center\">{children}</span>\n      )}\n    </Trigger>\n  );\n};\n","import { useState } from 'react';\nimport type { ComponentProps, ReactNode } from 'react';\nimport type { Content, Trigger } from '@radix-ui/react-tooltip';\nimport { Provider } from '@radix-ui/react-tooltip';\n\nimport { keyCodes } from '../../constants/keyCodes';\n\nimport { TooltipContent } from './TooltipContent';\nimport { TooltipRoot } from './TooltipRoot';\nimport { TooltipTrigger } from './TooltipTrigger';\n\nconst ACTION_TOOLTIP_LIMIT = 30;\n\ntype TriggerProps = {\n  triggerAsChild?: boolean;\n};\n\n/**\n * Props for `Tooltip`. `tooltip` is the popup content; `children` is the trigger element.\n * `variant` auto-resolves to `\"explanatory\"` for strings >30 chars, else `\"action\"`.\n */\nexport type Props = {\n  /** Keep the tooltip visible when the user clicks the trigger (useful for click-to-copy feedback). */\n  keepOpenOnTriggerClick?: boolean;\n  /** Content rendered inside the tooltip. Plain text only — no interactive elements (use `HoverCard` or `Popover` for that). */\n  tooltip: ReactNode;\n  children: ReactNode;\n  placement?: ComponentProps<typeof Content>['side'];\n  /** Forcibly hide the tooltip regardless of hover state. */\n  forceHide?: boolean;\n  /** Forcibly show the tooltip regardless of hover state. Useful for guided-tour overlays. */\n  forceShow?: boolean;\n  /** Hover delay before the tooltip opens, in ms. Defaults to the shared 300ms. */\n  delayDuration?: number;\n  className?: string;\n} & TriggerProps &\n  Pick<ComponentProps<typeof TooltipContent>, 'variant' | 'className'>;\n\n/** Re-export of Radix `Tooltip.Provider`. Mount once at the app root so tooltips share delay state. */\nexport const TooltipProvider = Provider;\n\n/**\n * Short plain-text label that appears on hover or focus.\n *\n * **When to use:** describing an icon-only `Button`, explaining a disabled control, or labelling a\n * truncated value. Plain text only — auto-switches to the longer `\"explanatory\"` variant when the string\n * exceeds 30 characters.\n * **When NOT to use:** for rich preview content (multiple lines, formatted text, structured data) use\n * `HoverCard`; for tooltips containing links or buttons use `Popover` (interactive elements break a11y\n * inside a `Tooltip`).\n * **Composition:** wrap any focusable element via `triggerAsChild` so the tooltip targets the underlying\n * native element. Mount `TooltipProvider` once at the app root.\n *\n * @see RECIPES.md#disabled-button-tooltip — for the disabled-button + tooltip pattern\n */\nexport const Tooltip = ({\n  tooltip,\n  children,\n  className,\n  keepOpenOnTriggerClick = false,\n  variant,\n  placement = 'right',\n  forceHide = false,\n  forceShow = false,\n  delayDuration,\n  // trigger props\n  triggerAsChild = false,\n}: Props) => {\n  const [open, setOpen] = useState(false);\n\n  const resolvedVariant = (() => {\n    if (!!variant) return variant;\n    if (typeof tooltip === 'string' && tooltip.length > ACTION_TOOLTIP_LIMIT) return 'explanatory';\n\n    return 'action';\n  })();\n\n  const isActionVariant = resolvedVariant === 'action';\n\n  const handleKeyUp: ComponentProps<typeof Trigger>['onKeyUp'] = (event) => {\n    if (![keyCodes.ENTER, keyCodes.SPACE].includes(event.key)) return;\n    event.stopPropagation();\n  };\n\n  return (\n    <TooltipRoot\n      open={!!tooltip && (open || forceShow) && !forceHide}\n      onOpenChange={setOpen}\n      delayDuration={delayDuration}\n      disableHoverableContent={isActionVariant}\n    >\n      <TooltipTrigger\n        asChild={triggerAsChild}\n        keepOpenOnClick={keepOpenOnTriggerClick}\n        onKeyUp={handleKeyUp}\n      >\n        {children}\n      </TooltipTrigger>\n\n      <TooltipContent\n        className={className}\n        variant={resolvedVariant}\n        placement={placement}\n        keepOpenOnPointerDownOutside={keepOpenOnTriggerClick}\n      >\n        {tooltip}\n      </TooltipContent>\n    </TooltipRoot>\n  );\n};\n\nTooltip.Root = TooltipRoot;\nTooltip.Content = TooltipContent;\nTooltip.Trigger = TooltipTrigger;\n"]}

package/dist/chunk-THHB4EWS.js

@@ -0,0 +1,72 @@
+import { cn } from './chunk-LXLIQ2D6.js';
+import * as ScrollAreaPrimitive2 from '@radix-ui/react-scroll-area';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+var ScrollBar = ({ className, orientation = "vertical", ...props }) => /* @__PURE__ */ jsx(
+  ScrollAreaPrimitive2.ScrollAreaScrollbar,
+  {
+    orientation,
+    className: cn(
+      "tw:flex tw:touch-none tw:select-none tw:transition-color",
+      {
+        "tw:h-full tw:w-2.5 tw:p-px": orientation === "vertical",
+        "tw:h-2.5 tw:flex-col tw:p-px": orientation === "horizontal"
+      },
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx(
+      ScrollAreaPrimitive2.ScrollAreaThumb,
+      {
+        className: cn(
+          "tw:relative",
+          "tw:flex-1",
+          "tw:rounded-full",
+          "tw:bg-border",
+          "tw:hover:bg-muted-foreground"
+        )
+      }
+    )
+  }
+);
+var ScrollArea = ({
+  ref,
+  className,
+  children,
+  viewPortClassName,
+  orientation,
+  scrollBarClassName,
+  ...props
+}) => /* @__PURE__ */ jsxs(
+  ScrollAreaPrimitive2.Root,
+  {
+    "data-slot": "scroll-area",
+    className: cn(
+      "tw:peer/scroll-area tw:relative tw:overflow-hidden tw:focus-visible:outline-hidden",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx(
+        ScrollAreaPrimitive2.Viewport,
+        {
+          ref,
+          className: cn(
+            "tw:h-full tw:w-full tw:rounded-[inherit] tw:focus-visible:outline-hidden",
+            viewPortClassName
+          ),
+          children
+        }
+      ),
+      orientation ? /* @__PURE__ */ jsx(ScrollBar, { className: scrollBarClassName, orientation }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(ScrollBar, { className: scrollBarClassName, orientation: "vertical" }),
+        /* @__PURE__ */ jsx(ScrollBar, { className: scrollBarClassName, orientation: "horizontal" })
+      ] }),
+      /* @__PURE__ */ jsx(ScrollAreaPrimitive2.Corner, {})
+    ]
+  }
+);
+
+export { ScrollArea, ScrollBar };
+//# sourceMappingURL=chunk-THHB4EWS.js.map
+//# sourceMappingURL=chunk-THHB4EWS.js.map

package/dist/chunk-THHB4EWS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ScrollArea/ScrollBar.tsx","../src/components/ScrollArea/ScrollArea.tsx"],"names":["ScrollAreaPrimitive","jsx"],"mappings":";;;;AAOO,IAAM,SAAA,GAAY,CAAC,EAAE,SAAA,EAAW,cAAc,UAAA,EAAY,GAAG,OAAM,qBACxE,GAAA;AAAA,EAAqBA,oBAAA,CAAA,mBAAA;AAAA,EAApB;AAAA,IACC,WAAA;AAAA,IACA,SAAA,EAAW,EAAA;AAAA,MACT,0DAAA;AAAA,MACA;AAAA,QACE,8BAA8B,WAAA,KAAgB,UAAA;AAAA,QAC9C,gCAAgC,WAAA,KAAgB;AAAA,OAClD;AAAA,MACA;AAAA,KACF;AAAA,IACC,GAAG,KAAA;AAAA,IAEJ,QAAA,kBAAA,GAAA;AAAA,MAAqBA,oBAAA,CAAA,eAAA;AAAA,MAApB;AAAA,QACC,SAAA,EAAW,EAAA;AAAA,UACT,aAAA;AAAA,UACA,WAAA;AAAA,UACA,iBAAA;AAAA,UACA,cAAA;AAAA,UACA;AAAA;AACF;AAAA;AACF;AACF;AChBK,IAAM,aAAa,CAAC;AAAA,EACzB,GAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA;AAAA,EACA,iBAAA;AAAA,EACA,WAAA;AAAA,EACA,kBAAA;AAAA,EACA,GAAG;AACL,CAAA,qBACE,IAAA;AAAA,EAAqB,oBAAA,CAAA,IAAA;AAAA,EAApB;AAAA,IACC,WAAA,EAAU,aAAA;AAAA,IACV,SAAA,EAAW,EAAA;AAAA,MACT,oFAAA;AAAA,MACA;AAAA,KACF;AAAA,IACC,GAAG,KAAA;AAAA,IAEJ,QAAA,EAAA;AAAA,sBAAAC,GAAAA;AAAA,QAAqB,oBAAA,CAAA,QAAA;AAAA,QAApB;AAAA,UACC,GAAA;AAAA,UACA,SAAA,EAAW,EAAA;AAAA,YACT,0EAAA;AAAA,YACA;AAAA,WACF;AAAA,UAEC;AAAA;AAAA,OACH;AAAA,MACC,WAAA,mBACCA,GAAAA,CAAC,SAAA,EAAA,EAAU,WAAW,kBAAA,EAAoB,WAAA,EAA0B,oBAEpE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,wBAAAA,GAAAA,CAAC,SAAA,EAAA,EAAU,SAAA,EAAW,kBAAA,EAAoB,aAAY,UAAA,EAAW,CAAA;AAAA,wBACjEA,GAAAA,CAAC,SAAA,EAAA,EAAU,SAAA,EAAW,kBAAA,EAAoB,aAAY,YAAA,EAAa;AAAA,OAAA,EACrE,CAAA;AAAA,sBAEFA,GAAAA,CAAqB,oBAAA,CAAA,MAAA,EAApB,EAA2B;AAAA;AAAA;AAC9B","file":"chunk-THHB4EWS.js","sourcesContent":["import type { ComponentProps } from 'react';\nimport * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>;\n\nexport const ScrollBar = ({ className, orientation = 'vertical', ...props }: Props) => (\n  <ScrollAreaPrimitive.ScrollAreaScrollbar\n    orientation={orientation}\n    className={cn(\n      'tw:flex tw:touch-none tw:select-none tw:transition-color',\n      {\n        'tw:h-full tw:w-2.5 tw:p-px': orientation === 'vertical',\n        'tw:h-2.5 tw:flex-col tw:p-px': orientation === 'horizontal',\n      },\n      className,\n    )}\n    {...props}\n  >\n    <ScrollAreaPrimitive.ScrollAreaThumb\n      className={cn(\n        'tw:relative',\n        'tw:flex-1',\n        'tw:rounded-full',\n        'tw:bg-border',\n        'tw:hover:bg-muted-foreground',\n      )}\n    />\n  </ScrollAreaPrimitive.ScrollAreaScrollbar>\n);\n","import type { ComponentProps } from 'react';\nimport * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';\n\nimport { cn } from '../../utils';\n\nimport { ScrollBar } from './ScrollBar';\n\ntype Props = ComponentProps<typeof ScrollAreaPrimitive.Root> & {\n  viewPortClassName?: string;\n  scrollBarClassName?: string;\n  orientation?: ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>['orientation'];\n};\n\nexport const ScrollArea = ({\n  ref,\n  className,\n  children,\n  viewPortClassName,\n  orientation,\n  scrollBarClassName,\n  ...props\n}: Props) => (\n  <ScrollAreaPrimitive.Root\n    data-slot=\"scroll-area\"\n    className={cn(\n      'tw:peer/scroll-area tw:relative tw:overflow-hidden tw:focus-visible:outline-hidden',\n      className,\n    )}\n    {...props}\n  >\n    <ScrollAreaPrimitive.Viewport\n      ref={ref}\n      className={cn(\n        'tw:h-full tw:w-full tw:rounded-[inherit] tw:focus-visible:outline-hidden',\n        viewPortClassName,\n      )}\n    >\n      {children}\n    </ScrollAreaPrimitive.Viewport>\n    {orientation ? (\n      <ScrollBar className={scrollBarClassName} orientation={orientation} />\n    ) : (\n      <>\n        <ScrollBar className={scrollBarClassName} orientation=\"vertical\" />\n        <ScrollBar className={scrollBarClassName} orientation=\"horizontal\" />\n      </>\n    )}\n    <ScrollAreaPrimitive.Corner />\n  </ScrollAreaPrimitive.Root>\n);\n"]}