@keboola/design 9.1.0 → 11.0.0

package/dist/chunk-3QDFDDWZ.js

@@ -0,0 +1,99 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,15 @@
+// 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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,40 @@
+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

@@ -0,0 +1 @@
+{"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"]}

package/dist/chunk-4GIAXOJG.js

@@ -0,0 +1,133 @@
+import { useArgoDesign } from './chunk-WETKNYZX.js';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+var errorStateClassnames = cva(["tw:flex", "tw:flex-col", "tw:items-center", "tw:text-center"], {
+  variants: {
+    variant: {
+      default: ["tw:py-16", "tw:px-8", "tw:gap-4"],
+      compact: ["tw:py-8", "tw:px-4", "tw:gap-2"],
+      destructive: ["tw:py-16", "tw:px-8", "tw:gap-4"]
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+var errorStateIconClassnames = cva(["tw:flex", "tw:items-center", "tw:justify-center"], {
+  variants: {
+    variant: {
+      default: [
+        "tw:size-16",
+        "tw:text-4xl",
+        'tw:[&_svg:not([class*="tw:size-"])]:size-10',
+        "tw:text-warning"
+      ],
+      compact: [
+        "tw:size-10",
+        "tw:text-2xl",
+        'tw:[&_svg:not([class*="tw:size-"])]:size-6',
+        "tw:text-warning"
+      ],
+      // Legacy keeps the fixed error scale; argo uses the themeable destructive token.
+      destructive: [
+        "tw:size-16",
+        "tw:text-4xl",
+        'tw:[&_svg:not([class*="tw:size-"])]:size-10',
+        "tw:data-[argo=false]:text-error-500",
+        "tw:data-[argo=true]:text-destructive"
+      ]
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+var errorStateTitleClassnames = cva(["tw:m-0", "tw:font-semibold"], {
+  variants: {
+    variant: {
+      default: ["tw:text-lg", "tw:leading-7", "tw:text-foreground"],
+      compact: ["tw:text-base", "tw:leading-6", "tw:text-foreground"],
+      destructive: [
+        "tw:text-lg",
+        "tw:leading-7",
+        "tw:data-[argo=false]:text-error-700",
+        "tw:data-[argo=true]:text-destructive"
+      ]
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+var errorStateDescriptionClassnames = cva(["tw:m-0", "tw:text-muted-foreground"], {
+  variants: {
+    variant: {
+      default: ["tw:text-sm", "tw:leading-5", "tw:max-w-sm"],
+      compact: ["tw:text-xs", "tw:leading-4", "tw:max-w-xs"],
+      destructive: ["tw:text-sm", "tw:leading-5", "tw:max-w-sm"]
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+var errorStateActionsClassnames = cva(["tw:flex", "tw:items-center", "tw:flex-wrap"], {
+  variants: {
+    variant: {
+      default: ["tw:gap-3", "tw:mt-2"],
+      compact: ["tw:gap-2", "tw:mt-1"],
+      destructive: ["tw:gap-3", "tw:mt-2"]
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+var ErrorStateRoot = ({ className, variant = "default", children, ...rest }) => /* @__PURE__ */ jsx("div", { role: "alert", className: errorStateClassnames({ className, variant }), ...rest, children });
+var ErrorStateIcon = ({ className, variant = "default", children, ...rest }) => {
+  const renderArgo = useArgoDesign();
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-argo": renderArgo,
+      className: errorStateIconClassnames({ className, variant }),
+      ...rest,
+      children
+    }
+  );
+};
+var ErrorStateTitle = ({
+  className,
+  variant = "default",
+  as: Tag = "h3",
+  children,
+  ...rest
+}) => {
+  const renderArgo = useArgoDesign();
+  return /* @__PURE__ */ jsx(
+    Tag,
+    {
+      "data-argo": renderArgo,
+      className: errorStateTitleClassnames({ className, variant }),
+      ...rest,
+      children
+    }
+  );
+};
+var ErrorStateDescription = ({
+  className,
+  variant = "default",
+  children,
+  ...rest
+}) => /* @__PURE__ */ jsx("p", { className: errorStateDescriptionClassnames({ className, variant }), ...rest, children });
+var ErrorStateActions = ({ className, variant = "default", children, ...rest }) => /* @__PURE__ */ jsx("div", { className: errorStateActionsClassnames({ className, variant }), ...rest, children });
+var ErrorState = ErrorStateRoot;
+ErrorState.Icon = ErrorStateIcon;
+ErrorState.Title = ErrorStateTitle;
+ErrorState.Description = ErrorStateDescription;
+ErrorState.Actions = ErrorStateActions;
+
+export { ErrorState };
+//# sourceMappingURL=chunk-4GIAXOJG.js.map
+//# sourceMappingURL=chunk-4GIAXOJG.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/blocks/ErrorState/ErrorState.tsx"],"names":[],"mappings":"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","file":"chunk-4GIAXOJG.js","sourcesContent":["import type { ComponentProps } from 'react';\nimport type { VariantProps } from 'class-variance-authority';\nimport { cva } from 'class-variance-authority';\n\nimport { useArgoDesign } from '../../components/ThemeProvider/context';\n\nconst errorStateClassnames = cva(['tw:flex', 'tw:flex-col', 'tw:items-center', 'tw:text-center'], {\n  variants: {\n    variant: {\n      default: ['tw:py-16', 'tw:px-8', 'tw:gap-4'],\n      compact: ['tw:py-8', 'tw:px-4', 'tw:gap-2'],\n      destructive: ['tw:py-16', 'tw:px-8', 'tw:gap-4'],\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n});\n\nconst errorStateIconClassnames = cva(['tw:flex', 'tw:items-center', 'tw:justify-center'], {\n  variants: {\n    variant: {\n      default: [\n        'tw:size-16',\n        'tw:text-4xl',\n        'tw:[&_svg:not([class*=\"tw:size-\"])]:size-10',\n        'tw:text-warning',\n      ],\n      compact: [\n        'tw:size-10',\n        'tw:text-2xl',\n        'tw:[&_svg:not([class*=\"tw:size-\"])]:size-6',\n        'tw:text-warning',\n      ],\n      // Legacy keeps the fixed error scale; argo uses the themeable destructive token.\n      destructive: [\n        'tw:size-16',\n        'tw:text-4xl',\n        'tw:[&_svg:not([class*=\"tw:size-\"])]:size-10',\n        'tw:data-[argo=false]:text-error-500',\n        'tw:data-[argo=true]:text-destructive',\n      ],\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n});\n\nconst errorStateTitleClassnames = cva(['tw:m-0', 'tw:font-semibold'], {\n  variants: {\n    variant: {\n      default: ['tw:text-lg', 'tw:leading-7', 'tw:text-foreground'],\n      compact: ['tw:text-base', 'tw:leading-6', 'tw:text-foreground'],\n      destructive: [\n        'tw:text-lg',\n        'tw:leading-7',\n        'tw:data-[argo=false]:text-error-700',\n        'tw:data-[argo=true]:text-destructive',\n      ],\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n});\n\nconst errorStateDescriptionClassnames = cva(['tw:m-0', 'tw:text-muted-foreground'], {\n  variants: {\n    variant: {\n      default: ['tw:text-sm', 'tw:leading-5', 'tw:max-w-sm'],\n      compact: ['tw:text-xs', 'tw:leading-4', 'tw:max-w-xs'],\n      destructive: ['tw:text-sm', 'tw:leading-5', 'tw:max-w-sm'],\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n});\n\nconst errorStateActionsClassnames = cva(['tw:flex', 'tw:items-center', 'tw:flex-wrap'], {\n  variants: {\n    variant: {\n      default: ['tw:gap-3', 'tw:mt-2'],\n      compact: ['tw:gap-2', 'tw:mt-1'],\n      destructive: ['tw:gap-3', 'tw:mt-2'],\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n});\n\ntype Variant = VariantProps<typeof errorStateClassnames>['variant'];\n\n/**\n * Props for `ErrorState`. `variant` chooses look — `\"default\"` for non-blocking errors, `\"compact\"` for\n * inside cards, `\"destructive\"` for blocking failures (red title + icon).\n */\ntype RootProps = ComponentProps<'div'> &\n  VariantProps<typeof errorStateClassnames> & {\n    variant?: Variant;\n  };\n\n/**\n * Page-level error placeholder with icon, title, description, and recovery-action slots.\n *\n * **When to use:** the page can't render its content because a request failed, the user lacks permission,\n * or the entity doesn't exist. Show a recovery action (retry, go back, request access) in\n * `ErrorState.Actions`.\n * **When NOT to use:** for transient operation failures use `toast()`; for inline form validation use\n * `FormGroup state=\"error\"`; for contextual warning banners use `Alert variant=\"error\"`.\n * **Composition:** nest `ErrorState.Icon`, `ErrorState.Title`, `ErrorState.Description`, and\n * `ErrorState.Actions`. Use `variant=\"destructive\"` for full-page critical failures.\n */\nconst ErrorStateRoot = ({ className, variant = 'default', children, ...rest }: RootProps) => (\n  <div role=\"alert\" className={errorStateClassnames({ className, variant })} {...rest}>\n    {children}\n  </div>\n);\n\ntype SlotProps = ComponentProps<'div'> & { variant?: Variant };\n\nconst ErrorStateIcon = ({ className, variant = 'default', children, ...rest }: SlotProps) => {\n  const renderArgo = useArgoDesign();\n  return (\n    <div\n      data-argo={renderArgo}\n      className={errorStateIconClassnames({ className, variant })}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n};\n\ntype HeadingLevel = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n\ntype TitleProps = ComponentProps<'h3'> & {\n  variant?: Variant;\n  /** Heading tag to render. Defaults to `h3`; set explicitly to avoid a heading-order skip\n   *  (e.g. `as=\"h2\"` when the error state sits directly under a page's `h1`). */\n  as?: HeadingLevel;\n};\n\nconst ErrorStateTitle = ({\n  className,\n  variant = 'default',\n  as: Tag = 'h3',\n  children,\n  ...rest\n}: TitleProps) => {\n  const renderArgo = useArgoDesign();\n  return (\n    <Tag\n      data-argo={renderArgo}\n      className={errorStateTitleClassnames({ className, variant })}\n      {...rest}\n    >\n      {children}\n    </Tag>\n  );\n};\n\ntype DescriptionProps = ComponentProps<'p'> & { variant?: Variant };\n\nconst ErrorStateDescription = ({\n  className,\n  variant = 'default',\n  children,\n  ...rest\n}: DescriptionProps) => (\n  <p className={errorStateDescriptionClassnames({ className, variant })} {...rest}>\n    {children}\n  </p>\n);\n\ntype ActionsProps = ComponentProps<'div'> & { variant?: Variant };\n\nconst ErrorStateActions = ({ className, variant = 'default', children, ...rest }: ActionsProps) => (\n  <div className={errorStateActionsClassnames({ className, variant })} {...rest}>\n    {children}\n  </div>\n);\n\nexport const ErrorState = ErrorStateRoot as typeof ErrorStateRoot & {\n  Icon: typeof ErrorStateIcon;\n  Title: typeof ErrorStateTitle;\n  Description: typeof ErrorStateDescription;\n  Actions: typeof ErrorStateActions;\n};\n\nErrorState.Icon = ErrorStateIcon;\nErrorState.Title = ErrorStateTitle;\nErrorState.Description = ErrorStateDescription;\nErrorState.Actions = ErrorStateActions;\n\nexport type { RootProps as ErrorStateProps, Variant as ErrorStateVariant };\n"]}

package/dist/chunk-52NDNMK7.js

@@ -0,0 +1,99 @@
+import { Toggle } from './chunk-QQA37LFB.js';
+import { Popover } from './chunk-ON4BJTHI.js';
+import { ScrollArea } from './chunk-THHB4EWS.js';
+import { useState } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/components/TimePicker/utils.ts
+var pad = (n) => n.toString().padStart(2, "0");
+var formatTime = (hour, minute) => `${pad(hour)}:${pad(minute)}`;
+var parseTime = (time) => {
+  if (!time) return { hour: null, minute: null };
+  const match = /^(\d{1,2}):(\d{1,2})$/.exec(time.trim());
+  if (!match) return { hour: null, minute: null };
+  const hour = Number(match[1]);
+  const minute = Number(match[2]);
+  if (Number.isNaN(hour) || Number.isNaN(minute) || hour < 0 || hour > 23 || minute < 0 || minute > 59)
+    return { hour: null, minute: null };
+  return { hour, minute };
+};
+var scrollToSelected = (viewport) => {
+  if (!viewport) return;
+  requestAnimationFrame(() => {
+    const selected = viewport.querySelector('[aria-pressed="true"]');
+    selected?.scrollIntoView({ block: "center" });
+  });
+};
+var HOURS = Array.from({ length: 24 }, (_, i) => i);
+var MINUTES = Array.from({ length: 60 }, (_, i) => i);
+var TimePicker = ({
+  align = "end",
+  alignOffset = -18,
+  children,
+  defaultOpen,
+  defaultSelected,
+  onOpenChange,
+  onSelect,
+  open,
+  selected,
+  sideOffset = 12
+}) => {
+  const [internalSelected, setInternalSelected] = useState(defaultSelected ?? null);
+  const isControlled = selected !== void 0;
+  const currentValue = isControlled ? selected : internalSelected;
+  const parsed = parseTime(currentValue);
+  const hour = parsed.hour ?? null;
+  const minute = parsed.minute ?? null;
+  const handleSelect = (time) => {
+    if (!isControlled) {
+      setInternalSelected(time);
+    }
+    onSelect?.(time);
+  };
+  const handleHourSelect = (h) => {
+    handleSelect(formatTime(h, minute ?? 0));
+  };
+  const handleMinuteSelect = (m) => {
+    handleSelect(formatTime(hour ?? 0, m));
+  };
+  return /* @__PURE__ */ jsxs(Popover, { defaultOpen, onOpenChange, open, children: [
+    /* @__PURE__ */ jsx(Popover.Trigger, { asChild: true, children }),
+    /* @__PURE__ */ jsxs(
+      Popover.Content,
+      {
+        align,
+        alignOffset,
+        sideOffset,
+        className: "tw:flex tw:flex-row",
+        children: [
+          /* @__PURE__ */ jsx(ScrollArea, { type: "always", ref: scrollToSelected, viewPortClassName: "tw:h-60 tw:p-3", children: HOURS.map((value) => /* @__PURE__ */ jsx(
+            Toggle,
+            {
+              variant: "ghost",
+              className: "tw:size-10 tw:p-0",
+              pressed: value === hour,
+              onPressedChange: () => handleHourSelect(value),
+              children: pad(value)
+            },
+            value
+          )) }),
+          /* @__PURE__ */ jsx(ScrollArea, { type: "always", ref: scrollToSelected, viewPortClassName: "tw:h-60 tw:p-3", children: MINUTES.map((value) => /* @__PURE__ */ jsx(
+            Toggle,
+            {
+              variant: "ghost",
+              className: "tw:size-10 tw:p-0",
+              pressed: value === minute,
+              onPressedChange: () => handleMinuteSelect(value),
+              children: pad(value)
+            },
+            value
+          )) })
+        ]
+      }
+    )
+  ] });
+};
+
+export { TimePicker, formatTime, pad, parseTime };
+//# sourceMappingURL=chunk-52NDNMK7.js.map
+//# sourceMappingURL=chunk-52NDNMK7.js.map

package/dist/chunk-52NDNMK7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/TimePicker/utils.ts","../src/components/TimePicker/TimePicker.tsx"],"names":[],"mappings":"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","file":"chunk-52NDNMK7.js","sourcesContent":["export const pad = (n: number) => n.toString().padStart(2, '0');\n\n/** The \"HH:mm\" shape `parseTime` parses back. */\nexport const formatTime = (hour: number, minute: number) => `${pad(hour)}:${pad(minute)}`;\n\nexport const parseTime = (time?: string | null) => {\n  if (!time) return { hour: null, minute: null };\n\n  const match = /^(\\d{1,2}):(\\d{1,2})$/.exec(time.trim());\n  if (!match) return { hour: null, minute: null };\n\n  const hour = Number(match[1]);\n  const minute = Number(match[2]);\n  if (\n    Number.isNaN(hour) ||\n    Number.isNaN(minute) ||\n    hour < 0 ||\n    hour > 23 ||\n    minute < 0 ||\n    minute > 59\n  )\n    return { hour: null, minute: null };\n\n  return { hour, minute };\n};\n\nexport const scrollToSelected = (viewport: HTMLDivElement | null) => {\n  if (!viewport) return;\n  // Defer scroll until after the popover open animation completes and layout is calculated\n  requestAnimationFrame(() => {\n    const selected = viewport.querySelector('[aria-pressed=\"true\"]');\n    selected?.scrollIntoView({ block: 'center' });\n  });\n};\n","import { useState } from 'react';\nimport type { ReactNode } from 'react';\nimport type { PopoverContentProps, PopoverProps } from '@radix-ui/react-popover';\n\nimport { Popover } from '../Popover';\nimport { ScrollArea } from '../ScrollArea';\nimport { Toggle } from '../Toggle';\n\nimport { formatTime, pad, parseTime, scrollToSelected } from './utils';\n\nconst HOURS = Array.from({ length: 24 }, (_, i) => i);\nconst MINUTES = Array.from({ length: 60 }, (_, i) => i);\n\ntype Props = {\n  children?: ReactNode;\n  defaultSelected?: string | null;\n  selected?: string | null;\n  onSelect?: (time: string) => void;\n} & Pick<PopoverProps, 'open' | 'onOpenChange' | 'defaultOpen'> &\n  Pick<PopoverContentProps, 'align' | 'alignOffset' | 'sideOffset'>;\n\nexport const TimePicker = ({\n  align = 'end',\n  alignOffset = -18,\n  children,\n  defaultOpen,\n  defaultSelected,\n  onOpenChange,\n  onSelect,\n  open,\n  selected,\n  sideOffset = 12,\n}: Props) => {\n  const [internalSelected, setInternalSelected] = useState<string | null>(defaultSelected ?? null);\n\n  const isControlled = selected !== undefined;\n  const currentValue = isControlled ? selected : internalSelected;\n\n  const parsed = parseTime(currentValue);\n  const hour = parsed.hour ?? null;\n  const minute = parsed.minute ?? null;\n\n  const handleSelect = (time: string) => {\n    if (!isControlled) {\n      setInternalSelected(time);\n    }\n    onSelect?.(time);\n  };\n\n  const handleHourSelect = (h: number) => {\n    handleSelect(formatTime(h, minute ?? 0));\n  };\n\n  const handleMinuteSelect = (m: number) => {\n    handleSelect(formatTime(hour ?? 0, m));\n  };\n\n  return (\n    <Popover defaultOpen={defaultOpen} onOpenChange={onOpenChange} open={open}>\n      <Popover.Trigger asChild>{children}</Popover.Trigger>\n      <Popover.Content\n        align={align}\n        alignOffset={alignOffset}\n        sideOffset={sideOffset}\n        className=\"tw:flex tw:flex-row\"\n      >\n        <ScrollArea type=\"always\" ref={scrollToSelected} viewPortClassName=\"tw:h-60 tw:p-3\">\n          {HOURS.map((value) => (\n            <Toggle\n              key={value}\n              variant=\"ghost\"\n              className=\"tw:size-10 tw:p-0\"\n              pressed={value === hour}\n              onPressedChange={() => handleHourSelect(value)}\n            >\n              {pad(value)}\n            </Toggle>\n          ))}\n        </ScrollArea>\n\n        <ScrollArea type=\"always\" ref={scrollToSelected} viewPortClassName=\"tw:h-60 tw:p-3\">\n          {MINUTES.map((value) => (\n            <Toggle\n              key={value}\n              variant=\"ghost\"\n              className=\"tw:size-10 tw:p-0\"\n              pressed={value === minute}\n              onPressedChange={() => handleMinuteSelect(value)}\n            >\n              {pad(value)}\n            </Toggle>\n          ))}\n        </ScrollArea>\n      </Popover.Content>\n    </Popover>\n  );\n};\n"]}

package/dist/chunk-576G5OES.js

@@ -0,0 +1,201 @@
+import { FieldBox } from './chunk-SCQPU4UE.js';
+import { useArgoDesign } from './chunk-WETKNYZX.js';
+import { useId } from 'react';
+import { Root, Thumb } from '@radix-ui/react-switch';
+import { cva } from 'class-variance-authority';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var switchVariants = cva(
+  [
+    "tailwindcss-preflight",
+    "tw:shrink-0",
+    "tw:cursor-pointer",
+    "tw:disabled:cursor-not-allowed",
+    "tw:disabled:opacity-50"
+  ],
+  {
+    defaultVariants: {
+      size: "medium",
+      variant: "default"
+    },
+    variants: {
+      variant: {
+        default: [
+          "tw:peer/switch",
+          "tw:group/switch",
+          "tw:relative",
+          // positioning
+          "tw:flex",
+          "tw:items-center",
+          "tw:gap-2",
+          "tw:min-h-5",
+          // label
+          "tw:text-neutral-800",
+          "tw:font-normal",
+          // before pseudo element
+          'tw:before:content-[" "]',
+          "tw:before:block",
+          "tw:before:relative",
+          // color
+          "tw:aria-checked:before:bg-primary-500",
+          "tw:before:bg-neutral-200",
+          // hover
+          "tw:aria-checked:before:hover:bg-primary-600",
+          "tw:before:hover:bg-neutral-300",
+          // disabled
+          "tw:before:disabled:hover:bg-neutral-200",
+          // others
+          "tw:transition-colors",
+          "tw:focus-visible:outline-hidden",
+          "tw:before:focus-visible:outline",
+          "tw:before:focus-visible:outline-1",
+          "tw:before:focus-visible:outline-ring",
+          "tw:before:focus-visible:ring-4",
+          "tw:before:focus-visible:ring-ring/30"
+        ],
+        argo: [
+          "tw:peer",
+          "tw:inline-flex",
+          "tw:items-center",
+          // track
+          "tw:w-9",
+          "tw:h-5",
+          "tw:rounded-full",
+          "tw:border",
+          "tw:border-transparent",
+          "tw:bg-input",
+          "tw:transition-colors",
+          // checked
+          "tw:data-[state=checked]:bg-primary",
+          // focus
+          "tw:focus-visible:outline-hidden",
+          "tw:focus-visible:border-primary",
+          "tw:focus-visible:ring-3",
+          "tw:focus-visible:ring-ring/50"
+        ]
+      },
+      size: {
+        small: [],
+        medium: [],
+        large: []
+      }
+    },
+    compoundVariants: [
+      {
+        variant: "default",
+        size: "small",
+        class: ["tw:before:w-6", "tw:before:h-4", "tw:before:rounded-lg"]
+      },
+      {
+        variant: "default",
+        size: "medium",
+        class: ["tw:before:w-8", "tw:before:h-4", "tw:before:rounded-lg"]
+      },
+      {
+        variant: "default",
+        size: "large",
+        class: ["tw:before:w-10", "tw:before:h-5", "tw:before:rounded-xl"]
+      }
+    ]
+  }
+);
+var thumbVariants = cva(
+  ["tw:block", "tw:shrink-0", "tw:pointer-events-none", "tw:bg-white", "tw:rounded-full"],
+  {
+    defaultVariants: {
+      size: "medium",
+      variant: "default"
+    },
+    variants: {
+      variant: {
+        default: [
+          "tw:absolute",
+          "tw:left-0",
+          "tw:transition-transform",
+          "tw:ease-in-out",
+          "tw:shadow-[0_2px_5px_rgba(0,0,0,.26)]"
+        ],
+        argo: [
+          "tw:size-4",
+          "tw:shadow-sm",
+          "tw:transition-transform",
+          "tw:data-[state=checked]:translate-x-[16px]",
+          "tw:data-[state=unchecked]:translate-x-0.5"
+        ]
+      },
+      size: {
+        small: [],
+        medium: [],
+        large: []
+      }
+    },
+    compoundVariants: [
+      {
+        variant: "default",
+        size: "small",
+        class: [
+          "tw:w-3",
+          "tw:h-3",
+          "tw:data-[state=checked]:translate-x-2.5",
+          "tw:data-[state=unchecked]:translate-x-0.5"
+        ]
+      },
+      {
+        variant: "default",
+        size: "medium",
+        class: [
+          "tw:w-3",
+          "tw:h-3",
+          "tw:data-[state=checked]:translate-x-[18px]",
+          "tw:data-[state=unchecked]:translate-x-0.5"
+        ]
+      },
+      {
+        variant: "default",
+        size: "large",
+        class: [
+          "tw:w-3.5",
+          "tw:h-3.5",
+          "tw:data-[state=checked]:translate-x-6",
+          "tw:data-[state=unchecked]:translate-x-0.5"
+        ]
+      }
+    ]
+  }
+);
+var Switch = ({
+  ref,
+  className,
+  size,
+  disabled = false,
+  id: idProp,
+  children,
+  description,
+  variant,
+  position,
+  ...props
+}) => {
+  const fallbackId = useId();
+  const id = idProp?.toString() ?? fallbackId;
+  const switchVariant = useArgoDesign() ? "argo" : "default";
+  const switchElement = /* @__PURE__ */ jsx(
+    Root,
+    {
+      ...props,
+      ref,
+      id,
+      disabled,
+      className: switchVariants({ className, size, variant: switchVariant }),
+      children: /* @__PURE__ */ jsx(Thumb, { className: thumbVariants({ size, variant: switchVariant }) })
+    }
+  );
+  if (!children) return switchElement;
+  return /* @__PURE__ */ jsxs(FieldBox, { htmlFor: id, variant, position, control: switchElement, children: [
+    /* @__PURE__ */ jsx(FieldBox.Title, { children }),
+    description && /* @__PURE__ */ jsx(FieldBox.Description, { children: description })
+  ] });
+};
+
+export { Switch };
+//# sourceMappingURL=chunk-576G5OES.js.map
+//# sourceMappingURL=chunk-576G5OES.js.map