@economic/taco 1.0.7 → 1.1.0

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

@@ -1,3 +1,4 @@
+import { extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import { forwardRef, createElement } from 'react';
 import cn from 'classnames';
 import { Backdrop } from '../../Backdrop/Backdrop.js';
@@ -9,22 +10,22 @@ import { useCurrentDialog } from '../Context.js';
 import { useDraggable } from '../../../utils/hooks/useDraggable.js';
 import { useCurrentMenu } from '../../Menu/Context.js';
 
-const Title = /*#__PURE__*/forwardRef(function DialogTitle(props, ref) {
-  const className = cn('text-center', props.className);
+var Title = /*#__PURE__*/forwardRef(function DialogTitle(props, ref) {
+  var className = cn('text-center', props.className);
   return createElement(Title$1, Object.assign({}, props, {
     className: className,
     ref: ref
   }));
 });
-const Footer = /*#__PURE__*/forwardRef(function DialogFooter(props, ref) {
-  const className = cn('mt-8 flex justify-end', props.className);
+var Footer = /*#__PURE__*/forwardRef(function DialogFooter(props, ref) {
+  var className = cn('mt-8 flex justify-end', props.className);
   return createElement("div", Object.assign({}, props, {
     className: className,
     ref: ref
   }), props.children);
 });
-const Close = /*#__PURE__*/forwardRef(function DialogClose(props, ref) {
-  const dialog = useCurrentDialog();
+var Close = /*#__PURE__*/forwardRef(function DialogClose(props, ref) {
+  var dialog = useCurrentDialog();
   return createElement(Close$1, Object.assign({
     onClick: dialog.onClose
   }, props, {
@@ -32,52 +33,54 @@ const Close = /*#__PURE__*/forwardRef(function DialogClose(props, ref) {
     asChild: true
   }));
 });
-const RenderPropWrapper = /*#__PURE__*/forwardRef(function RenderPropWrapper({
-  children,
-  onClick,
-  renderProps
-}, ref) {
-  const close = () => {
+var RenderPropWrapper = /*#__PURE__*/forwardRef(function RenderPropWrapper(_ref, ref) {
+  var children = _ref.children,
+      onClick = _ref.onClick,
+      renderProps = _ref.renderProps;
+
+  var close = function close() {
     onClick(new CustomEvent('close'));
   };
 
-  return children({
-    close,
-    ref,
-    ...renderProps
-  });
+  return children(_extends({
+    close: close,
+    ref: ref
+  }, renderProps));
 });
-const Content = /*#__PURE__*/forwardRef(function DialogContent(props, ref) {
-  const dialog = useCurrentDialog();
-  const internalRef = useProxiedRef(ref);
-  const {
-    position,
-    handleProps: dragHandleProps
-  } = useDraggable(internalRef);
-  const {
-    texts
-  } = useLocalization(); // if the dialog was opened by a menu, we need to close the menu when the dialog closes
+var Content = /*#__PURE__*/forwardRef(function DialogContent(props, ref) {
+  var dialog = useCurrentDialog();
+  var internalRef = useProxiedRef(ref);
+
+  var _useDraggable = useDraggable(internalRef),
+      position = _useDraggable.position,
+      dragHandleProps = _useDraggable.handleProps;
+
+  var _useLocalization = useLocalization(),
+      texts = _useLocalization.texts; // if the dialog was opened by a menu, we need to close the menu when the dialog closes
   // the menu is still open (and mounted) because it is the trigger for the dialog
 
-  const menu = useCurrentMenu();
-  let handleCloseAutoFocus;
+
+  var menu = useCurrentMenu();
+  var handleCloseAutoFocus;
 
   if (menu) {
-    handleCloseAutoFocus = () => menu.close();
+    handleCloseAutoFocus = function handleCloseAutoFocus() {
+      return menu.close();
+    };
   }
 
-  const className = cn('bg-white rounded relative mt-16 mx-auto animate-[fade-in_150ms] z-[997]', {
+  var className = cn('bg-white rounded relative mt-16 mx-auto animate-[fade-in_150ms] z-[997]', {
     'w-128 text-center justify-center': dialog.size === 'dialog',
     'w-xs': dialog.size === 'xs',
     'w-sm': dialog.size === 'sm',
     'w-md': dialog.size === 'md',
     'w-lg': dialog.size === 'lg'
   });
-  const containerClassName = cn('bg-white p-6 rounded relative z-[999]', 'shadow-[0_6px_9px_0_rgba(89,85,98,0.3),0_0_1px_0_rgba(89,85,98,0.2)]', {
+  var containerClassName = cn('bg-white p-6 rounded relative z-[999]', 'shadow-[0_6px_9px_0_rgba(89,85,98,0.3),0_0_1px_0_rgba(89,85,98,0.2)]', {
     'rounded-b-none': !!dialog.elements.extra
   }, props.className);
 
-  const handleEscapeKeyDown = event => {
+  var handleEscapeKeyDown = function handleEscapeKeyDown(event) {
     if (!dialog.closeOnEscape) {
       event.preventDefault();
     } else if (dialog.onClose) {
@@ -86,9 +89,11 @@ const Content = /*#__PURE__*/forwardRef(function DialogContent(props, ref) {
   }; // the chosen behaviour in taco is that outside clicks do not close the dialog
 
 
-  const handleInteractOutside = event => event.preventDefault();
+  var handleInteractOutside = function handleInteractOutside(event) {
+    return event.preventDefault();
+  };
 
-  let output;
+  var output;
 
   if (typeof props.children === 'function') {
     output = createElement(Close$1, {
@@ -110,10 +115,10 @@ const Content = /*#__PURE__*/forwardRef(function DialogContent(props, ref) {
     onInteractOutside: handleInteractOutside,
     onCloseAutoFocus: handleCloseAutoFocus,
     ref: ref,
-    style: { ...props.style,
-      left: dialog.draggable ? `${position.x}px` : undefined,
-      top: dialog.draggable ? `${position.y}px` : undefined
-    }
+    style: _extends({}, props.style, {
+      left: dialog.draggable ? position.x + "px" : undefined,
+      top: dialog.draggable ? position.y + "px" : undefined
+    })
   }), createElement("div", {
     className: containerClassName,
     "data-taco": "dialog"

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

@@ -1 +1 @@
-{"version":3,"file":"Content.js","sources":["../../../../../src/components/Dialog/components/Content.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport cn from 'classnames';\r\nimport * as DialogPrimitive from '@radix-ui/react-dialog';\r\nimport type { DialogContentProps as DialogPrimitiveContentProps } from '@radix-ui/react-dialog';\r\nimport { useProxiedRef } from '../../../utils/hooks/useProxiedRef';\r\nimport { useDraggable } from '../../../utils/hooks/useDraggable';\r\nimport { useCurrentMenu } from '../../Menu/Context';\r\nimport { DialogContext, useCurrentDialog } from '../Context';\r\nimport { useLocalization } from '../../Provider/Provider';\r\nimport { IconButton } from '../../IconButton/IconButton';\r\nimport { Backdrop } from '../../Backdrop/Backdrop';\r\n\r\nexport type DialogContentDrawerRenderProps = DialogContext['drawer'];\r\n\r\nexport type DialogContentRenderProps = {\r\n    close: () => void;\r\n    drawer?: DialogContentDrawerRenderProps;\r\n};\r\n\r\nexport type DialogTitleProps = React.HTMLAttributes<HTMLHeadingElement>;\r\nexport const Title = React.forwardRef(function DialogTitle(props: DialogTitleProps, ref: React.Ref<HTMLHeadingElement>) {\r\n    const className = cn('text-center', props.className);\r\n    return <DialogPrimitive.Title {...props} className={className} ref={ref} />;\r\n});\r\n\r\nexport type DialogFooterProps = React.HTMLAttributes<HTMLDivElement>;\r\nexport const Footer = React.forwardRef(function DialogFooter(props: DialogFooterProps, ref: React.Ref<HTMLDivElement>) {\r\n    const className = cn('mt-8 flex justify-end', props.className);\r\n    return (\r\n        <div {...props} className={className} ref={ref}>\r\n            {props.children}\r\n        </div>\r\n    );\r\n});\r\n\r\nexport type DialogCloseProps = React.HTMLAttributes<HTMLButtonElement>;\r\n\r\nexport const Close = React.forwardRef(function DialogClose(props: DialogCloseProps, ref: React.Ref<HTMLButtonElement>) {\r\n    const dialog = useCurrentDialog();\r\n\r\n    return <DialogPrimitive.Close onClick={dialog.onClose} {...props} ref={ref} asChild />;\r\n});\r\n\r\nconst RenderPropWrapper = React.forwardRef(function RenderPropWrapper({ children, onClick, renderProps }: any, ref) {\r\n    const close = () => {\r\n        onClick(new CustomEvent('close'));\r\n    };\r\n\r\n    return children({ close, ref, ...renderProps });\r\n});\r\n\r\nexport type DialogContentProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & {\r\n    /** An accessible label to be announced when the dialog is opened */\r\n    'aria-label': string;\r\n    children: Omit<React.ReactNode, 'Function'> | ((props: DialogContentRenderProps) => JSX.Element);\r\n};\r\nexport const Content = React.forwardRef(function DialogContent(props: DialogContentProps, ref: React.Ref<HTMLDivElement>) {\r\n    const dialog = useCurrentDialog();\r\n    const internalRef = useProxiedRef<HTMLDivElement>(ref);\r\n    const { position, handleProps: dragHandleProps } = useDraggable(internalRef);\r\n    const { texts } = useLocalization();\r\n\r\n    // if the dialog was opened by a menu, we need to close the menu when the dialog closes\r\n    // the menu is still open (and mounted) because it is the trigger for the dialog\r\n    const menu = useCurrentMenu();\r\n    let handleCloseAutoFocus: DialogPrimitiveContentProps['onCloseAutoFocus'];\r\n\r\n    if (menu) {\r\n        handleCloseAutoFocus = () => menu.close();\r\n    }\r\n\r\n    const className = cn('bg-white rounded relative mt-16 mx-auto animate-[fade-in_150ms] z-[997]', {\r\n        'w-128 text-center justify-center': dialog.size === 'dialog',\r\n        'w-xs': dialog.size === 'xs',\r\n        'w-sm': dialog.size === 'sm',\r\n        'w-md': dialog.size === 'md',\r\n        'w-lg': dialog.size === 'lg',\r\n    });\r\n\r\n    const containerClassName = cn(\r\n        'bg-white p-6 rounded relative z-[999]',\r\n        'shadow-[0_6px_9px_0_rgba(89,85,98,0.3),0_0_1px_0_rgba(89,85,98,0.2)]',\r\n        {\r\n            'rounded-b-none': !!dialog.elements.extra,\r\n        },\r\n        props.className\r\n    );\r\n\r\n    const handleEscapeKeyDown = (event: KeyboardEvent) => {\r\n        if (!dialog.closeOnEscape) {\r\n            event.preventDefault();\r\n        } else if (dialog.onClose) {\r\n            dialog.onClose();\r\n        }\r\n    };\r\n\r\n    // the chosen behaviour in taco is that outside clicks do not close the dialog\r\n    const handleInteractOutside = event => event.preventDefault();\r\n\r\n    let output;\r\n\r\n    if (typeof props.children === 'function') {\r\n        output = (\r\n            <DialogPrimitive.Close asChild>\r\n                <RenderPropWrapper renderProps={{ drawer: dialog.drawer }}>{props.children}</RenderPropWrapper>\r\n            </DialogPrimitive.Close>\r\n        );\r\n    } else {\r\n        output = props.children;\r\n    }\r\n\r\n    return (\r\n        <DialogPrimitive.Portal>\r\n            <DialogPrimitive.Overlay asChild>\r\n                <Backdrop>\r\n                    <DialogPrimitive.Content\r\n                        {...props}\r\n                        className={className}\r\n                        onEscapeKeyDown={handleEscapeKeyDown}\r\n                        onInteractOutside={handleInteractOutside}\r\n                        onCloseAutoFocus={handleCloseAutoFocus}\r\n                        ref={ref}\r\n                        style={{\r\n                            ...props.style,\r\n                            left: dialog.draggable ? `${position.x}px` : undefined,\r\n                            top: dialog.draggable ? `${position.y}px` : undefined,\r\n                        }}\r\n                    >\r\n                        <div className={containerClassName} data-taco=\"dialog\">\r\n                            {output}\r\n                            {dialog.draggable && (\r\n                                <div\r\n                                    {...dragHandleProps}\r\n                                    aria-label={texts.dialog.drag}\r\n                                    className=\"yt-dialog__drag absolute-center-x bg-grey-light top-1.5 h-3 w-24 cursor-move rounded text-center\"\r\n                                />\r\n                            )}\r\n                            {dialog.showCloseButton ? (\r\n                                <DialogPrimitive.Close onClick={dialog.onClose} asChild>\r\n                                    <IconButton\r\n                                        appearance=\"discrete\"\r\n                                        aria-label={texts.dialog.close}\r\n                                        className=\"absolute top-0 right-0 mt-2 mr-2\"\r\n                                        icon=\"close\"\r\n                                    />\r\n                                </DialogPrimitive.Close>\r\n                            ) : null}\r\n                        </div>\r\n                        {dialog.elements.drawer}\r\n                        {dialog.elements.extra}\r\n                    </DialogPrimitive.Content>\r\n                </Backdrop>\r\n            </DialogPrimitive.Overlay>\r\n        </DialogPrimitive.Portal>\r\n    );\r\n});\r\n"],"names":["Title","React","DialogTitle","props","ref","className","cn","DialogPrimitive","Footer","DialogFooter","children","Close","DialogClose","dialog","useCurrentDialog","onClick","onClose","asChild","RenderPropWrapper","renderProps","close","CustomEvent","Content","DialogContent","internalRef","useProxiedRef","position","handleProps","dragHandleProps","useDraggable","texts","useLocalization","menu","useCurrentMenu","handleCloseAutoFocus","size","containerClassName","elements","extra","handleEscapeKeyDown","event","closeOnEscape","preventDefault","handleInteractOutside","output","drawer","Backdrop","onEscapeKeyDown","onInteractOutside","onCloseAutoFocus","style","left","draggable","x","undefined","top","y","drag","showCloseButton","IconButton","appearance","icon"],"mappings":"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"}
+{"version":3,"file":"Content.js","sources":["../../../../../src/components/Dialog/components/Content.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'classnames';\nimport * as DialogPrimitive from '@radix-ui/react-dialog';\nimport type { DialogContentProps as DialogPrimitiveContentProps } from '@radix-ui/react-dialog';\nimport { useProxiedRef } from '../../../utils/hooks/useProxiedRef';\nimport { useDraggable } from '../../../utils/hooks/useDraggable';\nimport { useCurrentMenu } from '../../Menu/Context';\nimport { DialogContext, useCurrentDialog } from '../Context';\nimport { useLocalization } from '../../Provider/Provider';\nimport { IconButton } from '../../IconButton/IconButton';\nimport { Backdrop } from '../../Backdrop/Backdrop';\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\nexport const Close = React.forwardRef(function DialogClose(props: DialogCloseProps, ref: React.Ref<HTMLButtonElement>) {\n    const dialog = useCurrentDialog();\n\n    return <DialogPrimitive.Close onClick={dialog.onClose} {...props} ref={ref} asChild />;\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: Omit<React.ReactNode, 'Function'> | ((props: DialogContentRenderProps) => JSX.Element);\n};\nexport const Content = React.forwardRef(function DialogContent(props: DialogContentProps, ref: React.Ref<HTMLDivElement>) {\n    const dialog = useCurrentDialog();\n    const internalRef = useProxiedRef<HTMLDivElement>(ref);\n    const { position, handleProps: dragHandleProps } = useDraggable(internalRef);\n    const { texts } = useLocalization();\n\n    // if the dialog was opened by a menu, we need to close the menu when the dialog closes\n    // the menu is still open (and mounted) because it is the trigger for the dialog\n    const menu = useCurrentMenu();\n    let handleCloseAutoFocus: DialogPrimitiveContentProps['onCloseAutoFocus'];\n\n    if (menu) {\n        handleCloseAutoFocus = () => menu.close();\n    }\n\n    const className = cn('bg-white rounded relative mt-16 mx-auto animate-[fade-in_150ms] z-[997]', {\n        'w-128 text-center justify-center': dialog.size === 'dialog',\n        'w-xs': dialog.size === 'xs',\n        'w-sm': dialog.size === 'sm',\n        'w-md': dialog.size === 'md',\n        'w-lg': dialog.size === 'lg',\n    });\n\n    const containerClassName = cn(\n        'bg-white p-6 rounded relative z-[999]',\n        'shadow-[0_6px_9px_0_rgba(89,85,98,0.3),0_0_1px_0_rgba(89,85,98,0.2)]',\n        {\n            'rounded-b-none': !!dialog.elements.extra,\n        },\n        props.className\n    );\n\n    const handleEscapeKeyDown = (event: KeyboardEvent) => {\n        if (!dialog.closeOnEscape) {\n            event.preventDefault();\n        } else if (dialog.onClose) {\n            dialog.onClose();\n        }\n    };\n\n    // the chosen behaviour in taco is that outside clicks do not close the dialog\n    const handleInteractOutside = event => event.preventDefault();\n\n    let output;\n\n    if (typeof props.children === 'function') {\n        output = (\n            <DialogPrimitive.Close asChild>\n                <RenderPropWrapper renderProps={{ drawer: dialog.drawer }}>{props.children}</RenderPropWrapper>\n            </DialogPrimitive.Close>\n        );\n    } else {\n        output = props.children;\n    }\n\n    return (\n        <DialogPrimitive.Portal>\n            <DialogPrimitive.Overlay asChild>\n                <Backdrop>\n                    <DialogPrimitive.Content\n                        {...props}\n                        className={className}\n                        onEscapeKeyDown={handleEscapeKeyDown}\n                        onInteractOutside={handleInteractOutside}\n                        onCloseAutoFocus={handleCloseAutoFocus}\n                        ref={ref}\n                        style={{\n                            ...props.style,\n                            left: dialog.draggable ? `${position.x}px` : undefined,\n                            top: dialog.draggable ? `${position.y}px` : undefined,\n                        }}\n                    >\n                        <div className={containerClassName} data-taco=\"dialog\">\n                            {output}\n                            {dialog.draggable && (\n                                <div\n                                    {...dragHandleProps}\n                                    aria-label={texts.dialog.drag}\n                                    className=\"yt-dialog__drag absolute-center-x bg-grey-light top-1.5 h-3 w-24 cursor-move rounded text-center\"\n                                />\n                            )}\n                            {dialog.showCloseButton ? (\n                                <DialogPrimitive.Close onClick={dialog.onClose} asChild>\n                                    <IconButton\n                                        appearance=\"discrete\"\n                                        aria-label={texts.dialog.close}\n                                        className=\"absolute top-0 right-0 mt-2 mr-2\"\n                                        icon=\"close\"\n                                    />\n                                </DialogPrimitive.Close>\n                            ) : null}\n                        </div>\n                        {dialog.elements.drawer}\n                        {dialog.elements.extra}\n                    </DialogPrimitive.Content>\n                </Backdrop>\n            </DialogPrimitive.Overlay>\n        </DialogPrimitive.Portal>\n    );\n});\n"],"names":["Title","React","DialogTitle","props","ref","className","cn","DialogPrimitive","Footer","DialogFooter","children","Close","DialogClose","dialog","useCurrentDialog","onClick","onClose","asChild","RenderPropWrapper","renderProps","close","CustomEvent","Content","DialogContent","internalRef","useProxiedRef","useDraggable","position","dragHandleProps","handleProps","useLocalization","texts","menu","useCurrentMenu","handleCloseAutoFocus","size","containerClassName","elements","extra","handleEscapeKeyDown","event","closeOnEscape","preventDefault","handleInteractOutside","output","drawer","Backdrop","onEscapeKeyDown","onInteractOutside","onCloseAutoFocus","style","left","draggable","x","undefined","top","y","drag","showCloseButton","IconButton","appearance","icon"],"mappings":";;;;;;;;;;;;IAoBaA,KAAK,gBAAGC,UAAA,CAAiB,SAASC,WAAT,CAAqBC,KAArB,EAA8CC,GAA9C;AAClC,MAAMC,SAAS,GAAGC,EAAE,CAAC,aAAD,EAAgBH,KAAK,CAACE,SAAtB,CAApB;AACA,SAAOJ,aAAA,CAACM,OAAD,oBAA2BJ;AAAOE,IAAAA,SAAS,EAAEA;AAAWD,IAAAA,GAAG,EAAEA;IAA7D,CAAP;AACH,CAHoB;IAMRI,MAAM,gBAAGP,UAAA,CAAiB,SAASQ,YAAT,CAAsBN,KAAtB,EAAgDC,GAAhD;AACnC,MAAMC,SAAS,GAAGC,EAAE,CAAC,uBAAD,EAA0BH,KAAK,CAACE,SAAhC,CAApB;AACA,SACIJ,aAAA,MAAA,oBAASE;AAAOE,IAAAA,SAAS,EAAEA;AAAWD,IAAAA,GAAG,EAAEA;IAA3C,EACKD,KAAK,CAACO,QADX,CADJ;AAKH,CAPqB;IAWTC,KAAK,gBAAGV,UAAA,CAAiB,SAASW,WAAT,CAAqBT,KAArB,EAA8CC,GAA9C;AAClC,MAAMS,MAAM,GAAGC,gBAAgB,EAA/B;AAEA,SAAOb,aAAA,CAACM,OAAD;AAAuBQ,IAAAA,OAAO,EAAEF,MAAM,CAACG;KAAab;AAAOC,IAAAA,GAAG,EAAEA;AAAKa,IAAAA,OAAO;IAA5E,CAAP;AACH,CAJoB;AAMrB,IAAMC,iBAAiB,gBAAGjB,UAAA,CAAiB,SAASiB,iBAAT,OAAoEd,GAApE;MAA6BM,gBAAAA;MAAUK,eAAAA;MAASI,mBAAAA;;AACvF,MAAMC,KAAK,GAAG,SAARA,KAAQ;AACVL,IAAAA,OAAO,CAAC,IAAIM,WAAJ,CAAgB,OAAhB,CAAD,CAAP;AACH,GAFD;;AAIA,SAAOX,QAAQ;AAAGU,IAAAA,KAAK,EAALA,KAAH;AAAUhB,IAAAA,GAAG,EAAHA;AAAV,KAAkBe,WAAlB,EAAf;AACH,CANyB,CAA1B;IAaaG,OAAO,gBAAGrB,UAAA,CAAiB,SAASsB,aAAT,CAAuBpB,KAAvB,EAAkDC,GAAlD;AACpC,MAAMS,MAAM,GAAGC,gBAAgB,EAA/B;AACA,MAAMU,WAAW,GAAGC,aAAa,CAAiBrB,GAAjB,CAAjC;;AACA,sBAAmDsB,YAAY,CAACF,WAAD,CAA/D;AAAA,MAAQG,QAAR,iBAAQA,QAAR;AAAA,MAA+BC,eAA/B,iBAAkBC,WAAlB;;AACA,yBAAkBC,eAAe,EAAjC;AAAA,MAAQC,KAAR,oBAAQA,KAAR;AAGA;;;AACA,MAAMC,IAAI,GAAGC,cAAc,EAA3B;AACA,MAAIC,oBAAJ;;AAEA,MAAIF,IAAJ,EAAU;AACNE,IAAAA,oBAAoB,GAAG;AAAA,aAAMF,IAAI,CAACZ,KAAL,EAAN;AAAA,KAAvB;AACH;;AAED,MAAMf,SAAS,GAAGC,EAAE,CAAC,yEAAD,EAA4E;AAC5F,wCAAoCO,MAAM,CAACsB,IAAP,KAAgB,QADwC;AAE5F,YAAQtB,MAAM,CAACsB,IAAP,KAAgB,IAFoE;AAG5F,YAAQtB,MAAM,CAACsB,IAAP,KAAgB,IAHoE;AAI5F,YAAQtB,MAAM,CAACsB,IAAP,KAAgB,IAJoE;AAK5F,YAAQtB,MAAM,CAACsB,IAAP,KAAgB;AALoE,GAA5E,CAApB;AAQA,MAAMC,kBAAkB,GAAG9B,EAAE,CACzB,uCADyB,EAEzB,sEAFyB,EAGzB;AACI,sBAAkB,CAAC,CAACO,MAAM,CAACwB,QAAP,CAAgBC;AADxC,GAHyB,EAMzBnC,KAAK,CAACE,SANmB,CAA7B;;AASA,MAAMkC,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,KAAD;AACxB,QAAI,CAAC3B,MAAM,CAAC4B,aAAZ,EAA2B;AACvBD,MAAAA,KAAK,CAACE,cAAN;AACH,KAFD,MAEO,IAAI7B,MAAM,CAACG,OAAX,EAAoB;AACvBH,MAAAA,MAAM,CAACG,OAAP;AACH;AACJ,GAND;;;AASA,MAAM2B,qBAAqB,GAAG,SAAxBA,qBAAwB,CAAAH,KAAK;AAAA,WAAIA,KAAK,CAACE,cAAN,EAAJ;AAAA,GAAnC;;AAEA,MAAIE,MAAJ;;AAEA,MAAI,OAAOzC,KAAK,CAACO,QAAb,KAA0B,UAA9B,EAA0C;AACtCkC,IAAAA,MAAM,GACF3C,aAAA,CAACM,OAAD;AAAuBU,MAAAA,OAAO;KAA9B,EACIhB,aAAA,CAACiB,iBAAD;AAAmBC,MAAAA,WAAW,EAAE;AAAE0B,QAAAA,MAAM,EAAEhC,MAAM,CAACgC;AAAjB;KAAhC,EAA4D1C,KAAK,CAACO,QAAlE,CADJ,CADJ;AAKH,GAND,MAMO;AACHkC,IAAAA,MAAM,GAAGzC,KAAK,CAACO,QAAf;AACH;;AAED,SACIT,aAAA,CAACM,MAAD,MAAA,EACIN,aAAA,CAACM,OAAD;AAAyBU,IAAAA,OAAO;GAAhC,EACIhB,aAAA,CAAC6C,QAAD,MAAA,EACI7C,aAAA,CAACM,SAAD,oBACQJ;AACJE,IAAAA,SAAS,EAAEA;AACX0C,IAAAA,eAAe,EAAER;AACjBS,IAAAA,iBAAiB,EAAEL;AACnBM,IAAAA,gBAAgB,EAAEf;AAClB9B,IAAAA,GAAG,EAAEA;AACL8C,IAAAA,KAAK,eACE/C,KAAK,CAAC+C,KADR;AAEDC,MAAAA,IAAI,EAAEtC,MAAM,CAACuC,SAAP,GAAsBzB,QAAQ,CAAC0B,CAA/B,UAAuCC,SAF5C;AAGDC,MAAAA,GAAG,EAAE1C,MAAM,CAACuC,SAAP,GAAsBzB,QAAQ,CAAC6B,CAA/B,UAAuCF;AAH3C;IAPT,EAaIrD,aAAA,MAAA;AAAKI,IAAAA,SAAS,EAAE+B;iBAA8B;GAA9C,EACKQ,MADL,EAEK/B,MAAM,CAACuC,SAAP,IACGnD,aAAA,MAAA,oBACQ2B;kBACQG,KAAK,CAAClB,MAAN,CAAa4C;AACzBpD,IAAAA,SAAS,EAAC;IAHd,CAHR,EASKQ,MAAM,CAAC6C,eAAP,GACGzD,aAAA,CAACM,OAAD;AAAuBQ,IAAAA,OAAO,EAAEF,MAAM,CAACG;AAASC,IAAAA,OAAO;GAAvD,EACIhB,aAAA,CAAC0D,UAAD;AACIC,IAAAA,UAAU,EAAC;kBACC7B,KAAK,CAAClB,MAAN,CAAaO;AACzBf,IAAAA,SAAS,EAAC;AACVwD,IAAAA,IAAI,EAAC;GAJT,CADJ,CADH,GASG,IAlBR,CAbJ,EAiCKhD,MAAM,CAACwB,QAAP,CAAgBQ,MAjCrB,EAkCKhC,MAAM,CAACwB,QAAP,CAAgBC,KAlCrB,CADJ,CADJ,CADJ,CADJ;AA4CH,CAnGsB;;;;"}

package/dist/esm/components/Dialog/components/Drawer.js

@@ -3,11 +3,11 @@ import cn from 'classnames';
 import { motion } from 'framer-motion';
 import { useCurrentDialog } from '../Context.js';
 
-const Drawer = /*#__PURE__*/forwardRef(function DialogDrawer(props, ref) {
+var Drawer = /*#__PURE__*/forwardRef(function DialogDrawer(props, ref) {
   var _dialog$drawer, _dialog$drawer2;
 
-  const dialog = useCurrentDialog();
-  const className = cn('absolute top-0 z-[998] -ml-[4px] hidden h-full w-full overflow-y-auto rounded-r bg-white p-6 text-left', props.className);
+  var dialog = useCurrentDialog();
+  var className = cn('absolute top-0 z-[998] -ml-[4px] hidden h-full w-full overflow-y-auto rounded-r bg-white p-6 text-left', props.className);
   return createElement(motion.div, Object.assign({}, props, {
     className: className,
     "data-taco": "dialog-drawer",

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

@@ -1 +1 @@
-{"version":3,"file":"Drawer.js","sources":["../../../../../src/components/Dialog/components/Drawer.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport { motion } from 'framer-motion';\r\nimport cn from 'classnames';\r\nimport { DialogContext, useCurrentDialog } from '../Context';\r\n\r\nexport type DialogDrawerRenderProps = DialogContext['drawer'];\r\n\r\nexport type DialogDrawerProps = Omit<\r\n    React.HTMLAttributes<HTMLDivElement>,\r\n    'onAnimationStart' | 'onDragStart' | 'onDragEnd' | 'onDrag'\r\n> & {\r\n    children: Omit<React.ReactNode, 'Function'> | ((props: DialogDrawerRenderProps) => React.ReactNode);\r\n};\r\n\r\nconst Drawer = React.forwardRef(function DialogDrawer(props: DialogDrawerProps, ref: React.Ref<HTMLDivElement>) {\r\n    const dialog = useCurrentDialog();\r\n    const className = cn(\r\n        'absolute top-0 z-[998] -ml-[4px] hidden h-full w-full overflow-y-auto rounded-r bg-white p-6 text-left',\r\n        props.className\r\n    );\r\n\r\n    return (\r\n        <motion.div\r\n            {...props}\r\n            className={className}\r\n            data-taco=\"dialog-drawer\"\r\n            aria-hidden={!dialog.drawer?.open}\r\n            variants={{\r\n                visible: {\r\n                    left: '100%',\r\n                    display: 'block',\r\n                    transition: { ease: 'easeOut', duration: 0.2 },\r\n                },\r\n                hidden: {\r\n                    left: '0%',\r\n                    transition: { ease: 'easeOut', duration: 0.2 },\r\n                    transitionEnd: {\r\n                        display: 'none',\r\n                    },\r\n                },\r\n            }}\r\n            animate={dialog.drawer?.open ? 'visible' : 'hidden'}\r\n            ref={ref}\r\n        >\r\n            {typeof props.children === 'function' ? props.children(dialog.drawer) : props.children}\r\n        </motion.div>\r\n    );\r\n});\r\nDrawer.displayName = 'DialogDrawer';\r\n\r\nexport { Drawer };\r\n"],"names":["Drawer","React","DialogDrawer","props","ref","dialog","useCurrentDialog","className","cn","motion","div","drawer","open","variants","visible","left","display","transition","ease","duration","hidden","transitionEnd","animate","children","displayName"],"mappings":";;;;;MAcMA,MAAM,gBAAGC,UAAA,CAAiB,SAASC,YAAT,CAAsBC,KAAtB,EAAgDC,GAAhD;;;AAC5B,QAAMC,MAAM,GAAGC,gBAAgB,EAA/B;AACA,QAAMC,SAAS,GAAGC,EAAE,CAChB,wGADgB,EAEhBL,KAAK,CAACI,SAFU,CAApB;AAKA,SACIN,aAAA,CAACQ,MAAM,CAACC,GAAR,oBACQP;AACJI,IAAAA,SAAS,EAAEA;iBACD;mBACG,oBAACF,MAAM,CAACM,MAAR,2CAAC,eAAeC,IAAhB;AACbC,IAAAA,QAAQ,EAAE;AACNC,MAAAA,OAAO,EAAE;AACLC,QAAAA,IAAI,EAAE,MADD;AAELC,QAAAA,OAAO,EAAE,OAFJ;AAGLC,QAAAA,UAAU,EAAE;AAAEC,UAAAA,IAAI,EAAE,SAAR;AAAmBC,UAAAA,QAAQ,EAAE;AAA7B;AAHP,OADH;AAMNC,MAAAA,MAAM,EAAE;AACJL,QAAAA,IAAI,EAAE,IADF;AAEJE,QAAAA,UAAU,EAAE;AAAEC,UAAAA,IAAI,EAAE,SAAR;AAAmBC,UAAAA,QAAQ,EAAE;AAA7B,SAFR;AAGJE,QAAAA,aAAa,EAAE;AACXL,UAAAA,OAAO,EAAE;AADE;AAHX;AANF;AAcVM,IAAAA,OAAO,EAAE,mBAAAjB,MAAM,CAACM,MAAP,4DAAeC,IAAf,GAAsB,SAAtB,GAAkC;AAC3CR,IAAAA,GAAG,EAAEA;IApBT,EAsBK,OAAOD,KAAK,CAACoB,QAAb,KAA0B,UAA1B,GAAuCpB,KAAK,CAACoB,QAAN,CAAelB,MAAM,CAACM,MAAtB,CAAvC,GAAuER,KAAK,CAACoB,QAtBlF,CADJ;AA0BH,CAjCc;AAkCfvB,MAAM,CAACwB,WAAP,GAAqB,cAArB;;;;"}
+{"version":3,"file":"Drawer.js","sources":["../../../../../src/components/Dialog/components/Drawer.tsx"],"sourcesContent":["import * as React from 'react';\nimport { motion } from 'framer-motion';\nimport cn from 'classnames';\nimport { DialogContext, useCurrentDialog } from '../Context';\n\nexport type DialogDrawerRenderProps = DialogContext['drawer'];\n\nexport type DialogDrawerProps = Omit<\n    React.HTMLAttributes<HTMLDivElement>,\n    'onAnimationStart' | 'onDragStart' | 'onDragEnd' | 'onDrag'\n> & {\n    children: Omit<React.ReactNode, 'Function'> | ((props: DialogDrawerRenderProps) => React.ReactNode);\n};\n\nconst Drawer = React.forwardRef(function DialogDrawer(props: DialogDrawerProps, ref: React.Ref<HTMLDivElement>) {\n    const dialog = useCurrentDialog();\n    const className = cn(\n        'absolute top-0 z-[998] -ml-[4px] hidden h-full w-full overflow-y-auto rounded-r bg-white p-6 text-left',\n        props.className\n    );\n\n    return (\n        <motion.div\n            {...props}\n            className={className}\n            data-taco=\"dialog-drawer\"\n            aria-hidden={!dialog.drawer?.open}\n            variants={{\n                visible: {\n                    left: '100%',\n                    display: 'block',\n                    transition: { ease: 'easeOut', duration: 0.2 },\n                },\n                hidden: {\n                    left: '0%',\n                    transition: { ease: 'easeOut', duration: 0.2 },\n                    transitionEnd: {\n                        display: 'none',\n                    },\n                },\n            }}\n            animate={dialog.drawer?.open ? 'visible' : 'hidden'}\n            ref={ref}\n        >\n            {typeof props.children === 'function' ? props.children(dialog.drawer) : props.children}\n        </motion.div>\n    );\n});\nDrawer.displayName = 'DialogDrawer';\n\nexport { Drawer };\n"],"names":["Drawer","React","DialogDrawer","props","ref","dialog","useCurrentDialog","className","cn","motion","div","drawer","open","variants","visible","left","display","transition","ease","duration","hidden","transitionEnd","animate","children","displayName"],"mappings":";;;;;IAcMA,MAAM,gBAAGC,UAAA,CAAiB,SAASC,YAAT,CAAsBC,KAAtB,EAAgDC,GAAhD;;;AAC5B,MAAMC,MAAM,GAAGC,gBAAgB,EAA/B;AACA,MAAMC,SAAS,GAAGC,EAAE,CAChB,wGADgB,EAEhBL,KAAK,CAACI,SAFU,CAApB;AAKA,SACIN,aAAA,CAACQ,MAAM,CAACC,GAAR,oBACQP;AACJI,IAAAA,SAAS,EAAEA;iBACD;mBACG,oBAACF,MAAM,CAACM,MAAR,2CAAC,eAAeC,IAAhB;AACbC,IAAAA,QAAQ,EAAE;AACNC,MAAAA,OAAO,EAAE;AACLC,QAAAA,IAAI,EAAE,MADD;AAELC,QAAAA,OAAO,EAAE,OAFJ;AAGLC,QAAAA,UAAU,EAAE;AAAEC,UAAAA,IAAI,EAAE,SAAR;AAAmBC,UAAAA,QAAQ,EAAE;AAA7B;AAHP,OADH;AAMNC,MAAAA,MAAM,EAAE;AACJL,QAAAA,IAAI,EAAE,IADF;AAEJE,QAAAA,UAAU,EAAE;AAAEC,UAAAA,IAAI,EAAE,SAAR;AAAmBC,UAAAA,QAAQ,EAAE;AAA7B,SAFR;AAGJE,QAAAA,aAAa,EAAE;AACXL,UAAAA,OAAO,EAAE;AADE;AAHX;AANF;AAcVM,IAAAA,OAAO,EAAE,mBAAAjB,MAAM,CAACM,MAAP,4DAAeC,IAAf,GAAsB,SAAtB,GAAkC;AAC3CR,IAAAA,GAAG,EAAEA;IApBT,EAsBK,OAAOD,KAAK,CAACoB,QAAb,KAA0B,UAA1B,GAAuCpB,KAAK,CAACoB,QAAN,CAAelB,MAAM,CAACM,MAAtB,CAAvC,GAAuER,KAAK,CAACoB,QAtBlF,CADJ;AA0BH,CAjCc;AAkCfvB,MAAM,CAACwB,WAAP,GAAqB,cAArB;;;;"}

package/dist/esm/components/Dialog/components/Extra.js

@@ -1,8 +1,8 @@
 import { forwardRef, createElement } from 'react';
 import cn from 'classnames';
 
-const Extra = /*#__PURE__*/forwardRef(function DialogExtra(props, ref) {
-  const className = cn('bg-grey-light yt-shadow-inset absolute top-full left-0 -mt-px w-full rounded-t-none rounded-b p-6 text-left', props.className);
+var Extra = /*#__PURE__*/forwardRef(function DialogExtra(props, ref) {
+  var className = cn('bg-grey-light yt-shadow-inset absolute top-full left-0 -mt-px w-full rounded-t-none rounded-b p-6 text-left', props.className);
   return createElement("div", Object.assign({}, props, {
     className: className,
     "data-taco": "dialog-extra",

package/dist/esm/components/Dialog/components/Extra.js.map

@@ -1 +1 @@
-{"version":3,"file":"Extra.js","sources":["../../../../../src/components/Dialog/components/Extra.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport cn from 'classnames';\r\n\r\nexport type DialogExtraProps = React.HTMLAttributes<HTMLDivElement>;\r\n\r\nconst Extra = React.forwardRef(function DialogExtra(props: DialogExtraProps, ref: React.Ref<HTMLDivElement>) {\r\n    const className = cn(\r\n        'bg-grey-light yt-shadow-inset absolute top-full left-0 -mt-px w-full rounded-t-none rounded-b p-6 text-left',\r\n        props.className\r\n    );\r\n\r\n    return <div {...props} className={className} data-taco=\"dialog-extra\" ref={ref} />;\r\n});\r\nExtra.displayName = 'DialogExtra';\r\n\r\nexport { Extra };\r\n"],"names":["Extra","React","DialogExtra","props","ref","className","cn","displayName"],"mappings":";;;MAKMA,KAAK,gBAAGC,UAAA,CAAiB,SAASC,WAAT,CAAqBC,KAArB,EAA8CC,GAA9C;AAC3B,QAAMC,SAAS,GAAGC,EAAE,CAChB,6GADgB,EAEhBH,KAAK,CAACE,SAFU,CAApB;AAKA,SAAOJ,aAAA,MAAA,oBAASE;AAAOE,IAAAA,SAAS,EAAEA;iBAAqB;AAAeD,IAAAA,GAAG,EAAEA;IAApE,CAAP;AACH,CAPa;AAQdJ,KAAK,CAACO,WAAN,GAAoB,aAApB;;;;"}
+{"version":3,"file":"Extra.js","sources":["../../../../../src/components/Dialog/components/Extra.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'classnames';\n\nexport type DialogExtraProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst Extra = React.forwardRef(function DialogExtra(props: DialogExtraProps, ref: React.Ref<HTMLDivElement>) {\n    const className = cn(\n        'bg-grey-light yt-shadow-inset absolute top-full left-0 -mt-px w-full rounded-t-none rounded-b p-6 text-left',\n        props.className\n    );\n\n    return <div {...props} className={className} data-taco=\"dialog-extra\" ref={ref} />;\n});\nExtra.displayName = 'DialogExtra';\n\nexport { Extra };\n"],"names":["Extra","React","DialogExtra","props","ref","className","cn","displayName"],"mappings":";;;IAKMA,KAAK,gBAAGC,UAAA,CAAiB,SAASC,WAAT,CAAqBC,KAArB,EAA8CC,GAA9C;AAC3B,MAAMC,SAAS,GAAGC,EAAE,CAChB,6GADgB,EAEhBH,KAAK,CAACE,SAFU,CAApB;AAKA,SAAOJ,aAAA,MAAA,oBAASE;AAAOE,IAAAA,SAAS,EAAEA;iBAAqB;AAAeD,IAAAA,GAAG,EAAEA;IAApE,CAAP;AACH,CAPa;AAQdJ,KAAK,CAACO,WAAN,GAAoB,aAApB;;;;"}

package/dist/esm/components/Dialog/components/Trigger.js

@@ -3,8 +3,8 @@ import mergeRefs from '../../../utils/mergeRefs.js';
 import { Trigger as Trigger$1 } from '@radix-ui/react-dialog';
 import { useCurrentDialog } from '../Context.js';
 
-const Trigger = /*#__PURE__*/forwardRef(function DialogTrigger(props, ref) {
-  const dialog = useCurrentDialog();
+var Trigger = /*#__PURE__*/forwardRef(function DialogTrigger(props, ref) {
+  var dialog = useCurrentDialog();
   return createElement(Trigger$1, Object.assign({}, dialog.props, props, {
     ref: mergeRefs([dialog.ref, ref]),
     asChild: true

package/dist/esm/components/Dialog/components/Trigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"Trigger.js","sources":["../../../../../src/components/Dialog/components/Trigger.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport * as DialogPrimitive from '@radix-ui/react-dialog';\r\nimport { useCurrentDialog } from '../Context';\r\nimport mergeRefs from '../../../utils/mergeRefs';\r\n\r\nexport type DialogTriggerProps = React.HTMLAttributes<HTMLButtonElement>;\r\n\r\nexport const Trigger = React.forwardRef(function DialogTrigger(props: DialogTriggerProps, ref: React.Ref<HTMLButtonElement>) {\r\n    const dialog = useCurrentDialog();\r\n    return <DialogPrimitive.Trigger {...dialog.props} {...props} ref={mergeRefs([dialog.ref, ref])} asChild />;\r\n});\r\n"],"names":["Trigger","React","DialogTrigger","props","ref","dialog","useCurrentDialog","DialogPrimitive","mergeRefs","asChild"],"mappings":";;;;;MAOaA,OAAO,gBAAGC,UAAA,CAAiB,SAASC,aAAT,CAAuBC,KAAvB,EAAkDC,GAAlD;AACpC,QAAMC,MAAM,GAAGC,gBAAgB,EAA/B;AACA,SAAOL,aAAA,CAACM,SAAD,oBAA6BF,MAAM,CAACF,OAAWA;AAAOC,IAAAA,GAAG,EAAEI,SAAS,CAAC,CAACH,MAAM,CAACD,GAAR,EAAaA,GAAb,CAAD;AAAqBK,IAAAA,OAAO;IAAhG,CAAP;AACH,CAHsB;;;;"}
+{"version":3,"file":"Trigger.js","sources":["../../../../../src/components/Dialog/components/Trigger.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as DialogPrimitive from '@radix-ui/react-dialog';\nimport { useCurrentDialog } from '../Context';\nimport mergeRefs from '../../../utils/mergeRefs';\n\nexport type DialogTriggerProps = React.HTMLAttributes<HTMLButtonElement>;\n\nexport const Trigger = React.forwardRef(function DialogTrigger(props: DialogTriggerProps, ref: React.Ref<HTMLButtonElement>) {\n    const dialog = useCurrentDialog();\n    return <DialogPrimitive.Trigger {...dialog.props} {...props} ref={mergeRefs([dialog.ref, ref])} asChild />;\n});\n"],"names":["Trigger","React","DialogTrigger","props","ref","dialog","useCurrentDialog","DialogPrimitive","mergeRefs","asChild"],"mappings":";;;;;IAOaA,OAAO,gBAAGC,UAAA,CAAiB,SAASC,aAAT,CAAuBC,KAAvB,EAAkDC,GAAlD;AACpC,MAAMC,MAAM,GAAGC,gBAAgB,EAA/B;AACA,SAAOL,aAAA,CAACM,SAAD,oBAA6BF,MAAM,CAACF,OAAWA;AAAOC,IAAAA,GAAG,EAAEI,SAAS,CAAC,CAACH,MAAM,CAACD,GAAR,EAAaA,GAAb,CAAD;AAAqBK,IAAAA,OAAO;IAAhG,CAAP;AACH,CAHsB;;;;"}

package/dist/esm/components/Field/Field.js

@@ -1,18 +1,20 @@
+import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { forwardRef, createElement } from 'react';
 import cn from 'classnames';
 
-const Field = /*#__PURE__*/forwardRef(function Field(props, ref) {
-  const {
-    disabled,
-    children,
-    invalid = false,
-    message,
-    ...otherProps
-  } = props;
-  const className = cn('flex flex-col font-bold text-xs leading-loose pb-4 min-h-[theme(spacing.18)]', {
+var _excluded = ["disabled", "children", "invalid", "message"];
+var Field = /*#__PURE__*/forwardRef(function Field(props, ref) {
+  var disabled = props.disabled,
+      children = props.children,
+      _props$invalid = props.invalid,
+      invalid = _props$invalid === void 0 ? false : _props$invalid,
+      message = props.message,
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded);
+
+  var className = cn('flex flex-col font-bold text-xs leading-loose pb-4 min-h-[theme(spacing.18)]', {
     'text-grey-dark': disabled
   }, props.className);
-  const messageClassName = cn('h-4 text-xs text-left leading-normal font-normal truncate -mb-4', {
+  var messageClassName = cn('h-4 text-xs text-left leading-normal font-normal truncate -mb-4', {
     'text-grey-darkest': !invalid,
     'text-red': invalid,
     'opacity-50': disabled

package/dist/esm/components/Field/Field.js.map

@@ -1 +1 @@
-{"version":3,"file":"Field.js","sources":["../../../../src/components/Field/Field.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport cn from 'classnames';\r\n\r\nimport './Field.css';\r\n\r\nexport type FieldProps = React.LabelHTMLAttributes<HTMLLabelElement> & {\r\n    /** Content of the field */\r\n    children: React.ReactNode;\r\n    /**\tChanges the style to indicate the element is disabled */\r\n    disabled?: boolean;\r\n    /* Whether the input is in an invalid state */\r\n    invalid?: boolean;\r\n    /**\r\n     * Text displayed below the children of Field.\r\n     * Should be a short text that indicates feedback for user.\r\n     */\r\n    message?: string;\r\n};\r\n\r\nexport const Field = React.forwardRef(function Field(props: FieldProps, ref: React.Ref<HTMLLabelElement>) {\r\n    const { disabled, children, invalid = false, message, ...otherProps } = props;\r\n    const className = cn(\r\n        'flex flex-col font-bold text-xs leading-loose pb-4 min-h-[theme(spacing.18)]',\r\n        {\r\n            'text-grey-dark': disabled,\r\n        },\r\n        props.className\r\n    );\r\n    const messageClassName = cn(\r\n        'h-4 text-xs text-left leading-normal font-normal truncate -mb-4',\r\n        {\r\n            'text-grey-darkest': !invalid,\r\n            'text-red': invalid,\r\n            'opacity-50': disabled,\r\n        },\r\n        props.className\r\n    );\r\n\r\n    return (\r\n        <label {...otherProps} className={className} data-taco=\"label\" ref={ref}>\r\n            {children}\r\n            {message && (\r\n                <span className={messageClassName} role={invalid ? 'alert' : undefined}>\r\n                    {message}\r\n                </span>\r\n            )}\r\n        </label>\r\n    );\r\n});\r\n"],"names":["Field","React","props","ref","disabled","children","invalid","message","otherProps","className","cn","messageClassName","role","undefined"],"mappings":";;;MAmBaA,KAAK,gBAAGC,UAAA,CAAiB,SAASD,KAAT,CAAeE,KAAf,EAAkCC,GAAlC;AAClC,QAAM;AAAEC,IAAAA,QAAF;AAAYC,IAAAA,QAAZ;AAAsBC,IAAAA,OAAO,GAAG,KAAhC;AAAuCC,IAAAA,OAAvC;AAAgD,OAAGC;AAAnD,MAAkEN,KAAxE;AACA,QAAMO,SAAS,GAAGC,EAAE,CAChB,8EADgB,EAEhB;AACI,sBAAkBN;AADtB,GAFgB,EAKhBF,KAAK,CAACO,SALU,CAApB;AAOA,QAAME,gBAAgB,GAAGD,EAAE,CACvB,iEADuB,EAEvB;AACI,yBAAqB,CAACJ,OAD1B;AAEI,gBAAYA,OAFhB;AAGI,kBAAcF;AAHlB,GAFuB,EAOvBF,KAAK,CAACO,SAPiB,CAA3B;AAUA,SACIR,aAAA,QAAA,oBAAWO;AAAYC,IAAAA,SAAS,EAAEA;iBAAqB;AAAQN,IAAAA,GAAG,EAAEA;IAApE,EACKE,QADL,EAEKE,OAAO,IACJN,aAAA,OAAA;AAAMQ,IAAAA,SAAS,EAAEE;AAAkBC,IAAAA,IAAI,EAAEN,OAAO,GAAG,OAAH,GAAaO;GAA7D,EACKN,OADL,CAHR,CADJ;AAUH,CA7BoB;;;;"}
+{"version":3,"file":"Field.js","sources":["../../../../src/components/Field/Field.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'classnames';\n\nimport './Field.css';\n\nexport type FieldProps = React.LabelHTMLAttributes<HTMLLabelElement> & {\n    /** Content of the field */\n    children: React.ReactNode;\n    /**\tChanges the style to indicate the element is disabled */\n    disabled?: boolean;\n    /* Whether the input is in an invalid state */\n    invalid?: boolean;\n    /**\n     * Text displayed below the children of Field.\n     * Should be a short text that indicates feedback for user.\n     */\n    message?: string;\n};\n\nexport const Field = React.forwardRef(function Field(props: FieldProps, ref: React.Ref<HTMLLabelElement>) {\n    const { disabled, children, invalid = false, message, ...otherProps } = props;\n    const className = cn(\n        'flex flex-col font-bold text-xs leading-loose pb-4 min-h-[theme(spacing.18)]',\n        {\n            'text-grey-dark': disabled,\n        },\n        props.className\n    );\n    const messageClassName = cn(\n        'h-4 text-xs text-left leading-normal font-normal truncate -mb-4',\n        {\n            'text-grey-darkest': !invalid,\n            'text-red': invalid,\n            'opacity-50': disabled,\n        },\n        props.className\n    );\n\n    return (\n        <label {...otherProps} className={className} data-taco=\"label\" ref={ref}>\n            {children}\n            {message && (\n                <span className={messageClassName} role={invalid ? 'alert' : undefined}>\n                    {message}\n                </span>\n            )}\n        </label>\n    );\n});\n"],"names":["Field","React","props","ref","disabled","children","invalid","message","otherProps","className","cn","messageClassName","role","undefined"],"mappings":";;;;;IAmBaA,KAAK,gBAAGC,UAAA,CAAiB,SAASD,KAAT,CAAeE,KAAf,EAAkCC,GAAlC;AAClC,MAAQC,QAAR,GAAwEF,KAAxE,CAAQE,QAAR;AAAA,MAAkBC,QAAlB,GAAwEH,KAAxE,CAAkBG,QAAlB;AAAA,uBAAwEH,KAAxE,CAA4BI,OAA5B;AAAA,MAA4BA,OAA5B,+BAAsC,KAAtC;AAAA,MAA6CC,OAA7C,GAAwEL,KAAxE,CAA6CK,OAA7C;AAAA,MAAyDC,UAAzD,iCAAwEN,KAAxE;;AACA,MAAMO,SAAS,GAAGC,EAAE,CAChB,8EADgB,EAEhB;AACI,sBAAkBN;AADtB,GAFgB,EAKhBF,KAAK,CAACO,SALU,CAApB;AAOA,MAAME,gBAAgB,GAAGD,EAAE,CACvB,iEADuB,EAEvB;AACI,yBAAqB,CAACJ,OAD1B;AAEI,gBAAYA,OAFhB;AAGI,kBAAcF;AAHlB,GAFuB,EAOvBF,KAAK,CAACO,SAPiB,CAA3B;AAUA,SACIR,aAAA,QAAA,oBAAWO;AAAYC,IAAAA,SAAS,EAAEA;iBAAqB;AAAQN,IAAAA,GAAG,EAAEA;IAApE,EACKE,QADL,EAEKE,OAAO,IACJN,aAAA,OAAA;AAAMQ,IAAAA,SAAS,EAAEE;AAAkBC,IAAAA,IAAI,EAAEN,OAAO,GAAG,OAAH,GAAaO;GAA7D,EACKN,OADL,CAHR,CADJ;AAUH,CA7BoB;;;;"}

package/dist/esm/components/Form/Form.js

@@ -1,12 +1,14 @@
+import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { forwardRef, createElement } from 'react';
 import cn from 'classnames';
 
-const Form = /*#__PURE__*/forwardRef(function Form(props, ref) {
-  const {
-    horizontal = false,
-    ...otherProps
-  } = props;
-  const className = cn('yt-form', {
+var _excluded = ["horizontal"];
+var Form = /*#__PURE__*/forwardRef(function Form(props, ref) {
+  var _props$horizontal = props.horizontal,
+      horizontal = _props$horizontal === void 0 ? false : _props$horizontal,
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded);
+
+  var className = cn('yt-form', {
     'yt-form--horizontal flex flex-wrap': horizontal
   }, props.className);
   return createElement("form", Object.assign({}, otherProps, {

package/dist/esm/components/Form/Form.js.map

@@ -1 +1 @@
-{"version":3,"file":"Form.js","sources":["../../../../src/components/Form/Form.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport cn from 'classnames';\r\nimport './Form.css';\r\n\r\nexport type FormProps = React.FormHTMLAttributes<HTMLFormElement> & {\r\n    /** Content should be composed of other Taco form elements */\r\n    children: React.ReactNode;\r\n    /** Display the form fields in a horizontal layout */\r\n    horizontal?: boolean;\r\n};\r\n\r\nexport const Form = React.forwardRef(function Form(props: FormProps, ref: React.Ref<HTMLFormElement>) {\r\n    const { horizontal = false, ...otherProps } = props;\r\n    const className = cn(\r\n        'yt-form',\r\n        {\r\n            'yt-form--horizontal flex flex-wrap': horizontal,\r\n        },\r\n        props.className\r\n    );\r\n\r\n    return <form {...otherProps} className={className} data-taco=\"form\" ref={ref} />;\r\n});\r\n"],"names":["Form","React","props","ref","horizontal","otherProps","className","cn"],"mappings":";;;MAWaA,IAAI,gBAAGC,UAAA,CAAiB,SAASD,IAAT,CAAcE,KAAd,EAAgCC,GAAhC;AACjC,QAAM;AAAEC,IAAAA,UAAU,GAAG,KAAf;AAAsB,OAAGC;AAAzB,MAAwCH,KAA9C;AACA,QAAMI,SAAS,GAAGC,EAAE,CAChB,SADgB,EAEhB;AACI,0CAAsCH;AAD1C,GAFgB,EAKhBF,KAAK,CAACI,SALU,CAApB;AAQA,SAAOL,aAAA,OAAA,oBAAUI;AAAYC,IAAAA,SAAS,EAAEA;iBAAqB;AAAOH,IAAAA,GAAG,EAAEA;IAAlE,CAAP;AACH,CAXmB;;;;"}
+{"version":3,"file":"Form.js","sources":["../../../../src/components/Form/Form.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'classnames';\nimport './Form.css';\n\nexport type FormProps = React.FormHTMLAttributes<HTMLFormElement> & {\n    /** Content should be composed of other Taco form elements */\n    children: React.ReactNode;\n    /** Display the form fields in a horizontal layout */\n    horizontal?: boolean;\n};\n\nexport const Form = React.forwardRef(function Form(props: FormProps, ref: React.Ref<HTMLFormElement>) {\n    const { horizontal = false, ...otherProps } = props;\n    const className = cn(\n        'yt-form',\n        {\n            'yt-form--horizontal flex flex-wrap': horizontal,\n        },\n        props.className\n    );\n\n    return <form {...otherProps} className={className} data-taco=\"form\" ref={ref} />;\n});\n"],"names":["Form","React","props","ref","horizontal","otherProps","className","cn"],"mappings":";;;;;IAWaA,IAAI,gBAAGC,UAAA,CAAiB,SAASD,IAAT,CAAcE,KAAd,EAAgCC,GAAhC;AACjC,0BAA8CD,KAA9C,CAAQE,UAAR;AAAA,MAAQA,UAAR,kCAAqB,KAArB;AAAA,MAA+BC,UAA/B,iCAA8CH,KAA9C;;AACA,MAAMI,SAAS,GAAGC,EAAE,CAChB,SADgB,EAEhB;AACI,0CAAsCH;AAD1C,GAFgB,EAKhBF,KAAK,CAACI,SALU,CAApB;AAQA,SAAOL,aAAA,OAAA,oBAAUI;AAAYC,IAAAA,SAAS,EAAEA;iBAAqB;AAAOH,IAAAA,GAAG,EAAEA;IAAlE,CAAP;AACH,CAXmB;;;;"}

package/dist/esm/components/Group/Group.js

@@ -1,12 +1,14 @@
+import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { forwardRef, createElement } from 'react';
 import cn from 'classnames';
 
-const Group = /*#__PURE__*/forwardRef(function Group(props, ref) {
-  const {
-    as: Tag = 'span',
-    ...otherProps
-  } = props;
-  const className = cn('flex ', props.className);
+var _excluded = ["as"];
+var Group = /*#__PURE__*/forwardRef(function Group(props, ref) {
+  var _props$as = props.as,
+      Tag = _props$as === void 0 ? 'span' : _props$as,
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded);
+
+  var className = cn('flex ', props.className);
   return createElement(Tag, Object.assign({}, otherProps, {
     className: className,
     "data-taco": "group",

package/dist/esm/components/Group/Group.js.map

@@ -1 +1 @@
-{"version":3,"file":"Group.js","sources":["../../../../src/components/Group/Group.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport cn from 'classnames';\r\nimport './Group.css';\r\n\r\nexport type GroupProps = React.HTMLAttributes<HTMLElement> & {\r\n    /**\r\n     * Change what html tag element will render.\r\n     * Default value is `span`\r\n     */\r\n    as?: 'div' | 'span' | 'nav';\r\n    /** Content should be composed of other Taco elements */\r\n    children: React.ReactNode;\r\n};\r\n\r\nexport const Group = React.forwardRef(function Group(props: GroupProps, ref: React.Ref<HTMLDivElement>) {\r\n    const { as: Tag = 'span', ...otherProps } = props;\r\n    const className = cn('flex ', props.className);\r\n    return <Tag {...otherProps} className={className} data-taco=\"group\" ref={ref} />;\r\n});\r\n"],"names":["Group","React","props","ref","as","Tag","otherProps","className","cn"],"mappings":";;;MAcaA,KAAK,gBAAGC,UAAA,CAAiB,SAASD,KAAT,CAAeE,KAAf,EAAkCC,GAAlC;AAClC,QAAM;AAAEC,IAAAA,EAAE,EAAEC,GAAG,GAAG,MAAZ;AAAoB,OAAGC;AAAvB,MAAsCJ,KAA5C;AACA,QAAMK,SAAS,GAAGC,EAAE,CAAC,OAAD,EAAUN,KAAK,CAACK,SAAhB,CAApB;AACA,SAAON,aAAA,CAACI,GAAD,oBAASC;AAAYC,IAAAA,SAAS,EAAEA;iBAAqB;AAAQJ,IAAAA,GAAG,EAAEA;IAAlE,CAAP;AACH,CAJoB;;;;"}
+{"version":3,"file":"Group.js","sources":["../../../../src/components/Group/Group.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'classnames';\nimport './Group.css';\n\nexport type GroupProps = React.HTMLAttributes<HTMLElement> & {\n    /**\n     * Change what html tag element will render.\n     * Default value is `span`\n     */\n    as?: 'div' | 'span' | 'nav';\n    /** Content should be composed of other Taco elements */\n    children: React.ReactNode;\n};\n\nexport const Group = React.forwardRef(function Group(props: GroupProps, ref: React.Ref<HTMLDivElement>) {\n    const { as: Tag = 'span', ...otherProps } = props;\n    const className = cn('flex ', props.className);\n    return <Tag {...otherProps} className={className} data-taco=\"group\" ref={ref} />;\n});\n"],"names":["Group","React","props","ref","as","Tag","otherProps","className","cn"],"mappings":";;;;;IAcaA,KAAK,gBAAGC,UAAA,CAAiB,SAASD,KAAT,CAAeE,KAAf,EAAkCC,GAAlC;AAClC,kBAA4CD,KAA5C,CAAQE,EAAR;AAAA,MAAYC,GAAZ,0BAAkB,MAAlB;AAAA,MAA6BC,UAA7B,iCAA4CJ,KAA5C;;AACA,MAAMK,SAAS,GAAGC,EAAE,CAAC,OAAD,EAAUN,KAAK,CAACK,SAAhB,CAApB;AACA,SAAON,aAAA,CAACI,GAAD,oBAASC;AAAYC,IAAAA,SAAS,EAAEA;iBAAqB;AAAQJ,IAAAA,GAAG,EAAEA;IAAlE,CAAP;AACH,CAJoB;;;;"}

package/dist/esm/components/Hanger/Hanger.js

@@ -1,3 +1,4 @@
+import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { forwardRef, createElement, useMemo, useState, useEffect, createContext, useContext, isValidElement } from 'react';
 import cn from 'classnames';
 import { IconButton } from '../IconButton/IconButton.js';
@@ -6,18 +7,19 @@ import { Root, Anchor as Anchor$1, Close } from '@radix-ui/react-popover';
 import { UnstyledContent, UnstyledArrow } from '../Popover/Primitives.js';
 import mergeRefs from '../../utils/mergeRefs.js';
 
-const HangerContext = /*#__PURE__*/createContext({
+var _excluded = ["anchor", "children", "defaultOpen"];
+var HangerContext = /*#__PURE__*/createContext({
   props: {},
   ref: null
 });
-const Anchor = /*#__PURE__*/forwardRef(function HangerAnchor(props, ref) {
+var Anchor = /*#__PURE__*/forwardRef(function HangerAnchor(props, ref) {
   var _props$children;
 
-  const context = useContext(HangerContext);
-  let children = props.children;
+  var context = useContext(HangerContext);
+  var children = props.children;
 
   if (isValidElement(props.children) && typeof ((_props$children = props.children) === null || _props$children === void 0 ? void 0 : _props$children.type) === 'function') {
-    console.warn(`Hanger.Anchor requires its child to forwardRef so that it can attach to the dom element. Did you mean to wrap '${props.children.type.name}' in React.forwardRef()? Taco has wrapped '${props.children.type.name}' in a 'span' to maintain functionality, but this may cause unintended behaviour`);
+    console.warn("Hanger.Anchor requires its child to forwardRef so that it can attach to the dom element. Did you mean to wrap '" + props.children.type.name + "' in React.forwardRef()? Taco has wrapped '" + props.children.type.name + "' in a 'span' to maintain functionality, but this may cause unintended behaviour");
     children = createElement("span", null, props.children);
   }
 
@@ -27,21 +29,22 @@ const Anchor = /*#__PURE__*/forwardRef(function HangerAnchor(props, ref) {
     asChild: true
   }));
 });
-const Title = /*#__PURE__*/forwardRef(function DialogTitle(props, ref) {
-  const className = cn('mb-1 text-base font-bold flex w-full', props.className);
+var Title = /*#__PURE__*/forwardRef(function DialogTitle(props, ref) {
+  var className = cn('mb-1 text-base font-bold flex w-full', props.className);
   return createElement("span", Object.assign({}, props, {
     className: className,
     ref: ref
   }));
 });
-const Content = /*#__PURE__*/forwardRef(function HangerContent(props, ref) {
-  const context = useContext(HangerContext);
-  const {
-    texts
-  } = useLocalization();
-  const className = cn('wcag-blue border border-transparent rounded p-3 pr-12 yt-shadow z-[996] focus:border-transparent max-w-sm', props.className);
+var Content = /*#__PURE__*/forwardRef(function HangerContent(props, ref) {
+  var context = useContext(HangerContext);
 
-  const handleInteractOutside = event => {
+  var _useLocalization = useLocalization(),
+      texts = _useLocalization.texts;
+
+  var className = cn('wcag-blue border border-transparent rounded p-3 pr-12 yt-shadow z-[996] focus:border-transparent max-w-sm', props.className);
+
+  var handleInteractOutside = function handleInteractOutside(event) {
     event.preventDefault();
   };
 
@@ -63,20 +66,25 @@ const Content = /*#__PURE__*/forwardRef(function HangerContent(props, ref) {
     onClick: context.props.onClose
   })));
 });
-const Hanger = /*#__PURE__*/forwardRef(function Hanger(props, ref) {
-  const {
-    anchor,
-    children,
-    defaultOpen = true,
-    ...otherProps
-  } = props;
-  const context = useMemo(() => ({
-    props: otherProps,
-    ref
-  }), [otherProps]); // we do this to ensure hangers are mounted after their containers, e.g. if the container is another portal
+var Hanger = /*#__PURE__*/forwardRef(function Hanger(props, ref) {
+  var anchor = props.anchor,
+      children = props.children,
+      _props$defaultOpen = props.defaultOpen,
+      defaultOpen = _props$defaultOpen === void 0 ? true : _props$defaultOpen,
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded);
+
+  var context = useMemo(function () {
+    return {
+      props: otherProps,
+      ref: ref
+    };
+  }, [otherProps]); // we do this to ensure hangers are mounted after their containers, e.g. if the container is another portal
+
+  var _React$useState = useState(false),
+      open = _React$useState[0],
+      setOpen = _React$useState[1];
 
-  const [open, setOpen] = useState(false);
-  useEffect(() => {
+  useEffect(function () {
     if (defaultOpen) {
       setOpen(defaultOpen);
     }

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

@@ -1 +1 @@
-{"version":3,"file":"Hanger.js","sources":["../../../../src/components/Hanger/Hanger.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport cn from 'classnames';\r\nimport * as PopoverPrimitive from '@radix-ui/react-popover';\r\nimport { IconButton } from '../IconButton/IconButton';\r\nimport { Placement } from '../..';\r\nimport { UnstyledArrow, UnstyledContent } from '../Popover/Primitives';\r\nimport { useLocalization } from '../Provider/Provider';\r\nimport './Hanger.css';\r\nimport mergeRefs from '../../utils/mergeRefs';\r\n\r\ntype HangerContextValue = {\r\n    props: any;\r\n    ref: React.Ref<HTMLElement>;\r\n};\r\nconst HangerContext = React.createContext<HangerContextValue>({\r\n    props: {},\r\n    ref: null,\r\n});\r\n\r\nexport type HangerTexts = {\r\n    /** Aria-label for the close icon button of hanger */\r\n    close: string;\r\n};\r\n\r\nexport type HangerAnchorProps = React.HTMLAttributes<HTMLDivElement>;\r\nconst Anchor = React.forwardRef(function HangerAnchor(props: HangerAnchorProps, ref: React.Ref<HTMLDivElement>) {\r\n    const context = React.useContext(HangerContext);\r\n    let children = props.children;\r\n\r\n    if (React.isValidElement(props.children) && typeof props.children?.type === 'function') {\r\n        console.warn(\r\n            `Hanger.Anchor requires its child to forwardRef so that it can attach to the dom element. Did you mean to wrap '${props.children.type.name}' in React.forwardRef()? Taco has wrapped '${props.children.type.name}' in a 'span' to maintain functionality, but this may cause unintended behaviour`\r\n        );\r\n        children = <span>{props.children}</span>;\r\n    }\r\n\r\n    return (\r\n        <PopoverPrimitive.Anchor {...context.props} {...props} children={children} ref={mergeRefs([context.ref, ref])} asChild />\r\n    );\r\n});\r\n\r\nexport type HangerTitleProps = React.HTMLAttributes<HTMLHeadingElement>;\r\nexport const Title = React.forwardRef(function DialogTitle(props: HangerTitleProps, ref: React.Ref<HTMLHeadingElement>) {\r\n    const className = cn('mb-1 text-base font-bold flex w-full', props.className);\r\n    return <span {...props} className={className} ref={ref} />;\r\n});\r\n\r\nexport type HangerContentProps = React.HTMLAttributes<HTMLDivElement> & {\r\n    /** Set the position of the Hanger relative to its achor. Default value is `bottom` */\r\n    placement?: Placement;\r\n};\r\n\r\nconst Content = React.forwardRef(function HangerContent(props: HangerContentProps, ref: React.Ref<HTMLDivElement>) {\r\n    const context = React.useContext(HangerContext);\r\n    const { texts } = useLocalization();\r\n    const className = cn(\r\n        'wcag-blue border border-transparent rounded p-3 pr-12 yt-shadow z-[996] focus:border-transparent max-w-sm',\r\n        props.className\r\n    );\r\n    const handleInteractOutside = (event: CustomEvent): void => {\r\n        event.preventDefault();\r\n    };\r\n\r\n    return (\r\n        <UnstyledContent\r\n            className={className}\r\n            data-taco=\"hanger\"\r\n            onInteractOutside={handleInteractOutside}\r\n            placement={props.placement}\r\n            ref={ref}\r\n        >\r\n            {props.children}\r\n            <UnstyledArrow className=\"text-blue\" />\r\n            <PopoverPrimitive.Close asChild>\r\n                <IconButton\r\n                    appearance=\"primary\"\r\n                    aria-label={texts.hanger.close}\r\n                    className=\"absolute top-0 right-0 ml-2 mr-2 mt-2 text-white\"\r\n                    icon=\"close\"\r\n                    onClick={context.props.onClose}\r\n                />\r\n            </PopoverPrimitive.Close>\r\n        </UnstyledContent>\r\n    );\r\n});\r\n\r\nexport type HangerProps = React.PropsWithChildren<{\r\n    /** An anchor to be used for the hanger, should not be set if `children` already contains an anchor */\r\n    anchor?: JSX.Element;\r\n    /**\r\n     * Shows or hides hanger depending on the value\r\n     * @defaultValue true\r\n     */\r\n    defaultOpen?: boolean;\r\n    /** Handler called when user closes the hanger */\r\n    onClose?: () => void;\r\n}>;\r\n\r\nexport type ForwardedHangerWithStatics = React.ForwardRefExoticComponent<HangerProps & React.RefAttributes<HTMLElement>> & {\r\n    Anchor: React.ForwardRefExoticComponent<HangerAnchorProps>;\r\n    Content: React.ForwardRefExoticComponent<HangerContentProps>;\r\n    Title: React.ForwardRefExoticComponent<HangerTitleProps>;\r\n};\r\n\r\nexport const Hanger = React.forwardRef(function Hanger(props: HangerProps, ref: React.Ref<HTMLElement>) {\r\n    const { anchor, children, defaultOpen = true, ...otherProps } = props;\r\n    const context = React.useMemo(() => ({ props: otherProps, ref }), [otherProps]);\r\n\r\n    // we do this to ensure hangers are mounted after their containers, e.g. if the container is another portal\r\n    const [open, setOpen] = React.useState(false);\r\n    React.useEffect(() => {\r\n        if (defaultOpen) {\r\n            setOpen(defaultOpen);\r\n        }\r\n    }, []);\r\n\r\n    return (\r\n        <HangerContext.Provider value={context}>\r\n            <PopoverPrimitive.Root key={String(open)} defaultOpen={open}>\r\n                {anchor && <Anchor>{anchor}</Anchor>}\r\n                {children}\r\n            </PopoverPrimitive.Root>\r\n        </HangerContext.Provider>\r\n    );\r\n}) as ForwardedHangerWithStatics;\r\nHanger.Anchor = Anchor;\r\nHanger.Content = Content;\r\nHanger.Title = Title;\r\n"],"names":["HangerContext","React","props","ref","Anchor","HangerAnchor","context","children","type","console","warn","name","PopoverPrimitive","mergeRefs","asChild","Title","DialogTitle","className","cn","Content","HangerContent","texts","useLocalization","handleInteractOutside","event","preventDefault","UnstyledContent","onInteractOutside","placement","UnstyledArrow","IconButton","appearance","hanger","close","icon","onClick","onClose","Hanger","anchor","defaultOpen","otherProps","open","setOpen","Provider","value","key","String"],"mappings":"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"}
+{"version":3,"file":"Hanger.js","sources":["../../../../src/components/Hanger/Hanger.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'classnames';\nimport * as PopoverPrimitive from '@radix-ui/react-popover';\nimport { IconButton } from '../IconButton/IconButton';\nimport { Placement } from '../..';\nimport { UnstyledArrow, UnstyledContent } from '../Popover/Primitives';\nimport { useLocalization } from '../Provider/Provider';\nimport './Hanger.css';\nimport mergeRefs from '../../utils/mergeRefs';\n\ntype HangerContextValue = {\n    props: any;\n    ref: React.Ref<HTMLElement>;\n};\nconst HangerContext = React.createContext<HangerContextValue>({\n    props: {},\n    ref: null,\n});\n\nexport type HangerTexts = {\n    /** Aria-label for the close icon button of hanger */\n    close: string;\n};\n\nexport type HangerAnchorProps = React.HTMLAttributes<HTMLDivElement>;\nconst Anchor = React.forwardRef(function HangerAnchor(props: HangerAnchorProps, ref: React.Ref<HTMLDivElement>) {\n    const context = React.useContext(HangerContext);\n    let children = props.children;\n\n    if (React.isValidElement(props.children) && typeof props.children?.type === 'function') {\n        console.warn(\n            `Hanger.Anchor requires its child to forwardRef so that it can attach to the dom element. Did you mean to wrap '${props.children.type.name}' in React.forwardRef()? Taco has wrapped '${props.children.type.name}' in a 'span' to maintain functionality, but this may cause unintended behaviour`\n        );\n        children = <span>{props.children}</span>;\n    }\n\n    return (\n        <PopoverPrimitive.Anchor {...context.props} {...props} children={children} ref={mergeRefs([context.ref, ref])} asChild />\n    );\n});\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 text-base font-bold flex w-full', 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};\n\nconst Content = React.forwardRef(function HangerContent(props: HangerContentProps, ref: React.Ref<HTMLDivElement>) {\n    const context = React.useContext(HangerContext);\n    const { texts } = useLocalization();\n    const className = cn(\n        'wcag-blue border border-transparent rounded p-3 pr-12 yt-shadow z-[996] focus:border-transparent max-w-sm',\n        props.className\n    );\n    const handleInteractOutside = (event: CustomEvent): void => {\n        event.preventDefault();\n    };\n\n    return (\n        <UnstyledContent\n            className={className}\n            data-taco=\"hanger\"\n            onInteractOutside={handleInteractOutside}\n            placement={props.placement}\n            ref={ref}\n        >\n            {props.children}\n            <UnstyledArrow className=\"text-blue\" />\n            <PopoverPrimitive.Close asChild>\n                <IconButton\n                    appearance=\"primary\"\n                    aria-label={texts.hanger.close}\n                    className=\"absolute top-0 right-0 ml-2 mr-2 mt-2 text-white\"\n                    icon=\"close\"\n                    onClick={context.props.onClose}\n                />\n            </PopoverPrimitive.Close>\n        </UnstyledContent>\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.ForwardRefExoticComponent<HangerAnchorProps>;\n    Content: React.ForwardRefExoticComponent<HangerContentProps>;\n    Title: React.ForwardRefExoticComponent<HangerTitleProps>;\n};\n\nexport const Hanger = React.forwardRef(function Hanger(props: HangerProps, ref: React.Ref<HTMLElement>) {\n    const { anchor, children, defaultOpen = true, ...otherProps } = props;\n    const context = React.useMemo(() => ({ props: otherProps, ref }), [otherProps]);\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    return (\n        <HangerContext.Provider value={context}>\n            <PopoverPrimitive.Root key={String(open)} defaultOpen={open}>\n                {anchor && <Anchor>{anchor}</Anchor>}\n                {children}\n            </PopoverPrimitive.Root>\n        </HangerContext.Provider>\n    );\n}) as ForwardedHangerWithStatics;\nHanger.Anchor = Anchor;\nHanger.Content = Content;\nHanger.Title = Title;\n"],"names":["HangerContext","React","props","ref","Anchor","HangerAnchor","context","children","type","console","warn","name","PopoverPrimitive","mergeRefs","asChild","Title","DialogTitle","className","cn","Content","HangerContent","useLocalization","texts","handleInteractOutside","event","preventDefault","UnstyledContent","onInteractOutside","placement","UnstyledArrow","IconButton","appearance","hanger","close","icon","onClick","onClose","Hanger","anchor","defaultOpen","otherProps","open","setOpen","Provider","value","key","String"],"mappings":"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"}

package/dist/esm/components/HoverCard/HoverCard.js

@@ -1,26 +1,27 @@
+import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { createElement, forwardRef } from 'react';
 import cn from 'classnames';
 import { Root, Trigger as Trigger$1, Content as Content$1 } from '@radix-ui/react-hover-card';
 
-const Trigger = /*#__PURE__*/forwardRef(function HoverCardTrigger(props, ref) {
+var _excluded = ["placement"];
+var Trigger = /*#__PURE__*/forwardRef(function HoverCardTrigger(props, ref) {
   return createElement(Trigger$1, Object.assign({}, props, {
     asChild: true,
     ref: ref
   }));
 });
-const Content = /*#__PURE__*/forwardRef(function HoverCardContent(externalProps, ref) {
-  const {
-    placement,
-    ...props
-  } = externalProps;
-  const className = cn('bg-white rounded p-3 yt-shadow', props.className);
+var Content = /*#__PURE__*/forwardRef(function HoverCardContent(externalProps, ref) {
+  var placement = externalProps.placement,
+      props = _objectWithoutPropertiesLoose(externalProps, _excluded);
+
+  var className = cn('bg-white rounded p-3 yt-shadow', props.className);
   return createElement(Content$1, Object.assign({}, props, {
     className: className,
     ref: ref,
     side: placement
   }));
 });
-const HoverCard = props => {
+var HoverCard = function HoverCard(props) {
   return createElement(Root, Object.assign({}, props, {
     openDelay: 300
   }));

package/dist/esm/components/HoverCard/HoverCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"HoverCard.js","sources":["../../../../src/components/HoverCard/HoverCard.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport cn from 'classnames';\r\nimport * as HoverCardPrimitive from '@radix-ui/react-hover-card';\r\nimport { Placement } from '../..';\r\n\r\nexport type HoverCardTriggerProps = React.HTMLAttributes<HTMLAnchorElement>;\r\nconst Trigger = React.forwardRef(function HoverCardTrigger(props: HoverCardTriggerProps, ref: React.Ref<HTMLAnchorElement>) {\r\n    return <HoverCardPrimitive.Trigger {...props} asChild ref={ref} />;\r\n});\r\n\r\nexport type HoverCardContentProps = React.HTMLAttributes<HTMLDivElement> & {\r\n    /** Set the position of the HoverCard relative to its trigger. Default value is `bottom` */\r\n    placement?: Placement;\r\n};\r\nconst Content = React.forwardRef(function HoverCardContent(externalProps: HoverCardContentProps, ref: React.Ref<HTMLDivElement>) {\r\n    const { placement, ...props } = externalProps;\r\n    const className = cn('bg-white rounded p-3 yt-shadow', props.className);\r\n\r\n    return <HoverCardPrimitive.Content {...props} className={className} ref={ref} side={placement} />;\r\n});\r\n\r\nexport type HoverCardProps = React.PropsWithChildren<{}>;\r\n\r\nexport const HoverCard = (props: HoverCardProps) => {\r\n    return <HoverCardPrimitive.Root {...props} openDelay={300} />;\r\n};\r\nHoverCard.Trigger = Trigger;\r\nHoverCard.Content = Content;\r\n"],"names":["Trigger","React","HoverCardTrigger","props","ref","HoverCardPrimitive","asChild","Content","HoverCardContent","externalProps","placement","className","cn","side","HoverCard","openDelay"],"mappings":";;;;AAMA,MAAMA,OAAO,gBAAGC,UAAA,CAAiB,SAASC,gBAAT,CAA0BC,KAA1B,EAAwDC,GAAxD;AAC7B,SAAOH,aAAA,CAACI,SAAD,oBAAgCF;AAAOG,IAAAA,OAAO;AAACF,IAAAA,GAAG,EAAEA;IAApD,CAAP;AACH,CAFe,CAAhB;AAQA,MAAMG,OAAO,gBAAGN,UAAA,CAAiB,SAASO,gBAAT,CAA0BC,aAA1B,EAAgEL,GAAhE;AAC7B,QAAM;AAAEM,IAAAA,SAAF;AAAa,OAAGP;AAAhB,MAA0BM,aAAhC;AACA,QAAME,SAAS,GAAGC,EAAE,CAAC,gCAAD,EAAmCT,KAAK,CAACQ,SAAzC,CAApB;AAEA,SAAOV,aAAA,CAACI,SAAD,oBAAgCF;AAAOQ,IAAAA,SAAS,EAAEA;AAAWP,IAAAA,GAAG,EAAEA;AAAKS,IAAAA,IAAI,EAAEH;IAA7E,CAAP;AACH,CALe,CAAhB;MASaI,SAAS,GAAIX,KAAD;AACrB,SAAOF,aAAA,CAACI,IAAD,oBAA6BF;AAAOY,IAAAA,SAAS,EAAE;IAA/C,CAAP;AACH;AACDD,SAAS,CAACd,OAAV,GAAoBA,OAApB;AACAc,SAAS,CAACP,OAAV,GAAoBA,OAApB;;;;"}
+{"version":3,"file":"HoverCard.js","sources":["../../../../src/components/HoverCard/HoverCard.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'classnames';\nimport * as HoverCardPrimitive from '@radix-ui/react-hover-card';\nimport { Placement } from '../..';\n\nexport type HoverCardTriggerProps = React.HTMLAttributes<HTMLAnchorElement>;\nconst Trigger = React.forwardRef(function HoverCardTrigger(props: HoverCardTriggerProps, ref: React.Ref<HTMLAnchorElement>) {\n    return <HoverCardPrimitive.Trigger {...props} asChild ref={ref} />;\n});\n\nexport type HoverCardContentProps = React.HTMLAttributes<HTMLDivElement> & {\n    /** Set the position of the HoverCard relative to its trigger. Default value is `bottom` */\n    placement?: Placement;\n};\nconst Content = React.forwardRef(function HoverCardContent(externalProps: HoverCardContentProps, ref: React.Ref<HTMLDivElement>) {\n    const { placement, ...props } = externalProps;\n    const className = cn('bg-white rounded p-3 yt-shadow', props.className);\n\n    return <HoverCardPrimitive.Content {...props} className={className} ref={ref} side={placement} />;\n});\n\nexport type HoverCardProps = React.PropsWithChildren<{}>;\n\nexport const HoverCard = (props: HoverCardProps) => {\n    return <HoverCardPrimitive.Root {...props} openDelay={300} />;\n};\nHoverCard.Trigger = Trigger;\nHoverCard.Content = Content;\n"],"names":["Trigger","React","HoverCardTrigger","props","ref","HoverCardPrimitive","asChild","Content","HoverCardContent","externalProps","placement","className","cn","side","HoverCard","openDelay"],"mappings":";;;;;;AAMA,IAAMA,OAAO,gBAAGC,UAAA,CAAiB,SAASC,gBAAT,CAA0BC,KAA1B,EAAwDC,GAAxD;AAC7B,SAAOH,aAAA,CAACI,SAAD,oBAAgCF;AAAOG,IAAAA,OAAO;AAACF,IAAAA,GAAG,EAAEA;IAApD,CAAP;AACH,CAFe,CAAhB;AAQA,IAAMG,OAAO,gBAAGN,UAAA,CAAiB,SAASO,gBAAT,CAA0BC,aAA1B,EAAgEL,GAAhE;AAC7B,MAAQM,SAAR,GAAgCD,aAAhC,CAAQC,SAAR;AAAA,MAAsBP,KAAtB,iCAAgCM,aAAhC;;AACA,MAAME,SAAS,GAAGC,EAAE,CAAC,gCAAD,EAAmCT,KAAK,CAACQ,SAAzC,CAApB;AAEA,SAAOV,aAAA,CAACI,SAAD,oBAAgCF;AAAOQ,IAAAA,SAAS,EAAEA;AAAWP,IAAAA,GAAG,EAAEA;AAAKS,IAAAA,IAAI,EAAEH;IAA7E,CAAP;AACH,CALe,CAAhB;IASaI,SAAS,GAAG,SAAZA,SAAY,CAACX,KAAD;AACrB,SAAOF,aAAA,CAACI,IAAD,oBAA6BF;AAAOY,IAAAA,SAAS,EAAE;IAA/C,CAAP;AACH;AACDD,SAAS,CAACd,OAAV,GAAoBA,OAApB;AACAc,SAAS,CAACP,OAAV,GAAoBA,OAApB;;;;"}