@economic/taco 1.16.2 → 1.17.0-alpha.0

package/dist/esm/packages/taco/src/components/Datepicker/useDatepicker.js

@@ -1,83 +0,0 @@
-import { useState, useEffect } from 'react';
-import { useLocalization } from '../Provider/Localization.js';
-import { useMergedRef } from '../../hooks/useMergedRef.js';
-import { setInputValueByRef } from '../../utils/input.js';
-import { format, parseFromCustomString } from '../../utils/date.js';
-
-const useDatepicker = ({
-  defaultValue: _,
-  calendar,
-  onBlur,
-  onChange,
-  value,
-  ...props
-}, ref) => {
-  const inputRef = useMergedRef(ref);
-  const {
-    formatting
-  } = useLocalization();
-  const [internalValue, setInternalValue] = useState(value ? format(value, formatting.date) : '');
-  // update internal value if it changed 'externally'
-  useEffect(() => {
-    if (value) {
-      const formattedValue = format(value, formatting.date);
-      if (formattedValue !== internalValue) {
-        setInternalValue(formattedValue);
-      }
-    } else {
-      setInternalValue('');
-    }
-  }, [value]);
-  // event handlers
-  const handleInputBlur = event => {
-    event.persist();
-    const valueAsDate = parseFromCustomString(event.target.value);
-    const formattedValue = valueAsDate ? format(valueAsDate) || '' : '';
-    event.target.value = formattedValue;
-    if (onChange) {
-      event.detail = valueAsDate;
-      onChange(event);
-    } else {
-      // update the internal value to use the formatted date
-      setInternalValue(formattedValue);
-    }
-    if (onBlur) {
-      onBlur(event);
-    }
-  };
-  const handleInputChange = event => {
-    setInternalValue(event.target.value);
-  };
-  const handleChange = date => {
-    setInputValueByRef(inputRef.current, format(date, formatting.date), 'focusout');
-  };
-  const handleKeyDown = event => {
-    if (event.key === 'Enter') {
-      event.target.dispatchEvent(new Event('focusout', {
-        bubbles: true
-      }));
-    }
-  };
-  const inputProps = {
-    ...props,
-    autoComplete: 'off',
-    onBlur: handleInputBlur,
-    onChange: handleInputChange,
-    onKeyDown: handleKeyDown,
-    ref: inputRef,
-    type: 'text',
-    value: internalValue
-  };
-  const calendarProps = {
-    ...calendar,
-    onChange: handleChange,
-    value
-  };
-  return {
-    input: inputProps,
-    calendar: calendarProps
-  };
-};
-
-export { useDatepicker };
-//# sourceMappingURL=useDatepicker.js.map

package/dist/esm/packages/taco/src/components/Datepicker/useDatepicker.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDatepicker.js","sources":["../../../../../../../src/components/Datepicker/useDatepicker.tsx"],"sourcesContent":["import * as React from 'react';\nimport { parseFromCustomString, format } from '../../utils/date';\nimport { useLocalization } from '../Provider/Localization';\nimport { setInputValueByRef } from '../../utils/input';\nimport { useMergedRef } from '../../hooks/useMergedRef';\nimport { DatepickerProps } from './Datepicker';\nimport { CalendarProps } from '../Calendar/Calendar';\n\ntype InputProps = React.InputHTMLAttributes<HTMLInputElement> & { ref: React.RefObject<HTMLInputElement> };\n\ntype useDatepicker = React.HTMLAttributes<HTMLDivElement> & {\n    calendar: CalendarProps;\n    input: InputProps;\n};\n\nexport const useDatepicker = (\n    { defaultValue: _, calendar, onBlur, onChange, value, ...props }: DatepickerProps,\n    ref: React.Ref<HTMLInputElement>\n): useDatepicker => {\n    const inputRef = useMergedRef<HTMLInputElement>(ref);\n    const { formatting } = useLocalization();\n    const [internalValue, setInternalValue] = React.useState(value ? format(value, formatting.date) : '');\n\n    // update internal value if it changed 'externally'\n    React.useEffect(() => {\n        if (value) {\n            const formattedValue = format(value, formatting.date);\n\n            if (formattedValue !== internalValue) {\n                setInternalValue(formattedValue);\n            }\n        } else {\n            setInternalValue('');\n        }\n    }, [value]);\n\n    // event handlers\n    const handleInputBlur = (event: React.FocusEvent<HTMLInputElement>): void => {\n        event.persist();\n\n        const valueAsDate = parseFromCustomString(event.target.value);\n        const formattedValue = valueAsDate ? format(valueAsDate) || '' : '';\n\n        event.target.value = formattedValue;\n\n        if (onChange) {\n            (event as any).detail = valueAsDate;\n            onChange(event);\n        } else {\n            // update the internal value to use the formatted date\n            setInternalValue(formattedValue);\n        }\n\n        if (onBlur) {\n            onBlur(event);\n        }\n    };\n\n    const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>): void => {\n        setInternalValue(event.target.value);\n    };\n\n    const handleChange = date => {\n        setInputValueByRef(inputRef.current, format(date, formatting.date), 'focusout');\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n        if (event.key === 'Enter') {\n            event.target.dispatchEvent(new Event('focusout', { bubbles: true }));\n        }\n    };\n\n    const inputProps: InputProps = {\n        ...props,\n        autoComplete: 'off',\n        onBlur: handleInputBlur,\n        onChange: handleInputChange,\n        onKeyDown: handleKeyDown,\n        ref: inputRef,\n        type: 'text',\n        value: internalValue,\n    };\n\n    const calendarProps: CalendarProps = {\n        ...calendar,\n        onChange: handleChange,\n        value,\n    };\n\n    return {\n        input: inputProps,\n        calendar: calendarProps,\n    };\n};\n"],"names":["useDatepicker","defaultValue","_","calendar","onBlur","onChange","value","props","ref","inputRef","useMergedRef","formatting","useLocalization","internalValue","setInternalValue","React","format","date","formattedValue","handleInputBlur","event","persist","valueAsDate","parseFromCustomString","target","detail","handleInputChange","handleChange","setInputValueByRef","current","handleKeyDown","key","dispatchEvent","Event","bubbles","inputProps","autoComplete","onKeyDown","type","calendarProps","input"],"mappings":";;;;;;MAeaA,aAAa,GAAG,CACzB;EAAEC,YAAY,EAAEC,CAAC;EAAEC,QAAQ;EAAEC,MAAM;EAAEC,QAAQ;EAAEC,KAAK;EAAE,GAAGC;CAAwB,EACjFC,GAAgC;EAEhC,MAAMC,QAAQ,GAAGC,YAAY,CAAmBF,GAAG,CAAC;EACpD,MAAM;IAAEG;GAAY,GAAGC,eAAe,EAAE;EACxC,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAGC,QAAc,CAACT,KAAK,GAAGU,MAAM,CAACV,KAAK,EAAEK,UAAU,CAACM,IAAI,CAAC,GAAG,EAAE,CAAC;;EAGrGF,SAAe,CAAC;IACZ,IAAIT,KAAK,EAAE;MACP,MAAMY,cAAc,GAAGF,MAAM,CAACV,KAAK,EAAEK,UAAU,CAACM,IAAI,CAAC;MAErD,IAAIC,cAAc,KAAKL,aAAa,EAAE;QAClCC,gBAAgB,CAACI,cAAc,CAAC;;KAEvC,MAAM;MACHJ,gBAAgB,CAAC,EAAE,CAAC;;GAE3B,EAAE,CAACR,KAAK,CAAC,CAAC;;EAGX,MAAMa,eAAe,GAAIC,KAAyC;IAC9DA,KAAK,CAACC,OAAO,EAAE;IAEf,MAAMC,WAAW,GAAGC,qBAAqB,CAACH,KAAK,CAACI,MAAM,CAAClB,KAAK,CAAC;IAC7D,MAAMY,cAAc,GAAGI,WAAW,GAAGN,MAAM,CAACM,WAAW,CAAC,IAAI,EAAE,GAAG,EAAE;IAEnEF,KAAK,CAACI,MAAM,CAAClB,KAAK,GAAGY,cAAc;IAEnC,IAAIb,QAAQ,EAAE;MACTe,KAAa,CAACK,MAAM,GAAGH,WAAW;MACnCjB,QAAQ,CAACe,KAAK,CAAC;KAClB,MAAM;;MAEHN,gBAAgB,CAACI,cAAc,CAAC;;IAGpC,IAAId,MAAM,EAAE;MACRA,MAAM,CAACgB,KAAK,CAAC;;GAEpB;EAED,MAAMM,iBAAiB,GAAIN,KAA0C;IACjEN,gBAAgB,CAACM,KAAK,CAACI,MAAM,CAAClB,KAAK,CAAC;GACvC;EAED,MAAMqB,YAAY,GAAGV,IAAI;IACrBW,kBAAkB,CAACnB,QAAQ,CAACoB,OAAO,EAAEb,MAAM,CAACC,IAAI,EAAEN,UAAU,CAACM,IAAI,CAAC,EAAE,UAAU,CAAC;GAClF;EAED,MAAMa,aAAa,GAAIV,KAA4C;IAC/D,IAAIA,KAAK,CAACW,GAAG,KAAK,OAAO,EAAE;MACvBX,KAAK,CAACI,MAAM,CAACQ,aAAa,CAAC,IAAIC,KAAK,CAAC,UAAU,EAAE;QAAEC,OAAO,EAAE;OAAM,CAAC,CAAC;;GAE3E;EAED,MAAMC,UAAU,GAAe;IAC3B,GAAG5B,KAAK;IACR6B,YAAY,EAAE,KAAK;IACnBhC,MAAM,EAAEe,eAAe;IACvBd,QAAQ,EAAEqB,iBAAiB;IAC3BW,SAAS,EAAEP,aAAa;IACxBtB,GAAG,EAAEC,QAAQ;IACb6B,IAAI,EAAE,MAAM;IACZhC,KAAK,EAAEO;GACV;EAED,MAAM0B,aAAa,GAAkB;IACjC,GAAGpC,QAAQ;IACXE,QAAQ,EAAEsB,YAAY;IACtBrB;GACH;EAED,OAAO;IACHkC,KAAK,EAAEL,UAAU;IACjBhC,QAAQ,EAAEoC;GACb;AACL;;;;"}

package/dist/esm/packages/taco/src/components/Dialog/Context.js

@@ -1,26 +0,0 @@
-import { createContext, useContext } from 'react';
-
-/* eslint-disable @typescript-eslint/no-empty-function */
-const DialogContext = /*#__PURE__*/createContext({
-  closeOnEscape: true,
-  draggable: false,
-  drawer: {
-    open: false,
-    toggle: () => {}
-  },
-  elements: {
-    drawer: undefined,
-    extra: undefined
-  },
-  onClose: () => {},
-  props: {},
-  ref: null,
-  showCloseButton: true,
-  size: 'sm'
-});
-const useCurrentDialog = () => {
-  return useContext(DialogContext);
-};
-
-export { DialogContext, useCurrentDialog };
-//# sourceMappingURL=Context.js.map

package/dist/esm/packages/taco/src/components/Dialog/Context.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Context.js","sources":["../../../../../../../src/components/Dialog/Context.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-empty-function */\nimport * as React from 'react';\nimport { DialogSize } from './types';\n\nexport type DialogContext = {\n    closeOnEscape: boolean;\n    draggable: boolean;\n    drawer: {\n        open: boolean;\n        toggle: () => void;\n    };\n    elements: {\n        drawer?: React.ReactNode;\n        extra?: React.ReactNode;\n    };\n    onClose?: () => void;\n    props: {};\n    ref: React.Ref<HTMLElement>;\n    showCloseButton: boolean;\n    size: DialogSize;\n};\n\nexport const DialogContext = React.createContext<DialogContext>({\n    closeOnEscape: true,\n    draggable: false,\n    drawer: {\n        open: false,\n        toggle: () => {},\n    },\n    elements: {\n        drawer: undefined,\n        extra: undefined,\n    },\n    onClose: () => {},\n    props: {},\n    ref: null,\n    showCloseButton: true,\n    size: 'sm',\n});\n\nexport const useCurrentDialog = () => {\n    return React.useContext(DialogContext);\n};\n"],"names":["DialogContext","React","closeOnEscape","draggable","drawer","open","toggle","elements","undefined","extra","onClose","props","ref","showCloseButton","size","useCurrentDialog"],"mappings":";;AAAA;MAsBaA,aAAa,gBAAGC,aAAmB,CAAgB;EAC5DC,aAAa,EAAE,IAAI;EACnBC,SAAS,EAAE,KAAK;EAChBC,MAAM,EAAE;IACJC,IAAI,EAAE,KAAK;IACXC,MAAM,EAAE;GACX;EACDC,QAAQ,EAAE;IACNH,MAAM,EAAEI,SAAS;IACjBC,KAAK,EAAED;GACV;EACDE,OAAO,EAAE,QAAQ;EACjBC,KAAK,EAAE,EAAE;EACTC,GAAG,EAAE,IAAI;EACTC,eAAe,EAAE,IAAI;EACrBC,IAAI,EAAE;CACT;MAEYC,gBAAgB,GAAG;EAC5B,OAAOd,UAAgB,CAACD,aAAa,CAAC;AAC1C;;;;"}

package/dist/esm/packages/taco/src/components/Dialog/Dialog.js

@@ -1,77 +0,0 @@
-import { forwardRef, useMemo, Children, useState, createElement } from 'react';
-import { Root } from '@radix-ui/react-dialog';
-import { DialogContext } from './Context.js';
-import { Trigger } from './components/Trigger.js';
-import { Content, Title, Footer, Close } from './components/Content.js';
-import { Drawer } from './components/Drawer.js';
-import { Extra } from './components/Extra.js';
-
-const useSeparatedChildren = initialChildren => {
-  return useMemo(() => {
-    const children = [];
-    let drawer;
-    let extra;
-    Children.toArray(initialChildren).forEach(child => {
-      var _child$type, _child$type2;
-      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.displayName) {
-        extra = child;
-      } else {
-        children.push(child);
-      }
-    });
-    return [children, drawer, extra];
-  }, [initialChildren]);
-};
-const Dialog = /*#__PURE__*/forwardRef(function Dialog(props, ref) {
-  const {
-    children: initialChildren,
-    closeOnEscape = true,
-    defaultOpen,
-    draggable = false,
-    onChange,
-    onClose,
-    open,
-    showCloseButton = true,
-    size = 'sm',
-    trigger,
-    ...otherProps
-  } = props;
-  const [children, drawer, extra] = useSeparatedChildren(initialChildren);
-  const [drawerOpen, setDrawerOpen] = useState(false);
-  const context = useMemo(() => ({
-    closeOnEscape,
-    draggable,
-    drawer: {
-      open: drawerOpen,
-      toggle: () => setDrawerOpen(isDrawerOpen => !isDrawerOpen)
-    },
-    elements: {
-      drawer,
-      extra
-    },
-    onClose,
-    props: otherProps,
-    showCloseButton,
-    size,
-    ref
-  }), [closeOnEscape, drawerOpen, draggable, drawer, extra, open, otherProps, showCloseButton]);
-  return /*#__PURE__*/createElement(DialogContext.Provider, {
-    value: context
-  }, /*#__PURE__*/createElement(Root, {
-    defaultOpen: defaultOpen,
-    open: open,
-    onOpenChange: onChange
-  }, trigger && /*#__PURE__*/createElement(Trigger, null, trigger), children));
-});
-Dialog.Trigger = Trigger;
-Dialog.Content = Content;
-Dialog.Title = Title;
-Dialog.Footer = Footer;
-Dialog.Extra = Extra;
-Dialog.Drawer = Drawer;
-Dialog.Close = Close;
-
-export { Dialog };
-//# sourceMappingURL=Dialog.js.map

package/dist/esm/packages/taco/src/components/Dialog/Dialog.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Dialog.js","sources":["../../../../../../../src/components/Dialog/Dialog.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as DialogPrimitive from '@radix-ui/react-dialog';\nimport './Dialog.css';\nimport { DialogTriggerProps, Trigger } from './components/Trigger';\nimport {\n    Content,\n    Title,\n    Footer,\n    Close,\n    DialogContentProps,\n    DialogContentRenderProps,\n    DialogContentDrawerRenderProps,\n    DialogTitleProps,\n    DialogFooterProps,\n    DialogCloseProps,\n} from './components/Content';\nimport { DialogDrawerProps, DialogDrawerRenderProps, Drawer } from './components/Drawer';\nimport { DialogExtraProps, Extra } from './components/Extra';\nimport { DialogContext } from './Context';\nimport { DialogSize } from './types';\n\nexport type {\n    DialogCloseProps,\n    DialogContentDrawerRenderProps,\n    DialogContentProps,\n    DialogContentRenderProps,\n    DialogDrawerProps,\n    DialogDrawerRenderProps,\n    DialogFooterProps,\n    DialogSize,\n    DialogTitleProps,\n};\n\nexport type DialogTexts = {\n    /**\n     * Aria-label for close icon button in dialog.\n     * To read more about how to provide the text, see [Provider](component:provider) component\n     */\n    close: string;\n    drag: string;\n};\n\nexport type DialogProps = {\n    children: React.ReactNode | React.ReactNode[];\n    /** When `true`, pressing escape will close the dialog */\n    closeOnEscape?: boolean;\n    /** Set whether the dialog is open by default or not, use when not providing a trigger  */\n    defaultOpen?: boolean;\n    /** Allows dragging the dialog around the screen (window constrained) */\n    draggable?: boolean;\n    /** Handler called when dialog closes by user interaction */\n    onClose?: () => void;\n    /** Called when the dialog opens or closes, must be used in conjunction with open  */\n    onChange?: (open: boolean) => void;\n    /** Control the open state of the dialog from outside the component  */\n    open?: boolean;\n    /** Shows the close icon button of the dialog */\n    showCloseButton?: boolean;\n    /** Size of the dialog. This is the recommended way to set a size for dialog component. */\n    size?: DialogSize;\n    /** A trigger to be used for the dialog, should not be set if `children` already contains a trigger */\n    trigger?: JSX.Element;\n};\n\nconst useSeparatedChildren = initialChildren => {\n    return React.useMemo(() => {\n        const children: any[] = [];\n        let drawer;\n        let extra;\n\n        React.Children.toArray(initialChildren).forEach((child: any) => {\n            if (child.type?.displayName === Drawer.displayName) {\n                drawer = child;\n            } else if (child.type?.displayName === Extra.displayName) {\n                extra = child;\n            } else {\n                children.push(child);\n            }\n        });\n\n        return [children, drawer, extra];\n    }, [initialChildren]);\n};\n\nexport type ForwardedDialogWithStatics = React.ForwardRefExoticComponent<DialogProps & React.RefAttributes<HTMLElement>> & {\n    Trigger: React.ForwardRefExoticComponent<DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;\n    Content: React.ForwardRefExoticComponent<DialogContentProps & React.RefAttributes<HTMLDivElement>>;\n    Title: React.ForwardRefExoticComponent<DialogTitleProps & React.RefAttributes<HTMLHeadingElement>>;\n    Footer: React.ForwardRefExoticComponent<DialogFooterProps & React.RefAttributes<HTMLDivElement>>;\n    Extra: React.ForwardRefExoticComponent<DialogExtraProps & React.RefAttributes<HTMLDivElement>>;\n    Drawer: React.ForwardRefExoticComponent<DialogDrawerProps & React.RefAttributes<HTMLDivElement>>;\n    Close: React.ForwardRefExoticComponent<DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;\n};\n\nexport const Dialog = React.forwardRef(function Dialog(props: DialogProps, ref: React.Ref<HTMLElement>) {\n    const {\n        children: initialChildren,\n        closeOnEscape = true,\n        defaultOpen,\n        draggable = false,\n        onChange,\n        onClose,\n        open,\n        showCloseButton = true,\n        size = 'sm',\n        trigger,\n        ...otherProps\n    } = props;\n    const [children, drawer, extra] = useSeparatedChildren(initialChildren);\n    const [drawerOpen, setDrawerOpen] = React.useState(false);\n\n    const context = React.useMemo(\n        () => ({\n            closeOnEscape,\n            draggable,\n            drawer: {\n                open: drawerOpen,\n                toggle: () => setDrawerOpen(isDrawerOpen => !isDrawerOpen),\n            },\n            elements: {\n                drawer,\n                extra,\n            },\n            onClose,\n            props: otherProps,\n            showCloseButton,\n            size,\n            ref,\n        }),\n        [closeOnEscape, drawerOpen, draggable, drawer, extra, open, otherProps, showCloseButton]\n    );\n\n    return (\n        <DialogContext.Provider value={context}>\n            <DialogPrimitive.Root defaultOpen={defaultOpen} open={open} onOpenChange={onChange}>\n                {trigger && <Trigger>{trigger}</Trigger>}\n                {children}\n            </DialogPrimitive.Root>\n        </DialogContext.Provider>\n    );\n}) as ForwardedDialogWithStatics;\n\nDialog.Trigger = Trigger;\nDialog.Content = Content;\nDialog.Title = Title;\nDialog.Footer = Footer;\nDialog.Extra = Extra;\nDialog.Drawer = Drawer;\nDialog.Close = Close;\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":";;;;;;;;AAgEA,MAAMA,oBAAoB,GAAGC,eAAe;EACxC,OAAOC,OAAa,CAAC;IACjB,MAAMC,QAAQ,GAAU,EAAE;IAC1B,IAAIC,MAAM;IACV,IAAIC,KAAK;IAETH,QAAc,CAACI,OAAO,CAACL,eAAe,CAAC,CAACM,OAAO,CAAEC,KAAU;;MACvD,IAAI,gBAAAA,KAAK,CAACC,IAAI,gDAAV,YAAYC,WAAW,MAAKC,MAAM,CAACD,WAAW,EAAE;QAChDN,MAAM,GAAGI,KAAK;OACjB,MAAM,IAAI,iBAAAA,KAAK,CAACC,IAAI,iDAAV,aAAYC,WAAW,MAAKE,KAAK,CAACF,WAAW,EAAE;QACtDL,KAAK,GAAGG,KAAK;OAChB,MAAM;QACHL,QAAQ,CAACU,IAAI,CAACL,KAAK,CAAC;;KAE3B,CAAC;IAEF,OAAO,CAACL,QAAQ,EAAEC,MAAM,EAAEC,KAAK,CAAC;GACnC,EAAE,CAACJ,eAAe,CAAC,CAAC;AACzB,CAAC;MAYYa,MAAM,gBAAGZ,UAAgB,CAAC,SAASY,MAAM,CAACC,KAAkB,EAAEC,GAA2B;EAClG,MAAM;IACFb,QAAQ,EAAEF,eAAe;IACzBgB,aAAa,GAAG,IAAI;IACpBC,WAAW;IACXC,SAAS,GAAG,KAAK;IACjBC,QAAQ;IACRC,OAAO;IACPC,IAAI;IACJC,eAAe,GAAG,IAAI;IACtBC,IAAI,GAAG,IAAI;IACXC,OAAO;IACP,GAAGC;GACN,GAAGX,KAAK;EACT,MAAM,CAACZ,QAAQ,EAAEC,MAAM,EAAEC,KAAK,CAAC,GAAGL,oBAAoB,CAACC,eAAe,CAAC;EACvE,MAAM,CAAC0B,UAAU,EAAEC,aAAa,CAAC,GAAG1B,QAAc,CAAC,KAAK,CAAC;EAEzD,MAAM2B,OAAO,GAAG3B,OAAa,CACzB,OAAO;IACHe,aAAa;IACbE,SAAS;IACTf,MAAM,EAAE;MACJkB,IAAI,EAAEK,UAAU;MAChBG,MAAM,EAAE,MAAMF,aAAa,CAACG,YAAY,IAAI,CAACA,YAAY;KAC5D;IACDC,QAAQ,EAAE;MACN5B,MAAM;MACNC;KACH;IACDgB,OAAO;IACPN,KAAK,EAAEW,UAAU;IACjBH,eAAe;IACfC,IAAI;IACJR;GACH,CAAC,EACF,CAACC,aAAa,EAAEU,UAAU,EAAER,SAAS,EAAEf,MAAM,EAAEC,KAAK,EAAEiB,IAAI,EAAEI,UAAU,EAAEH,eAAe,CAAC,CAC3F;EAED,oBACIrB,cAAC+B,aAAa,CAACC,QAAQ;IAACC,KAAK,EAAEN;kBAC3B3B,cAACkC,IAAoB;IAAClB,WAAW,EAAEA,WAAW;IAAEI,IAAI,EAAEA,IAAI;IAAEe,YAAY,EAAEjB;KACrEK,OAAO,iBAAIvB,cAACoC,OAAO,QAAEb,OAAO,CAAW,EACvCtB,QAAQ,CACU,CACF;AAEjC,CAAC;AAEDW,MAAM,CAACwB,OAAO,GAAGA,OAAO;AACxBxB,MAAM,CAACyB,OAAO,GAAGA,OAAO;AACxBzB,MAAM,CAAC0B,KAAK,GAAGA,KAAK;AACpB1B,MAAM,CAAC2B,MAAM,GAAGA,MAAM;AACtB3B,MAAM,CAACF,KAAK,GAAGA,KAAK;AACpBE,MAAM,CAACH,MAAM,GAAGA,MAAM;AACtBG,MAAM,CAAC4B,KAAK,GAAGA,KAAK;;;;"}

package/dist/esm/packages/taco/src/components/Dialog/components/Content.js

@@ -1,118 +0,0 @@
-import { forwardRef, createElement } from 'react';
-import cn from 'classnames';
-import { Backdrop } from '../../Backdrop/Backdrop.js';
-import { getDialogPositionClassnames, getDialogSizeClassnames } from '../util.js';
-import { IconButton } from '../../IconButton/IconButton.js';
-import { useLocalization } from '../../Provider/Localization.js';
-import { useMergedRef } from '../../../hooks/useMergedRef.js';
-import { Title as Title$1, Close as Close$1, Portal, Overlay, Content as Content$1 } from '@radix-ui/react-dialog';
-import { useCurrentDialog } from '../Context.js';
-import { useDraggable } from '../../../utils/hooks/useDraggable.js';
-
-const Title = /*#__PURE__*/forwardRef(function DialogTitle(props, ref) {
-  const className = cn('text-center', props.className);
-  return /*#__PURE__*/createElement(Title$1, Object.assign({}, props, {
-    className: className,
-    ref: ref
-  }));
-});
-const Footer = /*#__PURE__*/forwardRef(function DialogFooter(props, ref) {
-  const className = cn('mt-8 flex justify-end', props.className);
-  return /*#__PURE__*/createElement("div", Object.assign({}, props, {
-    className: className,
-    ref: ref
-  }), props.children);
-});
-const Close = /*#__PURE__*/forwardRef(function DialogClose(props, ref) {
-  const dialog = useCurrentDialog();
-  return /*#__PURE__*/createElement(Close$1, Object.assign({
-    onClick: dialog.onClose
-  }, props, {
-    ref: ref,
-    asChild: true
-  }));
-});
-const RenderPropWrapper = /*#__PURE__*/forwardRef(function RenderPropWrapper({
-  children,
-  onClick,
-  renderProps
-}, ref) {
-  const close = () => {
-    onClick(new CustomEvent('close'));
-  };
-  return children({
-    close,
-    ref,
-    ...renderProps
-  });
-});
-const Content = /*#__PURE__*/forwardRef(function DialogContent(props, ref) {
-  const dialog = useCurrentDialog();
-  const internalRef = useMergedRef(ref);
-  const {
-    position,
-    dragging,
-    handleProps: dragHandleProps
-  } = useDraggable(internalRef);
-  const {
-    texts
-  } = useLocalization();
-  const className = cn('relative bg-white animate-[fade-in_150ms]', getDialogPositionClassnames(), getDialogSizeClassnames(dialog.size));
-  const containerClassName = cn('bg-white p-6 rounded relative z-10', 'shadow-[0_6px_9px_0_rgba(89,85,98,0.3),0_0_1px_0_rgba(89,85,98,0.2)]', {
-    'rounded-b-none': !!dialog.elements.extra
-  }, props.className);
-  const handleEscapeKeyDown = event => {
-    if (!dialog.closeOnEscape) {
-      event.preventDefault();
-    } else if (dialog.onClose) {
-      dialog.onClose();
-    }
-  };
-  // the chosen behaviour in taco is that outside clicks do not close the dialog
-  const handleInteractOutside = event => event.preventDefault();
-  let output;
-  if (typeof props.children === 'function') {
-    output = /*#__PURE__*/createElement(Close$1, {
-      asChild: true
-    }, /*#__PURE__*/createElement(RenderPropWrapper, {
-      renderProps: {
-        drawer: dialog.drawer
-      }
-    }, props.children));
-  } else {
-    output = props.children;
-  }
-  return /*#__PURE__*/createElement(Portal, null, /*#__PURE__*/createElement(Overlay, {
-    asChild: true
-  }, /*#__PURE__*/createElement(Backdrop, null, /*#__PURE__*/createElement(Content$1, Object.assign({}, props, {
-    className: className,
-    onEscapeKeyDown: handleEscapeKeyDown,
-    onInteractOutside: handleInteractOutside,
-    ref: internalRef,
-    style: {
-      ...props.style,
-      left: dialog.draggable ? `${position.x}px` : undefined,
-      top: dialog.draggable ? `${position.y}px` : undefined
-    }
-  }), /*#__PURE__*/createElement("div", {
-    className: containerClassName,
-    "data-taco": "dialog"
-  }, output, dialog.draggable && /*#__PURE__*/createElement("div", Object.assign({}, dragHandleProps, {
-    role: "button",
-    draggable: true,
-    "aria-grabbed": dragging,
-    "aria-label": texts.dialog.drag,
-    className: "yt-dialog__drag absolute-center-x bg-grey-light top-1.5 h-3 w-24 cursor-move rounded text-center"
-  })), dialog.showCloseButton ? /*#__PURE__*/createElement(Close$1, {
-    onClick: dialog.onClose,
-    asChild: true
-  }, /*#__PURE__*/createElement(IconButton, {
-    appearance: "discrete",
-    "aria-label": texts.dialog.close,
-    className: "absolute top-0 right-0 mt-2 mr-2",
-    icon: "close"
-  })) : null), dialog.elements.drawer, dialog.elements.extra))));
-});
-
-export { Close, Content, Footer, Title };
-//# sourceMappingURL=Content.js.map

package/dist/esm/packages/taco/src/components/Dialog/components/Content.js.map

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

package/dist/esm/packages/taco/src/components/Dialog/components/Drawer.js

@@ -1,41 +0,0 @@
-import { forwardRef, createElement } from 'react';
-import cn from 'classnames';
-import { useCurrentDialog } from '../Context.js';
-import { motion } from 'framer-motion';
-
-const Drawer = /*#__PURE__*/forwardRef(function DialogDrawer(props, ref) {
-  var _dialog$drawer, _dialog$drawer2;
-  const dialog = useCurrentDialog();
-  const className = cn('absolute top-0  -ml-[4px] hidden h-full w-full overflow-y-auto rounded-r bg-white p-6 text-left', props.className);
-  return /*#__PURE__*/createElement(motion.div, Object.assign({}, props, {
-    className: className,
-    "data-taco": "dialog-drawer",
-    "aria-hidden": !((_dialog$drawer = dialog.drawer) !== null && _dialog$drawer !== void 0 && _dialog$drawer.open),
-    variants: {
-      visible: {
-        left: '100%',
-        display: 'block',
-        transition: {
-          ease: 'easeOut',
-          duration: 0.2
-        }
-      },
-      hidden: {
-        left: '0%',
-        transition: {
-          ease: 'easeOut',
-          duration: 0.2
-        },
-        transitionEnd: {
-          display: 'none'
-        }
-      }
-    },
-    animate: (_dialog$drawer2 = dialog.drawer) !== null && _dialog$drawer2 !== void 0 && _dialog$drawer2.open ? 'visible' : 'hidden',
-    ref: ref
-  }), typeof props.children === 'function' ? props.children(dialog.drawer) : props.children);
-});
-Drawer.displayName = 'DialogDrawer';
-
-export { Drawer };
-//# sourceMappingURL=Drawer.js.map

package/dist/esm/packages/taco/src/components/Dialog/components/Drawer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Drawer.js","sources":["../../../../../../../../src/components/Dialog/components/Drawer.tsx"],"sourcesContent":["import * as React from 'react';\nimport { motion } from 'framer-motion';\nimport cn from 'classnames';\nimport { DialogContext, useCurrentDialog } from '../Context';\n\nexport type DialogDrawerRenderProps = DialogContext['drawer'];\n\nexport type DialogDrawerProps = Omit<\n    React.HTMLAttributes<HTMLDivElement>,\n    'onAnimationStart' | 'onDragStart' | 'onDragEnd' | 'onDrag'\n> & {\n    children: Omit<React.ReactNode, 'Function'> | ((props: DialogDrawerRenderProps) => React.ReactNode);\n};\n\nconst Drawer = React.forwardRef(function DialogDrawer(props: DialogDrawerProps, ref: React.Ref<HTMLDivElement>) {\n    const dialog = useCurrentDialog();\n    const className = cn(\n        'absolute top-0  -ml-[4px] hidden h-full w-full overflow-y-auto rounded-r bg-white p-6 text-left',\n        props.className\n    );\n\n    return (\n        <motion.div\n            {...props}\n            className={className}\n            data-taco=\"dialog-drawer\"\n            aria-hidden={!dialog.drawer?.open}\n            variants={{\n                visible: {\n                    left: '100%',\n                    display: 'block',\n                    transition: { ease: 'easeOut', duration: 0.2 },\n                },\n                hidden: {\n                    left: '0%',\n                    transition: { ease: 'easeOut', duration: 0.2 },\n                    transitionEnd: {\n                        display: 'none',\n                    },\n                },\n            }}\n            animate={dialog.drawer?.open ? 'visible' : 'hidden'}\n            ref={ref}>\n            {typeof props.children === 'function' ? props.children(dialog.drawer) : props.children}\n        </motion.div>\n    );\n});\nDrawer.displayName = 'DialogDrawer';\n\nexport { Drawer };\n"],"names":["Drawer","React","DialogDrawer","props","ref","dialog","useCurrentDialog","className","cn","motion","div","drawer","open","variants","visible","left","display","transition","ease","duration","hidden","transitionEnd","animate","children","displayName"],"mappings":";;;;;MAcMA,MAAM,gBAAGC,UAAgB,CAAC,SAASC,YAAY,CAACC,KAAwB,EAAEC,GAA8B;;EAC1G,MAAMC,MAAM,GAAGC,gBAAgB,EAAE;EACjC,MAAMC,SAAS,GAAGC,EAAE,CAChB,iGAAiG,EACjGL,KAAK,CAACI,SAAS,CAClB;EAED,oBACIN,cAACQ,MAAM,CAACC,GAAG,oBACHP,KAAK;IACTI,SAAS,EAAEA,SAAS;iBACV,eAAe;mBACZ,oBAACF,MAAM,CAACM,MAAM,2CAAb,eAAeC,IAAI;IACjCC,QAAQ,EAAE;MACNC,OAAO,EAAE;QACLC,IAAI,EAAE,MAAM;QACZC,OAAO,EAAE,OAAO;QAChBC,UAAU,EAAE;UAAEC,IAAI,EAAE,SAAS;UAAEC,QAAQ,EAAE;;OAC5C;MACDC,MAAM,EAAE;QACJL,IAAI,EAAE,IAAI;QACVE,UAAU,EAAE;UAAEC,IAAI,EAAE,SAAS;UAAEC,QAAQ,EAAE;SAAK;QAC9CE,aAAa,EAAE;UACXL,OAAO,EAAE;;;KAGpB;IACDM,OAAO,EAAE,mBAAAjB,MAAM,CAACM,MAAM,4CAAb,gBAAeC,IAAI,GAAG,SAAS,GAAG,QAAQ;IACnDR,GAAG,EAAEA;MACJ,OAAOD,KAAK,CAACoB,QAAQ,KAAK,UAAU,GAAGpB,KAAK,CAACoB,QAAQ,CAAClB,MAAM,CAACM,MAAM,CAAC,GAAGR,KAAK,CAACoB,QAAQ,CAC7E;AAErB,CAAC;AACDvB,MAAM,CAACwB,WAAW,GAAG,cAAc;;;;"}

package/dist/esm/packages/taco/src/components/Dialog/components/Extra.js

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

package/dist/esm/packages/taco/src/components/Dialog/components/Extra.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Extra.js","sources":["../../../../../../../../src/components/Dialog/components/Extra.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'classnames';\n\nexport type DialogExtraProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst Extra = React.forwardRef(function DialogExtra(props: DialogExtraProps, ref: React.Ref<HTMLDivElement>) {\n    const className = cn(\n        'bg-grey-light yt-shadow-inset absolute top-full left-0 -mt-px w-full rounded-t-none rounded-b p-6 text-left',\n        props.className\n    );\n\n    return <div {...props} className={className} data-taco=\"dialog-extra\" ref={ref} />;\n});\nExtra.displayName = 'DialogExtra';\n\nexport { Extra };\n"],"names":["Extra","React","DialogExtra","props","ref","className","cn","displayName"],"mappings":";;;MAKMA,KAAK,gBAAGC,UAAgB,CAAC,SAASC,WAAW,CAACC,KAAuB,EAAEC,GAA8B;EACvG,MAAMC,SAAS,GAAGC,EAAE,CAChB,6GAA6G,EAC7GH,KAAK,CAACE,SAAS,CAClB;EAED,oBAAOJ,uCAASE,KAAK;IAAEE,SAAS,EAAEA,SAAS;iBAAY,cAAc;IAACD,GAAG,EAAEA;KAAO;AACtF,CAAC;AACDJ,KAAK,CAACO,WAAW,GAAG,aAAa;;;;"}

package/dist/esm/packages/taco/src/components/Dialog/components/Trigger.js

@@ -1,19 +0,0 @@
-import { forwardRef, createElement } from 'react';
-import { mergeRefs } from '../../../utils/mergeRefs.js';
-import { Trigger as Trigger$1 } from '@radix-ui/react-dialog';
-import { useCurrentDialog } from '../Context.js';
-
-const Trigger = /*#__PURE__*/forwardRef(function DialogTrigger(props, externalRef) {
-  const {
-    ref: parentRef,
-    props: parentProps
-  } = useCurrentDialog();
-  const refCallback = mergeRefs([parentRef, externalRef]);
-  return /*#__PURE__*/createElement(Trigger$1, Object.assign({}, parentProps, props, {
-    ref: refCallback,
-    asChild: true
-  }));
-});
-
-export { Trigger };
-//# sourceMappingURL=Trigger.js.map

package/dist/esm/packages/taco/src/components/Dialog/components/Trigger.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Trigger.js","sources":["../../../../../../../../src/components/Dialog/components/Trigger.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as DialogPrimitive from '@radix-ui/react-dialog';\nimport { useCurrentDialog } from '../Context';\nimport { mergeRefs } from '../../../utils/mergeRefs';\n\nexport type DialogTriggerProps = React.HTMLAttributes<HTMLButtonElement>;\n\nexport const Trigger = React.forwardRef(function DialogTrigger(\n    props: DialogTriggerProps,\n    externalRef: React.Ref<HTMLButtonElement>\n) {\n    const { ref: parentRef, props: parentProps } = useCurrentDialog();\n    const refCallback = mergeRefs([parentRef, externalRef]);\n\n    return <DialogPrimitive.Trigger {...parentProps} {...props} ref={refCallback} asChild />;\n});\n"],"names":["Trigger","React","DialogTrigger","props","externalRef","ref","parentRef","parentProps","useCurrentDialog","refCallback","mergeRefs","DialogPrimitive","asChild"],"mappings":";;;;;MAOaA,OAAO,gBAAGC,UAAgB,CAAC,SAASC,aAAa,CAC1DC,KAAyB,EACzBC,WAAyC;EAEzC,MAAM;IAAEC,GAAG,EAAEC,SAAS;IAAEH,KAAK,EAAEI;GAAa,GAAGC,gBAAgB,EAAE;EACjE,MAAMC,WAAW,GAAGC,SAAS,CAAC,CAACJ,SAAS,EAAEF,WAAW,CAAC,CAAC;EAEvD,oBAAOH,cAACU,SAAuB,oBAAKJ,WAAW,EAAMJ,KAAK;IAAEE,GAAG,EAAEI,WAAW;IAAEG,OAAO;KAAG;AAC5F,CAAC;;;;"}

package/dist/esm/packages/taco/src/components/Dialog/util.js

@@ -1,19 +0,0 @@
-const getDialogSizeClassnames = size => {
-  switch (size) {
-    case 'dialog':
-      return 'w-128';
-    case 'xs':
-      return 'w-xs';
-    case 'sm':
-      return 'w-sm';
-    case 'md':
-      return 'w-md';
-    case 'lg':
-      return 'w-lg';
-  }
-};
-const getDialogPositionClassnames = () => 'mt-16 mx-auto';
-const getDialogStylingClassnames = () => 'bg-white rounded animate-[fade-in_150ms] shadow-[0_6px_9px_0_rgba(89,85,98,0.3),0_0_1px_0_rgba(89,85,98,0.2)]';
-
-export { getDialogPositionClassnames, getDialogSizeClassnames, getDialogStylingClassnames };
-//# sourceMappingURL=util.js.map

package/dist/esm/packages/taco/src/components/Dialog/util.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"util.js","sources":["../../../../../../../src/components/Dialog/util.ts"],"sourcesContent":["import { DialogSize } from './types';\n\nexport const getDialogSizeClassnames = (size: DialogSize) => {\n    switch (size) {\n        case 'dialog':\n            return 'w-128';\n        case 'xs':\n            return 'w-xs';\n        case 'sm':\n            return 'w-sm';\n        case 'md':\n            return 'w-md';\n        case 'lg':\n            return 'w-lg';\n    }\n};\n\nexport const getDialogPositionClassnames = () => 'mt-16 mx-auto';\n\nexport const getDialogStylingClassnames = () =>\n    'bg-white rounded animate-[fade-in_150ms] shadow-[0_6px_9px_0_rgba(89,85,98,0.3),0_0_1px_0_rgba(89,85,98,0.2)]';\n"],"names":["getDialogSizeClassnames","size","getDialogPositionClassnames","getDialogStylingClassnames"],"mappings":"MAEaA,uBAAuB,GAAIC,IAAgB;EACpD,QAAQA,IAAI;IACR,KAAK,QAAQ;MACT,OAAO,OAAO;IAClB,KAAK,IAAI;MACL,OAAO,MAAM;IACjB,KAAK,IAAI;MACL,OAAO,MAAM;IACjB,KAAK,IAAI;MACL,OAAO,MAAM;IACjB,KAAK,IAAI;MACL,OAAO,MAAM;;AAEzB;MAEaC,2BAA2B,GAAG,MAAM;MAEpCC,0BAA0B,GAAG,MACtC;;;;"}

package/dist/esm/packages/taco/src/components/Field/Field.js

@@ -1,31 +0,0 @@
-import { forwardRef, createElement } from 'react';
-import cn from 'classnames';
-
-const Field = /*#__PURE__*/forwardRef(function Field(props, ref) {
-  const {
-    disabled,
-    children,
-    invalid = false,
-    message,
-    ...otherProps
-  } = props;
-  const className = cn('flex flex-col font-bold text-xs leading-loose pb-4 min-h-[theme(spacing.18)]', {
-    'text-grey-dark': disabled
-  }, props.className);
-  const messageClassName = cn('h-4 text-xs text-left leading-normal font-normal truncate -mb-4', {
-    'text-grey-darkest': !invalid,
-    'text-red': invalid,
-    'opacity-50': disabled
-  }, props.className);
-  return /*#__PURE__*/createElement("label", Object.assign({}, otherProps, {
-    className: className,
-    "data-taco": "label",
-    ref: ref
-  }), children, message && /*#__PURE__*/createElement("span", {
-    className: messageClassName,
-    role: invalid ? 'alert' : undefined
-  }, message));
-});
-
-export { Field };
-//# sourceMappingURL=Field.js.map

package/dist/esm/packages/taco/src/components/Field/Field.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Field.js","sources":["../../../../../../../src/components/Field/Field.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'classnames';\n\nimport './Field.css';\n\nexport type FieldProps = React.LabelHTMLAttributes<HTMLLabelElement> & {\n    /** Content of the field */\n    children: React.ReactNode;\n    /**\tChanges the style to indicate the element is disabled */\n    disabled?: boolean;\n    /* Whether the input is in an invalid state */\n    invalid?: boolean;\n    /**\n     * Text displayed below the children of Field.\n     * Should be a short text that indicates feedback for user.\n     */\n    message?: string;\n};\n\nexport const Field = React.forwardRef(function Field(props: FieldProps, ref: React.Ref<HTMLLabelElement>) {\n    const { disabled, children, invalid = false, message, ...otherProps } = props;\n    const className = cn(\n        'flex flex-col font-bold text-xs leading-loose pb-4 min-h-[theme(spacing.18)]',\n        {\n            'text-grey-dark': disabled,\n        },\n        props.className\n    );\n    const messageClassName = cn(\n        'h-4 text-xs text-left leading-normal font-normal truncate -mb-4',\n        {\n            'text-grey-darkest': !invalid,\n            'text-red': invalid,\n            'opacity-50': disabled,\n        },\n        props.className\n    );\n\n    return (\n        <label {...otherProps} className={className} data-taco=\"label\" ref={ref}>\n            {children}\n            {message && (\n                <span className={messageClassName} role={invalid ? 'alert' : undefined}>\n                    {message}\n                </span>\n            )}\n        </label>\n    );\n});\n"],"names":["Field","React","props","ref","disabled","children","invalid","message","otherProps","className","cn","messageClassName","role","undefined"],"mappings":";;;MAmBaA,KAAK,gBAAGC,UAAgB,CAAC,SAASD,KAAK,CAACE,KAAiB,EAAEC,GAAgC;EACpG,MAAM;IAAEC,QAAQ;IAAEC,QAAQ;IAAEC,OAAO,GAAG,KAAK;IAAEC,OAAO;IAAE,GAAGC;GAAY,GAAGN,KAAK;EAC7E,MAAMO,SAAS,GAAGC,EAAE,CAChB,8EAA8E,EAC9E;IACI,gBAAgB,EAAEN;GACrB,EACDF,KAAK,CAACO,SAAS,CAClB;EACD,MAAME,gBAAgB,GAAGD,EAAE,CACvB,iEAAiE,EACjE;IACI,mBAAmB,EAAE,CAACJ,OAAO;IAC7B,UAAU,EAAEA,OAAO;IACnB,YAAY,EAAEF;GACjB,EACDF,KAAK,CAACO,SAAS,CAClB;EAED,oBACIR,yCAAWO,UAAU;IAAEC,SAAS,EAAEA,SAAS;iBAAY,OAAO;IAACN,GAAG,EAAEA;MAC/DE,QAAQ,EACRE,OAAO,iBACJN;IAAMQ,SAAS,EAAEE,gBAAgB;IAAEC,IAAI,EAAEN,OAAO,GAAG,OAAO,GAAGO;KACxDN,OAAO,CAEf,CACG;AAEhB,CAAC;;;;"}

package/dist/esm/packages/taco/src/components/Form/Form.js

@@ -1,20 +0,0 @@
-import { forwardRef, createElement } from 'react';
-import cn from 'classnames';
-
-const Form = /*#__PURE__*/forwardRef(function Form(props, ref) {
-  const {
-    horizontal = false,
-    ...otherProps
-  } = props;
-  const className = cn('yt-form', {
-    'yt-form--horizontal flex flex-wrap': horizontal
-  }, props.className);
-  return /*#__PURE__*/createElement("form", Object.assign({}, otherProps, {
-    className: className,
-    "data-taco": "form",
-    ref: ref
-  }));
-});
-
-export { Form };
-//# sourceMappingURL=Form.js.map

package/dist/esm/packages/taco/src/components/Form/Form.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Form.js","sources":["../../../../../../../src/components/Form/Form.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'classnames';\nimport './Form.css';\n\nexport type FormProps = React.FormHTMLAttributes<HTMLFormElement> & {\n    /** Content should be composed of other Taco form elements */\n    children: React.ReactNode;\n    /** Display the form fields in a horizontal layout */\n    horizontal?: boolean;\n};\n\nexport const Form = React.forwardRef(function Form(props: FormProps, ref: React.Ref<HTMLFormElement>) {\n    const { horizontal = false, ...otherProps } = props;\n    const className = cn(\n        'yt-form',\n        {\n            'yt-form--horizontal flex flex-wrap': horizontal,\n        },\n        props.className\n    );\n\n    return <form {...otherProps} className={className} data-taco=\"form\" ref={ref} />;\n});\n"],"names":["Form","React","props","ref","horizontal","otherProps","className","cn"],"mappings":";;;MAWaA,IAAI,gBAAGC,UAAgB,CAAC,SAASD,IAAI,CAACE,KAAgB,EAAEC,GAA+B;EAChG,MAAM;IAAEC,UAAU,GAAG,KAAK;IAAE,GAAGC;GAAY,GAAGH,KAAK;EACnD,MAAMI,SAAS,GAAGC,EAAE,CAChB,SAAS,EACT;IACI,oCAAoC,EAAEH;GACzC,EACDF,KAAK,CAACI,SAAS,CAClB;EAED,oBAAOL,wCAAUI,UAAU;IAAEC,SAAS,EAAEA,SAAS;iBAAY,MAAM;IAACH,GAAG,EAAEA;KAAO;AACpF,CAAC;;;;"}

package/dist/esm/packages/taco/src/components/Group/Group.js

@@ -1,21 +0,0 @@
-import { forwardRef, createElement } from 'react';
-import cn from 'classnames';
-
-const Group = /*#__PURE__*/forwardRef(function Group(props, ref) {
-  const {
-    as: Tag = 'span',
-    orientation = 'horizontal',
-    ...otherProps
-  } = props;
-  const className = cn('flex ', 'gap-2', {
-    'flex-col ': orientation === 'vertical'
-  }, props.className);
-  return /*#__PURE__*/createElement(Tag, Object.assign({}, otherProps, {
-    className: className,
-    "data-taco": "group",
-    ref: ref
-  }));
-});
-
-export { Group };
-//# sourceMappingURL=Group.js.map

package/dist/esm/packages/taco/src/components/Group/Group.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Group.js","sources":["../../../../../../../src/components/Group/Group.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'classnames';\nimport { Orientation } from '../../types';\n\nexport type GroupProps = React.HTMLAttributes<HTMLElement> & {\n    /**\n     * Change what html tag element will render.\n     * Default value is `span`\n     */\n    as?: 'div' | 'span' | 'nav';\n    /** Content should be composed of other Taco elements */\n    children: React.ReactNode;\n    /**\n     * Define orientation of grouping.\n     * @defaultValue horizontal\n     */\n    orientation?: Orientation;\n};\n\nexport const Group = React.forwardRef(function Group(props: GroupProps, ref: React.Ref<HTMLDivElement>) {\n    const { as: Tag = 'span', orientation = 'horizontal', ...otherProps } = props;\n    const className = cn('flex ', 'gap-2', { 'flex-col ': orientation === 'vertical' }, props.className);\n    return <Tag {...otherProps} className={className} data-taco=\"group\" ref={ref} />;\n});\n"],"names":["Group","React","props","ref","as","Tag","orientation","otherProps","className","cn"],"mappings":";;;MAmBaA,KAAK,gBAAGC,UAAgB,CAAC,SAASD,KAAK,CAACE,KAAiB,EAAEC,GAA8B;EAClG,MAAM;IAAEC,EAAE,EAAEC,GAAG,GAAG,MAAM;IAAEC,WAAW,GAAG,YAAY;IAAE,GAAGC;GAAY,GAAGL,KAAK;EAC7E,MAAMM,SAAS,GAAGC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE;IAAE,WAAW,EAAEH,WAAW,KAAK;GAAY,EAAEJ,KAAK,CAACM,SAAS,CAAC;EACpG,oBAAOP,cAACI,GAAG,oBAAKE,UAAU;IAAEC,SAAS,EAAEA,SAAS;iBAAY,OAAO;IAACL,GAAG,EAAEA;KAAO;AACpF,CAAC;;;;"}