npm - @clickhouse/click-ui - Versions diffs - 0.9.0 → 1.0.0-rc2 - Mend

@clickhouse/click-ui 0.9.0 → 1.0.0-rc2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1819) hide show

package/dist/cjs/components/Flyout/index.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.cjs","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","jsx","Dialog","Trigger","children","DialogTrigger","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","jsxs","DialogPortal","DialogOverlay","DialogContent","e","preventDefault","cn","elementVariants","element","element_type_default","element_type_inline","Element","Container","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","DialogClose","CrossButton","Icon","Separator","DialogTitle","DialogDescription","bodyVariants","body","body_align_default","top","body_align_top","Body","footerVariants","footer","footer_type_default","footer_type_inline","FlyoutClose","Button","Close","Footer","FlyoutCodeBlock","statement","language","wrapLines","showLineNumbers","showWrapButton","onCopy","onCopyError","CodeBlock","Spacer"],"mappings":";;;;;;;;;;;;;;;;;;;;AAiCO,MAAMA,SAASA,CAAC;AAAA,EAAEC,KAAAA,GAAQ,KAAA;AAAA,EAAO,GAAGC;AAAmB,CAAA,KAAM;AAClE,EAAA,uBACEC,cAAA,CAACC,kBAAA,EAAA,EACC,KAAA,EACA,GAAIF,KAAAA,EAAM,CAAA;AAGhB;AAEA,MAAMG,UAAUA,CAAC;AAAA,EAAEC,QAAAA;AAAAA,EAAU,GAAGJ;AAA0B,CAAA,KAAM;AAC9D,EAAA,uBACEC,cAAA,CAACI,6BAAc,OAAA,EAAO,IAAA,EACpB,yCAAC,KAAA,EAAA,EAAI,GAAIL,KAAAA,EAAQI,QAAAA,EAAS,CAAA,EAC5B,CAAA;AAEJ,CAAA;AACAD,OAAAA,CAAQG,WAAAA,GAAc,gBAAA;AACtBR,MAAAA,CAAOK,OAAAA,GAAUA,OAAAA;AAEjB,MAAMI,eAAAA,GAAkBC,0BAAAA,CAAIC,qBAAAA,CAAOC,OAAAA,EAAS;AAAA,EAC1CC,QAAAA,EAAU;AAAA,IACRC,IAAAA,EAAM;AAAA,MACJC,SAASJ,qBAAAA,CAAOK,oBAAAA;AAAAA,MAChBC,QAAQN,qBAAAA,CAAOO;AAAAA,KACjB;AAAA,IACAC,QAAAA,EAAU;AAAA,MACRC,UAAUT,qBAAAA,CAAOU,yBAAAA;AAAAA,MACjBC,UAAUX,qBAAAA,CAAOY,yBAAAA;AAAAA,MACjBC,OAAOb,qBAAAA,CAAOc;AAAAA,KAChB;AAAA,IACAC,KAAAA,EAAO;AAAA,MACLC,OAAOhB,qBAAAA,CAAOiB,mBAAAA;AAAAA,MACdC,KAAKlB,qBAAAA,CAAOmB;AAAAA,KACd;AAAA,IACAC,SAAAA,EAAW;AAAA,MACTC,IAAAA,EAAM,EAAA;AAAA,MACNC,KAAAA,EAAOtB,sBAAO,mBAAmB;AAAA;AACnC,GACF;AAAA,EACAuB,eAAAA,EAAiB;AAAA,IACfpB,IAAAA,EAAM,SAAA;AAAA,IACNY,KAAAA,EAAO,KAAA;AAAA,IACPK,SAAAA,EAAW;AAAA;AAEf,CAAC,CAAA;AAED,MAAMI,UAAUA,CAAC;AAAA,EACfC,WAAAA,GAAc,KAAA;AAAA,EACd9B,QAAAA;AAAAA,EACA+B,SAAAA;AAAAA,EACAlB,QAAAA,GAAW,UAAA;AAAA,EACXmB,IAAAA,GAAO,SAAA;AAAA,EACPxB,IAAAA,GAAO,SAAA;AAAA,EACPyB,sBAAAA,GAAyB,KAAA;AAAA,EACzBC,KAAAA;AAAAA,EACAd,KAAAA,GAAQ,KAAA;AAAA,EACRK,SAAAA,GAAY,IAAA;AAAA,EACZU,iBAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,KAAAA;AAAAA,EACA,GAAGzC;AACe,CAAA,KAAM;AACxB,EAAA,MAAM0C,eAAAA,GAAkBC,yCAA2BR,SAAS,CAAA;AAC5D,EAAA,MAAMS,QAAQC,yBAAAA,EAAS;AAEvB,EAAA,MAAMC,WAAAA,GAAcC,cAAQ,MAAM;AAKhC,IAAA,MAAMC,gBAAgBV,KAAAA,IAASM,KAAAA,CAAMK,MAAMC,MAAAA,CAAOd,IAAAA,CAAKA,IAAI,CAAA,CAAEE,KAAAA;AAE7D,IAAA,OAAO;AAAA,MACL,gBAAA,EAAkBU,aAAAA;AAAAA,MAClB,GAAGP;AAAAA,KACL;AAAA,EACF,GAAG,CAACH,KAAAA,EAAOF,IAAAA,EAAMK,KAAAA,EAAOG,KAAK,CAAC,CAAA;AAE9B,EAAA,uBACEO,eAAA,CAACC,wBAAA,EAAA,EAAa,SAAA,EAAWV,eAAAA,EACtBR,QAAAA,EAAAA;AAAAA,IAAAA,WAAAA,oBAAejC,cAAA,CAACoD,yBAAA,EAAA,EAAc,SAAA,EAAU,eAAA,EAAe,CAAA;AAAA,oBACxDpD,cAAA,CAACqD,yBAAA,EAAA,EACC,iBAAA,EAAmBC,CAAAA,CAAAA,KAAK;AACtB,MAAA,IAAI,CAAClB,sBAAAA,EAAwB;AAC3BkB,QAAAA,CAAAA,CAAEC,cAAAA,EAAe;AAAA,MACnB;AACA,MAAA,IAAI,OAAOjB,sBAAsB,UAAA,EAAY;AAC3CA,QAAAA,iBAAAA,CAAkBgB,CAAC,CAAA;AAAA,MACrB;AAAA,IACF,GACA,GAAIvD,KAAAA,EACJ,OAAO8C,WAAAA,EACP,SAAA,EAAWW,OAAGlD,eAAAA,CAAgB;AAAA,MAAEK,IAAAA;AAAAA,MAAMK,QAAAA;AAAAA,MAAUO,KAAAA;AAAAA,MAAOK;AAAAA,KAAW,CAAA,EAAGW,SAAS,CAAA,EAE7EpC,QAAAA,EACH;AAAA,GAAA,EACF,CAAA;AAEJ,CAAA;AACA6B,OAAAA,CAAQ3B,WAAAA,GAAc,gBAAA;AACtBR,MAAAA,CAAOmC,OAAAA,GAAUA,OAAAA;AAEjB,MAAMyB,eAAAA,GAAkBlD,0BAAAA,CAAIC,qBAAAA,CAAOkD,OAAAA,EAAS;AAAA,EAC1ChD,QAAAA,EAAU;AAAA,IACRC,IAAAA,EAAM;AAAA,MACJC,SAASJ,qBAAAA,CAAOmD,oBAAAA;AAAAA,MAChB7C,QAAQN,qBAAAA,CAAOoD;AAAAA;AACjB,GACF;AAAA,EACA7B,eAAAA,EAAiB;AAAA,IACfpB,IAAAA,EAAM;AAAA;AAEV,CAAC,CAAA;AAUD,MAAMkD,UAAUA,CAAC;AAAA,EAAElD,IAAAA;AAAAA,EAAM4B,SAAAA;AAAAA,EAAW,GAAGxC;AAAoB,CAAA,qBACzDC,cAAA,CAAC8D,mBAAA,EAAA,EACC,WAAA,EAAY,UAAA,EACZ,OAAA,EAAQ,MAAA,EACR,GAAA,EAAI,MAAA,EACJ,GAAI/D,KAAAA,EACJ,SAAA,EAAWyD,MAAAA,CAAGC,eAAAA,CAAgB;AAAA,EAAE9C;AAAK,CAAC,CAAA,EAAG4B,SAAS,CAAA,EAAE,CAAA;AAIxDsB,OAAAA,CAAQxD,WAAAA,GAAc,gBAAA;AACtBR,MAAAA,CAAOgE,OAAAA,GAAUA,OAAAA;AAEjB,MAAME,cAAAA,GAAiBxD,0BAAAA,CAAIC,qBAAAA,CAAOwD,MAAAA,EAAQ;AAAA,EACxCtD,QAAAA,EAAU;AAAA,IACRC,IAAAA,EAAM;AAAA,MACJC,SAASJ,qBAAAA,CAAOyD,mBAAAA;AAAAA,MAChBnD,QAAQN,qBAAAA,CAAO0D;AAAAA;AACjB,GACF;AAAA,EACAnC,eAAAA,EAAiB;AAAA,IACfpB,IAAAA,EAAM;AAAA;AAEV,CAAC,CAAA;AAED,MAAMwD,aAAAA,GAAgB5D,0BAAAA,CAAIC,qBAAAA,CAAO4D,KAAAA,EAAO;AAAA,EACtC1D,QAAAA,EAAU;AAAA,IACRC,IAAAA,EAAM;AAAA,MACJC,SAASJ,qBAAAA,CAAO6D,kBAAAA;AAAAA,MAChBvD,QAAQN,qBAAAA,CAAO8D;AAAAA;AACjB,GACF;AAAA,EACAvC,eAAAA,EAAiB;AAAA,IACfpB,IAAAA,EAAM;AAAA;AAEV,CAAC,CAAA;AAED,MAAM4D,mBAAAA,GAAsBhE,0BAAAA,CAAIC,qBAAAA,CAAOgE,WAAAA,EAAa;AAAA,EAClD9D,QAAAA,EAAU;AAAA,IACRC,IAAAA,EAAM;AAAA,MACJC,SAASJ,qBAAAA,CAAOiE,wBAAAA;AAAAA,MAChB3D,QAAQN,qBAAAA,CAAOkE;AAAAA;AACjB,GACF;AAAA,EACA3C,eAAAA,EAAiB;AAAA,IACfpB,IAAAA,EAAM;AAAA;AAEV,CAAC,CAAA;AAED,MAAMgE,SAASA,CAAC;AAAA,EACdP,KAAAA;AAAAA,EACAI,WAAAA;AAAAA,EACA7D,IAAAA;AAAAA,EACAR,QAAAA;AAAAA,EACAyE,SAAAA,GAAY,IAAA;AAAA,EACZC,aAAAA,GAAgB,IAAA;AAAA,EAChBtC,SAAAA;AAAAA,EACA,GAAGxC;AACc,CAAA,KAAM;AACvB,EAAA,IAAII,QAAAA,EAAU;AACZ,IAAA,uBACE+C,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW1C,qBAAAA,CAAO0B,SAAAA,EACrB,QAAA,EAAA;AAAA,sBAAAgB,eAAA,CAACY,uBACC,cAAA,EAAe,eAAA,EACf,UAAA,EAAW,OAAA,EACX,SAAQ,MAAA,EACR,GAAA,EAAI,MAAA,EACJ,SAAA,EAAW,OACX,YAAA,EAAc,KAAA,KACV/D,KAAAA,EACJ,SAAA,EAAWyD,OAAGO,cAAAA,CAAe;AAAA,QAAEpD;AAAAA,OAAM,CAAA,EAAG4B,SAAS,CAAA,EAEjD,QAAA,EAAA;AAAA,wBAAAvC,cAAA,CAAC8D,mBAAA,EAAA,EACC,SAAQ,MAAA,EACR,GAAA,EAAI,QACJ,WAAA,EAAY,UAAA,EACZ,IAAA,EAAK,GAAA,EAEJ3D,QAAAA,EACH,CAAA;AAAA,QACCyE,6BACC5E,cAAA,CAAC8E,uBAAA,EAAA,EAAY,SAAO,IAAA,EAClB,QAAA,kBAAA9E,cAAA,CAAC+E,2BAAY,aAAA,EAAY,yBAAA,EACvB,yCAACC,SAAA,EAAA,EACC,IAAA,EAAK,SACL,IAAA,EAAMrE,IAAAA,KAAS,WAAW,IAAA,GAAO,IAAA,EAAK,GAE1C,CAAA,EACF;AAAA,OAAA,EAEJ,CAAA;AAAA,MACCkE,iCACC7E,cAAA,CAACiF,mBAAA,EAAA,EACC,aAAA,EAAY,yBAAA,EACZ,MAAK,IAAA,EAAI;AAAA,KAAA,EAGf,CAAA;AAAA,EAEJ;AAEA,EAAA,uBACE/B,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW1C,qBAAAA,CAAO0B,SAAAA,EACrB,QAAA,EAAA;AAAA,oBAAAgB,eAAA,CAACY,mBAAA,EAAA,EACC,cAAA,EAAe,eAAA,EACf,UAAA,EAAW,OAAA,EACX,SAAA,EAAW,KAAA,EACX,YAAA,EAAc,KAAA,EACd,GAAI/D,KAAAA,EACJ,SAAA,EAAWyD,OAAGO,cAAAA,CAAe;AAAA,MAAEpD;AAAAA,KAAM,CAAA,EAAG4B,SAAS,CAAA,EAEjD,QAAA,EAAA;AAAA,sBAAAW,eAAA,CAACY,mBAAA,EAAA,EACC,SAAQ,MAAA,EACR,GAAA,EAAI,QACJ,WAAA,EAAY,UAAA,EACZ,MAAK,GAAA,EAEL,QAAA,EAAA;AAAA,wBAAA9D,cAAA,CAACkF,uBAAA,EAAA,EAAY,SAAA,EAAW1B,MAAAA,CAAGW,aAAAA,CAAc;AAAA,UAAExD;AAAAA,SAAM,CAAC,CAAA,EAAIyD,QAAAA,EAAAA,KAAAA,EAAM,CAAA;AAAA,QAC3DI,WAAAA,oBACCxE,cAAA,CAACmF,6BAAA,EAAA,EAAkB,SAAA,EAAW3B,OAAGe,mBAAAA,CAAoB;AAAA,UAAE5D;AAAAA,SAAM,CAAC,CAAA,EAC3D6D,QAAAA,EAAAA,WAAAA,EACH;AAAA,OAAA,EAEJ,CAAA;AAAA,MACCI,6BACC5E,cAAA,CAAC8E,uBAAA,EAAA,EAAY,SAAO,IAAA,EAClB,QAAA,kBAAA9E,cAAA,CAAC+E,2BAAY,aAAA,EAAY,yBAAA,EACvB,yCAACC,SAAA,EAAA,EACC,IAAA,EAAK,SACL,IAAA,EAAMrE,IAAAA,KAAS,WAAW,IAAA,GAAO,IAAA,EAAK,GAE1C,CAAA,EACF;AAAA,KAAA,EAEJ,CAAA;AAAA,IACCkE,iCACC7E,cAAA,CAACiF,mBAAA,EAAA,EACC,aAAA,EAAY,yBAAA,EACZ,MAAK,IAAA,EAAI;AAAA,GAAA,EAGf,CAAA;AAEJ,CAAA;AACAN,MAAAA,CAAOtE,WAAAA,GAAc,eAAA;AACrBR,MAAAA,CAAO8E,MAAAA,GAASA,MAAAA;AAIhB,MAAMS,YAAAA,GAAe7E,0BAAAA,CAAIC,qBAAAA,CAAO6E,IAAAA,EAAM;AAAA,EACpC3E,QAAAA,EAAU;AAAA,IACRa,KAAAA,EAAO;AAAA,MACLX,SAASJ,qBAAAA,CAAO8E,kBAAAA;AAAAA,MAChBC,KAAK/E,qBAAAA,CAAOgF;AAAAA;AACd,GACF;AAAA,EACAzD,eAAAA,EAAiB;AAAA,IACfR,KAAAA,EAAO;AAAA;AAEX,CAAC,CAAA;AAOD,MAAMkE,OAAOA,CAAC;AAAA,EAAElE,KAAAA;AAAAA,EAAOgB,SAAAA;AAAAA,EAAW,GAAGxC;AAAiB,CAAA,qBACpDC,cAAA,CAAC8D,mBAAA,EAAA,EACC,QAAA,EAAS,MAAA,EACT,WAAA,EAAY,UAAA,EACZ,IAAA,EAAK,GAAA,EACL,GAAI/D,KAAAA,EACJ,SAAA,EAAWyD,MAAAA,CAAG4B,YAAAA,CAAa;AAAA,EAAE7D;AAAM,CAAC,CAAA,EAAGgB,SAAS,CAAA,EAAE,CAAA;AAItDkD,IAAAA,CAAKpF,WAAAA,GAAc,aAAA;AACnBR,MAAAA,CAAO4F,IAAAA,GAAOA,IAAAA;AAEd,MAAMC,cAAAA,GAAiBnF,0BAAAA,CAAIC,qBAAAA,CAAOmF,MAAAA,EAAQ;AAAA,EACxCjF,QAAAA,EAAU;AAAA,IACRC,IAAAA,EAAM;AAAA,MACJC,SAASJ,qBAAAA,CAAOoF,mBAAAA;AAAAA,MAChB9E,QAAQN,qBAAAA,CAAOqF;AAAAA;AACjB,GACF;AAAA,EACA9D,eAAAA,EAAiB;AAAA,IACfpB,IAAAA,EAAM;AAAA;AAEV,CAAC,CAAA;AAMD,MAAMmF,cAAcA,CAAC;AAAA,EACnB3F,QAAAA;AAAAA,EACA,GAAGJ;AACyC,CAAA,KAAM;AAClD,EAAA,uBACEC,cAAA,CAAC8E,uBAAA,EAAA,EAAY,OAAA,EAAO,IAAA,EACjB3E,QAAAA,EAAAA,QAAAA,oBACCH,cAAA,CAAC+F,aAAA,EAAA,EACC,IAAA,EAAK,WAAA,EACL,GAAIhG,KAAAA,EAAM,CAAA,EAGhB,CAAA;AAEJ,CAAA;AACA+F,WAAAA,CAAYzF,WAAAA,GAAc,cAAA;AAC1BR,MAAAA,CAAOmG,KAAAA,GAAQF,WAAAA;AAEf,MAAMG,SAASA,CAAC;AAAA,EAAEtF,IAAAA;AAAAA,EAAM4B,SAAAA;AAAAA,EAAW,GAAGxC;AAAyB,CAAA,KAAM;AACnE,EAAA,uBACEmD,eAAA,CAACY,mBAAA,EAAA,EACC,GAAA,EAAI,MAAA,EACJ,WAAA,EAAY,UAAA,EACZ,UAAA,EAAW,KAAA,EACX,SAAA,EAAWtD,qBAAAA,CAAO,kBAAkB,CAAA,EAEpC,QAAA,EAAA;AAAA,oBAAAR,cAAA,CAACiF,mBAAA,EAAA,EAAU,MAAK,IAAA,EAAI,CAAA;AAAA,mCACnBnB,mBAAA,EAAA,EACC,cAAA,EAAe,KAAA,EACf,GAAA,EAAI,QACJ,OAAA,EAAQ,MAAA,EACR,YAAA,EAAc,KAAA,EACd,MAAK,MAAA,EACL,GAAI/D,KAAAA,EACJ,SAAA,EAAWyD,OAAGkC,cAAAA,CAAe;AAAA,MAAE/E;AAAAA,KAAM,CAAA,EAAG4B,SAAS,CAAA,EAAE;AAAA,GAAA,EAEvD,CAAA;AAEJ,CAAA;AACA0D,MAAAA,CAAO5F,WAAAA,GAAc,eAAA;AACrBR,MAAAA,CAAOoG,MAAAA,GAASA,MAAAA;AAWhB,MAAMC,kBAAkBA,CAAC;AAAA,EACvBC,SAAAA;AAAAA,EACAC,QAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,eAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,MAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAlE,SAAAA;AAAAA,EACA,GAAGxC;AACgC,CAAA,KAAM;AACzC,EAAA,uBACEmD,eAAA,CAAC,OAAA,EAAA,EACC,UAAA,EAAU,IAAA,EACV,GAAInD,KAAAA,EAEJ,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAAC0G,mBAAA,EAAA,EACC,SAAA,EAAWlD,MAAAA,CAAGhD,qBAAAA,CAAO,YAAY,CAAA,EAAG+B,SAAS,CAAA,EAC7C,SAAA,EACA,QAAA,EACA,eAAA,EACA,cAAA,EACA,MAAA,EACA,aAEC4D,QAAAA,EAAAA,SAAAA,EACH,CAAA;AAAA,oBACAnG,cAAA,CAAC2G,aAAA,EAAA,EAAO,IAAA,EAAK,IAAA,EAAI;AAAA,GAAA,EACnB,CAAA;AAEJ,CAAA;AAEA9G,MAAAA,CAAO6G,SAAAA,GAAYR,eAAAA;;;;"}
1	+ {"version":3,"file":"index.cjs","sources":["../../../../src/components/Flyout/Flyout.tsx"],"sourcesContent":["import { CSSProperties, ReactNode, useMemo } from 'react';\nimport { useTheme } from '@/theme/ThemeContext';\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":["jsx","Dialog","DialogTrigger","cva","styles","useResolvedPortalContainer","useTheme","useMemo","jsxs","DialogPortal","DialogOverlay","DialogContent","cn","Container","DialogClose","CrossButton","Icon","Separator","DialogTitle","DialogDescription","Button","CodeBlock","Spacer"],"mappings":";;;;;;;;;;;;;;;;;;;;AAiCO,MAAM,SAAS,CAAC,EAAE,QAAQ,KAAA,EAAO,GAAG,OAAM,KAAmB;AAClE,EAAA,uBACEA,cAAA;AAAA,IAACC,kBAAA;AAAA,IAAA;AAAA,MACC,KAAA;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,MAAM,UAAU,CAAC,EAAE,QAAA,EAAU,GAAG,OAAM,KAA0B;AAC9D,EAAA,uBACED,cAAA,CAACE,6BAAc,OAAA,EAAO,IAAA,EACpB,yCAAC,KAAA,EAAA,EAAK,GAAG,KAAA,EAAQ,QAAA,EAAS,CAAA,EAC5B,CAAA;AAEJ,CAAA;AACA,OAAA,CAAQ,WAAA,GAAc,gBAAA;AACtB,MAAA,CAAO,OAAA,GAAU,OAAA;AAEjB,MAAM,eAAA,GAAkBC,0BAAA,CAAIC,qBAAA,CAAO,OAAA,EAAS;AAAA,EAC1C,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,SAASA,qBAAA,CAAO,oBAAA;AAAA,MAChB,QAAQA,qBAAA,CAAO;AAAA,KACjB;AAAA,IACA,QAAA,EAAU;AAAA,MACR,UAAUA,qBAAA,CAAO,yBAAA;AAAA,MACjB,UAAUA,qBAAA,CAAO,yBAAA;AAAA,MACjB,OAAOA,qBAAA,CAAO;AAAA,KAChB;AAAA,IACA,KAAA,EAAO;AAAA,MACL,OAAOA,qBAAA,CAAO,mBAAA;AAAA,MACd,KAAKA,qBAAA,CAAO;AAAA,KACd;AAAA,IACA,SAAA,EAAW;AAAA,MACT,IAAA,EAAM,EAAA;AAAA,MACN,KAAA,EAAOA,sBAAO,mBAAmB;AAAA;AACnC,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,SAAA;AAAA,IACN,KAAA,EAAO,KAAA;AAAA,IACP,SAAA,EAAW;AAAA;AAEf,CAAC,CAAA;AAED,MAAM,UAAU,CAAC;AAAA,EACf,WAAA,GAAc,KAAA;AAAA,EACd,QAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA,GAAW,UAAA;AAAA,EACX,IAAA,GAAO,SAAA;AAAA,EACP,IAAA,GAAO,SAAA;AAAA,EACP,sBAAA,GAAyB,KAAA;AAAA,EACzB,KAAA;AAAA,EACA,KAAA,GAAQ,KAAA;AAAA,EACR,SAAA,GAAY,IAAA;AAAA,EACZ,iBAAA;AAAA,EACA,SAAA;AAAA,EACA,KAAA;AAAA,EACA,GAAG;AACL,CAAA,KAA0B;AACxB,EAAA,MAAM,eAAA,GAAkBC,yCAA2B,SAAS,CAAA;AAC5D,EAAA,MAAM,QAAQC,qBAAA,EAAS;AAEvB,EAAA,MAAM,WAAA,GAAcC,cAAQ,MAAM;AAKhC,IAAA,MAAM,gBAAgB,KAAA,IAAS,KAAA,CAAM,MAAM,MAAA,CAAO,IAAA,CAAK,IAAI,CAAA,CAAE,KAAA;AAE7D,IAAA,OAAO;AAAA,MACL,gBAAA,EAAkB,aAAA;AAAA,MAClB,GAAG;AAAA,KACL;AAAA,EACF,GAAG,CAAC,KAAA,EAAO,IAAA,EAAM,KAAA,EAAO,KAAK,CAAC,CAAA;AAE9B,EAAA,uBACEC,eAAA,CAACC,wBAAA,EAAA,EAAa,SAAA,EAAW,eAAA,EACtB,QAAA,EAAA;AAAA,IAAA,WAAA,oBAAeT,cAAA,CAACU,yBAAA,EAAA,EAAc,SAAA,EAAU,eAAA,EAAgB,CAAA;AAAA,oBACzDV,cAAA;AAAA,MAACW,yBAAA;AAAA,MAAA;AAAA,QACC,mBAAmB,CAAA,CAAA,KAAK;AACtB,UAAA,IAAI,CAAC,sBAAA,EAAwB;AAC3B,YAAA,CAAA,CAAE,cAAA,EAAe;AAAA,UACnB;AACA,UAAA,IAAI,OAAO,sBAAsB,UAAA,EAAY;AAC3C,YAAA,iBAAA,CAAkB,CAAC,CAAA;AAAA,UACrB;AAAA,QACF,CAAA;AAAA,QACC,GAAG,KAAA;AAAA,QACJ,KAAA,EAAO,WAAA;AAAA,QACP,SAAA,EAAWC,MAAA,CAAG,eAAA,CAAgB,EAAE,IAAA,EAAM,UAAU,KAAA,EAAO,SAAA,EAAW,CAAA,EAAG,SAAS,CAAA;AAAA,QAE7E;AAAA;AAAA;AACH,GAAA,EACF,CAAA;AAEJ,CAAA;AACA,OAAA,CAAQ,WAAA,GAAc,gBAAA;AACtB,MAAA,CAAO,OAAA,GAAU,OAAA;AAEjB,MAAM,eAAA,GAAkBT,0BAAA,CAAIC,qBAAA,CAAO,OAAA,EAAS;AAAA,EAC1C,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,SAASA,qBAAA,CAAO,oBAAA;AAAA,MAChB,QAAQA,qBAAA,CAAO;AAAA;AACjB,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA;AAEV,CAAC,CAAA;AAUD,MAAM,UAAU,CAAC,EAAE,MAAM,SAAA,EAAW,GAAG,OAAM,qBAC3CJ,cAAA;AAAA,EAACa,mBAAA;AAAA,EAAA;AAAA,IACC,WAAA,EAAY,UAAA;AAAA,IACZ,OAAA,EAAQ,MAAA;AAAA,IACR,GAAA,EAAI,MAAA;AAAA,IACH,GAAG,KAAA;AAAA,IACJ,WAAWD,MAAA,CAAG,eAAA,CAAgB,EAAE,IAAA,EAAM,GAAG,SAAS;AAAA;AACpD,CAAA;AAGF,OAAA,CAAQ,WAAA,GAAc,gBAAA;AACtB,MAAA,CAAO,OAAA,GAAU,OAAA;AAEjB,MAAM,cAAA,GAAiBT,0BAAA,CAAIC,qBAAA,CAAO,MAAA,EAAQ;AAAA,EACxC,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,SAASA,qBAAA,CAAO,mBAAA;AAAA,MAChB,QAAQA,qBAAA,CAAO;AAAA;AACjB,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA;AAEV,CAAC,CAAA;AAED,MAAM,aAAA,GAAgBD,0BAAA,CAAIC,qBAAA,CAAO,KAAA,EAAO;AAAA,EACtC,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,SAASA,qBAAA,CAAO,kBAAA;AAAA,MAChB,QAAQA,qBAAA,CAAO;AAAA;AACjB,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA;AAEV,CAAC,CAAA;AAED,MAAM,mBAAA,GAAsBD,0BAAA,CAAIC,qBAAA,CAAO,WAAA,EAAa;AAAA,EAClD,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,SAASA,qBAAA,CAAO,wBAAA;AAAA,MAChB,QAAQA,qBAAA,CAAO;AAAA;AACjB,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA;AAEV,CAAC,CAAA;AAED,MAAM,SAAS,CAAC;AAAA,EACd,KAAA;AAAA,EACA,WAAA;AAAA,EACA,IAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA,GAAY,IAAA;AAAA,EACZ,aAAA,GAAgB,IAAA;AAAA,EAChB,SAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAyB;AACvB,EAAA,IAAI,QAAA,EAAU;AACZ,IAAA,uBACEI,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAWJ,qBAAA,CAAO,SAAA,EACrB,QAAA,EAAA;AAAA,sBAAAI,eAAA;AAAA,QAACK,mBAAA;AAAA,QAAA;AAAA,UACC,cAAA,EAAe,eAAA;AAAA,UACf,UAAA,EAAW,OAAA;AAAA,UACX,OAAA,EAAQ,MAAA;AAAA,UACR,GAAA,EAAI,MAAA;AAAA,UACJ,SAAA,EAAW,KAAA;AAAA,UACX,YAAA,EAAc,KAAA;AAAA,UACb,GAAG,KAAA;AAAA,UACJ,WAAWD,MAAA,CAAG,cAAA,CAAe,EAAE,IAAA,EAAM,GAAG,SAAS,CAAA;AAAA,UAEjD,QAAA,EAAA;AAAA,4BAAAZ,cAAA;AAAA,cAACa,mBAAA;AAAA,cAAA;AAAA,gBACC,OAAA,EAAQ,MAAA;AAAA,gBACR,GAAA,EAAI,MAAA;AAAA,gBACJ,WAAA,EAAY,UAAA;AAAA,gBACZ,IAAA,EAAK,GAAA;AAAA,gBAEJ;AAAA;AAAA,aACH;AAAA,YACC,SAAA,mCACEC,uBAAA,EAAA,EAAY,OAAA,EAAO,MAClB,QAAA,kBAAAd,cAAA,CAACe,uBAAA,EAAA,EAAY,eAAY,yBAAA,EACvB,QAAA,kBAAAf,cAAA;AAAA,cAACgB,SAAA;AAAA,cAAA;AAAA,gBACC,IAAA,EAAK,OAAA;AAAA,gBACL,IAAA,EAAM,IAAA,KAAS,QAAA,GAAW,IAAA,GAAO;AAAA;AAAA,eAErC,CAAA,EACF;AAAA;AAAA;AAAA,OAEJ;AAAA,MACC,aAAA,oBACChB,cAAA;AAAA,QAACiB,mBAAA;AAAA,QAAA;AAAA,UACC,aAAA,EAAY,yBAAA;AAAA,UACZ,IAAA,EAAK;AAAA;AAAA;AACP,KAAA,EAEJ,CAAA;AAAA,EAEJ;AAEA,EAAA,uBACET,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAWJ,qBAAA,CAAO,SAAA,EACrB,QAAA,EAAA;AAAA,oBAAAI,eAAA;AAAA,MAACK,mBAAA;AAAA,MAAA;AAAA,QACC,cAAA,EAAe,eAAA;AAAA,QACf,UAAA,EAAW,OAAA;AAAA,QACX,SAAA,EAAW,KAAA;AAAA,QACX,YAAA,EAAc,KAAA;AAAA,QACb,GAAG,KAAA;AAAA,QACJ,WAAWD,MAAA,CAAG,cAAA,CAAe,EAAE,IAAA,EAAM,GAAG,SAAS,CAAA;AAAA,QAEjD,QAAA,EAAA;AAAA,0BAAAJ,eAAA;AAAA,YAACK,mBAAA;AAAA,YAAA;AAAA,cACC,OAAA,EAAQ,MAAA;AAAA,cACR,GAAA,EAAI,MAAA;AAAA,cACJ,WAAA,EAAY,UAAA;AAAA,cACZ,IAAA,EAAK,GAAA;AAAA,cAEL,QAAA,EAAA;AAAA,gCAAAb,cAAA,CAACkB,uBAAA,EAAA,EAAY,WAAWN,MAAA,CAAG,aAAA,CAAc,EAAE,IAAA,EAAM,CAAC,CAAA,EAAI,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,gBAC3D,WAAA,oBACCZ,cAAA,CAACmB,6BAAA,EAAA,EAAkB,SAAA,EAAWP,MAAA,CAAG,mBAAA,CAAoB,EAAE,IAAA,EAAM,CAAC,CAAA,EAC3D,QAAA,EAAA,WAAA,EACH;AAAA;AAAA;AAAA,WAEJ;AAAA,UACC,SAAA,mCACEE,uBAAA,EAAA,EAAY,OAAA,EAAO,MAClB,QAAA,kBAAAd,cAAA,CAACe,uBAAA,EAAA,EAAY,eAAY,yBAAA,EACvB,QAAA,kBAAAf,cAAA;AAAA,YAACgB,SAAA;AAAA,YAAA;AAAA,cACC,IAAA,EAAK,OAAA;AAAA,cACL,IAAA,EAAM,IAAA,KAAS,QAAA,GAAW,IAAA,GAAO;AAAA;AAAA,aAErC,CAAA,EACF;AAAA;AAAA;AAAA,KAEJ;AAAA,IACC,aAAA,oBACChB,cAAA;AAAA,MAACiB,mBAAA;AAAA,MAAA;AAAA,QACC,aAAA,EAAY,yBAAA;AAAA,QACZ,IAAA,EAAK;AAAA;AAAA;AACP,GAAA,EAEJ,CAAA;AAEJ,CAAA;AACA,MAAA,CAAO,WAAA,GAAc,eAAA;AACrB,MAAA,CAAO,MAAA,GAAS,MAAA;AAIhB,MAAM,YAAA,GAAed,0BAAA,CAAIC,qBAAA,CAAO,IAAA,EAAM;AAAA,EACpC,QAAA,EAAU;AAAA,IACR,KAAA,EAAO;AAAA,MACL,SAASA,qBAAA,CAAO,kBAAA;AAAA,MAChB,KAAKA,qBAAA,CAAO;AAAA;AACd,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,KAAA,EAAO;AAAA;AAEX,CAAC,CAAA;AAOD,MAAM,OAAO,CAAC,EAAE,OAAO,SAAA,EAAW,GAAG,OAAM,qBACzCJ,cAAA;AAAA,EAACa,mBAAA;AAAA,EAAA;AAAA,IACC,QAAA,EAAS,MAAA;AAAA,IACT,WAAA,EAAY,UAAA;AAAA,IACZ,IAAA,EAAK,GAAA;AAAA,IACJ,GAAG,KAAA;AAAA,IACJ,WAAWD,MAAA,CAAG,YAAA,CAAa,EAAE,KAAA,EAAO,GAAG,SAAS;AAAA;AAClD,CAAA;AAGF,IAAA,CAAK,WAAA,GAAc,aAAA;AACnB,MAAA,CAAO,IAAA,GAAO,IAAA;AAEd,MAAM,cAAA,GAAiBT,0BAAA,CAAIC,qBAAA,CAAO,MAAA,EAAQ;AAAA,EACxC,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,SAASA,qBAAA,CAAO,mBAAA;AAAA,MAChB,QAAQA,qBAAA,CAAO;AAAA;AACjB,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA;AAEV,CAAC,CAAA;AAMD,MAAM,cAAc,CAAC;AAAA,EACnB,QAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAoD;AAClD,EAAA,uBACEJ,cAAA,CAACc,uBAAA,EAAA,EAAY,OAAA,EAAO,IAAA,EACjB,QAAA,EAAA,QAAA,oBACCd,cAAA;AAAA,IAACoB,aAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,WAAA;AAAA,MACJ,GAAG;AAAA;AAAA,GACN,EAEJ,CAAA;AAEJ,CAAA;AACA,WAAA,CAAY,WAAA,GAAc,cAAA;AAC1B,MAAA,CAAO,KAAA,GAAQ,WAAA;AAEf,MAAM,SAAS,CAAC,EAAE,MAAM,SAAA,EAAW,GAAG,OAAM,KAAyB;AACnE,EAAA,uBACEZ,eAAA;AAAA,IAACK,mBAAA;AAAA,IAAA;AAAA,MACC,GAAA,EAAI,MAAA;AAAA,MACJ,WAAA,EAAY,UAAA;AAAA,MACZ,UAAA,EAAW,KAAA;AAAA,MACX,SAAA,EAAWT,sBAAO,kBAAkB,CAAA;AAAA,MAEpC,QAAA,EAAA;AAAA,wBAAAJ,cAAA,CAACiB,mBAAA,EAAA,EAAU,MAAK,IAAA,EAAK,CAAA;AAAA,wBACrBjB,cAAA;AAAA,UAACa,mBAAA;AAAA,UAAA;AAAA,YACC,cAAA,EAAe,KAAA;AAAA,YACf,GAAA,EAAI,MAAA;AAAA,YACJ,OAAA,EAAQ,MAAA;AAAA,YACR,YAAA,EAAc,KAAA;AAAA,YACd,IAAA,EAAK,MAAA;AAAA,YACJ,GAAG,KAAA;AAAA,YACJ,WAAWD,MAAA,CAAG,cAAA,CAAe,EAAE,IAAA,EAAM,GAAG,SAAS;AAAA;AAAA;AACnD;AAAA;AAAA,GACF;AAEJ,CAAA;AACA,MAAA,CAAO,WAAA,GAAc,eAAA;AACrB,MAAA,CAAO,MAAA,GAAS,MAAA;AAWhB,MAAM,kBAAkB,CAAC;AAAA,EACvB,SAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,eAAA;AAAA,EACA,cAAA;AAAA,EACA,MAAA;AAAA,EACA,WAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAA,KAA2C;AACzC,EAAA,uBACEJ,eAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,UAAA,EAAU,IAAA;AAAA,MACT,GAAG,KAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAAR,cAAA;AAAA,UAACqB,mBAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAWT,MAAA,CAAGR,qBAAA,CAAO,YAAY,GAAG,SAAS,CAAA;AAAA,YAC7C,SAAA;AAAA,YACA,QAAA;AAAA,YACA,eAAA;AAAA,YACA,cAAA;AAAA,YACA,MAAA;AAAA,YACA,WAAA;AAAA,YAEC,QAAA,EAAA;AAAA;AAAA,SACH;AAAA,wBACAJ,cAAA,CAACsB,aAAA,EAAA,EAAO,IAAA,EAAK,IAAA,EAAK;AAAA;AAAA;AAAA,GACpB;AAEJ,CAAA;AAEA,MAAA,CAAO,SAAA,GAAY,eAAA;;;;"}

package/dist/cjs/components/FormContainer/Error.cjs CHANGED Viewed

@@ -7,10 +7,13 @@ const jsxRuntime = require('react/jsx-runtime');
 const cva = require('../../lib/cva.cjs');
 const Error_module = require('./Error.module.css.cjs');
-const Error = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsxRuntime.jsx("div", { ...props, className: cva.cn(Error_module.default.error, className) });
+const Error = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
+  "div",
+  {
+    ...props,
+    className: cva.cn(Error_module.default.error, className)
+  }
+);
 exports.Error = Error;
 //# sourceMappingURL=Error.cjs.map

package/dist/cjs/components/FormContainer/Error.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Error.cjs","sources":["../../../../src/components/FormContainer/Error.tsx"],"sourcesContent":["import { HTMLAttributes } from 'react';\nimport { cn } from '@/lib/cva';\nimport styles from './Error.module.css';\n\nexport const Error = ({ className, ...props }: HTMLAttributes<HTMLDivElement>) => (\n <div\n {...props}\n className={cn(styles.error, className)}\n />\n);\n"],"names":["~~Error","className","props","~~jsx","cn","styles"~~,"error"~~],"mappings":";;;;;;;;AAIO,~~MAAMA~~,~~QAAQA~~,CAAC~~;AAAA~~,~~EAAEC~~,~~SAAAA;AAAAA~~,EAAW,~~GAAGC;AAAsC~~,~~CAAA~~,~~qBAC1EC~~,cAAA,~~CAAC~~,~~SACC~~,~~GAAID~~,~~KAAAA~~,~~EACJ~~,~~WAAWE~~,~~MAAAA~~,CAAGC,~~oBAAAA~~,~~CAAOC~~,~~KAAAA~~,~~EAAOL~~,SAAS~~,CAAA,EAAE~~;;;;"}
1	+ {"version":3,"file":"Error.cjs","sources":["../../../../src/components/FormContainer/Error.tsx"],"sourcesContent":["import { HTMLAttributes } from 'react';\nimport { cn } from '@/lib/cva';\nimport styles from './Error.module.css';\n\nexport const Error = ({ className, ...props }: HTMLAttributes<HTMLDivElement>) => (\n <div\n {...props}\n className={cn(styles.error, className)}\n />\n);\n"],"names":["jsx","cn","styles"],"mappings":";;;;;;;;AAIO,MAAM,QAAQ,CAAC,EAAE,SAAA,EAAW,GAAG,OAAM,qBAC1CA,cAAA;AAAA,EAAC,KAAA;AAAA,EAAA;AAAA,IACE,GAAG,KAAA;AAAA,IACJ,SAAA,EAAWC,MAAA,CAAGC,oBAAA,CAAO,KAAA,EAAO,SAAS;AAAA;AACvC;;;;"}

package/dist/cjs/components/FormContainer/Error.css CHANGED Viewed

@@ -1,4 +1,5 @@
-.error__Wvrfq {
+@layer clickui {.error__Wvrfq {
   color: var(--click-field-color-label-error);
   font: var(--click-field-typography-label-error);
 }
+}

package/dist/cjs/components/FormContainer/FormElementContainer.cjs CHANGED Viewed

@@ -10,7 +10,13 @@ const FormElementContainer_module = require('./FormElementContainer.module.css.c
 const FormElementContainer = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsxRuntime.jsx("div", { ...props, className: cva.cn(FormElementContainer_module.default["form-element-container"], className) });
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  "div",
+  {
+    ...props,
+    className: cva.cn(FormElementContainer_module.default["form-element-container"], className)
+  }
+);
 exports.FormElementContainer = FormElementContainer;
 //# sourceMappingURL=FormElementContainer.cjs.map

package/dist/cjs/components/FormContainer/FormElementContainer.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FormElementContainer.cjs","sources":["../../../../src/components/FormContainer/FormElementContainer.tsx"],"sourcesContent":["import { HTMLAttributes } from 'react';\nimport { cn } from '@/lib/cva';\nimport styles from './FormElementContainer.module.css';\n\nexport const FormElementContainer = ({\n className,\n ...props\n}: HTMLAttributes<HTMLDivElement>) => (\n <div\n {...props}\n className={cn(styles['form-element-container'], className)}\n />\n);\n"],"names":["~~FormElementContainer","className","props","~~jsx","cn","styles"],"mappings":";;;;;;;;AAIO,~~MAAMA~~,~~uBAAuBA~~,CAAC;AAAA,~~EACnCC~~,~~SAAAA~~;~~AAAAA~~,EACA,~~GAAGC~~;~~AAC2B~~,CAAA,~~qBAC9BC~~,cAAA,~~CAAC~~,KAAA,EAAA,~~EACC~~,~~GAAID~~,~~KAAAA~~,~~EACJ~~,SAAA,~~EAAWE~~,~~OAAGC~~,~~mCAAAA~~,CAAO,wBAAwB,~~CAAA~~,~~EAAGJ,~~SAAS~~,CAAA,EAAE~~;;;;"}
1	+ {"version":3,"file":"FormElementContainer.cjs","sources":["../../../../src/components/FormContainer/FormElementContainer.tsx"],"sourcesContent":["import { HTMLAttributes } from 'react';\nimport { cn } from '@/lib/cva';\nimport styles from './FormElementContainer.module.css';\n\nexport const FormElementContainer = ({\n className,\n ...props\n}: HTMLAttributes<HTMLDivElement>) => (\n <div\n {...props}\n className={cn(styles['form-element-container'], className)}\n />\n);\n"],"names":["jsx","cn","styles"],"mappings":";;;;;;;;AAIO,MAAM,uBAAuB,CAAC;AAAA,EACnC,SAAA;AAAA,EACA,GAAG;AACL,CAAA,qBACEA,cAAA;AAAA,EAAC,KAAA;AAAA,EAAA;AAAA,IACE,GAAG,KAAA;AAAA,IACJ,SAAA,EAAWC,MAAA,CAAGC,mCAAA,CAAO,wBAAwB,GAAG,SAAS;AAAA;AAC3D;;;;"}

package/dist/cjs/components/FormContainer/FormElementContainer.css CHANGED Viewed

@@ -1,4 +1,4 @@
-.form-element-container__cy-tb {
+@layer clickui {.form-element-container__cy-tb {
   display: flex;
   /* stylelint-disable plugin/no-unsupported-browser-features, declaration-property-value-no-unknown -- the original rule used this same
    width fallback chain (100% → -webkit-fill-available → fill-available →
@@ -12,3 +12,4 @@
   align-items: flex-start;
   gap: var(--click-field-space-gap);
 }
+}

package/dist/cjs/components/FormContainer/FormRoot.cjs CHANGED Viewed

@@ -33,10 +33,19 @@ const FormRoot = ({
   $addLabelPadding = false,
   className,
   ...props
-}) => /* @__PURE__ */ jsxRuntime.jsx("div", { ...props, className: cva.cn(formRootVariants({
-  direction: getDirection($orientation, $dir),
-  addLabelPadding: $addLabelPadding && $orientation === "horizontal"
-}), className) });
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  "div",
+  {
+    ...props,
+    className: cva.cn(
+      formRootVariants({
+        direction: getDirection($orientation, $dir),
+        addLabelPadding: $addLabelPadding && $orientation === "horizontal"
+      }),
+      className
+    )
+  }
+);
 exports.FormRoot = FormRoot;
 //# sourceMappingURL=FormRoot.cjs.map

package/dist/cjs/components/FormContainer/FormRoot.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FormRoot.cjs","sources":["../../../../src/components/FormContainer/FormRoot.tsx"],"sourcesContent":["import { HTMLAttributes } from 'react';\nimport { cn, cva } from '@/lib/cva';\nimport styles from './FormRoot.module.css';\n\nconst formRootVariants = cva(styles['form-root'], {\n variants: {\n direction: {\n 'column-reverse': styles['form-root_direction_column-reverse'],\n column: styles['form-root_direction_column'],\n 'row-reverse': styles['form-root_direction_row-reverse'],\n row: styles['form-root_direction_row'],\n },\n addLabelPadding: {\n true: styles['form-root_add-label-padding'],\n false: '',\n },\n },\n defaultVariants: {\n direction: 'column-reverse',\n addLabelPadding: false,\n },\n});\n\nexport interface FormRootProps extends HTMLAttributes<HTMLDivElement> {\n $orientation?: 'horizontal' \| 'vertical';\n $dir?: 'start' \| 'end';\n $addLabelPadding?: boolean;\n}\n\nconst getDirection = (\n orientation: 'horizontal' \| 'vertical',\n dir: 'start' \| 'end'\n): 'column-reverse' \| 'column' \| 'row-reverse' \| 'row' =>\n orientation === 'horizontal'\n ? dir === 'start'\n ? 'row-reverse'\n : 'row'\n : dir === 'start'\n ? 'column-reverse'\n : 'column';\n\nexport const FormRoot = ({\n $orientation = 'vertical',\n $dir = 'start',\n $addLabelPadding = false,\n className,\n ...props\n}: FormRootProps) => (\n <div\n {...props}\n className={cn(\n formRootVariants({\n direction: getDirection($orientation, $dir),\n addLabelPadding: $addLabelPadding && $orientation === 'horizontal',\n }),\n className\n )}\n />\n);\n"],"names":["~~formRootVariants","~~cva","styles","~~variants~~","~~direction","column","row","addLabelPadding","true","false","defaultVariants","getDirection","orientation","dir","FormRoot","$orientation","$dir","$addLabelPadding","className","props","~~cn"],"mappings":";;;;;;;;;AAIA,~~MAAMA~~,~~gBAAAA~~,~~GAAmBC~~,~~0BAAAA~~,CAAIC,~~uBAAAA~~,CAAO,WAAW,CAAA,EAAG;AAAA,~~EAChDC~~,~~QAAAA~~,EAAU;AAAA,~~IACRC~~,~~SAAAA~~,EAAW;AAAA,MACT,gBAAA,~~EAAkBF~~,wBAAO,oCAAoC,CAAA;AAAA,~~MAC7DG~~,~~MAAAA~~,~~EAAQH~~,wBAAO,4BAA4B,CAAA;AAAA,MAC3C,aAAA,EAAeA,wBAAO,iCAAiC,CAAA;AAAA,~~MACvDI~~,~~GAAAA~~,~~EAAKJ~~,wBAAO,yBAAyB;AAAA,KACvC;AAAA,~~IACAK~~,~~eAAAA~~,EAAiB;AAAA,~~MACfC~~,~~IAAAA~~,~~EAAMN~~,wBAAO,6BAA6B,CAAA;AAAA,~~MAC1CO~~,~~KAAAA~~,EAAO;AAAA;AACT,GACF;AAAA,~~EACAC~~,~~eAAAA~~,EAAiB;AAAA,~~IACfN~~,~~SAAAA~~,EAAW,gBAAA;AAAA,~~IACXG~~,~~eAAAA~~,EAAiB;AAAA;AAErB,CAAC,CAAA;AAQD,~~MAAMI~~,~~YAAAA~~,~~GAAeA~~,~~CACnBC~~,~~WAAAA~~,~~EACAC~~,~~GAAAA~~,~~KAEAD~~,~~WAAAA~~,KAAgB,YAAA,~~GACZC~~,~~GAAAA~~,KAAQ,OAAA,GACN,aAAA,GACA,KAAA,~~GACFA~~,~~GAAAA~~,KAAQ,OAAA,GACN,gBAAA,GACA,QAAA;AAED,~~MAAMC~~,~~WAAWA~~,CAAC;AAAA,~~EACvBC~~,~~YAAAA~~,GAAe,UAAA;AAAA,~~EACfC~~,~~IAAAA~~,GAAO,OAAA;AAAA,~~EACPC~~,~~gBAAAA~~,GAAmB,KAAA;AAAA,~~EACnBC~~,~~SAAAA~~;~~AAAAA~~,EACA,~~GAAGC~~;~~AACU~~,CAAA,~~oCACZ~~,KAAA,EAAA,~~EACC~~,~~GAAIA~~,~~KAAAA~~,~~EACJ~~,SAAA,EAAWC,~~OACTpB~~,~~gBAAAA~~,CAAiB;AAAA,~~EACfI~~,~~SAAAA~~,~~EAAWO~~,~~YAAAA~~,~~CAAaI~~,~~YAAAA~~,~~EAAcC~~,IAAI,CAAA;AAAA,~~EAC1CT~~,~~eAAAA~~,~~EAAiBU~~,~~oBAAoBF~~,~~YAAAA~~,KAAiB;~~AACxD~~,~~CAAC~~,CAAA,~~EACDG,SACF,CAAA,EAAE~~;;;;"}
1	+ {"version":3,"file":"FormRoot.cjs","sources":["../../../../src/components/FormContainer/FormRoot.tsx"],"sourcesContent":["import { HTMLAttributes } from 'react';\nimport { cn, cva } from '@/lib/cva';\nimport styles from './FormRoot.module.css';\n\nconst formRootVariants = cva(styles['form-root'], {\n variants: {\n direction: {\n 'column-reverse': styles['form-root_direction_column-reverse'],\n column: styles['form-root_direction_column'],\n 'row-reverse': styles['form-root_direction_row-reverse'],\n row: styles['form-root_direction_row'],\n },\n addLabelPadding: {\n true: styles['form-root_add-label-padding'],\n false: '',\n },\n },\n defaultVariants: {\n direction: 'column-reverse',\n addLabelPadding: false,\n },\n});\n\nexport interface FormRootProps extends HTMLAttributes<HTMLDivElement> {\n $orientation?: 'horizontal' \| 'vertical';\n $dir?: 'start' \| 'end';\n $addLabelPadding?: boolean;\n}\n\nconst getDirection = (\n orientation: 'horizontal' \| 'vertical',\n dir: 'start' \| 'end'\n): 'column-reverse' \| 'column' \| 'row-reverse' \| 'row' =>\n orientation === 'horizontal'\n ? dir === 'start'\n ? 'row-reverse'\n : 'row'\n : dir === 'start'\n ? 'column-reverse'\n : 'column';\n\nexport const FormRoot = ({\n $orientation = 'vertical',\n $dir = 'start',\n $addLabelPadding = false,\n className,\n ...props\n}: FormRootProps) => (\n <div\n {...props}\n className={cn(\n formRootVariants({\n direction: getDirection($orientation, $dir),\n addLabelPadding: $addLabelPadding && $orientation === 'horizontal',\n }),\n className\n )}\n />\n);\n"],"names":["cva","styles","jsx","cn"],"mappings":";;;;;;;;;AAIA,MAAM,gBAAA,GAAmBA,0BAAA,CAAIC,uBAAA,CAAO,WAAW,CAAA,EAAG;AAAA,EAChD,QAAA,EAAU;AAAA,IACR,SAAA,EAAW;AAAA,MACT,gBAAA,EAAkBA,wBAAO,oCAAoC,CAAA;AAAA,MAC7D,MAAA,EAAQA,wBAAO,4BAA4B,CAAA;AAAA,MAC3C,aAAA,EAAeA,wBAAO,iCAAiC,CAAA;AAAA,MACvD,GAAA,EAAKA,wBAAO,yBAAyB;AAAA,KACvC;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAMA,wBAAO,6BAA6B,CAAA;AAAA,MAC1C,KAAA,EAAO;AAAA;AACT,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,SAAA,EAAW,gBAAA;AAAA,IACX,eAAA,EAAiB;AAAA;AAErB,CAAC,CAAA;AAQD,MAAM,YAAA,GAAe,CACnB,WAAA,EACA,GAAA,KAEA,WAAA,KAAgB,YAAA,GACZ,GAAA,KAAQ,OAAA,GACN,aAAA,GACA,KAAA,GACF,GAAA,KAAQ,OAAA,GACN,gBAAA,GACA,QAAA;AAED,MAAM,WAAW,CAAC;AAAA,EACvB,YAAA,GAAe,UAAA;AAAA,EACf,IAAA,GAAO,OAAA;AAAA,EACP,gBAAA,GAAmB,KAAA;AAAA,EACnB,SAAA;AAAA,EACA,GAAG;AACL,CAAA,qBACEC,cAAA;AAAA,EAAC,KAAA;AAAA,EAAA;AAAA,IACE,GAAG,KAAA;AAAA,IACJ,SAAA,EAAWC,MAAA;AAAA,MACT,gBAAA,CAAiB;AAAA,QACf,SAAA,EAAW,YAAA,CAAa,YAAA,EAAc,IAAI,CAAA;AAAA,QAC1C,eAAA,EAAiB,oBAAoB,YAAA,KAAiB;AAAA,OACvD,CAAA;AAAA,MACD;AAAA;AACF;AACF;;;;"}

package/dist/cjs/components/FormContainer/FormRoot.css CHANGED Viewed

@@ -1,4 +1,4 @@
-.form-root__BT-Th {
+@layer clickui {.form-root__BT-Th {
   display: flex;
   width: 100%;
   flex-direction: column-reverse;
@@ -31,3 +31,4 @@
   padding-top: calc(var(--click-field-space-y) + 1px);
   line-height: 1lh;
 }
+}

package/dist/cjs/components/FormContainer/index.cjs CHANGED Viewed

@@ -17,13 +17,29 @@ const FormContainer = ({
   children,
   addLabelPadding,
   ...props
-}) => /* @__PURE__ */ jsxRuntime.jsxs(FormRoot.FormRoot, { $orientation: orientation, $dir: dir, $addLabelPadding: addLabelPadding, ...props, children: [
-  /* @__PURE__ */ jsxRuntime.jsxs(FormElementContainer.FormElementContainer, { children: [
-    children,
-    !!error && error !== true && /* @__PURE__ */ jsxRuntime.jsx(Error.Error, { children: error })
-  ] }),
-  label && /* @__PURE__ */ jsxRuntime.jsx(Label.Label, { htmlFor: id, error: !!error, children: label })
-] });
+}) => /* @__PURE__ */ jsxRuntime.jsxs(
+  FormRoot.FormRoot,
+  {
+    $orientation: orientation,
+    $dir: dir,
+    $addLabelPadding: addLabelPadding,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(FormElementContainer.FormElementContainer, { children: [
+        children,
+        !!error && error !== true && /* @__PURE__ */ jsxRuntime.jsx(Error.Error, { children: error })
+      ] }),
+      label && /* @__PURE__ */ jsxRuntime.jsx(
+        Label.Label,
+        {
+          htmlFor: id,
+          error: !!error,
+          children: label
+        }
+      )
+    ]
+  }
+);
 exports.FormContainer = FormContainer;
 //# sourceMappingURL=index.cjs.map

package/dist/cjs/components/FormContainer/index.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.cjs","sources":["../../../../src/components/FormContainer/FormContainer.tsx"],"sourcesContent":["import { Error } from './Error';\nimport { FormElementContainer } from './FormElementContainer';\nimport { FormRoot } from './FormRoot';\nimport { Label } from '@/components/Label';\nimport { FormContainerProps } from './FormContainer.types';\n\nexport const FormContainer = ({\n id,\n label,\n orientation,\n dir,\n error,\n children,\n addLabelPadding,\n ...props\n}: FormContainerProps) => (\n <FormRoot\n $orientation={orientation}\n $dir={dir}\n $addLabelPadding={addLabelPadding}\n {...props}\n >\n <FormElementContainer>\n {children}\n {!!error && error !== true && <Error>{error}</Error>}\n </FormElementContainer>\n {label && (\n <Label\n htmlFor={id}\n error={!!error}\n >\n {label}\n </Label>\n )}\n </FormRoot>\n);\n"],"names":["~~FormContainer","id","label","orientation","dir","error","children","addLabelPadding","props","~~jsxs","FormRoot","FormElementContainer","jsx","Error","Label"],"mappings":";;;;;;;;;;AAMO,~~MAAMA~~,~~gBAAgBA~~,CAAC;AAAA,~~EAC5BC~~,~~EAAAA~~;~~AAAAA~~,~~EACAC~~,~~KAAAA~~;~~AAAAA~~,~~EACAC~~,~~WAAAA~~;~~AAAAA~~,~~EACAC~~,~~GAAAA~~;~~AAAAA~~,~~EACAC~~,~~KAAAA~~;~~AAAAA~~,~~EACAC~~,~~QAAAA~~;~~AAAAA~~,~~EACAC~~,~~eAAAA~~;~~AAAAA~~,EACA,~~GAAGC~~;~~AACe~~,CAAA,~~qBAClBC~~,eAAA,~~CAACC~~,~~qBACC~~,YAAA,~~EAAcP~~,~~WAAAA~~,~~EACd~~,~~MAAMC~~,~~GAAAA~~,~~EACN~~,gBAAA,~~EAAkBG~~,~~eAAAA~~,~~EAClB~~,~~GAAIC~~,~~KAAAA~~,~~EAEJ~~,QAAA,EAAA;AAAA,~~kBAAAC~~,eAAA,CAACE,yCAAA,EAAA,~~EACEL~~,~~QAAAA~~,~~EAAAA~~;~~AAAAA~~,~~IAAAA~~,~~QAAAA~~;~~AAAAA~~,~~IACA~~,CAAC,~~CAACD~~,~~KAAAA~~,~~IAASA~~,UAAU,IAAA,~~oBAAQO~~,cAAA,CAACC,~~eAAOR~~,~~QAAAA~~,~~EAAAA~~,~~KAAAA~~,EAAM;AAAA,~~GAAA~~,EAC9C,CAAA;AAAA,~~EACCH~~,~~KAAAA~~,~~mCACEY~~,WAAA,~~EAAA~~,~~EACC~~,OAAA,~~EAASb~~,~~IACT~~,KAAA,EAAO,CAAC,~~CAACI~~,~~KAAAA~~,~~EAERH~~,~~QAAAA~~,~~EAAAA,KAAAA,EACH~~;AAAA~~,CAAA,EAEJ~~;;;;"}
1	+ {"version":3,"file":"index.cjs","sources":["../../../../src/components/FormContainer/FormContainer.tsx"],"sourcesContent":["import { Error } from './Error';\nimport { FormElementContainer } from './FormElementContainer';\nimport { FormRoot } from './FormRoot';\nimport { Label } from '@/components/Label';\nimport { FormContainerProps } from './FormContainer.types';\n\nexport const FormContainer = ({\n id,\n label,\n orientation,\n dir,\n error,\n children,\n addLabelPadding,\n ...props\n}: FormContainerProps) => (\n <FormRoot\n $orientation={orientation}\n $dir={dir}\n $addLabelPadding={addLabelPadding}\n {...props}\n >\n <FormElementContainer>\n {children}\n {!!error && error !== true && <Error>{error}</Error>}\n </FormElementContainer>\n {label && (\n <Label\n htmlFor={id}\n error={!!error}\n >\n {label}\n </Label>\n )}\n </FormRoot>\n);\n"],"names":["jsxs","FormRoot","FormElementContainer","jsx","Error","Label"],"mappings":";;;;;;;;;;AAMO,MAAM,gBAAgB,CAAC;AAAA,EAC5B,EAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA,GAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA;AAAA,EACA,eAAA;AAAA,EACA,GAAG;AACL,CAAA,qBACEA,eAAA;AAAA,EAACC,iBAAA;AAAA,EAAA;AAAA,IACC,YAAA,EAAc,WAAA;AAAA,IACd,IAAA,EAAM,GAAA;AAAA,IACN,gBAAA,EAAkB,eAAA;AAAA,IACjB,GAAG,KAAA;AAAA,IAEJ,QAAA,EAAA;AAAA,sBAAAD,eAAA,CAACE,yCAAA,EAAA,EACE,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,QACA,CAAC,CAAC,KAAA,IAAS,UAAU,IAAA,oBAAQC,cAAA,CAACC,eAAO,QAAA,EAAA,KAAA,EAAM;AAAA,OAAA,EAC9C,CAAA;AAAA,MACC,KAAA,oBACCD,cAAA;AAAA,QAACE,WAAA;AAAA,QAAA;AAAA,UACC,OAAA,EAAS,EAAA;AAAA,UACT,KAAA,EAAO,CAAC,CAAC,KAAA;AAAA,UAER,QAAA,EAAA;AAAA;AAAA;AACH;AAAA;AAEJ;;;;"}

package/dist/cjs/components/GenericLabel/GenericLabel.css CHANGED Viewed

@@ -1,4 +1,4 @@
-/* stylelint-disable custom-property-pattern -- design tokens use camelCase (e.g. genericLabel) */
+@layer clickui {/* stylelint-disable custom-property-pattern -- design tokens use camelCase (e.g. genericLabel) */
 .generic-label__l8R-z {
   color: var(--click-field-color-genericLabel-default);
@@ -18,8 +18,8 @@
 }
 /* stylelint-disable no-descending-specificity -- disabled state intentionally
-   defined after hover/focus to neutralize them; the original styled-components
-   emits no hover/focus rules when disabled is true. */
+   defined after hover/focus to neutralize them; the pre-migration styling
+   emitted no hover/focus rules when disabled is true. */
 .generic-label__l8R-z.generic-label_disabled__LsI3I,
 .generic-label__l8R-z.generic-label_disabled__LsI3I:hover,
 .generic-label__l8R-z.generic-label_disabled__LsI3I:focus,
@@ -29,3 +29,4 @@
   cursor: not-allowed;
 }
 /* stylelint-enable no-descending-specificity */
+}

package/dist/cjs/components/GenericLabel/index.cjs CHANGED Viewed

@@ -20,9 +20,14 @@ const GenericLabel = ({
   children,
   className,
   ...props
-}) => /* @__PURE__ */ jsxRuntime.jsx("label", { ...props, className: cva.cn(genericLabelVariants({
-  disabled
-}), className), children });
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  "label",
+  {
+    ...props,
+    className: cva.cn(genericLabelVariants({ disabled }), className),
+    children
+  }
+);
 exports.GenericLabel = GenericLabel;
 //# sourceMappingURL=index.cjs.map

package/dist/cjs/components/GenericLabel/index.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.cjs","sources":["../../../../src/components/GenericLabel/GenericLabel.tsx"],"sourcesContent":["import { cn, cva } from '@/lib/cva';\nimport { GenericLabelProps } from './GenericLabel.types';\nimport styles from './GenericLabel.module.css';\n\nconst genericLabelVariants = cva(styles['generic-label'], {\n variants: {\n disabled: {\n true: styles['generic-label_disabled'],\n },\n },\n});\n\nexport const GenericLabel = ({\n disabled,\n children,\n className,\n ...props\n}: GenericLabelProps) => (\n <label\n {...props}\n className={cn(genericLabelVariants({ disabled }), className)}\n >\n {children}\n </label>\n);\n"],"names":["~~genericLabelVariants","~~cva","styles","~~variants~~","~~disabled","true","GenericLabel","children","className","props","~~cn"],"mappings":";;;;;;;;;AAIA,~~MAAMA~~,~~oBAAAA~~,~~GAAuBC~~,~~0BAAAA~~,CAAIC,~~2BAAAA~~,CAAO,eAAe,CAAA,EAAG;AAAA,~~EACxDC~~,~~QAAAA~~,EAAU;AAAA,~~IACRC~~,~~QAAAA~~,EAAU;AAAA,~~MACRC~~,~~IAAAA~~,~~EAAMH~~,4BAAO,wBAAwB;AAAA;AACvC;AAEJ,CAAC,CAAA;AAEM,~~MAAMI~~,~~eAAeA~~,CAAC;AAAA,~~EAC3BF~~,~~QAAAA~~;~~AAAAA~~,~~EACAG~~,~~QAAAA~~;~~AAAAA~~,~~EACAC~~,~~SAAAA~~;~~AAAAA~~,EACA,~~GAAGC~~;~~AACc~~,CAAA,~~oCAChB~~,OAAA,EAAA,~~EACC~~,~~GAAIA~~,~~KAAAA~~,~~EACJ~~,~~SAAA~~,~~EAAWC~~,~~OAAGV~~,~~oBAAAA~~,CAAqB~~;AAAA~~,~~EAAEI;AAAS~~,~~CAAC~~,~~CAAA~~,~~EAAGI~~,SAAS,CAAA,~~EAE1DD,QAAAA,EACH~~;;;;"}
1	+ {"version":3,"file":"index.cjs","sources":["../../../../src/components/GenericLabel/GenericLabel.tsx"],"sourcesContent":["import { cn, cva } from '@/lib/cva';\nimport { GenericLabelProps } from './GenericLabel.types';\nimport styles from './GenericLabel.module.css';\n\nconst genericLabelVariants = cva(styles['generic-label'], {\n variants: {\n disabled: {\n true: styles['generic-label_disabled'],\n },\n },\n});\n\nexport const GenericLabel = ({\n disabled,\n children,\n className,\n ...props\n}: GenericLabelProps) => (\n <label\n {...props}\n className={cn(genericLabelVariants({ disabled }), className)}\n >\n {children}\n </label>\n);\n"],"names":["cva","styles","jsx","cn"],"mappings":";;;;;;;;;AAIA,MAAM,oBAAA,GAAuBA,0BAAA,CAAIC,2BAAA,CAAO,eAAe,CAAA,EAAG;AAAA,EACxD,QAAA,EAAU;AAAA,IACR,QAAA,EAAU;AAAA,MACR,IAAA,EAAMA,4BAAO,wBAAwB;AAAA;AACvC;AAEJ,CAAC,CAAA;AAEM,MAAM,eAAe,CAAC;AAAA,EAC3B,QAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAA,qBACEC,cAAA;AAAA,EAAC,OAAA;AAAA,EAAA;AAAA,IACE,GAAG,KAAA;AAAA,IACJ,WAAWC,MAAA,CAAG,oBAAA,CAAqB,EAAE,QAAA,EAAU,GAAG,SAAS,CAAA;AAAA,IAE1D;AAAA;AACH;;;;"}

package/dist/cjs/components/GenericMenu/GenericMenu.css CHANGED Viewed

@@ -1,4 +1,4 @@
-/* stylelint-disable custom-property-pattern -- design tokens use camelCase (e.g. genericMenu) */
+@layer clickui {/* stylelint-disable custom-property-pattern -- design tokens use camelCase (e.g. genericMenu) */
 .generic-menu-panel__y8D6y {
   display: flex;
@@ -174,3 +174,4 @@
 .generic-menu-item__ApV25[hidden] {
   display: none;
 }
+}

package/dist/cjs/components/GenericMenu/index.cjs CHANGED Viewed

@@ -33,10 +33,14 @@ const _GenericMenuPanel = ({
   ...props
 }, ref) => {
   const Component = as ?? "div";
-  return /* @__PURE__ */ jsxRuntime.jsx(Component, { ref, ...props, className: cva.cn(panelVariants({
-    type,
-    showArrow
-  }), className) });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Component,
+    {
+      ref,
+      ...props,
+      className: cva.cn(panelVariants({ type, showArrow }), className)
+    }
+  );
 };
 const GenericMenuPanel = react.forwardRef(_GenericMenuPanel);
 const popoverPanelVariants = classVarianceAuthority.cva(GenericMenu_module.default["generic-popover-menu-panel"], {
@@ -62,19 +66,28 @@ const _GenericPopoverMenuPanel = ({
   ...props
 }, ref) => {
   const Component = as ?? "div";
-  return /* @__PURE__ */ jsxRuntime.jsx(Component, { ref, ...props, className: cva.cn(popoverPanelVariants({
-    type,
-    showArrow
-  }), className) });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Component,
+    {
+      ref,
+      ...props,
+      className: cva.cn(popoverPanelVariants({ type, showArrow }), className)
+    }
+  );
 };
-const GenericPopoverMenuPanel = react.forwardRef(_GenericPopoverMenuPanel);
-const _Arrow = ({
-  as,
-  className,
-  ...props
-}, ref) => {
+const GenericPopoverMenuPanel = react.forwardRef(
+  _GenericPopoverMenuPanel
+);
+const _Arrow = ({ as, className, ...props }, ref) => {
   const Component = as ?? "svg";
-  return /* @__PURE__ */ jsxRuntime.jsx(Component, { ref, ...props, className: cva.cn(GenericMenu_module.default.arrow, className) });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Component,
+    {
+      ref,
+      ...props,
+      className: cva.cn(GenericMenu_module.default.arrow, className)
+    }
+  );
 };
 const Arrow = react.forwardRef(_Arrow);
 const itemVariants = classVarianceAuthority.cva(GenericMenu_module.default["generic-menu-item"], {
@@ -95,9 +108,14 @@ const _GenericMenuItem = ({
   ...props
 }, ref) => {
   const Component = as ?? "div";
-  return /* @__PURE__ */ jsxRuntime.jsx(Component, { ref, ...props, className: cva.cn(itemVariants({
-    type
-  }), className) });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Component,
+    {
+      ref,
+      ...props,
+      className: cva.cn(itemVariants({ type }), className)
+    }
+  );
 };
 const GenericMenuItem = react.forwardRef(_GenericMenuItem);

package/dist/cjs/components/GenericMenu/index.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.cjs","sources":["../../../../src/components/GenericMenu/GenericMenu.tsx"],"sourcesContent":["import { ComponentPropsWithRef, ElementType, ReactNode, forwardRef } from 'react';\nimport { cn, cva } from '@/lib/cva';\nimport styles from './GenericMenu.module.css';\n\nconst panelVariants = cva(styles['generic-menu-panel'], {\n variants: {\n type: {\n popover: styles['generic-menu-panel_type_popover'],\n 'dropdown-menu': styles['generic-menu-panel_type_dropdown-menu'],\n 'context-menu': styles['generic-menu-panel_type_context-menu'],\n },\n showArrow: {\n true: styles['generic-menu-panel_show-arrow'],\n false: '',\n },\n },\n defaultVariants: {\n showArrow: false,\n },\n});\n\ntype GenericMenuPanelOwnProps = {\n type: 'popover' \| 'dropdown-menu' \| 'context-menu';\n showArrow?: boolean;\n};\n\ntype GenericMenuPanelComponent = <T extends ElementType = 'div'>(\n props: Omit<ComponentPropsWithRef<T>, keyof GenericMenuPanelOwnProps \| 'as'> &\n GenericMenuPanelOwnProps & { as?: T }\n) => ReactNode;\n\nconst _GenericMenuPanel = <T extends ElementType = 'div'>(\n {\n as,\n type,\n showArrow,\n className,\n ...props\n }: Omit<ComponentPropsWithRef<T>, keyof GenericMenuPanelOwnProps \| 'as'> &\n GenericMenuPanelOwnProps & { as?: T },\n ref: ComponentPropsWithRef<T>['ref']\n) => {\n const Component = as ?? 'div';\n return (\n <Component\n ref={ref}\n {...props}\n className={cn(panelVariants({ type, showArrow }), className)}\n />\n );\n};\n\nexport const GenericMenuPanel: GenericMenuPanelComponent = forwardRef(_GenericMenuPanel);\n\nconst popoverPanelVariants = cva(styles['generic-popover-menu-panel'], {\n variants: {\n type: {\n popover: styles['generic-popover-menu-panel_type_popover'],\n 'hover-card': styles['generic-popover-menu-panel_type_hover-card'],\n },\n showArrow: {\n true: styles['generic-popover-menu-panel_show-arrow'],\n false: '',\n },\n },\n defaultVariants: {\n showArrow: false,\n },\n});\n\ntype GenericPopoverMenuPanelOwnProps = {\n type: 'popover' \| 'hover-card';\n showArrow?: boolean;\n};\n\ntype GenericPopoverMenuPanelComponent = <T extends ElementType = 'div'>(\n props: Omit<ComponentPropsWithRef<T>, keyof GenericPopoverMenuPanelOwnProps \| 'as'> &\n GenericPopoverMenuPanelOwnProps & { as?: T }\n) => ReactNode;\n\nconst _GenericPopoverMenuPanel = <T extends ElementType = 'div'>(\n {\n as,\n type,\n showArrow,\n className,\n ...props\n }: Omit<ComponentPropsWithRef<T>, keyof GenericPopoverMenuPanelOwnProps \| 'as'> &\n GenericPopoverMenuPanelOwnProps & { as?: T },\n ref: ComponentPropsWithRef<T>['ref']\n) => {\n const Component = as ?? 'div';\n return (\n <Component\n ref={ref}\n {...props}\n className={cn(popoverPanelVariants({ type, showArrow }), className)}\n />\n );\n};\n\nexport const GenericPopoverMenuPanel: GenericPopoverMenuPanelComponent = forwardRef(\n _GenericPopoverMenuPanel\n);\n\ntype ArrowComponent = <T extends ElementType = 'svg'>(\n props: Omit<ComponentPropsWithRef<T>, 'as'> & { as?: T }\n) => ReactNode;\n\nconst _Arrow = <T extends ElementType = 'svg'>(\n { as, className, ...props }: Omit<ComponentPropsWithRef<T>, 'as'> & { as?: T },\n ref: ComponentPropsWithRef<T>['ref']\n) => {\n const Component = as ?? 'svg';\n return (\n <Component\n ref={ref}\n {...props}\n className={cn(styles.arrow, className)}\n />\n );\n};\n\nexport const Arrow: ArrowComponent = forwardRef(_Arrow);\n\nconst itemVariants = cva(styles['generic-menu-item'], {\n variants: {\n type: {\n default: styles['generic-menu-item_type_default'],\n danger: styles['generic-menu-item_type_danger'],\n },\n },\n defaultVariants: {\n type: 'default',\n },\n});\n\ntype GenericMenuItemOwnProps = {\n type?: 'default' \| 'danger';\n};\n\ntype GenericMenuItemComponent = <T extends ElementType = 'div'>(\n props: Omit<ComponentPropsWithRef<T>, keyof GenericMenuItemOwnProps \| 'as'> &\n GenericMenuItemOwnProps & { as?: T }\n) => ReactNode;\n\nconst _GenericMenuItem = <T extends ElementType = 'div'>(\n {\n as,\n type = 'default',\n className,\n ...props\n }: Omit<ComponentPropsWithRef<T>, keyof GenericMenuItemOwnProps \| 'as'> &\n GenericMenuItemOwnProps & { as?: T },\n ref: ComponentPropsWithRef<T>['ref']\n) => {\n const Component = as ?? 'div';\n return (\n <Component\n ref={ref}\n {...props}\n className={cn(itemVariants({ type }), className)}\n />\n );\n};\n\nexport const GenericMenuItem: GenericMenuItemComponent = forwardRef(_GenericMenuItem);\n"],"names":["~~panelVariants","~~cva","styles","~~variants~~","~~type","popover","showArrow","true","false","defaultVariants","_GenericMenuPanel","as","className","props","ref","Component","~~cn","~~GenericMenuPanel","~~forwardRef"~~,"popoverPanelVariants","_GenericPopoverMenuPanel","GenericPopoverMenuPanel","_Arrow","jsx","arrow","Arrow","itemVariants","default","danger","_GenericMenuItem","GenericMenuItem"~~],"mappings":";;;;;;;;;;AAIA,~~MAAMA~~,~~aAAAA~~,~~GAAgBC~~,~~0BAAAA~~,CAAIC,~~0BAAAA~~,CAAO,oBAAoB,CAAA,EAAG;AAAA,~~EACtDC~~,~~QAAAA~~,EAAU;AAAA,~~IACRC~~,~~IAAAA~~,EAAM;AAAA,~~MACJC~~,~~OAAAA~~,~~EAASH~~,2BAAO,iCAAiC,CAAA;AAAA,MACjD,eAAA,EAAiBA,2BAAO,uCAAuC,CAAA;AAAA,MAC/D,cAAA,EAAgBA,2BAAO,sCAAsC;AAAA,KAC/D;AAAA,~~IACAI~~,~~SAAAA~~,EAAW;AAAA,~~MACTC~~,~~IAAAA~~,~~EAAML~~,2BAAO,+BAA+B,CAAA;AAAA,~~MAC5CM~~,~~KAAAA~~,EAAO;AAAA;AACT,GACF;AAAA,~~EACAC~~,~~eAAAA~~,EAAiB;AAAA,~~IACfH~~,~~SAAAA~~,EAAW;AAAA;AAEf,CAAC,CAAA;AAYD,~~MAAMI~~,oBAAoB,CACxB;AAAA,~~EACEC~~,~~EAAAA~~;~~AAAAA~~,~~EACAP~~,~~IAAAA~~;~~AAAAA~~,~~EACAE~~,~~SAAAA~~;~~AAAAA~~,~~EACAM~~,~~SAAAA~~;~~AAAAA~~,EACA,~~GAAGC~~;~~AAEiC~~,CAAA,~~EACtCC~~,~~GAAAA~~,KACG;AACH,EAAA,~~MAAMC~~,~~YAAYJ~~,~~EAAAA~~,IAAM,KAAA;AACxB,EAAA,~~sCACG~~,SAAA,~~EAAA~~,~~EACC~~,GAAA,~~KACIE~~,~~KAAAA~~,~~EACJ~~,SAAA,~~EAAWG~~,~~OAAGhB~~,~~aAAAA~~,CAAc~~;AAAA~~,~~IAAEI~~,~~IAAAA;AAAAA~~,~~IAAME;AAAAA~~,~~GAAW~~,~~CAAA~~,~~EAAGM,~~SAAS,~~CAAA,EAAE,CAAA~~;~~AAGnE~~,CAAA;AAEO,~~MAAMK~~,~~gBAAAA~~,GAA8CC,~~iBAAWR~~,iBAAiB;AAEvF,~~MAAMS~~,~~oBAAAA~~,~~GAAuBlB~~,~~0BAAAA~~,CAAIC,~~0BAAAA~~,CAAO,4BAA4B,CAAA,EAAG;AAAA,~~EACrEC~~,~~QAAAA~~,EAAU;AAAA,~~IACRC~~,~~IAAAA~~,EAAM;AAAA,~~MACJC~~,~~OAAAA~~,~~EAASH~~,2BAAO,yCAAyC,CAAA;AAAA,MACzD,YAAA,EAAcA,2BAAO,4CAA4C;AAAA,KACnE;AAAA,~~IACAI~~,~~SAAAA~~,EAAW;AAAA,~~MACTC~~,~~IAAAA~~,~~EAAML~~,2BAAO,uCAAuC,CAAA;AAAA,~~MACpDM~~,~~KAAAA~~,EAAO;AAAA;AACT,GACF;AAAA,~~EACAC~~,~~eAAAA~~,EAAiB;AAAA,~~IACfH~~,~~SAAAA~~,EAAW;AAAA;AAEf,CAAC,CAAA;AAYD,~~MAAMc~~,2BAA2B,CAC/B;AAAA,~~EACET~~,~~EAAAA~~;~~AAAAA~~,~~EACAP~~,~~IAAAA~~;~~AAAAA~~,~~EACAE~~,~~SAAAA~~;~~AAAAA~~,~~EACAM~~,~~SAAAA~~;~~AAAAA~~,EACA,~~GAAGC~~;~~AAEwC~~,CAAA,~~EAC7CC~~,~~GAAAA~~,KACG;AACH,EAAA,~~MAAMC~~,~~YAAYJ~~,~~EAAAA~~,IAAM,KAAA;AACxB,EAAA,~~sCACG~~,SAAA,~~EAAA~~,~~EACC~~,GAAA,~~KACIE~~,~~KAAAA~~,~~EACJ~~,SAAA,~~EAAWG~~,~~OAAGG~~,~~oBAAAA~~,CAAqB~~;AAAA~~,~~IAAEf~~,~~IAAAA;AAAAA~~,~~IAAME;AAAAA~~,~~GAAW~~,~~CAAA~~,~~EAAGM,~~SAAS,~~CAAA,EAAE,CAAA~~;~~AAG1E~~,CAAA;AAEO,~~MAAMS~~,~~uBAAAA~~,~~GAA4DH~~,~~iBACvEE~~,~~wBACF~~;AAMA,~~MAAME~~,~~SAAS~~,CACb~~;AAAA~~,~~EAAEX~~,~~EAAAA;AAAAA~~,~~EAAIC~~,~~SAAAA;AAAAA~~,~~EAAW~~,~~GAAGC;AAAyD~~,~~CAAA~~,~~EAC7EC~~,~~GAAAA,~~KACG;AACH,EAAA,~~MAAMC~~,~~YAAYJ~~,~~EAAAA~~,IAAM,KAAA;AACxB,EAAA,~~uBACEY~~,cAAA,~~CAAC~~,SAAA,~~EAAA~~,~~EACC~~,GAAA,~~EACA~~,~~GAAIV~~,~~KAAAA~~,~~EACJ~~,~~WAAWG~~,~~MAAAA~~,~~CAAGd~~,~~0BAAAA~~,~~CAAOsB~~,~~KAAAA~~,~~EAAOZ~~,SAAS,~~CAAA,EAAE,CAAA~~;~~AAG7C~~,CAAA;AAEO,~~MAAMa~~,~~KAAAA~~,~~GAAwBP~~,~~iBAAWI~~,MAAM;AAEtD,~~MAAMI~~,~~YAAAA~~,~~GAAezB~~,~~0BAAAA~~,CAAIC,~~0BAAAA~~,CAAO,mBAAmB,CAAA,EAAG;AAAA,~~EACpDC~~,~~QAAAA~~,EAAU;AAAA,~~IACRC~~,~~IAAAA~~,EAAM;AAAA,~~MACJuB~~,~~OAAAA~~,~~EAASzB~~,2BAAO,gCAAgC,CAAA;AAAA,~~MAChD0B~~,~~MAAAA~~,~~EAAQ1B~~,2BAAO,+BAA+B;AAAA;AAChD,GACF;AAAA,~~EACAO~~,~~eAAAA~~,EAAiB;AAAA,~~IACfL~~,~~IAAAA~~,EAAM;AAAA;AAEV,CAAC,CAAA;AAWD,~~MAAMyB~~,mBAAmB,CACvB;AAAA,~~EACElB~~,~~EAAAA~~;~~AAAAA~~,~~EACAP~~,~~IAAAA~~,GAAO,SAAA;AAAA,~~EACPQ~~,~~SAAAA~~;~~AAAAA~~,EACA,~~GAAGC~~;~~AAEgC~~,CAAA,~~EACrCC~~,~~GAAAA~~,KACG;AACH,EAAA,~~MAAMC~~,~~YAAYJ~~,~~EAAAA~~,IAAM,KAAA;AACxB,EAAA,~~sCACG~~,SAAA,~~EAAA~~,~~EACC~~,GAAA,~~KACIE~~,~~KAAAA~~,~~EACJ~~,~~SAAA~~,~~EAAWG~~,~~OAAGU~~,~~YAAAA~~,CAAa~~;AAAA~~,~~IAAEtB;AAAAA~~,~~GAAM~~,~~CAAA~~,~~EAAGQ~~,SAAS,~~CAAA,EAAE,CAAA~~;~~AAGvD~~,CAAA;AAEO,~~MAAMkB~~,~~eAAAA~~,~~GAA4CZ~~,~~iBAAWW~~,gBAAgB;;;;;;;"}
1	+ {"version":3,"file":"index.cjs","sources":["../../../../src/components/GenericMenu/GenericMenu.tsx"],"sourcesContent":["import { ComponentPropsWithRef, ElementType, ReactNode, forwardRef } from 'react';\nimport { cn, cva } from '@/lib/cva';\nimport styles from './GenericMenu.module.css';\n\nconst panelVariants = cva(styles['generic-menu-panel'], {\n variants: {\n type: {\n popover: styles['generic-menu-panel_type_popover'],\n 'dropdown-menu': styles['generic-menu-panel_type_dropdown-menu'],\n 'context-menu': styles['generic-menu-panel_type_context-menu'],\n },\n showArrow: {\n true: styles['generic-menu-panel_show-arrow'],\n false: '',\n },\n },\n defaultVariants: {\n showArrow: false,\n },\n});\n\ntype GenericMenuPanelOwnProps = {\n type: 'popover' \| 'dropdown-menu' \| 'context-menu';\n showArrow?: boolean;\n};\n\ntype GenericMenuPanelComponent = <T extends ElementType = 'div'>(\n props: Omit<ComponentPropsWithRef<T>, keyof GenericMenuPanelOwnProps \| 'as'> &\n GenericMenuPanelOwnProps & { as?: T }\n) => ReactNode;\n\nconst _GenericMenuPanel = <T extends ElementType = 'div'>(\n {\n as,\n type,\n showArrow,\n className,\n ...props\n }: Omit<ComponentPropsWithRef<T>, keyof GenericMenuPanelOwnProps \| 'as'> &\n GenericMenuPanelOwnProps & { as?: T },\n ref: ComponentPropsWithRef<T>['ref']\n) => {\n const Component = as ?? 'div';\n return (\n <Component\n ref={ref}\n {...props}\n className={cn(panelVariants({ type, showArrow }), className)}\n />\n );\n};\n\nexport const GenericMenuPanel: GenericMenuPanelComponent = forwardRef(_GenericMenuPanel);\n\nconst popoverPanelVariants = cva(styles['generic-popover-menu-panel'], {\n variants: {\n type: {\n popover: styles['generic-popover-menu-panel_type_popover'],\n 'hover-card': styles['generic-popover-menu-panel_type_hover-card'],\n },\n showArrow: {\n true: styles['generic-popover-menu-panel_show-arrow'],\n false: '',\n },\n },\n defaultVariants: {\n showArrow: false,\n },\n});\n\ntype GenericPopoverMenuPanelOwnProps = {\n type: 'popover' \| 'hover-card';\n showArrow?: boolean;\n};\n\ntype GenericPopoverMenuPanelComponent = <T extends ElementType = 'div'>(\n props: Omit<ComponentPropsWithRef<T>, keyof GenericPopoverMenuPanelOwnProps \| 'as'> &\n GenericPopoverMenuPanelOwnProps & { as?: T }\n) => ReactNode;\n\nconst _GenericPopoverMenuPanel = <T extends ElementType = 'div'>(\n {\n as,\n type,\n showArrow,\n className,\n ...props\n }: Omit<ComponentPropsWithRef<T>, keyof GenericPopoverMenuPanelOwnProps \| 'as'> &\n GenericPopoverMenuPanelOwnProps & { as?: T },\n ref: ComponentPropsWithRef<T>['ref']\n) => {\n const Component = as ?? 'div';\n return (\n <Component\n ref={ref}\n {...props}\n className={cn(popoverPanelVariants({ type, showArrow }), className)}\n />\n );\n};\n\nexport const GenericPopoverMenuPanel: GenericPopoverMenuPanelComponent = forwardRef(\n _GenericPopoverMenuPanel\n);\n\ntype ArrowComponent = <T extends ElementType = 'svg'>(\n props: Omit<ComponentPropsWithRef<T>, 'as'> & { as?: T }\n) => ReactNode;\n\nconst _Arrow = <T extends ElementType = 'svg'>(\n { as, className, ...props }: Omit<ComponentPropsWithRef<T>, 'as'> & { as?: T },\n ref: ComponentPropsWithRef<T>['ref']\n) => {\n const Component = as ?? 'svg';\n return (\n <Component\n ref={ref}\n {...props}\n className={cn(styles.arrow, className)}\n />\n );\n};\n\nexport const Arrow: ArrowComponent = forwardRef(_Arrow);\n\nconst itemVariants = cva(styles['generic-menu-item'], {\n variants: {\n type: {\n default: styles['generic-menu-item_type_default'],\n danger: styles['generic-menu-item_type_danger'],\n },\n },\n defaultVariants: {\n type: 'default',\n },\n});\n\ntype GenericMenuItemOwnProps = {\n type?: 'default' \| 'danger';\n};\n\ntype GenericMenuItemComponent = <T extends ElementType = 'div'>(\n props: Omit<ComponentPropsWithRef<T>, keyof GenericMenuItemOwnProps \| 'as'> &\n GenericMenuItemOwnProps & { as?: T }\n) => ReactNode;\n\nconst _GenericMenuItem = <T extends ElementType = 'div'>(\n {\n as,\n type = 'default',\n className,\n ...props\n }: Omit<ComponentPropsWithRef<T>, keyof GenericMenuItemOwnProps \| 'as'> &\n GenericMenuItemOwnProps & { as?: T },\n ref: ComponentPropsWithRef<T>['ref']\n) => {\n const Component = as ?? 'div';\n return (\n <Component\n ref={ref}\n {...props}\n className={cn(itemVariants({ type }), className)}\n />\n );\n};\n\nexport const GenericMenuItem: GenericMenuItemComponent = forwardRef(_GenericMenuItem);\n"],"names":["cva","styles","jsx","cn","forwardRef"],"mappings":"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"}