@economic/taco 2.47.0-server-1 → 2.47.0-server.10

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

@@ -1,14 +1,17 @@
 import React__default from 'react';
 import cn from 'clsx';
+import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { Icon } from '../Icon/Icon.js';
 import { Root, Header, Trigger as Trigger$1, Content as Content$1, Item as Item$1 } from '@radix-ui/react-accordion';
 
-const AccordionContext = /*#__PURE__*/React__default.createContext({
+var _excluded = ["id"],
+  _excluded2 = ["id", "defaultId", "onChange", "as"];
+var 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-500 focus:yt-focus', props.className);
+var StyledTrigger = /*#__PURE__*/React__default.forwardRef(function AccordionStyledTrigger(props, ref) {
+  var isExpanded = !!props['aria-expanded'];
+  var className = cn('w-full inline-flex justify-between items-center align-middle', 'focus:rounded-sm focus:border-blue-500 focus:yt-focus', props.className);
   return /*#__PURE__*/React__default.createElement("button", Object.assign({}, props, {
     ref: ref,
     className: className
@@ -16,13 +19,10 @@ const StyledTrigger = /*#__PURE__*/React__default.forwardRef(function AccordionS
     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);
+var Trigger = /*#__PURE__*/React__default.forwardRef(function AccordionTrigger(props, ref) {
+  var children = props.children;
+  var _React$useContext = React__default.useContext(AccordionContext),
+    Heading = _React$useContext.as;
   return /*#__PURE__*/React__default.createElement(Header, {
     asChild: true
   }, /*#__PURE__*/React__default.createElement(Heading, {
@@ -32,32 +32,31 @@ const Trigger = /*#__PURE__*/React__default.forwardRef(function AccordionTrigger
     asChild: true
   }, /*#__PURE__*/React__default.createElement(StyledTrigger, null, children))));
 });
-const Content = /*#__PURE__*/React__default.forwardRef(function AccordionContent(props, ref) {
+var 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;
+var Item = function Item(props) {
+  var id = props.id,
+    otherProps = _objectWithoutPropertiesLoose(props, _excluded);
   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;
+var Accordion = function Accordion(props) {
+  var id = props.id,
+    defaultId = props.defaultId,
+    onChange = props.onChange,
+    _props$as = props.as,
+    as = _props$as === void 0 ? 'h2' : _props$as,
+    otherProps = _objectWithoutPropertiesLoose(props, _excluded2);
+  var context = React__default.useMemo(function () {
+    return {
+      as: as
+    };
+  }, [as]);
+  var valueProps;
   if (defaultId) {
     valueProps = {
       defaultValue: defaultId || undefined
@@ -68,8 +67,8 @@ const Accordion = props => {
       value: id || undefined
     };
   }
-  const type = typeof valueProps.defaultValue === 'string' || typeof valueProps.value === 'string' ? 'single' : 'multiple';
-  const className = cn('divide-y divide-grey-200', props.className);
+  var type = typeof valueProps.defaultValue === 'string' || typeof valueProps.value === 'string' ? 'single' : 'multiple';
+  var className = cn('divide-y divide-grey-200', props.className);
   return /*#__PURE__*/React__default.createElement(AccordionContext.Provider, {
     value: context
   }, /*#__PURE__*/React__default.createElement(Root, Object.assign({}, otherProps, valueProps, {

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

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","sources":["../../../../../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\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-500 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 = typeof valueProps.defaultValue === 'string' || typeof valueProps.value === 'string' ? 'single' : 'multiple';\n    const className = cn('divide-y divide-grey-200', 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","Provider"],"mappings":"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"}
+{"version":3,"file":"Accordion.js","sources":["../../../../../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\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-500 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 = typeof valueProps.defaultValue === 'string' || typeof valueProps.value === 'string' ? 'single' : 'multiple';\n    const className = cn('divide-y divide-grey-200', 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","_React$useContext","useContext","Heading","AccordionPrimitive","asChild","Content","AccordionContent","Item","id","otherProps","_objectWithoutPropertiesLoose","_excluded","value","Accordion","defaultId","onChange","_props$as","_excluded2","context","useMemo","valueProps","defaultValue","undefined","onValueChange","type","Provider"],"mappings":"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"}

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

@@ -4,7 +4,7 @@ import { getSubtleColorShadeClasses, getColorByState } from '../../utils/tailwin
 import { Icon } from '../Icon/Icon.js';
 import { BadgeIcon } from '../BadgeIcon/BadgeIcon.js';
 
-const getIconName = state => {
+var getIconName = function getIconName(state) {
   switch (state) {
     case 'information':
       return 'info';
@@ -18,14 +18,12 @@ const getIconName = state => {
       return 'question-mark';
   }
 };
-const Alert = /*#__PURE__*/React__default.forwardRef(function Alert(props, ref) {
-  const {
-    children,
-    title,
-    state,
-    onClose
-  } = props;
-  const className = cn(`flex w-full flex-row items-start gap-2 rounded-md border-transparent p-3 ${getSubtleColorShadeClasses(getColorByState(state))}`, props.className);
+var Alert = /*#__PURE__*/React__default.forwardRef(function Alert(props, ref) {
+  var children = props.children,
+    title = props.title,
+    state = props.state,
+    onClose = props.onClose;
+  var className = cn("flex w-full flex-row items-start gap-2 rounded-md border-transparent p-3 " + getSubtleColorShadeClasses(getColorByState(state)), props.className);
   return /*#__PURE__*/React__default.createElement("div", Object.assign({}, props, {
     ref: ref,
     className: className,

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

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","sources":["../../../../../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { BadgeIcon } from '../BadgeIcon/BadgeIcon';\nimport { getColorByState, getSubtleColorShadeClasses } from '../../utils/tailwind';\nimport { Icon, IconName } from '../Icon/Icon';\nimport { State } from '../../types';\n\nexport type AlertProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & {\n    children: React.ReactNode;\n    state?: State;\n    onClose?: () => void;\n};\n\nconst getIconName = (state: State | undefined): IconName => {\n    switch (state) {\n        case 'information':\n            return 'info';\n        case 'warning':\n            return 'warning';\n        case 'error':\n            return 'close';\n        case 'success':\n            return 'tick';\n        default:\n            return 'question-mark';\n    }\n};\n\nexport const Alert = React.forwardRef(function Alert(props: AlertProps, ref: React.Ref<HTMLDivElement>) {\n    const { children, title, state, onClose } = props;\n\n    const className = cn(\n        `flex w-full flex-row items-start gap-2 rounded-md border-transparent p-3 ${getSubtleColorShadeClasses(\n            getColorByState(state)\n        )}`,\n        props.className\n    );\n\n    return (\n        <div {...props} ref={ref} className={className} data-taco=\"alert\" role=\"alert\">\n            <BadgeIcon className=\"flex-none\" icon={getIconName(state)} color={getColorByState(state)} />\n            <div className=\"grow text-sm\">\n                {title && <div className=\"font-bold\">{title}</div>}\n                {children}\n            </div>\n            {onClose && <Icon className=\"flex-none cursor-pointer\" name=\"close\" onClick={onClose} />}\n        </div>\n    );\n});\n"],"names":["getIconName","state","Alert","React","forwardRef","props","ref","children","title","onClose","className","cn","getSubtleColorShadeClasses","getColorByState","role","BadgeIcon","icon","color","Icon","name","onClick"],"mappings":";;;;;;AAaA,MAAMA,WAAW,GAAIC,KAAwB;EACzC,QAAQA,KAAK;IACT,KAAK,aAAa;MACd,OAAO,MAAM;IACjB,KAAK,SAAS;MACV,OAAO,SAAS;IACpB,KAAK,OAAO;MACR,OAAO,OAAO;IAClB,KAAK,SAAS;MACV,OAAO,MAAM;IACjB;MACI,OAAO,eAAe;;AAElC,CAAC;MAEYC,KAAK,gBAAGC,cAAK,CAACC,UAAU,CAAC,SAASF,KAAKA,CAACG,KAAiB,EAAEC,GAA8B;EAClG,MAAM;IAAEC,QAAQ;IAAEC,KAAK;IAAEP,KAAK;IAAEQ;GAAS,GAAGJ,KAAK;EAEjD,MAAMK,SAAS,GAAGC,EAAE,CAChB,4EAA4EC,0BAA0B,CAClGC,eAAe,CAACZ,KAAK,CAAC,CACzB,EAAE,EACHI,KAAK,CAACK,SAAS,CAClB;EAED,oBACIP,sDAASE,KAAK;IAAEC,GAAG,EAAEA,GAAG;IAAEI,SAAS,EAAEA,SAAS;iBAAY,OAAO;IAACI,IAAI,EAAC;mBACnEX,6BAACY,SAAS;IAACL,SAAS,EAAC,WAAW;IAACM,IAAI,EAAEhB,WAAW,CAACC,KAAK,CAAC;IAAEgB,KAAK,EAAEJ,eAAe,CAACZ,KAAK;IAAK,eAC5FE;IAAKO,SAAS,EAAC;KACVF,KAAK,iBAAIL;IAAKO,SAAS,EAAC;KAAaF,KAAK,CAAO,EACjDD,QAAQ,CACP,EACLE,OAAO,iBAAIN,6BAACe,IAAI;IAACR,SAAS,EAAC,0BAA0B;IAACS,IAAI,EAAC,OAAO;IAACC,OAAO,EAAEX;IAAW,CACtF;AAEd,CAAC;;;;"}
+{"version":3,"file":"Alert.js","sources":["../../../../../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { BadgeIcon } from '../BadgeIcon/BadgeIcon';\nimport { getColorByState, getSubtleColorShadeClasses } from '../../utils/tailwind';\nimport { Icon, IconName } from '../Icon/Icon';\nimport { State } from '../../types';\n\nexport type AlertProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & {\n    children: React.ReactNode;\n    state?: State;\n    onClose?: () => void;\n};\n\nconst getIconName = (state: State | undefined): IconName => {\n    switch (state) {\n        case 'information':\n            return 'info';\n        case 'warning':\n            return 'warning';\n        case 'error':\n            return 'close';\n        case 'success':\n            return 'tick';\n        default:\n            return 'question-mark';\n    }\n};\n\nexport const Alert = React.forwardRef(function Alert(props: AlertProps, ref: React.Ref<HTMLDivElement>) {\n    const { children, title, state, onClose } = props;\n\n    const className = cn(\n        `flex w-full flex-row items-start gap-2 rounded-md border-transparent p-3 ${getSubtleColorShadeClasses(\n            getColorByState(state)\n        )}`,\n        props.className\n    );\n\n    return (\n        <div {...props} ref={ref} className={className} data-taco=\"alert\" role=\"alert\">\n            <BadgeIcon className=\"flex-none\" icon={getIconName(state)} color={getColorByState(state)} />\n            <div className=\"grow text-sm\">\n                {title && <div className=\"font-bold\">{title}</div>}\n                {children}\n            </div>\n            {onClose && <Icon className=\"flex-none cursor-pointer\" name=\"close\" onClick={onClose} />}\n        </div>\n    );\n});\n"],"names":["getIconName","state","Alert","React","forwardRef","props","ref","children","title","onClose","className","cn","getSubtleColorShadeClasses","getColorByState","role","BadgeIcon","icon","color","Icon","name","onClick"],"mappings":";;;;;;AAaA,IAAMA,WAAW,GAAG,SAAdA,WAAWA,CAAIC,KAAwB;EACzC,QAAQA,KAAK;IACT,KAAK,aAAa;MACd,OAAO,MAAM;IACjB,KAAK,SAAS;MACV,OAAO,SAAS;IACpB,KAAK,OAAO;MACR,OAAO,OAAO;IAClB,KAAK,SAAS;MACV,OAAO,MAAM;IACjB;MACI,OAAO,eAAe;;AAElC,CAAC;IAEYC,KAAK,gBAAGC,cAAK,CAACC,UAAU,CAAC,SAASF,KAAKA,CAACG,KAAiB,EAAEC,GAA8B;EAClG,IAAQC,QAAQ,GAA4BF,KAAK,CAAzCE,QAAQ;IAAEC,KAAK,GAAqBH,KAAK,CAA/BG,KAAK;IAAEP,KAAK,GAAcI,KAAK,CAAxBJ,KAAK;IAAEQ,OAAO,GAAKJ,KAAK,CAAjBI,OAAO;EAEvC,IAAMC,SAAS,GAAGC,EAAE,+EAC4DC,0BAA0B,CAClGC,eAAe,CAACZ,KAAK,CAAC,CACzB,EACDI,KAAK,CAACK,SAAS,CAClB;EAED,oBACIP,sDAASE,KAAK;IAAEC,GAAG,EAAEA,GAAG;IAAEI,SAAS,EAAEA,SAAS;iBAAY,OAAO;IAACI,IAAI,EAAC;mBACnEX,6BAACY,SAAS;IAACL,SAAS,EAAC,WAAW;IAACM,IAAI,EAAEhB,WAAW,CAACC,KAAK,CAAC;IAAEgB,KAAK,EAAEJ,eAAe,CAACZ,KAAK;IAAK,eAC5FE;IAAKO,SAAS,EAAC;KACVF,KAAK,iBAAIL;IAAKO,SAAS,EAAC;KAAaF,KAAK,CAAO,EACjDD,QAAQ,CACP,EACLE,OAAO,iBAAIN,6BAACe,IAAI;IAACR,SAAS,EAAC,0BAA0B;IAACS,IAAI,EAAC,OAAO;IAACC,OAAO,EAAEX;IAAW,CACtF;AAEd,CAAC;;;;"}

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

@@ -1,23 +1,24 @@
 import { forwardRef, useMemo, createElement } from 'react';
+import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 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,
-    onChange,
-    open,
-    trigger,
-    ...otherProps
-  } = props;
-  const context = useMemo(() => ({
-    props: otherProps,
-    ref
-  }), [open, otherProps]);
+var _excluded = ["children", "defaultOpen", "onChange", "open", "trigger"];
+var AlertDialog = /*#__PURE__*/forwardRef(function AlertDialog(props, ref) {
+  var defaultOpen = props.defaultOpen,
+    onChange = props.onChange,
+    open = props.open,
+    trigger = props.trigger,
+    otherProps = _objectWithoutPropertiesLoose(props, _excluded);
+  var context = useMemo(function () {
+    return {
+      props: otherProps,
+      ref: ref
+    };
+  }, [open, otherProps]);
   return /*#__PURE__*/createElement(AlertDialogContext.Provider, {
     value: context
   }, /*#__PURE__*/createElement(Root, Object.assign({}, props, {

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

@@ -1 +1 @@
-{"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';\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    /** 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    /** A trigger to be used for the alert dialog, should not be set if `children` already contains a trigger */\n    trigger?: JSX.Element;\n    /** A state to be used for the alert dialog, which will add appropriate badge icon next to the title */\n    variant?: 'warning' | 'error' | 'information';\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 { children: initialChildren, defaultOpen, onChange, open, trigger, ...otherProps } = props;\n\n    const context = React.useMemo(\n        () => ({\n            props: otherProps,\n            ref,\n        }),\n        [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","onChange","open","trigger","otherProps","context","AlertDialogContext","Provider","value","AlertDialogPrimitive","onOpenChange","Trigger","Content","Title","Cancel","Action","Footer"],"mappings":";;;;;;;MAuCaA,WAAW,gBAAGC,UAAgB,CAAC,SAASD,WAAWA,CAACE,KAAuB,EAAEC,GAA2B;EACjH,MAAM;IAAEC,QAAQ,EAAEC,eAAe;IAAEC,WAAW;IAAEC,QAAQ;IAAEC,IAAI;IAAEC,OAAO;IAAE,GAAGC;GAAY,GAAGR,KAAK;EAEhG,MAAMS,OAAO,GAAGV,OAAa,CACzB,OAAO;IACHC,KAAK,EAAEQ,UAAU;IACjBP;GACH,CAAC,EACF,CAACK,IAAI,EAAEE,UAAU,CAAC,CACrB;EAED,oBACIT,cAACW,kBAAkB,CAACC,QAAQ;IAACC,KAAK,EAAEH;kBAChCV,cAACc,IAAyB,oBAAKb,KAAK;IAAEI,WAAW,EAAEA,WAAW;IAAEE,IAAI,EAAEA,IAAI;IAAEQ,YAAY,EAAET;MACrFE,OAAO,iBAAIR,cAACgB,OAAO,QAAER,OAAO,CAAW,EACvCP,KAAK,CAACE,QAAQ,CACS,CACF;AAEtC,CAAC;AAEDJ,WAAW,CAACiB,OAAO,GAAGA,OAAO;AAC7BjB,WAAW,CAACkB,OAAO,GAAGA,OAAO;AAC7BlB,WAAW,CAACmB,KAAK,GAAGA,KAAK;AACzBnB,WAAW,CAACoB,MAAM,GAAGA,MAAM;AAC3BpB,WAAW,CAACqB,MAAM,GAAGA,MAAM;AAC3BrB,WAAW,CAACsB,MAAM,GAAGA,MAAM;;;;"}
+{"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';\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    /** 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    /** A trigger to be used for the alert dialog, should not be set if `children` already contains a trigger */\n    trigger?: JSX.Element;\n    /** A state to be used for the alert dialog, which will add appropriate badge icon next to the title */\n    variant?: 'warning' | 'error' | 'information';\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 { children: initialChildren, defaultOpen, onChange, open, trigger, ...otherProps } = props;\n\n    const context = React.useMemo(\n        () => ({\n            props: otherProps,\n            ref,\n        }),\n        [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","defaultOpen","onChange","open","trigger","otherProps","_objectWithoutPropertiesLoose","_excluded","context","AlertDialogContext","Provider","value","AlertDialogPrimitive","onOpenChange","Trigger","children","Content","Title","Cancel","Action","Footer"],"mappings":";;;;;;;;;IAuCaA,WAAW,gBAAGC,UAAgB,CAAC,SAASD,WAAWA,CAACE,KAAuB,EAAEC,GAA2B;MAC9EC,WAAW,GAA6CF,KAAK,CAA7DE,WAAW;IAAEC,QAAQ,GAAmCH,KAAK,CAAhDG,QAAQ;IAAEC,IAAI,GAA6BJ,KAAK,CAAtCI,IAAI;IAAEC,OAAO,GAAoBL,KAAK,CAAhCK,OAAO;IAAKC,UAAU,GAAAC,6BAAA,CAAKP,KAAK,EAAAQ,SAAA;EAEhG,IAAMC,OAAO,GAAGV,OAAa,CACzB;IAAA,OAAO;MACHC,KAAK,EAAEM,UAAU;MACjBL,GAAG,EAAHA;KACH;GAAC,EACF,CAACG,IAAI,EAAEE,UAAU,CAAC,CACrB;EAED,oBACIP,cAACW,kBAAkB,CAACC,QAAQ;IAACC,KAAK,EAAEH;kBAChCV,cAACc,IAAyB,oBAAKb,KAAK;IAAEE,WAAW,EAAEA,WAAW;IAAEE,IAAI,EAAEA,IAAI;IAAEU,YAAY,EAAEX;MACrFE,OAAO,iBAAIN,cAACgB,OAAO,QAAEV,OAAO,CAAW,EACvCL,KAAK,CAACgB,QAAQ,CACS,CACF;AAEtC,CAAC;AAEDlB,WAAW,CAACiB,OAAO,GAAGA,OAAO;AAC7BjB,WAAW,CAACmB,OAAO,GAAGA,OAAO;AAC7BnB,WAAW,CAACoB,KAAK,GAAGA,KAAK;AACzBpB,WAAW,CAACqB,MAAM,GAAGA,MAAM;AAC3BrB,WAAW,CAACsB,MAAM,GAAGA,MAAM;AAC3BtB,WAAW,CAACuB,MAAM,GAAGA,MAAM;;;;"}

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

@@ -1,11 +1,11 @@
 import React__default from 'react';
 
 /* eslint-disable @typescript-eslint/no-empty-function */
-const AlertDialogContext = /*#__PURE__*/React__default.createContext({
+var AlertDialogContext = /*#__PURE__*/React__default.createContext({
   props: {},
   ref: null
 });
-const useCurrentAlertDialog = () => {
+var useCurrentAlertDialog = function useCurrentAlertDialog() {
   return React__default.useContext(AlertDialogContext);
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"Context.js","sources":["../../../../../../../src/components/AlertDialog/Context.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-empty-function */\nimport React from 'react';\n\nexport type AlertDialogContext = {\n    props: Record<string, any>;\n    ref: React.Ref<HTMLElement>;\n};\n\nexport const AlertDialogContext = React.createContext<AlertDialogContext>({\n    props: {},\n    ref: null,\n});\n\nexport const useCurrentAlertDialog = () => {\n    return React.useContext(AlertDialogContext);\n};\n"],"names":["AlertDialogContext","React","createContext","props","ref","useCurrentAlertDialog","useContext"],"mappings":";;AAAA;MAQaA,kBAAkB,gBAAGC,cAAK,CAACC,aAAa,CAAqB;EACtEC,KAAK,EAAE,EAAE;EACTC,GAAG,EAAE;CACR;MAEYC,qBAAqB,GAAGA;EACjC,OAAOJ,cAAK,CAACK,UAAU,CAACN,kBAAkB,CAAC;AAC/C;;;;"}
+{"version":3,"file":"Context.js","sources":["../../../../../../../src/components/AlertDialog/Context.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-empty-function */\nimport React from 'react';\n\nexport type AlertDialogContext = {\n    props: Record<string, any>;\n    ref: React.Ref<HTMLElement>;\n};\n\nexport const AlertDialogContext = React.createContext<AlertDialogContext>({\n    props: {},\n    ref: null,\n});\n\nexport const useCurrentAlertDialog = () => {\n    return React.useContext(AlertDialogContext);\n};\n"],"names":["AlertDialogContext","React","createContext","props","ref","useCurrentAlertDialog","useContext"],"mappings":";;AAAA;IAQaA,kBAAkB,gBAAGC,cAAK,CAACC,aAAa,CAAqB;EACtEC,KAAK,EAAE,EAAE;EACTC,GAAG,EAAE;CACR;IAEYC,qBAAqB,GAAG,SAAxBA,qBAAqBA;EAC9B,OAAOJ,cAAK,CAACK,UAAU,CAACN,kBAAkB,CAAC;AAC/C;;;;"}

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

@@ -6,7 +6,7 @@ import { useCurrentAlertDialog } from '../Context.js';
 import { Backdrop } from '../../Backdrop/Backdrop.js';
 import { getDialogPositionClassnames, getDialogStylingClassnames, getDialogSizeClassnames } from '../../Dialog/util.js';
 
-const iconPropsByVariant = variant => {
+var iconPropsByVariant = function iconPropsByVariant(variant) {
   switch (variant) {
     case 'information':
       return {
@@ -27,11 +27,10 @@ const iconPropsByVariant = variant => {
       return undefined;
   }
 };
-const Title = /*#__PURE__*/forwardRef(function AlertDialogTitle(props, ref) {
-  const {
-    props: parentProps
-  } = useCurrentAlertDialog();
-  const iconProps = iconPropsByVariant(parentProps.variant);
+var Title = /*#__PURE__*/forwardRef(function AlertDialogTitle(props, ref) {
+  var _useCurrentAlertDialo = useCurrentAlertDialog(),
+    parentProps = _useCurrentAlertDialo.props;
+  var iconProps = iconPropsByVariant(parentProps.variant);
   return /*#__PURE__*/createElement(Title$1, Object.assign({}, props, {
     className: cn('flex items-center', props.className),
     ref: ref
@@ -39,14 +38,16 @@ const Title = /*#__PURE__*/forwardRef(function AlertDialogTitle(props, ref) {
     className: "mr-2"
   })) : undefined, props.children);
 });
-const Content = /*#__PURE__*/forwardRef(function AlertDialogContent(props, ref) {
-  const className = cn('p-6', getDialogPositionClassnames(), getDialogStylingClassnames(), getDialogSizeClassnames('dialog'));
+var Content = /*#__PURE__*/forwardRef(function AlertDialogContent(props, ref) {
+  var className = cn('p-6', getDialogPositionClassnames(), getDialogStylingClassnames(), getDialogSizeClassnames('dialog'));
   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,
-    onEscapeKeyDown: event => event.preventDefault()
+    onEscapeKeyDown: function onEscapeKeyDown(event) {
+      return event.preventDefault();
+    }
   }), props.children))));
 });
 

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

@@ -1 +1 @@
-{"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 'clsx';\nimport { Backdrop } from '../../Backdrop/Backdrop';\nimport { getDialogPositionClassnames, getDialogSizeClassnames, getDialogStylingClassnames } from '../../Dialog/util';\nimport { useCurrentAlertDialog } from '../Context';\nimport { BadgeIcon } from '../../BadgeIcon/BadgeIcon';\nimport { Color } from '../../../types';\nimport { IconName } from '../../Icon/components';\n\nconst iconPropsByVariant = (variant: 'information' | 'error' | 'warning'): { color: Color; icon: IconName } | undefined => {\n    switch (variant) {\n        case 'information':\n            return {\n                color: 'blue',\n                icon: 'info',\n            };\n        case 'error':\n            return {\n                color: 'red',\n                icon: 'close',\n            };\n        case 'warning':\n            return {\n                color: 'yellow',\n                icon: 'warning',\n            };\n        default:\n            return undefined;\n    }\n};\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 { props: parentProps } = useCurrentAlertDialog();\n\n    const iconProps = iconPropsByVariant(parentProps.variant);\n    return (\n        <AlertDialogPrimitive.Title {...props} className={cn('flex items-center', props.className)} ref={ref}>\n            {iconProps ? <BadgeIcon {...iconProps} className=\"mr-2\" /> : undefined}\n            {props.children}\n        </AlertDialogPrimitive.Title>\n    );\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 className = cn('p-6', getDialogPositionClassnames(), getDialogStylingClassnames(), getDialogSizeClassnames('dialog'));\n\n    return (\n        <AlertDialogPrimitive.Portal>\n            <AlertDialogPrimitive.Overlay asChild>\n                <Backdrop>\n                    <AlertDialogPrimitive.Content\n                        {...props}\n                        ref={ref}\n                        className={className}\n                        onEscapeKeyDown={event => event.preventDefault()}>\n                        {props.children}\n                    </AlertDialogPrimitive.Content>\n                </Backdrop>\n            </AlertDialogPrimitive.Overlay>\n        </AlertDialogPrimitive.Portal>\n    );\n});\n"],"names":["iconPropsByVariant","variant","color","icon","undefined","Title","React","AlertDialogTitle","props","ref","parentProps","useCurrentAlertDialog","iconProps","AlertDialogPrimitive","className","cn","BadgeIcon","children","Content","AlertDialogContent","getDialogPositionClassnames","getDialogStylingClassnames","getDialogSizeClassnames","asChild","Backdrop","onEscapeKeyDown","event","preventDefault"],"mappings":";;;;;;;;AAUA,MAAMA,kBAAkB,GAAIC,OAA4C;EACpE,QAAQA,OAAO;IACX,KAAK,aAAa;MACd,OAAO;QACHC,KAAK,EAAE,MAAM;QACbC,IAAI,EAAE;OACT;IACL,KAAK,OAAO;MACR,OAAO;QACHD,KAAK,EAAE,KAAK;QACZC,IAAI,EAAE;OACT;IACL,KAAK,SAAS;MACV,OAAO;QACHD,KAAK,EAAE,QAAQ;QACfC,IAAI,EAAE;OACT;IACL;MACI,OAAOC,SAAS;;AAE5B,CAAC;MAGYC,KAAK,gBAAGC,UAAgB,CAAC,SAASC,gBAAgBA,CAC3DC,KAA4B,EAC5BC,GAAkC;EAElC,MAAM;IAAED,KAAK,EAAEE;GAAa,GAAGC,qBAAqB,EAAE;EAEtD,MAAMC,SAAS,GAAGZ,kBAAkB,CAACU,WAAW,CAACT,OAAO,CAAC;EACzD,oBACIK,cAACO,OAA0B,oBAAKL,KAAK;IAAEM,SAAS,EAAEC,EAAE,CAAC,mBAAmB,EAAEP,KAAK,CAACM,SAAS,CAAC;IAAEL,GAAG,EAAEA;MAC5FG,SAAS,gBAAGN,cAACU,SAAS,oBAAKJ,SAAS;IAAEE,SAAS,EAAC;KAAS,GAAGV,SAAS,EACrEI,KAAK,CAACS,QAAQ,CACU;AAErC,CAAC;MAOYC,OAAO,gBAAGZ,UAAgB,CAAC,SAASa,kBAAkBA,CAC/DX,KAA8B,EAC9BC,GAA8B;EAE9B,MAAMK,SAAS,GAAGC,EAAE,CAAC,KAAK,EAAEK,2BAA2B,EAAE,EAAEC,0BAA0B,EAAE,EAAEC,uBAAuB,CAAC,QAAQ,CAAC,CAAC;EAE3H,oBACIhB,cAACO,MAA2B,qBACxBP,cAACO,OAA4B;IAACU,OAAO;kBACjCjB,cAACkB,QAAQ,qBACLlB,cAACO,SAA4B,oBACrBL,KAAK;IACTC,GAAG,EAAEA,GAAG;IACRK,SAAS,EAAEA,SAAS;IACpBW,eAAe,EAAEC,KAAK,IAAIA,KAAK,CAACC,cAAc;MAC7CnB,KAAK,CAACS,QAAQ,CACY,CACxB,CACgB,CACL;AAEtC,CAAC;;;;"}
+{"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 'clsx';\nimport { Backdrop } from '../../Backdrop/Backdrop';\nimport { getDialogPositionClassnames, getDialogSizeClassnames, getDialogStylingClassnames } from '../../Dialog/util';\nimport { useCurrentAlertDialog } from '../Context';\nimport { BadgeIcon } from '../../BadgeIcon/BadgeIcon';\nimport { Color } from '../../../types';\nimport { IconName } from '../../Icon/components';\n\nconst iconPropsByVariant = (variant: 'information' | 'error' | 'warning'): { color: Color; icon: IconName } | undefined => {\n    switch (variant) {\n        case 'information':\n            return {\n                color: 'blue',\n                icon: 'info',\n            };\n        case 'error':\n            return {\n                color: 'red',\n                icon: 'close',\n            };\n        case 'warning':\n            return {\n                color: 'yellow',\n                icon: 'warning',\n            };\n        default:\n            return undefined;\n    }\n};\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 { props: parentProps } = useCurrentAlertDialog();\n\n    const iconProps = iconPropsByVariant(parentProps.variant);\n    return (\n        <AlertDialogPrimitive.Title {...props} className={cn('flex items-center', props.className)} ref={ref}>\n            {iconProps ? <BadgeIcon {...iconProps} className=\"mr-2\" /> : undefined}\n            {props.children}\n        </AlertDialogPrimitive.Title>\n    );\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 className = cn('p-6', getDialogPositionClassnames(), getDialogStylingClassnames(), getDialogSizeClassnames('dialog'));\n\n    return (\n        <AlertDialogPrimitive.Portal>\n            <AlertDialogPrimitive.Overlay asChild>\n                <Backdrop>\n                    <AlertDialogPrimitive.Content\n                        {...props}\n                        ref={ref}\n                        className={className}\n                        onEscapeKeyDown={event => event.preventDefault()}>\n                        {props.children}\n                    </AlertDialogPrimitive.Content>\n                </Backdrop>\n            </AlertDialogPrimitive.Overlay>\n        </AlertDialogPrimitive.Portal>\n    );\n});\n"],"names":["iconPropsByVariant","variant","color","icon","undefined","Title","React","AlertDialogTitle","props","ref","_useCurrentAlertDialo","useCurrentAlertDialog","parentProps","iconProps","AlertDialogPrimitive","className","cn","BadgeIcon","children","Content","AlertDialogContent","getDialogPositionClassnames","getDialogStylingClassnames","getDialogSizeClassnames","asChild","Backdrop","onEscapeKeyDown","event","preventDefault"],"mappings":";;;;;;;;AAUA,IAAMA,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIC,OAA4C;EACpE,QAAQA,OAAO;IACX,KAAK,aAAa;MACd,OAAO;QACHC,KAAK,EAAE,MAAM;QACbC,IAAI,EAAE;OACT;IACL,KAAK,OAAO;MACR,OAAO;QACHD,KAAK,EAAE,KAAK;QACZC,IAAI,EAAE;OACT;IACL,KAAK,SAAS;MACV,OAAO;QACHD,KAAK,EAAE,QAAQ;QACfC,IAAI,EAAE;OACT;IACL;MACI,OAAOC,SAAS;;AAE5B,CAAC;IAGYC,KAAK,gBAAGC,UAAgB,CAAC,SAASC,gBAAgBA,CAC3DC,KAA4B,EAC5BC,GAAkC;EAElC,IAAAC,qBAAA,GAA+BC,qBAAqB,EAAE;IAAvCC,WAAW,GAAAF,qBAAA,CAAlBF,KAAK;EAEb,IAAMK,SAAS,GAAGb,kBAAkB,CAACY,WAAW,CAACX,OAAO,CAAC;EACzD,oBACIK,cAACQ,OAA0B,oBAAKN,KAAK;IAAEO,SAAS,EAAEC,EAAE,CAAC,mBAAmB,EAAER,KAAK,CAACO,SAAS,CAAC;IAAEN,GAAG,EAAEA;MAC5FI,SAAS,gBAAGP,cAACW,SAAS,oBAAKJ,SAAS;IAAEE,SAAS,EAAC;KAAS,GAAGX,SAAS,EACrEI,KAAK,CAACU,QAAQ,CACU;AAErC,CAAC;IAOYC,OAAO,gBAAGb,UAAgB,CAAC,SAASc,kBAAkBA,CAC/DZ,KAA8B,EAC9BC,GAA8B;EAE9B,IAAMM,SAAS,GAAGC,EAAE,CAAC,KAAK,EAAEK,2BAA2B,EAAE,EAAEC,0BAA0B,EAAE,EAAEC,uBAAuB,CAAC,QAAQ,CAAC,CAAC;EAE3H,oBACIjB,cAACQ,MAA2B,qBACxBR,cAACQ,OAA4B;IAACU,OAAO;kBACjClB,cAACmB,QAAQ,qBACLnB,cAACQ,SAA4B,oBACrBN,KAAK;IACTC,GAAG,EAAEA,GAAG;IACRM,SAAS,EAAEA,SAAS;IACpBW,eAAe,EAAE,SAAAA,gBAAAC,KAAK;MAAA,OAAIA,KAAK,CAACC,cAAc,EAAE;;MAC/CpB,KAAK,CAACU,QAAQ,CACY,CACxB,CACgB,CACL;AAEtC,CAAC;;;;"}

package/dist/esm/packages/taco/src/components/AlertDialog/components/Footer.js

@@ -1,20 +1,20 @@
 import { forwardRef, createElement } from 'react';
 import { Cancel as Cancel$1, Action as Action$1 } from '@radix-ui/react-alert-dialog';
 
-const Footer = /*#__PURE__*/forwardRef(function AlertDialogFooter(props, ref) {
-  const className = 'flex justify-end gap-2';
+var Footer = /*#__PURE__*/forwardRef(function AlertDialogFooter(props, ref) {
+  var className = 'flex justify-end gap-2';
   return /*#__PURE__*/createElement("div", Object.assign({}, props, {
     className: className,
     ref: ref
   }), props.children);
 });
-const Cancel = /*#__PURE__*/forwardRef(function AlertDialogCancel(props, ref) {
+var Cancel = /*#__PURE__*/forwardRef(function AlertDialogCancel(props, ref) {
   return /*#__PURE__*/createElement(Cancel$1, Object.assign({}, props, {
     ref: ref,
     asChild: true
   }));
 });
-const Action = /*#__PURE__*/forwardRef(function AlertDialogAction(props, ref) {
+var Action = /*#__PURE__*/forwardRef(function AlertDialogAction(props, ref) {
   return /*#__PURE__*/createElement(Action$1, Object.assign({}, props, {
     className: props.className,
     ref: ref,

package/dist/esm/packages/taco/src/components/AlertDialog/components/Footer.js.map

@@ -1 +1 @@
-{"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,UAAgB,CAAC,SAASC,iBAAiBA,CAACC,KAA6B,EAAEC,GAA8B;EAC3H,MAAMC,SAAS,GAAG,wBAAwB;EAE1C,oBACIJ,uCAASE,KAAK;IAAEE,SAAS,EAAEA,SAAS;IAAED,GAAG,EAAEA;MACtCD,KAAK,CAACG,QAAQ,CACb;AAEd,CAAC;MAGYC,MAAM,gBAAGN,UAAgB,CAAC,SAASO,iBAAiBA,CAC7DL,KAA6B,EAC7BC,GAAiC;EAEjC,oBAAOH,cAACQ,QAA2B,oBAAKN,KAAK;IAAEC,GAAG,EAAEA,GAAG;IAAEM,OAAO;KAAG;AACvE,CAAC;MAGYC,MAAM,gBAAGV,UAAgB,CAAC,SAASW,iBAAiBA,CAC7DT,KAA6B,EAC7BC,GAAiC;EAEjC,oBAAOH,cAACQ,QAA2B,oBAAKN,KAAK;IAAEE,SAAS,EAAEF,KAAK,CAACE,SAAS;IAAED,GAAG,EAAEA,GAAG;IAAEM,OAAO;KAAG;AACnG,CAAC;;;;"}
+{"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":";;;IAIaA,MAAM,gBAAGC,UAAgB,CAAC,SAASC,iBAAiBA,CAACC,KAA6B,EAAEC,GAA8B;EAC3H,IAAMC,SAAS,GAAG,wBAAwB;EAE1C,oBACIJ,uCAASE,KAAK;IAAEE,SAAS,EAAEA,SAAS;IAAED,GAAG,EAAEA;MACtCD,KAAK,CAACG,QAAQ,CACb;AAEd,CAAC;IAGYC,MAAM,gBAAGN,UAAgB,CAAC,SAASO,iBAAiBA,CAC7DL,KAA6B,EAC7BC,GAAiC;EAEjC,oBAAOH,cAACQ,QAA2B,oBAAKN,KAAK;IAAEC,GAAG,EAAEA,GAAG;IAAEM,OAAO;KAAG;AACvE,CAAC;IAGYC,MAAM,gBAAGV,UAAgB,CAAC,SAASW,iBAAiBA,CAC7DT,KAA6B,EAC7BC,GAAiC;EAEjC,oBAAOH,cAACQ,QAA2B,oBAAKN,KAAK;IAAEE,SAAS,EAAEF,KAAK,CAACE,SAAS;IAAED,GAAG,EAAEA,GAAG;IAAEM,OAAO;KAAG;AACnG,CAAC;;;;"}

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

@@ -3,12 +3,11 @@ import { Trigger as Trigger$1 } from '@radix-ui/react-alert-dialog';
 import { useCurrentAlertDialog } from '../Context.js';
 import { mergeRefs } from '../../../utils/mergeRefs.js';
 
-const Trigger = /*#__PURE__*/forwardRef(function AlertDialogTrigger(props, externalRef) {
-  const {
-    ref: parentRef,
-    props: parentProps
-  } = useCurrentAlertDialog();
-  const refCallback = mergeRefs([parentRef, externalRef]);
+var Trigger = /*#__PURE__*/forwardRef(function AlertDialogTrigger(props, externalRef) {
+  var _useCurrentAlertDialo = useCurrentAlertDialog(),
+    parentRef = _useCurrentAlertDialo.ref,
+    parentProps = _useCurrentAlertDialo.props;
+  var refCallback = mergeRefs([parentRef, externalRef]);
   return /*#__PURE__*/createElement(Trigger$1, Object.assign({}, parentProps, props, {
     ref: refCallback,
     asChild: true

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

@@ -1 +1 @@
-{"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,UAAgB,CAAC,SAASC,kBAAkBA,CAC/DC,KAA8B,EAC9BC,WAAyC;EAEzC,MAAM;IAAEC,GAAG,EAAEC,SAAS;IAAEH,KAAK,EAAEI;GAAa,GAAGC,qBAAqB,EAAE;EACtE,MAAMC,WAAW,GAAGC,SAAS,CAAC,CAACJ,SAAS,EAAEF,WAAW,CAAC,CAAC;EAEvD,oBAAOH,cAACU,SAA4B,oBAAKJ,WAAW,EAAMJ,KAAK;IAAEE,GAAG,EAAEI,WAAW;IAAEG,OAAO;KAAG;AACjG,CAAC;;;;"}
+{"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","_useCurrentAlertDialo","useCurrentAlertDialog","parentRef","ref","parentProps","refCallback","mergeRefs","AlertDialogPrimitive","asChild"],"mappings":";;;;;IAOaA,OAAO,gBAAGC,UAAgB,CAAC,SAASC,kBAAkBA,CAC/DC,KAA8B,EAC9BC,WAAyC;EAEzC,IAAAC,qBAAA,GAA+CC,qBAAqB,EAAE;IAAzDC,SAAS,GAAAF,qBAAA,CAAdG,GAAG;IAAoBC,WAAW,GAAAJ,qBAAA,CAAlBF,KAAK;EAC7B,IAAMO,WAAW,GAAGC,SAAS,CAAC,CAACJ,SAAS,EAAEH,WAAW,CAAC,CAAC;EAEvD,oBAAOH,cAACW,SAA4B,oBAAKH,WAAW,EAAMN,KAAK;IAAEK,GAAG,EAAEE,WAAW;IAAEG,OAAO;KAAG;AACjG,CAAC;;;;"}

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

@@ -1,8 +1,8 @@
 import { forwardRef, createElement } from 'react';
 import cn from 'clsx';
 
-const Backdrop = /*#__PURE__*/forwardRef(function Backdrop(props, ref) {
-  const className = cn('fixed inset-0 cursor-default overflow-y-auto bg-blue-900/[0.3] aria-hidden:invisible print:overflow-visible print:absolute', props.className);
+var Backdrop = /*#__PURE__*/forwardRef(function Backdrop(props, ref) {
+  var className = cn('fixed inset-0 cursor-default overflow-y-auto bg-blue-900/[0.3] aria-hidden:invisible print:overflow-visible print:absolute', props.className);
   return /*#__PURE__*/createElement("div", Object.assign({}, props, {
     className: className,
     "data-taco": "backdrop",

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

@@ -1 +1 @@
-{"version":3,"file":"Backdrop.js","sources":["../../../../../../../src/components/Backdrop/Backdrop.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'clsx';\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-blue-900/[0.3] aria-hidden:invisible print:overflow-visible print:absolute',\n        props.className\n    );\n\n    return <div {...props} className={className} data-taco=\"backdrop\" ref={ref} />;\n});\n"],"names":["Backdrop","React","props","ref","className","cn"],"mappings":";;;MAKaA,QAAQ,gBAAGC,UAAgB,CAAgC,SAASD,QAAQA,CAACE,KAAK,EAAEC,GAAG;EAChG,MAAMC,SAAS,GAAGC,EAAE,CAChB,4HAA4H,EAC5HH,KAAK,CAACE,SAAS,CAClB;EAED,oBAAOH,uCAASC,KAAK;IAAEE,SAAS,EAAEA,SAAS;iBAAY,UAAU;IAACD,GAAG,EAAEA;KAAO;AAClF,CAAC;;;;"}
+{"version":3,"file":"Backdrop.js","sources":["../../../../../../../src/components/Backdrop/Backdrop.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'clsx';\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-blue-900/[0.3] aria-hidden:invisible print:overflow-visible print:absolute',\n        props.className\n    );\n\n    return <div {...props} className={className} data-taco=\"backdrop\" ref={ref} />;\n});\n"],"names":["Backdrop","React","props","ref","className","cn"],"mappings":";;;IAKaA,QAAQ,gBAAGC,UAAgB,CAAgC,SAASD,QAAQA,CAACE,KAAK,EAAEC,GAAG;EAChG,IAAMC,SAAS,GAAGC,EAAE,CAChB,4HAA4H,EAC5HH,KAAK,CAACE,SAAS,CAClB;EAED,oBAAOH,uCAASC,KAAK;IAAEE,SAAS,EAAEA,SAAS;iBAAY,UAAU;IAACD,GAAG,EAAEA;KAAO;AAClF,CAAC;;;;"}

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

@@ -1,41 +1,40 @@
 import { forwardRef, createElement, Fragment } from 'react';
 import cn from 'clsx';
+import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { getOutlineColorShadeClasses, getSubtleColorShadeClasses, getColorShadeClasses } from '../../utils/tailwind.js';
 import { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden.js';
 
-const Badge = /*#__PURE__*/forwardRef(function Badge(props, ref) {
-  const {
-    children,
-    compact = false,
-    outline = false,
-    status = false,
-    subtle = false,
-    small = false,
-    color,
-    ...otherProps
-  } = props;
-  const isTransparent = color === 'transparent';
-  const className = cn('rounded-full border overflow-hidden whitespace-nowrap inline-flex items-center justify-center', {
-    [`border ${getOutlineColorShadeClasses(color)}`]: outline,
-    [`border-transparent font-normal ${getSubtleColorShadeClasses(color)}`]: subtle,
-    [`border-transparent ${getColorShadeClasses(color)}`]: !outline && !subtle,
-    'h-4 min-w-0 py-0 px-1 text-xs': small,
-    'h-2 w-2 min-w-0': compact,
-    'font-bold': outline || !subtle,
-    'text-sm': !small,
-    'h-5 py-0 px-1.5': !compact && !small,
-    '!bg-grey-700': compact && isTransparent
-  }, props.className);
-  const content = () => {
+var _excluded = ["children", "compact", "outline", "status", "subtle", "small", "color"];
+var Badge = /*#__PURE__*/forwardRef(function Badge(props, ref) {
+  var _cn;
+  var children = props.children,
+    _props$compact = props.compact,
+    compact = _props$compact === void 0 ? false : _props$compact,
+    _props$outline = props.outline,
+    outline = _props$outline === void 0 ? false : _props$outline,
+    _props$status = props.status,
+    status = _props$status === void 0 ? false : _props$status,
+    _props$subtle = props.subtle,
+    subtle = _props$subtle === void 0 ? false : _props$subtle,
+    _props$small = props.small,
+    small = _props$small === void 0 ? false : _props$small,
+    color = props.color,
+    otherProps = _objectWithoutPropertiesLoose(props, _excluded);
+  var isTransparent = color === 'transparent';
+  var className = cn('rounded-full border box-border overflow-hidden whitespace-nowrap inline-flex items-center justify-center', (_cn = {}, _cn["border " + getOutlineColorShadeClasses(color)] = outline, _cn["border-none font-normal " + getSubtleColorShadeClasses(color)] = subtle, _cn["border-none " + getColorShadeClasses(color)] = !outline && !subtle, _cn['h-4 min-w-0 py-0 px-1 text-xs'] = small, _cn['h-2 w-2 min-w-0'] = compact, _cn['font-bold'] = outline || !subtle, _cn['text-sm'] = !small, _cn['h-5 py-0 px-1.5'] = !compact && !small, _cn['!bg-grey-700'] = compact && isTransparent, _cn), props.className);
+  var content = function content() {
     if (compact) {
       return /*#__PURE__*/createElement(VisuallyHidden, null, children);
     }
+    var contentToRender = typeof children === 'string' ? /*#__PURE__*/createElement("span", {
+      className: "items-center truncate"
+    }, children) : children;
     if (status) {
       return /*#__PURE__*/createElement(Fragment, null, /*#__PURE__*/createElement("div", {
-        className: cn('mr-1 h-2 w-2 rounded-full', getColorShadeClasses(color))
-      }), children);
+        className: cn('mr-1 h-2 w-2 shrink-0 rounded-full', getColorShadeClasses(color))
+      }), contentToRender);
     }
-    return children;
+    return contentToRender;
   };
   return /*#__PURE__*/createElement("span", Object.assign({}, otherProps, {
     "aria-atomic": "true",

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","sources":["../../../../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'clsx';\nimport { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden';\nimport { Color } from '../../types';\nimport { getSubtleColorShadeClasses, getColorShadeClasses, getOutlineColorShadeClasses } from '../../utils/tailwind';\nimport './Badge.css';\n\nexport type BadgeBaseProps = React.HTMLAttributes<HTMLSpanElement> & {\n    /** Content should be a numerical value or tag/status like text **/\n    children: React.ReactNode;\n    /** Show small version of badge **/\n    small?: boolean;\n    /** Background color **/\n    color?: Color;\n};\n\ninterface CompactBadgeProps extends BadgeBaseProps {\n    /** Show compact version **/\n    compact?: boolean;\n    /** Show outlined version **/\n    outline?: never;\n    /** Show subtle version **/\n    subtle?: never;\n    /** Show status dot - can be used only in subtle badge **/\n    status?: never;\n}\n\ninterface OutlineBadgeProps extends BadgeBaseProps {\n    /** Show compact version **/\n    compact?: never;\n    /** Show outlined version **/\n    outline?: boolean;\n    /** Show subtle version **/\n    subtle?: never;\n    /** Show status dot - can be used only in subtle badge **/\n    status?: never;\n}\n\ninterface SubtleBadgeProps extends BadgeBaseProps {\n    /** Show compact version **/\n    compact?: never;\n    /** Show outlined version **/\n    outline?: never;\n    /** Show subtle version **/\n    subtle?: boolean;\n    /** Show status dot - can be used only in subtle badge **/\n    status?: never;\n}\n\ninterface StatusBadgeProps extends BadgeBaseProps {\n    /** Show compact version **/\n    compact?: never;\n    /** Show outlined version **/\n    outline?: never;\n    /** Show subtle version **/\n    subtle?: boolean;\n    /** Show status dot - can be used only in subtle badge **/\n    status?: boolean;\n}\n\nexport type BadgeProps = CompactBadgeProps | OutlineBadgeProps | SubtleBadgeProps | StatusBadgeProps;\n\nexport const Badge = React.forwardRef(function Badge(props: BadgeProps, ref: React.Ref<HTMLSpanElement>) {\n    const {\n        children,\n        compact = false,\n        outline = false,\n        status = false,\n        subtle = false,\n        small = false,\n        color,\n        ...otherProps\n    } = props;\n    const isTransparent = color === 'transparent';\n    const className = cn(\n        'rounded-full border overflow-hidden whitespace-nowrap inline-flex items-center justify-center',\n        {\n            [`border ${getOutlineColorShadeClasses(color)}`]: outline,\n            [`border-transparent font-normal ${getSubtleColorShadeClasses(color)}`]: subtle,\n            [`border-transparent ${getColorShadeClasses(color)}`]: !outline && !subtle,\n            'h-4 min-w-0 py-0 px-1 text-xs': small,\n            'h-2 w-2 min-w-0': compact,\n            'font-bold': outline || !subtle,\n            'text-sm': !small,\n            'h-5 py-0 px-1.5': !compact && !small, // custom padding keeps single digits in a perfect circle\n            '!bg-grey-700': compact && isTransparent,\n        },\n        props.className\n    );\n\n    const content = () => {\n        if (compact) {\n            return <VisuallyHidden>{children}</VisuallyHidden>;\n        }\n        if (status) {\n            return (\n                <>\n                    <div className={cn('mr-1 h-2 w-2 rounded-full', getColorShadeClasses(color))} />\n                    {children}\n                </>\n            );\n        }\n        return children;\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            {content()}\n        </span>\n    );\n});\n"],"names":["Badge","React","props","ref","children","compact","outline","status","subtle","small","color","otherProps","isTransparent","className","cn","getOutlineColorShadeClasses","getSubtleColorShadeClasses","getColorShadeClasses","content","VisuallyHidden","role","title"],"mappings":";;;;;MA8DaA,KAAK,gBAAGC,UAAgB,CAAC,SAASD,KAAKA,CAACE,KAAiB,EAAEC,GAA+B;EACnG,MAAM;IACFC,QAAQ;IACRC,OAAO,GAAG,KAAK;IACfC,OAAO,GAAG,KAAK;IACfC,MAAM,GAAG,KAAK;IACdC,MAAM,GAAG,KAAK;IACdC,KAAK,GAAG,KAAK;IACbC,KAAK;IACL,GAAGC;GACN,GAAGT,KAAK;EACT,MAAMU,aAAa,GAAGF,KAAK,KAAK,aAAa;EAC7C,MAAMG,SAAS,GAAGC,EAAE,CAChB,+FAA+F,EAC/F;IACI,CAAC,UAAUC,2BAA2B,CAACL,KAAK,CAAC,EAAE,GAAGJ,OAAO;IACzD,CAAC,kCAAkCU,0BAA0B,CAACN,KAAK,CAAC,EAAE,GAAGF,MAAM;IAC/E,CAAC,sBAAsBS,oBAAoB,CAACP,KAAK,CAAC,EAAE,GAAG,CAACJ,OAAO,IAAI,CAACE,MAAM;IAC1E,+BAA+B,EAAEC,KAAK;IACtC,iBAAiB,EAAEJ,OAAO;IAC1B,WAAW,EAAEC,OAAO,IAAI,CAACE,MAAM;IAC/B,SAAS,EAAE,CAACC,KAAK;IACjB,iBAAiB,EAAE,CAACJ,OAAO,IAAI,CAACI,KAAK;IACrC,cAAc,EAAEJ,OAAO,IAAIO;GAC9B,EACDV,KAAK,CAACW,SAAS,CAClB;EAED,MAAMK,OAAO,GAAGA;IACZ,IAAIb,OAAO,EAAE;MACT,oBAAOJ,cAACkB,cAAc,QAAEf,QAAQ,CAAkB;;IAEtD,IAAIG,MAAM,EAAE;MACR,oBACIN,2CACIA;QAAKY,SAAS,EAAEC,EAAE,CAAC,2BAA2B,EAAEG,oBAAoB,CAACP,KAAK,CAAC;QAAK,EAC/EN,QAAQ,CACV;;IAGX,OAAOA,QAAQ;GAClB;EAED,oBACIH,wCACQU,UAAU;mBACF,MAAM;iBACR,QAAQ;IAClBE,SAAS,EAAEA,SAAS;iBACV,OAAO;IACjBV,GAAG,EAAEA,GAAG;IACRiB,IAAI,EAAC,QAAQ;IACbC,KAAK,EAAEnB,KAAK,CAAC,YAAY;MACxBgB,OAAO,EAAE,CACP;AAEf,CAAC;;;;"}
+{"version":3,"file":"Badge.js","sources":["../../../../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'clsx';\nimport { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden';\nimport { Color } from '../../types';\nimport { getSubtleColorShadeClasses, getColorShadeClasses, getOutlineColorShadeClasses } from '../../utils/tailwind';\nimport './Badge.css';\n\nexport type BadgeBaseProps = React.HTMLAttributes<HTMLSpanElement> & {\n    /** Content should be a numerical value or tag/status like text **/\n    children: React.ReactNode;\n    /** Show small version of badge **/\n    small?: boolean;\n    /** Background color **/\n    color?: Color;\n};\n\ninterface CompactBadgeProps extends BadgeBaseProps {\n    /** Show compact version **/\n    compact?: boolean;\n    /** Show outlined version **/\n    outline?: never;\n    /** Show subtle version **/\n    subtle?: never;\n    /** Show status dot - can be used only in subtle badge **/\n    status?: never;\n}\n\ninterface OutlineBadgeProps extends BadgeBaseProps {\n    /** Show compact version **/\n    compact?: never;\n    /** Show outlined version **/\n    outline?: boolean;\n    /** Show subtle version **/\n    subtle?: never;\n    /** Show status dot - can be used only in subtle badge **/\n    status?: never;\n}\n\ninterface SubtleBadgeProps extends BadgeBaseProps {\n    /** Show compact version **/\n    compact?: never;\n    /** Show outlined version **/\n    outline?: never;\n    /** Show subtle version **/\n    subtle?: boolean;\n    /** Show status dot - can be used only in subtle badge **/\n    status?: never;\n}\n\ninterface StatusBadgeProps extends BadgeBaseProps {\n    /** Show compact version **/\n    compact?: never;\n    /** Show outlined version **/\n    outline?: never;\n    /** Show subtle version **/\n    subtle?: boolean;\n    /** Show status dot - can be used only in subtle badge **/\n    status?: boolean;\n}\n\nexport type BadgeProps = CompactBadgeProps | OutlineBadgeProps | SubtleBadgeProps | StatusBadgeProps;\n\nexport const Badge = React.forwardRef(function Badge(props: BadgeProps, ref: React.Ref<HTMLSpanElement>) {\n    const {\n        children,\n        compact = false,\n        outline = false,\n        status = false,\n        subtle = false,\n        small = false,\n        color,\n        ...otherProps\n    } = props;\n    const isTransparent = color === 'transparent';\n    const className = cn(\n        'rounded-full border box-border overflow-hidden whitespace-nowrap inline-flex items-center justify-center',\n        {\n            [`border ${getOutlineColorShadeClasses(color)}`]: outline,\n            [`border-none font-normal ${getSubtleColorShadeClasses(color)}`]: subtle,\n            [`border-none ${getColorShadeClasses(color)}`]: !outline && !subtle,\n            'h-4 min-w-0 py-0 px-1 text-xs': small,\n            'h-2 w-2 min-w-0': compact,\n            'font-bold': outline || !subtle,\n            'text-sm': !small,\n            'h-5 py-0 px-1.5': !compact && !small, // custom padding keeps single digits in a perfect circle\n            '!bg-grey-700': compact && isTransparent,\n        },\n        props.className\n    );\n\n    const content = () => {\n        if (compact) {\n            return <VisuallyHidden>{children}</VisuallyHidden>;\n        }\n\n        const contentToRender =\n            typeof children === 'string' ? <span className=\"items-center truncate\">{children}</span> : children;\n\n        if (status) {\n            return (\n                <>\n                    <div className={cn('mr-1 h-2 w-2 shrink-0 rounded-full', getColorShadeClasses(color))} />\n                    {contentToRender}\n                </>\n            );\n        }\n        return contentToRender;\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            {content()}\n        </span>\n    );\n});\n"],"names":["Badge","React","props","ref","children","_props$compact","compact","_props$outline","outline","_props$status","status","_props$subtle","subtle","_props$small","small","color","otherProps","_objectWithoutPropertiesLoose","_excluded","isTransparent","className","cn","_cn","getOutlineColorShadeClasses","getSubtleColorShadeClasses","getColorShadeClasses","content","VisuallyHidden","contentToRender","role","title"],"mappings":";;;;;;;IA8DaA,KAAK,gBAAGC,UAAgB,CAAC,SAASD,KAAKA,CAACE,KAAiB,EAAEC,GAA+B;;EACnG,IACIC,QAAQ,GAQRF,KAAK,CARLE,QAAQ;IAAAC,cAAA,GAQRH,KAAK,CAPLI,OAAO;IAAPA,OAAO,GAAAD,cAAA,cAAG,KAAK,GAAAA,cAAA;IAAAE,cAAA,GAOfL,KAAK,CANLM,OAAO;IAAPA,OAAO,GAAAD,cAAA,cAAG,KAAK,GAAAA,cAAA;IAAAE,aAAA,GAMfP,KAAK,CALLQ,MAAM;IAANA,MAAM,GAAAD,aAAA,cAAG,KAAK,GAAAA,aAAA;IAAAE,aAAA,GAKdT,KAAK,CAJLU,MAAM;IAANA,MAAM,GAAAD,aAAA,cAAG,KAAK,GAAAA,aAAA;IAAAE,YAAA,GAIdX,KAAK,CAHLY,KAAK;IAALA,KAAK,GAAAD,YAAA,cAAG,KAAK,GAAAA,YAAA;IACbE,KAAK,GAELb,KAAK,CAFLa,KAAK;IACFC,UAAU,GAAAC,6BAAA,CACbf,KAAK,EAAAgB,SAAA;EACT,IAAMC,aAAa,GAAGJ,KAAK,KAAK,aAAa;EAC7C,IAAMK,SAAS,GAAGC,EAAE,CAChB,0GAA0G,GAAAC,GAAA,OAAAA,GAAA,aAE3FC,2BAA2B,CAACR,KAAK,CAAC,IAAKP,OAAO,EAAAc,GAAA,8BAC7BE,0BAA0B,CAACT,KAAK,CAAC,IAAKH,MAAM,EAAAU,GAAA,kBACxDG,oBAAoB,CAACV,KAAK,CAAC,IAAK,CAACP,OAAO,IAAI,CAACI,MAAM,EAAAU,GAAA,CACnE,+BAA+B,IAAER,KAAK,EAAAQ,GAAA,CACtC,iBAAiB,IAAEhB,OAAO,EAAAgB,GAAA,CAC1B,WAAW,IAAEd,OAAO,IAAI,CAACI,MAAM,EAAAU,GAAA,CAC/B,SAAS,IAAE,CAACR,KAAK,EAAAQ,GAAA,CACjB,iBAAiB,IAAE,CAAChB,OAAO,IAAI,CAACQ,KAAK,EAAAQ,GAAA,CACrC,cAAc,IAAEhB,OAAO,IAAIa,aAAa,EAAAG,GAAA,GAE5CpB,KAAK,CAACkB,SAAS,CAClB;EAED,IAAMM,OAAO,GAAG,SAAVA,OAAOA;IACT,IAAIpB,OAAO,EAAE;MACT,oBAAOL,cAAC0B,cAAc,QAAEvB,QAAQ,CAAkB;;IAGtD,IAAMwB,eAAe,GACjB,OAAOxB,QAAQ,KAAK,QAAQ,gBAAGH;MAAMmB,SAAS,EAAC;OAAyBhB,QAAQ,CAAQ,GAAGA,QAAQ;IAEvG,IAAIM,MAAM,EAAE;MACR,oBACIT,2CACIA;QAAKmB,SAAS,EAAEC,EAAE,CAAC,oCAAoC,EAAEI,oBAAoB,CAACV,KAAK,CAAC;QAAK,EACxFa,eAAe,CACjB;;IAGX,OAAOA,eAAe;GACzB;EAED,oBACI3B,wCACQe,UAAU;mBACF,MAAM;iBACR,QAAQ;IAClBI,SAAS,EAAEA,SAAS;iBACV,OAAO;IACjBjB,GAAG,EAAEA,GAAG;IACR0B,IAAI,EAAC,QAAQ;IACbC,KAAK,EAAE5B,KAAK,CAAC,YAAY;MACxBwB,OAAO,EAAE,CACP;AAEf,CAAC;;;;"}

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

@@ -1,25 +1,23 @@
 import { forwardRef, createElement } from 'react';
 import cn from 'clsx';
+import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { getSubtleColorShadeClasses, getColorShadeClasses } from '../../utils/tailwind.js';
 import { Icon } from '../Icon/Icon.js';
 
-const BadgeIcon = /*#__PURE__*/forwardRef(function Badge(props, ref) {
-  const {
-    color,
-    icon,
-    subtle,
-    small,
-    ...otherProps
-  } = props;
-  const className = cn(`rounded-full border overflow-hidden whitespace-nowrap inline-flex items-center justify-center border-transparent [&>*]:max-h-full shrink-0`, {
+var _excluded = ["color", "icon", "subtle", "small"];
+var BadgeIcon = /*#__PURE__*/forwardRef(function Badge(props, ref) {
+  var _cn;
+  var color = props.color,
+    icon = props.icon,
+    subtle = props.subtle,
+    small = props.small,
+    otherProps = _objectWithoutPropertiesLoose(props, _excluded);
+  var className = cn("rounded-full border overflow-hidden whitespace-nowrap inline-flex items-center justify-center border-transparent [&>*]:max-h-full shrink-0", {
     'w-5 h-5': !small
   }, {
     'w-4 h-4 text-xs': small
-  }, {
-    [getSubtleColorShadeClasses(color)]: subtle,
-    [getColorShadeClasses(color)]: !subtle
-  }, props.className);
-  const iconProps = {
+  }, (_cn = {}, _cn[getSubtleColorShadeClasses(color)] = subtle, _cn[getColorShadeClasses(color)] = !subtle, _cn), props.className);
+  var iconProps = {
     strokeWidth: 1,
     stroke: 'currentColor'
   };