@economic/taco 0.0.18-alpha.0 → 0.0.19-alpha.0

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

@@ -1,3 +1,4 @@
 import * as React from 'react';
 export declare type DialogDrawerProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'onAnimationStart' | 'onDragStart' | 'onDragEnd' | 'onDrag'>;
-export declare const Drawer: React.ForwardRefExoticComponent<Pick<React.HTMLAttributes<HTMLDivElement>, "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDragCapture" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & React.RefAttributes<HTMLDivElement>>;
+declare const Drawer: React.ForwardRefExoticComponent<Pick<React.HTMLAttributes<HTMLDivElement>, "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDragCapture" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & React.RefAttributes<HTMLDivElement>>;
+export { Drawer };

package/dist/components/Dialog/components/Extra.d.ts

@@ -1,3 +1,4 @@
 import * as React from 'react';
 export declare type DialogExtraProps = React.HTMLAttributes<HTMLDivElement>;
-export declare const Extra: React.ForwardRefExoticComponent<DialogExtraProps & React.RefAttributes<HTMLDivElement>>;
+declare const Extra: React.ForwardRefExoticComponent<DialogExtraProps & React.RefAttributes<HTMLDivElement>>;
+export { Extra };

package/dist/esm/components/Backdrop/Backdrop.js

@@ -2,7 +2,7 @@ import { forwardRef, createElement } from 'react';
 import cn from 'classnames';
 
 var Backdrop = /*#__PURE__*/forwardRef(function Backdrop(props, ref) {
-  var className = cn('fixed inset-0 cursor-default overflow-y-auto bg-[rgba(50,46,62,0.8)] aria-hidden:hidden', props.className);
+  var className = cn('fixed inset-0 cursor-default overflow-y-auto bg-[rgba(50,46,62,0.8)] aria-hidden:hidden z-[996]', props.className);
   return createElement("div", Object.assign({}, props, {
     className: className,
     ref: ref

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

@@ -1 +1 @@
-{"version":3,"file":"Backdrop.js","sources":["../../../../src/components/Backdrop/Backdrop.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport cn from 'classnames';\r\n\r\nexport type BackdropProps = React.HTMLAttributes<HTMLDivElement>;\r\n\r\nexport const Backdrop = React.forwardRef<HTMLDivElement, BackdropProps>(function Backdrop(props, ref) {\r\n    const className = cn(\r\n        'fixed inset-0 cursor-default overflow-y-auto bg-[rgba(50,46,62,0.8)] aria-hidden:hidden',\r\n        props.className\r\n    );\r\n\r\n    return <div {...props} className={className} ref={ref} />;\r\n});\r\n"],"names":["Backdrop","React","props","ref","className","cn"],"mappings":";;;IAKaA,QAAQ,gBAAGC,UAAA,CAAgD,SAASD,QAAT,CAAkBE,KAAlB,EAAyBC,GAAzB;AACpE,MAAMC,SAAS,GAAGC,EAAE,CAChB,yFADgB,EAEhBH,KAAK,CAACE,SAFU,CAApB;AAKA,SAAOH,aAAA,MAAA,oBAASC;AAAOE,IAAAA,SAAS,EAAEA;AAAWD,IAAAA,GAAG,EAAEA;IAA3C,CAAP;AACH,CAPuB;;;;"}
+{"version":3,"file":"Backdrop.js","sources":["../../../../src/components/Backdrop/Backdrop.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport cn from 'classnames';\r\n\r\nexport type BackdropProps = React.HTMLAttributes<HTMLDivElement>;\r\n\r\nexport const Backdrop = React.forwardRef<HTMLDivElement, BackdropProps>(function Backdrop(props, ref) {\r\n    const className = cn(\r\n        'fixed inset-0 cursor-default overflow-y-auto bg-[rgba(50,46,62,0.8)] aria-hidden:hidden z-[996]',\r\n        props.className\r\n    );\r\n\r\n    return <div {...props} className={className} ref={ref} />;\r\n});\r\n"],"names":["Backdrop","React","props","ref","className","cn"],"mappings":";;;IAKaA,QAAQ,gBAAGC,UAAA,CAAgD,SAASD,QAAT,CAAkBE,KAAlB,EAAyBC,GAAzB;AACpE,MAAMC,SAAS,GAAGC,EAAE,CAChB,iGADgB,EAEhBH,KAAK,CAACE,SAFU,CAApB;AAKA,SAAOH,aAAA,MAAA,oBAASC;AAAOE,IAAAA,SAAS,EAAEA;AAAWD,IAAAA,GAAG,EAAEA;IAA3C,CAAP;AACH,CAPuB;;;;"}

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

@@ -14,12 +14,12 @@ var useSeparatedChildren = function useSeparatedChildren(initialChildren) {
     var children = [];
     var drawer;
     var extra;
-    Children.forEach(initialChildren, function (child) {
+    Children.toArray(initialChildren).forEach(function (child) {
       var _child$type, _child$type2;
 
-      if (((_child$type = child.type) === null || _child$type === void 0 ? void 0 : _child$type.displayName) === 'Drawer') {
+      if (((_child$type = child.type) === null || _child$type === void 0 ? void 0 : _child$type.displayName) === Drawer.displayName) {
         drawer = child;
-      } else if (((_child$type2 = child.type) === null || _child$type2 === void 0 ? void 0 : _child$type2.displayName) === 'Extra') {
+      } else if (((_child$type2 = child.type) === null || _child$type2 === void 0 ? void 0 : _child$type2.displayName) === Extra.displayName) {
         extra = child;
       } else {
         children.push(child);

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

@@ -1 +1 @@
-{"version":3,"file":"Dialog.js","sources":["../../../../src/components/Dialog/Dialog.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport * as DialogPrimitive from '@radix-ui/react-dialog';\r\nimport './Dialog.css';\r\nimport { DialogTriggerProps, Trigger } from './components/Trigger';\r\nimport {\r\n    Content,\r\n    Title,\r\n    Footer,\r\n    Close,\r\n    DialogContentProps,\r\n    DialogContentRenderProps,\r\n    DialogContentDrawerRenderProps,\r\n    DialogTitleProps,\r\n    DialogFooterProps,\r\n    DialogCloseProps,\r\n} from './components/Content';\r\nimport { DialogDrawerProps, Drawer } from './components/Drawer';\r\nimport { DialogExtraProps, Extra } from './components/Extra';\r\nimport { DialogContext } from './Context';\r\nimport { DialogSize } from './types';\r\n\r\nexport {\r\n    DialogContentProps,\r\n    DialogContentRenderProps,\r\n    DialogContentDrawerRenderProps,\r\n    DialogTitleProps,\r\n    DialogFooterProps,\r\n    DialogCloseProps,\r\n    DialogSize,\r\n};\r\n\r\nexport type DialogTexts = {\r\n    /**\r\n     * Aria-label for close icon button in dialog.\r\n     * To read more about how to provide the text, see [Provider](component:provider) component\r\n     */\r\n    close: string;\r\n    drag: string;\r\n};\r\n\r\nexport type DialogProps = {\r\n    children: React.ReactNode | React.ReactNode[];\r\n    /** When `true`, pressing escape will close the dialog */\r\n    closeOnEscape?: boolean;\r\n    /** Set whether the dialog is open by default or not, use when not providing a trigger  */\r\n    defaultOpen?: boolean;\r\n    /** Allows dragging the dialog around the screen (window constrained) */\r\n    draggable?: boolean;\r\n    /** Handler called when dialog closes by user interaction */\r\n    onClose?: () => void;\r\n    /** Called when the dialog opens or closes, must be used in conjunction with open  */\r\n    onChange?: (open: boolean) => void;\r\n    /** Control the open state of the dialog from outside the component  */\r\n    open?: boolean;\r\n    /** Shows the close icon button of the dialog */\r\n    showCloseButton?: boolean;\r\n    /** Size of the dialog. This is the recommended way to set a size for dialog component. */\r\n    size?: DialogSize;\r\n    /** A trigger to be used for the dialog, should not be set if `children` already contains a trigger */\r\n    trigger?: JSX.Element;\r\n};\r\n\r\nconst useSeparatedChildren = initialChildren => {\r\n    return React.useMemo(() => {\r\n        const children: any[] = [];\r\n        let drawer;\r\n        let extra;\r\n\r\n        React.Children.forEach(initialChildren, (child: any) => {\r\n            if (child.type?.displayName === 'Drawer') {\r\n                drawer = child;\r\n            } else if (child.type?.displayName === 'Extra') {\r\n                extra = child;\r\n            } else {\r\n                children.push(child);\r\n            }\r\n        });\r\n\r\n        return [children, drawer, extra];\r\n    }, [initialChildren]);\r\n};\r\n\r\nexport type ForwardedDialogWithStatics = React.ForwardRefExoticComponent<DialogProps & React.RefAttributes<HTMLElement>> & {\r\n    Trigger: React.ForwardRefExoticComponent<DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;\r\n    Content: React.ForwardRefExoticComponent<DialogContentProps & React.RefAttributes<HTMLDivElement>>;\r\n    Title: React.ForwardRefExoticComponent<DialogTitleProps & React.RefAttributes<HTMLHeadingElement>>;\r\n    Footer: React.ForwardRefExoticComponent<DialogFooterProps & React.RefAttributes<HTMLDivElement>>;\r\n    Extra: React.ForwardRefExoticComponent<DialogExtraProps & React.RefAttributes<HTMLDivElement>>;\r\n    Drawer: React.ForwardRefExoticComponent<DialogDrawerProps & React.RefAttributes<HTMLDivElement>>;\r\n    Close: React.ForwardRefExoticComponent<DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;\r\n};\r\n\r\nexport const Dialog = React.forwardRef(function Dialog(props: DialogProps, ref: React.Ref<HTMLElement>) {\r\n    const {\r\n        children: initialChildren,\r\n        closeOnEscape = true,\r\n        defaultOpen,\r\n        draggable = false,\r\n        onChange,\r\n        onClose,\r\n        open,\r\n        showCloseButton = true,\r\n        size = 'sm',\r\n        trigger,\r\n        ...otherProps\r\n    } = props;\r\n    const [children, drawer, extra] = useSeparatedChildren(initialChildren);\r\n    const [drawerOpen, setDrawerOpen] = React.useState(false);\r\n\r\n    const context = React.useMemo(\r\n        () => ({\r\n            closeOnEscape,\r\n            draggable,\r\n            drawer: {\r\n                open: drawerOpen,\r\n                toggle: () => setDrawerOpen(isDrawerOpen => !isDrawerOpen),\r\n            },\r\n            elements: {\r\n                drawer,\r\n                extra,\r\n            },\r\n            onClose,\r\n            props: otherProps,\r\n            showCloseButton,\r\n            size,\r\n            ref,\r\n        }),\r\n        [closeOnEscape, drawerOpen, draggable, drawer, extra, open, otherProps, showCloseButton]\r\n    );\r\n\r\n    return (\r\n        <DialogContext.Provider value={context}>\r\n            <DialogPrimitive.Root defaultOpen={defaultOpen} open={open} onOpenChange={onChange}>\r\n                {trigger && <Trigger>{trigger}</Trigger>}\r\n                {children}\r\n            </DialogPrimitive.Root>\r\n        </DialogContext.Provider>\r\n    );\r\n}) as ForwardedDialogWithStatics;\r\n\r\nDialog.Trigger = Trigger;\r\nDialog.Content = Content;\r\nDialog.Title = Title;\r\nDialog.Footer = Footer;\r\nDialog.Extra = Extra;\r\nDialog.Drawer = Drawer;\r\nDialog.Close = Close;\r\n"],"names":["useSeparatedChildren","initialChildren","React","children","drawer","extra","forEach","child","type","displayName","push","Dialog","props","ref","closeOnEscape","defaultOpen","draggable","onChange","onClose","open","showCloseButton","size","trigger","otherProps","drawerOpen","setDrawerOpen","context","toggle","isDrawerOpen","elements","DialogContext","Provider","value","DialogPrimitive","onOpenChange","Trigger","Content","Title","Footer","Extra","Drawer","Close"],"mappings":"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"}
+{"version":3,"file":"Dialog.js","sources":["../../../../src/components/Dialog/Dialog.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport * as DialogPrimitive from '@radix-ui/react-dialog';\r\nimport './Dialog.css';\r\nimport { DialogTriggerProps, Trigger } from './components/Trigger';\r\nimport {\r\n    Content,\r\n    Title,\r\n    Footer,\r\n    Close,\r\n    DialogContentProps,\r\n    DialogContentRenderProps,\r\n    DialogContentDrawerRenderProps,\r\n    DialogTitleProps,\r\n    DialogFooterProps,\r\n    DialogCloseProps,\r\n} from './components/Content';\r\nimport { DialogDrawerProps, Drawer } from './components/Drawer';\r\nimport { DialogExtraProps, Extra } from './components/Extra';\r\nimport { DialogContext } from './Context';\r\nimport { DialogSize } from './types';\r\n\r\nexport {\r\n    DialogContentProps,\r\n    DialogContentRenderProps,\r\n    DialogContentDrawerRenderProps,\r\n    DialogTitleProps,\r\n    DialogFooterProps,\r\n    DialogCloseProps,\r\n    DialogSize,\r\n};\r\n\r\nexport type DialogTexts = {\r\n    /**\r\n     * Aria-label for close icon button in dialog.\r\n     * To read more about how to provide the text, see [Provider](component:provider) component\r\n     */\r\n    close: string;\r\n    drag: string;\r\n};\r\n\r\nexport type DialogProps = {\r\n    children: React.ReactNode | React.ReactNode[];\r\n    /** When `true`, pressing escape will close the dialog */\r\n    closeOnEscape?: boolean;\r\n    /** Set whether the dialog is open by default or not, use when not providing a trigger  */\r\n    defaultOpen?: boolean;\r\n    /** Allows dragging the dialog around the screen (window constrained) */\r\n    draggable?: boolean;\r\n    /** Handler called when dialog closes by user interaction */\r\n    onClose?: () => void;\r\n    /** Called when the dialog opens or closes, must be used in conjunction with open  */\r\n    onChange?: (open: boolean) => void;\r\n    /** Control the open state of the dialog from outside the component  */\r\n    open?: boolean;\r\n    /** Shows the close icon button of the dialog */\r\n    showCloseButton?: boolean;\r\n    /** Size of the dialog. This is the recommended way to set a size for dialog component. */\r\n    size?: DialogSize;\r\n    /** A trigger to be used for the dialog, should not be set if `children` already contains a trigger */\r\n    trigger?: JSX.Element;\r\n};\r\n\r\nconst useSeparatedChildren = initialChildren => {\r\n    return React.useMemo(() => {\r\n        const children: any[] = [];\r\n        let drawer;\r\n        let extra;\r\n\r\n        React.Children.toArray(initialChildren).forEach((child: any) => {\r\n            if (child.type?.displayName === Drawer.displayName) {\r\n                drawer = child;\r\n            } else if (child.type?.displayName === Extra.displayName) {\r\n                extra = child;\r\n            } else {\r\n                children.push(child);\r\n            }\r\n        });\r\n\r\n        return [children, drawer, extra];\r\n    }, [initialChildren]);\r\n};\r\n\r\nexport type ForwardedDialogWithStatics = React.ForwardRefExoticComponent<DialogProps & React.RefAttributes<HTMLElement>> & {\r\n    Trigger: React.ForwardRefExoticComponent<DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;\r\n    Content: React.ForwardRefExoticComponent<DialogContentProps & React.RefAttributes<HTMLDivElement>>;\r\n    Title: React.ForwardRefExoticComponent<DialogTitleProps & React.RefAttributes<HTMLHeadingElement>>;\r\n    Footer: React.ForwardRefExoticComponent<DialogFooterProps & React.RefAttributes<HTMLDivElement>>;\r\n    Extra: React.ForwardRefExoticComponent<DialogExtraProps & React.RefAttributes<HTMLDivElement>>;\r\n    Drawer: React.ForwardRefExoticComponent<DialogDrawerProps & React.RefAttributes<HTMLDivElement>>;\r\n    Close: React.ForwardRefExoticComponent<DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;\r\n};\r\n\r\nexport const Dialog = React.forwardRef(function Dialog(props: DialogProps, ref: React.Ref<HTMLElement>) {\r\n    const {\r\n        children: initialChildren,\r\n        closeOnEscape = true,\r\n        defaultOpen,\r\n        draggable = false,\r\n        onChange,\r\n        onClose,\r\n        open,\r\n        showCloseButton = true,\r\n        size = 'sm',\r\n        trigger,\r\n        ...otherProps\r\n    } = props;\r\n    const [children, drawer, extra] = useSeparatedChildren(initialChildren);\r\n    const [drawerOpen, setDrawerOpen] = React.useState(false);\r\n\r\n    const context = React.useMemo(\r\n        () => ({\r\n            closeOnEscape,\r\n            draggable,\r\n            drawer: {\r\n                open: drawerOpen,\r\n                toggle: () => setDrawerOpen(isDrawerOpen => !isDrawerOpen),\r\n            },\r\n            elements: {\r\n                drawer,\r\n                extra,\r\n            },\r\n            onClose,\r\n            props: otherProps,\r\n            showCloseButton,\r\n            size,\r\n            ref,\r\n        }),\r\n        [closeOnEscape, drawerOpen, draggable, drawer, extra, open, otherProps, showCloseButton]\r\n    );\r\n\r\n    return (\r\n        <DialogContext.Provider value={context}>\r\n            <DialogPrimitive.Root defaultOpen={defaultOpen} open={open} onOpenChange={onChange}>\r\n                {trigger && <Trigger>{trigger}</Trigger>}\r\n                {children}\r\n            </DialogPrimitive.Root>\r\n        </DialogContext.Provider>\r\n    );\r\n}) as ForwardedDialogWithStatics;\r\n\r\nDialog.Trigger = Trigger;\r\nDialog.Content = Content;\r\nDialog.Title = Title;\r\nDialog.Footer = Footer;\r\nDialog.Extra = Extra;\r\nDialog.Drawer = Drawer;\r\nDialog.Close = Close;\r\n"],"names":["useSeparatedChildren","initialChildren","React","children","drawer","extra","toArray","forEach","child","type","displayName","Drawer","Extra","push","Dialog","props","ref","closeOnEscape","defaultOpen","draggable","onChange","onClose","open","showCloseButton","size","trigger","otherProps","drawerOpen","setDrawerOpen","context","toggle","isDrawerOpen","elements","DialogContext","Provider","value","DialogPrimitive","onOpenChange","Trigger","Content","Title","Footer","Close"],"mappings":"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"}

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

@@ -66,7 +66,7 @@ const Content = /*#__PURE__*/forwardRef(function DialogContent(props, ref) {
     handleCloseAutoFocus = () => menu.close();
   }
 
-  const className = cn('bg-white rounded relative mt-16 mx-auto animate-[fade-in_150ms]', {
+  const className = cn('bg-white rounded relative mt-16 mx-auto animate-[fade-in_150ms] z-[997]', {
     'w-128 text-center justify-center': dialog.size === 'dialog',
     'w-xs': dialog.size === 'xs',
     'w-sm': dialog.size === 'sm',

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

@@ -1 +1 @@
-{"version":3,"file":"Content.js","sources":["../../../../../src/components/Dialog/components/Content.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport cn from 'classnames';\r\nimport * as DialogPrimitive from '@radix-ui/react-dialog';\r\nimport type { DialogContentProps as DialogPrimitiveContentProps } from '@radix-ui/react-dialog';\r\nimport { useProxiedRef } from '../../../utils/hooks/useProxiedRef';\r\nimport { useDraggable } from '../../../utils/hooks/useDraggable';\r\nimport { useCurrentMenu } from '../../Menu/Context';\r\nimport { useCurrentDialog } from '../Context';\r\nimport { useLocalization } from '../../Provider/Provider';\r\nimport { IconButton } from '../../IconButton/IconButton';\r\nimport { Backdrop } from '../../Backdrop/Backdrop';\r\n\r\nexport type DialogContentDrawerRenderProps = {\r\n    open: boolean;\r\n    toggle: () => void;\r\n};\r\n\r\nexport type DialogContentRenderProps = {\r\n    close: () => void;\r\n    drawer?: DialogContentDrawerRenderProps;\r\n};\r\n\r\nexport type DialogTitleProps = React.HTMLAttributes<HTMLHeadingElement>;\r\nexport const Title = React.forwardRef(function DialogTitle(props: DialogTitleProps, ref: React.Ref<HTMLHeadingElement>) {\r\n    const className = cn('text-center', props.className);\r\n    return <DialogPrimitive.Title {...props} className={className} ref={ref} />;\r\n});\r\n\r\nexport type DialogFooterProps = React.HTMLAttributes<HTMLDivElement>;\r\nexport const Footer = React.forwardRef(function DialogFooter(props: DialogFooterProps, ref: React.Ref<HTMLDivElement>) {\r\n    const className = cn('mt-8 flex justify-end', props.className);\r\n    return (\r\n        <div {...props} className={className} ref={ref}>\r\n            {props.children}\r\n        </div>\r\n    );\r\n});\r\n\r\nexport type DialogCloseProps = React.HTMLAttributes<HTMLButtonElement>;\r\n\r\nexport const Close = React.forwardRef(function DialogClose(props: DialogCloseProps, ref: React.Ref<HTMLButtonElement>) {\r\n    const dialog = useCurrentDialog();\r\n\r\n    return <DialogPrimitive.Close onClick={dialog.onClose} {...props} ref={ref} asChild />;\r\n});\r\n\r\nconst RenderPropWrapper = React.forwardRef(function RenderPropWrapper({ children, onClick, renderProps }: any, ref) {\r\n    const close = () => {\r\n        onClick(new CustomEvent('close'));\r\n    };\r\n\r\n    return children({ close, ref, ...renderProps });\r\n});\r\n\r\nexport type DialogContentProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & {\r\n    /** An accessible label to be announced when the dialog is opened */\r\n    'aria-label': string;\r\n    children: Omit<React.ReactNode, 'Function'> | ((props: DialogContentRenderProps) => JSX.Element);\r\n};\r\nexport const Content = React.forwardRef(function DialogContent(props: DialogContentProps, ref: React.Ref<HTMLDivElement>) {\r\n    const dialog = useCurrentDialog();\r\n    const internalRef = useProxiedRef<HTMLDivElement>(ref);\r\n    const { position, handleProps: dragHandleProps } = useDraggable(internalRef);\r\n    const { texts } = useLocalization();\r\n\r\n    // if the dialog was opened by a menu, we need to close the menu when the dialog closes\r\n    // the menu is still open (and mounted) because it is the trigger for the dialog\r\n    const menu = useCurrentMenu();\r\n    let handleCloseAutoFocus: DialogPrimitiveContentProps['onCloseAutoFocus'];\r\n\r\n    if (menu) {\r\n        handleCloseAutoFocus = () => menu.close();\r\n    }\r\n\r\n    const className = cn('bg-white rounded relative mt-16 mx-auto animate-[fade-in_150ms]', {\r\n        'w-128 text-center justify-center': dialog.size === 'dialog',\r\n        'w-xs': dialog.size === 'xs',\r\n        'w-sm': dialog.size === 'sm',\r\n        'w-md': dialog.size === 'md',\r\n        'w-lg': dialog.size === 'lg',\r\n    });\r\n\r\n    const containerClassName = cn(\r\n        'bg-white p-6 rounded relative z-[999]',\r\n        'shadow-[0_6px_9px_0_rgba(89,85,98,0.3),0_0_1px_0_rgba(89,85,98,0.2)]',\r\n        {\r\n            'rounded-b-none': !!dialog.elements.extra,\r\n        },\r\n        props.className\r\n    );\r\n\r\n    const handleEscapeKeyDown = (event: KeyboardEvent) => {\r\n        if (!dialog.closeOnEscape) {\r\n            event.preventDefault();\r\n        } else if (dialog.onClose) {\r\n            dialog.onClose();\r\n        }\r\n    };\r\n\r\n    // the chosen behaviour in taco is that outside clicks do not close the dialog\r\n    const handleInteractOutside = event => event.preventDefault();\r\n\r\n    let output;\r\n\r\n    if (typeof props.children === 'function') {\r\n        output = (\r\n            <DialogPrimitive.Close asChild>\r\n                <RenderPropWrapper renderProps={{ drawer: dialog.drawer }}>{props.children}</RenderPropWrapper>\r\n            </DialogPrimitive.Close>\r\n        );\r\n    } else {\r\n        output = props.children;\r\n    }\r\n\r\n    return (\r\n        <DialogPrimitive.Portal>\r\n            <DialogPrimitive.Overlay asChild>\r\n                <Backdrop>\r\n                    <DialogPrimitive.Content\r\n                        {...props}\r\n                        className={className}\r\n                        onEscapeKeyDown={handleEscapeKeyDown}\r\n                        onInteractOutside={handleInteractOutside}\r\n                        onCloseAutoFocus={handleCloseAutoFocus}\r\n                        ref={ref}\r\n                        style={{\r\n                            ...props.style,\r\n                            left: dialog.draggable ? `${position.x}px` : undefined,\r\n                            top: dialog.draggable ? `${position.y}px` : undefined,\r\n                        }}\r\n                    >\r\n                        <div className={containerClassName} data-taco=\"dialog\">\r\n                            {output}\r\n                            {dialog.draggable && (\r\n                                <div\r\n                                    {...dragHandleProps}\r\n                                    aria-label={texts.dialog.drag}\r\n                                    className=\"yt-dialog__drag absolute-center-x bg-grey-light top-1.5 h-3 w-24 cursor-move rounded text-center\"\r\n                                />\r\n                            )}\r\n                            {dialog.showCloseButton ? (\r\n                                <DialogPrimitive.Close onClick={dialog.onClose} asChild>\r\n                                    <IconButton\r\n                                        appearance=\"discrete\"\r\n                                        aria-label={texts.dialog.close}\r\n                                        className=\"absolute top-0 right-0 mt-2 mr-2\"\r\n                                        icon=\"close\"\r\n                                    />\r\n                                </DialogPrimitive.Close>\r\n                            ) : null}\r\n                        </div>\r\n                        {dialog.elements.drawer}\r\n                        {dialog.elements.extra}\r\n                    </DialogPrimitive.Content>\r\n                </Backdrop>\r\n            </DialogPrimitive.Overlay>\r\n        </DialogPrimitive.Portal>\r\n    );\r\n});\r\n"],"names":["Title","React","DialogTitle","props","ref","className","cn","DialogPrimitive","Footer","DialogFooter","children","Close","DialogClose","dialog","useCurrentDialog","onClick","onClose","asChild","RenderPropWrapper","renderProps","close","CustomEvent","Content","DialogContent","internalRef","useProxiedRef","position","handleProps","dragHandleProps","useDraggable","texts","useLocalization","menu","useCurrentMenu","handleCloseAutoFocus","size","containerClassName","elements","extra","handleEscapeKeyDown","event","closeOnEscape","preventDefault","handleInteractOutside","output","drawer","Backdrop","onEscapeKeyDown","onInteractOutside","onCloseAutoFocus","style","left","draggable","x","undefined","top","y","drag","showCloseButton","IconButton","appearance","icon"],"mappings":"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"}
+{"version":3,"file":"Content.js","sources":["../../../../../src/components/Dialog/components/Content.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport cn from 'classnames';\r\nimport * as DialogPrimitive from '@radix-ui/react-dialog';\r\nimport type { DialogContentProps as DialogPrimitiveContentProps } from '@radix-ui/react-dialog';\r\nimport { useProxiedRef } from '../../../utils/hooks/useProxiedRef';\r\nimport { useDraggable } from '../../../utils/hooks/useDraggable';\r\nimport { useCurrentMenu } from '../../Menu/Context';\r\nimport { useCurrentDialog } from '../Context';\r\nimport { useLocalization } from '../../Provider/Provider';\r\nimport { IconButton } from '../../IconButton/IconButton';\r\nimport { Backdrop } from '../../Backdrop/Backdrop';\r\n\r\nexport type DialogContentDrawerRenderProps = {\r\n    open: boolean;\r\n    toggle: () => void;\r\n};\r\n\r\nexport type DialogContentRenderProps = {\r\n    close: () => void;\r\n    drawer?: DialogContentDrawerRenderProps;\r\n};\r\n\r\nexport type DialogTitleProps = React.HTMLAttributes<HTMLHeadingElement>;\r\nexport const Title = React.forwardRef(function DialogTitle(props: DialogTitleProps, ref: React.Ref<HTMLHeadingElement>) {\r\n    const className = cn('text-center', props.className);\r\n    return <DialogPrimitive.Title {...props} className={className} ref={ref} />;\r\n});\r\n\r\nexport type DialogFooterProps = React.HTMLAttributes<HTMLDivElement>;\r\nexport const Footer = React.forwardRef(function DialogFooter(props: DialogFooterProps, ref: React.Ref<HTMLDivElement>) {\r\n    const className = cn('mt-8 flex justify-end', props.className);\r\n    return (\r\n        <div {...props} className={className} ref={ref}>\r\n            {props.children}\r\n        </div>\r\n    );\r\n});\r\n\r\nexport type DialogCloseProps = React.HTMLAttributes<HTMLButtonElement>;\r\n\r\nexport const Close = React.forwardRef(function DialogClose(props: DialogCloseProps, ref: React.Ref<HTMLButtonElement>) {\r\n    const dialog = useCurrentDialog();\r\n\r\n    return <DialogPrimitive.Close onClick={dialog.onClose} {...props} ref={ref} asChild />;\r\n});\r\n\r\nconst RenderPropWrapper = React.forwardRef(function RenderPropWrapper({ children, onClick, renderProps }: any, ref) {\r\n    const close = () => {\r\n        onClick(new CustomEvent('close'));\r\n    };\r\n\r\n    return children({ close, ref, ...renderProps });\r\n});\r\n\r\nexport type DialogContentProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & {\r\n    /** An accessible label to be announced when the dialog is opened */\r\n    'aria-label': string;\r\n    children: Omit<React.ReactNode, 'Function'> | ((props: DialogContentRenderProps) => JSX.Element);\r\n};\r\nexport const Content = React.forwardRef(function DialogContent(props: DialogContentProps, ref: React.Ref<HTMLDivElement>) {\r\n    const dialog = useCurrentDialog();\r\n    const internalRef = useProxiedRef<HTMLDivElement>(ref);\r\n    const { position, handleProps: dragHandleProps } = useDraggable(internalRef);\r\n    const { texts } = useLocalization();\r\n\r\n    // if the dialog was opened by a menu, we need to close the menu when the dialog closes\r\n    // the menu is still open (and mounted) because it is the trigger for the dialog\r\n    const menu = useCurrentMenu();\r\n    let handleCloseAutoFocus: DialogPrimitiveContentProps['onCloseAutoFocus'];\r\n\r\n    if (menu) {\r\n        handleCloseAutoFocus = () => menu.close();\r\n    }\r\n\r\n    const className = cn('bg-white rounded relative mt-16 mx-auto animate-[fade-in_150ms] z-[997]', {\r\n        'w-128 text-center justify-center': dialog.size === 'dialog',\r\n        'w-xs': dialog.size === 'xs',\r\n        'w-sm': dialog.size === 'sm',\r\n        'w-md': dialog.size === 'md',\r\n        'w-lg': dialog.size === 'lg',\r\n    });\r\n\r\n    const containerClassName = cn(\r\n        'bg-white p-6 rounded relative z-[999]',\r\n        'shadow-[0_6px_9px_0_rgba(89,85,98,0.3),0_0_1px_0_rgba(89,85,98,0.2)]',\r\n        {\r\n            'rounded-b-none': !!dialog.elements.extra,\r\n        },\r\n        props.className\r\n    );\r\n\r\n    const handleEscapeKeyDown = (event: KeyboardEvent) => {\r\n        if (!dialog.closeOnEscape) {\r\n            event.preventDefault();\r\n        } else if (dialog.onClose) {\r\n            dialog.onClose();\r\n        }\r\n    };\r\n\r\n    // the chosen behaviour in taco is that outside clicks do not close the dialog\r\n    const handleInteractOutside = event => event.preventDefault();\r\n\r\n    let output;\r\n\r\n    if (typeof props.children === 'function') {\r\n        output = (\r\n            <DialogPrimitive.Close asChild>\r\n                <RenderPropWrapper renderProps={{ drawer: dialog.drawer }}>{props.children}</RenderPropWrapper>\r\n            </DialogPrimitive.Close>\r\n        );\r\n    } else {\r\n        output = props.children;\r\n    }\r\n\r\n    return (\r\n        <DialogPrimitive.Portal>\r\n            <DialogPrimitive.Overlay asChild>\r\n                <Backdrop>\r\n                    <DialogPrimitive.Content\r\n                        {...props}\r\n                        className={className}\r\n                        onEscapeKeyDown={handleEscapeKeyDown}\r\n                        onInteractOutside={handleInteractOutside}\r\n                        onCloseAutoFocus={handleCloseAutoFocus}\r\n                        ref={ref}\r\n                        style={{\r\n                            ...props.style,\r\n                            left: dialog.draggable ? `${position.x}px` : undefined,\r\n                            top: dialog.draggable ? `${position.y}px` : undefined,\r\n                        }}\r\n                    >\r\n                        <div className={containerClassName} data-taco=\"dialog\">\r\n                            {output}\r\n                            {dialog.draggable && (\r\n                                <div\r\n                                    {...dragHandleProps}\r\n                                    aria-label={texts.dialog.drag}\r\n                                    className=\"yt-dialog__drag absolute-center-x bg-grey-light top-1.5 h-3 w-24 cursor-move rounded text-center\"\r\n                                />\r\n                            )}\r\n                            {dialog.showCloseButton ? (\r\n                                <DialogPrimitive.Close onClick={dialog.onClose} asChild>\r\n                                    <IconButton\r\n                                        appearance=\"discrete\"\r\n                                        aria-label={texts.dialog.close}\r\n                                        className=\"absolute top-0 right-0 mt-2 mr-2\"\r\n                                        icon=\"close\"\r\n                                    />\r\n                                </DialogPrimitive.Close>\r\n                            ) : null}\r\n                        </div>\r\n                        {dialog.elements.drawer}\r\n                        {dialog.elements.extra}\r\n                    </DialogPrimitive.Content>\r\n                </Backdrop>\r\n            </DialogPrimitive.Overlay>\r\n        </DialogPrimitive.Portal>\r\n    );\r\n});\r\n"],"names":["Title","React","DialogTitle","props","ref","className","cn","DialogPrimitive","Footer","DialogFooter","children","Close","DialogClose","dialog","useCurrentDialog","onClick","onClose","asChild","RenderPropWrapper","renderProps","close","CustomEvent","Content","DialogContent","internalRef","useProxiedRef","position","handleProps","dragHandleProps","useDraggable","texts","useLocalization","menu","useCurrentMenu","handleCloseAutoFocus","size","containerClassName","elements","extra","handleEscapeKeyDown","event","closeOnEscape","preventDefault","handleInteractOutside","output","drawer","Backdrop","onEscapeKeyDown","onInteractOutside","onCloseAutoFocus","style","left","draggable","x","undefined","top","y","drag","showCloseButton","IconButton","appearance","icon"],"mappings":"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"}

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

@@ -36,6 +36,7 @@ const Drawer = /*#__PURE__*/forwardRef(function DialogDrawer(props, ref) {
     ref: ref
   }));
 });
+Drawer.displayName = 'DialogDrawer';
 
 export { Drawer };
 //# sourceMappingURL=Drawer.js.map

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

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

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

@@ -9,6 +9,7 @@ const Extra = /*#__PURE__*/forwardRef(function DialogExtra(props, ref) {
     ref: ref
   }));
 });
+Extra.displayName = 'DialogExtra';
 
 export { Extra };
 //# sourceMappingURL=Extra.js.map

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

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

package/dist/esm/components/Popover/Popover.js

@@ -1,23 +1,21 @@
-import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { forwardRef, useMemo, createElement, createContext, useContext, isValidElement } from 'react';
 import cn from 'classnames';
 import { Root, Trigger as Trigger$1, Close as Close$1 } from '@radix-ui/react-popover';
 import { UnstyledContent, UnstyledArrow } from './Primitives.js';
 import mergeRefs from '../../utils/mergeRefs.js';
 
-var _excluded = ["children", "trigger"];
-var PopoverContext = /*#__PURE__*/createContext({
+const PopoverContext = /*#__PURE__*/createContext({
   props: {},
   ref: null
 });
-var Trigger = /*#__PURE__*/forwardRef(function PopoverTrigger(props, ref) {
+const Trigger = /*#__PURE__*/forwardRef(function PopoverTrigger(props, ref) {
   var _props$children;
 
-  var context = useContext(PopoverContext);
-  var children = props.children;
+  const context = useContext(PopoverContext);
+  let children = props.children;
 
   if (isValidElement(props.children) && typeof ((_props$children = props.children) === null || _props$children === void 0 ? void 0 : _props$children.type) === 'function') {
-    console.warn("Popover.Trigger requires its child to forwardRef so that it can attach to the dom element. Did you mean to wrap '" + props.children.type.name + "' in React.forwardRef()? Taco has wrapped '" + props.children.type.name + "' in a 'span' to maintain functionality, but this may cause unintended behaviour");
+    console.warn(`Popover.Trigger requires its child to forwardRef so that it can attach to the dom element. Did you mean to wrap '${props.children.type.name}' in React.forwardRef()? Taco has wrapped '${props.children.type.name}' in a 'span' to maintain functionality, but this may cause unintended behaviour`);
     children = createElement("span", null, props.children);
   }
 
@@ -27,22 +25,22 @@ var Trigger = /*#__PURE__*/forwardRef(function PopoverTrigger(props, ref) {
     asChild: true
   }));
 });
-var RenderPropWrapper = /*#__PURE__*/forwardRef(function RenderPropWrapper(_ref, ref) {
-  var children = _ref.children,
-      onClick = _ref.onClick;
-
-  var close = function close() {
+const RenderPropWrapper = /*#__PURE__*/forwardRef(function RenderPropWrapper({
+  children,
+  onClick
+}, ref) {
+  const close = () => {
     onClick(new CustomEvent('hide'));
   };
 
   return children({
-    close: close,
-    ref: ref
+    close,
+    ref
   });
 });
-var Content = /*#__PURE__*/forwardRef(function PopoverContent(props, ref) {
-  var className = cn('bg-white focus:border-blue-light', props.className);
-  var output;
+const Content = /*#__PURE__*/forwardRef(function PopoverContent(props, ref) {
+  const className = cn('bg-white focus:border-blue-light', props.className);
+  let output;
 
   if (typeof props.children === 'function') {
     output = createElement(Close$1, {
@@ -60,23 +58,20 @@ var Content = /*#__PURE__*/forwardRef(function PopoverContent(props, ref) {
     className: "text-white"
   }));
 });
-var Close = /*#__PURE__*/forwardRef(function (props, ref) {
-  return createElement(Close$1, Object.assign({}, props, {
-    ref: ref,
-    asChild: true
-  }));
-});
-var Popover = /*#__PURE__*/forwardRef(function Popover(props, ref) {
-  var children = props.children,
-      trigger = props.trigger,
-      otherProps = _objectWithoutPropertiesLoose(props, _excluded);
-
-  var context = useMemo(function () {
-    return {
-      props: otherProps,
-      ref: ref
-    };
-  }, [otherProps]);
+const Close = /*#__PURE__*/forwardRef((props, ref) => createElement(Close$1, Object.assign({}, props, {
+  ref: ref,
+  asChild: true
+})));
+const Popover = /*#__PURE__*/forwardRef(function Popover(props, ref) {
+  const {
+    children,
+    trigger,
+    ...otherProps
+  } = props;
+  const context = useMemo(() => ({
+    props: otherProps,
+    ref
+  }), [otherProps]);
   return createElement(PopoverContext.Provider, {
     value: context
   }, createElement(Root, null, trigger && createElement(Trigger, null, trigger), children));

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

@@ -1 +1 @@
-{"version":3,"file":"Popover.js","sources":["../../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport cn from 'classnames';\r\nimport * as PopoverPrimitive from '@radix-ui/react-popover';\r\nimport { Placement } from '../..';\r\nimport { UnstyledArrow, UnstyledContent } from './Primitives';\r\nimport mergeRefs from '../../utils/mergeRefs';\r\n\r\ntype PopoverContextValue = { props: any; ref: React.Ref<HTMLElement> };\r\n\r\nconst PopoverContext = React.createContext<PopoverContextValue>({\r\n    props: {},\r\n    ref: null,\r\n});\r\n\r\nexport type PopoverTriggerProps = React.HTMLAttributes<HTMLButtonElement>;\r\nconst Trigger = React.forwardRef(function PopoverTrigger(props: PopoverTriggerProps, ref: React.Ref<HTMLButtonElement>) {\r\n    const context = React.useContext(PopoverContext);\r\n    let children = props.children;\r\n\r\n    if (React.isValidElement(props.children) && typeof props.children?.type === 'function') {\r\n        console.warn(\r\n            `Popover.Trigger requires its child to forwardRef so that it can attach to the dom element. Did you mean to wrap '${props.children.type.name}' in React.forwardRef()? Taco has wrapped '${props.children.type.name}' in a 'span' to maintain functionality, but this may cause unintended behaviour`\r\n        );\r\n        children = <span>{props.children}</span>;\r\n    }\r\n\r\n    return (\r\n        <PopoverPrimitive.Trigger {...context.props} {...props} children={children} ref={mergeRefs([context.ref, ref])} asChild />\r\n    );\r\n});\r\n\r\nconst RenderPropWrapper = React.forwardRef(function RenderPropWrapper({ children, onClick }: any, ref) {\r\n    const close = () => {\r\n        onClick(new CustomEvent('hide'));\r\n    };\r\n\r\n    return children({ close, ref });\r\n});\r\n\r\nexport type PopoverContentRenderProps = { close: () => void };\r\nexport type PopoverContentProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & {\r\n    children: React.ReactNode | ((props: PopoverContentRenderProps) => React.ReactNode);\r\n    /** Set the position of the Popover relative to its trigger. Default value is `bottom` */\r\n    placement?: Placement;\r\n};\r\nconst Content = React.forwardRef(function PopoverContent(props: PopoverContentProps, ref: React.Ref<HTMLDivElement>) {\r\n    const className = cn('bg-white focus:border-blue-light', props.className);\r\n\r\n    let output;\r\n\r\n    if (typeof props.children === 'function') {\r\n        output = (\r\n            <PopoverPrimitive.Close asChild>\r\n                <RenderPropWrapper>{props.children}</RenderPropWrapper>\r\n            </PopoverPrimitive.Close>\r\n        );\r\n    } else {\r\n        output = props.children;\r\n    }\r\n\r\n    return (\r\n        <UnstyledContent className={className} placement={props.placement} ref={ref}>\r\n            {output}\r\n            <UnstyledArrow className=\"text-white\" />\r\n        </UnstyledContent>\r\n    );\r\n});\r\n\r\nexport type PopoverCloseProps = React.HTMLAttributes<HTMLButtonElement>;\r\nconst Close = React.forwardRef(\r\n    (props: PopoverCloseProps, ref: React.Ref<HTMLButtonElement>): JSX.Element => (\r\n        <PopoverPrimitive.Close {...props} ref={ref} asChild />\r\n    )\r\n);\r\n\r\nexport type PopoverProps = React.PropsWithChildren<{\r\n    /** A trigger to be used for the popover, should not be set if `children` already contains a trigger */\r\n    trigger?: JSX.Element;\r\n}>;\r\nexport type ForwardedPopoverWithStatics = React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<HTMLElement>> & {\r\n    Trigger: React.ForwardRefExoticComponent<PopoverTriggerProps>;\r\n    Content: React.ForwardRefExoticComponent<PopoverContentProps>;\r\n    Close: React.ForwardRefExoticComponent<PopoverCloseProps>;\r\n};\r\n\r\nexport const Popover = React.forwardRef(function Popover(props: PopoverProps, ref: React.Ref<HTMLElement>) {\r\n    const { children, trigger, ...otherProps } = props;\r\n    const context = React.useMemo(() => ({ props: otherProps, ref }), [otherProps]);\r\n\r\n    return (\r\n        <PopoverContext.Provider value={context}>\r\n            <PopoverPrimitive.Root>\r\n                {trigger && <Trigger>{trigger}</Trigger>}\r\n                {children}\r\n            </PopoverPrimitive.Root>\r\n        </PopoverContext.Provider>\r\n    );\r\n}) as ForwardedPopoverWithStatics;\r\nPopover.Trigger = Trigger;\r\nPopover.Content = Content;\r\nPopover.Close = Close;\r\n"],"names":["PopoverContext","React","props","ref","Trigger","PopoverTrigger","context","children","type","console","warn","name","PopoverPrimitive","mergeRefs","asChild","RenderPropWrapper","onClick","close","CustomEvent","Content","PopoverContent","className","cn","output","UnstyledContent","placement","UnstyledArrow","Close","Popover","trigger","otherProps","Provider","value"],"mappings":"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"}
+{"version":3,"file":"Popover.js","sources":["../../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport cn from 'classnames';\r\nimport * as PopoverPrimitive from '@radix-ui/react-popover';\r\nimport { Placement } from '../..';\r\nimport { UnstyledArrow, UnstyledContent } from './Primitives';\r\nimport mergeRefs from '../../utils/mergeRefs';\r\n\r\ntype PopoverContextValue = { props: any; ref: React.Ref<HTMLElement> };\r\n\r\nconst PopoverContext = React.createContext<PopoverContextValue>({\r\n    props: {},\r\n    ref: null,\r\n});\r\n\r\nexport type PopoverTriggerProps = React.HTMLAttributes<HTMLButtonElement>;\r\nconst Trigger = React.forwardRef(function PopoverTrigger(props: PopoverTriggerProps, ref: React.Ref<HTMLButtonElement>) {\r\n    const context = React.useContext(PopoverContext);\r\n    let children = props.children;\r\n\r\n    if (React.isValidElement(props.children) && typeof props.children?.type === 'function') {\r\n        console.warn(\r\n            `Popover.Trigger requires its child to forwardRef so that it can attach to the dom element. Did you mean to wrap '${props.children.type.name}' in React.forwardRef()? Taco has wrapped '${props.children.type.name}' in a 'span' to maintain functionality, but this may cause unintended behaviour`\r\n        );\r\n        children = <span>{props.children}</span>;\r\n    }\r\n\r\n    return (\r\n        <PopoverPrimitive.Trigger {...context.props} {...props} children={children} ref={mergeRefs([context.ref, ref])} asChild />\r\n    );\r\n});\r\n\r\nconst RenderPropWrapper = React.forwardRef(function RenderPropWrapper({ children, onClick }: any, ref) {\r\n    const close = () => {\r\n        onClick(new CustomEvent('hide'));\r\n    };\r\n\r\n    return children({ close, ref });\r\n});\r\n\r\nexport type PopoverContentRenderProps = { close: () => void };\r\nexport type PopoverContentProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & {\r\n    children: React.ReactNode | ((props: PopoverContentRenderProps) => React.ReactNode);\r\n    /** Set the position of the Popover relative to its trigger. Default value is `bottom` */\r\n    placement?: Placement;\r\n};\r\nconst Content = React.forwardRef(function PopoverContent(props: PopoverContentProps, ref: React.Ref<HTMLDivElement>) {\r\n    const className = cn('bg-white focus:border-blue-light', props.className);\r\n\r\n    let output;\r\n\r\n    if (typeof props.children === 'function') {\r\n        output = (\r\n            <PopoverPrimitive.Close asChild>\r\n                <RenderPropWrapper>{props.children}</RenderPropWrapper>\r\n            </PopoverPrimitive.Close>\r\n        );\r\n    } else {\r\n        output = props.children;\r\n    }\r\n\r\n    return (\r\n        <UnstyledContent className={className} placement={props.placement} ref={ref}>\r\n            {output}\r\n            <UnstyledArrow className=\"text-white\" />\r\n        </UnstyledContent>\r\n    );\r\n});\r\n\r\nexport type PopoverCloseProps = React.HTMLAttributes<HTMLButtonElement>;\r\nconst Close = React.forwardRef(\r\n    (props: PopoverCloseProps, ref: React.Ref<HTMLButtonElement>): JSX.Element => (\r\n        <PopoverPrimitive.Close {...props} ref={ref} asChild />\r\n    )\r\n);\r\n\r\nexport type PopoverProps = React.PropsWithChildren<{\r\n    /** A trigger to be used for the popover, should not be set if `children` already contains a trigger */\r\n    trigger?: JSX.Element;\r\n}>;\r\nexport type ForwardedPopoverWithStatics = React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<HTMLElement>> & {\r\n    Trigger: React.ForwardRefExoticComponent<PopoverTriggerProps>;\r\n    Content: React.ForwardRefExoticComponent<PopoverContentProps>;\r\n    Close: React.ForwardRefExoticComponent<PopoverCloseProps>;\r\n};\r\n\r\nexport const Popover = React.forwardRef(function Popover(props: PopoverProps, ref: React.Ref<HTMLElement>) {\r\n    const { children, trigger, ...otherProps } = props;\r\n    const context = React.useMemo(() => ({ props: otherProps, ref }), [otherProps]);\r\n\r\n    return (\r\n        <PopoverContext.Provider value={context}>\r\n            <PopoverPrimitive.Root>\r\n                {trigger && <Trigger>{trigger}</Trigger>}\r\n                {children}\r\n            </PopoverPrimitive.Root>\r\n        </PopoverContext.Provider>\r\n    );\r\n}) as ForwardedPopoverWithStatics;\r\nPopover.Trigger = Trigger;\r\nPopover.Content = Content;\r\nPopover.Close = Close;\r\n"],"names":["PopoverContext","React","props","ref","Trigger","PopoverTrigger","context","children","type","console","warn","name","PopoverPrimitive","mergeRefs","asChild","RenderPropWrapper","onClick","close","CustomEvent","Content","PopoverContent","className","cn","output","UnstyledContent","placement","UnstyledArrow","Close","Popover","trigger","otherProps","Provider","value"],"mappings":"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"}

package/dist/esm/components/Popover/Primitives.js

@@ -28,14 +28,11 @@ const UnstyledContent = /*#__PURE__*/forwardRef(function PopoverContent(props, r
     placement: side,
     ...otherProps
   } = props;
-  const className = cn('border border-transparent rounded p-3 yt-shadow focus:yt-focus outline-none group ', props.className);
+  const className = cn('border border-transparent rounded p-3 yt-shadow focus:yt-focus outline-none group z-[996]', props.className);
   return createElement(Content, Object.assign({}, otherProps, {
     className: className,
     side: side,
     sideOffset: 1,
-    style: { ...props.style,
-      zIndex: 996
-    },
     ref: ref
   }));
 });

package/dist/esm/components/Popover/Primitives.js.map

@@ -1 +1 @@
-{"version":3,"file":"Primitives.js","sources":["../../../../src/components/Popover/Primitives.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport cn from 'classnames';\r\nimport * as PopoverPrimitive from '@radix-ui/react-popover';\r\nimport { Placement } from '../../types';\r\n\r\nexport const UnstyledArrow = React.forwardRef(function PopoverArrow(\r\n    props: React.SVGAttributes<SVGElement>,\r\n    ref: React.Ref<SVGSVGElement>\r\n) {\r\n    return (\r\n        <PopoverPrimitive.Arrow className=\"pointer-events-none -mt-px\" asChild offset={2} width={30} height={11}>\r\n            <svg {...props} ref={ref} viewBox=\"0 19 30 11\" style={{ transform: 'rotateZ(180deg)' }}>\r\n                <path\r\n                    className=\"text-grey-dark group-focus:text-blue-light fill-current\"\r\n                    d=\"M23.7,27.1L17,19.9C16.5,19.3,15.8,19,15,19s-1.6,0.3-2.1,0.9l-6.6,7.2C5.3,28.1,3.4,29,2,29h26 C26.7,29,24.6,28.1,23.7,27.1z\"\r\n                ></path>\r\n                <path\r\n                    className=\"fill-current\"\r\n                    d=\"M23,27.8c1.1,1.2,3.4,2.2,5,2.2h2H0h2c1.7,0,3.9-1,5-2.2l6.6-7.2c0.7-0.8,2-0.8,2.7,0L23,27.8L23,27.8z\"\r\n                ></path>\r\n            </svg>\r\n        </PopoverPrimitive.Arrow>\r\n    );\r\n});\r\n\r\nexport type UnstyledContentProps = Omit<PopoverPrimitive.PopoverContentProps, 'side'> & {\r\n    /** Set the position of the Popover relative to its trigger. Default value is `bottom` */\r\n    placement?: Placement;\r\n};\r\nexport const UnstyledContent = React.forwardRef(function PopoverContent(\r\n    props: UnstyledContentProps,\r\n    ref: React.Ref<HTMLDivElement>\r\n) {\r\n    const { placement: side, ...otherProps } = props;\r\n\r\n    const className = cn('border border-transparent rounded p-3 yt-shadow focus:yt-focus outline-none group ', props.className);\r\n\r\n    return (\r\n        <PopoverPrimitive.Content\r\n            {...otherProps}\r\n            className={className}\r\n            side={side}\r\n            sideOffset={1}\r\n            style={{\r\n                ...props.style,\r\n                zIndex: 996,\r\n            }}\r\n            ref={ref}\r\n        />\r\n    );\r\n});\r\n"],"names":["UnstyledArrow","React","PopoverArrow","props","ref","PopoverPrimitive","className","asChild","offset","width","height","viewBox","style","transform","d","UnstyledContent","PopoverContent","placement","side","otherProps","cn","sideOffset","zIndex"],"mappings":";;;;MAKaA,aAAa,gBAAGC,UAAA,CAAiB,SAASC,YAAT,CAC1CC,KAD0C,EAE1CC,GAF0C;AAI1C,SACIH,aAAA,CAACI,KAAD;AAAwBC,IAAAA,SAAS,EAAC;AAA6BC,IAAAA,OAAO;AAACC,IAAAA,MAAM,EAAE;AAAGC,IAAAA,KAAK,EAAE;AAAIC,IAAAA,MAAM,EAAE;GAArG,EACIT,aAAA,MAAA,oBAASE;AAAOC,IAAAA,GAAG,EAAEA;AAAKO,IAAAA,OAAO,EAAC;AAAaC,IAAAA,KAAK,EAAE;AAAEC,MAAAA,SAAS,EAAE;AAAb;IAAtD,EACIZ,aAAA,OAAA;AACIK,IAAAA,SAAS,EAAC;AACVQ,IAAAA,CAAC,EAAC;GAFN,CADJ,EAKIb,aAAA,OAAA;AACIK,IAAAA,SAAS,EAAC;AACVQ,IAAAA,CAAC,EAAC;GAFN,CALJ,CADJ,CADJ;AAcH,CAlB4B;MAwBhBC,eAAe,gBAAGd,UAAA,CAAiB,SAASe,cAAT,CAC5Cb,KAD4C,EAE5CC,GAF4C;AAI5C,QAAM;AAAEa,IAAAA,SAAS,EAAEC,IAAb;AAAmB,OAAGC;AAAtB,MAAqChB,KAA3C;AAEA,QAAMG,SAAS,GAAGc,EAAE,CAAC,oFAAD,EAAuFjB,KAAK,CAACG,SAA7F,CAApB;AAEA,SACIL,aAAA,CAACI,OAAD,oBACQc;AACJb,IAAAA,SAAS,EAAEA;AACXY,IAAAA,IAAI,EAAEA;AACNG,IAAAA,UAAU,EAAE;AACZT,IAAAA,KAAK,EAAE,EACH,GAAGT,KAAK,CAACS,KADN;AAEHU,MAAAA,MAAM,EAAE;AAFL;AAIPlB,IAAAA,GAAG,EAAEA;IATT,CADJ;AAaH,CArB8B;;;;"}
+{"version":3,"file":"Primitives.js","sources":["../../../../src/components/Popover/Primitives.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport cn from 'classnames';\r\nimport * as PopoverPrimitive from '@radix-ui/react-popover';\r\nimport { Placement } from '../../types';\r\n\r\nexport const UnstyledArrow = React.forwardRef(function PopoverArrow(\r\n    props: React.SVGAttributes<SVGElement>,\r\n    ref: React.Ref<SVGSVGElement>\r\n) {\r\n    return (\r\n        <PopoverPrimitive.Arrow className=\"pointer-events-none -mt-px\" asChild offset={2} width={30} height={11}>\r\n            <svg {...props} ref={ref} viewBox=\"0 19 30 11\" style={{ transform: 'rotateZ(180deg)' }}>\r\n                <path\r\n                    className=\"text-grey-dark group-focus:text-blue-light fill-current\"\r\n                    d=\"M23.7,27.1L17,19.9C16.5,19.3,15.8,19,15,19s-1.6,0.3-2.1,0.9l-6.6,7.2C5.3,28.1,3.4,29,2,29h26 C26.7,29,24.6,28.1,23.7,27.1z\"\r\n                ></path>\r\n                <path\r\n                    className=\"fill-current\"\r\n                    d=\"M23,27.8c1.1,1.2,3.4,2.2,5,2.2h2H0h2c1.7,0,3.9-1,5-2.2l6.6-7.2c0.7-0.8,2-0.8,2.7,0L23,27.8L23,27.8z\"\r\n                ></path>\r\n            </svg>\r\n        </PopoverPrimitive.Arrow>\r\n    );\r\n});\r\n\r\nexport type UnstyledContentProps = Omit<PopoverPrimitive.PopoverContentProps, 'side'> & {\r\n    /** Set the position of the Popover relative to its trigger. Default value is `bottom` */\r\n    placement?: Placement;\r\n};\r\nexport const UnstyledContent = React.forwardRef(function PopoverContent(\r\n    props: UnstyledContentProps,\r\n    ref: React.Ref<HTMLDivElement>\r\n) {\r\n    const { placement: side, ...otherProps } = props;\r\n\r\n    const className = cn(\r\n        'border border-transparent rounded p-3 yt-shadow focus:yt-focus outline-none group z-[996]',\r\n        props.className\r\n    );\r\n\r\n    return <PopoverPrimitive.Content {...otherProps} className={className} side={side} sideOffset={1} ref={ref} />;\r\n});\r\n"],"names":["UnstyledArrow","React","PopoverArrow","props","ref","PopoverPrimitive","className","asChild","offset","width","height","viewBox","style","transform","d","UnstyledContent","PopoverContent","placement","side","otherProps","cn","sideOffset"],"mappings":";;;;MAKaA,aAAa,gBAAGC,UAAA,CAAiB,SAASC,YAAT,CAC1CC,KAD0C,EAE1CC,GAF0C;AAI1C,SACIH,aAAA,CAACI,KAAD;AAAwBC,IAAAA,SAAS,EAAC;AAA6BC,IAAAA,OAAO;AAACC,IAAAA,MAAM,EAAE;AAAGC,IAAAA,KAAK,EAAE;AAAIC,IAAAA,MAAM,EAAE;GAArG,EACIT,aAAA,MAAA,oBAASE;AAAOC,IAAAA,GAAG,EAAEA;AAAKO,IAAAA,OAAO,EAAC;AAAaC,IAAAA,KAAK,EAAE;AAAEC,MAAAA,SAAS,EAAE;AAAb;IAAtD,EACIZ,aAAA,OAAA;AACIK,IAAAA,SAAS,EAAC;AACVQ,IAAAA,CAAC,EAAC;GAFN,CADJ,EAKIb,aAAA,OAAA;AACIK,IAAAA,SAAS,EAAC;AACVQ,IAAAA,CAAC,EAAC;GAFN,CALJ,CADJ,CADJ;AAcH,CAlB4B;MAwBhBC,eAAe,gBAAGd,UAAA,CAAiB,SAASe,cAAT,CAC5Cb,KAD4C,EAE5CC,GAF4C;AAI5C,QAAM;AAAEa,IAAAA,SAAS,EAAEC,IAAb;AAAmB,OAAGC;AAAtB,MAAqChB,KAA3C;AAEA,QAAMG,SAAS,GAAGc,EAAE,CAChB,2FADgB,EAEhBjB,KAAK,CAACG,SAFU,CAApB;AAKA,SAAOL,aAAA,CAACI,OAAD,oBAA8Bc;AAAYb,IAAAA,SAAS,EAAEA;AAAWY,IAAAA,IAAI,EAAEA;AAAMG,IAAAA,UAAU,EAAE;AAAGjB,IAAAA,GAAG,EAAEA;IAAhG,CAAP;AACH,CAZ8B;;;;"}

package/dist/esm/components/Progress/Progress.js

@@ -1,27 +1,23 @@
-import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 import cn from 'classnames';
 
-var _excluded = ["duration"];
-var Progress = function Progress(_ref) {
-  var _cn;
-
-  var _ref$duration = _ref.duration,
-      duration = _ref$duration === void 0 ? undefined : _ref$duration,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded);
-
-  var style;
+const Progress = ({
+  duration = undefined,
+  ...props
+}) => {
+  let style;
 
   if (duration) {
     style = {
-      animationDuration: duration + "ms"
+      animationDuration: `${duration}ms`
     };
   }
 
-  var className = cn('bg-grey-light rounded block h-1 overflow-hidden w-full', props.className);
-  var progressClassName = cn('yt-progress__bar block h-1', (_cn = {
-    "w-full before:h-1 before:bg-grey-dark before:block before:animate-[progress-indeterminate_2s_cubic-bezier(0.4,0,0.2,1)_infinite] before:content-[' ']": !duration
-  }, _cn["w-0 bg-grey-dark animate-[progress_linear]"] = duration, _cn));
+  const className = cn('bg-grey-light rounded block h-1 overflow-hidden w-full', props.className);
+  const progressClassName = cn('yt-progress__bar block h-1', {
+    "w-full before:h-1 before:bg-grey-dark before:block before:animate-[progress-indeterminate_2s_cubic-bezier(0.4,0,0.2,1)_infinite] before:content-[' ']": !duration,
+    [`w-0 bg-grey-dark animate-[progress_linear]`]: duration
+  });
   return React__default.createElement("span", Object.assign({}, props, {
     "data-taco": "progress",
     className: className

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

@@ -1 +1 @@
-{"version":3,"file":"Progress.js","sources":["../../../../src/components/Progress/Progress.tsx"],"sourcesContent":["import React from 'react';\r\nimport cn from 'classnames';\r\nimport './Progress.css';\r\n\r\nexport type ProgressProps = React.HTMLAttributes<HTMLSpanElement> & {\r\n    /**\r\n     * Indicates how long (in milliseconds) a progress bar will take to progress through.\r\n     * By default, progress bar has no duration\r\n     */\r\n    duration?: number;\r\n};\r\n\r\nexport const Progress = ({ duration = undefined, ...props }: ProgressProps): JSX.Element => {\r\n    let style;\r\n\r\n    if (duration) {\r\n        style = {\r\n            animationDuration: `${duration}ms`,\r\n        };\r\n    }\r\n\r\n    const className = cn('bg-grey-light rounded block h-1 overflow-hidden w-full', props.className);\r\n\r\n    const progressClassName = cn('yt-progress__bar block h-1', {\r\n        \"w-full before:h-1 before:bg-grey-dark before:block before:animate-[progress-indeterminate_2s_cubic-bezier(0.4,0,0.2,1)_infinite] before:content-[' ']\":\r\n            !duration,\r\n        [`w-0 bg-grey-dark animate-[progress_linear]`]: duration,\r\n    });\r\n\r\n    return (\r\n        <span {...props} data-taco=\"progress\" className={className}>\r\n            <span className={progressClassName} data-taco=\"progress-bar\" style={style} />\r\n        </span>\r\n    );\r\n};\r\n"],"names":["Progress","duration","undefined","props","style","animationDuration","className","cn","progressClassName","React"],"mappings":";;;;;IAYaA,QAAQ,GAAG,SAAXA,QAAW;;;2BAAGC;MAAAA,sCAAWC;MAAcC;;AAChD,MAAIC,KAAJ;;AAEA,MAAIH,QAAJ,EAAc;AACVG,IAAAA,KAAK,GAAG;AACJC,MAAAA,iBAAiB,EAAKJ,QAAL;AADb,KAAR;AAGH;;AAED,MAAMK,SAAS,GAAGC,EAAE,CAAC,wDAAD,EAA2DJ,KAAK,CAACG,SAAjE,CAApB;AAEA,MAAME,iBAAiB,GAAGD,EAAE,CAAC,4BAAD;AACxB,6JACI,CAACN;AAFmB,yDAGwBA,QAHxB,OAA5B;AAMA,SACIQ,4BAAA,OAAA,oBAAUN;iBAAiB;AAAWG,IAAAA,SAAS,EAAEA;IAAjD,EACIG,4BAAA,OAAA;AAAMH,IAAAA,SAAS,EAAEE;iBAA6B;AAAeJ,IAAAA,KAAK,EAAEA;GAApE,CADJ,CADJ;AAKH;;;;"}
+{"version":3,"file":"Progress.js","sources":["../../../../src/components/Progress/Progress.tsx"],"sourcesContent":["import React from 'react';\r\nimport cn from 'classnames';\r\nimport './Progress.css';\r\n\r\nexport type ProgressProps = React.HTMLAttributes<HTMLSpanElement> & {\r\n    /**\r\n     * Indicates how long (in milliseconds) a progress bar will take to progress through.\r\n     * By default, progress bar has no duration\r\n     */\r\n    duration?: number;\r\n};\r\n\r\nexport const Progress = ({ duration = undefined, ...props }: ProgressProps): JSX.Element => {\r\n    let style;\r\n\r\n    if (duration) {\r\n        style = {\r\n            animationDuration: `${duration}ms`,\r\n        };\r\n    }\r\n\r\n    const className = cn('bg-grey-light rounded block h-1 overflow-hidden w-full', props.className);\r\n\r\n    const progressClassName = cn('yt-progress__bar block h-1', {\r\n        \"w-full before:h-1 before:bg-grey-dark before:block before:animate-[progress-indeterminate_2s_cubic-bezier(0.4,0,0.2,1)_infinite] before:content-[' ']\":\r\n            !duration,\r\n        [`w-0 bg-grey-dark animate-[progress_linear]`]: duration,\r\n    });\r\n\r\n    return (\r\n        <span {...props} data-taco=\"progress\" className={className}>\r\n            <span className={progressClassName} data-taco=\"progress-bar\" style={style} />\r\n        </span>\r\n    );\r\n};\r\n"],"names":["Progress","duration","undefined","props","style","animationDuration","className","cn","progressClassName","React"],"mappings":";;;MAYaA,QAAQ,GAAG,CAAC;AAAEC,EAAAA,QAAQ,GAAGC,SAAb;AAAwB,KAAGC;AAA3B,CAAD;AACpB,MAAIC,KAAJ;;AAEA,MAAIH,QAAJ,EAAc;AACVG,IAAAA,KAAK,GAAG;AACJC,MAAAA,iBAAiB,KAAKJ;AADlB,KAAR;AAGH;;AAED,QAAMK,SAAS,GAAGC,EAAE,CAAC,wDAAD,EAA2DJ,KAAK,CAACG,SAAjE,CAApB;AAEA,QAAME,iBAAiB,GAAGD,EAAE,CAAC,4BAAD,EAA+B;AACvD,6JACI,CAACN,QAFkD;AAGvD,iDAAA,GAAgDA;AAHO,GAA/B,CAA5B;AAMA,SACIQ,4BAAA,OAAA,oBAAUN;iBAAiB;AAAWG,IAAAA,SAAS,EAAEA;IAAjD,EACIG,4BAAA,OAAA;AAAMH,IAAAA,SAAS,EAAEE;iBAA6B;AAAeJ,IAAAA,KAAK,EAAEA;GAApE,CADJ,CADJ;AAKH;;;;"}

package/dist/esm/components/Provider/Provider.js

@@ -1,7 +1,7 @@
 import { useMemo, createElement, useContext, createContext } from 'react';
 import { ToastProvider } from '../Toast/Toaster.js';
 
-var defaultLocalisationTexts = {
+const defaultLocalisationTexts = {
   calendar: {
     months: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
     weekdaysShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
@@ -73,35 +73,30 @@ var defaultLocalisationTexts = {
     inputLabel: 'Search...'
   }
 };
-var defaultLocalizationContext = {
+const defaultLocalizationContext = {
   locale: 'en-GB',
   texts: defaultLocalisationTexts,
   formatting: {
     date: 'dd.mm.yy'
   }
 };
-var Context = /*#__PURE__*/createContext({
+const Context = /*#__PURE__*/createContext({
   localization: defaultLocalizationContext
 });
-var Provider = function Provider(props) {
-  var children = props.children,
-      _props$localization = props.localization,
-      localization = _props$localization === void 0 ? defaultLocalizationContext : _props$localization;
-  var value = useMemo(function () {
-    return {
-      localization: localization
-    };
-  }, [localization]);
+const Provider = props => {
+  const {
+    children,
+    localization = defaultLocalizationContext
+  } = props;
+  const value = useMemo(() => ({
+    localization
+  }), [localization]);
   return createElement(Context.Provider, {
     value: value
   }, createElement(ToastProvider, null, children));
 };
-var useTaco = function useTaco() {
-  return useContext(Context);
-};
-var useLocalization = function useLocalization() {
-  return useTaco().localization;
-};
+const useTaco = () => useContext(Context);
+const useLocalization = () => useTaco().localization;
 
 export { Provider, defaultLocalisationTexts, useLocalization, useTaco };
 //# sourceMappingURL=Provider.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Provider.js","sources":["../../../../src/components/Provider/Provider.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport { Locale } from '../../types';\r\nimport { CalendarTexts } from '../Calendar/Calendar';\r\nimport { DialogTexts } from '../Dialog/Dialog';\r\nimport { PaginationTexts } from '../Pagination/Pagination';\r\nimport { ListboxTexts } from '../Listbox/Listbox';\r\nimport { ToastsTexts } from '../Toast/Toast';\r\nimport { DatepickerTexts } from '../Datepicker/Datepicker';\r\nimport { HangerTexts } from '../Hanger/Hanger';\r\nimport { SelectTexts } from '../Select/Select';\r\nimport { TourTexts } from '../Tour/Tour';\r\nimport { TableTexts } from '../Table/Table';\r\nimport { SearchInputTexts } from '../SearchInput/SearchInput';\r\nimport { ToastProvider } from '../Toast/Toaster';\r\n\r\nexport type LocalizationTexts = {\r\n    /** Localized texts and aria-labels for [Calendar](component:calendar) component */\r\n    calendar: CalendarTexts;\r\n    /** Localized texts and aria-labels for [DatePicker](component:datepicker) component */\r\n    datepicker: DatepickerTexts;\r\n    /** Localized texts and aria-labels for [Hanger](component:hanger) component */\r\n    hanger: HangerTexts;\r\n    /** Localized texts and aria-labels for [Listbox](component:listbox) component */\r\n    listbox: ListboxTexts;\r\n    /** Localized texts and aria-labels for [Dialog](component:dialog) component */\r\n    dialog: DialogTexts;\r\n    /** Localized texts and aria-labels for [Pagination](component:pagination) component */\r\n    pagination: PaginationTexts;\r\n    /** Localized texts and aria-labels for [Table](component:table) component */\r\n    table: TableTexts;\r\n    /** Localized texts and aria-labels for [Select](component:select) component */\r\n    select: SelectTexts;\r\n    /** Localized texts and aria-labels for [Toast](component:toast) component */\r\n    toasts: ToastsTexts;\r\n    /** Localized texts and aria-labels for [Tour](component:tour) component */\r\n    tour: TourTexts;\r\n    /** Localized texts and aria-labels for [SearchInput](component:searchinput) component */\r\n    searchInput: SearchInputTexts;\r\n};\r\n\r\nexport type Localization = {\r\n    /**\r\n     * Provide the language code used in application.\r\n     * Default value is `en-GB`\r\n     */\r\n    locale: Locale;\r\n    /** Provide the texts and aria-labels for components used within the provider */\r\n    texts: LocalizationTexts;\r\n    /** Provide the formatting */\r\n    formatting: {\r\n        /** Default value is `dd.mm.yy` */\r\n        date: string;\r\n    };\r\n};\r\nexport type Taco = {\r\n    /** Define localized texts and formatted data in your application */\r\n    localization: Localization;\r\n};\r\n\r\nexport const defaultLocalisationTexts = {\r\n    calendar: {\r\n        months: [\r\n            'January',\r\n            'February',\r\n            'March',\r\n            'April',\r\n            'May',\r\n            'June',\r\n            'July',\r\n            'August',\r\n            'September',\r\n            'October',\r\n            'November',\r\n            'December',\r\n        ],\r\n        weekdaysShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],\r\n        actions: {\r\n            previousMonth: 'Previous month',\r\n            nextMonth: 'Next month',\r\n            previousYear: 'Previous year',\r\n            nextYear: 'Next year',\r\n            today: 'Today',\r\n        },\r\n    },\r\n    datepicker: {\r\n        calendar: 'Calendar',\r\n        clear: 'Clear',\r\n        expand: 'Show calendar',\r\n        shortcuts: 'Shortcuts',\r\n    },\r\n    hanger: {\r\n        close: 'Close',\r\n    },\r\n    listbox: {\r\n        loading: 'Loading results...',\r\n        empty: 'No results found',\r\n        allOption: 'All',\r\n    },\r\n    dialog: {\r\n        close: 'Close',\r\n        drag: 'Drag',\r\n    },\r\n    pagination: {\r\n        label: 'Pagination',\r\n        pageSize: 'Items per page',\r\n        showingXofYofTotal: 'Showing [X] - [Y] of [total]',\r\n        actions: {\r\n            firstPage: 'Goto first page',\r\n            firstPageWithShortcut: 'Goto first page (Home)',\r\n            previousPage: 'Goto previous page',\r\n            previousPageWithShortcut: 'Goto previous page (Page Up)',\r\n            nextPage: 'Goto next page',\r\n            nextPageWithShortcut: 'Goto next page (Page Down)',\r\n            lastPage: 'Goto last page',\r\n            lastPageWithShortcut: 'Goto last page (End)',\r\n            pageX: 'Goto page [X]',\r\n        },\r\n    },\r\n    table: {\r\n        actions: 'Other actions',\r\n        edit: 'Edit (e)',\r\n        copy: 'Copy (c)',\r\n        del: 'Delete (del)',\r\n        newSubRow: 'New row (shift + n)',\r\n        loading: 'Loading...',\r\n    },\r\n    select: {\r\n        allOptionsSelected: 'All',\r\n    },\r\n    toasts: {\r\n        dismiss: 'Dismiss',\r\n    },\r\n    tour: {\r\n        back: 'Back',\r\n        close: 'Close',\r\n        skip: 'Close and complete',\r\n        last: 'Done',\r\n        next: 'Next',\r\n        open: 'Open',\r\n    },\r\n    searchInput: {\r\n        inputLabel: 'Search...',\r\n    },\r\n};\r\n\r\nconst defaultLocalizationContext: Localization = {\r\n    locale: 'en-GB',\r\n    texts: defaultLocalisationTexts,\r\n    formatting: {\r\n        date: 'dd.mm.yy',\r\n    },\r\n};\r\n\r\nconst Context = React.createContext<Taco>({\r\n    localization: defaultLocalizationContext,\r\n});\r\n\r\nexport type ProviderProps = {\r\n    /** Content would be your application */\r\n    children?: any;\r\n    /** Define localized texts and formatted data in your application */\r\n    localization?: Localization;\r\n};\r\n\r\nexport const Provider = (props: ProviderProps): JSX.Element => {\r\n    const { children, localization = defaultLocalizationContext } = props;\r\n    const value = React.useMemo(() => ({ localization }), [localization]);\r\n\r\n    return (\r\n        <Context.Provider value={value}>\r\n            <ToastProvider>{children}</ToastProvider>\r\n        </Context.Provider>\r\n    );\r\n};\r\n\r\nexport const useTaco = (): Taco => React.useContext(Context);\r\nexport const useLocalization = (): Localization => useTaco().localization;\r\n"],"names":["defaultLocalisationTexts","calendar","months","weekdaysShort","actions","previousMonth","nextMonth","previousYear","nextYear","today","datepicker","clear","expand","shortcuts","hanger","close","listbox","loading","empty","allOption","dialog","drag","pagination","label","pageSize","showingXofYofTotal","firstPage","firstPageWithShortcut","previousPage","previousPageWithShortcut","nextPage","nextPageWithShortcut","lastPage","lastPageWithShortcut","pageX","table","edit","copy","del","newSubRow","select","allOptionsSelected","toasts","dismiss","tour","back","skip","last","next","open","searchInput","inputLabel","defaultLocalizationContext","locale","texts","formatting","date","Context","React","localization","Provider","props","children","value","ToastProvider","useTaco","useLocalization"],"mappings":"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"}
+{"version":3,"file":"Provider.js","sources":["../../../../src/components/Provider/Provider.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport { Locale } from '../../types';\r\nimport { CalendarTexts } from '../Calendar/Calendar';\r\nimport { DialogTexts } from '../Dialog/Dialog';\r\nimport { PaginationTexts } from '../Pagination/Pagination';\r\nimport { ListboxTexts } from '../Listbox/Listbox';\r\nimport { ToastsTexts } from '../Toast/Toast';\r\nimport { DatepickerTexts } from '../Datepicker/Datepicker';\r\nimport { HangerTexts } from '../Hanger/Hanger';\r\nimport { SelectTexts } from '../Select/Select';\r\nimport { TourTexts } from '../Tour/Tour';\r\nimport { TableTexts } from '../Table/Table';\r\nimport { SearchInputTexts } from '../SearchInput/SearchInput';\r\nimport { ToastProvider } from '../Toast/Toaster';\r\n\r\nexport type LocalizationTexts = {\r\n    /** Localized texts and aria-labels for [Calendar](component:calendar) component */\r\n    calendar: CalendarTexts;\r\n    /** Localized texts and aria-labels for [DatePicker](component:datepicker) component */\r\n    datepicker: DatepickerTexts;\r\n    /** Localized texts and aria-labels for [Hanger](component:hanger) component */\r\n    hanger: HangerTexts;\r\n    /** Localized texts and aria-labels for [Listbox](component:listbox) component */\r\n    listbox: ListboxTexts;\r\n    /** Localized texts and aria-labels for [Dialog](component:dialog) component */\r\n    dialog: DialogTexts;\r\n    /** Localized texts and aria-labels for [Pagination](component:pagination) component */\r\n    pagination: PaginationTexts;\r\n    /** Localized texts and aria-labels for [Table](component:table) component */\r\n    table: TableTexts;\r\n    /** Localized texts and aria-labels for [Select](component:select) component */\r\n    select: SelectTexts;\r\n    /** Localized texts and aria-labels for [Toast](component:toast) component */\r\n    toasts: ToastsTexts;\r\n    /** Localized texts and aria-labels for [Tour](component:tour) component */\r\n    tour: TourTexts;\r\n    /** Localized texts and aria-labels for [SearchInput](component:searchinput) component */\r\n    searchInput: SearchInputTexts;\r\n};\r\n\r\nexport type Localization = {\r\n    /**\r\n     * Provide the language code used in application.\r\n     * Default value is `en-GB`\r\n     */\r\n    locale: Locale;\r\n    /** Provide the texts and aria-labels for components used within the provider */\r\n    texts: LocalizationTexts;\r\n    /** Provide the formatting */\r\n    formatting: {\r\n        /** Default value is `dd.mm.yy` */\r\n        date: string;\r\n    };\r\n};\r\nexport type Taco = {\r\n    /** Define localized texts and formatted data in your application */\r\n    localization: Localization;\r\n};\r\n\r\nexport const defaultLocalisationTexts = {\r\n    calendar: {\r\n        months: [\r\n            'January',\r\n            'February',\r\n            'March',\r\n            'April',\r\n            'May',\r\n            'June',\r\n            'July',\r\n            'August',\r\n            'September',\r\n            'October',\r\n            'November',\r\n            'December',\r\n        ],\r\n        weekdaysShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],\r\n        actions: {\r\n            previousMonth: 'Previous month',\r\n            nextMonth: 'Next month',\r\n            previousYear: 'Previous year',\r\n            nextYear: 'Next year',\r\n            today: 'Today',\r\n        },\r\n    },\r\n    datepicker: {\r\n        calendar: 'Calendar',\r\n        clear: 'Clear',\r\n        expand: 'Show calendar',\r\n        shortcuts: 'Shortcuts',\r\n    },\r\n    hanger: {\r\n        close: 'Close',\r\n    },\r\n    listbox: {\r\n        loading: 'Loading results...',\r\n        empty: 'No results found',\r\n        allOption: 'All',\r\n    },\r\n    dialog: {\r\n        close: 'Close',\r\n        drag: 'Drag',\r\n    },\r\n    pagination: {\r\n        label: 'Pagination',\r\n        pageSize: 'Items per page',\r\n        showingXofYofTotal: 'Showing [X] - [Y] of [total]',\r\n        actions: {\r\n            firstPage: 'Goto first page',\r\n            firstPageWithShortcut: 'Goto first page (Home)',\r\n            previousPage: 'Goto previous page',\r\n            previousPageWithShortcut: 'Goto previous page (Page Up)',\r\n            nextPage: 'Goto next page',\r\n            nextPageWithShortcut: 'Goto next page (Page Down)',\r\n            lastPage: 'Goto last page',\r\n            lastPageWithShortcut: 'Goto last page (End)',\r\n            pageX: 'Goto page [X]',\r\n        },\r\n    },\r\n    table: {\r\n        actions: 'Other actions',\r\n        edit: 'Edit (e)',\r\n        copy: 'Copy (c)',\r\n        del: 'Delete (del)',\r\n        newSubRow: 'New row (shift + n)',\r\n        loading: 'Loading...',\r\n    },\r\n    select: {\r\n        allOptionsSelected: 'All',\r\n    },\r\n    toasts: {\r\n        dismiss: 'Dismiss',\r\n    },\r\n    tour: {\r\n        back: 'Back',\r\n        close: 'Close',\r\n        skip: 'Close and complete',\r\n        last: 'Done',\r\n        next: 'Next',\r\n        open: 'Open',\r\n    },\r\n    searchInput: {\r\n        inputLabel: 'Search...',\r\n    },\r\n};\r\n\r\nconst defaultLocalizationContext: Localization = {\r\n    locale: 'en-GB',\r\n    texts: defaultLocalisationTexts,\r\n    formatting: {\r\n        date: 'dd.mm.yy',\r\n    },\r\n};\r\n\r\nconst Context = React.createContext<Taco>({\r\n    localization: defaultLocalizationContext,\r\n});\r\n\r\nexport type ProviderProps = {\r\n    /** Content would be your application */\r\n    children?: any;\r\n    /** Define localized texts and formatted data in your application */\r\n    localization?: Localization;\r\n};\r\n\r\nexport const Provider = (props: ProviderProps): JSX.Element => {\r\n    const { children, localization = defaultLocalizationContext } = props;\r\n    const value = React.useMemo(() => ({ localization }), [localization]);\r\n\r\n    return (\r\n        <Context.Provider value={value}>\r\n            <ToastProvider>{children}</ToastProvider>\r\n        </Context.Provider>\r\n    );\r\n};\r\n\r\nexport const useTaco = (): Taco => React.useContext(Context);\r\nexport const useLocalization = (): Localization => useTaco().localization;\r\n"],"names":["defaultLocalisationTexts","calendar","months","weekdaysShort","actions","previousMonth","nextMonth","previousYear","nextYear","today","datepicker","clear","expand","shortcuts","hanger","close","listbox","loading","empty","allOption","dialog","drag","pagination","label","pageSize","showingXofYofTotal","firstPage","firstPageWithShortcut","previousPage","previousPageWithShortcut","nextPage","nextPageWithShortcut","lastPage","lastPageWithShortcut","pageX","table","edit","copy","del","newSubRow","select","allOptionsSelected","toasts","dismiss","tour","back","skip","last","next","open","searchInput","inputLabel","defaultLocalizationContext","locale","texts","formatting","date","Context","React","localization","Provider","props","children","value","ToastProvider","useTaco","useLocalization"],"mappings":"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"}