@clickhouse/click-ui 0.6.2-rc2 → 0.7.0

package/dist/esm/components/Flyout/index.js

@@ -1,14 +1,19 @@
+import "./Flyout.css";
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { Dialog, DialogContent, DialogTitle, DialogDescription, DialogTrigger, DialogPortal, DialogOverlay, DialogClose } from '@radix-ui/react-dialog';
-import { styled, keyframes } from 'styled-components';
+import { useMemo } from 'react';
+import { useTheme } from 'styled-components';
+import { Dialog, DialogTrigger, DialogPortal, DialogOverlay, DialogContent, DialogClose, DialogTitle, DialogDescription } from '@radix-ui/react-dialog';
 import { CrossButton } from '../CrossButton/index.js';
 import { useResolvedPortalContainer } from '../../providers/PortalContext.js';
+import { cn } from '../../lib/cva.js';
+import styles from './Flyout.module.css.js';
 import { Container } from '../Container/index.js';
-import { CodeBlock } from '../CodeBlock/index.js';
 import { Icon as SvgImage } from '../Icon/index.js';
 import { Separator } from '../Separator/index.js';
 import { Button } from '../Button/index.js';
+import { CodeBlock } from '../CodeBlock/index.js';
 import { Spacer } from '../Spacer/index.js';
+import { cva } from 'class-variance-authority';
 
 const Flyout = ({
   modal = false,
@@ -24,130 +29,129 @@ const Trigger = ({
 };
 Trigger.displayName = "Flyout.Trigger";
 Flyout.Trigger = Trigger;
-const animationWidth = () => keyframes({
-  from: {
-    width: 0
+const contentVariants = cva(styles.content, {
+  variants: {
+    type: {
+      default: styles.content_type_default,
+      inline: styles.content_type_inline
+    },
+    strategy: {
+      relative: styles.content_strategy_relative,
+      absolute: styles.content_strategy_absolute,
+      fixed: styles.content_strategy_fixed
+    },
+    align: {
+      start: styles.content_align_start,
+      end: styles.content_align_end
+    },
+    hasShadow: {
+      true: "",
+      false: styles["content_no-shadow"]
+    }
   },
-  to: {
-    width: "fit-content"
+  defaultVariants: {
+    type: "default",
+    align: "end",
+    hasShadow: true
   }
 });
-const FlyoutContent = styled(DialogContent).withConfig({
-  componentId: "sc-1vtv6sf-0"
-})(["display:flex;flex-direction:column;align-items:center;overflow:hidden;top:0;bottom:0;width:fit-content;--flyout-width:", ";animation:", " 500ms cubic-bezier(0.16,1,0.3,1) forwards;", ""], ({
-  theme,
-  $size = "default",
-  $width
-}) => $width || theme.click.flyout.size[$size].width, animationWidth, ({
-  theme,
-  $strategy,
-  $type = "default",
-  $align,
-  $hasShadow = true
-}) => `
-    ${$align === "start" ? "left" : "right"}: 0;
-    max-width: 100%;
-    position: ${$strategy};
-    height: ${$strategy === "relative" ? "100%" : "auto"};
-    padding: 0 ${theme.click.flyout.space[$type].x};
-    gap: ${theme.click.flyout.space[$type].gap};
-    box-shadow: ${$hasShadow === false ? "none" : theme.click.flyout.shadow[$align === "start" ? "reverse" : "default"]};
-    border-${$align === "start" ? "right" : "left"}: 1px solid ${theme.click.flyout.color.stroke.default};
-    background: ${theme.click.flyout.color.background.default};
-
-    @media (max-width: 1024px) {
-      ${$strategy === "relative" ? `
-            position: absolute !important;` : ""}
-      overflow: hidden;
-      transform: ${$align === "start" ? "translateX(calc(50px - 100%))" : "translateX(calc(100% - 50px))"};
-      transition: 0.3s ease-in-out;
-      &:hover,
-      &.active,
-      &:focus-within {
-        transform: translateX(0);
-        ${$align === "start" ? "right" : "left"}: auto;
-      }
-    }
-  `);
-const FlyoutContainer = styled.div.withConfig({
-  componentId: "sc-1vtv6sf-1"
-})(["display:flex;gap:0;width:var(--flyout-width);max-width:100%;flex-flow:column nowrap;gap:inherit;"]);
 const Content = ({
   showOverlay = false,
   children,
   container,
   strategy = "relative",
-  size,
+  size = "default",
   type = "default",
   closeOnInteractOutside = false,
   width,
   align = "end",
   hasShadow = true,
   onInteractOutside,
+  className,
+  style,
   ...props
 }) => {
   const portalContainer = useResolvedPortalContainer(container);
+  const theme = useTheme();
+  const mergedStyle = useMemo(() => {
+    const resolvedWidth = width || theme.click.flyout.size[size].width;
+    return {
+      "--flyout-width": resolvedWidth,
+      ...style
+    };
+  }, [width, size, style, theme]);
   return /* @__PURE__ */ jsxs(DialogPortal, { container: portalContainer, children: [
     showOverlay && /* @__PURE__ */ jsx(DialogOverlay, { className: "DialogOverlay" }),
-    /* @__PURE__ */ jsx(FlyoutContent, { $size: size, $type: type, $strategy: strategy, onInteractOutside: (e) => {
+    /* @__PURE__ */ jsx(DialogContent, { onInteractOutside: (e) => {
       if (!closeOnInteractOutside) {
         e.preventDefault();
       }
       if (typeof onInteractOutside === "function") {
         onInteractOutside(e);
       }
-    }, $width: width, $align: align, $hasShadow: hasShadow, ...props, children })
+    }, ...props, style: mergedStyle, className: cn(contentVariants({
+      type,
+      strategy,
+      align,
+      hasShadow
+    }), className), children })
   ] });
 };
 Content.displayName = "Flyout.Content";
 Flyout.Content = Content;
-const FlyoutElement = styled(Container).withConfig({
-  componentId: "sc-1vtv6sf-2"
-})(["max-width:100%;max-width:-webkit-fill-available;max-width:fill-available;max-width:stretch;", ""], ({
-  theme,
-  $type = "default"
-}) => `
-    gap: ${theme.click.flyout.space[$type].gap};
-    padding: 0 ${theme.click.flyout.space[$type].content.x};
-  `);
+const elementVariants = cva(styles.element, {
+  variants: {
+    type: {
+      default: styles.element_type_default,
+      inline: styles.element_type_inline
+    }
+  },
+  defaultVariants: {
+    type: "default"
+  }
+});
 const Element = ({
   type,
+  className,
   ...props
-}) => /* @__PURE__ */ jsx(FlyoutElement, { orientation: "vertical", padding: "none", gap: "none", $type: type, ...props });
+}) => /* @__PURE__ */ jsx(Container, { orientation: "vertical", padding: "none", gap: "none", ...props, className: cn(elementVariants({
+  type
+}), className) });
 Element.displayName = "Flyout.Element";
 Flyout.Element = Element;
-const FlyoutHeaderContainer = styled(Container).withConfig({
-  componentId: "sc-1vtv6sf-3"
-})(["", ""], ({
-  theme,
-  $type = "default"
-}) => `
-    row-gap: ${theme.click.flyout.space[$type].content["row-gap"]};
-    column-gap: ${theme.click.flyout.space[$type].content["column-gap"]};
-    padding: ${theme.click.flyout.space[$type].y} ${theme.click.flyout.space[$type].y} 0 ${theme.click.flyout.space[$type].y};
-  `);
-const FlyoutTitle = styled(DialogTitle).withConfig({
-  componentId: "sc-1vtv6sf-4"
-})(["", ""], ({
-  theme,
-  $type = "default"
-}) => `
-    color: ${theme.click.flyout.color.title.default};
-    font: ${theme.click.flyout.typography[$type].title.default};
-    margin: 0;
-    padding: 0;
-  `);
-const FlyoutDescription = styled(DialogDescription).withConfig({
-  componentId: "sc-1vtv6sf-5"
-})(["", ""], ({
-  theme,
-  $type = "default"
-}) => `
-    color: ${theme.click.flyout.color.description.default};
-    font: ${theme.click.flyout.typography[$type].description.default};
-    margin: 0;
-    padding: 0;
-  `);
+const headerVariants = cva(styles.header, {
+  variants: {
+    type: {
+      default: styles.header_type_default,
+      inline: styles.header_type_inline
+    }
+  },
+  defaultVariants: {
+    type: "default"
+  }
+});
+const titleVariants = cva(styles.title, {
+  variants: {
+    type: {
+      default: styles.title_type_default,
+      inline: styles.title_type_inline
+    }
+  },
+  defaultVariants: {
+    type: "default"
+  }
+});
+const descriptionVariants = cva(styles.description, {
+  variants: {
+    type: {
+      default: styles.description_type_default,
+      inline: styles.description_type_inline
+    }
+  },
+  defaultVariants: {
+    type: "default"
+  }
+});
 const Header = ({
   title,
   description,
@@ -155,22 +159,31 @@ const Header = ({
   children,
   showClose = true,
   showSeparator = true,
+  className,
   ...props
 }) => {
   if (children) {
-    return /* @__PURE__ */ jsxs(FlyoutContainer, { children: [
-      /* @__PURE__ */ jsxs(FlyoutHeaderContainer, { $type: type, justifyContent: "space-between", alignItems: "start", padding: "none", gap: "none", fillWidth: false, isResponsive: false, ...props, children: [
+    return /* @__PURE__ */ jsxs("div", { className: styles.container, children: [
+      /* @__PURE__ */ jsxs(Container, { justifyContent: "space-between", alignItems: "start", padding: "none", gap: "none", fillWidth: false, isResponsive: false, ...props, className: cn(headerVariants({
+        type
+      }), className), children: [
         /* @__PURE__ */ jsx(Container, { padding: "none", gap: "none", orientation: "vertical", grow: "1", children }),
         showClose && /* @__PURE__ */ jsx(DialogClose, { asChild: true, children: /* @__PURE__ */ jsx(CrossButton, { "data-testid": "flyout-header-close-btn", children: /* @__PURE__ */ jsx(SvgImage, { name: "cross", size: type === "inline" ? "md" : "lg" }) }) })
       ] }),
       showSeparator && /* @__PURE__ */ jsx(Separator, { "data-testid": "flyout-header-separator", size: "lg" })
     ] });
   }
-  return /* @__PURE__ */ jsxs(FlyoutContainer, { children: [
-    /* @__PURE__ */ jsxs(FlyoutHeaderContainer, { $type: type, justifyContent: "space-between", alignItems: "start", fillWidth: false, isResponsive: false, ...props, children: [
+  return /* @__PURE__ */ jsxs("div", { className: styles.container, children: [
+    /* @__PURE__ */ jsxs(Container, { justifyContent: "space-between", alignItems: "start", fillWidth: false, isResponsive: false, ...props, className: cn(headerVariants({
+      type
+    }), className), children: [
       /* @__PURE__ */ jsxs(Container, { padding: "none", gap: "none", orientation: "vertical", grow: "1", children: [
-        /* @__PURE__ */ jsx(FlyoutTitle, { $type: type, children: title }),
-        description && /* @__PURE__ */ jsx(FlyoutDescription, { $type: type, children: description })
+        /* @__PURE__ */ jsx(DialogTitle, { className: cn(titleVariants({
+          type
+        })), children: title }),
+        description && /* @__PURE__ */ jsx(DialogDescription, { className: cn(descriptionVariants({
+          type
+        })), children: description })
       ] }),
       showClose && /* @__PURE__ */ jsx(DialogClose, { asChild: true, children: /* @__PURE__ */ jsx(CrossButton, { "data-testid": "flyout-header-close-btn", children: /* @__PURE__ */ jsx(SvgImage, { name: "cross", size: type === "inline" ? "md" : "lg" }) }) })
     ] }),
@@ -179,27 +192,37 @@ const Header = ({
 };
 Header.displayName = "Flyout.Header";
 Flyout.Header = Header;
-const FlyoutBody = styled(Container).withConfig({
-  componentId: "sc-1vtv6sf-6"
-})(["width:var(--flyout-width);max-width:100%;margin-top:", ";"], ({
-  $align = "default"
-}) => $align === "top" ? "-1rem" : 0);
+const bodyVariants = cva(styles.body, {
+  variants: {
+    align: {
+      default: styles.body_align_default,
+      top: styles.body_align_top
+    }
+  },
+  defaultVariants: {
+    align: "default"
+  }
+});
 const Body = ({
   align,
+  className,
   ...props
-}) => /* @__PURE__ */ jsx(FlyoutBody, { overflow: "auto", orientation: "vertical", grow: "1", $align: align, ...props });
+}) => /* @__PURE__ */ jsx(Container, { overflow: "auto", orientation: "vertical", grow: "1", ...props, className: cn(bodyVariants({
+  align
+}), className) });
 Body.displayName = "Flyout.Body";
 Flyout.Body = Body;
-const FlyoutFooter = styled(Container).withConfig({
-  componentId: "sc-1vtv6sf-7"
-})(["", ""], ({
-  theme,
-  type = "default"
-}) => `
-    row-gap: ${theme.click.flyout.space[type].content["row-gap"]};
-    column-gap: ${theme.click.flyout.space[type].content["column-gap"]};
-    padding: ${theme.click.flyout.space[type].y} ${theme.click.flyout.space[type].content.x};
-  `);
+const footerVariants = cva(styles.footer, {
+  variants: {
+    type: {
+      default: styles.footer_type_default,
+      inline: styles.footer_type_inline
+    }
+  },
+  defaultVariants: {
+    type: "default"
+  }
+});
 const FlyoutClose = ({
   children,
   ...props
@@ -208,20 +231,20 @@ const FlyoutClose = ({
 };
 FlyoutClose.displayName = "Flyout.Close";
 Flyout.Close = FlyoutClose;
-const FooterContainer = styled(Container).withConfig({
-  componentId: "sc-1vtv6sf-8"
-})(["width:var(--flyout-width);max-width:100%;"]);
-const Footer = (props) => {
-  return /* @__PURE__ */ jsxs(FooterContainer, { gap: "none", orientation: "vertical", alignItems: "end", children: [
+const Footer = ({
+  type,
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxs(Container, { gap: "none", orientation: "vertical", alignItems: "end", className: styles["footer-container"], children: [
     /* @__PURE__ */ jsx(Separator, { size: "xs" }),
-    /* @__PURE__ */ jsx(FlyoutFooter, { justifyContent: "end", gap: "none", padding: "none", isResponsive: false, wrap: "wrap", ...props })
+    /* @__PURE__ */ jsx(Container, { justifyContent: "end", gap: "none", padding: "none", isResponsive: false, wrap: "wrap", ...props, className: cn(footerVariants({
+      type
+    }), className) })
   ] });
 };
 Footer.displayName = "Flyout.Footer";
 Flyout.Footer = Footer;
-const CustomCodeBlock = styled(CodeBlock).withConfig({
-  componentId: "sc-1vtv6sf-9"
-})(["display:flex;height:100%;pre{flex:1;overflow-wrap:break-word;code{display:inline-block;max-width:calc(100% - 1rem);}}"]);
 const FlyoutCodeBlock = ({
   statement,
   language,
@@ -230,10 +253,11 @@ const FlyoutCodeBlock = ({
   showWrapButton,
   onCopy,
   onCopyError,
+  className,
   ...props
 }) => {
   return /* @__PURE__ */ jsxs(Element, { fillHeight: true, ...props, children: [
-    /* @__PURE__ */ jsx(CustomCodeBlock, { wrapLines, language, showLineNumbers, showWrapButton, onCopy, onCopyError, children: statement }),
+    /* @__PURE__ */ jsx(CodeBlock, { className: cn(styles["code-block"], className), wrapLines, language, showLineNumbers, showWrapButton, onCopy, onCopyError, children: statement }),
     /* @__PURE__ */ jsx(Spacer, { size: "xs" })
   ] });
 };

package/dist/esm/components/Flyout/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/Flyout/Flyout.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger,\n} from '@radix-ui/react-dialog';\nimport { Button } from '@/components/Button';\nimport type { ButtonProps } from '@/components/Button';\nimport { CodeBlock } from '@/components/CodeBlock';\nimport { Container } from '@/components/Container';\nimport type { ContainerProps } from '@/components/Container';\nimport { Icon } from '@/components/Icon';\nimport { Separator } from '@/components/Separator';\nimport { Spacer } from '@/components/Spacer';\nimport { styled, keyframes } from 'styled-components';\nimport { CrossButton } from '@/components/CrossButton';\nimport { useResolvedPortalContainer } from '@/providers/PortalContext';\nimport type {\n  FlyoutProps,\n  FlyoutTriggerProps,\n  FlyoutContentProps,\n  FlyoutHeaderProps,\n  FlyoutFooterProps,\n  FlyoutSizeType,\n  FlyoutStrategy,\n  FlyoutType,\n  FlyoutAlignmentType,\n} from './Flyout.types';\n\nexport const Flyout = ({ modal = false, ...props }: FlyoutProps) => {\n  return (\n    <Dialog\n      modal={modal}\n      {...props}\n    />\n  );\n};\n\nconst Trigger = ({ children, ...props }: FlyoutTriggerProps) => {\n  return (\n    <DialogTrigger asChild>\n      <div {...props}>{children}</div>\n    </DialogTrigger>\n  );\n};\nTrigger.displayName = 'Flyout.Trigger';\nFlyout.Trigger = Trigger;\n\nconst animationWidth = () =>\n  keyframes({\n    from: { width: 0 },\n    to: { width: 'fit-content' },\n  });\n\nconst FlyoutContent = styled(DialogContent)<{\n  $size?: FlyoutSizeType;\n  $type?: FlyoutType;\n  $strategy: FlyoutStrategy;\n  $width?: string;\n  $align: FlyoutAlignmentType;\n  $hasShadow?: boolean;\n}>`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  overflow: hidden;\n  top: 0;\n  bottom: 0;\n  width: fit-content;\n  --flyout-width: ${({ theme, $size = 'default', $width }) =>\n    $width || theme.click.flyout.size[$size].width};\n  animation: ${animationWidth} 500ms cubic-bezier(0.16, 1, 0.3, 1) forwards;\n  ${({ theme, $strategy, $type = 'default', $align, $hasShadow = true }) => `\n    ${$align === 'start' ? 'left' : 'right'}: 0;\n    max-width: 100%;\n    position: ${$strategy};\n    height: ${$strategy === 'relative' ? '100%' : 'auto'};\n    padding: 0 ${theme.click.flyout.space[$type].x};\n    gap: ${theme.click.flyout.space[$type].gap};\n    box-shadow: ${\n      $hasShadow === false\n        ? 'none'\n        : theme.click.flyout.shadow[$align === 'start' ? 'reverse' : 'default']\n    };\n    border-${$align === 'start' ? 'right' : 'left'}: 1px solid ${\n      theme.click.flyout.color.stroke.default\n    };\n    background: ${theme.click.flyout.color.background.default};\n\n    @media (max-width: 1024px) {\n      ${\n        $strategy === 'relative'\n          ? `\n            position: absolute !important;`\n          : ''\n      }\n      overflow: hidden;\n      transform: ${\n        $align === 'start'\n          ? 'translateX(calc(50px - 100%))'\n          : 'translateX(calc(100% - 50px))'\n      };\n      transition: 0.3s ease-in-out;\n      &:hover,\n      &.active,\n      &:focus-within {\n        transform: translateX(0);\n        ${$align === 'start' ? 'right' : 'left'}: auto;\n      }\n    }\n  `}\n`;\nconst FlyoutContainer = styled.div`\n  display: flex;\n  gap: 0;\n  width: var(--flyout-width);\n  max-width: 100%;\n  flex-flow: column nowrap;\n  gap: inherit;\n`;\n\nconst Content = ({\n  showOverlay = false,\n  children,\n  container,\n  strategy = 'relative',\n  size,\n  type = 'default',\n  closeOnInteractOutside = false,\n  width,\n  align = 'end',\n  hasShadow = true,\n  onInteractOutside,\n  ...props\n}: FlyoutContentProps) => {\n  const portalContainer = useResolvedPortalContainer(container);\n\n  return (\n    <DialogPortal container={portalContainer}>\n      {showOverlay && <DialogOverlay className=\"DialogOverlay\" />}\n      <FlyoutContent\n        $size={size}\n        $type={type}\n        $strategy={strategy}\n        onInteractOutside={e => {\n          if (!closeOnInteractOutside) {\n            e.preventDefault();\n          }\n          if (typeof onInteractOutside === 'function') {\n            onInteractOutside(e);\n          }\n        }}\n        $width={width}\n        $align={align}\n        $hasShadow={hasShadow}\n        {...props}\n      >\n        {children}\n      </FlyoutContent>\n    </DialogPortal>\n  );\n};\nContent.displayName = 'Flyout.Content';\nFlyout.Content = Content;\n\nconst FlyoutElement = styled(Container)<{\n  $type?: FlyoutType;\n}>`\n  max-width: 100%;\n  max-width: -webkit-fill-available;\n  max-width: fill-available;\n  max-width: stretch;\n  ${({ theme, $type = 'default' }) => `\n    gap: ${theme.click.flyout.space[$type].gap};\n    padding: 0 ${theme.click.flyout.space[$type].content.x};\n  `}\n`;\n\ninterface ElementProps extends Omit<\n  ContainerProps,\n  'component' | 'padding' | 'gap' | 'orientation'\n> {\n  type?: FlyoutType;\n}\n\nconst Element = ({ type, ...props }: ElementProps) => (\n  <FlyoutElement\n    orientation=\"vertical\"\n    padding=\"none\"\n    gap=\"none\"\n    $type={type}\n    {...props}\n  />\n);\n\nElement.displayName = 'Flyout.Element';\nFlyout.Element = Element;\n\nconst FlyoutHeaderContainer = styled(Container)<{\n  $type?: FlyoutType;\n}>`\n  ${({ theme, $type = 'default' }) => `\n    row-gap: ${theme.click.flyout.space[$type].content['row-gap']};\n    column-gap: ${theme.click.flyout.space[$type].content['column-gap']};\n    padding: ${theme.click.flyout.space[$type].y} ${theme.click.flyout.space[$type].y} 0 ${theme.click.flyout.space[$type].y};\n  `}\n`;\n\nconst FlyoutTitle = styled(DialogTitle)<{\n  $type?: FlyoutType;\n}>`\n  ${({ theme, $type = 'default' }) => `\n    color: ${theme.click.flyout.color.title.default};\n    font: ${theme.click.flyout.typography[$type].title.default};\n    margin: 0;\n    padding: 0;\n  `}\n`;\n\nconst FlyoutDescription = styled(DialogDescription)<{\n  $type?: FlyoutType;\n}>`\n  ${({ theme, $type = 'default' }) => `\n    color: ${theme.click.flyout.color.description.default};\n    font: ${theme.click.flyout.typography[$type].description.default};\n    margin: 0;\n    padding: 0;\n  `}\n`;\n\nconst Header = ({\n  title,\n  description,\n  type,\n  children,\n  showClose = true,\n  showSeparator = true,\n  ...props\n}: FlyoutHeaderProps) => {\n  if (children) {\n    return (\n      <FlyoutContainer>\n        <FlyoutHeaderContainer\n          $type={type}\n          justifyContent=\"space-between\"\n          alignItems=\"start\"\n          padding=\"none\"\n          gap=\"none\"\n          fillWidth={false}\n          isResponsive={false}\n          {...props}\n        >\n          <Container\n            padding=\"none\"\n            gap=\"none\"\n            orientation=\"vertical\"\n            grow=\"1\"\n          >\n            {children}\n          </Container>\n          {showClose && (\n            <DialogClose asChild>\n              <CrossButton data-testid=\"flyout-header-close-btn\">\n                <Icon\n                  name=\"cross\"\n                  size={type === 'inline' ? 'md' : 'lg'}\n                />\n              </CrossButton>\n            </DialogClose>\n          )}\n        </FlyoutHeaderContainer>\n        {showSeparator && (\n          <Separator\n            data-testid=\"flyout-header-separator\"\n            size=\"lg\"\n          />\n        )}\n      </FlyoutContainer>\n    );\n  }\n\n  return (\n    <FlyoutContainer>\n      <FlyoutHeaderContainer\n        $type={type}\n        justifyContent=\"space-between\"\n        alignItems=\"start\"\n        fillWidth={false}\n        isResponsive={false}\n        {...props}\n      >\n        <Container\n          padding=\"none\"\n          gap=\"none\"\n          orientation=\"vertical\"\n          grow=\"1\"\n        >\n          <FlyoutTitle $type={type}>{title}</FlyoutTitle>\n          {description && (\n            <FlyoutDescription $type={type}>{description}</FlyoutDescription>\n          )}\n        </Container>\n        {showClose && (\n          <DialogClose asChild>\n            <CrossButton data-testid=\"flyout-header-close-btn\">\n              <Icon\n                name=\"cross\"\n                size={type === 'inline' ? 'md' : 'lg'}\n              />\n            </CrossButton>\n          </DialogClose>\n        )}\n      </FlyoutHeaderContainer>\n      {showSeparator && (\n        <Separator\n          data-testid=\"flyout-header-separator\"\n          size=\"lg\"\n        />\n      )}\n    </FlyoutContainer>\n  );\n};\nHeader.displayName = 'Flyout.Header';\nFlyout.Header = Header;\n\ntype FlyoutAlign = 'default' | 'top';\nconst FlyoutBody = styled(Container)<{ $align?: FlyoutAlign }>`\n  width: var(--flyout-width);\n  max-width: 100%;\n  margin-top: ${({ $align = 'default' }) => ($align === 'top' ? '-1rem' : 0)};\n`;\n\ninterface BodyProps extends ContainerProps {\n  align?: FlyoutAlign;\n}\n\nconst Body = ({ align, ...props }: BodyProps) => (\n  <FlyoutBody\n    overflow=\"auto\"\n    orientation=\"vertical\"\n    grow=\"1\"\n    $align={align}\n    {...props}\n  />\n);\n\nBody.displayName = 'Flyout.Body';\nFlyout.Body = Body;\n\nconst FlyoutFooter = styled(Container)<{\n  type?: FlyoutType;\n}>`\n  ${({ theme, type = 'default' }) => `\n    row-gap: ${theme.click.flyout.space[type].content['row-gap']};\n    column-gap: ${theme.click.flyout.space[type].content['column-gap']};\n    padding: ${theme.click.flyout.space[type].y} ${theme.click.flyout.space[type].content.x};\n  `}\n`;\n\ninterface FlyoutButtonProps extends Omit<ButtonProps, 'children'> {\n  children?: never;\n}\n\nconst FlyoutClose = ({\n  children,\n  ...props\n}: FlyoutButtonProps | { children?: ReactNode }) => {\n  return (\n    <DialogClose asChild>\n      {children ?? (\n        <Button\n          type=\"secondary\"\n          {...props}\n        />\n      )}\n    </DialogClose>\n  );\n};\nFlyoutClose.displayName = 'Flyout.Close';\nFlyout.Close = FlyoutClose;\n\nconst FooterContainer = styled(Container)`\n  width: var(--flyout-width);\n  max-width: 100%;\n`;\n\nconst Footer = (props: FlyoutFooterProps) => {\n  return (\n    <FooterContainer\n      gap=\"none\"\n      orientation=\"vertical\"\n      alignItems=\"end\"\n    >\n      <Separator size=\"xs\" />\n      <FlyoutFooter\n        justifyContent=\"end\"\n        gap=\"none\"\n        padding=\"none\"\n        isResponsive={false}\n        wrap=\"wrap\"\n        {...props}\n      />\n    </FooterContainer>\n  );\n};\nFooter.displayName = 'Flyout.Footer';\nFlyout.Footer = Footer;\n\nconst CustomCodeBlock = styled(CodeBlock)`\n  display: flex;\n  height: 100%;\n  pre {\n    flex: 1;\n    overflow-wrap: break-word;\n    code {\n      display: inline-block;\n      max-width: calc(100% - 1rem);\n    }\n  }\n`;\n\ninterface FlyoutCodeBlockProps extends ContainerProps {\n  language?: string;\n  statement: string;\n  showLineNumbers?: boolean;\n  showWrapButton?: boolean;\n  wrapLines?: boolean;\n  onCopy?: (value: string) => void | Promise<void>;\n  onCopyError?: (error: string) => void | Promise<void>;\n}\nconst FlyoutCodeBlock = ({\n  statement,\n  language,\n  wrapLines,\n  showLineNumbers,\n  showWrapButton,\n  onCopy,\n  onCopyError,\n  ...props\n}: FlyoutCodeBlockProps & ElementProps) => {\n  return (\n    <Element\n      fillHeight\n      {...props}\n    >\n      <CustomCodeBlock\n        wrapLines={wrapLines}\n        language={language}\n        showLineNumbers={showLineNumbers}\n        showWrapButton={showWrapButton}\n        onCopy={onCopy}\n        onCopyError={onCopyError}\n      >\n        {statement}\n      </CustomCodeBlock>\n      <Spacer size=\"xs\" />\n    </Element>\n  );\n};\n\nFlyout.CodeBlock = FlyoutCodeBlock;\n"],"names":["Flyout","modal","props","Trigger","children","displayName","animationWidth","keyframes","from","width","to","FlyoutContent","styled","DialogContent","withConfig","componentId","theme","$size","$width","click","flyout","size","$strategy","$type","$align","$hasShadow","space","x","gap","shadow","color","stroke","default","background","FlyoutContainer","div","Content","showOverlay","container","strategy","type","closeOnInteractOutside","align","hasShadow","onInteractOutside","portalContainer","useResolvedPortalContainer","e","preventDefault","FlyoutElement","Container","content","Element","FlyoutHeaderContainer","y","FlyoutTitle","DialogTitle","title","typography","FlyoutDescription","DialogDescription","description","Header","showClose","showSeparator","Icon","FlyoutBody","Body","FlyoutFooter","FlyoutClose","Close","FooterContainer","Footer","CustomCodeBlock","CodeBlock","FlyoutCodeBlock","statement","language","wrapLines","showLineNumbers","showWrapButton","onCopy","onCopyError"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/Flyout/Flyout.tsx"],"sourcesContent":["import { CSSProperties, ReactNode, useMemo } from 'react';\nimport { useTheme } from 'styled-components';\nimport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger,\n} from '@radix-ui/react-dialog';\nimport { Button } from '@/components/Button';\nimport type { ButtonProps } from '@/components/Button';\nimport { CodeBlock } from '@/components/CodeBlock';\nimport { Container } from '@/components/Container';\nimport type { ContainerProps } from '@/components/Container';\nimport { Icon } from '@/components/Icon';\nimport { Separator } from '@/components/Separator';\nimport { Spacer } from '@/components/Spacer';\nimport { CrossButton } from '@/components/CrossButton';\nimport { useResolvedPortalContainer } from '@/providers/PortalContext';\nimport { cn, cva } from '@/lib/cva';\nimport styles from './Flyout.module.css';\nimport type {\n  FlyoutProps,\n  FlyoutTriggerProps,\n  FlyoutContentProps,\n  FlyoutHeaderProps,\n  FlyoutFooterProps,\n  FlyoutType,\n} from './Flyout.types';\n\nexport const Flyout = ({ modal = false, ...props }: FlyoutProps) => {\n  return (\n    <Dialog\n      modal={modal}\n      {...props}\n    />\n  );\n};\n\nconst Trigger = ({ children, ...props }: FlyoutTriggerProps) => {\n  return (\n    <DialogTrigger asChild>\n      <div {...props}>{children}</div>\n    </DialogTrigger>\n  );\n};\nTrigger.displayName = 'Flyout.Trigger';\nFlyout.Trigger = Trigger;\n\nconst contentVariants = cva(styles.content, {\n  variants: {\n    type: {\n      default: styles.content_type_default,\n      inline: styles.content_type_inline,\n    },\n    strategy: {\n      relative: styles.content_strategy_relative,\n      absolute: styles.content_strategy_absolute,\n      fixed: styles.content_strategy_fixed,\n    },\n    align: {\n      start: styles.content_align_start,\n      end: styles.content_align_end,\n    },\n    hasShadow: {\n      true: '',\n      false: styles['content_no-shadow'],\n    },\n  },\n  defaultVariants: {\n    type: 'default',\n    align: 'end',\n    hasShadow: true,\n  },\n});\n\nconst Content = ({\n  showOverlay = false,\n  children,\n  container,\n  strategy = 'relative',\n  size = 'default',\n  type = 'default',\n  closeOnInteractOutside = false,\n  width,\n  align = 'end',\n  hasShadow = true,\n  onInteractOutside,\n  className,\n  style,\n  ...props\n}: FlyoutContentProps) => {\n  const portalContainer = useResolvedPortalContainer(container);\n  const theme = useTheme();\n\n  const mergedStyle = useMemo(() => {\n    // Resolve the default width from the typed theme so an invalid `size`\n    // fails at compile time, rather than silently emitting a non-existent\n    // CSS variable. A non-empty `width` prop always wins; `||` (matching the\n    // pre-migration styled version) also falls back on an empty-string width.\n    const resolvedWidth = width || theme.click.flyout.size[size].width;\n\n    return {\n      '--flyout-width': resolvedWidth,\n      ...style,\n    } as CSSProperties;\n  }, [width, size, style, theme]);\n\n  return (\n    <DialogPortal container={portalContainer}>\n      {showOverlay && <DialogOverlay className=\"DialogOverlay\" />}\n      <DialogContent\n        onInteractOutside={e => {\n          if (!closeOnInteractOutside) {\n            e.preventDefault();\n          }\n          if (typeof onInteractOutside === 'function') {\n            onInteractOutside(e);\n          }\n        }}\n        {...props}\n        style={mergedStyle}\n        className={cn(contentVariants({ type, strategy, align, hasShadow }), className)}\n      >\n        {children}\n      </DialogContent>\n    </DialogPortal>\n  );\n};\nContent.displayName = 'Flyout.Content';\nFlyout.Content = Content;\n\nconst elementVariants = cva(styles.element, {\n  variants: {\n    type: {\n      default: styles.element_type_default,\n      inline: styles.element_type_inline,\n    },\n  },\n  defaultVariants: {\n    type: 'default',\n  },\n});\n\ninterface ElementProps extends Omit<\n  ContainerProps,\n  'component' | 'padding' | 'gap' | 'orientation'\n> {\n  type?: FlyoutType;\n  className?: string;\n}\n\nconst Element = ({ type, className, ...props }: ElementProps) => (\n  <Container\n    orientation=\"vertical\"\n    padding=\"none\"\n    gap=\"none\"\n    {...props}\n    className={cn(elementVariants({ type }), className)}\n  />\n);\n\nElement.displayName = 'Flyout.Element';\nFlyout.Element = Element;\n\nconst headerVariants = cva(styles.header, {\n  variants: {\n    type: {\n      default: styles.header_type_default,\n      inline: styles.header_type_inline,\n    },\n  },\n  defaultVariants: {\n    type: 'default',\n  },\n});\n\nconst titleVariants = cva(styles.title, {\n  variants: {\n    type: {\n      default: styles.title_type_default,\n      inline: styles.title_type_inline,\n    },\n  },\n  defaultVariants: {\n    type: 'default',\n  },\n});\n\nconst descriptionVariants = cva(styles.description, {\n  variants: {\n    type: {\n      default: styles.description_type_default,\n      inline: styles.description_type_inline,\n    },\n  },\n  defaultVariants: {\n    type: 'default',\n  },\n});\n\nconst Header = ({\n  title,\n  description,\n  type,\n  children,\n  showClose = true,\n  showSeparator = true,\n  className,\n  ...props\n}: FlyoutHeaderProps) => {\n  if (children) {\n    return (\n      <div className={styles.container}>\n        <Container\n          justifyContent=\"space-between\"\n          alignItems=\"start\"\n          padding=\"none\"\n          gap=\"none\"\n          fillWidth={false}\n          isResponsive={false}\n          {...props}\n          className={cn(headerVariants({ type }), className)}\n        >\n          <Container\n            padding=\"none\"\n            gap=\"none\"\n            orientation=\"vertical\"\n            grow=\"1\"\n          >\n            {children}\n          </Container>\n          {showClose && (\n            <DialogClose asChild>\n              <CrossButton data-testid=\"flyout-header-close-btn\">\n                <Icon\n                  name=\"cross\"\n                  size={type === 'inline' ? 'md' : 'lg'}\n                />\n              </CrossButton>\n            </DialogClose>\n          )}\n        </Container>\n        {showSeparator && (\n          <Separator\n            data-testid=\"flyout-header-separator\"\n            size=\"lg\"\n          />\n        )}\n      </div>\n    );\n  }\n\n  return (\n    <div className={styles.container}>\n      <Container\n        justifyContent=\"space-between\"\n        alignItems=\"start\"\n        fillWidth={false}\n        isResponsive={false}\n        {...props}\n        className={cn(headerVariants({ type }), className)}\n      >\n        <Container\n          padding=\"none\"\n          gap=\"none\"\n          orientation=\"vertical\"\n          grow=\"1\"\n        >\n          <DialogTitle className={cn(titleVariants({ type }))}>{title}</DialogTitle>\n          {description && (\n            <DialogDescription className={cn(descriptionVariants({ type }))}>\n              {description}\n            </DialogDescription>\n          )}\n        </Container>\n        {showClose && (\n          <DialogClose asChild>\n            <CrossButton data-testid=\"flyout-header-close-btn\">\n              <Icon\n                name=\"cross\"\n                size={type === 'inline' ? 'md' : 'lg'}\n              />\n            </CrossButton>\n          </DialogClose>\n        )}\n      </Container>\n      {showSeparator && (\n        <Separator\n          data-testid=\"flyout-header-separator\"\n          size=\"lg\"\n        />\n      )}\n    </div>\n  );\n};\nHeader.displayName = 'Flyout.Header';\nFlyout.Header = Header;\n\ntype FlyoutAlign = 'default' | 'top';\n\nconst bodyVariants = cva(styles.body, {\n  variants: {\n    align: {\n      default: styles.body_align_default,\n      top: styles.body_align_top,\n    },\n  },\n  defaultVariants: {\n    align: 'default',\n  },\n});\n\ninterface BodyProps extends ContainerProps {\n  align?: FlyoutAlign;\n  className?: string;\n}\n\nconst Body = ({ align, className, ...props }: BodyProps) => (\n  <Container\n    overflow=\"auto\"\n    orientation=\"vertical\"\n    grow=\"1\"\n    {...props}\n    className={cn(bodyVariants({ align }), className)}\n  />\n);\n\nBody.displayName = 'Flyout.Body';\nFlyout.Body = Body;\n\nconst footerVariants = cva(styles.footer, {\n  variants: {\n    type: {\n      default: styles.footer_type_default,\n      inline: styles.footer_type_inline,\n    },\n  },\n  defaultVariants: {\n    type: 'default',\n  },\n});\n\ninterface FlyoutButtonProps extends Omit<ButtonProps, 'children'> {\n  children?: never;\n}\n\nconst FlyoutClose = ({\n  children,\n  ...props\n}: FlyoutButtonProps | { children?: ReactNode }) => {\n  return (\n    <DialogClose asChild>\n      {children ?? (\n        <Button\n          type=\"secondary\"\n          {...props}\n        />\n      )}\n    </DialogClose>\n  );\n};\nFlyoutClose.displayName = 'Flyout.Close';\nFlyout.Close = FlyoutClose;\n\nconst Footer = ({ type, className, ...props }: FlyoutFooterProps) => {\n  return (\n    <Container\n      gap=\"none\"\n      orientation=\"vertical\"\n      alignItems=\"end\"\n      className={styles['footer-container']}\n    >\n      <Separator size=\"xs\" />\n      <Container\n        justifyContent=\"end\"\n        gap=\"none\"\n        padding=\"none\"\n        isResponsive={false}\n        wrap=\"wrap\"\n        {...props}\n        className={cn(footerVariants({ type }), className)}\n      />\n    </Container>\n  );\n};\nFooter.displayName = 'Flyout.Footer';\nFlyout.Footer = Footer;\n\ninterface FlyoutCodeBlockProps extends ContainerProps {\n  language?: string;\n  statement: string;\n  showLineNumbers?: boolean;\n  showWrapButton?: boolean;\n  wrapLines?: boolean;\n  onCopy?: (value: string) => void | Promise<void>;\n  onCopyError?: (error: string) => void | Promise<void>;\n}\nconst FlyoutCodeBlock = ({\n  statement,\n  language,\n  wrapLines,\n  showLineNumbers,\n  showWrapButton,\n  onCopy,\n  onCopyError,\n  className,\n  ...props\n}: FlyoutCodeBlockProps & ElementProps) => {\n  return (\n    <Element\n      fillHeight\n      {...props}\n    >\n      <CodeBlock\n        className={cn(styles['code-block'], className)}\n        wrapLines={wrapLines}\n        language={language}\n        showLineNumbers={showLineNumbers}\n        showWrapButton={showWrapButton}\n        onCopy={onCopy}\n        onCopyError={onCopyError}\n      >\n        {statement}\n      </CodeBlock>\n      <Spacer size=\"xs\" />\n    </Element>\n  );\n};\n\nFlyout.CodeBlock = FlyoutCodeBlock;\n"],"names":["Flyout","modal","props","Trigger","children","displayName","contentVariants","cva","styles","content","variants","type","default","content_type_default","inline","content_type_inline","strategy","relative","content_strategy_relative","absolute","content_strategy_absolute","fixed","content_strategy_fixed","align","start","content_align_start","end","content_align_end","hasShadow","true","false","defaultVariants","Content","showOverlay","container","size","closeOnInteractOutside","width","onInteractOutside","className","style","portalContainer","useResolvedPortalContainer","theme","useTheme","mergedStyle","useMemo","resolvedWidth","click","flyout","e","preventDefault","cn","elementVariants","element","element_type_default","element_type_inline","Element","headerVariants","header","header_type_default","header_type_inline","titleVariants","title","title_type_default","title_type_inline","descriptionVariants","description","description_type_default","description_type_inline","Header","showClose","showSeparator","Icon","bodyVariants","body","body_align_default","top","body_align_top","Body","footerVariants","footer","footer_type_default","footer_type_inline","FlyoutClose","Close","Footer","FlyoutCodeBlock","statement","language","wrapLines","showLineNumbers","showWrapButton","onCopy","onCopyError","CodeBlock"],"mappings":"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"}