@economic/taco 1.12.2 → 1.13.0

package/dist/esm/components/Accordion/Accordion.js

@@ -1,90 +0,0 @@
-import React__default from 'react';
-import cn from 'classnames';
-import { Root, Header, Trigger as Trigger$1, Content as Content$1, Item as Item$1 } from '@radix-ui/react-accordion';
-import { Icon } from '../Icon/Icon.js';
-
-const AccordionContext = /*#__PURE__*/React__default.createContext({
-  as: 'h2'
-});
-const StyledTrigger = /*#__PURE__*/React__default.forwardRef(function AccordionStyledTrigger(props, ref) {
-  const isExpanded = !!props['aria-expanded'];
-  const className = cn('w-full inline-flex justify-between items-center align-middle', 'focus:rounded-sm focus:border-blue focus:yt-focus', props.className);
-  return /*#__PURE__*/React__default.createElement("button", Object.assign({}, props, {
-    ref: ref,
-    className: className
-  }), props.children, /*#__PURE__*/React__default.createElement(Icon, {
-    name: isExpanded ? 'chevron-up' : 'chevron-down'
-  }));
-});
-const Trigger = /*#__PURE__*/React__default.forwardRef(function AccordionTrigger(props, ref) {
-  const {
-    children
-  } = props;
-  const {
-    as: Heading
-  } = React__default.useContext(AccordionContext);
-  return /*#__PURE__*/React__default.createElement(Header, {
-    asChild: true
-  }, /*#__PURE__*/React__default.createElement(Heading, {
-    className: "my-3"
-  }, /*#__PURE__*/React__default.createElement(Trigger$1, {
-    ref: ref,
-    asChild: true
-  }, /*#__PURE__*/React__default.createElement(StyledTrigger, null, children))));
-});
-const Content = /*#__PURE__*/React__default.forwardRef(function AccordionContent(props, ref) {
-  return /*#__PURE__*/React__default.createElement(Content$1, Object.assign({}, props, {
-    ref: ref
-  }));
-});
-
-const Item = props => {
-  const {
-    id,
-    ...otherProps
-  } = props;
-  return /*#__PURE__*/React__default.createElement(Item$1, Object.assign({}, otherProps, {
-    value: id
-  }));
-};
-
-const Accordion = props => {
-  const {
-    id,
-    defaultId,
-    onChange,
-    as = 'h2',
-    ...otherProps
-  } = props;
-  const context = React__default.useMemo(() => ({
-    as
-  }), [as]);
-  let valueProps;
-
-  if (defaultId) {
-    valueProps = {
-      defaultValue: defaultId || undefined
-    };
-  } else {
-    valueProps = {
-      onValueChange: onChange,
-      value: id || undefined
-    };
-  }
-
-  const type = Array.isArray(valueProps.defaultValue) || Array.isArray(valueProps.value) ? 'multiple' : 'single';
-  const className = cn('divide-y divide-grey', props.className);
-  return /*#__PURE__*/React__default.createElement(AccordionContext.Provider, {
-    value: context
-  }, /*#__PURE__*/React__default.createElement(Root, Object.assign({}, otherProps, valueProps, {
-    "data-taco": "accordion",
-    className: className,
-    type: type
-  })));
-};
-Accordion.Item = Item;
-Accordion.Trigger = Trigger;
-Accordion.Content = Content;
-
-export { Accordion };
-//# sourceMappingURL=Accordion.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Accordion.js","sources":["../../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport * as AccordionPrimitive from '@radix-ui/react-accordion';\nimport { Icon } from '../Icon/Icon';\n\ntype AccordionContext = {\n    as: 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n};\nconst AccordionContext = React.createContext<AccordionContext>({\n    as: 'h2',\n});\n\nexport type AccordionTriggerProps = React.HTMLAttributes<HTMLElement>;\n\nconst StyledTrigger = React.forwardRef(function AccordionStyledTrigger(\n    props: AccordionPrimitive.AccordionTriggerProps,\n    ref: React.Ref<HTMLButtonElement>\n) {\n    const isExpanded = !!props['aria-expanded'];\n\n    const className = cn(\n        'w-full inline-flex justify-between items-center align-middle',\n        'focus:rounded-sm focus:border-blue focus:yt-focus',\n        props.className\n    );\n\n    return (\n        <button {...props} ref={ref} className={className}>\n            {props.children}\n            <Icon name={isExpanded ? 'chevron-up' : 'chevron-down'} />\n        </button>\n    );\n});\n\nconst Trigger = React.forwardRef(function AccordionTrigger(props: AccordionTriggerProps, ref: React.Ref<HTMLButtonElement>) {\n    const { children } = props;\n    const { as: Heading } = React.useContext(AccordionContext);\n\n    return (\n        <AccordionPrimitive.Header asChild>\n            <Heading className=\"my-3\">\n                <AccordionPrimitive.Trigger ref={ref} asChild>\n                    <StyledTrigger>{children}</StyledTrigger>\n                </AccordionPrimitive.Trigger>\n            </Heading>\n        </AccordionPrimitive.Header>\n    );\n});\n\nexport type AccordionContentProps = React.HTMLAttributes<HTMLElement>;\nconst Content = React.forwardRef(function AccordionContent(props: AccordionContentProps, ref: React.Ref<HTMLDivElement>) {\n    return <AccordionPrimitive.Content {...props} ref={ref} />;\n});\n\nexport type AccordionItemProps = React.HTMLAttributes<HTMLDivElement> & {\n    id: string;\n    disabled?: boolean;\n};\nconst Item = (props: AccordionItemProps) => {\n    const { id, ...otherProps } = props;\n    return <AccordionPrimitive.Item {...otherProps} value={id} />;\n};\n\ntype AccordionBaseProps = {\n    children: React.ReactNode[];\n\n    /** Change what heading element accordion regions will render */\n    as?: 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n\n    /** Additional classes for Accordion root element */\n    className?: string;\n};\n\nexport interface AccordionUncontrolledProps extends AccordionBaseProps {\n    /** Default expanded accordion(s) */\n    defaultId: string | string[];\n\n    id?: never;\n    onChange?: never;\n}\n\nexport interface AccordionMultipleControlledProps extends AccordionBaseProps {\n    /** Expanded accordions */\n    id: string[];\n\n    /** onChange function to receive ids of expanded accordions */\n    onChange: (id: string[]) => void;\n\n    defaultId?: never;\n}\nexport interface AccordionSingleControlledProps extends AccordionBaseProps {\n    /** Expanded accordion */\n    id: string;\n\n    /** onChange function to receive id of expanded accordion */\n    onChange: (id: string) => void;\n\n    defaultId?: never;\n}\n\nexport type AccordionProps = AccordionUncontrolledProps | AccordionMultipleControlledProps | AccordionSingleControlledProps;\n\nexport const Accordion = (props: AccordionProps) => {\n    const { id, defaultId, onChange, as = 'h2', ...otherProps } = props;\n    const context = React.useMemo(() => ({ as }), [as]);\n\n    let valueProps;\n\n    if (defaultId) {\n        valueProps = {\n            defaultValue: defaultId || undefined,\n        };\n    } else {\n        valueProps = {\n            onValueChange: onChange,\n            value: id || undefined,\n        };\n    }\n\n    const type = Array.isArray(valueProps.defaultValue) || Array.isArray(valueProps.value) ? 'multiple' : 'single';\n    const className = cn('divide-y divide-grey', props.className);\n\n    return (\n        <AccordionContext.Provider value={context}>\n            <AccordionPrimitive.Root {...otherProps} {...valueProps} data-taco=\"accordion\" className={className} type={type} />\n        </AccordionContext.Provider>\n    );\n};\n\nAccordion.Item = Item;\nAccordion.Trigger = Trigger;\nAccordion.Content = Content;\n"],"names":["AccordionContext","React","createContext","as","StyledTrigger","forwardRef","AccordionStyledTrigger","props","ref","isExpanded","className","cn","children","Icon","name","Trigger","AccordionTrigger","Heading","useContext","AccordionPrimitive","asChild","Content","AccordionContent","Item","id","otherProps","value","Accordion","defaultId","onChange","context","useMemo","valueProps","defaultValue","undefined","onValueChange","type","Array","isArray","Provider"],"mappings":";;;;;AAQA,MAAMA,gBAAgB,gBAAGC,cAAK,CAACC,aAAN,CAAsC;EAC3DC,EAAE,EAAE;AADuD,CAAtC,CAAzB;AAMA,MAAMC,aAAa,gBAAGH,cAAK,CAACI,UAAN,CAAiB,SAASC,sBAAT,CACnCC,KADmC,EAEnCC,GAFmC;EAInC,MAAMC,UAAU,GAAG,CAAC,CAACF,KAAK,CAAC,eAAD,CAA1B;EAEA,MAAMG,SAAS,GAAGC,EAAE,CAChB,8DADgB,EAEhB,mDAFgB,EAGhBJ,KAAK,CAACG,SAHU,CAApB;EAMA,oBACIT,4BAAA,SAAA,oBAAYM;IAAOC,GAAG,EAAEA;IAAKE,SAAS,EAAEA;IAAxC,EACKH,KAAK,CAACK,QADX,eAEIX,4BAAA,CAACY,IAAD;IAAMC,IAAI,EAAEL,UAAU,GAAG,YAAH,GAAkB;GAAxC,CAFJ,CADJ;AAMH,CAlBqB,CAAtB;AAoBA,MAAMM,OAAO,gBAAGd,cAAK,CAACI,UAAN,CAAiB,SAASW,gBAAT,CAA0BT,KAA1B,EAAwDC,GAAxD;EAC7B,MAAM;IAAEI;MAAaL,KAArB;EACA,MAAM;IAAEJ,EAAE,EAAEc;MAAYhB,cAAK,CAACiB,UAAN,CAAiBlB,gBAAjB,CAAxB;EAEA,oBACIC,4BAAA,CAACkB,MAAD;IAA2BC,OAAO;GAAlC,eACInB,4BAAA,CAACgB,OAAD;IAASP,SAAS,EAAC;GAAnB,eACIT,4BAAA,CAACkB,SAAD;IAA4BX,GAAG,EAAEA;IAAKY,OAAO;GAA7C,eACInB,4BAAA,CAACG,aAAD,MAAA,EAAgBQ,QAAhB,CADJ,CADJ,CADJ,CADJ;AASH,CAbe,CAAhB;AAgBA,MAAMS,OAAO,gBAAGpB,cAAK,CAACI,UAAN,CAAiB,SAASiB,gBAAT,CAA0Bf,KAA1B,EAAwDC,GAAxD;EAC7B,oBAAOP,4BAAA,CAACkB,SAAD,oBAAgCZ;IAAOC,GAAG,EAAEA;IAA5C,CAAP;AACH,CAFe,CAAhB;;AAQA,MAAMe,IAAI,GAAIhB,KAAD;EACT,MAAM;IAAEiB,EAAF;IAAM,GAAGC;MAAelB,KAA9B;EACA,oBAAON,4BAAA,CAACkB,MAAD,oBAA6BM;IAAYC,KAAK,EAAEF;IAAhD,CAAP;AACH,CAHD;;MA4CaG,SAAS,GAAIpB,KAAD;EACrB,MAAM;IAAEiB,EAAF;IAAMI,SAAN;IAAiBC,QAAjB;IAA2B1B,EAAE,GAAG,IAAhC;IAAsC,GAAGsB;MAAelB,KAA9D;EACA,MAAMuB,OAAO,GAAG7B,cAAK,CAAC8B,OAAN,CAAc,OAAO;IAAE5B;GAAT,CAAd,EAA8B,CAACA,EAAD,CAA9B,CAAhB;EAEA,IAAI6B,UAAJ;;EAEA,IAAIJ,SAAJ,EAAe;IACXI,UAAU,GAAG;MACTC,YAAY,EAAEL,SAAS,IAAIM;KAD/B;GADJ,MAIO;IACHF,UAAU,GAAG;MACTG,aAAa,EAAEN,QADN;MAETH,KAAK,EAAEF,EAAE,IAAIU;KAFjB;;;EAMJ,MAAME,IAAI,GAAGC,KAAK,CAACC,OAAN,CAAcN,UAAU,CAACC,YAAzB,KAA0CI,KAAK,CAACC,OAAN,CAAcN,UAAU,CAACN,KAAzB,CAA1C,GAA4E,UAA5E,GAAyF,QAAtG;EACA,MAAMhB,SAAS,GAAGC,EAAE,CAAC,sBAAD,EAAyBJ,KAAK,CAACG,SAA/B,CAApB;EAEA,oBACIT,4BAAA,CAACD,gBAAgB,CAACuC,QAAlB;IAA2Bb,KAAK,EAAEI;GAAlC,eACI7B,4BAAA,CAACkB,IAAD,oBAA6BM,YAAgBO;iBAAsB;IAAYtB,SAAS,EAAEA;IAAW0B,IAAI,EAAEA;IAA3G,CADJ,CADJ;AAKH;AAEDT,SAAS,CAACJ,IAAV,GAAiBA,IAAjB;AACAI,SAAS,CAACZ,OAAV,GAAoBA,OAApB;AACAY,SAAS,CAACN,OAAV,GAAoBA,OAApB;;;;"}

package/dist/esm/components/AlertDialog/AlertDialog.js

@@ -1,42 +0,0 @@
-import { forwardRef, useMemo, createElement } from 'react';
-import { Root } from '@radix-ui/react-alert-dialog';
-import { AlertDialogContext } from './Context.js';
-import { Trigger } from './components/Trigger.js';
-import { Cancel, Action, Footer } from './components/Footer.js';
-import { Content, Title } from './components/Content.js';
-
-const AlertDialog = /*#__PURE__*/forwardRef(function AlertDialog(props, ref) {
-  const {
-    children: initialChildren,
-    defaultOpen,
-    draggable = false,
-    size = 'dialog',
-    onChange,
-    open,
-    trigger,
-    ...otherProps
-  } = props;
-  const context = useMemo(() => ({
-    draggable,
-    props: otherProps,
-    ref,
-    size,
-    trigger
-  }), [draggable, open, otherProps]);
-  return /*#__PURE__*/createElement(AlertDialogContext.Provider, {
-    value: context
-  }, /*#__PURE__*/createElement(Root, Object.assign({}, props, {
-    defaultOpen: defaultOpen,
-    open: open,
-    onOpenChange: onChange
-  }), trigger && /*#__PURE__*/createElement(Trigger, null, trigger), props.children));
-});
-AlertDialog.Trigger = Trigger;
-AlertDialog.Content = Content;
-AlertDialog.Title = Title;
-AlertDialog.Cancel = Cancel;
-AlertDialog.Action = Action;
-AlertDialog.Footer = Footer;
-
-export { AlertDialog };
-//# sourceMappingURL=AlertDialog.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AlertDialog.js","sources":["../../../../src/components/AlertDialog/AlertDialog.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';\nimport { AlertDialogContext } from './Context';\nimport { Trigger, AlertDialogTriggerProps } from './components/Trigger';\nimport {\n    Cancel,\n    Action,\n    Footer,\n    AlertDialogCancelProps,\n    AlertDialogActionProps,\n    AlertDialogFooterProps,\n} from './components/Footer';\nimport { Title, Content, AlertDialogContentProps, AlertDialogTitleProps } from './components/Content';\nimport { DialogSize } from '../Dialog/types';\n\nexport type AlertDialogProps = {\n    children: React.ReactNode | React.ReactNode[];\n    /** Set whether the alert dialog is open by default or not, use when not providing a trigger  */\n    defaultOpen?: boolean;\n    /** Allows dragging the alert dialog around the screen (window constrained) */\n    draggable?: boolean;\n    /** Called when the alert 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    /** Size of the alert dialog. This is the recommended way to set a size for alert dialog component. */\n    size?: DialogSize;\n    /** A trigger to be used for the alert dialog, should not be set if `children` already contains a trigger */\n    trigger?: JSX.Element;\n};\n\nexport type ForwardedAlertDialogWithStatics = React.ForwardRefExoticComponent<\n    AlertDialogProps & React.RefAttributes<HTMLElement>\n> & {\n    Trigger: React.ForwardRefExoticComponent<AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;\n    Content: React.ForwardRefExoticComponent<AlertDialogContentProps & React.RefAttributes<HTMLDivElement>>;\n    Title: React.ForwardRefExoticComponent<AlertDialogTitleProps & React.RefAttributes<HTMLHeadingElement>>;\n    Footer: React.ForwardRefExoticComponent<AlertDialogFooterProps & React.RefAttributes<HTMLDivElement>>;\n    Action: React.ForwardRefExoticComponent<AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>>;\n    Cancel: React.ForwardRefExoticComponent<AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>>;\n};\n\nexport const AlertDialog = React.forwardRef(function AlertDialog(props: AlertDialogProps, ref: React.Ref<HTMLElement>) {\n    const {\n        children: initialChildren,\n        defaultOpen,\n        draggable = false,\n        size = 'dialog',\n        onChange,\n        open,\n        trigger,\n        ...otherProps\n    } = props;\n\n    const context = React.useMemo(\n        () => ({\n            draggable,\n            props: otherProps,\n            ref,\n            size,\n            trigger,\n        }),\n        [draggable, open, otherProps]\n    );\n\n    return (\n        <AlertDialogContext.Provider value={context}>\n            <AlertDialogPrimitive.Root {...props} defaultOpen={defaultOpen} open={open} onOpenChange={onChange}>\n                {trigger && <Trigger>{trigger}</Trigger>}\n                {props.children}\n            </AlertDialogPrimitive.Root>\n        </AlertDialogContext.Provider>\n    );\n}) as ForwardedAlertDialogWithStatics;\n\nAlertDialog.Trigger = Trigger;\nAlertDialog.Content = Content;\nAlertDialog.Title = Title;\nAlertDialog.Cancel = Cancel;\nAlertDialog.Action = Action;\nAlertDialog.Footer = Footer;\n"],"names":["AlertDialog","React","props","ref","children","initialChildren","defaultOpen","draggable","size","onChange","open","trigger","otherProps","context","AlertDialogContext","Provider","value","AlertDialogPrimitive","onOpenChange","Trigger","Content","Title","Cancel","Action","Footer"],"mappings":";;;;;;;MA0CaA,WAAW,gBAAGC,UAAA,CAAiB,SAASD,WAAT,CAAqBE,KAArB,EAA8CC,GAA9C;EACxC,MAAM;IACFC,QAAQ,EAAEC,eADR;IAEFC,WAFE;IAGFC,SAAS,GAAG,KAHV;IAIFC,IAAI,GAAG,QAJL;IAKFC,QALE;IAMFC,IANE;IAOFC,OAPE;IAQF,GAAGC;MACHV,KATJ;EAWA,MAAMW,OAAO,GAAGZ,OAAA,CACZ,OAAO;IACHM,SADG;IAEHL,KAAK,EAAEU,UAFJ;IAGHT,GAHG;IAIHK,IAJG;IAKHG;GALJ,CADY,EAQZ,CAACJ,SAAD,EAAYG,IAAZ,EAAkBE,UAAlB,CARY,CAAhB;EAWA,oBACIX,aAAA,CAACa,kBAAkB,CAACC,QAApB;IAA6BC,KAAK,EAAEH;GAApC,eACIZ,aAAA,CAACgB,IAAD,oBAA+Bf;IAAOI,WAAW,EAAEA;IAAaI,IAAI,EAAEA;IAAMQ,YAAY,EAAET;IAA1F,EACKE,OAAO,iBAAIV,aAAA,CAACkB,OAAD,MAAA,EAAUR,OAAV,CADhB,EAEKT,KAAK,CAACE,QAFX,CADJ,CADJ;AAQH,CA/B0B;AAiC3BJ,WAAW,CAACmB,OAAZ,GAAsBA,OAAtB;AACAnB,WAAW,CAACoB,OAAZ,GAAsBA,OAAtB;AACApB,WAAW,CAACqB,KAAZ,GAAoBA,KAApB;AACArB,WAAW,CAACsB,MAAZ,GAAqBA,MAArB;AACAtB,WAAW,CAACuB,MAAZ,GAAqBA,MAArB;AACAvB,WAAW,CAACwB,MAAZ,GAAqBA,MAArB;;;;"}

package/dist/esm/components/AlertDialog/Context.js

@@ -1,16 +0,0 @@
-import React__default from 'react';
-
-/* eslint-disable @typescript-eslint/no-empty-function */
-const AlertDialogContext = /*#__PURE__*/React__default.createContext({
-  draggable: false,
-  onClose: () => {},
-  props: {},
-  ref: null,
-  size: 'dialog'
-});
-const useCurrentAlertDialog = () => {
-  return React__default.useContext(AlertDialogContext);
-};
-
-export { AlertDialogContext, useCurrentAlertDialog };
-//# sourceMappingURL=Context.js.map

package/dist/esm/components/AlertDialog/Context.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Context.js","sources":["../../../../src/components/AlertDialog/Context.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-empty-function */\nimport React from 'react';\nimport { DialogSize } from '../Dialog/types';\n\nexport type AlertDialogContext = {\n    draggable: boolean;\n    onClose?: () => void;\n    props: {};\n    ref: React.Ref<HTMLElement>;\n    size: DialogSize;\n};\n\nexport const AlertDialogContext = React.createContext<AlertDialogContext>({\n    draggable: false,\n    onClose: () => {},\n    props: {},\n    ref: null,\n    size: 'dialog',\n});\n\nexport const useCurrentAlertDialog = () => {\n    return React.useContext(AlertDialogContext);\n};\n"],"names":["AlertDialogContext","React","createContext","draggable","onClose","props","ref","size","useCurrentAlertDialog","useContext"],"mappings":";;AAAA;MAYaA,kBAAkB,gBAAGC,cAAK,CAACC,aAAN,CAAwC;EACtEC,SAAS,EAAE,KAD2D;EAEtEC,OAAO,EAAE,QAF6D;EAGtEC,KAAK,EAAE,EAH+D;EAItEC,GAAG,EAAE,IAJiE;EAKtEC,IAAI,EAAE;AALgE,CAAxC;MAQrBC,qBAAqB,GAAG;EACjC,OAAOP,cAAK,CAACQ,UAAN,CAAiBT,kBAAjB,CAAP;AACH;;;;"}

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

@@ -1,46 +0,0 @@
-import { forwardRef, createElement } from 'react';
-import { Title as Title$1, Portal, Overlay, Content as Content$1 } from '@radix-ui/react-alert-dialog';
-import { useCurrentAlertDialog } from '../Context.js';
-import cn from 'classnames';
-import { Backdrop } from '../../Backdrop/Backdrop.js';
-import { useDraggable } from '../../../utils/hooks/useDraggable.js';
-import { useProxiedRef } from '../../../utils/hooks/useProxiedRef.js';
-
-const Title = /*#__PURE__*/forwardRef(function AlertDialogTitle(props, ref) {
-  const className = cn('text-center', props.className);
-  return /*#__PURE__*/createElement(Title$1, Object.assign({}, props, {
-    className: className,
-    ref: ref
-  }));
-});
-const Content = /*#__PURE__*/forwardRef(function AlertDialogContent(props, ref) {
-  const dialog = useCurrentAlertDialog();
-  const internalRef = useProxiedRef(ref);
-  const {
-    position,
-    handleProps: dragHandleProps
-  } = useDraggable(internalRef);
-  const className = cn('bg-white rounded relative p-6 mt-16 mx-auto origin-center rounded animate-[fade-in_150ms] z-[997] shadow-[0_6px_9px_0_rgba(89,85,98,0.3),0_0_1px_0_rgba(89,85,98,0.2)]', {
-    'w-128 justify-center': dialog.size === 'dialog',
-    'w-xs': dialog.size === 'xs',
-    'w-sm': dialog.size === 'sm',
-    'w-md': dialog.size === 'md',
-    'w-lg': dialog.size === 'lg'
-  });
-  return /*#__PURE__*/createElement(Portal, null, /*#__PURE__*/createElement(Overlay, {
-    asChild: true
-  }, /*#__PURE__*/createElement(Backdrop, null, /*#__PURE__*/createElement(Content$1, Object.assign({}, props, {
-    ref: ref,
-    className: className,
-    style: { ...props.style,
-      left: dialog.draggable ? `${position.x}px` : undefined,
-      top: dialog.draggable ? `${position.y}px` : undefined
-    }
-  }), dialog.draggable && /*#__PURE__*/createElement("div", Object.assign({}, dragHandleProps, {
-    "aria-label": 'alert-dialog-drag',
-    className: "yt-dialog__drag absolute-center-x bg-grey-light top-1.5 h-3 w-24 cursor-move rounded text-center"
-  })), props.children))));
-});
-
-export { Content, Title };
-//# sourceMappingURL=Content.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Content.js","sources":["../../../../../src/components/AlertDialog/components/Content.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';\nimport cn from 'classnames';\nimport { useCurrentAlertDialog } from '../Context';\nimport { Backdrop } from '../../Backdrop/Backdrop';\nimport { useDraggable } from '../../../utils/hooks/useDraggable';\nimport { useProxiedRef } from '../../../utils/hooks/useProxiedRef';\n\nexport type AlertDialogTitleProps = React.HTMLAttributes<HTMLHeadingElement>;\nexport const Title = React.forwardRef(function AlertDialogTitle(\n    props: AlertDialogTitleProps,\n    ref: React.Ref<HTMLHeadingElement>\n) {\n    const className = cn('text-center', props.className);\n    return <AlertDialogPrimitive.Title {...props} className={className} ref={ref} />;\n});\n\nexport type AlertDialogContentProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & {\n    /** An accessible label to be announced when the dialog is opened */\n    'aria-label': string;\n    children: React.ReactNode;\n};\nexport const Content = React.forwardRef(function AlertDialogContent(\n    props: AlertDialogContentProps,\n    ref: React.Ref<HTMLDivElement>\n) {\n    const dialog = useCurrentAlertDialog();\n    const internalRef = useProxiedRef<HTMLDivElement>(ref);\n    const { position, handleProps: dragHandleProps } = useDraggable(internalRef);\n    const className = cn(\n        'bg-white rounded relative p-6 mt-16 mx-auto origin-center rounded animate-[fade-in_150ms] z-[997] shadow-[0_6px_9px_0_rgba(89,85,98,0.3),0_0_1px_0_rgba(89,85,98,0.2)]',\n        {\n            'w-128 justify-center': dialog.size === 'dialog',\n            'w-xs': dialog.size === 'xs',\n            'w-sm': dialog.size === 'sm',\n            'w-md': dialog.size === 'md',\n            'w-lg': dialog.size === 'lg',\n        }\n    );\n\n    return (\n        <AlertDialogPrimitive.Portal>\n            <AlertDialogPrimitive.Overlay asChild>\n                <Backdrop>\n                    <AlertDialogPrimitive.Content\n                        {...props}\n                        ref={ref}\n                        className={className}\n                        style={{\n                            ...props.style,\n                            left: dialog.draggable ? `${position.x}px` : undefined,\n                            top: dialog.draggable ? `${position.y}px` : undefined,\n                        }}>\n                        {dialog.draggable && (\n                            <div\n                                {...dragHandleProps}\n                                aria-label={'alert-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                        {props.children}\n                    </AlertDialogPrimitive.Content>\n                </Backdrop>\n            </AlertDialogPrimitive.Overlay>\n        </AlertDialogPrimitive.Portal>\n    );\n});\n"],"names":["Title","React","AlertDialogTitle","props","ref","className","cn","AlertDialogPrimitive","Content","AlertDialogContent","dialog","useCurrentAlertDialog","internalRef","useProxiedRef","position","handleProps","dragHandleProps","useDraggable","size","asChild","Backdrop","style","left","draggable","x","undefined","top","y","children"],"mappings":";;;;;;;;MASaA,KAAK,gBAAGC,UAAA,CAAiB,SAASC,gBAAT,CAClCC,KADkC,EAElCC,GAFkC;EAIlC,MAAMC,SAAS,GAAGC,EAAE,CAAC,aAAD,EAAgBH,KAAK,CAACE,SAAtB,CAApB;EACA,oBAAOJ,aAAA,CAACM,OAAD,oBAAgCJ;IAAOE,SAAS,EAAEA;IAAWD,GAAG,EAAEA;IAAlE,CAAP;AACH,CANoB;MAaRI,OAAO,gBAAGP,UAAA,CAAiB,SAASQ,kBAAT,CACpCN,KADoC,EAEpCC,GAFoC;EAIpC,MAAMM,MAAM,GAAGC,qBAAqB,EAApC;EACA,MAAMC,WAAW,GAAGC,aAAa,CAAiBT,GAAjB,CAAjC;EACA,MAAM;IAAEU,QAAF;IAAYC,WAAW,EAAEC;MAAoBC,YAAY,CAACL,WAAD,CAA/D;EACA,MAAMP,SAAS,GAAGC,EAAE,CAChB,wKADgB,EAEhB;IACI,wBAAwBI,MAAM,CAACQ,IAAP,KAAgB,QAD5C;IAEI,QAAQR,MAAM,CAACQ,IAAP,KAAgB,IAF5B;IAGI,QAAQR,MAAM,CAACQ,IAAP,KAAgB,IAH5B;IAII,QAAQR,MAAM,CAACQ,IAAP,KAAgB,IAJ5B;IAKI,QAAQR,MAAM,CAACQ,IAAP,KAAgB;GAPZ,CAApB;EAWA,oBACIjB,aAAA,CAACM,MAAD,MAAA,eACIN,aAAA,CAACM,OAAD;IAA8BY,OAAO;GAArC,eACIlB,aAAA,CAACmB,QAAD,MAAA,eACInB,aAAA,CAACM,SAAD,oBACQJ;IACJC,GAAG,EAAEA;IACLC,SAAS,EAAEA;IACXgB,KAAK,EAAE,EACH,GAAGlB,KAAK,CAACkB,KADN;MAEHC,IAAI,EAAEZ,MAAM,CAACa,SAAP,MAAsBT,QAAQ,CAACU,KAA/B,GAAuCC,SAF1C;MAGHC,GAAG,EAAEhB,MAAM,CAACa,SAAP,MAAsBT,QAAQ,CAACa,KAA/B,GAAuCF;;IAPpD,EASKf,MAAM,CAACa,SAAP,iBACGtB,aAAA,MAAA,oBACQe;kBACQ;IACZX,SAAS,EAAC;IAHd,CAVR,EAgBKF,KAAK,CAACyB,QAhBX,CADJ,CADJ,CADJ,CADJ;AA0BH,CA5CsB;;;;"}

package/dist/esm/components/AlertDialog/components/Footer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Footer.js","sources":["../../../../../src/components/AlertDialog/components/Footer.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';\n\nexport type AlertDialogFooterProps = React.HTMLAttributes<HTMLDivElement>;\nexport const Footer = React.forwardRef(function AlertDialogFooter(props: AlertDialogFooterProps, ref: React.Ref<HTMLDivElement>) {\n    const className = 'flex justify-end gap-2';\n\n    return (\n        <div {...props} className={className} ref={ref}>\n            {props.children}\n        </div>\n    );\n});\n\nexport type AlertDialogCancelProps = React.HTMLAttributes<HTMLButtonElement>;\nexport const Cancel = React.forwardRef(function AlertDialogCancel(\n    props: AlertDialogCancelProps,\n    ref: React.Ref<HTMLButtonElement>\n) {\n    return <AlertDialogPrimitive.Cancel {...props} ref={ref} asChild />;\n});\n\nexport type AlertDialogActionProps = React.HTMLAttributes<HTMLButtonElement>;\nexport const Action = React.forwardRef(function AlertDialogAction(\n    props: AlertDialogActionProps,\n    ref: React.Ref<HTMLButtonElement>\n) {\n    return <AlertDialogPrimitive.Action {...props} className={props.className} ref={ref} asChild />;\n});\n"],"names":["Footer","React","AlertDialogFooter","props","ref","className","children","Cancel","AlertDialogCancel","AlertDialogPrimitive","asChild","Action","AlertDialogAction"],"mappings":";;;MAIaA,MAAM,gBAAGC,UAAA,CAAiB,SAASC,iBAAT,CAA2BC,KAA3B,EAA0DC,GAA1D;EACnC,MAAMC,SAAS,GAAG,wBAAlB;EAEA,oBACIJ,aAAA,MAAA,oBAASE;IAAOE,SAAS,EAAEA;IAAWD,GAAG,EAAEA;IAA3C,EACKD,KAAK,CAACG,QADX,CADJ;AAKH,CARqB;MAWTC,MAAM,gBAAGN,UAAA,CAAiB,SAASO,iBAAT,CACnCL,KADmC,EAEnCC,GAFmC;EAInC,oBAAOH,aAAA,CAACQ,QAAD,oBAAiCN;IAAOC,GAAG,EAAEA;IAAKM,OAAO;IAAzD,CAAP;AACH,CALqB;MAQTC,MAAM,gBAAGV,UAAA,CAAiB,SAASW,iBAAT,CACnCT,KADmC,EAEnCC,GAFmC;EAInC,oBAAOH,aAAA,CAACQ,QAAD,oBAAiCN;IAAOE,SAAS,EAAEF,KAAK,CAACE;IAAWD,GAAG,EAAEA;IAAKM,OAAO;IAArF,CAAP;AACH,CALqB;;;;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"Trigger.js","sources":["../../../../../src/components/AlertDialog/components/Trigger.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';\nimport { useCurrentAlertDialog } from '../Context';\nimport { mergeRefs } from '../../../utils/mergeRefs';\n\nexport type AlertDialogTriggerProps = React.HTMLAttributes<HTMLButtonElement>;\n\nexport const Trigger = React.forwardRef(function AlertDialogTrigger(\n    props: AlertDialogTriggerProps,\n    externalRef: React.Ref<HTMLButtonElement>\n) {\n    const { ref: parentRef, props: parentProps } = useCurrentAlertDialog();\n    const refCallback = mergeRefs([parentRef, externalRef]);\n\n    return <AlertDialogPrimitive.Trigger {...parentProps} {...props} ref={refCallback} asChild />;\n});\n"],"names":["Trigger","React","AlertDialogTrigger","props","externalRef","ref","parentRef","parentProps","useCurrentAlertDialog","refCallback","mergeRefs","AlertDialogPrimitive","asChild"],"mappings":";;;;;MAOaA,OAAO,gBAAGC,UAAA,CAAiB,SAASC,kBAAT,CACpCC,KADoC,EAEpCC,WAFoC;EAIpC,MAAM;IAAEC,GAAG,EAAEC,SAAP;IAAkBH,KAAK,EAAEI;MAAgBC,qBAAqB,EAApE;EACA,MAAMC,WAAW,GAAGC,SAAS,CAAC,CAACJ,SAAD,EAAYF,WAAZ,CAAD,CAA7B;EAEA,oBAAOH,aAAA,CAACU,SAAD,oBAAkCJ,aAAiBJ;IAAOE,GAAG,EAAEI;IAAaG,OAAO;IAAnF,CAAP;AACH,CARsB;;;;"}

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

@@ -1,13 +0,0 @@
-import { forwardRef, createElement } from 'react';
-import cn from 'classnames';
-
-const Backdrop = /*#__PURE__*/forwardRef(function Backdrop(props, ref) {
-  const className = cn('fixed inset-0 cursor-default overflow-y-auto bg-purple-darker/[0.3] aria-hidden:hidden z-[996]', props.className);
-  return /*#__PURE__*/createElement("div", Object.assign({}, props, {
-    className: className,
-    ref: ref
-  }));
-});
-
-export { Backdrop };
-//# sourceMappingURL=Backdrop.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Backdrop.js","sources":["../../../../src/components/Backdrop/Backdrop.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'classnames';\n\nexport type BackdropProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const Backdrop = React.forwardRef<HTMLDivElement, BackdropProps>(function Backdrop(props, ref) {\n    const className = cn(\n        'fixed inset-0 cursor-default overflow-y-auto bg-purple-darker/[0.3] aria-hidden:hidden z-[996]',\n        props.className\n    );\n\n    return <div {...props} className={className} ref={ref} />;\n});\n"],"names":["Backdrop","React","props","ref","className","cn"],"mappings":";;;MAKaA,QAAQ,gBAAGC,UAAA,CAAgD,SAASD,QAAT,CAAkBE,KAAlB,EAAyBC,GAAzB;EACpE,MAAMC,SAAS,GAAGC,EAAE,CAChB,gGADgB,EAEhBH,KAAK,CAACE,SAFU,CAApB;EAKA,oBAAOH,aAAA,MAAA,oBAASC;IAAOE,SAAS,EAAEA;IAAWD,GAAG,EAAEA;IAA3C,CAAP;AACH,CAPuB;;;;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"Badge.js","sources":["../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'classnames';\nimport { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden';\nimport { State } from '../../types';\nimport { getStateClasses, getOutlineClasses } from '../../utils/taillwind';\nimport './Badge.css';\n\nexport type BadgeProps = React.HTMLAttributes<HTMLSpanElement> & {\n    /** Content should be a numerical value or tag/status like text **/\n    children: React.ReactNode;\n    /** Show compact version **/\n    compact?: boolean;\n    /** Show outlined version **/\n    outline?: boolean;\n    /** State will change the style of the badge **/\n    state?: State;\n};\n\nexport const Badge = React.forwardRef(function Badge(props: BadgeProps, ref: React.Ref<HTMLSpanElement>) {\n    const { children, compact = false, outline = false, state, ...otherProps } = props;\n    const className = cn(\n        'rounded-full border font-bold text-xs uppercase overflow-hidden whitespace-nowrap inline-flex items-center justify-center',\n        {\n            [getOutlineClasses(state)]: outline,\n            [`border-transparent ${getStateClasses(state)}`]: !outline,\n            'h-2 w-2 min-w-0': compact,\n            'h-5 py-0 px-1.5': !compact, // custom padding keeps single digits in a perfect circle\n        },\n        props.className\n    );\n\n    return (\n        <span\n            {...otherProps}\n            aria-atomic=\"true\"\n            aria-live=\"polite\"\n            className={className}\n            data-taco=\"badge\"\n            ref={ref}\n            role=\"status\"\n            title={props['aria-label']}>\n            {compact ? <VisuallyHidden>{children}</VisuallyHidden> : children}\n        </span>\n    );\n});\n"],"names":["Badge","React","props","ref","children","compact","outline","state","otherProps","className","cn","getOutlineClasses","getStateClasses","role","title","VisuallyHidden"],"mappings":";;;;;MAkBaA,KAAK,gBAAGC,UAAA,CAAiB,SAASD,KAAT,CAAeE,KAAf,EAAkCC,GAAlC;EAClC,MAAM;IAAEC,QAAF;IAAYC,OAAO,GAAG,KAAtB;IAA6BC,OAAO,GAAG,KAAvC;IAA8CC,KAA9C;IAAqD,GAAGC;MAAeN,KAA7E;EACA,MAAMO,SAAS,GAAGC,EAAE,CAChB,2HADgB,EAEhB;IACI,CAACC,iBAAiB,CAACJ,KAAD,CAAlB,GAA4BD,OADhC;IAEI,uBAAuBM,eAAe,CAACL,KAAD,GAAtC,GAAkD,CAACD,OAFvD;IAGI,mBAAmBD,OAHvB;IAII,mBAAmB,CAACA;GANR,EAQhBH,KAAK,CAACO,SARU,CAApB;EAWA,oBACIR,aAAA,OAAA,oBACQO;mBACQ;iBACF;IACVC,SAAS,EAAEA;iBACD;IACVN,GAAG,EAAEA;IACLU,IAAI,EAAC;IACLC,KAAK,EAAEZ,KAAK,CAAC,YAAD;IARhB,EASKG,OAAO,gBAAGJ,aAAA,CAACc,cAAD,MAAA,EAAiBX,QAAjB,CAAH,GAAiDA,QAT7D,CADJ;AAaH,CA1BoB;;;;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"Banner.js","sources":["../../../../src/components/Banner/Banner.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'classnames';\nimport { State } from '../../types';\nimport { getBannerIcon } from './util';\nimport { IconButton } from '../IconButton/IconButton';\n\nexport type BannerProps = React.HTMLAttributes<HTMLDivElement> & {\n    /** Content can be any react element, for e.g. a `div` */\n    children: React.ReactNode;\n    /** State will change the icon displayed in banner */\n    state: State;\n    onClose?: () => void;\n};\n\nexport const Banner = React.forwardRef(function Banner(props: BannerProps, ref: React.Ref<HTMLDivElement>) {\n    const { children, state, onClose } = props;\n    const className = cn('bg-white relative flex items-center gap-2 py-2 px-4 leading-6 shadow-md z-10', props.className);\n\n    return (\n        <div className={className} data-taco=\"banner\" ref={ref}>\n            {getBannerIcon(state)}\n            {children}\n            {onClose ? (\n                <IconButton className=\"ml-auto -mr-2 self-start\" icon=\"close\" appearance=\"discrete\" onClick={onClose} />\n            ) : null}\n        </div>\n    );\n});\n"],"names":["Banner","React","props","ref","children","state","onClose","className","cn","getBannerIcon","IconButton","icon","appearance","onClick"],"mappings":";;;;;MAcaA,MAAM,gBAAGC,UAAA,CAAiB,SAASD,MAAT,CAAgBE,KAAhB,EAAoCC,GAApC;EACnC,MAAM;IAAEC,QAAF;IAAYC,KAAZ;IAAmBC;MAAYJ,KAArC;EACA,MAAMK,SAAS,GAAGC,EAAE,CAAC,8EAAD,EAAiFN,KAAK,CAACK,SAAvF,CAApB;EAEA,oBACIN,aAAA,MAAA;IAAKM,SAAS,EAAEA;iBAAqB;IAASJ,GAAG,EAAEA;GAAnD,EACKM,aAAa,CAACJ,KAAD,CADlB,EAEKD,QAFL,EAGKE,OAAO,gBACJL,aAAA,CAACS,UAAD;IAAYH,SAAS,EAAC;IAA2BI,IAAI,EAAC;IAAQC,UAAU,EAAC;IAAWC,OAAO,EAAEP;GAA7F,CADI,GAEJ,IALR,CADJ;AASH,CAbqB;;;;"}

package/dist/esm/components/Banner/util.js

@@ -1,36 +0,0 @@
-import React__default from 'react';
-import { Icon } from '../Icon/Icon.js';
-
-const getBannerIcon = type => {
-  switch (type) {
-    case 'success':
-      return /*#__PURE__*/React__default.createElement(Icon, {
-        name: "tick",
-        className: "yt-green-solid mt-1 self-start rounded-full"
-      });
-
-    case 'error':
-      return /*#__PURE__*/React__default.createElement(Icon, {
-        name: "warning",
-        className: "yt-red-solid mt-1 self-start rounded-full"
-      });
-
-    case 'warning':
-      return /*#__PURE__*/React__default.createElement(Icon, {
-        name: "warning",
-        className: "yt-yellow-solid mt-1 self-start rounded-full"
-      });
-
-    case 'information':
-      return /*#__PURE__*/React__default.createElement(Icon, {
-        name: "info",
-        className: "yt-blue-solid mt-1 self-start rounded-full"
-      });
-
-    default:
-      return null;
-  }
-};
-
-export { getBannerIcon };
-//# sourceMappingURL=util.js.map

package/dist/esm/components/Banner/util.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"util.js","sources":["../../../../src/components/Banner/util.tsx"],"sourcesContent":["import React from 'react';\nimport { Icon } from '../Icon/Icon';\nimport { State } from '../../types';\n\nexport const getBannerIcon = (type: State): JSX.Element | null => {\n    switch (type) {\n        case 'success':\n            return <Icon name=\"tick\" className=\"yt-green-solid mt-1 self-start rounded-full\" />;\n\n        case 'error':\n            return <Icon name=\"warning\" className=\"yt-red-solid mt-1 self-start rounded-full\" />;\n\n        case 'warning':\n            return <Icon name=\"warning\" className=\"yt-yellow-solid mt-1 self-start rounded-full\" />;\n\n        case 'information':\n            return <Icon name=\"info\" className=\"yt-blue-solid mt-1 self-start rounded-full\" />;\n\n        default:\n            return null;\n    }\n};\n"],"names":["getBannerIcon","type","React","Icon","name","className"],"mappings":";;;MAIaA,aAAa,GAAIC,IAAD;EACzB,QAAQA,IAAR;IACI,KAAK,SAAL;MACI,oBAAOC,4BAAA,CAACC,IAAD;QAAMC,IAAI,EAAC;QAAOC,SAAS,EAAC;OAA5B,CAAP;;IAEJ,KAAK,OAAL;MACI,oBAAOH,4BAAA,CAACC,IAAD;QAAMC,IAAI,EAAC;QAAUC,SAAS,EAAC;OAA/B,CAAP;;IAEJ,KAAK,SAAL;MACI,oBAAOH,4BAAA,CAACC,IAAD;QAAMC,IAAI,EAAC;QAAUC,SAAS,EAAC;OAA/B,CAAP;;IAEJ,KAAK,aAAL;MACI,oBAAOH,4BAAA,CAACC,IAAD;QAAMC,IAAI,EAAC;QAAOC,SAAS,EAAC;OAA5B,CAAP;;IAEJ;MACI,OAAO,IAAP;;AAEX;;;;"}

package/dist/esm/components/Button/Button.js

@@ -1,53 +0,0 @@
-import { forwardRef, createElement } from 'react';
-import cn from 'classnames';
-import { Icon } from '../Icon/Icon.js';
-import { createButtonWithOverlays, getButtonClasses, getAppearanceClasses, createButtonWithTooltip } from './util.js';
-
-const Base = /*#__PURE__*/forwardRef(function ButtonBase(props, ref) {
-  const {
-    fluid,
-    ...otherProps
-  } = props;
-  const className = cn(getButtonClasses(), getAppearanceClasses(otherProps.appearance), 'rounded px-3', {
-    'cursor-not-allowed opacity-50': props.disabled,
-    'focus:yt-focus active:focus:yt-focus': !props.disabled,
-    'w-full': fluid
-  }, props.className);
-  return createButtonWithTooltip({ ...otherProps,
-    'data-taco': 'button'
-  }, className, ref);
-});
-const Button = /*#__PURE__*/forwardRef(function Button(props, ref) {
-  const {
-    dialog,
-    hanger,
-    menu,
-    popover,
-    ...buttonProps
-  } = props;
-  let children = buttonProps.children; // add a chevron icon to menu buttons
-
-  if (typeof menu === 'function') {
-    children = Array.isArray(children) ? [...children, /*#__PURE__*/createElement(Icon, {
-      key: "chevron-down",
-      name: "chevron-down"
-    })] : [children, /*#__PURE__*/createElement(Icon, {
-      key: "chevron-down",
-      name: "chevron-down"
-    })];
-  }
-
-  const button = /*#__PURE__*/createElement(Base, Object.assign({}, buttonProps, {
-    children: children,
-    ref: ref
-  }));
-  return createButtonWithOverlays({
-    dialog,
-    hanger,
-    menu,
-    popover
-  }, button);
-});
-
-export { Button };
-//# sourceMappingURL=Button.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Button.js","sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'classnames';\nimport { Appearance } from '../../types';\nimport * as ButtonPrimitive from '../../primitives/Button';\nimport { getAppearanceClasses, getButtonClasses, createButtonWithTooltip, createButtonWithOverlays } from './util';\nimport { HangerProps } from '../Hanger/Hanger';\nimport { MenuProps } from '../Menu/Menu';\nimport { DialogProps } from '../Dialog/Dialog';\nimport { PopoverProps } from '../Popover/Popover';\nimport './Button.css';\nimport { Icon } from '../Icon/Icon';\n\nexport type ButtonProps = ButtonPrimitive.ButtonProps & {\n    /** Appearance will change the style of the button */\n    appearance?: Appearance;\n    /**\n     * Dialog component associated with the button, clicking the button will open the dialog.\n     * *Note* that `onClick` event on button won't be handled, as in this case, the purpose of\n     * the button should be only to open the associated dialog when clicked.\n     */\n    dialog?: (props: Partial<DialogProps>) => JSX.Element;\n    /** If fluid, button expands to the width of it's container */\n    fluid?: boolean;\n    /** Hanger component associated with the button. */\n    hanger?: (props: Partial<HangerProps>) => JSX.Element;\n    /** Menu component associated with the button. */\n    menu?: (props: Partial<MenuProps>) => JSX.Element;\n    /**\n     * Popover component associated with the button, clicking the button will open the popover.\n     * *Note* that `onClick` event on button won't be handled, as in this case, the purpose of\n     * the button should be only to open the associated popover when clicked.\n     */\n    popover?: (props: Partial<PopoverProps>) => JSX.Element;\n    /** A tooltip to show when hovering over the button */\n    tooltip?: string;\n};\n\nconst Base = React.forwardRef(function ButtonBase(props: ButtonProps, ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>) {\n    const { fluid, ...otherProps } = props;\n    const className = cn(\n        getButtonClasses(),\n        getAppearanceClasses(otherProps.appearance),\n        'rounded px-3',\n        {\n            'cursor-not-allowed opacity-50': props.disabled,\n            'focus:yt-focus active:focus:yt-focus': !props.disabled,\n            'w-full': fluid,\n        },\n        props.className\n    );\n\n    return createButtonWithTooltip({ ...otherProps, 'data-taco': 'button' }, className, ref);\n});\n\nexport const Button = React.forwardRef(function Button(\n    props: ButtonProps,\n    ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>\n) {\n    const { dialog, hanger, menu, popover, ...buttonProps } = props;\n\n    let children = buttonProps.children;\n\n    // add a chevron icon to menu buttons\n    if (typeof menu === 'function') {\n        children = Array.isArray(children)\n            ? [...children, <Icon key=\"chevron-down\" name=\"chevron-down\" />]\n            : [children, <Icon key=\"chevron-down\" name=\"chevron-down\" />];\n    }\n\n    const button = <Base {...buttonProps} children={children} ref={ref} />;\n\n    return createButtonWithOverlays({ dialog, hanger, menu, popover }, button);\n});\n"],"names":["Base","React","ButtonBase","props","ref","fluid","otherProps","className","cn","getButtonClasses","getAppearanceClasses","appearance","disabled","createButtonWithTooltip","Button","dialog","hanger","menu","popover","buttonProps","children","Array","isArray","Icon","key","name","button","createButtonWithOverlays"],"mappings":";;;;;AAqCA,MAAMA,IAAI,gBAAGC,UAAA,CAAiB,SAASC,UAAT,CAAoBC,KAApB,EAAwCC,GAAxC;EAC1B,MAAM;IAAEC,KAAF;IAAS,GAAGC;MAAeH,KAAjC;EACA,MAAMI,SAAS,GAAGC,EAAE,CAChBC,gBAAgB,EADA,EAEhBC,oBAAoB,CAACJ,UAAU,CAACK,UAAZ,CAFJ,EAGhB,cAHgB,EAIhB;IACI,iCAAiCR,KAAK,CAACS,QAD3C;IAEI,wCAAwC,CAACT,KAAK,CAACS,QAFnD;IAGI,UAAUP;GAPE,EAShBF,KAAK,CAACI,SATU,CAApB;EAYA,OAAOM,uBAAuB,CAAC,EAAE,GAAGP,UAAL;IAAiB,aAAa;GAA/B,EAA2CC,SAA3C,EAAsDH,GAAtD,CAA9B;AACH,CAfY,CAAb;MAiBaU,MAAM,gBAAGb,UAAA,CAAiB,SAASa,MAAT,CACnCX,KADmC,EAEnCC,GAFmC;EAInC,MAAM;IAAEW,MAAF;IAAUC,MAAV;IAAkBC,IAAlB;IAAwBC,OAAxB;IAAiC,GAAGC;MAAgBhB,KAA1D;EAEA,IAAIiB,QAAQ,GAAGD,WAAW,CAACC,QAA3B;;EAGA,IAAI,OAAOH,IAAP,KAAgB,UAApB,EAAgC;IAC5BG,QAAQ,GAAGC,KAAK,CAACC,OAAN,CAAcF,QAAd,IACL,CAAC,GAAGA,QAAJ,eAAcnB,aAAA,CAACsB,IAAD;MAAMC,GAAG,EAAC;MAAeC,IAAI,EAAC;KAA9B,CAAd,CADK,GAEL,CAACL,QAAD,eAAWnB,aAAA,CAACsB,IAAD;MAAMC,GAAG,EAAC;MAAeC,IAAI,EAAC;KAA9B,CAAX,CAFN;;;EAKJ,MAAMC,MAAM,gBAAGzB,aAAA,CAACD,IAAD,oBAAUmB;IAAaC,QAAQ,EAAEA;IAAUhB,GAAG,EAAEA;IAAhD,CAAf;EAEA,OAAOuB,wBAAwB,CAAC;IAAEZ,MAAF;IAAUC,MAAV;IAAkBC,IAAlB;IAAwBC;GAAzB,EAAoCQ,MAApC,CAA/B;AACH,CAlBqB;;;;"}

package/dist/esm/components/Button/util.js

@@ -1,83 +0,0 @@
-import React__default from 'react';
-import { Button } from '../../primitives/Button.js';
-import { Tooltip } from '../Tooltip/Tooltip.js';
-
-const getButtonClasses = () => {
-  return 'min-h-[theme(spacing.8)] min-w-[theme(spacing.8)] gap-1 h-max leading-5 inline-flex items-center justify-center';
-};
-const getAppearanceClasses = (value, icon = false) => {
-  switch (value) {
-    case 'primary':
-      return `yt-blue-solid focus:bg-blue focus:text-white focus:yt-focus active:bg-blue-dark active:text-white hover:bg-blue-light hover:text-white hover:focus:bg-blue-light hover:focus:border-blue-light hover:focus:text-white disabled:hover:yt-blue-solid disabled:hover:hover:border-blue`;
-
-    case 'danger':
-      return `yt-red-solid focus:bg-red focus:text-white focus:yt-focus-red active:bg-red-dark active:text-white hover:bg-red-light hover:text-white hover:focus:bg-red-light hover:focus:text-white disabled:hover:yt-red-solid`;
-
-    case 'ghost':
-      return `bg-white shadow-[inset_0_0_0_1px_theme(colors.blue.DEFAULT)] text-blue focus:bg-transparent focus:text-blue active:bg-blue-lightest focus:!shadow-[inset_0_0_0_1px_theme(colors.blue.DEFAULT),0_0_0_2px_rgba(0,99,255,0.25)] active:text-blue-dark hover:bg-blue-lightest hover:shadow-[inset_0_0_0_1px_theme(colors.blue.light)] hover:text-blue-light hover:focus:bg-blue-lightest hover:focus:!shadow-[inset_0_0_0_1px_theme(colors.blue.light),0_0_0_2px_rgba(0,99,255,0.25)] hover:focus:text-blue-light`;
-
-    case 'discrete':
-      {
-        if (icon) {
-          return `bg-transparent text-black border-transparent focus:text-black focus:yt-focus active:text-black hover:text-grey-darkest hover:focus:text-grey-darkest disabled:hover:text-black `;
-        }
-
-        return `yt-transparent focus:text-blue focus:yt-focus active:text-blue-dark hover:text-blue-light hover:focus:text-blue-light disabled:hover:yt-transparent`;
-      }
-
-    default:
-      return `yt-grey-solid focus:bg-grey focus:yt-focus active:bg-grey-dark active:text-black hover:bg-grey-light hover:text-grey-darkest hover:focus:bg-grey-light hover:focus:text-grey-darkest disabled:hover:yt-grey-solid`;
-  }
-};
-const createButtonWithTooltip = (props, className, ref) => {
-  const {
-    tooltip,
-    ...buttonProps
-  } = props;
-  const button = /*#__PURE__*/React__default.createElement(Button, Object.assign({}, buttonProps, {
-    className: className,
-    ref: ref
-  }));
-
-  if (tooltip) {
-    return /*#__PURE__*/React__default.createElement(Tooltip, {
-      title: tooltip
-    }, button);
-  }
-
-  return button;
-};
-const createButtonWithOverlays = (props, buttonBase) => {
-  const {
-    dialog,
-    hanger,
-    menu,
-    popover
-  } = props;
-  let button = buttonBase;
-
-  if (typeof dialog === 'function') {
-    button = dialog({
-      trigger: button
-    });
-  } else if (typeof menu === 'function') {
-    button = menu({
-      trigger: button
-    });
-  } else if (typeof popover === 'function') {
-    button = popover({
-      trigger: button
-    });
-  }
-
-  if (typeof hanger === 'function') {
-    button = hanger({
-      anchor: button
-    });
-  }
-
-  return button;
-};
-
-export { createButtonWithOverlays, createButtonWithTooltip, getAppearanceClasses, getButtonClasses };
-//# sourceMappingURL=util.js.map

package/dist/esm/components/Button/util.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"util.js","sources":["../../../../src/components/Button/util.tsx"],"sourcesContent":["import React from 'react';\nimport { Appearance } from '../../types';\nimport * as ButtonPrimitive from '../../primitives/Button';\nimport { Tooltip } from '../Tooltip/Tooltip';\n\nexport const getButtonClasses = () => {\n    return 'min-h-[theme(spacing.8)] min-w-[theme(spacing.8)] gap-1 h-max leading-5 inline-flex items-center justify-center';\n};\n\nexport const getAppearanceClasses = (value: Appearance | undefined, icon = false): string => {\n    switch (value) {\n        case 'primary':\n            return `yt-blue-solid focus:bg-blue focus:text-white focus:yt-focus active:bg-blue-dark active:text-white hover:bg-blue-light hover:text-white hover:focus:bg-blue-light hover:focus:border-blue-light hover:focus:text-white disabled:hover:yt-blue-solid disabled:hover:hover:border-blue`;\n\n        case 'danger':\n            return `yt-red-solid focus:bg-red focus:text-white focus:yt-focus-red active:bg-red-dark active:text-white hover:bg-red-light hover:text-white hover:focus:bg-red-light hover:focus:text-white disabled:hover:yt-red-solid`;\n\n        case 'ghost':\n            return `bg-white shadow-[inset_0_0_0_1px_theme(colors.blue.DEFAULT)] text-blue focus:bg-transparent focus:text-blue active:bg-blue-lightest focus:!shadow-[inset_0_0_0_1px_theme(colors.blue.DEFAULT),0_0_0_2px_rgba(0,99,255,0.25)] active:text-blue-dark hover:bg-blue-lightest hover:shadow-[inset_0_0_0_1px_theme(colors.blue.light)] hover:text-blue-light hover:focus:bg-blue-lightest hover:focus:!shadow-[inset_0_0_0_1px_theme(colors.blue.light),0_0_0_2px_rgba(0,99,255,0.25)] hover:focus:text-blue-light`;\n\n        case 'discrete': {\n            if (icon) {\n                return `bg-transparent text-black border-transparent focus:text-black focus:yt-focus active:text-black hover:text-grey-darkest hover:focus:text-grey-darkest disabled:hover:text-black `;\n            }\n\n            return `yt-transparent focus:text-blue focus:yt-focus active:text-blue-dark hover:text-blue-light hover:focus:text-blue-light disabled:hover:yt-transparent`;\n        }\n\n        default:\n            return `yt-grey-solid focus:bg-grey focus:yt-focus active:bg-grey-dark active:text-black hover:bg-grey-light hover:text-grey-darkest hover:focus:bg-grey-light hover:focus:text-grey-darkest disabled:hover:yt-grey-solid`;\n    }\n};\n\nexport const createButtonWithTooltip = (\n    props: any,\n    className: string,\n    ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>\n): JSX.Element => {\n    const { tooltip, ...buttonProps } = props;\n    const button = <ButtonPrimitive.Button {...buttonProps} className={className} ref={ref} />;\n\n    if (tooltip) {\n        return <Tooltip title={tooltip}>{button}</Tooltip>;\n    }\n\n    return button;\n};\n\nexport const createButtonWithOverlays = (props: any, buttonBase: JSX.Element) => {\n    const { dialog, hanger, menu, popover } = props;\n    let button = buttonBase;\n\n    if (typeof dialog === 'function') {\n        button = dialog({ trigger: button });\n    } else if (typeof menu === 'function') {\n        button = menu({ trigger: button });\n    } else if (typeof popover === 'function') {\n        button = popover({ trigger: button });\n    }\n\n    if (typeof hanger === 'function') {\n        button = hanger({ anchor: button });\n    }\n\n    return button;\n};\n"],"names":["getButtonClasses","getAppearanceClasses","value","icon","createButtonWithTooltip","props","className","ref","tooltip","buttonProps","button","React","ButtonPrimitive","Tooltip","title","createButtonWithOverlays","buttonBase","dialog","hanger","menu","popover","trigger","anchor"],"mappings":";;;;MAKaA,gBAAgB,GAAG;EAC5B,OAAO,iHAAP;AACH;MAEYC,oBAAoB,GAAG,CAACC,KAAD,EAAgCC,IAAI,GAAG,KAAvC;EAChC,QAAQD,KAAR;IACI,KAAK,SAAL;MACI,4RAAA;;IAEJ,KAAK,QAAL;MACI,2NAAA;;IAEJ,KAAK,OAAL;MACI,sfAAA;;IAEJ,KAAK,UAAL;MAAiB;QACb,IAAIC,IAAJ,EAAU;UACN,wLAAA;;;QAGJ,4JAAA;;;IAGJ;MACI,0NAAA;;AAEX;MAEYC,uBAAuB,GAAG,CACnCC,KADmC,EAEnCC,SAFmC,EAGnCC,GAHmC;EAKnC,MAAM;IAAEC,OAAF;IAAW,GAAGC;MAAgBJ,KAApC;EACA,MAAMK,MAAM,gBAAGC,4BAAA,CAACC,MAAD,oBAA4BH;IAAaH,SAAS,EAAEA;IAAWC,GAAG,EAAEA;IAApE,CAAf;;EAEA,IAAIC,OAAJ,EAAa;IACT,oBAAOG,4BAAA,CAACE,OAAD;MAASC,KAAK,EAAEN;KAAhB,EAA0BE,MAA1B,CAAP;;;EAGJ,OAAOA,MAAP;AACH;MAEYK,wBAAwB,GAAG,CAACV,KAAD,EAAaW,UAAb;EACpC,MAAM;IAAEC,MAAF;IAAUC,MAAV;IAAkBC,IAAlB;IAAwBC;MAAYf,KAA1C;EACA,IAAIK,MAAM,GAAGM,UAAb;;EAEA,IAAI,OAAOC,MAAP,KAAkB,UAAtB,EAAkC;IAC9BP,MAAM,GAAGO,MAAM,CAAC;MAAEI,OAAO,EAAEX;KAAZ,CAAf;GADJ,MAEO,IAAI,OAAOS,IAAP,KAAgB,UAApB,EAAgC;IACnCT,MAAM,GAAGS,IAAI,CAAC;MAAEE,OAAO,EAAEX;KAAZ,CAAb;GADG,MAEA,IAAI,OAAOU,OAAP,KAAmB,UAAvB,EAAmC;IACtCV,MAAM,GAAGU,OAAO,CAAC;MAAEC,OAAO,EAAEX;KAAZ,CAAhB;;;EAGJ,IAAI,OAAOQ,MAAP,KAAkB,UAAtB,EAAkC;IAC9BR,MAAM,GAAGQ,MAAM,CAAC;MAAEI,MAAM,EAAEZ;KAAX,CAAf;;;EAGJ,OAAOA,MAAP;AACH;;;;"}

package/dist/esm/components/Calendar/Calendar.js

@@ -1,133 +0,0 @@
-import { forwardRef, useState, useEffect, createElement, memo } from 'react';
-import cn from 'classnames';
-import { IconButton } from '../IconButton/IconButton.js';
-import ReactDayPicker from 'react-day-picker';
-import { useLocalization } from '../Provider/Provider.js';
-
-const thisYear = /*#__PURE__*/new Date().getFullYear();
-const years = [];
-
-for (let i = thisYear - 10; i <= thisYear + 10; i += 1) {
-  years.push(i);
-}
-
-const Navbar = /*#__PURE__*/memo(({
-  onMonthChange,
-  onNextClick,
-  onPreviousClick,
-  value = new Date()
-}) => {
-  const {
-    texts: {
-      calendar: {
-        actions,
-        months
-      }
-    }
-  } = useLocalization();
-
-  const handleChange = function handleChange(event) {
-    const {
-      year,
-      month
-    } = event.target.form;
-    onMonthChange(new Date(year.value, month.value));
-  };
-
-  return /*#__PURE__*/createElement("div", {
-    className: "mb-2 flex items-center justify-between"
-  }, /*#__PURE__*/createElement("form", {
-    className: "inline-flex space-x-1"
-  }, /*#__PURE__*/createElement("select", {
-    className: "h-8 px-2",
-    name: "month",
-    onChange: handleChange,
-    value: value.getMonth()
-  }, months.map((month, i) => /*#__PURE__*/createElement("option", {
-    key: month,
-    value: i
-  }, month))), /*#__PURE__*/createElement("select", {
-    className: "h-8 px-2",
-    name: "year",
-    onChange: handleChange,
-    value: value.getFullYear()
-  }, years.map(year => /*#__PURE__*/createElement("option", {
-    key: year,
-    value: year
-  }, String(year))))), /*#__PURE__*/createElement("div", null, /*#__PURE__*/createElement(IconButton, {
-    appearance: "discrete",
-    icon: "chevron-left",
-    "aria-label": actions.previousMonth,
-    onClick: () => onPreviousClick(),
-    rounded: true
-  }), /*#__PURE__*/createElement(IconButton, {
-    appearance: "discrete",
-    icon: "chevron-right",
-    "aria-label": actions.nextMonth,
-    onClick: () => onNextClick(),
-    rounded: true
-  })));
-});
-const Calendar = /*#__PURE__*/forwardRef(function Calendar(props, ref) {
-  const {
-    onChange: handleChange,
-    value,
-    disabledDays,
-    ...otherProps
-  } = props;
-  const {
-    locale,
-    texts
-  } = useLocalization();
-  const [visibleMonth, setVisibleMonth] = useState(value !== null && value !== void 0 ? value : new Date());
-  useEffect(() => {
-    if (visibleMonth !== value) {
-      setVisibleMonth(value !== null && value !== void 0 ? value : new Date());
-    }
-  }, [value]);
-
-  const handleDayClick = (date, modifiers, event) => {
-    if (modifiers.outside || modifiers.disabled) {
-      return;
-    }
-
-    handleChange(date, event);
-  };
-
-  const handleCalendarClickToday = () => {
-    const today = new Date(); // set to midday to avoid UTC offset causing dates to be mismatched server side
-
-    today.setHours(12);
-    today.setMinutes(0);
-    today.setSeconds(0);
-    handleChange(today);
-  };
-
-  const className = cn('flex bg-white text-xs p-4', otherProps.className);
-  return /*#__PURE__*/createElement("div", {
-    "data-taco": "calendar"
-  }, /*#__PURE__*/createElement(ReactDayPicker, Object.assign({}, otherProps, {
-    className: className,
-    month: visibleMonth,
-    selectedDays: value,
-    locale: locale.substring(0, 2),
-    firstDayOfWeek: 1,
-    months: texts.calendar.months,
-    weekdaysShort: texts.calendar.weekdaysShort,
-    navbarElement: navProps => /*#__PURE__*/createElement(Navbar, Object.assign({}, navProps, {
-      onMonthChange: setVisibleMonth,
-      value: visibleMonth
-    })),
-    onDayClick: handleDayClick,
-    onMonthChange: setVisibleMonth,
-    onTodayButtonClick: handleCalendarClickToday,
-    captionElement: () => null,
-    todayButton: texts.calendar.actions.today,
-    numberOfMonths: 1,
-    ref: ref,
-    disabledDays: disabledDays
-  })));
-});
-
-export { Calendar };
-//# sourceMappingURL=Calendar.js.map