@economic/taco 11.0.0 → 11.0.1-react-v19.0

package/dist/components/Dialog/components/Content.js.map

@@ -1 +1 @@
-{"version":3,"file":"Content.js","sources":["../../../../src/components/Dialog/components/Content.tsx"],"sourcesContent":["import { Dialog as DialogPrimitive } from '@base-ui/react/dialog';\nimport cn from 'clsx';\nimport * as React from 'react';\n\nimport { useDraggable } from '../../../utils/hooks/useDraggable';\nimport { mergeRefs } from '../../../utils/mergeRefs';\nimport { Backdrop } from '../../Backdrop/Backdrop';\nimport { LegacyIconButton } from '../../LegacyComponents/IconButton/IconButton';\nimport { useLocalization } from '../../Provider/Localization';\nimport type { DialogContext } from '../Context';\nimport { useCurrentDialog } from '../Context';\nimport { DIALOG_POSITION_CLASSNAMES, DIALOG_SIZE_CLASSNAME } from '../util';\n\nexport type DialogContentDrawerRenderProps = DialogContext['drawer'];\n\nexport type DialogContentRenderProps = {\n    close: () => void;\n    drawer?: DialogContentDrawerRenderProps;\n};\n\nexport type DialogTitleProps = React.HTMLAttributes<HTMLHeadingElement>;\nexport const Title = React.forwardRef(function DialogTitle(props: DialogTitleProps, ref: React.Ref<HTMLHeadingElement>) {\n    const className = cn('text-center', props.className);\n    return <DialogPrimitive.Title {...props} className={className} ref={ref} />;\n});\n\nexport type DialogFooterProps = React.HTMLAttributes<HTMLDivElement>;\nexport const Footer = React.forwardRef(function DialogFooter(props: DialogFooterProps, ref: React.Ref<HTMLDivElement>) {\n    const className = cn('mt-8 flex justify-end', props.className);\n    return (\n        <div {...props} className={className} ref={ref}>\n            {props.children}\n        </div>\n    );\n});\n\nexport type DialogCloseProps = React.HTMLAttributes<HTMLButtonElement> & {\n    children: JSX.Element;\n};\n\nexport const Close = React.forwardRef(function DialogClose(props: DialogCloseProps, ref: React.Ref<HTMLButtonElement>) {\n    const dialog = useCurrentDialog();\n    const { children, ...restProps } = props;\n\n    return <DialogPrimitive.Close {...restProps} onClick={dialog.onClose} ref={ref} render={children} />;\n});\n\nconst RenderPropWrapper = React.forwardRef(function RenderPropWrapper({ children, onClick, renderProps }: any, ref) {\n    const close = () => {\n        onClick(new CustomEvent('close'));\n    };\n\n    return children({ close, ref, ...renderProps });\n});\n\nexport type DialogContentProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & {\n    /** An accessible label to be announced when the dialog is opened */\n    'aria-label': string;\n    children: React.ReactNode | ((props: DialogContentRenderProps) => React.ReactNode);\n    initialFocus?: DialogPrimitive.Popup.Props['initialFocus'];\n    finalFocus?: DialogPrimitive.Popup.Props['finalFocus'];\n};\nexport const Content = React.forwardRef(function DialogContent(\n    props: DialogContentProps,\n    forwardedRef: React.Ref<HTMLDivElement>\n) {\n    const dialog = useCurrentDialog();\n    // Popup ref lives on the Dialog root so descendants can read it via `useDialogScope`;\n    // we attach it to the popup node here and merge in any forwarded ref.\n    const popupRef = dialog.popupRef as React.MutableRefObject<HTMLDivElement | null>;\n    const setPopupRef = React.useMemo(() => mergeRefs<HTMLDivElement>([popupRef, forwardedRef]), [popupRef, forwardedRef]);\n    const { position, dragging, handleProps: dragHandleProps } = useDraggable(popupRef);\n    const { texts } = useLocalization();\n\n    const className = cn(\n        'relative animate-[fade-in_150ms] rounded bg-white print:!static',\n        DIALOG_POSITION_CLASSNAMES,\n        DIALOG_SIZE_CLASSNAME[dialog.size],\n        'print:m-0 print:h-max print:w-full print:overflow-visible'\n    );\n\n    const containerClassName = cn(\n        'relative z-10 rounded bg-white p-6 shadow print:p-0',\n        // The `!fixed` property is crucial to ensure that when a draggable dialog is moved, the printed document still displays its content across the full page.\n        'print:!inset-0 print:!m-0 print:h-max print:!transform-none print:overflow-visible',\n        {\n            'rounded-b-none': !!dialog.elements.extra,\n        },\n        props.className\n    );\n\n    let output;\n\n    if (typeof props.children === 'function') {\n        output = (\n            <Close>\n                <RenderPropWrapper renderProps={{ drawer: dialog.drawer }}>{props.children}</RenderPropWrapper>\n            </Close>\n        );\n    } else {\n        output = props.children;\n    }\n    return (\n        <DialogPrimitive.Portal>\n            <Backdrop>\n                <DialogPrimitive.Popup\n                    {...props}\n                    className={className}\n                    ref={setPopupRef}\n                    style={{\n                        ...props.style,\n                        left: dialog.draggable ? `${position.x}px` : undefined,\n                        top: dialog.draggable ? `${position.y}px` : undefined,\n                    }}>\n                    <div className={containerClassName} data-taco=\"dialog\">\n                        {output}\n                        {dialog.draggable && (\n                            <div\n                                {...dragHandleProps}\n                                role=\"button\"\n                                draggable\n                                aria-grabbed={dragging}\n                                aria-label={texts.dialog.drag}\n                                className=\"yt-dialog__drag top-1.5 h-3 w-24 cursor-move rounded bg-gray-100 text-center absolute-center-x print:hidden\"\n                            />\n                        )}\n                        {dialog.showCloseButton ? (\n                            <DialogPrimitive.Close\n                                onClick={dialog.onClose}\n                                render={\n                                    <LegacyIconButton\n                                        appearance=\"discrete\"\n                                        aria-label={texts.dialog.close}\n                                        className=\"absolute right-0 top-0 mr-2 mt-2 print:hidden\"\n                                        icon=\"close\"\n                                    />\n                                }></DialogPrimitive.Close>\n                        ) : null}\n                    </div>\n                    {dialog.elements.drawer}\n                    {dialog.elements.extra}\n                </DialogPrimitive.Popup>\n            </Backdrop>\n        </DialogPrimitive.Portal>\n    );\n});\n"],"names":["DialogPrimitive","RenderPropWrapper"],"mappings":";;;;;;;;;;AAqBO,MAAM,QAAQ,MAAM,WAAW,SAAS,YAAY,OAAyB,KAAoC;AACpH,QAAM,YAAY,GAAG,eAAe,MAAM,SAAS;AACnD,6CAAQA,OAAgB,OAAhB,EAAuB,GAAG,OAAO,WAAsB,KAAU;AAC7E,CAAC;AAGM,MAAM,SAAS,MAAM,WAAW,SAAS,aAAa,OAA0B,KAAgC;AACnH,QAAM,YAAY,GAAG,yBAAyB,MAAM,SAAS;AAC7D,6CACK,OAAA,EAAK,GAAG,OAAO,WAAsB,IAAA,GACjC,MAAM,QACX;AAER,CAAC;AAMM,MAAM,QAAQ,MAAM,WAAW,SAAS,YAAY,OAAyB,KAAmC;AACnH,QAAM,SAAS,iBAAA;AACf,QAAM,EAAE,UAAU,GAAG,UAAA,IAAc;AAEnC,SAAO,sBAAA,cAACA,OAAgB,OAAhB,EAAuB,GAAG,WAAW,SAAS,OAAO,SAAS,KAAU,QAAQ,SAAA,CAAU;AACtG,CAAC;AAED,MAAM,oBAAoB,MAAM,WAAW,SAASC,mBAAkB,EAAE,UAAU,SAAS,YAAA,GAAoB,KAAK;AAChH,QAAM,QAAQ,MAAM;AAChB,YAAQ,IAAI,YAAY,OAAO,CAAC;AAAA,EACpC;AAEA,SAAO,SAAS,EAAE,OAAO,KAAK,GAAG,aAAa;AAClD,CAAC;AASM,MAAM,UAAU,MAAM,WAAW,SAAS,cAC7C,OACA,cACF;AACE,QAAM,SAAS,iBAAA;AAGf,QAAM,WAAW,OAAO;AACxB,QAAM,cAAc,MAAM,QAAQ,MAAM,UAA0B,CAAC,UAAU,YAAY,CAAC,GAAG,CAAC,UAAU,YAAY,CAAC;AACrH,QAAM,EAAE,UAAU,UAAU,aAAa,gBAAA,IAAoB,aAAa,QAAQ;AAClF,QAAM,EAAE,MAAA,IAAU,gBAAA;AAElB,QAAM,YAAY;AAAA,IACd;AAAA,IACA;AAAA,IACA,sBAAsB,OAAO,IAAI;AAAA,IACjC;AAAA,EAAA;AAGJ,QAAM,qBAAqB;AAAA,IACvB;AAAA;AAAA,IAEA;AAAA,IACA;AAAA,MACI,kBAAkB,CAAC,CAAC,OAAO,SAAS;AAAA,IAAA;AAAA,IAExC,MAAM;AAAA,EAAA;AAGV,MAAI;AAEJ,MAAI,OAAO,MAAM,aAAa,YAAY;AACtC,aACI,sBAAA,cAAC,OAAA,MACG,sBAAA,cAAC,mBAAA,EAAkB,aAAa,EAAE,QAAQ,OAAO,OAAA,EAAO,GAAI,MAAM,QAAS,CAC/E;AAAA,EAER,OAAO;AACH,aAAS,MAAM;AAAA,EACnB;AACA,SACI,sBAAA,cAACD,OAAgB,QAAhB,0CACI,UAAA,MACG,sBAAA;AAAA,IAACA,OAAgB;AAAA,IAAhB;AAAA,MACI,GAAG;AAAA,MACJ;AAAA,MACA,KAAK;AAAA,MACL,OAAO;AAAA,QACH,GAAG,MAAM;AAAA,QACT,MAAM,OAAO,YAAY,GAAG,SAAS,CAAC,OAAO;AAAA,QAC7C,KAAK,OAAO,YAAY,GAAG,SAAS,CAAC,OAAO;AAAA,MAAA;AAAA,IAChD;AAAA,IACA,sBAAA,cAAC,SAAI,WAAW,oBAAoB,aAAU,SAAA,GACzC,QACA,OAAO,aACJ,sBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACI,GAAG;AAAA,QACJ,MAAK;AAAA,QACL,WAAS;AAAA,QACT,gBAAc;AAAA,QACd,cAAY,MAAM,OAAO;AAAA,QACzB,WAAU;AAAA,MAAA;AAAA,IAAA,GAGjB,OAAO,kBACJ,sBAAA;AAAA,MAACA,OAAgB;AAAA,MAAhB;AAAA,QACG,SAAS,OAAO;AAAA,QAChB,QACI,sBAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,YAAW;AAAA,YACX,cAAY,MAAM,OAAO;AAAA,YACzB,WAAU;AAAA,YACV,MAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MACT;AAAA,IAAA,IAER,IACR;AAAA,IACC,OAAO,SAAS;AAAA,IAChB,OAAO,SAAS;AAAA,EAAA,CAEzB,CACJ;AAER,CAAC;"}
+{"version":3,"file":"Content.js","sources":["../../../../src/components/Dialog/components/Content.tsx"],"sourcesContent":["import { Dialog as DialogPrimitive } from '@base-ui/react/dialog';\nimport cn from 'clsx';\nimport * as React from 'react';\n\nimport { useDraggable } from '../../../utils/hooks/useDraggable';\nimport { mergeRefs } from '../../../utils/mergeRefs';\nimport { Backdrop } from '../../Backdrop/Backdrop';\nimport { LegacyIconButton } from '../../LegacyComponents/IconButton/IconButton';\nimport { useLocalization } from '../../Provider/Localization';\nimport type { DialogContext } from '../Context';\nimport { useCurrentDialog } from '../Context';\nimport { DIALOG_POSITION_CLASSNAMES, DIALOG_SIZE_CLASSNAME } from '../util';\n\nexport type DialogContentDrawerRenderProps = DialogContext['drawer'];\n\nexport type DialogContentRenderProps = {\n    close: () => void;\n    drawer?: DialogContentDrawerRenderProps;\n};\n\nexport type DialogTitleProps = React.HTMLAttributes<HTMLHeadingElement>;\nexport const Title = React.forwardRef(function DialogTitle(props: DialogTitleProps, ref: React.Ref<HTMLHeadingElement>) {\n    const className = cn('text-center', props.className);\n    return <DialogPrimitive.Title {...props} className={className} ref={ref} />;\n});\n\nexport type DialogFooterProps = React.HTMLAttributes<HTMLDivElement>;\nexport const Footer = React.forwardRef(function DialogFooter(props: DialogFooterProps, ref: React.Ref<HTMLDivElement>) {\n    const className = cn('mt-8 flex justify-end', props.className);\n    return (\n        <div {...props} className={className} ref={ref}>\n            {props.children}\n        </div>\n    );\n});\n\nexport type DialogCloseProps = React.HTMLAttributes<HTMLButtonElement> & {\n    children: React.JSX.Element;\n};\n\nexport const Close = React.forwardRef(function DialogClose(props: DialogCloseProps, ref: React.Ref<HTMLButtonElement>) {\n    const dialog = useCurrentDialog();\n    const { children, ...restProps } = props;\n\n    return <DialogPrimitive.Close {...restProps} onClick={dialog.onClose} ref={ref} render={children} />;\n});\n\nconst RenderPropWrapper = React.forwardRef(function RenderPropWrapper({ children, onClick, renderProps }: any, ref) {\n    const close = () => {\n        onClick(new CustomEvent('close'));\n    };\n\n    return children({ close, ref, ...renderProps });\n});\n\nexport type DialogContentProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & {\n    /** An accessible label to be announced when the dialog is opened */\n    'aria-label': string;\n    children: React.ReactNode | ((props: DialogContentRenderProps) => React.ReactNode);\n    initialFocus?: DialogPrimitive.Popup.Props['initialFocus'];\n    finalFocus?: DialogPrimitive.Popup.Props['finalFocus'];\n};\nexport const Content = React.forwardRef(function DialogContent(\n    props: DialogContentProps,\n    forwardedRef: React.Ref<HTMLDivElement>\n) {\n    const dialog = useCurrentDialog();\n    // Popup ref lives on the Dialog root so descendants can read it via `useDialogScope`;\n    // we attach it to the popup node here and merge in any forwarded ref.\n    const popupRef = dialog.popupRef as React.MutableRefObject<HTMLDivElement | null>;\n    const setPopupRef = React.useMemo(() => mergeRefs<HTMLDivElement>([popupRef, forwardedRef]), [popupRef, forwardedRef]);\n    const { position, dragging, handleProps: dragHandleProps } = useDraggable(popupRef);\n    const { texts } = useLocalization();\n\n    const className = cn(\n        'relative animate-[fade-in_150ms] rounded bg-white print:!static',\n        DIALOG_POSITION_CLASSNAMES,\n        DIALOG_SIZE_CLASSNAME[dialog.size],\n        'print:m-0 print:h-max print:w-full print:overflow-visible'\n    );\n\n    const containerClassName = cn(\n        'relative z-10 rounded bg-white p-6 shadow print:p-0',\n        // The `!fixed` property is crucial to ensure that when a draggable dialog is moved, the printed document still displays its content across the full page.\n        'print:!inset-0 print:!m-0 print:h-max print:!transform-none print:overflow-visible',\n        {\n            'rounded-b-none': !!dialog.elements.extra,\n        },\n        props.className\n    );\n\n    let output;\n\n    if (typeof props.children === 'function') {\n        output = (\n            <Close>\n                <RenderPropWrapper renderProps={{ drawer: dialog.drawer }}>{props.children}</RenderPropWrapper>\n            </Close>\n        );\n    } else {\n        output = props.children;\n    }\n    return (\n        <DialogPrimitive.Portal>\n            <Backdrop>\n                <DialogPrimitive.Popup\n                    {...props}\n                    className={className}\n                    ref={setPopupRef}\n                    style={{\n                        ...props.style,\n                        left: dialog.draggable ? `${position.x}px` : undefined,\n                        top: dialog.draggable ? `${position.y}px` : undefined,\n                    }}>\n                    <div className={containerClassName} data-taco=\"dialog\">\n                        {output}\n                        {dialog.draggable && (\n                            <div\n                                {...dragHandleProps}\n                                role=\"button\"\n                                draggable\n                                aria-grabbed={dragging}\n                                aria-label={texts.dialog.drag}\n                                className=\"yt-dialog__drag top-1.5 h-3 w-24 cursor-move rounded bg-gray-100 text-center absolute-center-x print:hidden\"\n                            />\n                        )}\n                        {dialog.showCloseButton ? (\n                            <DialogPrimitive.Close\n                                onClick={dialog.onClose}\n                                render={\n                                    <LegacyIconButton\n                                        appearance=\"discrete\"\n                                        aria-label={texts.dialog.close}\n                                        className=\"absolute right-0 top-0 mr-2 mt-2 print:hidden\"\n                                        icon=\"close\"\n                                    />\n                                }></DialogPrimitive.Close>\n                        ) : null}\n                    </div>\n                    {dialog.elements.drawer}\n                    {dialog.elements.extra}\n                </DialogPrimitive.Popup>\n            </Backdrop>\n        </DialogPrimitive.Portal>\n    );\n});\n"],"names":["DialogPrimitive","RenderPropWrapper"],"mappings":";;;;;;;;;;AAqBO,MAAM,QAAQ,MAAM,WAAW,SAAS,YAAY,OAAyB,KAAoC;AACpH,QAAM,YAAY,GAAG,eAAe,MAAM,SAAS;AACnD,6CAAQA,OAAgB,OAAhB,EAAuB,GAAG,OAAO,WAAsB,KAAU;AAC7E,CAAC;AAGM,MAAM,SAAS,MAAM,WAAW,SAAS,aAAa,OAA0B,KAAgC;AACnH,QAAM,YAAY,GAAG,yBAAyB,MAAM,SAAS;AAC7D,6CACK,OAAA,EAAK,GAAG,OAAO,WAAsB,IAAA,GACjC,MAAM,QACX;AAER,CAAC;AAMM,MAAM,QAAQ,MAAM,WAAW,SAAS,YAAY,OAAyB,KAAmC;AACnH,QAAM,SAAS,iBAAA;AACf,QAAM,EAAE,UAAU,GAAG,UAAA,IAAc;AAEnC,SAAO,sBAAA,cAACA,OAAgB,OAAhB,EAAuB,GAAG,WAAW,SAAS,OAAO,SAAS,KAAU,QAAQ,SAAA,CAAU;AACtG,CAAC;AAED,MAAM,oBAAoB,MAAM,WAAW,SAASC,mBAAkB,EAAE,UAAU,SAAS,YAAA,GAAoB,KAAK;AAChH,QAAM,QAAQ,MAAM;AAChB,YAAQ,IAAI,YAAY,OAAO,CAAC;AAAA,EACpC;AAEA,SAAO,SAAS,EAAE,OAAO,KAAK,GAAG,aAAa;AAClD,CAAC;AASM,MAAM,UAAU,MAAM,WAAW,SAAS,cAC7C,OACA,cACF;AACE,QAAM,SAAS,iBAAA;AAGf,QAAM,WAAW,OAAO;AACxB,QAAM,cAAc,MAAM,QAAQ,MAAM,UAA0B,CAAC,UAAU,YAAY,CAAC,GAAG,CAAC,UAAU,YAAY,CAAC;AACrH,QAAM,EAAE,UAAU,UAAU,aAAa,gBAAA,IAAoB,aAAa,QAAQ;AAClF,QAAM,EAAE,MAAA,IAAU,gBAAA;AAElB,QAAM,YAAY;AAAA,IACd;AAAA,IACA;AAAA,IACA,sBAAsB,OAAO,IAAI;AAAA,IACjC;AAAA,EAAA;AAGJ,QAAM,qBAAqB;AAAA,IACvB;AAAA;AAAA,IAEA;AAAA,IACA;AAAA,MACI,kBAAkB,CAAC,CAAC,OAAO,SAAS;AAAA,IAAA;AAAA,IAExC,MAAM;AAAA,EAAA;AAGV,MAAI;AAEJ,MAAI,OAAO,MAAM,aAAa,YAAY;AACtC,aACI,sBAAA,cAAC,OAAA,MACG,sBAAA,cAAC,mBAAA,EAAkB,aAAa,EAAE,QAAQ,OAAO,OAAA,EAAO,GAAI,MAAM,QAAS,CAC/E;AAAA,EAER,OAAO;AACH,aAAS,MAAM;AAAA,EACnB;AACA,SACI,sBAAA,cAACD,OAAgB,QAAhB,0CACI,UAAA,MACG,sBAAA;AAAA,IAACA,OAAgB;AAAA,IAAhB;AAAA,MACI,GAAG;AAAA,MACJ;AAAA,MACA,KAAK;AAAA,MACL,OAAO;AAAA,QACH,GAAG,MAAM;AAAA,QACT,MAAM,OAAO,YAAY,GAAG,SAAS,CAAC,OAAO;AAAA,QAC7C,KAAK,OAAO,YAAY,GAAG,SAAS,CAAC,OAAO;AAAA,MAAA;AAAA,IAChD;AAAA,IACA,sBAAA,cAAC,SAAI,WAAW,oBAAoB,aAAU,SAAA,GACzC,QACA,OAAO,aACJ,sBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACI,GAAG;AAAA,QACJ,MAAK;AAAA,QACL,WAAS;AAAA,QACT,gBAAc;AAAA,QACd,cAAY,MAAM,OAAO;AAAA,QACzB,WAAU;AAAA,MAAA;AAAA,IAAA,GAGjB,OAAO,kBACJ,sBAAA;AAAA,MAACA,OAAgB;AAAA,MAAhB;AAAA,QACG,SAAS,OAAO;AAAA,QAChB,QACI,sBAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,YAAW;AAAA,YACX,cAAY,MAAM,OAAO;AAAA,YACzB,WAAU;AAAA,YACV,MAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MACT;AAAA,IAAA,IAER,IACR;AAAA,IACC,OAAO,SAAS;AAAA,IAChB,OAAO,SAAS;AAAA,EAAA,CAEzB,CACJ;AAER,CAAC;"}

package/dist/components/Drawer/Drawer.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.cjs","sources":["../../../src/components/Drawer/Drawer.tsx"],"sourcesContent":["import { Drawer as DrawerPrimitive } from '@base-ui/react/drawer';\nimport cn from 'clsx';\nimport * as React from 'react';\n\nimport { useControlled } from '../../hooks/useControlled';\nimport type { GroupProps } from '../Group/Group';\n\nimport type {\n    DrawerInnerContentProps,\n    DrawerFooterProps,\n    DrawerTitleProps,\n    DrawerContentProps,\n    DrawerCloseProps,\n} from './components/Content';\nimport { Actions, Footer, InnerContent, Title, Close, Content } from './components/Content';\nimport type { DrawerTriggerProps } from './components/Trigger';\nimport { Trigger } from './components/Trigger';\nimport type { OnOpenHandle } from './Context';\nimport { DrawerContext } from './Context';\nimport type { DrawerSize, DrawerVariant } from './types';\nimport { useDrawerStack } from './useDrawerStack';\n\nexport type DrawerTexts = {\n    /** Aria-label for back icon button in drawer. */\n    back: string;\n    /** Aria-label for close icon button in drawer. */\n    close: string;\n};\n\nexport type DrawerProps = {\n    children: React.ReactNode | React.ReactNode[];\n    /** Size of the drawer. This is the recommended way to set a size for drawer component. */\n    size?: DrawerSize;\n    /** Set whether the drawer is open by default or not, use when not providing a trigger  */\n    defaultOpen?: boolean;\n    /** Handles the back button click and determines its visibility */\n    onClickBack?: () => void;\n    /** Handler called when drawer closes by user interaction */\n    onClose?: () => void;\n    /** Called when the drawer opens or closes, must be used in conjunction with open  */\n    onChange?: (open: boolean) => void;\n    /** Control the open state of the drawer from outside the component  */\n    open?: boolean;\n    /** A trigger to be used for the drawer, should not be set if `children` already contains a trigger */\n    trigger?: JSX.Element;\n    /** Triggers when resizing, can be throttled or debounced for better performances */\n    onResize?: (delta: number) => void;\n    /** Rendering variant of the drawer */\n    variant?: DrawerVariant;\n    /** className for children container, needed for embedded version, in cases where we might need to control children height */\n    className?: string;\n    /** When 'true' renders close button in topr right cornenr of drawer content */\n    showCloseButton?: boolean;\n    /** Target specific named outlet allowing you to render a drawer to a specific outlet */\n    outletName?: string;\n};\n\nexport type OutletProps = React.HTMLAttributes<HTMLDivElement> & {\n    name?: string;\n};\n\nconst DEFAULT_OUTLET_NAME = 'default';\n\nconst Outlet = React.forwardRef(function Outlet(props: OutletProps, ref: React.Ref<HTMLDivElement>) {\n    const className = cn('ml-auto h-full flex-shrink-0 overflow-hidden', props.className);\n    return (\n        <div\n            {...props}\n            className={className}\n            data-taco=\"drawer-outlet\"\n            data-taco-outlet-name={props.name ?? DEFAULT_OUTLET_NAME}\n            ref={ref}\n        />\n    );\n});\n\nexport type ForwardedDrawerWithStatics = React.ForwardRefExoticComponent<DrawerProps & React.RefAttributes<HTMLElement>> & {\n    Trigger: React.ForwardRefExoticComponent<DrawerTriggerProps & React.RefAttributes<HTMLButtonElement>>;\n    Content: React.ForwardRefExoticComponent<DrawerContentProps & React.RefAttributes<HTMLDivElement>>;\n    InnerContent: React.ForwardRefExoticComponent<DrawerInnerContentProps & React.RefAttributes<HTMLDivElement>>;\n    Title: React.ForwardRefExoticComponent<DrawerTitleProps & React.RefAttributes<HTMLHeadingElement>>;\n    Footer: React.ForwardRefExoticComponent<DrawerFooterProps & React.RefAttributes<HTMLDivElement>>;\n    Close: React.ForwardRefExoticComponent<DrawerCloseProps & React.RefAttributes<HTMLButtonElement>>;\n    Actions: React.ForwardRefExoticComponent<GroupProps & React.RefAttributes<HTMLDivElement>>;\n    Outlet: React.ForwardRefExoticComponent<OutletProps & React.RefAttributes<HTMLDivElement>>;\n};\n\nexport const Drawer = React.forwardRef(function Drawer(props: DrawerProps, ref: React.Ref<HTMLElement>) {\n    const {\n        onChange,\n        variant = 'embedded',\n        className: _1,\n        onResize,\n        onClose,\n        onClickBack,\n        size = 'md',\n        trigger,\n        children,\n        showCloseButton = true,\n        outletName,\n        ...otherProps\n    } = props;\n\n    const [outlet, setOutlet] = React.useState<HTMLElement>();\n    const containerRef = React.useRef<OnOpenHandle>(null);\n\n    const [open, setOpen] = useControlled<boolean>({\n        value: props.open,\n        defaultValue: props.defaultOpen ?? false,\n        onChange,\n    });\n\n    useDrawerStack({\n        open,\n        setOpen,\n        onClose,\n        onOpen: () => {\n            // sets container width for resizing.\n            containerRef.current?.onOpen();\n        },\n    });\n\n    const context = React.useMemo(\n        () => ({\n            containerRef,\n            onClickBack,\n            onClose,\n            onResize,\n            props: otherProps,\n            size,\n            ref,\n            variant,\n            showCloseButton,\n            outlet,\n        }),\n        [containerRef, otherProps, variant, onResize, onClose, size, showCloseButton, outlet, onClickBack]\n    );\n\n    const handleOpenChange = (open: boolean, eventDetails: DrawerPrimitive.Root.ChangeEventDetails) => {\n        if (eventDetails.reason === 'escape-key') {\n            const triggeredFromRadixPortal = (eventDetails.event.target as HTMLElement)?.closest(\n                'div[data-radix-popper-content-wrapper]'\n            );\n\n            if (triggeredFromRadixPortal) {\n                // TODO: This could be removed when all radix overlays are replaced with base UI components, but currently it propagates through and closes the dialog.\n\n                // cancel closing the dialog\n                eventDetails.cancel();\n                // propagate to allow the radix overlay to close\n                eventDetails.allowPropagation();\n                return;\n            } else if (variant === 'embedded') {\n                eventDetails.cancel();\n                return;\n            }\n        }\n\n        setOpen?.(open);\n\n        if (open === false) {\n            onClose?.();\n        }\n    };\n\n    React.useEffect(() => {\n        const outletSelector = `[data-taco=\"drawer-outlet\"][data-taco-outlet-name=\"${outletName ?? DEFAULT_OUTLET_NAME}\"]`;\n        const outletElement = document.querySelector<HTMLElement>(outletSelector) ?? document.body;\n        setOutlet(outletElement);\n    }, [outletName]);\n\n    return (\n        <DrawerContext.Provider value={context}>\n            <DrawerPrimitive.Root\n                disablePointerDismissal={variant === 'embedded'}\n                modal={variant === 'overlay'}\n                open={open}\n                onOpenChange={handleOpenChange}\n                swipeDirection=\"right\">\n                {trigger && <Trigger>{trigger}</Trigger>}\n                {children}\n            </DrawerPrimitive.Root>\n        </DrawerContext.Provider>\n    );\n}) as ForwardedDrawerWithStatics;\n\nDrawer.Trigger = Trigger;\nDrawer.Content = Content;\nDrawer.InnerContent = InnerContent;\nDrawer.Title = Title;\nDrawer.Footer = Footer;\nDrawer.Close = Close;\nDrawer.Actions = Actions;\nDrawer.Outlet = Outlet;\n"],"names":["React","Outlet","Drawer","useControlled","useDrawerStack","open","DrawerContext","DrawerPrimitive","Trigger","Content","InnerContent","Title","Footer","Close","Actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA6DA,MAAM,sBAAsB;AAE5B,MAAM,SAASA,iBAAM,WAAW,SAASC,QAAO,OAAoB,KAAgC;AAChG,QAAM,YAAY,GAAG,gDAAgD,MAAM,SAAS;AACpF,SACID,iCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ;AAAA,MACA,aAAU;AAAA,MACV,yBAAuB,MAAM,QAAQ;AAAA,MACrC;AAAA,IAAA;AAAA,EAAA;AAGZ,CAAC;AAaM,MAAM,SAASA,iBAAM,WAAW,SAASE,QAAO,OAAoB,KAA6B;AACpG,QAAM;AAAA,IACF;AAAA,IACA,UAAU;AAAA,IACV,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA,kBAAkB;AAAA,IAClB;AAAA,IACA,GAAG;AAAA,EAAA,IACH;AAEJ,QAAM,CAAC,QAAQ,SAAS,IAAIF,iBAAM,SAAA;AAClC,QAAM,eAAeA,iBAAM,OAAqB,IAAI;AAEpD,QAAM,CAAC,MAAM,OAAO,IAAIG,4BAAuB;AAAA,IAC3C,OAAO,MAAM;AAAA,IACb,cAAc,MAAM,eAAe;AAAA,IACnC;AAAA,EAAA,CACH;AAEDC,gCAAe;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ,MAAM;AAEV,mBAAa,SAAS,OAAA;AAAA,IAC1B;AAAA,EAAA,CACH;AAED,QAAM,UAAUJ,iBAAM;AAAA,IAClB,OAAO;AAAA,MACH;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,OAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,IAEJ,CAAC,cAAc,YAAY,SAAS,UAAU,SAAS,MAAM,iBAAiB,QAAQ,WAAW;AAAA,EAAA;AAGrG,QAAM,mBAAmB,CAACK,OAAe,iBAA0D;AAC/F,QAAI,aAAa,WAAW,cAAc;AACtC,YAAM,2BAA4B,aAAa,MAAM,QAAwB;AAAA,QACzE;AAAA,MAAA;AAGJ,UAAI,0BAA0B;AAI1B,qBAAa,OAAA;AAEb,qBAAa,iBAAA;AACb;AAAA,MACJ,WAAW,YAAY,YAAY;AAC/B,qBAAa,OAAA;AACb;AAAA,MACJ;AAAA,IACJ;AAEA,cAAUA,KAAI;AAEd,QAAIA,UAAS,OAAO;AAChB,gBAAA;AAAA,IACJ;AAAA,EACJ;AAEAL,mBAAM,UAAU,MAAM;AAClB,UAAM,iBAAiB,sDAAsD,cAAc,mBAAmB;AAC9G,UAAM,gBAAgB,SAAS,cAA2B,cAAc,KAAK,SAAS;AACtF,cAAU,aAAa;AAAA,EAC3B,GAAG,CAAC,UAAU,CAAC;AAEf,SACIA,iCAAA,cAACM,sBAAc,UAAd,EAAuB,OAAO,WAC3BN,iCAAA;AAAA,IAACO,OAAAA,OAAgB;AAAA,IAAhB;AAAA,MACG,yBAAyB,YAAY;AAAA,MACrC,OAAO,YAAY;AAAA,MACnB;AAAA,MACA,cAAc;AAAA,MACd,gBAAe;AAAA,IAAA;AAAA,IACd,WAAWP,iCAAA,cAACQ,QAAAA,SAAA,MAAS,OAAQ;AAAA,IAC7B;AAAA,EAAA,CAET;AAER,CAAC;AAED,OAAO,UAAUA,QAAAA;AACjB,OAAO,UAAUC,QAAAA;AACjB,OAAO,eAAeC,QAAAA;AACtB,OAAO,QAAQC,QAAAA;AACf,OAAO,SAASC,QAAAA;AAChB,OAAO,QAAQC,QAAAA;AACf,OAAO,UAAUC,QAAAA;AACjB,OAAO,SAAS;;"}
+{"version":3,"file":"Drawer.cjs","sources":["../../../src/components/Drawer/Drawer.tsx"],"sourcesContent":["import { Drawer as DrawerPrimitive } from '@base-ui/react/drawer';\nimport cn from 'clsx';\nimport * as React from 'react';\n\nimport { useControlled } from '../../hooks/useControlled';\nimport type { GroupProps } from '../Group/Group';\n\nimport type {\n    DrawerInnerContentProps,\n    DrawerFooterProps,\n    DrawerTitleProps,\n    DrawerContentProps,\n    DrawerCloseProps,\n} from './components/Content';\nimport { Actions, Footer, InnerContent, Title, Close, Content } from './components/Content';\nimport type { DrawerTriggerProps } from './components/Trigger';\nimport { Trigger } from './components/Trigger';\nimport type { OnOpenHandle } from './Context';\nimport { DrawerContext } from './Context';\nimport type { DrawerSize, DrawerVariant } from './types';\nimport { useDrawerStack } from './useDrawerStack';\n\nexport type DrawerTexts = {\n    /** Aria-label for back icon button in drawer. */\n    back: string;\n    /** Aria-label for close icon button in drawer. */\n    close: string;\n};\n\nexport type DrawerProps = {\n    children: React.ReactNode | React.ReactNode[];\n    /** Size of the drawer. This is the recommended way to set a size for drawer component. */\n    size?: DrawerSize;\n    /** Set whether the drawer is open by default or not, use when not providing a trigger  */\n    defaultOpen?: boolean;\n    /** Handles the back button click and determines its visibility */\n    onClickBack?: () => void;\n    /** Handler called when drawer closes by user interaction */\n    onClose?: () => void;\n    /** Called when the drawer opens or closes, must be used in conjunction with open  */\n    onChange?: (open: boolean) => void;\n    /** Control the open state of the drawer from outside the component  */\n    open?: boolean;\n    /** A trigger to be used for the drawer, should not be set if `children` already contains a trigger */\n    trigger?: React.JSX.Element;\n    /** Triggers when resizing, can be throttled or debounced for better performances */\n    onResize?: (delta: number) => void;\n    /** Rendering variant of the drawer */\n    variant?: DrawerVariant;\n    /** className for children container, needed for embedded version, in cases where we might need to control children height */\n    className?: string;\n    /** When 'true' renders close button in topr right cornenr of drawer content */\n    showCloseButton?: boolean;\n    /** Target specific named outlet allowing you to render a drawer to a specific outlet */\n    outletName?: string;\n};\n\nexport type OutletProps = React.HTMLAttributes<HTMLDivElement> & {\n    name?: string;\n};\n\nconst DEFAULT_OUTLET_NAME = 'default';\n\nconst Outlet = React.forwardRef(function Outlet(props: OutletProps, ref: React.Ref<HTMLDivElement>) {\n    const className = cn('ml-auto h-full flex-shrink-0 overflow-hidden', props.className);\n    return (\n        <div\n            {...props}\n            className={className}\n            data-taco=\"drawer-outlet\"\n            data-taco-outlet-name={props.name ?? DEFAULT_OUTLET_NAME}\n            ref={ref}\n        />\n    );\n});\n\nexport type ForwardedDrawerWithStatics = React.ForwardRefExoticComponent<DrawerProps & React.RefAttributes<HTMLElement>> & {\n    Trigger: React.ForwardRefExoticComponent<DrawerTriggerProps & React.RefAttributes<HTMLButtonElement>>;\n    Content: React.ForwardRefExoticComponent<DrawerContentProps & React.RefAttributes<HTMLDivElement>>;\n    InnerContent: React.ForwardRefExoticComponent<DrawerInnerContentProps & React.RefAttributes<HTMLDivElement>>;\n    Title: React.ForwardRefExoticComponent<DrawerTitleProps & React.RefAttributes<HTMLHeadingElement>>;\n    Footer: React.ForwardRefExoticComponent<DrawerFooterProps & React.RefAttributes<HTMLDivElement>>;\n    Close: React.ForwardRefExoticComponent<DrawerCloseProps & React.RefAttributes<HTMLButtonElement>>;\n    Actions: React.ForwardRefExoticComponent<GroupProps & React.RefAttributes<HTMLDivElement>>;\n    Outlet: React.ForwardRefExoticComponent<OutletProps & React.RefAttributes<HTMLDivElement>>;\n};\n\nexport const Drawer = React.forwardRef(function Drawer(props: DrawerProps, ref: React.Ref<HTMLElement>) {\n    const {\n        onChange,\n        variant = 'embedded',\n        className: _1,\n        onResize,\n        onClose,\n        onClickBack,\n        size = 'md',\n        trigger,\n        children,\n        showCloseButton = true,\n        outletName,\n        ...otherProps\n    } = props;\n\n    const [outlet, setOutlet] = React.useState<HTMLElement>();\n    const containerRef = React.useRef<OnOpenHandle>(null);\n\n    const [open, setOpen] = useControlled<boolean>({\n        value: props.open,\n        defaultValue: props.defaultOpen ?? false,\n        onChange,\n    });\n\n    useDrawerStack({\n        open,\n        setOpen,\n        onClose,\n        onOpen: () => {\n            // sets container width for resizing.\n            containerRef.current?.onOpen();\n        },\n    });\n\n    const context = React.useMemo(\n        () => ({\n            containerRef,\n            onClickBack,\n            onClose,\n            onResize,\n            props: otherProps,\n            size,\n            ref,\n            variant,\n            showCloseButton,\n            outlet,\n        }),\n        [containerRef, otherProps, variant, onResize, onClose, size, showCloseButton, outlet, onClickBack]\n    );\n\n    const handleOpenChange = (open: boolean, eventDetails: DrawerPrimitive.Root.ChangeEventDetails) => {\n        if (eventDetails.reason === 'escape-key') {\n            const triggeredFromRadixPortal = (eventDetails.event.target as HTMLElement)?.closest(\n                'div[data-radix-popper-content-wrapper]'\n            );\n\n            if (triggeredFromRadixPortal) {\n                // TODO: This could be removed when all radix overlays are replaced with base UI components, but currently it propagates through and closes the dialog.\n\n                // cancel closing the dialog\n                eventDetails.cancel();\n                // propagate to allow the radix overlay to close\n                eventDetails.allowPropagation();\n                return;\n            } else if (variant === 'embedded') {\n                eventDetails.cancel();\n                return;\n            }\n        }\n\n        setOpen?.(open);\n\n        if (open === false) {\n            onClose?.();\n        }\n    };\n\n    React.useEffect(() => {\n        const outletSelector = `[data-taco=\"drawer-outlet\"][data-taco-outlet-name=\"${outletName ?? DEFAULT_OUTLET_NAME}\"]`;\n        const outletElement = document.querySelector<HTMLElement>(outletSelector) ?? document.body;\n        setOutlet(outletElement);\n    }, [outletName]);\n\n    return (\n        <DrawerContext.Provider value={context}>\n            <DrawerPrimitive.Root\n                disablePointerDismissal={variant === 'embedded'}\n                modal={variant === 'overlay'}\n                open={open}\n                onOpenChange={handleOpenChange}\n                swipeDirection=\"right\">\n                {trigger && <Trigger>{trigger}</Trigger>}\n                {children}\n            </DrawerPrimitive.Root>\n        </DrawerContext.Provider>\n    );\n}) as ForwardedDrawerWithStatics;\n\nDrawer.Trigger = Trigger;\nDrawer.Content = Content;\nDrawer.InnerContent = InnerContent;\nDrawer.Title = Title;\nDrawer.Footer = Footer;\nDrawer.Close = Close;\nDrawer.Actions = Actions;\nDrawer.Outlet = Outlet;\n"],"names":["React","Outlet","Drawer","useControlled","useDrawerStack","open","DrawerContext","DrawerPrimitive","Trigger","Content","InnerContent","Title","Footer","Close","Actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA6DA,MAAM,sBAAsB;AAE5B,MAAM,SAASA,iBAAM,WAAW,SAASC,QAAO,OAAoB,KAAgC;AAChG,QAAM,YAAY,GAAG,gDAAgD,MAAM,SAAS;AACpF,SACID,iCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ;AAAA,MACA,aAAU;AAAA,MACV,yBAAuB,MAAM,QAAQ;AAAA,MACrC;AAAA,IAAA;AAAA,EAAA;AAGZ,CAAC;AAaM,MAAM,SAASA,iBAAM,WAAW,SAASE,QAAO,OAAoB,KAA6B;AACpG,QAAM;AAAA,IACF;AAAA,IACA,UAAU;AAAA,IACV,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA,kBAAkB;AAAA,IAClB;AAAA,IACA,GAAG;AAAA,EAAA,IACH;AAEJ,QAAM,CAAC,QAAQ,SAAS,IAAIF,iBAAM,SAAA;AAClC,QAAM,eAAeA,iBAAM,OAAqB,IAAI;AAEpD,QAAM,CAAC,MAAM,OAAO,IAAIG,4BAAuB;AAAA,IAC3C,OAAO,MAAM;AAAA,IACb,cAAc,MAAM,eAAe;AAAA,IACnC;AAAA,EAAA,CACH;AAEDC,gCAAe;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ,MAAM;AAEV,mBAAa,SAAS,OAAA;AAAA,IAC1B;AAAA,EAAA,CACH;AAED,QAAM,UAAUJ,iBAAM;AAAA,IAClB,OAAO;AAAA,MACH;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,OAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,IAEJ,CAAC,cAAc,YAAY,SAAS,UAAU,SAAS,MAAM,iBAAiB,QAAQ,WAAW;AAAA,EAAA;AAGrG,QAAM,mBAAmB,CAACK,OAAe,iBAA0D;AAC/F,QAAI,aAAa,WAAW,cAAc;AACtC,YAAM,2BAA4B,aAAa,MAAM,QAAwB;AAAA,QACzE;AAAA,MAAA;AAGJ,UAAI,0BAA0B;AAI1B,qBAAa,OAAA;AAEb,qBAAa,iBAAA;AACb;AAAA,MACJ,WAAW,YAAY,YAAY;AAC/B,qBAAa,OAAA;AACb;AAAA,MACJ;AAAA,IACJ;AAEA,cAAUA,KAAI;AAEd,QAAIA,UAAS,OAAO;AAChB,gBAAA;AAAA,IACJ;AAAA,EACJ;AAEAL,mBAAM,UAAU,MAAM;AAClB,UAAM,iBAAiB,sDAAsD,cAAc,mBAAmB;AAC9G,UAAM,gBAAgB,SAAS,cAA2B,cAAc,KAAK,SAAS;AACtF,cAAU,aAAa;AAAA,EAC3B,GAAG,CAAC,UAAU,CAAC;AAEf,SACIA,iCAAA,cAACM,sBAAc,UAAd,EAAuB,OAAO,WAC3BN,iCAAA;AAAA,IAACO,OAAAA,OAAgB;AAAA,IAAhB;AAAA,MACG,yBAAyB,YAAY;AAAA,MACrC,OAAO,YAAY;AAAA,MACnB;AAAA,MACA,cAAc;AAAA,MACd,gBAAe;AAAA,IAAA;AAAA,IACd,WAAWP,iCAAA,cAACQ,QAAAA,SAAA,MAAS,OAAQ;AAAA,IAC7B;AAAA,EAAA,CAET;AAER,CAAC;AAED,OAAO,UAAUA,QAAAA;AACjB,OAAO,UAAUC,QAAAA;AACjB,OAAO,eAAeC,QAAAA;AACtB,OAAO,QAAQC,QAAAA;AACf,OAAO,SAASC,QAAAA;AAChB,OAAO,QAAQC,QAAAA;AACf,OAAO,UAAUC,QAAAA;AACjB,OAAO,SAAS;;"}

package/dist/components/Drawer/Drawer.d.ts

@@ -24,7 +24,7 @@ export type DrawerProps = {
     /** Control the open state of the drawer from outside the component  */
     open?: boolean;
     /** A trigger to be used for the drawer, should not be set if `children` already contains a trigger */
-    trigger?: JSX.Element;
+    trigger?: React.JSX.Element;
     /** Triggers when resizing, can be throttled or debounced for better performances */
     onResize?: (delta: number) => void;
     /** Rendering variant of the drawer */

package/dist/components/Drawer/Drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.js","sources":["../../../src/components/Drawer/Drawer.tsx"],"sourcesContent":["import { Drawer as DrawerPrimitive } from '@base-ui/react/drawer';\nimport cn from 'clsx';\nimport * as React from 'react';\n\nimport { useControlled } from '../../hooks/useControlled';\nimport type { GroupProps } from '../Group/Group';\n\nimport type {\n    DrawerInnerContentProps,\n    DrawerFooterProps,\n    DrawerTitleProps,\n    DrawerContentProps,\n    DrawerCloseProps,\n} from './components/Content';\nimport { Actions, Footer, InnerContent, Title, Close, Content } from './components/Content';\nimport type { DrawerTriggerProps } from './components/Trigger';\nimport { Trigger } from './components/Trigger';\nimport type { OnOpenHandle } from './Context';\nimport { DrawerContext } from './Context';\nimport type { DrawerSize, DrawerVariant } from './types';\nimport { useDrawerStack } from './useDrawerStack';\n\nexport type DrawerTexts = {\n    /** Aria-label for back icon button in drawer. */\n    back: string;\n    /** Aria-label for close icon button in drawer. */\n    close: string;\n};\n\nexport type DrawerProps = {\n    children: React.ReactNode | React.ReactNode[];\n    /** Size of the drawer. This is the recommended way to set a size for drawer component. */\n    size?: DrawerSize;\n    /** Set whether the drawer is open by default or not, use when not providing a trigger  */\n    defaultOpen?: boolean;\n    /** Handles the back button click and determines its visibility */\n    onClickBack?: () => void;\n    /** Handler called when drawer closes by user interaction */\n    onClose?: () => void;\n    /** Called when the drawer opens or closes, must be used in conjunction with open  */\n    onChange?: (open: boolean) => void;\n    /** Control the open state of the drawer from outside the component  */\n    open?: boolean;\n    /** A trigger to be used for the drawer, should not be set if `children` already contains a trigger */\n    trigger?: JSX.Element;\n    /** Triggers when resizing, can be throttled or debounced for better performances */\n    onResize?: (delta: number) => void;\n    /** Rendering variant of the drawer */\n    variant?: DrawerVariant;\n    /** className for children container, needed for embedded version, in cases where we might need to control children height */\n    className?: string;\n    /** When 'true' renders close button in topr right cornenr of drawer content */\n    showCloseButton?: boolean;\n    /** Target specific named outlet allowing you to render a drawer to a specific outlet */\n    outletName?: string;\n};\n\nexport type OutletProps = React.HTMLAttributes<HTMLDivElement> & {\n    name?: string;\n};\n\nconst DEFAULT_OUTLET_NAME = 'default';\n\nconst Outlet = React.forwardRef(function Outlet(props: OutletProps, ref: React.Ref<HTMLDivElement>) {\n    const className = cn('ml-auto h-full flex-shrink-0 overflow-hidden', props.className);\n    return (\n        <div\n            {...props}\n            className={className}\n            data-taco=\"drawer-outlet\"\n            data-taco-outlet-name={props.name ?? DEFAULT_OUTLET_NAME}\n            ref={ref}\n        />\n    );\n});\n\nexport type ForwardedDrawerWithStatics = React.ForwardRefExoticComponent<DrawerProps & React.RefAttributes<HTMLElement>> & {\n    Trigger: React.ForwardRefExoticComponent<DrawerTriggerProps & React.RefAttributes<HTMLButtonElement>>;\n    Content: React.ForwardRefExoticComponent<DrawerContentProps & React.RefAttributes<HTMLDivElement>>;\n    InnerContent: React.ForwardRefExoticComponent<DrawerInnerContentProps & React.RefAttributes<HTMLDivElement>>;\n    Title: React.ForwardRefExoticComponent<DrawerTitleProps & React.RefAttributes<HTMLHeadingElement>>;\n    Footer: React.ForwardRefExoticComponent<DrawerFooterProps & React.RefAttributes<HTMLDivElement>>;\n    Close: React.ForwardRefExoticComponent<DrawerCloseProps & React.RefAttributes<HTMLButtonElement>>;\n    Actions: React.ForwardRefExoticComponent<GroupProps & React.RefAttributes<HTMLDivElement>>;\n    Outlet: React.ForwardRefExoticComponent<OutletProps & React.RefAttributes<HTMLDivElement>>;\n};\n\nexport const Drawer = React.forwardRef(function Drawer(props: DrawerProps, ref: React.Ref<HTMLElement>) {\n    const {\n        onChange,\n        variant = 'embedded',\n        className: _1,\n        onResize,\n        onClose,\n        onClickBack,\n        size = 'md',\n        trigger,\n        children,\n        showCloseButton = true,\n        outletName,\n        ...otherProps\n    } = props;\n\n    const [outlet, setOutlet] = React.useState<HTMLElement>();\n    const containerRef = React.useRef<OnOpenHandle>(null);\n\n    const [open, setOpen] = useControlled<boolean>({\n        value: props.open,\n        defaultValue: props.defaultOpen ?? false,\n        onChange,\n    });\n\n    useDrawerStack({\n        open,\n        setOpen,\n        onClose,\n        onOpen: () => {\n            // sets container width for resizing.\n            containerRef.current?.onOpen();\n        },\n    });\n\n    const context = React.useMemo(\n        () => ({\n            containerRef,\n            onClickBack,\n            onClose,\n            onResize,\n            props: otherProps,\n            size,\n            ref,\n            variant,\n            showCloseButton,\n            outlet,\n        }),\n        [containerRef, otherProps, variant, onResize, onClose, size, showCloseButton, outlet, onClickBack]\n    );\n\n    const handleOpenChange = (open: boolean, eventDetails: DrawerPrimitive.Root.ChangeEventDetails) => {\n        if (eventDetails.reason === 'escape-key') {\n            const triggeredFromRadixPortal = (eventDetails.event.target as HTMLElement)?.closest(\n                'div[data-radix-popper-content-wrapper]'\n            );\n\n            if (triggeredFromRadixPortal) {\n                // TODO: This could be removed when all radix overlays are replaced with base UI components, but currently it propagates through and closes the dialog.\n\n                // cancel closing the dialog\n                eventDetails.cancel();\n                // propagate to allow the radix overlay to close\n                eventDetails.allowPropagation();\n                return;\n            } else if (variant === 'embedded') {\n                eventDetails.cancel();\n                return;\n            }\n        }\n\n        setOpen?.(open);\n\n        if (open === false) {\n            onClose?.();\n        }\n    };\n\n    React.useEffect(() => {\n        const outletSelector = `[data-taco=\"drawer-outlet\"][data-taco-outlet-name=\"${outletName ?? DEFAULT_OUTLET_NAME}\"]`;\n        const outletElement = document.querySelector<HTMLElement>(outletSelector) ?? document.body;\n        setOutlet(outletElement);\n    }, [outletName]);\n\n    return (\n        <DrawerContext.Provider value={context}>\n            <DrawerPrimitive.Root\n                disablePointerDismissal={variant === 'embedded'}\n                modal={variant === 'overlay'}\n                open={open}\n                onOpenChange={handleOpenChange}\n                swipeDirection=\"right\">\n                {trigger && <Trigger>{trigger}</Trigger>}\n                {children}\n            </DrawerPrimitive.Root>\n        </DrawerContext.Provider>\n    );\n}) as ForwardedDrawerWithStatics;\n\nDrawer.Trigger = Trigger;\nDrawer.Content = Content;\nDrawer.InnerContent = InnerContent;\nDrawer.Title = Title;\nDrawer.Footer = Footer;\nDrawer.Close = Close;\nDrawer.Actions = Actions;\nDrawer.Outlet = Outlet;\n"],"names":["Outlet","Drawer","open","DrawerPrimitive"],"mappings":";;;;;;;;AA6DA,MAAM,sBAAsB;AAE5B,MAAM,SAAS,MAAM,WAAW,SAASA,QAAO,OAAoB,KAAgC;AAChG,QAAM,YAAY,GAAG,gDAAgD,MAAM,SAAS;AACpF,SACI,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ;AAAA,MACA,aAAU;AAAA,MACV,yBAAuB,MAAM,QAAQ;AAAA,MACrC;AAAA,IAAA;AAAA,EAAA;AAGZ,CAAC;AAaM,MAAM,SAAS,MAAM,WAAW,SAASC,QAAO,OAAoB,KAA6B;AACpG,QAAM;AAAA,IACF;AAAA,IACA,UAAU;AAAA,IACV,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA,kBAAkB;AAAA,IAClB;AAAA,IACA,GAAG;AAAA,EAAA,IACH;AAEJ,QAAM,CAAC,QAAQ,SAAS,IAAI,MAAM,SAAA;AAClC,QAAM,eAAe,MAAM,OAAqB,IAAI;AAEpD,QAAM,CAAC,MAAM,OAAO,IAAI,cAAuB;AAAA,IAC3C,OAAO,MAAM;AAAA,IACb,cAAc,MAAM,eAAe;AAAA,IACnC;AAAA,EAAA,CACH;AAED,iBAAe;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ,MAAM;AAEV,mBAAa,SAAS,OAAA;AAAA,IAC1B;AAAA,EAAA,CACH;AAED,QAAM,UAAU,MAAM;AAAA,IAClB,OAAO;AAAA,MACH;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,OAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,IAEJ,CAAC,cAAc,YAAY,SAAS,UAAU,SAAS,MAAM,iBAAiB,QAAQ,WAAW;AAAA,EAAA;AAGrG,QAAM,mBAAmB,CAACC,OAAe,iBAA0D;AAC/F,QAAI,aAAa,WAAW,cAAc;AACtC,YAAM,2BAA4B,aAAa,MAAM,QAAwB;AAAA,QACzE;AAAA,MAAA;AAGJ,UAAI,0BAA0B;AAI1B,qBAAa,OAAA;AAEb,qBAAa,iBAAA;AACb;AAAA,MACJ,WAAW,YAAY,YAAY;AAC/B,qBAAa,OAAA;AACb;AAAA,MACJ;AAAA,IACJ;AAEA,cAAUA,KAAI;AAEd,QAAIA,UAAS,OAAO;AAChB,gBAAA;AAAA,IACJ;AAAA,EACJ;AAEA,QAAM,UAAU,MAAM;AAClB,UAAM,iBAAiB,sDAAsD,cAAc,mBAAmB;AAC9G,UAAM,gBAAgB,SAAS,cAA2B,cAAc,KAAK,SAAS;AACtF,cAAU,aAAa;AAAA,EAC3B,GAAG,CAAC,UAAU,CAAC;AAEf,SACI,sBAAA,cAAC,cAAc,UAAd,EAAuB,OAAO,WAC3B,sBAAA;AAAA,IAACC,SAAgB;AAAA,IAAhB;AAAA,MACG,yBAAyB,YAAY;AAAA,MACrC,OAAO,YAAY;AAAA,MACnB;AAAA,MACA,cAAc;AAAA,MACd,gBAAe;AAAA,IAAA;AAAA,IACd,WAAW,sBAAA,cAAC,SAAA,MAAS,OAAQ;AAAA,IAC7B;AAAA,EAAA,CAET;AAER,CAAC;AAED,OAAO,UAAU;AACjB,OAAO,UAAU;AACjB,OAAO,eAAe;AACtB,OAAO,QAAQ;AACf,OAAO,SAAS;AAChB,OAAO,QAAQ;AACf,OAAO,UAAU;AACjB,OAAO,SAAS;"}
+{"version":3,"file":"Drawer.js","sources":["../../../src/components/Drawer/Drawer.tsx"],"sourcesContent":["import { Drawer as DrawerPrimitive } from '@base-ui/react/drawer';\nimport cn from 'clsx';\nimport * as React from 'react';\n\nimport { useControlled } from '../../hooks/useControlled';\nimport type { GroupProps } from '../Group/Group';\n\nimport type {\n    DrawerInnerContentProps,\n    DrawerFooterProps,\n    DrawerTitleProps,\n    DrawerContentProps,\n    DrawerCloseProps,\n} from './components/Content';\nimport { Actions, Footer, InnerContent, Title, Close, Content } from './components/Content';\nimport type { DrawerTriggerProps } from './components/Trigger';\nimport { Trigger } from './components/Trigger';\nimport type { OnOpenHandle } from './Context';\nimport { DrawerContext } from './Context';\nimport type { DrawerSize, DrawerVariant } from './types';\nimport { useDrawerStack } from './useDrawerStack';\n\nexport type DrawerTexts = {\n    /** Aria-label for back icon button in drawer. */\n    back: string;\n    /** Aria-label for close icon button in drawer. */\n    close: string;\n};\n\nexport type DrawerProps = {\n    children: React.ReactNode | React.ReactNode[];\n    /** Size of the drawer. This is the recommended way to set a size for drawer component. */\n    size?: DrawerSize;\n    /** Set whether the drawer is open by default or not, use when not providing a trigger  */\n    defaultOpen?: boolean;\n    /** Handles the back button click and determines its visibility */\n    onClickBack?: () => void;\n    /** Handler called when drawer closes by user interaction */\n    onClose?: () => void;\n    /** Called when the drawer opens or closes, must be used in conjunction with open  */\n    onChange?: (open: boolean) => void;\n    /** Control the open state of the drawer from outside the component  */\n    open?: boolean;\n    /** A trigger to be used for the drawer, should not be set if `children` already contains a trigger */\n    trigger?: React.JSX.Element;\n    /** Triggers when resizing, can be throttled or debounced for better performances */\n    onResize?: (delta: number) => void;\n    /** Rendering variant of the drawer */\n    variant?: DrawerVariant;\n    /** className for children container, needed for embedded version, in cases where we might need to control children height */\n    className?: string;\n    /** When 'true' renders close button in topr right cornenr of drawer content */\n    showCloseButton?: boolean;\n    /** Target specific named outlet allowing you to render a drawer to a specific outlet */\n    outletName?: string;\n};\n\nexport type OutletProps = React.HTMLAttributes<HTMLDivElement> & {\n    name?: string;\n};\n\nconst DEFAULT_OUTLET_NAME = 'default';\n\nconst Outlet = React.forwardRef(function Outlet(props: OutletProps, ref: React.Ref<HTMLDivElement>) {\n    const className = cn('ml-auto h-full flex-shrink-0 overflow-hidden', props.className);\n    return (\n        <div\n            {...props}\n            className={className}\n            data-taco=\"drawer-outlet\"\n            data-taco-outlet-name={props.name ?? DEFAULT_OUTLET_NAME}\n            ref={ref}\n        />\n    );\n});\n\nexport type ForwardedDrawerWithStatics = React.ForwardRefExoticComponent<DrawerProps & React.RefAttributes<HTMLElement>> & {\n    Trigger: React.ForwardRefExoticComponent<DrawerTriggerProps & React.RefAttributes<HTMLButtonElement>>;\n    Content: React.ForwardRefExoticComponent<DrawerContentProps & React.RefAttributes<HTMLDivElement>>;\n    InnerContent: React.ForwardRefExoticComponent<DrawerInnerContentProps & React.RefAttributes<HTMLDivElement>>;\n    Title: React.ForwardRefExoticComponent<DrawerTitleProps & React.RefAttributes<HTMLHeadingElement>>;\n    Footer: React.ForwardRefExoticComponent<DrawerFooterProps & React.RefAttributes<HTMLDivElement>>;\n    Close: React.ForwardRefExoticComponent<DrawerCloseProps & React.RefAttributes<HTMLButtonElement>>;\n    Actions: React.ForwardRefExoticComponent<GroupProps & React.RefAttributes<HTMLDivElement>>;\n    Outlet: React.ForwardRefExoticComponent<OutletProps & React.RefAttributes<HTMLDivElement>>;\n};\n\nexport const Drawer = React.forwardRef(function Drawer(props: DrawerProps, ref: React.Ref<HTMLElement>) {\n    const {\n        onChange,\n        variant = 'embedded',\n        className: _1,\n        onResize,\n        onClose,\n        onClickBack,\n        size = 'md',\n        trigger,\n        children,\n        showCloseButton = true,\n        outletName,\n        ...otherProps\n    } = props;\n\n    const [outlet, setOutlet] = React.useState<HTMLElement>();\n    const containerRef = React.useRef<OnOpenHandle>(null);\n\n    const [open, setOpen] = useControlled<boolean>({\n        value: props.open,\n        defaultValue: props.defaultOpen ?? false,\n        onChange,\n    });\n\n    useDrawerStack({\n        open,\n        setOpen,\n        onClose,\n        onOpen: () => {\n            // sets container width for resizing.\n            containerRef.current?.onOpen();\n        },\n    });\n\n    const context = React.useMemo(\n        () => ({\n            containerRef,\n            onClickBack,\n            onClose,\n            onResize,\n            props: otherProps,\n            size,\n            ref,\n            variant,\n            showCloseButton,\n            outlet,\n        }),\n        [containerRef, otherProps, variant, onResize, onClose, size, showCloseButton, outlet, onClickBack]\n    );\n\n    const handleOpenChange = (open: boolean, eventDetails: DrawerPrimitive.Root.ChangeEventDetails) => {\n        if (eventDetails.reason === 'escape-key') {\n            const triggeredFromRadixPortal = (eventDetails.event.target as HTMLElement)?.closest(\n                'div[data-radix-popper-content-wrapper]'\n            );\n\n            if (triggeredFromRadixPortal) {\n                // TODO: This could be removed when all radix overlays are replaced with base UI components, but currently it propagates through and closes the dialog.\n\n                // cancel closing the dialog\n                eventDetails.cancel();\n                // propagate to allow the radix overlay to close\n                eventDetails.allowPropagation();\n                return;\n            } else if (variant === 'embedded') {\n                eventDetails.cancel();\n                return;\n            }\n        }\n\n        setOpen?.(open);\n\n        if (open === false) {\n            onClose?.();\n        }\n    };\n\n    React.useEffect(() => {\n        const outletSelector = `[data-taco=\"drawer-outlet\"][data-taco-outlet-name=\"${outletName ?? DEFAULT_OUTLET_NAME}\"]`;\n        const outletElement = document.querySelector<HTMLElement>(outletSelector) ?? document.body;\n        setOutlet(outletElement);\n    }, [outletName]);\n\n    return (\n        <DrawerContext.Provider value={context}>\n            <DrawerPrimitive.Root\n                disablePointerDismissal={variant === 'embedded'}\n                modal={variant === 'overlay'}\n                open={open}\n                onOpenChange={handleOpenChange}\n                swipeDirection=\"right\">\n                {trigger && <Trigger>{trigger}</Trigger>}\n                {children}\n            </DrawerPrimitive.Root>\n        </DrawerContext.Provider>\n    );\n}) as ForwardedDrawerWithStatics;\n\nDrawer.Trigger = Trigger;\nDrawer.Content = Content;\nDrawer.InnerContent = InnerContent;\nDrawer.Title = Title;\nDrawer.Footer = Footer;\nDrawer.Close = Close;\nDrawer.Actions = Actions;\nDrawer.Outlet = Outlet;\n"],"names":["Outlet","Drawer","open","DrawerPrimitive"],"mappings":";;;;;;;;AA6DA,MAAM,sBAAsB;AAE5B,MAAM,SAAS,MAAM,WAAW,SAASA,QAAO,OAAoB,KAAgC;AAChG,QAAM,YAAY,GAAG,gDAAgD,MAAM,SAAS;AACpF,SACI,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ;AAAA,MACA,aAAU;AAAA,MACV,yBAAuB,MAAM,QAAQ;AAAA,MACrC;AAAA,IAAA;AAAA,EAAA;AAGZ,CAAC;AAaM,MAAM,SAAS,MAAM,WAAW,SAASC,QAAO,OAAoB,KAA6B;AACpG,QAAM;AAAA,IACF;AAAA,IACA,UAAU;AAAA,IACV,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA,kBAAkB;AAAA,IAClB;AAAA,IACA,GAAG;AAAA,EAAA,IACH;AAEJ,QAAM,CAAC,QAAQ,SAAS,IAAI,MAAM,SAAA;AAClC,QAAM,eAAe,MAAM,OAAqB,IAAI;AAEpD,QAAM,CAAC,MAAM,OAAO,IAAI,cAAuB;AAAA,IAC3C,OAAO,MAAM;AAAA,IACb,cAAc,MAAM,eAAe;AAAA,IACnC;AAAA,EAAA,CACH;AAED,iBAAe;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ,MAAM;AAEV,mBAAa,SAAS,OAAA;AAAA,IAC1B;AAAA,EAAA,CACH;AAED,QAAM,UAAU,MAAM;AAAA,IAClB,OAAO;AAAA,MACH;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,OAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,IAEJ,CAAC,cAAc,YAAY,SAAS,UAAU,SAAS,MAAM,iBAAiB,QAAQ,WAAW;AAAA,EAAA;AAGrG,QAAM,mBAAmB,CAACC,OAAe,iBAA0D;AAC/F,QAAI,aAAa,WAAW,cAAc;AACtC,YAAM,2BAA4B,aAAa,MAAM,QAAwB;AAAA,QACzE;AAAA,MAAA;AAGJ,UAAI,0BAA0B;AAI1B,qBAAa,OAAA;AAEb,qBAAa,iBAAA;AACb;AAAA,MACJ,WAAW,YAAY,YAAY;AAC/B,qBAAa,OAAA;AACb;AAAA,MACJ;AAAA,IACJ;AAEA,cAAUA,KAAI;AAEd,QAAIA,UAAS,OAAO;AAChB,gBAAA;AAAA,IACJ;AAAA,EACJ;AAEA,QAAM,UAAU,MAAM;AAClB,UAAM,iBAAiB,sDAAsD,cAAc,mBAAmB;AAC9G,UAAM,gBAAgB,SAAS,cAA2B,cAAc,KAAK,SAAS;AACtF,cAAU,aAAa;AAAA,EAC3B,GAAG,CAAC,UAAU,CAAC;AAEf,SACI,sBAAA,cAAC,cAAc,UAAd,EAAuB,OAAO,WAC3B,sBAAA;AAAA,IAACC,SAAgB;AAAA,IAAhB;AAAA,MACG,yBAAyB,YAAY;AAAA,MACrC,OAAO,YAAY;AAAA,MACnB;AAAA,MACA,cAAc;AAAA,MACd,gBAAe;AAAA,IAAA;AAAA,IACd,WAAW,sBAAA,cAAC,SAAA,MAAS,OAAQ;AAAA,IAC7B;AAAA,EAAA,CAET;AAER,CAAC;AAED,OAAO,UAAU;AACjB,OAAO,UAAU;AACjB,OAAO,eAAe;AACtB,OAAO,QAAQ;AACf,OAAO,SAAS;AAChB,OAAO,QAAQ;AACf,OAAO,UAAU;AACjB,OAAO,SAAS;"}

package/dist/components/Drawer/useDrawerStack.cjs

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
 let drawerStack;
 const useDrawerStack = ({ open, setOpen, onClose, onOpen }) => {
-  const onCloseRef = React.useRef();
+  const onCloseRef = React.useRef(void 0);
   const close = React.useCallback(() => {
     setOpen(false);
     onClose?.();

package/dist/components/Drawer/useDrawerStack.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useDrawerStack.cjs","sources":["../../../src/components/Drawer/useDrawerStack.tsx"],"sourcesContent":["import React from 'react';\n\n// drawerStack getting set by previous drawer instance, to be able to close previous instance, when new instance getting opened.\nlet drawerStack: React.MutableRefObject<(() => void) | undefined> | undefined;\n\ntype Props = {\n    open: boolean | undefined;\n    setOpen: (open: boolean) => void;\n    onClose?: () => void;\n    onOpen: () => void;\n};\n// this prevents two drawers being open at once and used when one drawer getting opened before another one got closed.\nexport const useDrawerStack = ({ open, setOpen, onClose, onOpen }: Props) => {\n    const onCloseRef = React.useRef<() => void>();\n\n    const close = React.useCallback(() => {\n        setOpen(false);\n        onClose?.();\n    }, [setOpen, onClose]);\n\n    React.useLayoutEffect(() => {\n        onCloseRef.current = close;\n    }, [close]);\n\n    React.useEffect(() => {\n        if (open) {\n            onOpen();\n\n            if (drawerStack !== undefined) {\n                drawerStack.current?.();\n            }\n            drawerStack = onCloseRef;\n        } else if (drawerStack === onCloseRef) {\n            // if drawerStack is equal to current close callback,\n            // this means that drawer getting closed completely instead of getting closed on re-open\n            drawerStack = undefined;\n        }\n\n        return () => {\n            if (drawerStack === onCloseRef) {\n                drawerStack = undefined;\n            }\n        };\n    }, [open]);\n};\n"],"names":[],"mappings":";;;AAGA,IAAI;AASG,MAAM,iBAAiB,CAAC,EAAE,MAAM,SAAS,SAAS,aAAoB;AACzE,QAAM,aAAa,MAAM,OAAA;AAEzB,QAAM,QAAQ,MAAM,YAAY,MAAM;AAClC,YAAQ,KAAK;AACb,cAAA;AAAA,EACJ,GAAG,CAAC,SAAS,OAAO,CAAC;AAErB,QAAM,gBAAgB,MAAM;AACxB,eAAW,UAAU;AAAA,EACzB,GAAG,CAAC,KAAK,CAAC;AAEV,QAAM,UAAU,MAAM;AAClB,QAAI,MAAM;AACN,aAAA;AAEA,UAAI,gBAAgB,QAAW;AAC3B,oBAAY,UAAA;AAAA,MAChB;AACA,oBAAc;AAAA,IAClB,WAAW,gBAAgB,YAAY;AAGnC,oBAAc;AAAA,IAClB;AAEA,WAAO,MAAM;AACT,UAAI,gBAAgB,YAAY;AAC5B,sBAAc;AAAA,MAClB;AAAA,IACJ;AAAA,EACJ,GAAG,CAAC,IAAI,CAAC;AACb;;"}
+{"version":3,"file":"useDrawerStack.cjs","sources":["../../../src/components/Drawer/useDrawerStack.tsx"],"sourcesContent":["import React from 'react';\n\n// drawerStack getting set by previous drawer instance, to be able to close previous instance, when new instance getting opened.\nlet drawerStack: React.MutableRefObject<(() => void) | undefined> | undefined;\n\ntype Props = {\n    open: boolean | undefined;\n    setOpen: (open: boolean) => void;\n    onClose?: () => void;\n    onOpen: () => void;\n};\n// this prevents two drawers being open at once and used when one drawer getting opened before another one got closed.\nexport const useDrawerStack = ({ open, setOpen, onClose, onOpen }: Props) => {\n    const onCloseRef = React.useRef<(() => void) | undefined>(undefined);\n\n    const close = React.useCallback(() => {\n        setOpen(false);\n        onClose?.();\n    }, [setOpen, onClose]);\n\n    React.useLayoutEffect(() => {\n        onCloseRef.current = close;\n    }, [close]);\n\n    React.useEffect(() => {\n        if (open) {\n            onOpen();\n\n            if (drawerStack !== undefined) {\n                drawerStack.current?.();\n            }\n            drawerStack = onCloseRef;\n        } else if (drawerStack === onCloseRef) {\n            // if drawerStack is equal to current close callback,\n            // this means that drawer getting closed completely instead of getting closed on re-open\n            drawerStack = undefined;\n        }\n\n        return () => {\n            if (drawerStack === onCloseRef) {\n                drawerStack = undefined;\n            }\n        };\n    }, [open]);\n};\n"],"names":[],"mappings":";;;AAGA,IAAI;AASG,MAAM,iBAAiB,CAAC,EAAE,MAAM,SAAS,SAAS,aAAoB;AACzE,QAAM,aAAa,MAAM,OAAiC,MAAS;AAEnE,QAAM,QAAQ,MAAM,YAAY,MAAM;AAClC,YAAQ,KAAK;AACb,cAAA;AAAA,EACJ,GAAG,CAAC,SAAS,OAAO,CAAC;AAErB,QAAM,gBAAgB,MAAM;AACxB,eAAW,UAAU;AAAA,EACzB,GAAG,CAAC,KAAK,CAAC;AAEV,QAAM,UAAU,MAAM;AAClB,QAAI,MAAM;AACN,aAAA;AAEA,UAAI,gBAAgB,QAAW;AAC3B,oBAAY,UAAA;AAAA,MAChB;AACA,oBAAc;AAAA,IAClB,WAAW,gBAAgB,YAAY;AAGnC,oBAAc;AAAA,IAClB;AAEA,WAAO,MAAM;AACT,UAAI,gBAAgB,YAAY;AAC5B,sBAAc;AAAA,MAClB;AAAA,IACJ;AAAA,EACJ,GAAG,CAAC,IAAI,CAAC;AACb;;"}

package/dist/components/Drawer/useDrawerStack.js

@@ -1,7 +1,7 @@
 import React__default from "react";
 let drawerStack;
 const useDrawerStack = ({ open, setOpen, onClose, onOpen }) => {
-  const onCloseRef = React__default.useRef();
+  const onCloseRef = React__default.useRef(void 0);
   const close = React__default.useCallback(() => {
     setOpen(false);
     onClose?.();

package/dist/components/Drawer/useDrawerStack.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDrawerStack.js","sources":["../../../src/components/Drawer/useDrawerStack.tsx"],"sourcesContent":["import React from 'react';\n\n// drawerStack getting set by previous drawer instance, to be able to close previous instance, when new instance getting opened.\nlet drawerStack: React.MutableRefObject<(() => void) | undefined> | undefined;\n\ntype Props = {\n    open: boolean | undefined;\n    setOpen: (open: boolean) => void;\n    onClose?: () => void;\n    onOpen: () => void;\n};\n// this prevents two drawers being open at once and used when one drawer getting opened before another one got closed.\nexport const useDrawerStack = ({ open, setOpen, onClose, onOpen }: Props) => {\n    const onCloseRef = React.useRef<() => void>();\n\n    const close = React.useCallback(() => {\n        setOpen(false);\n        onClose?.();\n    }, [setOpen, onClose]);\n\n    React.useLayoutEffect(() => {\n        onCloseRef.current = close;\n    }, [close]);\n\n    React.useEffect(() => {\n        if (open) {\n            onOpen();\n\n            if (drawerStack !== undefined) {\n                drawerStack.current?.();\n            }\n            drawerStack = onCloseRef;\n        } else if (drawerStack === onCloseRef) {\n            // if drawerStack is equal to current close callback,\n            // this means that drawer getting closed completely instead of getting closed on re-open\n            drawerStack = undefined;\n        }\n\n        return () => {\n            if (drawerStack === onCloseRef) {\n                drawerStack = undefined;\n            }\n        };\n    }, [open]);\n};\n"],"names":["React"],"mappings":";AAGA,IAAI;AASG,MAAM,iBAAiB,CAAC,EAAE,MAAM,SAAS,SAAS,aAAoB;AACzE,QAAM,aAAaA,eAAM,OAAA;AAEzB,QAAM,QAAQA,eAAM,YAAY,MAAM;AAClC,YAAQ,KAAK;AACb,cAAA;AAAA,EACJ,GAAG,CAAC,SAAS,OAAO,CAAC;AAErBA,iBAAM,gBAAgB,MAAM;AACxB,eAAW,UAAU;AAAA,EACzB,GAAG,CAAC,KAAK,CAAC;AAEVA,iBAAM,UAAU,MAAM;AAClB,QAAI,MAAM;AACN,aAAA;AAEA,UAAI,gBAAgB,QAAW;AAC3B,oBAAY,UAAA;AAAA,MAChB;AACA,oBAAc;AAAA,IAClB,WAAW,gBAAgB,YAAY;AAGnC,oBAAc;AAAA,IAClB;AAEA,WAAO,MAAM;AACT,UAAI,gBAAgB,YAAY;AAC5B,sBAAc;AAAA,MAClB;AAAA,IACJ;AAAA,EACJ,GAAG,CAAC,IAAI,CAAC;AACb;"}
+{"version":3,"file":"useDrawerStack.js","sources":["../../../src/components/Drawer/useDrawerStack.tsx"],"sourcesContent":["import React from 'react';\n\n// drawerStack getting set by previous drawer instance, to be able to close previous instance, when new instance getting opened.\nlet drawerStack: React.MutableRefObject<(() => void) | undefined> | undefined;\n\ntype Props = {\n    open: boolean | undefined;\n    setOpen: (open: boolean) => void;\n    onClose?: () => void;\n    onOpen: () => void;\n};\n// this prevents two drawers being open at once and used when one drawer getting opened before another one got closed.\nexport const useDrawerStack = ({ open, setOpen, onClose, onOpen }: Props) => {\n    const onCloseRef = React.useRef<(() => void) | undefined>(undefined);\n\n    const close = React.useCallback(() => {\n        setOpen(false);\n        onClose?.();\n    }, [setOpen, onClose]);\n\n    React.useLayoutEffect(() => {\n        onCloseRef.current = close;\n    }, [close]);\n\n    React.useEffect(() => {\n        if (open) {\n            onOpen();\n\n            if (drawerStack !== undefined) {\n                drawerStack.current?.();\n            }\n            drawerStack = onCloseRef;\n        } else if (drawerStack === onCloseRef) {\n            // if drawerStack is equal to current close callback,\n            // this means that drawer getting closed completely instead of getting closed on re-open\n            drawerStack = undefined;\n        }\n\n        return () => {\n            if (drawerStack === onCloseRef) {\n                drawerStack = undefined;\n            }\n        };\n    }, [open]);\n};\n"],"names":["React"],"mappings":";AAGA,IAAI;AASG,MAAM,iBAAiB,CAAC,EAAE,MAAM,SAAS,SAAS,aAAoB;AACzE,QAAM,aAAaA,eAAM,OAAiC,MAAS;AAEnE,QAAM,QAAQA,eAAM,YAAY,MAAM;AAClC,YAAQ,KAAK;AACb,cAAA;AAAA,EACJ,GAAG,CAAC,SAAS,OAAO,CAAC;AAErBA,iBAAM,gBAAgB,MAAM;AACxB,eAAW,UAAU;AAAA,EACzB,GAAG,CAAC,KAAK,CAAC;AAEVA,iBAAM,UAAU,MAAM;AAClB,QAAI,MAAM;AACN,aAAA;AAEA,UAAI,gBAAgB,QAAW;AAC3B,oBAAY,UAAA;AAAA,MAChB;AACA,oBAAc;AAAA,IAClB,WAAW,gBAAgB,YAAY;AAGnC,oBAAc;AAAA,IAClB;AAEA,WAAO,MAAM;AACT,UAAI,gBAAgB,YAAY;AAC5B,sBAAc;AAAA,MAClB;AAAA,IACJ;AAAA,EACJ,GAAG,CAAC,IAAI,CAAC;AACb;"}

package/dist/components/Hanger/Hanger.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Hanger.cjs","sources":["../../../src/components/Hanger/Hanger.tsx"],"sourcesContent":["import { Popover as PopoverPrimitive } from '@base-ui/react/popover';\nimport cn from 'clsx';\nimport * as React from 'react';\n\nimport type { Placement } from '../..';\nimport { mergeRefs } from '../../utils/mergeRefs';\nimport { LegacyIconButton } from '../LegacyComponents/IconButton/IconButton';\nimport { useLocalization } from '../Provider/Localization';\n\nimport { UnstyledArrow } from './Arrow';\n\nimport './Hanger.css';\n\ntype HangerContextValue = {\n    /** Handler called when hanger closes by user interaction */\n    onClose?: () => void;\n    anchorRef: React.RefObject<HTMLElement>;\n};\nconst HangerContext = React.createContext<HangerContextValue>({\n    anchorRef: { current: null },\n    onClose: undefined,\n});\n\nexport type HangerTexts = {\n    /** Aria-label for the close icon button of hanger */\n    close: string;\n};\n\nexport type HangerAnchorProps = React.PropsWithChildren;\n// `Hanger.Anchor` is a pure pass-through that renders its child untouched. It exists only to keep\n// the composable API (<Hanger.Anchor>…</Hanger.Anchor>) — the Hanger root owns the single DOM\n// wrapper that serves as the positioning anchor, so this adds no DOM and needs no ref.\nconst Anchor: React.FC<HangerAnchorProps> = ({ children }) => <>{children}</>;\n\nexport type HangerTitleProps = React.HTMLAttributes<HTMLHeadingElement>;\nexport const Title = React.forwardRef(function DialogTitle(props: HangerTitleProps, ref: React.Ref<HTMLHeadingElement>) {\n    const className = cn('mb-1 flex w-full text-base font-bold', props.className);\n    return <span {...props} className={className} ref={ref} />;\n});\n\nexport type HangerContentProps = React.HTMLAttributes<HTMLDivElement> & {\n    /** Set the position of the Hanger relative to its achor. Default value is `bottom` */\n    placement?: Placement;\n    hideWhenDetached?: boolean;\n    container?: HTMLElement | null;\n};\n\nconst Content = React.forwardRef(function HangerContent(props: HangerContentProps, ref: React.Ref<HTMLDivElement>) {\n    const { placement: side, hideWhenDetached = false, container, ...popoverContentProps } = props;\n    const context = React.useContext(HangerContext);\n    const { texts } = useLocalization();\n    const className = cn(\n        'max-w-sm rounded border border-transparent bg-blue-500 p-3 pr-12 text-white yt-shadow focus:border-transparent print:hidden',\n        props.className\n    );\n\n    return (\n        <PopoverPrimitive.Portal container={container}>\n            <PopoverPrimitive.Positioner\n                anchor={context.anchorRef}\n                className={hideWhenDetached ? 'data-[anchor-hidden]:hidden' : undefined}\n                side={side}\n                sideOffset={11}>\n                <PopoverPrimitive.Popup {...popoverContentProps} className={className} data-taco=\"hanger\" ref={ref}>\n                    {props.children}\n                    <UnstyledArrow className=\"text-blue-500\" />\n                    <PopoverPrimitive.Close\n                        render={\n                            <LegacyIconButton\n                                appearance=\"primary\"\n                                aria-label={texts.hanger.close}\n                                className=\"absolute right-0 top-0 mx-2 mt-2 text-white\"\n                                icon=\"close\"\n                                onClick={context.onClose}\n                            />\n                        }\n                    />\n                </PopoverPrimitive.Popup>\n            </PopoverPrimitive.Positioner>\n        </PopoverPrimitive.Portal>\n    );\n});\n\nexport type HangerProps = React.PropsWithChildren<{\n    /** An anchor to be used for the hanger, should not be set if `children` already contains an anchor */\n    anchor?: JSX.Element;\n    /**\n     * Shows or hides hanger depending on the value\n     * @defaultValue true\n     */\n    defaultOpen?: boolean;\n    /** Handler called when user closes the hanger */\n    onClose?: () => void;\n}>;\n\nexport type ForwardedHangerWithStatics = React.ForwardRefExoticComponent<HangerProps & React.RefAttributes<HTMLElement>> & {\n    Anchor: React.FC<HangerAnchorProps>;\n    Content: React.ForwardRefExoticComponent<HangerContentProps>;\n    Title: React.ForwardRefExoticComponent<HangerTitleProps>;\n};\n\nexport const Hanger = React.forwardRef<HTMLSpanElement, HangerProps>(function Hanger(props, ref) {\n    const { anchor, children, defaultOpen = true, onClose, ...otherProps } = props;\n    const anchorRef = React.useRef<HTMLElement>(null);\n    const combinedRef = mergeRefs([anchorRef as React.MutableRefObject<HTMLElement | null>, ref]);\n    const context = React.useMemo(() => ({ anchorRef, onClose }), [onClose]);\n\n    // we do this to ensure hangers are mounted after their containers, e.g. if the container is another portal\n    const [open, setOpen] = React.useState(false);\n    React.useEffect(() => {\n        if (defaultOpen) {\n            setOpen(defaultOpen);\n        }\n    }, []);\n\n    // Hanger should only close from its close button, matching the previous Radix onInteractOutside behavior.\n    const handleOpenChange = (nextOpen: boolean, eventDetails: PopoverPrimitive.Root.ChangeEventDetails) => {\n        if (!nextOpen && (eventDetails.reason === 'outside-press' || eventDetails.reason === 'focus-out')) {\n            eventDetails.cancel();\n            return;\n        }\n\n        setOpen(nextOpen);\n    };\n\n    // Single inline <span> wrapper: serves as the Floating UI anchor (its rect matches the\n    // in-flow trigger child) and contains the FloatingFocusManager guard spans Base UI injects\n    // when open, so they aren't siblings of the Hanger in parent IntersectionObservers\n    // (e.g. OverflowGroup's) and don't get counted as overflowed children.\n    return (\n        <HangerContext.Provider value={context}>\n            <span {...otherProps} ref={combinedRef as React.Ref<HTMLSpanElement>}>\n                <PopoverPrimitive.Root open={open} onOpenChange={handleOpenChange}>\n                    {/* Anchor via the `anchor` prop. */}\n                    {anchor}\n                    {/* Composition (<Hanger.Anchor>) and the popup Content (portaled out) come through {children}. */}\n                    {children}\n                </PopoverPrimitive.Root>\n            </span>\n        </HangerContext.Provider>\n    );\n}) as ForwardedHangerWithStatics;\nHanger.Anchor = Anchor;\nHanger.Content = Content;\nHanger.Title = Title;\n"],"names":["React","useLocalization","PopoverPrimitive","UnstyledArrow","LegacyIconButton","Hanger","mergeRefs"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,MAAM,gBAAgBA,iBAAM,cAAkC;AAAA,EAC1D,WAAW,EAAE,SAAS,KAAA;AAAA,EACtB,SAAS;AACb,CAAC;AAWD,MAAM,SAAsC,CAAC,EAAE,SAAA,sFAAkB,QAAS;AAGnE,MAAM,QAAQA,iBAAM,WAAW,SAAS,YAAY,OAAyB,KAAoC;AACpH,QAAM,YAAY,GAAG,wCAAwC,MAAM,SAAS;AAC5E,SAAOA,iCAAA,cAAC,QAAA,EAAM,GAAG,OAAO,WAAsB,KAAU;AAC5D,CAAC;AASD,MAAM,UAAUA,iBAAM,WAAW,SAAS,cAAc,OAA2B,KAAgC;AAC/G,QAAM,EAAE,WAAW,MAAM,mBAAmB,OAAO,WAAW,GAAG,wBAAwB;AACzF,QAAM,UAAUA,iBAAM,WAAW,aAAa;AAC9C,QAAM,EAAE,MAAA,IAAUC,6BAAA;AAClB,QAAM,YAAY;AAAA,IACd;AAAA,IACA,MAAM;AAAA,EAAA;AAGV,SACID,iCAAA,cAACE,QAAAA,QAAiB,QAAjB,EAAwB,UAAA,GACrBF,iCAAA;AAAA,IAACE,QAAAA,QAAiB;AAAA,IAAjB;AAAA,MACG,QAAQ,QAAQ;AAAA,MAChB,WAAW,mBAAmB,gCAAgC;AAAA,MAC9D;AAAA,MACA,YAAY;AAAA,IAAA;AAAA,mDACXA,QAAAA,QAAiB,OAAjB,EAAwB,GAAG,qBAAqB,WAAsB,aAAU,UAAS,IAAA,GACrF,MAAM,UACPF,iCAAA,cAACG,MAAAA,eAAA,EAAc,WAAU,iBAAgB,GACzCH,iCAAA;AAAA,MAACE,QAAAA,QAAiB;AAAA,MAAjB;AAAA,QACG,QACIF,iCAAA;AAAA,UAACI,WAAAA;AAAAA,UAAA;AAAA,YACG,YAAW;AAAA,YACX,cAAY,MAAM,OAAO;AAAA,YACzB,WAAU;AAAA,YACV,MAAK;AAAA,YACL,SAAS,QAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,MACrB;AAAA,IAAA,CAGZ;AAAA,EAAA,CAER;AAER,CAAC;AAoBM,MAAM,SAASJ,iBAAM,WAAyC,SAASK,QAAO,OAAO,KAAK;AAC7F,QAAM,EAAE,QAAQ,UAAU,cAAc,MAAM,SAAS,GAAG,eAAe;AACzE,QAAM,YAAYL,iBAAM,OAAoB,IAAI;AAChD,QAAM,cAAcM,UAAAA,UAAU,CAAC,WAAyD,GAAG,CAAC;AAC5F,QAAM,UAAUN,iBAAM,QAAQ,OAAO,EAAE,WAAW,QAAA,IAAY,CAAC,OAAO,CAAC;AAGvE,QAAM,CAAC,MAAM,OAAO,IAAIA,iBAAM,SAAS,KAAK;AAC5CA,mBAAM,UAAU,MAAM;AAClB,QAAI,aAAa;AACb,cAAQ,WAAW;AAAA,IACvB;AAAA,EACJ,GAAG,CAAA,CAAE;AAGL,QAAM,mBAAmB,CAAC,UAAmB,iBAA2D;AACpG,QAAI,CAAC,aAAa,aAAa,WAAW,mBAAmB,aAAa,WAAW,cAAc;AAC/F,mBAAa,OAAA;AACb;AAAA,IACJ;AAEA,YAAQ,QAAQ;AAAA,EACpB;AAMA,SACIA,iCAAA,cAAC,cAAc,UAAd,EAAuB,OAAO,QAAA,GAC3BA,iCAAA,cAAC,QAAA,EAAM,GAAG,YAAY,KAAK,eACvBA,iCAAA,cAACE,QAAAA,QAAiB,MAAjB,EAAsB,MAAY,cAAc,iBAAA,GAE5C,QAEA,QACL,CACJ,CACJ;AAER,CAAC;AACD,OAAO,SAAS;AAChB,OAAO,UAAU;AACjB,OAAO,QAAQ;;;"}
+{"version":3,"file":"Hanger.cjs","sources":["../../../src/components/Hanger/Hanger.tsx"],"sourcesContent":["import { Popover as PopoverPrimitive } from '@base-ui/react/popover';\nimport cn from 'clsx';\nimport * as React from 'react';\n\nimport type { Placement } from '../..';\nimport { mergeRefs } from '../../utils/mergeRefs';\nimport { LegacyIconButton } from '../LegacyComponents/IconButton/IconButton';\nimport { useLocalization } from '../Provider/Localization';\n\nimport { UnstyledArrow } from './Arrow';\n\nimport './Hanger.css';\n\ntype HangerContextValue = {\n    /** Handler called when hanger closes by user interaction */\n    onClose?: () => void;\n    anchorRef: React.RefObject<HTMLElement | null>;\n};\nconst HangerContext = React.createContext<HangerContextValue>({\n    anchorRef: { current: null },\n    onClose: undefined,\n});\n\nexport type HangerTexts = {\n    /** Aria-label for the close icon button of hanger */\n    close: string;\n};\n\nexport type HangerAnchorProps = React.PropsWithChildren;\n// `Hanger.Anchor` is a pure pass-through that renders its child untouched. It exists only to keep\n// the composable API (<Hanger.Anchor>…</Hanger.Anchor>) — the Hanger root owns the single DOM\n// wrapper that serves as the positioning anchor, so this adds no DOM and needs no ref.\nconst Anchor: React.FC<HangerAnchorProps> = ({ children }) => <>{children}</>;\n\nexport type HangerTitleProps = React.HTMLAttributes<HTMLHeadingElement>;\nexport const Title = React.forwardRef(function DialogTitle(props: HangerTitleProps, ref: React.Ref<HTMLHeadingElement>) {\n    const className = cn('mb-1 flex w-full text-base font-bold', props.className);\n    return <span {...props} className={className} ref={ref} />;\n});\n\nexport type HangerContentProps = React.HTMLAttributes<HTMLDivElement> & {\n    /** Set the position of the Hanger relative to its achor. Default value is `bottom` */\n    placement?: Placement;\n    hideWhenDetached?: boolean;\n    container?: HTMLElement | null;\n};\n\nconst Content = React.forwardRef(function HangerContent(props: HangerContentProps, ref: React.Ref<HTMLDivElement>) {\n    const { placement: side, hideWhenDetached = false, container, ...popoverContentProps } = props;\n    const context = React.useContext(HangerContext);\n    const { texts } = useLocalization();\n    const className = cn(\n        'max-w-sm rounded border border-transparent bg-blue-500 p-3 pr-12 text-white yt-shadow focus:border-transparent print:hidden',\n        props.className\n    );\n\n    return (\n        <PopoverPrimitive.Portal container={container}>\n            <PopoverPrimitive.Positioner\n                anchor={context.anchorRef}\n                className={hideWhenDetached ? 'data-[anchor-hidden]:hidden' : undefined}\n                side={side}\n                sideOffset={11}>\n                <PopoverPrimitive.Popup {...popoverContentProps} className={className} data-taco=\"hanger\" ref={ref}>\n                    {props.children}\n                    <UnstyledArrow className=\"text-blue-500\" />\n                    <PopoverPrimitive.Close\n                        render={\n                            <LegacyIconButton\n                                appearance=\"primary\"\n                                aria-label={texts.hanger.close}\n                                className=\"absolute right-0 top-0 mx-2 mt-2 text-white\"\n                                icon=\"close\"\n                                onClick={context.onClose}\n                            />\n                        }\n                    />\n                </PopoverPrimitive.Popup>\n            </PopoverPrimitive.Positioner>\n        </PopoverPrimitive.Portal>\n    );\n});\n\nexport type HangerProps = React.PropsWithChildren<{\n    /** An anchor to be used for the hanger, should not be set if `children` already contains an anchor */\n    anchor?: React.JSX.Element;\n    /**\n     * Shows or hides hanger depending on the value\n     * @defaultValue true\n     */\n    defaultOpen?: boolean;\n    /** Handler called when user closes the hanger */\n    onClose?: () => void;\n}>;\n\nexport type ForwardedHangerWithStatics = React.ForwardRefExoticComponent<HangerProps & React.RefAttributes<HTMLElement>> & {\n    Anchor: React.FC<HangerAnchorProps>;\n    Content: React.ForwardRefExoticComponent<HangerContentProps>;\n    Title: React.ForwardRefExoticComponent<HangerTitleProps>;\n};\n\nexport const Hanger = React.forwardRef<HTMLSpanElement, HangerProps>(function Hanger(props, ref) {\n    const { anchor, children, defaultOpen = true, onClose, ...otherProps } = props;\n    const anchorRef = React.useRef<HTMLElement>(null);\n    const combinedRef = mergeRefs([anchorRef as React.MutableRefObject<HTMLElement | null>, ref]);\n    const context = React.useMemo(() => ({ anchorRef, onClose }), [onClose]);\n\n    // we do this to ensure hangers are mounted after their containers, e.g. if the container is another portal\n    const [open, setOpen] = React.useState(false);\n    React.useEffect(() => {\n        if (defaultOpen) {\n            setOpen(defaultOpen);\n        }\n    }, []);\n\n    // Hanger should only close from its close button, matching the previous Radix onInteractOutside behavior.\n    const handleOpenChange = (nextOpen: boolean, eventDetails: PopoverPrimitive.Root.ChangeEventDetails) => {\n        if (!nextOpen && (eventDetails.reason === 'outside-press' || eventDetails.reason === 'focus-out')) {\n            eventDetails.cancel();\n            return;\n        }\n\n        setOpen(nextOpen);\n    };\n\n    // Single inline <span> wrapper: serves as the Floating UI anchor (its rect matches the\n    // in-flow trigger child) and contains the FloatingFocusManager guard spans Base UI injects\n    // when open, so they aren't siblings of the Hanger in parent IntersectionObservers\n    // (e.g. OverflowGroup's) and don't get counted as overflowed children.\n    return (\n        <HangerContext.Provider value={context}>\n            <span {...otherProps} ref={combinedRef as React.Ref<HTMLSpanElement>}>\n                <PopoverPrimitive.Root open={open} onOpenChange={handleOpenChange}>\n                    {/* Anchor via the `anchor` prop. */}\n                    {anchor}\n                    {/* Composition (<Hanger.Anchor>) and the popup Content (portaled out) come through {children}. */}\n                    {children}\n                </PopoverPrimitive.Root>\n            </span>\n        </HangerContext.Provider>\n    );\n}) as ForwardedHangerWithStatics;\nHanger.Anchor = Anchor;\nHanger.Content = Content;\nHanger.Title = Title;\n"],"names":["React","useLocalization","PopoverPrimitive","UnstyledArrow","LegacyIconButton","Hanger","mergeRefs"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,MAAM,gBAAgBA,iBAAM,cAAkC;AAAA,EAC1D,WAAW,EAAE,SAAS,KAAA;AAAA,EACtB,SAAS;AACb,CAAC;AAWD,MAAM,SAAsC,CAAC,EAAE,SAAA,sFAAkB,QAAS;AAGnE,MAAM,QAAQA,iBAAM,WAAW,SAAS,YAAY,OAAyB,KAAoC;AACpH,QAAM,YAAY,GAAG,wCAAwC,MAAM,SAAS;AAC5E,SAAOA,iCAAA,cAAC,QAAA,EAAM,GAAG,OAAO,WAAsB,KAAU;AAC5D,CAAC;AASD,MAAM,UAAUA,iBAAM,WAAW,SAAS,cAAc,OAA2B,KAAgC;AAC/G,QAAM,EAAE,WAAW,MAAM,mBAAmB,OAAO,WAAW,GAAG,wBAAwB;AACzF,QAAM,UAAUA,iBAAM,WAAW,aAAa;AAC9C,QAAM,EAAE,MAAA,IAAUC,6BAAA;AAClB,QAAM,YAAY;AAAA,IACd;AAAA,IACA,MAAM;AAAA,EAAA;AAGV,SACID,iCAAA,cAACE,QAAAA,QAAiB,QAAjB,EAAwB,UAAA,GACrBF,iCAAA;AAAA,IAACE,QAAAA,QAAiB;AAAA,IAAjB;AAAA,MACG,QAAQ,QAAQ;AAAA,MAChB,WAAW,mBAAmB,gCAAgC;AAAA,MAC9D;AAAA,MACA,YAAY;AAAA,IAAA;AAAA,mDACXA,QAAAA,QAAiB,OAAjB,EAAwB,GAAG,qBAAqB,WAAsB,aAAU,UAAS,IAAA,GACrF,MAAM,UACPF,iCAAA,cAACG,MAAAA,eAAA,EAAc,WAAU,iBAAgB,GACzCH,iCAAA;AAAA,MAACE,QAAAA,QAAiB;AAAA,MAAjB;AAAA,QACG,QACIF,iCAAA;AAAA,UAACI,WAAAA;AAAAA,UAAA;AAAA,YACG,YAAW;AAAA,YACX,cAAY,MAAM,OAAO;AAAA,YACzB,WAAU;AAAA,YACV,MAAK;AAAA,YACL,SAAS,QAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,MACrB;AAAA,IAAA,CAGZ;AAAA,EAAA,CAER;AAER,CAAC;AAoBM,MAAM,SAASJ,iBAAM,WAAyC,SAASK,QAAO,OAAO,KAAK;AAC7F,QAAM,EAAE,QAAQ,UAAU,cAAc,MAAM,SAAS,GAAG,eAAe;AACzE,QAAM,YAAYL,iBAAM,OAAoB,IAAI;AAChD,QAAM,cAAcM,UAAAA,UAAU,CAAC,WAAyD,GAAG,CAAC;AAC5F,QAAM,UAAUN,iBAAM,QAAQ,OAAO,EAAE,WAAW,QAAA,IAAY,CAAC,OAAO,CAAC;AAGvE,QAAM,CAAC,MAAM,OAAO,IAAIA,iBAAM,SAAS,KAAK;AAC5CA,mBAAM,UAAU,MAAM;AAClB,QAAI,aAAa;AACb,cAAQ,WAAW;AAAA,IACvB;AAAA,EACJ,GAAG,CAAA,CAAE;AAGL,QAAM,mBAAmB,CAAC,UAAmB,iBAA2D;AACpG,QAAI,CAAC,aAAa,aAAa,WAAW,mBAAmB,aAAa,WAAW,cAAc;AAC/F,mBAAa,OAAA;AACb;AAAA,IACJ;AAEA,YAAQ,QAAQ;AAAA,EACpB;AAMA,SACIA,iCAAA,cAAC,cAAc,UAAd,EAAuB,OAAO,QAAA,GAC3BA,iCAAA,cAAC,QAAA,EAAM,GAAG,YAAY,KAAK,eACvBA,iCAAA,cAACE,QAAAA,QAAiB,MAAjB,EAAsB,MAAY,cAAc,iBAAA,GAE5C,QAEA,QACL,CACJ,CACJ;AAER,CAAC;AACD,OAAO,SAAS;AAChB,OAAO,UAAU;AACjB,OAAO,QAAQ;;;"}

package/dist/components/Hanger/Hanger.d.ts

@@ -15,7 +15,7 @@ export type HangerContentProps = React.HTMLAttributes<HTMLDivElement> & {
 };
 export type HangerProps = React.PropsWithChildren<{
     /** An anchor to be used for the hanger, should not be set if `children` already contains an anchor */
-    anchor?: JSX.Element;
+    anchor?: React.JSX.Element;
     /**
      * Shows or hides hanger depending on the value
      * @defaultValue true

package/dist/components/Hanger/Hanger.js.map

@@ -1 +1 @@
-{"version":3,"file":"Hanger.js","sources":["../../../src/components/Hanger/Hanger.tsx"],"sourcesContent":["import { Popover as PopoverPrimitive } from '@base-ui/react/popover';\nimport cn from 'clsx';\nimport * as React from 'react';\n\nimport type { Placement } from '../..';\nimport { mergeRefs } from '../../utils/mergeRefs';\nimport { LegacyIconButton } from '../LegacyComponents/IconButton/IconButton';\nimport { useLocalization } from '../Provider/Localization';\n\nimport { UnstyledArrow } from './Arrow';\n\nimport './Hanger.css';\n\ntype HangerContextValue = {\n    /** Handler called when hanger closes by user interaction */\n    onClose?: () => void;\n    anchorRef: React.RefObject<HTMLElement>;\n};\nconst HangerContext = React.createContext<HangerContextValue>({\n    anchorRef: { current: null },\n    onClose: undefined,\n});\n\nexport type HangerTexts = {\n    /** Aria-label for the close icon button of hanger */\n    close: string;\n};\n\nexport type HangerAnchorProps = React.PropsWithChildren;\n// `Hanger.Anchor` is a pure pass-through that renders its child untouched. It exists only to keep\n// the composable API (<Hanger.Anchor>…</Hanger.Anchor>) — the Hanger root owns the single DOM\n// wrapper that serves as the positioning anchor, so this adds no DOM and needs no ref.\nconst Anchor: React.FC<HangerAnchorProps> = ({ children }) => <>{children}</>;\n\nexport type HangerTitleProps = React.HTMLAttributes<HTMLHeadingElement>;\nexport const Title = React.forwardRef(function DialogTitle(props: HangerTitleProps, ref: React.Ref<HTMLHeadingElement>) {\n    const className = cn('mb-1 flex w-full text-base font-bold', props.className);\n    return <span {...props} className={className} ref={ref} />;\n});\n\nexport type HangerContentProps = React.HTMLAttributes<HTMLDivElement> & {\n    /** Set the position of the Hanger relative to its achor. Default value is `bottom` */\n    placement?: Placement;\n    hideWhenDetached?: boolean;\n    container?: HTMLElement | null;\n};\n\nconst Content = React.forwardRef(function HangerContent(props: HangerContentProps, ref: React.Ref<HTMLDivElement>) {\n    const { placement: side, hideWhenDetached = false, container, ...popoverContentProps } = props;\n    const context = React.useContext(HangerContext);\n    const { texts } = useLocalization();\n    const className = cn(\n        'max-w-sm rounded border border-transparent bg-blue-500 p-3 pr-12 text-white yt-shadow focus:border-transparent print:hidden',\n        props.className\n    );\n\n    return (\n        <PopoverPrimitive.Portal container={container}>\n            <PopoverPrimitive.Positioner\n                anchor={context.anchorRef}\n                className={hideWhenDetached ? 'data-[anchor-hidden]:hidden' : undefined}\n                side={side}\n                sideOffset={11}>\n                <PopoverPrimitive.Popup {...popoverContentProps} className={className} data-taco=\"hanger\" ref={ref}>\n                    {props.children}\n                    <UnstyledArrow className=\"text-blue-500\" />\n                    <PopoverPrimitive.Close\n                        render={\n                            <LegacyIconButton\n                                appearance=\"primary\"\n                                aria-label={texts.hanger.close}\n                                className=\"absolute right-0 top-0 mx-2 mt-2 text-white\"\n                                icon=\"close\"\n                                onClick={context.onClose}\n                            />\n                        }\n                    />\n                </PopoverPrimitive.Popup>\n            </PopoverPrimitive.Positioner>\n        </PopoverPrimitive.Portal>\n    );\n});\n\nexport type HangerProps = React.PropsWithChildren<{\n    /** An anchor to be used for the hanger, should not be set if `children` already contains an anchor */\n    anchor?: JSX.Element;\n    /**\n     * Shows or hides hanger depending on the value\n     * @defaultValue true\n     */\n    defaultOpen?: boolean;\n    /** Handler called when user closes the hanger */\n    onClose?: () => void;\n}>;\n\nexport type ForwardedHangerWithStatics = React.ForwardRefExoticComponent<HangerProps & React.RefAttributes<HTMLElement>> & {\n    Anchor: React.FC<HangerAnchorProps>;\n    Content: React.ForwardRefExoticComponent<HangerContentProps>;\n    Title: React.ForwardRefExoticComponent<HangerTitleProps>;\n};\n\nexport const Hanger = React.forwardRef<HTMLSpanElement, HangerProps>(function Hanger(props, ref) {\n    const { anchor, children, defaultOpen = true, onClose, ...otherProps } = props;\n    const anchorRef = React.useRef<HTMLElement>(null);\n    const combinedRef = mergeRefs([anchorRef as React.MutableRefObject<HTMLElement | null>, ref]);\n    const context = React.useMemo(() => ({ anchorRef, onClose }), [onClose]);\n\n    // we do this to ensure hangers are mounted after their containers, e.g. if the container is another portal\n    const [open, setOpen] = React.useState(false);\n    React.useEffect(() => {\n        if (defaultOpen) {\n            setOpen(defaultOpen);\n        }\n    }, []);\n\n    // Hanger should only close from its close button, matching the previous Radix onInteractOutside behavior.\n    const handleOpenChange = (nextOpen: boolean, eventDetails: PopoverPrimitive.Root.ChangeEventDetails) => {\n        if (!nextOpen && (eventDetails.reason === 'outside-press' || eventDetails.reason === 'focus-out')) {\n            eventDetails.cancel();\n            return;\n        }\n\n        setOpen(nextOpen);\n    };\n\n    // Single inline <span> wrapper: serves as the Floating UI anchor (its rect matches the\n    // in-flow trigger child) and contains the FloatingFocusManager guard spans Base UI injects\n    // when open, so they aren't siblings of the Hanger in parent IntersectionObservers\n    // (e.g. OverflowGroup's) and don't get counted as overflowed children.\n    return (\n        <HangerContext.Provider value={context}>\n            <span {...otherProps} ref={combinedRef as React.Ref<HTMLSpanElement>}>\n                <PopoverPrimitive.Root open={open} onOpenChange={handleOpenChange}>\n                    {/* Anchor via the `anchor` prop. */}\n                    {anchor}\n                    {/* Composition (<Hanger.Anchor>) and the popup Content (portaled out) come through {children}. */}\n                    {children}\n                </PopoverPrimitive.Root>\n            </span>\n        </HangerContext.Provider>\n    );\n}) as ForwardedHangerWithStatics;\nHanger.Anchor = Anchor;\nHanger.Content = Content;\nHanger.Title = Title;\n"],"names":["PopoverPrimitive","Hanger"],"mappings":";;;;;;;;AAkBA,MAAM,gBAAgB,MAAM,cAAkC;AAAA,EAC1D,WAAW,EAAE,SAAS,KAAA;AAAA,EACtB,SAAS;AACb,CAAC;AAWD,MAAM,SAAsC,CAAC,EAAE,SAAA,gEAAkB,QAAS;AAGnE,MAAM,QAAQ,MAAM,WAAW,SAAS,YAAY,OAAyB,KAAoC;AACpH,QAAM,YAAY,GAAG,wCAAwC,MAAM,SAAS;AAC5E,SAAO,sBAAA,cAAC,QAAA,EAAM,GAAG,OAAO,WAAsB,KAAU;AAC5D,CAAC;AASD,MAAM,UAAU,MAAM,WAAW,SAAS,cAAc,OAA2B,KAAgC;AAC/G,QAAM,EAAE,WAAW,MAAM,mBAAmB,OAAO,WAAW,GAAG,wBAAwB;AACzF,QAAM,UAAU,MAAM,WAAW,aAAa;AAC9C,QAAM,EAAE,MAAA,IAAU,gBAAA;AAClB,QAAM,YAAY;AAAA,IACd;AAAA,IACA,MAAM;AAAA,EAAA;AAGV,SACI,sBAAA,cAACA,QAAiB,QAAjB,EAAwB,UAAA,GACrB,sBAAA;AAAA,IAACA,QAAiB;AAAA,IAAjB;AAAA,MACG,QAAQ,QAAQ;AAAA,MAChB,WAAW,mBAAmB,gCAAgC;AAAA,MAC9D;AAAA,MACA,YAAY;AAAA,IAAA;AAAA,wCACXA,QAAiB,OAAjB,EAAwB,GAAG,qBAAqB,WAAsB,aAAU,UAAS,IAAA,GACrF,MAAM,UACP,sBAAA,cAAC,eAAA,EAAc,WAAU,iBAAgB,GACzC,sBAAA;AAAA,MAACA,QAAiB;AAAA,MAAjB;AAAA,QACG,QACI,sBAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,YAAW;AAAA,YACX,cAAY,MAAM,OAAO;AAAA,YACzB,WAAU;AAAA,YACV,MAAK;AAAA,YACL,SAAS,QAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,MACrB;AAAA,IAAA,CAGZ;AAAA,EAAA,CAER;AAER,CAAC;AAoBM,MAAM,SAAS,MAAM,WAAyC,SAASC,QAAO,OAAO,KAAK;AAC7F,QAAM,EAAE,QAAQ,UAAU,cAAc,MAAM,SAAS,GAAG,eAAe;AACzE,QAAM,YAAY,MAAM,OAAoB,IAAI;AAChD,QAAM,cAAc,UAAU,CAAC,WAAyD,GAAG,CAAC;AAC5F,QAAM,UAAU,MAAM,QAAQ,OAAO,EAAE,WAAW,QAAA,IAAY,CAAC,OAAO,CAAC;AAGvE,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,KAAK;AAC5C,QAAM,UAAU,MAAM;AAClB,QAAI,aAAa;AACb,cAAQ,WAAW;AAAA,IACvB;AAAA,EACJ,GAAG,CAAA,CAAE;AAGL,QAAM,mBAAmB,CAAC,UAAmB,iBAA2D;AACpG,QAAI,CAAC,aAAa,aAAa,WAAW,mBAAmB,aAAa,WAAW,cAAc;AAC/F,mBAAa,OAAA;AACb;AAAA,IACJ;AAEA,YAAQ,QAAQ;AAAA,EACpB;AAMA,SACI,sBAAA,cAAC,cAAc,UAAd,EAAuB,OAAO,QAAA,GAC3B,sBAAA,cAAC,QAAA,EAAM,GAAG,YAAY,KAAK,eACvB,sBAAA,cAACD,QAAiB,MAAjB,EAAsB,MAAY,cAAc,iBAAA,GAE5C,QAEA,QACL,CACJ,CACJ;AAER,CAAC;AACD,OAAO,SAAS;AAChB,OAAO,UAAU;AACjB,OAAO,QAAQ;"}
+{"version":3,"file":"Hanger.js","sources":["../../../src/components/Hanger/Hanger.tsx"],"sourcesContent":["import { Popover as PopoverPrimitive } from '@base-ui/react/popover';\nimport cn from 'clsx';\nimport * as React from 'react';\n\nimport type { Placement } from '../..';\nimport { mergeRefs } from '../../utils/mergeRefs';\nimport { LegacyIconButton } from '../LegacyComponents/IconButton/IconButton';\nimport { useLocalization } from '../Provider/Localization';\n\nimport { UnstyledArrow } from './Arrow';\n\nimport './Hanger.css';\n\ntype HangerContextValue = {\n    /** Handler called when hanger closes by user interaction */\n    onClose?: () => void;\n    anchorRef: React.RefObject<HTMLElement | null>;\n};\nconst HangerContext = React.createContext<HangerContextValue>({\n    anchorRef: { current: null },\n    onClose: undefined,\n});\n\nexport type HangerTexts = {\n    /** Aria-label for the close icon button of hanger */\n    close: string;\n};\n\nexport type HangerAnchorProps = React.PropsWithChildren;\n// `Hanger.Anchor` is a pure pass-through that renders its child untouched. It exists only to keep\n// the composable API (<Hanger.Anchor>…</Hanger.Anchor>) — the Hanger root owns the single DOM\n// wrapper that serves as the positioning anchor, so this adds no DOM and needs no ref.\nconst Anchor: React.FC<HangerAnchorProps> = ({ children }) => <>{children}</>;\n\nexport type HangerTitleProps = React.HTMLAttributes<HTMLHeadingElement>;\nexport const Title = React.forwardRef(function DialogTitle(props: HangerTitleProps, ref: React.Ref<HTMLHeadingElement>) {\n    const className = cn('mb-1 flex w-full text-base font-bold', props.className);\n    return <span {...props} className={className} ref={ref} />;\n});\n\nexport type HangerContentProps = React.HTMLAttributes<HTMLDivElement> & {\n    /** Set the position of the Hanger relative to its achor. Default value is `bottom` */\n    placement?: Placement;\n    hideWhenDetached?: boolean;\n    container?: HTMLElement | null;\n};\n\nconst Content = React.forwardRef(function HangerContent(props: HangerContentProps, ref: React.Ref<HTMLDivElement>) {\n    const { placement: side, hideWhenDetached = false, container, ...popoverContentProps } = props;\n    const context = React.useContext(HangerContext);\n    const { texts } = useLocalization();\n    const className = cn(\n        'max-w-sm rounded border border-transparent bg-blue-500 p-3 pr-12 text-white yt-shadow focus:border-transparent print:hidden',\n        props.className\n    );\n\n    return (\n        <PopoverPrimitive.Portal container={container}>\n            <PopoverPrimitive.Positioner\n                anchor={context.anchorRef}\n                className={hideWhenDetached ? 'data-[anchor-hidden]:hidden' : undefined}\n                side={side}\n                sideOffset={11}>\n                <PopoverPrimitive.Popup {...popoverContentProps} className={className} data-taco=\"hanger\" ref={ref}>\n                    {props.children}\n                    <UnstyledArrow className=\"text-blue-500\" />\n                    <PopoverPrimitive.Close\n                        render={\n                            <LegacyIconButton\n                                appearance=\"primary\"\n                                aria-label={texts.hanger.close}\n                                className=\"absolute right-0 top-0 mx-2 mt-2 text-white\"\n                                icon=\"close\"\n                                onClick={context.onClose}\n                            />\n                        }\n                    />\n                </PopoverPrimitive.Popup>\n            </PopoverPrimitive.Positioner>\n        </PopoverPrimitive.Portal>\n    );\n});\n\nexport type HangerProps = React.PropsWithChildren<{\n    /** An anchor to be used for the hanger, should not be set if `children` already contains an anchor */\n    anchor?: React.JSX.Element;\n    /**\n     * Shows or hides hanger depending on the value\n     * @defaultValue true\n     */\n    defaultOpen?: boolean;\n    /** Handler called when user closes the hanger */\n    onClose?: () => void;\n}>;\n\nexport type ForwardedHangerWithStatics = React.ForwardRefExoticComponent<HangerProps & React.RefAttributes<HTMLElement>> & {\n    Anchor: React.FC<HangerAnchorProps>;\n    Content: React.ForwardRefExoticComponent<HangerContentProps>;\n    Title: React.ForwardRefExoticComponent<HangerTitleProps>;\n};\n\nexport const Hanger = React.forwardRef<HTMLSpanElement, HangerProps>(function Hanger(props, ref) {\n    const { anchor, children, defaultOpen = true, onClose, ...otherProps } = props;\n    const anchorRef = React.useRef<HTMLElement>(null);\n    const combinedRef = mergeRefs([anchorRef as React.MutableRefObject<HTMLElement | null>, ref]);\n    const context = React.useMemo(() => ({ anchorRef, onClose }), [onClose]);\n\n    // we do this to ensure hangers are mounted after their containers, e.g. if the container is another portal\n    const [open, setOpen] = React.useState(false);\n    React.useEffect(() => {\n        if (defaultOpen) {\n            setOpen(defaultOpen);\n        }\n    }, []);\n\n    // Hanger should only close from its close button, matching the previous Radix onInteractOutside behavior.\n    const handleOpenChange = (nextOpen: boolean, eventDetails: PopoverPrimitive.Root.ChangeEventDetails) => {\n        if (!nextOpen && (eventDetails.reason === 'outside-press' || eventDetails.reason === 'focus-out')) {\n            eventDetails.cancel();\n            return;\n        }\n\n        setOpen(nextOpen);\n    };\n\n    // Single inline <span> wrapper: serves as the Floating UI anchor (its rect matches the\n    // in-flow trigger child) and contains the FloatingFocusManager guard spans Base UI injects\n    // when open, so they aren't siblings of the Hanger in parent IntersectionObservers\n    // (e.g. OverflowGroup's) and don't get counted as overflowed children.\n    return (\n        <HangerContext.Provider value={context}>\n            <span {...otherProps} ref={combinedRef as React.Ref<HTMLSpanElement>}>\n                <PopoverPrimitive.Root open={open} onOpenChange={handleOpenChange}>\n                    {/* Anchor via the `anchor` prop. */}\n                    {anchor}\n                    {/* Composition (<Hanger.Anchor>) and the popup Content (portaled out) come through {children}. */}\n                    {children}\n                </PopoverPrimitive.Root>\n            </span>\n        </HangerContext.Provider>\n    );\n}) as ForwardedHangerWithStatics;\nHanger.Anchor = Anchor;\nHanger.Content = Content;\nHanger.Title = Title;\n"],"names":["PopoverPrimitive","Hanger"],"mappings":";;;;;;;;AAkBA,MAAM,gBAAgB,MAAM,cAAkC;AAAA,EAC1D,WAAW,EAAE,SAAS,KAAA;AAAA,EACtB,SAAS;AACb,CAAC;AAWD,MAAM,SAAsC,CAAC,EAAE,SAAA,gEAAkB,QAAS;AAGnE,MAAM,QAAQ,MAAM,WAAW,SAAS,YAAY,OAAyB,KAAoC;AACpH,QAAM,YAAY,GAAG,wCAAwC,MAAM,SAAS;AAC5E,SAAO,sBAAA,cAAC,QAAA,EAAM,GAAG,OAAO,WAAsB,KAAU;AAC5D,CAAC;AASD,MAAM,UAAU,MAAM,WAAW,SAAS,cAAc,OAA2B,KAAgC;AAC/G,QAAM,EAAE,WAAW,MAAM,mBAAmB,OAAO,WAAW,GAAG,wBAAwB;AACzF,QAAM,UAAU,MAAM,WAAW,aAAa;AAC9C,QAAM,EAAE,MAAA,IAAU,gBAAA;AAClB,QAAM,YAAY;AAAA,IACd;AAAA,IACA,MAAM;AAAA,EAAA;AAGV,SACI,sBAAA,cAACA,QAAiB,QAAjB,EAAwB,UAAA,GACrB,sBAAA;AAAA,IAACA,QAAiB;AAAA,IAAjB;AAAA,MACG,QAAQ,QAAQ;AAAA,MAChB,WAAW,mBAAmB,gCAAgC;AAAA,MAC9D;AAAA,MACA,YAAY;AAAA,IAAA;AAAA,wCACXA,QAAiB,OAAjB,EAAwB,GAAG,qBAAqB,WAAsB,aAAU,UAAS,IAAA,GACrF,MAAM,UACP,sBAAA,cAAC,eAAA,EAAc,WAAU,iBAAgB,GACzC,sBAAA;AAAA,MAACA,QAAiB;AAAA,MAAjB;AAAA,QACG,QACI,sBAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,YAAW;AAAA,YACX,cAAY,MAAM,OAAO;AAAA,YACzB,WAAU;AAAA,YACV,MAAK;AAAA,YACL,SAAS,QAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,MACrB;AAAA,IAAA,CAGZ;AAAA,EAAA,CAER;AAER,CAAC;AAoBM,MAAM,SAAS,MAAM,WAAyC,SAASC,QAAO,OAAO,KAAK;AAC7F,QAAM,EAAE,QAAQ,UAAU,cAAc,MAAM,SAAS,GAAG,eAAe;AACzE,QAAM,YAAY,MAAM,OAAoB,IAAI;AAChD,QAAM,cAAc,UAAU,CAAC,WAAyD,GAAG,CAAC;AAC5F,QAAM,UAAU,MAAM,QAAQ,OAAO,EAAE,WAAW,QAAA,IAAY,CAAC,OAAO,CAAC;AAGvE,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,KAAK;AAC5C,QAAM,UAAU,MAAM;AAClB,QAAI,aAAa;AACb,cAAQ,WAAW;AAAA,IACvB;AAAA,EACJ,GAAG,CAAA,CAAE;AAGL,QAAM,mBAAmB,CAAC,UAAmB,iBAA2D;AACpG,QAAI,CAAC,aAAa,aAAa,WAAW,mBAAmB,aAAa,WAAW,cAAc;AAC/F,mBAAa,OAAA;AACb;AAAA,IACJ;AAEA,YAAQ,QAAQ;AAAA,EACpB;AAMA,SACI,sBAAA,cAAC,cAAc,UAAd,EAAuB,OAAO,QAAA,GAC3B,sBAAA,cAAC,QAAA,EAAM,GAAG,YAAY,KAAK,eACvB,sBAAA,cAACD,QAAiB,MAAjB,EAAsB,MAAY,cAAc,iBAAA,GAE5C,QAEA,QACL,CACJ,CACJ;AAER,CAAC;AACD,OAAO,SAAS;AAChB,OAAO,UAAU;AACjB,OAAO,QAAQ;"}

package/dist/components/Header/components/Agreement/Display.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Display.cjs","sources":["../../../../../src/components/Header/components/Agreement/Display.tsx"],"sourcesContent":["import cn from 'clsx';\nimport React from 'react';\n\nimport { useMatchMedia } from '../../../../hooks/useMatchMedia';\n\nimport { AgreementAvatar } from './Avatar';\nimport { AgreementBadge } from './Badge';\nimport { AgreementItem } from './Item';\nimport type { Agreement } from './types';\n\nexport type AgreementDisplayProps = {\n    children?: JSX.Element | null;\n    className?: string;\n    currentAgreement: Agreement;\n    fallbackImageSrc: string;\n};\n\nexport const AgreementDisplay = (props: AgreementDisplayProps) => {\n    const { children, currentAgreement, fallbackImageSrc } = props;\n    const isXlScreen = useMatchMedia('(min-width: 1280px)', window.innerWidth > 1280);\n\n    if (isXlScreen) {\n        const className = cn('h-12 flex-grow xl:[button>&]:hover:bg-white/[0.16]', props.className);\n        return (\n            <AgreementItem {...currentAgreement} children={children} className={className} fallbackImageSrc={fallbackImageSrc} />\n        );\n    }\n\n    return (\n        <span className=\"relative flex h-12 flex-grow items-center pr-2\">\n            <AgreementAvatar\n                fallbackSrc={fallbackImageSrc}\n                src={currentAgreement.imageSrc}\n                title={`${currentAgreement.name} - ${currentAgreement.number} ${currentAgreement.userId}`}\n            />\n            <AgreementBadge agreement={currentAgreement} className=\"absolute right-0 top-0 -mr-1 w-8 !justify-start\" />\n        </span>\n    );\n};\n"],"names":["useMatchMedia","AgreementItem","AgreementAvatar","AgreementBadge"],"mappings":";;;;;;;;AAiBO,MAAM,mBAAmB,CAAC,UAAiC;AAC9D,QAAM,EAAE,UAAU,kBAAkB,iBAAA,IAAqB;AACzD,QAAM,aAAaA,cAAAA,cAAc,uBAAuB,OAAO,aAAa,IAAI;AAEhF,MAAI,YAAY;AACZ,UAAM,YAAY,GAAG,sDAAsD,MAAM,SAAS;AAC1F,+CACKC,oBAAA,EAAe,GAAG,kBAAkB,UAAoB,WAAsB,kBAAoC;AAAA,EAE3H;AAEA,SACI,sBAAA,cAAC,QAAA,EAAK,WAAU,iDAAA,GACZ,sBAAA;AAAA,IAACC,OAAAA;AAAAA,IAAA;AAAA,MACG,aAAa;AAAA,MACb,KAAK,iBAAiB;AAAA,MACtB,OAAO,GAAG,iBAAiB,IAAI,MAAM,iBAAiB,MAAM,IAAI,iBAAiB,MAAM;AAAA,IAAA;AAAA,EAAA,GAE3F,sBAAA,cAACC,sBAAA,EAAe,WAAW,kBAAkB,WAAU,mDAAkD,CAC7G;AAER;;"}
+{"version":3,"file":"Display.cjs","sources":["../../../../../src/components/Header/components/Agreement/Display.tsx"],"sourcesContent":["import cn from 'clsx';\nimport React from 'react';\n\nimport { useMatchMedia } from '../../../../hooks/useMatchMedia';\n\nimport { AgreementAvatar } from './Avatar';\nimport { AgreementBadge } from './Badge';\nimport { AgreementItem } from './Item';\nimport type { Agreement } from './types';\n\nexport type AgreementDisplayProps = {\n    children?: React.JSX.Element | null;\n    className?: string;\n    currentAgreement: Agreement;\n    fallbackImageSrc: string;\n};\n\nexport const AgreementDisplay = (props: AgreementDisplayProps) => {\n    const { children, currentAgreement, fallbackImageSrc } = props;\n    const isXlScreen = useMatchMedia('(min-width: 1280px)', window.innerWidth > 1280);\n\n    if (isXlScreen) {\n        const className = cn('h-12 flex-grow xl:[button>&]:hover:bg-white/[0.16]', props.className);\n        return (\n            <AgreementItem {...currentAgreement} children={children} className={className} fallbackImageSrc={fallbackImageSrc} />\n        );\n    }\n\n    return (\n        <span className=\"relative flex h-12 flex-grow items-center pr-2\">\n            <AgreementAvatar\n                fallbackSrc={fallbackImageSrc}\n                src={currentAgreement.imageSrc}\n                title={`${currentAgreement.name} - ${currentAgreement.number} ${currentAgreement.userId}`}\n            />\n            <AgreementBadge agreement={currentAgreement} className=\"absolute right-0 top-0 -mr-1 w-8 !justify-start\" />\n        </span>\n    );\n};\n"],"names":["useMatchMedia","AgreementItem","AgreementAvatar","AgreementBadge"],"mappings":";;;;;;;;AAiBO,MAAM,mBAAmB,CAAC,UAAiC;AAC9D,QAAM,EAAE,UAAU,kBAAkB,iBAAA,IAAqB;AACzD,QAAM,aAAaA,cAAAA,cAAc,uBAAuB,OAAO,aAAa,IAAI;AAEhF,MAAI,YAAY;AACZ,UAAM,YAAY,GAAG,sDAAsD,MAAM,SAAS;AAC1F,+CACKC,oBAAA,EAAe,GAAG,kBAAkB,UAAoB,WAAsB,kBAAoC;AAAA,EAE3H;AAEA,SACI,sBAAA,cAAC,QAAA,EAAK,WAAU,iDAAA,GACZ,sBAAA;AAAA,IAACC,OAAAA;AAAAA,IAAA;AAAA,MACG,aAAa;AAAA,MACb,KAAK,iBAAiB;AAAA,MACtB,OAAO,GAAG,iBAAiB,IAAI,MAAM,iBAAiB,MAAM,IAAI,iBAAiB,MAAM;AAAA,IAAA;AAAA,EAAA,GAE3F,sBAAA,cAACC,sBAAA,EAAe,WAAW,kBAAkB,WAAU,mDAAkD,CAC7G;AAER;;"}

package/dist/components/Header/components/Agreement/Display.d.ts

@@ -1,7 +1,7 @@
 import { default as React } from 'react';
 import { Agreement } from './types';
 export type AgreementDisplayProps = {
-    children?: JSX.Element | null;
+    children?: React.JSX.Element | null;
     className?: string;
     currentAgreement: Agreement;
     fallbackImageSrc: string;

package/dist/components/Header/components/Agreement/Display.js.map

@@ -1 +1 @@
-{"version":3,"file":"Display.js","sources":["../../../../../src/components/Header/components/Agreement/Display.tsx"],"sourcesContent":["import cn from 'clsx';\nimport React from 'react';\n\nimport { useMatchMedia } from '../../../../hooks/useMatchMedia';\n\nimport { AgreementAvatar } from './Avatar';\nimport { AgreementBadge } from './Badge';\nimport { AgreementItem } from './Item';\nimport type { Agreement } from './types';\n\nexport type AgreementDisplayProps = {\n    children?: JSX.Element | null;\n    className?: string;\n    currentAgreement: Agreement;\n    fallbackImageSrc: string;\n};\n\nexport const AgreementDisplay = (props: AgreementDisplayProps) => {\n    const { children, currentAgreement, fallbackImageSrc } = props;\n    const isXlScreen = useMatchMedia('(min-width: 1280px)', window.innerWidth > 1280);\n\n    if (isXlScreen) {\n        const className = cn('h-12 flex-grow xl:[button>&]:hover:bg-white/[0.16]', props.className);\n        return (\n            <AgreementItem {...currentAgreement} children={children} className={className} fallbackImageSrc={fallbackImageSrc} />\n        );\n    }\n\n    return (\n        <span className=\"relative flex h-12 flex-grow items-center pr-2\">\n            <AgreementAvatar\n                fallbackSrc={fallbackImageSrc}\n                src={currentAgreement.imageSrc}\n                title={`${currentAgreement.name} - ${currentAgreement.number} ${currentAgreement.userId}`}\n            />\n            <AgreementBadge agreement={currentAgreement} className=\"absolute right-0 top-0 -mr-1 w-8 !justify-start\" />\n        </span>\n    );\n};\n"],"names":["React"],"mappings":";;;;;;AAiBO,MAAM,mBAAmB,CAAC,UAAiC;AAC9D,QAAM,EAAE,UAAU,kBAAkB,iBAAA,IAAqB;AACzD,QAAM,aAAa,cAAc,uBAAuB,OAAO,aAAa,IAAI;AAEhF,MAAI,YAAY;AACZ,UAAM,YAAY,GAAG,sDAAsD,MAAM,SAAS;AAC1F,wDACK,eAAA,EAAe,GAAG,kBAAkB,UAAoB,WAAsB,kBAAoC;AAAA,EAE3H;AAEA,SACIA,+BAAA,cAAC,QAAA,EAAK,WAAU,iDAAA,GACZA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,aAAa;AAAA,MACb,KAAK,iBAAiB;AAAA,MACtB,OAAO,GAAG,iBAAiB,IAAI,MAAM,iBAAiB,MAAM,IAAI,iBAAiB,MAAM;AAAA,IAAA;AAAA,EAAA,GAE3FA,+BAAA,cAAC,gBAAA,EAAe,WAAW,kBAAkB,WAAU,mDAAkD,CAC7G;AAER;"}
+{"version":3,"file":"Display.js","sources":["../../../../../src/components/Header/components/Agreement/Display.tsx"],"sourcesContent":["import cn from 'clsx';\nimport React from 'react';\n\nimport { useMatchMedia } from '../../../../hooks/useMatchMedia';\n\nimport { AgreementAvatar } from './Avatar';\nimport { AgreementBadge } from './Badge';\nimport { AgreementItem } from './Item';\nimport type { Agreement } from './types';\n\nexport type AgreementDisplayProps = {\n    children?: React.JSX.Element | null;\n    className?: string;\n    currentAgreement: Agreement;\n    fallbackImageSrc: string;\n};\n\nexport const AgreementDisplay = (props: AgreementDisplayProps) => {\n    const { children, currentAgreement, fallbackImageSrc } = props;\n    const isXlScreen = useMatchMedia('(min-width: 1280px)', window.innerWidth > 1280);\n\n    if (isXlScreen) {\n        const className = cn('h-12 flex-grow xl:[button>&]:hover:bg-white/[0.16]', props.className);\n        return (\n            <AgreementItem {...currentAgreement} children={children} className={className} fallbackImageSrc={fallbackImageSrc} />\n        );\n    }\n\n    return (\n        <span className=\"relative flex h-12 flex-grow items-center pr-2\">\n            <AgreementAvatar\n                fallbackSrc={fallbackImageSrc}\n                src={currentAgreement.imageSrc}\n                title={`${currentAgreement.name} - ${currentAgreement.number} ${currentAgreement.userId}`}\n            />\n            <AgreementBadge agreement={currentAgreement} className=\"absolute right-0 top-0 -mr-1 w-8 !justify-start\" />\n        </span>\n    );\n};\n"],"names":["React"],"mappings":";;;;;;AAiBO,MAAM,mBAAmB,CAAC,UAAiC;AAC9D,QAAM,EAAE,UAAU,kBAAkB,iBAAA,IAAqB;AACzD,QAAM,aAAa,cAAc,uBAAuB,OAAO,aAAa,IAAI;AAEhF,MAAI,YAAY;AACZ,UAAM,YAAY,GAAG,sDAAsD,MAAM,SAAS;AAC1F,wDACK,eAAA,EAAe,GAAG,kBAAkB,UAAoB,WAAsB,kBAAoC;AAAA,EAE3H;AAEA,SACIA,+BAAA,cAAC,QAAA,EAAK,WAAU,iDAAA,GACZA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,aAAa;AAAA,MACb,KAAK,iBAAiB;AAAA,MACtB,OAAO,GAAG,iBAAiB,IAAI,MAAM,iBAAiB,MAAM,IAAI,iBAAiB,MAAM;AAAA,IAAA;AAAA,EAAA,GAE3FA,+BAAA,cAAC,gBAAA,EAAe,WAAW,kBAAkB,WAAU,mDAAkD,CAC7G;AAER;"}

package/dist/components/Header/components/Agreement/Item.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Item.cjs","sources":["../../../../../src/components/Header/components/Agreement/Item.tsx"],"sourcesContent":["import cn from 'clsx';\nimport React from 'react';\n\nimport { Icon } from '../../../Icon/Icon';\n\nimport { AgreementAvatar } from './Avatar';\nimport { AgreementBadge } from './Badge';\nimport type { Agreement } from './types';\n\nexport type AgreementItemProps = Agreement & {\n    children?: JSX.Element | null;\n    className?: string;\n    fallbackImageSrc: string;\n};\n\nexport const AgreementItem = (props: AgreementItemProps) => {\n    const { children, className: customClassName, fallbackImageSrc, ...agreement } = props;\n    const className = cn('flex w-full items-center gap-2 overflow-hidden rounded px-2 text-left', customClassName);\n\n    return (\n        <span className={className}>\n            <AgreementAvatar\n                fallbackSrc={fallbackImageSrc}\n                src={agreement.imageSrc}\n                title={`${agreement.name} - ${agreement.number} ${agreement.userId}`}\n            />\n            <span className=\"flex flex-col overflow-hidden\">\n                <span className=\"flex truncate text-white\" title={agreement.name}>\n                    <span className=\"truncate\">{agreement.name}</span>{' '}\n                    {agreement.secure ? (\n                        <Icon name=\"secure-tick\" className=\"mb-0.5 ml-1 mt-0.5 !h-4 !w-4 flex-shrink-0 flex-grow-0\" />\n                    ) : null}\n                </span>\n                <span className=\"whitespace-nowrap text-xs text-gray-100\">\n                    {agreement.number} {agreement.userId} <AgreementBadge agreement={agreement} />\n                </span>\n            </span>\n            {children}\n        </span>\n    );\n};\n"],"names":["AgreementAvatar","Icon","AgreementBadge"],"mappings":";;;;;;;AAeO,MAAM,gBAAgB,CAAC,UAA8B;AACxD,QAAM,EAAE,UAAU,WAAW,iBAAiB,kBAAkB,GAAG,cAAc;AACjF,QAAM,YAAY,GAAG,yEAAyE,eAAe;AAE7G,SACI,sBAAA,cAAC,UAAK,UAAA,GACF,sBAAA;AAAA,IAACA,OAAAA;AAAAA,IAAA;AAAA,MACG,aAAa;AAAA,MACb,KAAK,UAAU;AAAA,MACf,OAAO,GAAG,UAAU,IAAI,MAAM,UAAU,MAAM,IAAI,UAAU,MAAM;AAAA,IAAA;AAAA,EAAA,uCAErE,QAAA,EAAK,WAAU,mCACZ,sBAAA,cAAC,QAAA,EAAK,WAAU,4BAA2B,OAAO,UAAU,KAAA,GACxD,sBAAA,cAAC,UAAK,WAAU,cAAY,UAAU,IAAK,GAAQ,KAClD,UAAU,SACP,sBAAA,cAACC,KAAAA,QAAK,MAAK,eAAc,WAAU,yDAAA,CAAyD,IAC5F,IACR,GACA,sBAAA,cAAC,QAAA,EAAK,WAAU,0CAAA,GACX,UAAU,QAAO,KAAE,UAAU,QAAO,KAAC,sBAAA,cAACC,MAAAA,kBAAe,UAAA,CAAsB,CAChF,CACJ,GACC,QACL;AAER;;"}
+{"version":3,"file":"Item.cjs","sources":["../../../../../src/components/Header/components/Agreement/Item.tsx"],"sourcesContent":["import cn from 'clsx';\nimport React from 'react';\n\nimport { Icon } from '../../../Icon/Icon';\n\nimport { AgreementAvatar } from './Avatar';\nimport { AgreementBadge } from './Badge';\nimport type { Agreement } from './types';\n\nexport type AgreementItemProps = Agreement & {\n    children?: React.JSX.Element | null;\n    className?: string;\n    fallbackImageSrc: string;\n};\n\nexport const AgreementItem = (props: AgreementItemProps) => {\n    const { children, className: customClassName, fallbackImageSrc, ...agreement } = props;\n    const className = cn('flex w-full items-center gap-2 overflow-hidden rounded px-2 text-left', customClassName);\n\n    return (\n        <span className={className}>\n            <AgreementAvatar\n                fallbackSrc={fallbackImageSrc}\n                src={agreement.imageSrc}\n                title={`${agreement.name} - ${agreement.number} ${agreement.userId}`}\n            />\n            <span className=\"flex flex-col overflow-hidden\">\n                <span className=\"flex truncate text-white\" title={agreement.name}>\n                    <span className=\"truncate\">{agreement.name}</span>{' '}\n                    {agreement.secure ? (\n                        <Icon name=\"secure-tick\" className=\"mb-0.5 ml-1 mt-0.5 !h-4 !w-4 flex-shrink-0 flex-grow-0\" />\n                    ) : null}\n                </span>\n                <span className=\"whitespace-nowrap text-xs text-gray-100\">\n                    {agreement.number} {agreement.userId} <AgreementBadge agreement={agreement} />\n                </span>\n            </span>\n            {children}\n        </span>\n    );\n};\n"],"names":["AgreementAvatar","Icon","AgreementBadge"],"mappings":";;;;;;;AAeO,MAAM,gBAAgB,CAAC,UAA8B;AACxD,QAAM,EAAE,UAAU,WAAW,iBAAiB,kBAAkB,GAAG,cAAc;AACjF,QAAM,YAAY,GAAG,yEAAyE,eAAe;AAE7G,SACI,sBAAA,cAAC,UAAK,UAAA,GACF,sBAAA;AAAA,IAACA,OAAAA;AAAAA,IAAA;AAAA,MACG,aAAa;AAAA,MACb,KAAK,UAAU;AAAA,MACf,OAAO,GAAG,UAAU,IAAI,MAAM,UAAU,MAAM,IAAI,UAAU,MAAM;AAAA,IAAA;AAAA,EAAA,uCAErE,QAAA,EAAK,WAAU,mCACZ,sBAAA,cAAC,QAAA,EAAK,WAAU,4BAA2B,OAAO,UAAU,KAAA,GACxD,sBAAA,cAAC,UAAK,WAAU,cAAY,UAAU,IAAK,GAAQ,KAClD,UAAU,SACP,sBAAA,cAACC,KAAAA,QAAK,MAAK,eAAc,WAAU,yDAAA,CAAyD,IAC5F,IACR,GACA,sBAAA,cAAC,QAAA,EAAK,WAAU,0CAAA,GACX,UAAU,QAAO,KAAE,UAAU,QAAO,KAAC,sBAAA,cAACC,MAAAA,kBAAe,UAAA,CAAsB,CAChF,CACJ,GACC,QACL;AAER;;"}

package/dist/components/Header/components/Agreement/Item.d.ts

@@ -1,7 +1,7 @@
 import { default as React } from 'react';
 import { Agreement } from './types';
 export type AgreementItemProps = Agreement & {
-    children?: JSX.Element | null;
+    children?: React.JSX.Element | null;
     className?: string;
     fallbackImageSrc: string;
 };

package/dist/components/Header/components/Agreement/Item.js.map

@@ -1 +1 @@
-{"version":3,"file":"Item.js","sources":["../../../../../src/components/Header/components/Agreement/Item.tsx"],"sourcesContent":["import cn from 'clsx';\nimport React from 'react';\n\nimport { Icon } from '../../../Icon/Icon';\n\nimport { AgreementAvatar } from './Avatar';\nimport { AgreementBadge } from './Badge';\nimport type { Agreement } from './types';\n\nexport type AgreementItemProps = Agreement & {\n    children?: JSX.Element | null;\n    className?: string;\n    fallbackImageSrc: string;\n};\n\nexport const AgreementItem = (props: AgreementItemProps) => {\n    const { children, className: customClassName, fallbackImageSrc, ...agreement } = props;\n    const className = cn('flex w-full items-center gap-2 overflow-hidden rounded px-2 text-left', customClassName);\n\n    return (\n        <span className={className}>\n            <AgreementAvatar\n                fallbackSrc={fallbackImageSrc}\n                src={agreement.imageSrc}\n                title={`${agreement.name} - ${agreement.number} ${agreement.userId}`}\n            />\n            <span className=\"flex flex-col overflow-hidden\">\n                <span className=\"flex truncate text-white\" title={agreement.name}>\n                    <span className=\"truncate\">{agreement.name}</span>{' '}\n                    {agreement.secure ? (\n                        <Icon name=\"secure-tick\" className=\"mb-0.5 ml-1 mt-0.5 !h-4 !w-4 flex-shrink-0 flex-grow-0\" />\n                    ) : null}\n                </span>\n                <span className=\"whitespace-nowrap text-xs text-gray-100\">\n                    {agreement.number} {agreement.userId} <AgreementBadge agreement={agreement} />\n                </span>\n            </span>\n            {children}\n        </span>\n    );\n};\n"],"names":["React"],"mappings":";;;;;AAeO,MAAM,gBAAgB,CAAC,UAA8B;AACxD,QAAM,EAAE,UAAU,WAAW,iBAAiB,kBAAkB,GAAG,cAAc;AACjF,QAAM,YAAY,GAAG,yEAAyE,eAAe;AAE7G,SACIA,+BAAA,cAAC,UAAK,UAAA,GACFA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,aAAa;AAAA,MACb,KAAK,UAAU;AAAA,MACf,OAAO,GAAG,UAAU,IAAI,MAAM,UAAU,MAAM,IAAI,UAAU,MAAM;AAAA,IAAA;AAAA,EAAA,gDAErE,QAAA,EAAK,WAAU,mCACZA,+BAAA,cAAC,QAAA,EAAK,WAAU,4BAA2B,OAAO,UAAU,KAAA,GACxDA,+BAAA,cAAC,UAAK,WAAU,cAAY,UAAU,IAAK,GAAQ,KAClD,UAAU,SACPA,+BAAA,cAAC,QAAK,MAAK,eAAc,WAAU,yDAAA,CAAyD,IAC5F,IACR,GACAA,+BAAA,cAAC,QAAA,EAAK,WAAU,0CAAA,GACX,UAAU,QAAO,KAAE,UAAU,QAAO,KAACA,+BAAA,cAAC,kBAAe,UAAA,CAAsB,CAChF,CACJ,GACC,QACL;AAER;"}
+{"version":3,"file":"Item.js","sources":["../../../../../src/components/Header/components/Agreement/Item.tsx"],"sourcesContent":["import cn from 'clsx';\nimport React from 'react';\n\nimport { Icon } from '../../../Icon/Icon';\n\nimport { AgreementAvatar } from './Avatar';\nimport { AgreementBadge } from './Badge';\nimport type { Agreement } from './types';\n\nexport type AgreementItemProps = Agreement & {\n    children?: React.JSX.Element | null;\n    className?: string;\n    fallbackImageSrc: string;\n};\n\nexport const AgreementItem = (props: AgreementItemProps) => {\n    const { children, className: customClassName, fallbackImageSrc, ...agreement } = props;\n    const className = cn('flex w-full items-center gap-2 overflow-hidden rounded px-2 text-left', customClassName);\n\n    return (\n        <span className={className}>\n            <AgreementAvatar\n                fallbackSrc={fallbackImageSrc}\n                src={agreement.imageSrc}\n                title={`${agreement.name} - ${agreement.number} ${agreement.userId}`}\n            />\n            <span className=\"flex flex-col overflow-hidden\">\n                <span className=\"flex truncate text-white\" title={agreement.name}>\n                    <span className=\"truncate\">{agreement.name}</span>{' '}\n                    {agreement.secure ? (\n                        <Icon name=\"secure-tick\" className=\"mb-0.5 ml-1 mt-0.5 !h-4 !w-4 flex-shrink-0 flex-grow-0\" />\n                    ) : null}\n                </span>\n                <span className=\"whitespace-nowrap text-xs text-gray-100\">\n                    {agreement.number} {agreement.userId} <AgreementBadge agreement={agreement} />\n                </span>\n            </span>\n            {children}\n        </span>\n    );\n};\n"],"names":["React"],"mappings":";;;;;AAeO,MAAM,gBAAgB,CAAC,UAA8B;AACxD,QAAM,EAAE,UAAU,WAAW,iBAAiB,kBAAkB,GAAG,cAAc;AACjF,QAAM,YAAY,GAAG,yEAAyE,eAAe;AAE7G,SACIA,+BAAA,cAAC,UAAK,UAAA,GACFA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,aAAa;AAAA,MACb,KAAK,UAAU;AAAA,MACf,OAAO,GAAG,UAAU,IAAI,MAAM,UAAU,MAAM,IAAI,UAAU,MAAM;AAAA,IAAA;AAAA,EAAA,gDAErE,QAAA,EAAK,WAAU,mCACZA,+BAAA,cAAC,QAAA,EAAK,WAAU,4BAA2B,OAAO,UAAU,KAAA,GACxDA,+BAAA,cAAC,UAAK,WAAU,cAAY,UAAU,IAAK,GAAQ,KAClD,UAAU,SACPA,+BAAA,cAAC,QAAK,MAAK,eAAc,WAAU,yDAAA,CAAyD,IAC5F,IACR,GACAA,+BAAA,cAAC,QAAA,EAAK,WAAU,0CAAA,GACX,UAAU,QAAO,KAAE,UAAU,QAAO,KAACA,+BAAA,cAAC,kBAAe,UAAA,CAAsB,CAChF,CACJ,GACC,QACL;AAER;"}

package/dist/components/Header/components/Link.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Link.cjs","sources":["../../../../src/components/Header/components/Link.tsx"],"sourcesContent":["import cn from 'clsx';\nimport React from 'react';\n\nimport { Badge } from '../../Badge/Badge';\nimport type { IconName } from '../../Icon/Icon';\nimport { Icon } from '../../Icon/Icon';\nimport { useLocalization } from '../../Provider/Localization';\nimport { Tooltip } from '../../Tooltip/Tooltip';\n\nexport type BaseLinkProps = React.AnchorHTMLAttributes<HTMLAnchorElement> & {\n    tooltip?: string;\n};\n\ntype LinkPropsWithoutIcon = {\n    children: JSX.Element | string;\n    icon?: never;\n    isNew?: never;\n} & BaseLinkProps;\n\ntype LinkPropsWithIcon = {\n    'aria-label': string;\n    children?: never;\n    icon: IconName;\n    isNew?: boolean;\n} & Omit<BaseLinkProps, 'aria-label'>;\n\nexport type LinkProps = LinkPropsWithoutIcon | LinkPropsWithIcon;\n\nexport const Link = React.forwardRef<HTMLAnchorElement, LinkProps>(function Link(props, ref) {\n    const { children, icon, isNew, tooltip, ...otherProps } = props;\n    const { texts } = useLocalization();\n    const className = cn(getLinkClasses(icon), 'relative', props.className);\n\n    const link = (\n        <a {...otherProps} className={className} data-taco=\"header-link\" ref={ref} tabIndex={0}>\n            {icon ? <Icon name={icon} /> : null}\n            {children}\n            {isNew ? (\n                <Badge color=\"blue\" small className=\"absolute right-0 top-0 -mr-3 -mt-2 !h-4 !px-1 text-xs font-normal\">\n                    {texts.header.new}\n                </Badge>\n            ) : null}\n        </a>\n    );\n\n    if (tooltip) {\n        return <Tooltip title={tooltip}>{link}</Tooltip>;\n    }\n\n    return link;\n});\n\nexport const getLinkClasses = (icon: IconName | undefined = undefined) =>\n    cn(\n        'flex h-8 flex-shrink-0 flex-grow-0 cursor-pointer items-center justify-center',\n        'focus:!shadow-none focus:!outline-none focus-visible:!yt-focus-dark',\n        'bg-transparent hover:bg-white-subtle focus:bg-white-subtle aria-current-page:bg-white-subtle',\n        '!text-white hover:text-white focus:text-white',\n        {\n            '!h-9 !w-9 !rounded-full': icon,\n            'hidden whitespace-nowrap rounded px-3 text-sm lg:flex': !icon,\n        }\n    );\n"],"names":["Link","useLocalization","Icon","Badge","Tooltip"],"mappings":";;;;;;;;AA4BO,MAAM,OAAO,MAAM,WAAyC,SAASA,MAAK,OAAO,KAAK;AACzF,QAAM,EAAE,UAAU,MAAM,OAAO,SAAS,GAAG,eAAe;AAC1D,QAAM,EAAE,MAAA,IAAUC,6BAAA;AAClB,QAAM,YAAY,GAAG,eAAe,IAAI,GAAG,YAAY,MAAM,SAAS;AAEtE,QAAM,OACF,sBAAA,cAAC,KAAA,EAAG,GAAG,YAAY,WAAsB,aAAU,eAAc,KAAU,UAAU,KAChF,OAAO,sBAAA,cAACC,KAAAA,QAAK,MAAM,KAAA,CAAM,IAAK,MAC9B,UACA,QACG,sBAAA,cAACC,MAAAA,OAAA,EAAM,OAAM,QAAO,OAAK,MAAC,WAAU,oEAAA,GAC/B,MAAM,OAAO,GAClB,IACA,IACR;AAGJ,MAAI,SAAS;AACT,WAAO,sBAAA,cAACC,QAAAA,SAAA,EAAQ,OAAO,QAAA,GAAU,IAAK;AAAA,EAC1C;AAEA,SAAO;AACX,CAAC;AAEM,MAAM,iBAAiB,CAAC,OAA6B,WACxD;AAAA,EACI;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,IACI,2BAA2B;AAAA,IAC3B,yDAAyD,CAAC;AAAA,EAAA;AAElE;;;"}
+{"version":3,"file":"Link.cjs","sources":["../../../../src/components/Header/components/Link.tsx"],"sourcesContent":["import cn from 'clsx';\nimport React from 'react';\n\nimport { Badge } from '../../Badge/Badge';\nimport type { IconName } from '../../Icon/Icon';\nimport { Icon } from '../../Icon/Icon';\nimport { useLocalization } from '../../Provider/Localization';\nimport { Tooltip } from '../../Tooltip/Tooltip';\n\nexport type BaseLinkProps = React.AnchorHTMLAttributes<HTMLAnchorElement> & {\n    tooltip?: string;\n};\n\ntype LinkPropsWithoutIcon = {\n    children: React.JSX.Element | string;\n    icon?: never;\n    isNew?: never;\n} & BaseLinkProps;\n\ntype LinkPropsWithIcon = {\n    'aria-label': string;\n    children?: never;\n    icon: IconName;\n    isNew?: boolean;\n} & Omit<BaseLinkProps, 'aria-label'>;\n\nexport type LinkProps = LinkPropsWithoutIcon | LinkPropsWithIcon;\n\nexport const Link = React.forwardRef<HTMLAnchorElement, LinkProps>(function Link(props, ref) {\n    const { children, icon, isNew, tooltip, ...otherProps } = props;\n    const { texts } = useLocalization();\n    const className = cn(getLinkClasses(icon), 'relative', props.className);\n\n    const link = (\n        <a {...otherProps} className={className} data-taco=\"header-link\" ref={ref} tabIndex={0}>\n            {icon ? <Icon name={icon} /> : null}\n            {children}\n            {isNew ? (\n                <Badge color=\"blue\" small className=\"absolute right-0 top-0 -mr-3 -mt-2 !h-4 !px-1 text-xs font-normal\">\n                    {texts.header.new}\n                </Badge>\n            ) : null}\n        </a>\n    );\n\n    if (tooltip) {\n        return <Tooltip title={tooltip}>{link}</Tooltip>;\n    }\n\n    return link;\n});\n\nexport const getLinkClasses = (icon: IconName | undefined = undefined) =>\n    cn(\n        'flex h-8 flex-shrink-0 flex-grow-0 cursor-pointer items-center justify-center',\n        'focus:!shadow-none focus:!outline-none focus-visible:!yt-focus-dark',\n        'bg-transparent hover:bg-white-subtle focus:bg-white-subtle aria-current-page:bg-white-subtle',\n        '!text-white hover:text-white focus:text-white',\n        {\n            '!h-9 !w-9 !rounded-full': icon,\n            'hidden whitespace-nowrap rounded px-3 text-sm lg:flex': !icon,\n        }\n    );\n"],"names":["Link","useLocalization","Icon","Badge","Tooltip"],"mappings":";;;;;;;;AA4BO,MAAM,OAAO,MAAM,WAAyC,SAASA,MAAK,OAAO,KAAK;AACzF,QAAM,EAAE,UAAU,MAAM,OAAO,SAAS,GAAG,eAAe;AAC1D,QAAM,EAAE,MAAA,IAAUC,6BAAA;AAClB,QAAM,YAAY,GAAG,eAAe,IAAI,GAAG,YAAY,MAAM,SAAS;AAEtE,QAAM,OACF,sBAAA,cAAC,KAAA,EAAG,GAAG,YAAY,WAAsB,aAAU,eAAc,KAAU,UAAU,KAChF,OAAO,sBAAA,cAACC,KAAAA,QAAK,MAAM,KAAA,CAAM,IAAK,MAC9B,UACA,QACG,sBAAA,cAACC,MAAAA,OAAA,EAAM,OAAM,QAAO,OAAK,MAAC,WAAU,oEAAA,GAC/B,MAAM,OAAO,GAClB,IACA,IACR;AAGJ,MAAI,SAAS;AACT,WAAO,sBAAA,cAACC,QAAAA,SAAA,EAAQ,OAAO,QAAA,GAAU,IAAK;AAAA,EAC1C;AAEA,SAAO;AACX,CAAC;AAEM,MAAM,iBAAiB,CAAC,OAA6B,WACxD;AAAA,EACI;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,IACI,2BAA2B;AAAA,IAC3B,yDAAyD,CAAC;AAAA,EAAA;AAElE;;;"}

package/dist/components/Header/components/Link.d.ts

@@ -4,7 +4,7 @@ export type BaseLinkProps = React.AnchorHTMLAttributes<HTMLAnchorElement> & {
     tooltip?: string;
 };
 type LinkPropsWithoutIcon = {
-    children: JSX.Element | string;
+    children: React.JSX.Element | string;
     icon?: never;
     isNew?: never;
 } & BaseLinkProps;

package/dist/components/Header/components/Link.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.js","sources":["../../../../src/components/Header/components/Link.tsx"],"sourcesContent":["import cn from 'clsx';\nimport React from 'react';\n\nimport { Badge } from '../../Badge/Badge';\nimport type { IconName } from '../../Icon/Icon';\nimport { Icon } from '../../Icon/Icon';\nimport { useLocalization } from '../../Provider/Localization';\nimport { Tooltip } from '../../Tooltip/Tooltip';\n\nexport type BaseLinkProps = React.AnchorHTMLAttributes<HTMLAnchorElement> & {\n    tooltip?: string;\n};\n\ntype LinkPropsWithoutIcon = {\n    children: JSX.Element | string;\n    icon?: never;\n    isNew?: never;\n} & BaseLinkProps;\n\ntype LinkPropsWithIcon = {\n    'aria-label': string;\n    children?: never;\n    icon: IconName;\n    isNew?: boolean;\n} & Omit<BaseLinkProps, 'aria-label'>;\n\nexport type LinkProps = LinkPropsWithoutIcon | LinkPropsWithIcon;\n\nexport const Link = React.forwardRef<HTMLAnchorElement, LinkProps>(function Link(props, ref) {\n    const { children, icon, isNew, tooltip, ...otherProps } = props;\n    const { texts } = useLocalization();\n    const className = cn(getLinkClasses(icon), 'relative', props.className);\n\n    const link = (\n        <a {...otherProps} className={className} data-taco=\"header-link\" ref={ref} tabIndex={0}>\n            {icon ? <Icon name={icon} /> : null}\n            {children}\n            {isNew ? (\n                <Badge color=\"blue\" small className=\"absolute right-0 top-0 -mr-3 -mt-2 !h-4 !px-1 text-xs font-normal\">\n                    {texts.header.new}\n                </Badge>\n            ) : null}\n        </a>\n    );\n\n    if (tooltip) {\n        return <Tooltip title={tooltip}>{link}</Tooltip>;\n    }\n\n    return link;\n});\n\nexport const getLinkClasses = (icon: IconName | undefined = undefined) =>\n    cn(\n        'flex h-8 flex-shrink-0 flex-grow-0 cursor-pointer items-center justify-center',\n        'focus:!shadow-none focus:!outline-none focus-visible:!yt-focus-dark',\n        'bg-transparent hover:bg-white-subtle focus:bg-white-subtle aria-current-page:bg-white-subtle',\n        '!text-white hover:text-white focus:text-white',\n        {\n            '!h-9 !w-9 !rounded-full': icon,\n            'hidden whitespace-nowrap rounded px-3 text-sm lg:flex': !icon,\n        }\n    );\n"],"names":["React","Link"],"mappings":";;;;;;AA4BO,MAAM,OAAOA,eAAM,WAAyC,SAASC,MAAK,OAAO,KAAK;AACzF,QAAM,EAAE,UAAU,MAAM,OAAO,SAAS,GAAG,eAAe;AAC1D,QAAM,EAAE,MAAA,IAAU,gBAAA;AAClB,QAAM,YAAY,GAAG,eAAe,IAAI,GAAG,YAAY,MAAM,SAAS;AAEtE,QAAM,OACFD,+BAAA,cAAC,KAAA,EAAG,GAAG,YAAY,WAAsB,aAAU,eAAc,KAAU,UAAU,KAChF,OAAOA,+BAAA,cAAC,QAAK,MAAM,KAAA,CAAM,IAAK,MAC9B,UACA,QACGA,+BAAA,cAAC,OAAA,EAAM,OAAM,QAAO,OAAK,MAAC,WAAU,oEAAA,GAC/B,MAAM,OAAO,GAClB,IACA,IACR;AAGJ,MAAI,SAAS;AACT,WAAOA,+BAAA,cAAC,SAAA,EAAQ,OAAO,QAAA,GAAU,IAAK;AAAA,EAC1C;AAEA,SAAO;AACX,CAAC;AAEM,MAAM,iBAAiB,CAAC,OAA6B,WACxD;AAAA,EACI;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,IACI,2BAA2B;AAAA,IAC3B,yDAAyD,CAAC;AAAA,EAAA;AAElE;"}
+{"version":3,"file":"Link.js","sources":["../../../../src/components/Header/components/Link.tsx"],"sourcesContent":["import cn from 'clsx';\nimport React from 'react';\n\nimport { Badge } from '../../Badge/Badge';\nimport type { IconName } from '../../Icon/Icon';\nimport { Icon } from '../../Icon/Icon';\nimport { useLocalization } from '../../Provider/Localization';\nimport { Tooltip } from '../../Tooltip/Tooltip';\n\nexport type BaseLinkProps = React.AnchorHTMLAttributes<HTMLAnchorElement> & {\n    tooltip?: string;\n};\n\ntype LinkPropsWithoutIcon = {\n    children: React.JSX.Element | string;\n    icon?: never;\n    isNew?: never;\n} & BaseLinkProps;\n\ntype LinkPropsWithIcon = {\n    'aria-label': string;\n    children?: never;\n    icon: IconName;\n    isNew?: boolean;\n} & Omit<BaseLinkProps, 'aria-label'>;\n\nexport type LinkProps = LinkPropsWithoutIcon | LinkPropsWithIcon;\n\nexport const Link = React.forwardRef<HTMLAnchorElement, LinkProps>(function Link(props, ref) {\n    const { children, icon, isNew, tooltip, ...otherProps } = props;\n    const { texts } = useLocalization();\n    const className = cn(getLinkClasses(icon), 'relative', props.className);\n\n    const link = (\n        <a {...otherProps} className={className} data-taco=\"header-link\" ref={ref} tabIndex={0}>\n            {icon ? <Icon name={icon} /> : null}\n            {children}\n            {isNew ? (\n                <Badge color=\"blue\" small className=\"absolute right-0 top-0 -mr-3 -mt-2 !h-4 !px-1 text-xs font-normal\">\n                    {texts.header.new}\n                </Badge>\n            ) : null}\n        </a>\n    );\n\n    if (tooltip) {\n        return <Tooltip title={tooltip}>{link}</Tooltip>;\n    }\n\n    return link;\n});\n\nexport const getLinkClasses = (icon: IconName | undefined = undefined) =>\n    cn(\n        'flex h-8 flex-shrink-0 flex-grow-0 cursor-pointer items-center justify-center',\n        'focus:!shadow-none focus:!outline-none focus-visible:!yt-focus-dark',\n        'bg-transparent hover:bg-white-subtle focus:bg-white-subtle aria-current-page:bg-white-subtle',\n        '!text-white hover:text-white focus:text-white',\n        {\n            '!h-9 !w-9 !rounded-full': icon,\n            'hidden whitespace-nowrap rounded px-3 text-sm lg:flex': !icon,\n        }\n    );\n"],"names":["React","Link"],"mappings":";;;;;;AA4BO,MAAM,OAAOA,eAAM,WAAyC,SAASC,MAAK,OAAO,KAAK;AACzF,QAAM,EAAE,UAAU,MAAM,OAAO,SAAS,GAAG,eAAe;AAC1D,QAAM,EAAE,MAAA,IAAU,gBAAA;AAClB,QAAM,YAAY,GAAG,eAAe,IAAI,GAAG,YAAY,MAAM,SAAS;AAEtE,QAAM,OACFD,+BAAA,cAAC,KAAA,EAAG,GAAG,YAAY,WAAsB,aAAU,eAAc,KAAU,UAAU,KAChF,OAAOA,+BAAA,cAAC,QAAK,MAAM,KAAA,CAAM,IAAK,MAC9B,UACA,QACGA,+BAAA,cAAC,OAAA,EAAM,OAAM,QAAO,OAAK,MAAC,WAAU,oEAAA,GAC/B,MAAM,OAAO,GAClB,IACA,IACR;AAGJ,MAAI,SAAS;AACT,WAAOA,+BAAA,cAAC,SAAA,EAAQ,OAAO,QAAA,GAAU,IAAK;AAAA,EAC1C;AAEA,SAAO;AACX,CAAC;AAEM,MAAM,iBAAiB,CAAC,OAA6B,WACxD;AAAA,EACI;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,IACI,2BAA2B;AAAA,IAC3B,yDAAyD,CAAC;AAAA,EAAA;AAElE;"}

package/dist/components/Icon/components/AccountPreview.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"AccountPreview.cjs","sources":["../../../../src/components/Icon/components/AccountPreview.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { SVGProps, Ref } from 'react';\nimport { forwardRef } from 'react';\nfunction IconAccountPreview(props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>): JSX.Element {\n    return (\n        <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" ref={ref} {...props}>\n            <path\n                fill=\"currentColor\"\n                fillRule=\"evenodd\"\n                d=\"M19.25 3c.966 0 1.75.784 1.75 1.75V11h-1.5V4.75a.25.25 0 0 0-.193-.243L19.25 4.5H4.75a.25.25 0 0 0-.243.193L4.5 4.75v14.5a.25.25 0 0 0 .193.243l.057.007H11V21H4.75A1.75 1.75 0 0 1 3 19.25V4.75C3 3.784 3.784 3 4.75 3zm-4.5 7.25a4.5 4.5 0 0 1 3.632 7.158l.036-.05 2.362 2.362a.75.75 0 0 1-.976 1.133l-.084-.073-2.363-2.362-.112.077a4.5 4.5 0 1 1-2.495-8.245m0 1.5a3 3 0 1 0 0 6 3 3 0 0 0 0-6m-7 3.25a.75.75 0 1 1 0 1.5h-.5a.75.75 0 1 1 0-1.5zm0-4a.75.75 0 1 1 0 1.5h-.5a.75.75 0 1 1 0-1.5zm9-4a.75.75 0 1 1 0 1.5h-6.5a.75.75 0 0 1 0-1.5zm-9 0a.75.75 0 0 1 0 1.5h-.5a.75.75 0 0 1 0-1.5z\"\n            />\n        </svg>\n    );\n}\nconst ForwardRef = forwardRef(IconAccountPreview);\nexport default ForwardRef;\n"],"names":["React","forwardRef"],"mappings":";;;;;;;;;;;;;;;;;;;AAGA,SAAS,mBAAmB,OAAgC,KAAsC;AAC9F,SACIA,iCAAA,cAAC,SAAI,OAAM,8BAA6B,SAAQ,aAAY,KAAW,GAAG,MAAA,GACtEA,iCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAK;AAAA,MACL,UAAS;AAAA,MACT,GAAE;AAAA,IAAA;AAAA,EAAA,CAEV;AAER;AACA,MAAM,aAAaC,MAAAA,WAAW,kBAAkB;;"}
+{"version":3,"file":"AccountPreview.cjs","sources":["../../../../src/components/Icon/components/AccountPreview.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { SVGProps, Ref } from 'react';\nimport { forwardRef } from 'react';\nfunction IconAccountPreview(props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>): React.JSX.Element {\n    return (\n        <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" ref={ref} {...props}>\n            <path\n                fill=\"currentColor\"\n                fillRule=\"evenodd\"\n                d=\"M19.25 3c.966 0 1.75.784 1.75 1.75V11h-1.5V4.75a.25.25 0 0 0-.193-.243L19.25 4.5H4.75a.25.25 0 0 0-.243.193L4.5 4.75v14.5a.25.25 0 0 0 .193.243l.057.007H11V21H4.75A1.75 1.75 0 0 1 3 19.25V4.75C3 3.784 3.784 3 4.75 3zm-4.5 7.25a4.5 4.5 0 0 1 3.632 7.158l.036-.05 2.362 2.362a.75.75 0 0 1-.976 1.133l-.084-.073-2.363-2.362-.112.077a4.5 4.5 0 1 1-2.495-8.245m0 1.5a3 3 0 1 0 0 6 3 3 0 0 0 0-6m-7 3.25a.75.75 0 1 1 0 1.5h-.5a.75.75 0 1 1 0-1.5zm0-4a.75.75 0 1 1 0 1.5h-.5a.75.75 0 1 1 0-1.5zm9-4a.75.75 0 1 1 0 1.5h-6.5a.75.75 0 0 1 0-1.5zm-9 0a.75.75 0 0 1 0 1.5h-.5a.75.75 0 0 1 0-1.5z\"\n            />\n        </svg>\n    );\n}\nconst ForwardRef = forwardRef(IconAccountPreview);\nexport default ForwardRef;\n"],"names":["React","forwardRef"],"mappings":";;;;;;;;;;;;;;;;;;;AAGA,SAAS,mBAAmB,OAAgC,KAA4C;AACpG,SACIA,iCAAA,cAAC,SAAI,OAAM,8BAA6B,SAAQ,aAAY,KAAW,GAAG,MAAA,GACtEA,iCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAK;AAAA,MACL,UAAS;AAAA,MACT,GAAE;AAAA,IAAA;AAAA,EAAA,CAEV;AAER;AACA,MAAM,aAAaC,MAAAA,WAAW,kBAAkB;;"}

package/dist/components/Icon/components/AccountPreview.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccountPreview.js","sources":["../../../../src/components/Icon/components/AccountPreview.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { SVGProps, Ref } from 'react';\nimport { forwardRef } from 'react';\nfunction IconAccountPreview(props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>): JSX.Element {\n    return (\n        <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" ref={ref} {...props}>\n            <path\n                fill=\"currentColor\"\n                fillRule=\"evenodd\"\n                d=\"M19.25 3c.966 0 1.75.784 1.75 1.75V11h-1.5V4.75a.25.25 0 0 0-.193-.243L19.25 4.5H4.75a.25.25 0 0 0-.243.193L4.5 4.75v14.5a.25.25 0 0 0 .193.243l.057.007H11V21H4.75A1.75 1.75 0 0 1 3 19.25V4.75C3 3.784 3.784 3 4.75 3zm-4.5 7.25a4.5 4.5 0 0 1 3.632 7.158l.036-.05 2.362 2.362a.75.75 0 0 1-.976 1.133l-.084-.073-2.363-2.362-.112.077a4.5 4.5 0 1 1-2.495-8.245m0 1.5a3 3 0 1 0 0 6 3 3 0 0 0 0-6m-7 3.25a.75.75 0 1 1 0 1.5h-.5a.75.75 0 1 1 0-1.5zm0-4a.75.75 0 1 1 0 1.5h-.5a.75.75 0 1 1 0-1.5zm9-4a.75.75 0 1 1 0 1.5h-6.5a.75.75 0 0 1 0-1.5zm-9 0a.75.75 0 0 1 0 1.5h-.5a.75.75 0 0 1 0-1.5z\"\n            />\n        </svg>\n    );\n}\nconst ForwardRef = forwardRef(IconAccountPreview);\nexport default ForwardRef;\n"],"names":[],"mappings":";;AAGA,SAAS,mBAAmB,OAAgC,KAAsC;AAC9F,SACI,sBAAA,cAAC,SAAI,OAAM,8BAA6B,SAAQ,aAAY,KAAW,GAAG,MAAA,GACtE,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAK;AAAA,MACL,UAAS;AAAA,MACT,GAAE;AAAA,IAAA;AAAA,EAAA,CAEV;AAER;AACA,MAAM,aAAa,WAAW,kBAAkB;"}
+{"version":3,"file":"AccountPreview.js","sources":["../../../../src/components/Icon/components/AccountPreview.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { SVGProps, Ref } from 'react';\nimport { forwardRef } from 'react';\nfunction IconAccountPreview(props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>): React.JSX.Element {\n    return (\n        <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" ref={ref} {...props}>\n            <path\n                fill=\"currentColor\"\n                fillRule=\"evenodd\"\n                d=\"M19.25 3c.966 0 1.75.784 1.75 1.75V11h-1.5V4.75a.25.25 0 0 0-.193-.243L19.25 4.5H4.75a.25.25 0 0 0-.243.193L4.5 4.75v14.5a.25.25 0 0 0 .193.243l.057.007H11V21H4.75A1.75 1.75 0 0 1 3 19.25V4.75C3 3.784 3.784 3 4.75 3zm-4.5 7.25a4.5 4.5 0 0 1 3.632 7.158l.036-.05 2.362 2.362a.75.75 0 0 1-.976 1.133l-.084-.073-2.363-2.362-.112.077a4.5 4.5 0 1 1-2.495-8.245m0 1.5a3 3 0 1 0 0 6 3 3 0 0 0 0-6m-7 3.25a.75.75 0 1 1 0 1.5h-.5a.75.75 0 1 1 0-1.5zm0-4a.75.75 0 1 1 0 1.5h-.5a.75.75 0 1 1 0-1.5zm9-4a.75.75 0 1 1 0 1.5h-6.5a.75.75 0 0 1 0-1.5zm-9 0a.75.75 0 0 1 0 1.5h-.5a.75.75 0 0 1 0-1.5z\"\n            />\n        </svg>\n    );\n}\nconst ForwardRef = forwardRef(IconAccountPreview);\nexport default ForwardRef;\n"],"names":[],"mappings":";;AAGA,SAAS,mBAAmB,OAAgC,KAA4C;AACpG,SACI,sBAAA,cAAC,SAAI,OAAM,8BAA6B,SAAQ,aAAY,KAAW,GAAG,MAAA,GACtE,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAK;AAAA,MACL,UAAS;AAAA,MACT,GAAE;AAAA,IAAA;AAAA,EAAA,CAEV;AAER;AACA,MAAM,aAAa,WAAW,kBAAkB;"}

package/dist/components/Icon/components/Accounting.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Accounting.cjs","sources":["../../../../src/components/Icon/components/Accounting.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { SVGProps, Ref } from 'react';\nimport { forwardRef } from 'react';\nfunction IconAccounting(props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>): JSX.Element {\n    return (\n        <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" ref={ref} {...props}>\n            <path\n                fill=\"currentColor\"\n                fillRule=\"evenodd\"\n                d=\"M18.25 2c.966 0 1.75.784 1.75 1.75v16.5A1.75 1.75 0 0 1 18.25 22H5.75A1.75 1.75 0 0 1 4 20.25V3.75C4 2.784 4.784 2 5.75 2zM13 17.5H6.5a.5.5 0 0 0-.492.41L6 18v1.5a.5.5 0 0 0 .41.492L6.5 20H13a.5.5 0 0 0 .492-.41l.008-.09V18a.5.5 0 0 0-.41-.492zm4.5 0h-2a.5.5 0 0 0-.492.41L15 18v1.5a.5.5 0 0 0 .41.492l.09.008h2a.5.5 0 0 0 .492-.41L18 19.5V18a.5.5 0 0 0-.41-.492zm-9-3.5h-2a.5.5 0 0 0-.492.41L6 14.5V16a.5.5 0 0 0 .41.492l.09.008h2a.5.5 0 0 0 .492-.41L9 16v-1.5a.5.5 0 0 0-.41-.492zm9 0h-2a.5.5 0 0 0-.492.41L15 14.5V16a.5.5 0 0 0 .41.492l.09.008h2a.5.5 0 0 0 .492-.41L18 16v-1.5a.5.5 0 0 0-.41-.492zM13 14h-2a.5.5 0 0 0-.492.41l-.008.09V16a.5.5 0 0 0 .41.492l.09.008h2a.5.5 0 0 0 .492-.41L13.5 16v-1.5a.5.5 0 0 0-.41-.492zm-4.5-3.5h-2a.5.5 0 0 0-.492.41L6 11v1.5a.5.5 0 0 0 .41.492L6.5 13h2a.5.5 0 0 0 .492-.41L9 12.5V11a.5.5 0 0 0-.41-.492zm9 0h-2a.5.5 0 0 0-.492.41L15 11v1.5a.5.5 0 0 0 .41.492l.09.008h2a.5.5 0 0 0 .492-.41L18 12.5V11a.5.5 0 0 0-.41-.492zm-4.5 0h-2a.5.5 0 0 0-.492.41L10.5 11v1.5a.5.5 0 0 0 .41.492L11 13h2a.5.5 0 0 0 .492-.41l.008-.09V11a.5.5 0 0 0-.41-.492zM17.5 4h-11a.5.5 0 0 0-.492.41L6 4.5V8a.5.5 0 0 0 .41.492l.09.008h11a.5.5 0 0 0 .492-.41L18 8V4.5a.5.5 0 0 0-.41-.492zm-1 1a.5.5 0 0 1 .5.5V7a.5.5 0 0 1-.5.5h-1A.5.5 0 0 1 15 7V5.5a.5.5 0 0 1 .5-.5z\"\n            />\n        </svg>\n    );\n}\nconst ForwardRef = forwardRef(IconAccounting);\nexport default ForwardRef;\n"],"names":["React","forwardRef"],"mappings":";;;;;;;;;;;;;;;;;;;AAGA,SAAS,eAAe,OAAgC,KAAsC;AAC1F,SACIA,iCAAA,cAAC,SAAI,OAAM,8BAA6B,SAAQ,aAAY,KAAW,GAAG,MAAA,GACtEA,iCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAK;AAAA,MACL,UAAS;AAAA,MACT,GAAE;AAAA,IAAA;AAAA,EAAA,CAEV;AAER;AACA,MAAM,aAAaC,MAAAA,WAAW,cAAc;;"}
+{"version":3,"file":"Accounting.cjs","sources":["../../../../src/components/Icon/components/Accounting.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { SVGProps, Ref } from 'react';\nimport { forwardRef } from 'react';\nfunction IconAccounting(props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>): React.JSX.Element {\n    return (\n        <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" ref={ref} {...props}>\n            <path\n                fill=\"currentColor\"\n                fillRule=\"evenodd\"\n                d=\"M18.25 2c.966 0 1.75.784 1.75 1.75v16.5A1.75 1.75 0 0 1 18.25 22H5.75A1.75 1.75 0 0 1 4 20.25V3.75C4 2.784 4.784 2 5.75 2zM13 17.5H6.5a.5.5 0 0 0-.492.41L6 18v1.5a.5.5 0 0 0 .41.492L6.5 20H13a.5.5 0 0 0 .492-.41l.008-.09V18a.5.5 0 0 0-.41-.492zm4.5 0h-2a.5.5 0 0 0-.492.41L15 18v1.5a.5.5 0 0 0 .41.492l.09.008h2a.5.5 0 0 0 .492-.41L18 19.5V18a.5.5 0 0 0-.41-.492zm-9-3.5h-2a.5.5 0 0 0-.492.41L6 14.5V16a.5.5 0 0 0 .41.492l.09.008h2a.5.5 0 0 0 .492-.41L9 16v-1.5a.5.5 0 0 0-.41-.492zm9 0h-2a.5.5 0 0 0-.492.41L15 14.5V16a.5.5 0 0 0 .41.492l.09.008h2a.5.5 0 0 0 .492-.41L18 16v-1.5a.5.5 0 0 0-.41-.492zM13 14h-2a.5.5 0 0 0-.492.41l-.008.09V16a.5.5 0 0 0 .41.492l.09.008h2a.5.5 0 0 0 .492-.41L13.5 16v-1.5a.5.5 0 0 0-.41-.492zm-4.5-3.5h-2a.5.5 0 0 0-.492.41L6 11v1.5a.5.5 0 0 0 .41.492L6.5 13h2a.5.5 0 0 0 .492-.41L9 12.5V11a.5.5 0 0 0-.41-.492zm9 0h-2a.5.5 0 0 0-.492.41L15 11v1.5a.5.5 0 0 0 .41.492l.09.008h2a.5.5 0 0 0 .492-.41L18 12.5V11a.5.5 0 0 0-.41-.492zm-4.5 0h-2a.5.5 0 0 0-.492.41L10.5 11v1.5a.5.5 0 0 0 .41.492L11 13h2a.5.5 0 0 0 .492-.41l.008-.09V11a.5.5 0 0 0-.41-.492zM17.5 4h-11a.5.5 0 0 0-.492.41L6 4.5V8a.5.5 0 0 0 .41.492l.09.008h11a.5.5 0 0 0 .492-.41L18 8V4.5a.5.5 0 0 0-.41-.492zm-1 1a.5.5 0 0 1 .5.5V7a.5.5 0 0 1-.5.5h-1A.5.5 0 0 1 15 7V5.5a.5.5 0 0 1 .5-.5z\"\n            />\n        </svg>\n    );\n}\nconst ForwardRef = forwardRef(IconAccounting);\nexport default ForwardRef;\n"],"names":["React","forwardRef"],"mappings":";;;;;;;;;;;;;;;;;;;AAGA,SAAS,eAAe,OAAgC,KAA4C;AAChG,SACIA,iCAAA,cAAC,SAAI,OAAM,8BAA6B,SAAQ,aAAY,KAAW,GAAG,MAAA,GACtEA,iCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAK;AAAA,MACL,UAAS;AAAA,MACT,GAAE;AAAA,IAAA;AAAA,EAAA,CAEV;AAER;AACA,MAAM,aAAaC,MAAAA,WAAW,cAAc;;"}

package/dist/components/Icon/components/Accounting.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accounting.js","sources":["../../../../src/components/Icon/components/Accounting.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { SVGProps, Ref } from 'react';\nimport { forwardRef } from 'react';\nfunction IconAccounting(props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>): JSX.Element {\n    return (\n        <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" ref={ref} {...props}>\n            <path\n                fill=\"currentColor\"\n                fillRule=\"evenodd\"\n                d=\"M18.25 2c.966 0 1.75.784 1.75 1.75v16.5A1.75 1.75 0 0 1 18.25 22H5.75A1.75 1.75 0 0 1 4 20.25V3.75C4 2.784 4.784 2 5.75 2zM13 17.5H6.5a.5.5 0 0 0-.492.41L6 18v1.5a.5.5 0 0 0 .41.492L6.5 20H13a.5.5 0 0 0 .492-.41l.008-.09V18a.5.5 0 0 0-.41-.492zm4.5 0h-2a.5.5 0 0 0-.492.41L15 18v1.5a.5.5 0 0 0 .41.492l.09.008h2a.5.5 0 0 0 .492-.41L18 19.5V18a.5.5 0 0 0-.41-.492zm-9-3.5h-2a.5.5 0 0 0-.492.41L6 14.5V16a.5.5 0 0 0 .41.492l.09.008h2a.5.5 0 0 0 .492-.41L9 16v-1.5a.5.5 0 0 0-.41-.492zm9 0h-2a.5.5 0 0 0-.492.41L15 14.5V16a.5.5 0 0 0 .41.492l.09.008h2a.5.5 0 0 0 .492-.41L18 16v-1.5a.5.5 0 0 0-.41-.492zM13 14h-2a.5.5 0 0 0-.492.41l-.008.09V16a.5.5 0 0 0 .41.492l.09.008h2a.5.5 0 0 0 .492-.41L13.5 16v-1.5a.5.5 0 0 0-.41-.492zm-4.5-3.5h-2a.5.5 0 0 0-.492.41L6 11v1.5a.5.5 0 0 0 .41.492L6.5 13h2a.5.5 0 0 0 .492-.41L9 12.5V11a.5.5 0 0 0-.41-.492zm9 0h-2a.5.5 0 0 0-.492.41L15 11v1.5a.5.5 0 0 0 .41.492l.09.008h2a.5.5 0 0 0 .492-.41L18 12.5V11a.5.5 0 0 0-.41-.492zm-4.5 0h-2a.5.5 0 0 0-.492.41L10.5 11v1.5a.5.5 0 0 0 .41.492L11 13h2a.5.5 0 0 0 .492-.41l.008-.09V11a.5.5 0 0 0-.41-.492zM17.5 4h-11a.5.5 0 0 0-.492.41L6 4.5V8a.5.5 0 0 0 .41.492l.09.008h11a.5.5 0 0 0 .492-.41L18 8V4.5a.5.5 0 0 0-.41-.492zm-1 1a.5.5 0 0 1 .5.5V7a.5.5 0 0 1-.5.5h-1A.5.5 0 0 1 15 7V5.5a.5.5 0 0 1 .5-.5z\"\n            />\n        </svg>\n    );\n}\nconst ForwardRef = forwardRef(IconAccounting);\nexport default ForwardRef;\n"],"names":[],"mappings":";;AAGA,SAAS,eAAe,OAAgC,KAAsC;AAC1F,SACI,sBAAA,cAAC,SAAI,OAAM,8BAA6B,SAAQ,aAAY,KAAW,GAAG,MAAA,GACtE,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAK;AAAA,MACL,UAAS;AAAA,MACT,GAAE;AAAA,IAAA;AAAA,EAAA,CAEV;AAER;AACA,MAAM,aAAa,WAAW,cAAc;"}
+{"version":3,"file":"Accounting.js","sources":["../../../../src/components/Icon/components/Accounting.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { SVGProps, Ref } from 'react';\nimport { forwardRef } from 'react';\nfunction IconAccounting(props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>): React.JSX.Element {\n    return (\n        <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" ref={ref} {...props}>\n            <path\n                fill=\"currentColor\"\n                fillRule=\"evenodd\"\n                d=\"M18.25 2c.966 0 1.75.784 1.75 1.75v16.5A1.75 1.75 0 0 1 18.25 22H5.75A1.75 1.75 0 0 1 4 20.25V3.75C4 2.784 4.784 2 5.75 2zM13 17.5H6.5a.5.5 0 0 0-.492.41L6 18v1.5a.5.5 0 0 0 .41.492L6.5 20H13a.5.5 0 0 0 .492-.41l.008-.09V18a.5.5 0 0 0-.41-.492zm4.5 0h-2a.5.5 0 0 0-.492.41L15 18v1.5a.5.5 0 0 0 .41.492l.09.008h2a.5.5 0 0 0 .492-.41L18 19.5V18a.5.5 0 0 0-.41-.492zm-9-3.5h-2a.5.5 0 0 0-.492.41L6 14.5V16a.5.5 0 0 0 .41.492l.09.008h2a.5.5 0 0 0 .492-.41L9 16v-1.5a.5.5 0 0 0-.41-.492zm9 0h-2a.5.5 0 0 0-.492.41L15 14.5V16a.5.5 0 0 0 .41.492l.09.008h2a.5.5 0 0 0 .492-.41L18 16v-1.5a.5.5 0 0 0-.41-.492zM13 14h-2a.5.5 0 0 0-.492.41l-.008.09V16a.5.5 0 0 0 .41.492l.09.008h2a.5.5 0 0 0 .492-.41L13.5 16v-1.5a.5.5 0 0 0-.41-.492zm-4.5-3.5h-2a.5.5 0 0 0-.492.41L6 11v1.5a.5.5 0 0 0 .41.492L6.5 13h2a.5.5 0 0 0 .492-.41L9 12.5V11a.5.5 0 0 0-.41-.492zm9 0h-2a.5.5 0 0 0-.492.41L15 11v1.5a.5.5 0 0 0 .41.492l.09.008h2a.5.5 0 0 0 .492-.41L18 12.5V11a.5.5 0 0 0-.41-.492zm-4.5 0h-2a.5.5 0 0 0-.492.41L10.5 11v1.5a.5.5 0 0 0 .41.492L11 13h2a.5.5 0 0 0 .492-.41l.008-.09V11a.5.5 0 0 0-.41-.492zM17.5 4h-11a.5.5 0 0 0-.492.41L6 4.5V8a.5.5 0 0 0 .41.492l.09.008h11a.5.5 0 0 0 .492-.41L18 8V4.5a.5.5 0 0 0-.41-.492zm-1 1a.5.5 0 0 1 .5.5V7a.5.5 0 0 1-.5.5h-1A.5.5 0 0 1 15 7V5.5a.5.5 0 0 1 .5-.5z\"\n            />\n        </svg>\n    );\n}\nconst ForwardRef = forwardRef(IconAccounting);\nexport default ForwardRef;\n"],"names":[],"mappings":";;AAGA,SAAS,eAAe,OAAgC,KAA4C;AAChG,SACI,sBAAA,cAAC,SAAI,OAAM,8BAA6B,SAAQ,aAAY,KAAW,GAAG,MAAA,GACtE,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAK;AAAA,MACL,UAAS;AAAA,MACT,GAAE;AAAA,IAAA;AAAA,EAAA,CAEV;AAER;AACA,MAAM,aAAa,WAAW,cAAc;"}

package/dist/components/Icon/components/AccountingYear.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"AccountingYear.cjs","sources":["../../../../src/components/Icon/components/AccountingYear.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { SVGProps, Ref } from 'react';\nimport { forwardRef } from 'react';\nfunction IconAccountingYear(props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>): JSX.Element {\n    return (\n        <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" ref={ref} {...props}>\n            <path\n                fill=\"currentColor\"\n                fillRule=\"evenodd\"\n                d=\"M16.25 2a.75.75 0 0 1 .75.75V3h2.25c.966 0 1.75.784 1.75 1.75v14.5A1.75 1.75 0 0 1 19.25 21H4.75A1.75 1.75 0 0 1 3 19.25v-3h1.5v3a.25.25 0 0 0 .193.243l.057.007h14.5a.25.25 0 0 0 .243-.193l.007-.057V8h-15v3.25H3v-6.5C3 3.784 3.784 3 4.75 3H7v-.25a.75.75 0 0 1 1.5 0V3h7v-.25a.75.75 0 0 1 .75-.75m-6.804 8.147.084.073 3 3a.75.75 0 0 1 .073.976l-.073.084-3 3a.75.75 0 0 1-1.133-.976l.073-.084 1.719-1.72H3.75a.75.75 0 0 1-.102-1.493L3.75 13h6.439l-1.72-1.72a.75.75 0 0 1-.072-.976l.073-.084a.75.75 0 0 1 .976-.073M7 4.5H4.75a.25.25 0 0 0-.243.193L4.5 4.75V6.5h15V4.75a.25.25 0 0 0-.193-.243L19.25 4.5H17v.25a.75.75 0 1 1-1.5 0V4.5h-7v.25a.75.75 0 0 1-1.5 0z\"\n            />\n        </svg>\n    );\n}\nconst ForwardRef = forwardRef(IconAccountingYear);\nexport default ForwardRef;\n"],"names":["React","forwardRef"],"mappings":";;;;;;;;;;;;;;;;;;;AAGA,SAAS,mBAAmB,OAAgC,KAAsC;AAC9F,SACIA,iCAAA,cAAC,SAAI,OAAM,8BAA6B,SAAQ,aAAY,KAAW,GAAG,MAAA,GACtEA,iCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAK;AAAA,MACL,UAAS;AAAA,MACT,GAAE;AAAA,IAAA;AAAA,EAAA,CAEV;AAER;AACA,MAAM,aAAaC,MAAAA,WAAW,kBAAkB;;"}
+{"version":3,"file":"AccountingYear.cjs","sources":["../../../../src/components/Icon/components/AccountingYear.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { SVGProps, Ref } from 'react';\nimport { forwardRef } from 'react';\nfunction IconAccountingYear(props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>): React.JSX.Element {\n    return (\n        <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" ref={ref} {...props}>\n            <path\n                fill=\"currentColor\"\n                fillRule=\"evenodd\"\n                d=\"M16.25 2a.75.75 0 0 1 .75.75V3h2.25c.966 0 1.75.784 1.75 1.75v14.5A1.75 1.75 0 0 1 19.25 21H4.75A1.75 1.75 0 0 1 3 19.25v-3h1.5v3a.25.25 0 0 0 .193.243l.057.007h14.5a.25.25 0 0 0 .243-.193l.007-.057V8h-15v3.25H3v-6.5C3 3.784 3.784 3 4.75 3H7v-.25a.75.75 0 0 1 1.5 0V3h7v-.25a.75.75 0 0 1 .75-.75m-6.804 8.147.084.073 3 3a.75.75 0 0 1 .073.976l-.073.084-3 3a.75.75 0 0 1-1.133-.976l.073-.084 1.719-1.72H3.75a.75.75 0 0 1-.102-1.493L3.75 13h6.439l-1.72-1.72a.75.75 0 0 1-.072-.976l.073-.084a.75.75 0 0 1 .976-.073M7 4.5H4.75a.25.25 0 0 0-.243.193L4.5 4.75V6.5h15V4.75a.25.25 0 0 0-.193-.243L19.25 4.5H17v.25a.75.75 0 1 1-1.5 0V4.5h-7v.25a.75.75 0 0 1-1.5 0z\"\n            />\n        </svg>\n    );\n}\nconst ForwardRef = forwardRef(IconAccountingYear);\nexport default ForwardRef;\n"],"names":["React","forwardRef"],"mappings":";;;;;;;;;;;;;;;;;;;AAGA,SAAS,mBAAmB,OAAgC,KAA4C;AACpG,SACIA,iCAAA,cAAC,SAAI,OAAM,8BAA6B,SAAQ,aAAY,KAAW,GAAG,MAAA,GACtEA,iCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAK;AAAA,MACL,UAAS;AAAA,MACT,GAAE;AAAA,IAAA;AAAA,EAAA,CAEV;AAER;AACA,MAAM,aAAaC,MAAAA,WAAW,kBAAkB;;"}

package/dist/components/Icon/components/AccountingYear.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccountingYear.js","sources":["../../../../src/components/Icon/components/AccountingYear.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { SVGProps, Ref } from 'react';\nimport { forwardRef } from 'react';\nfunction IconAccountingYear(props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>): JSX.Element {\n    return (\n        <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" ref={ref} {...props}>\n            <path\n                fill=\"currentColor\"\n                fillRule=\"evenodd\"\n                d=\"M16.25 2a.75.75 0 0 1 .75.75V3h2.25c.966 0 1.75.784 1.75 1.75v14.5A1.75 1.75 0 0 1 19.25 21H4.75A1.75 1.75 0 0 1 3 19.25v-3h1.5v3a.25.25 0 0 0 .193.243l.057.007h14.5a.25.25 0 0 0 .243-.193l.007-.057V8h-15v3.25H3v-6.5C3 3.784 3.784 3 4.75 3H7v-.25a.75.75 0 0 1 1.5 0V3h7v-.25a.75.75 0 0 1 .75-.75m-6.804 8.147.084.073 3 3a.75.75 0 0 1 .073.976l-.073.084-3 3a.75.75 0 0 1-1.133-.976l.073-.084 1.719-1.72H3.75a.75.75 0 0 1-.102-1.493L3.75 13h6.439l-1.72-1.72a.75.75 0 0 1-.072-.976l.073-.084a.75.75 0 0 1 .976-.073M7 4.5H4.75a.25.25 0 0 0-.243.193L4.5 4.75V6.5h15V4.75a.25.25 0 0 0-.193-.243L19.25 4.5H17v.25a.75.75 0 1 1-1.5 0V4.5h-7v.25a.75.75 0 0 1-1.5 0z\"\n            />\n        </svg>\n    );\n}\nconst ForwardRef = forwardRef(IconAccountingYear);\nexport default ForwardRef;\n"],"names":[],"mappings":";;AAGA,SAAS,mBAAmB,OAAgC,KAAsC;AAC9F,SACI,sBAAA,cAAC,SAAI,OAAM,8BAA6B,SAAQ,aAAY,KAAW,GAAG,MAAA,GACtE,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAK;AAAA,MACL,UAAS;AAAA,MACT,GAAE;AAAA,IAAA;AAAA,EAAA,CAEV;AAER;AACA,MAAM,aAAa,WAAW,kBAAkB;"}
+{"version":3,"file":"AccountingYear.js","sources":["../../../../src/components/Icon/components/AccountingYear.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { SVGProps, Ref } from 'react';\nimport { forwardRef } from 'react';\nfunction IconAccountingYear(props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>): React.JSX.Element {\n    return (\n        <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" ref={ref} {...props}>\n            <path\n                fill=\"currentColor\"\n                fillRule=\"evenodd\"\n                d=\"M16.25 2a.75.75 0 0 1 .75.75V3h2.25c.966 0 1.75.784 1.75 1.75v14.5A1.75 1.75 0 0 1 19.25 21H4.75A1.75 1.75 0 0 1 3 19.25v-3h1.5v3a.25.25 0 0 0 .193.243l.057.007h14.5a.25.25 0 0 0 .243-.193l.007-.057V8h-15v3.25H3v-6.5C3 3.784 3.784 3 4.75 3H7v-.25a.75.75 0 0 1 1.5 0V3h7v-.25a.75.75 0 0 1 .75-.75m-6.804 8.147.084.073 3 3a.75.75 0 0 1 .073.976l-.073.084-3 3a.75.75 0 0 1-1.133-.976l.073-.084 1.719-1.72H3.75a.75.75 0 0 1-.102-1.493L3.75 13h6.439l-1.72-1.72a.75.75 0 0 1-.072-.976l.073-.084a.75.75 0 0 1 .976-.073M7 4.5H4.75a.25.25 0 0 0-.243.193L4.5 4.75V6.5h15V4.75a.25.25 0 0 0-.193-.243L19.25 4.5H17v.25a.75.75 0 1 1-1.5 0V4.5h-7v.25a.75.75 0 0 1-1.5 0z\"\n            />\n        </svg>\n    );\n}\nconst ForwardRef = forwardRef(IconAccountingYear);\nexport default ForwardRef;\n"],"names":[],"mappings":";;AAGA,SAAS,mBAAmB,OAAgC,KAA4C;AACpG,SACI,sBAAA,cAAC,SAAI,OAAM,8BAA6B,SAAQ,aAAY,KAAW,GAAG,MAAA,GACtE,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAK;AAAA,MACL,UAAS;AAAA,MACT,GAAE;AAAA,IAAA;AAAA,EAAA,CAEV;AAER;AACA,MAAM,aAAa,WAAW,kBAAkB;"}

package/dist/components/Icon/components/AccountingYearCancel.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"AccountingYearCancel.cjs","sources":["../../../../src/components/Icon/components/AccountingYearCancel.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { SVGProps, Ref } from 'react';\nimport { forwardRef } from 'react';\nfunction IconAccountingYearCancel(props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>): JSX.Element {\n    return (\n        <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" ref={ref} {...props}>\n            <path\n                fill=\"currentColor\"\n                fillRule=\"evenodd\"\n                d=\"M4.5 16.25v3a.25.25 0 0 0 .193.243l.057.007H13V21H4.75A1.75 1.75 0 0 1 3 19.25v-3zm4.946-6.103.084.073 3 3a.75.75 0 0 1 .073.976l-.073.084-3 3a.75.75 0 0 1-1.133-.976l.073-.084 1.718-1.72H3.75a.75.75 0 0 1-.102-1.493L3.75 13h6.44l-1.72-1.72a.75.75 0 0 1-.073-.976l.073-.084a.75.75 0 0 1 .976-.073M16.25 2a.75.75 0 0 1 .75.75V3h2.25c.966 0 1.75.784 1.75 1.75V13h-1.5V8h-15v3.25H3v-6.5C3 3.784 3.784 3 4.75 3H7v-.25a.75.75 0 0 1 1.5 0V3h7v-.25a.75.75 0 0 1 .75-.75M7 4.5H4.75a.25.25 0 0 0-.243.193L4.5 4.75V6.5h15V4.75a.25.25 0 0 0-.193-.243L19.25 4.5H17v.25a.75.75 0 1 1-1.5 0V4.5h-7v.25a.75.75 0 0 1-1.5 0zm12.804 10.147a.75.75 0 0 1 1.049 1.05l-.073.083-1.969 1.97 1.97 1.97a.75.75 0 0 1-.977 1.133l-.084-.073-1.97-1.969-1.97 1.97-.084.072a.75.75 0 0 1-1.049-1.05l.073-.083 1.969-1.97-1.97-1.97a.75.75 0 0 1 .977-1.133l.084.073 1.97 1.969 1.97-1.97z\"\n            />\n        </svg>\n    );\n}\nconst ForwardRef = forwardRef(IconAccountingYearCancel);\nexport default ForwardRef;\n"],"names":["React","forwardRef"],"mappings":";;;;;;;;;;;;;;;;;;;AAGA,SAAS,yBAAyB,OAAgC,KAAsC;AACpG,SACIA,iCAAA,cAAC,SAAI,OAAM,8BAA6B,SAAQ,aAAY,KAAW,GAAG,MAAA,GACtEA,iCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAK;AAAA,MACL,UAAS;AAAA,MACT,GAAE;AAAA,IAAA;AAAA,EAAA,CAEV;AAER;AACA,MAAM,aAAaC,MAAAA,WAAW,wBAAwB;;"}
+{"version":3,"file":"AccountingYearCancel.cjs","sources":["../../../../src/components/Icon/components/AccountingYearCancel.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { SVGProps, Ref } from 'react';\nimport { forwardRef } from 'react';\nfunction IconAccountingYearCancel(props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>): React.JSX.Element {\n    return (\n        <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" ref={ref} {...props}>\n            <path\n                fill=\"currentColor\"\n                fillRule=\"evenodd\"\n                d=\"M4.5 16.25v3a.25.25 0 0 0 .193.243l.057.007H13V21H4.75A1.75 1.75 0 0 1 3 19.25v-3zm4.946-6.103.084.073 3 3a.75.75 0 0 1 .073.976l-.073.084-3 3a.75.75 0 0 1-1.133-.976l.073-.084 1.718-1.72H3.75a.75.75 0 0 1-.102-1.493L3.75 13h6.44l-1.72-1.72a.75.75 0 0 1-.073-.976l.073-.084a.75.75 0 0 1 .976-.073M16.25 2a.75.75 0 0 1 .75.75V3h2.25c.966 0 1.75.784 1.75 1.75V13h-1.5V8h-15v3.25H3v-6.5C3 3.784 3.784 3 4.75 3H7v-.25a.75.75 0 0 1 1.5 0V3h7v-.25a.75.75 0 0 1 .75-.75M7 4.5H4.75a.25.25 0 0 0-.243.193L4.5 4.75V6.5h15V4.75a.25.25 0 0 0-.193-.243L19.25 4.5H17v.25a.75.75 0 1 1-1.5 0V4.5h-7v.25a.75.75 0 0 1-1.5 0zm12.804 10.147a.75.75 0 0 1 1.049 1.05l-.073.083-1.969 1.97 1.97 1.97a.75.75 0 0 1-.977 1.133l-.084-.073-1.97-1.969-1.97 1.97-.084.072a.75.75 0 0 1-1.049-1.05l.073-.083 1.969-1.97-1.97-1.97a.75.75 0 0 1 .977-1.133l.084.073 1.97 1.969 1.97-1.97z\"\n            />\n        </svg>\n    );\n}\nconst ForwardRef = forwardRef(IconAccountingYearCancel);\nexport default ForwardRef;\n"],"names":["React","forwardRef"],"mappings":";;;;;;;;;;;;;;;;;;;AAGA,SAAS,yBAAyB,OAAgC,KAA4C;AAC1G,SACIA,iCAAA,cAAC,SAAI,OAAM,8BAA6B,SAAQ,aAAY,KAAW,GAAG,MAAA,GACtEA,iCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAK;AAAA,MACL,UAAS;AAAA,MACT,GAAE;AAAA,IAAA;AAAA,EAAA,CAEV;AAER;AACA,MAAM,aAAaC,MAAAA,WAAW,wBAAwB;;"}

package/dist/components/Icon/components/AccountingYearCancel.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccountingYearCancel.js","sources":["../../../../src/components/Icon/components/AccountingYearCancel.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { SVGProps, Ref } from 'react';\nimport { forwardRef } from 'react';\nfunction IconAccountingYearCancel(props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>): JSX.Element {\n    return (\n        <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" ref={ref} {...props}>\n            <path\n                fill=\"currentColor\"\n                fillRule=\"evenodd\"\n                d=\"M4.5 16.25v3a.25.25 0 0 0 .193.243l.057.007H13V21H4.75A1.75 1.75 0 0 1 3 19.25v-3zm4.946-6.103.084.073 3 3a.75.75 0 0 1 .073.976l-.073.084-3 3a.75.75 0 0 1-1.133-.976l.073-.084 1.718-1.72H3.75a.75.75 0 0 1-.102-1.493L3.75 13h6.44l-1.72-1.72a.75.75 0 0 1-.073-.976l.073-.084a.75.75 0 0 1 .976-.073M16.25 2a.75.75 0 0 1 .75.75V3h2.25c.966 0 1.75.784 1.75 1.75V13h-1.5V8h-15v3.25H3v-6.5C3 3.784 3.784 3 4.75 3H7v-.25a.75.75 0 0 1 1.5 0V3h7v-.25a.75.75 0 0 1 .75-.75M7 4.5H4.75a.25.25 0 0 0-.243.193L4.5 4.75V6.5h15V4.75a.25.25 0 0 0-.193-.243L19.25 4.5H17v.25a.75.75 0 1 1-1.5 0V4.5h-7v.25a.75.75 0 0 1-1.5 0zm12.804 10.147a.75.75 0 0 1 1.049 1.05l-.073.083-1.969 1.97 1.97 1.97a.75.75 0 0 1-.977 1.133l-.084-.073-1.97-1.969-1.97 1.97-.084.072a.75.75 0 0 1-1.049-1.05l.073-.083 1.969-1.97-1.97-1.97a.75.75 0 0 1 .977-1.133l.084.073 1.97 1.969 1.97-1.97z\"\n            />\n        </svg>\n    );\n}\nconst ForwardRef = forwardRef(IconAccountingYearCancel);\nexport default ForwardRef;\n"],"names":[],"mappings":";;AAGA,SAAS,yBAAyB,OAAgC,KAAsC;AACpG,SACI,sBAAA,cAAC,SAAI,OAAM,8BAA6B,SAAQ,aAAY,KAAW,GAAG,MAAA,GACtE,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAK;AAAA,MACL,UAAS;AAAA,MACT,GAAE;AAAA,IAAA;AAAA,EAAA,CAEV;AAER;AACA,MAAM,aAAa,WAAW,wBAAwB;"}
+{"version":3,"file":"AccountingYearCancel.js","sources":["../../../../src/components/Icon/components/AccountingYearCancel.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { SVGProps, Ref } from 'react';\nimport { forwardRef } from 'react';\nfunction IconAccountingYearCancel(props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>): React.JSX.Element {\n    return (\n        <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" ref={ref} {...props}>\n            <path\n                fill=\"currentColor\"\n                fillRule=\"evenodd\"\n                d=\"M4.5 16.25v3a.25.25 0 0 0 .193.243l.057.007H13V21H4.75A1.75 1.75 0 0 1 3 19.25v-3zm4.946-6.103.084.073 3 3a.75.75 0 0 1 .073.976l-.073.084-3 3a.75.75 0 0 1-1.133-.976l.073-.084 1.718-1.72H3.75a.75.75 0 0 1-.102-1.493L3.75 13h6.44l-1.72-1.72a.75.75 0 0 1-.073-.976l.073-.084a.75.75 0 0 1 .976-.073M16.25 2a.75.75 0 0 1 .75.75V3h2.25c.966 0 1.75.784 1.75 1.75V13h-1.5V8h-15v3.25H3v-6.5C3 3.784 3.784 3 4.75 3H7v-.25a.75.75 0 0 1 1.5 0V3h7v-.25a.75.75 0 0 1 .75-.75M7 4.5H4.75a.25.25 0 0 0-.243.193L4.5 4.75V6.5h15V4.75a.25.25 0 0 0-.193-.243L19.25 4.5H17v.25a.75.75 0 1 1-1.5 0V4.5h-7v.25a.75.75 0 0 1-1.5 0zm12.804 10.147a.75.75 0 0 1 1.049 1.05l-.073.083-1.969 1.97 1.97 1.97a.75.75 0 0 1-.977 1.133l-.084-.073-1.97-1.969-1.97 1.97-.084.072a.75.75 0 0 1-1.049-1.05l.073-.083 1.969-1.97-1.97-1.97a.75.75 0 0 1 .977-1.133l.084.073 1.97 1.969 1.97-1.97z\"\n            />\n        </svg>\n    );\n}\nconst ForwardRef = forwardRef(IconAccountingYearCancel);\nexport default ForwardRef;\n"],"names":[],"mappings":";;AAGA,SAAS,yBAAyB,OAAgC,KAA4C;AAC1G,SACI,sBAAA,cAAC,SAAI,OAAM,8BAA6B,SAAQ,aAAY,KAAW,GAAG,MAAA,GACtE,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAK;AAAA,MACL,UAAS;AAAA,MACT,GAAE;AAAA,IAAA;AAAA,EAAA,CAEV;AAER;AACA,MAAM,aAAa,WAAW,wBAAwB;"}

package/dist/components/Icon/components/AiChatSolid.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"AiChatSolid.cjs","sources":["../../../../src/components/Icon/components/AiChatSolid.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { SVGProps, Ref } from 'react';\nimport { forwardRef } from 'react';\nfunction IconAiChatSolid(props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>): JSX.Element {\n    return (\n        <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" ref={ref} {...props}>\n            <path\n                fill=\"currentColor\"\n                fillRule=\"evenodd\"\n                d=\"M18.823 2.122a.188.188 0 0 1 .352 0l.874 2.364c.02.051.06.092.111.11l2.364.875a.188.188 0 0 1 0 .352l-2.364.875a.2.2 0 0 0-.11.11l-.875 2.364a.188.188 0 0 1-.352 0l-.875-2.364a.2.2 0 0 0-.11-.11l-2.364-.875a.188.188 0 0 1 0-.352l2.364-.874a.2.2 0 0 0 .11-.111zm1.667 7a.188.188 0 0 1 .351 0l.515 1.39a.2.2 0 0 0 .11.112l1.39.514a.188.188 0 0 1 0 .352l-1.39.514a.2.2 0 0 0-.11.111l-.515 1.39a.187.187 0 0 1-.351 0l-.515-1.39a.2.2 0 0 0-.11-.11l-1.391-.515a.188.188 0 0 1 0-.352l1.39-.514a.2.2 0 0 0 .111-.111zm-5.363-2.36c-.889-.328-1.014-1.455-.374-2.008a12.3 12.3 0 0 0-3.864-.606C5.979 4.148 2 6.884 2 10.26c0 2.393 1.999 4.463 4.91 5.467L4.513 19.99a.556.556 0 0 0 .832.706l5.406-4.325.426-.003c3.493-.076 6.477-1.538 7.829-3.612l-.879-.325c-1.034-.383-1.034-1.845 0-2.228l.234-.086a1.17 1.17 0 0 1-.476-.595l-.745-2.013-2.013-.745z\"\n                clipRule=\"evenodd\"\n            />\n        </svg>\n    );\n}\nconst ForwardRef = forwardRef(IconAiChatSolid);\nexport default ForwardRef;\n"],"names":["React","forwardRef"],"mappings":";;;;;;;;;;;;;;;;;;;AAGA,SAAS,gBAAgB,OAAgC,KAAsC;AAC3F,SACIA,iCAAA,cAAC,OAAA,EAAI,OAAM,8BAA6B,MAAK,QAAO,SAAQ,aAAY,KAAW,GAAG,MAAA,GAClFA,iCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAK;AAAA,MACL,UAAS;AAAA,MACT,GAAE;AAAA,MACF,UAAS;AAAA,IAAA;AAAA,EAAA,CAEjB;AAER;AACA,MAAM,aAAaC,MAAAA,WAAW,eAAe;;"}
+{"version":3,"file":"AiChatSolid.cjs","sources":["../../../../src/components/Icon/components/AiChatSolid.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { SVGProps, Ref } from 'react';\nimport { forwardRef } from 'react';\nfunction IconAiChatSolid(props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>): React.JSX.Element {\n    return (\n        <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" ref={ref} {...props}>\n            <path\n                fill=\"currentColor\"\n                fillRule=\"evenodd\"\n                d=\"M18.823 2.122a.188.188 0 0 1 .352 0l.874 2.364c.02.051.06.092.111.11l2.364.875a.188.188 0 0 1 0 .352l-2.364.875a.2.2 0 0 0-.11.11l-.875 2.364a.188.188 0 0 1-.352 0l-.875-2.364a.2.2 0 0 0-.11-.11l-2.364-.875a.188.188 0 0 1 0-.352l2.364-.874a.2.2 0 0 0 .11-.111zm1.667 7a.188.188 0 0 1 .351 0l.515 1.39a.2.2 0 0 0 .11.112l1.39.514a.188.188 0 0 1 0 .352l-1.39.514a.2.2 0 0 0-.11.111l-.515 1.39a.187.187 0 0 1-.351 0l-.515-1.39a.2.2 0 0 0-.11-.11l-1.391-.515a.188.188 0 0 1 0-.352l1.39-.514a.2.2 0 0 0 .111-.111zm-5.363-2.36c-.889-.328-1.014-1.455-.374-2.008a12.3 12.3 0 0 0-3.864-.606C5.979 4.148 2 6.884 2 10.26c0 2.393 1.999 4.463 4.91 5.467L4.513 19.99a.556.556 0 0 0 .832.706l5.406-4.325.426-.003c3.493-.076 6.477-1.538 7.829-3.612l-.879-.325c-1.034-.383-1.034-1.845 0-2.228l.234-.086a1.17 1.17 0 0 1-.476-.595l-.745-2.013-2.013-.745z\"\n                clipRule=\"evenodd\"\n            />\n        </svg>\n    );\n}\nconst ForwardRef = forwardRef(IconAiChatSolid);\nexport default ForwardRef;\n"],"names":["React","forwardRef"],"mappings":";;;;;;;;;;;;;;;;;;;AAGA,SAAS,gBAAgB,OAAgC,KAA4C;AACjG,SACIA,iCAAA,cAAC,OAAA,EAAI,OAAM,8BAA6B,MAAK,QAAO,SAAQ,aAAY,KAAW,GAAG,MAAA,GAClFA,iCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAK;AAAA,MACL,UAAS;AAAA,MACT,GAAE;AAAA,MACF,UAAS;AAAA,IAAA;AAAA,EAAA,CAEjB;AAER;AACA,MAAM,aAAaC,MAAAA,WAAW,eAAe;;"}