@keboola/design 11.0.0 → 11.0.1

package/dist/chunk-KTTLLKGQ.js

@@ -1,185 +0,0 @@
-import { useColorSchemeState, useBrandState } from './chunk-KR7NXXHC.js';
-import { TooltipProvider } from './chunk-SWQFYNYG.js';
-import { defaultBrand, DEFAULT_BRANDS, createTheme, ThemeContext, createCssVars } from './chunk-WETKNYZX.js';
-import { useMemo, useInsertionEffect } from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-export { brandSchema, exampleCustomer, keboola, keboolaLegacySidebar, keboolaLegacyTopnav } from '@keboola/brand-registry';
-
-var AIGradientsSvg = () => /* @__PURE__ */ jsx("svg", { width: "0", height: "0", style: { position: "absolute", visibility: "hidden" }, children: /* @__PURE__ */ jsxs("defs", { children: [
-  /* @__PURE__ */ jsxs("linearGradient", { id: "aigradient-600", x1: "0%", y1: "0%", x2: "100%", y2: "100%", children: [
-    /* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: "#61E4FF" }),
-    /* @__PURE__ */ jsx("stop", { offset: "50%", stopColor: "#1F8FFF" }),
-    /* @__PURE__ */ jsx("stop", { offset: "100%", stopColor: "#7C5CFF" })
-  ] }),
-  /* @__PURE__ */ jsxs("linearGradient", { id: "aigradient-700", x1: "0%", y1: "0%", x2: "100%", y2: "100%", children: [
-    /* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: "#075fb8" }),
-    /* @__PURE__ */ jsx("stop", { offset: "100%", stopColor: "#5b2cb8" })
-  ] })
-] }) });
-var brandThemeToTokens = (theme, scheme) => ({
-  colors: scheme === "dark" ? theme.colorsDark : theme.colors,
-  typography: theme.typography,
-  radii: theme.radii,
-  // Scheme-independent — the same values apply in light and dark.
-  shadows: theme.shadows,
-  spacing: theme.spacing,
-  motion: theme.motion,
-  gradient: theme.gradient
-});
-var tokensToCssVars = ({
-  colors,
-  typography,
-  radii,
-  shadows,
-  spacing,
-  motion,
-  gradient
-}) => {
-  const vars = createCssVars();
-  vars.set("--background", colors?.background);
-  vars.set("--foreground", colors?.foreground);
-  vars.set("--muted", colors?.muted);
-  vars.set("--muted-foreground", colors?.mutedForeground);
-  vars.set("--border", colors?.border);
-  vars.set("--input", colors?.input);
-  vars.set("--input-background", colors?.inputBackground);
-  vars.set("--ring", colors?.ring);
-  vars.set("--ring-offset", colors?.ringOffset);
-  vars.set("--primary", colors?.primary);
-  vars.set("--primary-foreground", colors?.primaryForeground);
-  vars.set("--secondary", colors?.secondary);
-  vars.set("--secondary-foreground", colors?.secondaryForeground);
-  vars.set("--accent", colors?.accent);
-  vars.set("--accent-foreground", colors?.accentForeground);
-  vars.set("--card", colors?.card);
-  vars.set("--card-foreground", colors?.cardForeground);
-  vars.set("--popover", colors?.popover);
-  vars.set("--popover-foreground", colors?.popoverForeground);
-  vars.set("--destructive", colors?.destructive);
-  vars.set("--destructive-foreground", colors?.destructiveForeground);
-  vars.set("--success", colors?.success);
-  vars.set("--success-foreground", colors?.successForeground);
-  vars.set("--warning", colors?.warning);
-  vars.set("--warning-foreground", colors?.warningForeground);
-  vars.set("--info", colors?.info);
-  vars.set("--info-foreground", colors?.infoForeground);
-  vars.set("--chart-1", colors?.chart?.chart1);
-  vars.set("--chart-2", colors?.chart?.chart2);
-  vars.set("--chart-3", colors?.chart?.chart3);
-  vars.set("--chart-4", colors?.chart?.chart4);
-  vars.set("--chart-5", colors?.chart?.chart5);
-  vars.set("--sidebar", colors?.sidebar?.sidebar);
-  vars.set("--sidebar-foreground", colors?.sidebar?.sidebarForeground);
-  vars.set("--sidebar-primary", colors?.sidebar?.sidebarPrimary);
-  vars.set("--sidebar-primary-foreground", colors?.sidebar?.sidebarPrimaryForeground);
-  vars.set("--sidebar-accent", colors?.sidebar?.sidebarAccent);
-  vars.set("--sidebar-accent-foreground", colors?.sidebar?.sidebarAccentForeground);
-  vars.set("--sidebar-border", colors?.sidebar?.sidebarBorder);
-  vars.set("--sidebar-ring", colors?.sidebar?.sidebarRing);
-  vars.set("--font-sans", typography?.fontFamily?.trim() || void 0);
-  vars.set("--font-display", typography?.fontDisplay?.trim() || void 0);
-  vars.set("--font-mono", typography?.fontMono?.trim() || void 0);
-  vars.set("--font-weight-normal", typography?.weight?.normal);
-  vars.set("--font-weight-medium", typography?.weight?.medium);
-  vars.set("--font-weight-semibold", typography?.weight?.semibold);
-  vars.set("--font-weight-bold", typography?.weight?.bold);
-  vars.set("--letter-spacing-chrome", typography?.letterSpacing?.chrome);
-  vars.set("--type-display-size", typography?.typeScale?.display?.size);
-  vars.set("--type-display-weight", typography?.typeScale?.display?.weight);
-  vars.set("--type-display-leading", typography?.typeScale?.display?.leading);
-  vars.set("--type-display-tracking", typography?.typeScale?.display?.tracking);
-  vars.set("--type-heading-size", typography?.typeScale?.heading?.size);
-  vars.set("--type-heading-weight", typography?.typeScale?.heading?.weight);
-  vars.set("--type-heading-leading", typography?.typeScale?.heading?.leading);
-  vars.set("--type-heading-tracking", typography?.typeScale?.heading?.tracking);
-  vars.set("--type-body-size", typography?.typeScale?.body?.size);
-  vars.set("--type-body-weight", typography?.typeScale?.body?.weight);
-  vars.set("--type-body-leading", typography?.typeScale?.body?.leading);
-  vars.set("--type-body-tracking", typography?.typeScale?.body?.tracking);
-  vars.set("--radius-sm", radii?.sm);
-  vars.set("--radius-md", radii?.md);
-  vars.set("--radius-lg", radii?.lg);
-  vars.set("--shadow-sm", shadows?.sm);
-  vars.set("--shadow-md", shadows?.md);
-  vars.set("--shadow-lg", shadows?.lg);
-  vars.set("--shadow-lift", shadows?.lift);
-  vars.set("--space-gutter", spacing?.gutter);
-  vars.set("--space-inset", spacing?.inset);
-  vars.set("--motion-duration", motion?.duration);
-  vars.set("--motion-easing", motion?.easing);
-  vars.set("--gradient-brand", gradient?.brand);
-  return vars.expose();
-};
-var setTokens = (node, vars) => {
-  for (const [name, value] of Object.entries(vars)) {
-    node.style.setProperty(name, value);
-  }
-};
-var removeTokens = (node, vars) => {
-  for (const name of Object.keys(vars)) {
-    node.style.removeProperty(name);
-  }
-};
-var useThemeTokens = (tokens) => {
-  useInsertionEffect(() => {
-    if (typeof document === "undefined") return;
-    const root = document.documentElement;
-    const vars = tokensToCssVars(tokens);
-    setTokens(root, vars);
-    return () => removeTokens(root, vars);
-  }, [tokens]);
-};
-var ThemeProvider = ({
-  defaultScheme,
-  scheme,
-  onSchemeChange,
-  defaultBrandId,
-  brandId,
-  onBrandIdChange,
-  brands = DEFAULT_BRANDS,
-  children
-}) => {
-  const colorSchemeState = useColorSchemeState({
-    defaultScheme,
-    scheme,
-    onSchemeChange
-  });
-  const brandState = useBrandState({
-    defaultBrandId,
-    brandId,
-    onBrandIdChange
-  });
-  const brand = useMemo(
-    () => brands.find((item) => item.id === brandState.brandId) ?? defaultBrand,
-    [brands, brandState.brandId]
-  );
-  const themes = useMemo(() => brands.map(createTheme), [brands]);
-  const currentTheme = useMemo(() => createTheme(brand), [brand]);
-  const themeTokens = useMemo(
-    () => brandThemeToTokens(brand.theme, colorSchemeState.resolvedScheme),
-    [brand, colorSchemeState.resolvedScheme]
-  );
-  useThemeTokens(themeTokens);
-  const { scheme: activeScheme, resolvedScheme, setScheme } = colorSchemeState;
-  const { brandId: activeBrandId, setBrand } = brandState;
-  const context = useMemo(
-    () => ({
-      scheme: activeScheme,
-      resolvedScheme,
-      setScheme,
-      brandId: activeBrandId,
-      setBrand,
-      themes,
-      currentTheme
-    }),
-    [activeScheme, resolvedScheme, setScheme, activeBrandId, setBrand, themes, currentTheme]
-  );
-  return /* @__PURE__ */ jsxs(ThemeContext, { value: context, children: [
-    /* @__PURE__ */ jsx(AIGradientsSvg, {}),
-    /* @__PURE__ */ jsx(TooltipProvider, { children })
-  ] });
-};
-
-export { ThemeProvider };
-//# sourceMappingURL=chunk-KTTLLKGQ.js.map
-//# sourceMappingURL=chunk-KTTLLKGQ.js.map

package/dist/chunk-KTTLLKGQ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/ThemeProvider/AIGradientSvg.tsx","../src/components/ThemeProvider/useThemeTokens.ts","../src/components/ThemeProvider/ThemeProvider.tsx"],"names":["jsxs","jsx"],"mappings":"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","file":"chunk-KTTLLKGQ.js","sourcesContent":["export const AIGradientsSvg = () => (\n  <svg width=\"0\" height=\"0\" style={{ position: 'absolute', visibility: 'hidden' }}>\n    <defs>\n      {/*aigradient-600*/}\n      <linearGradient id=\"aigradient-600\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n        <stop offset=\"0%\" stopColor=\"#61E4FF\" />\n        <stop offset=\"50%\" stopColor=\"#1F8FFF\" />\n        <stop offset=\"100%\" stopColor=\"#7C5CFF\" />\n      </linearGradient>\n\n      {/*aigradient-700*/}\n      <linearGradient id=\"aigradient-700\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n        <stop offset=\"0%\" stopColor=\"#075fb8\" />\n        <stop offset=\"100%\" stopColor=\"#5b2cb8\" />\n      </linearGradient>\n    </defs>\n  </svg>\n);\n","import { useInsertionEffect } from 'react';\n\nimport type {\n  BrandTheme,\n  Colors,\n  Gradient,\n  Motion,\n  Radii,\n  Shadows,\n  Spacing,\n  Typography,\n} from '@keboola/brand-registry';\n\nimport type { ResolvedColorScheme } from './types';\nimport { createCssVars } from './utils';\n\nexport type ThemeTokens = {\n  colors?: Colors;\n  typography?: Typography;\n  radii?: Radii;\n  shadows?: Shadows;\n  spacing?: Spacing;\n  motion?: Motion;\n  gradient?: Gradient;\n};\n\nexport const brandThemeToTokens = (\n  theme: BrandTheme,\n  scheme: ResolvedColorScheme,\n): ThemeTokens => ({\n  colors: scheme === 'dark' ? theme.colorsDark : theme.colors,\n  typography: theme.typography,\n  radii: theme.radii,\n  // Scheme-independent — the same values apply in light and dark.\n  shadows: theme.shadows,\n  spacing: theme.spacing,\n  motion: theme.motion,\n  gradient: theme.gradient,\n});\n\nexport const tokensToCssVars = ({\n  colors,\n  typography,\n  radii,\n  shadows,\n  spacing,\n  motion,\n  gradient,\n}: ThemeTokens): Record<string, string> => {\n  const vars = createCssVars();\n\n  vars.set('--background', colors?.background);\n  vars.set('--foreground', colors?.foreground);\n  vars.set('--muted', colors?.muted);\n  vars.set('--muted-foreground', colors?.mutedForeground);\n  vars.set('--border', colors?.border);\n  vars.set('--input', colors?.input);\n  vars.set('--input-background', colors?.inputBackground);\n  vars.set('--ring', colors?.ring);\n  vars.set('--ring-offset', colors?.ringOffset);\n  vars.set('--primary', colors?.primary);\n  vars.set('--primary-foreground', colors?.primaryForeground);\n  vars.set('--secondary', colors?.secondary);\n  vars.set('--secondary-foreground', colors?.secondaryForeground);\n  vars.set('--accent', colors?.accent);\n  vars.set('--accent-foreground', colors?.accentForeground);\n  vars.set('--card', colors?.card);\n  vars.set('--card-foreground', colors?.cardForeground);\n  vars.set('--popover', colors?.popover);\n  vars.set('--popover-foreground', colors?.popoverForeground);\n  vars.set('--destructive', colors?.destructive);\n  vars.set('--destructive-foreground', colors?.destructiveForeground);\n  vars.set('--success', colors?.success);\n  vars.set('--success-foreground', colors?.successForeground);\n  vars.set('--warning', colors?.warning);\n  vars.set('--warning-foreground', colors?.warningForeground);\n  vars.set('--info', colors?.info);\n  vars.set('--info-foreground', colors?.infoForeground);\n\n  vars.set('--chart-1', colors?.chart?.chart1);\n  vars.set('--chart-2', colors?.chart?.chart2);\n  vars.set('--chart-3', colors?.chart?.chart3);\n  vars.set('--chart-4', colors?.chart?.chart4);\n  vars.set('--chart-5', colors?.chart?.chart5);\n\n  vars.set('--sidebar', colors?.sidebar?.sidebar);\n  vars.set('--sidebar-foreground', colors?.sidebar?.sidebarForeground);\n  vars.set('--sidebar-primary', colors?.sidebar?.sidebarPrimary);\n  vars.set('--sidebar-primary-foreground', colors?.sidebar?.sidebarPrimaryForeground);\n  vars.set('--sidebar-accent', colors?.sidebar?.sidebarAccent);\n  vars.set('--sidebar-accent-foreground', colors?.sidebar?.sidebarAccentForeground);\n  vars.set('--sidebar-border', colors?.sidebar?.sidebarBorder);\n  vars.set('--sidebar-ring', colors?.sidebar?.sidebarRing);\n\n  /**\n   * TYPOGRAPHY\n   */\n  vars.set('--font-sans', typography?.fontFamily?.trim() || undefined);\n  vars.set('--font-display', typography?.fontDisplay?.trim() || undefined);\n  vars.set('--font-mono', typography?.fontMono?.trim() || undefined);\n\n  // Chrome font-weight slots — read by Tailwind's `fontWeight` scale.\n  vars.set('--font-weight-normal', typography?.weight?.normal);\n  vars.set('--font-weight-medium', typography?.weight?.medium);\n  vars.set('--font-weight-semibold', typography?.weight?.semibold);\n  vars.set('--font-weight-bold', typography?.weight?.bold);\n\n  // Chrome tracking — behind Button/Badge `tracking-chrome`.\n  vars.set('--letter-spacing-chrome', typography?.letterSpacing?.chrome);\n\n  // Type scale — display/heading/body steps read by `text-display/heading/body`.\n  vars.set('--type-display-size', typography?.typeScale?.display?.size);\n  vars.set('--type-display-weight', typography?.typeScale?.display?.weight);\n  vars.set('--type-display-leading', typography?.typeScale?.display?.leading);\n  vars.set('--type-display-tracking', typography?.typeScale?.display?.tracking);\n  vars.set('--type-heading-size', typography?.typeScale?.heading?.size);\n  vars.set('--type-heading-weight', typography?.typeScale?.heading?.weight);\n  vars.set('--type-heading-leading', typography?.typeScale?.heading?.leading);\n  vars.set('--type-heading-tracking', typography?.typeScale?.heading?.tracking);\n  vars.set('--type-body-size', typography?.typeScale?.body?.size);\n  vars.set('--type-body-weight', typography?.typeScale?.body?.weight);\n  vars.set('--type-body-leading', typography?.typeScale?.body?.leading);\n  vars.set('--type-body-tracking', typography?.typeScale?.body?.tracking);\n\n  vars.set('--radius-sm', radii?.sm);\n  vars.set('--radius-md', radii?.md);\n  vars.set('--radius-lg', radii?.lg);\n\n  /**\n   * ELEVATION / DENSITY / MOTION / GRADIENT\n   */\n  vars.set('--shadow-sm', shadows?.sm);\n  vars.set('--shadow-md', shadows?.md);\n  vars.set('--shadow-lg', shadows?.lg);\n  vars.set('--shadow-lift', shadows?.lift);\n\n  vars.set('--space-gutter', spacing?.gutter);\n  vars.set('--space-inset', spacing?.inset);\n\n  vars.set('--motion-duration', motion?.duration);\n  vars.set('--motion-easing', motion?.easing);\n\n  vars.set('--gradient-brand', gradient?.brand);\n\n  return vars.expose();\n};\n\nconst setTokens = (node: HTMLElement, vars: Record<string, string>) => {\n  for (const [name, value] of Object.entries(vars)) {\n    node.style.setProperty(name, value);\n  }\n};\n\nconst removeTokens = (node: HTMLElement, vars: Record<string, string>) => {\n  for (const name of Object.keys(vars)) {\n    node.style.removeProperty(name);\n  }\n};\n\nexport const useThemeTokens = (tokens: ThemeTokens) => {\n  // Insertion effect: runs before the DOM mutates and before any (descendant)\n  // layout effect measures token-dependent geometry. Write-only, so it fits the\n  // hook's constraints. Only the brand's overrides are set; unset slots fall\n  // through to the stylesheet's `:root` / `[data-theme='dark']` defaults.\n  useInsertionEffect(() => {\n    if (typeof document === 'undefined') return;\n    const root = document.documentElement;\n    const vars = tokensToCssVars(tokens);\n\n    setTokens(root, vars);\n\n    return () => removeTokens(root, vars);\n  }, [tokens]);\n};\n","import { type ReactNode, useMemo } from 'react';\n\nimport type { Brand } from '@keboola/brand-registry';\n\nimport { TooltipProvider } from '../Tooltip';\n\nimport { AIGradientsSvg } from './AIGradientSvg';\nimport { ThemeContext, type ThemeContextValue } from './context';\nimport { DEFAULT_BRANDS, defaultBrand } from './defaults';\nimport { type UseBrandOptions, useBrandState } from './useBrandState';\nimport { type UseColorSchemeOptions, useColorSchemeState } from './useColorSchemeState';\nimport { brandThemeToTokens, useThemeTokens } from './useThemeTokens';\nimport { createTheme } from './utils';\n\ntype Props = UseColorSchemeOptions &\n  UseBrandOptions & {\n    /** Brands this provider knows about; the active brand id resolves against these. */\n    brands?: readonly Brand[];\n    children: ReactNode;\n  };\n\nexport const ThemeProvider = ({\n  defaultScheme,\n  scheme,\n  onSchemeChange,\n  defaultBrandId,\n  brandId,\n  onBrandIdChange,\n  brands = DEFAULT_BRANDS,\n  children,\n}: Props) => {\n  const colorSchemeState = useColorSchemeState({\n    defaultScheme,\n    scheme,\n    onSchemeChange,\n  });\n\n  const brandState = useBrandState({\n    defaultBrandId,\n    brandId,\n    onBrandIdChange,\n  });\n\n  // Resolve the active brand; an unknown id (incl. the default sentinel) falls\n  // back to `defaultBrand`, whose empty theme injects nothing so the stylesheet\n  // defaults apply.\n  const brand = useMemo(\n    () => brands.find((item) => item.id === brandState.brandId) ?? defaultBrand,\n    [brands, brandState.brandId],\n  );\n  const themes = useMemo(() => brands.map(createTheme), [brands]);\n  const currentTheme = useMemo(() => createTheme(brand), [brand]);\n\n  // Only the brand's overrides for the resolved scheme are injected; every slot\n  // it omits (including a missing dark palette) falls through to the stylesheet's\n  // `:root` / `[data-theme='dark']` defaults — so dark mode works for any brand.\n  const themeTokens = useMemo(\n    () => brandThemeToTokens(brand.theme, colorSchemeState.resolvedScheme),\n    [brand, colorSchemeState.resolvedScheme],\n  );\n\n  useThemeTokens(themeTokens);\n\n  const { scheme: activeScheme, resolvedScheme, setScheme } = colorSchemeState;\n  const { brandId: activeBrandId, setBrand } = brandState;\n  const context = useMemo<ThemeContextValue>(\n    () => ({\n      scheme: activeScheme,\n      resolvedScheme,\n      setScheme,\n      brandId: activeBrandId,\n      setBrand,\n      themes,\n      currentTheme,\n    }),\n    [activeScheme, resolvedScheme, setScheme, activeBrandId, setBrand, themes, currentTheme],\n  );\n\n  return (\n    <ThemeContext value={context}>\n      <AIGradientsSvg />\n      <TooltipProvider>{children}</TooltipProvider>\n    </ThemeContext>\n  );\n};\n"]}

package/dist/chunk-KWKSHPDP.js

@@ -1,234 +0,0 @@
-import { Collapsible } from './chunk-FVPGQ6UE.js';
-import { ChevronDown, CircleCheck, AlertTriangle, Info } from './chunk-RQVK4IYC.js';
-import { Tooltip } from './chunk-SWQFYNYG.js';
-import { useArgoDesign } from './chunk-WETKNYZX.js';
-import { cn } from './chunk-LXLIQ2D6.js';
-import { useState } from 'react';
-import { Slot } from '@radix-ui/react-slot';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var AlertAction = ({ ref, className, asChild = false, ...props }) => {
-  const Comp = asChild ? Slot : "div";
-  return /* @__PURE__ */ jsx(
-    Comp,
-    {
-      ...props,
-      ref,
-      className: cn(
-        "tw:col-start-3",
-        "tw:row-start-1",
-        "tw:self-start",
-        "tw:flex",
-        "tw:gap-2",
-        className
-      )
-    }
-  );
-};
-var AlertCollapsibleIcon = ({ open }) => /* @__PURE__ */ jsx(Tooltip, { placement: "top", tooltip: open ? "Collapse alert" : "Expand alert", triggerAsChild: true, children: /* @__PURE__ */ jsx(
-  ChevronDown,
-  {
-    className: cn(
-      "tw:mt-px",
-      "tw:size-5",
-      "tw:text-neutral-400",
-      "tw:group-data-[state=open]/alert:rotate-180",
-      // Legacy uses the fixed categorical hover scales; argo uses the themeable status tokens.
-      "tw:group-data-[variant=info]/alert:group-hover:text-blue-600",
-      "tw:group-data-[variant=info]/alert:group-data-[argo=true]/alert:group-hover:text-info",
-      "tw:group-data-[variant=warning]/alert:group-hover:text-warning-600",
-      "tw:group-data-[variant=warning]/alert:group-data-[argo=true]/alert:group-hover:text-warning",
-      "tw:group-data-[variant=error]/alert:group-hover:text-error-600",
-      "tw:group-data-[variant=error]/alert:group-data-[argo=true]/alert:group-hover:text-destructive",
-      "tw:group-data-[variant=success]/alert:group-hover:text-green-600",
-      "tw:group-data-[variant=success]/alert:group-data-[argo=true]/alert:group-hover:text-success"
-    )
-  }
-) });
-var AlertDescription = ({ ref, children, className, ...rest }) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    ...rest,
-    ref,
-    className: cn(
-      "tw:col-start-2",
-      "tw:group-has-[[data-slot=alert-title]]/alert:col-end-[-1]",
-      // spacer before description when a title exists (pseudo-element so it animates with Collapsible)
-      "tw:group-has-[[data-slot=alert-title]]/alert:before:block",
-      "tw:group-has-[[data-slot=alert-title]]/alert:before:h-4",
-      "tw:group-has-[[data-slot=alert-title]]/alert:before:content-['']",
-      "tw:break-anywhere",
-      // Default size for nested Lucide icons; callers can override on the icon.
-      "tw:[&_svg.lucide:not([class*='tw:size-'])]:size-4",
-      "tw:[&_svg]:shrink-0",
-      className
-    ),
-    children
-  }
-);
-var VARIANT_ICONS = {
-  info: /* @__PURE__ */ jsx(Info, {}),
-  warning: /* @__PURE__ */ jsx(AlertTriangle, {}),
-  error: /* @__PURE__ */ jsx(AlertTriangle, {}),
-  success: /* @__PURE__ */ jsx(CircleCheck, {})
-};
-var AlertIcon = ({ variant, icon, className, ...rest }) => /* @__PURE__ */ jsx(
-  "span",
-  {
-    ...rest,
-    "data-slot": "alert-icon",
-    className: cn(
-      "tw:inline-flex",
-      "tw:items-center",
-      "tw:justify-center",
-      "tw:self-start",
-      "tw:p-0.5",
-      'tw:[&_svg:not([class*="tw:size-"])]:size-4',
-      // Legacy uses the fixed categorical icon scales; argo uses the themeable status tokens.
-      "tw:group-data-[variant=info]/alert:text-blue-500",
-      "tw:group-data-[variant=info]/alert:group-data-[argo=true]/alert:text-info",
-      "tw:group-data-[variant=warning]/alert:text-warning-500",
-      "tw:group-data-[variant=warning]/alert:group-data-[argo=true]/alert:text-warning",
-      "tw:group-data-[variant=error]/alert:text-error-500",
-      "tw:group-data-[variant=error]/alert:group-data-[argo=true]/alert:text-destructive",
-      "tw:group-data-[variant=success]/alert:text-green-500",
-      "tw:group-data-[variant=success]/alert:group-data-[argo=true]/alert:text-success",
-      className
-    ),
-    children: icon ?? VARIANT_ICONS[variant]
-  }
-);
-var AlertRoot = ({ ref, children, className, variant, ...rest }) => {
-  const renderArgo = useArgoDesign();
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ...rest,
-      ref,
-      "data-variant": variant,
-      "data-argo": renderArgo,
-      className: cn(
-        "tw:group/alert",
-        // layout
-        "tw:grid",
-        "tw:grid-cols-[0_1fr_auto]",
-        "tw:has-[[data-slot=alert-icon]]:grid-cols-[auto_1fr_auto]",
-        "tw:has-[[data-slot=alert-icon]]:gap-x-2",
-        // fonts
-        "tw:text-sm",
-        // Legacy keeps the fixed neutral text; argo uses the semantic foreground
-        // so the alert flips with the brand's light/dark palette (the categorical
-        // variant tint stays — only the text token becomes brand-aware).
-        "tw:text-neutral-800",
-        "tw:data-[argo=true]:text-foreground",
-        "tw:text-left",
-        "tw:p-4",
-        // border — legacy keeps a fixed radius; argo follows the brand radius token.
-        "tw:rounded",
-        "tw:data-[argo=true]:rounded-[var(--radius-lg,0.25rem)]",
-        "tw:border",
-        "tw:border-solid",
-        // Variant tint + border. Legacy keeps the fixed categorical scales (solid
-        // pastel tint); argo uses the brand-overridable status tokens (bg at 10%,
-        // border at 25%) so status re-skins with the brand. The argo tokens carry
-        // AA-legible defaults, so the variant icon (AlertIcon, full-strength
-        // `tw:text-<role>`) clears ≥4.5:1 on the tint in both light and dark.
-        "tw:data-[variant=info]:bg-blue-100",
-        "tw:data-[variant=info]:border-blue-200",
-        "tw:data-[variant=info]:data-[argo=true]:bg-info/10",
-        "tw:data-[variant=info]:data-[argo=true]:border-info/25",
-        "tw:data-[variant=warning]:bg-warning-100",
-        "tw:data-[variant=warning]:border-warning-300",
-        "tw:data-[variant=warning]:data-[argo=true]:bg-warning/10",
-        "tw:data-[variant=warning]:data-[argo=true]:border-warning/25",
-        "tw:data-[variant=error]:bg-error-100",
-        "tw:data-[variant=error]:border-error-200",
-        "tw:data-[variant=error]:data-[argo=true]:bg-destructive/10",
-        "tw:data-[variant=error]:data-[argo=true]:border-destructive/25",
-        "tw:data-[variant=success]:bg-green-100",
-        "tw:data-[variant=success]:border-green-200",
-        "tw:data-[variant=success]:data-[argo=true]:bg-success/10",
-        "tw:data-[variant=success]:data-[argo=true]:border-success/25",
-        className
-      ),
-      children
-    }
-  );
-};
-var AlertTitle = ({ ref, className, ...props }) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    ...props,
-    ref,
-    "data-slot": "alert-title",
-    className: cn(
-      "tw:group/alert-title",
-      "tw:flex",
-      "tw:col-start-2",
-      "tw:font-medium",
-      "tw:items-center",
-      className
-    )
-  }
-);
-var Alert = ({
-  title,
-  variant = "info",
-  children,
-  hideIcon = false,
-  icon,
-  className,
-  actions,
-  mode = "default",
-  // collapsible props
-  defaultOpen = true,
-  open: openProp,
-  onOpenChange: onOpenChangeProp,
-  ...rest
-}) => {
-  const isControlled = openProp !== void 0;
-  const [innerOpen, setInnerOpen] = useState(defaultOpen);
-  const open = isControlled ? openProp : innerOpen;
-  const handleOpenChange = (nextOpen) => {
-    if (!isControlled) {
-      setInnerOpen(nextOpen);
-    }
-    onOpenChangeProp?.(nextOpen);
-  };
-  const isCollapsible = mode === "collapsible" && !!title && !!children && !actions;
-  if (isCollapsible)
-    return /* @__PURE__ */ jsx(Collapsible, { open, onOpenChange: handleOpenChange, asChild: true, children: /* @__PURE__ */ jsxs(AlertRoot, { ...rest, variant, className, children: [
-      /* @__PURE__ */ jsxs(
-        Collapsible.Trigger,
-        {
-          className: cn(
-            "tailwindcss-preflight",
-            "tw:group",
-            "tw:col-span-full",
-            "tw:grid",
-            "tw:grid-cols-subgrid",
-            "tw:rounded-sm",
-            "tw:focus-visible:outline",
-            "tw:focus-visible:outline-2",
-            "tw:focus-visible:outline-ring"
-          ),
-          children: [
-            !hideIcon && /* @__PURE__ */ jsx(AlertIcon, { variant, icon }),
-            /* @__PURE__ */ jsx(AlertTitle, { children: title }),
-            /* @__PURE__ */ jsx(AlertCollapsibleIcon, { open })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsx(Collapsible.Content, { asChild: true, children: /* @__PURE__ */ jsx(AlertDescription, { children }) })
-    ] }) });
-  return /* @__PURE__ */ jsxs(AlertRoot, { ...rest, variant, className, children: [
-    !hideIcon && /* @__PURE__ */ jsx(AlertIcon, { variant, icon }),
-    title && /* @__PURE__ */ jsx(AlertTitle, { children: title }),
-    children && /* @__PURE__ */ jsx(AlertDescription, { children }),
-    actions && /* @__PURE__ */ jsx(AlertAction, { children: actions })
-  ] });
-};
-
-export { Alert };
-//# sourceMappingURL=chunk-KWKSHPDP.js.map
-//# sourceMappingURL=chunk-KWKSHPDP.js.map

package/dist/chunk-KWKSHPDP.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Alert/AlertAction.tsx","../src/components/Alert/AlertCollapsibleIcon.tsx","../src/components/Alert/AlertDescription.tsx","../src/components/Alert/AlertIcon.tsx","../src/components/Alert/AlertRoot.tsx","../src/components/Alert/AlertTitle.tsx","../src/components/Alert/Alert.tsx"],"names":["jsx"],"mappings":"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","file":"chunk-KWKSHPDP.js","sourcesContent":["import type { ComponentProps } from 'react';\nimport { Slot } from '@radix-ui/react-slot';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<'div'> & {\n  asChild?: boolean;\n};\n\nexport const AlertAction = ({ ref, className, asChild = false, ...props }: Props) => {\n  const Comp = asChild ? Slot : 'div';\n  return (\n    <Comp\n      {...props}\n      ref={ref}\n      className={cn(\n        'tw:col-start-3',\n        'tw:row-start-1',\n        'tw:self-start',\n        'tw:flex',\n        'tw:gap-2',\n        className,\n      )}\n    />\n  );\n};\n","import { ChevronDown } from '../../icons';\nimport { cn } from '../../utils';\nimport { Tooltip } from '../Tooltip';\n\ntype Props = {\n  open: boolean;\n};\n\nexport const AlertCollapsibleIcon = ({ open }: Props) => (\n  <Tooltip placement=\"top\" tooltip={open ? 'Collapse alert' : 'Expand alert'} triggerAsChild>\n    <ChevronDown\n      className={cn(\n        'tw:mt-px',\n        'tw:size-5',\n        'tw:text-neutral-400',\n        'tw:group-data-[state=open]/alert:rotate-180',\n\n        // Legacy uses the fixed categorical hover scales; argo uses the themeable status tokens.\n        'tw:group-data-[variant=info]/alert:group-hover:text-blue-600',\n        'tw:group-data-[variant=info]/alert:group-data-[argo=true]/alert:group-hover:text-info',\n        'tw:group-data-[variant=warning]/alert:group-hover:text-warning-600',\n        'tw:group-data-[variant=warning]/alert:group-data-[argo=true]/alert:group-hover:text-warning',\n        'tw:group-data-[variant=error]/alert:group-hover:text-error-600',\n        'tw:group-data-[variant=error]/alert:group-data-[argo=true]/alert:group-hover:text-destructive',\n        'tw:group-data-[variant=success]/alert:group-hover:text-green-600',\n        'tw:group-data-[variant=success]/alert:group-data-[argo=true]/alert:group-hover:text-success',\n      )}\n    />\n  </Tooltip>\n);\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<'div'>;\n\nexport const AlertDescription = ({ ref, children, className, ...rest }: Props) => (\n  <div\n    {...rest}\n    ref={ref}\n    className={cn(\n      'tw:col-start-2',\n      'tw:group-has-[[data-slot=alert-title]]/alert:col-end-[-1]',\n\n      // spacer before description when a title exists (pseudo-element so it animates with Collapsible)\n      'tw:group-has-[[data-slot=alert-title]]/alert:before:block',\n      'tw:group-has-[[data-slot=alert-title]]/alert:before:h-4',\n      \"tw:group-has-[[data-slot=alert-title]]/alert:before:content-['']\",\n\n      'tw:break-anywhere',\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      className,\n    )}\n  >\n    {children}\n  </div>\n);\n","import type { ComponentProps, ReactNode } from 'react';\n\nimport { AlertTriangle, CircleCheck, Info } from '../../icons';\nimport { cn } from '../../utils';\n\nimport type { Variant } from './AlertRoot';\n\nconst VARIANT_ICONS: Record<Variant, ReactNode> = {\n  info: <Info />,\n  warning: <AlertTriangle />,\n  error: <AlertTriangle />,\n  success: <CircleCheck />,\n};\n\ntype Props = {\n  variant: Variant;\n  icon?: ReactNode;\n} & Omit<ComponentProps<'span'>, 'children'>;\n\nexport const AlertIcon = ({ variant, icon, className, ...rest }: Props) => (\n  <span\n    {...rest}\n    data-slot=\"alert-icon\"\n    className={cn(\n      'tw:inline-flex',\n      'tw:items-center',\n      'tw:justify-center',\n      'tw:self-start',\n      'tw:p-0.5',\n      'tw:[&_svg:not([class*=\"tw:size-\"])]:size-4',\n      // Legacy uses the fixed categorical icon scales; argo uses the themeable status tokens.\n      'tw:group-data-[variant=info]/alert:text-blue-500',\n      'tw:group-data-[variant=info]/alert:group-data-[argo=true]/alert:text-info',\n      'tw:group-data-[variant=warning]/alert:text-warning-500',\n      'tw:group-data-[variant=warning]/alert:group-data-[argo=true]/alert:text-warning',\n      'tw:group-data-[variant=error]/alert:text-error-500',\n      'tw:group-data-[variant=error]/alert:group-data-[argo=true]/alert:text-destructive',\n      'tw:group-data-[variant=success]/alert:text-green-500',\n      'tw:group-data-[variant=success]/alert:group-data-[argo=true]/alert:text-success',\n      className,\n    )}\n  >\n    {icon ?? VARIANT_ICONS[variant]}\n  </span>\n);\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '../../utils';\nimport { useArgoDesign } from '../ThemeProvider/context';\n\nexport type Variant = 'info' | 'warning' | 'error' | 'success';\n\ntype Props = {\n  variant?: Variant;\n} & ComponentProps<'div'>;\n\nexport const AlertRoot = ({ ref, children, className, variant, ...rest }: Props) => {\n  const renderArgo = useArgoDesign();\n  return (\n    <div\n      {...rest}\n      ref={ref}\n      data-variant={variant}\n      data-argo={renderArgo}\n      className={cn(\n        'tw:group/alert',\n\n        // layout\n        'tw:grid',\n        'tw:grid-cols-[0_1fr_auto]',\n        'tw:has-[[data-slot=alert-icon]]:grid-cols-[auto_1fr_auto]',\n        'tw:has-[[data-slot=alert-icon]]:gap-x-2',\n\n        // fonts\n        'tw:text-sm',\n        // Legacy keeps the fixed neutral text; argo uses the semantic foreground\n        // so the alert flips with the brand's light/dark palette (the categorical\n        // variant tint stays — only the text token becomes brand-aware).\n        'tw:text-neutral-800',\n        'tw:data-[argo=true]:text-foreground',\n        'tw:text-left',\n\n        'tw:p-4',\n\n        // border — legacy keeps a fixed radius; argo follows the brand radius token.\n        'tw:rounded',\n        'tw:data-[argo=true]:rounded-[var(--radius-lg,0.25rem)]',\n        'tw:border',\n        'tw:border-solid',\n\n        // Variant tint + border. Legacy keeps the fixed categorical scales (solid\n        // pastel tint); argo uses the brand-overridable status tokens (bg at 10%,\n        // border at 25%) so status re-skins with the brand. The argo tokens carry\n        // AA-legible defaults, so the variant icon (AlertIcon, full-strength\n        // `tw:text-<role>`) clears ≥4.5:1 on the tint in both light and dark.\n        'tw:data-[variant=info]:bg-blue-100',\n        'tw:data-[variant=info]:border-blue-200',\n        'tw:data-[variant=info]:data-[argo=true]:bg-info/10',\n        'tw:data-[variant=info]:data-[argo=true]:border-info/25',\n\n        'tw:data-[variant=warning]:bg-warning-100',\n        'tw:data-[variant=warning]:border-warning-300',\n        'tw:data-[variant=warning]:data-[argo=true]:bg-warning/10',\n        'tw:data-[variant=warning]:data-[argo=true]:border-warning/25',\n\n        'tw:data-[variant=error]:bg-error-100',\n        'tw:data-[variant=error]:border-error-200',\n        'tw:data-[variant=error]:data-[argo=true]:bg-destructive/10',\n        'tw:data-[variant=error]:data-[argo=true]:border-destructive/25',\n\n        'tw:data-[variant=success]:bg-green-100',\n        'tw:data-[variant=success]:border-green-200',\n        'tw:data-[variant=success]:data-[argo=true]:bg-success/10',\n        'tw:data-[variant=success]:data-[argo=true]:border-success/25',\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n};\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<'div'>;\n\nexport const AlertTitle = ({ ref, className, ...props }: Props) => (\n  <div\n    {...props}\n    ref={ref}\n    data-slot=\"alert-title\"\n    className={cn(\n      'tw:group/alert-title',\n      'tw:flex',\n      'tw:col-start-2',\n      'tw:font-medium',\n      'tw:items-center',\n      className,\n    )}\n  />\n);\n","import { useState } from 'react';\nimport type { ComponentProps, ReactNode } from 'react';\n\nimport { cn } from '../../utils';\nimport { Collapsible } from '../Collapsible';\n\nimport { AlertAction } from './AlertAction';\nimport { AlertCollapsibleIcon } from './AlertCollapsibleIcon';\nimport { AlertDescription } from './AlertDescription';\nimport { AlertIcon } from './AlertIcon';\nimport { AlertRoot } from './AlertRoot';\nimport { AlertTitle } from './AlertTitle';\n\ntype CommonProps = {\n  hideIcon?: boolean;\n  icon?: ReactNode;\n} & Pick<ComponentProps<typeof Collapsible>, 'open' | 'onOpenChange' | 'defaultOpen'> &\n  Omit<ComponentProps<typeof AlertRoot>, 'children'>;\n\ntype CollapsibleProps = {\n  mode: 'collapsible';\n  title: ReactNode;\n  children: ReactNode;\n  actions?: never;\n};\n\ntype DefaultProps = {\n  mode?: 'default';\n  title?: ReactNode;\n  children?: ReactNode;\n  actions?: ReactNode;\n};\n\n/**\n * Props for `Alert`. Discriminated by `mode` — `\"default\"` renders `title` / `children` / `actions`,\n * `\"collapsible\"` requires `title` + `children` (no `actions`) and renders a collapsible disclosure.\n * `variant` (`info` | `success` | `warning` | `error`) is a categorical colour contract.\n */\ntype Props = CommonProps & (CollapsibleProps | DefaultProps);\n\n/**\n * Persistent inline banner for contextual messages tied to the page layout.\n *\n * **When to use:** a message that lives in the page (info banner, warning about a misconfiguration,\n * post-save validation summary). Use `variant` to encode meaning; pass `actions` for inline buttons.\n * `mode=\"collapsible\"` collapses long error details behind a toggle.\n * **When NOT to use:** for transient feedback (save succeeded, job started) use `toast()`; for\n * field-level validation errors use `FormGroup state=\"error\"`; for a confirmation popover use\n * `Popconfirm`.\n * **Composition:** typically rendered at the top of `PageLayout.Content` or above a form section.\n *\n * @see RECIPES.md#alert-with-action — for action-bearing alert composition\n */\nexport const Alert = ({\n  title,\n  variant = 'info',\n  children,\n  hideIcon = false,\n  icon,\n  className,\n  actions,\n  mode = 'default',\n\n  // collapsible props\n  defaultOpen = true,\n  open: openProp,\n  onOpenChange: onOpenChangeProp,\n\n  ...rest\n}: Props) => {\n  const isControlled = openProp !== undefined;\n\n  const [innerOpen, setInnerOpen] = useState(defaultOpen);\n  const open = isControlled ? openProp : innerOpen;\n  const handleOpenChange = (nextOpen: boolean) => {\n    if (!isControlled) {\n      setInnerOpen(nextOpen);\n    }\n    onOpenChangeProp?.(nextOpen);\n  };\n\n  const isCollapsible = mode === 'collapsible' && !!title && !!children && !actions;\n\n  if (isCollapsible)\n    return (\n      <Collapsible open={open} onOpenChange={handleOpenChange} asChild>\n        <AlertRoot {...rest} variant={variant} className={className}>\n          <Collapsible.Trigger\n            className={cn(\n              'tailwindcss-preflight',\n              'tw:group',\n              'tw:col-span-full',\n              'tw:grid',\n              'tw:grid-cols-subgrid',\n              'tw:rounded-sm',\n              'tw:focus-visible:outline',\n              'tw:focus-visible:outline-2',\n              'tw:focus-visible:outline-ring',\n            )}\n          >\n            {!hideIcon && <AlertIcon variant={variant} icon={icon} />}\n            <AlertTitle>{title}</AlertTitle>\n            <AlertCollapsibleIcon open={open} />\n          </Collapsible.Trigger>\n\n          <Collapsible.Content asChild>\n            <AlertDescription>{children}</AlertDescription>\n          </Collapsible.Content>\n        </AlertRoot>\n      </Collapsible>\n    );\n\n  return (\n    <AlertRoot {...rest} variant={variant} className={className}>\n      {!hideIcon && <AlertIcon variant={variant} icon={icon} />}\n      {title && <AlertTitle>{title}</AlertTitle>}\n      {children && <AlertDescription>{children}</AlertDescription>}\n      {actions && <AlertAction>{actions}</AlertAction>}\n    </AlertRoot>\n  );\n};\n"]}

package/dist/chunk-KZVC7OYG.js

@@ -1,57 +0,0 @@
-import { cn } from './chunk-LXLIQ2D6.js';
-import * as DialogPrimitive from '@radix-ui/react-dialog';
-import { Overlay, Title } from '@radix-ui/react-dialog';
-import { jsx } from 'react/jsx-runtime';
-
-var ModalOverlay = ({ ref, className, disableTransition = false, ...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",
-      // closing animation
-      "tw:data-[state=closed]:duration-500",
-      "tw:data-[state=closed]:fade-out-0",
-      {
-        "tw:data-[state=open]:animate-in tw:data-[state=closed]:animate-out": !disableTransition
-      },
-      className
-    ),
-    onClick: (event) => event.stopPropagation()
-  }
-);
-var ModalDescription = ({ className, ...props }) => /* @__PURE__ */ jsx(
-  DialogPrimitive.Description,
-  {
-    className: cn(
-      "tw:text-sm",
-      "tw:font-sans",
-      "tw:tracking-normal",
-      "tw:font-normal",
-      "tw:text-neutral-400",
-      className
-    ),
-    ...props
-  }
-);
-var ModalTitle = ({ children, className, ...props }) => /* @__PURE__ */ jsx(
-  Title,
-  {
-    ...props,
-    className: cn("tw:flex-1", "tw:break-anywhere", "tw:text-base", "tw:font-semibold", className),
-    children
-  }
-);
-
-export { ModalDescription, ModalOverlay, ModalTitle };
-//# sourceMappingURL=chunk-KZVC7OYG.js.map
-//# sourceMappingURL=chunk-KZVC7OYG.js.map

package/dist/chunk-KZVC7OYG.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Modal/ModalOverlay.tsx","../src/components/Modal/ModalDescription.tsx","../src/components/Modal/ModalTitle.tsx"],"names":["jsx"],"mappings":";;;;;AASO,IAAM,YAAA,GAAe,CAAC,EAAE,GAAA,EAAK,WAAW,iBAAA,GAAoB,KAAA,EAAO,GAAG,KAAA,EAAM,qBACjF,GAAA;AAAA,EAAC,OAAA;AAAA,EAAA;AAAA,IACE,GAAG,KAAA;AAAA,IACJ,GAAA;AAAA,IACA,SAAA,EAAW,EAAA;AAAA;AAAA,MAET,UAAA;AAAA,MACA,YAAA;AAAA,MACA,aAAA;AAAA;AAAA,MAGA,gBAAA;AAAA;AAAA,MAGA,mCAAA;AAAA,MACA,gCAAA;AAAA;AAAA,MAGA,qCAAA;AAAA,MACA,mCAAA;AAAA,MACA;AAAA,QACE,sEAAsE,CAAC;AAAA,OACzE;AAAA,MACA;AAAA,KACF;AAAA,IACA,OAAA,EAAS,CAAC,KAAA,KAAU,KAAA,CAAM,eAAA;AAAgB;AAC5C;AC5BK,IAAM,mBAAmB,CAAC,EAAE,WAAW,GAAG,KAAA,uBAC/CA,GAAAA;AAAA,EAAiB,eAAA,CAAA,WAAA;AAAA,EAAhB;AAAA,IACC,SAAA,EAAW,EAAA;AAAA,MACT,YAAA;AAAA,MACA,cAAA;AAAA,MACA,oBAAA;AAAA,MACA,gBAAA;AAAA,MACA,qBAAA;AAAA,MACA;AAAA,KACF;AAAA,IACC,GAAG;AAAA;AACN;ACXK,IAAM,UAAA,GAAa,CAAC,EAAE,QAAA,EAAU,WAAW,GAAG,KAAA,uBACnDA,GAAAA;AAAA,EAAC,KAAA;AAAA,EAAA;AAAA,IACE,GAAG,KAAA;AAAA,IACJ,WAAW,EAAA,CAAG,WAAA,EAAa,mBAAA,EAAqB,cAAA,EAAgB,oBAAoB,SAAS,CAAA;AAAA,IAE5F;AAAA;AACH","file":"chunk-KZVC7OYG.js","sourcesContent":["import type { ComponentProps } from 'react';\nimport { Overlay } from '@radix-ui/react-dialog';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<typeof Overlay> & {\n  disableTransition?: boolean;\n};\n\nexport const ModalOverlay = ({ ref, className, disableTransition = false, ...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\n      // closing animation\n      'tw:data-[state=closed]:duration-500',\n      'tw:data-[state=closed]:fade-out-0',\n      {\n        'tw:data-[state=open]:animate-in tw:data-[state=closed]:animate-out': !disableTransition,\n      },\n      className,\n    )}\n    onClick={(event) => event.stopPropagation()}\n  />\n);\n","import type { ComponentProps } from 'react';\nimport * as DialogPrimitive from '@radix-ui/react-dialog';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<typeof DialogPrimitive.Description>;\n\nexport const ModalDescription = ({ className, ...props }: Props) => (\n  <DialogPrimitive.Description\n    className={cn(\n      'tw:text-sm',\n      'tw:font-sans',\n      'tw:tracking-normal',\n      'tw:font-normal',\n      'tw:text-neutral-400',\n      className,\n    )}\n    {...props}\n  />\n);\n","import type { ComponentProps } from 'react';\nimport { Title } from '@radix-ui/react-dialog';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<typeof Title>;\n\nexport const ModalTitle = ({ children, className, ...props }: Props) => (\n  <Title\n    {...props}\n    className={cn('tw:flex-1', 'tw:break-anywhere', 'tw:text-base', 'tw:font-semibold', className)}\n  >\n    {children}\n  </Title>\n);\n"]}