@keboola/design 11.0.0 → 11.0.1

package/dist/chunk-3P5UUCFI.js

@@ -1,385 +0,0 @@
-import { Button } from './chunk-IXAYNBOY.js';
-import { CircleCheck, AlertTriangle, Info } from './chunk-RQVK4IYC.js';
-import { useArgoDesign } from './chunk-WETKNYZX.js';
-import { cn } from './chunk-LXLIQ2D6.js';
-import { createContext, useState, useRef, useEffect, useCallback, useMemo, use } from 'react';
-import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
-import { Root, Trigger, Portal, Content, Cancel, Action, Overlay, Title } from '@radix-ui/react-alert-dialog';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-
-var AlertModalDescription = ({ className, ...props }) => /* @__PURE__ */ jsx(
-  AlertDialogPrimitive.Description,
-  {
-    className: cn(
-      "tw:font-sans",
-      "tw:tracking-normal",
-      "tw:font-normal",
-      "tw:text-muted-foreground",
-      "tw:group-data-[design=default]/alert-modal:text-foreground",
-      "tw:group-data-[design=default]/alert-modal:text-sm",
-      className
-    ),
-    ...props
-  }
-);
-var AlertModalFooter = ({ className, ...props }) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    className: cn(
-      "tw:flex",
-      "tw:gap-2",
-      "tw:group-data-[design=default]/alert-modal:flex-col",
-      "tw:group-data-[design=default]/alert-modal:sm:flex-row",
-      "tw:group-data-[design=argo]/alert-modal:justify-end",
-      className
-    ),
-    ...props
-  }
-);
-var AlertModalHeader = ({ className, ...props }) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    className: cn(
-      "tw:grid",
-      "tw:grid-cols-[auto_1fr]",
-      "tw:items-start",
-      "tw:gap-y-1",
-      // default (legacy) needs more breathing room below the title's separator border
-      "tw:group-data-[design=default]/alert-modal:gap-y-4",
-      "tw:group-data-[design=argo]/alert-modal:gap-x-3",
-      className
-    ),
-    ...props
-  }
-);
-var VARIANT_ICONS = {
-  info: /* @__PURE__ */ jsx(Info, {}),
-  warning: /* @__PURE__ */ jsx(AlertTriangle, {}),
-  danger: /* @__PURE__ */ jsx(AlertTriangle, {}),
-  success: /* @__PURE__ */ jsx(CircleCheck, {})
-};
-var AlertModalIcon = ({ variant, icon }) => {
-  const glyph = icon ?? VARIANT_ICONS[variant];
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        "data-slot": "alert-modal-icon",
-        className: cn(
-          "tw:group-data-[design=argo]/alert-modal:hidden",
-          "tw:absolute",
-          "tw:top-0",
-          "tw:left-8",
-          "tw:translate-y-[-50%]",
-          "tw:size-12"
-        ),
-        children: /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: cn("tw:relative", "tw:rounded-full", "tw:size-12", {
-              "tw:bg-blue-500": variant === "info",
-              "tw:bg-warning-500": variant === "warning",
-              "tw:bg-error-500": variant === "danger",
-              "tw:bg-green-500": variant === "success"
-            }),
-            children: /* @__PURE__ */ jsx(
-              "span",
-              {
-                className: cn(
-                  "tw:absolute",
-                  "tw:inset-0",
-                  "tw:flex",
-                  "tw:items-center",
-                  "tw:justify-center",
-                  "tw:text-white",
-                  'tw:[&_svg:not([class*="tw:size-"])]:size-6',
-                  "tw:[&_svg]:aspect-square"
-                ),
-                children: glyph
-              }
-            )
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "span",
-      {
-        "data-slot": "alert-modal-icon",
-        className: cn(
-          "tw:hidden",
-          "tw:group-data-[design=argo]/alert-modal:inline-flex",
-          // grid placement: column 1 of the first row, top-aligned with the first line of content
-          "tw:col-start-1",
-          "tw:row-start-1",
-          "tw:self-start",
-          "tw:shrink-0",
-          "tw:items-center",
-          "tw:justify-center",
-          "tw:rounded",
-          "tw:size-8",
-          'tw:[&_svg:not([class*="tw:size-"])]:size-5',
-          {
-            "tw:bg-blue-100 tw:text-blue-600": variant === "info",
-            "tw:bg-warning-100 tw:text-warning-500": variant === "warning",
-            "tw:bg-error-100 tw:text-error-500": variant === "danger",
-            "tw:bg-green-100 tw:text-green-900": variant === "success"
-          }
-        ),
-        children: glyph
-      }
-    )
-  ] });
-};
-var AlertModalOverlay = ({ ref, className, ...props }) => /* @__PURE__ */ jsx(
-  Overlay,
-  {
-    ...props,
-    ref,
-    className: cn(
-      // positioning
-      "tw:fixed",
-      "tw:inset-0",
-      "tw:z-[1051]",
-      // background
-      "tw:bg-black/50",
-      // opening animation
-      "tw:data-[state=open]:duration-500",
-      "tw:data-[state=open]:fade-in-0",
-      "tw:data-[state=open]:animate-in",
-      // closing animation
-      "tw:data-[state=closed]:duration-500",
-      "tw:data-[state=closed]:fade-out-0",
-      "tw:data-[state=closed]:animate-out",
-      className
-    )
-  }
-);
-var AlertModalTitle = ({ children, className, ...props }) => /* @__PURE__ */ jsx(
-  Title,
-  {
-    ...props,
-    asChild: true,
-    className: cn(
-      "tw:font-medium",
-      "tw:text-foreground",
-      "tw:break-anywhere",
-      // default (legacy) gets a Modal-style separator line under the title (Modal uses border-neutral-150)
-      "tw:group-data-[design=default]/alert-modal:border-b",
-      "tw:group-data-[design=default]/alert-modal:border-neutral-150",
-      "tw:group-data-[design=default]/alert-modal:pb-3",
-      className
-    ),
-    children: /* @__PURE__ */ jsx("h3", { children })
-  }
-);
-var AlertModalContext = createContext(null);
-var AlertModalContextProvider = AlertModalContext.Provider;
-var useAlertModalContext = () => {
-  const context = use(AlertModalContext);
-  if (context === null)
-    throw new Error("AlertModal compound components must be rendered inside <AlertModal>.");
-  return context;
-};
-var AlertModalContent = ({
-  variant = "info",
-  icon,
-  title,
-  cancelLabel = "Cancel",
-  confirmLabel: actionLabel = "Confirm",
-  confirmDisabled = false,
-  container,
-  className,
-  children,
-  onEscapeKeyDown,
-  ...props
-}) => {
-  const { isLoading, onConfirm, onCancel } = useAlertModalContext();
-  const designLanguage = useArgoDesign() ? "argo" : "default";
-  const handleEscapeKeyDown = (event) => {
-    event.stopPropagation();
-    if (isLoading) event.preventDefault();
-    onEscapeKeyDown?.(event);
-  };
-  return /* @__PURE__ */ jsx(Portal, { container, children: /* @__PURE__ */ jsx(
-    AlertModalOverlay,
-    {
-      onClick: (event) => event.stopPropagation(),
-      onKeyDown: (event) => {
-        if (event.key !== "Escape") event.stopPropagation();
-      },
-      children: /* @__PURE__ */ jsxs(
-        Content,
-        {
-          "data-design": designLanguage,
-          ...children ? {} : { "aria-describedby": void 0 },
-          onEscapeKeyDown: handleEscapeKeyDown,
-          className: cn(
-            "tailwindcss-preflight",
-            "tw:group/alert-modal",
-            "tw:text-base",
-            // positioning - horizontally centered; vertical anchor depends on the design language
-            "tw:fixed",
-            "tw:left-1/2",
-            "tw:-translate-x-1/2",
-            "tw:z-[1051]",
-            "tw:data-[design=default]:top-20",
-            "tw:data-[design=argo]:top-1/2",
-            "tw:data-[design=argo]:-translate-y-1/2",
-            // sizing - compact alert width
-            "tw:w-full",
-            "tw:max-w-[480px]",
-            "tw:max-h-[calc(100vh-2*theme(spacing.20))]",
-            "tw:data-[design=argo]:overflow-y-auto",
-            // layout: stack the header and footer (each owns its own internal layout)
-            "tw:flex",
-            "tw:flex-col",
-            "tw:gap-4",
-            "tw:data-[design=default]:rounded-lg",
-            "tw:data-[design=argo]:rounded-3xl",
-            "tw:bg-popover",
-            "tw:text-popover-foreground",
-            "tw:data-[design=default]:px-7",
-            "tw:data-[design=default]:py-8",
-            "tw:data-[design=argo]:p-4",
-            // animation — shared
-            "tw:duration-200",
-            "tw:data-[state=open]:animate-in",
-            "tw:data-[state=open]:fade-in-0",
-            "tw:data-[state=closed]:animate-out",
-            "tw:data-[state=closed]:fade-out-0",
-            // default design: Modal-style slide-down + zoom. No `slide-*-left-1/2`: under v4 the
-            // x-centring lives on the `translate` PROPERTY (it persists through the transform-based
-            // animation), so an enter `-50%` would stack on it (= -100%) and fly in from the left.
-            "tw:data-[design=default]:data-[state=open]:zoom-in-80",
-            "tw:data-[design=default]:data-[state=open]:slide-in-from-top-[48%]",
-            "tw:data-[design=default]:data-[state=closed]:zoom-out-80",
-            "tw:data-[design=default]:data-[state=closed]:slide-out-to-top-[48%]",
-            // argo design: pop from the centre — zoom only (centring persists on the translate property)
-            "tw:data-[design=argo]:data-[state=open]:zoom-in-95",
-            "tw:data-[design=argo]:data-[state=closed]:zoom-out-95",
-            className
-          ),
-          ...props,
-          children: [
-            /* @__PURE__ */ jsxs(AlertModalHeader, { children: [
-              /* @__PURE__ */ jsx(AlertModalIcon, { variant, icon }),
-              title && /* @__PURE__ */ jsx(AlertModalTitle, { className: "tw:col-start-2 tw:row-start-1 tw:self-center", children: title }),
-              children && /* @__PURE__ */ jsx(
-                AlertModalDescription,
-                {
-                  className: cn(
-                    "tw:col-start-2",
-                    title ? "tw:row-start-2" : "tw:row-start-1 tw:self-center"
-                  ),
-                  children
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsxs(AlertModalFooter, { children: [
-              /* @__PURE__ */ jsx(Cancel, { asChild: true, children: /* @__PURE__ */ jsx(
-                Button,
-                {
-                  type: "button",
-                  variant: "outline",
-                  disabled: isLoading,
-                  onClick: onCancel,
-                  className: "tw:group-data-[design=default]/alert-modal:flex-1",
-                  children: cancelLabel
-                }
-              ) }),
-              /* @__PURE__ */ jsx(Action, { asChild: true, children: /* @__PURE__ */ jsx(
-                Button,
-                {
-                  type: "button",
-                  variant: variant === "danger" ? "danger" : "primary",
-                  isLoading,
-                  disabled: isLoading || confirmDisabled,
-                  onClick: onConfirm,
-                  className: "tw:group-data-[design=default]/alert-modal:flex-1",
-                  children: actionLabel
-                }
-              ) })
-            ] })
-          ]
-        }
-      )
-    }
-  ) });
-};
-var AlertModalTrigger = ({ ref, onClick, onKeyDown, ...props }) => /* @__PURE__ */ jsx(
-  Trigger,
-  {
-    ...props,
-    ref,
-    onClick: (event) => {
-      event.stopPropagation();
-      onClick?.(event);
-    },
-    onKeyDown: (event) => {
-      if (event.key === "Enter" || event.key === " ") event.stopPropagation();
-      onKeyDown?.(event);
-    }
-  }
-);
-var noop = () => void 0;
-var AlertModal = ({
-  children,
-  onConfirm = noop,
-  onCancel = noop,
-  skipAsyncWait = false,
-  isLoading = false,
-  open,
-  defaultOpen,
-  onOpenChange,
-  ...rest
-}) => {
-  const [isConfirming, setIsConfirming] = useState(false);
-  const isControlled = open !== void 0;
-  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen ?? false);
-  const isOpen = isControlled ? open : uncontrolledOpen;
-  const confirmRef = useRef(onConfirm);
-  const cancelRef = useRef(onCancel);
-  const onOpenChangeRef = useRef(onOpenChange);
-  useEffect(() => {
-    confirmRef.current = onConfirm;
-    cancelRef.current = onCancel;
-    onOpenChangeRef.current = onOpenChange;
-  }, [onConfirm, onCancel, onOpenChange]);
-  const setOpen = useCallback(
-    (next) => {
-      if (!isControlled) setUncontrolledOpen(next);
-      onOpenChangeRef.current?.(next);
-    },
-    [isControlled]
-  );
-  const context = useMemo(
-    () => ({
-      // The two sources of "the confirm action is running" converge here, so every consumer
-      // downstream reads one answer regardless of which way the host drives it.
-      isLoading: isConfirming || isLoading,
-      onConfirm: (event) => {
-        const result = confirmRef.current(event);
-        const isThenable = result !== null && typeof result === "object" && typeof result.then === "function";
-        if (!isThenable || skipAsyncWait) return;
-        event.preventDefault();
-        setIsConfirming(true);
-        Promise.resolve(result).finally(() => {
-          setIsConfirming(false);
-          setOpen(false);
-        });
-      },
-      onCancel: (event) => {
-        cancelRef.current(event);
-      }
-    }),
-    [isConfirming, isLoading, skipAsyncWait, setOpen]
-  );
-  return /* @__PURE__ */ jsx(Root, { ...rest, open: isOpen, onOpenChange: setOpen, children: /* @__PURE__ */ jsx(AlertModalContextProvider, { value: context, children }) });
-};
-AlertModal.Trigger = AlertModalTrigger;
-AlertModal.Content = AlertModalContent;
-
-export { AlertModal };
-//# sourceMappingURL=chunk-3P5UUCFI.js.map
-//# sourceMappingURL=chunk-3P5UUCFI.js.map

package/dist/chunk-3P5UUCFI.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/AlertModal/AlertModalDescription.tsx","../src/components/AlertModal/AlertModalFooter.tsx","../src/components/AlertModal/AlertModalHeader.tsx","../src/components/AlertModal/AlertModalIcon.tsx","../src/components/AlertModal/AlertModalOverlay.tsx","../src/components/AlertModal/AlertModalTitle.tsx","../src/components/AlertModal/context.ts","../src/components/AlertModal/AlertModalContent.tsx","../src/components/AlertModal/AlertModalTrigger.tsx","../src/components/AlertModal/AlertModal.tsx"],"names":["jsx","jsxs"],"mappings":"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","file":"chunk-3P5UUCFI.js","sourcesContent":["import type { ComponentPropsWithRef } from 'react';\nimport * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentPropsWithRef<typeof AlertDialogPrimitive.Description>;\n\nexport const AlertModalDescription = ({ className, ...props }: Props) => (\n  <AlertDialogPrimitive.Description\n    className={cn(\n      'tw:font-sans',\n      'tw:tracking-normal',\n      'tw:font-normal',\n      'tw:text-muted-foreground',\n\n      'tw:group-data-[design=default]/alert-modal:text-foreground',\n      'tw:group-data-[design=default]/alert-modal:text-sm',\n      className,\n    )}\n    {...props}\n  />\n);\n","import type { ComponentPropsWithRef } from 'react';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentPropsWithRef<'div'>;\n\nexport const AlertModalFooter = ({ className, ...props }: Props) => (\n  <div\n    className={cn(\n      'tw:flex',\n      'tw:gap-2',\n\n      'tw:group-data-[design=default]/alert-modal:flex-col',\n      'tw:group-data-[design=default]/alert-modal:sm:flex-row',\n\n      'tw:group-data-[design=argo]/alert-modal:justify-end',\n      className,\n    )}\n    {...props}\n  />\n);\n","import type { ComponentPropsWithRef } from 'react';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentPropsWithRef<'div'>;\n\nexport const AlertModalHeader = ({ className, ...props }: Props) => (\n  <div\n    className={cn(\n      'tw:grid',\n      'tw:grid-cols-[auto_1fr]',\n      'tw:items-start',\n      'tw:gap-y-1',\n\n      // default (legacy) needs more breathing room below the title's separator border\n      'tw:group-data-[design=default]/alert-modal:gap-y-4',\n      'tw:group-data-[design=argo]/alert-modal:gap-x-3',\n      className,\n    )}\n    {...props}\n  />\n);\n","import type { ReactNode } from 'react';\n\nimport { AlertTriangle, CircleCheck, Info } from '../../icons';\nimport { cn } from '../../utils';\n\nimport type { AlertModalVariant } from './variant';\n\nconst VARIANT_ICONS: Record<AlertModalVariant, ReactNode> = {\n  info: <Info />,\n  warning: <AlertTriangle />,\n  danger: <AlertTriangle />,\n  success: <CircleCheck />,\n};\n\ntype Props = {\n  variant: AlertModalVariant;\n  icon?: ReactNode;\n};\n\nexport const AlertModalIcon = ({ variant, icon }: Props) => {\n  const glyph = icon ?? VARIANT_ICONS[variant];\n\n  return (\n    <>\n      {/* Default design language: floating circular badge (Modal-style). Hidden in argo. */}\n      <div\n        data-slot=\"alert-modal-icon\"\n        className={cn(\n          'tw:group-data-[design=argo]/alert-modal:hidden',\n          'tw:absolute',\n          'tw:top-0',\n          'tw:left-8',\n          'tw:translate-y-[-50%]',\n          'tw:size-12',\n        )}\n      >\n        <div\n          className={cn('tw:relative', 'tw:rounded-full', 'tw:size-12', {\n            'tw:bg-blue-500': variant === 'info',\n            'tw:bg-warning-500': variant === 'warning',\n            'tw:bg-error-500': variant === 'danger',\n            'tw:bg-green-500': variant === 'success',\n          })}\n        >\n          <span\n            className={cn(\n              'tw:absolute',\n              'tw:inset-0',\n              'tw:flex',\n              'tw:items-center',\n              'tw:justify-center',\n              'tw:text-white',\n              'tw:[&_svg:not([class*=\"tw:size-\"])]:size-6',\n              'tw:[&_svg]:aspect-square',\n            )}\n          >\n            {glyph}\n          </span>\n        </div>\n      </div>\n\n      {/* Argo design language: inline tinted badge (Badge \"*-inverse\" pattern). Hidden in default. */}\n      <span\n        data-slot=\"alert-modal-icon\"\n        className={cn(\n          'tw:hidden',\n          'tw:group-data-[design=argo]/alert-modal:inline-flex',\n          // grid placement: column 1 of the first row, top-aligned with the first line of content\n          'tw:col-start-1',\n          'tw:row-start-1',\n          'tw:self-start',\n          'tw:shrink-0',\n          'tw:items-center',\n          'tw:justify-center',\n          'tw:rounded',\n          'tw:size-8',\n          'tw:[&_svg:not([class*=\"tw:size-\"])]:size-5',\n          {\n            'tw:bg-blue-100 tw:text-blue-600': variant === 'info',\n            'tw:bg-warning-100 tw:text-warning-500': variant === 'warning',\n            'tw:bg-error-100 tw:text-error-500': variant === 'danger',\n            'tw:bg-green-100 tw:text-green-900': variant === 'success',\n          },\n        )}\n      >\n        {glyph}\n      </span>\n    </>\n  );\n};\n","import type { ComponentPropsWithRef } from 'react';\nimport { Overlay } from '@radix-ui/react-alert-dialog';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentPropsWithRef<typeof Overlay>;\n\nexport const AlertModalOverlay = ({ ref, className, ...props }: Props) => (\n  <Overlay\n    {...props}\n    ref={ref}\n    className={cn(\n      // positioning\n      'tw:fixed',\n      'tw:inset-0',\n      'tw:z-[1051]',\n\n      // background\n      'tw:bg-black/50',\n\n      // opening animation\n      'tw:data-[state=open]:duration-500',\n      'tw:data-[state=open]:fade-in-0',\n      'tw:data-[state=open]:animate-in',\n\n      // closing animation\n      'tw:data-[state=closed]:duration-500',\n      'tw:data-[state=closed]:fade-out-0',\n      'tw:data-[state=closed]:animate-out',\n\n      className,\n    )}\n  />\n);\n","import type { ComponentPropsWithRef } from 'react';\nimport { Title } from '@radix-ui/react-alert-dialog';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentPropsWithRef<typeof Title>;\n\nexport const AlertModalTitle = ({ children, className, ...props }: Props) => (\n  <Title\n    {...props}\n    asChild\n    className={cn(\n      'tw:font-medium',\n      'tw:text-foreground',\n      'tw:break-anywhere',\n\n      // default (legacy) gets a Modal-style separator line under the title (Modal uses border-neutral-150)\n      'tw:group-data-[design=default]/alert-modal:border-b',\n      'tw:group-data-[design=default]/alert-modal:border-neutral-150',\n      'tw:group-data-[design=default]/alert-modal:pb-3',\n      className,\n    )}\n  >\n    <h3>{children}</h3>\n  </Title>\n);\n","import { createContext, use } from 'react';\nimport type { MouseEvent } from 'react';\n\ntype AlertModalContextType = {\n  isLoading: boolean;\n  onConfirm: (event: MouseEvent<HTMLButtonElement>) => void;\n  onCancel: (event: MouseEvent<HTMLButtonElement>) => void;\n};\n\nconst AlertModalContext = createContext<AlertModalContextType | null>(null);\n\nexport const AlertModalContextProvider = AlertModalContext.Provider;\n\nexport const useAlertModalContext = (): AlertModalContextType => {\n  const context = use(AlertModalContext);\n  if (context === null)\n    throw new Error('AlertModal compound components must be rendered inside <AlertModal>.');\n  return context;\n};\n","import type { ComponentProps, ReactNode } from 'react';\nimport { Action, Cancel, Content, Portal } from '@radix-ui/react-alert-dialog';\n\nimport { cn } from '../../utils';\nimport { Button } from '../Button';\nimport { useArgoDesign } from '../ThemeProvider/context';\n\nimport { AlertModalDescription } from './AlertModalDescription';\nimport { AlertModalFooter } from './AlertModalFooter';\nimport { AlertModalHeader } from './AlertModalHeader';\nimport { AlertModalIcon } from './AlertModalIcon';\nimport { AlertModalOverlay } from './AlertModalOverlay';\nimport { AlertModalTitle } from './AlertModalTitle';\nimport { useAlertModalContext } from './context';\nimport type { AlertModalVariant } from './variant';\n\ntype Props = {\n  variant?: AlertModalVariant;\n  icon?: ReactNode;\n  title?: ReactNode;\n  cancelLabel?: ReactNode;\n  confirmLabel?: ReactNode;\n  /** Blocks the confirm action while a host-tracked precondition is unmet. Cancel stays available. */\n  confirmDisabled?: boolean;\n  container?: ComponentProps<typeof Portal>['container'];\n} & Omit<ComponentProps<typeof Content>, 'title'>;\n\nexport const AlertModalContent = ({\n  variant = 'info',\n  icon,\n  title,\n  cancelLabel = 'Cancel',\n  confirmLabel: actionLabel = 'Confirm',\n  confirmDisabled = false,\n  container,\n  className,\n  children,\n  onEscapeKeyDown,\n  ...props\n}: Props) => {\n  const { isLoading, onConfirm, onCancel } = useAlertModalContext();\n  const designLanguage = useArgoDesign() ? 'argo' : 'default';\n\n  const handleEscapeKeyDown: ComponentProps<typeof Content>['onEscapeKeyDown'] = (event) => {\n    // Stop propagation so a parent Modal/Sheet doesn't also close when this is a nested confirmation.\n    event.stopPropagation();\n    // Lock dismissal while the action is running.\n    if (isLoading) event.preventDefault();\n    onEscapeKeyDown?.(event);\n  };\n\n  return (\n    <Portal container={container}>\n      <AlertModalOverlay\n        // Stop propagation at the overlay (common ancestor of backdrop + content):\n        // - without it, clicks/Enter inside the modal also fire handlers on the host that rendered\n        //   <AlertModal> (e.g. a clickable row, or an editor that opens a code block on Enter)\n        // - portaling the content does not prevent this\n        // - Escape is exempt so Radix can still close on Esc\n        onClick={(event) => event.stopPropagation()}\n        onKeyDown={(event) => {\n          if (event.key !== 'Escape') event.stopPropagation();\n        }}\n      >\n        <Content\n          data-design={designLanguage}\n          // Radix auto-links `aria-describedby` to `<AlertModalDescription>`. With no description\n          // (no children) it warns about the missing link — suppress it like Modal/Sheet do.\n          {...(children ? {} : { 'aria-describedby': undefined })}\n          onEscapeKeyDown={handleEscapeKeyDown}\n          className={cn(\n            'tailwindcss-preflight',\n            'tw:group/alert-modal',\n            'tw:text-base',\n\n            // positioning - horizontally centered; vertical anchor depends on the design language\n            'tw:fixed',\n            'tw:left-1/2',\n            'tw:-translate-x-1/2',\n            'tw:z-[1051]',\n            'tw:data-[design=default]:top-20',\n            'tw:data-[design=argo]:top-1/2',\n            'tw:data-[design=argo]:-translate-y-1/2',\n\n            // sizing - compact alert width\n            'tw:w-full',\n            'tw:max-w-[480px]',\n            'tw:max-h-[calc(100vh-2*theme(spacing.20))]',\n            'tw:data-[design=argo]:overflow-y-auto',\n\n            // layout: stack the header and footer (each owns its own internal layout)\n            'tw:flex',\n            'tw:flex-col',\n            'tw:gap-4',\n\n            'tw:data-[design=default]:rounded-lg',\n            'tw:data-[design=argo]:rounded-3xl',\n            'tw:bg-popover',\n            'tw:text-popover-foreground',\n\n            'tw:data-[design=default]:px-7',\n            'tw:data-[design=default]:py-8',\n            'tw:data-[design=argo]:p-4',\n\n            // animation — shared\n            'tw:duration-200',\n            'tw:data-[state=open]:animate-in',\n            'tw:data-[state=open]:fade-in-0',\n            'tw:data-[state=closed]:animate-out',\n            'tw:data-[state=closed]:fade-out-0',\n\n            // default design: Modal-style slide-down + zoom. No `slide-*-left-1/2`: under v4 the\n            // x-centring lives on the `translate` PROPERTY (it persists through the transform-based\n            // animation), so an enter `-50%` would stack on it (= -100%) and fly in from the left.\n            'tw:data-[design=default]:data-[state=open]:zoom-in-80',\n            'tw:data-[design=default]:data-[state=open]:slide-in-from-top-[48%]',\n            'tw:data-[design=default]:data-[state=closed]:zoom-out-80',\n            'tw:data-[design=default]:data-[state=closed]:slide-out-to-top-[48%]',\n\n            // argo design: pop from the centre — zoom only (centring persists on the translate property)\n            'tw:data-[design=argo]:data-[state=open]:zoom-in-95',\n            'tw:data-[design=argo]:data-[state=closed]:zoom-out-95',\n\n            className,\n          )}\n          {...props}\n        >\n          <AlertModalHeader>\n            <AlertModalIcon variant={variant} icon={icon} />\n\n            {title && (\n              <AlertModalTitle className=\"tw:col-start-2 tw:row-start-1 tw:self-center\">\n                {title}\n              </AlertModalTitle>\n            )}\n\n            {children && (\n              <AlertModalDescription\n                className={cn(\n                  'tw:col-start-2',\n                  title ? 'tw:row-start-2' : 'tw:row-start-1 tw:self-center',\n                )}\n              >\n                {children}\n              </AlertModalDescription>\n            )}\n          </AlertModalHeader>\n\n          <AlertModalFooter>\n            <Cancel asChild>\n              <Button\n                type=\"button\"\n                variant=\"outline\"\n                disabled={isLoading}\n                onClick={onCancel}\n                className=\"tw:group-data-[design=default]/alert-modal:flex-1\"\n              >\n                {cancelLabel}\n              </Button>\n            </Cancel>\n\n            <Action asChild>\n              <Button\n                type=\"button\"\n                variant={variant === 'danger' ? 'danger' : 'primary'}\n                isLoading={isLoading}\n                disabled={isLoading || confirmDisabled}\n                onClick={onConfirm}\n                className=\"tw:group-data-[design=default]/alert-modal:flex-1\"\n              >\n                {actionLabel}\n              </Button>\n            </Action>\n          </AlertModalFooter>\n        </Content>\n      </AlertModalOverlay>\n    </Portal>\n  );\n};\n","import type { ComponentPropsWithRef } from 'react';\nimport { Trigger } from '@radix-ui/react-alert-dialog';\n\ntype Props = ComponentPropsWithRef<typeof Trigger>;\n\nexport const AlertModalTrigger = ({ ref, onClick, onKeyDown, ...props }: Props) => (\n  <Trigger\n    {...props}\n    ref={ref}\n    onClick={(event) => {\n      // The trigger sits in the normal DOM tree, often inside a clickable row/card. Stop the\n      // open-click from bubbling to that ancestor's onClick. (Radix still opens the modal —\n      // stopPropagation only blocks ancestors, not the open handler on the same element.)\n      event.stopPropagation();\n      onClick?.(event);\n    }}\n    onKeyDown={(event) => {\n      // Only the activation keys open the modal and would leak; stop just those so Tab/arrows/etc.\n      // still reach ancestor keyboard handlers. The button still activates (stopPropagation only\n      // blocks ancestors).\n      if (event.key === 'Enter' || event.key === ' ') event.stopPropagation();\n      onKeyDown?.(event);\n    }}\n  />\n);\n","import { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport type { ComponentProps, MouseEvent } from 'react';\nimport { Root } from '@radix-ui/react-alert-dialog';\n\nimport { AlertModalContent } from './AlertModalContent';\nimport { AlertModalTrigger } from './AlertModalTrigger';\nimport { AlertModalContextProvider } from './context';\n\nconst noop = () => undefined;\n\ntype ConfirmHandler = (event: MouseEvent<HTMLButtonElement>) => void | Promise<unknown>;\ntype CancelHandler = (event: MouseEvent<HTMLButtonElement>) => void;\n\ntype Props = {\n  onConfirm?: ConfirmHandler;\n  onCancel?: CancelHandler;\n  skipAsyncWait?: boolean;\n  /** Marks the confirm action busy from the outside, on top of the state inferred from a thenable `onConfirm`. */\n  isLoading?: boolean;\n} & ComponentProps<typeof Root>;\n\nexport const AlertModal = ({\n  children,\n  onConfirm = noop,\n  onCancel = noop,\n  skipAsyncWait = false,\n  isLoading = false,\n  open,\n  defaultOpen,\n  onOpenChange,\n  ...rest\n}: Props) => {\n  const [isConfirming, setIsConfirming] = useState(false);\n\n  // Controllable open state: when `open` is provided the parent owns it; otherwise we keep our own.\n  const isControlled = open !== undefined;\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen ?? false);\n  const isOpen = isControlled ? open : uncontrolledOpen;\n\n  const confirmRef = useRef(onConfirm);\n  const cancelRef = useRef(onCancel);\n  const onOpenChangeRef = useRef(onOpenChange);\n\n  // Latest-ref pattern: keep the handlers out of `context`'s deps so its identity stays stable,\n  // without writing to refs during render (synced in an effect, before any handler can fire).\n  useEffect(() => {\n    confirmRef.current = onConfirm;\n    cancelRef.current = onCancel;\n    onOpenChangeRef.current = onOpenChange;\n  }, [onConfirm, onCancel, onOpenChange]);\n\n  const setOpen = useCallback(\n    (next: boolean) => {\n      if (!isControlled) setUncontrolledOpen(next);\n      onOpenChangeRef.current?.(next);\n    },\n    [isControlled],\n  );\n\n  const context = useMemo(\n    () => ({\n      // The two sources of \"the confirm action is running\" converge here, so every consumer\n      // downstream reads one answer regardless of which way the host drives it.\n      isLoading: isConfirming || isLoading,\n      onConfirm: (event: MouseEvent<HTMLButtonElement>) => {\n        const result = confirmRef.current(event);\n\n        // Treat any thenable as async, not just native promises.\n        const isThenable =\n          result !== null && typeof result === 'object' && typeof result.then === 'function';\n        if (!isThenable || skipAsyncWait) return;\n\n        // Keep the modal open while the async action runs, then close once it settles.\n        event.preventDefault();\n        setIsConfirming(true);\n        Promise.resolve(result).finally(() => {\n          setIsConfirming(false);\n          setOpen(false);\n        });\n      },\n      onCancel: (event: MouseEvent<HTMLButtonElement>) => {\n        cancelRef.current(event);\n      },\n    }),\n    [isConfirming, isLoading, skipAsyncWait, setOpen],\n  );\n\n  return (\n    <Root {...rest} open={isOpen} onOpenChange={setOpen}>\n      <AlertModalContextProvider value={context}>{children}</AlertModalContextProvider>\n    </Root>\n  );\n};\n\nAlertModal.Trigger = AlertModalTrigger;\nAlertModal.Content = AlertModalContent;\n"]}

package/dist/chunk-3QDFDDWZ.js

@@ -1,99 +0,0 @@
-import { Button } from './chunk-IXAYNBOY.js';
-import { ChevronLeft, ChevronRight, Ellipsis } from './chunk-RQVK4IYC.js';
-import { cn } from './chunk-LXLIQ2D6.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var PaginationButton = ({
-  ref,
-  active: isActive = false,
-  className,
-  children,
-  size = "icon",
-  ...props
-}) => /* @__PURE__ */ jsx(
-  Button,
-  {
-    ...props,
-    ref,
-    variant: "invisible",
-    size,
-    "data-slot": "pagination-link",
-    "aria-current": isActive ? "page" : void 0,
-    "data-active": isActive,
-    className: cn(
-      "tw:data-[active=true]:bg-accent",
-      "tw:data-[active=true]:text-accent-foreground",
-      "tw:data-[active=true]:border-accent",
-      className
-    ),
-    children
-  }
-);
-var PaginationContent = ({ className, ...props }) => /* @__PURE__ */ jsx(
-  "ul",
-  {
-    ...props,
-    className: cn("tw:flex", "tw:flex-row", "tw:items-center", "tw:gap-1", className)
-  }
-);
-var PaginationEllipsis = ({ className, ...props }) => /* @__PURE__ */ jsx(
-  "span",
-  {
-    "aria-hidden": "true",
-    className: cn(
-      // layout
-      "tw:flex",
-      "tw:p-2.5",
-      "tw:items-center",
-      "tw:justify-center",
-      "tw:text-foreground",
-      'tw:[&_svg:not([class*="tw:size-"])]:size-4',
-      className
-    ),
-    ...props,
-    children: /* @__PURE__ */ jsx(Ellipsis, {})
-  }
-);
-var PaginationItem = ({ className, ...props }) => /* @__PURE__ */ jsx("li", { className: cn("tw:list-none", className), ...props });
-var PaginationNext = ({ children, className, ...props }) => /* @__PURE__ */ jsxs(
-  PaginationButton,
-  {
-    ...props,
-    "aria-label": "Go to next page",
-    size: "medium",
-    className: cn("tw:flex-row-reverse", className),
-    children: [
-      /* @__PURE__ */ jsx(ChevronRight, { className: "tw:size-5" }),
-      children ?? "Next"
-    ]
-  }
-);
-var PaginationPrevious = ({ children, ...props }) => /* @__PURE__ */ jsxs(PaginationButton, { ...props, size: "medium", "aria-label": "Go to previous page", children: [
-  /* @__PURE__ */ jsx(ChevronLeft, { className: "tw:size-5" }),
-  children ?? "Previous"
-] });
-var Pagination = ({ className, ...props }) => /* @__PURE__ */ jsx(
-  "nav",
-  {
-    ...props,
-    "aria-label": "pagination",
-    className: cn(
-      "tailwindcss-preflight",
-      "tw:mx-auto",
-      "tw:flex",
-      "tw:w-full",
-      "tw:justify-center",
-      className
-    )
-  }
-);
-Pagination.Content = PaginationContent;
-Pagination.Item = PaginationItem;
-Pagination.Button = PaginationButton;
-Pagination.Previous = PaginationPrevious;
-Pagination.Next = PaginationNext;
-Pagination.Ellipsis = PaginationEllipsis;
-
-export { Pagination };
-//# sourceMappingURL=chunk-3QDFDDWZ.js.map
-//# sourceMappingURL=chunk-3QDFDDWZ.js.map

package/dist/chunk-3QDFDDWZ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Pagination/PaginationButton.tsx","../src/components/Pagination/PaginationContent.tsx","../src/components/Pagination/PaginationEllipsis.tsx","../src/components/Pagination/PaginationItem.tsx","../src/components/Pagination/PaginationNext.tsx","../src/components/Pagination/PaginationPrevious.tsx","../src/components/Pagination/Pagination.tsx"],"names":["jsx","jsxs"],"mappings":"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","file":"chunk-3QDFDDWZ.js","sourcesContent":["import type { ComponentProps } from 'react';\n\nimport { cn } from '../../utils';\nimport { Button } from '../Button';\n\ntype Props = {\n  active?: boolean;\n} & Omit<ComponentProps<typeof Button>, 'variant'>;\n\nexport const PaginationButton = ({\n  ref,\n  active: isActive = false,\n  className,\n  children,\n  size = 'icon',\n  ...props\n}: Props) => (\n  <Button\n    {...props}\n    ref={ref}\n    variant=\"invisible\"\n    size={size}\n    data-slot=\"pagination-link\"\n    aria-current={isActive ? 'page' : undefined}\n    data-active={isActive}\n    className={cn(\n      'tw:data-[active=true]:bg-accent',\n      'tw:data-[active=true]:text-accent-foreground',\n      'tw:data-[active=true]:border-accent',\n      className,\n    )}\n  >\n    {children}\n  </Button>\n);\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<'ul'>;\n\nexport const PaginationContent = ({ className, ...props }: Props) => (\n  <ul\n    {...props}\n    className={cn('tw:flex', 'tw:flex-row', 'tw:items-center', 'tw:gap-1', className)}\n  />\n);\n","import type { ComponentProps } from 'react';\n\nimport { Ellipsis } from '../../icons';\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<'span'>;\n\nexport const PaginationEllipsis = ({ className, ...props }: Props) => (\n  <span\n    aria-hidden=\"true\"\n    className={cn(\n      // layout\n      'tw:flex',\n      'tw:p-2.5',\n      'tw:items-center',\n      'tw:justify-center',\n\n      'tw:text-foreground',\n      'tw:[&_svg:not([class*=\"tw:size-\"])]:size-4',\n      className,\n    )}\n    {...props}\n  >\n    <Ellipsis />\n  </span>\n);\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<'li'>;\n\nexport const PaginationItem = ({ className, ...props }: Props) => (\n  <li className={cn('tw:list-none', className)} {...props} />\n);\n","import type { ComponentProps } from 'react';\n\nimport { ChevronRight } from '../../icons';\nimport { cn } from '../../utils';\n\nimport { PaginationButton } from './PaginationButton';\n\ntype Props = ComponentProps<typeof PaginationButton>;\n\nexport const PaginationNext = ({ children, className, ...props }: Props) => (\n  <PaginationButton\n    {...props}\n    aria-label=\"Go to next page\"\n    size=\"medium\"\n    className={cn('tw:flex-row-reverse', className)}\n  >\n    <ChevronRight className=\"tw:size-5\" />\n    {children ?? 'Next'}\n  </PaginationButton>\n);\n","import type { ComponentProps } from 'react';\n\nimport { ChevronLeft } from '../../icons';\n\nimport { PaginationButton } from './PaginationButton';\n\ntype Props = ComponentProps<typeof PaginationButton>;\n\nexport const PaginationPrevious = ({ children, ...props }: Props) => (\n  <PaginationButton {...props} size=\"medium\" aria-label=\"Go to previous page\">\n    <ChevronLeft className=\"tw:size-5\" />\n    {children ?? 'Previous'}\n  </PaginationButton>\n);\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '../../utils';\n\nimport { PaginationButton } from './PaginationButton';\nimport { PaginationContent } from './PaginationContent';\nimport { PaginationEllipsis } from './PaginationEllipsis';\nimport { PaginationItem } from './PaginationItem';\nimport { PaginationNext } from './PaginationNext';\nimport { PaginationPrevious } from './PaginationPrevious';\n\ntype Props = ComponentProps<'nav'>;\n\nexport const Pagination = ({ className, ...props }: Props) => (\n  <nav\n    {...props}\n    aria-label=\"pagination\"\n    className={cn(\n      'tailwindcss-preflight',\n      'tw:mx-auto',\n      'tw:flex',\n      'tw:w-full',\n      'tw:justify-center',\n      className,\n    )}\n  />\n);\n\nPagination.Content = PaginationContent;\nPagination.Item = PaginationItem;\nPagination.Button = PaginationButton;\nPagination.Previous = PaginationPrevious;\nPagination.Next = PaginationNext;\nPagination.Ellipsis = PaginationEllipsis;\n"]}

package/dist/chunk-3W27OLK5.js

@@ -1,15 +0,0 @@
-// src/utils/mergeRefs.ts
-function setRef(ref, value) {
-  if (typeof ref === "function") {
-    ref(value);
-  } else if (ref != null) {
-    ref.current = value;
-  }
-}
-var mergeRefs = (...refs) => {
-  return (node) => refs.forEach((ref) => setRef(ref, node));
-};
-
-export { mergeRefs };
-//# sourceMappingURL=chunk-3W27OLK5.js.map
-//# sourceMappingURL=chunk-3W27OLK5.js.map

package/dist/chunk-3W27OLK5.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/utils/mergeRefs.ts"],"names":[],"mappings":";AAQA,SAAS,MAAA,CAAU,KAAqB,KAAA,EAAU;AAChD,EAAA,IAAI,OAAO,QAAQ,UAAA,EAAY;AAC7B,IAAA,GAAA,CAAI,KAAK,CAAA;AAAA,EACX,CAAA,MAAA,IAAW,OAAO,IAAA,EAAM;AACtB,IAAA,GAAA,CAAI,OAAA,GAAU,KAAA;AAAA,EAChB;AACF;AAMO,IAAM,SAAA,GAAY,IAAO,IAAA,KAA2B;AACzD,EAAA,OAAO,CAAC,SAAY,IAAA,CAAK,OAAA,CAAQ,CAAC,GAAA,KAAQ,MAAA,CAAO,GAAA,EAAK,IAAI,CAAC,CAAA;AAC7D","file":"chunk-3W27OLK5.js","sourcesContent":["import type { MutableRefObject, RefCallback } from 'react';\n\ntype PossibleRef<T> = MutableRefObject<T> | RefCallback<T> | null;\n\n/**\n * Set a given ref to a given value\n * This utility takes care of different types of refs: callback refs and RefObject(s)\n */\nfunction setRef<T>(ref: PossibleRef<T>, value: T) {\n  if (typeof ref === 'function') {\n    ref(value);\n  } else if (ref != null) {\n    ref.current = value;\n  }\n}\n\n/**\n * A utility to compose multiple refs together\n * Accepts callback refs and RefObject(s)\n */\nexport const mergeRefs = <T>(...refs: PossibleRef<T>[]) => {\n  return (node: T) => refs.forEach((ref) => setRef(ref, node));\n};\n"]}

package/dist/chunk-4FIZZONW.js

@@ -1,40 +0,0 @@
-import { useTheme } from './chunk-WETKNYZX.js';
-import { cn } from './chunk-LXLIQ2D6.js';
-import { useMemo } from 'react';
-import DOMPurify from 'dompurify';
-import { jsx } from 'react/jsx-runtime';
-
-var isInlineSvg = (source) => source.trimStart().startsWith("<");
-var resolveLogoSource = (logo, variant, mode) => {
-  if (!logo) return void 0;
-  const forMode = (light, dark) => mode === "dark" ? dark ?? light : light ?? dark;
-  const mark = forMode(logo.mark, logo.markDark);
-  const wordmark = forMode(logo.wordmark, logo.wordmarkDark);
-  return variant === "mark" ? mark ?? wordmark : wordmark ?? mark;
-};
-var wrapperClass = "tw:inline-flex tw:h-6 tw:items-center tw:[&>svg]:h-full tw:[&>svg]:w-auto";
-var BrandLogo = ({ variant = "wordmark", className }) => {
-  const { currentTheme, resolvedScheme } = useTheme();
-  const source = resolveLogoSource(currentTheme.logo, variant, resolvedScheme);
-  const safeSvg = useMemo(
-    () => source && isInlineSvg(source) ? DOMPurify.sanitize(source, { USE_PROFILES: { svg: true, svgFilters: true } }) : null,
-    [source]
-  );
-  if (!source) return null;
-  if (safeSvg !== null) {
-    return /* @__PURE__ */ jsx(
-      "span",
-      {
-        role: "img",
-        "aria-label": currentTheme.name,
-        className: cn(wrapperClass, className),
-        dangerouslySetInnerHTML: { __html: safeSvg }
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx("span", { className: cn(wrapperClass, className), children: /* @__PURE__ */ jsx("img", { src: source, alt: currentTheme.name, className: "tw:h-full tw:w-auto" }) });
-};
-
-export { BrandLogo };
-//# sourceMappingURL=chunk-4FIZZONW.js.map
-//# sourceMappingURL=chunk-4FIZZONW.js.map

package/dist/chunk-4FIZZONW.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/BrandLogo/BrandLogo.tsx"],"names":[],"mappings":";;;;;;AAeA,IAAM,cAAc,CAAC,MAAA,KAAmB,OAAO,SAAA,EAAU,CAAE,WAAW,GAAG,CAAA;AAGzE,IAAM,iBAAA,GAAoB,CACxB,IAAA,EACA,OAAA,EACA,IAAA,KACuB;AACvB,EAAA,IAAI,CAAC,MAAM,OAAO,MAAA;AAClB,EAAA,MAAM,OAAA,GAAU,CAAC,KAAA,EAAgB,IAAA,KAC/B,SAAS,MAAA,GAAU,IAAA,IAAQ,QAAU,KAAA,IAAS,IAAA;AAChD,EAAA,MAAM,IAAA,GAAO,OAAA,CAAQ,IAAA,CAAK,IAAA,EAAM,KAAK,QAAQ,CAAA;AAC7C,EAAA,MAAM,QAAA,GAAW,OAAA,CAAQ,IAAA,CAAK,QAAA,EAAU,KAAK,YAAY,CAAA;AACzD,EAAA,OAAO,OAAA,KAAY,MAAA,GAAU,IAAA,IAAQ,QAAA,GAAa,QAAA,IAAY,IAAA;AAChE,CAAA;AAIA,IAAM,YAAA,GAAe,2EAAA;AAMd,IAAM,YAAY,CAAC,EAAE,OAAA,GAAU,UAAA,EAAY,WAAU,KAAa;AACvE,EAAA,MAAM,EAAE,YAAA,EAAc,cAAA,EAAe,GAAI,QAAA,EAAS;AAClD,EAAA,MAAM,MAAA,GAAS,iBAAA,CAAkB,YAAA,CAAa,IAAA,EAAM,SAAS,cAAc,CAAA;AAG3E,EAAA,MAAM,OAAA,GAAU,OAAA;AAAA,IACd,MACE,MAAA,IAAU,WAAA,CAAY,MAAM,CAAA,GACxB,UAAU,QAAA,CAAS,MAAA,EAAQ,EAAE,YAAA,EAAc,EAAE,GAAA,EAAK,IAAA,EAAM,YAAY,IAAA,EAAK,EAAG,CAAA,GAC5E,IAAA;AAAA,IACN,CAAC,MAAM;AAAA,GACT;AAEA,EAAA,IAAI,CAAC,QAAQ,OAAO,IAAA;AAEpB,EAAA,IAAI,YAAY,IAAA,EAAM;AACpB,IAAA,uBACE,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,KAAA;AAAA,QACL,cAAY,YAAA,CAAa,IAAA;AAAA,QACzB,SAAA,EAAW,EAAA,CAAG,YAAA,EAAc,SAAS,CAAA;AAAA,QACrC,uBAAA,EAAyB,EAAE,MAAA,EAAQ,OAAA;AAAQ;AAAA,KAC7C;AAAA,EAEJ;AAEA,EAAA,2BACG,MAAA,EAAA,EAAK,SAAA,EAAW,EAAA,CAAG,YAAA,EAAc,SAAS,CAAA,EACzC,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,GAAA,EAAK,QAAQ,GAAA,EAAK,YAAA,CAAa,IAAA,EAAM,SAAA,EAAU,uBAAsB,CAAA,EAC5E,CAAA;AAEJ","file":"chunk-4FIZZONW.js","sourcesContent":["import { useMemo } from 'react';\nimport DOMPurify from 'dompurify';\n\nimport type { Brand } from '@keboola/brand-registry';\n\nimport { cn } from '../../utils';\nimport { type ResolvedColorScheme, useTheme } from '../ThemeProvider';\n\ntype Props = {\n  /** `wordmark` (default, full logo) or `mark` (square icon); each falls back to the other. */\n  variant?: 'mark' | 'wordmark';\n  /** Sets the logo height; aspect ratio is preserved (e.g. `tw:h-7`). */\n  className?: string;\n};\n\nconst isInlineSvg = (source: string) => source.trimStart().startsWith('<');\n\n// Resolved mode wins, then the other mode, then the other variant.\nconst resolveLogoSource = (\n  logo: Brand['logo'],\n  variant: 'mark' | 'wordmark',\n  mode: ResolvedColorScheme,\n): string | undefined => {\n  if (!logo) return undefined;\n  const forMode = (light?: string, dark?: string) =>\n    mode === 'dark' ? (dark ?? light) : (light ?? dark);\n  const mark = forMode(logo.mark, logo.markDark);\n  const wordmark = forMode(logo.wordmark, logo.wordmarkDark);\n  return variant === 'mark' ? (mark ?? wordmark) : (wordmark ?? mark);\n};\n\n// Reference SVGs omit width/height, so without a default height a bare\n// `<BrandLogo />` renders at the browser's ~150px intrinsic size. `className` overrides it.\nconst wrapperClass = 'tw:inline-flex tw:h-6 tw:items-center tw:[&>svg]:h-full tw:[&>svg]:w-auto';\n\n/**\n * Renders the active brand's logo from the nearest `<ThemeProvider>`, or `null`\n * if the brand ships none. Inline SVG inherits `currentColor`; URLs use `<img>`.\n */\nexport const BrandLogo = ({ variant = 'wordmark', className }: Props) => {\n  const { currentTheme, resolvedScheme } = useTheme();\n  const source = resolveLogoSource(currentTheme.logo, variant, resolvedScheme);\n\n  // A brand may come from customer config or a paste field, not just the repo.\n  const safeSvg = useMemo(\n    () =>\n      source && isInlineSvg(source)\n        ? DOMPurify.sanitize(source, { USE_PROFILES: { svg: true, svgFilters: true } })\n        : null,\n    [source],\n  );\n\n  if (!source) return null;\n\n  if (safeSvg !== null) {\n    return (\n      <span\n        role=\"img\"\n        aria-label={currentTheme.name}\n        className={cn(wrapperClass, className)}\n        dangerouslySetInnerHTML={{ __html: safeSvg }}\n      />\n    );\n  }\n\n  return (\n    <span className={cn(wrapperClass, className)}>\n      <img src={source} alt={currentTheme.name} className=\"tw:h-full tw:w-auto\" />\n    </span>\n  );\n};\n"]}