@economic/taco 2.47.0-server.3 → 2.47.0-server.5

package/dist/esm/packages/taco/src/charts/components/Line/LineChart.js

@@ -1,31 +1,35 @@
 import React__default, { useState } from 'react';
+import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose, extends as _extends } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { LineChart as LineChart$1, CartesianGrid, XAxis, YAxis, Legend, Tooltip, Line as Line$1 } from 'recharts';
 import { getThemeColor } from '../../utils/color.js';
 import { getCartesianGridProps, getXAxisProps, getYAxisProps, getLegendProps, getTooltipProps } from '../../utils/common.js';
 import { ResponsiveContainer } from '../ResponsiveContainer.js';
 
-const Line = _ => null;
-const LineChart = function LineChart(externalProps) {
-  const {
-    children,
-    data,
-    formatter,
-    ...props
-  } = externalProps;
-  const [hoveredLine, setHoveredLine] = useState(null);
-  const [activeLines, setActiveLines] = useState(() => {
-    const keys = {};
-    React__default.Children.forEach(children, child => {
-      keys[child.props.accessor] = true;
-    });
-    return keys;
-  });
-  const handleLegendClick = entry => {
+var _excluded = ["children", "data", "formatter"];
+var Line = function Line(_) {
+  return null;
+};
+var LineChart = function LineChart(externalProps) {
+  var children = externalProps.children,
+    data = externalProps.data,
+    formatter = externalProps.formatter,
+    props = _objectWithoutPropertiesLoose(externalProps, _excluded);
+  var _useState = useState(null),
+    hoveredLine = _useState[0],
+    setHoveredLine = _useState[1];
+  var _useState2 = useState(function () {
+      var keys = {};
+      React__default.Children.forEach(children, function (child) {
+        keys[child.props.accessor] = true;
+      });
+      return keys;
+    }),
+    activeLines = _useState2[0],
+    setActiveLines = _useState2[1];
+  var handleLegendClick = function handleLegendClick(entry) {
+    var _extends2;
     setHoveredLine(null);
-    setActiveLines({
-      ...activeLines,
-      [entry.dataKey]: !activeLines[entry.dataKey]
-    });
+    setActiveLines(_extends({}, activeLines, (_extends2 = {}, _extends2[entry.dataKey] = !activeLines[entry.dataKey], _extends2)));
   };
   return /*#__PURE__*/React__default.createElement(ResponsiveContainer, null, /*#__PURE__*/React__default.createElement(LineChart$1, {
     data: data,
@@ -37,12 +41,16 @@ const LineChart = function LineChart(externalProps) {
     }
   }, /*#__PURE__*/React__default.createElement(CartesianGrid, Object.assign({}, getCartesianGridProps())), /*#__PURE__*/React__default.createElement(XAxis, Object.assign({}, getXAxisProps(props))), /*#__PURE__*/React__default.createElement(YAxis, Object.assign({}, getYAxisProps(props))), /*#__PURE__*/React__default.createElement(Legend, Object.assign({}, getLegendProps({
     onClick: handleLegendClick,
-    onMouseEnter: entry => setHoveredLine(entry.dataKey),
-    onMouseLeave: () => setHoveredLine(null),
+    onMouseEnter: function onMouseEnter(entry) {
+      return setHoveredLine(entry.dataKey);
+    },
+    onMouseLeave: function onMouseLeave() {
+      return setHoveredLine(null);
+    },
     activeItems: activeLines
   }))), /*#__PURE__*/React__default.createElement(Tooltip, Object.assign({}, getTooltipProps(), {
     formatter: formatter
-  })), React__default.Children.map(children, child => {
+  })), React__default.Children.map(children, function (child) {
     var _child$props$color, _child$props$color2;
     return /*#__PURE__*/React__default.createElement(Line$1, {
       activeDot: {

package/dist/esm/packages/taco/src/charts/components/Line/LineChart.js.map

@@ -1 +1 @@
-{"version":3,"file":"LineChart.js","sources":["../../../../../../../../src/charts/components/Line/LineChart.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport * as Recharts from 'recharts';\n\nimport { Color, getThemeColor } from '../../utils/color';\nimport {\n    CommonChartProps,\n    getCartesianGridProps,\n    getXAxisProps,\n    getYAxisProps,\n    getLegendProps,\n    getTooltipProps,\n} from '../../utils/common';\nimport { ResponsiveContainer } from '../ResponsiveContainer';\nimport { ActiveChartItems, PayloadType } from '../types';\n\ntype LineChartBarProps<TType> = {\n    accessor: keyof TType & string;\n    color?: Color;\n    label?: string;\n};\n\nconst Line = (_: LineChartBarProps<any>) => null;\n\ntype LineChartProps<TType> = CommonChartProps<TType> & {\n    children: React.ReactElement<LineChartBarProps<TType>> | React.ReactElement<LineChartBarProps<TType>>[];\n    data: TType[];\n    formatter?: (value: any) => string;\n};\n\nexport const LineChart = function LineChart<TType = unknown>(externalProps: LineChartProps<TType>) {\n    const { children, data, formatter, ...props } = externalProps;\n    const [hoveredLine, setHoveredLine] = useState<(keyof TType & string) | null>(null);\n    const [activeLines, setActiveLines] = useState<ActiveChartItems<TType>>(() => {\n        const keys = {} as ActiveChartItems<TType>;\n\n        React.Children.forEach(children, child => {\n            keys[child.props.accessor] = true;\n        });\n\n        return keys;\n    });\n\n    const handleLegendClick = (entry: PayloadType<TType>): void => {\n        setHoveredLine(null);\n        setActiveLines({ ...activeLines, [entry.dataKey]: !activeLines[entry.dataKey] });\n    };\n\n    return (\n        <ResponsiveContainer>\n            <Recharts.LineChart data={data} margin={{ top: 10, right: 0, left: -25, bottom: 0 }}>\n                <Recharts.CartesianGrid {...getCartesianGridProps()} />\n                <Recharts.XAxis {...getXAxisProps<TType>(props)} />\n                <Recharts.YAxis {...getYAxisProps<TType>(props)} />\n                <Recharts.Legend\n                    {...getLegendProps({\n                        onClick: handleLegendClick,\n                        onMouseEnter: entry => setHoveredLine(entry.dataKey),\n                        onMouseLeave: () => setHoveredLine(null),\n                        activeItems: activeLines,\n                    })}\n                />\n                <Recharts.Tooltip {...getTooltipProps()} formatter={formatter} />\n                {React.Children.map(children, child => (\n                    <Recharts.Line\n                        activeDot={{\n                            fill: getThemeColor(child.props.color ?? 'blue-300'),\n                        }}\n                        dataKey={child.props.accessor}\n                        isAnimationActive={false}\n                        dot={false}\n                        name={child.props.label}\n                        stroke={getThemeColor(child.props.color ?? 'blue-300')}\n                        strokeWidth={2}\n                        hide={!activeLines[child.props.accessor]}\n                        opacity={hoveredLine && child.props.accessor !== hoveredLine ? 0.3 : 1}\n                    />\n                ))}\n            </Recharts.LineChart>\n        </ResponsiveContainer>\n    );\n};\nLineChart.Line = Line;\n"],"names":["Line","_","LineChart","externalProps","children","data","formatter","props","hoveredLine","setHoveredLine","useState","activeLines","setActiveLines","keys","React","Children","forEach","child","accessor","handleLegendClick","entry","dataKey","ResponsiveContainer","Recharts","margin","top","right","left","bottom","getCartesianGridProps","getXAxisProps","getYAxisProps","getLegendProps","onClick","onMouseEnter","onMouseLeave","activeItems","getTooltipProps","map","_child$props$color","_child$props$color2","activeDot","fill","getThemeColor","color","isAnimationActive","dot","name","label","stroke","strokeWidth","hide","opacity"],"mappings":";;;;;;AAqBA,MAAMA,IAAI,GAAIC,CAAyB,IAAK,IAAI;MAQnCC,SAAS,GAAG,SAASA,SAASA,CAAkBC,aAAoC;EAC7F,MAAM;IAAEC,QAAQ;IAAEC,IAAI;IAAEC,SAAS;IAAE,GAAGC;GAAO,GAAGJ,aAAa;EAC7D,MAAM,CAACK,WAAW,EAAEC,cAAc,CAAC,GAAGC,QAAQ,CAAgC,IAAI,CAAC;EACnF,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAGF,QAAQ,CAA0B;IACpE,MAAMG,IAAI,GAAG,EAA6B;IAE1CC,cAAK,CAACC,QAAQ,CAACC,OAAO,CAACZ,QAAQ,EAAEa,KAAK;MAClCJ,IAAI,CAACI,KAAK,CAACV,KAAK,CAACW,QAAQ,CAAC,GAAG,IAAI;KACpC,CAAC;IAEF,OAAOL,IAAI;GACd,CAAC;EAEF,MAAMM,iBAAiB,GAAIC,KAAyB;IAChDX,cAAc,CAAC,IAAI,CAAC;IACpBG,cAAc,CAAC;MAAE,GAAGD,WAAW;MAAE,CAACS,KAAK,CAACC,OAAO,GAAG,CAACV,WAAW,CAACS,KAAK,CAACC,OAAO;KAAG,CAAC;GACnF;EAED,oBACIP,6BAACQ,mBAAmB,qBAChBR,6BAACS,WAAkB;IAAClB,IAAI,EAAEA,IAAI;IAAEmB,MAAM,EAAE;MAAEC,GAAG,EAAE,EAAE;MAAEC,KAAK,EAAE,CAAC;MAAEC,IAAI,EAAE,CAAC,EAAE;MAAEC,MAAM,EAAE;;kBAC5Ed,6BAACS,aAAsB,oBAAKM,qBAAqB,EAAE,EAAI,eACvDf,6BAACS,KAAc,oBAAKO,aAAa,CAAQvB,KAAK,CAAC,EAAI,eACnDO,6BAACS,KAAc,oBAAKQ,aAAa,CAAQxB,KAAK,CAAC,EAAI,eACnDO,6BAACS,MAAe,oBACRS,cAAc,CAAC;IACfC,OAAO,EAAEd,iBAAiB;IAC1Be,YAAY,EAAEd,KAAK,IAAIX,cAAc,CAACW,KAAK,CAACC,OAAO,CAAC;IACpDc,YAAY,EAAEA,MAAM1B,cAAc,CAAC,IAAI,CAAC;IACxC2B,WAAW,EAAEzB;GAChB,CAAC,EACJ,eACFG,6BAACS,OAAgB,oBAAKc,eAAe,EAAE;IAAE/B,SAAS,EAAEA;KAAa,EAChEQ,cAAK,CAACC,QAAQ,CAACuB,GAAG,CAAClC,QAAQ,EAAEa,KAAK;IAAA,IAAAsB,kBAAA,EAAAC,mBAAA;IAAA,oBAC/B1B,6BAACS,MAAa;MACVkB,SAAS,EAAE;QACPC,IAAI,EAAEC,aAAa,EAAAJ,kBAAA,GAACtB,KAAK,CAACV,KAAK,CAACqC,KAAK,cAAAL,kBAAA,cAAAA,kBAAA,GAAI,UAAU;OACtD;MACDlB,OAAO,EAAEJ,KAAK,CAACV,KAAK,CAACW,QAAQ;MAC7B2B,iBAAiB,EAAE,KAAK;MACxBC,GAAG,EAAE,KAAK;MACVC,IAAI,EAAE9B,KAAK,CAACV,KAAK,CAACyC,KAAK;MACvBC,MAAM,EAAEN,aAAa,EAAAH,mBAAA,GAACvB,KAAK,CAACV,KAAK,CAACqC,KAAK,cAAAJ,mBAAA,cAAAA,mBAAA,GAAI,UAAU,CAAC;MACtDU,WAAW,EAAE,CAAC;MACdC,IAAI,EAAE,CAACxC,WAAW,CAACM,KAAK,CAACV,KAAK,CAACW,QAAQ,CAAC;MACxCkC,OAAO,EAAE5C,WAAW,IAAIS,KAAK,CAACV,KAAK,CAACW,QAAQ,KAAKV,WAAW,GAAG,GAAG,GAAG;MACvE;GACL,CAAC,CACe,CACH;AAE9B;AACAN,SAAS,CAACF,IAAI,GAAGA,IAAI;;;;"}
+{"version":3,"file":"LineChart.js","sources":["../../../../../../../../src/charts/components/Line/LineChart.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport * as Recharts from 'recharts';\n\nimport { Color, getThemeColor } from '../../utils/color';\nimport {\n    CommonChartProps,\n    getCartesianGridProps,\n    getXAxisProps,\n    getYAxisProps,\n    getLegendProps,\n    getTooltipProps,\n} from '../../utils/common';\nimport { ResponsiveContainer } from '../ResponsiveContainer';\nimport { ActiveChartItems, PayloadType } from '../types';\n\ntype LineChartBarProps<TType> = {\n    accessor: keyof TType & string;\n    color?: Color;\n    label?: string;\n};\n\nconst Line = (_: LineChartBarProps<any>) => null;\n\ntype LineChartProps<TType> = CommonChartProps<TType> & {\n    children: React.ReactElement<LineChartBarProps<TType>> | React.ReactElement<LineChartBarProps<TType>>[];\n    data: TType[];\n    formatter?: (value: any) => string;\n};\n\nexport const LineChart = function LineChart<TType = unknown>(externalProps: LineChartProps<TType>) {\n    const { children, data, formatter, ...props } = externalProps;\n    const [hoveredLine, setHoveredLine] = useState<(keyof TType & string) | null>(null);\n    const [activeLines, setActiveLines] = useState<ActiveChartItems<TType>>(() => {\n        const keys = {} as ActiveChartItems<TType>;\n\n        React.Children.forEach(children, child => {\n            keys[child.props.accessor] = true;\n        });\n\n        return keys;\n    });\n\n    const handleLegendClick = (entry: PayloadType<TType>): void => {\n        setHoveredLine(null);\n        setActiveLines({ ...activeLines, [entry.dataKey]: !activeLines[entry.dataKey] });\n    };\n\n    return (\n        <ResponsiveContainer>\n            <Recharts.LineChart data={data} margin={{ top: 10, right: 0, left: -25, bottom: 0 }}>\n                <Recharts.CartesianGrid {...getCartesianGridProps()} />\n                <Recharts.XAxis {...getXAxisProps<TType>(props)} />\n                <Recharts.YAxis {...getYAxisProps<TType>(props)} />\n                <Recharts.Legend\n                    {...getLegendProps({\n                        onClick: handleLegendClick,\n                        onMouseEnter: entry => setHoveredLine(entry.dataKey),\n                        onMouseLeave: () => setHoveredLine(null),\n                        activeItems: activeLines,\n                    })}\n                />\n                <Recharts.Tooltip {...getTooltipProps()} formatter={formatter} />\n                {React.Children.map(children, child => (\n                    <Recharts.Line\n                        activeDot={{\n                            fill: getThemeColor(child.props.color ?? 'blue-300'),\n                        }}\n                        dataKey={child.props.accessor}\n                        isAnimationActive={false}\n                        dot={false}\n                        name={child.props.label}\n                        stroke={getThemeColor(child.props.color ?? 'blue-300')}\n                        strokeWidth={2}\n                        hide={!activeLines[child.props.accessor]}\n                        opacity={hoveredLine && child.props.accessor !== hoveredLine ? 0.3 : 1}\n                    />\n                ))}\n            </Recharts.LineChart>\n        </ResponsiveContainer>\n    );\n};\nLineChart.Line = Line;\n"],"names":["Line","_","LineChart","externalProps","children","data","formatter","props","_objectWithoutPropertiesLoose","_excluded","_useState","useState","hoveredLine","setHoveredLine","_useState2","keys","React","Children","forEach","child","accessor","activeLines","setActiveLines","handleLegendClick","entry","_extends","_extends2","dataKey","ResponsiveContainer","Recharts","margin","top","right","left","bottom","getCartesianGridProps","getXAxisProps","getYAxisProps","getLegendProps","onClick","onMouseEnter","onMouseLeave","activeItems","getTooltipProps","map","_child$props$color","_child$props$color2","activeDot","fill","getThemeColor","color","isAnimationActive","dot","name","label","stroke","strokeWidth","hide","opacity"],"mappings":"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"}

package/dist/esm/packages/taco/src/charts/components/ResponsiveContainer.js

@@ -2,9 +2,11 @@ import React__default from 'react';
 import { ResponsiveContainer as ResponsiveContainer$1 } from 'recharts';
 
 // A hacky fix for EC-50037 to make sure that Chart doesn't resize when it is inside a Card.
-const ResponsiveContainer = props => (/*#__PURE__*/React__default.createElement(ResponsiveContainer$1, Object.assign({
-  className: "!h-[calc(100%-1px)] !w-[calc(100%-1px)]"
-}, props)));
+var ResponsiveContainer = function ResponsiveContainer(props) {
+  return /*#__PURE__*/React__default.createElement(ResponsiveContainer$1, Object.assign({
+    className: "!h-[calc(100%-1px)] !w-[calc(100%-1px)]"
+  }, props));
+};
 
 export { ResponsiveContainer };
 //# sourceMappingURL=ResponsiveContainer.js.map

package/dist/esm/packages/taco/src/charts/components/ResponsiveContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResponsiveContainer.js","sources":["../../../../../../../src/charts/components/ResponsiveContainer.tsx"],"sourcesContent":["import React from 'react';\nimport * as Recharts from 'recharts';\n\ntype ResponsiveContainerProps = Recharts.ResponsiveContainerProps & React.RefAttributes<HTMLDivElement>;\n\n// A hacky fix for EC-50037 to make sure that Chart doesn't resize when it is inside a Card.\nexport const ResponsiveContainer = (props: ResponsiveContainerProps) => (\n    <Recharts.ResponsiveContainer className=\"!h-[calc(100%-1px)] !w-[calc(100%-1px)]\" {...props} />\n);\n"],"names":["ResponsiveContainer","props","React","Recharts","className"],"mappings":";;;AAKA;MACaA,mBAAmB,GAAIC,KAA+B,kBAC/DC,6BAACC,qBAA4B;EAACC,SAAS,EAAC;GAA8CH,KAAK,EAAI;;;;"}
+{"version":3,"file":"ResponsiveContainer.js","sources":["../../../../../../../src/charts/components/ResponsiveContainer.tsx"],"sourcesContent":["import React from 'react';\nimport * as Recharts from 'recharts';\n\ntype ResponsiveContainerProps = Recharts.ResponsiveContainerProps & React.RefAttributes<HTMLDivElement>;\n\n// A hacky fix for EC-50037 to make sure that Chart doesn't resize when it is inside a Card.\nexport const ResponsiveContainer = (props: ResponsiveContainerProps) => (\n    <Recharts.ResponsiveContainer className=\"!h-[calc(100%-1px)] !w-[calc(100%-1px)]\" {...props} />\n);\n"],"names":["ResponsiveContainer","props","React","Recharts","className"],"mappings":";;;AAKA;IACaA,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIC,KAA+B;EAAA,oBAC/DC,6BAACC,qBAA4B;IAACC,SAAS,EAAC;KAA8CH,KAAK,EAAI;AAAA;;;;"}

package/dist/esm/packages/taco/src/charts/components/Tooltip.js

@@ -1,41 +1,42 @@
 import React__default from 'react';
 import { getThemeColor } from '../utils/color.js';
 
-const Tooltip = ({
-  active,
-  formatter,
-  payload,
-  style,
-  singlePieDonutChart
-}) => {
-  const getColor = entry => {
-    var _ref, _entry$color;
+var Tooltip = function Tooltip(_ref) {
+  var active = _ref.active,
+    formatter = _ref.formatter,
+    payload = _ref.payload,
+    style = _ref.style,
+    singlePieDonutChart = _ref.singlePieDonutChart;
+  var getColor = function getColor(entry) {
+    var _ref2, _entry$color;
     if (singlePieDonutChart) {
       // We use entry.payload.label because the payload structure differs between a Donut chart with a single pie
       // and one with multiple pies.
       return getThemeColor(entry.payload.color);
     }
-    return (_ref = (_entry$color = entry.color) !== null && _entry$color !== void 0 ? _entry$color : entry.payload.fill) !== null && _ref !== void 0 ? _ref : 'blue-500';
+    return (_ref2 = (_entry$color = entry.color) !== null && _entry$color !== void 0 ? _entry$color : entry.payload.fill) !== null && _ref2 !== void 0 ? _ref2 : 'blue-500';
   };
   if (active && payload && payload.length) {
     return /*#__PURE__*/React__default.createElement("dl", {
       className: "z-20 grid grid-cols-[max-content_max-content] gap-x-4 rounded-md bg-white p-4 text-xs shadow-[0px_0px_1px_rgba(0,0,0,0.1),_0px_6px_18px_rgba(47,51,68,0.2)]",
       style: style
-    }, payload.map((entry, index) => (/*#__PURE__*/React__default.createElement(React__default.Fragment, {
-      key: `${entry.name}-${index}`
-    }, /*#__PURE__*/React__default.createElement("dt", {
-      className: "text-grey-700 mb-0 flex items-center gap-1 font-normal"
-    }, /*#__PURE__*/React__default.createElement("span", {
-      className: "-mt-px h-2.5 w-2.5 rounded-sm",
-      style: {
-        background: getColor(entry)
-      }
-    }),
-    // We use entry.payload.label because the payload structure differs between a Donut chart with a single pie
-    // and one with multiple pies.
-    singlePieDonutChart ? entry.payload.label : entry.name), /*#__PURE__*/React__default.createElement("dd", {
-      className: "mb-0 text-right font-bold text-black "
-    }, formatter ? formatter(entry.value) : entry.value)))));
+    }, payload.map(function (entry, index) {
+      return /*#__PURE__*/React__default.createElement(React__default.Fragment, {
+        key: entry.name + "-" + index
+      }, /*#__PURE__*/React__default.createElement("dt", {
+        className: "text-grey-700 mb-0 flex items-center gap-1 font-normal"
+      }, /*#__PURE__*/React__default.createElement("span", {
+        className: "-mt-px h-2.5 w-2.5 rounded-sm",
+        style: {
+          background: getColor(entry)
+        }
+      }),
+      // We use entry.payload.label because the payload structure differs between a Donut chart with a single pie
+      // and one with multiple pies.
+      singlePieDonutChart ? entry.payload.label : entry.name), /*#__PURE__*/React__default.createElement("dd", {
+        className: "mb-0 text-right font-bold text-black "
+      }, formatter ? formatter(entry.value) : entry.value));
+    }));
   }
   return null;
 };

package/dist/esm/packages/taco/src/charts/components/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sources":["../../../../../../../src/charts/components/Tooltip.tsx"],"sourcesContent":["import React, { CSSProperties } from 'react';\nimport { getThemeColor } from '../utils/color';\n\ntype TooltipProps = {\n    active?: boolean;\n    formatter: (value: any) => any;\n    payload: any;\n    style?: CSSProperties;\n    singlePieDonutChart?: boolean;\n};\n\nexport const Tooltip = ({ active, formatter, payload, style, singlePieDonutChart }: TooltipProps) => {\n    const getColor = entry => {\n        if (singlePieDonutChart) {\n            // We use entry.payload.label because the payload structure differs between a Donut chart with a single pie\n            // and one with multiple pies.\n            return getThemeColor(entry.payload.color);\n        }\n\n        return entry.color ?? entry.payload.fill ?? 'blue-500';\n    };\n\n    if (active && payload && payload.length) {\n        return (\n            <dl\n                className=\"z-20 grid grid-cols-[max-content_max-content] gap-x-4 rounded-md bg-white p-4 text-xs shadow-[0px_0px_1px_rgba(0,0,0,0.1),_0px_6px_18px_rgba(47,51,68,0.2)]\"\n                style={style}>\n                {payload.map((entry, index) => (\n                    <React.Fragment key={`${entry.name}-${index}`}>\n                        <dt className=\"text-grey-700 mb-0 flex items-center gap-1 font-normal\">\n                            <span className=\"-mt-px h-2.5 w-2.5 rounded-sm\" style={{ background: getColor(entry) }} />\n                            {\n                                // We use entry.payload.label because the payload structure differs between a Donut chart with a single pie\n                                // and one with multiple pies.\n                                singlePieDonutChart ? entry.payload.label : entry.name\n                            }\n                        </dt>\n                        <dd className=\"mb-0 text-right font-bold text-black \">\n                            {formatter ? formatter(entry.value) : entry.value}\n                        </dd>\n                    </React.Fragment>\n                ))}\n            </dl>\n        );\n    }\n\n    return null;\n};\n"],"names":["Tooltip","active","formatter","payload","style","singlePieDonutChart","getColor","entry","getThemeColor","color","_ref","_entry$color","fill","length","React","className","map","index","Fragment","key","name","background","label","value"],"mappings":";;;MAWaA,OAAO,GAAGA,CAAC;EAAEC,MAAM;EAAEC,SAAS;EAAEC,OAAO;EAAEC,KAAK;EAAEC;CAAmC;EAC5F,MAAMC,QAAQ,GAAGC,KAAK;;IAClB,IAAIF,mBAAmB,EAAE;;;MAGrB,OAAOG,aAAa,CAACD,KAAK,CAACJ,OAAO,CAACM,KAAK,CAAC;;IAG7C,QAAAC,IAAA,IAAAC,YAAA,GAAOJ,KAAK,CAACE,KAAK,cAAAE,YAAA,cAAAA,YAAA,GAAIJ,KAAK,CAACJ,OAAO,CAACS,IAAI,cAAAF,IAAA,cAAAA,IAAA,GAAI,UAAU;GACzD;EAED,IAAIT,MAAM,IAAIE,OAAO,IAAIA,OAAO,CAACU,MAAM,EAAE;IACrC,oBACIC;MACIC,SAAS,EAAC,6JAA6J;MACvKX,KAAK,EAAEA;OACND,OAAO,CAACa,GAAG,CAAC,CAACT,KAAK,EAAEU,KAAK,mBACtBH,6BAACA,cAAK,CAACI,QAAQ;MAACC,GAAG,EAAE,GAAGZ,KAAK,CAACa,IAAI,IAAIH,KAAK;oBACvCH;MAAIC,SAAS,EAAC;oBACVD;MAAMC,SAAS,EAAC,+BAA+B;MAACX,KAAK,EAAE;QAAEiB,UAAU,EAAEf,QAAQ,CAACC,KAAK;;MAAO;;;IAItFF,mBAAmB,GAAGE,KAAK,CAACJ,OAAO,CAACmB,KAAK,GAAGf,KAAK,CAACa,IAAI,CAEzD,eACLN;MAAIC,SAAS,EAAC;OACTb,SAAS,GAAGA,SAAS,CAACK,KAAK,CAACgB,KAAK,CAAC,GAAGhB,KAAK,CAACgB,KAAK,CAChD,CACQ,CACpB,CAAC,CACD;;EAIb,OAAO,IAAI;AACf;;;;"}
+{"version":3,"file":"Tooltip.js","sources":["../../../../../../../src/charts/components/Tooltip.tsx"],"sourcesContent":["import React, { CSSProperties } from 'react';\nimport { getThemeColor } from '../utils/color';\n\ntype TooltipProps = {\n    active?: boolean;\n    formatter: (value: any) => any;\n    payload: any;\n    style?: CSSProperties;\n    singlePieDonutChart?: boolean;\n};\n\nexport const Tooltip = ({ active, formatter, payload, style, singlePieDonutChart }: TooltipProps) => {\n    const getColor = entry => {\n        if (singlePieDonutChart) {\n            // We use entry.payload.label because the payload structure differs between a Donut chart with a single pie\n            // and one with multiple pies.\n            return getThemeColor(entry.payload.color);\n        }\n\n        return entry.color ?? entry.payload.fill ?? 'blue-500';\n    };\n\n    if (active && payload && payload.length) {\n        return (\n            <dl\n                className=\"z-20 grid grid-cols-[max-content_max-content] gap-x-4 rounded-md bg-white p-4 text-xs shadow-[0px_0px_1px_rgba(0,0,0,0.1),_0px_6px_18px_rgba(47,51,68,0.2)]\"\n                style={style}>\n                {payload.map((entry, index) => (\n                    <React.Fragment key={`${entry.name}-${index}`}>\n                        <dt className=\"text-grey-700 mb-0 flex items-center gap-1 font-normal\">\n                            <span className=\"-mt-px h-2.5 w-2.5 rounded-sm\" style={{ background: getColor(entry) }} />\n                            {\n                                // We use entry.payload.label because the payload structure differs between a Donut chart with a single pie\n                                // and one with multiple pies.\n                                singlePieDonutChart ? entry.payload.label : entry.name\n                            }\n                        </dt>\n                        <dd className=\"mb-0 text-right font-bold text-black \">\n                            {formatter ? formatter(entry.value) : entry.value}\n                        </dd>\n                    </React.Fragment>\n                ))}\n            </dl>\n        );\n    }\n\n    return null;\n};\n"],"names":["Tooltip","_ref","active","formatter","payload","style","singlePieDonutChart","getColor","entry","getThemeColor","color","_ref2","_entry$color","fill","length","React","className","map","index","Fragment","key","name","background","label","value"],"mappings":";;;IAWaA,OAAO,GAAG,SAAVA,OAAOA,CAAAC,IAAA;MAAMC,MAAM,GAAAD,IAAA,CAANC,MAAM;IAAEC,SAAS,GAAAF,IAAA,CAATE,SAAS;IAAEC,OAAO,GAAAH,IAAA,CAAPG,OAAO;IAAEC,KAAK,GAAAJ,IAAA,CAALI,KAAK;IAAEC,mBAAmB,GAAAL,IAAA,CAAnBK,mBAAmB;EAC5E,IAAMC,QAAQ,GAAG,SAAXA,QAAQA,CAAGC,KAAK;;IAClB,IAAIF,mBAAmB,EAAE;;;MAGrB,OAAOG,aAAa,CAACD,KAAK,CAACJ,OAAO,CAACM,KAAK,CAAC;;IAG7C,QAAAC,KAAA,IAAAC,YAAA,GAAOJ,KAAK,CAACE,KAAK,cAAAE,YAAA,cAAAA,YAAA,GAAIJ,KAAK,CAACJ,OAAO,CAACS,IAAI,cAAAF,KAAA,cAAAA,KAAA,GAAI,UAAU;GACzD;EAED,IAAIT,MAAM,IAAIE,OAAO,IAAIA,OAAO,CAACU,MAAM,EAAE;IACrC,oBACIC;MACIC,SAAS,EAAC,6JAA6J;MACvKX,KAAK,EAAEA;OACND,OAAO,CAACa,GAAG,CAAC,UAACT,KAAK,EAAEU,KAAK;MAAA,oBACtBH,6BAACA,cAAK,CAACI,QAAQ;QAACC,GAAG,EAAKZ,KAAK,CAACa,IAAI,SAAIH;sBAClCH;QAAIC,SAAS,EAAC;sBACVD;QAAMC,SAAS,EAAC,+BAA+B;QAACX,KAAK,EAAE;UAAEiB,UAAU,EAAEf,QAAQ,CAACC,KAAK;;QAAO;;;MAItFF,mBAAmB,GAAGE,KAAK,CAACJ,OAAO,CAACmB,KAAK,GAAGf,KAAK,CAACa,IAAI,CAEzD,eACLN;QAAIC,SAAS,EAAC;SACTb,SAAS,GAAGA,SAAS,CAACK,KAAK,CAACgB,KAAK,CAAC,GAAGhB,KAAK,CAACgB,KAAK,CAChD,CACQ;KACpB,CAAC,CACD;;EAIb,OAAO,IAAI;AACf;;;;"}

package/dist/esm/packages/taco/src/charts/utils/color.js

@@ -1,24 +1,25 @@
+import { extends as _extends } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import themeColors from '../../../tailwind.colors.js';
 
-const mapColor = (palette, prefix = '') => {
-  return Object.keys(palette).reduce((accum, color) => {
+var mapColor = function mapColor(palette, prefix) {
+  if (prefix === void 0) {
+    prefix = '';
+  }
+  return Object.keys(palette).reduce(function (accum, color) {
     if (color === 'current') {
       return accum;
     } else if (typeof palette[color] === 'string') {
-      return {
-        ...accum,
-        [prefix ? color === 'DEFAULT' ? prefix : `${prefix}-${color}` : color]: palette[color]
-      };
+      var _extends2;
+      return _extends({}, accum, (_extends2 = {}, _extends2[prefix ? color === 'DEFAULT' ? prefix : prefix + "-" + color : color] = palette[color], _extends2));
     } else {
-      return {
-        ...accum,
-        ...mapColor(palette[color], color)
-      };
+      return _extends({}, accum, mapColor(palette[color], color));
     }
   }, {});
 };
-const colors = /*#__PURE__*/mapColor(themeColors);
-const getThemeColor = color => colors[color];
+var colors = /*#__PURE__*/mapColor(themeColors);
+var getThemeColor = function getThemeColor(color) {
+  return colors[color];
+};
 
 export { colors, getThemeColor };
 //# sourceMappingURL=color.js.map

package/dist/esm/packages/taco/src/charts/utils/color.js.map

@@ -1 +1 @@
-{"version":3,"file":"color.js","sources":["../../../../../../../src/charts/utils/color.ts"],"sourcesContent":["import themeColors from '@tailwind-theme-colors';\n\nconst mapColor = (palette, prefix = ''): any => {\n    return Object.keys(palette).reduce((accum, color) => {\n        if (color === 'current') {\n            return accum;\n        } else if (typeof palette[color] === 'string') {\n            return {\n                ...accum,\n                [prefix ? (color === 'DEFAULT' ? prefix : `${prefix}-${color}`) : color]: palette[color],\n            };\n        } else {\n            return {\n                ...accum,\n                ...mapColor(palette[color], color),\n            };\n        }\n    }, {});\n};\n\nexport const colors: Record<string, string> = mapColor(themeColors);\n\nexport type Color = keyof typeof colors;\n\nexport const getThemeColor = (color: string) => colors[color];\n"],"names":["mapColor","palette","prefix","Object","keys","reduce","accum","color","colors","themeColors","getThemeColor"],"mappings":";;AAEA,MAAMA,QAAQ,GAAGA,CAACC,OAAO,EAAEC,MAAM,GAAG,EAAE;EAClC,OAAOC,MAAM,CAACC,IAAI,CAACH,OAAO,CAAC,CAACI,MAAM,CAAC,CAACC,KAAK,EAAEC,KAAK;IAC5C,IAAIA,KAAK,KAAK,SAAS,EAAE;MACrB,OAAOD,KAAK;KACf,MAAM,IAAI,OAAOL,OAAO,CAACM,KAAK,CAAC,KAAK,QAAQ,EAAE;MAC3C,OAAO;QACH,GAAGD,KAAK;QACR,CAACJ,MAAM,GAAIK,KAAK,KAAK,SAAS,GAAGL,MAAM,GAAG,GAAGA,MAAM,IAAIK,KAAK,EAAE,GAAIA,KAAK,GAAGN,OAAO,CAACM,KAAK;OAC1F;KACJ,MAAM;MACH,OAAO;QACH,GAAGD,KAAK;QACR,GAAGN,QAAQ,CAACC,OAAO,CAACM,KAAK,CAAC,EAAEA,KAAK;OACpC;;GAER,EAAE,EAAE,CAAC;AACV,CAAC;MAEYC,MAAM,gBAA2BR,QAAQ,CAACS,WAAW;MAIrDC,aAAa,GAAIH,KAAa,IAAKC,MAAM,CAACD,KAAK;;;;"}
+{"version":3,"file":"color.js","sources":["../../../../../../../src/charts/utils/color.ts"],"sourcesContent":["import themeColors from '../../../tailwind.colors.js';\n\nconst mapColor = (palette, prefix = ''): any => {\n    return Object.keys(palette).reduce((accum, color) => {\n        if (color === 'current') {\n            return accum;\n        } else if (typeof palette[color] === 'string') {\n            return {\n                ...accum,\n                [prefix ? (color === 'DEFAULT' ? prefix : `${prefix}-${color}`) : color]: palette[color],\n            };\n        } else {\n            return {\n                ...accum,\n                ...mapColor(palette[color], color),\n            };\n        }\n    }, {});\n};\n\nexport const colors: Record<string, string> = mapColor(themeColors);\n\nexport type Color = keyof typeof colors;\n\nexport const getThemeColor = (color: string) => colors[color];\n"],"names":["mapColor","palette","prefix","Object","keys","reduce","accum","color","_extends2","_extends","colors","themeColors","getThemeColor"],"mappings":";;;AAEA,IAAMA,QAAQ,GAAG,SAAXA,QAAQA,CAAIC,OAAO,EAAEC,MAAM;MAANA,MAAM;IAANA,MAAM,GAAG,EAAE;;EAClC,OAAOC,MAAM,CAACC,IAAI,CAACH,OAAO,CAAC,CAACI,MAAM,CAAC,UAACC,KAAK,EAAEC,KAAK;IAC5C,IAAIA,KAAK,KAAK,SAAS,EAAE;MACrB,OAAOD,KAAK;KACf,MAAM,IAAI,OAAOL,OAAO,CAACM,KAAK,CAAC,KAAK,QAAQ,EAAE;MAAA,IAAAC,SAAA;MAC3C,OAAAC,QAAA,KACOH,KAAK,GAAAE,SAAA,OAAAA,SAAA,CACPN,MAAM,GAAIK,KAAK,KAAK,SAAS,GAAGL,MAAM,GAAMA,MAAM,SAAIK,KAAO,GAAIA,KAAK,IAAGN,OAAO,CAACM,KAAK,CAAC,EAAAC,SAAA;KAE/F,MAAM;MACH,OAAAC,QAAA,KACOH,KAAK,EACLN,QAAQ,CAACC,OAAO,CAACM,KAAK,CAAC,EAAEA,KAAK,CAAC;;GAG7C,EAAE,EAAE,CAAC;AACV,CAAC;IAEYG,MAAM,gBAA2BV,QAAQ,CAACW,WAAW;IAIrDC,aAAa,GAAG,SAAhBA,aAAaA,CAAIL,KAAa;EAAA,OAAKG,MAAM,CAACH,KAAK,CAAC;AAAA;;;;"}

package/dist/esm/packages/taco/src/charts/utils/common.js

@@ -2,33 +2,46 @@ import React__default from 'react';
 import { Legend } from '../components/Legend.js';
 import { Tooltip } from '../components/Tooltip.js';
 
-const getCartesianGridProps = () => ({
-  vertical: false
-});
-const getXAxisProps = props => ({
-  axisLine: false,
-  dataKey: props.accessor,
-  fontSize: 12,
-  scale: props.xAxisScale,
-  tickLine: false,
-  tickFormatter: props.xAxisTickFormat
-});
-const getYAxisProps = props => ({
-  axisLine: false,
-  fontSize: 12,
-  scale: props.yAxisScale,
-  tickLine: false,
-  tickFormatter: props.yAxisTickFormat
-});
-const getLegendProps = props => ({
-  content: /*#__PURE__*/React__default.createElement(Legend, Object.assign({}, props))
-});
-const getTooltipProps = (props = undefined) => ({
-  content: /*#__PURE__*/React__default.createElement(Tooltip, Object.assign({}, props)),
-  wrapperStyle: {
-    outline: 'none'
+var getCartesianGridProps = function getCartesianGridProps() {
+  return {
+    vertical: false
+  };
+};
+var getXAxisProps = function getXAxisProps(props) {
+  return {
+    axisLine: false,
+    dataKey: props.accessor,
+    fontSize: 12,
+    scale: props.xAxisScale,
+    tickLine: false,
+    tickFormatter: props.xAxisTickFormat
+  };
+};
+var getYAxisProps = function getYAxisProps(props) {
+  return {
+    axisLine: false,
+    fontSize: 12,
+    scale: props.yAxisScale,
+    tickLine: false,
+    tickFormatter: props.yAxisTickFormat
+  };
+};
+var getLegendProps = function getLegendProps(props) {
+  return {
+    content: /*#__PURE__*/React__default.createElement(Legend, Object.assign({}, props))
+  };
+};
+var getTooltipProps = function getTooltipProps(props) {
+  if (props === void 0) {
+    props = undefined;
   }
-});
+  return {
+    content: /*#__PURE__*/React__default.createElement(Tooltip, Object.assign({}, props)),
+    wrapperStyle: {
+      outline: 'none'
+    }
+  };
+};
 
 export { getCartesianGridProps, getLegendProps, getTooltipProps, getXAxisProps, getYAxisProps };
 //# sourceMappingURL=common.js.map

package/dist/esm/packages/taco/src/charts/utils/common.js.map

@@ -1 +1 @@
-{"version":3,"file":"common.js","sources":["../../../../../../../src/charts/utils/common.tsx"],"sourcesContent":["import React from 'react';\nimport { ScaleType } from 'recharts/types/util/types';\n\nimport { Legend } from '../components/Legend';\nimport { Tooltip } from '../components/Tooltip';\nimport { LegendProps } from '../components/Legend';\n\nexport type CommonChartProps<TType> = {\n    accessor: keyof TType & string;\n    // eslint-disable-next-line @typescript-eslint/ban-types\n    xAxisScale?: ScaleType | Function;\n    xAxisTickFormat: (value: any) => string;\n    // eslint-disable-next-line @typescript-eslint/ban-types\n    yAxisScale?: ScaleType | Function;\n    yAxisTickFormat: (value: any) => string;\n};\n\nexport const getCartesianGridProps = () => ({\n    vertical: false,\n});\n\nexport const getXAxisProps = <TType,>(props: CommonChartProps<TType>) => ({\n    axisLine: false,\n    dataKey: props.accessor,\n    fontSize: 12,\n    scale: props.xAxisScale,\n    tickLine: false,\n    tickFormatter: props.xAxisTickFormat,\n});\n\nexport const getYAxisProps = <TType,>(props: CommonChartProps<TType>) => ({\n    axisLine: false,\n    fontSize: 12,\n    scale: props.yAxisScale,\n    tickLine: false,\n    tickFormatter: props.yAxisTickFormat,\n});\n\nexport const getLegendProps = <TType,>(props: LegendProps<TType>) => ({\n    content: <Legend {...props} />,\n});\n\nexport const getTooltipProps = (props: any = undefined) => ({\n    content: <Tooltip {...props} />,\n    wrapperStyle: { outline: 'none' },\n});\n"],"names":["getCartesianGridProps","vertical","getXAxisProps","props","axisLine","dataKey","accessor","fontSize","scale","xAxisScale","tickLine","tickFormatter","xAxisTickFormat","getYAxisProps","yAxisScale","yAxisTickFormat","getLegendProps","content","React","Legend","getTooltipProps","undefined","Tooltip","wrapperStyle","outline"],"mappings":";;;;MAiBaA,qBAAqB,GAAGA,OAAO;EACxCC,QAAQ,EAAE;CACb;MAEYC,aAAa,GAAYC,KAA8B,KAAM;EACtEC,QAAQ,EAAE,KAAK;EACfC,OAAO,EAAEF,KAAK,CAACG,QAAQ;EACvBC,QAAQ,EAAE,EAAE;EACZC,KAAK,EAAEL,KAAK,CAACM,UAAU;EACvBC,QAAQ,EAAE,KAAK;EACfC,aAAa,EAAER,KAAK,CAACS;CACxB;MAEYC,aAAa,GAAYV,KAA8B,KAAM;EACtEC,QAAQ,EAAE,KAAK;EACfG,QAAQ,EAAE,EAAE;EACZC,KAAK,EAAEL,KAAK,CAACW,UAAU;EACvBJ,QAAQ,EAAE,KAAK;EACfC,aAAa,EAAER,KAAK,CAACY;CACxB;MAEYC,cAAc,GAAYb,KAAyB,KAAM;EAClEc,OAAO,eAAEC,6BAACC,MAAM,oBAAKhB,KAAK;CAC7B;MAEYiB,eAAe,GAAGA,CAACjB,QAAakB,SAAS,MAAM;EACxDJ,OAAO,eAAEC,6BAACI,OAAO,oBAAKnB,KAAK,EAAI;EAC/BoB,YAAY,EAAE;IAAEC,OAAO,EAAE;;CAC5B;;;;"}
+{"version":3,"file":"common.js","sources":["../../../../../../../src/charts/utils/common.tsx"],"sourcesContent":["import React from 'react';\nimport { ScaleType } from 'recharts/types/util/types';\n\nimport { Legend } from '../components/Legend';\nimport { Tooltip } from '../components/Tooltip';\nimport { LegendProps } from '../components/Legend';\n\nexport type CommonChartProps<TType> = {\n    accessor: keyof TType & string;\n    // eslint-disable-next-line @typescript-eslint/ban-types\n    xAxisScale?: ScaleType | Function;\n    xAxisTickFormat: (value: any) => string;\n    // eslint-disable-next-line @typescript-eslint/ban-types\n    yAxisScale?: ScaleType | Function;\n    yAxisTickFormat: (value: any) => string;\n};\n\nexport const getCartesianGridProps = () => ({\n    vertical: false,\n});\n\nexport const getXAxisProps = <TType,>(props: CommonChartProps<TType>) => ({\n    axisLine: false,\n    dataKey: props.accessor,\n    fontSize: 12,\n    scale: props.xAxisScale,\n    tickLine: false,\n    tickFormatter: props.xAxisTickFormat,\n});\n\nexport const getYAxisProps = <TType,>(props: CommonChartProps<TType>) => ({\n    axisLine: false,\n    fontSize: 12,\n    scale: props.yAxisScale,\n    tickLine: false,\n    tickFormatter: props.yAxisTickFormat,\n});\n\nexport const getLegendProps = <TType,>(props: LegendProps<TType>) => ({\n    content: <Legend {...props} />,\n});\n\nexport const getTooltipProps = (props: any = undefined) => ({\n    content: <Tooltip {...props} />,\n    wrapperStyle: { outline: 'none' },\n});\n"],"names":["getCartesianGridProps","vertical","getXAxisProps","props","axisLine","dataKey","accessor","fontSize","scale","xAxisScale","tickLine","tickFormatter","xAxisTickFormat","getYAxisProps","yAxisScale","yAxisTickFormat","getLegendProps","content","React","Legend","getTooltipProps","undefined","Tooltip","wrapperStyle","outline"],"mappings":";;;;IAiBaA,qBAAqB,GAAG,SAAxBA,qBAAqBA;EAAA,OAAU;IACxCC,QAAQ,EAAE;GACb;AAAA;IAEYC,aAAa,GAAG,SAAhBA,aAAaA,CAAYC,KAA8B;EAAA,OAAM;IACtEC,QAAQ,EAAE,KAAK;IACfC,OAAO,EAAEF,KAAK,CAACG,QAAQ;IACvBC,QAAQ,EAAE,EAAE;IACZC,KAAK,EAAEL,KAAK,CAACM,UAAU;IACvBC,QAAQ,EAAE,KAAK;IACfC,aAAa,EAAER,KAAK,CAACS;GACxB;AAAA;IAEYC,aAAa,GAAG,SAAhBA,aAAaA,CAAYV,KAA8B;EAAA,OAAM;IACtEC,QAAQ,EAAE,KAAK;IACfG,QAAQ,EAAE,EAAE;IACZC,KAAK,EAAEL,KAAK,CAACW,UAAU;IACvBJ,QAAQ,EAAE,KAAK;IACfC,aAAa,EAAER,KAAK,CAACY;GACxB;AAAA;IAEYC,cAAc,GAAG,SAAjBA,cAAcA,CAAYb,KAAyB;EAAA,OAAM;IAClEc,OAAO,eAAEC,6BAACC,MAAM,oBAAKhB,KAAK;GAC7B;AAAA;IAEYiB,eAAe,GAAG,SAAlBA,eAAeA,CAAIjB;MAAAA;IAAAA,QAAakB,SAAS;;EAAA,OAAM;IACxDJ,OAAO,eAAEC,6BAACI,OAAO,oBAAKnB,KAAK,EAAI;IAC/BoB,YAAY,EAAE;MAAEC,OAAO,EAAE;;GAC5B;AAAA;;;;"}

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, {