@keboola/design 10.1.0 → 11.0.0

package/dist/chunk-F3FOFY2P.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Card/styles.ts","../src/components/Card/CardContent.tsx","../src/components/Card/CardHeader.tsx","../src/components/Card/CardTitle.tsx","../src/components/Card/Card.tsx"],"names":["jsx"],"mappings":"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","file":"chunk-F3FOFY2P.js","sourcesContent":["import { cva } from 'class-variance-authority';\n\nimport { cn } from '../../utils';\n\nexport const cardClassnames = cva(\n  ['tw:flex', 'tw:flex-col', 'tw:rounded-lg', 'tw:bg-card', 'tw:text-card-foreground'],\n  {\n    defaultVariants: {\n      padding: 'small',\n    },\n    variants: {\n      bordered: {\n        true: 'tw:border tw:border-solid tw:border-neutral-200 tw:data-[argo=true]:border-border',\n        false: 'tw:shadow-raised tw:data-[argo=true]:shadow-sm',\n      },\n      // `none` also drops the row gap: the slots own their own padding in that\n      // mode, so a gap would double-space a `Card.Header divider` against the\n      // content it is already ruled off from.\n      padding: {\n        none: 'tw:p-0',\n        small: 'tw:gap-4 tw:px-6 tw:py-4',\n        medium: 'tw:gap-4 tw:p-7',\n        large: 'tw:gap-4 tw:p-8',\n      },\n    },\n  },\n);\n\nexport const cardHeaderClassnames = cva('tw:flex', {\n  defaultVariants: {\n    divider: false,\n    layout: 'row',\n  },\n  variants: {\n    // A divider only reads correctly full-bleed, which in turn only happens on an\n    // unpadded root — so it carries the header's own padding rather than relying\n    // on `Card padding`.\n    //\n    // No `border-solid` here, unlike the `bordered` root: that sets the style on\n    // all four sides, and with only `border-b` supplying a width the other three\n    // fall back to the CSS initial `medium` (3px) and draw a box round the header.\n    // `border-b` already sets its own side's style.\n    // `min-h-16` keeps the band a consistent height whether the header holds just a\n    // title or a title plus a button — with padding alone the height tracks the\n    // tallest child, so an action button made the band 9px taller than a bare title.\n    // Padding stays small enough that both cases land on the min rather than over it.\n    divider: {\n      true: 'tw:min-h-16 tw:border-b tw:border-neutral-200 tw:px-6 tw:py-2 tw:data-[argo=true]:border-border',\n      false: '',\n    },\n    layout: {\n      row: 'tw:items-center tw:justify-between tw:gap-4',\n      inline: 'tw:items-center tw:gap-3',\n      stack: 'tw:flex-col tw:gap-1.5',\n    },\n  },\n});\n\nexport const cardContentClassnames = cva('', {\n  defaultVariants: {\n    padded: false,\n  },\n  variants: {\n    padded: {\n      true: 'tw:px-6 tw:py-5',\n      false: '',\n    },\n  },\n});\n\nexport const cardTitleClassnames = cn(\n  'tw:m-0',\n  'tw:leading-6',\n  'tw:font-medium',\n  'tw:text-base',\n  'tw:text-card-foreground',\n);\n","import type { HTMLAttributes } from 'react';\n\nimport { cardContentClassnames } from './styles';\n\ntype Props = HTMLAttributes<HTMLDivElement> & {\n  /** Applies the standard body padding. Use with `Card padding=\"none\"`, where the\n   *  root adds none — otherwise the padding is doubled. */\n  padded?: boolean;\n};\n\nexport const CardContent = ({ children, className, padded = false, ...rest }: Props) => (\n  // `|| undefined` so an unpadded, unstyled content slot stays attribute-free\n  // rather than rendering `class=\"\"`.\n  <div {...rest} className={cardContentClassnames({ className, padded }) || undefined}>\n    {children}\n  </div>\n);\n","import type { HTMLAttributes } from 'react';\n\nimport { useArgoDesign } from '../ThemeProvider/context';\n\nimport { cardHeaderClassnames } from './styles';\n\ntype Props = HTMLAttributes<HTMLDivElement> & {\n  /** Adds a bottom rule, the header's own padding, and a 64px height floor so the\n   *  band stays the same height with or without an action button. The rule spans the\n   *  full card width — pair with `Card padding=\"none\"`; on a padded root it is inset. */\n  divider?: boolean;\n  /** How the header distributes its children. `row` (default) pushes them apart —\n   *  title left, actions right. `inline` keeps them together on one line, for a\n   *  title with an adornment such as an icon or badge. `stack` puts a description\n   *  under the title. */\n  layout?: 'row' | 'inline' | 'stack';\n};\n\nexport const CardHeader = ({\n  children,\n  className,\n  divider = false,\n  layout = 'row',\n  ...rest\n}: Props) => {\n  const renderArgo = useArgoDesign();\n  return (\n    <div\n      {...rest}\n      data-argo={renderArgo}\n      className={cardHeaderClassnames({ className, divider, layout })}\n    >\n      {children}\n    </div>\n  );\n};\n","import type { HTMLAttributes } from 'react';\n\nimport { cn } from '../../utils';\n\nimport { cardTitleClassnames } from './styles';\n\ntype HeadingLevel = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n\ntype Props = HTMLAttributes<HTMLHeadingElement> & {\n  /** Heading tag to render. Defaults to `h3`; set explicitly to avoid a heading-order skip\n   *  (e.g. `as=\"h2\"` when the Card sits directly under a page's `h1`). */\n  as?: HeadingLevel;\n};\n\nexport const CardTitle = ({ children, className, as: Tag = 'h3', ...rest }: Props) => (\n  <Tag className={cn(cardTitleClassnames, className)} {...rest}>\n    {children}\n  </Tag>\n);\n","import type { HTMLAttributes } from 'react';\nimport type { VariantProps } from 'class-variance-authority';\n\nimport { useArgoDesign } from '../ThemeProvider/context';\n\nimport { CardContent } from './CardContent';\nimport { CardHeader } from './CardHeader';\nimport { CardTitle } from './CardTitle';\nimport { cardClassnames } from './styles';\n\ntype Props = HTMLAttributes<HTMLDivElement> & VariantProps<typeof cardClassnames>;\n\nexport const Card = ({\n  children,\n  className,\n  bordered = false,\n  padding = 'small',\n  ...rest\n}: Props) => {\n  const renderArgo = useArgoDesign();\n  return (\n    <div\n      {...rest}\n      data-argo={renderArgo}\n      className={cardClassnames({ className, bordered, padding })}\n    >\n      {children}\n    </div>\n  );\n};\n\nCard.Header = CardHeader;\nCard.Content = CardContent;\nCard.Title = CardTitle;\n"]}

package/dist/chunk-F6BTWFOC.js

@@ -0,0 +1,507 @@
+import { Collapsible } from './chunk-FVPGQ6UE.js';
+import { useControllableState } from './chunk-WKAUEL6I.js';
+import { cn } from './chunk-LXLIQ2D6.js';
+import { createContext, use, useState, useMemo, useRef, useEffect } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Slot } from '@radix-ui/react-slot';
+
+// src/components/Workbench/constants.ts
+var DEFAULT_WORKBENCH_BAR_HEIGHT_IN_REM = 2.75;
+var MIN_WORKBENCH_BAR_HEIGHT_IN_REM = 1;
+var DEFAULT_WORKBENCH_PANEL_HEIGHT_IN_PX = 320;
+var MIN_WORKBENCH_PANEL_HEIGHT_IN_PX = 120;
+var WORKBENCH_PANEL_RESIZE_STEP_IN_PX = 24;
+var WORKBENCH_PANEL_FULL_SCREEN_EXIT_RATIO = 0.8;
+var createWorkbenchActions = (setState) => ({
+  // Opening an already-open panel leaves full screen alone.
+  expand: () => setState((state) => state === "collapsed" ? "expanded" : state),
+  collapse: () => setState("collapsed"),
+  toggleExpanded: () => setState((state) => state === "collapsed" ? "expanded" : "collapsed"),
+  enterFullScreen: () => setState("full-screen"),
+  // Exiting returns to the open panel, never to a closed one — this is a restore, not a collapse.
+  exitFullScreen: () => setState((state) => state === "full-screen" ? "expanded" : state),
+  toggleFullScreen: () => setState((state) => state === "full-screen" ? "expanded" : "full-screen")
+});
+var WorkbenchContext = createContext(null);
+var useWorkbench = () => {
+  const context = use(WorkbenchContext);
+  if (context === null) {
+    throw new Error("Workbench compound components must be rendered inside <Workbench>.");
+  }
+  return context;
+};
+var WorkbenchBarEnd = ({ className, ...props }) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    ...props,
+    "data-slot": "workbench-bar-end",
+    className: cn(
+      // grid placement
+      "tw:col-start-3",
+      "tw:row-start-1",
+      // layout
+      "tw:flex",
+      "tw:items-center",
+      "tw:justify-end",
+      "tw:gap-2",
+      className
+    )
+  }
+);
+var WorkbenchBarMiddle = ({ className, ...props }) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    ...props,
+    "data-slot": "workbench-bar-middle",
+    className: cn(
+      // grid placement
+      "tw:col-start-2",
+      "tw:row-start-1",
+      // layout
+      "tw:flex",
+      "tw:items-center",
+      "tw:justify-center",
+      "tw:gap-2",
+      className
+    )
+  }
+);
+var WorkbenchBarStart = ({ className, ...props }) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    ...props,
+    "data-slot": "workbench-bar-start",
+    className: cn(
+      // grid placement
+      "tw:col-start-1",
+      "tw:row-start-1",
+      // layout
+      "tw:flex",
+      "tw:items-center",
+      "tw:gap-2",
+      className
+    )
+  }
+);
+var WorkbenchBar = ({ className, children, ...props }) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: cn(
+      // layout
+      "tw:grid",
+      "tw:grid-cols-[auto_1fr_auto]",
+      "tw:items-center",
+      "tw:gap-x-2",
+      // sizing
+      "tw:h-(--workbench-bar-height)",
+      "tw:shrink-0",
+      "tw:pointer-events-auto",
+      // surface
+      "tw:border-t",
+      "tw:border-sidebar-border",
+      "tw:bg-sidebar",
+      // spacing
+      "tw:px-3",
+      // typography
+      "tw:text-xs",
+      className
+    ),
+    ...props,
+    children
+  }
+);
+WorkbenchBar.Start = WorkbenchBarStart;
+WorkbenchBar.Middle = WorkbenchBarMiddle;
+WorkbenchBar.End = WorkbenchBarEnd;
+var WorkbenchFullScreenTrigger = ({ asChild = false, onClick, ...props }) => {
+  const { state, toggleFullScreen } = useWorkbench();
+  const isFullScreen = state === "full-screen";
+  const Comp = asChild ? Slot : "button";
+  const handleClick = (event) => {
+    onClick?.(event);
+    if (!event.defaultPrevented) {
+      toggleFullScreen();
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      ...asChild ? {} : { type: "button" },
+      ...props,
+      "data-slot": "workbench-full-screen-trigger",
+      "data-state": isFullScreen ? "on" : "off",
+      onClick: handleClick
+    }
+  );
+};
+var getMaxHeight = (panel) => {
+  const hostTop = panel.offsetParent?.getBoundingClientRect().top ?? 0;
+  return Math.max(panel.getBoundingClientRect().bottom - hostTop, MIN_WORKBENCH_PANEL_HEIGHT_IN_PX);
+};
+var clampHeight = (height, panel) => Math.min(Math.max(height, MIN_WORKBENCH_PANEL_HEIGHT_IN_PX), getMaxHeight(panel));
+var WorkbenchPanelResizeHandle = ({ panelRef }) => {
+  const {
+    state,
+    panelHeight,
+    setPanelHeight,
+    isResizing,
+    setIsResizing,
+    enterFullScreen,
+    exitFullScreen
+  } = useWorkbench();
+  const grabOffsetRef = useRef(0);
+  const previousStateRef = useRef(state);
+  const isFullScreenRequestedRef = useRef(state === "full-screen");
+  const enteredFullScreenByDragRef = useRef(false);
+  const exitedFullScreenByDragRef = useRef(false);
+  useEffect(() => {
+    if (!isResizing) return;
+    const { body } = document;
+    const { cursor, userSelect } = body.style;
+    body.style.cursor = "ns-resize";
+    body.style.userSelect = "none";
+    return () => {
+      body.style.cursor = cursor;
+      body.style.userSelect = userSelect;
+    };
+  }, [isResizing]);
+  useEffect(() => {
+    const previous = previousStateRef.current;
+    const panel = panelRef.current;
+    previousStateRef.current = state;
+    isFullScreenRequestedRef.current = state === "full-screen";
+    if (previous !== "full-screen" || state !== "expanded" || !panel) return;
+    const draggedIntoFullScreen = enteredFullScreenByDragRef.current;
+    const draggedOutOfFullScreen = exitedFullScreenByDragRef.current;
+    enteredFullScreenByDragRef.current = false;
+    exitedFullScreenByDragRef.current = false;
+    if (!draggedIntoFullScreen || draggedOutOfFullScreen) return;
+    setPanelHeight(
+      clampHeight(getMaxHeight(panel) * WORKBENCH_PANEL_FULL_SCREEN_EXIT_RATIO, panel)
+    );
+  }, [state, panelRef, setPanelHeight]);
+  const applyHeight = (height, panel) => {
+    const isFullScreen = isFullScreenRequestedRef.current;
+    if (height >= getMaxHeight(panel)) {
+      if (!isFullScreen) {
+        isFullScreenRequestedRef.current = true;
+        enteredFullScreenByDragRef.current = true;
+        enterFullScreen();
+      }
+      return;
+    }
+    if (isFullScreen) {
+      isFullScreenRequestedRef.current = false;
+      exitedFullScreenByDragRef.current = true;
+      exitFullScreen();
+    }
+    setPanelHeight(Math.max(height, MIN_WORKBENCH_PANEL_HEIGHT_IN_PX));
+  };
+  const handlePointerDown = (event) => {
+    const panel = panelRef.current;
+    if (event.button !== 0 || !panel) return;
+    event.preventDefault();
+    event.currentTarget.setPointerCapture(event.pointerId);
+    grabOffsetRef.current = panel.getBoundingClientRect().top - event.clientY;
+    setIsResizing(true);
+  };
+  const handlePointerMove = (event) => {
+    const panel = panelRef.current;
+    if (!panel || !event.currentTarget.hasPointerCapture(event.pointerId)) return;
+    const top = event.clientY + grabOffsetRef.current;
+    applyHeight(panel.getBoundingClientRect().bottom - top, panel);
+  };
+  const handleKeyDown = (event) => {
+    const panel = panelRef.current;
+    if (!panel) return;
+    const step = event.shiftKey ? WORKBENCH_PANEL_RESIZE_STEP_IN_PX * 4 : WORKBENCH_PANEL_RESIZE_STEP_IN_PX;
+    const delta = event.key === "ArrowUp" ? step : event.key === "ArrowDown" ? -step : 0;
+    if (delta === 0) return;
+    event.preventDefault();
+    applyHeight(
+      (isFullScreenRequestedRef.current ? getMaxHeight(panel) : panelHeight) + delta,
+      panel
+    );
+  };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: "separator",
+      "aria-orientation": "horizontal",
+      "aria-label": "Resize panel",
+      "aria-valuenow": Math.round(panelHeight),
+      "aria-valuemin": MIN_WORKBENCH_PANEL_HEIGHT_IN_PX,
+      tabIndex: 0,
+      onPointerDown: handlePointerDown,
+      onPointerMove: handlePointerMove,
+      onLostPointerCapture: () => setIsResizing(false),
+      onKeyDown: handleKeyDown,
+      className: cn(
+        // group
+        "tw:group/workbench-resize",
+        // positioning — the panel is the positioned ancestor
+        "tw:absolute",
+        "tw:inset-x-0",
+        "tw:top-0",
+        "tw:z-10",
+        // sizing
+        "tw:h-2",
+        // layout — the whole strip grabs, only the pill shows
+        "tw:flex",
+        "tw:justify-center",
+        // affordance
+        "tw:cursor-ns-resize",
+        "tw:touch-none",
+        // focus
+        "tw:outline-none"
+      ),
+      children: /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: cn(
+            // layout — hangs below the strip so the pill sits clear of the top edge, and
+            // grabs there too since the events bubble to the strip
+            "tw:flex",
+            "tw:h-3",
+            "tw:w-16",
+            "tw:items-end",
+            "tw:justify-center"
+          ),
+          children: /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: cn(
+                // sizing
+                "tw:h-1.5",
+                "tw:w-16",
+                // surface
+                "tw:rounded-full",
+                "tw:bg-input",
+                "tw:transition-colors",
+                "tw:group-hover/workbench-resize:bg-muted-foreground",
+                "tw:group-focus-visible/workbench-resize:bg-muted-foreground",
+                "tw:group-data-[workbench-resizing=true]/workbench:bg-muted-foreground"
+              )
+            }
+          )
+        }
+      )
+    }
+  );
+};
+var clearRadixMeasurementTransitionBlock = (panel) => {
+  if (panel) panel.style.transitionDuration = "";
+};
+var WorkbenchPanel = ({ className, children, ...props }) => {
+  const panelRef = useRef(null);
+  useEffect(() => clearRadixMeasurementTransitionBlock(panelRef.current), []);
+  return /* @__PURE__ */ jsxs(
+    Collapsible.Content,
+    {
+      ref: panelRef,
+      style: { "--workbench-panel-shadow": "0 -8px 24px -6px rgb(0 0 0 / 0.08)" },
+      className: cn(
+        // positioning — against the host, which must be a positioned element
+        "tw:absolute",
+        "tw:inset-x-0",
+        "tw:bottom-(--workbench-bar-height)",
+        "tw:pointer-events-auto",
+        // height — the drag-controlled var, capped at the space above the bar so the panel
+        // never covers it, whatever height was dragged or restored
+        "tw:h-(--workbench-panel-height)",
+        "tw:max-h-[calc(100%-var(--workbench-bar-height))]",
+        "tw:group-data-[workbench-state=full-screen]/workbench:h-[calc(100%-var(--workbench-bar-height))]",
+        // height transition
+        "tw:transition-[height]",
+        "tw:duration-200",
+        "tw:ease-out",
+        "tw:group-data-[workbench-resizing=true]/workbench:transition-none",
+        // surface
+        "tw:border-x",
+        "tw:border-t",
+        "tw:border-border",
+        // clipping
+        "tw:overflow-hidden",
+        // raised edge
+        "tw:group-not-data-[workbench-state=full-screen]/workbench:rounded-t-2xl",
+        "tw:group-not-data-[workbench-state=full-screen]/workbench:shadow-(--workbench-panel-shadow)"
+      ),
+      children: [
+        /* @__PURE__ */ jsx(WorkbenchPanelResizeHandle, { panelRef }),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              // layout
+              "tw:flex",
+              "tw:flex-col",
+              "tw:h-full",
+              // surface
+              "tw:bg-background",
+              className
+            ),
+            ...props,
+            children
+          }
+        )
+      ]
+    }
+  );
+};
+var WorkbenchPanelActions = ({ className, asChild = false, ...props }) => {
+  const Comp = asChild ? Slot : "div";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      ...props,
+      "data-slot": "workbench-panel-actions",
+      className: cn(
+        // grid placement
+        "tw:col-start-2",
+        "tw:row-start-1",
+        // layout
+        "tw:flex",
+        "tw:items-center",
+        "tw:gap-2",
+        className
+      )
+    }
+  );
+};
+var WorkbenchPanelContent = ({ className, children, ...props }) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: cn(
+      // layout
+      "tw:min-h-0",
+      "tw:flex-1",
+      "tw:overflow-auto",
+      className
+    ),
+    ...props,
+    children
+  }
+);
+var WorkbenchPanelHeader = ({ className, children, ...props }) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: cn(
+      // layout
+      "tw:grid",
+      "tw:grid-cols-[1fr_auto]",
+      "tw:items-center",
+      "tw:gap-x-2",
+      // sizing
+      "tw:shrink-0",
+      // surface
+      "tw:bg-sidebar",
+      // spacing
+      "tw:px-3",
+      "tw:py-2",
+      // typography
+      "tw:text-xs",
+      className
+    ),
+    ...props,
+    children
+  }
+);
+var WorkbenchPanelTitle = ({ className, ...props }) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    ...props,
+    "data-slot": "workbench-panel-title",
+    className: cn(
+      // grid placement
+      "tw:col-start-1",
+      // layout
+      "tw:flex",
+      "tw:items-center",
+      // typography
+      "tw:text-sm",
+      "tw:font-semibold",
+      "tw:text-foreground",
+      className
+    )
+  }
+);
+var Workbench = ({
+  className,
+  children,
+  state: stateProp,
+  defaultState = "collapsed",
+  onStateChange,
+  barHeight = DEFAULT_WORKBENCH_BAR_HEIGHT_IN_REM,
+  panelHeight: panelHeightProp,
+  defaultPanelHeight = DEFAULT_WORKBENCH_PANEL_HEIGHT_IN_PX,
+  onPanelHeightChange
+}) => {
+  const [state, setState] = useControllableState({
+    prop: stateProp,
+    defaultProp: defaultState,
+    onChange: onStateChange
+  });
+  const [panelHeight, setPanelHeight] = useControllableState({
+    prop: panelHeightProp,
+    defaultProp: defaultPanelHeight,
+    onChange: onPanelHeightChange
+  });
+  const [isResizing, setIsResizing] = useState(false);
+  const actions = useMemo(() => createWorkbenchActions(setState), [setState]);
+  const value = useMemo(
+    () => ({
+      state,
+      setState,
+      panelHeight,
+      setPanelHeight,
+      isResizing,
+      setIsResizing,
+      ...actions
+    }),
+    [state, setState, panelHeight, setPanelHeight, isResizing, actions]
+  );
+  const clampedBarHeight = Math.max(barHeight, MIN_WORKBENCH_BAR_HEIGHT_IN_REM);
+  const clampedPanelHeight = Math.max(panelHeight, MIN_WORKBENCH_PANEL_HEIGHT_IN_PX);
+  return /* @__PURE__ */ jsx(WorkbenchContext, { value, children: /* @__PURE__ */ jsx(
+    Collapsible,
+    {
+      open: state !== "collapsed",
+      onOpenChange: (open) => setState(open ? "expanded" : "collapsed"),
+      "data-workbench-state": state,
+      "data-workbench-resizing": isResizing ? "true" : void 0,
+      style: {
+        "--workbench-bar-height": `${clampedBarHeight}rem`,
+        "--workbench-panel-height": `${clampedPanelHeight}px`
+      },
+      className: cn(
+        // reset
+        "tailwindcss-preflight",
+        // group
+        "tw:group/workbench",
+        // positioning — above the chrome layer (`z-50`) *and* above a `Sidebar` in
+        // `expand-on-hover`, which takes `z-51` to float over content; the dock outranks both.
+        // Overlays (Modal / Sheet / Popover / Tooltip) live at 1051+, so they still win.
+        "tw:z-[52]",
+        // layout
+        "tw:shrink-0",
+        className
+      ),
+      children
+    }
+  ) });
+};
+Workbench.Bar = WorkbenchBar;
+Workbench.BarStart = WorkbenchBarStart;
+Workbench.BarMiddle = WorkbenchBarMiddle;
+Workbench.BarEnd = WorkbenchBarEnd;
+Workbench.Panel = WorkbenchPanel;
+Workbench.PanelHeader = WorkbenchPanelHeader;
+Workbench.PanelTitle = WorkbenchPanelTitle;
+Workbench.PanelActions = WorkbenchPanelActions;
+Workbench.PanelContent = WorkbenchPanelContent;
+Workbench.Trigger = Collapsible.Trigger;
+Workbench.FullScreenTrigger = WorkbenchFullScreenTrigger;
+
+export { DEFAULT_WORKBENCH_BAR_HEIGHT_IN_REM, DEFAULT_WORKBENCH_PANEL_HEIGHT_IN_PX, MIN_WORKBENCH_PANEL_HEIGHT_IN_PX, Workbench, useWorkbench };
+//# sourceMappingURL=chunk-F6BTWFOC.js.map
+//# sourceMappingURL=chunk-F6BTWFOC.js.map

package/dist/chunk-F6BTWFOC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Workbench/constants.ts","../src/components/Workbench/context.ts","../src/components/Workbench/WorkbenchBar/WorkbenchBarEnd.tsx","../src/components/Workbench/WorkbenchBar/WorkbenchBarMiddle.tsx","../src/components/Workbench/WorkbenchBar/WorkbenchBarStart.tsx","../src/components/Workbench/WorkbenchBar/WorkbenchBar.tsx","../src/components/Workbench/WorkbenchFullScreenTrigger.tsx","../src/components/Workbench/WorkbenchPanel/WorkbenchPanelResizeHandle.tsx","../src/components/Workbench/WorkbenchPanel/WorkbenchPanel.tsx","../src/components/Workbench/WorkbenchPanel/WorkbenchPanelActions.tsx","../src/components/Workbench/WorkbenchPanel/WorkbenchPanelContent.tsx","../src/components/Workbench/WorkbenchPanel/WorkbenchPanelHeader.tsx","../src/components/Workbench/WorkbenchPanel/WorkbenchPanelTitle.tsx","../src/components/Workbench/Workbench.tsx"],"names":["jsx","useRef","useEffect","Slot"],"mappings":"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","file":"chunk-F6BTWFOC.js","sourcesContent":["export const DEFAULT_WORKBENCH_BAR_HEIGHT_IN_REM = 2.75;\n\nexport const MIN_WORKBENCH_BAR_HEIGHT_IN_REM = 1;\n\nexport const DEFAULT_WORKBENCH_PANEL_HEIGHT_IN_PX = 320;\n\nexport const MIN_WORKBENCH_PANEL_HEIGHT_IN_PX = 120;\n\nexport const WORKBENCH_PANEL_RESIZE_STEP_IN_PX = 24;\n\nexport const WORKBENCH_PANEL_FULL_SCREEN_EXIT_RATIO = 0.8;\n","import { createContext, use } from 'react';\nimport type { Dispatch, SetStateAction } from 'react';\n\n/**\n * Full screen is a mode of the open panel, not a flag beside it — as two booleans the fourth\n * combination (collapsed *and* full screen) is expressible but meaningless.\n */\nexport type WorkbenchState = 'collapsed' | 'expanded' | 'full-screen';\n\ntype WorkbenchActions = {\n  expand: () => void;\n  collapse: () => void;\n  toggleExpanded: () => void;\n  enterFullScreen: () => void;\n  exitFullScreen: () => void;\n  toggleFullScreen: () => void;\n};\n\ntype WorkbenchContextValue = WorkbenchActions & {\n  state: WorkbenchState;\n  setState: Dispatch<SetStateAction<WorkbenchState>>;\n  panelHeight: number;\n  setPanelHeight: Dispatch<SetStateAction<number>>;\n  isResizing: boolean;\n  setIsResizing: (isResizing: boolean) => void;\n};\n\nexport const createWorkbenchActions = (\n  setState: Dispatch<SetStateAction<WorkbenchState>>,\n): WorkbenchActions => ({\n  // Opening an already-open panel leaves full screen alone.\n  expand: () => setState((state) => (state === 'collapsed' ? 'expanded' : state)),\n  collapse: () => setState('collapsed'),\n  toggleExpanded: () => setState((state) => (state === 'collapsed' ? 'expanded' : 'collapsed')),\n\n  enterFullScreen: () => setState('full-screen'),\n  // Exiting returns to the open panel, never to a closed one — this is a restore, not a collapse.\n  exitFullScreen: () => setState((state) => (state === 'full-screen' ? 'expanded' : state)),\n  toggleFullScreen: () =>\n    setState((state) => (state === 'full-screen' ? 'expanded' : 'full-screen')),\n});\n\nexport const WorkbenchContext = createContext<WorkbenchContextValue | null>(null);\n\n/**\n * The parts sit at arbitrary depth under `<Workbench>` — a trigger lives inside the panel header,\n * three levels down — so the state travels by context rather than props.\n */\nexport const useWorkbench = (): WorkbenchContextValue => {\n  const context = use(WorkbenchContext);\n\n  if (context === null) {\n    throw new Error('Workbench compound components must be rendered inside <Workbench>.');\n  }\n\n  return context;\n};\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '../../../utils';\n\ntype Props = ComponentProps<'div'>;\n\nexport const WorkbenchBarEnd = ({ className, ...props }: Props) => (\n  <div\n    {...props}\n    data-slot=\"workbench-bar-end\"\n    className={cn(\n      // grid placement\n      'tw:col-start-3',\n      'tw:row-start-1',\n\n      // layout\n      'tw:flex',\n      'tw:items-center',\n      'tw:justify-end',\n      'tw:gap-2',\n\n      className,\n    )}\n  />\n);\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '../../../utils';\n\ntype Props = ComponentProps<'div'>;\n\nexport const WorkbenchBarMiddle = ({ className, ...props }: Props) => (\n  <div\n    {...props}\n    data-slot=\"workbench-bar-middle\"\n    className={cn(\n      // grid placement\n      'tw:col-start-2',\n      'tw:row-start-1',\n\n      // layout\n      'tw:flex',\n      'tw:items-center',\n      'tw:justify-center',\n      'tw:gap-2',\n\n      className,\n    )}\n  />\n);\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '../../../utils';\n\ntype Props = ComponentProps<'div'>;\n\nexport const WorkbenchBarStart = ({ className, ...props }: Props) => (\n  <div\n    {...props}\n    data-slot=\"workbench-bar-start\"\n    className={cn(\n      // grid placement\n      'tw:col-start-1',\n      'tw:row-start-1',\n\n      // layout\n      'tw:flex',\n      'tw:items-center',\n      'tw:gap-2',\n\n      className,\n    )}\n  />\n);\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '../../../utils';\n\nimport { WorkbenchBarEnd } from './WorkbenchBarEnd';\nimport { WorkbenchBarMiddle } from './WorkbenchBarMiddle';\nimport { WorkbenchBarStart } from './WorkbenchBarStart';\n\ntype Props = ComponentProps<'div'>;\n\nexport const WorkbenchBar = ({ className, children, ...props }: Props) => (\n  <div\n    className={cn(\n      // layout\n      'tw:grid',\n      'tw:grid-cols-[auto_1fr_auto]',\n      'tw:items-center',\n      'tw:gap-x-2',\n\n      // sizing\n      'tw:h-(--workbench-bar-height)',\n      'tw:shrink-0',\n      'tw:pointer-events-auto',\n\n      // surface\n      'tw:border-t',\n      'tw:border-sidebar-border',\n      'tw:bg-sidebar',\n\n      // spacing\n      'tw:px-3',\n\n      // typography\n      'tw:text-xs',\n\n      className,\n    )}\n    {...props}\n  >\n    {children}\n  </div>\n);\n\nWorkbenchBar.Start = WorkbenchBarStart;\nWorkbenchBar.Middle = WorkbenchBarMiddle;\nWorkbenchBar.End = WorkbenchBarEnd;\n","import type { ComponentProps, MouseEvent } from 'react';\nimport { Slot } from '@radix-ui/react-slot';\n\nimport { useWorkbench } from './context';\n\ntype Props = ComponentProps<'button'> & {\n  asChild?: boolean;\n};\n\nexport const WorkbenchFullScreenTrigger = ({ asChild = false, onClick, ...props }: Props) => {\n  const { state, toggleFullScreen } = useWorkbench();\n  const isFullScreen = state === 'full-screen';\n  const Comp = asChild ? Slot : 'button';\n\n  const handleClick = (event: MouseEvent<HTMLButtonElement>) => {\n    onClick?.(event);\n\n    if (!event.defaultPrevented) {\n      toggleFullScreen();\n    }\n  };\n\n  return (\n    <Comp\n      {...(asChild ? {} : { type: 'button' as const })}\n      {...props}\n      data-slot=\"workbench-full-screen-trigger\"\n      data-state={isFullScreen ? 'on' : 'off'}\n      onClick={handleClick}\n    />\n  );\n};\n","import { useEffect, useRef } from 'react';\nimport type { KeyboardEvent, PointerEvent, RefObject } from 'react';\n\nimport { cn } from '../../../utils';\nimport {\n  MIN_WORKBENCH_PANEL_HEIGHT_IN_PX,\n  WORKBENCH_PANEL_FULL_SCREEN_EXIT_RATIO,\n  WORKBENCH_PANEL_RESIZE_STEP_IN_PX,\n} from '../constants';\nimport { useWorkbench } from '../context';\n\ntype Props = {\n  panelRef: RefObject<HTMLDivElement | null>;\n};\n\nconst getMaxHeight = (panel: HTMLDivElement) => {\n  const hostTop = panel.offsetParent?.getBoundingClientRect().top ?? 0;\n\n  return Math.max(panel.getBoundingClientRect().bottom - hostTop, MIN_WORKBENCH_PANEL_HEIGHT_IN_PX);\n};\n\nconst clampHeight = (height: number, panel: HTMLDivElement) =>\n  Math.min(Math.max(height, MIN_WORKBENCH_PANEL_HEIGHT_IN_PX), getMaxHeight(panel));\n\nexport const WorkbenchPanelResizeHandle = ({ panelRef }: Props) => {\n  const {\n    state,\n    panelHeight,\n    setPanelHeight,\n    isResizing,\n    setIsResizing,\n    enterFullScreen,\n    exitFullScreen,\n  } = useWorkbench();\n  const grabOffsetRef = useRef(0);\n  const previousStateRef = useRef(state);\n  const isFullScreenRequestedRef = useRef(state === 'full-screen');\n  const enteredFullScreenByDragRef = useRef(false);\n  const exitedFullScreenByDragRef = useRef(false);\n\n  useEffect(() => {\n    if (!isResizing) return;\n\n    const { body } = document;\n    const { cursor, userSelect } = body.style;\n\n    body.style.cursor = 'ns-resize';\n    body.style.userSelect = 'none';\n\n    return () => {\n      body.style.cursor = cursor;\n      body.style.userSelect = userSelect;\n    };\n  }, [isResizing]);\n\n  useEffect(() => {\n    const previous = previousStateRef.current;\n    const panel = panelRef.current;\n\n    previousStateRef.current = state;\n    isFullScreenRequestedRef.current = state === 'full-screen';\n\n    if (previous !== 'full-screen' || state !== 'expanded' || !panel) return;\n\n    const draggedIntoFullScreen = enteredFullScreenByDragRef.current;\n    const draggedOutOfFullScreen = exitedFullScreenByDragRef.current;\n\n    enteredFullScreenByDragRef.current = false;\n    exitedFullScreenByDragRef.current = false;\n\n    if (!draggedIntoFullScreen || draggedOutOfFullScreen) return;\n\n    setPanelHeight(\n      clampHeight(getMaxHeight(panel) * WORKBENCH_PANEL_FULL_SCREEN_EXIT_RATIO, panel),\n    );\n  }, [state, panelRef, setPanelHeight]);\n\n  const applyHeight = (height: number, panel: HTMLDivElement) => {\n    const isFullScreen = isFullScreenRequestedRef.current;\n\n    if (height >= getMaxHeight(panel)) {\n      if (!isFullScreen) {\n        isFullScreenRequestedRef.current = true;\n        enteredFullScreenByDragRef.current = true;\n        enterFullScreen();\n      }\n\n      return;\n    }\n\n    if (isFullScreen) {\n      isFullScreenRequestedRef.current = false;\n      exitedFullScreenByDragRef.current = true;\n      exitFullScreen();\n    }\n\n    setPanelHeight(Math.max(height, MIN_WORKBENCH_PANEL_HEIGHT_IN_PX));\n  };\n\n  const handlePointerDown = (event: PointerEvent<HTMLDivElement>) => {\n    const panel = panelRef.current;\n\n    if (event.button !== 0 || !panel) return;\n\n    event.preventDefault();\n    event.currentTarget.setPointerCapture(event.pointerId);\n    grabOffsetRef.current = panel.getBoundingClientRect().top - event.clientY;\n    setIsResizing(true);\n  };\n\n  const handlePointerMove = (event: PointerEvent<HTMLDivElement>) => {\n    const panel = panelRef.current;\n\n    if (!panel || !event.currentTarget.hasPointerCapture(event.pointerId)) return;\n\n    const top = event.clientY + grabOffsetRef.current;\n\n    applyHeight(panel.getBoundingClientRect().bottom - top, panel);\n  };\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    const panel = panelRef.current;\n\n    if (!panel) return;\n\n    const step = event.shiftKey\n      ? WORKBENCH_PANEL_RESIZE_STEP_IN_PX * 4\n      : WORKBENCH_PANEL_RESIZE_STEP_IN_PX;\n    const delta = event.key === 'ArrowUp' ? step : event.key === 'ArrowDown' ? -step : 0;\n\n    if (delta === 0) return;\n\n    event.preventDefault();\n    applyHeight(\n      (isFullScreenRequestedRef.current ? getMaxHeight(panel) : panelHeight) + delta,\n      panel,\n    );\n  };\n\n  return (\n    <div\n      role=\"separator\"\n      aria-orientation=\"horizontal\"\n      aria-label=\"Resize panel\"\n      aria-valuenow={Math.round(panelHeight)}\n      aria-valuemin={MIN_WORKBENCH_PANEL_HEIGHT_IN_PX}\n      tabIndex={0}\n      onPointerDown={handlePointerDown}\n      onPointerMove={handlePointerMove}\n      onLostPointerCapture={() => setIsResizing(false)}\n      onKeyDown={handleKeyDown}\n      className={cn(\n        // group\n        'tw:group/workbench-resize',\n\n        // positioning — the panel is the positioned ancestor\n        'tw:absolute',\n        'tw:inset-x-0',\n        'tw:top-0',\n        'tw:z-10',\n\n        // sizing\n        'tw:h-2',\n\n        // layout — the whole strip grabs, only the pill shows\n        'tw:flex',\n        'tw:justify-center',\n\n        // affordance\n        'tw:cursor-ns-resize',\n        'tw:touch-none',\n\n        // focus\n        'tw:outline-none',\n      )}\n    >\n      <span\n        className={cn(\n          // layout — hangs below the strip so the pill sits clear of the top edge, and\n          // grabs there too since the events bubble to the strip\n          'tw:flex',\n          'tw:h-3',\n          'tw:w-16',\n          'tw:items-end',\n          'tw:justify-center',\n        )}\n      >\n        <span\n          className={cn(\n            // sizing\n            'tw:h-1.5',\n            'tw:w-16',\n\n            // surface\n            'tw:rounded-full',\n            'tw:bg-input',\n            'tw:transition-colors',\n            'tw:group-hover/workbench-resize:bg-muted-foreground',\n            'tw:group-focus-visible/workbench-resize:bg-muted-foreground',\n            'tw:group-data-[workbench-resizing=true]/workbench:bg-muted-foreground',\n          )}\n        />\n      </span>\n    </div>\n  );\n};\n","import { useEffect, useRef } from 'react';\nimport type { ComponentProps, CSSProperties } from 'react';\n\nimport { cn } from '../../../utils';\nimport { Collapsible } from '../../Collapsible';\n\nimport { WorkbenchPanelResizeHandle } from './WorkbenchPanelResizeHandle';\n\ntype Props = ComponentProps<'div'>;\n\nconst clearRadixMeasurementTransitionBlock = (panel: HTMLDivElement | null) => {\n  if (panel) panel.style.transitionDuration = '';\n};\n\nexport const WorkbenchPanel = ({ className, children, ...props }: Props) => {\n  const panelRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => clearRadixMeasurementTransitionBlock(panelRef.current), []);\n\n  return (\n    <Collapsible.Content\n      ref={panelRef}\n      style={{ '--workbench-panel-shadow': '0 -8px 24px -6px rgb(0 0 0 / 0.08)' } as CSSProperties}\n      className={cn(\n        // positioning — against the host, which must be a positioned element\n        'tw:absolute',\n        'tw:inset-x-0',\n        'tw:bottom-(--workbench-bar-height)',\n        'tw:pointer-events-auto',\n\n        // height — the drag-controlled var, capped at the space above the bar so the panel\n        // never covers it, whatever height was dragged or restored\n        'tw:h-(--workbench-panel-height)',\n        'tw:max-h-[calc(100%-var(--workbench-bar-height))]',\n        'tw:group-data-[workbench-state=full-screen]/workbench:h-[calc(100%-var(--workbench-bar-height))]',\n\n        // height transition\n        'tw:transition-[height]',\n        'tw:duration-200',\n        'tw:ease-out',\n        'tw:group-data-[workbench-resizing=true]/workbench:transition-none',\n\n        // surface\n        'tw:border-x',\n        'tw:border-t',\n        'tw:border-border',\n\n        // clipping\n        'tw:overflow-hidden',\n\n        // raised edge\n        'tw:group-not-data-[workbench-state=full-screen]/workbench:rounded-t-2xl',\n        'tw:group-not-data-[workbench-state=full-screen]/workbench:shadow-(--workbench-panel-shadow)',\n      )}\n    >\n      <WorkbenchPanelResizeHandle panelRef={panelRef} />\n\n      <div\n        className={cn(\n          // layout\n          'tw:flex',\n          'tw:flex-col',\n          'tw:h-full',\n\n          // surface\n          'tw:bg-background',\n\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </div>\n    </Collapsible.Content>\n  );\n};\n","import type { ComponentProps } from 'react';\nimport { Slot } from '@radix-ui/react-slot';\n\nimport { cn } from '../../../utils';\n\ntype Props = ComponentProps<'div'> & {\n  asChild?: boolean;\n};\n\nexport const WorkbenchPanelActions = ({ className, asChild = false, ...props }: Props) => {\n  const Comp = asChild ? Slot : 'div';\n\n  return (\n    <Comp\n      {...props}\n      data-slot=\"workbench-panel-actions\"\n      className={cn(\n        // grid placement\n        'tw:col-start-2',\n        'tw:row-start-1',\n\n        // layout\n        'tw:flex',\n        'tw:items-center',\n        'tw:gap-2',\n\n        className,\n      )}\n    />\n  );\n};\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '../../../utils';\n\ntype Props = ComponentProps<'div'>;\n\nexport const WorkbenchPanelContent = ({ className, children, ...props }: Props) => (\n  <div\n    className={cn(\n      // layout\n      'tw:min-h-0',\n      'tw:flex-1',\n      'tw:overflow-auto',\n\n      className,\n    )}\n    {...props}\n  >\n    {children}\n  </div>\n);\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '../../../utils';\n\ntype Props = ComponentProps<'div'>;\n\nexport const WorkbenchPanelHeader = ({ className, children, ...props }: Props) => (\n  <div\n    className={cn(\n      // layout\n      'tw:grid',\n      'tw:grid-cols-[1fr_auto]',\n      'tw:items-center',\n      'tw:gap-x-2',\n\n      // sizing\n      'tw:shrink-0',\n\n      // surface\n      'tw:bg-sidebar',\n\n      // spacing\n      'tw:px-3',\n      'tw:py-2',\n\n      // typography\n      'tw:text-xs',\n\n      className,\n    )}\n    {...props}\n  >\n    {children}\n  </div>\n);\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '../../../utils';\n\ntype Props = ComponentProps<'div'>;\n\nexport const WorkbenchPanelTitle = ({ className, ...props }: Props) => (\n  <div\n    {...props}\n    data-slot=\"workbench-panel-title\"\n    className={cn(\n      // grid placement\n      'tw:col-start-1',\n\n      // layout\n      'tw:flex',\n      'tw:items-center',\n\n      // typography\n      'tw:text-sm',\n      'tw:font-semibold',\n      'tw:text-foreground',\n\n      className,\n    )}\n  />\n);\n","import { useMemo, useState } from 'react';\nimport type { CSSProperties, ReactNode } from 'react';\n\nimport { useControllableState } from '../../hooks/useControllableState';\nimport { cn } from '../../utils';\nimport { Collapsible } from '../Collapsible';\n\nimport {\n  DEFAULT_WORKBENCH_BAR_HEIGHT_IN_REM,\n  DEFAULT_WORKBENCH_PANEL_HEIGHT_IN_PX,\n  MIN_WORKBENCH_BAR_HEIGHT_IN_REM,\n  MIN_WORKBENCH_PANEL_HEIGHT_IN_PX,\n} from './constants';\nimport type { WorkbenchState } from './context';\nimport { createWorkbenchActions, WorkbenchContext } from './context';\nimport {\n  WorkbenchBar,\n  WorkbenchBarEnd,\n  WorkbenchBarMiddle,\n  WorkbenchBarStart,\n} from './WorkbenchBar';\nimport { WorkbenchFullScreenTrigger } from './WorkbenchFullScreenTrigger';\nimport {\n  WorkbenchPanel,\n  WorkbenchPanelActions,\n  WorkbenchPanelContent,\n  WorkbenchPanelHeader,\n  WorkbenchPanelTitle,\n} from './WorkbenchPanel';\n\ntype Props = {\n  className?: string;\n  children: ReactNode;\n  state?: WorkbenchState;\n  defaultState?: WorkbenchState;\n  onStateChange?: (state: WorkbenchState) => void;\n  barHeight?: number;\n  panelHeight?: number;\n  defaultPanelHeight?: number;\n  onPanelHeightChange?: (panelHeight: number) => void;\n};\n\nexport const Workbench = ({\n  className,\n  children,\n  state: stateProp,\n  defaultState = 'collapsed',\n  onStateChange,\n  barHeight = DEFAULT_WORKBENCH_BAR_HEIGHT_IN_REM,\n  panelHeight: panelHeightProp,\n  defaultPanelHeight = DEFAULT_WORKBENCH_PANEL_HEIGHT_IN_PX,\n  onPanelHeightChange,\n}: Props) => {\n  const [state, setState] = useControllableState<WorkbenchState>({\n    prop: stateProp,\n    defaultProp: defaultState,\n    onChange: onStateChange,\n  });\n  const [panelHeight, setPanelHeight] = useControllableState<number>({\n    prop: panelHeightProp,\n    defaultProp: defaultPanelHeight,\n    onChange: onPanelHeightChange,\n  });\n  const [isResizing, setIsResizing] = useState(false);\n\n  const actions = useMemo(() => createWorkbenchActions(setState), [setState]);\n  const value = useMemo(\n    () => ({\n      state,\n      setState,\n      panelHeight,\n      setPanelHeight,\n      isResizing,\n      setIsResizing,\n      ...actions,\n    }),\n    [state, setState, panelHeight, setPanelHeight, isResizing, actions],\n  );\n\n  const clampedBarHeight = Math.max(barHeight, MIN_WORKBENCH_BAR_HEIGHT_IN_REM);\n  const clampedPanelHeight = Math.max(panelHeight, MIN_WORKBENCH_PANEL_HEIGHT_IN_PX);\n\n  return (\n    <WorkbenchContext value={value}>\n      <Collapsible\n        open={state !== 'collapsed'}\n        onOpenChange={(open) => setState(open ? 'expanded' : 'collapsed')}\n        data-workbench-state={state}\n        data-workbench-resizing={isResizing ? 'true' : undefined}\n        style={\n          {\n            '--workbench-bar-height': `${clampedBarHeight}rem`,\n            '--workbench-panel-height': `${clampedPanelHeight}px`,\n          } as CSSProperties\n        }\n        className={cn(\n          // reset\n          'tailwindcss-preflight',\n\n          // group\n          'tw:group/workbench',\n\n          // positioning — above the chrome layer (`z-50`) *and* above a `Sidebar` in\n          // `expand-on-hover`, which takes `z-51` to float over content; the dock outranks both.\n          // Overlays (Modal / Sheet / Popover / Tooltip) live at 1051+, so they still win.\n          'tw:z-[52]',\n\n          // layout\n          'tw:shrink-0',\n\n          className,\n        )}\n      >\n        {children}\n      </Collapsible>\n    </WorkbenchContext>\n  );\n};\n\nWorkbench.Bar = WorkbenchBar;\nWorkbench.BarStart = WorkbenchBarStart;\nWorkbench.BarMiddle = WorkbenchBarMiddle;\nWorkbench.BarEnd = WorkbenchBarEnd;\n\nWorkbench.Panel = WorkbenchPanel;\nWorkbench.PanelHeader = WorkbenchPanelHeader;\nWorkbench.PanelTitle = WorkbenchPanelTitle;\nWorkbench.PanelActions = WorkbenchPanelActions;\nWorkbench.PanelContent = WorkbenchPanelContent;\n\nWorkbench.Trigger = Collapsible.Trigger;\nWorkbench.FullScreenTrigger = WorkbenchFullScreenTrigger;\n"]}

package/dist/chunk-F6J6NNAL.js

@@ -0,0 +1,34 @@
+import { ButtonGroup } from './chunk-ANZTVAJU.js';
+import { Button } from './chunk-IXAYNBOY.js';
+import { Tooltip } from './chunk-SWQFYNYG.js';
+import { cn } from './chunk-LXLIQ2D6.js';
+import { jsx } from 'react/jsx-runtime';
+
+var MultiActionButton = ({
+  disabled,
+  icon,
+  isLoading,
+  label,
+  onClick,
+  tooltipContent,
+  tooltipVariant,
+  "data-testid": dataTestId
+}) => /* @__PURE__ */ jsx(Tooltip, { placement: "top", tooltip: tooltipContent, triggerAsChild: true, variant: tooltipVariant, children: /* @__PURE__ */ jsx(
+  Button,
+  {
+    disabled,
+    isLoading,
+    "aria-label": label,
+    onClick,
+    variant: "invisible",
+    size: "icon",
+    "data-testid": dataTestId,
+    children: !isLoading && icon
+  }
+) });
+var MultiActionButtonGroup = ({ children, className }) => /* @__PURE__ */ jsx(ButtonGroup, { className: cn("tw:text-nowrap", className), children });
+MultiActionButtonGroup.Button = MultiActionButton;
+
+export { MultiActionButtonGroup };
+//# sourceMappingURL=chunk-F6J6NNAL.js.map
+//# sourceMappingURL=chunk-F6J6NNAL.js.map

package/dist/chunk-F6J6NNAL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/blocks/MultiActionButtonGroup/MultiActionButton.tsx","../src/blocks/MultiActionButtonGroup/MultiActionButtonGroup.tsx"],"names":["jsx"],"mappings":";;;;;;AAgBO,IAAM,oBAAoB,CAAC;AAAA,EAChC,QAAA;AAAA,EACA,IAAA;AAAA,EACA,SAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA;AAAA,EACA,cAAA;AAAA,EACA,cAAA;AAAA,EACA,aAAA,EAAe;AACjB,CAAA,qBACE,GAAA,CAAC,WAAQ,SAAA,EAAU,KAAA,EAAM,SAAS,cAAA,EAAgB,cAAA,EAAc,IAAA,EAAC,OAAA,EAAS,cAAA,EACxE,QAAA,kBAAA,GAAA;AAAA,EAAC,MAAA;AAAA,EAAA;AAAA,IACC,QAAA;AAAA,IACA,SAAA;AAAA,IACA,YAAA,EAAY,KAAA;AAAA,IACZ,OAAA;AAAA,IACA,OAAA,EAAQ,WAAA;AAAA,IACR,IAAA,EAAK,MAAA;AAAA,IACL,aAAA,EAAa,UAAA;AAAA,IAEZ,WAAC,SAAA,IAAa;AAAA;AACjB,CAAA,EACF,CAAA;AC3BK,IAAM,sBAAA,GAAyB,CAAC,EAAE,QAAA,EAAU,WAAU,qBAC3DA,GAAAA,CAAC,WAAA,EAAA,EAAY,SAAA,EAAW,EAAA,CAAG,gBAAA,EAAkB,SAAS,GAAI,QAAA,EAAS;AAGrE,sBAAA,CAAuB,MAAA,GAAS,iBAAA","file":"chunk-F6J6NNAL.js","sourcesContent":["import type { ComponentProps, ReactNode } from 'react';\n\nimport { Button } from '../../components/Button';\nimport { Tooltip } from '../../components/Tooltip';\n\ntype Props = {\n  disabled?: boolean;\n  icon: ReactNode;\n  isLoading?: boolean;\n  label: string;\n  onClick: ComponentProps<typeof Button>['onClick'];\n  tooltipContent: ReactNode;\n  tooltipVariant?: ComponentProps<typeof Tooltip>['variant'];\n  'data-testid'?: string;\n};\n\nexport const MultiActionButton = ({\n  disabled,\n  icon,\n  isLoading,\n  label,\n  onClick,\n  tooltipContent,\n  tooltipVariant,\n  'data-testid': dataTestId,\n}: Props) => (\n  <Tooltip placement=\"top\" tooltip={tooltipContent} triggerAsChild variant={tooltipVariant}>\n    <Button\n      disabled={disabled}\n      isLoading={isLoading}\n      aria-label={label}\n      onClick={onClick}\n      variant=\"invisible\"\n      size=\"icon\"\n      data-testid={dataTestId}\n    >\n      {!isLoading && icon}\n    </Button>\n  </Tooltip>\n);\n","import type { PropsWithChildren } from 'react';\n\nimport { ButtonGroup } from '../../components/ButtonGroup';\nimport { cn } from '../../utils';\n\nimport { MultiActionButton } from './MultiActionButton';\n\ntype Props = {\n  className?: string;\n} & PropsWithChildren;\n\nexport const MultiActionButtonGroup = ({ children, className }: Props) => (\n  <ButtonGroup className={cn('tw:text-nowrap', className)}>{children}</ButtonGroup>\n);\n\nMultiActionButtonGroup.Button = MultiActionButton;\n"]}