@keboola/design 9.1.0 → 11.0.0

package/dist/chunk-ODJF7YIP.js

@@ -0,0 +1,230 @@
+import { TextInput } from './chunk-HPMYYGP7.js';
+import { ScrollArea } from './chunk-THHB4EWS.js';
+import { Check, Circle } from './chunk-RQVK4IYC.js';
+import { useArgoDesign } from './chunk-WETKNYZX.js';
+import { cn } from './chunk-LXLIQ2D6.js';
+import { Command as Command$1, CommandInput as CommandInput$1 } from 'cmdk';
+export { defaultFilter, useCommandState } from 'cmdk';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var CommandContent = ({ className, ...rest }) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    ...rest,
+    className: cn(
+      "tw:flex",
+      "tw:flex-col",
+      "tw:p-2",
+      "tw:group-data-[variant=argo]/command:p-4",
+      "tw:gap-2",
+      className
+    )
+  }
+);
+var CommandEmpty = ({ ...props }) => /* @__PURE__ */ jsx(Command$1.Empty, { ...props });
+var CommandGroup = ({ className, ...props }) => /* @__PURE__ */ jsx(
+  Command$1.Group,
+  {
+    className: cn(
+      "tw:[&_[cmdk-group-heading]]:font-semibold",
+      "tw:[&_[cmdk-group-heading]]:font-sans",
+      "tw:[&_[cmdk-group-heading]]:px-4",
+      "tw:[&_[cmdk-group-heading]]:py-0.5",
+      "tw:[&_[cmdk-group-heading]]:uppercase",
+      "tw:[&_[cmdk-group-heading]]:text-[11px]",
+      "tw:[&_[cmdk-group-heading]]:text-muted-foreground",
+      "tw:[&_[cmdk-group-heading]]:tracking-[1px]",
+      "tw:[&_[cmdk-group-heading]]:border-b",
+      "tw:[&_[cmdk-group-heading]]:border-border",
+      "tw:[&_[cmdk-group-heading]]:my-2",
+      className
+    ),
+    ...props
+  }
+);
+var CommandInput = ({ ref, className, ...props }) => /* @__PURE__ */ jsx(CommandInput$1, { ref, asChild: true, children: /* @__PURE__ */ jsx(
+  TextInput,
+  {
+    ...props,
+    className: cn(
+      "tw:group-data-[variant=argo]/command:!bg-transparent",
+      "tw:group-data-[variant=argo]/command:!border-transparent",
+      "tw:group-data-[variant=argo]/command:!rounded-none",
+      "tw:group-data-[variant=argo]/command:max-h-12",
+      "tw:group-data-[variant=argo]/command:h-12",
+      className
+    )
+  }
+) });
+var CheckIndicator = ({ variant = "default" }) => {
+  if (variant === "default") return null;
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "data-variant": variant,
+      className: cn(
+        "tw:group/check-indicator",
+        // positioning
+        "tw:pointer-events-none",
+        // sizing
+        "tw:size-4",
+        "tw:flex",
+        "tw:items-center",
+        "tw:justify-center",
+        // border
+        "tw:border",
+        "tw:border-solid",
+        "tw:rounded",
+        "tw:group-data-[variant=default]/command:border-neutral-200",
+        "tw:group-data-[variant=argo]/command:border-input",
+        "tw:data-[variant=radio]:rounded-full",
+        "tw:data-[variant=checkbox]:rounded",
+        "tw:data-[variant=checkbox]:group-data-[checked=true]/command-item:border-primary",
+        "tw:data-[variant=checkbox]:group-data-[checked=true]/command-item:bg-primary",
+        "tw:shrink-0"
+      ),
+      children: variant === "checkbox" ? /* @__PURE__ */ jsx(
+        Check,
+        {
+          className: cn(
+            "tw:hidden",
+            // Lucide SVGs default to 24×24; constrain to the 16px indicator slot.
+            "tw:size-3",
+            "tw:stroke-[4px]",
+            "tw:group-data-[checked=true]/command-item:block",
+            "tw:group-data-[variant=checkbox]/check-indicator:text-primary-foreground"
+          )
+        }
+      ) : /* @__PURE__ */ jsx(
+        Circle,
+        {
+          className: cn(
+            "tw:hidden",
+            // Lucide Circle is stroke-only — force fill to match the stroke so
+            // the indicator reads as a solid dot.
+            "tw:size-3",
+            "tw:fill-current",
+            "tw:group-data-[checked=true]/command-item:block",
+            "tw:group-data-[variant=radio]/check-indicator:text-primary"
+          )
+        }
+      )
+    }
+  );
+};
+var CommandItem = ({
+  className,
+  icon,
+  children,
+  checked = false,
+  variant = "default",
+  actions,
+  ...props
+}) => /* @__PURE__ */ jsxs("div", { className: "tw:group tw:flex tw:items-center tw:justify-center", children: [
+  /* @__PURE__ */ jsxs(
+    Command$1.Item,
+    {
+      ...props,
+      "data-checked": checked,
+      "data-variant": variant,
+      className: cn(
+        "tw:group/command-item",
+        "tw:peer/command-item",
+        // positioning
+        "tw:relative",
+        "tw:flex",
+        "tw:items-center",
+        "tw:gap-2",
+        "tw:flex-1",
+        "tw:p-2",
+        // typography
+        "tw:font-sans",
+        "tw:text-sm",
+        "tw:leading-6",
+        "tw:cursor-pointer",
+        "tw:transition-colors",
+        "tw:select-none",
+        "tw:outline-hidden",
+        "tw:group-data-[variant=argo]/command:rounded-md",
+        "tw:group-data-[variant=argo]/command:data-[selected=true]:bg-accent",
+        "tw:group-data-[variant=argo]/command:data-[checked=true]:bg-accent",
+        "tw:group-data-[variant=default]/command:rounded",
+        "tw:group-data-[variant=default]/command:data-[selected=true]:bg-neutral-100",
+        "tw:group-data-[variant=default]/command:data-[checked=true]:bg-neutral-100",
+        // disabled
+        "tw:aria-disabled:opacity-50",
+        "tw:aria-disabled:cursor-not-allowed",
+        "tw:aria-disabled:hover:bg-transparent",
+        // reset styles for checked and disabled
+        "tw:data-[checked=true]:aria-disabled:opacity-100",
+        "tw:data-[checked=true]:aria-disabled:cursor-default",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx(CheckIndicator, { variant }),
+        icon && /* @__PURE__ */ jsx("span", { className: "tw:inline-flex tw:size-4 tw:shrink-0 tw:items-center tw:justify-center tw:text-muted-foreground tw:[&_svg:not([class*='tw:size-'])]:size-4", children: icon }),
+        children
+      ]
+    }
+  ),
+  actions && /* @__PURE__ */ jsx(
+    "span",
+    {
+      "data-slot": "command-item-actions",
+      className: cn(
+        "tw:hidden",
+        "tw:mx-2",
+        "tw:group-hover:flex",
+        "tw:peer-hover/command-item:flex",
+        "tw:peer-data-[selected=true]/command-item:flex"
+      ),
+      children: actions
+    }
+  )
+] });
+var CommandList = ({ ref, className, children, viewPortClassName, ...props }) => /* @__PURE__ */ jsx(
+  ScrollArea,
+  {
+    ref,
+    className: cn(
+      "tw:group-data-[variant=argo]/command:px-4",
+      "tw:group-data-[variant=argo]/command:pb-4",
+      className
+    ),
+    viewPortClassName: cn(
+      "tw:[&_[cmdk-list-sizer]]:flex",
+      "tw:[&_[cmdk-list-sizer]]:flex-col",
+      viewPortClassName
+    ),
+    children: /* @__PURE__ */ jsx(Command$1.List, { ...props, children })
+  }
+);
+var CommandSeparator = ({ className, ...props }) => /* @__PURE__ */ jsx(
+  Command$1.Separator,
+  {
+    className: cn("tw:h-px", "tw:bg-border", "tw:my-2", className),
+    ...props
+  }
+);
+var Command = ({ className, ...rest }) => {
+  const effectiveVariant = useArgoDesign() ? "argo" : "default";
+  return /* @__PURE__ */ jsx(
+    Command$1,
+    {
+      "data-variant": effectiveVariant,
+      className: cn("tw:group/command", "tailwindcss-preflight", className),
+      ...rest
+    }
+  );
+};
+Command.Content = CommandContent;
+Command.Separator = CommandSeparator;
+Command.List = CommandList;
+Command.Group = CommandGroup;
+Command.Empty = CommandEmpty;
+Command.Input = CommandInput;
+Command.Item = CommandItem;
+
+export { Command, CommandGroup, CommandInput, CommandItem, CommandList };
+//# sourceMappingURL=chunk-ODJF7YIP.js.map
+//# sourceMappingURL=chunk-ODJF7YIP.js.map

package/dist/chunk-ODJF7YIP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/blocks/Command/CommandContent.tsx","../src/blocks/Command/CommandEmpty.tsx","../src/blocks/Command/CommandGroup.tsx","../src/blocks/Command/CommandInput.tsx","../src/blocks/Command/CommandItem/CheckIndicator.tsx","../src/blocks/Command/CommandItem/CommandItem.tsx","../src/blocks/Command/CommandList.tsx","../src/blocks/Command/CommandSeparator.tsx","../src/blocks/Command/Command.tsx"],"names":["jsx","CommandPrimitive","CmdInput"],"mappings":"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","file":"chunk-ODJF7YIP.js","sourcesContent":["import type { ComponentProps } from 'react';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<'div'>;\n\nexport const CommandContent = ({ className, ...rest }: Props) => (\n  <div\n    {...rest}\n    className={cn(\n      'tw:flex',\n      'tw:flex-col',\n      'tw:p-2',\n      'tw:group-data-[variant=argo]/command:p-4',\n      'tw:gap-2',\n      className,\n    )}\n  />\n);\n","import type { ComponentProps } from 'react';\nimport { Command as CommandPrimitive } from 'cmdk';\n\ntype Props = ComponentProps<typeof CommandPrimitive.Empty>;\n\nexport const CommandEmpty = ({ ...props }: Props) => <CommandPrimitive.Empty {...props} />;\n","import type { ComponentProps } from 'react';\nimport { Command as CommandPrimitive } from 'cmdk';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<typeof CommandPrimitive.Group>;\n\nexport const CommandGroup = ({ className, ...props }: Props) => (\n  <CommandPrimitive.Group\n    className={cn(\n      'tw:[&_[cmdk-group-heading]]:font-semibold',\n      'tw:[&_[cmdk-group-heading]]:font-sans',\n      'tw:[&_[cmdk-group-heading]]:px-4',\n      'tw:[&_[cmdk-group-heading]]:py-0.5',\n      'tw:[&_[cmdk-group-heading]]:uppercase',\n      'tw:[&_[cmdk-group-heading]]:text-[11px]',\n      'tw:[&_[cmdk-group-heading]]:text-muted-foreground',\n      'tw:[&_[cmdk-group-heading]]:tracking-[1px]',\n      'tw:[&_[cmdk-group-heading]]:border-b',\n      'tw:[&_[cmdk-group-heading]]:border-border',\n      'tw:[&_[cmdk-group-heading]]:my-2',\n      className,\n    )}\n    {...props}\n  />\n);\n","import type { ComponentProps } from 'react';\nimport { CommandInput as CmdInput } from 'cmdk';\n\nimport { cn } from '../../utils';\nimport { TextInput } from '../TextInput';\n\ntype Props = ComponentProps<typeof TextInput>;\n\nexport const CommandInput = ({ ref, className, ...props }: Props) => (\n  <CmdInput ref={ref} asChild>\n    <TextInput\n      {...props}\n      className={cn(\n        'tw:group-data-[variant=argo]/command:!bg-transparent',\n        'tw:group-data-[variant=argo]/command:!border-transparent',\n        'tw:group-data-[variant=argo]/command:!rounded-none',\n        'tw:group-data-[variant=argo]/command:max-h-12',\n        'tw:group-data-[variant=argo]/command:h-12',\n        className,\n      )}\n    />\n  </CmdInput>\n);\n","import { Check, Circle } from '../../../icons';\nimport { cn } from '../../../utils';\n\ntype Props = {\n  variant?: 'checkbox' | 'radio' | 'default';\n};\n\nexport const CheckIndicator = ({ variant = 'default' }: Props) => {\n  if (variant === 'default') return null;\n\n  return (\n    <span\n      data-variant={variant}\n      className={cn(\n        'tw:group/check-indicator',\n        // positioning\n        'tw:pointer-events-none',\n\n        // sizing\n        'tw:size-4',\n        'tw:flex',\n        'tw:items-center',\n        'tw:justify-center',\n\n        // border\n        'tw:border',\n        'tw:border-solid',\n        'tw:rounded',\n        'tw:group-data-[variant=default]/command:border-neutral-200',\n        'tw:group-data-[variant=argo]/command:border-input',\n\n        'tw:data-[variant=radio]:rounded-full',\n\n        'tw:data-[variant=checkbox]:rounded',\n        'tw:data-[variant=checkbox]:group-data-[checked=true]/command-item:border-primary',\n        'tw:data-[variant=checkbox]:group-data-[checked=true]/command-item:bg-primary',\n        'tw:shrink-0',\n      )}\n    >\n      {variant === 'checkbox' ? (\n        <Check\n          className={cn(\n            'tw:hidden',\n            // Lucide SVGs default to 24×24; constrain to the 16px indicator slot.\n            'tw:size-3',\n            'tw:stroke-[4px]',\n            'tw:group-data-[checked=true]/command-item:block',\n            'tw:group-data-[variant=checkbox]/check-indicator:text-primary-foreground',\n          )}\n        />\n      ) : (\n        <Circle\n          className={cn(\n            'tw:hidden',\n            // Lucide Circle is stroke-only — force fill to match the stroke so\n            // the indicator reads as a solid dot.\n            'tw:size-3',\n            'tw:fill-current',\n            'tw:group-data-[checked=true]/command-item:block',\n            'tw:group-data-[variant=radio]/check-indicator:text-primary',\n          )}\n        />\n      )}\n    </span>\n  );\n};\n","import type { ComponentProps, ReactNode } from 'react';\nimport { Command as CommandPrimitive } from 'cmdk';\n\nimport { cn } from '../../../utils';\n\nimport { CheckIndicator } from './CheckIndicator';\n\ntype Props = ComponentProps<typeof CommandPrimitive.Item> & {\n  icon?: ReactNode;\n  checked?: boolean;\n  variant?: ComponentProps<typeof CheckIndicator>['variant'];\n  actions?: ReactNode;\n};\n\nexport const CommandItem = ({\n  className,\n  icon,\n  children,\n  checked = false,\n  variant = 'default',\n  actions,\n  ...props\n}: Props) => (\n  <div className=\"tw:group tw:flex tw:items-center tw:justify-center\">\n    <CommandPrimitive.Item\n      {...props}\n      data-checked={checked}\n      data-variant={variant}\n      className={cn(\n        'tw:group/command-item',\n        'tw:peer/command-item',\n\n        // positioning\n        'tw:relative',\n        'tw:flex',\n        'tw:items-center',\n        'tw:gap-2',\n        'tw:flex-1',\n        'tw:p-2',\n\n        // typography\n        'tw:font-sans',\n        'tw:text-sm',\n        'tw:leading-6',\n        'tw:cursor-pointer',\n        'tw:transition-colors',\n        'tw:select-none',\n        'tw:outline-hidden',\n\n        'tw:group-data-[variant=argo]/command:rounded-md',\n        'tw:group-data-[variant=argo]/command:data-[selected=true]:bg-accent',\n        'tw:group-data-[variant=argo]/command:data-[checked=true]:bg-accent',\n\n        'tw:group-data-[variant=default]/command:rounded',\n        'tw:group-data-[variant=default]/command:data-[selected=true]:bg-neutral-100',\n        'tw:group-data-[variant=default]/command:data-[checked=true]:bg-neutral-100',\n\n        // disabled\n        'tw:aria-disabled:opacity-50',\n\n        'tw:aria-disabled:cursor-not-allowed',\n        'tw:aria-disabled:hover:bg-transparent',\n\n        // reset styles for checked and disabled\n        'tw:data-[checked=true]:aria-disabled:opacity-100',\n        'tw:data-[checked=true]:aria-disabled:cursor-default',\n        className,\n      )}\n    >\n      <CheckIndicator variant={variant} />\n      {icon && (\n        <span className=\"tw:inline-flex tw:size-4 tw:shrink-0 tw:items-center tw:justify-center tw:text-muted-foreground tw:[&_svg:not([class*='tw:size-'])]:size-4\">\n          {icon}\n        </span>\n      )}\n      {children}\n    </CommandPrimitive.Item>\n\n    {actions && (\n      <span\n        data-slot=\"command-item-actions\"\n        className={cn(\n          'tw:hidden',\n          'tw:mx-2',\n          'tw:group-hover:flex',\n          'tw:peer-hover/command-item:flex',\n          'tw:peer-data-[selected=true]/command-item:flex',\n        )}\n      >\n        {actions}\n      </span>\n    )}\n  </div>\n);\n","import type { ComponentProps } from 'react';\nimport { Command as CommandPrimitive } from 'cmdk';\n\nimport { ScrollArea } from '../../components/ScrollArea';\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<typeof CommandPrimitive.List> &\n  Pick<ComponentProps<typeof ScrollArea>, 'viewPortClassName'>;\n\nexport const CommandList = ({ ref, className, children, viewPortClassName, ...props }: Props) => (\n  <ScrollArea\n    ref={ref}\n    className={cn(\n      'tw:group-data-[variant=argo]/command:px-4',\n      'tw:group-data-[variant=argo]/command:pb-4',\n      className,\n    )}\n    viewPortClassName={cn(\n      'tw:[&_[cmdk-list-sizer]]:flex',\n      'tw:[&_[cmdk-list-sizer]]:flex-col',\n      viewPortClassName,\n    )}\n  >\n    <CommandPrimitive.List {...props}>{children}</CommandPrimitive.List>\n  </ScrollArea>\n);\n","import type { ComponentProps } from 'react';\nimport { Command as CommandPrimitive } from 'cmdk';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<typeof CommandPrimitive.Separator>;\n\nexport const CommandSeparator = ({ className, ...props }: Props) => (\n  <CommandPrimitive.Separator\n    className={cn('tw:h-px', 'tw:bg-border', 'tw:my-2', className)}\n    {...props}\n  />\n);\n","import type { ComponentProps } from 'react';\nimport { Command as CommandPrimitive } from 'cmdk';\n\nimport { useArgoDesign } from '../../components/ThemeProvider/context';\nimport { cn } from '../../utils';\n\nimport { CommandContent } from './CommandContent';\nimport { CommandEmpty } from './CommandEmpty';\nimport { CommandGroup } from './CommandGroup';\nimport { CommandInput } from './CommandInput';\nimport { CommandItem } from './CommandItem';\nimport { CommandList } from './CommandList';\nimport { CommandSeparator } from './CommandSeparator';\n\ntype Variant = 'default' | 'argo';\n\ntype Props = ComponentProps<typeof CommandPrimitive>;\n\nexport const Command = ({ className, ...rest }: Props) => {\n  const effectiveVariant: Variant = useArgoDesign() ? 'argo' : 'default';\n  return (\n    <CommandPrimitive\n      data-variant={effectiveVariant}\n      className={cn('tw:group/command', 'tailwindcss-preflight', className)}\n      {...rest}\n    />\n  );\n};\n\nCommand.Content = CommandContent;\n\nCommand.Separator = CommandSeparator;\nCommand.List = CommandList;\nCommand.Group = CommandGroup;\nCommand.Empty = CommandEmpty;\nCommand.Input = CommandInput;\n\n// items\nCommand.Item = CommandItem;\n"]}

package/dist/chunk-ON4BJTHI.js

@@ -0,0 +1,101 @@
+import { useArgoDesign } from './chunk-WETKNYZX.js';
+import { cn } from './chunk-LXLIQ2D6.js';
+import { Root, Trigger, Close, Portal, Content } from '@radix-ui/react-popover';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+var variants = cva(
+  [
+    "tailwindcss-preflight",
+    "tw:group/popover-content",
+    "tw:z-[1055]",
+    "tw:focus-visible:outline-hidden",
+    // An open Radix Dialog locks `pointer-events: none` on <body>. Popover content
+    // is portalled to <body> as a sibling of the dialog, so it inherits the lock
+    // and clicks fall through — re-enable pointer events on the content itself
+    // (dismiss-on-outside-click still works, it listens on document).
+    "tw:pointer-events-auto",
+    // sizing
+    "tw:min-w-32",
+    "tw:max-h-[var(--radix-popover-content-available-height)]",
+    "tw:origin-(--radix-popover-content-transform-origin)",
+    // layout
+    "tw:flex",
+    "tw:flex-col",
+    "tw:overflow-y-auto",
+    // border
+    "tw:box-border",
+    "tw:border",
+    "tw:border-solid",
+    "tw:shadow-lg",
+    // open animation
+    "tw:data-[state=open]:animate-in",
+    "tw:data-[state=open]:fade-in-0",
+    "tw:data-[state=open]:zoom-in-95",
+    // closed animation
+    "tw:data-[state=closed]:animate-out",
+    "tw:data-[state=closed]:fade-out-0",
+    "tw:data-[state=closed]:zoom-out-95",
+    // position animation
+    "tw:data-[side=bottom]:slide-in-from-top-2",
+    "tw:data-[side=left]:slide-in-from-right-2",
+    "tw:data-[side=right]:slide-in-from-left-2",
+    "tw:data-[side=top]:slide-in-from-bottom-2",
+    // Default size for nested Lucide icons; callers can override on the icon.
+    "tw:[&_svg.lucide:not([class*='tw:size-'])]:size-4",
+    "tw:[&_svg]:shrink-0"
+  ],
+  {
+    defaultVariants: {
+      matchTriggerWidth: false,
+      variant: "default"
+    },
+    variants: {
+      variant: {
+        // Legacy surface — fixed white panel.
+        default: ["tw:rounded-md", "tw:border-neutral-100", "tw:bg-white", "tw:text-neutral-800"],
+        // Argo surface — semantic popover tokens (brand + dark aware).
+        argo: ["tw:rounded-2xl", "tw:border-border", "tw:bg-popover", "tw:text-popover-foreground"]
+      },
+      matchTriggerWidth: {
+        true: ["tw:w-[var(--radix-popover-trigger-width)]"],
+        false: []
+      }
+    }
+  }
+);
+var PopoverContent = ({
+  ref,
+  className,
+  align = "center",
+  sideOffset = 4,
+  matchTriggerWidth = false,
+  children,
+  onEscapeKeyDown,
+  ...props
+}) => {
+  const effectiveVariant = useArgoDesign() ? "argo" : "default";
+  return /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(
+    Content,
+    {
+      ref,
+      align: matchTriggerWidth ? "start" : align,
+      sideOffset,
+      className: cn(variants({ className, matchTriggerWidth, variant: effectiveVariant })),
+      onEscapeKeyDown: (event) => {
+        event.stopPropagation();
+        onEscapeKeyDown?.(event);
+      },
+      ...props,
+      children
+    }
+  ) });
+};
+var Popover = (props) => /* @__PURE__ */ jsx(Root, { ...props });
+Popover.Content = PopoverContent;
+Popover.Trigger = Trigger;
+Popover.Close = Close;
+
+export { Popover };
+//# sourceMappingURL=chunk-ON4BJTHI.js.map
+//# sourceMappingURL=chunk-ON4BJTHI.js.map

package/dist/chunk-ON4BJTHI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Popover/PopoverContent.tsx","../src/components/Popover/Popover.tsx"],"names":["jsx"],"mappings":";;;;;;AAQA,IAAM,QAAA,GAAW,GAAA;AAAA,EACf;AAAA,IACE,uBAAA;AAAA,IACA,0BAAA;AAAA,IACA,aAAA;AAAA,IACA,iCAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,wBAAA;AAAA;AAAA,IAGA,aAAA;AAAA,IACA,0DAAA;AAAA,IACA,sDAAA;AAAA;AAAA,IAGA,SAAA;AAAA,IACA,aAAA;AAAA,IACA,oBAAA;AAAA;AAAA,IAGA,eAAA;AAAA,IACA,WAAA;AAAA,IACA,iBAAA;AAAA,IACA,cAAA;AAAA;AAAA,IAGA,iCAAA;AAAA,IACA,gCAAA;AAAA,IACA,iCAAA;AAAA;AAAA,IAGA,oCAAA;AAAA,IACA,mCAAA;AAAA,IACA,oCAAA;AAAA;AAAA,IAGA,2CAAA;AAAA,IACA,2CAAA;AAAA,IACA,2CAAA;AAAA,IACA,2CAAA;AAAA;AAAA,IAGA,mDAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,eAAA,EAAiB;AAAA,MACf,iBAAA,EAAmB,KAAA;AAAA,MACnB,OAAA,EAAS;AAAA,KACX;AAAA,IACA,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA;AAAA,QAEP,OAAA,EAAS,CAAC,eAAA,EAAiB,uBAAA,EAAyB,eAAe,qBAAqB,CAAA;AAAA;AAAA,QAExF,IAAA,EAAM,CAAC,gBAAA,EAAkB,kBAAA,EAAoB,iBAAiB,4BAA4B;AAAA,OAC5F;AAAA,MACA,iBAAA,EAAmB;AAAA,QACjB,IAAA,EAAM,CAAC,2CAA2C,CAAA;AAAA,QAClD,OAAO;AAAC;AACV;AACF;AAEJ,CAAA;AAIO,IAAM,iBAAiB,CAAC;AAAA,EAC7B,GAAA;AAAA,EACA,SAAA;AAAA,EACA,KAAA,GAAQ,QAAA;AAAA,EACR,UAAA,GAAa,CAAA;AAAA,EACb,iBAAA,GAAoB,KAAA;AAAA,EACpB,QAAA;AAAA,EACA,eAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAa;AACX,EAAA,MAAM,gBAAA,GAA0E,aAAA,EAAc,GAC1F,MAAA,GACA,SAAA;AACJ,EAAA,2BACG,MAAA,EAAA,EACC,QAAA,kBAAA,GAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,KAAA,EAAO,oBAAoB,OAAA,GAAU,KAAA;AAAA,MACrC,UAAA;AAAA,MACA,SAAA,EAAW,GAAG,QAAA,CAAS,EAAE,WAAW,iBAAA,EAAmB,OAAA,EAAS,gBAAA,EAAkB,CAAC,CAAA;AAAA,MACnF,eAAA,EAAiB,CAAC,KAAA,KAAU;AAE1B,QAAA,KAAA,CAAM,eAAA,EAAgB;AACtB,QAAA,eAAA,GAAkB,KAAK,CAAA;AAAA,MACzB,CAAA;AAAA,MACC,GAAG,KAAA;AAAA,MAEH;AAAA;AAAA,GACH,EACF,CAAA;AAEJ,CAAA;ACvGO,IAAM,UAAU,CAAC,KAAA,qBAAiBA,GAAAA,CAAC,IAAA,EAAA,EAAM,GAAG,KAAA,EAAO;AAK1D,OAAA,CAAQ,OAAA,GAAU,cAAA;AAClB,OAAA,CAAQ,OAAA,GAAU,OAAA;AAClB,OAAA,CAAQ,KAAA,GAAQ,KAAA","file":"chunk-ON4BJTHI.js","sourcesContent":["import type { ComponentProps } from 'react';\nimport { Content, Portal } from '@radix-ui/react-popover';\nimport type { VariantProps } from 'class-variance-authority';\nimport { cva } from 'class-variance-authority';\n\nimport { cn } from '../../utils';\nimport { useArgoDesign } from '../ThemeProvider/context';\n\nconst variants = cva(\n  [\n    'tailwindcss-preflight',\n    'tw:group/popover-content',\n    'tw:z-[1055]',\n    'tw:focus-visible:outline-hidden',\n\n    // An open Radix Dialog locks `pointer-events: none` on <body>. Popover content\n    // is portalled to <body> as a sibling of the dialog, so it inherits the lock\n    // and clicks fall through — re-enable pointer events on the content itself\n    // (dismiss-on-outside-click still works, it listens on document).\n    'tw:pointer-events-auto',\n\n    // sizing\n    'tw:min-w-32',\n    'tw:max-h-[var(--radix-popover-content-available-height)]',\n    'tw:origin-(--radix-popover-content-transform-origin)',\n\n    // layout\n    'tw:flex',\n    'tw:flex-col',\n    'tw:overflow-y-auto',\n\n    // border\n    'tw:box-border',\n    'tw:border',\n    'tw:border-solid',\n    'tw:shadow-lg',\n\n    // open animation\n    'tw:data-[state=open]:animate-in',\n    'tw:data-[state=open]:fade-in-0',\n    'tw:data-[state=open]:zoom-in-95',\n\n    // closed animation\n    'tw:data-[state=closed]:animate-out',\n    'tw:data-[state=closed]:fade-out-0',\n    'tw:data-[state=closed]:zoom-out-95',\n\n    // position animation\n    'tw:data-[side=bottom]:slide-in-from-top-2',\n    'tw:data-[side=left]:slide-in-from-right-2',\n    'tw:data-[side=right]:slide-in-from-left-2',\n    'tw:data-[side=top]:slide-in-from-bottom-2',\n\n    // Default size for nested Lucide icons; callers can override on the icon.\n    \"tw:[&_svg.lucide:not([class*='tw:size-'])]:size-4\",\n    'tw:[&_svg]:shrink-0',\n  ],\n  {\n    defaultVariants: {\n      matchTriggerWidth: false,\n      variant: 'default',\n    },\n    variants: {\n      variant: {\n        // Legacy surface — fixed white panel.\n        default: ['tw:rounded-md', 'tw:border-neutral-100', 'tw:bg-white', 'tw:text-neutral-800'],\n        // Argo surface — semantic popover tokens (brand + dark aware).\n        argo: ['tw:rounded-2xl', 'tw:border-border', 'tw:bg-popover', 'tw:text-popover-foreground'],\n      },\n      matchTriggerWidth: {\n        true: ['tw:w-[var(--radix-popover-trigger-width)]'],\n        false: [],\n      },\n    },\n  },\n);\n\ntype Props = ComponentProps<typeof Content> & Omit<VariantProps<typeof variants>, 'variant'>;\n\nexport const PopoverContent = ({\n  ref,\n  className,\n  align = 'center',\n  sideOffset = 4,\n  matchTriggerWidth = false,\n  children,\n  onEscapeKeyDown,\n  ...props\n}: Props) => {\n  const effectiveVariant: NonNullable<VariantProps<typeof variants>['variant']> = useArgoDesign()\n    ? 'argo'\n    : 'default';\n  return (\n    <Portal>\n      <Content\n        ref={ref}\n        align={matchTriggerWidth ? 'start' : align}\n        sideOffset={sideOffset}\n        className={cn(variants({ className, matchTriggerWidth, variant: effectiveVariant }))}\n        onEscapeKeyDown={(event) => {\n          // Stop propagation to prevent parent modals (like FullScreenModal) from closing\n          event.stopPropagation();\n          onEscapeKeyDown?.(event);\n        }}\n        {...props}\n      >\n        {children}\n      </Content>\n    </Portal>\n  );\n};\n","import type { ComponentProps } from 'react';\nimport { Close, Root, Trigger } from '@radix-ui/react-popover';\n\nimport { PopoverContent } from './PopoverContent';\n\ntype Props = ComponentProps<typeof Root>;\n\nexport const Popover = (props: Props) => <Root {...props} />;\n\n/**\n * Main Layout\n */\nPopover.Content = PopoverContent;\nPopover.Trigger = Trigger;\nPopover.Close = Close;\n"]}

package/dist/chunk-OTL5WXIJ.js

@@ -0,0 +1,16 @@
+// src/components/MergeEditor/constants.ts
+var CHUNK_TYPE = {
+  UNCHANGED: "unchanged",
+  ADDED: "added",
+  REMOVED: "removed"
+};
+var CHANGE_CLASS = {
+  SAFE: "safe",
+  CONFLICT: "conflict"
+};
+var LINE_HEIGHT_PX = 20;
+var PANE_HEADER_HEIGHT_PX = 58;
+
+export { CHANGE_CLASS, CHUNK_TYPE, LINE_HEIGHT_PX, PANE_HEADER_HEIGHT_PX };
+//# sourceMappingURL=chunk-OTL5WXIJ.js.map
+//# sourceMappingURL=chunk-OTL5WXIJ.js.map

package/dist/chunk-OTL5WXIJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/MergeEditor/constants.ts"],"names":[],"mappings":";AAAO,IAAM,UAAA,GAAa;AAAA,EACxB,SAAA,EAAW,WAAA;AAAA,EACX,KAAA,EAAO,OAAA;AAAA,EACP,OAAA,EAAS;AACX;AAgCO,IAAM,YAAA,GAAe;AAAA,EAC1B,IAAA,EAAM,MAAA;AAAA,EACN,QAAA,EAAU;AACZ;AAKO,IAAM,cAAA,GAAiB;AAGvB,IAAM,qBAAA,GAAwB","file":"chunk-OTL5WXIJ.js","sourcesContent":["export const CHUNK_TYPE = {\n  UNCHANGED: 'unchanged',\n  ADDED: 'added',\n  REMOVED: 'removed',\n} as const;\n\ntype ChunkType = (typeof CHUNK_TYPE)[keyof typeof CHUNK_TYPE];\n\nexport type DiffChunk = {\n  type: ChunkType;\n  value: string;\n  /** 1-indexed start line in the old (left) text */\n  oldStart: number;\n  /** 1-indexed end line in the old (left) text */\n  oldEnd: number;\n  /** 1-indexed start line in the new (right) text */\n  newStart: number;\n  /** 1-indexed end line in the new (right) text */\n  newEnd: number;\n};\n\n/**\n * A paired conflict: adjacent REMOVED + ADDED chunks from diffLines,\n * representing a section that was modified. If only one side exists,\n * the other is empty (pure insertion or deletion).\n */\nexport type MergeConflict = {\n  id: string;\n  oldValue: string;\n  oldStartLine: number;\n  oldEndLine: number;\n  newValue: string;\n  newStartLine: number;\n  newEndLine: number;\n};\n\nexport const CHANGE_CLASS = {\n  SAFE: 'safe',\n  CONFLICT: 'conflict',\n} as const;\n\nexport type ChangeClassification = (typeof CHANGE_CLASS)[keyof typeof CHANGE_CLASS];\n\n/** Must match the CodeMirror line-height set in MergePane */\nexport const LINE_HEIGHT_PX = 20;\n\n/** Must match the rendered header height in MergePane (py-3 + content + border) */\nexport const PANE_HEADER_HEIGHT_PX = 58;\n"]}

package/dist/chunk-PACNBKJV.js

@@ -0,0 +1,47 @@
+import { cn } from './chunk-LXLIQ2D6.js';
+import { useId } from 'react';
+import { jsx, Fragment } from 'react/jsx-runtime';
+
+var HEIGHT_CLASS_NAME = {
+  xxs: "tw:h-3 tw:rounded",
+  xs: "tw:h-4 tw:rounded",
+  sm: "tw:h-5 tw:rounded",
+  md: "tw:h-6 tw:rounded-md",
+  lg: "tw:h-8 tw:rounded-lg",
+  xl: "tw:h-10 tw:rounded-lg",
+  "2xl": "tw:h-12 tw:rounded-lg"
+};
+var ANIMATION_CLASS_NAME = cn(
+  // base styles
+  "tw:relative",
+  "tw:overflow-hidden",
+  "tw:pointer-events-none",
+  "tw:bg-skeleton",
+  // before
+  'tw:before:content-[""]',
+  "tw:before:opacity-100",
+  "tw:before:absolute",
+  "tw:before:inset-0",
+  "tw:before:-translate-x-full",
+  "tw:before:animate-[shimmer_2s_infinite]",
+  "tw:before:bg-gradient-to-r",
+  "tw:before:from-transparent",
+  "tw:before:to-transparent",
+  "tw:before:via-white/40"
+);
+var Skeleton = ({ height = "md", className, count = 1 }) => {
+  const prefixId = useId();
+  const keys = Array.from({ length: count }, (_, i) => `${prefixId}-${i}`);
+  return /* @__PURE__ */ jsx(Fragment, { children: keys.map((key) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-skeleton": "true",
+      className: cn(HEIGHT_CLASS_NAME[height], ANIMATION_CLASS_NAME, className)
+    },
+    key
+  )) });
+};
+
+export { Skeleton };
+//# sourceMappingURL=chunk-PACNBKJV.js.map
+//# sourceMappingURL=chunk-PACNBKJV.js.map

package/dist/chunk-PACNBKJV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":";;;;AAkBA,IAAM,iBAAA,GAA4C;AAAA,EAChD,GAAA,EAAK,mBAAA;AAAA,EACL,EAAA,EAAI,mBAAA;AAAA,EACJ,EAAA,EAAI,mBAAA;AAAA,EACJ,EAAA,EAAI,sBAAA;AAAA,EACJ,EAAA,EAAI,sBAAA;AAAA,EACJ,EAAA,EAAI,uBAAA;AAAA,EACJ,KAAA,EAAO;AACT,CAAA;AAEA,IAAM,oBAAA,GAAuB,EAAA;AAAA;AAAA,EAE3B,aAAA;AAAA,EACA,oBAAA;AAAA,EACA,wBAAA;AAAA,EACA,gBAAA;AAAA;AAAA,EAGA,wBAAA;AAAA,EACA,uBAAA;AAAA,EACA,oBAAA;AAAA,EACA,mBAAA;AAAA,EACA,6BAAA;AAAA,EACA,yCAAA;AAAA,EACA,4BAAA;AAAA,EACA,4BAAA;AAAA,EACA,0BAAA;AAAA,EACA;AACF,CAAA;AAeO,IAAM,QAAA,GAAW,CAAC,EAAE,MAAA,GAAS,MAAM,SAAA,EAAW,KAAA,GAAQ,GAAE,KAAqB;AAClF,EAAA,MAAM,WAAW,KAAA,EAAM;AACvB,EAAA,MAAM,IAAA,GAAO,KAAA,CAAM,IAAA,CAAK,EAAE,QAAQ,KAAA,EAAM,EAAG,CAAC,CAAA,EAAG,CAAA,KAAM,CAAA,EAAG,QAAQ,CAAA,CAAA,EAAI,CAAC,CAAA,CAAE,CAAA;AAEvE,EAAA,uBACE,GAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA,IAAA,CAAK,GAAA,CAAI,CAAC,GAAA,qBACT,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MAEC,eAAA,EAAc,MAAA;AAAA,MACd,WAAW,EAAA,CAAG,iBAAA,CAAkB,MAAM,CAAA,EAAG,sBAAsB,SAAS;AAAA,KAAA;AAAA,IAFnE;AAAA,GAIR,CAAA,EACH,CAAA;AAEJ","file":"chunk-PACNBKJV.js","sourcesContent":["import { useId } from 'react';\n\nimport { cn } from '../../utils';\n\nexport type Height = 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';\n\n/**\n * Props for `Skeleton`. `height` maps to the named token (xxs 12px → 2xl 48px); `count` renders multiple\n * stacked placeholders sharing the same shape.\n */\ntype SkeletonProps = {\n  /** Named height token — `xxs` (12px) through `2xl` (48px). */\n  height?: Height;\n  className?: string;\n  /** Number of stacked placeholder rows. Use for list-style loading states. */\n  count?: number;\n};\n\nconst HEIGHT_CLASS_NAME: Record<Height, string> = {\n  xxs: 'tw:h-3 tw:rounded',\n  xs: 'tw:h-4 tw:rounded',\n  sm: 'tw:h-5 tw:rounded',\n  md: 'tw:h-6 tw:rounded-md',\n  lg: 'tw:h-8 tw:rounded-lg',\n  xl: 'tw:h-10 tw:rounded-lg',\n  '2xl': 'tw:h-12 tw:rounded-lg',\n};\n\nconst ANIMATION_CLASS_NAME = cn(\n  // base styles\n  'tw:relative',\n  'tw:overflow-hidden',\n  'tw:pointer-events-none',\n  'tw:bg-skeleton',\n\n  // before\n  'tw:before:content-[\"\"]',\n  'tw:before:opacity-100',\n  'tw:before:absolute',\n  'tw:before:inset-0',\n  'tw:before:-translate-x-full',\n  'tw:before:animate-[shimmer_2s_infinite]',\n  'tw:before:bg-gradient-to-r',\n  'tw:before:from-transparent',\n  'tw:before:to-transparent',\n  'tw:before:via-white/40',\n);\n\n/**\n * Animated placeholder shown in place of content that is still loading.\n *\n * **When to use:** during initial page or section load while the real content is fetched. Match the\n * placeholder shape to the eventual content (one `Skeleton height=\"lg\"` per title row, several `xs` for\n * paragraph lines). For list shells use `count` to render N stacked placeholders.\n * **When NOT to use:** for indeterminate background work without a layout slot use `DotsLoader` or\n * `Button isLoading`; for empty / error states once the request resolves use `EmptyState` / `ErrorState`.\n * **Composition:** drop directly into the slot the real content will occupy. `SkeletonList` is the typical\n * shell for `Table` / `Card`-list pages.\n *\n * @see RECIPES.md#data-card-with-skeleton — for a loading card pattern\n */\nexport const Skeleton = ({ height = 'md', className, count = 1 }: SkeletonProps) => {\n  const prefixId = useId();\n  const keys = Array.from({ length: count }, (_, i) => `${prefixId}-${i}`);\n\n  return (\n    <>\n      {keys.map((key) => (\n        <div\n          key={key}\n          data-skeleton=\"true\"\n          className={cn(HEIGHT_CLASS_NAME[height], ANIMATION_CLASS_NAME, className)}\n        />\n      ))}\n    </>\n  );\n};\n"]}

package/dist/chunk-PROCA7K7.js

@@ -0,0 +1,23 @@
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+// src/components/HelpBlock/HelpBlock.tsx
+var helpVariants = cva(["tw:m-0", "tw:text-xs"], {
+  defaultVariants: {
+    state: "default"
+  },
+  variants: {
+    state: {
+      default: ["tw:text-muted-foreground"],
+      warning: ["tw:text-warning"]
+    }
+  }
+});
+var HelpBlock = ({ children, className, state = "default", ...rest }) => {
+  if (!children) return null;
+  return /* @__PURE__ */ jsx("p", { ...rest, className: helpVariants({ state, className }), children });
+};
+
+export { HelpBlock };
+//# sourceMappingURL=chunk-PROCA7K7.js.map
+//# sourceMappingURL=chunk-PROCA7K7.js.map

package/dist/chunk-PROCA7K7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/HelpBlock/HelpBlock.tsx"],"names":[],"mappings":";;;;AAGA,IAAM,YAAA,GAAe,GAAA,CAAI,CAAC,QAAA,EAAU,YAAY,CAAA,EAAG;AAAA,EACjD,eAAA,EAAiB;AAAA,IACf,KAAA,EAAO;AAAA,GACT;AAAA,EACA,QAAA,EAAU;AAAA,IACR,KAAA,EAAO;AAAA,MACL,OAAA,EAAS,CAAC,0BAA0B,CAAA;AAAA,MACpC,OAAA,EAAS,CAAC,iBAAiB;AAAA;AAC7B;AAEJ,CAAC,CAAA;AAIM,IAAM,SAAA,GAAY,CAAC,EAAE,QAAA,EAAU,WAAW,KAAA,GAAQ,SAAA,EAAW,GAAG,IAAA,EAAK,KAAa;AACvF,EAAA,IAAI,CAAC,UAAU,OAAO,IAAA;AAEtB,EAAA,uBACE,GAAA,CAAC,GAAA,EAAA,EAAG,GAAG,IAAA,EAAM,SAAA,EAAW,YAAA,CAAa,EAAE,KAAA,EAAO,SAAA,EAAW,CAAA,EACtD,QAAA,EACH,CAAA;AAEJ","file":"chunk-PROCA7K7.js","sourcesContent":["import type { ComponentPropsWithRef } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nconst helpVariants = cva(['tw:m-0', 'tw:text-xs'], {\n  defaultVariants: {\n    state: 'default',\n  },\n  variants: {\n    state: {\n      default: ['tw:text-muted-foreground'],\n      warning: ['tw:text-warning'],\n    },\n  },\n});\n\ntype Props = ComponentPropsWithRef<'p'> & VariantProps<typeof helpVariants>;\n\nexport const HelpBlock = ({ children, className, state = 'default', ...rest }: Props) => {\n  if (!children) return null;\n\n  return (\n    <p {...rest} className={helpVariants({ state, className })}>\n      {children}\n    </p>\n  );\n};\n"]}

package/dist/chunk-QGMIPA67.js

@@ -0,0 +1,85 @@
+import { ScrollArea } from './chunk-THHB4EWS.js';
+import { Button } from './chunk-IXAYNBOY.js';
+import { X } from './chunk-RQVK4IYC.js';
+import { cn } from './chunk-LXLIQ2D6.js';
+import * as RadixTabs from '@radix-ui/react-tabs';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/components/Tabs/styles.ts
+var tabsListWrapperClass = "tw:shrink-0 tw:border-t-0 tw:border-x-0 tw:border-b tw:border-solid tw:border-border";
+var tabsListClass = "tw:flex tw:gap-8 tw:shrink-0 tw:w-max";
+var tabsTriggerGroupClass = "tw:group/tab-trigger-group tw:flex tw:shrink-0 tw:items-center";
+var tabsTriggerClass = "tw:focus-visible:outline-hidden tw:focus-visible:ring-2 tw:focus-visible:ring-inset tw:focus-visible:ring-ring tw:flex tw:justify-center tw:items-center tw:gap-1.5 tw:bg-transparent tw:shrink-0 tw:border-t-0 tw:border-x-0 tw:border-b-[3px] tw:border-solid tw:border-transparent tw:pt-2.5 tw:pb-5 tw:px-0 tw:m-0 tw:font-medium tw:leading-5 tw:text-muted-foreground tw:text-base tw:data-[state=active]:text-primary tw:data-[state=active]:border-primary tw:data-[disabled]:text-muted-foreground tw:data-[disabled]:opacity-50 tw:data-[disabled]:cursor-not-allowed tw:group-hover/tab-trigger-group:enabled:text-primary tw:group-hover/tab-trigger-group:enabled:border-primary tw:group-hover/tab-trigger-group:enabled:cursor-pointer";
+var tabsTriggerCompactClass = "tw:text-sm tw:pb-4";
+var TabsList = ({ className, children, ...rest }) => /* @__PURE__ */ jsx(ScrollArea, { orientation: "horizontal", className: tabsListWrapperClass, children: /* @__PURE__ */ jsx(RadixTabs.List, { ...rest, "data-slot": "tabs-list", className: cn(tabsListClass, className), children }) });
+var TabsTrigger = ({ className, compact = false, ...rest }) => /* @__PURE__ */ jsx(
+  RadixTabs.Trigger,
+  {
+    "data-slot": "tabs-trigger",
+    ...rest,
+    className: cn(tabsTriggerClass, compact && tabsTriggerCompactClass, className)
+  }
+);
+var Tabs = ({
+  triggers,
+  compact = false,
+  children,
+  defaultValue,
+  onValueChange,
+  rootClassName,
+  listClassName,
+  triggerClassName,
+  triggerGroupClassName,
+  ...rest
+}) => /* @__PURE__ */ jsxs(
+  RadixTabs.Root,
+  {
+    ...rest,
+    "data-slot": "tabs-root",
+    className: cn("tw:flex tw:flex-col tw:gap-6", rootClassName),
+    defaultValue: defaultValue ?? triggers[0]?.value,
+    onValueChange,
+    children: [
+      /* @__PURE__ */ jsx(TabsList, { className: listClassName, children: triggers.map(({ value, title, onClose, className: callerClassName, ...triggerRest }) => /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: cn(tabsTriggerGroupClass, triggerGroupClassName),
+          "data-slot": "tabs-trigger-group",
+          children: [
+            /* @__PURE__ */ jsx(
+              TabsTrigger,
+              {
+                value,
+                compact,
+                ...triggerRest,
+                className: cn(triggerClassName, callerClassName),
+                children: title
+              }
+            ),
+            onClose && /* @__PURE__ */ jsx(
+              Button,
+              {
+                type: "button",
+                variant: "inline",
+                size: "icon-3xs",
+                disabled: triggerRest.disabled,
+                onClick: () => onClose(value),
+                onMouseDown: (e) => e.preventDefault(),
+                className: "tw:!size-8 tw:opacity-0 tw:duration-200 tw:focus-visible:opacity-100 tw:group-focus-within/tab-trigger-group:opacity-100 tw:group-hover/tab-trigger-group:opacity-100",
+                "aria-label": typeof title === "string" ? `Close ${title}` : "Close tab",
+                children: /* @__PURE__ */ jsx(X, { className: "tw:size-4" })
+              }
+            )
+          ]
+        },
+        value
+      )) }),
+      children
+    ]
+  }
+);
+var TabsContent = (props) => /* @__PURE__ */ jsx(RadixTabs.Content, { "data-slot": "tabs-content", tabIndex: -1, ...props });
+
+export { Tabs, TabsContent };
+//# sourceMappingURL=chunk-QGMIPA67.js.map
+//# sourceMappingURL=chunk-QGMIPA67.js.map

package/dist/chunk-QGMIPA67.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Tabs/styles.ts","../src/components/Tabs/TabsList.tsx","../src/components/Tabs/TabsTrigger.tsx","../src/components/Tabs/Tabs.tsx","../src/components/Tabs/TabsContent.tsx"],"names":["jsx","RadixTabs2","RadixTabs3","RadixTabs4"],"mappings":"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","file":"chunk-QGMIPA67.js","sourcesContent":["// Directional resets (border-t-0/border-x-0), NOT border-0: under Tailwind v4 a\n// consumer app's `border-0` utility can land after design's compiled bottom-border in\n// the shared `utilities` layer and zero its width (same layer + specificity → source\n// order wins), dropping the line. With directional resets, only the bottom-border\n// utility (`border-b` on the wrapper, `border-b-[3px]` on the trigger) sets the bottom.\nexport const tabsListWrapperClass =\n  'tw:shrink-0 tw:border-t-0 tw:border-x-0 tw:border-b tw:border-solid tw:border-border';\n\nexport const tabsListClass = 'tw:flex tw:gap-8 tw:shrink-0 tw:w-max';\n\nexport const tabsTriggerGroupClass =\n  'tw:group/tab-trigger-group tw:flex tw:shrink-0 tw:items-center';\n\n// The focus ring is **inset**, not an outline. `TabsList` wraps the row in a horizontal\n// `ScrollArea`, whose viewport is `overflow-y: hidden`, and a trigger is exactly as tall as that\n// viewport — so there is 0px of slack for anything painted outside the border box, and a focus\n// outline (the browser's, or a host app's global rule) gets cropped on the top and bottom edges,\n// plus the left edge on the first trigger. Painting inside the box cannot be clipped by any\n// ancestor. Owning the affordance here is also what stops the consumer's global rule applying.\nexport const tabsTriggerClass =\n  'tw:focus-visible:outline-hidden tw:focus-visible:ring-2 tw:focus-visible:ring-inset tw:focus-visible:ring-ring tw:flex tw:justify-center tw:items-center tw:gap-1.5 tw:bg-transparent tw:shrink-0 tw:border-t-0 tw:border-x-0 tw:border-b-[3px] tw:border-solid tw:border-transparent tw:pt-2.5 tw:pb-5 tw:px-0 tw:m-0 tw:font-medium tw:leading-5 tw:text-muted-foreground tw:text-base tw:data-[state=active]:text-primary tw:data-[state=active]:border-primary tw:data-[disabled]:text-muted-foreground tw:data-[disabled]:opacity-50 tw:data-[disabled]:cursor-not-allowed tw:group-hover/tab-trigger-group:enabled:text-primary tw:group-hover/tab-trigger-group:enabled:border-primary tw:group-hover/tab-trigger-group:enabled:cursor-pointer';\n\nexport const tabsTriggerCompactClass = 'tw:text-sm tw:pb-4';\n","import * as RadixTabs from '@radix-ui/react-tabs';\n\nimport { cn } from '../../utils';\nimport { ScrollArea } from '../ScrollArea';\n\nimport { tabsListClass, tabsListWrapperClass } from './styles';\n\ntype Props = Omit<RadixTabs.TabsListProps, 'asChild'>;\n\nexport const TabsList = ({ className, children, ...rest }: Props) => (\n  <ScrollArea orientation=\"horizontal\" className={tabsListWrapperClass}>\n    <RadixTabs.List {...rest} data-slot=\"tabs-list\" className={cn(tabsListClass, className)}>\n      {children}\n    </RadixTabs.List>\n  </ScrollArea>\n);\n","import * as RadixTabs from '@radix-ui/react-tabs';\n\nimport { cn } from '../../utils';\n\nimport { tabsTriggerClass, tabsTriggerCompactClass } from './styles';\n\ntype Props = Omit<RadixTabs.TabsTriggerProps, 'asChild'> & {\n  compact?: boolean;\n};\n\nexport const TabsTrigger = ({ className, compact = false, ...rest }: Props) => (\n  <RadixTabs.Trigger\n    data-slot=\"tabs-trigger\"\n    {...rest}\n    className={cn(tabsTriggerClass, compact && tabsTriggerCompactClass, className)}\n  />\n);\n","import type { ReactNode } from 'react';\nimport * as RadixTabs from '@radix-ui/react-tabs';\n\nimport { X } from '../../icons';\nimport { cn } from '../../utils';\nimport { Button } from '../Button';\n\nimport { tabsTriggerGroupClass } from './styles';\nimport { TabsList } from './TabsList';\nimport { TabsTrigger } from './TabsTrigger';\n\nexport type Trigger<T extends string> = {\n  value: T;\n  title: ReactNode;\n  onClose?: (value: T) => void;\n} & Omit<RadixTabs.TabsTriggerProps, 'title' | 'asChild'>;\n\ntype Props<T extends string> = {\n  triggers: readonly Trigger<T>[];\n  compact?: boolean;\n  children: ReactNode;\n  defaultValue?: string;\n  onValueChange?: (value: T) => void;\n  rootClassName?: string;\n  listClassName?: string;\n  triggerClassName?: string;\n  triggerGroupClassName?: string;\n} & Omit<RadixTabs.TabsProps, 'onValueChange'>;\n\nexport const Tabs = <T extends string>({\n  triggers,\n  compact = false,\n  children,\n  defaultValue,\n  onValueChange,\n  rootClassName,\n  listClassName,\n  triggerClassName,\n  triggerGroupClassName,\n  ...rest\n}: Props<T>) => (\n  <RadixTabs.Root\n    {...rest}\n    data-slot=\"tabs-root\"\n    className={cn('tw:flex tw:flex-col tw:gap-6', rootClassName)}\n    defaultValue={defaultValue ?? triggers[0]?.value}\n    onValueChange={onValueChange as (value: string) => void}\n  >\n    <TabsList className={listClassName}>\n      {triggers.map(({ value, title, onClose, className: callerClassName, ...triggerRest }) => (\n        <div\n          key={value}\n          className={cn(tabsTriggerGroupClass, triggerGroupClassName)}\n          data-slot=\"tabs-trigger-group\"\n        >\n          <TabsTrigger\n            value={value}\n            compact={compact}\n            {...triggerRest}\n            className={cn(triggerClassName, callerClassName)}\n          >\n            {title}\n          </TabsTrigger>\n          {onClose && (\n            <Button\n              type=\"button\"\n              variant=\"inline\"\n              size=\"icon-3xs\"\n              disabled={triggerRest.disabled}\n              onClick={() => onClose(value)}\n              onMouseDown={(e) => e.preventDefault()}\n              className=\"tw:!size-8 tw:opacity-0 tw:duration-200 tw:focus-visible:opacity-100 tw:group-focus-within/tab-trigger-group:opacity-100 tw:group-hover/tab-trigger-group:opacity-100\"\n              aria-label={typeof title === 'string' ? `Close ${title}` : 'Close tab'}\n            >\n              <X className=\"tw:size-4\" />\n            </Button>\n          )}\n        </div>\n      ))}\n    </TabsList>\n    {children}\n  </RadixTabs.Root>\n);\n","import * as RadixTabs from '@radix-ui/react-tabs';\n\nexport const TabsContent = (props: RadixTabs.TabsContentProps) => (\n  <RadixTabs.Content data-slot=\"tabs-content\" tabIndex={-1} {...props} />\n);\n"]}