@keboola/design 11.0.0 → 11.2.0

package/dist/Pagination-Cjfda8KG.js

@@ -0,0 +1,70 @@
+import { cn } from "./classNames-BzrkDnOD.js";
+import { ChevronLeft, ChevronRight, Ellipsis } from "./icons-Cek151jC.js";
+import { Button } from "./Button-6xBX0nNl.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/Pagination/PaginationButton.tsx
+const 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
+});
+//#endregion
+//#region src/components/Pagination/PaginationContent.tsx
+const PaginationContent = ({ className, ...props }) => /* @__PURE__ */ jsx("ul", {
+	...props,
+	className: cn("tw:flex", "tw:flex-row", "tw:items-center", "tw:gap-1", className)
+});
+//#endregion
+//#region src/components/Pagination/PaginationEllipsis.tsx
+const PaginationEllipsis = ({ className, ...props }) => /* @__PURE__ */ jsx("span", {
+	"aria-hidden": "true",
+	className: cn("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, {})
+});
+//#endregion
+//#region src/components/Pagination/PaginationItem.tsx
+const PaginationItem = ({ className, ...props }) => /* @__PURE__ */ jsx("li", {
+	className: cn("tw:list-none", className),
+	...props
+});
+//#endregion
+//#region src/components/Pagination/PaginationNext.tsx
+const 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"]
+});
+//#endregion
+//#region src/components/Pagination/PaginationPrevious.tsx
+const 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"]
+});
+//#endregion
+//#region src/components/Pagination/Pagination.tsx
+const 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;
+//#endregion
+export { Pagination };
+
+//# sourceMappingURL=Pagination-Cjfda8KG.js.map

package/dist/Pagination-Cjfda8KG.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination-Cjfda8KG.js","names":[],"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"],"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"],"mappings":";;;;;AASA,MAAa,oBAAoB,EAC/B,KACA,QAAQ,WAAW,OACnB,WACA,UACA,OAAO,QACP,GAAG,YAEH,oBAAC,QAAD;CACE,GAAI;CACC;CACL,SAAQ;CACF;CACN,aAAU;CACV,gBAAc,WAAW,SAAS,KAAA;CAClC,eAAa;CACb,WAAW,GACT,mCACA,gDACA,uCACA,SACF;CAEC;AACK,CAAA;;;AC3BV,MAAa,qBAAqB,EAAE,WAAW,GAAG,YAChD,oBAAC,MAAD;CACE,GAAI;CACJ,WAAW,GAAG,WAAW,eAAe,mBAAmB,YAAY,SAAS;AACjF,CAAA;;;ACHH,MAAa,sBAAsB,EAAE,WAAW,GAAG,YACjD,oBAAC,QAAD;CACE,eAAY;CACZ,WAAW,GAET,WACA,YACA,mBACA,qBAEA,sBACA,gDACA,SACF;CACA,GAAI;CAEJ,UAAA,oBAAC,UAAD,CAAW,CAAA;AACP,CAAA;;;AClBR,MAAa,kBAAkB,EAAE,WAAW,GAAG,YAC7C,oBAAC,MAAD;CAAI,WAAW,GAAG,gBAAgB,SAAS;CAAG,GAAI;AAAQ,CAAA;;;ACE5D,MAAa,kBAAkB,EAAE,UAAU,WAAW,GAAG,YACvD,qBAAC,kBAAD;CACE,GAAI;CACJ,cAAW;CACX,MAAK;CACL,WAAW,GAAG,uBAAuB,SAAS;CAJhD,UAAA,CAME,oBAAC,cAAD,EAAc,WAAU,YAAa,CAAA,GACpC,YAAY,MACG;;;;ACVpB,MAAa,sBAAsB,EAAE,UAAU,GAAG,YAChD,qBAAC,kBAAD;CAAkB,GAAI;CAAO,MAAK;CAAS,cAAW;CAAtD,UAAA,CACE,oBAAC,aAAD,EAAa,WAAU,YAAa,CAAA,GACnC,YAAY,UACG;;;;ACCpB,MAAa,cAAc,EAAE,WAAW,GAAG,YACzC,oBAAC,OAAD;CACE,GAAI;CACJ,cAAW;CACX,WAAW,GACT,yBACA,cACA,WACA,aACA,qBACA,SACF;AACD,CAAA;AAGH,WAAW,UAAU;AACrB,WAAW,OAAO;AAClB,WAAW,SAAS;AACpB,WAAW,WAAW;AACtB,WAAW,OAAO;AAClB,WAAW,WAAW"}

package/dist/Popconfirm-D7_vfxFd.js

@@ -0,0 +1,167 @@
+import { cn } from "./classNames-BzrkDnOD.js";
+import { Button } from "./Button-6xBX0nNl.js";
+import { Popover } from "./Popover-CzeHjvrB.js";
+import { Slot } from "@radix-ui/react-slot";
+import { createContext, use, useMemo, useRef, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/Popconfirm/context.ts
+const PopconfirmContext = createContext(null);
+const PopconfirmContextProvider = PopconfirmContext;
+const usePopconfirmContext = () => {
+	const context = use(PopconfirmContext);
+	if (!context) throw new Error("usePopconfirmContext must be used within a Popconfirm");
+	return context;
+};
+//#endregion
+//#region src/components/Popconfirm/PopconfirmBody.tsx
+const PopconfirmBody = (props) => /* @__PURE__ */ jsx("div", { ...props });
+//#endregion
+//#region src/components/Popconfirm/PopconfirmCancel.tsx
+const PopconfirmCancel = ({ ref, onClick, children, asChild, className, ...props }) => {
+	const { onCancel, isLoading } = usePopconfirmContext();
+	const handleClick = (event) => {
+		onClick?.(event);
+		onCancel(event);
+	};
+	return /* @__PURE__ */ jsx(Popover.Close, {
+		asChild: true,
+		onClick: handleClick,
+		disabled: isLoading,
+		children: asChild ? /* @__PURE__ */ jsx(Slot, {
+			...props,
+			ref,
+			className,
+			children
+		}) : /* @__PURE__ */ jsx(Button, {
+			variant: "outline",
+			size: "small",
+			...props,
+			ref,
+			className: cn(className),
+			children: children ?? "Cancel"
+		})
+	});
+};
+//#endregion
+//#region src/components/Popconfirm/PopconfirmConfirm.tsx
+const PopconfirmConfirm = ({ ref, onClick, children, asChild, className, ...props }) => {
+	const { onConfirm, variant, isLoading } = usePopconfirmContext();
+	const handleOnClick = (event) => {
+		onClick?.(event);
+		onConfirm(event);
+	};
+	const defaultLabel = (() => {
+		if (children) return children;
+		return variant === "danger" ? "Delete" : "Confirm";
+	})();
+	return /* @__PURE__ */ jsx(Popover.Close, {
+		asChild: true,
+		onClick: handleOnClick,
+		disabled: isLoading,
+		"data-loading": isLoading,
+		children: asChild ? /* @__PURE__ */ jsx(Slot, {
+			...props,
+			ref,
+			className,
+			children
+		}) : /* @__PURE__ */ jsx(Button, {
+			size: "small",
+			variant: variant === "danger" ? "danger" : "primary",
+			...props,
+			ref,
+			className: cn("tw:flex-1", className),
+			isLoading,
+			children: defaultLabel
+		})
+	});
+};
+//#endregion
+//#region src/components/Popconfirm/PopconfirmContent.tsx
+const PopconfirmContent = ({ className, onInteractOutside, ...props }) => {
+	const { isLoading } = usePopconfirmContext();
+	const handleOnInteractOutside = (event) => {
+		if (isLoading) event.preventDefault();
+		onInteractOutside?.(event);
+	};
+	return /* @__PURE__ */ jsx(Popover.Content, {
+		...props,
+		onInteractOutside: handleOnInteractOutside,
+		className: cn("tw:flex", "tw:flex-col", "tw:gap-3", "tw:px-4", "tw:py-3", className)
+	});
+};
+//#endregion
+//#region src/components/Popconfirm/PopconfirmFooter.tsx
+const PopconfirmFooter = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	...props,
+	className: cn("tw:flex tw:gap-2 tw:w-full", className)
+});
+//#endregion
+//#region src/components/Popconfirm/PopconfirmTrigger.tsx
+const PopconfirmTrigger = ({ onClick, ...props }) => {
+	const { enabled, onConfirm } = usePopconfirmContext();
+	const handleClick = (event) => {
+		if (!enabled) {
+			event.preventDefault();
+			onConfirm(event);
+		}
+		onClick?.(event);
+	};
+	return /* @__PURE__ */ jsx(Popover.Trigger, {
+		...props,
+		onClick: handleClick
+	});
+};
+//#endregion
+//#region src/components/Popconfirm/Popconfirm.tsx
+const noop = () => void 0;
+const Popconfirm = ({ children, onConfirm = noop, onCancel = noop, variant = "confirm", enabled = true, onOpenChange = noop, open, skipAsyncWait = false, ...rest }) => {
+	const [isLoading, setIsLoading] = useState(false);
+	const [isOpen, setIsOpen] = useState(false);
+	const confirmRef = useRef(onConfirm);
+	const cancelRef = useRef(onCancel);
+	confirmRef.current = onConfirm;
+	cancelRef.current = onCancel;
+	const handleOnOpenChange = (open) => {
+		setIsOpen(open);
+		onOpenChange(open);
+	};
+	const context = useMemo(() => ({
+		variant,
+		isLoading,
+		enabled,
+		onConfirm: (event) => {
+			const result = confirmRef.current(event);
+			if (!(result instanceof Promise) || skipAsyncWait) return;
+			event.preventDefault();
+			setIsLoading(true);
+			result.then(() => setIsOpen(false)).finally(() => setIsLoading(false));
+		},
+		onCancel: (event) => {
+			cancelRef.current(event);
+		}
+	}), [
+		variant,
+		isLoading,
+		enabled,
+		skipAsyncWait
+	]);
+	return /* @__PURE__ */ jsx(Popover, {
+		...rest,
+		open: open || isOpen,
+		onOpenChange: handleOnOpenChange,
+		children: /* @__PURE__ */ jsx(PopconfirmContextProvider, {
+			value: context,
+			children
+		})
+	});
+};
+Popconfirm.Confirm = PopconfirmConfirm;
+Popconfirm.Cancel = PopconfirmCancel;
+Popconfirm.Footer = PopconfirmFooter;
+Popconfirm.Content = PopconfirmContent;
+Popconfirm.Body = PopconfirmBody;
+Popconfirm.Trigger = PopconfirmTrigger;
+//#endregion
+export { Popconfirm };
+
+//# sourceMappingURL=Popconfirm-D7_vfxFd.js.map

package/dist/Popconfirm-D7_vfxFd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popconfirm-D7_vfxFd.js","names":[],"sources":["../src/components/Popconfirm/context.ts","../src/components/Popconfirm/PopconfirmBody.tsx","../src/components/Popconfirm/PopconfirmCancel.tsx","../src/components/Popconfirm/PopconfirmConfirm.tsx","../src/components/Popconfirm/PopconfirmContent.tsx","../src/components/Popconfirm/PopconfirmFooter.tsx","../src/components/Popconfirm/PopconfirmTrigger.tsx","../src/components/Popconfirm/Popconfirm.tsx"],"sourcesContent":["import { createContext, type MouseEvent, use } from 'react';\n\nexport type PopconfirmContextType = {\n  variant: 'confirm' | 'danger';\n  onConfirm: (event: MouseEvent<HTMLButtonElement>) => void | Promise<void>;\n  onCancel: (event: MouseEvent<HTMLButtonElement>) => void;\n  enabled: boolean;\n  isLoading: boolean;\n};\n\nconst PopconfirmContext = createContext<PopconfirmContextType | null>(null);\n\nexport const PopconfirmContextProvider = PopconfirmContext;\n\nexport const usePopconfirmContext = () => {\n  const context = use(PopconfirmContext);\n  if (!context) throw new Error('usePopconfirmContext must be used within a Popconfirm');\n  return context;\n};\n","import type { ComponentProps } from 'react';\n\ntype Props = ComponentProps<'div'>;\n\nexport const PopconfirmBody = (props: Props) => <div {...props} />;\n","import type { ComponentProps, ReactNode } from 'react';\nimport { Slot } from '@radix-ui/react-slot';\n\nimport { cn } from '../../utils';\nimport { Button } from '../Button';\nimport { Popover } from '../Popover';\n\nimport { usePopconfirmContext } from './context';\n\ntype SlotProps = { asChild: true } & ComponentProps<'button'>;\ntype ButtonProps = { asChild?: false; children?: ReactNode } & Omit<\n  ComponentProps<typeof Button>,\n  'children'\n>;\ntype Props = SlotProps | ButtonProps;\n\nexport const PopconfirmCancel = ({\n  ref,\n  onClick,\n  children,\n  asChild,\n  className,\n  ...props\n}: Props) => {\n  const { onCancel, isLoading } = usePopconfirmContext();\n\n  const handleClick: ComponentProps<'button'>['onClick'] = (event) => {\n    onClick?.(event);\n    onCancel(event);\n  };\n\n  return (\n    <Popover.Close asChild onClick={handleClick} disabled={isLoading}>\n      {asChild ? (\n        <Slot {...props} ref={ref} className={className}>\n          {children}\n        </Slot>\n      ) : (\n        <Button variant=\"outline\" size=\"small\" {...props} ref={ref} className={cn(className)}>\n          {children ?? 'Cancel'}\n        </Button>\n      )}\n    </Popover.Close>\n  );\n};\n","import type { ComponentProps, ReactNode } from 'react';\nimport { Slot } from '@radix-ui/react-slot';\n\nimport { cn } from '../../utils';\nimport { Button } from '../Button/Button';\nimport { Popover } from '../Popover';\n\nimport { usePopconfirmContext } from './context';\n\ntype SlotProps = { asChild: true } & ComponentProps<'button'>;\ntype ButtonProps = { asChild?: false; children?: ReactNode } & Omit<\n  ComponentProps<typeof Button>,\n  'children' | 'isLoading'\n>;\ntype Props = SlotProps | ButtonProps;\n\nexport const PopconfirmConfirm = ({\n  ref,\n  onClick,\n  children,\n  asChild,\n  className,\n  ...props\n}: Props) => {\n  const { onConfirm, variant, isLoading } = usePopconfirmContext();\n\n  const handleOnClick: ComponentProps<'button'>['onClick'] = (event) => {\n    onClick?.(event);\n    onConfirm(event);\n  };\n\n  const defaultLabel = (() => {\n    if (children) return children;\n    return variant === 'danger' ? 'Delete' : 'Confirm';\n  })();\n\n  return (\n    <Popover.Close asChild onClick={handleOnClick} disabled={isLoading} data-loading={isLoading}>\n      {asChild ? (\n        <Slot {...props} ref={ref} className={className}>\n          {children}\n        </Slot>\n      ) : (\n        <Button\n          size=\"small\"\n          variant={variant === 'danger' ? 'danger' : 'primary'}\n          {...props}\n          ref={ref}\n          className={cn('tw:flex-1', className)}\n          isLoading={isLoading}\n        >\n          {defaultLabel}\n        </Button>\n      )}\n    </Popover.Close>\n  );\n};\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '../../utils';\nimport { Popover } from '../Popover';\n\nimport { usePopconfirmContext } from './context';\n\ntype Props = Omit<ComponentProps<typeof Popover.Content>, 'showArrow'>;\n\nexport const PopconfirmContent = ({ className, onInteractOutside, ...props }: Props) => {\n  const { isLoading } = usePopconfirmContext();\n\n  const handleOnInteractOutside: Props['onInteractOutside'] = (event) => {\n    if (isLoading) event.preventDefault();\n    onInteractOutside?.(event);\n  };\n\n  return (\n    <Popover.Content\n      {...props}\n      onInteractOutside={handleOnInteractOutside}\n      className={cn('tw:flex', 'tw:flex-col', 'tw:gap-3', 'tw:px-4', 'tw:py-3', className)}\n    />\n  );\n};\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<'div'>;\n\nexport const PopconfirmFooter = ({ className, ...props }: Props) => (\n  <div {...props} className={cn('tw:flex tw:gap-2 tw:w-full', className)} />\n);\n","import type { ComponentProps, MouseEventHandler } from 'react';\n\nimport { Popover } from '../Popover';\n\nimport { usePopconfirmContext } from './context';\n\ntype Props = ComponentProps<typeof Popover.Trigger>;\n\nexport const PopconfirmTrigger = ({ onClick, ...props }: Props) => {\n  const { enabled, onConfirm } = usePopconfirmContext();\n\n  const handleClick: MouseEventHandler<HTMLButtonElement> = (event) => {\n    if (!enabled) {\n      event.preventDefault();\n      onConfirm(event);\n    }\n\n    onClick?.(event);\n  };\n\n  return <Popover.Trigger {...props} onClick={handleClick} />;\n};\n","import { useMemo, useRef, useState } from 'react';\nimport type { ComponentProps, ReactNode } from 'react';\n\nimport { Popover } from '../Popover';\n\nimport { PopconfirmContextProvider, type PopconfirmContextType } from './context';\nimport { PopconfirmBody } from './PopconfirmBody';\nimport { PopconfirmCancel } from './PopconfirmCancel';\nimport { PopconfirmConfirm } from './PopconfirmConfirm';\nimport { PopconfirmContent } from './PopconfirmContent';\nimport { PopconfirmFooter } from './PopconfirmFooter';\nimport { PopconfirmTrigger } from './PopconfirmTrigger';\n\nconst noop = () => void 0;\n\ntype Props = {\n  children: ReactNode;\n  skipAsyncWait?: boolean;\n} & ComponentProps<typeof Popover> &\n  Omit<Partial<PopconfirmContextType>, 'isLoading'>;\n\nexport const Popconfirm = ({\n  children,\n  onConfirm = noop,\n  onCancel = noop,\n  variant = 'confirm',\n  enabled = true,\n  onOpenChange = noop,\n  open,\n  skipAsyncWait = false,\n  ...rest\n}: Props) => {\n  const [isLoading, setIsLoading] = useState(false);\n  const [isOpen, setIsOpen] = useState(false);\n\n  const confirmRef = useRef(onConfirm);\n  const cancelRef = useRef(onCancel);\n  confirmRef.current = onConfirm;\n  cancelRef.current = onCancel;\n\n  const handleOnOpenChange = (open: boolean) => {\n    setIsOpen(open);\n    onOpenChange(open);\n  };\n\n  const context = useMemo<PopconfirmContextType>(\n    () => ({\n      variant,\n      isLoading,\n      enabled,\n      onConfirm: (event) => {\n        const result = confirmRef.current(event);\n\n        if (!(result instanceof Promise) || skipAsyncWait) return;\n\n        // The async confirm's outcome drives the popover.\n        // - `preventDefault` stops the click closing it, so it stays up while the action runs.\n        // - Resolved closes it; rejected leaves it up so the failure stays visible.\n        // - The rejection is deliberately not caught — the host's global handler reports it.\n        event.preventDefault();\n        setIsLoading(true);\n        result.then(() => setIsOpen(false)).finally(() => setIsLoading(false));\n      },\n      onCancel: (event) => {\n        cancelRef.current(event);\n      },\n    }),\n    [variant, isLoading, enabled, skipAsyncWait],\n  );\n\n  return (\n    <Popover {...rest} open={open || isOpen} onOpenChange={handleOnOpenChange}>\n      <PopconfirmContextProvider value={context}>{children}</PopconfirmContextProvider>\n    </Popover>\n  );\n};\n\nPopconfirm.Confirm = PopconfirmConfirm;\nPopconfirm.Cancel = PopconfirmCancel;\nPopconfirm.Footer = PopconfirmFooter;\nPopconfirm.Content = PopconfirmContent;\nPopconfirm.Body = PopconfirmBody;\nPopconfirm.Trigger = PopconfirmTrigger;\n"],"mappings":"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"}

package/dist/Popover-CzeHjvrB.js

@@ -0,0 +1,85 @@
+import { cn } from "./classNames-BzrkDnOD.js";
+import { useArgoDesign } from "./context-KxxeMHbR.js";
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+import { Close, Content, Portal, Root, Trigger } from "@radix-ui/react-popover";
+//#region src/components/Popover/PopoverContent.tsx
+const variants = cva([
+	"tailwindcss-preflight",
+	"tw:group/popover-content",
+	"tw:z-[1055]",
+	"tw:focus-visible:outline-hidden",
+	"tw:pointer-events-auto",
+	"tw:min-w-32",
+	"tw:max-h-[var(--radix-popover-content-available-height)]",
+	"tw:origin-(--radix-popover-content-transform-origin)",
+	"tw:flex",
+	"tw:flex-col",
+	"tw:overflow-y-auto",
+	"tw:box-border",
+	"tw:border",
+	"tw:border-solid",
+	"tw:border-border",
+	"tw:shadow-lg",
+	"tw:bg-popover",
+	"tw:text-popover-foreground",
+	"tw:data-[state=open]:animate-in",
+	"tw:data-[state=open]:fade-in-0",
+	"tw:data-[state=open]:zoom-in-95",
+	"tw:data-[state=closed]:animate-out",
+	"tw:data-[state=closed]:fade-out-0",
+	"tw:data-[state=closed]:zoom-out-95",
+	"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",
+	"tw:[&_svg.lucide:not([class*='tw:size-'])]:size-4",
+	"tw:[&_svg]:shrink-0"
+], {
+	defaultVariants: {
+		matchTriggerWidth: false,
+		variant: "default"
+	},
+	variants: {
+		variant: {
+			default: ["tw:rounded-md"],
+			argo: ["tw:rounded-2xl"]
+		},
+		matchTriggerWidth: {
+			true: ["tw:w-[var(--radix-popover-trigger-width)]"],
+			false: []
+		}
+	}
+});
+const 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
+	}) });
+};
+//#endregion
+//#region src/components/Popover/Popover.tsx
+const Popover = (props) => /* @__PURE__ */ jsx(Root, { ...props });
+/**
+* Main Layout
+*/
+Popover.Content = PopoverContent;
+Popover.Trigger = Trigger;
+Popover.Close = Close;
+//#endregion
+export { Popover };
+
+//# sourceMappingURL=Popover-CzeHjvrB.js.map

package/dist/Popover-CzeHjvrB.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover-CzeHjvrB.js","names":[],"sources":["../src/components/Popover/PopoverContent.tsx","../src/components/Popover/Popover.tsx"],"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:border-border',\n    'tw:shadow-lg',\n\n    // surface — semantic tokens, so a portalled panel follows the brand and the scheme\n    'tw:bg-popover',\n    'tw:text-popover-foreground',\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      // Radius is the only thing the surface variants differ in — the panel's colours\n      // live in the base array.\n      variant: {\n        default: ['tw:rounded-md'],\n        argo: ['tw:rounded-2xl'],\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"],"mappings":";;;;;;AAQA,MAAM,WAAW,IACf;CACE;CACA;CACA;CACA;CAMA;CAGA;CACA;CACA;CAGA;CACA;CACA;CAGA;CACA;CACA;CACA;CACA;CAGA;CACA;CAGA;CACA;CACA;CAGA;CACA;CACA;CAGA;CACA;CACA;CACA;CAGA;CACA;AACF,GACA;CACE,iBAAiB;EACf,mBAAmB;EACnB,SAAS;CACX;CACA,UAAU;EAGR,SAAS;GACP,SAAS,CAAC,eAAe;GACzB,MAAM,CAAC,gBAAgB;EACzB;EACA,mBAAmB;GACjB,MAAM,CAAC,2CAA2C;GAClD,OAAO,CAAC;EACV;CACF;AACF,CACF;AAIA,MAAa,kBAAkB,EAC7B,KACA,WACA,QAAQ,UACR,aAAa,GACb,oBAAoB,OACpB,UACA,iBACA,GAAG,YACQ;CACX,MAAM,mBAA0E,cAAc,IAC1F,SACA;CACJ,OACE,oBAAC,QAAD,EAAA,UACE,oBAAC,SAAD;EACO;EACL,OAAO,oBAAoB,UAAU;EACzB;EACZ,WAAW,GAAG,SAAS;GAAE;GAAW;GAAmB,SAAS;EAAiB,CAAC,CAAC;EACnF,kBAAkB,UAAU;GAE1B,MAAM,gBAAgB;GACtB,kBAAkB,KAAK;EACzB;EACA,GAAI;EAEH;CACM,CAAA,EACH,CAAA;AAEZ;;;AC5GA,MAAa,WAAW,UAAiB,oBAAC,MAAD,EAAM,GAAI,MAAQ,CAAA;;;;AAK3D,QAAQ,UAAU;AAClB,QAAQ,UAAU;AAClB,QAAQ,QAAQ"}

package/dist/RadioGroup-sIveSsNa.js

@@ -0,0 +1,233 @@
+import { cn } from "./classNames-BzrkDnOD.js";
+import { Tooltip } from "./utils-D0c5VAyF.js";
+import { useArgoDesign } from "./context-KxxeMHbR.js";
+import { Circle } from "./icons-Cek151jC.js";
+import { Separator } from "./internal/components/Separator.js";
+import { FieldBox } from "./FieldBox-D7DYtX_m.js";
+import { createContext, use, useId } from "react";
+import { cva } from "class-variance-authority";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as RRadioGroup from "@radix-ui/react-radio-group";
+import { Indicator, Item } from "@radix-ui/react-radio-group";
+//#region src/components/RadioGroup/context.ts
+const RadioGroupContext = createContext({
+	variant: "radio",
+	orientation: "horizontal"
+});
+const RadioGroupProvider = RadioGroupContext;
+const useRadioGroupContext = () => use(RadioGroupContext);
+//#endregion
+//#region src/components/RadioGroup/styles.ts
+const radioVariants = cva([
+	"tw:bg-transparent",
+	"tw:p-0",
+	"tw:peer",
+	"tw:cursor-pointer",
+	"tw:whitespace-nowrap",
+	"tw:shrink-0",
+	"tw:flex",
+	"tw:items-center",
+	"tw:justify-center",
+	"tw:disabled:cursor-not-allowed",
+	"tw:size-4",
+	"tw:rounded-full",
+	"tw:border",
+	"tw:border-solid"
+], {
+	defaultVariants: { variant: "default" },
+	variants: { variant: {
+		default: [
+			"tw:disabled:opacity-40",
+			"tw:data-[state=checked]:border-primary",
+			"tw:data-[state=unchecked]:border-neutral-200",
+			"tw:data-[state=unchecked]:hover:border-primary",
+			"tw:data-[state=unchecked]:disabled:hover:border-neutral-200",
+			"tw:focus-visible:ring-2",
+			"tw:focus-visible:ring-ring/30"
+		],
+		argo: [
+			"tw:disabled:opacity-50",
+			"tw:border-input",
+			"tw:transition-colors",
+			"tw:data-[state=checked]:bg-primary",
+			"tw:data-[state=checked]:border-primary",
+			"tw:data-[state=unchecked]:not-disabled:hover:bg-accent",
+			"tw:data-[state=checked]:not-disabled:hover:bg-primary",
+			"tw:focus-visible:outline-hidden",
+			"tw:focus-visible:border-primary",
+			"tw:focus-visible:ring-2",
+			"tw:focus-visible:ring-ring/50"
+		]
+	} }
+});
+const radioIndicatorVariants = cva(["tw:size-2.5", "tw:fill-current"], {
+	defaultVariants: { variant: "default" },
+	variants: { variant: {
+		default: ["tw:text-primary"],
+		argo: ["tw:text-primary-foreground"]
+	} }
+});
+const radioItemButtonVariants = cva([
+	"tw:bg-transparent",
+	"tw:p-0",
+	"tw:peer",
+	"tw:cursor-pointer",
+	"tw:whitespace-nowrap",
+	"tw:flex",
+	"tw:items-center",
+	"tw:justify-center",
+	"tw:disabled:cursor-not-allowed",
+	"tw:w-full",
+	"tw:px-2",
+	"tw:py-1.5",
+	"tw:uppercase",
+	"tw:font-semibold",
+	"tw:font-sans",
+	"tw:text-[11px]",
+	"tw:whitespace-nowrap",
+	"tw:tracking-widest",
+	"tw:leading-[18px]",
+	"tw:border",
+	"tw:border-solid",
+	"tw:rounded"
+], {
+	defaultVariants: { variant: "default" },
+	variants: { variant: {
+		default: [
+			"tw:disabled:opacity-40",
+			"tw:text-secondary-600",
+			"tw:border-secondary-500",
+			"tw:data-[state=unchecked]:hover:bg-secondary-500",
+			"tw:data-[state=unchecked]:hover:text-white",
+			"tw:data-[state=unchecked]:disabled:hover:bg-white",
+			"tw:data-[state=unchecked]:disabled:hover:text-secondary-500",
+			"tw:data-[state=checked]:disabled:cursor-not-allowed",
+			"tw:data-[state=unchecked]:bg-white",
+			"tw:data-[state=checked]:bg-secondary-500",
+			"tw:data-[state=checked]:text-white",
+			"tw:data-[state=checked]:cursor-default",
+			"tw:focus-visible:outline",
+			"tw:focus-visible:outline-ring",
+			"tw:focus-visible:ring-4",
+			"tw:focus-visible:ring-ring/30"
+		],
+		argo: [
+			"tw:disabled:opacity-50",
+			"tw:text-foreground",
+			"tw:border-input",
+			"tw:transition-colors",
+			"tw:data-[state=unchecked]:bg-muted",
+			"tw:data-[state=unchecked]:not-disabled:hover:bg-accent",
+			"tw:data-[state=unchecked]:not-disabled:hover:text-accent-foreground",
+			"tw:data-[state=checked]:bg-primary",
+			"tw:data-[state=checked]:border-primary",
+			"tw:data-[state=checked]:text-primary-foreground",
+			"tw:data-[state=checked]:not-disabled:cursor-default",
+			"tw:focus-visible:outline-hidden",
+			"tw:focus-visible:border-primary",
+			"tw:focus-visible:ring-2",
+			"tw:focus-visible:ring-ring/50"
+		]
+	} }
+});
+//#endregion
+//#region src/components/RadioGroup/Radio.tsx
+const Radio = ({ className, styleVariant = "default", ...props }) => /* @__PURE__ */ jsx(Item, {
+	...props,
+	className: cn(radioVariants({ variant: styleVariant }), className),
+	children: /* @__PURE__ */ jsx(Indicator, {
+		className: cn("tw:flex", "tw:items-center", "tw:justify-center"),
+		children: /* @__PURE__ */ jsx(Circle, { className: radioIndicatorVariants({ variant: styleVariant }) })
+	})
+});
+//#endregion
+//#region src/components/RadioGroup/RadioGroupItemButton.tsx
+const RadioGroupItemButton = ({ ref, className, children, styleVariant = "default", ...props }) => /* @__PURE__ */ jsx(Item, {
+	ref,
+	...props,
+	className: cn(radioItemButtonVariants({ variant: styleVariant }), className),
+	children
+});
+//#endregion
+//#region src/components/RadioGroup/RadioGroupItem.tsx
+const RadioGroupItem = ({ children, className, tooltip, tooltipVariant, tooltipPlacement, description, ...props }) => {
+	const { variant } = useRadioGroupContext();
+	const styleVariant = useArgoDesign() ? "argo" : "default";
+	const id = useId();
+	const item = (() => {
+		if (variant === "button") return /* @__PURE__ */ jsx(RadioGroupItemButton, {
+			styleVariant,
+			...props,
+			className,
+			children
+		});
+		return /* @__PURE__ */ jsxs(FieldBox, {
+			variant: variant === "radio-block" ? "boxed" : "default",
+			htmlFor: id,
+			control: /* @__PURE__ */ jsx(Radio, {
+				styleVariant,
+				...props,
+				id
+			}),
+			className: cn(variant === "radio-block" && "tw:flex-1", className),
+			children: [/* @__PURE__ */ jsx(FieldBox.Title, { children }), description && /* @__PURE__ */ jsx(FieldBox.Description, { children: description })]
+		});
+	})();
+	if (!tooltip) return item;
+	return /* @__PURE__ */ jsx(Tooltip, {
+		tooltip,
+		variant: tooltipVariant,
+		placement: tooltipPlacement,
+		triggerAsChild: true,
+		children: item
+	});
+};
+//#endregion
+//#region src/components/RadioGroup/RadioGroupSeparator.tsx
+const RadioGroupSeparator = () => {
+	const { orientation } = useRadioGroupContext();
+	return /* @__PURE__ */ jsx(Separator, {
+		orientation: orientation === "horizontal" ? "vertical" : "horizontal",
+		size: orientation === "horizontal" ? "1/2" : "full",
+		className: orientation === "horizontal" ? "tw:mx-2" : "tw:my-2"
+	});
+};
+//#endregion
+//#region src/components/RadioGroup/RadioGroup.tsx
+const radioGroupVariants = cva(["tw:flex"], { variants: {
+	orientation: {
+		horizontal: ["tw:gap-2"],
+		vertical: ["tw:flex-col", "tw:gap-3"]
+	},
+	variant: {
+		button: [],
+		radio: [],
+		"radio-block": ["tw:w-full"]
+	}
+} });
+const RadioGroup = ({ variant = "radio", className, disabled = false, orientation = "horizontal", onValueChange, children, value, defaultValue, ...props }) => /* @__PURE__ */ jsx(RRadioGroup.Root, {
+	...props,
+	onValueChange,
+	orientation,
+	className: cn(radioGroupVariants({
+		orientation,
+		variant,
+		className
+	})),
+	disabled,
+	value: value ?? void 0,
+	defaultValue: defaultValue ?? void 0,
+	children: /* @__PURE__ */ jsx(RadioGroupProvider, {
+		value: {
+			variant,
+			orientation
+		},
+		children
+	})
+});
+RadioGroup.Item = RadioGroupItem;
+RadioGroup.Separator = RadioGroupSeparator;
+//#endregion
+export { RadioGroup };
+
+//# sourceMappingURL=RadioGroup-sIveSsNa.js.map

package/dist/RadioGroup-sIveSsNa.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup-sIveSsNa.js","names":[],"sources":["../src/components/RadioGroup/context.ts","../src/components/RadioGroup/styles.ts","../src/components/RadioGroup/Radio.tsx","../src/components/RadioGroup/RadioGroupItemButton.tsx","../src/components/RadioGroup/RadioGroupItem.tsx","../src/components/RadioGroup/RadioGroupSeparator.tsx","../src/components/RadioGroup/RadioGroup.tsx"],"sourcesContent":["import { createContext, use } from 'react';\n\nexport type Variant = 'radio' | 'button' | 'radio-block';\nexport type Orientation = 'vertical' | 'horizontal';\n\nconst RadioGroupContext = createContext<{\n  variant: Variant;\n  orientation: Orientation;\n}>({\n  variant: 'radio',\n  orientation: 'horizontal',\n});\n\nexport const RadioGroupProvider = RadioGroupContext;\n\nexport const useRadioGroupContext = () => use(RadioGroupContext);\n","import { cva } from 'class-variance-authority';\n\nexport const radioVariants = cva(\n  [\n    // reset\n    'tw:bg-transparent',\n    'tw:p-0',\n    'tw:peer',\n    'tw:cursor-pointer',\n    'tw:whitespace-nowrap',\n    'tw:shrink-0',\n\n    // position\n    'tw:flex',\n    'tw:items-center',\n    'tw:justify-center',\n\n    'tw:disabled:cursor-not-allowed',\n\n    'tw:size-4',\n\n    // border\n    'tw:rounded-full',\n    'tw:border',\n    'tw:border-solid',\n  ],\n  {\n    defaultVariants: {\n      variant: 'default',\n    },\n    variants: {\n      variant: {\n        default: [\n          'tw:disabled:opacity-40',\n\n          'tw:data-[state=checked]:border-primary',\n          'tw:data-[state=unchecked]:border-neutral-200',\n          'tw:data-[state=unchecked]:hover:border-primary',\n          'tw:data-[state=unchecked]:disabled:hover:border-neutral-200',\n\n          'tw:focus-visible:ring-2',\n          'tw:focus-visible:ring-ring/30',\n        ],\n        argo: [\n          'tw:disabled:opacity-50',\n\n          'tw:border-input',\n          'tw:transition-colors',\n\n          'tw:data-[state=checked]:bg-primary',\n          'tw:data-[state=checked]:border-primary',\n\n          'tw:data-[state=unchecked]:not-disabled:hover:bg-accent',\n          'tw:data-[state=checked]:not-disabled:hover:bg-primary',\n\n          'tw:focus-visible:outline-hidden',\n          'tw:focus-visible:border-primary',\n          'tw:focus-visible:ring-2',\n          'tw:focus-visible:ring-ring/50',\n        ],\n      },\n    },\n  },\n);\n\nexport const radioIndicatorVariants = cva(['tw:size-2.5', 'tw:fill-current'], {\n  defaultVariants: {\n    variant: 'default',\n  },\n  variants: {\n    variant: {\n      default: ['tw:text-primary'],\n      argo: ['tw:text-primary-foreground'],\n    },\n  },\n});\n\nexport const radioItemButtonVariants = cva(\n  [\n    // reset\n    'tw:bg-transparent',\n    'tw:p-0',\n    'tw:peer',\n    'tw:cursor-pointer',\n    'tw:whitespace-nowrap',\n\n    // position\n    'tw:flex',\n    'tw:items-center',\n    'tw:justify-center',\n\n    'tw:disabled:cursor-not-allowed',\n\n    // layouts\n    'tw:w-full',\n    'tw:px-2',\n    'tw:py-1.5',\n\n    // fonts\n    'tw:uppercase',\n    'tw:font-semibold',\n    'tw:font-sans',\n    'tw:text-[11px]',\n    'tw:whitespace-nowrap',\n    'tw:tracking-widest',\n    'tw:leading-[18px]',\n\n    // border\n    'tw:border',\n    'tw:border-solid',\n    'tw:rounded',\n  ],\n  {\n    defaultVariants: {\n      variant: 'default',\n    },\n    variants: {\n      variant: {\n        default: [\n          'tw:disabled:opacity-40',\n          'tw:text-secondary-600',\n          'tw:border-secondary-500',\n\n          'tw:data-[state=unchecked]:hover:bg-secondary-500',\n          'tw:data-[state=unchecked]:hover:text-white',\n\n          'tw:data-[state=unchecked]:disabled:hover:bg-white',\n          'tw:data-[state=unchecked]:disabled:hover:text-secondary-500',\n          'tw:data-[state=checked]:disabled:cursor-not-allowed',\n\n          'tw:data-[state=unchecked]:bg-white',\n          'tw:data-[state=checked]:bg-secondary-500',\n          'tw:data-[state=checked]:text-white',\n          'tw:data-[state=checked]:cursor-default',\n\n          'tw:focus-visible:outline',\n          'tw:focus-visible:outline-ring',\n          'tw:focus-visible:ring-4',\n          'tw:focus-visible:ring-ring/30',\n        ],\n        argo: [\n          'tw:disabled:opacity-50',\n          'tw:text-foreground',\n          'tw:border-input',\n          'tw:transition-colors',\n\n          // muted filled control surface — gray, distinct from white containers; not the app-background token\n          'tw:data-[state=unchecked]:bg-muted',\n          'tw:data-[state=unchecked]:not-disabled:hover:bg-accent',\n          'tw:data-[state=unchecked]:not-disabled:hover:text-accent-foreground',\n\n          'tw:data-[state=checked]:bg-primary',\n          'tw:data-[state=checked]:border-primary',\n          'tw:data-[state=checked]:text-primary-foreground',\n          'tw:data-[state=checked]:not-disabled:cursor-default',\n\n          'tw:focus-visible:outline-hidden',\n          'tw:focus-visible:border-primary',\n          'tw:focus-visible:ring-2',\n          'tw:focus-visible:ring-ring/50',\n        ],\n      },\n    },\n  },\n);\n\nexport type RadioStyleVariant = 'default' | 'argo';\n","import type { ComponentProps } from 'react';\nimport { Indicator, Item } from '@radix-ui/react-radio-group';\n\nimport { Circle } from '../../icons';\nimport { cn } from '../../utils';\n\nimport type { RadioStyleVariant } from './styles';\nimport { radioIndicatorVariants, radioVariants } from './styles';\n\ntype Props = ComponentProps<typeof Item> & { styleVariant?: RadioStyleVariant };\n\nexport const Radio = ({ className, styleVariant = 'default', ...props }: Props) => (\n  <Item {...props} className={cn(radioVariants({ variant: styleVariant }), className)}>\n    <Indicator className={cn('tw:flex', 'tw:items-center', 'tw:justify-center')}>\n      {/* Lucide Circle is stroke-only — force fill to match the stroke (currentColor)\n          so the indicator reads as a solid dot. */}\n      <Circle className={radioIndicatorVariants({ variant: styleVariant })} />\n    </Indicator>\n  </Item>\n);\n","import type { ComponentProps } from 'react';\nimport { Item } from '@radix-ui/react-radio-group';\n\nimport { cn } from '../../utils';\n\nimport type { RadioStyleVariant } from './styles';\nimport { radioItemButtonVariants } from './styles';\n\ntype Props = ComponentProps<typeof Item> & { styleVariant?: RadioStyleVariant };\n\nexport const RadioGroupItemButton = ({\n  ref,\n  className,\n  children,\n  styleVariant = 'default',\n  ...props\n}: Props) => (\n  <Item\n    ref={ref}\n    {...props}\n    className={cn(radioItemButtonVariants({ variant: styleVariant }), className)}\n  >\n    {children}\n  </Item>\n);\n","import { useId } from 'react';\nimport type { ComponentProps, ReactNode } from 'react';\nimport type { Item } from '@radix-ui/react-radio-group';\n\nimport { cn } from '../../utils';\nimport { FieldBox } from '../FieldBox';\nimport { useArgoDesign } from '../ThemeProvider/context';\nimport type { Props as TooltipProps } from '../Tooltip';\nimport { Tooltip } from '../Tooltip';\n\nimport { useRadioGroupContext } from './context';\nimport { Radio } from './Radio';\nimport { RadioGroupItemButton } from './RadioGroupItemButton';\n\ntype ItemProps = Omit<ComponentProps<typeof Item>, 'asChild' | 'value'>;\n\ntype Props<T extends string = string> = ItemProps & {\n  value: T;\n  tooltip?: ReactNode;\n  tooltipVariant?: TooltipProps['variant'];\n  tooltipPlacement?: TooltipProps['placement'];\n  description?: ReactNode;\n};\n\nexport const RadioGroupItem = <T extends string = string>({\n  children,\n  className,\n  tooltip,\n  tooltipVariant,\n  tooltipPlacement,\n  description,\n  ...props\n}: Props<T>) => {\n  const { variant } = useRadioGroupContext();\n  const styleVariant = useArgoDesign() ? 'argo' : 'default';\n  const id = useId();\n\n  const item = (() => {\n    if (variant === 'button')\n      return (\n        <RadioGroupItemButton styleVariant={styleVariant} {...props} className={className}>\n          {children}\n        </RadioGroupItemButton>\n      );\n\n    return (\n      <FieldBox\n        variant={variant === 'radio-block' ? 'boxed' : 'default'}\n        htmlFor={id}\n        control={<Radio styleVariant={styleVariant} {...props} id={id} />}\n        className={cn(variant === 'radio-block' && 'tw:flex-1', className)}\n      >\n        <FieldBox.Title>{children}</FieldBox.Title>\n        {description && <FieldBox.Description>{description}</FieldBox.Description>}\n      </FieldBox>\n    );\n  })();\n\n  if (!tooltip) {\n    return item;\n  }\n\n  return (\n    <Tooltip tooltip={tooltip} variant={tooltipVariant} placement={tooltipPlacement} triggerAsChild>\n      {item}\n    </Tooltip>\n  );\n};\n","import { Separator } from '../Separator';\n\nimport { useRadioGroupContext } from './context';\n\nexport const RadioGroupSeparator = () => {\n  const { orientation } = useRadioGroupContext();\n  const invertedOrientation = orientation === 'horizontal' ? 'vertical' : 'horizontal';\n  const size = orientation === 'horizontal' ? '1/2' : 'full';\n  const className = orientation === 'horizontal' ? 'tw:mx-2' : 'tw:my-2';\n\n  return <Separator orientation={invertedOrientation} size={size} className={className} />;\n};\n","import type { ComponentProps } from 'react';\nimport * as RRadioGroup from '@radix-ui/react-radio-group';\nimport { cva } from 'class-variance-authority';\n\nimport { cn } from '../../utils';\n\nimport type { Orientation, Variant } from './context';\nimport { RadioGroupProvider } from './context';\nimport { RadioGroupItem } from './RadioGroupItem';\nimport { RadioGroupSeparator } from './RadioGroupSeparator';\n\nconst radioGroupVariants = cva(['tw:flex'], {\n  variants: {\n    orientation: {\n      horizontal: ['tw:gap-2'],\n      vertical: ['tw:flex-col', 'tw:gap-3'],\n    },\n    variant: {\n      button: [],\n      radio: [],\n      'radio-block': ['tw:w-full'],\n    },\n  },\n});\n\ntype Props<Value> = {\n  variant?: Variant;\n  orientation?: Orientation;\n  onValueChange?: (value: Value) => void;\n  value?: Value | null;\n  defaultValue?: Value | null;\n} & Omit<\n  ComponentProps<typeof RRadioGroup.Root>,\n  'asChild' | 'orientation' | 'onValueChange' | 'onChange' | 'value' | 'defaultValue'\n>;\n\nexport const RadioGroup = <Value extends string = string>({\n  variant = 'radio',\n  className,\n  disabled = false,\n  orientation = 'horizontal',\n  onValueChange,\n  children,\n  value,\n  defaultValue,\n  ...props\n}: Props<Value>) => (\n  <RRadioGroup.Root\n    {...props}\n    onValueChange={onValueChange}\n    orientation={orientation}\n    className={cn(radioGroupVariants({ orientation, variant, className }))}\n    disabled={disabled}\n    value={value ?? void 0}\n    defaultValue={defaultValue ?? void 0}\n  >\n    <RadioGroupProvider value={{ variant, orientation }}>{children}</RadioGroupProvider>\n  </RRadioGroup.Root>\n);\n\nRadioGroup.Item = RadioGroupItem;\nRadioGroup.Separator = RadioGroupSeparator;\n"],"mappings":"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"}