@economic/taco 0.0.1-alpha.1543 → 0.0.1-alpha.2

package/dist/esm/src/components/Tooltip/Tooltip.js

@@ -1,24 +1,25 @@
 import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import { createElement } from 'react';
+import { forwardRef, createElement } from 'react';
 import { Root, Trigger, Content, Arrow } from '@radix-ui/react-tooltip';
 
 var _excluded = ["title", "children", "placement"];
-var Tooltip = function Tooltip(_ref) {
-  var title = _ref.title,
-      children = _ref.children,
-      placement = _ref.placement,
-      otherProps = _objectWithoutPropertiesLoose(_ref, _excluded);
+var Tooltip = /*#__PURE__*/forwardRef(function (props, ref) {
+  var title = props.title,
+      children = props.children,
+      placement = props.placement,
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded);
 
   return createElement(Root, {
     delayDuration: 50
   }, createElement(Trigger, {
-    asChild: true
+    asChild: true,
+    ref: ref
   }, children), createElement(Content, Object.assign({}, otherProps, {
     asChild: true,
     side: placement,
-    sideOffset: 5
+    sideOffset: 3
   }), createElement("div", {
-    className: "px-2 py-1 rounded-sm wcag-purple text-xs font-bold animate-[fade-in_150ms]",
+    className: "wcag-purple animate-[fade-in_150ms] rounded-sm px-2 py-1 text-xs font-bold",
     "data-taco": "tooltip",
     style: {
       transformOrigin: 'var(--radix-tooltip-content-transform-origin)'
@@ -26,7 +27,7 @@ var Tooltip = function Tooltip(_ref) {
   }, createElement(Arrow, {
     className: "fill-purple stroke-purple"
   }), title)));
-};
+});
 
 export { Tooltip };
 //# sourceMappingURL=Tooltip.js.map

package/dist/esm/src/components/Tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sources":["../../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip';\n\nexport type TooltipProps = React.HTMLAttributes<HTMLDivElement> & {\n    /** The element which activates the tooltip when hovered. Should be a single React/HTML element */\n    children: React.ReactElement | any;\n    /** Text displayed in the tooltip */\n    title: string;\n    /**\n     *  Placement of the tooltip relative to the reference element. Placement will be reversed if a collision occurs\n     * @defaultValue bottom\n     */\n    placement?: 'top' | 'right' | 'bottom' | 'left';\n};\n\nexport const Tooltip = ({ title, children, placement, ...otherProps }: TooltipProps) => (\n    <TooltipPrimitive.Root delayDuration={50}>\n        <TooltipPrimitive.Trigger asChild>{children}</TooltipPrimitive.Trigger>\n        <TooltipPrimitive.Content {...otherProps} asChild side={placement} sideOffset={5}>\n            <div\n                className=\"px-2 py-1 rounded-sm wcag-purple text-xs font-bold animate-[fade-in_150ms]\"\n                data-taco=\"tooltip\"\n                style={{\n                    transformOrigin: 'var(--radix-tooltip-content-transform-origin)',\n                }}\n            >\n                <TooltipPrimitive.Arrow className=\"fill-purple stroke-purple\" />\n                {title}\n            </div>\n        </TooltipPrimitive.Content>\n    </TooltipPrimitive.Root>\n);\n"],"names":["Tooltip","title","children","placement","otherProps","React","TooltipPrimitive","delayDuration","asChild","side","sideOffset","className","style","transformOrigin"],"mappings":";;;;;IAeaA,OAAO,GAAG,SAAVA,OAAU;AAAA,MAAGC,KAAH,QAAGA,KAAH;AAAA,MAAUC,QAAV,QAAUA,QAAV;AAAA,MAAoBC,SAApB,QAAoBA,SAApB;AAAA,MAAkCC,UAAlC;;AAAA,SACnBC,aAAA,CAACC,IAAD;AAAuBC,IAAAA,aAAa,EAAE;GAAtC,EACIF,aAAA,CAACC,OAAD;AAA0BE,IAAAA,OAAO;GAAjC,EAAmCN,QAAnC,CADJ,EAEIG,aAAA,CAACC,OAAD,oBAA8BF;AAAYI,IAAAA,OAAO;AAACC,IAAAA,IAAI,EAAEN;AAAWO,IAAAA,UAAU,EAAE;IAA/E,EACIL,aAAA,MAAA;AACIM,IAAAA,SAAS,EAAC;iBACA;AACVC,IAAAA,KAAK,EAAE;AACHC,MAAAA,eAAe,EAAE;AADd;GAHX,EAOIR,aAAA,CAACC,KAAD;AAAwBK,IAAAA,SAAS,EAAC;GAAlC,CAPJ,EAQKV,KARL,CADJ,CAFJ,CADmB;AAAA;;;;"}
+{"version":3,"file":"Tooltip.js","sources":["../../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip';\n\nexport type TooltipProps = React.HTMLAttributes<HTMLDivElement> & {\n    /** The element which activates the tooltip when hovered. Should be a single React/HTML element */\n    children: React.ReactElement | any;\n    /** Text displayed in the tooltip */\n    title: string;\n    /**\n     *  Placement of the tooltip relative to the reference element. Placement will be reversed if a collision occurs\n     * @defaultValue bottom\n     */\n    placement?: 'top' | 'right' | 'bottom' | 'left';\n};\n\nexport const Tooltip = React.forwardRef((props: TooltipProps, ref: React.Ref<HTMLElement>) => {\n    const { title, children, placement, ...otherProps } = props;\n\n    return (\n        <TooltipPrimitive.Root delayDuration={50}>\n            <TooltipPrimitive.Trigger asChild ref={ref as any}>\n                {children}\n            </TooltipPrimitive.Trigger>\n            <TooltipPrimitive.Content {...otherProps} asChild side={placement} sideOffset={3}>\n                <div\n                    className=\"wcag-purple animate-[fade-in_150ms] rounded-sm px-2 py-1 text-xs font-bold\"\n                    data-taco=\"tooltip\"\n                    style={{\n                        transformOrigin: 'var(--radix-tooltip-content-transform-origin)',\n                    }}\n                >\n                    <TooltipPrimitive.Arrow className=\"fill-purple stroke-purple\" />\n                    {title}\n                </div>\n            </TooltipPrimitive.Content>\n        </TooltipPrimitive.Root>\n    );\n});\n"],"names":["Tooltip","React","props","ref","title","children","placement","otherProps","TooltipPrimitive","delayDuration","asChild","side","sideOffset","className","style","transformOrigin"],"mappings":";;;;;IAeaA,OAAO,gBAAGC,UAAA,CAAiB,UAACC,KAAD,EAAsBC,GAAtB;AACpC,MAAQC,KAAR,GAAsDF,KAAtD,CAAQE,KAAR;AAAA,MAAeC,QAAf,GAAsDH,KAAtD,CAAeG,QAAf;AAAA,MAAyBC,SAAzB,GAAsDJ,KAAtD,CAAyBI,SAAzB;AAAA,MAAuCC,UAAvC,iCAAsDL,KAAtD;;AAEA,SACID,aAAA,CAACO,IAAD;AAAuBC,IAAAA,aAAa,EAAE;GAAtC,EACIR,aAAA,CAACO,OAAD;AAA0BE,IAAAA,OAAO;AAACP,IAAAA,GAAG,EAAEA;GAAvC,EACKE,QADL,CADJ,EAIIJ,aAAA,CAACO,OAAD,oBAA8BD;AAAYG,IAAAA,OAAO;AAACC,IAAAA,IAAI,EAAEL;AAAWM,IAAAA,UAAU,EAAE;IAA/E,EACIX,aAAA,MAAA;AACIY,IAAAA,SAAS,EAAC;iBACA;AACVC,IAAAA,KAAK,EAAE;AACHC,MAAAA,eAAe,EAAE;AADd;GAHX,EAOId,aAAA,CAACO,KAAD;AAAwBK,IAAAA,SAAS,EAAC;GAAlC,CAPJ,EAQKT,KARL,CADJ,CAJJ,CADJ;AAmBH,CAtBsB;;;;"}

package/dist/esm/src/components/Tour/Tour.js

@@ -1,10 +1,10 @@
 import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default, { useMemo } from 'react';
+import { useLocalization } from '../Provider/Provider.js';
+import { Group } from '../Group/Group.js';
 import { IconButton } from '../IconButton/IconButton.js';
 import { Button } from '../Button/Button.js';
-import { useLocalization } from '../Provider/Provider.js';
 import keycode from 'keycode';
-import { Group } from '../Group/Group.js';
 import Joyride, { ACTIONS, LIFECYCLE, EVENTS } from 'react-joyride';
 import { theme as tailwind_config_1 } from '../../../tailwind.config.js';
 

package/dist/esm/src/components/Treeview/Treeview.js.map

@@ -1 +1 @@
-{"version":3,"file":"Treeview.js","sources":["../../../../../src/components/Treeview/Treeview.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nexport type TreeviewItemProps = React.LinkHTMLAttributes<HTMLAnchorElement>;\n\nconst TreeviewItem = React.forwardRef((props: TreeviewItemProps, ref: React.Ref<HTMLAnchorElement>) => {\n    return <a {...props} ref={ref} />;\n});\n\nexport type TreeviewGroupProps = Omit<React.LinkHTMLAttributes<HTMLDivElement>, 'className' | 'onClick' | 'title'> & {\n    /** Add a classname to the treeview */\n    className?: string | ((expanded: boolean) => string);\n    /**\n     * Set wheter the region is expanded, showing the children, or collapsed.\n     * Default value is `false`\n     */\n    expanded?: boolean;\n    /** Region is expanded at mount and can't be collapsed */\n    fixed?: boolean;\n    /** Handler called when user clicks the title of the group */\n    onClick?: (event: React.MouseEvent<HTMLDivElement>, expanded: boolean) => void;\n    /** Text displayed in the group's header */\n    title: React.ReactNode | ((expanded: boolean) => React.ReactNode);\n};\n\nconst TreeviewGroup = React.forwardRef((props: TreeviewGroupProps, ref: React.Ref<HTMLDivElement>) => {\n    const {\n        children,\n        className: externalClassName,\n        expanded: initialExpanded = false,\n        title,\n        fixed,\n        onClick,\n        ...otherProps\n    } = props;\n    const [expanded, setExpanded] = React.useState(fixed || initialExpanded);\n\n    React.useEffect(() => {\n        if (!fixed) {\n            setExpanded(fixed || initialExpanded);\n        }\n    }, [fixed, initialExpanded]);\n\n    const listClassName = cn('flex-col mb-0', {\n        flex: expanded,\n        hidden: !expanded,\n    });\n\n    const itemProps = {\n        ...otherProps,\n        'aria-expanded': expanded,\n        role: 'treeitem',\n        tabIndex: -1,\n    };\n\n    const handleClick = (event: React.MouseEvent<HTMLDivElement>): void => {\n        const nextState = !expanded;\n\n        if (!fixed) {\n            setExpanded(nextState);\n        }\n\n        if (onClick) {\n            onClick(event, nextState);\n        }\n    };\n\n    const className = typeof externalClassName === 'function' ? externalClassName(expanded) : externalClassName;\n\n    return (\n        <div {...itemProps} className={className} ref={ref}>\n            <div onClick={handleClick}>{typeof title === 'function' ? title(expanded) : title}</div>\n            <ul role=\"group\" className={listClassName}>\n                {React.Children.toArray(children)\n                    .filter(item => !!item)\n                    .map((item, i) => (\n                        <li key={i} role=\"none\">\n                            {React.cloneElement(item as React.ReactElement<any>, { role: 'treeitem' })}\n                        </li>\n                    ))}\n            </ul>\n        </div>\n    );\n});\n\nexport type TreeviewProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport type FowardedTreeviewWithStatics = React.ForwardRefExoticComponent<TreeviewProps & React.RefAttributes<HTMLDivElement>> & {\n    /** Navigable link */\n    Item: React.ForwardRefExoticComponent<TreeviewItemProps & React.RefAttributes<HTMLAnchorElement>>;\n    /** Container for a set of related links, usually expandable */\n    Group: React.ForwardRefExoticComponent<TreeviewGroupProps & React.RefAttributes<HTMLDivElement>>;\n};\n\nexport const Treeview = React.forwardRef((props: TreeviewProps, ref: React.Ref<HTMLDivElement>) => {\n    return <div {...props} ref={ref} role=\"tree\" />;\n}) as FowardedTreeviewWithStatics;\n\nTreeview.Group = TreeviewGroup;\nTreeview.Item = TreeviewItem;\n"],"names":["TreeviewItem","React","forwardRef","props","ref","TreeviewGroup","children","externalClassName","className","expanded","initialExpanded","title","fixed","onClick","otherProps","useState","setExpanded","useEffect","listClassName","cn","flex","hidden","itemProps","role","tabIndex","handleClick","event","nextState","Children","toArray","filter","item","map","i","key","cloneElement","Treeview","Group","Item"],"mappings":"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"}
+{"version":3,"file":"Treeview.js","sources":["../../../../../src/components/Treeview/Treeview.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nexport type TreeviewItemProps = React.LinkHTMLAttributes<HTMLAnchorElement>;\n\nconst TreeviewItem = React.forwardRef((props: TreeviewItemProps, ref: React.Ref<HTMLAnchorElement>) => {\n    return <a {...props} ref={ref} />;\n});\n\nexport type TreeviewGroupProps = Omit<React.LinkHTMLAttributes<HTMLDivElement>, 'className' | 'onClick' | 'title'> & {\n    /** Add a classname to the treeview */\n    className?: string | ((expanded: boolean) => string);\n    /**\n     * Set wheter the region is expanded, showing the children, or collapsed.\n     * Default value is `false`\n     */\n    expanded?: boolean;\n    /** Region is expanded at mount and can't be collapsed */\n    fixed?: boolean;\n    /** Handler called when user clicks the title of the group */\n    onClick?: (event: React.MouseEvent<HTMLDivElement>, expanded: boolean) => void;\n    /** Text displayed in the group's header */\n    title: React.ReactNode | ((expanded: boolean) => React.ReactNode);\n};\n\nconst TreeviewGroup = React.forwardRef((props: TreeviewGroupProps, ref: React.Ref<HTMLDivElement>) => {\n    const {\n        children,\n        className: externalClassName,\n        expanded: initialExpanded = false,\n        title,\n        fixed,\n        onClick,\n        ...otherProps\n    } = props;\n    const [expanded, setExpanded] = React.useState(fixed || initialExpanded);\n\n    React.useEffect(() => {\n        if (!fixed) {\n            setExpanded(fixed || initialExpanded);\n        }\n    }, [fixed, initialExpanded]);\n\n    const listClassName = cn('flex-col mb-0', {\n        flex: expanded,\n        hidden: !expanded,\n    });\n\n    const itemProps = {\n        ...otherProps,\n        'aria-expanded': expanded,\n        role: 'treeitem',\n        tabIndex: -1,\n    };\n\n    const handleClick = (event: React.MouseEvent<HTMLDivElement>): void => {\n        const nextState = !expanded;\n\n        if (!fixed) {\n            setExpanded(nextState);\n        }\n\n        if (onClick) {\n            onClick(event, nextState);\n        }\n    };\n\n    const className = typeof externalClassName === 'function' ? externalClassName(expanded) : externalClassName;\n\n    return (\n        <div {...itemProps} className={className} ref={ref}>\n            <div onClick={handleClick}>{typeof title === 'function' ? title(expanded) : title}</div>\n            <ul role=\"group\" className={listClassName}>\n                {React.Children.toArray(children)\n                    .filter(item => !!item)\n                    .map((item, i) => (\n                        <li key={i} role=\"none\">\n                            {React.cloneElement(item as React.ReactElement<any>, { role: 'treeitem' })}\n                        </li>\n                    ))}\n            </ul>\n        </div>\n    );\n});\n\nexport type TreeviewProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport type ForwardedTreeviewWithStatics = React.ForwardRefExoticComponent<\n    TreeviewProps & React.RefAttributes<HTMLDivElement>\n> & {\n    /** Navigable link */\n    Item: React.ForwardRefExoticComponent<TreeviewItemProps & React.RefAttributes<HTMLAnchorElement>>;\n    /** Container for a set of related links, usually expandable */\n    Group: React.ForwardRefExoticComponent<TreeviewGroupProps & React.RefAttributes<HTMLDivElement>>;\n};\n\nexport const Treeview = React.forwardRef((props: TreeviewProps, ref: React.Ref<HTMLDivElement>) => {\n    return <div {...props} ref={ref} role=\"tree\" />;\n}) as ForwardedTreeviewWithStatics;\n\nTreeview.Group = TreeviewGroup;\nTreeview.Item = TreeviewItem;\n"],"names":["TreeviewItem","React","forwardRef","props","ref","TreeviewGroup","children","externalClassName","className","expanded","initialExpanded","title","fixed","onClick","otherProps","useState","setExpanded","useEffect","listClassName","cn","flex","hidden","itemProps","role","tabIndex","handleClick","event","nextState","Children","toArray","filter","item","map","i","key","cloneElement","Treeview","Group","Item"],"mappings":"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"}

package/dist/esm/src/index.js

@@ -4,12 +4,16 @@ export { Accordion } from './components/Accordion/Accordion.js';
 export { VisuallyHidden } from './components/VisuallyHidden/VisuallyHidden.js';
 export { Badge } from './components/Badge/Badge.js';
 export { Tooltip } from './components/Tooltip/Tooltip.js';
-export { IconButton } from './components/IconButton/IconButton.js';
-export { Banner } from './components/Banner/Banner.js';
-export { Button } from './components/Button/Button.js';
 export { Spinner } from './components/Spinner/Spinner.js';
 export { ToastProvider, useToast } from './components/Toast/Toaster.js';
 export { Provider, defaultLocalisationTexts, useLocalization, useTaco } from './components/Provider/Provider.js';
+export { Hanger } from './components/Hanger/Hanger.js';
+export { Group } from './components/Group/Group.js';
+export { Dialog } from './components/Dialog/Dialog.js';
+export { Popover } from './components/Popover/Popover.js';
+export { IconButton } from './components/IconButton/IconButton.js';
+export { Banner } from './components/Banner/Banner.js';
+export { Button } from './components/Button/Button.js';
 export { Calendar } from './components/Calendar/Calendar.js';
 export { Checkbox } from './components/Checkbox/Checkbox.js';
 export { Input } from './components/Input/Input.js';
@@ -17,12 +21,8 @@ export { getNextIndexFromKeycode, useListKeyboardNavigation } from './utils/hook
 export { useListScrollTo } from './utils/hooks/useListScrollTo.js';
 export { Combobox } from './components/Combobox/Combobox.js';
 export { format, parseFromCustomString, parseFromISOString } from './utils/date.js';
-export { Popover } from './components/Popover/Popover.js';
 export { Datepicker } from './components/Datepicker/Datepicker.js';
-export { Group } from './components/Group/Group.js';
-export { Dialog } from './components/Dialog/Dialog.js';
 export { Form } from './components/Form/Form.js';
-export { Hanger } from './components/Hanger/Hanger.js';
 export { SearchInput } from './components/SearchInput/SearchInput.js';
 export { Label } from './components/Label/Label.js';
 export { Listbox, MultiListbox } from './components/Listbox/Listbox.js';

package/dist/esm/src/primitives/Button.js

@@ -1,18 +1,16 @@
 import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { forwardRef, createElement, Children } from 'react';
-import { Tooltip } from '../components/Tooltip/Tooltip.js';
 
-var _excluded = ["disabled", "target", "tooltip", "type"];
+var _excluded = ["disabled", "target", "type"];
 var Button = /*#__PURE__*/forwardRef(function Button(props, ref) {
   var disabled = props.disabled,
       target = props.target,
-      tooltip = props.tooltip,
       _props$type = props.type,
       type = _props$type === void 0 ? 'button' : _props$type,
       otherProps = _objectWithoutPropertiesLoose(props, _excluded);
 
   var Tag = props.href ? 'a' : 'button';
-  var button = createElement(Tag, Object.assign({}, otherProps, {
+  return createElement(Tag, Object.assign({}, otherProps, {
     "aria-disabled": disabled ? 'true' : undefined,
     disabled: disabled,
     target: Tag === 'a' ? target : undefined,
@@ -21,14 +19,6 @@ var Button = /*#__PURE__*/forwardRef(function Button(props, ref) {
   }), Children.count(props.children) > 1 ? Children.map(props.children, function (child) {
     return typeof child === 'string' ? createElement("span", null, child) : child;
   }) : props.children);
-
-  if (tooltip) {
-    return createElement(Tooltip, {
-      title: tooltip
-    }, button);
-  }
-
-  return button;
 });
 
 export { Button };

package/dist/esm/src/primitives/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../../src/primitives/Button.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Tooltip } from '../components/Tooltip/Tooltip';\n\ntype ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement | HTMLAnchorElement> & {\n    /** Content should be a text */\n    children: React.ReactNode;\n    /** Provides url for buttons being used as a link */\n    href?: string;\n    /** Provides target for buttons being used as a link */\n    target?: '_self' | '_blank' | '_parent' | '_top';\n    /** A tooltip to show when hovering over the button */\n    tooltip?: string;\n};\n\nconst Button = React.forwardRef(function Button(props: ButtonProps, ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>) {\n    const { disabled, target, tooltip, type = 'button', ...otherProps } = props;\n\n    const Tag = props.href ? 'a' : 'button';\n\n    const button = (\n        <Tag\n            {...otherProps}\n            aria-disabled={disabled ? 'true' : undefined}\n            disabled={disabled}\n            target={Tag === 'a' ? target : undefined}\n            type={Tag !== 'a' ? type : undefined}\n            ref={ref as any}\n        >\n            {React.Children.count(props.children) > 1\n                ? React.Children.map(props.children, child => (typeof child === 'string' ? <span>{child}</span> : child))\n                : props.children}\n        </Tag>\n    );\n\n    if (tooltip) {\n        return <Tooltip title={tooltip}>{button}</Tooltip>;\n    }\n\n    return button;\n});\n\nexport { Button, ButtonProps };\n"],"names":["Button","React","props","ref","disabled","target","tooltip","type","otherProps","Tag","href","button","undefined","count","children","map","child","Tooltip","title"],"mappings":";;;;;IAcMA,MAAM,gBAAGC,UAAA,CAAiB,SAASD,MAAT,CAAgBE,KAAhB,EAAoCC,GAApC;AAC5B,MAAQC,QAAR,GAAsEF,KAAtE,CAAQE,QAAR;AAAA,MAAkBC,MAAlB,GAAsEH,KAAtE,CAAkBG,MAAlB;AAAA,MAA0BC,OAA1B,GAAsEJ,KAAtE,CAA0BI,OAA1B;AAAA,oBAAsEJ,KAAtE,CAAmCK,IAAnC;AAAA,MAAmCA,IAAnC,4BAA0C,QAA1C;AAAA,MAAuDC,UAAvD,iCAAsEN,KAAtE;;AAEA,MAAMO,GAAG,GAAGP,KAAK,CAACQ,IAAN,GAAa,GAAb,GAAmB,QAA/B;AAEA,MAAMC,MAAM,GACRV,aAAA,CAACQ,GAAD,oBACQD;qBACWJ,QAAQ,GAAG,MAAH,GAAYQ;AACnCR,IAAAA,QAAQ,EAAEA;AACVC,IAAAA,MAAM,EAAEI,GAAG,KAAK,GAAR,GAAcJ,MAAd,GAAuBO;AAC/BL,IAAAA,IAAI,EAAEE,GAAG,KAAK,GAAR,GAAcF,IAAd,GAAqBK;AAC3BT,IAAAA,GAAG,EAAEA;IANT,EAQKF,QAAA,CAAeY,KAAf,CAAqBX,KAAK,CAACY,QAA3B,IAAuC,CAAvC,GACKb,QAAA,CAAec,GAAf,CAAmBb,KAAK,CAACY,QAAzB,EAAmC,UAAAE,KAAK;AAAA,WAAK,OAAOA,KAAP,KAAiB,QAAjB,GAA4Bf,aAAA,OAAA,MAAA,EAAOe,KAAP,CAA5B,GAAmDA,KAAxD;AAAA,GAAxC,CADL,GAEKd,KAAK,CAACY,QAVhB,CADJ;;AAeA,MAAIR,OAAJ,EAAa;AACT,WAAOL,aAAA,CAACgB,OAAD;AAASC,MAAAA,KAAK,EAAEZ;KAAhB,EAA0BK,MAA1B,CAAP;AACH;;AAED,SAAOA,MAAP;AACH,CAzBc;;;;"}
+{"version":3,"file":"Button.js","sources":["../../../../src/primitives/Button.tsx"],"sourcesContent":["import * as React from 'react';\n\ntype ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement | HTMLAnchorElement> & {\n    /** Content should be a text */\n    children: React.ReactNode;\n    /** Provides url for buttons being used as a link */\n    href?: string;\n    /** Provides target for buttons being used as a link */\n    target?: '_self' | '_blank' | '_parent' | '_top';\n};\n\nconst Button = React.forwardRef(function Button(props: ButtonProps, ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>) {\n    const { disabled, target, type = 'button', ...otherProps } = props;\n\n    const Tag = props.href ? 'a' : 'button';\n\n    return (\n        <Tag\n            {...otherProps}\n            aria-disabled={disabled ? 'true' : undefined}\n            disabled={disabled}\n            target={Tag === 'a' ? target : undefined}\n            type={Tag !== 'a' ? type : undefined}\n            ref={ref as any}\n        >\n            {React.Children.count(props.children) > 1\n                ? React.Children.map(props.children, child => (typeof child === 'string' ? <span>{child}</span> : child))\n                : props.children}\n        </Tag>\n    );\n});\n\nexport { Button, ButtonProps };\n"],"names":["Button","React","props","ref","disabled","target","type","otherProps","Tag","href","undefined","count","children","map","child"],"mappings":";;;;IAWMA,MAAM,gBAAGC,UAAA,CAAiB,SAASD,MAAT,CAAgBE,KAAhB,EAAoCC,GAApC;AAC5B,MAAQC,QAAR,GAA6DF,KAA7D,CAAQE,QAAR;AAAA,MAAkBC,MAAlB,GAA6DH,KAA7D,CAAkBG,MAAlB;AAAA,oBAA6DH,KAA7D,CAA0BI,IAA1B;AAAA,MAA0BA,IAA1B,4BAAiC,QAAjC;AAAA,MAA8CC,UAA9C,iCAA6DL,KAA7D;;AAEA,MAAMM,GAAG,GAAGN,KAAK,CAACO,IAAN,GAAa,GAAb,GAAmB,QAA/B;AAEA,SACIR,aAAA,CAACO,GAAD,oBACQD;qBACWH,QAAQ,GAAG,MAAH,GAAYM;AACnCN,IAAAA,QAAQ,EAAEA;AACVC,IAAAA,MAAM,EAAEG,GAAG,KAAK,GAAR,GAAcH,MAAd,GAAuBK;AAC/BJ,IAAAA,IAAI,EAAEE,GAAG,KAAK,GAAR,GAAcF,IAAd,GAAqBI;AAC3BP,IAAAA,GAAG,EAAEA;IANT,EAQKF,QAAA,CAAeU,KAAf,CAAqBT,KAAK,CAACU,QAA3B,IAAuC,CAAvC,GACKX,QAAA,CAAeY,GAAf,CAAmBX,KAAK,CAACU,QAAzB,EAAmC,UAAAE,KAAK;AAAA,WAAK,OAAOA,KAAP,KAAiB,QAAjB,GAA4Bb,aAAA,OAAA,MAAA,EAAOa,KAAP,CAA5B,GAAmDA,KAAxD;AAAA,GAAxC,CADL,GAEKZ,KAAK,CAACU,QAVhB,CADJ;AAcH,CAnBc;;;;"}

package/dist/esm/src/utils/mergeRefs.js

@@ -0,0 +1,14 @@
+function mergeRefs(refs) {
+  return function (value) {
+    refs.forEach(function (ref) {
+      if (typeof ref === 'function') {
+        ref(value);
+      } else if (ref != null) {
+        ref.current = value;
+      }
+    });
+  };
+}
+
+export default mergeRefs;
+//# sourceMappingURL=mergeRefs.js.map

package/dist/esm/src/utils/mergeRefs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mergeRefs.js","sources":["../../../../src/utils/mergeRefs.ts"],"sourcesContent":["import React from 'react';\n\nexport default function mergeRefs<T = any>(refs: Array<React.MutableRefObject<T> | React.LegacyRef<T>>): React.RefCallback<T> {\n    return value => {\n        refs.forEach(ref => {\n            if (typeof ref === 'function') {\n                ref(value);\n            } else if (ref != null) {\n                (ref as React.MutableRefObject<T | null>).current = value;\n            }\n        });\n    };\n}\n"],"names":["mergeRefs","refs","value","forEach","ref","current"],"mappings":"SAEwBA,UAAmBC;AACvC,SAAO,UAAAC,KAAK;AACRD,IAAAA,IAAI,CAACE,OAAL,CAAa,UAAAC,GAAG;AACZ,UAAI,OAAOA,GAAP,KAAe,UAAnB,EAA+B;AAC3BA,QAAAA,GAAG,CAACF,KAAD,CAAH;AACH,OAFD,MAEO,IAAIE,GAAG,IAAI,IAAX,EAAiB;AACnBA,QAAAA,GAAwC,CAACC,OAAzC,GAAmDH,KAAnD;AACJ;AACJ,KAND;AAOH,GARD;AASH;;;;"}

package/dist/index.css

@@ -155,14 +155,6 @@
     @apply max-h-full p-0;
 }
 
-[data-taco='button'] > [data-taco='icon'] {
-    @apply pointer-events-none -ml-2 mr-1 -mt-2 -mb-2 inline p-px;
-}
-
-[data-taco='button'] > span + [data-taco='icon'] {
-    @apply ml-1 -mr-2;
-}
-
 [data-taco='spinner'] svg circle {
     @apply flex;
     fill: transparent;
@@ -234,6 +226,51 @@
     @apply -mt-px py-0 px-2;
 }
 
+[data-taco='hanger'] a {
+    @apply text-grey underline;
+}
+
+[data-taco='hanger'] > *:last-child {
+    @apply mb-0;
+}
+
+.yt-dialog__drag::before,
+.yt-dialog__drag::after {
+    @apply absolute bg-grey-dark rounded;
+    content: '';
+    left: theme('spacing.1');
+    height: 2px;
+    width: calc(100% - (2 * theme('spacing.1')));
+}
+
+.yt-dialog__drag::before {
+    top: 3px;
+}
+
+.yt-dialog__drag::after {
+    bottom: 3px;
+}
+
+.yt-dialog *:last-child {
+    @apply mb-0;
+}
+
+[data-taco='group'] > [data-taco='badge'] + [data-taco='badge'] {
+    @apply ml-1;
+}
+
+[data-taco='group'] > *:not(:first-child):not([data-taco='hanger']) {
+    @apply ml-2;
+}
+
+[data-taco='button'] > [data-taco='icon'] {
+    @apply pointer-events-none -ml-2 mr-1 -mt-2 -mb-2 inline p-px;
+}
+
+[data-taco='button'] > span + [data-taco='icon'] {
+    @apply ml-1 -mr-2;
+}
+
 [data-taco='calendar'] .DayPicker-wrapper {
     @apply relative select-none flex-row;
 }
@@ -395,35 +432,6 @@
     @apply border-blue;
 }
 
-.yt-dialog__drag::before,
-.yt-dialog__drag::after {
-    @apply absolute bg-grey-dark rounded;
-    content: '';
-    left: theme('spacing.1');
-    height: 2px;
-    width: calc(100% - (2 * theme('spacing.1')));
-}
-
-.yt-dialog__drag::before {
-    top: 3px;
-}
-
-.yt-dialog__drag::after {
-    bottom: 3px;
-}
-
-.yt-dialog *:last-child {
-    @apply mb-0;
-}
-
-[data-taco='group'] > [data-taco='badge'] + [data-taco='badge'] {
-    @apply ml-1;
-}
-
-[data-taco='group'] > *:not(:first-child):not([data-taco='hanger']) {
-    @apply ml-2;
-}
-
 .yt-form > [data-taco='button'] {
     @apply mr-3;
 }
@@ -440,14 +448,6 @@
     @apply mt-6;
 }
 
-[data-taco='hanger'] a {
-    @apply text-grey underline;
-}
-
-[data-taco='hanger'] > *:last-child {
-    @apply mb-0;
-}
-
 /* label inside label is invalid html, but the client is littered with it */
 [data-taco='label'] [data-taco='label'] {
     min-height: 0;
@@ -517,7 +517,7 @@
 }
 
 [data-taco='select'] > button.yt-input .yt-icon {
-    @apply pointer-events-none text-black;
+    @apply pointer-events-none;
 }
 
 [data-taco='select'] > button.yt-input[disabled] .yt-icon {
@@ -528,12 +528,6 @@
     @apply cursor-not-allowed;
 }
 
-[data-taco='select']:hover > button.yt-input .yt-icon,
-[data-taco='select'] > button.yt-input:hover .yt-icon,
-[data-taco='select'] > button.yt-input .yt-icon:hover {
-    @apply text-grey-darkest;
-}
-
 [data-taco='select'] > button.yt-input[aria-expanded='true'],
 [data-taco='select'] > button.yt-input[aria-expanded='true']:hover {
     @apply border-blue;
@@ -584,81 +578,73 @@
 }
 
 .yt-table:focus {
-    @apply rounded-sm yt-focus;
+    @apply yt-focus rounded-sm;
 }
 
 /* rows */
 .yt-table__row {
-    @apply border-b border-grey-light flex;
+    @apply border-grey-light flex border-b;
     min-height: 2.5rem;
 }
 
 /* cells */
 .yt-table__cell {
-    @apply flex-1 p-2 align-middle text-center truncate;
-}
-
-.yt-table__cell.yt-table__cell__actions {
-    @apply flex justify-end px-1 overflow-visible;
+    @apply flex-1 truncate p-2 text-center align-middle;
 }
 
-.yt-table__cell > .yt-button,
-.yt-table__cell .yt-group > .yt-button {
-    @apply -mt-1 -mb-1;
-}
-
-.yt-table__cell.yt-table__cell__actions .yt-group > *:not(:first-child):not(.yt-hanger):not(.yt-menu) {
-    @apply ml-0;
+.yt-table__cell > [data-taco='button'],
+.yt-table__cell > [data-taco='icon-button'] {
+    @apply -mt-1 -mb-1 flex;
 }
 
 .yt-table__cell.yt-table__cell--draggable {
     @apply flex-col px-0;
 }
 
-.yt-table__cell.yt-table__cell--draggable .yt-icon {
-    @apply cursor-grab invisible text-grey-darkest;
+.yt-table__cell.yt-table__cell--draggable [data-taco='icon'] {
+    @apply text-grey-darkest invisible cursor-grab;
     width: 20px;
 }
 
-.yt-table__row.yt-table__row--dragging .yt-table__cell.yt-table__cell--draggable .yt-icon {
+.yt-table__row.yt-table__row--dragging .yt-table__cell.yt-table__cell--draggable [data-taco='icon'] {
     @apply text-white;
 }
 
-.yt-table__cell.yt-table__cell--draggable .yt-icon:active {
+.yt-table__cell.yt-table__cell--draggable [data-taco='icon']:active {
     @apply cursor-grabbing;
 }
 
-.yt-table__row:hover .yt-table__cell.yt-table__cell--draggable .yt-icon {
+.yt-table__row:hover .yt-table__cell.yt-table__cell--draggable [data-taco='icon'] {
     @apply visible;
 }
 
 /* head */
 .yt-table__head .yt-table__row {
-    @apply border-t-0 border-b-2 font-bold h-auto w-full select-none;
+    @apply h-auto w-full select-none border-t-0 border-b-2 font-bold;
 }
 
 .yt-table__head .yt-table__head__group {
-    @apply flex flex-wrap flex-1;
+    @apply flex flex-1 flex-wrap;
 }
 
 .yt-table__head .yt-table__head__group .yt-table__cell.yt-table__cell__group {
-    @apply border-b border-grey-light;
+    @apply border-grey-light border-b;
     flex-basis: 100%;
 }
 
 .yt-table__head .yt-table__head__group + .yt-table__head__group {
-    @apply border-l border-grey-light;
+    @apply border-grey-light border-l;
 }
 
 .yt-table__head .yt-table__cell {
-    @apply flex text-grey-darkest justify-center;
+    @apply text-grey-darkest flex justify-center;
 }
 
 .yt-table__head .yt-table__cell > span {
     @apply truncate;
 }
 
-.yt-table__head .yt-table__cell > .yt-icon {
+.yt-table__head .yt-table__cell > [data-taco='icon'] {
     @apply flex-shrink-0;
 }
 
@@ -667,7 +653,7 @@
 }
 
 .yt-table__head .yt-table__cell.yt-table__cell__group + .yt-table__cell__group {
-    @apply border-l-2 border-grey-light;
+    @apply border-grey-light border-l-2;
 }
 
 .yt-table__head .yt-table__cell:not(.yt-table__cell--disable-sort) {
@@ -723,35 +709,26 @@
     overflow-wrap: normal;
 }
 
-.yt-table__cell .yt-label {
-    @apply text-transparent pb-0 -my-2;
+.yt-table__cell [data-taco='label'] {
+    @apply -my-2 pb-0 text-transparent;
     min-height: theme('spacing.10');
 }
 
-.yt-table__cell .yt-label > *:not(.yt-label__message) {
+.yt-table__cell [data-taco='label'] > *:not([data-taco='label']__message) {
     @apply mt-1;
 }
 
-.yt-table__body .yt-table__row.yt-table__row--editing .yt-table__cell .yt-label > *:not(.yt-label__message) {
+.yt-table__body .yt-table__row.yt-table__row--editing .yt-table__cell [data-taco='label'] > *:not([data-taco='label']__message) {
     @apply -mt-5;
 }
 
-.yt-table__cell .yt-label > .yt-label__message {
+.yt-table__cell [data-taco='label'] > [data-taco='label']__message {
     @apply mb-1;
 }
 
 /* drag */
 #yt-table__drag__placeholder {
-    @apply bg-blue text-white rounded font-bold p-4 flex w-3/12;
-}
-
-/* cell alignment */
-.yt-table__cell.yt-table__cell--align-left {
-    @apply justify-start text-left;
-}
-
-.yt-table__cell.yt-table__cell--align-right {
-    @apply justify-end text-right;
+    @apply bg-blue flex w-3/12 rounded p-4 font-bold text-white;
 }
 
 .yt-tabs .yt-tab__list[aria-orientation='vertical'] {

package/dist/primitives/Button.d.ts

@@ -6,8 +6,6 @@ declare type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement | HTMLAn
     href?: string;
     /** Provides target for buttons being used as a link */
     target?: '_self' | '_blank' | '_parent' | '_top';
-    /** A tooltip to show when hovering over the button */
-    tooltip?: string;
 };
 declare const Button: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement | HTMLAnchorElement> & {
     /** Content should be a text */
@@ -16,7 +14,5 @@ declare const Button: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes
     href?: string | undefined;
     /** Provides target for buttons being used as a link */
     target?: "_self" | "_blank" | "_parent" | "_top" | undefined;
-    /** A tooltip to show when hovering over the button */
-    tooltip?: string | undefined;
 } & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
 export { Button, ButtonProps };