@economic/taco 12.0.0 → 14.0.0-tanstack-virtual-update.0

package/dist/components/Tag/Tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.js","sources":["../../../src/components/Tag/Tag.tsx"],"sourcesContent":["import cn from 'clsx';\nimport React from 'react';\n\nimport type { Color } from '../../types';\nimport { SUBTLE_COLOR_SHADE_CLASSNAME } from '../../utils/tailwind';\nimport type { IconName, IconProps } from '../Icon/Icon';\nimport { Icon } from '../Icon/Icon';\n\nexport type TagProps = Omit<React.HTMLAttributes<HTMLSpanElement>, 'children'> & {\n    children: string;\n    color?: Color;\n    disabled?: boolean;\n    icon?: React.ReactElement<IconProps> | IconName;\n    readOnly?: boolean;\n    onDelete?: (event: React.MouseEvent<SVGSVGElement>) => void;\n};\n\nexport const Tag = React.forwardRef<HTMLSpanElement, TagProps>((props, ref) => {\n    const { children, color, disabled, icon, readOnly, onDelete, ...otherProps } = props;\n    const textRef = React.useRef<HTMLDivElement>(null);\n\n    const className = cn(\n        'inline-flex h-6 cursor-default items-center rounded',\n        {\n            'opacity-50': disabled,\n            'hover:bg-opacity-100': !disabled,\n            'cursor-pointer': !!otherProps.onClick,\n            'pointer-events-none': disabled || readOnly,\n        },\n        // NB: not a `color = 'grey'` prop default — that would render `data-taco-color=\"grey\"` on colorless\n        // tags where the attribute is currently absent. Worth promoting in the next major.\n        SUBTLE_COLOR_SHADE_CLASSNAME[color ?? 'grey'],\n        props.className\n    );\n\n    return (\n        <span {...otherProps} className={className} ref={ref} data-taco=\"tag\" data-taco-color={color}>\n            <span className=\"flex items-center truncate px-2\" ref={textRef}>\n                {icon ? (\n                    typeof icon === 'string' ? (\n                        <Icon name={icon} className=\"-ml-1 mr-1 !h-5 !w-5\" />\n                    ) : (\n                        React.cloneElement(icon, {\n                            className: cn(icon.props.className, '-ml-1 mr-1'),\n                        })\n                    )\n                ) : null}\n                <span className=\"truncate\">{children}</span>\n            </span>\n            {onDelete ? (\n                <Icon\n                    name=\"close\"\n                    onClick={onDelete}\n                    className=\"-ml-1.5 !h-6 !w-5 flex-shrink-0 cursor-pointer rounded-r p-0.5 hover:bg-black/5\"\n                />\n            ) : null}\n        </span>\n    );\n});\n"],"names":["React"],"mappings":";;;;AAiBO,MAAM,MAAMA,eAAM,WAAsC,CAAC,OAAO,QAAQ;AAC3E,QAAM,EAAE,UAAU,OAAO,UAAU,MAAM,UAAU,UAAU,GAAG,WAAA,IAAe;AAC/E,QAAM,UAAUA,eAAM,OAAuB,IAAI;AAEjD,QAAM,YAAY;AAAA,IACd;AAAA,IACA;AAAA,MACI,cAAc;AAAA,MACd,wBAAwB,CAAC;AAAA,MACzB,kBAAkB,CAAC,CAAC,WAAW;AAAA,MAC/B,uBAAuB,YAAY;AAAA,IAAA;AAAA;AAAA;AAAA,IAIvC,6BAA6B,SAAS,MAAM;AAAA,IAC5C,MAAM;AAAA,EAAA;AAGV,SACIA,+BAAA,cAAC,QAAA,EAAM,GAAG,YAAY,WAAsB,KAAU,aAAU,OAAM,mBAAiB,SACnFA,+BAAA,cAAC,QAAA,EAAK,WAAU,mCAAkC,KAAK,QAAA,GAClD,OACG,OAAO,SAAS,WACZA,+BAAA,cAAC,MAAA,EAAK,MAAM,MAAM,WAAU,uBAAA,CAAuB,IAEnDA,eAAM,aAAa,MAAM;AAAA,IACrB,WAAW,GAAG,KAAK,MAAM,WAAW,YAAY;AAAA,EAAA,CACnD,IAEL,MACJA,+BAAA,cAAC,QAAA,EAAK,WAAU,WAAA,GAAY,QAAS,CACzC,GACC,WACGA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAK;AAAA,MACL,SAAS;AAAA,MACT,WAAU;AAAA,IAAA;AAAA,EAAA,IAEd,IACR;AAER,CAAC;"}
+{"version":3,"file":"Tag.js","sources":["../../../src/components/Tag/Tag.tsx"],"sourcesContent":["import cn from 'clsx';\nimport React from 'react';\n\nimport type { IconName, IconProps } from '@/components';\nimport { Icon } from '@/components';\nimport type { Color } from '@/types';\nimport { SUBTLE_COLOR_SHADE_CLASSNAME } from '@/utils/tailwind';\n\nexport type TagProps = Omit<React.HTMLAttributes<HTMLSpanElement>, 'children'> & {\n    children: string;\n    color?: Color;\n    disabled?: boolean;\n    icon?: React.ReactElement<IconProps> | IconName;\n    readOnly?: boolean;\n    onDelete?: (event: React.MouseEvent<SVGSVGElement>) => void;\n};\n\nexport const Tag = React.forwardRef<HTMLSpanElement, TagProps>((props, ref) => {\n    const { children, color, disabled, icon, readOnly, onDelete, ...otherProps } = props;\n    const textRef = React.useRef<HTMLDivElement>(null);\n\n    const className = cn(\n        'inline-flex h-6 cursor-default items-center rounded',\n        {\n            'opacity-50': disabled,\n            'hover:bg-opacity-100': !disabled,\n            'cursor-pointer': !!otherProps.onClick,\n            'pointer-events-none': disabled || readOnly,\n        },\n        // NB: not a `color = 'grey'` prop default — that would render `data-taco-color=\"grey\"` on colorless\n        // tags where the attribute is currently absent. Worth promoting in the next major.\n        SUBTLE_COLOR_SHADE_CLASSNAME[color ?? 'grey'],\n        props.className\n    );\n\n    return (\n        <span {...otherProps} className={className} ref={ref} data-taco=\"tag\" data-taco-color={color}>\n            <span className=\"flex items-center truncate px-2\" ref={textRef}>\n                {icon ? (\n                    typeof icon === 'string' ? (\n                        <Icon name={icon} className=\"-ml-1 mr-1 !h-5 !w-5\" />\n                    ) : (\n                        React.cloneElement(icon, {\n                            className: cn(icon.props.className, '-ml-1 mr-1'),\n                        })\n                    )\n                ) : null}\n                <span className=\"truncate\">{children}</span>\n            </span>\n            {onDelete ? (\n                <Icon\n                    name=\"close\"\n                    onClick={onDelete}\n                    className=\"-ml-1.5 !h-6 !w-5 flex-shrink-0 cursor-pointer rounded-r p-0.5 hover:bg-black/5\"\n                />\n            ) : null}\n        </span>\n    );\n});\n"],"names":["React"],"mappings":";;;;AAiBO,MAAM,MAAMA,eAAM,WAAsC,CAAC,OAAO,QAAQ;AAC3E,QAAM,EAAE,UAAU,OAAO,UAAU,MAAM,UAAU,UAAU,GAAG,WAAA,IAAe;AAC/E,QAAM,UAAUA,eAAM,OAAuB,IAAI;AAEjD,QAAM,YAAY;AAAA,IACd;AAAA,IACA;AAAA,MACI,cAAc;AAAA,MACd,wBAAwB,CAAC;AAAA,MACzB,kBAAkB,CAAC,CAAC,WAAW;AAAA,MAC/B,uBAAuB,YAAY;AAAA,IAAA;AAAA;AAAA;AAAA,IAIvC,6BAA6B,SAAS,MAAM;AAAA,IAC5C,MAAM;AAAA,EAAA;AAGV,SACIA,+BAAA,cAAC,QAAA,EAAM,GAAG,YAAY,WAAsB,KAAU,aAAU,OAAM,mBAAiB,SACnFA,+BAAA,cAAC,QAAA,EAAK,WAAU,mCAAkC,KAAK,QAAA,GAClD,OACG,OAAO,SAAS,WACZA,+BAAA,cAAC,MAAA,EAAK,MAAM,MAAM,WAAU,uBAAA,CAAuB,IAEnDA,eAAM,aAAa,MAAM;AAAA,IACrB,WAAW,GAAG,KAAK,MAAM,WAAW,YAAY;AAAA,EAAA,CACnD,IAEL,MACJA,+BAAA,cAAC,QAAA,EAAK,WAAU,WAAA,GAAY,QAAS,CACzC,GACC,WACGA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAK;AAAA,MACL,SAAS;AAAA,MACT,WAAU;AAAA,IAAA;AAAA,EAAA,IAEd,IACR;AAER,CAAC;"}

package/dist/components/Textarea/Textarea.cjs

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const cn = require("clsx");
 const React = require("react");
-const keyboard = require("../../utils/keyboard.cjs");
 const util = require("../Input/util.cjs");
+const keyboard = require("../../utils/keyboard.cjs");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
   if (e) {

package/dist/components/Textarea/Textarea.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.cjs","sources":["../../../src/components/Textarea/Textarea.tsx"],"sourcesContent":["import cn from 'clsx';\nimport * as React from 'react';\n\nimport { isPressingMetaKey } from '../../utils/keyboard';\nimport { getInputClasses } from '../Input/util';\n\nexport type TextareaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement> & {\n    /** Draws attention to the textarea by changing its style and making it visually prominent */\n    highlighted?: boolean;\n    /** Whether the input is in an invalid state */\n    invalid?: boolean;\n    /** Value of the textarea */\n    value?: string;\n};\n\nexport const Textarea = React.forwardRef(function Textarea(props: TextareaProps, ref: React.Ref<HTMLTextAreaElement>) {\n    const { defaultValue: _1, highlighted: _2, invalid: _3, onKeyDown, ...otherProps } = props;\n    const classNames = cn(\n        getInputClasses(props),\n        'min-h-[75px] pb-[7px] pt-[5px] !leading-5 disabled:resize-none',\n        props.className\n    );\n\n    // home and end keys only navigate to the start/end of textarea value if the textarea container does not scroll\n    // if it has scroll height then the browser reverts to native scrolling behaviour only\n    // so we manually override it to ensure _our_ desired behaviour remains intact\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLTextAreaElement>) => {\n        // prevent any external keyboard shortcuts from executing while typing single characters in textarea\n        if (event.key.length === 1 && !isPressingMetaKey(event)) {\n            event.stopPropagation();\n        }\n\n        if (event.key === 'Home' || event.key === 'End') {\n            event.preventDefault();\n            const position = event.key === 'End' ? event.currentTarget.value.length : 0;\n            event.currentTarget.setSelectionRange(position, position);\n            event.currentTarget.scrollTop = event.key === 'End' ? event.currentTarget.scrollHeight : 0;\n        }\n\n        if (onKeyDown) {\n            onKeyDown(event);\n        }\n    };\n\n    return <textarea {...otherProps} className={classNames} data-taco=\"textarea\" onKeyDown={handleKeyDown} ref={ref} />;\n});\n"],"names":["React","Textarea","getInputClasses","isPressingMetaKey"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAeO,MAAM,WAAWA,iBAAM,WAAW,SAASC,UAAS,OAAsB,KAAqC;AAClH,QAAM,EAAE,cAAc,IAAI,aAAa,IAAI,SAAS,IAAI,WAAW,GAAG,WAAA,IAAe;AACrF,QAAM,aAAa;AAAA,IACfC,KAAAA,gBAAgB,KAAK;AAAA,IACrB;AAAA,IACA,MAAM;AAAA,EAAA;AAMV,QAAM,gBAAgB,CAAC,UAAoD;AAEvE,QAAI,MAAM,IAAI,WAAW,KAAK,CAACC,SAAAA,kBAAkB,KAAK,GAAG;AACrD,YAAM,gBAAA;AAAA,IACV;AAEA,QAAI,MAAM,QAAQ,UAAU,MAAM,QAAQ,OAAO;AAC7C,YAAM,eAAA;AACN,YAAM,WAAW,MAAM,QAAQ,QAAQ,MAAM,cAAc,MAAM,SAAS;AAC1E,YAAM,cAAc,kBAAkB,UAAU,QAAQ;AACxD,YAAM,cAAc,YAAY,MAAM,QAAQ,QAAQ,MAAM,cAAc,eAAe;AAAA,IAC7F;AAEA,QAAI,WAAW;AACX,gBAAU,KAAK;AAAA,IACnB;AAAA,EACJ;AAEA,SAAOH,iCAAA,cAAC,YAAA,EAAU,GAAG,YAAY,WAAW,YAAY,aAAU,YAAW,WAAW,eAAe,IAAA,CAAU;AACrH,CAAC;;"}
+{"version":3,"file":"Textarea.cjs","sources":["../../../src/components/Textarea/Textarea.tsx"],"sourcesContent":["import cn from 'clsx';\nimport * as React from 'react';\n\nimport { getInputClasses } from '@/components/Input/util';\nimport { isPressingMetaKey } from '@/utils/keyboard';\n\nexport type TextareaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement> & {\n    /** Draws attention to the textarea by changing its style and making it visually prominent */\n    highlighted?: boolean;\n    /** Whether the input is in an invalid state */\n    invalid?: boolean;\n    /** Value of the textarea */\n    value?: string;\n};\n\nexport const Textarea = React.forwardRef(function Textarea(props: TextareaProps, ref: React.Ref<HTMLTextAreaElement>) {\n    const { defaultValue: _1, highlighted: _2, invalid: _3, onKeyDown, ...otherProps } = props;\n    const classNames = cn(\n        getInputClasses(props),\n        'min-h-[75px] pb-[7px] pt-[5px] !leading-5 disabled:resize-none',\n        props.className\n    );\n\n    // home and end keys only navigate to the start/end of textarea value if the textarea container does not scroll\n    // if it has scroll height then the browser reverts to native scrolling behaviour only\n    // so we manually override it to ensure _our_ desired behaviour remains intact\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLTextAreaElement>) => {\n        // prevent any external keyboard shortcuts from executing while typing single characters in textarea\n        if (event.key.length === 1 && !isPressingMetaKey(event)) {\n            event.stopPropagation();\n        }\n\n        if (event.key === 'Home' || event.key === 'End') {\n            event.preventDefault();\n            const position = event.key === 'End' ? event.currentTarget.value.length : 0;\n            event.currentTarget.setSelectionRange(position, position);\n            event.currentTarget.scrollTop = event.key === 'End' ? event.currentTarget.scrollHeight : 0;\n        }\n\n        if (onKeyDown) {\n            onKeyDown(event);\n        }\n    };\n\n    return <textarea {...otherProps} className={classNames} data-taco=\"textarea\" onKeyDown={handleKeyDown} ref={ref} />;\n});\n"],"names":["React","Textarea","getInputClasses","isPressingMetaKey"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAeO,MAAM,WAAWA,iBAAM,WAAW,SAASC,UAAS,OAAsB,KAAqC;AAClH,QAAM,EAAE,cAAc,IAAI,aAAa,IAAI,SAAS,IAAI,WAAW,GAAG,WAAA,IAAe;AACrF,QAAM,aAAa;AAAA,IACfC,KAAAA,gBAAgB,KAAK;AAAA,IACrB;AAAA,IACA,MAAM;AAAA,EAAA;AAMV,QAAM,gBAAgB,CAAC,UAAoD;AAEvE,QAAI,MAAM,IAAI,WAAW,KAAK,CAACC,SAAAA,kBAAkB,KAAK,GAAG;AACrD,YAAM,gBAAA;AAAA,IACV;AAEA,QAAI,MAAM,QAAQ,UAAU,MAAM,QAAQ,OAAO;AAC7C,YAAM,eAAA;AACN,YAAM,WAAW,MAAM,QAAQ,QAAQ,MAAM,cAAc,MAAM,SAAS;AAC1E,YAAM,cAAc,kBAAkB,UAAU,QAAQ;AACxD,YAAM,cAAc,YAAY,MAAM,QAAQ,QAAQ,MAAM,cAAc,eAAe;AAAA,IAC7F;AAEA,QAAI,WAAW;AACX,gBAAU,KAAK;AAAA,IACnB;AAAA,EACJ;AAEA,SAAOH,iCAAA,cAAC,YAAA,EAAU,GAAG,YAAY,WAAW,YAAY,aAAU,YAAW,WAAW,eAAe,IAAA,CAAU;AACrH,CAAC;;"}

package/dist/components/Textarea/Textarea.js

@@ -1,7 +1,7 @@
 import cn from "clsx";
 import * as React from "react";
-import { isPressingMetaKey } from "../../utils/keyboard.js";
 import { getInputClasses } from "../Input/util.js";
+import { isPressingMetaKey } from "../../utils/keyboard.js";
 const Textarea = React.forwardRef(function Textarea2(props, ref) {
   const { defaultValue: _1, highlighted: _2, invalid: _3, onKeyDown, ...otherProps } = props;
   const classNames = cn(

package/dist/components/Textarea/Textarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.js","sources":["../../../src/components/Textarea/Textarea.tsx"],"sourcesContent":["import cn from 'clsx';\nimport * as React from 'react';\n\nimport { isPressingMetaKey } from '../../utils/keyboard';\nimport { getInputClasses } from '../Input/util';\n\nexport type TextareaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement> & {\n    /** Draws attention to the textarea by changing its style and making it visually prominent */\n    highlighted?: boolean;\n    /** Whether the input is in an invalid state */\n    invalid?: boolean;\n    /** Value of the textarea */\n    value?: string;\n};\n\nexport const Textarea = React.forwardRef(function Textarea(props: TextareaProps, ref: React.Ref<HTMLTextAreaElement>) {\n    const { defaultValue: _1, highlighted: _2, invalid: _3, onKeyDown, ...otherProps } = props;\n    const classNames = cn(\n        getInputClasses(props),\n        'min-h-[75px] pb-[7px] pt-[5px] !leading-5 disabled:resize-none',\n        props.className\n    );\n\n    // home and end keys only navigate to the start/end of textarea value if the textarea container does not scroll\n    // if it has scroll height then the browser reverts to native scrolling behaviour only\n    // so we manually override it to ensure _our_ desired behaviour remains intact\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLTextAreaElement>) => {\n        // prevent any external keyboard shortcuts from executing while typing single characters in textarea\n        if (event.key.length === 1 && !isPressingMetaKey(event)) {\n            event.stopPropagation();\n        }\n\n        if (event.key === 'Home' || event.key === 'End') {\n            event.preventDefault();\n            const position = event.key === 'End' ? event.currentTarget.value.length : 0;\n            event.currentTarget.setSelectionRange(position, position);\n            event.currentTarget.scrollTop = event.key === 'End' ? event.currentTarget.scrollHeight : 0;\n        }\n\n        if (onKeyDown) {\n            onKeyDown(event);\n        }\n    };\n\n    return <textarea {...otherProps} className={classNames} data-taco=\"textarea\" onKeyDown={handleKeyDown} ref={ref} />;\n});\n"],"names":["Textarea"],"mappings":";;;;AAeO,MAAM,WAAW,MAAM,WAAW,SAASA,UAAS,OAAsB,KAAqC;AAClH,QAAM,EAAE,cAAc,IAAI,aAAa,IAAI,SAAS,IAAI,WAAW,GAAG,WAAA,IAAe;AACrF,QAAM,aAAa;AAAA,IACf,gBAAgB,KAAK;AAAA,IACrB;AAAA,IACA,MAAM;AAAA,EAAA;AAMV,QAAM,gBAAgB,CAAC,UAAoD;AAEvE,QAAI,MAAM,IAAI,WAAW,KAAK,CAAC,kBAAkB,KAAK,GAAG;AACrD,YAAM,gBAAA;AAAA,IACV;AAEA,QAAI,MAAM,QAAQ,UAAU,MAAM,QAAQ,OAAO;AAC7C,YAAM,eAAA;AACN,YAAM,WAAW,MAAM,QAAQ,QAAQ,MAAM,cAAc,MAAM,SAAS;AAC1E,YAAM,cAAc,kBAAkB,UAAU,QAAQ;AACxD,YAAM,cAAc,YAAY,MAAM,QAAQ,QAAQ,MAAM,cAAc,eAAe;AAAA,IAC7F;AAEA,QAAI,WAAW;AACX,gBAAU,KAAK;AAAA,IACnB;AAAA,EACJ;AAEA,SAAO,sBAAA,cAAC,YAAA,EAAU,GAAG,YAAY,WAAW,YAAY,aAAU,YAAW,WAAW,eAAe,IAAA,CAAU;AACrH,CAAC;"}
+{"version":3,"file":"Textarea.js","sources":["../../../src/components/Textarea/Textarea.tsx"],"sourcesContent":["import cn from 'clsx';\nimport * as React from 'react';\n\nimport { getInputClasses } from '@/components/Input/util';\nimport { isPressingMetaKey } from '@/utils/keyboard';\n\nexport type TextareaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement> & {\n    /** Draws attention to the textarea by changing its style and making it visually prominent */\n    highlighted?: boolean;\n    /** Whether the input is in an invalid state */\n    invalid?: boolean;\n    /** Value of the textarea */\n    value?: string;\n};\n\nexport const Textarea = React.forwardRef(function Textarea(props: TextareaProps, ref: React.Ref<HTMLTextAreaElement>) {\n    const { defaultValue: _1, highlighted: _2, invalid: _3, onKeyDown, ...otherProps } = props;\n    const classNames = cn(\n        getInputClasses(props),\n        'min-h-[75px] pb-[7px] pt-[5px] !leading-5 disabled:resize-none',\n        props.className\n    );\n\n    // home and end keys only navigate to the start/end of textarea value if the textarea container does not scroll\n    // if it has scroll height then the browser reverts to native scrolling behaviour only\n    // so we manually override it to ensure _our_ desired behaviour remains intact\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLTextAreaElement>) => {\n        // prevent any external keyboard shortcuts from executing while typing single characters in textarea\n        if (event.key.length === 1 && !isPressingMetaKey(event)) {\n            event.stopPropagation();\n        }\n\n        if (event.key === 'Home' || event.key === 'End') {\n            event.preventDefault();\n            const position = event.key === 'End' ? event.currentTarget.value.length : 0;\n            event.currentTarget.setSelectionRange(position, position);\n            event.currentTarget.scrollTop = event.key === 'End' ? event.currentTarget.scrollHeight : 0;\n        }\n\n        if (onKeyDown) {\n            onKeyDown(event);\n        }\n    };\n\n    return <textarea {...otherProps} className={classNames} data-taco=\"textarea\" onKeyDown={handleKeyDown} ref={ref} />;\n});\n"],"names":["Textarea"],"mappings":";;;;AAeO,MAAM,WAAW,MAAM,WAAW,SAASA,UAAS,OAAsB,KAAqC;AAClH,QAAM,EAAE,cAAc,IAAI,aAAa,IAAI,SAAS,IAAI,WAAW,GAAG,WAAA,IAAe;AACrF,QAAM,aAAa;AAAA,IACf,gBAAgB,KAAK;AAAA,IACrB;AAAA,IACA,MAAM;AAAA,EAAA;AAMV,QAAM,gBAAgB,CAAC,UAAoD;AAEvE,QAAI,MAAM,IAAI,WAAW,KAAK,CAAC,kBAAkB,KAAK,GAAG;AACrD,YAAM,gBAAA;AAAA,IACV;AAEA,QAAI,MAAM,QAAQ,UAAU,MAAM,QAAQ,OAAO;AAC7C,YAAM,eAAA;AACN,YAAM,WAAW,MAAM,QAAQ,QAAQ,MAAM,cAAc,MAAM,SAAS;AAC1E,YAAM,cAAc,kBAAkB,UAAU,QAAQ;AACxD,YAAM,cAAc,YAAY,MAAM,QAAQ,QAAQ,MAAM,cAAc,eAAe;AAAA,IAC7F;AAEA,QAAI,WAAW;AACX,gBAAU,KAAK;AAAA,IACnB;AAAA,EACJ;AAEA,SAAO,sBAAA,cAAC,YAAA,EAAU,GAAG,YAAY,WAAW,YAAY,aAAU,YAAW,WAAW,eAAe,IAAA,CAAU;AACrH,CAAC;"}

package/dist/components/Toast/Toast.cjs

@@ -4,9 +4,9 @@ const cn = require("clsx");
 const react = require("motion/react");
 const React = require("react");
 const useTimer = require("../../utils/hooks/useTimer.cjs");
-const IconButton = require("../LegacyComponents/IconButton/IconButton.cjs");
-const Localization = require("../Provider/Localization.cjs");
 const util = require("./util.cjs");
+const Localization = require("../Provider/Localization.cjs");
+const IconButton = require("../LegacyComponents/IconButton/IconButton.cjs");
 const Toast = ({ content, lastUpdated, onClose: handleClose, options, ...props }) => {
   const { texts } = Localization.useLocalization();
   const { autoClose, type = "default" } = options;

package/dist/components/Toast/Toast.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.cjs","sources":["../../../src/components/Toast/Toast.tsx"],"sourcesContent":["import cn from 'clsx';\nimport { motion, useAnimation } from 'motion/react';\nimport React from 'react';\n\nimport type { State } from '../../types';\nimport { useTimer } from '../../utils/hooks/useTimer';\nimport { LegacyIconButton } from '../LegacyComponents/IconButton/IconButton';\nimport { useLocalization } from '../Provider/Localization';\n\nimport { getBadgeIcon, getToastEmptyContentWarning } from './util';\n\nexport type ToastsTexts = {\n    /** Aria-label for the close icon button of toast */\n    dismiss: string;\n};\n\nexport type ToastType = Exclude<State, 'default'> | 'loading';\nexport type ToastOptions = {\n    /** Provide time in milliseconds after which the toast should autoclose */\n    autoClose?: number;\n    /**\n     * State will change the icon displayed in toast and other characteristics,\n     * for e.g. `loading` state will display a progress animation.\n     * Default value is `default`\n     */\n    type?: ToastType;\n};\nexport type ToastContent = Omit<React.ReactNode, 'null' | 'undefined'>;\nexport type ToastProps = {\n    /** Provide a unique id for toast */\n    id: string;\n    /**\n     * Content can be any valid react node, for e.g. a `div`, or a simple text.\n     */\n    content: ToastContent;\n    /** Additional options to define your toast */\n    options: ToastOptions;\n    /**\n     * Handler called when toast closes.\n     * To read more about how to provide the text, see [Provider](component:provider) component\n     */\n    onClose: () => void;\n    lastUpdated?: number;\n    lastDuplicateId?: string;\n};\n\nexport const Toast = ({ content, lastUpdated, onClose: handleClose, options, ...props }: ToastProps): React.JSX.Element => {\n    const { texts } = useLocalization();\n    const { autoClose, type = 'default' } = options;\n    const className = cn('relative mt-3 flex w-full items-center rounded bg-white px-2 py-1 yt-shadow print:hidden', {\n        'border border-gray-500': type === 'default' || type === 'loading' || !type,\n        'border border-green-500': type === 'success',\n        'border border-blue-500': type === 'information',\n        'border border-yellow-500': type === 'warning',\n        'border border-red-500': type === 'error',\n    });\n    const timer = useTimer(autoClose, handleClose);\n    const controls = useAnimation();\n\n    if (!content) {\n        // oxlint-disable-next-line no-console\n        console.warn(getToastEmptyContentWarning(content));\n    }\n\n    React.useEffect(() => {\n        if (autoClose) {\n            timer.start();\n        }\n    }, [autoClose]);\n\n    const triggerUpdateAnimation = async () => {\n        await controls.start({ scale: 1.05 });\n        await controls.start({ scale: 1 });\n    };\n\n    React.useEffect(() => {\n        if (lastUpdated) {\n            triggerUpdateAnimation();\n\n            if (timer.running) {\n                timer.start();\n            }\n        }\n    }, [lastUpdated]);\n\n    return (\n        <motion.div\n            {...props}\n            animate={controls}\n            className={className}\n            data-taco=\"toast\"\n            onMouseEnter={timer.pause}\n            onMouseLeave={timer.resume}>\n            {getBadgeIcon(type)}\n            <div className=\"flex-grow\">{content as React.ReactNode}</div>\n            <LegacyIconButton\n                appearance=\"discrete\"\n                className=\"-mr-2 cursor-pointer self-start !px-0 text-gray-700\"\n                icon=\"close\"\n                aria-label={texts.toasts.dismiss}\n                onClick={handleClose}\n            />\n        </motion.div>\n    );\n};\n"],"names":["useLocalization","useTimer","useAnimation","getToastEmptyContentWarning","motion","getBadgeIcon","LegacyIconButton"],"mappings":";;;;;;;;;AA8CO,MAAM,QAAQ,CAAC,EAAE,SAAS,aAAa,SAAS,aAAa,SAAS,GAAG,YAA2C;AACvH,QAAM,EAAE,MAAA,IAAUA,6BAAA;AAClB,QAAM,EAAE,WAAW,OAAO,UAAA,IAAc;AACxC,QAAM,YAAY,GAAG,4FAA4F;AAAA,IAC7G,0BAA0B,SAAS,aAAa,SAAS,aAAa,CAAC;AAAA,IACvE,2BAA2B,SAAS;AAAA,IACpC,0BAA0B,SAAS;AAAA,IACnC,4BAA4B,SAAS;AAAA,IACrC,yBAAyB,SAAS;AAAA,EAAA,CACrC;AACD,QAAM,QAAQC,SAAAA,SAAS,WAAW,WAAW;AAC7C,QAAM,WAAWC,MAAAA,aAAA;AAEjB,MAAI,CAAC,SAAS;AAEV,YAAQ,KAAKC,iCAA4B,OAAO,CAAC;AAAA,EACrD;AAEA,QAAM,UAAU,MAAM;AAClB,QAAI,WAAW;AACX,YAAM,MAAA;AAAA,IACV;AAAA,EACJ,GAAG,CAAC,SAAS,CAAC;AAEd,QAAM,yBAAyB,YAAY;AACvC,UAAM,SAAS,MAAM,EAAE,OAAO,MAAM;AACpC,UAAM,SAAS,MAAM,EAAE,OAAO,GAAG;AAAA,EACrC;AAEA,QAAM,UAAU,MAAM;AAClB,QAAI,aAAa;AACb,6BAAA;AAEA,UAAI,MAAM,SAAS;AACf,cAAM,MAAA;AAAA,MACV;AAAA,IACJ;AAAA,EACJ,GAAG,CAAC,WAAW,CAAC;AAEhB,SACI,sBAAA;AAAA,IAACC,MAAAA,OAAO;AAAA,IAAP;AAAA,MACI,GAAG;AAAA,MACJ,SAAS;AAAA,MACT;AAAA,MACA,aAAU;AAAA,MACV,cAAc,MAAM;AAAA,MACpB,cAAc,MAAM;AAAA,IAAA;AAAA,IACnBC,KAAAA,aAAa,IAAI;AAAA,IAClB,sBAAA,cAAC,OAAA,EAAI,WAAU,YAAA,GAAa,OAA2B;AAAA,IACvD,sBAAA;AAAA,MAACC,WAAAA;AAAAA,MAAA;AAAA,QACG,YAAW;AAAA,QACX,WAAU;AAAA,QACV,MAAK;AAAA,QACL,cAAY,MAAM,OAAO;AAAA,QACzB,SAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EACb;AAGZ;;"}
+{"version":3,"file":"Toast.cjs","sources":["../../../src/components/Toast/Toast.tsx"],"sourcesContent":["import cn from 'clsx';\nimport { motion, useAnimation } from 'motion/react';\nimport React from 'react';\n\nimport { LegacyIconButton, useLocalization } from '@/components';\nimport type { State } from '@/types';\nimport { useTimer } from '@/utils/hooks/useTimer';\n\nimport { getBadgeIcon, getToastEmptyContentWarning } from './util';\n\nexport type ToastsTexts = {\n    /** Aria-label for the close icon button of toast */\n    dismiss: string;\n};\n\nexport type ToastType = Exclude<State, 'default'> | 'loading';\nexport type ToastOptions = {\n    /** Provide time in milliseconds after which the toast should autoclose */\n    autoClose?: number;\n    /**\n     * State will change the icon displayed in toast and other characteristics,\n     * for e.g. `loading` state will display a progress animation.\n     * Default value is `default`\n     */\n    type?: ToastType;\n};\nexport type ToastContent = Omit<React.ReactNode, 'null' | 'undefined'>;\nexport type ToastProps = {\n    /** Provide a unique id for toast */\n    id: string;\n    /**\n     * Content can be any valid react node, for e.g. a `div`, or a simple text.\n     */\n    content: ToastContent;\n    /** Additional options to define your toast */\n    options: ToastOptions;\n    /**\n     * Handler called when toast closes.\n     * To read more about how to provide the text, see [Provider](component:provider) component\n     */\n    onClose: () => void;\n    lastUpdated?: number;\n    lastDuplicateId?: string;\n};\n\nexport const Toast = ({ content, lastUpdated, onClose: handleClose, options, ...props }: ToastProps): React.JSX.Element => {\n    const { texts } = useLocalization();\n    const { autoClose, type = 'default' } = options;\n    const className = cn('relative mt-3 flex w-full items-center rounded bg-white px-2 py-1 yt-shadow print:hidden', {\n        'border border-gray-500': type === 'default' || type === 'loading' || !type,\n        'border border-green-500': type === 'success',\n        'border border-blue-500': type === 'information',\n        'border border-yellow-500': type === 'warning',\n        'border border-red-500': type === 'error',\n    });\n    const timer = useTimer(autoClose, handleClose);\n    const controls = useAnimation();\n\n    if (!content) {\n        // oxlint-disable-next-line no-console\n        console.warn(getToastEmptyContentWarning(content));\n    }\n\n    React.useEffect(() => {\n        if (autoClose) {\n            timer.start();\n        }\n    }, [autoClose]);\n\n    const triggerUpdateAnimation = async () => {\n        await controls.start({ scale: 1.05 });\n        await controls.start({ scale: 1 });\n    };\n\n    React.useEffect(() => {\n        if (lastUpdated) {\n            triggerUpdateAnimation();\n\n            if (timer.running) {\n                timer.start();\n            }\n        }\n    }, [lastUpdated]);\n\n    return (\n        <motion.div\n            {...props}\n            animate={controls}\n            className={className}\n            data-taco=\"toast\"\n            onMouseEnter={timer.pause}\n            onMouseLeave={timer.resume}>\n            {getBadgeIcon(type)}\n            <div className=\"flex-grow\">{content as React.ReactNode}</div>\n            <LegacyIconButton\n                appearance=\"discrete\"\n                className=\"-mr-2 cursor-pointer self-start !px-0 text-gray-700\"\n                icon=\"close\"\n                aria-label={texts.toasts.dismiss}\n                onClick={handleClose}\n            />\n        </motion.div>\n    );\n};\n"],"names":["useLocalization","useTimer","useAnimation","getToastEmptyContentWarning","motion","getBadgeIcon","LegacyIconButton"],"mappings":";;;;;;;;;AA6CO,MAAM,QAAQ,CAAC,EAAE,SAAS,aAAa,SAAS,aAAa,SAAS,GAAG,YAA2C;AACvH,QAAM,EAAE,MAAA,IAAUA,6BAAA;AAClB,QAAM,EAAE,WAAW,OAAO,UAAA,IAAc;AACxC,QAAM,YAAY,GAAG,4FAA4F;AAAA,IAC7G,0BAA0B,SAAS,aAAa,SAAS,aAAa,CAAC;AAAA,IACvE,2BAA2B,SAAS;AAAA,IACpC,0BAA0B,SAAS;AAAA,IACnC,4BAA4B,SAAS;AAAA,IACrC,yBAAyB,SAAS;AAAA,EAAA,CACrC;AACD,QAAM,QAAQC,SAAAA,SAAS,WAAW,WAAW;AAC7C,QAAM,WAAWC,MAAAA,aAAA;AAEjB,MAAI,CAAC,SAAS;AAEV,YAAQ,KAAKC,iCAA4B,OAAO,CAAC;AAAA,EACrD;AAEA,QAAM,UAAU,MAAM;AAClB,QAAI,WAAW;AACX,YAAM,MAAA;AAAA,IACV;AAAA,EACJ,GAAG,CAAC,SAAS,CAAC;AAEd,QAAM,yBAAyB,YAAY;AACvC,UAAM,SAAS,MAAM,EAAE,OAAO,MAAM;AACpC,UAAM,SAAS,MAAM,EAAE,OAAO,GAAG;AAAA,EACrC;AAEA,QAAM,UAAU,MAAM;AAClB,QAAI,aAAa;AACb,6BAAA;AAEA,UAAI,MAAM,SAAS;AACf,cAAM,MAAA;AAAA,MACV;AAAA,IACJ;AAAA,EACJ,GAAG,CAAC,WAAW,CAAC;AAEhB,SACI,sBAAA;AAAA,IAACC,MAAAA,OAAO;AAAA,IAAP;AAAA,MACI,GAAG;AAAA,MACJ,SAAS;AAAA,MACT;AAAA,MACA,aAAU;AAAA,MACV,cAAc,MAAM;AAAA,MACpB,cAAc,MAAM;AAAA,IAAA;AAAA,IACnBC,KAAAA,aAAa,IAAI;AAAA,IAClB,sBAAA,cAAC,OAAA,EAAI,WAAU,YAAA,GAAa,OAA2B;AAAA,IACvD,sBAAA;AAAA,MAACC,WAAAA;AAAAA,MAAA;AAAA,QACG,YAAW;AAAA,QACX,WAAU;AAAA,QACV,MAAK;AAAA,QACL,cAAY,MAAM,OAAO;AAAA,QACzB,SAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EACb;AAGZ;;"}

package/dist/components/Toast/Toast.js

@@ -2,9 +2,9 @@ import cn from "clsx";
 import { useAnimation, motion } from "motion/react";
 import React__default from "react";
 import { useTimer } from "../../utils/hooks/useTimer.js";
-import { LegacyIconButton } from "../LegacyComponents/IconButton/IconButton.js";
-import { useLocalization } from "../Provider/Localization.js";
 import { getToastEmptyContentWarning, getBadgeIcon } from "./util.js";
+import { useLocalization } from "../Provider/Localization.js";
+import { LegacyIconButton } from "../LegacyComponents/IconButton/IconButton.js";
 const Toast = ({ content, lastUpdated, onClose: handleClose, options, ...props }) => {
   const { texts } = useLocalization();
   const { autoClose, type = "default" } = options;

package/dist/components/Toast/Toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.js","sources":["../../../src/components/Toast/Toast.tsx"],"sourcesContent":["import cn from 'clsx';\nimport { motion, useAnimation } from 'motion/react';\nimport React from 'react';\n\nimport type { State } from '../../types';\nimport { useTimer } from '../../utils/hooks/useTimer';\nimport { LegacyIconButton } from '../LegacyComponents/IconButton/IconButton';\nimport { useLocalization } from '../Provider/Localization';\n\nimport { getBadgeIcon, getToastEmptyContentWarning } from './util';\n\nexport type ToastsTexts = {\n    /** Aria-label for the close icon button of toast */\n    dismiss: string;\n};\n\nexport type ToastType = Exclude<State, 'default'> | 'loading';\nexport type ToastOptions = {\n    /** Provide time in milliseconds after which the toast should autoclose */\n    autoClose?: number;\n    /**\n     * State will change the icon displayed in toast and other characteristics,\n     * for e.g. `loading` state will display a progress animation.\n     * Default value is `default`\n     */\n    type?: ToastType;\n};\nexport type ToastContent = Omit<React.ReactNode, 'null' | 'undefined'>;\nexport type ToastProps = {\n    /** Provide a unique id for toast */\n    id: string;\n    /**\n     * Content can be any valid react node, for e.g. a `div`, or a simple text.\n     */\n    content: ToastContent;\n    /** Additional options to define your toast */\n    options: ToastOptions;\n    /**\n     * Handler called when toast closes.\n     * To read more about how to provide the text, see [Provider](component:provider) component\n     */\n    onClose: () => void;\n    lastUpdated?: number;\n    lastDuplicateId?: string;\n};\n\nexport const Toast = ({ content, lastUpdated, onClose: handleClose, options, ...props }: ToastProps): React.JSX.Element => {\n    const { texts } = useLocalization();\n    const { autoClose, type = 'default' } = options;\n    const className = cn('relative mt-3 flex w-full items-center rounded bg-white px-2 py-1 yt-shadow print:hidden', {\n        'border border-gray-500': type === 'default' || type === 'loading' || !type,\n        'border border-green-500': type === 'success',\n        'border border-blue-500': type === 'information',\n        'border border-yellow-500': type === 'warning',\n        'border border-red-500': type === 'error',\n    });\n    const timer = useTimer(autoClose, handleClose);\n    const controls = useAnimation();\n\n    if (!content) {\n        // oxlint-disable-next-line no-console\n        console.warn(getToastEmptyContentWarning(content));\n    }\n\n    React.useEffect(() => {\n        if (autoClose) {\n            timer.start();\n        }\n    }, [autoClose]);\n\n    const triggerUpdateAnimation = async () => {\n        await controls.start({ scale: 1.05 });\n        await controls.start({ scale: 1 });\n    };\n\n    React.useEffect(() => {\n        if (lastUpdated) {\n            triggerUpdateAnimation();\n\n            if (timer.running) {\n                timer.start();\n            }\n        }\n    }, [lastUpdated]);\n\n    return (\n        <motion.div\n            {...props}\n            animate={controls}\n            className={className}\n            data-taco=\"toast\"\n            onMouseEnter={timer.pause}\n            onMouseLeave={timer.resume}>\n            {getBadgeIcon(type)}\n            <div className=\"flex-grow\">{content as React.ReactNode}</div>\n            <LegacyIconButton\n                appearance=\"discrete\"\n                className=\"-mr-2 cursor-pointer self-start !px-0 text-gray-700\"\n                icon=\"close\"\n                aria-label={texts.toasts.dismiss}\n                onClick={handleClose}\n            />\n        </motion.div>\n    );\n};\n"],"names":["React"],"mappings":";;;;;;;AA8CO,MAAM,QAAQ,CAAC,EAAE,SAAS,aAAa,SAAS,aAAa,SAAS,GAAG,YAA2C;AACvH,QAAM,EAAE,MAAA,IAAU,gBAAA;AAClB,QAAM,EAAE,WAAW,OAAO,UAAA,IAAc;AACxC,QAAM,YAAY,GAAG,4FAA4F;AAAA,IAC7G,0BAA0B,SAAS,aAAa,SAAS,aAAa,CAAC;AAAA,IACvE,2BAA2B,SAAS;AAAA,IACpC,0BAA0B,SAAS;AAAA,IACnC,4BAA4B,SAAS;AAAA,IACrC,yBAAyB,SAAS;AAAA,EAAA,CACrC;AACD,QAAM,QAAQ,SAAS,WAAW,WAAW;AAC7C,QAAM,WAAW,aAAA;AAEjB,MAAI,CAAC,SAAS;AAEV,YAAQ,KAAK,4BAA4B,OAAO,CAAC;AAAA,EACrD;AAEAA,iBAAM,UAAU,MAAM;AAClB,QAAI,WAAW;AACX,YAAM,MAAA;AAAA,IACV;AAAA,EACJ,GAAG,CAAC,SAAS,CAAC;AAEd,QAAM,yBAAyB,YAAY;AACvC,UAAM,SAAS,MAAM,EAAE,OAAO,MAAM;AACpC,UAAM,SAAS,MAAM,EAAE,OAAO,GAAG;AAAA,EACrC;AAEAA,iBAAM,UAAU,MAAM;AAClB,QAAI,aAAa;AACb,6BAAA;AAEA,UAAI,MAAM,SAAS;AACf,cAAM,MAAA;AAAA,MACV;AAAA,IACJ;AAAA,EACJ,GAAG,CAAC,WAAW,CAAC;AAEhB,SACIA,+BAAA;AAAA,IAAC,OAAO;AAAA,IAAP;AAAA,MACI,GAAG;AAAA,MACJ,SAAS;AAAA,MACT;AAAA,MACA,aAAU;AAAA,MACV,cAAc,MAAM;AAAA,MACpB,cAAc,MAAM;AAAA,IAAA;AAAA,IACnB,aAAa,IAAI;AAAA,IAClBA,+BAAA,cAAC,OAAA,EAAI,WAAU,YAAA,GAAa,OAA2B;AAAA,IACvDA,+BAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,YAAW;AAAA,QACX,WAAU;AAAA,QACV,MAAK;AAAA,QACL,cAAY,MAAM,OAAO;AAAA,QACzB,SAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EACb;AAGZ;"}
+{"version":3,"file":"Toast.js","sources":["../../../src/components/Toast/Toast.tsx"],"sourcesContent":["import cn from 'clsx';\nimport { motion, useAnimation } from 'motion/react';\nimport React from 'react';\n\nimport { LegacyIconButton, useLocalization } from '@/components';\nimport type { State } from '@/types';\nimport { useTimer } from '@/utils/hooks/useTimer';\n\nimport { getBadgeIcon, getToastEmptyContentWarning } from './util';\n\nexport type ToastsTexts = {\n    /** Aria-label for the close icon button of toast */\n    dismiss: string;\n};\n\nexport type ToastType = Exclude<State, 'default'> | 'loading';\nexport type ToastOptions = {\n    /** Provide time in milliseconds after which the toast should autoclose */\n    autoClose?: number;\n    /**\n     * State will change the icon displayed in toast and other characteristics,\n     * for e.g. `loading` state will display a progress animation.\n     * Default value is `default`\n     */\n    type?: ToastType;\n};\nexport type ToastContent = Omit<React.ReactNode, 'null' | 'undefined'>;\nexport type ToastProps = {\n    /** Provide a unique id for toast */\n    id: string;\n    /**\n     * Content can be any valid react node, for e.g. a `div`, or a simple text.\n     */\n    content: ToastContent;\n    /** Additional options to define your toast */\n    options: ToastOptions;\n    /**\n     * Handler called when toast closes.\n     * To read more about how to provide the text, see [Provider](component:provider) component\n     */\n    onClose: () => void;\n    lastUpdated?: number;\n    lastDuplicateId?: string;\n};\n\nexport const Toast = ({ content, lastUpdated, onClose: handleClose, options, ...props }: ToastProps): React.JSX.Element => {\n    const { texts } = useLocalization();\n    const { autoClose, type = 'default' } = options;\n    const className = cn('relative mt-3 flex w-full items-center rounded bg-white px-2 py-1 yt-shadow print:hidden', {\n        'border border-gray-500': type === 'default' || type === 'loading' || !type,\n        'border border-green-500': type === 'success',\n        'border border-blue-500': type === 'information',\n        'border border-yellow-500': type === 'warning',\n        'border border-red-500': type === 'error',\n    });\n    const timer = useTimer(autoClose, handleClose);\n    const controls = useAnimation();\n\n    if (!content) {\n        // oxlint-disable-next-line no-console\n        console.warn(getToastEmptyContentWarning(content));\n    }\n\n    React.useEffect(() => {\n        if (autoClose) {\n            timer.start();\n        }\n    }, [autoClose]);\n\n    const triggerUpdateAnimation = async () => {\n        await controls.start({ scale: 1.05 });\n        await controls.start({ scale: 1 });\n    };\n\n    React.useEffect(() => {\n        if (lastUpdated) {\n            triggerUpdateAnimation();\n\n            if (timer.running) {\n                timer.start();\n            }\n        }\n    }, [lastUpdated]);\n\n    return (\n        <motion.div\n            {...props}\n            animate={controls}\n            className={className}\n            data-taco=\"toast\"\n            onMouseEnter={timer.pause}\n            onMouseLeave={timer.resume}>\n            {getBadgeIcon(type)}\n            <div className=\"flex-grow\">{content as React.ReactNode}</div>\n            <LegacyIconButton\n                appearance=\"discrete\"\n                className=\"-mr-2 cursor-pointer self-start !px-0 text-gray-700\"\n                icon=\"close\"\n                aria-label={texts.toasts.dismiss}\n                onClick={handleClose}\n            />\n        </motion.div>\n    );\n};\n"],"names":["React"],"mappings":";;;;;;;AA6CO,MAAM,QAAQ,CAAC,EAAE,SAAS,aAAa,SAAS,aAAa,SAAS,GAAG,YAA2C;AACvH,QAAM,EAAE,MAAA,IAAU,gBAAA;AAClB,QAAM,EAAE,WAAW,OAAO,UAAA,IAAc;AACxC,QAAM,YAAY,GAAG,4FAA4F;AAAA,IAC7G,0BAA0B,SAAS,aAAa,SAAS,aAAa,CAAC;AAAA,IACvE,2BAA2B,SAAS;AAAA,IACpC,0BAA0B,SAAS;AAAA,IACnC,4BAA4B,SAAS;AAAA,IACrC,yBAAyB,SAAS;AAAA,EAAA,CACrC;AACD,QAAM,QAAQ,SAAS,WAAW,WAAW;AAC7C,QAAM,WAAW,aAAA;AAEjB,MAAI,CAAC,SAAS;AAEV,YAAQ,KAAK,4BAA4B,OAAO,CAAC;AAAA,EACrD;AAEAA,iBAAM,UAAU,MAAM;AAClB,QAAI,WAAW;AACX,YAAM,MAAA;AAAA,IACV;AAAA,EACJ,GAAG,CAAC,SAAS,CAAC;AAEd,QAAM,yBAAyB,YAAY;AACvC,UAAM,SAAS,MAAM,EAAE,OAAO,MAAM;AACpC,UAAM,SAAS,MAAM,EAAE,OAAO,GAAG;AAAA,EACrC;AAEAA,iBAAM,UAAU,MAAM;AAClB,QAAI,aAAa;AACb,6BAAA;AAEA,UAAI,MAAM,SAAS;AACf,cAAM,MAAA;AAAA,MACV;AAAA,IACJ;AAAA,EACJ,GAAG,CAAC,WAAW,CAAC;AAEhB,SACIA,+BAAA;AAAA,IAAC,OAAO;AAAA,IAAP;AAAA,MACI,GAAG;AAAA,MACJ,SAAS;AAAA,MACT;AAAA,MACA,aAAU;AAAA,MACV,cAAc,MAAM;AAAA,MACpB,cAAc,MAAM;AAAA,IAAA;AAAA,IACnB,aAAa,IAAI;AAAA,IAClBA,+BAAA,cAAC,OAAA,EAAI,WAAU,YAAA,GAAa,OAA2B;AAAA,IACvDA,+BAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,YAAW;AAAA,QACX,WAAU;AAAA,QACV,MAAK;AAAA,QACL,cAAY,MAAM,OAAO;AAAA,QACzB,SAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EACb;AAGZ;"}

package/dist/components/Toast/util.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
-const BadgeIcon = require("../BadgeIcon/BadgeIcon.cjs");
 const Spinner = require("../Spinner/Spinner.cjs");
+const BadgeIcon = require("../BadgeIcon/BadgeIcon.cjs");
 const getBadgeIcon = (type) => {
   return (
     // oxlint-disable-next-line taco/no-component-margin -- grandfathered; removing this margin is a visual breaking change

package/dist/components/Toast/util.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"util.cjs","sources":["../../../src/components/Toast/util.tsx"],"sourcesContent":["import React from 'react';\n\nimport { BadgeIcon } from '../BadgeIcon/BadgeIcon';\nimport { Spinner } from '../Spinner/Spinner';\n\nimport type { ToastContent, ToastType } from './Toast';\n\nexport const getBadgeIcon = (type: ToastType | 'default'): React.JSX.Element | null => {\n    return (\n        // oxlint-disable-next-line taco/no-component-margin -- grandfathered; removing this margin is a visual breaking change\n        <div className=\"mr-2 mt-[5px] flex-shrink-0 self-start\">\n            {(() => {\n                switch (type) {\n                    case 'success':\n                        return <BadgeIcon icon=\"tick\" color=\"green\" />;\n                    case 'error':\n                        return <BadgeIcon icon=\"close\" color=\"red\" />;\n                    case 'warning':\n                        return <BadgeIcon icon=\"warning\" color=\"yellow\" />;\n                    case 'information':\n                        return <BadgeIcon icon=\"info\" color=\"blue\" />;\n                    case 'loading':\n                        return <Spinner delay={0} className=\"h-5 w-5\" />;\n                    default:\n                        return null;\n                }\n            })()}\n        </div>\n    );\n};\n\nexport const getToastEmptyContentWarning = (content?: ToastContent) =>\n    `Toast requires 'content' property, which can't be empty string, null or undefined. Current content value is set to ${\n        content === '' ? 'empty string' : content\n    }.`;\n"],"names":["BadgeIcon","Spinner"],"mappings":";;;;;AAOO,MAAM,eAAe,CAAC,SAA0D;AACnF;AAAA;AAAA,IAEI,sBAAA,cAAC,OAAA,EAAI,WAAU,yCAAA,IACT,MAAM;AACJ,cAAQ,MAAA;AAAA,QACJ,KAAK;AACD,iBAAO,sBAAA,cAACA,qBAAA,EAAU,MAAK,QAAO,OAAM,SAAQ;AAAA,QAChD,KAAK;AACD,iBAAO,sBAAA,cAACA,qBAAA,EAAU,MAAK,SAAQ,OAAM,OAAM;AAAA,QAC/C,KAAK;AACD,iBAAO,sBAAA,cAACA,qBAAA,EAAU,MAAK,WAAU,OAAM,UAAS;AAAA,QACpD,KAAK;AACD,iBAAO,sBAAA,cAACA,qBAAA,EAAU,MAAK,QAAO,OAAM,QAAO;AAAA,QAC/C,KAAK;AACD,iBAAO,sBAAA,cAACC,iBAAA,EAAQ,OAAO,GAAG,WAAU,WAAU;AAAA,QAClD;AACI,iBAAO;AAAA,MAAA;AAAA,IAEnB,IACJ;AAAA;AAER;AAEO,MAAM,8BAA8B,CAAC,YACxC,sHACI,YAAY,KAAK,iBAAiB,OACtC;;;"}
+{"version":3,"file":"util.cjs","sources":["../../../src/components/Toast/util.tsx"],"sourcesContent":["import React from 'react';\n\nimport { BadgeIcon, Spinner } from '@/components';\n\nimport type { ToastContent, ToastType } from './Toast';\n\nexport const getBadgeIcon = (type: ToastType | 'default'): React.JSX.Element | null => {\n    return (\n        // oxlint-disable-next-line taco/no-component-margin -- grandfathered; removing this margin is a visual breaking change\n        <div className=\"mr-2 mt-[5px] flex-shrink-0 self-start\">\n            {(() => {\n                switch (type) {\n                    case 'success':\n                        return <BadgeIcon icon=\"tick\" color=\"green\" />;\n                    case 'error':\n                        return <BadgeIcon icon=\"close\" color=\"red\" />;\n                    case 'warning':\n                        return <BadgeIcon icon=\"warning\" color=\"yellow\" />;\n                    case 'information':\n                        return <BadgeIcon icon=\"info\" color=\"blue\" />;\n                    case 'loading':\n                        return <Spinner delay={0} className=\"h-5 w-5\" />;\n                    default:\n                        return null;\n                }\n            })()}\n        </div>\n    );\n};\n\nexport const getToastEmptyContentWarning = (content?: ToastContent) =>\n    `Toast requires 'content' property, which can't be empty string, null or undefined. Current content value is set to ${\n        content === '' ? 'empty string' : content\n    }.`;\n"],"names":["BadgeIcon","Spinner"],"mappings":";;;;;AAMO,MAAM,eAAe,CAAC,SAA0D;AACnF;AAAA;AAAA,IAEI,sBAAA,cAAC,OAAA,EAAI,WAAU,yCAAA,IACT,MAAM;AACJ,cAAQ,MAAA;AAAA,QACJ,KAAK;AACD,iBAAO,sBAAA,cAACA,qBAAA,EAAU,MAAK,QAAO,OAAM,SAAQ;AAAA,QAChD,KAAK;AACD,iBAAO,sBAAA,cAACA,qBAAA,EAAU,MAAK,SAAQ,OAAM,OAAM;AAAA,QAC/C,KAAK;AACD,iBAAO,sBAAA,cAACA,qBAAA,EAAU,MAAK,WAAU,OAAM,UAAS;AAAA,QACpD,KAAK;AACD,iBAAO,sBAAA,cAACA,qBAAA,EAAU,MAAK,QAAO,OAAM,QAAO;AAAA,QAC/C,KAAK;AACD,iBAAO,sBAAA,cAACC,iBAAA,EAAQ,OAAO,GAAG,WAAU,WAAU;AAAA,QAClD;AACI,iBAAO;AAAA,MAAA;AAAA,IAEnB,IACJ;AAAA;AAER;AAEO,MAAM,8BAA8B,CAAC,YACxC,sHACI,YAAY,KAAK,iBAAiB,OACtC;;;"}

package/dist/components/Toast/util.js

@@ -1,6 +1,6 @@
 import React__default from "react";
-import { BadgeIcon } from "../BadgeIcon/BadgeIcon.js";
 import { Spinner } from "../Spinner/Spinner.js";
+import { BadgeIcon } from "../BadgeIcon/BadgeIcon.js";
 const getBadgeIcon = (type) => {
   return (
     // oxlint-disable-next-line taco/no-component-margin -- grandfathered; removing this margin is a visual breaking change

package/dist/components/Toast/util.js.map

@@ -1 +1 @@
-{"version":3,"file":"util.js","sources":["../../../src/components/Toast/util.tsx"],"sourcesContent":["import React from 'react';\n\nimport { BadgeIcon } from '../BadgeIcon/BadgeIcon';\nimport { Spinner } from '../Spinner/Spinner';\n\nimport type { ToastContent, ToastType } from './Toast';\n\nexport const getBadgeIcon = (type: ToastType | 'default'): React.JSX.Element | null => {\n    return (\n        // oxlint-disable-next-line taco/no-component-margin -- grandfathered; removing this margin is a visual breaking change\n        <div className=\"mr-2 mt-[5px] flex-shrink-0 self-start\">\n            {(() => {\n                switch (type) {\n                    case 'success':\n                        return <BadgeIcon icon=\"tick\" color=\"green\" />;\n                    case 'error':\n                        return <BadgeIcon icon=\"close\" color=\"red\" />;\n                    case 'warning':\n                        return <BadgeIcon icon=\"warning\" color=\"yellow\" />;\n                    case 'information':\n                        return <BadgeIcon icon=\"info\" color=\"blue\" />;\n                    case 'loading':\n                        return <Spinner delay={0} className=\"h-5 w-5\" />;\n                    default:\n                        return null;\n                }\n            })()}\n        </div>\n    );\n};\n\nexport const getToastEmptyContentWarning = (content?: ToastContent) =>\n    `Toast requires 'content' property, which can't be empty string, null or undefined. Current content value is set to ${\n        content === '' ? 'empty string' : content\n    }.`;\n"],"names":["React"],"mappings":";;;AAOO,MAAM,eAAe,CAAC,SAA0D;AACnF;AAAA;AAAA,IAEIA,+BAAA,cAAC,OAAA,EAAI,WAAU,yCAAA,IACT,MAAM;AACJ,cAAQ,MAAA;AAAA,QACJ,KAAK;AACD,iBAAOA,+BAAA,cAAC,WAAA,EAAU,MAAK,QAAO,OAAM,SAAQ;AAAA,QAChD,KAAK;AACD,iBAAOA,+BAAA,cAAC,WAAA,EAAU,MAAK,SAAQ,OAAM,OAAM;AAAA,QAC/C,KAAK;AACD,iBAAOA,+BAAA,cAAC,WAAA,EAAU,MAAK,WAAU,OAAM,UAAS;AAAA,QACpD,KAAK;AACD,iBAAOA,+BAAA,cAAC,WAAA,EAAU,MAAK,QAAO,OAAM,QAAO;AAAA,QAC/C,KAAK;AACD,iBAAOA,+BAAA,cAAC,SAAA,EAAQ,OAAO,GAAG,WAAU,WAAU;AAAA,QAClD;AACI,iBAAO;AAAA,MAAA;AAAA,IAEnB,IACJ;AAAA;AAER;AAEO,MAAM,8BAA8B,CAAC,YACxC,sHACI,YAAY,KAAK,iBAAiB,OACtC;"}
+{"version":3,"file":"util.js","sources":["../../../src/components/Toast/util.tsx"],"sourcesContent":["import React from 'react';\n\nimport { BadgeIcon, Spinner } from '@/components';\n\nimport type { ToastContent, ToastType } from './Toast';\n\nexport const getBadgeIcon = (type: ToastType | 'default'): React.JSX.Element | null => {\n    return (\n        // oxlint-disable-next-line taco/no-component-margin -- grandfathered; removing this margin is a visual breaking change\n        <div className=\"mr-2 mt-[5px] flex-shrink-0 self-start\">\n            {(() => {\n                switch (type) {\n                    case 'success':\n                        return <BadgeIcon icon=\"tick\" color=\"green\" />;\n                    case 'error':\n                        return <BadgeIcon icon=\"close\" color=\"red\" />;\n                    case 'warning':\n                        return <BadgeIcon icon=\"warning\" color=\"yellow\" />;\n                    case 'information':\n                        return <BadgeIcon icon=\"info\" color=\"blue\" />;\n                    case 'loading':\n                        return <Spinner delay={0} className=\"h-5 w-5\" />;\n                    default:\n                        return null;\n                }\n            })()}\n        </div>\n    );\n};\n\nexport const getToastEmptyContentWarning = (content?: ToastContent) =>\n    `Toast requires 'content' property, which can't be empty string, null or undefined. Current content value is set to ${\n        content === '' ? 'empty string' : content\n    }.`;\n"],"names":["React"],"mappings":";;;AAMO,MAAM,eAAe,CAAC,SAA0D;AACnF;AAAA;AAAA,IAEIA,+BAAA,cAAC,OAAA,EAAI,WAAU,yCAAA,IACT,MAAM;AACJ,cAAQ,MAAA;AAAA,QACJ,KAAK;AACD,iBAAOA,+BAAA,cAAC,WAAA,EAAU,MAAK,QAAO,OAAM,SAAQ;AAAA,QAChD,KAAK;AACD,iBAAOA,+BAAA,cAAC,WAAA,EAAU,MAAK,SAAQ,OAAM,OAAM;AAAA,QAC/C,KAAK;AACD,iBAAOA,+BAAA,cAAC,WAAA,EAAU,MAAK,WAAU,OAAM,UAAS;AAAA,QACpD,KAAK;AACD,iBAAOA,+BAAA,cAAC,WAAA,EAAU,MAAK,QAAO,OAAM,QAAO;AAAA,QAC/C,KAAK;AACD,iBAAOA,+BAAA,cAAC,SAAA,EAAQ,OAAO,GAAG,WAAU,WAAU;AAAA,QAClD;AACI,iBAAO;AAAA,MAAA;AAAA,IAEnB,IACJ;AAAA;AAER;AAEO,MAAM,8BAA8B,CAAC,YACxC,sHACI,YAAY,KAAK,iBAAiB,OACtC;"}

package/dist/components/Tour/Tour.cjs

@@ -2,10 +2,10 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
 const reactJoyride = require("react-joyride");
+const Localization = require("../Provider/Localization.cjs");
+const IconButton = require("../LegacyComponents/IconButton/IconButton.cjs");
 const Inline = require("../Inline/Inline.cjs");
 const Button = require("../LegacyComponents/Button/Button.cjs");
-const IconButton = require("../LegacyComponents/IconButton/IconButton.cjs");
-const Localization = require("../Provider/Localization.cjs");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
   if (e) {

package/dist/components/Tour/Tour.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tour.cjs","sources":["../../../src/components/Tour/Tour.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n    Joyride,\n    ACTIONS,\n    LIFECYCLE,\n    EVENTS,\n    type Step,\n    type Placement,\n    type TooltipRenderProps,\n    type EventHandler,\n    type StepTarget,\n} from 'react-joyride';\n\nimport { Inline } from '../Inline/Inline';\nimport { LegacyButton } from '../LegacyComponents/Button/Button';\nimport { LegacyIconButton } from '../LegacyComponents/IconButton/IconButton';\nimport { useLocalization } from '../Provider/Localization';\n\nexport type TourTexts = {\n    /** Text for back action button */\n    back: string;\n    /**\n     * Text for close button.\n     * This button is displayed if tour is not continuous - replacing the `Next` button.\n     * It will pause the flow of the tour and close the tooltip\n     */\n    close: string;\n    /**\n     * Aria-label and title for close icon button in each step.\n     * This button skips and completes the flow entirely\n     */\n    skip: string;\n    /**\n     * Text for last action button.\n     * This button is displayed when user is on the last step of the tour\n     */\n    last: string;\n    /**\n     * Text for next action button.\n     * This button is displayed if tour has more than one steps and is continuous\n     */\n    next: string;\n    /** Aria label and title for beacon that will open the tour step */\n    open: string;\n};\n\nexport type TourStepProps = {\n    /** Content can be any valid react node, for e.g. a `div` */\n    children: React.ReactNode;\n    /** Define the position of the tour's popup relative to the element is presenting */\n    position?: Placement;\n    /** The css selector of the html element you want to include in a tour */\n    selector: string;\n    /**\n     * Show beacon for step.\n     * A beacon is a styled component which indicates the current element to be presented.\n     * For more informations about how to create a beacon, read [Joyride](https://docs.react-joyride.com) docs\n     */\n    showBeacon?: boolean;\n    /** Text displayed above the children/content of the popup  */\n    title: string;\n};\n\nconst Tooltip = ({\n    continuous,\n    index,\n    isLastStep,\n    step,\n    backProps,\n    primaryProps,\n    skipProps,\n    tooltipProps,\n    size,\n    locale,\n    disableTourSkipOnEsc,\n}: TooltipRenderProps & { locale: TourTexts; disableTourSkipOnEsc?: boolean }) => {\n    const skipButtonRef = React.useRef<HTMLButtonElement>(null);\n\n    React.useEffect(() => {\n        const onWindowKeyDown = (event: KeyboardEvent): void => {\n            if (disableTourSkipOnEsc && event.key === 'Escape' && skipButtonRef.current !== null) {\n                event.preventDefault();\n                skipButtonRef.current.click();\n            }\n        };\n\n        window.addEventListener('keydown', onWindowKeyDown);\n\n        return () => {\n            window.removeEventListener('keydown', onWindowKeyDown);\n        };\n    }, [disableTourSkipOnEsc]);\n\n    return (\n        <div {...tooltipProps} className=\"yt-tour__step relative w-88 rounded bg-white p-4\">\n            <LegacyIconButton\n                {...skipProps}\n                ref={skipButtonRef}\n                appearance=\"discrete\"\n                icon=\"close\"\n                title={locale.skip}\n                aria-label={locale.skip}\n                className=\"absolute right-0 top-0 mr-1 mt-1\"\n            />\n            {step.title && <h5>{step.title}</h5>}\n            {step.content}\n            <Inline spacing={8} alignInline=\"end\">\n                {index > 0 && (\n                    <LegacyButton {...backProps} appearance=\"discrete\">\n                        {locale.back}\n                    </LegacyButton>\n                )}\n                <LegacyButton {...primaryProps} appearance=\"primary\">\n                    {continuous\n                        ? isLastStep\n                            ? `${locale.last} (${index + 1}/${size})`\n                            : `${locale.next} (${index + 1}/${size})`\n                        : locale.close}\n                </LegacyButton>\n            </Inline>\n        </div>\n    );\n};\n\n// oxlint-disable-next-line no-unused-vars\nexport const TourStep = (_props: TourStepProps): null => null;\n\nexport type TourProps = {\n    /** Controls if [Joyride](https://docs.react-joyride.com) is active */\n    autoStart?: boolean;\n    /** Children should be one or more `Tour.Step` components */\n    children: any;\n    /** Are there more than one steps and should you be able to navigate between them using `Next` and `Previous` buttons */\n    continuous?: boolean;\n    /** Disable closing of tour when click on `Escape` */\n    disableCloseOnEsc?: boolean;\n    /** Don't close the presenting popup of the tour step when clicking outside it */\n    disableOverlayClose?: boolean;\n    /** Allows user to interact with the presented components (mouse and touch events) when the popup is visible */\n    disableScrolling?: boolean;\n    /** When user clicks on the close icon button, which will close the tour and complete the flow */\n    onClose?: (step: TourStepProps) => void;\n    /** When user completes the entire flow */\n    // oxlint-disable-next-line no-unsafe-function-type, ban-types\n    onComplete?: Function;\n    /** When step is ready */\n    onReady?: (step: TourStepProps) => void;\n    /** Allow mouse and touch events through the spotlight */\n    spotlightClicks?: boolean;\n    /**\n     * Stops the injection of custom overflow styles on parent container. Can be used to prevent remaining overflow styles after tour is done.\n     * @deprecated - No longer needed with React-Joyride V3\n     */\n    disableScrollParentFix?: boolean;\n    /** The scroll distance from the element scrollTop value. */\n    scrollOffset?: number;\n};\n\nexport const Tour = (props: TourProps) => {\n    const {\n        texts: { tour },\n    } = useLocalization();\n\n    const {\n        autoStart: run,\n        onComplete,\n        onClose,\n        onReady,\n        spotlightClicks,\n        disableCloseOnEsc,\n        disableScrolling,\n        disableOverlayClose,\n        scrollOffset,\n        ...rest\n    } = props;\n\n    const steps = React.useMemo(() => {\n        return React.Children.map(props.children, child => {\n            const step: Step = {\n                skipBeacon: !child.props.showBeacon,\n                target: child.props.selector,\n                placement: child.props.position,\n                title: child.props.title,\n                content: child.props.children,\n            };\n            return step;\n        });\n    }, [props.children]);\n\n    const getStep = React.useCallback(\n        (selector: StepTarget) => props.children.find((child: any) => child.props.selector === selector)?.props,\n        [props.children]\n    );\n\n    const callback: EventHandler = (data, _controls) => {\n        if (onClose && data.action === ACTIONS.SKIP && data.lifecycle === LIFECYCLE.COMPLETE) {\n            onClose(getStep(data.step.target));\n        }\n\n        if (onComplete && data.type === EVENTS.TOUR_END) {\n            onComplete();\n        }\n\n        if (onReady && data.lifecycle === LIFECYCLE.READY) {\n            onReady(getStep(data.step.target));\n        }\n    };\n\n    // Escape skips the entire tour (fires onClose + onComplete). This is handled by the custom\n    // Tooltip, which clicks the skip button — Joyride's native `dismissKeyAction` only fires a\n    // CLOSE action, so we disable it here to avoid double-handling the Escape key.\n    const disableTourSkipOnEsc = !disableCloseOnEsc;\n    const overlayClickAction = disableOverlayClose ? false : 'close';\n\n    return (\n        <Joyride\n            {...rest}\n            run={run}\n            steps={steps}\n            tooltipComponent={tooltipProps => (\n                <Tooltip {...tooltipProps} locale={tour} disableTourSkipOnEsc={disableTourSkipOnEsc} />\n            )}\n            locale={tour}\n            onEvent={callback}\n            options={{\n                /**\n                 * This value in React-Joyride V3 is inverted\n                 * @see https://react-joyride.com/docs/migration#renamed-props-step-fields\n                 */\n                blockTargetInteraction: !spotlightClicks,\n                spotlightPadding: 8,\n                showProgress: true,\n                scrollOffset: scrollOffset,\n                skipScroll: disableScrolling,\n\n                // tailwind.theme.colors.blue.300\n                primaryColor: '#6ba4ff',\n\n                dismissKeyAction: false,\n                overlayClickAction,\n            }}\n            styles={{\n                beaconWrapper: {\n                    verticalAlign: 'middle',\n                },\n                tooltip: { transition: 'none' },\n            }}\n        />\n    );\n};\n\nTour.Step = TourStep;\n"],"names":["React","LegacyIconButton","Inline","LegacyButton","useLocalization","ACTIONS","LIFECYCLE","EVENTS","Joyride"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA+DA,MAAM,UAAU,CAAC;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,MAAkF;AAC9E,QAAM,gBAAgBA,iBAAM,OAA0B,IAAI;AAE1DA,mBAAM,UAAU,MAAM;AAClB,UAAM,kBAAkB,CAAC,UAA+B;AACpD,UAAI,wBAAwB,MAAM,QAAQ,YAAY,cAAc,YAAY,MAAM;AAClF,cAAM,eAAA;AACN,sBAAc,QAAQ,MAAA;AAAA,MAC1B;AAAA,IACJ;AAEA,WAAO,iBAAiB,WAAW,eAAe;AAElD,WAAO,MAAM;AACT,aAAO,oBAAoB,WAAW,eAAe;AAAA,IACzD;AAAA,EACJ,GAAG,CAAC,oBAAoB,CAAC;AAEzB,SACIA,iCAAA,cAAC,OAAA,EAAK,GAAG,cAAc,WAAU,sDAC7BA,iCAAA;AAAA,IAACC,WAAAA;AAAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ,KAAK;AAAA,MACL,YAAW;AAAA,MACX,MAAK;AAAA,MACL,OAAO,OAAO;AAAA,MACd,cAAY,OAAO;AAAA,MACnB,WAAU;AAAA,IAAA;AAAA,EAAA,GAEb,KAAK,SAASD,iCAAA,cAAC,MAAA,MAAI,KAAK,KAAM,GAC9B,KAAK,SACNA,iCAAA,cAACE,OAAAA,QAAA,EAAO,SAAS,GAAG,aAAY,MAAA,GAC3B,QAAQ,KACLF,iCAAA,cAACG,OAAAA,cAAA,EAAc,GAAG,WAAW,YAAW,WAAA,GACnC,OAAO,IACZ,GAEJH,iCAAA,cAACG,OAAAA,gBAAc,GAAG,cAAc,YAAW,UAAA,GACtC,aACK,aACI,GAAG,OAAO,IAAI,KAAK,QAAQ,CAAC,IAAI,IAAI,MACpC,GAAG,OAAO,IAAI,KAAK,QAAQ,CAAC,IAAI,IAAI,MACxC,OAAO,KACjB,CACJ,CACJ;AAER;AAGO,MAAM,WAAW,CAAC,WAAgC;AAiClD,MAAM,OAAO,CAAC,UAAqB;AACtC,QAAM;AAAA,IACF,OAAO,EAAE,KAAA;AAAA,EAAK,IACdC,6BAAA;AAEJ,QAAM;AAAA,IACF,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,IACH;AAEJ,QAAM,QAAQJ,iBAAM,QAAQ,MAAM;AAC9B,WAAOA,iBAAM,SAAS,IAAI,MAAM,UAAU,CAAA,UAAS;AAC/C,YAAM,OAAa;AAAA,QACf,YAAY,CAAC,MAAM,MAAM;AAAA,QACzB,QAAQ,MAAM,MAAM;AAAA,QACpB,WAAW,MAAM,MAAM;AAAA,QACvB,OAAO,MAAM,MAAM;AAAA,QACnB,SAAS,MAAM,MAAM;AAAA,MAAA;AAEzB,aAAO;AAAA,IACX,CAAC;AAAA,EACL,GAAG,CAAC,MAAM,QAAQ,CAAC;AAEnB,QAAM,UAAUA,iBAAM;AAAA,IAClB,CAAC,aAAyB,MAAM,SAAS,KAAK,CAAC,UAAe,MAAM,MAAM,aAAa,QAAQ,GAAG;AAAA,IAClG,CAAC,MAAM,QAAQ;AAAA,EAAA;AAGnB,QAAM,WAAyB,CAAC,MAAM,cAAc;AAChD,QAAI,WAAW,KAAK,WAAWK,aAAAA,QAAQ,QAAQ,KAAK,cAAcC,aAAAA,UAAU,UAAU;AAClF,cAAQ,QAAQ,KAAK,KAAK,MAAM,CAAC;AAAA,IACrC;AAEA,QAAI,cAAc,KAAK,SAASC,aAAAA,OAAO,UAAU;AAC7C,iBAAA;AAAA,IACJ;AAEA,QAAI,WAAW,KAAK,cAAcD,aAAAA,UAAU,OAAO;AAC/C,cAAQ,QAAQ,KAAK,KAAK,MAAM,CAAC;AAAA,IACrC;AAAA,EACJ;AAKA,QAAM,uBAAuB,CAAC;AAC9B,QAAM,qBAAqB,sBAAsB,QAAQ;AAEzD,SACIN,iCAAA;AAAA,IAACQ,aAAAA;AAAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA,kBAAkB,kBACdR,iCAAA,cAAC,SAAA,EAAS,GAAG,cAAc,QAAQ,MAAM,qBAAA,CAA4C;AAAA,MAEzF,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA,QAKL,wBAAwB,CAAC;AAAA,QACzB,kBAAkB;AAAA,QAClB,cAAc;AAAA,QACd;AAAA,QACA,YAAY;AAAA;AAAA,QAGZ,cAAc;AAAA,QAEd,kBAAkB;AAAA,QAClB;AAAA,MAAA;AAAA,MAEJ,QAAQ;AAAA,QACJ,eAAe;AAAA,UACX,eAAe;AAAA,QAAA;AAAA,QAEnB,SAAS,EAAE,YAAY,OAAA;AAAA,MAAO;AAAA,IAClC;AAAA,EAAA;AAGZ;AAEA,KAAK,OAAO;;;"}
+{"version":3,"file":"Tour.cjs","sources":["../../../src/components/Tour/Tour.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n    Joyride,\n    ACTIONS,\n    LIFECYCLE,\n    EVENTS,\n    type Step,\n    type Placement,\n    type TooltipRenderProps,\n    type EventHandler,\n    type StepTarget,\n} from 'react-joyride';\n\nimport { Inline, LegacyButton, LegacyIconButton, useLocalization } from '@/components';\n\nexport type TourTexts = {\n    /** Text for back action button */\n    back: string;\n    /**\n     * Text for close button.\n     * This button is displayed if tour is not continuous - replacing the `Next` button.\n     * It will pause the flow of the tour and close the tooltip\n     */\n    close: string;\n    /**\n     * Aria-label and title for close icon button in each step.\n     * This button skips and completes the flow entirely\n     */\n    skip: string;\n    /**\n     * Text for last action button.\n     * This button is displayed when user is on the last step of the tour\n     */\n    last: string;\n    /**\n     * Text for next action button.\n     * This button is displayed if tour has more than one steps and is continuous\n     */\n    next: string;\n    /** Aria label and title for beacon that will open the tour step */\n    open: string;\n};\n\nexport type TourStepProps = {\n    /** Content can be any valid react node, for e.g. a `div` */\n    children: React.ReactNode;\n    /** Define the position of the tour's popup relative to the element is presenting */\n    position?: Placement;\n    /** The css selector of the html element you want to include in a tour */\n    selector: string;\n    /**\n     * Show beacon for step.\n     * A beacon is a styled component which indicates the current element to be presented.\n     * For more informations about how to create a beacon, read [Joyride](https://docs.react-joyride.com) docs\n     */\n    showBeacon?: boolean;\n    /** Text displayed above the children/content of the popup  */\n    title: string;\n};\n\nconst Tooltip = ({\n    continuous,\n    index,\n    isLastStep,\n    step,\n    backProps,\n    primaryProps,\n    skipProps,\n    tooltipProps,\n    size,\n    locale,\n    disableTourSkipOnEsc,\n}: TooltipRenderProps & { locale: TourTexts; disableTourSkipOnEsc?: boolean }) => {\n    const skipButtonRef = React.useRef<HTMLButtonElement>(null);\n\n    React.useEffect(() => {\n        const onWindowKeyDown = (event: KeyboardEvent): void => {\n            if (disableTourSkipOnEsc && event.key === 'Escape' && skipButtonRef.current !== null) {\n                event.preventDefault();\n                skipButtonRef.current.click();\n            }\n        };\n\n        window.addEventListener('keydown', onWindowKeyDown);\n\n        return () => {\n            window.removeEventListener('keydown', onWindowKeyDown);\n        };\n    }, [disableTourSkipOnEsc]);\n\n    return (\n        <div {...tooltipProps} className=\"yt-tour__step relative w-88 rounded bg-white p-4\">\n            <LegacyIconButton\n                {...skipProps}\n                ref={skipButtonRef}\n                appearance=\"discrete\"\n                icon=\"close\"\n                title={locale.skip}\n                aria-label={locale.skip}\n                className=\"absolute right-0 top-0 mr-1 mt-1\"\n            />\n            {step.title && <h5>{step.title}</h5>}\n            {step.content}\n            <Inline spacing={8} alignInline=\"end\">\n                {index > 0 && (\n                    <LegacyButton {...backProps} appearance=\"discrete\">\n                        {locale.back}\n                    </LegacyButton>\n                )}\n                <LegacyButton {...primaryProps} appearance=\"primary\">\n                    {continuous\n                        ? isLastStep\n                            ? `${locale.last} (${index + 1}/${size})`\n                            : `${locale.next} (${index + 1}/${size})`\n                        : locale.close}\n                </LegacyButton>\n            </Inline>\n        </div>\n    );\n};\n\n// oxlint-disable-next-line no-unused-vars\nexport const TourStep = (_props: TourStepProps): null => null;\n\nexport type TourProps = {\n    /** Controls if [Joyride](https://docs.react-joyride.com) is active */\n    autoStart?: boolean;\n    /** Children should be one or more `Tour.Step` components */\n    children: any;\n    /** Are there more than one steps and should you be able to navigate between them using `Next` and `Previous` buttons */\n    continuous?: boolean;\n    /** Disable closing of tour when click on `Escape` */\n    disableCloseOnEsc?: boolean;\n    /** Don't close the presenting popup of the tour step when clicking outside it */\n    disableOverlayClose?: boolean;\n    /** Allows user to interact with the presented components (mouse and touch events) when the popup is visible */\n    disableScrolling?: boolean;\n    /** When user clicks on the close icon button, which will close the tour and complete the flow */\n    onClose?: (step: TourStepProps) => void;\n    /** When user completes the entire flow */\n    // oxlint-disable-next-line no-unsafe-function-type, ban-types\n    onComplete?: Function;\n    /** When step is ready */\n    onReady?: (step: TourStepProps) => void;\n    /** Allow mouse and touch events through the spotlight */\n    spotlightClicks?: boolean;\n    /**\n     * Stops the injection of custom overflow styles on parent container. Can be used to prevent remaining overflow styles after tour is done.\n     * @deprecated - No longer needed with React-Joyride V3\n     */\n    disableScrollParentFix?: boolean;\n    /** The scroll distance from the element scrollTop value. */\n    scrollOffset?: number;\n};\n\nexport const Tour = (props: TourProps) => {\n    const {\n        texts: { tour },\n    } = useLocalization();\n\n    const {\n        autoStart: run,\n        onComplete,\n        onClose,\n        onReady,\n        spotlightClicks,\n        disableCloseOnEsc,\n        disableScrolling,\n        disableOverlayClose,\n        scrollOffset,\n        ...rest\n    } = props;\n\n    const steps = React.useMemo(() => {\n        return React.Children.map(props.children, child => {\n            const step: Step = {\n                skipBeacon: !child.props.showBeacon,\n                target: child.props.selector,\n                placement: child.props.position,\n                title: child.props.title,\n                content: child.props.children,\n            };\n            return step;\n        });\n    }, [props.children]);\n\n    const getStep = React.useCallback(\n        (selector: StepTarget) => props.children.find((child: any) => child.props.selector === selector)?.props,\n        [props.children]\n    );\n\n    const callback: EventHandler = (data, _controls) => {\n        if (onClose && data.action === ACTIONS.SKIP && data.lifecycle === LIFECYCLE.COMPLETE) {\n            onClose(getStep(data.step.target));\n        }\n\n        if (onComplete && data.type === EVENTS.TOUR_END) {\n            onComplete();\n        }\n\n        if (onReady && data.lifecycle === LIFECYCLE.READY) {\n            onReady(getStep(data.step.target));\n        }\n    };\n\n    // Escape skips the entire tour (fires onClose + onComplete). This is handled by the custom\n    // Tooltip, which clicks the skip button — Joyride's native `dismissKeyAction` only fires a\n    // CLOSE action, so we disable it here to avoid double-handling the Escape key.\n    const disableTourSkipOnEsc = !disableCloseOnEsc;\n    const overlayClickAction = disableOverlayClose ? false : 'close';\n\n    return (\n        <Joyride\n            {...rest}\n            run={run}\n            steps={steps}\n            tooltipComponent={tooltipProps => (\n                <Tooltip {...tooltipProps} locale={tour} disableTourSkipOnEsc={disableTourSkipOnEsc} />\n            )}\n            locale={tour}\n            onEvent={callback}\n            options={{\n                /**\n                 * This value in React-Joyride V3 is inverted\n                 * @see https://react-joyride.com/docs/migration#renamed-props-step-fields\n                 */\n                blockTargetInteraction: !spotlightClicks,\n                spotlightPadding: 8,\n                showProgress: true,\n                scrollOffset: scrollOffset,\n                skipScroll: disableScrolling,\n\n                // tailwind.theme.colors.blue.300\n                primaryColor: '#6ba4ff',\n\n                dismissKeyAction: false,\n                overlayClickAction,\n            }}\n            styles={{\n                beaconWrapper: {\n                    verticalAlign: 'middle',\n                },\n                tooltip: { transition: 'none' },\n            }}\n        />\n    );\n};\n\nTour.Step = TourStep;\n"],"names":["React","LegacyIconButton","Inline","LegacyButton","useLocalization","ACTIONS","LIFECYCLE","EVENTS","Joyride"],"mappings":"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"}

package/dist/components/Tour/Tour.js

@@ -1,9 +1,9 @@
 import * as React from "react";
 import { Joyride, ACTIONS, LIFECYCLE, EVENTS } from "react-joyride";
+import { useLocalization } from "../Provider/Localization.js";
+import { LegacyIconButton } from "../LegacyComponents/IconButton/IconButton.js";
 import { Inline } from "../Inline/Inline.js";
 import { LegacyButton } from "../LegacyComponents/Button/Button.js";
-import { LegacyIconButton } from "../LegacyComponents/IconButton/IconButton.js";
-import { useLocalization } from "../Provider/Localization.js";
 const Tooltip = ({
   continuous,
   index,

package/dist/components/Tour/Tour.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tour.js","sources":["../../../src/components/Tour/Tour.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n    Joyride,\n    ACTIONS,\n    LIFECYCLE,\n    EVENTS,\n    type Step,\n    type Placement,\n    type TooltipRenderProps,\n    type EventHandler,\n    type StepTarget,\n} from 'react-joyride';\n\nimport { Inline } from '../Inline/Inline';\nimport { LegacyButton } from '../LegacyComponents/Button/Button';\nimport { LegacyIconButton } from '../LegacyComponents/IconButton/IconButton';\nimport { useLocalization } from '../Provider/Localization';\n\nexport type TourTexts = {\n    /** Text for back action button */\n    back: string;\n    /**\n     * Text for close button.\n     * This button is displayed if tour is not continuous - replacing the `Next` button.\n     * It will pause the flow of the tour and close the tooltip\n     */\n    close: string;\n    /**\n     * Aria-label and title for close icon button in each step.\n     * This button skips and completes the flow entirely\n     */\n    skip: string;\n    /**\n     * Text for last action button.\n     * This button is displayed when user is on the last step of the tour\n     */\n    last: string;\n    /**\n     * Text for next action button.\n     * This button is displayed if tour has more than one steps and is continuous\n     */\n    next: string;\n    /** Aria label and title for beacon that will open the tour step */\n    open: string;\n};\n\nexport type TourStepProps = {\n    /** Content can be any valid react node, for e.g. a `div` */\n    children: React.ReactNode;\n    /** Define the position of the tour's popup relative to the element is presenting */\n    position?: Placement;\n    /** The css selector of the html element you want to include in a tour */\n    selector: string;\n    /**\n     * Show beacon for step.\n     * A beacon is a styled component which indicates the current element to be presented.\n     * For more informations about how to create a beacon, read [Joyride](https://docs.react-joyride.com) docs\n     */\n    showBeacon?: boolean;\n    /** Text displayed above the children/content of the popup  */\n    title: string;\n};\n\nconst Tooltip = ({\n    continuous,\n    index,\n    isLastStep,\n    step,\n    backProps,\n    primaryProps,\n    skipProps,\n    tooltipProps,\n    size,\n    locale,\n    disableTourSkipOnEsc,\n}: TooltipRenderProps & { locale: TourTexts; disableTourSkipOnEsc?: boolean }) => {\n    const skipButtonRef = React.useRef<HTMLButtonElement>(null);\n\n    React.useEffect(() => {\n        const onWindowKeyDown = (event: KeyboardEvent): void => {\n            if (disableTourSkipOnEsc && event.key === 'Escape' && skipButtonRef.current !== null) {\n                event.preventDefault();\n                skipButtonRef.current.click();\n            }\n        };\n\n        window.addEventListener('keydown', onWindowKeyDown);\n\n        return () => {\n            window.removeEventListener('keydown', onWindowKeyDown);\n        };\n    }, [disableTourSkipOnEsc]);\n\n    return (\n        <div {...tooltipProps} className=\"yt-tour__step relative w-88 rounded bg-white p-4\">\n            <LegacyIconButton\n                {...skipProps}\n                ref={skipButtonRef}\n                appearance=\"discrete\"\n                icon=\"close\"\n                title={locale.skip}\n                aria-label={locale.skip}\n                className=\"absolute right-0 top-0 mr-1 mt-1\"\n            />\n            {step.title && <h5>{step.title}</h5>}\n            {step.content}\n            <Inline spacing={8} alignInline=\"end\">\n                {index > 0 && (\n                    <LegacyButton {...backProps} appearance=\"discrete\">\n                        {locale.back}\n                    </LegacyButton>\n                )}\n                <LegacyButton {...primaryProps} appearance=\"primary\">\n                    {continuous\n                        ? isLastStep\n                            ? `${locale.last} (${index + 1}/${size})`\n                            : `${locale.next} (${index + 1}/${size})`\n                        : locale.close}\n                </LegacyButton>\n            </Inline>\n        </div>\n    );\n};\n\n// oxlint-disable-next-line no-unused-vars\nexport const TourStep = (_props: TourStepProps): null => null;\n\nexport type TourProps = {\n    /** Controls if [Joyride](https://docs.react-joyride.com) is active */\n    autoStart?: boolean;\n    /** Children should be one or more `Tour.Step` components */\n    children: any;\n    /** Are there more than one steps and should you be able to navigate between them using `Next` and `Previous` buttons */\n    continuous?: boolean;\n    /** Disable closing of tour when click on `Escape` */\n    disableCloseOnEsc?: boolean;\n    /** Don't close the presenting popup of the tour step when clicking outside it */\n    disableOverlayClose?: boolean;\n    /** Allows user to interact with the presented components (mouse and touch events) when the popup is visible */\n    disableScrolling?: boolean;\n    /** When user clicks on the close icon button, which will close the tour and complete the flow */\n    onClose?: (step: TourStepProps) => void;\n    /** When user completes the entire flow */\n    // oxlint-disable-next-line no-unsafe-function-type, ban-types\n    onComplete?: Function;\n    /** When step is ready */\n    onReady?: (step: TourStepProps) => void;\n    /** Allow mouse and touch events through the spotlight */\n    spotlightClicks?: boolean;\n    /**\n     * Stops the injection of custom overflow styles on parent container. Can be used to prevent remaining overflow styles after tour is done.\n     * @deprecated - No longer needed with React-Joyride V3\n     */\n    disableScrollParentFix?: boolean;\n    /** The scroll distance from the element scrollTop value. */\n    scrollOffset?: number;\n};\n\nexport const Tour = (props: TourProps) => {\n    const {\n        texts: { tour },\n    } = useLocalization();\n\n    const {\n        autoStart: run,\n        onComplete,\n        onClose,\n        onReady,\n        spotlightClicks,\n        disableCloseOnEsc,\n        disableScrolling,\n        disableOverlayClose,\n        scrollOffset,\n        ...rest\n    } = props;\n\n    const steps = React.useMemo(() => {\n        return React.Children.map(props.children, child => {\n            const step: Step = {\n                skipBeacon: !child.props.showBeacon,\n                target: child.props.selector,\n                placement: child.props.position,\n                title: child.props.title,\n                content: child.props.children,\n            };\n            return step;\n        });\n    }, [props.children]);\n\n    const getStep = React.useCallback(\n        (selector: StepTarget) => props.children.find((child: any) => child.props.selector === selector)?.props,\n        [props.children]\n    );\n\n    const callback: EventHandler = (data, _controls) => {\n        if (onClose && data.action === ACTIONS.SKIP && data.lifecycle === LIFECYCLE.COMPLETE) {\n            onClose(getStep(data.step.target));\n        }\n\n        if (onComplete && data.type === EVENTS.TOUR_END) {\n            onComplete();\n        }\n\n        if (onReady && data.lifecycle === LIFECYCLE.READY) {\n            onReady(getStep(data.step.target));\n        }\n    };\n\n    // Escape skips the entire tour (fires onClose + onComplete). This is handled by the custom\n    // Tooltip, which clicks the skip button — Joyride's native `dismissKeyAction` only fires a\n    // CLOSE action, so we disable it here to avoid double-handling the Escape key.\n    const disableTourSkipOnEsc = !disableCloseOnEsc;\n    const overlayClickAction = disableOverlayClose ? false : 'close';\n\n    return (\n        <Joyride\n            {...rest}\n            run={run}\n            steps={steps}\n            tooltipComponent={tooltipProps => (\n                <Tooltip {...tooltipProps} locale={tour} disableTourSkipOnEsc={disableTourSkipOnEsc} />\n            )}\n            locale={tour}\n            onEvent={callback}\n            options={{\n                /**\n                 * This value in React-Joyride V3 is inverted\n                 * @see https://react-joyride.com/docs/migration#renamed-props-step-fields\n                 */\n                blockTargetInteraction: !spotlightClicks,\n                spotlightPadding: 8,\n                showProgress: true,\n                scrollOffset: scrollOffset,\n                skipScroll: disableScrolling,\n\n                // tailwind.theme.colors.blue.300\n                primaryColor: '#6ba4ff',\n\n                dismissKeyAction: false,\n                overlayClickAction,\n            }}\n            styles={{\n                beaconWrapper: {\n                    verticalAlign: 'middle',\n                },\n                tooltip: { transition: 'none' },\n            }}\n        />\n    );\n};\n\nTour.Step = TourStep;\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Tour.js","sources":["../../../src/components/Tour/Tour.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n    Joyride,\n    ACTIONS,\n    LIFECYCLE,\n    EVENTS,\n    type Step,\n    type Placement,\n    type TooltipRenderProps,\n    type EventHandler,\n    type StepTarget,\n} from 'react-joyride';\n\nimport { Inline, LegacyButton, LegacyIconButton, useLocalization } from '@/components';\n\nexport type TourTexts = {\n    /** Text for back action button */\n    back: string;\n    /**\n     * Text for close button.\n     * This button is displayed if tour is not continuous - replacing the `Next` button.\n     * It will pause the flow of the tour and close the tooltip\n     */\n    close: string;\n    /**\n     * Aria-label and title for close icon button in each step.\n     * This button skips and completes the flow entirely\n     */\n    skip: string;\n    /**\n     * Text for last action button.\n     * This button is displayed when user is on the last step of the tour\n     */\n    last: string;\n    /**\n     * Text for next action button.\n     * This button is displayed if tour has more than one steps and is continuous\n     */\n    next: string;\n    /** Aria label and title for beacon that will open the tour step */\n    open: string;\n};\n\nexport type TourStepProps = {\n    /** Content can be any valid react node, for e.g. a `div` */\n    children: React.ReactNode;\n    /** Define the position of the tour's popup relative to the element is presenting */\n    position?: Placement;\n    /** The css selector of the html element you want to include in a tour */\n    selector: string;\n    /**\n     * Show beacon for step.\n     * A beacon is a styled component which indicates the current element to be presented.\n     * For more informations about how to create a beacon, read [Joyride](https://docs.react-joyride.com) docs\n     */\n    showBeacon?: boolean;\n    /** Text displayed above the children/content of the popup  */\n    title: string;\n};\n\nconst Tooltip = ({\n    continuous,\n    index,\n    isLastStep,\n    step,\n    backProps,\n    primaryProps,\n    skipProps,\n    tooltipProps,\n    size,\n    locale,\n    disableTourSkipOnEsc,\n}: TooltipRenderProps & { locale: TourTexts; disableTourSkipOnEsc?: boolean }) => {\n    const skipButtonRef = React.useRef<HTMLButtonElement>(null);\n\n    React.useEffect(() => {\n        const onWindowKeyDown = (event: KeyboardEvent): void => {\n            if (disableTourSkipOnEsc && event.key === 'Escape' && skipButtonRef.current !== null) {\n                event.preventDefault();\n                skipButtonRef.current.click();\n            }\n        };\n\n        window.addEventListener('keydown', onWindowKeyDown);\n\n        return () => {\n            window.removeEventListener('keydown', onWindowKeyDown);\n        };\n    }, [disableTourSkipOnEsc]);\n\n    return (\n        <div {...tooltipProps} className=\"yt-tour__step relative w-88 rounded bg-white p-4\">\n            <LegacyIconButton\n                {...skipProps}\n                ref={skipButtonRef}\n                appearance=\"discrete\"\n                icon=\"close\"\n                title={locale.skip}\n                aria-label={locale.skip}\n                className=\"absolute right-0 top-0 mr-1 mt-1\"\n            />\n            {step.title && <h5>{step.title}</h5>}\n            {step.content}\n            <Inline spacing={8} alignInline=\"end\">\n                {index > 0 && (\n                    <LegacyButton {...backProps} appearance=\"discrete\">\n                        {locale.back}\n                    </LegacyButton>\n                )}\n                <LegacyButton {...primaryProps} appearance=\"primary\">\n                    {continuous\n                        ? isLastStep\n                            ? `${locale.last} (${index + 1}/${size})`\n                            : `${locale.next} (${index + 1}/${size})`\n                        : locale.close}\n                </LegacyButton>\n            </Inline>\n        </div>\n    );\n};\n\n// oxlint-disable-next-line no-unused-vars\nexport const TourStep = (_props: TourStepProps): null => null;\n\nexport type TourProps = {\n    /** Controls if [Joyride](https://docs.react-joyride.com) is active */\n    autoStart?: boolean;\n    /** Children should be one or more `Tour.Step` components */\n    children: any;\n    /** Are there more than one steps and should you be able to navigate between them using `Next` and `Previous` buttons */\n    continuous?: boolean;\n    /** Disable closing of tour when click on `Escape` */\n    disableCloseOnEsc?: boolean;\n    /** Don't close the presenting popup of the tour step when clicking outside it */\n    disableOverlayClose?: boolean;\n    /** Allows user to interact with the presented components (mouse and touch events) when the popup is visible */\n    disableScrolling?: boolean;\n    /** When user clicks on the close icon button, which will close the tour and complete the flow */\n    onClose?: (step: TourStepProps) => void;\n    /** When user completes the entire flow */\n    // oxlint-disable-next-line no-unsafe-function-type, ban-types\n    onComplete?: Function;\n    /** When step is ready */\n    onReady?: (step: TourStepProps) => void;\n    /** Allow mouse and touch events through the spotlight */\n    spotlightClicks?: boolean;\n    /**\n     * Stops the injection of custom overflow styles on parent container. Can be used to prevent remaining overflow styles after tour is done.\n     * @deprecated - No longer needed with React-Joyride V3\n     */\n    disableScrollParentFix?: boolean;\n    /** The scroll distance from the element scrollTop value. */\n    scrollOffset?: number;\n};\n\nexport const Tour = (props: TourProps) => {\n    const {\n        texts: { tour },\n    } = useLocalization();\n\n    const {\n        autoStart: run,\n        onComplete,\n        onClose,\n        onReady,\n        spotlightClicks,\n        disableCloseOnEsc,\n        disableScrolling,\n        disableOverlayClose,\n        scrollOffset,\n        ...rest\n    } = props;\n\n    const steps = React.useMemo(() => {\n        return React.Children.map(props.children, child => {\n            const step: Step = {\n                skipBeacon: !child.props.showBeacon,\n                target: child.props.selector,\n                placement: child.props.position,\n                title: child.props.title,\n                content: child.props.children,\n            };\n            return step;\n        });\n    }, [props.children]);\n\n    const getStep = React.useCallback(\n        (selector: StepTarget) => props.children.find((child: any) => child.props.selector === selector)?.props,\n        [props.children]\n    );\n\n    const callback: EventHandler = (data, _controls) => {\n        if (onClose && data.action === ACTIONS.SKIP && data.lifecycle === LIFECYCLE.COMPLETE) {\n            onClose(getStep(data.step.target));\n        }\n\n        if (onComplete && data.type === EVENTS.TOUR_END) {\n            onComplete();\n        }\n\n        if (onReady && data.lifecycle === LIFECYCLE.READY) {\n            onReady(getStep(data.step.target));\n        }\n    };\n\n    // Escape skips the entire tour (fires onClose + onComplete). This is handled by the custom\n    // Tooltip, which clicks the skip button — Joyride's native `dismissKeyAction` only fires a\n    // CLOSE action, so we disable it here to avoid double-handling the Escape key.\n    const disableTourSkipOnEsc = !disableCloseOnEsc;\n    const overlayClickAction = disableOverlayClose ? false : 'close';\n\n    return (\n        <Joyride\n            {...rest}\n            run={run}\n            steps={steps}\n            tooltipComponent={tooltipProps => (\n                <Tooltip {...tooltipProps} locale={tour} disableTourSkipOnEsc={disableTourSkipOnEsc} />\n            )}\n            locale={tour}\n            onEvent={callback}\n            options={{\n                /**\n                 * This value in React-Joyride V3 is inverted\n                 * @see https://react-joyride.com/docs/migration#renamed-props-step-fields\n                 */\n                blockTargetInteraction: !spotlightClicks,\n                spotlightPadding: 8,\n                showProgress: true,\n                scrollOffset: scrollOffset,\n                skipScroll: disableScrolling,\n\n                // tailwind.theme.colors.blue.300\n                primaryColor: '#6ba4ff',\n\n                dismissKeyAction: false,\n                overlayClickAction,\n            }}\n            styles={{\n                beaconWrapper: {\n                    verticalAlign: 'middle',\n                },\n                tooltip: { transition: 'none' },\n            }}\n        />\n    );\n};\n\nTour.Step = TourStep;\n"],"names":[],"mappings":"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"}

package/dist/components/Truncate/Truncate.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Truncate.cjs","sources":["../../../src/components/Truncate/Truncate.tsx"],"sourcesContent":["import cn from 'clsx';\nimport React from 'react';\n\nimport { useTruncated } from '../../utils/hooks/useTruncated';\nimport { Tooltip } from '../Tooltip/Tooltip';\n\nexport type TruncateProps = {\n    children: React.ReactElement<{ className?: string; id?: string } & React.RefAttributes<HTMLElement>>;\n    tooltip: string | React.JSX.Element;\n};\n\nexport const Truncate = ({ children, tooltip }: TruncateProps) => {\n    const ref = React.useRef<HTMLElement>(null);\n    const [mounted, setMounted] = React.useState(false);\n    const { isTruncated } = useTruncated(ref.current, [mounted]);\n\n    React.useEffect(() => {\n        setMounted(true);\n\n        return () => setMounted(false);\n    }, []);\n\n    const clonedChildrenWithRef = React.cloneElement(React.Children.only(children), {\n        ref,\n        className: cn(children.props.className, 'truncate', { 'hover:cursor-pointer': isTruncated }),\n    });\n\n    if (isTruncated) {\n        return <Tooltip title={tooltip}>{clonedChildrenWithRef}</Tooltip>;\n    }\n\n    return clonedChildrenWithRef;\n};\n"],"names":["useTruncated","Tooltip"],"mappings":";;;;;;AAWO,MAAM,WAAW,CAAC,EAAE,UAAU,cAA6B;AAC9D,QAAM,MAAM,MAAM,OAAoB,IAAI;AAC1C,QAAM,CAAC,SAAS,UAAU,IAAI,MAAM,SAAS,KAAK;AAClD,QAAM,EAAE,gBAAgBA,aAAAA,aAAa,IAAI,SAAS,CAAC,OAAO,CAAC;AAE3D,QAAM,UAAU,MAAM;AAClB,eAAW,IAAI;AAEf,WAAO,MAAM,WAAW,KAAK;AAAA,EACjC,GAAG,CAAA,CAAE;AAEL,QAAM,wBAAwB,MAAM,aAAa,MAAM,SAAS,KAAK,QAAQ,GAAG;AAAA,IAC5E;AAAA,IACA,WAAW,GAAG,SAAS,MAAM,WAAW,YAAY,EAAE,wBAAwB,YAAA,CAAa;AAAA,EAAA,CAC9F;AAED,MAAI,aAAa;AACb,WAAO,sBAAA,cAACC,QAAAA,SAAA,EAAQ,OAAO,QAAA,GAAU,qBAAsB;AAAA,EAC3D;AAEA,SAAO;AACX;;"}
+{"version":3,"file":"Truncate.cjs","sources":["../../../src/components/Truncate/Truncate.tsx"],"sourcesContent":["import cn from 'clsx';\nimport React from 'react';\n\nimport { Tooltip } from '@/components';\nimport { useTruncated } from '@/utils/hooks/useTruncated';\n\nexport type TruncateProps = {\n    children: React.ReactElement<{ className?: string; id?: string } & React.RefAttributes<HTMLElement>>;\n    tooltip: string | React.JSX.Element;\n};\n\nexport const Truncate = ({ children, tooltip }: TruncateProps) => {\n    const ref = React.useRef<HTMLElement>(null);\n    const [mounted, setMounted] = React.useState(false);\n    const { isTruncated } = useTruncated(ref.current, [mounted]);\n\n    React.useEffect(() => {\n        setMounted(true);\n\n        return () => setMounted(false);\n    }, []);\n\n    const clonedChildrenWithRef = React.cloneElement(React.Children.only(children), {\n        ref,\n        className: cn(children.props.className, 'truncate', { 'hover:cursor-pointer': isTruncated }),\n    });\n\n    if (isTruncated) {\n        return <Tooltip title={tooltip}>{clonedChildrenWithRef}</Tooltip>;\n    }\n\n    return clonedChildrenWithRef;\n};\n"],"names":["useTruncated","Tooltip"],"mappings":";;;;;;AAWO,MAAM,WAAW,CAAC,EAAE,UAAU,cAA6B;AAC9D,QAAM,MAAM,MAAM,OAAoB,IAAI;AAC1C,QAAM,CAAC,SAAS,UAAU,IAAI,MAAM,SAAS,KAAK;AAClD,QAAM,EAAE,gBAAgBA,aAAAA,aAAa,IAAI,SAAS,CAAC,OAAO,CAAC;AAE3D,QAAM,UAAU,MAAM;AAClB,eAAW,IAAI;AAEf,WAAO,MAAM,WAAW,KAAK;AAAA,EACjC,GAAG,CAAA,CAAE;AAEL,QAAM,wBAAwB,MAAM,aAAa,MAAM,SAAS,KAAK,QAAQ,GAAG;AAAA,IAC5E;AAAA,IACA,WAAW,GAAG,SAAS,MAAM,WAAW,YAAY,EAAE,wBAAwB,YAAA,CAAa;AAAA,EAAA,CAC9F;AAED,MAAI,aAAa;AACb,WAAO,sBAAA,cAACC,QAAAA,SAAA,EAAQ,OAAO,QAAA,GAAU,qBAAsB;AAAA,EAC3D;AAEA,SAAO;AACX;;"}

package/dist/components/Truncate/Truncate.js.map

@@ -1 +1 @@
-{"version":3,"file":"Truncate.js","sources":["../../../src/components/Truncate/Truncate.tsx"],"sourcesContent":["import cn from 'clsx';\nimport React from 'react';\n\nimport { useTruncated } from '../../utils/hooks/useTruncated';\nimport { Tooltip } from '../Tooltip/Tooltip';\n\nexport type TruncateProps = {\n    children: React.ReactElement<{ className?: string; id?: string } & React.RefAttributes<HTMLElement>>;\n    tooltip: string | React.JSX.Element;\n};\n\nexport const Truncate = ({ children, tooltip }: TruncateProps) => {\n    const ref = React.useRef<HTMLElement>(null);\n    const [mounted, setMounted] = React.useState(false);\n    const { isTruncated } = useTruncated(ref.current, [mounted]);\n\n    React.useEffect(() => {\n        setMounted(true);\n\n        return () => setMounted(false);\n    }, []);\n\n    const clonedChildrenWithRef = React.cloneElement(React.Children.only(children), {\n        ref,\n        className: cn(children.props.className, 'truncate', { 'hover:cursor-pointer': isTruncated }),\n    });\n\n    if (isTruncated) {\n        return <Tooltip title={tooltip}>{clonedChildrenWithRef}</Tooltip>;\n    }\n\n    return clonedChildrenWithRef;\n};\n"],"names":["React"],"mappings":";;;;AAWO,MAAM,WAAW,CAAC,EAAE,UAAU,cAA6B;AAC9D,QAAM,MAAMA,eAAM,OAAoB,IAAI;AAC1C,QAAM,CAAC,SAAS,UAAU,IAAIA,eAAM,SAAS,KAAK;AAClD,QAAM,EAAE,gBAAgB,aAAa,IAAI,SAAS,CAAC,OAAO,CAAC;AAE3DA,iBAAM,UAAU,MAAM;AAClB,eAAW,IAAI;AAEf,WAAO,MAAM,WAAW,KAAK;AAAA,EACjC,GAAG,CAAA,CAAE;AAEL,QAAM,wBAAwBA,eAAM,aAAaA,eAAM,SAAS,KAAK,QAAQ,GAAG;AAAA,IAC5E;AAAA,IACA,WAAW,GAAG,SAAS,MAAM,WAAW,YAAY,EAAE,wBAAwB,YAAA,CAAa;AAAA,EAAA,CAC9F;AAED,MAAI,aAAa;AACb,WAAOA,+BAAA,cAAC,SAAA,EAAQ,OAAO,QAAA,GAAU,qBAAsB;AAAA,EAC3D;AAEA,SAAO;AACX;"}
+{"version":3,"file":"Truncate.js","sources":["../../../src/components/Truncate/Truncate.tsx"],"sourcesContent":["import cn from 'clsx';\nimport React from 'react';\n\nimport { Tooltip } from '@/components';\nimport { useTruncated } from '@/utils/hooks/useTruncated';\n\nexport type TruncateProps = {\n    children: React.ReactElement<{ className?: string; id?: string } & React.RefAttributes<HTMLElement>>;\n    tooltip: string | React.JSX.Element;\n};\n\nexport const Truncate = ({ children, tooltip }: TruncateProps) => {\n    const ref = React.useRef<HTMLElement>(null);\n    const [mounted, setMounted] = React.useState(false);\n    const { isTruncated } = useTruncated(ref.current, [mounted]);\n\n    React.useEffect(() => {\n        setMounted(true);\n\n        return () => setMounted(false);\n    }, []);\n\n    const clonedChildrenWithRef = React.cloneElement(React.Children.only(children), {\n        ref,\n        className: cn(children.props.className, 'truncate', { 'hover:cursor-pointer': isTruncated }),\n    });\n\n    if (isTruncated) {\n        return <Tooltip title={tooltip}>{clonedChildrenWithRef}</Tooltip>;\n    }\n\n    return clonedChildrenWithRef;\n};\n"],"names":["React"],"mappings":";;;;AAWO,MAAM,WAAW,CAAC,EAAE,UAAU,cAA6B;AAC9D,QAAM,MAAMA,eAAM,OAAoB,IAAI;AAC1C,QAAM,CAAC,SAAS,UAAU,IAAIA,eAAM,SAAS,KAAK;AAClD,QAAM,EAAE,gBAAgB,aAAa,IAAI,SAAS,CAAC,OAAO,CAAC;AAE3DA,iBAAM,UAAU,MAAM;AAClB,eAAW,IAAI;AAEf,WAAO,MAAM,WAAW,KAAK;AAAA,EACjC,GAAG,CAAA,CAAE;AAEL,QAAM,wBAAwBA,eAAM,aAAaA,eAAM,SAAS,KAAK,QAAQ,GAAG;AAAA,IAC5E;AAAA,IACA,WAAW,GAAG,SAAS,MAAM,WAAW,YAAY,EAAE,wBAAwB,YAAA,CAAa;AAAA,EAAA,CAC9F;AAED,MAAI,aAAa;AACb,WAAOA,+BAAA,cAAC,SAAA,EAAQ,OAAO,QAAA,GAAU,qBAAsB;AAAA,EAC3D;AAEA,SAAO;AACX;"}

package/dist/components/Typography/Heading.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Heading.cjs","sources":["../../../src/components/Typography/Heading.tsx"],"sourcesContent":["import cn from 'clsx';\nimport * as React from 'react';\n\nimport {\n    TYPOGRAPHY_ALIGN_CLASSES,\n    TYPOGRAPHY_BASE_CLASSES,\n    TYPOGRAPHY_COLOR_MAP,\n    TYPOGRAPHY_HEADING_SIZE_CLASSES,\n} from '../../utils/typography';\n\nexport type HeadingSize = 'sm' | 'md' | 'lg';\nexport type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;\nexport type HeadingColor = keyof typeof TYPOGRAPHY_COLOR_MAP;\nexport type HeadingAlign = keyof typeof TYPOGRAPHY_ALIGN_CLASSES;\n\nexport type HeadingProps = Omit<React.HTMLAttributes<HTMLHeadingElement>, 'children' | 'className' | 'style'> & {\n    size?: HeadingSize;\n    level: HeadingLevel;\n    color?: HeadingColor;\n    align?: HeadingAlign;\n    children: React.ReactNode;\n};\n\nconst HEADING_LINE_HEIGHT_CLASS = 'leading-normal';\n\nexport const Heading = React.forwardRef<HTMLHeadingElement, HeadingProps>(function Heading(props, ref) {\n    // In cases where people ignoring the type errors and still passing in className and style, we destructure them to make sure they're not applied.\n    const {\n        size = 'md',\n        level,\n        color = 'primary',\n        align = 'start',\n        children,\n        className: _className,\n        style: _style,\n        ...restProps\n    } = props as HeadingProps & { className?: string; style?: React.CSSProperties };\n\n    const Component = `h${level}` as const;\n    const headingClassName = cn(\n        TYPOGRAPHY_BASE_CLASSES,\n        'font-bold',\n        TYPOGRAPHY_HEADING_SIZE_CLASSES[size],\n        HEADING_LINE_HEIGHT_CLASS,\n        TYPOGRAPHY_COLOR_MAP[color],\n        TYPOGRAPHY_ALIGN_CLASSES[align]\n    );\n\n    return (\n        <Component {...restProps} className={headingClassName} data-taco=\"heading\" ref={ref}>\n            {children}\n        </Component>\n    );\n});\n"],"names":["React","Heading","TYPOGRAPHY_BASE_CLASSES","TYPOGRAPHY_HEADING_SIZE_CLASSES","TYPOGRAPHY_COLOR_MAP","TYPOGRAPHY_ALIGN_CLASSES"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAuBA,MAAM,4BAA4B;AAE3B,MAAM,UAAUA,iBAAM,WAA6C,SAASC,SAAQ,OAAO,KAAK;AAEnG,QAAM;AAAA,IACF,OAAO;AAAA,IACP;AAAA,IACA,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR;AAAA,IACA,WAAW;AAAA,IACX,OAAO;AAAA,IACP,GAAG;AAAA,EAAA,IACH;AAEJ,QAAM,YAAY,IAAI,KAAK;AAC3B,QAAM,mBAAmB;AAAA,IACrBC,WAAAA;AAAAA,IACA;AAAA,IACAC,WAAAA,gCAAgC,IAAI;AAAA,IACpC;AAAA,IACAC,WAAAA,qBAAqB,KAAK;AAAA,IAC1BC,WAAAA,yBAAyB,KAAK;AAAA,EAAA;AAGlC,SACIL,iCAAA,cAAC,aAAW,GAAG,WAAW,WAAW,kBAAkB,aAAU,WAAU,IAAA,GACtE,QACL;AAER,CAAC;;"}
+{"version":3,"file":"Heading.cjs","sources":["../../../src/components/Typography/Heading.tsx"],"sourcesContent":["import cn from 'clsx';\nimport * as React from 'react';\n\nimport {\n    TYPOGRAPHY_ALIGN_CLASSES,\n    TYPOGRAPHY_BASE_CLASSES,\n    TYPOGRAPHY_COLOR_MAP,\n    TYPOGRAPHY_HEADING_SIZE_CLASSES,\n} from '@/utils/typography';\n\nexport type HeadingSize = 'sm' | 'md' | 'lg';\nexport type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;\nexport type HeadingColor = keyof typeof TYPOGRAPHY_COLOR_MAP;\nexport type HeadingAlign = keyof typeof TYPOGRAPHY_ALIGN_CLASSES;\n\nexport type HeadingProps = Omit<React.HTMLAttributes<HTMLHeadingElement>, 'children' | 'className' | 'style'> & {\n    size?: HeadingSize;\n    level: HeadingLevel;\n    color?: HeadingColor;\n    align?: HeadingAlign;\n    children: React.ReactNode;\n};\n\nconst HEADING_LINE_HEIGHT_CLASS = 'leading-normal';\n\nexport const Heading = React.forwardRef<HTMLHeadingElement, HeadingProps>(function Heading(props, ref) {\n    // In cases where people ignoring the type errors and still passing in className and style, we destructure them to make sure they're not applied.\n    const {\n        size = 'md',\n        level,\n        color = 'primary',\n        align = 'start',\n        children,\n        className: _className,\n        style: _style,\n        ...restProps\n    } = props as HeadingProps & { className?: string; style?: React.CSSProperties };\n\n    const Component = `h${level}` as const;\n    const headingClassName = cn(\n        TYPOGRAPHY_BASE_CLASSES,\n        'font-bold',\n        TYPOGRAPHY_HEADING_SIZE_CLASSES[size],\n        HEADING_LINE_HEIGHT_CLASS,\n        TYPOGRAPHY_COLOR_MAP[color],\n        TYPOGRAPHY_ALIGN_CLASSES[align]\n    );\n\n    return (\n        <Component {...restProps} className={headingClassName} data-taco=\"heading\" ref={ref}>\n            {children}\n        </Component>\n    );\n});\n"],"names":["React","Heading","TYPOGRAPHY_BASE_CLASSES","TYPOGRAPHY_HEADING_SIZE_CLASSES","TYPOGRAPHY_COLOR_MAP","TYPOGRAPHY_ALIGN_CLASSES"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAuBA,MAAM,4BAA4B;AAE3B,MAAM,UAAUA,iBAAM,WAA6C,SAASC,SAAQ,OAAO,KAAK;AAEnG,QAAM;AAAA,IACF,OAAO;AAAA,IACP;AAAA,IACA,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR;AAAA,IACA,WAAW;AAAA,IACX,OAAO;AAAA,IACP,GAAG;AAAA,EAAA,IACH;AAEJ,QAAM,YAAY,IAAI,KAAK;AAC3B,QAAM,mBAAmB;AAAA,IACrBC,WAAAA;AAAAA,IACA;AAAA,IACAC,WAAAA,gCAAgC,IAAI;AAAA,IACpC;AAAA,IACAC,WAAAA,qBAAqB,KAAK;AAAA,IAC1BC,WAAAA,yBAAyB,KAAK;AAAA,EAAA;AAGlC,SACIL,iCAAA,cAAC,aAAW,GAAG,WAAW,WAAW,kBAAkB,aAAU,WAAU,IAAA,GACtE,QACL;AAER,CAAC;;"}

package/dist/components/Typography/Heading.d.ts

@@ -11,7 +11,7 @@ export type HeadingProps = Omit<React.HTMLAttributes<HTMLHeadingElement>, 'child
     align?: HeadingAlign;
     children: React.ReactNode;
 };
-export declare const Heading: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLHeadingElement>, "className" | "style" | "children"> & {
+export declare const Heading: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLHeadingElement>, "children" | "className" | "style"> & {
     size?: HeadingSize;
     level: HeadingLevel;
     color?: HeadingColor;

package/dist/components/Typography/Heading.js.map

@@ -1 +1 @@
-{"version":3,"file":"Heading.js","sources":["../../../src/components/Typography/Heading.tsx"],"sourcesContent":["import cn from 'clsx';\nimport * as React from 'react';\n\nimport {\n    TYPOGRAPHY_ALIGN_CLASSES,\n    TYPOGRAPHY_BASE_CLASSES,\n    TYPOGRAPHY_COLOR_MAP,\n    TYPOGRAPHY_HEADING_SIZE_CLASSES,\n} from '../../utils/typography';\n\nexport type HeadingSize = 'sm' | 'md' | 'lg';\nexport type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;\nexport type HeadingColor = keyof typeof TYPOGRAPHY_COLOR_MAP;\nexport type HeadingAlign = keyof typeof TYPOGRAPHY_ALIGN_CLASSES;\n\nexport type HeadingProps = Omit<React.HTMLAttributes<HTMLHeadingElement>, 'children' | 'className' | 'style'> & {\n    size?: HeadingSize;\n    level: HeadingLevel;\n    color?: HeadingColor;\n    align?: HeadingAlign;\n    children: React.ReactNode;\n};\n\nconst HEADING_LINE_HEIGHT_CLASS = 'leading-normal';\n\nexport const Heading = React.forwardRef<HTMLHeadingElement, HeadingProps>(function Heading(props, ref) {\n    // In cases where people ignoring the type errors and still passing in className and style, we destructure them to make sure they're not applied.\n    const {\n        size = 'md',\n        level,\n        color = 'primary',\n        align = 'start',\n        children,\n        className: _className,\n        style: _style,\n        ...restProps\n    } = props as HeadingProps & { className?: string; style?: React.CSSProperties };\n\n    const Component = `h${level}` as const;\n    const headingClassName = cn(\n        TYPOGRAPHY_BASE_CLASSES,\n        'font-bold',\n        TYPOGRAPHY_HEADING_SIZE_CLASSES[size],\n        HEADING_LINE_HEIGHT_CLASS,\n        TYPOGRAPHY_COLOR_MAP[color],\n        TYPOGRAPHY_ALIGN_CLASSES[align]\n    );\n\n    return (\n        <Component {...restProps} className={headingClassName} data-taco=\"heading\" ref={ref}>\n            {children}\n        </Component>\n    );\n});\n"],"names":["Heading"],"mappings":";;;AAuBA,MAAM,4BAA4B;AAE3B,MAAM,UAAU,MAAM,WAA6C,SAASA,SAAQ,OAAO,KAAK;AAEnG,QAAM;AAAA,IACF,OAAO;AAAA,IACP;AAAA,IACA,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR;AAAA,IACA,WAAW;AAAA,IACX,OAAO;AAAA,IACP,GAAG;AAAA,EAAA,IACH;AAEJ,QAAM,YAAY,IAAI,KAAK;AAC3B,QAAM,mBAAmB;AAAA,IACrB;AAAA,IACA;AAAA,IACA,gCAAgC,IAAI;AAAA,IACpC;AAAA,IACA,qBAAqB,KAAK;AAAA,IAC1B,yBAAyB,KAAK;AAAA,EAAA;AAGlC,SACI,sBAAA,cAAC,aAAW,GAAG,WAAW,WAAW,kBAAkB,aAAU,WAAU,IAAA,GACtE,QACL;AAER,CAAC;"}
+{"version":3,"file":"Heading.js","sources":["../../../src/components/Typography/Heading.tsx"],"sourcesContent":["import cn from 'clsx';\nimport * as React from 'react';\n\nimport {\n    TYPOGRAPHY_ALIGN_CLASSES,\n    TYPOGRAPHY_BASE_CLASSES,\n    TYPOGRAPHY_COLOR_MAP,\n    TYPOGRAPHY_HEADING_SIZE_CLASSES,\n} from '@/utils/typography';\n\nexport type HeadingSize = 'sm' | 'md' | 'lg';\nexport type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;\nexport type HeadingColor = keyof typeof TYPOGRAPHY_COLOR_MAP;\nexport type HeadingAlign = keyof typeof TYPOGRAPHY_ALIGN_CLASSES;\n\nexport type HeadingProps = Omit<React.HTMLAttributes<HTMLHeadingElement>, 'children' | 'className' | 'style'> & {\n    size?: HeadingSize;\n    level: HeadingLevel;\n    color?: HeadingColor;\n    align?: HeadingAlign;\n    children: React.ReactNode;\n};\n\nconst HEADING_LINE_HEIGHT_CLASS = 'leading-normal';\n\nexport const Heading = React.forwardRef<HTMLHeadingElement, HeadingProps>(function Heading(props, ref) {\n    // In cases where people ignoring the type errors and still passing in className and style, we destructure them to make sure they're not applied.\n    const {\n        size = 'md',\n        level,\n        color = 'primary',\n        align = 'start',\n        children,\n        className: _className,\n        style: _style,\n        ...restProps\n    } = props as HeadingProps & { className?: string; style?: React.CSSProperties };\n\n    const Component = `h${level}` as const;\n    const headingClassName = cn(\n        TYPOGRAPHY_BASE_CLASSES,\n        'font-bold',\n        TYPOGRAPHY_HEADING_SIZE_CLASSES[size],\n        HEADING_LINE_HEIGHT_CLASS,\n        TYPOGRAPHY_COLOR_MAP[color],\n        TYPOGRAPHY_ALIGN_CLASSES[align]\n    );\n\n    return (\n        <Component {...restProps} className={headingClassName} data-taco=\"heading\" ref={ref}>\n            {children}\n        </Component>\n    );\n});\n"],"names":["Heading"],"mappings":";;;AAuBA,MAAM,4BAA4B;AAE3B,MAAM,UAAU,MAAM,WAA6C,SAASA,SAAQ,OAAO,KAAK;AAEnG,QAAM;AAAA,IACF,OAAO;AAAA,IACP;AAAA,IACA,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR;AAAA,IACA,WAAW;AAAA,IACX,OAAO;AAAA,IACP,GAAG;AAAA,EAAA,IACH;AAEJ,QAAM,YAAY,IAAI,KAAK;AAC3B,QAAM,mBAAmB;AAAA,IACrB;AAAA,IACA;AAAA,IACA,gCAAgC,IAAI;AAAA,IACpC;AAAA,IACA,qBAAqB,KAAK;AAAA,IAC1B,yBAAyB,KAAK;AAAA,EAAA;AAGlC,SACI,sBAAA,cAAC,aAAW,GAAG,WAAW,WAAW,kBAAkB,aAAU,WAAU,IAAA,GACtE,QACL;AAER,CAAC;"}

package/dist/components/Typography/Text.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Text.cjs","sources":["../../../src/components/Typography/Text.tsx"],"sourcesContent":["import cn from 'clsx';\nimport * as React from 'react';\n\nimport {\n    TYPOGRAPHY_ALIGN_CLASSES,\n    TYPOGRAPHY_BASE_CLASSES,\n    TYPOGRAPHY_COLOR_MAP,\n    TYPOGRAPHY_LINE_HEIGHT_CLASSES,\n    TYPOGRAPHY_TEXT_SIZE_CLASSES,\n} from '../../utils/typography';\n\nexport type TextSize = 'sm' | 'md' | 'lg';\nexport type TextAs = 'p' | 'li' | 'dt' | 'dd' | 'span';\nexport type TextColor = keyof typeof TYPOGRAPHY_COLOR_MAP;\nexport type TextAlign = keyof typeof TYPOGRAPHY_ALIGN_CLASSES;\n\nexport type TextProps = Omit<React.HTMLAttributes<HTMLElement>, 'children' | 'className' | 'style'> & {\n    size?: TextSize;\n    as?: TextAs;\n    bold?: boolean;\n    color?: TextColor;\n    align?: TextAlign;\n    children: React.ReactNode;\n};\n\nexport const Text = React.forwardRef<HTMLElement, TextProps>(function Text(props, ref) {\n    // In cases where people ignoring the type errors and still passing in className and style, we destructure them to make sure they're not applied.\n    const {\n        size = 'md',\n        as = 'p',\n        bold = false,\n        color = 'primary',\n        align = 'start',\n        children,\n        className: _className,\n        style: _style,\n        ...restProps\n    } = props as TextProps & { className?: string; style?: React.CSSProperties };\n\n    const Component = as;\n    const resetListMarker = as === 'li';\n    const textClassName = cn(\n        TYPOGRAPHY_BASE_CLASSES,\n        TYPOGRAPHY_TEXT_SIZE_CLASSES[size],\n        TYPOGRAPHY_LINE_HEIGHT_CLASSES[size],\n        TYPOGRAPHY_COLOR_MAP[color],\n        TYPOGRAPHY_ALIGN_CLASSES[align],\n        {\n            'font-bold': bold,\n            'font-normal': !bold,\n            'list-none': resetListMarker,\n        }\n    );\n\n    return (\n        <Component {...restProps} className={textClassName} data-taco=\"text\" ref={ref as any}>\n            {children}\n        </Component>\n    );\n});\n"],"names":["React","Text","TYPOGRAPHY_BASE_CLASSES","TYPOGRAPHY_TEXT_SIZE_CLASSES","TYPOGRAPHY_LINE_HEIGHT_CLASSES","TYPOGRAPHY_COLOR_MAP","TYPOGRAPHY_ALIGN_CLASSES"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAyBO,MAAM,OAAOA,iBAAM,WAAmC,SAASC,MAAK,OAAO,KAAK;AAEnF,QAAM;AAAA,IACF,OAAO;AAAA,IACP,KAAK;AAAA,IACL,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR;AAAA,IACA,WAAW;AAAA,IACX,OAAO;AAAA,IACP,GAAG;AAAA,EAAA,IACH;AAEJ,QAAM,YAAY;AAClB,QAAM,kBAAkB,OAAO;AAC/B,QAAM,gBAAgB;AAAA,IAClBC,WAAAA;AAAAA,IACAC,WAAAA,6BAA6B,IAAI;AAAA,IACjCC,WAAAA,+BAA+B,IAAI;AAAA,IACnCC,WAAAA,qBAAqB,KAAK;AAAA,IAC1BC,WAAAA,yBAAyB,KAAK;AAAA,IAC9B;AAAA,MACI,aAAa;AAAA,MACb,eAAe,CAAC;AAAA,MAChB,aAAa;AAAA,IAAA;AAAA,EACjB;AAGJ,SACIN,iCAAA,cAAC,aAAW,GAAG,WAAW,WAAW,eAAe,aAAU,QAAO,IAAA,GAChE,QACL;AAER,CAAC;;"}
+{"version":3,"file":"Text.cjs","sources":["../../../src/components/Typography/Text.tsx"],"sourcesContent":["import cn from 'clsx';\nimport * as React from 'react';\n\nimport {\n    TYPOGRAPHY_ALIGN_CLASSES,\n    TYPOGRAPHY_BASE_CLASSES,\n    TYPOGRAPHY_COLOR_MAP,\n    TYPOGRAPHY_LINE_HEIGHT_CLASSES,\n    TYPOGRAPHY_TEXT_SIZE_CLASSES,\n} from '@/utils/typography';\n\nexport type TextSize = 'sm' | 'md' | 'lg';\nexport type TextAs = 'p' | 'li' | 'dt' | 'dd' | 'span';\nexport type TextColor = keyof typeof TYPOGRAPHY_COLOR_MAP;\nexport type TextAlign = keyof typeof TYPOGRAPHY_ALIGN_CLASSES;\n\nexport type TextProps = Omit<React.HTMLAttributes<HTMLElement>, 'children' | 'className' | 'style'> & {\n    size?: TextSize;\n    as?: TextAs;\n    bold?: boolean;\n    color?: TextColor;\n    align?: TextAlign;\n    children: React.ReactNode;\n};\n\nexport const Text = React.forwardRef<HTMLElement, TextProps>(function Text(props, ref) {\n    // In cases where people ignoring the type errors and still passing in className and style, we destructure them to make sure they're not applied.\n    const {\n        size = 'md',\n        as = 'p',\n        bold = false,\n        color = 'primary',\n        align = 'start',\n        children,\n        className: _className,\n        style: _style,\n        ...restProps\n    } = props as TextProps & { className?: string; style?: React.CSSProperties };\n\n    const Component = as;\n    const resetListMarker = as === 'li';\n    const textClassName = cn(\n        TYPOGRAPHY_BASE_CLASSES,\n        TYPOGRAPHY_TEXT_SIZE_CLASSES[size],\n        TYPOGRAPHY_LINE_HEIGHT_CLASSES[size],\n        TYPOGRAPHY_COLOR_MAP[color],\n        TYPOGRAPHY_ALIGN_CLASSES[align],\n        {\n            'font-bold': bold,\n            'font-normal': !bold,\n            'list-none': resetListMarker,\n        }\n    );\n\n    return (\n        <Component {...restProps} className={textClassName} data-taco=\"text\" ref={ref as any}>\n            {children}\n        </Component>\n    );\n});\n"],"names":["React","Text","TYPOGRAPHY_BASE_CLASSES","TYPOGRAPHY_TEXT_SIZE_CLASSES","TYPOGRAPHY_LINE_HEIGHT_CLASSES","TYPOGRAPHY_COLOR_MAP","TYPOGRAPHY_ALIGN_CLASSES"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAyBO,MAAM,OAAOA,iBAAM,WAAmC,SAASC,MAAK,OAAO,KAAK;AAEnF,QAAM;AAAA,IACF,OAAO;AAAA,IACP,KAAK;AAAA,IACL,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR;AAAA,IACA,WAAW;AAAA,IACX,OAAO;AAAA,IACP,GAAG;AAAA,EAAA,IACH;AAEJ,QAAM,YAAY;AAClB,QAAM,kBAAkB,OAAO;AAC/B,QAAM,gBAAgB;AAAA,IAClBC,WAAAA;AAAAA,IACAC,WAAAA,6BAA6B,IAAI;AAAA,IACjCC,WAAAA,+BAA+B,IAAI;AAAA,IACnCC,WAAAA,qBAAqB,KAAK;AAAA,IAC1BC,WAAAA,yBAAyB,KAAK;AAAA,IAC9B;AAAA,MACI,aAAa;AAAA,MACb,eAAe,CAAC;AAAA,MAChB,aAAa;AAAA,IAAA;AAAA,EACjB;AAGJ,SACIN,iCAAA,cAAC,aAAW,GAAG,WAAW,WAAW,eAAe,aAAU,QAAO,IAAA,GAChE,QACL;AAER,CAAC;;"}

package/dist/components/Typography/Text.d.ts

@@ -12,7 +12,7 @@ export type TextProps = Omit<React.HTMLAttributes<HTMLElement>, 'children' | 'cl
     align?: TextAlign;
     children: React.ReactNode;
 };
-export declare const Text: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLElement>, "className" | "style" | "children"> & {
+export declare const Text: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLElement>, "children" | "className" | "style"> & {
     size?: TextSize;
     as?: TextAs;
     bold?: boolean;

package/dist/components/Typography/Text.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.js","sources":["../../../src/components/Typography/Text.tsx"],"sourcesContent":["import cn from 'clsx';\nimport * as React from 'react';\n\nimport {\n    TYPOGRAPHY_ALIGN_CLASSES,\n    TYPOGRAPHY_BASE_CLASSES,\n    TYPOGRAPHY_COLOR_MAP,\n    TYPOGRAPHY_LINE_HEIGHT_CLASSES,\n    TYPOGRAPHY_TEXT_SIZE_CLASSES,\n} from '../../utils/typography';\n\nexport type TextSize = 'sm' | 'md' | 'lg';\nexport type TextAs = 'p' | 'li' | 'dt' | 'dd' | 'span';\nexport type TextColor = keyof typeof TYPOGRAPHY_COLOR_MAP;\nexport type TextAlign = keyof typeof TYPOGRAPHY_ALIGN_CLASSES;\n\nexport type TextProps = Omit<React.HTMLAttributes<HTMLElement>, 'children' | 'className' | 'style'> & {\n    size?: TextSize;\n    as?: TextAs;\n    bold?: boolean;\n    color?: TextColor;\n    align?: TextAlign;\n    children: React.ReactNode;\n};\n\nexport const Text = React.forwardRef<HTMLElement, TextProps>(function Text(props, ref) {\n    // In cases where people ignoring the type errors and still passing in className and style, we destructure them to make sure they're not applied.\n    const {\n        size = 'md',\n        as = 'p',\n        bold = false,\n        color = 'primary',\n        align = 'start',\n        children,\n        className: _className,\n        style: _style,\n        ...restProps\n    } = props as TextProps & { className?: string; style?: React.CSSProperties };\n\n    const Component = as;\n    const resetListMarker = as === 'li';\n    const textClassName = cn(\n        TYPOGRAPHY_BASE_CLASSES,\n        TYPOGRAPHY_TEXT_SIZE_CLASSES[size],\n        TYPOGRAPHY_LINE_HEIGHT_CLASSES[size],\n        TYPOGRAPHY_COLOR_MAP[color],\n        TYPOGRAPHY_ALIGN_CLASSES[align],\n        {\n            'font-bold': bold,\n            'font-normal': !bold,\n            'list-none': resetListMarker,\n        }\n    );\n\n    return (\n        <Component {...restProps} className={textClassName} data-taco=\"text\" ref={ref as any}>\n            {children}\n        </Component>\n    );\n});\n"],"names":["Text"],"mappings":";;;AAyBO,MAAM,OAAO,MAAM,WAAmC,SAASA,MAAK,OAAO,KAAK;AAEnF,QAAM;AAAA,IACF,OAAO;AAAA,IACP,KAAK;AAAA,IACL,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR;AAAA,IACA,WAAW;AAAA,IACX,OAAO;AAAA,IACP,GAAG;AAAA,EAAA,IACH;AAEJ,QAAM,YAAY;AAClB,QAAM,kBAAkB,OAAO;AAC/B,QAAM,gBAAgB;AAAA,IAClB;AAAA,IACA,6BAA6B,IAAI;AAAA,IACjC,+BAA+B,IAAI;AAAA,IACnC,qBAAqB,KAAK;AAAA,IAC1B,yBAAyB,KAAK;AAAA,IAC9B;AAAA,MACI,aAAa;AAAA,MACb,eAAe,CAAC;AAAA,MAChB,aAAa;AAAA,IAAA;AAAA,EACjB;AAGJ,SACI,sBAAA,cAAC,aAAW,GAAG,WAAW,WAAW,eAAe,aAAU,QAAO,IAAA,GAChE,QACL;AAER,CAAC;"}
+{"version":3,"file":"Text.js","sources":["../../../src/components/Typography/Text.tsx"],"sourcesContent":["import cn from 'clsx';\nimport * as React from 'react';\n\nimport {\n    TYPOGRAPHY_ALIGN_CLASSES,\n    TYPOGRAPHY_BASE_CLASSES,\n    TYPOGRAPHY_COLOR_MAP,\n    TYPOGRAPHY_LINE_HEIGHT_CLASSES,\n    TYPOGRAPHY_TEXT_SIZE_CLASSES,\n} from '@/utils/typography';\n\nexport type TextSize = 'sm' | 'md' | 'lg';\nexport type TextAs = 'p' | 'li' | 'dt' | 'dd' | 'span';\nexport type TextColor = keyof typeof TYPOGRAPHY_COLOR_MAP;\nexport type TextAlign = keyof typeof TYPOGRAPHY_ALIGN_CLASSES;\n\nexport type TextProps = Omit<React.HTMLAttributes<HTMLElement>, 'children' | 'className' | 'style'> & {\n    size?: TextSize;\n    as?: TextAs;\n    bold?: boolean;\n    color?: TextColor;\n    align?: TextAlign;\n    children: React.ReactNode;\n};\n\nexport const Text = React.forwardRef<HTMLElement, TextProps>(function Text(props, ref) {\n    // In cases where people ignoring the type errors and still passing in className and style, we destructure them to make sure they're not applied.\n    const {\n        size = 'md',\n        as = 'p',\n        bold = false,\n        color = 'primary',\n        align = 'start',\n        children,\n        className: _className,\n        style: _style,\n        ...restProps\n    } = props as TextProps & { className?: string; style?: React.CSSProperties };\n\n    const Component = as;\n    const resetListMarker = as === 'li';\n    const textClassName = cn(\n        TYPOGRAPHY_BASE_CLASSES,\n        TYPOGRAPHY_TEXT_SIZE_CLASSES[size],\n        TYPOGRAPHY_LINE_HEIGHT_CLASSES[size],\n        TYPOGRAPHY_COLOR_MAP[color],\n        TYPOGRAPHY_ALIGN_CLASSES[align],\n        {\n            'font-bold': bold,\n            'font-normal': !bold,\n            'list-none': resetListMarker,\n        }\n    );\n\n    return (\n        <Component {...restProps} className={textClassName} data-taco=\"text\" ref={ref as any}>\n            {children}\n        </Component>\n    );\n});\n"],"names":["Text"],"mappings":";;;AAyBO,MAAM,OAAO,MAAM,WAAmC,SAASA,MAAK,OAAO,KAAK;AAEnF,QAAM;AAAA,IACF,OAAO;AAAA,IACP,KAAK;AAAA,IACL,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR;AAAA,IACA,WAAW;AAAA,IACX,OAAO;AAAA,IACP,GAAG;AAAA,EAAA,IACH;AAEJ,QAAM,YAAY;AAClB,QAAM,kBAAkB,OAAO;AAC/B,QAAM,gBAAgB;AAAA,IAClB;AAAA,IACA,6BAA6B,IAAI;AAAA,IACjC,+BAA+B,IAAI;AAAA,IACnC,qBAAqB,KAAK;AAAA,IAC1B,yBAAyB,KAAK;AAAA,IAC9B;AAAA,MACI,aAAa;AAAA,MACb,eAAe,CAAC;AAAA,MAChB,aAAa;AAAA,IAAA;AAAA,EACjB;AAGJ,SACI,sBAAA,cAAC,aAAW,GAAG,WAAW,WAAW,eAAe,aAAU,QAAO,IAAA,GAChE,QACL;AAER,CAAC;"}

package/dist/components/index.d.ts

@@ -51,7 +51,6 @@ export * from './Textarea/Textarea';
 export * from './Toast/Toaster';
 export * from './Tooltip/Tooltip';
 export * from './Tour/Tour';
-export * from './Treeview/Treeview';
 export * from './Truncate/Truncate';
 export * from './Typography/Heading';
 export * from './Typography/Text';

package/dist/hooks/useBoundaryOverflowDetection.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useBoundaryOverflowDetection.cjs","sources":["../../src/hooks/useBoundaryOverflowDetection.ts"],"sourcesContent":["import React from 'react';\n\nimport { getIndexOfFirstChildOverflowingParent } from '../utils/dom';\n\nimport { useBoundingClientRectListener } from './useBoundingClientRectListener';\n\nexport const useBoundaryOverflowDetection = (\n    ref: React.RefObject<HTMLElement>,\n    dependencies: any[] = []\n): number | null | undefined => {\n    const [boundaryIndex, setBoundaryIndex] = React.useState<number | null>();\n    const dimensions = useBoundingClientRectListener(ref, dependencies);\n\n    React.useEffect(() => {\n        if (ref.current) {\n            const boundaryChildIndex = getIndexOfFirstChildOverflowingParent(ref.current);\n            setBoundaryIndex(boundaryChildIndex);\n        }\n    }, [ref, dimensions?.width, ...dependencies]);\n\n    return boundaryIndex;\n};\n"],"names":["useBoundingClientRectListener","getIndexOfFirstChildOverflowingParent"],"mappings":";;;;;AAMO,MAAM,+BAA+B,CACxC,KACA,eAAsB,OACM;AAC5B,QAAM,CAAC,eAAe,gBAAgB,IAAI,MAAM,SAAA;AAChD,QAAM,aAAaA,8BAAAA,8BAA8B,KAAK,YAAY;AAElE,QAAM,UAAU,MAAM;AAClB,QAAI,IAAI,SAAS;AACb,YAAM,qBAAqBC,IAAAA,sCAAsC,IAAI,OAAO;AAC5E,uBAAiB,kBAAkB;AAAA,IACvC;AAAA,EACJ,GAAG,CAAC,KAAK,YAAY,OAAO,GAAG,YAAY,CAAC;AAE5C,SAAO;AACX;;"}
+{"version":3,"file":"useBoundaryOverflowDetection.cjs","sources":["../../src/hooks/useBoundaryOverflowDetection.ts"],"sourcesContent":["import React from 'react';\n\nimport { getIndexOfFirstChildOverflowingParent } from '@/utils/dom';\n\nimport { useBoundingClientRectListener } from './useBoundingClientRectListener';\n\nexport const useBoundaryOverflowDetection = (\n    ref: React.RefObject<HTMLElement>,\n    dependencies: any[] = []\n): number | null | undefined => {\n    const [boundaryIndex, setBoundaryIndex] = React.useState<number | null>();\n    const dimensions = useBoundingClientRectListener(ref, dependencies);\n\n    React.useEffect(() => {\n        if (ref.current) {\n            const boundaryChildIndex = getIndexOfFirstChildOverflowingParent(ref.current);\n            setBoundaryIndex(boundaryChildIndex);\n        }\n    }, [ref, dimensions?.width, ...dependencies]);\n\n    return boundaryIndex;\n};\n"],"names":["useBoundingClientRectListener","getIndexOfFirstChildOverflowingParent"],"mappings":";;;;;AAMO,MAAM,+BAA+B,CACxC,KACA,eAAsB,OACM;AAC5B,QAAM,CAAC,eAAe,gBAAgB,IAAI,MAAM,SAAA;AAChD,QAAM,aAAaA,8BAAAA,8BAA8B,KAAK,YAAY;AAElE,QAAM,UAAU,MAAM;AAClB,QAAI,IAAI,SAAS;AACb,YAAM,qBAAqBC,IAAAA,sCAAsC,IAAI,OAAO;AAC5E,uBAAiB,kBAAkB;AAAA,IACvC;AAAA,EACJ,GAAG,CAAC,KAAK,YAAY,OAAO,GAAG,YAAY,CAAC;AAE5C,SAAO;AACX;;"}

package/dist/hooks/useBoundaryOverflowDetection.js.map

@@ -1 +1 @@
-{"version":3,"file":"useBoundaryOverflowDetection.js","sources":["../../src/hooks/useBoundaryOverflowDetection.ts"],"sourcesContent":["import React from 'react';\n\nimport { getIndexOfFirstChildOverflowingParent } from '../utils/dom';\n\nimport { useBoundingClientRectListener } from './useBoundingClientRectListener';\n\nexport const useBoundaryOverflowDetection = (\n    ref: React.RefObject<HTMLElement>,\n    dependencies: any[] = []\n): number | null | undefined => {\n    const [boundaryIndex, setBoundaryIndex] = React.useState<number | null>();\n    const dimensions = useBoundingClientRectListener(ref, dependencies);\n\n    React.useEffect(() => {\n        if (ref.current) {\n            const boundaryChildIndex = getIndexOfFirstChildOverflowingParent(ref.current);\n            setBoundaryIndex(boundaryChildIndex);\n        }\n    }, [ref, dimensions?.width, ...dependencies]);\n\n    return boundaryIndex;\n};\n"],"names":["React"],"mappings":";;;AAMO,MAAM,+BAA+B,CACxC,KACA,eAAsB,OACM;AAC5B,QAAM,CAAC,eAAe,gBAAgB,IAAIA,eAAM,SAAA;AAChD,QAAM,aAAa,8BAA8B,KAAK,YAAY;AAElEA,iBAAM,UAAU,MAAM;AAClB,QAAI,IAAI,SAAS;AACb,YAAM,qBAAqB,sCAAsC,IAAI,OAAO;AAC5E,uBAAiB,kBAAkB;AAAA,IACvC;AAAA,EACJ,GAAG,CAAC,KAAK,YAAY,OAAO,GAAG,YAAY,CAAC;AAE5C,SAAO;AACX;"}
+{"version":3,"file":"useBoundaryOverflowDetection.js","sources":["../../src/hooks/useBoundaryOverflowDetection.ts"],"sourcesContent":["import React from 'react';\n\nimport { getIndexOfFirstChildOverflowingParent } from '@/utils/dom';\n\nimport { useBoundingClientRectListener } from './useBoundingClientRectListener';\n\nexport const useBoundaryOverflowDetection = (\n    ref: React.RefObject<HTMLElement>,\n    dependencies: any[] = []\n): number | null | undefined => {\n    const [boundaryIndex, setBoundaryIndex] = React.useState<number | null>();\n    const dimensions = useBoundingClientRectListener(ref, dependencies);\n\n    React.useEffect(() => {\n        if (ref.current) {\n            const boundaryChildIndex = getIndexOfFirstChildOverflowingParent(ref.current);\n            setBoundaryIndex(boundaryChildIndex);\n        }\n    }, [ref, dimensions?.width, ...dependencies]);\n\n    return boundaryIndex;\n};\n"],"names":["React"],"mappings":";;;AAMO,MAAM,+BAA+B,CACxC,KACA,eAAsB,OACM;AAC5B,QAAM,CAAC,eAAe,gBAAgB,IAAIA,eAAM,SAAA;AAChD,QAAM,aAAa,8BAA8B,KAAK,YAAY;AAElEA,iBAAM,UAAU,MAAM;AAClB,QAAI,IAAI,SAAS;AACb,YAAM,qBAAqB,sCAAsC,IAAI,OAAO;AAC5E,uBAAiB,kBAAkB;AAAA,IACvC;AAAA,EACJ,GAAG,CAAC,KAAK,YAAY,OAAO,GAAG,YAAY,CAAC;AAE5C,SAAO;AACX;"}

package/dist/hooks/useBoundingClientRectListener.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useBoundingClientRectListener.cjs","sources":["../../src/hooks/useBoundingClientRectListener.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { debounce } from '../utils/debounce';\n\nconst getVisibility = (element: HTMLElement | null): boolean =>\n    Boolean(element && (element.offsetWidth || element.offsetHeight || element.getClientRects().length));\n\nexport const useBoundingClientRectListener = (\n    ref: React.RefObject<HTMLElement | null>,\n    dependencies?: Array<any>\n): DOMRectReadOnly | undefined => {\n    const [dimensions, setDimensions] = React.useState<DOMRectReadOnly | undefined>(undefined);\n    const isRefElementVisible = getVisibility(ref.current);\n    const [visibility, setVisibility] = React.useState(isRefElementVisible);\n\n    const resize = () => {\n        if (visibility) {\n            setDimensions(ref.current?.getBoundingClientRect());\n        }\n    };\n\n    React.useEffect(() => {\n        const timeout = setTimeout(resize, 0);\n        const debouncedResize = debounce(resize, 250);\n\n        window.addEventListener('resize', debouncedResize);\n\n        return () => {\n            clearTimeout(timeout);\n            window.removeEventListener('resize', debouncedResize);\n        };\n    }, [ref.current, visibility]);\n\n    React.useEffect(() => {\n        const newRefElementVisibility = getVisibility(ref.current);\n\n        if (visibility !== newRefElementVisibility) {\n            // When visibility of an element changes, then the new visibility of the element can only be checked after the\n            // component has rendered. That's why the visibility check is inside the useEffect. This useEffect will cause\n            // the consumer to rerender and that will cause the above hook to recalculate the dimensions\n            setVisibility(newRefElementVisibility);\n        }\n    });\n\n    React.useEffect(() => {\n        if (dependencies) {\n            setDimensions(ref.current?.getBoundingClientRect());\n        }\n    }, dependencies);\n\n    return dimensions;\n};\n"],"names":["React","debounce"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAIA,MAAM,gBAAgB,CAAC,YACnB,QAAQ,YAAY,QAAQ,eAAe,QAAQ,gBAAgB,QAAQ,eAAA,EAAiB,OAAO;AAEhG,MAAM,gCAAgC,CACzC,KACA,iBAC8B;AAC9B,QAAM,CAAC,YAAY,aAAa,IAAIA,iBAAM,SAAsC,MAAS;AACzF,QAAM,sBAAsB,cAAc,IAAI,OAAO;AACrD,QAAM,CAAC,YAAY,aAAa,IAAIA,iBAAM,SAAS,mBAAmB;AAEtE,QAAM,SAAS,MAAM;AACjB,QAAI,YAAY;AACZ,oBAAc,IAAI,SAAS,uBAAuB;AAAA,IACtD;AAAA,EACJ;AAEAA,mBAAM,UAAU,MAAM;AAClB,UAAM,UAAU,WAAW,QAAQ,CAAC;AACpC,UAAM,kBAAkBC,SAAAA,SAAS,QAAQ,GAAG;AAE5C,WAAO,iBAAiB,UAAU,eAAe;AAEjD,WAAO,MAAM;AACT,mBAAa,OAAO;AACpB,aAAO,oBAAoB,UAAU,eAAe;AAAA,IACxD;AAAA,EACJ,GAAG,CAAC,IAAI,SAAS,UAAU,CAAC;AAE5BD,mBAAM,UAAU,MAAM;AAClB,UAAM,0BAA0B,cAAc,IAAI,OAAO;AAEzD,QAAI,eAAe,yBAAyB;AAIxC,oBAAc,uBAAuB;AAAA,IACzC;AAAA,EACJ,CAAC;AAEDA,mBAAM,UAAU,MAAM;AAClB,QAAI,cAAc;AACd,oBAAc,IAAI,SAAS,uBAAuB;AAAA,IACtD;AAAA,EACJ,GAAG,YAAY;AAEf,SAAO;AACX;;"}
+{"version":3,"file":"useBoundingClientRectListener.cjs","sources":["../../src/hooks/useBoundingClientRectListener.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { debounce } from '@/utils/debounce';\n\nconst getVisibility = (element: HTMLElement | null): boolean =>\n    Boolean(element && (element.offsetWidth || element.offsetHeight || element.getClientRects().length));\n\nexport const useBoundingClientRectListener = (\n    ref: React.RefObject<HTMLElement | null>,\n    dependencies?: Array<any>\n): DOMRectReadOnly | undefined => {\n    const [dimensions, setDimensions] = React.useState<DOMRectReadOnly | undefined>(undefined);\n    const isRefElementVisible = getVisibility(ref.current);\n    const [visibility, setVisibility] = React.useState(isRefElementVisible);\n\n    const resize = () => {\n        if (visibility) {\n            setDimensions(ref.current?.getBoundingClientRect());\n        }\n    };\n\n    React.useEffect(() => {\n        const timeout = setTimeout(resize, 0);\n        const debouncedResize = debounce(resize, 250);\n\n        window.addEventListener('resize', debouncedResize);\n\n        return () => {\n            clearTimeout(timeout);\n            window.removeEventListener('resize', debouncedResize);\n        };\n    }, [ref.current, visibility]);\n\n    React.useEffect(() => {\n        const newRefElementVisibility = getVisibility(ref.current);\n\n        if (visibility !== newRefElementVisibility) {\n            // When visibility of an element changes, then the new visibility of the element can only be checked after the\n            // component has rendered. That's why the visibility check is inside the useEffect. This useEffect will cause\n            // the consumer to rerender and that will cause the above hook to recalculate the dimensions\n            setVisibility(newRefElementVisibility);\n        }\n    });\n\n    React.useEffect(() => {\n        if (dependencies) {\n            setDimensions(ref.current?.getBoundingClientRect());\n        }\n    }, dependencies);\n\n    return dimensions;\n};\n"],"names":["React","debounce"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAIA,MAAM,gBAAgB,CAAC,YACnB,QAAQ,YAAY,QAAQ,eAAe,QAAQ,gBAAgB,QAAQ,eAAA,EAAiB,OAAO;AAEhG,MAAM,gCAAgC,CACzC,KACA,iBAC8B;AAC9B,QAAM,CAAC,YAAY,aAAa,IAAIA,iBAAM,SAAsC,MAAS;AACzF,QAAM,sBAAsB,cAAc,IAAI,OAAO;AACrD,QAAM,CAAC,YAAY,aAAa,IAAIA,iBAAM,SAAS,mBAAmB;AAEtE,QAAM,SAAS,MAAM;AACjB,QAAI,YAAY;AACZ,oBAAc,IAAI,SAAS,uBAAuB;AAAA,IACtD;AAAA,EACJ;AAEAA,mBAAM,UAAU,MAAM;AAClB,UAAM,UAAU,WAAW,QAAQ,CAAC;AACpC,UAAM,kBAAkBC,SAAAA,SAAS,QAAQ,GAAG;AAE5C,WAAO,iBAAiB,UAAU,eAAe;AAEjD,WAAO,MAAM;AACT,mBAAa,OAAO;AACpB,aAAO,oBAAoB,UAAU,eAAe;AAAA,IACxD;AAAA,EACJ,GAAG,CAAC,IAAI,SAAS,UAAU,CAAC;AAE5BD,mBAAM,UAAU,MAAM;AAClB,UAAM,0BAA0B,cAAc,IAAI,OAAO;AAEzD,QAAI,eAAe,yBAAyB;AAIxC,oBAAc,uBAAuB;AAAA,IACzC;AAAA,EACJ,CAAC;AAEDA,mBAAM,UAAU,MAAM;AAClB,QAAI,cAAc;AACd,oBAAc,IAAI,SAAS,uBAAuB;AAAA,IACtD;AAAA,EACJ,GAAG,YAAY;AAEf,SAAO;AACX;;"}

package/dist/hooks/useBoundingClientRectListener.js.map

@@ -1 +1 @@
-{"version":3,"file":"useBoundingClientRectListener.js","sources":["../../src/hooks/useBoundingClientRectListener.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { debounce } from '../utils/debounce';\n\nconst getVisibility = (element: HTMLElement | null): boolean =>\n    Boolean(element && (element.offsetWidth || element.offsetHeight || element.getClientRects().length));\n\nexport const useBoundingClientRectListener = (\n    ref: React.RefObject<HTMLElement | null>,\n    dependencies?: Array<any>\n): DOMRectReadOnly | undefined => {\n    const [dimensions, setDimensions] = React.useState<DOMRectReadOnly | undefined>(undefined);\n    const isRefElementVisible = getVisibility(ref.current);\n    const [visibility, setVisibility] = React.useState(isRefElementVisible);\n\n    const resize = () => {\n        if (visibility) {\n            setDimensions(ref.current?.getBoundingClientRect());\n        }\n    };\n\n    React.useEffect(() => {\n        const timeout = setTimeout(resize, 0);\n        const debouncedResize = debounce(resize, 250);\n\n        window.addEventListener('resize', debouncedResize);\n\n        return () => {\n            clearTimeout(timeout);\n            window.removeEventListener('resize', debouncedResize);\n        };\n    }, [ref.current, visibility]);\n\n    React.useEffect(() => {\n        const newRefElementVisibility = getVisibility(ref.current);\n\n        if (visibility !== newRefElementVisibility) {\n            // When visibility of an element changes, then the new visibility of the element can only be checked after the\n            // component has rendered. That's why the visibility check is inside the useEffect. This useEffect will cause\n            // the consumer to rerender and that will cause the above hook to recalculate the dimensions\n            setVisibility(newRefElementVisibility);\n        }\n    });\n\n    React.useEffect(() => {\n        if (dependencies) {\n            setDimensions(ref.current?.getBoundingClientRect());\n        }\n    }, dependencies);\n\n    return dimensions;\n};\n"],"names":[],"mappings":";;AAIA,MAAM,gBAAgB,CAAC,YACnB,QAAQ,YAAY,QAAQ,eAAe,QAAQ,gBAAgB,QAAQ,eAAA,EAAiB,OAAO;AAEhG,MAAM,gCAAgC,CACzC,KACA,iBAC8B;AAC9B,QAAM,CAAC,YAAY,aAAa,IAAI,MAAM,SAAsC,MAAS;AACzF,QAAM,sBAAsB,cAAc,IAAI,OAAO;AACrD,QAAM,CAAC,YAAY,aAAa,IAAI,MAAM,SAAS,mBAAmB;AAEtE,QAAM,SAAS,MAAM;AACjB,QAAI,YAAY;AACZ,oBAAc,IAAI,SAAS,uBAAuB;AAAA,IACtD;AAAA,EACJ;AAEA,QAAM,UAAU,MAAM;AAClB,UAAM,UAAU,WAAW,QAAQ,CAAC;AACpC,UAAM,kBAAkB,SAAS,QAAQ,GAAG;AAE5C,WAAO,iBAAiB,UAAU,eAAe;AAEjD,WAAO,MAAM;AACT,mBAAa,OAAO;AACpB,aAAO,oBAAoB,UAAU,eAAe;AAAA,IACxD;AAAA,EACJ,GAAG,CAAC,IAAI,SAAS,UAAU,CAAC;AAE5B,QAAM,UAAU,MAAM;AAClB,UAAM,0BAA0B,cAAc,IAAI,OAAO;AAEzD,QAAI,eAAe,yBAAyB;AAIxC,oBAAc,uBAAuB;AAAA,IACzC;AAAA,EACJ,CAAC;AAED,QAAM,UAAU,MAAM;AAClB,QAAI,cAAc;AACd,oBAAc,IAAI,SAAS,uBAAuB;AAAA,IACtD;AAAA,EACJ,GAAG,YAAY;AAEf,SAAO;AACX;"}
+{"version":3,"file":"useBoundingClientRectListener.js","sources":["../../src/hooks/useBoundingClientRectListener.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { debounce } from '@/utils/debounce';\n\nconst getVisibility = (element: HTMLElement | null): boolean =>\n    Boolean(element && (element.offsetWidth || element.offsetHeight || element.getClientRects().length));\n\nexport const useBoundingClientRectListener = (\n    ref: React.RefObject<HTMLElement | null>,\n    dependencies?: Array<any>\n): DOMRectReadOnly | undefined => {\n    const [dimensions, setDimensions] = React.useState<DOMRectReadOnly | undefined>(undefined);\n    const isRefElementVisible = getVisibility(ref.current);\n    const [visibility, setVisibility] = React.useState(isRefElementVisible);\n\n    const resize = () => {\n        if (visibility) {\n            setDimensions(ref.current?.getBoundingClientRect());\n        }\n    };\n\n    React.useEffect(() => {\n        const timeout = setTimeout(resize, 0);\n        const debouncedResize = debounce(resize, 250);\n\n        window.addEventListener('resize', debouncedResize);\n\n        return () => {\n            clearTimeout(timeout);\n            window.removeEventListener('resize', debouncedResize);\n        };\n    }, [ref.current, visibility]);\n\n    React.useEffect(() => {\n        const newRefElementVisibility = getVisibility(ref.current);\n\n        if (visibility !== newRefElementVisibility) {\n            // When visibility of an element changes, then the new visibility of the element can only be checked after the\n            // component has rendered. That's why the visibility check is inside the useEffect. This useEffect will cause\n            // the consumer to rerender and that will cause the above hook to recalculate the dimensions\n            setVisibility(newRefElementVisibility);\n        }\n    });\n\n    React.useEffect(() => {\n        if (dependencies) {\n            setDimensions(ref.current?.getBoundingClientRect());\n        }\n    }, dependencies);\n\n    return dimensions;\n};\n"],"names":[],"mappings":";;AAIA,MAAM,gBAAgB,CAAC,YACnB,QAAQ,YAAY,QAAQ,eAAe,QAAQ,gBAAgB,QAAQ,eAAA,EAAiB,OAAO;AAEhG,MAAM,gCAAgC,CACzC,KACA,iBAC8B;AAC9B,QAAM,CAAC,YAAY,aAAa,IAAI,MAAM,SAAsC,MAAS;AACzF,QAAM,sBAAsB,cAAc,IAAI,OAAO;AACrD,QAAM,CAAC,YAAY,aAAa,IAAI,MAAM,SAAS,mBAAmB;AAEtE,QAAM,SAAS,MAAM;AACjB,QAAI,YAAY;AACZ,oBAAc,IAAI,SAAS,uBAAuB;AAAA,IACtD;AAAA,EACJ;AAEA,QAAM,UAAU,MAAM;AAClB,UAAM,UAAU,WAAW,QAAQ,CAAC;AACpC,UAAM,kBAAkB,SAAS,QAAQ,GAAG;AAE5C,WAAO,iBAAiB,UAAU,eAAe;AAEjD,WAAO,MAAM;AACT,mBAAa,OAAO;AACpB,aAAO,oBAAoB,UAAU,eAAe;AAAA,IACxD;AAAA,EACJ,GAAG,CAAC,IAAI,SAAS,UAAU,CAAC;AAE5B,QAAM,UAAU,MAAM;AAClB,UAAM,0BAA0B,cAAc,IAAI,OAAO;AAEzD,QAAI,eAAe,yBAAyB;AAIxC,oBAAc,uBAAuB;AAAA,IACzC;AAAA,EACJ,CAAC;AAED,QAAM,UAAU,MAAM;AAClB,QAAI,cAAc;AACd,oBAAc,IAAI,SAAS,uBAAuB;AAAA,IACtD;AAAA,EACJ,GAAG,YAAY;AAEf,SAAO;AACX;"}

package/dist/hooks/useGlobalKeyDown.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useGlobalKeyDown.cjs","sources":["../../src/hooks/useGlobalKeyDown.ts"],"sourcesContent":["import React from 'react';\n\nimport type { KeyDownHandlerOptions } from '../utils/keyboard';\nimport { createShortcutKeyDownHandler } from '../utils/keyboard';\n\nexport const useGlobalKeyDown = (\n    shortcut: string | KeyDownHandlerOptions | undefined,\n    handler: (event: KeyboardEvent) => void\n) => {\n    React.useEffect(() => {\n        let handleKeyDown: (event: KeyboardEvent | React.KeyboardEvent) => void;\n\n        if (shortcut) {\n            handleKeyDown = createShortcutKeyDownHandler(\n                shortcut,\n                handler as (event: KeyboardEvent | React.KeyboardEvent) => void,\n                false\n            );\n\n            document.addEventListener('keydown', handleKeyDown);\n        }\n\n        return () => {\n            if (handleKeyDown) {\n                document.removeEventListener('keydown', handleKeyDown);\n            }\n        };\n    }, [shortcut, handler]);\n};\n"],"names":["createShortcutKeyDownHandler"],"mappings":";;;;AAKO,MAAM,mBAAmB,CAC5B,UACA,YACC;AACD,QAAM,UAAU,MAAM;AAClB,QAAI;AAEJ,QAAI,UAAU;AACV,sBAAgBA,SAAAA;AAAAA,QACZ;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAGJ,eAAS,iBAAiB,WAAW,aAAa;AAAA,IACtD;AAEA,WAAO,MAAM;AACT,UAAI,eAAe;AACf,iBAAS,oBAAoB,WAAW,aAAa;AAAA,MACzD;AAAA,IACJ;AAAA,EACJ,GAAG,CAAC,UAAU,OAAO,CAAC;AAC1B;;"}
+{"version":3,"file":"useGlobalKeyDown.cjs","sources":["../../src/hooks/useGlobalKeyDown.ts"],"sourcesContent":["import React from 'react';\n\nimport type { KeyDownHandlerOptions } from '@/utils/keyboard';\nimport { createShortcutKeyDownHandler } from '@/utils/keyboard';\n\nexport const useGlobalKeyDown = (\n    shortcut: string | KeyDownHandlerOptions | undefined,\n    handler: (event: KeyboardEvent) => void\n) => {\n    React.useEffect(() => {\n        let handleKeyDown: (event: KeyboardEvent | React.KeyboardEvent) => void;\n\n        if (shortcut) {\n            handleKeyDown = createShortcutKeyDownHandler(\n                shortcut,\n                handler as (event: KeyboardEvent | React.KeyboardEvent) => void,\n                false\n            );\n\n            document.addEventListener('keydown', handleKeyDown);\n        }\n\n        return () => {\n            if (handleKeyDown) {\n                document.removeEventListener('keydown', handleKeyDown);\n            }\n        };\n    }, [shortcut, handler]);\n};\n"],"names":["createShortcutKeyDownHandler"],"mappings":";;;;AAKO,MAAM,mBAAmB,CAC5B,UACA,YACC;AACD,QAAM,UAAU,MAAM;AAClB,QAAI;AAEJ,QAAI,UAAU;AACV,sBAAgBA,SAAAA;AAAAA,QACZ;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAGJ,eAAS,iBAAiB,WAAW,aAAa;AAAA,IACtD;AAEA,WAAO,MAAM;AACT,UAAI,eAAe;AACf,iBAAS,oBAAoB,WAAW,aAAa;AAAA,MACzD;AAAA,IACJ;AAAA,EACJ,GAAG,CAAC,UAAU,OAAO,CAAC;AAC1B;;"}

package/dist/hooks/useGlobalKeyDown.js.map

@@ -1 +1 @@
-{"version":3,"file":"useGlobalKeyDown.js","sources":["../../src/hooks/useGlobalKeyDown.ts"],"sourcesContent":["import React from 'react';\n\nimport type { KeyDownHandlerOptions } from '../utils/keyboard';\nimport { createShortcutKeyDownHandler } from '../utils/keyboard';\n\nexport const useGlobalKeyDown = (\n    shortcut: string | KeyDownHandlerOptions | undefined,\n    handler: (event: KeyboardEvent) => void\n) => {\n    React.useEffect(() => {\n        let handleKeyDown: (event: KeyboardEvent | React.KeyboardEvent) => void;\n\n        if (shortcut) {\n            handleKeyDown = createShortcutKeyDownHandler(\n                shortcut,\n                handler as (event: KeyboardEvent | React.KeyboardEvent) => void,\n                false\n            );\n\n            document.addEventListener('keydown', handleKeyDown);\n        }\n\n        return () => {\n            if (handleKeyDown) {\n                document.removeEventListener('keydown', handleKeyDown);\n            }\n        };\n    }, [shortcut, handler]);\n};\n"],"names":["React"],"mappings":";;AAKO,MAAM,mBAAmB,CAC5B,UACA,YACC;AACDA,iBAAM,UAAU,MAAM;AAClB,QAAI;AAEJ,QAAI,UAAU;AACV,sBAAgB;AAAA,QACZ;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAGJ,eAAS,iBAAiB,WAAW,aAAa;AAAA,IACtD;AAEA,WAAO,MAAM;AACT,UAAI,eAAe;AACf,iBAAS,oBAAoB,WAAW,aAAa;AAAA,MACzD;AAAA,IACJ;AAAA,EACJ,GAAG,CAAC,UAAU,OAAO,CAAC;AAC1B;"}
+{"version":3,"file":"useGlobalKeyDown.js","sources":["../../src/hooks/useGlobalKeyDown.ts"],"sourcesContent":["import React from 'react';\n\nimport type { KeyDownHandlerOptions } from '@/utils/keyboard';\nimport { createShortcutKeyDownHandler } from '@/utils/keyboard';\n\nexport const useGlobalKeyDown = (\n    shortcut: string | KeyDownHandlerOptions | undefined,\n    handler: (event: KeyboardEvent) => void\n) => {\n    React.useEffect(() => {\n        let handleKeyDown: (event: KeyboardEvent | React.KeyboardEvent) => void;\n\n        if (shortcut) {\n            handleKeyDown = createShortcutKeyDownHandler(\n                shortcut,\n                handler as (event: KeyboardEvent | React.KeyboardEvent) => void,\n                false\n            );\n\n            document.addEventListener('keydown', handleKeyDown);\n        }\n\n        return () => {\n            if (handleKeyDown) {\n                document.removeEventListener('keydown', handleKeyDown);\n            }\n        };\n    }, [shortcut, handler]);\n};\n"],"names":["React"],"mappings":";;AAKO,MAAM,mBAAmB,CAC5B,UACA,YACC;AACDA,iBAAM,UAAU,MAAM;AAClB,QAAI;AAEJ,QAAI,UAAU;AACV,sBAAgB;AAAA,QACZ;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAGJ,eAAS,iBAAiB,WAAW,aAAa;AAAA,IACtD;AAEA,WAAO,MAAM;AACT,UAAI,eAAe;AACf,iBAAS,oBAAoB,WAAW,aAAa;AAAA,MACzD;AAAA,IACJ;AAAA,EACJ,GAAG,CAAC,UAAU,OAAO,CAAC;AAC1B;"}

package/dist/hooks/useTacoSettings.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useTacoSettings.cjs","sources":["../../src/hooks/useTacoSettings.ts"],"sourcesContent":["import React from 'react';\n\nimport { TacoContext } from '../components/Provider/Provider';\n\nexport function useTacoSettings() {\n    return React.useContext(TacoContext);\n}\n"],"names":["TacoContext"],"mappings":";;;;AAIO,SAAS,kBAAkB;AAC9B,SAAO,MAAM,WAAWA,oBAAW;AACvC;;"}
+{"version":3,"file":"useTacoSettings.cjs","sources":["../../src/hooks/useTacoSettings.ts"],"sourcesContent":["import React from 'react';\n\nimport { TacoContext } from '@/components';\n\nexport function useTacoSettings() {\n    return React.useContext(TacoContext);\n}\n"],"names":["TacoContext"],"mappings":";;;;AAIO,SAAS,kBAAkB;AAC9B,SAAO,MAAM,WAAWA,oBAAW;AACvC;;"}

package/dist/hooks/useTacoSettings.d.ts

@@ -1 +1 @@
-export declare function useTacoSettings(): import('..').TacoSettings;
+export declare function useTacoSettings(): import('../components').TacoSettings;