@economic/taco 1.1.12-alpha.0 → 1.1.12

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

@@ -1,14 +1,12 @@
-import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { forwardRef, createElement } from 'react';
 import cn from 'classnames';
 
-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);
+const Group = /*#__PURE__*/forwardRef(function Group(props, ref) {
+  const {
+    as: Tag = 'span',
+    ...otherProps
+  } = props;
+  const 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":";;;;;IAcaA,KAAK,gBAAGC,UAAA,CAAiB,SAASD,KAAT,CAAeE,KAAf,EAAkCC,GAAlC;EAClC,gBAA4CD,KAA5C,CAAQE,EAAR;MAAYC,GAAZ,0BAAkB,MAAlB;MAA6BC,UAA7B,iCAA4CJ,KAA5C;;EACA,IAAMK,SAAS,GAAGC,EAAE,CAAC,OAAD,EAAUN,KAAK,CAACK,SAAhB,CAApB;EACA,OAAON,aAAA,CAACI,GAAD,oBAASC;IAAYC,SAAS,EAAEA;iBAAqB;IAAQJ,GAAG,EAAEA;IAAlE,CAAP;AACH,CAJoB;;;;"}
+{"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;EAClC,MAAM;IAAEC,EAAE,EAAEC,GAAG,GAAG,MAAZ;IAAoB,GAAGC;MAAeJ,KAA5C;EACA,MAAMK,SAAS,GAAGC,EAAE,CAAC,OAAD,EAAUN,KAAK,CAACK,SAAhB,CAApB;EACA,OAAON,aAAA,CAACI,GAAD,oBAASC;IAAYC,SAAS,EAAEA;iBAAqB;IAAQJ,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';\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","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/index.d.ts

@@ -41,9 +41,9 @@ export * from './components/VisuallyHidden/VisuallyHidden';
 export * from './utils/date';
 export * from './utils/mergeRefs';
 export * from './utils/hooks/useBoundingClientRectListener';
+export * from './utils/hooks/useDropTarget';
 export * from './utils/hooks/useListKeyboardNavigation';
-export * from './utils/hooks/useOnClickOutside';
 export * from './utils/hooks/useListScrollTo';
+export * from './utils/hooks/useOnClickOutside';
 export * from './utils/hooks/useProxiedRef';
-export * from './utils/hooks/useDropTarget';
 export * from './types';

package/dist/taco.cjs.development.js

@@ -5911,12 +5911,13 @@ var Field = /*#__PURE__*/React.forwardRef(function Field(props, ref) {
   }, message));
 });
 
-const Form = /*#__PURE__*/React.forwardRef(function Form(props, ref) {
-  const {
-    horizontal = false,
-    ...otherProps
-  } = props;
-  const className = cn('yt-form', {
+var _excluded$9 = ["horizontal"];
+var Form = /*#__PURE__*/React.forwardRef(function Form(props, ref) {
+  var _props$horizontal = props.horizontal,
+      horizontal = _props$horizontal === void 0 ? false : _props$horizontal,
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$9);
+
+  var className = cn('yt-form', {
     'yt-form--horizontal flex flex-wrap': horizontal
   }, props.className);
   return React.createElement("form", Object.assign({}, otherProps, {
@@ -5926,11 +5927,11 @@ const Form = /*#__PURE__*/React.forwardRef(function Form(props, ref) {
   }));
 });
 
-var _excluded$9 = ["as"];
+var _excluded$a = ["as"];
 var Group = /*#__PURE__*/React.forwardRef(function Group(props, ref) {
   var _props$as = props.as,
       Tag = _props$as === void 0 ? 'span' : _props$as,
-      otherProps = _objectWithoutPropertiesLoose(props, _excluded$9);
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$a);
 
   var className = cn('flex ', props.className);
   return React.createElement(Tag, Object.assign({}, otherProps, {
@@ -5940,18 +5941,19 @@ var Group = /*#__PURE__*/React.forwardRef(function Group(props, ref) {
   }));
 });
 
-const HangerContext = /*#__PURE__*/React.createContext({
+var _excluded$b = ["anchor", "children", "defaultOpen"];
+var HangerContext = /*#__PURE__*/React.createContext({
   props: {},
   ref: null
 });
-const Anchor = /*#__PURE__*/React.forwardRef(function HangerAnchor(props, ref) {
+var Anchor = /*#__PURE__*/React.forwardRef(function HangerAnchor(props, ref) {
   var _props$children;
 
-  const context = React.useContext(HangerContext);
-  let children = props.children;
+  var context = React.useContext(HangerContext);
+  var children = props.children;
 
   if (React.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 = React.createElement("span", null, props.children);
   }
 
@@ -5961,21 +5963,22 @@ const Anchor = /*#__PURE__*/React.forwardRef(function HangerAnchor(props, ref) {
     asChild: true
   }));
 });
-const Title$1 = /*#__PURE__*/React.forwardRef(function DialogTitle(props, ref) {
-  const className = cn('mb-1 text-base font-bold flex w-full', props.className);
+var Title$1 = /*#__PURE__*/React.forwardRef(function DialogTitle(props, ref) {
+  var className = cn('mb-1 text-base font-bold flex w-full', props.className);
   return React.createElement("span", Object.assign({}, props, {
     className: className,
     ref: ref
   }));
 });
-const Content$3 = /*#__PURE__*/React.forwardRef(function HangerContent(props, ref) {
-  const context = React.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$3 = /*#__PURE__*/React.forwardRef(function HangerContent(props, ref) {
+  var context = React.useContext(HangerContext);
+
+  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);
 
-  const handleInteractOutside = event => {
+  var handleInteractOutside = function handleInteractOutside(event) {
     event.preventDefault();
   };
 
@@ -5997,20 +6000,25 @@ const Content$3 = /*#__PURE__*/React.forwardRef(function HangerContent(props, re
     onClick: context.props.onClose
   })));
 });
-const Hanger = /*#__PURE__*/React.forwardRef(function Hanger(props, ref) {
-  const {
-    anchor,
-    children,
-    defaultOpen = true,
-    ...otherProps
-  } = props;
-  const context = React.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__*/React.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$b);
 
-  const [open, setOpen] = React.useState(false);
-  React.useEffect(() => {
+  var context = React.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 = React.useState(false),
+      open = _React$useState[0],
+      setOpen = _React$useState[1];
+
+  React.useEffect(function () {
     if (defaultOpen) {
       setOpen(defaultOpen);
     }
@@ -9469,10 +9477,10 @@ var useOnClickOutside = function useOnClickOutside(ref, callback) {
   }, [ref, callback]);
 };
 
-var _excluded$a = ["noPadding"];
+var _excluded$c = ["noPadding"];
 var Content$6 = /*#__PURE__*/React.forwardRef(function CardContent(externalProps, ref) {
   var noPadding = externalProps.noPadding,
-      props = _objectWithoutPropertiesLoose(externalProps, _excluded$a);
+      props = _objectWithoutPropertiesLoose(externalProps, _excluded$c);
 
   var className = cn('flex-grow overflow-auto', {
     'mx-4 mb-4': !noPadding